/* tb-build sea-freight-cost-calculator e42f8ca39eed */
/* sea-freight-cost-calculator — ToolBoss deployment build. Source of truth: delivery/apps/sea-freight-cost-calculator/app.css */
/* Fonts: same-origin WOFF2 uploaded through the WP Font Library (/wp-content/uploads/fonts). */
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400 900;font-display:swap;src:url('/wp-content/uploads/fonts/playfair-display-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400 900;font-display:swap;src:url('/wp-content/uploads/fonts/playfair-display-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:'Playfair Display';font-style:italic;font-weight:400 900;font-display:swap;src:url('/wp-content/uploads/fonts/playfair-display-cyrillic-italic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:400 900;font-display:swap;src:url('/wp-content/uploads/fonts/playfair-display-latin-italic.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:'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-sea-freight-cost-calculator .sf { --bg:#f4f5f7;--card:#ffffff;--ink:#17202b;--mute:#66707d;--line:#e2e5ea;--line-2:#ccd2da; --accent:#1c4f7c;--accent-soft:#eaf1f7;--ring:rgba(28,79,124,.16);--price:#b4552b;--sand:#c9a25e; --soft:#eef0f3;--soft2:#f7f9fb;--soft3:#f4f5f7; --sans:'Golos Text',system-ui,sans-serif;--serif:'Playfair Display',serif;--mono:'JetBrains Mono',ui-monospace,monospace; font-family:var(--sans);font-size:15px;line-height:1.45;color:var(--ink); box-sizing:border-box;display:grid;grid-template-columns:536px 1fr;gap:20px;align-items:stretch }
#js-tool-container-sea-freight-cost-calculator .sf * { box-sizing:border-box }
@media (max-width:1100px) {
  #js-tool-container-sea-freight-cost-calculator .sf { grid-template-columns:1fr }
}
html[data-theme="dark"] #js-tool-container-sea-freight-cost-calculator .sf { --bg:#0f141a;--card:#161d26;--ink:#e9edf2;--mute:#98a2ad;--line:#26303c;--line-2:#35414f; --accent:#8fb8dd;--accent-soft:rgba(143,184,221,.14);--ring:rgba(143,184,221,.18);--price:#d88a5d;--sand:#c9a24a; --soft:#1d2632;--soft2:#131a23;--soft3:#182029 }
#js-tool-container-sea-freight-cost-calculator .sf-card { background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:0 1px 2px rgba(23,32,43,.04),0 16px 40px -24px rgba(23,32,43,.16) }
#js-tool-container-sea-freight-cost-calculator .sf-form { padding:24px 28px 22px }
#js-tool-container-sea-freight-cost-calculator .sf-label { display:flex;justify-content:space-between;align-items:baseline;margin:0 0 10px;font-size:12px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--mute) }
#js-tool-container-sea-freight-cost-calculator .sf-label small { font-weight:500;letter-spacing:0;text-transform:none;font-size:13px }
#js-tool-container-sea-freight-cost-calculator .sf-row { margin-bottom:18px }
#js-tool-container-sea-freight-cost-calculator .sf-row:last-child { margin-bottom:0 }
#js-tool-container-sea-freight-cost-calculator .sf-chips { display:flex;flex-wrap:wrap;gap:8px }
#js-tool-container-sea-freight-cost-calculator .sf-chip { height:42px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--line-2); border-radius:12px;font:600 13.5px var(--sans);color:#3c4654;background:var(--card);cursor:pointer }
html[data-theme="dark"] #js-tool-container-sea-freight-cost-calculator .sf-chip { color:#c8cfd8 }
#js-tool-container-sea-freight-cost-calculator .sf-chip i { font-style:normal;font:500 12px var(--mono);color:var(--mute) }
#js-tool-container-sea-freight-cost-calculator .sf-chip:hover { border-color:var(--accent) }
#js-tool-container-sea-freight-cost-calculator .sf-chip.is-on { background:var(--accent);border-color:var(--accent);color:#fff }
html[data-theme="dark"] #js-tool-container-sea-freight-cost-calculator .sf-chip.is-on { color:#0f141a }
#js-tool-container-sea-freight-cost-calculator .sf-chip.is-on i { color:rgba(255,255,255,.75) }
html[data-theme="dark"] #js-tool-container-sea-freight-cost-calculator .sf-chip.is-on i { color:rgba(15,20,26,.6) }
#js-tool-container-sea-freight-cost-calculator .sf-seg { display:inline-flex;padding:4px;border-radius:14px;background:var(--soft) }
#js-tool-container-sea-freight-cost-calculator .sf-seg-btn { border:0;background:transparent;padding:11px 16px;border-radius:10px;font:600 14.5px var(--sans); color:var(--mute);white-space:nowrap;cursor:pointer;font-family:var(--sans) }
#js-tool-container-sea-freight-cost-calculator .sf-seg-btn.is-on { background:var(--card);color:var(--ink);box-shadow:0 1px 2px rgba(23,32,43,.10),0 4px 12px -6px rgba(23,32,43,.18) }
#js-tool-container-sea-freight-cost-calculator .sf-fields { display:grid;grid-template-columns:repeat(3,1fr);gap:14px }
@media (max-width:560px) {
  #js-tool-container-sea-freight-cost-calculator .sf-fields { grid-template-columns:1fr }
}
#js-tool-container-sea-freight-cost-calculator .sf-field label { display:block !important; margin:0 0 8px !important; font-size:12px !important; font-weight:600 !important; letter-spacing:.07em !important; text-transform:uppercase !important; color:var(--mute) !important }
#js-tool-container-sea-freight-cost-calculator .sf-input { height:54px;display:flex;align-items:center;padding:0 14px 0 16px;border:1.5px solid var(--line-2); border-radius:14px;background:var(--card) }
#js-tool-container-sea-freight-cost-calculator .sf-input input { width:100% !important; min-width:0 !important; border:0 !important; outline:0 !important; background:transparent !important; font:600 21px/1 var(--mono) !important; letter-spacing:-.02em !important; font-variant-numeric:tabular-nums !important; color:var(--ink) !important; padding:0 !important }
#js-tool-container-sea-freight-cost-calculator .sf-input i { margin-left:auto;font-style:normal;color:var(--mute);font-size:13.5px;font-weight:500;flex:none }
#js-tool-container-sea-freight-cost-calculator .sf-input:focus-within, #js-tool-container-sea-freight-cost-calculator .sf-input.is-focus { border-color:var(--accent);box-shadow:0 0 0 4px var(--ring) }
#js-tool-container-sea-freight-cost-calculator .sf-input.is-err { border-color:var(--price);box-shadow:0 0 0 4px rgba(180,85,43,.15) }
#js-tool-container-sea-freight-cost-calculator .sf-togs { display:flex;gap:8px;flex-wrap:wrap }
#js-tool-container-sea-freight-cost-calculator .sf-tog { height:44px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--line-2); border-radius:12px;font:600 13.5px var(--sans);color:#3c4654;background:var(--card);cursor:pointer }
html[data-theme="dark"] #js-tool-container-sea-freight-cost-calculator .sf-tog { color:#c8cfd8 }
#js-tool-container-sea-freight-cost-calculator .sf-tog::before { content:"";width:18px;height:18px;border-radius:6px;border:1.5px solid var(--line-2);background:var(--card);flex:none }
#js-tool-container-sea-freight-cost-calculator .sf-tog.is-on { border-color:var(--accent);color:var(--accent);background:var(--accent-soft) }
#js-tool-container-sea-freight-cost-calculator .sf-tog.is-on::before { background:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 3px var(--card) }
#js-tool-container-sea-freight-cost-calculator .sf-note { margin:16px 0 0;font-size:13px;line-height:1.5;color:var(--mute) }
#js-tool-container-sea-freight-cost-calculator .sf-bill { padding:0 0 20px;position:relative;overflow:hidden }
#js-tool-container-sea-freight-cost-calculator .sf-bill::before { content:"";position:absolute;inset:0 0 auto 0;height:6px;background:repeating-linear-gradient(-45deg,var(--accent) 0 12px,var(--card) 12px 24px) }
#js-tool-container-sea-freight-cost-calculator .sf-bill-h { display:flex;align-items:baseline;gap:14px;padding:22px 28px 0 }
#js-tool-container-sea-freight-cost-calculator .sf-bill-h b { font:600 13px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute) }
#js-tool-container-sea-freight-cost-calculator .sf-bill-h span { margin-left:auto;font:600 12.5px var(--mono);color:var(--mute) }
#js-tool-container-sea-freight-cost-calculator .sf-draw { position:relative;margin:16px 28px 0;height:200px;border:1px dashed var(--line-2);border-radius:16px; background:var(--soft2);overflow:hidden }
#js-tool-container-sea-freight-cost-calculator .sf-draw svg { position:absolute;inset:0;width:100%;height:100% }
#js-tool-container-sea-freight-cost-calculator .sf-draw .sf-cap { position:absolute;left:16px;top:13px;font:600 12px var(--mono);letter-spacing:.04em;color:var(--accent); background:var(--soft2);padding:2px 6px }
#js-tool-container-sea-freight-cost-calculator .sf-draw .sf-scale { position:absolute;right:16px;bottom:11px;font:500 12px var(--mono);color:var(--mute) }
html[data-theme="dark"] #js-tool-container-sea-freight-cost-calculator .sf-draw .sf-scale { fill:#98a2ad }
html[data-theme="dark"] #js-tool-container-sea-freight-cost-calculator .sf-draw svg text[fill="#17202b"] { fill:#e9edf2 }
html[data-theme="dark"] #js-tool-container-sea-freight-cost-calculator .sf-draw svg rect[fill="#f2f5f8"] { fill:#1d2632 }
html[data-theme="dark"] #js-tool-container-sea-freight-cost-calculator .sf-draw svg line[stroke="#d5dde5"] { stroke:#35414f }
html[data-theme="dark"] #js-tool-container-sea-freight-cost-calculator .sf-draw svg line[stroke="#ccd2da"] { stroke:#35414f }
html[data-theme="dark"] #js-tool-container-sea-freight-cost-calculator .sf-draw svg g[stroke="#9aa4b1"] { stroke:#5b6b7c }
html[data-theme="dark"] #js-tool-container-sea-freight-cost-calculator .sf-draw svg circle[fill="#1c4f7c"] { fill:#8fb8dd }
html[data-theme="dark"] #js-tool-container-sea-freight-cost-calculator .sf-draw svg rect[fill="#1c4f7c"] { fill:#8fb8dd }
html[data-theme="dark"] #js-tool-container-sea-freight-cost-calculator .sf-draw svg text[fill="#1c4f7c"] { fill:#8fb8dd }
#js-tool-container-sea-freight-cost-calculator .sf-hero { padding:18px 28px 0;display:flex;align-items:flex-end;justify-content:space-between;gap:16px }
#js-tool-container-sea-freight-cost-calculator .sf-hero-l { font-size:12.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--mute);display:flex;align-items:center;gap:8px }
#js-tool-container-sea-freight-cost-calculator .sf-ex-chip { font:700 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent); border:1px solid var(--accent);border-radius:4px;padding:3px 5px }
#js-tool-container-sea-freight-cost-calculator .sf-hero-v { display:flex;align-items:baseline;gap:8px;margin-top:4px }
#js-tool-container-sea-freight-cost-calculator .sf-hero-v b { font:800 54px/1 var(--serif);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--price);white-space:nowrap }
#js-tool-container-sea-freight-cost-calculator .sf-hero-v i { font-style:normal;font:600 24px var(--serif);color:var(--price) }
#js-tool-container-sea-freight-cost-calculator .sf-hero-s { margin-top:6px;font:500 13px var(--sans);color:var(--mute) }
#js-tool-container-sea-freight-cost-calculator .sf-rub { text-align:right;padding-bottom:8px;white-space:nowrap }
#js-tool-container-sea-freight-cost-calculator .sf-rub b { display:block;font:700 20px var(--sans);font-variant-numeric:tabular-nums }
#js-tool-container-sea-freight-cost-calculator .sf-rub span { font:500 12.5px var(--mono);color:var(--mute) }
#js-tool-container-sea-freight-cost-calculator .sf-hero.is-ghost .sf-hero-v, #js-tool-container-sea-freight-cost-calculator .sf-hero.is-ghost .sf-hero-s { opacity:.4 }
#js-tool-container-sea-freight-cost-calculator .sf-rub.is-ghost b, #js-tool-container-sea-freight-cost-calculator .sf-rub.is-ghost span { opacity:.4 }
#js-tool-container-sea-freight-cost-calculator .sf-water { padding:16px 28px 0 }
#js-tool-container-sea-freight-cost-calculator .sf-wbar { display:flex;height:14px;border-radius:7px;overflow:hidden;background:var(--soft) }
#js-tool-container-sea-freight-cost-calculator .sf-wbar span { display:block;height:100%;min-width:0 }
#js-tool-container-sea-freight-cost-calculator .sf-wleg { display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px }
#js-tool-container-sea-freight-cost-calculator .sf-wleg span { display:inline-flex;align-items:center;gap:6px;font:500 12px var(--mono);color:var(--mute) }
#js-tool-container-sea-freight-cost-calculator .sf-wleg b { color:var(--ink);font-weight:600 }
#js-tool-container-sea-freight-cost-calculator .sf-wleg i { width:10px;height:10px;border-radius:3px;display:inline-block }
#js-tool-container-sea-freight-cost-calculator .sf-water.is-ghost { opacity:.4 }
#js-tool-container-sea-freight-cost-calculator .sf-list { margin:16px 28px 0;padding-top:14px;border-top:1px solid var(--line) }
#js-tool-container-sea-freight-cost-calculator .sf-list div { display:flex;justify-content:space-between;align-items:baseline;padding:6px 0;gap:12px }
#js-tool-container-sea-freight-cost-calculator .sf-list span { color:var(--mute);font-size:14px }
#js-tool-container-sea-freight-cost-calculator .sf-list b { font:600 15px var(--mono);font-variant-numeric:tabular-nums }
#js-tool-container-sea-freight-cost-calculator .sf-list div.is-zero b { color:#b6bdc7 }
#js-tool-container-sea-freight-cost-calculator .sf-list.is-ghost { opacity:.4 }
#js-tool-container-sea-freight-cost-calculator .sf-formula { margin:14px 28px 0;padding:10px 14px;border-radius:10px;background:var(--soft3);font:500 12.5px var(--mono);color:var(--mute) }
#js-tool-container-sea-freight-cost-calculator .sf-formula b { color:var(--ink) }
#js-tool-container-sea-freight-cost-calculator .sf-status { grid-column:1/-1;font-size:13px;border-radius:12px;padding:10px 14px;margin:0;line-height:1.45 }
#js-tool-container-sea-freight-cost-calculator .sf-status.warn { background:rgba(201,162,94,.14);border:1px solid rgba(201,162,94,.5);color:#8a6a25 }
#js-tool-container-sea-freight-cost-calculator .sf-status.err { background:rgba(180,85,43,.1);border:1px solid rgba(180,85,43,.4);color:var(--price) }
html[data-theme="dark"] #js-tool-container-sea-freight-cost-calculator .sf-status.warn { color:#d9b968 }

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