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);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)}.resource-list__carousel{--slide-width: 60vw;width:100%;position:relative;container-type:inline-size;container-name:resource-list-carousel}.resource-list__carousel .slideshow-control[disabled]{display:none}.resource-list__carousel .slideshow-control--next{margin-inline-start:auto}@container resource-list-carousel (max-width: 749px){.resource-list__carousel .resource-list__slide{--slide-width: clamp(150px, var(--mobile-card-size, 60cqw), var(--slide-width-max))}}@container resource-list-carousel (min-width: 750px){.resource-list__carousel .resource-list__slide{--section-slide-width: calc( (100% - (var(--resource-list-column-gap) * (var(--column-count) - 1)) - var(--peek-next-slide-size)) / var(--column-count) );--fallback-slide-width: clamp(150px, var(--mobile-card-size, 60cqw), var(--slide-width-max));--slide-width: var(--section-slide-width, var(--fallback-slide-width))}}.resource-list__carousel slideshow-slides{gap:var(--resource-list-column-gap);margin-block:-16px;padding-block:16px}.resource-list__carousel slideshow-arrows{padding-inline:var(--util-page-margin-offset)}.resource-list__carousel .resource-list__slide{width:var(--slide-width);flex:0 0 auto;scroll-snap-align:start;min-width:0}.resource-list__carousel :is(slideshow-slide:has(+slideshow-slide[aria-hidden=false]),slideshow-slide[aria-hidden=false]+slideshow-slide){content-visibility:auto}slideshow-component[actioned] :is(.resource-list__carousel :is(slideshow-slide:has(+slideshow-slide[aria-hidden=false]),slideshow-slide[aria-hidden=false]+slideshow-slide)){content-visibility:visible}
/*# sourceMappingURL=/cdn/shop/t/1/compiled_assets/styles.css.map?subset=AAAABgAAAAAAAAAAEEAAAEAAAABAAAQAAAAAQA */