@layer components{.carousel{position:relative;display:block}.carousel__mask{overflow:hidden;--car-mask: var(--space-8);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--car-mask),#000 calc(100% - var(--car-mask)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--car-mask),#000 calc(100% - var(--car-mask)),transparent 100%)}.carousel__mask:focus-within,.carousel--flush .carousel__mask{-webkit-mask-image:none;mask-image:none}.carousel__track{display:flex;gap:var(--car-gap, var(--grid-gap));overflow-x:auto;align-items:stretch;margin:0;padding:var(--space-2) 0;list-style:none;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;scrollbar-width:none;-ms-overflow-style:none}.carousel__track::-webkit-scrollbar{display:none}.carousel__track.is-dragging{cursor:grabbing}.carousel__track:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}.carousel__item{flex:0 0 var(--car-basis-mobile, 80%);display:flex;min-width:0}.carousel__item>*{width:100%}.carousel__arrow{position:absolute;inset-block-start:50%;translate:0 -50%;z-index:var(--z-raised);box-shadow:var(--elevation-2);display:none}.carousel__arrow--prev{inset-inline-start:calc(var(--space-4) * -1)}.carousel__arrow--next{inset-inline-end:calc(var(--space-4) * -1)}.carousel__controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-block-start:2.25rem}.carousel__dots{display:flex;align-items:center;gap:.375rem;min-height:1.5rem}.carousel__dots[hidden]{display:none}.carousel__dot{position:relative;width:1rem;height:1.5rem;padding:0;border:0;background:none;cursor:pointer;transition:width var(--dur-quick) var(--ease-luxe)}.carousel__dot:before{content:"";position:absolute;inset-inline:0;inset-block-start:calc(50% - 1px);height:2px;background-color:var(--color-border-strong);transition:background-color var(--dur-fast) var(--ease-out)}.carousel__dot:hover:before{background-color:var(--color-text-muted)}.carousel__dot.is-active{width:2rem}.carousel__dot.is-active:before{background-color:var(--color-brand)}.carousel__dot:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}.carousel__nav{display:flex;gap:var(--space-2);margin-inline-start:auto}.carousel__nav-btn{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:2.75rem;padding:0;border:0;background:none;color:var(--color-brand);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.carousel__nav-btn svg{width:1.625rem;height:.875rem}.carousel__nav-btn[data-carousel-prev]:hover{transform:translate(-3px)}.carousel__nav-btn[data-carousel-next]:hover{transform:translate(3px)}.carousel__nav-btn:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}.carousel__toggle{position:absolute;inset-block-start:calc(var(--space-8) * -1);inset-inline-end:0;z-index:var(--z-raised);display:inline-flex;align-items:center;justify-content:center;width:var(--target-min);height:var(--target-min);color:var(--color-text-subtle);transition:var(--transition-colors)}.carousel__toggle:hover{color:var(--color-brand)}@media(min-width:40em){.carousel__item{flex-basis:var(--car-basis-tablet, 40%)}}@media(min-width:64em){.carousel__item{flex-basis:var(--car-basis, 19%)}.carousel__arrow{display:inline-flex}}body[data-carousel-swipe=false] .carousel__track{display:grid;grid-template-columns:repeat(var(--grid-cols-mobile, 2),minmax(0,1fr));overflow:visible;touch-action:auto;cursor:default}@media(min-width:64em){body[data-carousel-swipe=false] .carousel__track{display:flex;overflow-x:auto;cursor:grab}}@media(prefers-reduced-motion:reduce){.carousel__dot,.carousel__nav-btn{transition:none}}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/component-carousel.css.map */