/* tb-build china-cargo-shipping-calculator 282a5d0d4bce */
/* china-cargo-shipping-calculator — ToolBoss deployment build. Source of truth: delivery/apps/china-cargo-shipping-calculator/app.css */
/* Fonts: same-origin WOFF2 uploaded through the WP Font Library (/wp-content/uploads/fonts). */
@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}
@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-china-cargo-shipping-calculator .cc { --bg:#f4f5f7; --card:#ffffff; --map:#eef4fa; --ink:#131c26; --mute:#66788c; --line:#dde5ee; --accent:#1864ab; --sea:#0b7285; --ring:rgba(24,100,171,.2); --price:#e8590c; --arc:#8ba3bd; --ghost-arc:#9aa4b5; --alt:#f3f6fa; --row:#3d4b5c; --bad:#c92a2a; --grid:#d3deea; --node-cn:#1864ab; --node-msk:#131c26; --node-vvo:#0b7285; --sans:'Manrope',system-ui,sans-serif; --mono:'JetBrains Mono',ui-monospace,monospace; display:grid;gap:16px;color:var(--ink);font:15px/1.45 var(--sans);width:100%; }
html[data-theme="dark"] #js-tool-container-china-cargo-shipping-calculator .cc { --card:#141c27; --map:#0f1a2a; --ink:#e7eef7; --mute:#8b98ab; --line:#232f3f; --accent:#74b8ff; --sea:#4cc9c0; --ring:rgba(116,184,255,.25); --price:#ffa26b; --arc:#5b6b80; --ghost-arc:#5b6b80; --alt:#0f1723; --row:#c3ccd8; --bad:#ff8a80; --grid:#1d2a3d; --node-cn:#74b8ff; --node-msk:#e7eef7; --node-vvo:#4cc9c0; }
#js-tool-container-china-cargo-shipping-calculator .cc, #js-tool-container-china-cargo-shipping-calculator .cc *, #js-tool-container-china-cargo-shipping-calculator .cc *::before, #js-tool-container-china-cargo-shipping-calculator .cc *::after { box-sizing:border-box }
#js-tool-container-china-cargo-shipping-calculator .cc * { min-width:0 }
#js-tool-container-china-cargo-shipping-calculator .cc button { font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer }
#js-tool-container-china-cargo-shipping-calculator .cc-card { background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:0 1px 2px rgba(19,28,38,.05),0 16px 40px -24px rgba(19,28,38,.18) }
#js-tool-container-china-cargo-shipping-calculator .cc-lab { font-size:11.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--mute);margin:0 0 8px }
#js-tool-container-china-cargo-shipping-calculator .cc-ribbon { padding:16px 20px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1.1fr 1.1fr;gap:14px }
#js-tool-container-china-cargo-shipping-calculator .cc-cell { border-left:1px solid var(--line);padding-left:14px;min-width:auto }
#js-tool-container-china-cargo-shipping-calculator .cc-cell:first-child { border-left:0;padding-left:0 }
#js-tool-container-china-cargo-shipping-calculator .cc-field { border:1.5px solid var(--line);border-radius:12px;padding:7px 12px;display:flex;align-items:center;gap:8px;background:var(--card) }
#js-tool-container-china-cargo-shipping-calculator .cc-field input { flex:none !important; max-width:100% !important; border:0 !important; background:transparent !important; color:var(--ink) !important; font-size:21px !important; font-weight:800 !important; font-variant-numeric:tabular-nums !important; outline:none !important; padding:0 !important; font-family:var(--sans) !important }
#js-tool-container-china-cargo-shipping-calculator .cc-field input::placeholder { color:var(--mute) !important; opacity:.55 !important; font-weight:400 !important }
#js-tool-container-china-cargo-shipping-calculator .cc-field small { margin-left:auto;flex:none;color:var(--mute);font-size:12.5px;white-space:nowrap }
#js-tool-container-china-cargo-shipping-calculator .cc-field small i { font-style:normal }
#js-tool-container-china-cargo-shipping-calculator .cc-field:focus-within { border-color:var(--accent);box-shadow:0 0 0 3px var(--ring) }
#js-tool-container-china-cargo-shipping-calculator .cc-field.bad { border-color:var(--bad) }
#js-tool-container-china-cargo-shipping-calculator .cc-hint { grid-column:1/-1;margin:0;font-size:13px;color:var(--bad) }
#js-tool-container-china-cargo-shipping-calculator .cc-sw { display:flex;align-items:center;gap:10px;border:1.5px solid var(--line);border-radius:12px;padding:9px 12px;width:100%;text-align:left;background:var(--card) }
#js-tool-container-china-cargo-shipping-calculator .cc-sw i { font-style:normal;width:38px;height:22px;border-radius:999px;background:#c3ccd6;position:relative;flex:none;transition:background .2s }
html[data-theme="dark"] #js-tool-container-china-cargo-shipping-calculator .cc-sw i { background:#3a4657 }
#js-tool-container-china-cargo-shipping-calculator .cc-sw i::after { content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .2s }
#js-tool-container-china-cargo-shipping-calculator .cc-sw b { font-size:13.5px }
#js-tool-container-china-cargo-shipping-calculator .cc-sw small { font-size:12.5px;color:var(--mute) }
#js-tool-container-china-cargo-shipping-calculator .cc-sw.on { border-color:var(--accent) }
#js-tool-container-china-cargo-shipping-calculator .cc-sw.on i { background:var(--accent) }
#js-tool-container-china-cargo-shipping-calculator .cc-sw.on i::after { left:18px }
#js-tool-container-china-cargo-shipping-calculator .cc-main { display:grid;grid-template-columns:750px 414px;gap:16px }
#js-tool-container-china-cargo-shipping-calculator .cc-map { padding:16px 18px 12px;background:var(--map) }
#js-tool-container-china-cargo-shipping-calculator .cc-map svg { display:block;width:100%;height:auto }
#js-tool-container-china-cargo-shipping-calculator .cc-svgbg { fill:var(--map) }
#js-tool-container-china-cargo-shipping-calculator .cc-grid line { stroke:var(--grid);stroke-width:1 }
#js-tool-container-china-cargo-shipping-calculator .cc-node-cn { fill:var(--node-cn) }
#js-tool-container-china-cargo-shipping-calculator .cc-node-msk { fill:var(--node-msk) }
#js-tool-container-china-cargo-shipping-calculator .cc-node-vvo { fill:var(--node-vvo) }
#js-tool-container-china-cargo-shipping-calculator .cc-nodet { font-family:var(--sans);font-size:14px;font-weight:800;fill:var(--ink) }
#js-tool-container-china-cargo-shipping-calculator .cc-nodesub { font-family:var(--sans);font-size:11.5px;fill:var(--mute) }
#js-tool-container-china-cargo-shipping-calculator .cc-nodevvo { font-family:var(--sans);font-size:11.5px;font-weight:700;fill:var(--node-vvo) }
#js-tool-container-china-cargo-shipping-calculator .cc-arc { fill:none;stroke:var(--arc);stroke-width:6;stroke-linecap:round;opacity:.85;transition:stroke-width .25s ease,stroke .2s ease }
#js-tool-container-china-cargo-shipping-calculator .cc-arc.opt { stroke:var(--price);opacity:1 }
#js-tool-container-china-cargo-shipping-calculator .cc-map.ghost .cc-arc { stroke:var(--ghost-arc);stroke-width:4;stroke-dasharray:7 6;opacity:.8 }
#js-tool-container-china-cargo-shipping-calculator .cc-map.ghost .cc-tag { opacity:.55 }
#js-tool-container-china-cargo-shipping-calculator .cc-tagbg { fill:var(--card);stroke:var(--line);stroke-width:1 }
#js-tool-container-china-cargo-shipping-calculator .cc-tag-t1 { font-family:var(--sans);font-size:14px;font-weight:800;fill:var(--ink) }
#js-tool-container-china-cargo-shipping-calculator .cc-tag[data-tag="sea"] .cc-tag-t1 { font-size:14.5px }
#js-tool-container-china-cargo-shipping-calculator .cc-tag-t2 { font-family:var(--mono);font-size:11.5px;fill:var(--mute) }
#js-tool-container-china-cargo-shipping-calculator .cc-tag.opt .cc-tagbg { fill:var(--price);stroke:var(--price) }
#js-tool-container-china-cargo-shipping-calculator .cc-tag.opt .cc-tag-t1 { fill:#fff }
#js-tool-container-china-cargo-shipping-calculator .cc-tag.opt .cc-tag-t2 { fill:#ffe3d3 }
html[data-theme="dark"] #js-tool-container-china-cargo-shipping-calculator .cc-tag.opt .cc-tag-t1 { fill:#2a1500 }
html[data-theme="dark"] #js-tool-container-china-cargo-shipping-calculator .cc-tag.opt .cc-tag-t2 { fill:#5b3a12 }
#js-tool-container-china-cargo-shipping-calculator .cc-legs { display:none;list-style:none;margin:0 0 8px;padding:0 }
#js-tool-container-china-cargo-shipping-calculator .cc-legs li { display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:9px 12px;font-size:13.5px;margin-bottom:6px }
#js-tool-container-china-cargo-shipping-calculator .cc-legs li i { font-style:normal;width:10px;height:10px;border-radius:50%;background:var(--arc);flex:none }
#js-tool-container-china-cargo-shipping-calculator .cc-legs li b { margin-left:auto;font-variant-numeric:tabular-nums;white-space:nowrap }
#js-tool-container-china-cargo-shipping-calculator .cc-legs li.opt { border-color:var(--price) }
#js-tool-container-china-cargo-shipping-calculator .cc-legs li.opt i { background:var(--price) }
#js-tool-container-china-cargo-shipping-calculator .cc-legs li.opt b { color:var(--price) }
#js-tool-container-china-cargo-shipping-calculator .cc-foot { margin:6px 0 2px;font-size:12.5px;color:var(--mute);display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap }
#js-tool-container-china-cargo-shipping-calculator .cc-foot b { color:var(--ink);font-variant-numeric:tabular-nums;font-weight:700 }
#js-tool-container-china-cargo-shipping-calculator .cc-opt { padding:20px 22px }
#js-tool-container-china-cargo-shipping-calculator .cc-opt h4 { margin:0;font-size:11.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--mute) }
#js-tool-container-china-cargo-shipping-calculator .cc-opt h4 b { color:var(--sea) }
#js-tool-container-china-cargo-shipping-calculator .cc-opt .big { font-size:52px;line-height:1.08;font-weight:800;color:var(--price);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:2px 0 4px }
#js-tool-container-china-cargo-shipping-calculator .cc-opt.ghost .big { opacity:.45 }
#js-tool-container-china-cargo-shipping-calculator .cc-lines { display:grid }
#js-tool-container-china-cargo-shipping-calculator .cc-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-china-cargo-shipping-calculator .cc-lines div span:first-child { color:var(--row) }
#js-tool-container-china-cargo-shipping-calculator .cc-lines div b { font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap }
#js-tool-container-china-cargo-shipping-calculator .cc-lines div b.m { font-family:var(--mono);font-weight:600;font-size:13px }
#js-tool-container-china-cargo-shipping-calculator .cc-others { margin-top:10px;display:grid;gap:6px }
#js-tool-container-china-cargo-shipping-calculator .cc-others div { display:flex;justify-content:space-between;gap:8px;font-size:13px;background:var(--alt);border-radius:10px;padding:7px 12px }
#js-tool-container-china-cargo-shipping-calculator .cc-others div b { font-variant-numeric:tabular-nums;white-space:nowrap }
#js-tool-container-china-cargo-shipping-calculator .cc-others div span:first-child { color:var(--row) }
#js-tool-container-china-cargo-shipping-calculator .cc-f { margin:10px 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-china-cargo-shipping-calculator .cc-main { grid-template-columns:1fr }
  #js-tool-container-china-cargo-shipping-calculator .cc-ribbon { grid-template-columns:1fr 1fr 1fr }
  #js-tool-container-china-cargo-shipping-calculator .cc-cell { border-left:0;padding-left:0 }
}
@media (max-width:700px) {
  #js-tool-container-china-cargo-shipping-calculator .cc { grid-template-columns:1fr }
  #js-tool-container-china-cargo-shipping-calculator .cc-ribbon { display:contents }
  #js-tool-container-china-cargo-shipping-calculator .cc-cell { background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 14px }
  #js-tool-container-china-cargo-shipping-calculator .cc-cell[data-cell="w"] { order:1 }
  #js-tool-container-china-cargo-shipping-calculator .cc-cell[data-cell="v"] { order:2 }
  #js-tool-container-china-cargo-shipping-calculator .cc-hint { order:3 }
  #js-tool-container-china-cargo-shipping-calculator .cc-cell[data-cell="inv"] { order:6 }
  #js-tool-container-china-cargo-shipping-calculator .cc-cell[data-cell="rate"] { order:7 }
  #js-tool-container-china-cargo-shipping-calculator .cc-cell[data-cell="ins"] { order:8 }
  #js-tool-container-china-cargo-shipping-calculator .cc-cell[data-cell="decl"] { order:9 }
  #js-tool-container-china-cargo-shipping-calculator .cc-main { display:contents }
  #js-tool-container-china-cargo-shipping-calculator .cc-opt { order:4 }
  #js-tool-container-china-cargo-shipping-calculator .cc-map { order:5 }
  #js-tool-container-china-cargo-shipping-calculator .cc-field small i { display:none }
  #js-tool-container-china-cargo-shipping-calculator .cc-field input { font-size:18px !important }
  #js-tool-container-china-cargo-shipping-calculator .cc-opt .big { font-size:40px }
  #js-tool-container-china-cargo-shipping-calculator .cc-map svg { display:none }
  #js-tool-container-china-cargo-shipping-calculator .cc-legs { display:block }
  #js-tool-container-china-cargo-shipping-calculator .cc-foot span { display:none }
}

/* ===== 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-china-cargo-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-china-cargo-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-china-cargo-shipping-calculator.tb-focus-mode { background: var(--bg0, #f4f5f7) !important; }
html[data-theme="dark"] #js-tool-container-china-cargo-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-china-cargo-shipping-calculator .tb-zone.cc { 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-china-cargo-shipping-calculator input:where(:not([type="range"], [type="checkbox"], [type="radio"])), #js-tool-container-china-cargo-shipping-calculator :where(select, textarea) { height: auto !important; border-radius: 0 !important; padding: 1px 2px !important; font-weight: inherit !important; }
#js-tool-container-china-cargo-shipping-calculator :where(select) { border-radius: 8px !important; }
#js-tool-container-china-cargo-shipping-calculator :where(input, select, textarea):focus { background-color: transparent !important; box-shadow: none !important; }
#js-tool-container-china-cargo-shipping-calculator :where(label) { color: inherit !important; }
#js-tool-container-china-cargo-shipping-calculator :where(table, thead, tbody, tr, th, td) { color: inherit; background: transparent; }
#js-tool-container-china-cargo-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; }
