.product-compare-chroxel__header{display:flex;flex-direction:column;gap:.6rem;margin-bottom:2.4rem;text-align:center}.product-compare-chroxel__header--left{text-align:left;align-items:flex-start}.product-compare-chroxel__subheading{margin:0;font-size:clamp(1.2rem,3.5vw,1.4rem);color:rgba(var(--color-foreground),.75)}.product-compare-chroxel__heading{margin:0;line-height:1.1}.product-compare-chroxel__heading.h0{font-size:clamp(2.4rem,6.5vw,3.2rem)}.product-compare-chroxel__heading.h1{font-size:clamp(2rem,5.5vw,2.8rem)}.product-compare-chroxel__heading.h2{font-size:clamp(1.8rem,5vw,2.4rem)}.product-compare-chroxel__heading-accent{color:var(--pcc-accent, #C9A66B)}.product-compare-chroxel__notice{padding:2rem;text-align:center;background:rgba(var(--color-foreground),.04);border-radius:1rem;color:rgba(var(--color-foreground),.7);font-size:1.4rem}.product-compare-chroxel__slider{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--pcc-radius, 16px);overflow:hidden;background-color:rgba(var(--color-foreground),.04);-webkit-user-select:none;user-select:none;touch-action:none}.product-compare-chroxel__pane{position:absolute;top:0;right:0;bottom:0;left:0;display:block;text-decoration:none;color:inherit}.product-compare-chroxel__pane--before{clip-path:inset(0 calc(100% - var(--position, 50%)) 0 0);-webkit-clip-path:inset(0 calc(100% - var(--position, 50%)) 0 0);z-index:2}.product-compare-chroxel__pane--after{z-index:1}.product-compare-chroxel__media{width:100%;height:100%}.product-compare-chroxel__media img,.product-compare-chroxel__media svg{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-drag:none;user-select:none;-webkit-user-select:none}.product-compare-chroxel__overlay{position:absolute;bottom:1.6rem;left:1.6rem;right:1.6rem;display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.35);pointer-events:none}.product-compare-chroxel__pane--after .product-compare-chroxel__overlay{align-items:flex-end;text-align:right}.product-compare-chroxel__overlay-vendor{font-size:1.2rem;font-weight:400;opacity:.9;letter-spacing:.01em}.product-compare-chroxel__overlay-title{display:inline-block;font-size:1.5rem;font-weight:600;line-height:1.2;letter-spacing:.01em;color:inherit;text-decoration:none;pointer-events:auto;max-width:15rem;transition:opacity .2s ease}.product-compare-chroxel__overlay-title:hover{opacity:.75}.product-compare-chroxel__handle{position:absolute;top:0;bottom:0;left:var(--position, 50%);width:4.4rem;background:transparent;z-index:3;transform:translate(-50%);cursor:col-resize;display:flex;align-items:center;justify-content:center;outline:none}.product-compare-chroxel__handle:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:.2rem;background:#fff;transform:translate(-50%);pointer-events:none}.product-compare-chroxel__handle:focus-visible:before{background:var(--pcc-accent, #C9A66B)}.product-compare-chroxel__handle-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;width:3.2rem;height:3.2rem;border-radius:50%;background:#fff;box-shadow:0 2px 6px #00000026;pointer-events:none}.product-compare-chroxel__handle-icon span{display:block;width:1.4rem;height:.18rem;background:#121212;border-radius:.1rem}@media screen and (min-width:750px){.product-compare-chroxel__slider{aspect-ratio:2 / 1}.product-compare-chroxel__overlay{bottom:2.4rem;left:2.4rem;right:2.4rem}.product-compare-chroxel__overlay-vendor{font-size:1.3rem}.product-compare-chroxel__overlay-title{font-size:1.8rem;max-width:18rem}.product-compare-chroxel__heading.h0{font-size:clamp(3.2rem,5.5vw,4.5rem)}.product-compare-chroxel__heading.h1{font-size:clamp(2.6rem,4.5vw,3.6rem)}.product-compare-chroxel__heading.h2{font-size:clamp(2.2rem,4vw,3rem)}}@media screen and (min-width:990px){.product-compare-chroxel__header{margin-bottom:3rem}.product-compare-chroxel__overlay-title{font-size:2.2rem;max-width:23rem}.product-compare-chroxel__heading.h0{font-size:4.5rem}.product-compare-chroxel__heading.h1{font-size:3.6rem}.product-compare-chroxel__heading.h2{font-size:3rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-product-compare-chroxel.css.map */