:root{--carousel-slide-background-color:#010101;--carousel-button-background-color:#fff4e0;--carousel-button-border-color:#fff4e0;--carousel-button-icon-fill:#010101;--carousel-dot-background-color:#010101;--carousel-dot-border-color:#fff4e0;--carousel-dot-hover-background-color:#010101;--carousel-dot-hover-border-color:#fff4e0;--carousel-dot-selected-background-color:#fff4e0;--carousel-dot-selected-border-color:#fff4e0}.carousel{container:carousel/inline-size;margin:0 -20px;position:relative}.carousel__element{margin:2rem auto;position:relative;width:100%}.carousel__slides{aspect-ratio:16/9;display:flex;flex-wrap:nowrap;margin:0;overflow:auto;padding:0;position:relative;scroll-behavior:smooth;scroll-snap-stop:always;scroll-snap-type:x mandatory;scrollbar-width:none}.carousel__slides::-webkit-scrollbar{display:none}.carousel__slide{background:var(--carousel-slide-background-color);border-radius:24px;list-style:none;min-width:100%;overflow:hidden;position:relative;scroll-snap-align:center}.carousel__image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.carousel__button-text{clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;width:1px}.carousel__button{background-color:var(--carousel-button-background-color);border-color:var(--carousel-button-border-color);height:45px;outline-offset:0;position:absolute;top:50%;transition:outline-offset .1s ease-in-out;translate:0 -50%;width:45px}.carousel__button:focus-visible,.carousel__button:hover{background-color:var(--carousel-button-background-color);border-color:var(--carousel-button-border-color);outline:2px solid var(--carousel-button-border-color);outline-offset:4px}.carousel__button .icon{fill:var(--carousel-button-icon-fill)}.carousel__button--prev{left:10px}.carousel__button--next{right:10px}.carousel__dots{bottom:-2rem;display:flex;gap:12px;justify-content:center;left:50%;position:absolute;transform:translateX(-50%)}.carousel__dot{background:var(--carousel-dot-background-color);border:2px solid var(--carousel-dot-border-color);border-radius:100%;display:block;height:14px;list-style:none;outline-offset:0;padding:0 5px;transition:outline-offset .1s ease-in-out;width:14px}.carousel__dot:focus-visible,.carousel__dot:hover{background:var(--carousel-dot-hover-background-color);outline:1px solid var(--carousel-dot-border-color);outline-offset:2px}.carousel__dot.selected{background-color:var(--carousel-dot-selected-background-color);border-color:var(--carousel-dot-selected-border-color);outline:transparent}.carousel--portrait .carousel__element,.carousel--square .carousel__element{max-width:500px}.carousel--portrait .carousel__slides{aspect-ratio:4/5}.carousel--square .carousel__slides{aspect-ratio:1/1}.carousel--landscape .carousel__slides{aspect-ratio:16/9}.carousel--yellow{--carousel-button-background-color:#ffce44;--carousel-button-border-color:#ffce44;--carousel-button-icon-fill:#010101;--carousel-dot-border-color:#ffce44;--carousel-dot-hover-border-color:#ffce44;--carousel-dot-selected-background-color:#ffce44;--carousel-dot-selected-border-color:#ffce44}.carousel--pink{--carousel-button-background-color:#e71d73;--carousel-button-border-color:#e71d73;--carousel-button-icon-fill:#010101;--carousel-dot-border-color:#e71d73;--carousel-dot-hover-border-color:#e71d73;--carousel-dot-selected-background-color:#e71d73;--carousel-dot-selected-border-color:#e71d73}.carousel--light-pink{--carousel-button-background-color:#ec69a4;--carousel-button-border-color:#ec69a4;--carousel-button-icon-fill:#010101;--carousel-dot-border-color:#ec69a4;--carousel-dot-hover-border-color:#ec69a4;--carousel-dot-selected-background-color:#ec69a4;--carousel-dot-selected-border-color:#ec69a4}.carousel--orange{--carousel-button-background-color:#eb5b25;--carousel-button-border-color:#eb5b25;--carousel-button-icon-fill:#010101;--carousel-dot-border-color:#eb5b25;--carousel-dot-hover-border-color:#eb5b25;--carousel-dot-selected-background-color:#eb5b25;--carousel-dot-selected-border-color:#eb5b25}.carousel--red{--carousel-button-background-color:#e52322;--carousel-button-border-color:#e52322;--carousel-button-icon-fill:#010101;--carousel-dot-border-color:#e52322;--carousel-dot-hover-border-color:#e52322;--carousel-dot-selected-background-color:#e52322;--carousel-dot-selected-border-color:#e52322}.carousel--purple{--carousel-button-background-color:#c83c97;--carousel-button-border-color:#c83c97;--carousel-button-icon-fill:#010101;--carousel-dot-border-color:#c83c97;--carousel-dot-hover-border-color:#c83c97;--carousel-dot-selected-background-color:#c83c97;--carousel-dot-selected-border-color:#c83c97}.carousel--green{--carousel-button-background-color:#95c11f;--carousel-button-border-color:#95c11f;--carousel-button-icon-fill:#010101;--carousel-dot-border-color:#95c11f;--carousel-dot-hover-border-color:#95c11f;--carousel-dot-selected-background-color:#95c11f;--carousel-dot-selected-border-color:#95c11f}.carousel--dark-green{--carousel-button-background-color:#50af47;--carousel-button-border-color:#50af47;--carousel-button-icon-fill:#010101;--carousel-dot-border-color:#50af47;--carousel-dot-hover-border-color:#50af47;--carousel-dot-selected-background-color:#50af47;--carousel-dot-selected-border-color:#50af47}.carousel--cyan{--carousel-button-background-color:#00a19a;--carousel-button-border-color:#00a19a;--carousel-button-icon-fill:#010101;--carousel-dot-border-color:#00a19a;--carousel-dot-hover-border-color:#00a19a;--carousel-dot-selected-background-color:#00a19a;--carousel-dot-selected-border-color:#00a19a}.carousel--blue{--carousel-button-background-color:#0fa8bd;--carousel-button-border-color:#0fa8bd;--carousel-button-icon-fill:#010101;--carousel-dot-border-color:#0fa8bd;--carousel-dot-hover-border-color:#0fa8bd;--carousel-dot-selected-background-color:#0fa8bd;--carousel-dot-selected-border-color:#0fa8bd}.carousel--brown{--carousel-button-background-color:#ca9e67;--carousel-button-border-color:#ca9e67;--carousel-button-icon-fill:#010101;--carousel-dot-border-color:#ca9e67;--carousel-dot-hover-border-color:#ca9e67;--carousel-dot-selected-background-color:#ca9e67;--carousel-dot-selected-border-color:#ca9e67}.carousel--orange-yellow{--carousel-button-background-color:#f59d24;--carousel-button-border-color:#f59d24;--carousel-button-icon-fill:#010101;--carousel-dot-border-color:#f59d24;--carousel-dot-hover-border-color:#f59d24;--carousel-dot-selected-background-color:#f59d24;--carousel-dot-selected-border-color:#f59d24}.carousel--creme{--carousel-button-background-color:#fff4e0;--carousel-button-border-color:#fff4e0;--carousel-button-icon-fill:#010101;--carousel-dot-border-color:#fff4e0;--carousel-dot-hover-border-color:#fff4e0;--carousel-dot-selected-background-color:#fff4e0;--carousel-dot-selected-border-color:#fff4e0}.carousel--black{--carousel-button-background-color:#010101;--carousel-button-border-color:#010101;--carousel-button-icon-fill:#010101;--carousel-dot-border-color:#010101;--carousel-dot-hover-border-color:#010101;--carousel-dot-selected-background-color:#010101;--carousel-dot-selected-border-color:#010101}@container carousel (min-width: 500px){.carousel--portrait .carousel__button,.carousel--square .carousel__button{height:60px;width:60px}.carousel--portrait .carousel__button--prev,.carousel--square .carousel__button--prev{left:-20px}.carousel--portrait .carousel__button--next,.carousel--square .carousel__button--next{right:-20px}.carousel__dot{height:16px;width:16px}}@container carousel (min-width: calc(800px - 20px * 2)){.carousel__element{margin-bottom:3rem}.carousel--landscape .carousel__button{height:60px;width:60px}.carousel--landscape .carousel__button--prev{left:-20px}.carousel--landscape .carousel__button--next{right:-20px}}