.carousel{--carousel-gap: var(--grid-gutter);--carousel-columns: var(--carousel-columns-mobile, 2);--carousel-peek: .3;--carousel-visible: calc(var(--carousel-columns) + var(--carousel-peek));display:block;position:relative}.carousel__track{display:flex;gap:var(--carousel-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding-block:.25rem;margin-block:-.25rem}.carousel__track::-webkit-scrollbar{display:none}.carousel__item{flex:0 0 calc((100% - var(--carousel-gap) * (var(--carousel-visible) - 1)) / var(--carousel-visible));min-width:0;scroll-snap-align:start}.carousel__item>*{height:100%}.carousel__controls{display:none;justify-content:flex-end;gap:var(--spacing-2);margin-block-start:var(--spacing-5)}.carousel__controls[hidden]{display:none!important}.carousel__button{display:inline-flex;align-items:center;justify-content:center;inline-size:2.75rem;block-size:2.75rem;padding:0;color:rgb(var(--text-primary));background:transparent;border:1px solid rgb(var(--border-color));border-radius:var(--rounded-full);cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.carousel__button:focus-visible{outline:2px solid rgb(var(--text-primary));outline-offset:2px}.carousel__button[disabled]{opacity:.35;cursor:not-allowed}.carousel__button .icon{transform:scaleX(var(--transform-logical-flip, 1))}@media screen and (min-width:700px){.carousel{--carousel-columns: var(--carousel-columns-tablet, 3);--carousel-peek: 0}.carousel__controls{display:flex}}@media screen and (min-width:1000px){.carousel{--carousel-columns: var(--carousel-columns-desktop, 4)}}@media screen and (min-width:700px){.carousel--grid-tablet .carousel__track{display:grid;grid-template-columns:repeat(var(--carousel-columns),minmax(0,1fr));overflow:visible;scroll-snap-type:none}.carousel--grid-tablet .carousel__controls{display:none}}@media screen and (min-width:1000px){.carousel--grid-desktop .carousel__track{display:grid;grid-template-columns:repeat(var(--carousel-columns),minmax(0,1fr));overflow:visible;scroll-snap-type:none}.carousel--grid-desktop .carousel__controls{display:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/carousel.css.map */