.carousel{position:relative;display:block}.carousel__nav[hidden]{display:none}.carousel__button{position:absolute;inset-block-start:var(--carousel-nav-top, 50%);z-index:2;display:grid;place-items:center;inline-size:var(--carousel-nav-size, 44px);block-size:var(--carousel-nav-size, 44px);margin:0;padding:0;border:var(--border-width) solid var(--carousel-nav-border, var(--color-border-soft));border-radius:50%;background-color:var( --carousel-nav-bg, color-mix(in oklch, var(--color-surface) 86%, transparent) );-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--carousel-nav-color, var(--color-text-primary));cursor:pointer;translate:0 -50%;transition:background-color var(--duration-hover) var(--ease-standard),border-color var(--duration-hover) var(--ease-standard),color var(--duration-hover) var(--ease-standard),box-shadow var(--duration-hover) var(--ease-standard),opacity var(--duration-hover) var(--ease-standard),scale var(--duration-hover) var(--ease-standard),visibility 0s linear var(--duration-hover)}.carousel__button--prev{inset-inline-start:var(--carousel-nav-offset, -14px)}.carousel__button--next{inset-inline-end:var(--carousel-nav-offset, -14px)}.carousel__button:hover:not(:disabled){background-color:var(--carousel-nav-hover-bg, var(--color-text-primary));border-color:var(--carousel-nav-hover-bg, var(--color-text-primary));color:var(--carousel-nav-hover-color, var(--color-text-inverse));box-shadow:var(--hover-card-shadow);scale:1.06}.carousel__button:active:not(:disabled){scale:.98}.carousel__button:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.carousel__button:disabled{opacity:0;visibility:hidden;pointer-events:none;cursor:default;transition-delay:0s}[dir=rtl] .carousel__icon{transform:scaleX(-1)}@media(hover:none){.carousel{--carousel-nav-size: 36px;--carousel-nav-offset: -2px}.carousel__button{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.carousel__button:hover:not(:disabled){scale:1;box-shadow:none}}@media(prefers-reduced-motion:reduce){.carousel__button{transition-duration:0s}.carousel__button:hover:not(:disabled),.carousel__button:active:not(:disabled){scale:1}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-carousel.css.map */