comparison-slider-component{display:block}.comparison-slider{position:relative;overflow:hidden;aspect-ratio:var(--ratio)}.comparison-slider:not(:has(img)){min-width:25dvh}.comparison-slider__container{position:relative;width:100%;height:100%}.comparison-slider__media-wrapper{--compare: 50;position:relative;width:100%;height:100%;display:grid;grid-template:1fr / 1fr;overflow:hidden}.comparison-slider__layer{grid-area:1 / 1;position:relative;width:100%;height:100%;transition:clip-path var(--transition-duration, 0s) ease-in-out}.comparison-slider__layer--after{z-index:var(--layer-base)}[data-orientation=horizontal] .comparison-slider__layer--before{clip-path:inset(0 calc((100 - var(--compare)) * 1%) 0 0)}[data-orientation=vertical] .comparison-slider__layer--before{clip-path:inset(0 0 calc(var(--compare) * 1%) 0)}[data-orientation=horizontal] .comparison-slider__layer--after{clip-path:inset(0 0 0 calc(var(--compare) * 1%))}[data-orientation=vertical] .comparison-slider__layer--after{clip-path:inset(calc((100 - var(--compare)) * 1%) 0 0 0)}.before-image,.after-image,.comparison-slider__placeholder{width:100%;height:100%;object-fit:cover;aspect-ratio:var(--ratio)}.comparison-slider__placeholder{position:absolute;top:0;right:0;bottom:0;left:0}.comparison-slider__placeholder svg{width:100%;height:100%;background-color:var(--color-background);fill:var(--color-foreground)}.cs-slider{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--layer-heightened);width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:inherit;-webkit-appearance:none;appearance:none}[data-orientation=horizontal] .cs-slider{cursor:ew-resize}[data-orientation=vertical] .cs-slider{cursor:ns-resize;writing-mode:vertical-lr;direction:rtl}.cs-slider::-webkit-slider-thumb,.cs-slider::-moz-range-thumb{width:var(--button-size);height:var(--button-size);border:0;background:transparent;cursor:inherit;-webkit-appearance:none;appearance:none}.cs-slider::-webkit-slider-track,.cs-slider::-moz-range-track{background:transparent;border:0;-webkit-appearance:none;appearance:none}.comparison-slider__media-wrapper:before,.comparison-slider__media-wrapper:after{content:"";position:absolute;pointer-events:none;transition:left var(--transition-duration, 0s) ease-in-out,top var(--transition-duration, 0s) ease-in-out;z-index:var(--layer-raised)}.comparison-slider__media-wrapper:after{background:var(--color-background);box-shadow:0 0 12px #0000001a}.comparison-slider__media-wrapper:before{background:var(--color-background)}.comparison-slider__media-wrapper[data-orientation=horizontal]:after{inset:0 auto;left:calc(var(--compare) * 1%);width:4px;transform:translate(-50%)}.comparison-slider__media-wrapper[data-orientation=vertical]:after{inset:auto 0;top:calc((100 - var(--compare)) * 1%);height:4px;transform:translateY(-50%)}.cs-slider__handle{position:absolute;z-index:var(--layer-heightened);pointer-events:none;width:var(--button-size);height:var(--button-size);color:var(--handle-color, var(--color-foreground));background:var(--color-background);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px #0000001a;transition:left var(--transition-duration, 0s) ease-in-out,top var(--transition-duration, 0s) ease-in-out,gap .2s ease-in-out;gap:var(--gap-sm);padding:var(--padding-xs)}.comparison-slider__media-wrapper:hover .cs-slider__handle{gap:var(--gap-2xs)}.cs-slider__chevron{display:flex;align-items:center;justify-content:center}[data-orientation=horizontal] .cs-slider__handle{top:50%;left:calc(var(--compare) * 1%);transform:translate(-50%,-50%);flex-direction:row}[data-orientation=vertical] .cs-slider__handle{left:50%;top:calc((100 - var(--compare)) * 1%);transform:translate(-50%,-50%) rotate(90deg)}.comparison-slider__text{position:absolute;padding:var(--padding-xs);pointer-events:none}.comparison-slider__text--with-bg{background:var(--text-background-color);border-radius:var(--text-corner-radius)}[data-orientation=horizontal] .comparison-slider__text--before{inset-inline-start:var(--padding-sm)}[data-orientation=horizontal] .comparison-slider__text--after{inset-inline-end:var(--padding-sm)}[data-orientation=horizontal][data-text-position=start] .comparison-slider__text{inset-block-start:var(--padding-sm)}[data-orientation=horizontal][data-text-position=end] .comparison-slider__text{inset-block-end:var(--padding-sm)}[data-orientation=vertical] .comparison-slider__text--before{inset-block-start:var(--padding-sm)}[data-orientation=vertical] .comparison-slider__text--after{inset-block-end:var(--padding-sm)}[data-orientation=vertical][data-text-position=start] .comparison-slider__text{inset-inline-start:var(--padding-sm)}[data-orientation=vertical][data-text-position=end] .comparison-slider__text{inset-inline-end:var(--padding-sm)}.submit-button{min-width:max-content}.search-action{--search-border-radius: var(--style-border-radius-inputs);--search-border-width: var(--style-border-width-inputs);display:flex}@media screen and (max-width:749px){.search-action--hidden-on-drawer{display:none}}@media screen and (min-width:750px){[data-menu-style=drawer] .search-action--hidden-on-drawer,[data-menu-style=menu] .search-action--hidden-on-menu{display:none}}@media screen and (min-width:750px){[data-menu-style=menu] .header__column--left .search-action{margin-inline:calc(var(--padding-lg) * -1)}}@media screen and (min-width:750px){.header__column--right .search-action{margin-inline:calc(var(--gap-md) * -1) calc(var(--gap-xs) * -1)}}@media screen and (min-width:750px){.header__column--right .search-action--text,[data-menu-style=menu] .header__column--left .search-action--text{margin-inline:0}}text-component{--shimmer-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));--shimmer-color-light: rgb(var(--color-foreground-rgb) / var(--opacity-10));--shimmer-speed: 1.25s;display:inline-block;position:relative;transition:color var(--animation-speed-slow) ease;line-height:1}text-component:after{content:attr(value) / "";position:absolute;top:0;right:0;bottom:0;left:0;color:transparent;opacity:0;transition:opacity var(--animation-speed-slow) var(--animation-easing);pointer-events:none;background-image:linear-gradient(-85deg,var(--shimmer-text-color) 10%,var(--shimmer-color-light) 50%,var(--shimmer-text-color) 90%);background-clip:text;background-size:200% 100%;background-position:100% 0;place-content:center}text-component[shimmer]{color:transparent}text-component[shimmer]:after{opacity:1;animation:text-shimmer var(--shimmer-speed) infinite linear}@keyframes text-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}swatches-variant-picker-component{display:flex;width:100%;flex-direction:row;justify-content:var(--product-swatches-alignment-mobile);--overflow-list-padding-block: calc( var(--product-swatches-padding-block-start) + var(--focus-outline-offset) + var(--focus-outline-width) ) calc(var(--product-swatches-padding-block-end) + var(--focus-outline-offset) + var(--focus-outline-width));--overflow-list-padding-inline: calc( var(--product-swatches-padding-inline-start) + var(--focus-outline-offset) + (1.5 * var(--focus-outline-width)) ) calc(var(--product-swatches-padding-inline-end) + var(--focus-outline-offset) + var(--focus-outline-width))}@media screen and (min-width:750px){swatches-variant-picker-component{justify-content:var(--product-swatches-alignment)}}swatches-variant-picker-component overflow-list::part(list){gap:var(--gap-sm)}swatches-variant-picker-component overflow-list[disabled=true]{--overflow-list-padding-block: 0px;margin-block-start:calc(var(--product-swatches-padding-block-start) + var(--focus-outline-offset) + var(--focus-outline-width));margin-block-end:calc(var(--product-swatches-padding-block-end) + var(--focus-outline-offset) + var(--focus-outline-width))}.hidden-swatches__count{display:flex;align-self:center;align-items:center;justify-content:center;color:rgb(var(--color-foreground-rgb) / var(--opacity-40-60));background-color:transparent;padding:0;border:0;border-radius:0}.hidden-swatches__count:before{counter-reset:overflow-count var(--overflow-count);content:"+" counter(overflow-count);line-height:1;cursor:pointer}.hidden-swatches__count:hover{color:var(--color-foreground-rgb)}
/*# sourceMappingURL=/cdn/shop/t/1/compiled_assets/styles.css.map?subset=AAAAAAAAAAAAAAAAAGAAAAAAIAAAAAAAAAAAAAAAQAAAFAAg */