[data-section-type=hmc-home-before-after],[data-section-type=hmc-home-kit-vs]{--hmc-ba-navy: #1a1540}[data-section-type=hmc-home-before-after] .hmc-ba-section__container{max-width:1280px;margin:0 auto;padding-left:clamp(16px,3vw,32px);padding-right:clamp(16px,3vw,32px)}[data-section-type=hmc-home-before-after] .hmc-ba-section__intro{text-align:center;max-width:880px;margin:0 auto clamp(10px,1.5vw,18px)}[data-section-type=hmc-home-before-after] .hmc-ba-section__heading{color:var(--hmc-ba-navy);margin:0 0 .35em;letter-spacing:-.03em}[data-section-type=hmc-home-before-after] .hmc-ba-section__subheading{color:#4a4a63;font-size:clamp(.95rem,.4vw + .85rem,1.125rem);line-height:1.5}[data-section-type=hmc-home-before-after] .hmc-ba-section__subheading p{margin:0}[data-section-type=hmc-home-before-after] .hmc-ba{width:min(100%,860px);margin:0 auto}.hmc-ba__frame{position:relative;width:100%;aspect-ratio:1200 / 801;overflow:hidden;border-radius:16px;background:#e8eaef;box-shadow:0 10px 32px #1a15401f;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:ew-resize;-webkit-text-size-adjust:100%}@supports not (aspect-ratio: 1 / 1){.hmc-ba__frame{padding-bottom:66.75%;height:0}}.hmc-ba__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;display:block;pointer-events:none;-webkit-user-drag:none}.hmc-ba__img--before{clip-path:inset(0 calc(100% - var(--hmc-ba-pos, 50%)) 0 0)}.hmc-ba__divider{position:absolute;top:0;bottom:0;left:var(--hmc-ba-pos, 50%);width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 0 1px #1a15402e;pointer-events:none}.hmc-ba__handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:clamp(40px,4.5vw,54px);height:clamp(40px,4.5vw,54px);border-radius:50%;background:#fff;color:var(--hmc-ba-navy, #1a1540);box-shadow:0 6px 18px #1a154047}.hmc-ba__tag{position:absolute;bottom:clamp(12px,2vw,22px);display:flex;flex-direction:column;gap:2px;padding:clamp(6px,1vw,10px) clamp(10px,1.4vw,16px);border-radius:4px;background:#fff;color:#000;box-shadow:0 4px 14px #0000002e;pointer-events:none;max-width:45%;transition:opacity .18s ease}.hmc-ba__tag--before{left:clamp(12px,2vw,22px)}.hmc-ba__tag--after{right:clamp(12px,2vw,22px);text-align:right;align-items:flex-end}.hmc-ba__tag-label{font-size:clamp(.82rem,.4vw + .72rem,1.05rem);font-weight:800;letter-spacing:.12em;text-transform:uppercase;line-height:1.05}.hmc-ba__tag-caption{font-size:clamp(.68rem,.25vw + .62rem,.8rem);font-weight:400;letter-spacing:0;text-transform:none;line-height:1.25;color:#333}.hmc-ba.is-far-left .hmc-ba__tag--before,.hmc-ba.is-far-right .hmc-ba__tag--after{opacity:0}.hmc-ba__range{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;opacity:0;pointer-events:none}.hmc-ba__range:focus-visible{pointer-events:auto;inset:auto;left:50%;bottom:10px;width:min(70%,240px);height:28px;margin:0;clip:auto;opacity:1;transform:translate(-50%)}.hmc-ba__hint{margin:clamp(8px,1.2vw,14px) 0 0;text-align:center;color:#6a6a84;font-size:clamp(.78rem,.3vw + .72rem,.95rem);font-weight:600;letter-spacing:.04em;text-transform:uppercase}[data-section-type=hmc-home-before-after] .hmc-ba-section__cta{margin-top:clamp(14px,2vw,24px);text-align:center}[data-section-type=hmc-home-before-after] .hmc-ba-section__button{min-width:200px}[data-section-type=hmc-home-kit-vs] .hmc-kit-vs__media--ba{display:flex;flex-direction:column;justify-content:center;background:#e8eaef;overflow:hidden}[data-section-type=hmc-home-kit-vs] .hmc-ba--embedded{width:100%;height:100%;display:flex;flex-direction:column;margin:0}[data-section-type=hmc-home-kit-vs] .hmc-ba--embedded .hmc-ba__frame{flex:1 1 auto;border-radius:0;box-shadow:none;aspect-ratio:auto;min-height:clamp(220px,42vw,420px)}@supports not (aspect-ratio: 1 / 1){[data-section-type=hmc-home-kit-vs] .hmc-ba--embedded .hmc-ba__frame{padding-bottom:0;height:auto}}[data-section-type=hmc-home-kit-vs] .hmc-ba--embedded .hmc-ba__hint{margin:0;padding:8px 12px 10px;background:#f4f3f1;font-size:.72rem;letter-spacing:.06em}@media screen and (min-width:950px){[data-section-type=hmc-home-kit-vs] .hmc-ba--embedded .hmc-ba__frame{min-height:100%}[data-section-type=hmc-home-kit-vs] .hmc-ba--embedded .hmc-ba__hint{display:none}}.hmc-ba.is-hinting .hmc-ba__img--before,.hmc-ba.is-hinting .hmc-ba__divider{transition:clip-path .9s cubic-bezier(.33,1,.68,1),left .9s cubic-bezier(.33,1,.68,1)}@media(prefers-reduced-motion:reduce){.hmc-ba.is-hinting .hmc-ba__img--before,.hmc-ba.is-hinting .hmc-ba__divider{transition:none}}.hmc-ba.is-dragging .hmc-ba__frame{cursor:ew-resize;touch-action:none}.hmc-ba.is-dragging .hmc-ba__img--before,.hmc-ba.is-dragging .hmc-ba__divider{transition:none!important}@media screen and (max-width:899px){.hmc-ba__frame{border-radius:12px;touch-action:pan-y}.hmc-ba__handle{width:44px;height:44px;box-shadow:0 4px 12px #1a154038}[data-section-type=hmc-home-before-after] .hmc-ba-section__container{padding-left:16px;padding-right:16px}[data-section-type=hmc-home-before-after] .hmc-ba-section__heading{font-size:clamp(1.35rem,6vw,1.85rem);margin-bottom:.2em}[data-section-type=hmc-home-before-after] .hmc-ba-section__intro{margin-bottom:12px}[data-section-type=hmc-home-kit-vs] .hmc-ba--embedded .hmc-ba__frame{border-radius:0;min-height:240px}.hmc-ba__tag{bottom:10px;max-width:min(46%,150px);padding:5px 8px;gap:1px}.hmc-ba__tag--before{left:8px}.hmc-ba__tag--after{right:8px}.hmc-ba__tag-label{font-size:.68rem;letter-spacing:.1em}.hmc-ba__tag-caption{font-size:.62rem;line-height:1.2}}
/*# sourceMappingURL=/cdn/shop/t/98/assets/hmc-home-before-after.css.map */