.tbf{--ink:#111111;--gray:#5F5F66;--line:#EAEAEA;--paper:#F1EFEC;--accent:#B9E8F4;--f:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--f-head:"Sora",var(--f);font-family:var(--f);color:var(--ink);max-width:var(--tbf-max,1120px);margin:0 auto;padding:34px 22px 40px;-webkit-font-smoothing:antialiased}.tbf--full{max-width:none;padding-left:0;padding-right:0}.tbf *{box-sizing:border-box}.tbf__head{max-width:640px;margin:0 auto 26px;text-align:center}.tbf__eyebrow{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gray);margin-bottom:12px}.tbf__title{font-family:var(--f-head);font-weight:700;line-height:1.08;letter-spacing:-.02em;font-size:clamp(24px,4vw,38px);margin:0 0 10px}.tbf__sub{font-size:16px;color:var(--gray);margin:0;line-height:1.55}.tbf__grid{display:grid;grid-template-columns:repeat(var(--tbf-cols,3),1fr);gap:var(--tbf-gap,16px);max-width:var(--tbf-max,1120px);margin:0 auto}.tbf__cell{margin:0;display:flex;flex-direction:column;gap:10px}.tbf__cap{font-size:12.5px;color:var(--gray);text-align:center;line-height:1.4}@media(max-width:820px){.tbf__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.tbf__grid{grid-template-columns:1fr;max-width:360px}}.tbf__stage{position:relative;width:100%;aspect-ratio:var(--tbf-ratio,1 / 1);border-radius:var(--tbf-radius,16px);overflow:hidden;background:var(--paper);cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none;box-shadow:0 1px 2px #1010140a,0 10px 26px #10101414}.tbf__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-drag:none}.tbf__before{position:absolute;top:0;right:0;bottom:0;left:0;will-change:clip-path}.tbf__stage.is-animating .tbf__before{transition:clip-path .5s ease}.tbf__stage.is-animating .tbf__handle{transition:left .5s ease}.tbf__ph{display:grid;place-items:center;background:var(--paper);font-size:12px;color:var(--gray);font-weight:500;text-align:center;padding:8px}.tbf__ph--before{background:#e7e4e0}.tbf__label{position:absolute;top:12px;z-index:3;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:999px;pointer-events:none}.tbf__label--before{left:12px;background:var(--ink);color:#fff}.tbf__label--after{right:12px;background:#fff;color:var(--ink);box-shadow:0 2px 8px #10101424}.tbf__handle{position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);z-index:4;width:2px;background:#ffffffeb;cursor:ew-resize;box-shadow:0 0 0 1px #1010140d}.tbf__grip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--ink);box-shadow:0 4px 14px #10101438;transition:transform .14s ease}.tbf__grip svg{width:17px;height:17px}.tbf__handle:focus-visible{outline:none}.tbf__handle:focus-visible .tbf__grip{outline:2px solid var(--ink);outline-offset:3px}.tbf__stage.is-grabbing .tbf__grip{transform:translate(-50%,-50%) scale(.94)}@media(max-width:520px){.tbf{padding:22px 15px 30px}.tbf__grip{width:42px;height:42px}.tbf__grip svg{width:18px;height:18px}}@media(prefers-reduced-motion:reduce){.tbf__stage.is-animating .tbf__before,.tbf__stage.is-animating .tbf__handle,.tbf__grip{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/trusmile-before-after.css.map */