/* tb-build yandex-delivery-city-calculator bfcd600b2422 */
/* yandex-delivery-city-calculator — ToolBoss deployment build. Source of truth: delivery/apps/yandex-delivery-city-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-yandex-delivery-city-calculator .ydc { --ydc-bg:#f4f5f7; --ydc-card:#ffffff; --ydc-ink:#191c22; --ydc-mute:#6d7480; --ydc-soft:#9aa1ac; --ydc-line:#e4e7ec; --ydc-line2:#cfd5dd; --ydc-segbg:#eef0f3; --ydc-ya:#f5cf3a; --ydc-ya-ink:#1a1708; --ydc-ok:#0f7a4f; --ydc-paper:#fbfaf5; --ydc-dash:#ddd8c8; --ydc-sand:#e9e4d2; --ydc-tarbg:#f7f4e8; --ydc-tarline:#d8d2bd; --ydc-tarink:#565b52; --ydc-tarcap:#8d8670; --ydc-bad:#b03a2e; --ydc-badbg:#fdf1ef; --ydc-ring:rgba(201,164,31,.35); --ydc-sans:'Golos Text',system-ui,sans-serif; --ydc-mono:'JetBrains Mono',ui-monospace,monospace; color:var(--ydc-ink); font:15px/1.45 var(--ydc-sans); font-variant-numeric:tabular-nums; }
#js-tool-container-yandex-delivery-city-calculator .ydc, #js-tool-container-yandex-delivery-city-calculator .ydc *, #js-tool-container-yandex-delivery-city-calculator .ydc *::before, #js-tool-container-yandex-delivery-city-calculator .ydc *::after { box-sizing:border-box; }
html[data-theme="dark"] #js-tool-container-yandex-delivery-city-calculator .ydc { --ydc-bg:#14171c; --ydc-card:#1b1f26; --ydc-ink:#eceef2; --ydc-mute:#9aa3ad; --ydc-soft:#78828d; --ydc-line:#2a303a; --ydc-line2:#3a424e; --ydc-segbg:#232933; --ydc-ok:#4cc08e; --ydc-paper:#1e232b; --ydc-dash:#3a4149; --ydc-sand:#2c3138; --ydc-tarbg:#20262e; --ydc-tarline:#3a4149; --ydc-tarink:#aab2ba; --ydc-tarcap:#7f8892; --ydc-bad:#e07a6d; --ydc-badbg:#2a1f1e; }
#js-tool-container-yandex-delivery-city-calculator .ydc button { font:inherit; }
#js-tool-container-yandex-delivery-city-calculator .ydc-grid { display:grid; grid-template-columns:minmax(0,380px) minmax(0,460px) minmax(250px,1fr); gap:24px; align-items:stretch; }
#js-tool-container-yandex-delivery-city-calculator .ydc-card { background:var(--ydc-card); border:1px solid var(--ydc-line); border-radius:22px; box-shadow:0 1px 2px rgba(25,28,34,.04),0 18px 44px -28px rgba(25,28,34,.18); }
#js-tool-container-yandex-delivery-city-calculator .ydc-ctl { padding:20px 24px 16px; display:flex; flex-direction:column; }
#js-tool-container-yandex-delivery-city-calculator .ydc-cap { margin:0 0 12px; font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--ydc-mute); }
#js-tool-container-yandex-delivery-city-calculator .ydc-cap small { float:right; font-weight:500; letter-spacing:0; text-transform:none; font-size:12px; color:var(--ydc-soft); }
#js-tool-container-yandex-delivery-city-calculator .ydc-lab { margin:0 0 8px; font-size:12px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--ydc-mute); }
#js-tool-container-yandex-delivery-city-calculator .ydc-lab label { font:inherit !important; letter-spacing:inherit !important; text-transform:inherit !important; color:inherit !important }
#js-tool-container-yandex-delivery-city-calculator .ydc-grp { margin-bottom:13px; }
#js-tool-container-yandex-delivery-city-calculator .ydc-seg { display:grid; grid-template-columns:1fr 1fr; gap:4px; padding:4px; border-radius:14px; background:var(--ydc-segbg); }
#js-tool-container-yandex-delivery-city-calculator .ydc-seg3 { grid-template-columns:1fr 1fr 1fr; }
#js-tool-container-yandex-delivery-city-calculator .ydc-segb { padding:9px 6px; border:0; border-radius:10px; text-align:center; font-weight:600; font-size:14px; color:var(--ydc-mute); background:transparent; cursor:pointer; }
#js-tool-container-yandex-delivery-city-calculator .ydc-segb small { display:block; font-weight:500; font-size:11px; color:inherit; opacity:.75; margin-top:2px; }
#js-tool-container-yandex-delivery-city-calculator .ydc-segb.is-on { background:var(--ydc-card); color:var(--ydc-ink); box-shadow:0 1px 2px rgba(25,28,34,.12),0 5px 14px -7px rgba(25,28,34,.2); }
#js-tool-container-yandex-delivery-city-calculator .ydc-chips { display:flex; gap:7px; flex-wrap:wrap; }
#js-tool-container-yandex-delivery-city-calculator .ydc-chip { height:36px; padding:0 11px; display:inline-flex; align-items:center; border:1.5px solid var(--ydc-line2); border-radius:999px; font-weight:600; font-size:12.5px; color:var(--ydc-ink); background:transparent; cursor:pointer; white-space:nowrap; }
#js-tool-container-yandex-delivery-city-calculator .ydc-chip.is-on { background:var(--ydc-ya); border-color:var(--ydc-ya); color:var(--ydc-ya-ink); }
#js-tool-container-yandex-delivery-city-calculator .ydc-field { margin-bottom:12px; }
#js-tool-container-yandex-delivery-city-calculator .ydc-in { height:54px; display:flex; align-items:center; gap:6px; padding:0 16px 0 0; border:1.5px solid var(--ydc-line2); border-radius:14px; background:var(--ydc-card); transition:border-color .15s, box-shadow .15s; }
#js-tool-container-yandex-delivery-city-calculator .ydc-in:focus-within { border-color:#c9a41f; box-shadow:0 0 0 4px var(--ydc-ring); }
#js-tool-container-yandex-delivery-city-calculator .ydc-in input { flex:1 !important; min-width:0 !important; height:100% !important; padding-left:18px !important; border:0 !important; background:transparent !important; color:var(--ydc-ink) !important; font:600 24px/1 var(--ydc-mono) !important; letter-spacing:-.02em !important; font-variant-numeric:tabular-nums !important; outline:none !important }
#js-tool-container-yandex-delivery-city-calculator .ydc-in input::-webkit-outer-spin-button, #js-tool-container-yandex-delivery-city-calculator .ydc-in input::-webkit-inner-spin-button { -webkit-appearance:none !important; margin:0 !important }
#js-tool-container-yandex-delivery-city-calculator .ydc-in input[type=number] { -moz-appearance:textfield !important; appearance:textfield !important }
#js-tool-container-yandex-delivery-city-calculator .ydc-in i { font-style:normal; color:var(--ydc-mute); font-size:14px; font-weight:500; white-space:nowrap; }
#js-tool-container-yandex-delivery-city-calculator .ydc-in.is-bad { border-color:var(--ydc-bad); box-shadow:0 0 0 4px rgba(176,58,46,.14); }
#js-tool-container-yandex-delivery-city-calculator .ydc-hint { margin:6px 2px 0; font-size:12.5px; line-height:1.4; color:var(--ydc-soft); }
#js-tool-container-yandex-delivery-city-calculator .ydc-err { margin:6px 2px 0; font-size:12.5px; line-height:1.4; font-weight:600; color:var(--ydc-bad); }
#js-tool-container-yandex-delivery-city-calculator .ydc-note { margin-top:auto; padding-top:14px; border-top:1px dashed var(--ydc-line2); font-size:12.5px; line-height:1.5; color:var(--ydc-mute); }
#js-tool-container-yandex-delivery-city-calculator .ydc-rec { background:var(--ydc-paper); border:1px solid var(--ydc-line); border-radius:22px; box-shadow:0 1px 2px rgba(25,28,34,.04),0 18px 44px -28px rgba(25,28,34,.18); padding:24px 30px 22px; display:flex; flex-direction:column; min-height:400px; }
#js-tool-container-yandex-delivery-city-calculator .ydc-rec-top { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:6px; }
#js-tool-container-yandex-delivery-city-calculator .ydc-rec-top b { font:700 13px var(--ydc-mono); letter-spacing:.14em; }
#js-tool-container-yandex-delivery-city-calculator .ydc-rec-top i { font:500 12px var(--ydc-mono); font-style:normal; color:var(--ydc-mute); border:1px solid var(--ydc-line2); border-radius:999px; padding:4px 10px; white-space:nowrap; }
#js-tool-container-yandex-delivery-city-calculator .ydc-rec-city { font-size:13px; color:var(--ydc-mute); margin:0 0 14px; }
#js-tool-container-yandex-delivery-city-calculator .ydc-row { display:flex; align-items:baseline; gap:10px; padding:15px 0; border-bottom:1px dashed var(--ydc-dash); }
#js-tool-container-yandex-delivery-city-calculator .ydc-row .n { font-size:14.5px; font-weight:600; }
#js-tool-container-yandex-delivery-city-calculator .ydc-row .s { font-size:12.5px; color:var(--ydc-mute); font-weight:400; }
#js-tool-container-yandex-delivery-city-calculator .ydc-row .v { margin-left:auto; font:600 15px var(--ydc-mono); font-variant-numeric:tabular-nums; white-space:nowrap; }
#js-tool-container-yandex-delivery-city-calculator .ydc-row .v.mut { color:var(--ydc-soft); }
#js-tool-container-yandex-delivery-city-calculator .ydc-km { margin:16px 0 0; }
#js-tool-container-yandex-delivery-city-calculator .ydc-km .t { display:flex; justify-content:space-between; font:500 11.5px var(--ydc-mono); color:var(--ydc-mute); margin-bottom:6px; }
#js-tool-container-yandex-delivery-city-calculator .ydc-km .bar { height:10px; border-radius:99px; background:var(--ydc-sand); overflow:hidden; }
#js-tool-container-yandex-delivery-city-calculator .ydc-km .bar b { display:block; height:100%; width:0; border-radius:99px; background:var(--ydc-ya); transition:width .25s; }
#js-tool-container-yandex-delivery-city-calculator .ydc-km .lg { display:flex; gap:14px; margin-top:7px; font-size:11.5px; color:var(--ydc-mute); flex-wrap:wrap; }
#js-tool-container-yandex-delivery-city-calculator .ydc-km .lg em { font-style:normal; display:inline-flex; align-items:center; gap:6px; }
#js-tool-container-yandex-delivery-city-calculator .ydc-km .lg em::before { content:""; width:8px; height:8px; border-radius:3px; background:var(--ydc-sand); }
#js-tool-container-yandex-delivery-city-calculator .ydc-km .lg em.p::before { background:var(--ydc-ya); }
#js-tool-container-yandex-delivery-city-calculator .ydc-tar { margin-top:18px; padding:13px 15px; border:1px dashed var(--ydc-tarline); border-radius:12px; background:var(--ydc-tarbg); }
#js-tool-container-yandex-delivery-city-calculator .ydc-tar p { margin:0 0 6px; font:700 10.5px var(--ydc-mono); letter-spacing:.1em; color:var(--ydc-tarcap); }
#js-tool-container-yandex-delivery-city-calculator .ydc-tar p:last-child { margin:0; }
#js-tool-container-yandex-delivery-city-calculator .ydc-tar table { width:100%; border-collapse:collapse; font:500 12.5px var(--ydc-mono); font-variant-numeric:tabular-nums; }
#js-tool-container-yandex-delivery-city-calculator .ydc-tar td { padding:2.5px 0; color:var(--ydc-tarink); }
#js-tool-container-yandex-delivery-city-calculator .ydc-tar td:last-child { text-align:right; font-weight:600; color:var(--ydc-ink); }
#js-tool-container-yandex-delivery-city-calculator .ydc-total { margin-top:auto; padding-top:16px; border-top:2px solid var(--ydc-ink); }
#js-tool-container-yandex-delivery-city-calculator .ydc-total .r { display:flex; align-items:baseline; }
#js-tool-container-yandex-delivery-city-calculator .ydc-total .r span { font-weight:700; font-size:14px; letter-spacing:.08em; text-transform:uppercase; }
#js-tool-container-yandex-delivery-city-calculator .ydc-total .r b { margin-left:auto; font:700 44px/1 var(--ydc-mono); letter-spacing:-.03em; font-variant-numeric:tabular-nums; white-space:nowrap; }
#js-tool-container-yandex-delivery-city-calculator .ydc-total .r b small { font:600 22px var(--ydc-mono); margin-left:2px; }
#js-tool-container-yandex-delivery-city-calculator .ydc-sub { display:flex; justify-content:space-between; gap:10px; margin-top:10px; font:500 13px var(--ydc-mono); color:var(--ydc-mute); font-variant-numeric:tabular-nums; flex-wrap:wrap; }
#js-tool-container-yandex-delivery-city-calculator .ydc-fine { margin-top:12px; font-size:12px; line-height:1.5; color:var(--ydc-soft); }
#js-tool-container-yandex-delivery-city-calculator .ydc-rec.is-ghost .ydc-row, #js-tool-container-yandex-delivery-city-calculator .ydc-rec.is-ghost .ydc-total, #js-tool-container-yandex-delivery-city-calculator .ydc-rec.is-ghost .ydc-km, #js-tool-container-yandex-delivery-city-calculator .ydc-rec.is-ghost .ydc-tar { opacity:.5; }
#js-tool-container-yandex-delivery-city-calculator .ydc-ghost-badge { display:inline-block; margin-left:8px; padding:3px 9px; border:1px dashed var(--ydc-line2); border-radius:999px; font:600 11px var(--ydc-sans); letter-spacing:.04em; color:var(--ydc-mute); text-transform:none; vertical-align:3px; }
#js-tool-container-yandex-delivery-city-calculator .ydc-invalid { padding:26px 4px 10px !important }
#js-tool-container-yandex-delivery-city-calculator .ydc-invalid b { display:block !important; font-size:16px !important; font-weight:700 !important; margin-bottom:10px !important }
#js-tool-container-yandex-delivery-city-calculator .ydc-invalid p { margin:0 0 8px !important; font-size:13.5px !important; line-height:1.5 !important; color:var(--ydc-bad) !important; font-weight:600 !important }
#js-tool-container-yandex-delivery-city-calculator .ydc-cmp { padding:20px 24px 16px; display:flex; flex-direction:column; }
#js-tool-container-yandex-delivery-city-calculator .ydc-alt { border:1px solid var(--ydc-line2); border-radius:16px; padding:16px 16px 14px; background:var(--ydc-card); }
#js-tool-container-yandex-delivery-city-calculator .ydc-alt2 { margin-top:12px; }
#js-tool-container-yandex-delivery-city-calculator .ydc-alt h4 { margin:0 0 4px; font-size:14px; font-weight:700; }
#js-tool-container-yandex-delivery-city-calculator .ydc-alt .a { display:flex; align-items:baseline; margin-top:10px; }
#js-tool-container-yandex-delivery-city-calculator .ydc-alt .a b { font:700 24px var(--ydc-mono); font-variant-numeric:tabular-nums; }
#js-tool-container-yandex-delivery-city-calculator .ydc-alt .a span { margin-left:auto; font-size:12px; color:var(--ydc-mute); }
#js-tool-container-yandex-delivery-city-calculator .ydc-alt .a.cur b { color:var(--ydc-ok); }
#js-tool-container-yandex-delivery-city-calculator .ydc-alt .det { margin:8px 0 0; font-size:12.5px; line-height:1.5; color:var(--ydc-mute); }
#js-tool-container-yandex-delivery-city-calculator .ydc-btn { margin-top:12px; width:100%; height:42px; display:grid; place-items:center; border:0; border-radius:12px; background:var(--ydc-ink); color:var(--ydc-bg); font-weight:600; font-size:13.5px; cursor:pointer; }
html[data-theme="dark"] #js-tool-container-yandex-delivery-city-calculator .ydc .ydc-btn { color:#14171c; }
#js-tool-container-yandex-delivery-city-calculator .ydc-alt.is-dim { opacity:.55; }
#js-tool-container-yandex-delivery-city-calculator .ydc-alt-blocked { margin:8px 0 0; font-size:12.5px; line-height:1.45; font-weight:600; color:var(--ydc-bad); }
#js-tool-container-yandex-delivery-city-calculator .ydc-tips { margin-top:auto; padding-top:20px; }
#js-tool-container-yandex-delivery-city-calculator .ydc-tip { display:flex; gap:10px; padding:13px 0; border-bottom:1px dashed var(--ydc-line); }
#js-tool-container-yandex-delivery-city-calculator .ydc-tip:last-child { border-bottom:0; }
#js-tool-container-yandex-delivery-city-calculator .ydc-tip em { flex:none; width:26px; height:26px; border-radius:8px; background:var(--ydc-tarbg); color:#7d6a12; font:700 13px/26px var(--ydc-mono); text-align:center; font-style:normal; }
html[data-theme="dark"] #js-tool-container-yandex-delivery-city-calculator .ydc .ydc-tip em { color:#d8c66a; }
#js-tool-container-yandex-delivery-city-calculator .ydc-tip p { margin:0; font-size:13px; line-height:1.5; color:var(--ydc-mute); }
#js-tool-container-yandex-delivery-city-calculator .ydc-tip p b { color:var(--ydc-ink); }
@media (max-width:1140px) {
  #js-tool-container-yandex-delivery-city-calculator .ydc-grid { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); }
  #js-tool-container-yandex-delivery-city-calculator .ydc-grid > * { min-width:0; }
  #js-tool-container-yandex-delivery-city-calculator .ydc-cmp { grid-column:1 / -1; display:grid; grid-template-columns:1fr 1fr; gap:16px; align-items:start; }
  #js-tool-container-yandex-delivery-city-calculator .ydc-cmp > .ydc-cap { grid-column:1 / -1; margin-bottom:0; }
  #js-tool-container-yandex-delivery-city-calculator .ydc-tips { grid-column:1 / -1; margin-top:0; display:grid; grid-template-columns:1fr 1fr; gap:0 22px; }
}
@media (max-width:740px) {
  #js-tool-container-yandex-delivery-city-calculator .ydc-grid { grid-template-columns:minmax(0,1fr); gap:16px; }
  #js-tool-container-yandex-delivery-city-calculator .ydc-cmp { grid-template-columns:1fr; }
  #js-tool-container-yandex-delivery-city-calculator .ydc-tips { grid-template-columns:1fr; }
  #js-tool-container-yandex-delivery-city-calculator .ydc-rec { min-height:0; }
  #js-tool-container-yandex-delivery-city-calculator .ydc-total .r b { font-size:38px; }
}
@media (max-width:390px) {
  #js-tool-container-yandex-delivery-city-calculator .ydc-ctl { padding:18px 18px 14px; }
  #js-tool-container-yandex-delivery-city-calculator .ydc-rec { padding:20px 18px 18px; }
  #js-tool-container-yandex-delivery-city-calculator .ydc-segb { font-size:13px; }
  #js-tool-container-yandex-delivery-city-calculator .ydc-chips { flex-wrap:wrap; }
  #js-tool-container-yandex-delivery-city-calculator .ydc-total .r b { font-size:34px; }
  #js-tool-container-yandex-delivery-city-calculator .ydc-sub { font-size:12px; }
}
@media (prefers-reduced-motion:reduce) {
  #js-tool-container-yandex-delivery-city-calculator .ydc * { transition:none !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-yandex-delivery-city-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-yandex-delivery-city-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-yandex-delivery-city-calculator.tb-focus-mode { background: var(--bg0, #f4f5f7) !important; }
html[data-theme="dark"] #js-tool-container-yandex-delivery-city-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-yandex-delivery-city-calculator .tb-zone.ydc { 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-yandex-delivery-city-calculator input:where(:not([type="range"], [type="checkbox"], [type="radio"])), #js-tool-container-yandex-delivery-city-calculator :where(select, textarea) { height: auto !important; border-radius: 0 !important; padding: 1px 2px !important; font-weight: inherit !important; }
#js-tool-container-yandex-delivery-city-calculator :where(select) { border-radius: 8px !important; }
#js-tool-container-yandex-delivery-city-calculator :where(input, select, textarea):focus { background-color: transparent !important; box-shadow: none !important; }
#js-tool-container-yandex-delivery-city-calculator :where(label) { color: inherit !important; }
#js-tool-container-yandex-delivery-city-calculator :where(table, thead, tbody, tr, th, td) { color: inherit; background: transparent; }
#js-tool-container-yandex-delivery-city-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; }