.tp-page .tpr{color:#123154}.tpr-heading{text-align:center;max-width:820px;margin:0 auto 42px}.tp-page .tpr-heading h2{margin:10px 0 18px;font-size:clamp(30px,3.7vw,52px);line-height:1.1}.tpr-heading .tp-prose{max-width:700px;margin:auto}.tpr-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:clamp(32px,6vw,100px);align-items:center;max-width:1200px;margin:auto}.tpr-compare-frame{position:relative;aspect-ratio:3/4;width:100%;max-width:480px;margin:auto;overflow:hidden;border-radius:12px;background:#dceafa;isolation:isolate}.tpr-compare-frame>img,.tpr-before,.tpr-before img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.tpr-before{clip-path:inset(0 calc(100% - var(--position)) 0 0)}.tpr-compare-frame input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:4;touch-action:pan-y}.tpr-compare-frame:focus-within{outline:3px solid #175cd3;outline-offset:5px}.tpr-handle{position:absolute;top:0;bottom:0;left:var(--position);width:3px;background:#fff;transform:translate(-50%);box-shadow:0 0 0 1px #12315422;pointer-events:none}.tpr-handle span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#175cd3;color:#fff;font-size:28px;letter-spacing:2px;box-shadow:0 2px 12px #12315430}.tpr-label{position:absolute;bottom:16px;padding:7px 11px;border-radius:30px;background:#fff;color:#123154;font-size:12px;font-weight:700;z-index:2;max-width:42%;line-height:1.3}.tpr-label-before{left:14px}.tpr-label-after{right:14px}.tpr-hint{text-align:center;font-size:13px;color:#526d8c;margin:16px 0 0}.tpr-split .tpr-heading{text-align:left;margin:0}.tpr-split .tpr-heading .tp-prose{margin:0}.tpr-disclosure{font-size:12px;line-height:1.6;color:#526d8c;text-align:center;max-width:840px;margin:28px auto 0}.tpr-split .tpr-disclosure{text-align:left;margin:24px 0 0}.tpr-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.tpr-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;border-radius:10px;background:#fff}.tpr-pair figure{margin:0;min-width:0;position:relative}.tpr-pair{gap:3px}.tpr-pair img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}.tpr-pair figcaption{position:absolute;bottom:12px;left:10px;max-width:calc(100% - 20px);padding:6px 10px;border-radius:30px;background:#fff;color:#123154;font-size:12px;font-weight:700}.tpr-card-text{padding:22px 2px 0}.tpr-card-text h3{font-size:clamp(20px,2vw,28px);line-height:1.2;margin:8px 0 12px}.tpr-card-text .tp-eyebrow{margin:0}.tpr-grid{display:grid;gap:24px}.tpr-steps .tpr-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tpr-scenes .tpr-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tpr-media{margin:0;width:100%;overflow:hidden;border-radius:10px}.tpr-media img{display:block;width:100%;height:100%;object-fit:cover}.tpr-steps .tpr-media{aspect-ratio:3/4}.tpr-scenes .tpr-media{aspect-ratio:4/3}.tpr-scenes article:nth-child(1) img{object-position:25% 50%}.tpr-scenes article:nth-child(2) img{object-position:50% 30%}.tpr-scenes article:nth-child(4) img{object-position:50% 12%}.tpr-credit{font-size:11px;color:#526d8c;text-decoration:underline;text-underline-offset:3px;display:inline-block;margin-top:12px}.tpr-motion{display:block;margin:18px auto 0;padding:10px 20px;min-height:44px;border:1px solid #b4c7df;background:#fff;color:#123154;border-radius:30px;font:inherit;cursor:pointer}.tpr-motion:focus-visible{outline:3px solid #175cd3;outline-offset:3px}@media(max-width:989px){.tpr-split{gap:32px}.tpr-scenes .tpr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tpr-case-grid{gap:20px}}@media(max-width:749px){.tpr-split{grid-template-columns:1fr}.tpr-split .tpr-heading,.tpr-split .tpr-disclosure{text-align:center}.tpr-compare-frame{max-width:420px}.tpr-case-grid{grid-template-columns:1fr;gap:36px}.tpr-steps .tpr-grid{grid-template-columns:1fr;max-width:420px;margin:auto;gap:32px}.tpr-heading{margin-bottom:28px}.tpr-scenes .tpr-grid{gap:24px 16px}.tpr-scenes h3{font-size:19px}.tpr-scenes .tp-prose{font-size:14px}.tpr-label,.tpr-pair figcaption{font-size:11px}}.tp-page .tpr-cases>.tpr-heading{max-width:1320px;width:100%;container-type:inline-size}.tp-page .tpr-cases>.tpr-heading h2{max-width:none;width:100%;white-space:nowrap;font-size:clamp(14px,4vw,52px);font-size:clamp(14px,4.9cqw,52px)}.tpr-pair{position:relative}.tpr-image-notice{position:absolute;top:12px;left:12px;z-index:3;max-width:calc(100% - 24px);padding:6px 10px;border-radius:24px;background:#ffffffed;color:#123154;font-size:10px;line-height:1.4;font-weight:600;pointer-events:none;box-shadow:0 1px 6px #12315412}@media(max-width:749px){.tpr-image-notice{font-size:9px;top:9px;left:9px;padding:5px 8px}}.tp-page .tpr-slider .tpr-hint{margin:16px 0 0}.tp-page .tpr-cases>.tpr-disclosure{margin:24px auto 0}
/*# sourceMappingURL=/cdn/shop/t/11/assets/tp-clear-routine.css.map */
