.pm-repay__skeleton{display:none}.pm-repay{--pm-repay-accent: #D72638;--pm-repay-track: #e8e8f0;--pm-repay-dark: #131320;background:var(--pm-offwhite);padding:64px 24px}.pm-repay__inner{max-width:1080px;margin:0 auto}.pm-repay__head{max-width:560px;margin-bottom:32px}.pm-repay__eyebrow{font-family:var(--font-heading-family);font-size:var(--type-label);font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--pm-red);margin-bottom:10px}.pm-repay__heading{font-family:var(--font-heading-family);font-size:var(--type-h3);font-weight:800;line-height:1.15;letter-spacing:-.01em;color:var(--pm-charcoal);margin:0 0 10px}.pm-repay__subheading{font-family:var(--font-body-family);font-size:var(--type-meta);line-height:1.6;color:var(--pm-mid);margin:0}.pm-repay__card{display:grid;grid-template-columns:1fr 380px;grid-template-rows:auto auto 1fr;grid-template-areas:"inputs summary" "inputs detail" "inputs cta";border-radius:var(--pm-radius-xl);box-shadow:0 20px 50px #1a1a2e1a;background:#fff;border:1px solid var(--pm-border)}.pm-repay__inputs{grid-area:inputs;border-radius:var(--pm-radius-xl) 0 0 var(--pm-radius-xl)}.pm-repay__summary{grid-area:summary;border-radius:0 var(--pm-radius-xl) 0 0}.pm-repay__detail{grid-area:detail}.pm-repay__cta{grid-area:cta;border-radius:0 0 var(--pm-radius-xl) 0}.pm-repay__inputs{padding:40px}.pm-repay__slider-row{margin-bottom:30px}.pm-repay__slider-row:last-of-type{margin-bottom:24px}.pm-repay__slider-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}.pm-repay__label{font-family:var(--font-heading-family);font-size:var(--type-meta);font-weight:700;color:var(--pm-charcoal)}.pm-repay__slider-value{font-family:var(--font-heading-family);font-size:var(--type-meta);font-weight:700;color:var(--pm-charcoal);background:var(--pm-offwhite);border-radius:var(--pm-radius);padding:8px 14px;min-width:110px;text-align:right;white-space:nowrap}.pm-repay__range{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:100px;outline:none;cursor:pointer;margin:0;background:var(--pm-repay-track)}.pm-repay__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--pm-red);box-shadow:0 2px 8px #d7263859;cursor:grab;transition:transform .12s var(--pm-ease)}.pm-repay__range::-webkit-slider-thumb:active{transform:scale(1.12);cursor:grabbing}.pm-repay__range:focus-visible{outline:none}.pm-repay__range:focus-visible::-webkit-slider-thumb{box-shadow:0 2px 8px #d7263859,var(--pm-focus-ring)}.pm-repay__range:focus-visible::-moz-range-thumb{box-shadow:0 2px 8px #d7263859,var(--pm-focus-ring)}.pm-repay__range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--pm-red);box-shadow:0 2px 8px #d7263859;cursor:grab}.pm-repay__range::-moz-range-track{background:transparent}.pm-repay__range-minmax{display:flex;justify-content:space-between;margin-top:9px}.pm-repay__range-minmax span{font-family:var(--font-body-family);font-size:var(--type-micro);color:var(--pm-mid)}.pm-repay__note{display:flex;align-items:center;gap:10px;background:var(--pm-offwhite);border-radius:10px;padding:14px 16px}.pm-repay__note-icon{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--pm-light);color:var(--pm-mid);font-family:var(--font-heading-family);font-size:1.1rem;font-style:italic;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none}.pm-repay__note span:last-child{font-family:var(--font-body-family);font-size:var(--type-micro);line-height:1.5;color:var(--pm-mid)}.pm-repay__summary,.pm-repay__detail,.pm-repay__cta{background:var(--pm-repay-dark);color:#fff}.pm-repay__summary{padding:40px 34px 26px}.pm-repay__detail{padding:0 34px}.pm-repay__cta{padding:20px 34px 40px;display:flex;flex-direction:column;justify-content:flex-end}.pm-repay__result-label{font-family:var(--font-heading-family);font-size:var(--type-label);font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#ffffff8c;margin-bottom:8px}.pm-repay__result-value{font-family:var(--font-heading-family);font-size:var(--type-section);font-weight:800;letter-spacing:-.02em;line-height:1;margin-bottom:8px}.pm-repay__result-sub{font-family:var(--font-body-family);font-size:var(--type-micro);color:#ffffff80;margin-bottom:26px}.pm-repay__result-row{border-top:1px solid rgba(255,255,255,.12);padding:18px 0;display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.pm-repay__result-row--last{padding-bottom:26px}.pm-repay__result-row-title{font-family:var(--font-body-family);font-size:var(--type-meta);font-weight:600;color:#fff}.pm-repay__result-row-sub{font-family:var(--font-body-family);font-size:var(--type-micro);color:#ffffff80;margin-top:2px}.pm-repay__result-row-value{font-family:var(--font-heading-family);font-size:var(--type-body);font-weight:700;white-space:nowrap}.pm-repay__cta-heading{font-family:var(--font-heading-family);font-size:var(--type-h6);font-weight:800;margin-bottom:4px}.pm-repay__cta-sub{font-family:var(--font-body-family);font-size:var(--type-meta);color:#fff9;margin-bottom:18px}.pm-repay__cta-button{display:block;width:100%;text-align:center;font-family:var(--font-heading-family);font-size:var(--type-meta);font-weight:700;letter-spacing:.3px;text-transform:uppercase;text-decoration:none;color:#fff;background:var(--pm-red);border:none;border-radius:var(--pm-radius);padding:15px;cursor:pointer;transition:background var(--pm-dur) var(--pm-ease)}.pm-repay__cta-button:hover{background:var(--pm-red-dark)}.pm-repay__disclaimer{font-family:var(--font-body-family);font-size:var(--type-micro);line-height:1.6;color:var(--pm-mid);margin:20px 4px 0}@media(pointer:coarse){.pm-repay__range{height:8px}.pm-repay__range::-webkit-slider-thumb{width:28px;height:28px}.pm-repay__range::-moz-range-thumb{width:28px;height:28px}}@media(max-width:860px){.pm-repay__card{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"summary" "inputs" "detail" "cta"}.pm-repay__summary{position:sticky;top:68px;z-index:2;border-radius:var(--pm-radius-xl) var(--pm-radius-xl) 0 0}.pm-repay__inputs{border-radius:0}.pm-repay__cta{border-radius:0 0 var(--pm-radius-xl) var(--pm-radius-xl)}}@media(max-width:600px){.pm-repay{padding:48px 24px}.pm-repay__inputs{padding:28px 22px}.pm-repay__summary{padding:22px}.pm-repay__detail{padding:0 22px}.pm-repay__cta{padding:20px 22px 28px}}@media(max-width:480px){.pm-repay__summary{top:64px}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/pristine-motors-repayment-calculator.css.map */