.nt-ba-sec,.nt-ba-sec *{box-sizing:border-box}.nt-ba-sec{padding:56px 20px;background:var(--nt-bg);color:var(--nt-ink);font-family:var(--nt-font-body)}.nt-ba-sec__inner{max-width:1100px;margin:0 auto}.nt-ba-sec__head{text-align:center;max-width:760px;margin:0 auto 30px}.nt-ba-sec__eyebrow{margin:0 0 10px;font-family:var(--nt-font-ui);font-size:13px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;color:var(--nt-accent-text)}.nt-ba-sec__title{margin:0;font-family:var(--nt-font-display);font-size:clamp(26px,3.2vw,38px);font-weight:800;line-height:1.15;text-transform:var(--nt-heading-transform);letter-spacing:calc(1px * var(--nt-track,0));color:var(--nt-ink)}.nt-ba-sec__intro{margin:14px 0 0;font-size:16px;line-height:1.65;color:var(--nt-muted)}.nt-ba-sec__grid{display:grid;gap:28px;grid-template-columns:minmax(0,1fr)}.nt-ba-sec__grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.nt-ba-sec__grid--1{max-width:820px;margin:0 auto}.nt-ba{--pos:50%;margin:0;min-width:0}.nt-ba__stage{position:relative;overflow:hidden;border-radius:var(--nt-radius-lg,12px);background:var(--nt-tint-ink);user-select:none;-webkit-user-select:none;isolation:isolate}.nt-ba__img{display:block;width:100%;height:100%;object-fit:cover;margin:0;max-width:none;-webkit-user-drag:none}.nt-ba__img--after{position:absolute;top:0;right:0;bottom:0;left:0}.nt-ba__before{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0);-webkit-clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.nt-ba__range{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:ew-resize;touch-action:pan-y;-webkit-appearance:none;appearance:none;background:transparent}.nt-ba__range::-webkit-slider-thumb{-webkit-appearance:none;width:2px;height:100vh;cursor:ew-resize}.nt-ba__range::-moz-range-thumb{width:2px;height:100vh;border:0;cursor:ew-resize}.nt-ba__handle{position:absolute;top:0;bottom:0;left:var(--pos);z-index:3;width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 0 1px rgba(var(--nt-ink-rgb),.25);pointer-events:none}.nt-ba__handle svg{position:absolute;top:50%;left:50%;width:46px;height:46px;margin:-23px 0 0 -23px;padding:11px;border-radius:50%;background:var(--nt-bg);color:var(--nt-ink);box-shadow:0 4px 16px rgba(var(--nt-ink-rgb),.4);border:2px solid #fff}.nt-ba__range:focus-visible~.nt-ba__handle{box-shadow:0 0 0 3px var(--nt-accent-text)}.nt-ba__range:focus-visible~.nt-ba__handle svg{outline:3px solid var(--nt-accent-text);outline-offset:2px}.nt-ba__tag{position:absolute;top:14px;z-index:5;min-height:34px;padding:0 14px;border:0;border-radius:999px;background:var(--nt-surface-strong);color:var(--nt-on-strong);font-family:var(--nt-font-ui);font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;box-shadow:0 2px 10px rgba(var(--nt-ink-rgb),.35)}.nt-ba__tag--before{left:14px}.nt-ba__tag--after{right:14px}.nt-ba__tag:hover{background:var(--nt-surface-strong)}.nt-ba__cap{display:flex;flex-direction:column;gap:4px;padding:12px 4px 0;font-size:14px;line-height:1.5;color:var(--nt-ink)}.nt-ba__ill{font-size:12.5px;color:var(--nt-muted)}.nt-ba__nojs{margin:8px 0 0;font-size:13px;color:var(--nt-muted)}.nt-ba:not([data-nt-ready]) .nt-ba__stage{aspect-ratio:auto!important;overflow:visible;background:none;display:flex;flex-direction:column}.nt-ba:not([data-nt-ready]) .nt-ba__before{order:-1}.nt-ba:not([data-nt-ready]) .nt-ba__img--after,.nt-ba:not([data-nt-ready]) .nt-ba__before{position:static;clip-path:none;-webkit-clip-path:none;margin-bottom:10px}.nt-ba:not([data-nt-ready]) .nt-ba__img{height:auto;border-radius:var(--nt-radius-lg,12px)}.nt-ba:not([data-nt-ready]) .nt-ba__range,.nt-ba:not([data-nt-ready]) .nt-ba__handle,.nt-ba:not([data-nt-ready]) .nt-ba__tag{display:none}@media(max-width:760px){.nt-ba-sec{padding:40px 16px}.nt-ba-sec__grid--2{grid-template-columns:minmax(0,1fr)}.nt-ba__tag{top:10px;min-height:32px;padding:0 12px;font-size:11px}.nt-ba__tag--before{left:10px}.nt-ba__tag--after{right:10px}}@media(prefers-reduced-motion:reduce){.nt-ba *{transition:none!important;animation:none!important}}@media print{.nt-ba__range,.nt-ba__tag{display:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/nt-before-after.css.map */