/* tb-build usa-car-import-calculator bda4e438e9a2 */ /* usa-car-import-calculator — ToolBoss deployment build. Source of truth: /home/user/delivery/apps/usa-car-import-calculator/app.css */ /* Fonts: same-origin WOFF2 uploaded through the WP Font Library (/wp-content/uploads/fonts). */ @font-face{font-family:'Golos Text';font-style:normal;font-weight:400 900;font-display:swap;src:url('/wp-content/uploads/fonts/golos-text-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116} @font-face{font-family:'Golos Text';font-style:normal;font-weight:400 900;font-display:swap;src:url('/wp-content/uploads/fonts/golos-text-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url('/wp-content/uploads/fonts/manrope-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116} @font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url('/wp-content/uploads/fonts/manrope-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} #js-tool-container-usa-car-import-calculator .usa { --ink:#202733;--muted:#687380;--line:#dde2e7;--accent:#245bd7;--tint:#eaf0ff;font:15px/1.45 'Golos Text',sans-serif;color:var(--ink);font-variant-numeric:tabular-nums } #js-tool-container-usa-car-import-calculator .usa * { box-sizing:border-box } #js-tool-container-usa-car-import-calculator .usa h2, #js-tool-container-usa-car-import-calculator .usa h3, #js-tool-container-usa-car-import-calculator .usa p { margin:0 } #js-tool-container-usa-car-import-calculator .usa h2 { font-size:23px;letter-spacing:-.6px } #js-tool-container-usa-car-import-calculator .usa h3 { font-size:18px } #js-tool-container-usa-car-import-calculator .usa small { font-size:12px;color:var(--muted) } #js-tool-container-usa-car-import-calculator .usa strong { font-weight:700 } #js-tool-container-usa-car-import-calculator .usa input, #js-tool-container-usa-car-import-calculator .usa select, #js-tool-container-usa-car-import-calculator .usa button { font:inherit !important; color:inherit !important } #js-tool-container-usa-car-import-calculator .usa button { cursor:pointer } #js-tool-container-usa-car-import-calculator .usa .usa-card { background:white;border:1px solid var(--line);border-radius:22px;box-shadow:0 2px 3px #20273305,0 18px 30px -28px #20273355 } #js-tool-container-usa-car-import-calculator .usa .usa-field { display:block;min-width:0 } #js-tool-container-usa-car-import-calculator .usa .usa-field>span, #js-tool-container-usa-car-import-calculator .usa .usa-age>span { display:block;font-size:12px;font-weight:500;color:var(--muted);margin-bottom:8px } #js-tool-container-usa-car-import-calculator .usa .usa-entry { display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:11px;padding:9px 12px;background:#fff;min-height:46px } #js-tool-container-usa-car-import-calculator .usa .usa-entry input { border:0 !important; outline:0 !important; width:100% !important; min-width:0 !important; background:transparent !important; font-weight:600 !important; font-size:18px !important; padding:0 !important } #js-tool-container-usa-car-import-calculator .usa .usa-entry em { font-size:13px;color:var(--muted);font-style:normal;white-space:nowrap } #js-tool-container-usa-car-import-calculator .usa .usa-focus { border-color:var(--accent);box-shadow:0 0 0 3px #eaf0ff } #js-tool-container-usa-car-import-calculator .usa select { border:1px solid var(--line) !important; border-radius:11px !important; padding:9px 10px !important; background:white !important; width:100% !important; min-height:46px !important } #js-tool-container-usa-car-import-calculator .usa .usa-age>div { display:flex;gap:5px } #js-tool-container-usa-car-import-calculator .usa .usa-age button { background:white;border:1px solid var(--line);border-radius:10px;padding:11px 13px;white-space:nowrap } #js-tool-container-usa-car-import-calculator .usa .usa-age button.usa-active { background:var(--accent);color:white;border-color:var(--accent) } #js-tool-container-usa-car-import-calculator .usa .usa-note { padding:17px 22px;border:1px solid var(--line);border-radius:16px;font-size:12px;color:var(--muted);background:#fff } #js-tool-container-usa-car-import-calculator .usa .usa-eyebrow { font-size:12px;letter-spacing:.075em;text-transform:uppercase;color:var(--muted);margin-bottom:8px } #js-tool-container-usa-car-import-calculator .usa .usa-money { font-family:'Manrope',sans-serif;letter-spacing:-2px;font-weight:700;line-height:1.08 } #js-tool-container-usa-car-import-calculator .usa .usa-money em { font-style:normal;font-size:22px;letter-spacing:0;font-weight:500 } #js-tool-container-usa-car-import-calculator .usa .usa-muted { color:var(--muted) } #js-tool-container-usa-car-import-calculator .usa .usa-active { color:var(--accent) } #js-tool-container-usa-car-import-calculator .usa input:focus-visible, #js-tool-container-usa-car-import-calculator .usa button:focus-visible, #js-tool-container-usa-car-import-calculator .usa select:focus-visible { outline:3px solid var(--accent) !important; outline-offset:3px !important } #js-tool-container-usa-car-import-calculator .usa { display:grid;gap:18px } #js-tool-container-usa-car-import-calculator .usa .usa-summary { padding:26px 30px;display:grid;grid-template-columns:1fr 225px;align-items:center;gap:32px } #js-tool-container-usa-car-import-calculator .usa .usa-money { font-size:66px;margin:7px 0 8px } #js-tool-container-usa-car-import-calculator .usa .usa-summary .usa-field { border-left:1px solid var(--line);padding-left:28px } #js-tool-container-usa-car-import-calculator .usa .usa-caption { font-size:13px;color:var(--muted) } #js-tool-container-usa-car-import-calculator .usa .usa-route { display:grid;grid-template-columns:repeat(3,1fr);padding:0;overflow:hidden } #js-tool-container-usa-car-import-calculator .usa .usa-stage { padding:24px 26px;position:relative } #js-tool-container-usa-car-import-calculator .usa .usa-stage+.usa-stage { border-left:1px solid var(--line) } #js-tool-container-usa-car-import-calculator .usa .usa-stage-top { display:flex;align-items:center;justify-content:space-between;margin-bottom:20px } #js-tool-container-usa-car-import-calculator .usa .usa-num { background:var(--tint);border-radius:50%;color:var(--accent);width:38px;height:38px;display:grid;place-items:center;font-weight:700 } #js-tool-container-usa-car-import-calculator .usa .usa-stage .usa-field { margin-bottom:14px } #js-tool-container-usa-car-import-calculator .usa .usa-stage h3 { margin-bottom:2px } #js-tool-container-usa-car-import-calculator .usa .usa-stage-sub { color:var(--muted);font-size:12px } #js-tool-container-usa-car-import-calculator .usa .usa-stage-total { border-top:1px solid var(--line);margin-top:17px;padding-top:17px;display:flex;justify-content:space-between;align-items:center } #js-tool-container-usa-car-import-calculator .usa .usa-stage-total strong { font:700 23px Manrope;color:var(--accent) } #js-tool-container-usa-car-import-calculator .usa .usa-extras { padding:20px 26px;display:grid;grid-template-columns:1fr 230px 230px;gap:30px;align-items:center } #js-tool-container-usa-car-import-calculator .usa .usa-extras h3 { margin-bottom:4px } #js-tool-container-usa-car-import-calculator .usa .usa-breakdown { height:12px;display:flex;border-radius:10px;overflow:hidden;margin-top:19px;gap:3px } #js-tool-container-usa-car-import-calculator .usa .usa-breakdown i:nth-child(1) { width:47.7834%;background:#245bd7 } #js-tool-container-usa-car-import-calculator .usa .usa-breakdown i:nth-child(2) { width:21.9612%;background:#7399ef } #js-tool-container-usa-car-import-calculator .usa .usa-breakdown i:nth-child(3) { width:22.2106%;background:#abc1f1 } #js-tool-container-usa-car-import-calculator .usa .usa-breakdown i:nth-child(4) { width:8.0444%;background:#d2dae8 } #js-tool-container-usa-car-import-calculator .usa .usa-labels { display:flex;justify-content:space-between;margin-top:7px;font-size:11px;color:var(--muted) } #js-tool-container-usa-car-import-calculator .usa .usa-summary { padding:20px 26px } #js-tool-container-usa-car-import-calculator .usa .usa-money { font-size:60px } #js-tool-container-usa-car-import-calculator .usa .usa-stage { padding:20px 26px;display:flex;flex-direction:column } #js-tool-container-usa-car-import-calculator .usa .usa-stage-top { margin-bottom:15px } #js-tool-container-usa-car-import-calculator .usa .usa-stage .usa-field { margin-bottom:10px } #js-tool-container-usa-car-import-calculator .usa .usa-stage-total { margin-top:auto;padding-top:14px } #js-tool-container-usa-car-import-calculator .usa .usa-stage-sub { margin-bottom:12px } #js-tool-container-usa-car-import-calculator .usa .usa-extras { padding:17px 26px } #js-tool-container-usa-car-import-calculator .usa .usa-note { padding:14px 22px } #js-tool-container-usa-car-import-calculator .usa .usa-stage-total strong { font-size:22px } #js-tool-container-usa-car-import-calculator .usa [hidden] { display:none!important } #js-tool-container-usa-car-import-calculator .usa .usa-entry:focus-within { border-color:var(--accent);box-shadow:0 0 0 3px var(--tint) } #js-tool-container-usa-car-import-calculator .usa .usa-feedback { grid-column:1/-1;padding:14px 18px;border:1px solid #b94136;background:#fff1ee;color:#872d24;border-radius:12px;font-size:13px } #js-tool-container-usa-car-import-calculator .usa [aria-invalid="true"] { outline:2px solid #b94136;outline-offset:3px } #js-tool-container-usa-car-import-calculator .usa [data-empty="true"] { opacity:.22 } #js-tool-container-usa-car-import-calculator .usa [data-object] i { transition:width 160ms ease } #js-tool-container-usa-car-import-calculator .usa .usa-young { grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:12px;border-top:1px solid var(--line) } #js-tool-container-usa-car-import-calculator .usa .usa-young-hint { grid-column:1/-1;font-size:12px;color:var(--muted) } #js-tool-container-usa-car-import-calculator .usa .usa-feedback a { color:inherit } #js-tool-container-usa-car-import-calculator .usa .usa-money { overflow-wrap:normal } #js-tool-container-usa-car-import-calculator .usa .usa-summary { grid-template-columns:minmax(0,1fr) 225px } #js-tool-container-usa-car-import-calculator .usa .usa-stage { min-width:0 } #js-tool-container-usa-car-import-calculator .usa .usa-breakdown i { flex-shrink:1 } #js-tool-container-usa-car-import-calculator .usa .usa-labels { gap:10px } #js-tool-container-usa-car-import-calculator .usa .usa-caption { min-height:19px } @media(max-width:1050px) { #js-tool-container-usa-car-import-calculator .usa .usa-summary { grid-template-columns:minmax(0,1fr) 180px } #js-tool-container-usa-car-import-calculator .usa .usa-labels { display:grid;grid-template-columns:1fr 1fr } #js-tool-container-usa-car-import-calculator .usa .usa-money { font-size:48px } #js-tool-container-usa-car-import-calculator .usa .usa-stage { padding:18px } #js-tool-container-usa-car-import-calculator .usa .usa-stage-total { display:block } #js-tool-container-usa-car-import-calculator .usa .usa-stage h3 { font-size:16px } #js-tool-container-usa-car-import-calculator .usa .usa-stage-total strong { font-size:19px } #js-tool-container-usa-car-import-calculator .usa .usa-extras { grid-template-columns:1fr 1fr } #js-tool-container-usa-car-import-calculator .usa .usa-extras>div { grid-column:1/-1 } } @media(max-width:600px) { #js-tool-container-usa-car-import-calculator .usa { gap:14px } #js-tool-container-usa-car-import-calculator .usa .usa-summary { padding:20px;grid-template-columns:1fr;gap:15px } #js-tool-container-usa-car-import-calculator .usa .usa-summary .usa-field { border:0;padding:0;max-width:190px } #js-tool-container-usa-car-import-calculator .usa .usa-money { font-size:clamp(25px,8.8vw,38px);letter-spacing:-1px } #js-tool-container-usa-car-import-calculator .usa .usa-eyebrow { font-size:11px } #js-tool-container-usa-car-import-calculator .usa .usa-route { grid-template-columns:1fr } #js-tool-container-usa-car-import-calculator .usa .usa-stage { padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:10px 12px } #js-tool-container-usa-car-import-calculator .usa .usa-stage+.usa-stage { border-left:0;border-top:1px solid var(--line) } #js-tool-container-usa-car-import-calculator .usa .usa-stage-top, #js-tool-container-usa-car-import-calculator .usa .usa-stage-sub, #js-tool-container-usa-car-import-calculator .usa .usa-stage-total { grid-column:1/-1 } #js-tool-container-usa-car-import-calculator .usa .usa-stage-top { margin:0 } #js-tool-container-usa-car-import-calculator .usa .usa-stage .usa-field { margin:0 } #js-tool-container-usa-car-import-calculator .usa .usa-stage-total { display:flex;padding-top:12px;margin-top:8px } #js-tool-container-usa-car-import-calculator .usa .usa-entry input { font-size:16px !important } #js-tool-container-usa-car-import-calculator .usa .usa-extras { padding:20px;gap:16px } #js-tool-container-usa-car-import-calculator .usa .usa-caption { font-size:12px } #js-tool-container-usa-car-import-calculator .usa .usa-note { font-size:12px;padding:16px } #js-tool-container-usa-car-import-calculator .usa .usa-labels { font-size:10px } } html[data-theme="dark"] #js-tool-container-usa-car-import-calculator .usa { --ink:#f3f5f8;--muted:#adb8c5;--line:#45505e;--accent:#a8c2ff;--tint:#343b4b;color:var(--ink) } html[data-theme="dark"] #js-tool-container-usa-car-import-calculator .usa .usa-card { background:#202733 } html[data-theme="dark"] #js-tool-container-usa-car-import-calculator .usa .usa-entry { background:#202733 } html[data-theme="dark"] #js-tool-container-usa-car-import-calculator .usa .usa-focus { box-shadow:0 0 0 3px #273751 } html[data-theme="dark"] #js-tool-container-usa-car-import-calculator .usa select { background:#202733 !important } html[data-theme="dark"] #js-tool-container-usa-car-import-calculator .usa .usa-age button { background:#202733 } html[data-theme="dark"] #js-tool-container-usa-car-import-calculator .usa .usa-age button.usa-active { color:#202733 } html[data-theme="dark"] #js-tool-container-usa-car-import-calculator .usa .usa-note { background:#202733 } html[data-theme="dark"] #js-tool-container-usa-car-import-calculator .usa .usa-breakdown i:nth-child(1) { background:#a8c2ff } html[data-theme="dark"] #js-tool-container-usa-car-import-calculator .usa .usa-feedback { border:1px solid #ffad9e;background:#422a2a;color:#ffd4cc } @media(prefers-reduced-motion:reduce) { #js-tool-container-usa-car-import-calculator .usa [data-object] i { transition:none } } #js-tool-container-usa-car-import-calculator .usa.tb-zone { font-size:15px!important;line-height:1.45!important } #js-tool-container-usa-car-import-calculator .usa input:focus-visible { outline:none !important } #js-tool-container-usa-car-import-calculator .usa .usa-money[data-long] { font-size:24px;letter-spacing:-1px } #js-tool-container-usa-car-import-calculator .usa .usa-duty-number[data-long] { font-size:24px } @media(min-width:601px) and (max-width:1050px) { #js-tool-container-usa-car-import-calculator .usa .usa-stage-total strong { display:block;margin-top:6px } } /* ===== ToolBoss host integration (id-scoped) ===== */ /* 1. Wrapper neutralised: the block is the tool itself, no theme card around it. Focus mode («На весь экран») keeps its own padding. */ #js-tool-container-usa-car-import-calculator:not(.tb-focus-mode) { border: 0 !important; background: transparent !important; box-shadow: none !important; padding: 0 !important; border-radius: 0 !important; overflow: visible !important; contain: layout style !important; } #js-tool-container-usa-car-import-calculator > .js-premium-app-html-content { display: contents; padding: 0 !important; background: transparent !important; } /* 1b. Focus mode: core.min.css forces `background:0 0!important` on `:has(.tb-zone)` wrappers — paint the fixed overlay with the page background. */ #js-tool-container-usa-car-import-calculator.tb-focus-mode { background: var(--bg0, #f4f5f7) !important; } html[data-theme="dark"] #js-tool-container-usa-car-import-calculator.tb-focus-mode { background: var(--bg0, #0b0c10) !important; } /* 2. .tb-zone on the app root switches the wrapper into zone layout (action links become the rounded end); the zone card itself is zeroed. */ #js-tool-container-usa-car-import-calculator .tb-zone.usa { background: transparent !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important; box-shadow: none !important; margin: 0 !important; font-size: 1rem; line-height: 1.55; } /* 3. Theme control resets (tools-engine / semantic-dark force these with !important). Kept at (1,0,x) specificity so app rules win. */ #js-tool-container-usa-car-import-calculator input:where(:not([type="range"], [type="checkbox"], [type="radio"])), #js-tool-container-usa-car-import-calculator :where(select, textarea) { height: auto !important; border-radius: 0 !important; padding: 1px 2px !important; font-weight: inherit !important; } #js-tool-container-usa-car-import-calculator :where(select) { border-radius: 8px !important; } #js-tool-container-usa-car-import-calculator :where(input, select, textarea):focus { background-color: transparent !important; box-shadow: none !important; } #js-tool-container-usa-car-import-calculator :where(label) { color: inherit !important; } #js-tool-container-usa-car-import-calculator :where(table, thead, tbody, tr, th, td) { color: inherit; background: transparent; } #js-tool-container-usa-car-import-calculator :where([class*="val"], [class*="result"], [id*="res"]) { line-height: inherit !important; max-width: none !important; overflow-wrap: normal !important; word-break: normal !important; font-variant-numeric: inherit !important; }