.hl-ba-section__hold{display:flex;flex-direction:column;gap:2.4rem}.hl-ba-section--compact .hl-ba-section__hold{max-width:88rem;margin-inline:auto}.hl-ba__head{display:flex;flex-direction:column;gap:1.2rem}.hl-ba-section--compact .hl-ba__head{text-align:center}.hl-ba__text,.hl-ba__cta{margin:0}.hl-ba-section--compact .hl-ba__cta{text-align:center}.hl-ba{position:relative;display:block}.hl-ba__frame{position:relative;width:100%;aspect-ratio:var(--hl-ba-ratio, 16 / 9);overflow:hidden;border-radius:2px;background:var(--hl-linen);touch-action:pan-y;user-select:none;-webkit-user-select:none}.hl-ba__layer{position:absolute;top:0;right:0;bottom:0;left:0}.hl-ba__layer img,.hl-ba__layer picture{display:block;width:100%;height:100%;object-fit:cover}.hl-ba__layer--after{clip-path:inset(0 0 0 calc(var(--hl-ba-pos, 50) * 1%))}.hl-ba__tag{position:absolute;top:16px;z-index:3;background:#03174cb8;color:var(--hl-linen);font-size:1.1rem;letter-spacing:.1em;text-transform:uppercase;line-height:1.35;padding:.5rem 1.1rem;border-radius:40px;transition:opacity .18s ease;pointer-events:none;max-width:calc(50% - 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hl-ba__tag--before{left:16px}.hl-ba__tag--after{right:16px}.hl-ba--near-left .hl-ba__tag--before,.hl-ba--near-right .hl-ba__tag--after{opacity:0}.hl-ba--ai-left .hl-ai-note{left:16px;right:auto}.hl-ba__line{position:absolute;top:0;bottom:0;left:calc(var(--hl-ba-pos, 50) * 1%);width:2px;margin-left:-1px;z-index:4;background:var(--hl-linen);box-shadow:0 0 0 1px #03174c2e;pointer-events:none}.hl-ba__grip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:var(--hl-linen);color:var(--hl-navy);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #03174c40}.hl-ba__grip svg{display:block}.hl-ba__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;z-index:5;opacity:0;appearance:none;-webkit-appearance:none;background:none;border:0;cursor:ew-resize;touch-action:pan-y}.hl-ba__range::-webkit-slider-thumb{-webkit-appearance:none;width:44px;height:44px}.hl-ba__range::-moz-range-thumb{width:44px;height:44px;border:0;background:transparent}.hl-ba__frame:has(.hl-ba__range:focus-visible){outline:2px solid var(--hl-gold);outline-offset:3px}@supports not selector(:has(*)){.hl-ba__range:focus-visible{outline:2px solid var(--hl-gold);outline-offset:-2px}}.hl-ba--hinting .hl-ba__line,.hl-ba--hinting .hl-ba__layer--after{transition:none}.hl-ba:not(.hl-ba--ready) .hl-ba__layer--after{clip-path:inset(0 0 0 50%)}.hl-ba:not(.hl-ba--ready) .hl-ba__line{left:50%}.hl-ba:not(.hl-ba--ready) .hl-ba__grip{display:none}@media(prefers-reduced-motion:reduce){.hl-ba__tag{transition:none}}@media screen and (max-width:749px){.hl-ba__tag{top:12px;font-size:1rem;padding:.45rem .9rem}.hl-ba__tag--before{left:12px}.hl-ba__tag--after{right:12px}.hl-ba__grip{width:40px;height:40px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/hl-before-after.css.map */