.carousel{position:relative;overflow:hidden}.carousel__container{max-width:100%;margin:0 auto;padding:0 2rem}.carousel__header{margin-bottom:2rem}@media screen and (min-width: 750px){.carousel__header{margin-bottom:3rem}}.carousel__heading{text-align:center}.carousel__wrapper{position:relative;overflow:visible}.carousel__track-container{position:relative;width:100vw;margin-left:calc(50% - 50vw);overflow:hidden}.carousel__button{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:5rem;height:5rem;border-radius:0 50px 50px 0;background:var(--yellow);border:none;color:var(--dark-purple);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:2px 0 8px #0003;pointer-events:auto;padding:0}@media screen and (min-width: 750px){.carousel__button{width:7rem;height:6rem}}@media screen and (min-width: 990px){.carousel__button{width:7.4rem;height:7rem}}.carousel__button:hover:not(:disabled){box-shadow:2px 0 12px #0000004d;width:5.2rem}@media screen and (max-width: 749px){.carousel__button:hover:not(:disabled){width:4.4rem}}.carousel__button:focus-visible{outline:3px solid var(--dark-purple);outline-offset:4px}.carousel__button:disabled{background:rgba(var(--yellow),.5);cursor:not-allowed}.carousel__button svg{width:2.4rem;height:2.4rem;stroke-width:3}@media screen and (min-width: 750px){.carousel__button svg{width:3rem;height:3rem}}@media screen and (min-width: 990px){.carousel__button svg{width:4rem;height:4rem}}.carousel__button--prev{left:0;border-radius:0 50px 50px 0;padding-right:.5rem}.carousel__button--next{right:0;border-radius:50px 0 0 50px;padding-left:.5rem}.carousel__button--next:hover:not(:disabled){box-shadow:-2px 0 12px #0000004d}.carousel__track{display:flex;gap:1.25rem;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding:1rem 2rem 2rem;-ms-overflow-style:none;scrollbar-width:none;list-style:none;margin:0;scroll-padding:0 2rem}@media screen and (min-width: 750px){.carousel__track{gap:1.875rem}}.carousel__wrapper--no-navigation .carousel__track{justify-content:center}.carousel__track::-webkit-scrollbar{display:none}.carousel__item{flex:0 0 auto;scroll-snap-align:start;transition:transform .3s ease;width:calc((100% - 1.25rem)/2)}@media screen and (min-width: 750px){.carousel__item{width:calc((100% - (1.875rem * 3)) / 3.5)}}@media screen and (min-width: 1200px){.carousel__item{width:calc((100% - (1.875rem * 4)) / 4.5)}}@media screen and (min-width: 1600px){.carousel__item{width:calc((100% - (1.875rem * 5)) / 5.5)}}.carousel__indicators{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;padding:.5rem}@media screen and (min-width: 750px){.carousel__indicators{margin-top:2rem}}.carousel__indicator{width:2rem;height:2rem;border-radius:50%;background:var(--carousel-indicator-color, var(--yellow));opacity:.4;border:none;cursor:pointer;transition:all .3s ease;padding:0;flex-shrink:0}.carousel__indicator:hover{opacity:.6}.carousel__indicator.is-active{opacity:1;width:2.5rem;height:2.5rem}.carousel__indicator:focus-visible{outline:2px solid var(--carousel-indicator-color, var(--yellow));outline-offset:2px}.carousel__empty{text-align:center;padding:3rem 1.5rem;color:rgba(var(--color-foreground),.75)}.carousel__empty p{margin:0;font-size:1rem}.carousel__card-image{width:100%;height:100%;object-fit:cover;object-position:center}.carousel__buttons{display:grid;grid-auto-flow:row;gap:1rem;width:fit-content;max-width:45rem;word-break:break-word;margin:3rem auto 0}@media screen and (min-width: 750px){.carousel__buttons{grid-auto-flow:column;grid-auto-columns:1fr}}.carousel__buttons .button{white-space:nowrap}
/*# sourceMappingURL=/cdn/shop/t/41/assets/carousel.css.map */
