.carousel{position:relative;overflow:hidden}.carousel__container{max-width:100%;margin:0 auto;padding:0 2rem}.carousel__header{margin-bottom:2rem;text-align:center}@media screen and (min-width: 750px){.carousel__header{margin-bottom:3rem}}.carousel__wrapper{position:relative;overflow:visible}.carousel__track-container{position:relative;width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;overflow-x:hidden}.carousel__button{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:80px;border-radius:0 8px 8px 0;background:var(--dark-blue);border:none;color:#fff;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}.carousel__button:hover:not(:disabled){background:var(--dark-blue);box-shadow:2px 0 12px #0000004d;width:52px}.carousel__button:focus-visible{outline:3px solid var(--dark-blue);outline-offset:4px}.carousel__button:disabled{opacity:.3;cursor:not-allowed}.carousel__button svg{width:60px;height:60px;stroke-width:3}.carousel__button--prev{left:0;border-radius:0 8px 8px 0}.carousel__button--next{right:0;border-radius:8px 0 0 8px;box-shadow:-2px 0 8px #0003}.carousel__button--next:hover:not(:disabled){box-shadow:-2px 0 12px #0000004d}@media screen and (max-width: 749px){.carousel__button{width:40px;height:64px}.carousel__button:hover:not(:disabled){width:44px}.carousel__button svg{width:48px;height:48px}}.carousel__track{display:flex;gap:1.25rem;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding-bottom:1rem;-ms-overflow-style:none;scrollbar-width:none;list-style:none;margin:0;padding:1rem 0 2rem}.carousel__wrapper--no-navigation .carousel__track{justify-content:center}.carousel__track::-webkit-scrollbar{display:none}@media screen and (min-width: 750px){.carousel__track{gap:1.875rem}}.carousel__item{flex:0 0 auto;scroll-snap-align:start;transition:transform .3s ease}.carousel__item{width:calc((100% - 1.25rem)/2)}@media screen and (min-width: 750px){.carousel__item{width:calc((100% - 5.625rem)/4)}}@media screen and (min-width: 1200px){.carousel__item{width:calc((100% - 7.5rem)/5)}}@media screen and (min-width: 1600px){.carousel__item{width:calc((100% - (1.875rem * 5)) / 6)}}.carousel__indicators{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-top:1.5rem;padding:.5rem}.carousel__indicator{width:40px;height:11px;border-radius:6px;background:#242c6b40;border:none;cursor:pointer;transition:all .3s ease;padding:0;position:relative}.carousel__indicator:hover{background:#242c6b80}.carousel__indicator.is-active{background:var(--dark-blue);width:6rem}.carousel__indicator:focus-visible{outline:3px solid var(--dark-blue);outline-offset:4px;border-radius:2px}.carousel__indicator:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:44px;min-width:44px}@media screen and (min-width: 750px){.carousel__indicators{margin-top:2rem}.carousel__indicator{width:5rem;height:12px}.carousel__indicator.is-active{width:8rem}}.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/135/assets/carousel.css.map */