/* tb-build motorcycle-shipping-calculator 8dfe05d48908 */
/* motorcycle-shipping-calculator — ToolBoss deployment build. Source of truth: delivery/apps/motorcycle-shipping-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:'JetBrains Mono';font-style:normal;font-weight:100 800;font-display:swap;src:url('/wp-content/uploads/fonts/jetbrains-mono-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:100 800;font-display:swap;src:url('/wp-content/uploads/fonts/jetbrains-mono-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-motorcycle-shipping-calculator .ms { --bg:#f4f5f7; --card:#ffffff; --ink:#141a21; --mute:#6b7480; --line:#e2e5ea; --accent:#1f4fd8; --accent-soft:#e9f0fe; --ring:rgba(31,79,216,.2); --paper:#f2f6ff; --price:#0f7a4f; --bad:#c92a2a; --sans:'Golos Text',system-ui,sans-serif; --mono:'JetBrains Mono',ui-monospace,monospace; display:grid;grid-template-columns:1fr 600px;gap:20px;align-items:stretch; color:var(--ink);font:15px/1.45 var(--sans);width:100%; }
html[data-theme="dark"] #js-tool-container-motorcycle-shipping-calculator .ms { --card:#151b26; --ink:#e6ebf4; --mute:#9aa4b5; --line:#2a3342; --accent:#7aa2ff; --accent-soft:#182747; --ring:rgba(122,162,255,.25); --paper:#101828; --price:#51cf7a; --bad:#ff8a80; }
#js-tool-container-motorcycle-shipping-calculator .ms, #js-tool-container-motorcycle-shipping-calculator .ms *, #js-tool-container-motorcycle-shipping-calculator .ms *::before, #js-tool-container-motorcycle-shipping-calculator .ms *::after { box-sizing:border-box }
#js-tool-container-motorcycle-shipping-calculator .ms * { min-width:0 }
#js-tool-container-motorcycle-shipping-calculator .ms button { font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer }
#js-tool-container-motorcycle-shipping-calculator .ms-card { background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:0 1px 2px rgba(20,26,33,.04),0 16px 40px -24px rgba(20,26,33,.16) }
#js-tool-container-motorcycle-shipping-calculator .ms-form { padding:20px 22px }
#js-tool-container-motorcycle-shipping-calculator .ms-lab { font-size:11.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--mute);margin:0 0 8px;display:flex;justify-content:space-between;gap:2px 8px;flex-wrap:wrap }
#js-tool-container-motorcycle-shipping-calculator .ms-lab em { font-style:normal;text-transform:none;letter-spacing:0;font-weight:400 }
#js-tool-container-motorcycle-shipping-calculator .ms-sec { margin-bottom:14px }
#js-tool-container-motorcycle-shipping-calculator .ms-sec:last-child { margin-bottom:0 }
#js-tool-container-motorcycle-shipping-calculator .ms-presets { display:flex;gap:8px;flex-wrap:wrap }
#js-tool-container-motorcycle-shipping-calculator .ms button.ms-p { border:1.5px solid var(--line);border-radius:999px;padding:7px 13px;font-size:13px;font-weight:700;background:var(--card);white-space:nowrap }
#js-tool-container-motorcycle-shipping-calculator .ms-p small { font-family:var(--mono);font-weight:400;color:var(--mute);font-size:12px;font-variant-numeric:tabular-nums }
#js-tool-container-motorcycle-shipping-calculator .ms button.ms-p.on { background:var(--accent);border-color:var(--accent);color:#fff }
#js-tool-container-motorcycle-shipping-calculator .ms button.ms-p.on small { color:#cfddfb }
html[data-theme="dark"] #js-tool-container-motorcycle-shipping-calculator .ms button.ms-p.on small { color:#182747 }
#js-tool-container-motorcycle-shipping-calculator .ms-dims { display:grid;grid-template-columns:1fr 1fr;gap:10px }
#js-tool-container-motorcycle-shipping-calculator .ms-field { border:1.5px solid var(--line);border-radius:12px;padding:6px 12px;display:flex;align-items:center;gap:8px;background:var(--card) }
#js-tool-container-motorcycle-shipping-calculator .ms-field input { flex:1 !important; min-width:0 !important; border:0 !important; background:transparent !important; color:var(--ink) !important; font-family:var(--mono) !important; font-size:20px !important; font-weight:700 !important; font-variant-numeric:tabular-nums !important; outline:none !important; padding:0 !important }
#js-tool-container-motorcycle-shipping-calculator .ms-field input::placeholder { color:var(--mute) !important; opacity:.55 !important; font-weight:400 !important }
#js-tool-container-motorcycle-shipping-calculator .ms-field small { margin-left:auto;flex:none;color:var(--mute);font-size:12.5px;white-space:nowrap }
#js-tool-container-motorcycle-shipping-calculator .ms-field small i { font-style:normal }
#js-tool-container-motorcycle-shipping-calculator .ms-field:focus-within { border-color:var(--accent);box-shadow:0 0 0 3px var(--ring) }
#js-tool-container-motorcycle-shipping-calculator .ms-field.bad { border-color:var(--bad) }
#js-tool-container-motorcycle-shipping-calculator .ms-hint { margin:6px 2px 0;font-size:13px;color:var(--bad) }
#js-tool-container-motorcycle-shipping-calculator .ms-zones { display:grid;gap:6px }
#js-tool-container-motorcycle-shipping-calculator .ms button.ms-zone { display:flex;align-items:center;gap:10px;border:1.5px solid var(--line);border-radius:12px;padding:7px 12px;font-size:13.5px;text-align:left;width:100% }
#js-tool-container-motorcycle-shipping-calculator .ms-zone i { font-style:normal;width:16px;height:16px;border-radius:50%;border:2px solid #c4ccd6;flex:none }
html[data-theme="dark"] #js-tool-container-motorcycle-shipping-calculator .ms-zone i { border-color:#3a4456 }
#js-tool-container-motorcycle-shipping-calculator .ms-zone b { margin-left:auto;font-family:var(--mono);font-size:13px;font-variant-numeric:tabular-nums;color:var(--mute);font-weight:400;white-space:nowrap }
#js-tool-container-motorcycle-shipping-calculator .ms button.ms-zone.on { border-color:var(--accent);background:var(--accent-soft) }
#js-tool-container-motorcycle-shipping-calculator .ms button.ms-zone.on i { border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 3px var(--card) }
#js-tool-container-motorcycle-shipping-calculator .ms button.ms-zone.on b { color:var(--accent);font-weight:700 }
#js-tool-container-motorcycle-shipping-calculator .ms-seg { display:flex;background:#eef1f5;border-radius:12px;padding:3px;gap:3px }
html[data-theme="dark"] #js-tool-container-motorcycle-shipping-calculator .ms-seg { background:#0e141f }
#js-tool-container-motorcycle-shipping-calculator .ms-seg button { flex:1;text-align:center;padding:8px 2px;border-radius:9px;font-size:13px;font-weight:700;color:var(--mute);white-space:nowrap }
#js-tool-container-motorcycle-shipping-calculator .ms-seg button.on { background:var(--ink);color:var(--card) }
#js-tool-container-motorcycle-shipping-calculator .ms-row2 { display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end }
#js-tool-container-motorcycle-shipping-calculator .ms button.ms-check { display:flex;align-items:center;gap:10px;border:1.5px solid var(--line);border-radius:12px;padding:9px 12px;font-size:13.5px;font-weight:700;width:100% }
#js-tool-container-motorcycle-shipping-calculator .ms-check i { font-style:normal;display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#eef1f5;color:transparent;font-size:14px;flex:none }
html[data-theme="dark"] #js-tool-container-motorcycle-shipping-calculator .ms-check i { background:#0e141f }
#js-tool-container-motorcycle-shipping-calculator .ms-check small { margin-left:auto;font-family:var(--mono);color:var(--mute);font-size:12px }
#js-tool-container-motorcycle-shipping-calculator .ms button.ms-check.on { border-color:var(--accent);background:var(--accent-soft) }
#js-tool-container-motorcycle-shipping-calculator .ms button.ms-check.on i { background:var(--accent);color:#fff }
#js-tool-container-motorcycle-shipping-calculator .ms button.ms-check.on small { color:var(--accent) }
#js-tool-container-motorcycle-shipping-calculator .ms-right { display:grid;gap:16px }
#js-tool-container-motorcycle-shipping-calculator .ms-draw { padding:16px 18px 12px;background:var(--paper) }
#js-tool-container-motorcycle-shipping-calculator .ms-draw.ghost svg { opacity:.5 }
#js-tool-container-motorcycle-shipping-calculator .ms-draw svg { display:block;width:100%;height:auto }
#js-tool-container-motorcycle-shipping-calculator .ms-draw svg text { font-variant-numeric:tabular-nums }
#js-tool-container-motorcycle-shipping-calculator .ms-stamp { display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-family:var(--mono);font-size:12px;color:var(--mute);border-top:1px solid #cfd9ec;margin-top:6px;padding-top:8px;font-variant-numeric:tabular-nums }
html[data-theme="dark"] #js-tool-container-motorcycle-shipping-calculator .ms-stamp { border-top-color:#2a3342 }
#js-tool-container-motorcycle-shipping-calculator .ms-stamp b { color:var(--accent) }
#js-tool-container-motorcycle-shipping-calculator .ms-total { padding:18px 22px }
#js-tool-container-motorcycle-shipping-calculator .ms-total h4 { margin:0;font-size:11.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--mute) }
#js-tool-container-motorcycle-shipping-calculator .ms-total .big { font-family:var(--mono);font-size:52px;line-height:1.1;font-weight:800;color:var(--price);font-variant-numeric:tabular-nums;letter-spacing:-.02em }
#js-tool-container-motorcycle-shipping-calculator .ms-total.ghost .big, #js-tool-container-motorcycle-shipping-calculator .ms-total.ghost .ms-lines b { opacity:.45 }
#js-tool-container-motorcycle-shipping-calculator .ms-lines { display:grid;margin-top:6px }
#js-tool-container-motorcycle-shipping-calculator .ms-lines div { display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:5px 0;border-bottom:1px dotted var(--line);font-size:13.5px }
#js-tool-container-motorcycle-shipping-calculator .ms-lines div span:first-child { color:var(--mute) }
#js-tool-container-motorcycle-shipping-calculator .ms-total:not(.ghost) .ms-lines div span:first-child { color:#3c4450 }
html[data-theme="dark"] #js-tool-container-motorcycle-shipping-calculator .ms-total:not(.ghost) .ms-lines div span:first-child { color:#c3cad4 }
#js-tool-container-motorcycle-shipping-calculator .ms-lines div b { font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap }
#js-tool-container-motorcycle-shipping-calculator .ms-f { margin:8px 0 0;font-family:var(--mono);font-size:12.5px;color:var(--mute);font-variant-numeric:tabular-nums }
@media (max-width:1020px) {
  #js-tool-container-motorcycle-shipping-calculator .ms { grid-template-columns:1fr }
}
@media (max-width:700px) {
  #js-tool-container-motorcycle-shipping-calculator .ms-total .big { font-size:40px }
  #js-tool-container-motorcycle-shipping-calculator .ms-row2 { grid-template-columns:1fr }
  #js-tool-container-motorcycle-shipping-calculator .ms-field small i { display:none }
  #js-tool-container-motorcycle-shipping-calculator .ms-field input { font-size:17px !important }
}

/* ===== 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-motorcycle-shipping-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-motorcycle-shipping-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-motorcycle-shipping-calculator.tb-focus-mode { background: var(--bg0, #f4f5f7) !important; }
html[data-theme="dark"] #js-tool-container-motorcycle-shipping-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-motorcycle-shipping-calculator .tb-zone.ms { 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-motorcycle-shipping-calculator input:where(:not([type="range"], [type="checkbox"], [type="radio"])), #js-tool-container-motorcycle-shipping-calculator :where(select, textarea) { height: auto !important; border-radius: 0 !important; padding: 1px 2px !important; font-weight: inherit !important; }
#js-tool-container-motorcycle-shipping-calculator :where(select) { border-radius: 8px !important; }
#js-tool-container-motorcycle-shipping-calculator :where(input, select, textarea):focus { background-color: transparent !important; box-shadow: none !important; }
#js-tool-container-motorcycle-shipping-calculator :where(label) { color: inherit !important; }
#js-tool-container-motorcycle-shipping-calculator :where(table, thead, tbody, tr, th, td) { color: inherit; background: transparent; }
#js-tool-container-motorcycle-shipping-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; }