.scc-whitening{background:#eaf8ff;color:#073b56;padding:72px 0}.scc-whitening *{box-sizing:border-box}.scc-whitening__wrap{max-width:1280px;margin:auto;padding:0 40px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.scc-whitening__eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em}.scc-whitening h2{color:#073b56;font-family:var(--font-heading-family);font-weight:800;font-size:clamp(28px,3vw,40px);line-height:1.13;margin:12px 0 20px}.scc-whitening__copy>p:not(.scc-whitening__eyebrow){color:#526e7d;font-size:16px;line-height:1.65}.scc-whitening ul{list-style:none;padding:0;margin:24px 0;display:grid;gap:12px}.scc-whitening li{display:flex;align-items:flex-start;gap:14px;padding:16px;background:#fff;border:1px solid #c8e1ed;border-radius:16px;font-size:14px;line-height:1.5}.scc-whitening li svg{flex:0 0 32px;width:32px;height:32px;color:#087b56}.scc-whitening li circle{fill:#dff7ec}.scc-whitening li strong{display:block;margin-bottom:3px;font-size:16px}.scc-whitening__cta{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:14px 24px;border-radius:999px;background:#073b56;color:#fff;text-decoration:none;font-weight:800}.scc-whitening__cta span{color:#ffd34e}.scc-whitening__figure{margin:0;min-width:0}scc-image-comparison{display:block;--reveal:50%}.scc-whitening__frame{position:relative;aspect-ratio:1;overflow:hidden;border-radius:24px;background:#fff;border:1px solid #c8e1ed}.scc-whitening__image{display:block;width:100%;height:100%;object-fit:contain}.scc-whitening__frame{cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none}.scc-whitening__before{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}.scc-whitening__divider{position:absolute;inset:0 auto 0 var(--reveal);width:3px;background:#fff;transform:translate(-50%);pointer-events:none}.scc-whitening__divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;width:44px;height:44px;background:#fff;box-shadow:0 3px 18px #073b5655;font-size:24px}.scc-whitening__label{position:absolute;top:16px;background:#073b56;color:#fff;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:800}.scc-whitening__label--before{left:16px}.scc-whitening__label--after{right:16px}.scc-whitening__range-label{display:block;margin-top:14px;text-align:center;font-size:13px;font-weight:700}.scc-whitening input[type=range]{display:block;width:100%;height:44px;margin:0;accent-color:#073b56;cursor:ew-resize}.scc-whitening input:focus-visible,.scc-whitening__cta:focus-visible{outline:3px solid #007d9f;outline-offset:4px}.scc-whitening figcaption{font-size:12px;line-height:1.5;color:#526e7d;margin-top:8px}@media(max-width:899px){.scc-whitening{padding:44px 0}.scc-whitening__wrap{grid-template-columns:1fr;gap:28px;padding:0 16px}.scc-whitening__figure{max-width:580px;width:100%;margin:auto}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/section-scc-whitening-comparison.css.map */