.tint-selection-calculator{--tint-ink:#0d1b2a;--tint-red:#e3263c;--tint-line:#e2e7eb;--tint-muted:#677681;margin:32px 0 40px}.tint-selection-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:24px}.tint-selection-heading h2{margin:5px 0 0;color:var(--tint-ink);font-size:32px;line-height:1.15}.tint-selection-heading p{max-width:420px;margin:0;color:var(--tint-muted);font-size:14px;line-height:1.5}.tint-selection-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);gap:20px;align-items:start}.tint-selection-vehicle,.tint-selection-controls,.tint-selection-summary{background:#fff;border:1px solid var(--tint-line);border-radius:16px;box-shadow:0 11px 30px rgba(13,27,42,.07)}.tint-selection-vehicle{grid-row:span 2;padding:21px;position:sticky;top:22px}.tint-selection-vehicle-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tint-selection-vehicle h3,.tint-selection-controls h3,.tint-selection-summary h3{margin:5px 0 0;color:var(--tint-ink);font-size:20px;line-height:1.2}.tint-selection-view-switch{display:flex;overflow:hidden;border:1px solid #d7dfe6;border-radius:9px}.tint-selection-view-switch button{border:0;background:#fff;padding:8px 11px;color:#53616e;cursor:pointer;font:700 12px Montserrat,sans-serif}.tint-selection-view-switch button.is-active{background:var(--tint-ink);color:#fff}.tint-selection-status{min-height:20px;margin:13px 0 8px;color:var(--tint-muted);font-size:13px}.tint-selection-vehicle figure{margin:0}.tint-selection-vehicle img{display:block;width:100%;aspect-ratio:1672/941;object-fit:contain;border-radius:10px;background:#f7f7f7}.tint-selection-vehicle figcaption{margin-top:10px;color:var(--tint-muted);font-size:11px;text-align:center}.tint-selection-legend{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;color:var(--tint-muted);font-size:12px}.tint-selection-legend i{width:18px;height:10px;border:1px solid #184c69;border-radius:3px;background:rgba(27,76,105,.65)}.tint-selection-controls,.tint-selection-summary{padding:21px}.tint-selection-group+.tint-selection-group{margin-top:23px;padding-top:21px;border-top:1px solid var(--tint-line)}.tint-selection-control-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px}.tint-selection-control-heading h3{margin:0;font-size:16px}.tint-selection-control-heading span{color:var(--tint-muted);font-size:11px}.tint-selection-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tint-selection-options button{min-height:72px;padding:12px;border:1px solid #dfe5e9;border-radius:10px;background:#fff;color:var(--tint-ink);text-align:left;cursor:pointer;font:inherit;transition:border-color .15s,background .15s,transform .15s}.tint-selection-options button:hover{border-color:#ef9ca8;transform:translateY(-1px)}.tint-selection-options button.is-active{border-color:var(--tint-red);background:#fff4f5;box-shadow:inset 0 0 0 1px var(--tint-red)}.tint-selection-options strong,.tint-selection-options small{display:block}.tint-selection-options strong{font-size:13px}.tint-selection-options small{margin-top:4px;color:var(--tint-muted);font-size:10px;line-height:1.3}.tint-selection-material{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;border:0}.tint-selection-material legend{grid-column:1/-1;margin-bottom:2px;font-size:14px;font-weight:800}.tint-selection-material label{position:relative;cursor:pointer}.tint-selection-material input{position:absolute;opacity:0}.tint-selection-material span{display:flex;flex-direction:column;padding:11px 12px;border:1px solid #dce3e9;border-radius:10px;color:#44525d;font-size:13px;font-weight:800}.tint-selection-material small{margin-top:3px;color:#87929b;font-size:10px;font-weight:600}.tint-selection-material input:checked+span{border-color:var(--tint-red);background:#fff4f5;color:var(--tint-red);box-shadow:inset 0 0 0 1px var(--tint-red)}.tint-selection-class-label{display:block;margin-bottom:8px;font-size:14px;font-weight:800}.tint-selection-controls select{width:100%;padding:12px;border:1px solid #dce3e9;border-radius:10px;background:#fff;color:var(--tint-ink);font:600 13px Montserrat,sans-serif}.tint-selection-summary>p{margin:7px 0 16px;color:var(--tint-muted);font-size:12px}.tint-selection-total{display:flex;align-items:end;justify-content:space-between;padding:17px 0 12px;border-top:1px solid var(--tint-line)}.tint-selection-total span{color:var(--tint-muted);font-size:12px}.tint-selection-total strong{color:var(--tint-red);font-size:23px;line-height:1}.tint-selection-summary .tint-selection-note{margin:0 0 15px;font-size:11px}.tint-selection-summary .btn{width:100%;text-align:center}.tint-selection-view-switch button:focus-visible,.tint-selection-options button:focus-visible{outline:3px solid rgba(227,38,60,.42);outline-offset:2px}@media(max-width:1100px){.tint-selection-layout{grid-template-columns:1fr}.tint-selection-vehicle{position:relative;top:auto;grid-row:auto}}@media(max-width:700px){.tint-selection-heading{align-items:flex-start;flex-direction:column;gap:12px}.tint-selection-heading h2{font-size:28px}.tint-selection-vehicle,.tint-selection-controls,.tint-selection-summary{padding:17px;border-radius:13px}.tint-selection-vehicle-top{flex-direction:column}.tint-selection-view-switch{width:100%}.tint-selection-view-switch button{flex:1}.tint-selection-options,.tint-selection-material{grid-template-columns:1fr}}