/* tb-build sand-weight-calculator 1face6fd3f5f */
/* sand-weight-calculator — ToolBoss deployment build. Source of truth: apps/sand-weight-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-sand-weight-calculator .sw { --bg:#f2f4f6;--card:#fff;--ink:#171d26;--mute:#68717f;--line:#e3e7ec;--line2:#d5dae1;--accent:#0f7a63;--ring:rgba(15,122,99,.18);--water:#2f7fb8;--price:#b4552b;--sandbg:#f6efe3;--sand:#e4b36a;--sandedge:#b9853f;--sans:'Golos Text',system-ui,sans-serif;--mono:'JetBrains Mono',ui-monospace,monospace;display:grid;grid-template-columns:1fr 400px;gap:20px;align-items:stretch }
#js-tool-container-sand-weight-calculator .sw-card { background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:0 1px 2px rgba(21,26,33,.04),0 16px 40px -24px rgba(21,26,33,.16);display:flex;flex-direction:column }
#js-tool-container-sand-weight-calculator .sw-lab { font:600 11px/1 var(--sans);letter-spacing:.09em;text-transform:uppercase;color:var(--mute) }
#js-tool-container-sand-weight-calculator .sw-form { padding:26px 28px }
#js-tool-container-sand-weight-calculator .sw-chips { display:flex;gap:8px;flex-wrap:wrap;margin-top:10px }
#js-tool-container-sand-weight-calculator .sw-chip { font:500 13px/1 var(--mono);padding:10px 14px;border:1px solid var(--line2);border-radius:999px;background:var(--card);color:var(--ink);cursor:pointer }
#js-tool-container-sand-weight-calculator .sw-chip.on { background:var(--ink);border-color:var(--ink);color:#fff }
#js-tool-container-sand-weight-calculator .sw-grid { display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px }
#js-tool-container-sand-weight-calculator .sw-field { border:1px solid var(--line2);border-radius:14px;padding:0 14px;display:flex;align-items:baseline;gap:8px;background:var(--card) }
#js-tool-container-sand-weight-calculator .sw-field input { border:0 !important; outline:0 !important; background:transparent !important; width:100% !important; font:600 24px/1 var(--mono) !important; color:var(--ink) !important; padding:14px 0 !important }
#js-tool-container-sand-weight-calculator .sw-field i { font:500 12px/1 var(--mono);color:var(--mute);font-style:normal }
#js-tool-container-sand-weight-calculator .sw-field:focus-within { border-color:var(--accent);box-shadow:0 0 0 3px var(--ring) }
#js-tool-container-sand-weight-calculator .sw-half { margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:18px }
#js-tool-container-sand-weight-calculator .sw-slide { border:1px solid var(--line2);border-radius:14px;padding:12px 14px;background:var(--card) }
#js-tool-container-sand-weight-calculator .sw-slide .top { display:flex;justify-content:space-between;align-items:baseline }
#js-tool-container-sand-weight-calculator .sw-slide .top b { font:600 16px/1 var(--mono) }
#js-tool-container-sand-weight-calculator .sw-slide input[type=range] { width:100% !important; margin-top:12px !important; accent-color:var(--water) !important }
#js-tool-container-sand-weight-calculator .sw-step { border:1px solid var(--line2);border-radius:14px;padding:8px 10px;display:flex;align-items:center;gap:10px;background:var(--card) }
#js-tool-container-sand-weight-calculator .sw-step button { width:30px;height:30px;border-radius:9px;border:1px solid var(--line2);background:var(--bg);font:600 15px/1 var(--mono);color:var(--ink);cursor:pointer }
#js-tool-container-sand-weight-calculator .sw-step b { flex:1;text-align:center;font:600 18px/1 var(--mono) }
#js-tool-container-sand-weight-calculator .sw-dens { align-self:end;align-items:center;padding:12px 14px }
#js-tool-container-sand-weight-calculator .sw-pres { margin-top:20px }
#js-tool-container-sand-weight-calculator .sw-preset-row { display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px }
#js-tool-container-sand-weight-calculator .sw-preset { border:1px solid var(--line2);background:var(--card);border-radius:12px;padding:11px 12px;font:500 13px/1.3 var(--sans);color:var(--ink);cursor:pointer;text-align:left }
#js-tool-container-sand-weight-calculator .sw-preset:hover { border-color:var(--accent) }
#js-tool-container-sand-weight-calculator .sw-note { margin-top:auto;padding-top:18px;font:400 12.5px/1.6 var(--sans);color:var(--mute) }
#js-tool-container-sand-weight-calculator .sw-sum { padding:24px 24px 22px }
#js-tool-container-sand-weight-calculator .sw-obj { background:var(--sandbg);border-radius:16px;padding:16px 16px 12px }
#js-tool-container-sand-weight-calculator .sw-obj svg { display:block;width:100%;height:118px }
#js-tool-container-sand-weight-calculator .sw-obj .cap { display:flex;justify-content:space-between;font:500 11px/1 var(--mono);color:var(--sandedge);margin-top:8px }
#js-tool-container-sand-weight-calculator .sw-biglab { margin-top:18px }
#js-tool-container-sand-weight-calculator .sw-big { font:800 54px/1 var(--sans);letter-spacing:-.03em;margin-top:6px }
#js-tool-container-sand-weight-calculator .sw-big small { font:700 20px/1 var(--sans);color:var(--mute) }
#js-tool-container-sand-weight-calculator .sw-buy { font:600 15px/1.4 var(--sans);color:var(--price);margin-top:8px }
#js-tool-container-sand-weight-calculator .sw-facts { margin-top:16px;border-top:1px solid var(--line);padding-top:6px }
#js-tool-container-sand-weight-calculator .sw-fact { display:flex;justify-content:space-between;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--line);font:400 13.5px/1.3 var(--sans);color:var(--mute) }
#js-tool-container-sand-weight-calculator .sw-fact b { font:600 14px/1 var(--mono);color:var(--ink) }
#js-tool-container-sand-weight-calculator .sw-bar { margin-top:16px }
#js-tool-container-sand-weight-calculator .sw-seg { display:flex;height:14px;border-radius:7px;overflow:hidden }
#js-tool-container-sand-weight-calculator .sw-seg .d { background:var(--sand) }
#js-tool-container-sand-weight-calculator .sw-seg .w { background:var(--water) }
#js-tool-container-sand-weight-calculator .sw-legend { display:flex;justify-content:space-between;margin-top:8px;font:500 11.5px/1 var(--mono);color:var(--mute) }
#js-tool-container-sand-weight-calculator .sw-formula { margin-top:16px;background:var(--bg);border-radius:10px;padding:9px 12px;font:500 12px/1.4 var(--mono);color:var(--mute) }
#js-tool-container-sand-weight-calculator .sw-status { margin-top:12px;font:500 12.5px/1.5 var(--sans);color:var(--mute) }
#js-tool-container-sand-weight-calculator .sw-status.warn { color:var(--price) }
#js-tool-container-sand-weight-calculator .sw-status.danger { color:#b4362b }
#js-tool-container-sand-weight-calculator .sw [data-out] { font-variant-numeric:tabular-nums }
#js-tool-container-sand-weight-calculator .sw .err { border-color:#b4362b!important;box-shadow:0 0 0 3px rgba(180,54,43,.15)!important }
#js-tool-container-sand-weight-calculator .sw-chip:focus-visible, #js-tool-container-sand-weight-calculator .sw-preset:focus-visible, #js-tool-container-sand-weight-calculator .sw-step button:focus-visible, #js-tool-container-sand-weight-calculator .sw-slide input:focus-visible { outline:2px solid var(--accent) !important; outline-offset:2px !important }
#js-tool-container-sand-weight-calculator .sw-seg .d, #js-tool-container-sand-weight-calculator .sw-seg .w { transition:width .25s ease }
#js-tool-container-sand-weight-calculator .sw-chip, #js-tool-container-sand-weight-calculator .sw-preset, #js-tool-container-sand-weight-calculator .sw-step button { transition:border-color .15s,background .15s,transform .05s }
#js-tool-container-sand-weight-calculator .sw-step button:active { transform:scale(.94) }
@media(prefers-reduced-motion:reduce) {
  #js-tool-container-sand-weight-calculator .sw * { transition:none!important;animation:none!important }
}
@media(max-width:560px) {
  #js-tool-container-sand-weight-calculator .sw-grid, #js-tool-container-sand-weight-calculator .sw-half { grid-template-columns:1fr }
  #js-tool-container-sand-weight-calculator .sw-preset-row { grid-template-columns:1fr }
  #js-tool-container-sand-weight-calculator .sw-big { font-size:44px }
  #js-tool-container-sand-weight-calculator .sw-chip, #js-tool-container-sand-weight-calculator .sw-preset { min-height:44px;display:inline-flex;align-items:center }
}
html[data-theme="dark"] #js-tool-container-sand-weight-calculator .sw { --bg:#0e1216;--card:#171c22;--ink:#e8ecf1;--mute:#93a0ae;--line:#242b34;--line2:#303945;--accent:#2fbf9a;--water:#5aa7de;--price:#e08a5a;--sandbg:#221b10;--sand:#d9a05e;--sandedge:#c98a4b }
@media(max-width:900px) {
  #js-tool-container-sand-weight-calculator .sw { grid-template-columns:1fr }
}

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