.sexyhair-component .sexyhair-image-comparison{width:100%}.sexyhair-component .sexyhair-image-comparison__container{width:700px;height:800px;margin:0 auto}.sexyhair-component .sexyhair-image-comparison__slider{position:relative;overflow:hidden;width:100%;height:100%;cursor:col-resize;user-select:none;-webkit-user-select:none}.sexyhair-component .sexyhair-image-comparison__image{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.sexyhair-component .sexyhair-image-comparison__image--before{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.sexyhair-component .sexyhair-image-comparison__slider:hover .sexyhair-image-comparison__overlay{background:#00000080}.sexyhair-component .sexyhair-image-comparison__overlay{transition:background .2s ease;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.sexyhair-component .sexyhair-image-comparison__label{position:absolute;bottom:0;padding:8px 16px;background-color:#00000080;letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:700;opacity:0;transition:opacity .2s ease}.sexyhair-component .sexyhair-image-comparison__slider:hover .sexyhair-image-comparison__label{opacity:1}.sexyhair-component .sexyhair-image-comparison__label--before{left:0}.sexyhair-component .sexyhair-image-comparison__label--after{right:0}.sexyhair-component .sexyhair-image-comparison__handle{position:absolute;top:0;width:4px;height:100%;background:linear-gradient(to bottom,var(--color-white) 0%,var(--color-white) calc(50% - 19px),transparent calc(50% - 19px),transparent calc(50% + 19px),var(--color-white) calc(50% + 19px),var(--color-white) 100%);transform:translate(-50%);cursor:col-resize;z-index:2;display:flex;align-items:center;justify-content:center}.sexyhair-component .sexyhair-image-comparison__handle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background-color:transparent;border:3px solid var(--color-white);box-shadow:0 2px 6px #0000004d}.sexyhair-component .sexyhair-image-comparison__arrow{position:absolute;top:50%;width:0;height:0;border-style:solid;z-index:3}.sexyhair-component .sexyhair-image-comparison__arrow--left{left:50%;transform:translate(-12px,-50%);border-width:5px 7px 5px 0;border-color:transparent var(--color-white) transparent transparent}.sexyhair-component .sexyhair-image-comparison__arrow--right{left:50%;transform:translate(5px,-50%);border-width:5px 0 5px 7px;border-color:transparent transparent transparent var(--color-white)}.sexyhair-component .sexyhair-image-comparison__handle:focus-visible:before{outline:2px solid var(--color-sexy-red);outline-offset:2px}.sexyhair-component .sexyhair-image-comparison__video{width:100%;max-width:1200px;margin:0 auto;padding-top:36px;aspect-ratio:16 / 9}.sexyhair-component .sexyhair-image-comparison__video iframe{width:100%;height:100%;display:block}.sexyhair-component .sexyhair-image-comparison__placeholder{display:flex;align-items:center;justify-content:center;min-height:300px;background-color:var(--color-light-gray);border:2px dashed var(--color-border-light)}@media screen and (max-width:749px){.sexyhair-component .sexyhair-image-comparison__container{width:100%;height:auto;aspect-ratio:700 / 800;padding:0 16px}.sexyhair-component .sexyhair-image-comparison__label{font-size:10px;padding:6px 12px}.sexyhair-component .sexyhair-image-comparison__handle:before{width:36px;height:36px}.sexyhair-component .sexyhair-image-comparison__arrow--left{transform:translate(-10px,-50%);border-width:4px 6px 4px 0}.sexyhair-component .sexyhair-image-comparison__arrow--right{transform:translate(4px,-50%);border-width:4px 0 4px 6px}.sexyhair-component .sexyhair-image-comparison__video{width:100%;padding:24px 16px 0}}@media(prefers-reduced-motion:no-preference){.sexyhair-image-comparison.scroll-trigger.animate--fade-in{animation-duration:.8s}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/sexyhair-component-image-comparison.css.map */