/* tb-build sand-bulk-density-calculator 0aefc81f240a */ /* sand-bulk-density-calculator — ToolBoss deployment build. Source of truth: delivery/apps/sand-bulk-density-calculator/app.css */ /* Fonts: same-origin WOFF2 uploaded through the WP Font Library (/wp-content/uploads/fonts). */ @font-face{font-family:'Unbounded';font-style:normal;font-weight:200 900;font-display:swap;src:url('/wp-content/uploads/fonts/unbounded-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116} @font-face{font-family:'Unbounded';font-style:normal;font-weight:200 900;font-display:swap;src:url('/wp-content/uploads/fonts/unbounded-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:'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-sand-bulk-density-calculator .sba { --bg:#f4f5f7; --card:#ffffff; --ink:#141a20; --mute:#6b7480; --line:#e3e6eb; --line-2:#d1d6dd; --accent:#2f5ad0; --accent-soft:#edf2fe; --ring:rgba(47,90,208,.18); --sand:#e6b768; --sand-2:#c99446; --sand-3:#f0d9a8; --mass:#0f7a4f; --price:#b4552b; --warnbg:#fdf3dd; --warnln:#e4b955; --disp:'Unbounded',system-ui,sans-serif; --sans:'Manrope',system-ui,sans-serif; --mono:'JetBrains Mono',ui-monospace,monospace; box-sizing:border-box;display:grid;grid-template-columns:minmax(0,700px) minmax(0,1fr);gap:18px;align-items:stretch; font:15px/1.45 var(--sans);color:var(--ink); } #js-tool-container-sand-bulk-density-calculator .sba *, #js-tool-container-sand-bulk-density-calculator .sba *::before, #js-tool-container-sand-bulk-density-calculator .sba *::after { box-sizing:border-box } #js-tool-container-sand-bulk-density-calculator .sba-card { min-width:0;background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:0 1px 2px rgba(20,26,32,.04),0 18px 44px -28px rgba(20,26,32,.18) } #js-tool-container-sand-bulk-density-calculator .sba-cap { display:flex;justify-content:space-between;align-items:baseline;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--mute);gap:10px } #js-tool-container-sand-bulk-density-calculator .sba-cap small { font:500 12.5px var(--sans);letter-spacing:0;text-transform:none;color:#939dab } #js-tool-container-sand-bulk-density-calculator .sba-in { padding:20px 24px 22px;display:flex;flex-direction:column;gap:18px } #js-tool-container-sand-bulk-density-calculator .sba-chips, #js-tool-container-sand-bulk-density-calculator .sba-bedchips { min-width:0 } #js-tool-container-sand-bulk-density-calculator .sba-chips { display:flex;flex-wrap:wrap;gap:8px } #js-tool-container-sand-bulk-density-calculator .sba-chip { appearance:none;-webkit-appearance:none;height:40px;padding:0 13px;display:inline-flex;align-items:center;gap:7px;border:1.5px solid var(--line-2);border-radius:12px;background:#fff;cursor:pointer;font:600 13.5px var(--sans);color:var(--ink);transition:background .14s,color .14s,border-color .14s } #js-tool-container-sand-bulk-density-calculator .sba-chip:hover { border-color:var(--mute) } #js-tool-container-sand-bulk-density-calculator .sba-chip:focus-visible { outline:2px solid var(--accent);outline-offset:2px } #js-tool-container-sand-bulk-density-calculator .sba-chip em { font:500 11.5px var(--mono);font-style:normal;color:#939dab } #js-tool-container-sand-bulk-density-calculator .sba-chip.is-on { background:var(--ink);border-color:var(--ink);color:#fff } #js-tool-container-sand-bulk-density-calculator .sba-chip.is-on em { color:#a9b3c1 } #js-tool-container-sand-bulk-density-calculator .sba-slider { display:grid;grid-template-columns:150px minmax(0,1fr) 84px;gap:14px;align-items:center } #js-tool-container-sand-bulk-density-calculator .sba-slider label { font-size:12px !important; font-weight:700 !important; letter-spacing:.05em !important; text-transform:uppercase !important; color:var(--mute) !important } #js-tool-container-sand-bulk-density-calculator .sba-slider label small { display:block !important; font:500 11.5px var(--sans) !important; letter-spacing:0 !important; text-transform:none !important; color:#939dab !important; margin-top:2px !important } #js-tool-container-sand-bulk-density-calculator .sba-trackwrap { position:relative;height:10px;display:flex;align-items:center } #js-tool-container-sand-bulk-density-calculator .sba input[type="range"] { appearance:none !important; -webkit-appearance:none !important; width:100% !important; min-height:24px !important; height:24px !important; margin:0 !important; background:transparent !important; padding:0 !important; border:0 !important; border-radius:999px !important; cursor:grab !important } #js-tool-container-sand-bulk-density-calculator .sba input[type="range"]:active { cursor:grabbing !important } #js-tool-container-sand-bulk-density-calculator .sba input[type="range"]::-webkit-slider-runnable-track { height:10px !important; border-radius:999px !important; background:linear-gradient(90deg,var(--accent) 0 var(--p,50%),#eceef2 var(--p,50%) 100%) !important } #js-tool-container-sand-bulk-density-calculator .sba input[type="range"]::-webkit-slider-thumb { appearance:none !important; -webkit-appearance:none !important; width:24px !important; height:24px !important; border-radius:50% !important; background:#fff !important; border:2px solid var(--accent) !important; box-shadow:0 2px 6px rgba(20,26,32,.18) !important; margin-top:-7px !important; transition:transform .12s !important } #js-tool-container-sand-bulk-density-calculator .sba input[type="range"]:hover::-webkit-slider-thumb { transform:scale(1.08) !important } #js-tool-container-sand-bulk-density-calculator .sba input[type="range"]::-moz-range-track { height:10px !important; border-radius:999px !important; background:#eceef2 !important } #js-tool-container-sand-bulk-density-calculator .sba input[type="range"]::-moz-range-progress { height:10px !important; border-radius:999px !important; background:var(--accent) !important } #js-tool-container-sand-bulk-density-calculator .sba input[type="range"]::-moz-range-thumb { width:20px !important; height:20px !important; border-radius:50% !important; background:#fff !important; border:2px solid var(--accent) !important; box-shadow:0 2px 6px rgba(20,26,32,.18) !important } #js-tool-container-sand-bulk-density-calculator .sba input[type="range"]:focus-visible { outline:none !important } #js-tool-container-sand-bulk-density-calculator .sba input[type="range"]:focus-visible::-webkit-slider-thumb { box-shadow:0 0 0 4px var(--ring) !important } #js-tool-container-sand-bulk-density-calculator .sba-val { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:6px !important; padding:0 10px !important; height:38px !important; border:1px solid var(--line) !important; border-radius:10px !important; background:#fafbfc !important } #js-tool-container-sand-bulk-density-calculator .sba-val>b { font:600 16px var(--mono) !important; font-variant-numeric:tabular-nums !important } #js-tool-container-sand-bulk-density-calculator .sba-val>i { font:500 12px var(--sans) !important; font-style:normal !important; color:var(--mute) !important } #js-tool-container-sand-bulk-density-calculator .sba-bulk { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:end } #js-tool-container-sand-bulk-density-calculator .sba-field { min-width:0 } #js-tool-container-sand-bulk-density-calculator .sba-field>label { display:block !important; margin:0 0 7px !important; font-size:12px !important; font-weight:700 !important; letter-spacing:.05em !important; text-transform:uppercase !important; color:var(--mute) !important } #js-tool-container-sand-bulk-density-calculator .sba-input { height:56px;display:flex;align-items:center;padding:0 16px;border:1.5px solid var(--line-2);border-radius:14px;background:#fff;transition:border-color .16s,box-shadow .16s } #js-tool-container-sand-bulk-density-calculator .sba-input:focus-within { border-color:var(--accent);box-shadow:0 0 0 4px var(--ring) } #js-tool-container-sand-bulk-density-calculator .sba-input>input { flex:1 !important; min-width:0 !important; width:100% !important; border:0 !important; outline:none !important; background:transparent !important; padding:0 !important; font:600 22px var(--mono) !important; font-variant-numeric:tabular-nums !important; color:var(--ink) !important } #js-tool-container-sand-bulk-density-calculator .sba-input>i { margin-left:auto;font:500 13px var(--sans);font-style:normal;color:var(--mute) } #js-tool-container-sand-bulk-density-calculator .sba-bedchip { height:56px;border-radius:14px;font:600 15px var(--mono) } #js-tool-container-sand-bulk-density-calculator .sba-err { display:none;margin:6px 0 0;font-size:12px;color:var(--price) } #js-tool-container-sand-bulk-density-calculator .sba-field.is-bad .sba-err { display:block } #js-tool-container-sand-bulk-density-calculator .sba-field.is-bad .sba-input { border-color:#b4552b;box-shadow:0 0 0 4px rgba(180,85,43,.14) } #js-tool-container-sand-bulk-density-calculator .sba-warn { margin:0;padding:10px 12px;border-radius:12px;background:var(--warnbg);border-left:3px solid var(--warnln);font-size:12.5px;line-height:1.45;color:#7c5a13 } #js-tool-container-sand-bulk-density-calculator .sba-note { margin:0;font-size:12.5px;line-height:1.5;color:var(--mute) } #js-tool-container-sand-bulk-density-calculator .sba-cube { padding:20px 24px;display:flex;flex-direction:column } #js-tool-container-sand-bulk-density-calculator .sba-cube-stage { position:relative;flex:1;min-height:246px;border-radius:18px;background:linear-gradient(180deg,#fbfbfc,#f2f4f7);overflow:hidden } #js-tool-container-sand-bulk-density-calculator .sba-cube-stage>svg { position:absolute;inset:0;width:100%;height:100% } #js-tool-container-sand-bulk-density-calculator .sba-legend { position:absolute;left:14px;bottom:12px;right:14px;display:flex;gap:10px;flex-wrap:wrap;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.86);border:1px solid var(--line) } #js-tool-container-sand-bulk-density-calculator .sba-legend div { display:flex;align-items:center;gap:7px;font-size:12px;color:#545d6a;white-space:nowrap } #js-tool-container-sand-bulk-density-calculator .sba-legend i { width:10px;height:10px;border-radius:3px;flex:none } #js-tool-container-sand-bulk-density-calculator .sba-legend b { font:600 12px var(--mono) } #js-tool-container-sand-bulk-density-calculator .sba-hero { margin:16px 0 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:10px } #js-tool-container-sand-bulk-density-calculator .sba-hero>b { font:800 64px/1 var(--disp);letter-spacing:-.05em;font-variant-numeric:tabular-nums } #js-tool-container-sand-bulk-density-calculator .sba-hero>i { font:600 19px var(--sans);font-style:normal;color:var(--mute);white-space:nowrap } #js-tool-container-sand-bulk-density-calculator .sba-hero>span { margin-left:auto;text-align:right;font:500 12.5px var(--mono);color:var(--mute) } #js-tool-container-sand-bulk-density-calculator .sba-scale { grid-column:1/span 2;padding:18px 24px 20px } #js-tool-container-sand-bulk-density-calculator .sba-scalebar { position:relative;height:44px;margin-top:12px;border-radius:12px;background:#eef0f4;overflow:visible } #js-tool-container-sand-bulk-density-calculator .sba-gost { position:absolute;top:0;bottom:0;border-radius:12px;background:#dff0e7;border:1px solid #b7dcc7 } #js-tool-container-sand-bulk-density-calculator .sba-flag { position:absolute;top:-8px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;transition:left .18s cubic-bezier(.2,.7,.3,1) } #js-tool-container-sand-bulk-density-calculator .sba-flag>b { padding:5px 10px;border-radius:9px;background:var(--mass);color:#fff;font:700 13px var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap } #js-tool-container-sand-bulk-density-calculator .sba-flag>i { width:2px;height:26px;background:var(--mass);display:block } #js-tool-container-sand-bulk-density-calculator .sba-flag.is-warn>i { background:repeating-linear-gradient(180deg,var(--warnln) 0 4px,transparent 4px 7px) } #js-tool-container-sand-bulk-density-calculator .sba-scalebar .sba-mark { position:absolute;bottom:6px;width:1px;height:10px;background:#b7c0cd } #js-tool-container-sand-bulk-density-calculator .sba-ticks { position:relative;height:30px;margin-top:2px;font:500 11px var(--mono);color:#939dab } #js-tool-container-sand-bulk-density-calculator .sba-ticks span { position:absolute;padding-top:9px;transform:translateX(-50%);white-space:nowrap } #js-tool-container-sand-bulk-density-calculator .sba-ticks span:nth-child(1) { left:0;transform:none } #js-tool-container-sand-bulk-density-calculator .sba-ticks span:nth-child(2) { left:25% } #js-tool-container-sand-bulk-density-calculator .sba-ticks span:nth-child(3) { left:50% } #js-tool-container-sand-bulk-density-calculator .sba-ticks span:nth-child(4) { left:100%;transform:translateX(-100%) } #js-tool-container-sand-bulk-density-calculator .sba-ticks span::before { content:"";position:absolute;left:50%;top:0;width:1px;height:6px;background:var(--line-2) } #js-tool-container-sand-bulk-density-calculator .sba-ticks span:nth-child(1)::before { left:2px } #js-tool-container-sand-bulk-density-calculator .sba-ticks span:nth-child(4)::before { left:auto;right:2px } #js-tool-container-sand-bulk-density-calculator .sba-scale-cap { display:flex;justify-content:space-between;gap:16px;font-size:12.5px;color:var(--mute);margin-top:14px } #js-tool-container-sand-bulk-density-calculator .sba-rib { grid-column:1/span 2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.25fr);gap:18px;padding:18px 24px 20px } #js-tool-container-sand-bulk-density-calculator .sba-fact>em { display:block;font:700 11.5px var(--sans);font-style:normal;letter-spacing:.07em;text-transform:uppercase;color:var(--mute) } #js-tool-container-sand-bulk-density-calculator .sba-fact>b { display:block;margin-top:6px;font:800 30px/1 var(--disp);letter-spacing:-.04em;font-variant-numeric:tabular-nums } #js-tool-container-sand-bulk-density-calculator .sba-fact>b.is-mass { color:var(--mass) } #js-tool-container-sand-bulk-density-calculator .sba-fact>b.is-over { color:#b4552b } #js-tool-container-sand-bulk-density-calculator .sba-fact>span { display:block;margin-top:5px;font:500 12.5px var(--mono);color:#939dab } #js-tool-container-sand-bulk-density-calculator .sba-truck>em { display:flex;justify-content:space-between;align-items:baseline;font:700 11.5px var(--sans);font-style:normal;letter-spacing:.07em;text-transform:uppercase;color:var(--mute);gap:8px } #js-tool-container-sand-bulk-density-calculator .sba-truck>em>b { font:700 12px var(--mono);letter-spacing:0;text-transform:none;color:var(--accent) } #js-tool-container-sand-bulk-density-calculator .sba-bed { margin-top:8px;height:56px;border:1.5px solid var(--line-2);border-radius:10px;position:relative;overflow:hidden;background:#fafbfc } #js-tool-container-sand-bulk-density-calculator .sba-bed>i { position:absolute;left:0;bottom:0;top:0;width:100%;background:repeating-linear-gradient(135deg,var(--sand-3) 0 5px,var(--sand) 5px 10px);transition:width .2s } #js-tool-container-sand-bulk-density-calculator .sba-bed>i.is-over { background:repeating-linear-gradient(135deg,#f3d9c6 0 5px,#d98b4f 5px 10px) } #js-tool-container-sand-bulk-density-calculator .sba-bed>b { position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:700 14px var(--mono);color:#25303f } #js-tool-container-sand-bulk-density-calculator .sba-bed-cap { margin-top:7px;display:flex;justify-content:space-between;font-size:12px;color:var(--mute) } #js-tool-container-sand-bulk-density-calculator .sba.is-bad .sba-hero>b, #js-tool-container-sand-bulk-density-calculator .sba.is-bad .sba-fact>b { color:var(--mute) } @media (max-width:1220px) { #js-tool-container-sand-bulk-density-calculator .sba { grid-template-columns:minmax(0,1fr) } #js-tool-container-sand-bulk-density-calculator .sba-cube { order:-1;min-height:330px } #js-tool-container-sand-bulk-density-calculator .sba-scale, #js-tool-container-sand-bulk-density-calculator .sba-rib { grid-column:1 } #js-tool-container-sand-bulk-density-calculator .sba-rib { order:1 } #js-tool-container-sand-bulk-density-calculator .sba-scale { order:2 } #js-tool-container-sand-bulk-density-calculator .sba-hero>b { font-size:56px } } @media (max-width:680px) { #js-tool-container-sand-bulk-density-calculator .sba-in, #js-tool-container-sand-bulk-density-calculator .sba-cube, #js-tool-container-sand-bulk-density-calculator .sba-scale, #js-tool-container-sand-bulk-density-calculator .sba-rib { padding:16px 16px 18px } #js-tool-container-sand-bulk-density-calculator .sba-slider { grid-template-columns:minmax(0,1fr) 84px } #js-tool-container-sand-bulk-density-calculator .sba-slider>label { grid-column:1/span 2 !important } #js-tool-container-sand-bulk-density-calculator .sba-bulk { grid-template-columns:minmax(0,1fr) } #js-tool-container-sand-bulk-density-calculator .sba-bedchips, #js-tool-container-sand-bulk-density-calculator .sba-chips { flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px } #js-tool-container-sand-bulk-density-calculator .sba-chip { flex:none } #js-tool-container-sand-bulk-density-calculator .sba-scale { overflow:hidden } #js-tool-container-sand-bulk-density-calculator .sba-ticks span { font-size:9.5px } #js-tool-container-sand-bulk-density-calculator .sba-rib { grid-template-columns:minmax(0,1fr) minmax(0,1fr) } #js-tool-container-sand-bulk-density-calculator .sba-truck { grid-column:1/span 2 } #js-tool-container-sand-bulk-density-calculator .sba-hero>b { font-size:44px } #js-tool-container-sand-bulk-density-calculator .sba-scale-cap { flex-direction:column;gap:6px } } @media (max-width:460px) { #js-tool-container-sand-bulk-density-calculator .sba-rib { grid-template-columns:minmax(0,1fr) } #js-tool-container-sand-bulk-density-calculator .sba-truck { grid-column:1 } } html[data-theme="dark"] #js-tool-container-sand-bulk-density-calculator .sba { --bg:#0f1319; --card:#161c25; --ink:#eef2f7; --mute:#93a0b1; --line:#232b37; --line-2:#2e3949; --accent:#6b95ff; --accent-soft:#182338; --ring:rgba(107,149,255,.22); --sand:#d9a656; --sand-2:#a97c33; --sand-3:#eccb8c; --mass:#4ec98a; --warnbg:#2d2413; --warnln:#a97f2f; } html[data-theme="dark"] #js-tool-container-sand-bulk-density-calculator .sba-cap small, html[data-theme="dark"] #js-tool-container-sand-bulk-density-calculator .sba-slider label small { color:#77839a !important } html[data-theme="dark"] #js-tool-container-sand-bulk-density-calculator .sba-chip { background:#131a24;color:var(--ink);border-color:#2e3949 } html[data-theme="dark"] #js-tool-container-sand-bulk-density-calculator .sba-chip.is-on { background:#eef2f7;border-color:#eef2f7;color:#10151d } html[data-theme="dark"] #js-tool-container-sand-bulk-density-calculator .sba-chip.is-on em { color:#5d6a80 } html[data-theme="dark"] #js-tool-container-sand-bulk-density-calculator .sba-input { background:#131a24 } html[data-theme="dark"] #js-tool-container-sand-bulk-density-calculator .sba-val { background:#131a24 !important; border-color:#232b37 !important } html[data-theme="dark"] #js-tool-container-sand-bulk-density-calculator .sba input[type="range"]::-webkit-slider-runnable-track { background:linear-gradient(90deg,var(--accent) 0 var(--p,50%),#232b37 var(--p,50%) 100%) !important } html[data-theme="dark"] #js-tool-container-sand-bulk-density-calculator .sba input[type="range"]::-webkit-slider-thumb { background:#e7ecf4 !important; border-color:var(--accent) !important } html[data-theme="dark"] #js-tool-container-sand-bulk-density-calculator .sba input[type="range"]::-moz-range-track { background:#232b37 !important } html[data-theme="dark"] #js-tool-container-sand-bulk-density-calculator .sba-cube-stage { background:linear-gradient(180deg,#121926,#0d131d) } html[data-theme="dark"] #js-tool-container-sand-bulk-density-calculator .sba-cube-stage text { fill:#b9c4d6 } html[data-theme="dark"] #js-tool-container-sand-bulk-density-calculator .sba-cube-stage .sba-cube-t { fill:#eef2f7 } html[data-theme="dark"] #js-tool-container-sand-bulk-density-calculator .sba-legend { background:rgba(19,26,36,.86);border-color:#232b37 } html[data-theme="dark"] #js-tool-container-sand-bulk-density-calculator .sba-legend div { color:#b9c4d6 } html[data-theme="dark"] #js-tool-container-sand-bulk-density-calculator .sba-scalebar { background:#1a2230 } html[data-theme="dark"] #js-tool-container-sand-bulk-density-calculator .sba-gost { background:#16351f;border-color:#275c37 } html[data-theme="dark"] #js-tool-container-sand-bulk-density-calculator .sba-ticks { color:#77839a } html[data-theme="dark"] #js-tool-container-sand-bulk-density-calculator .sba-bed { background:#131a24 } html[data-theme="dark"] #js-tool-container-sand-bulk-density-calculator .sba-bed>b { color:#10151d } html[data-theme="dark"] #js-tool-container-sand-bulk-density-calculator .sba-warn { color:#e8c980 } /* ===== 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-bulk-density-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-bulk-density-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-bulk-density-calculator.tb-focus-mode { background: var(--bg0, #f4f5f7) !important; } html[data-theme="dark"] #js-tool-container-sand-bulk-density-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-bulk-density-calculator .tb-zone.sba { 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-bulk-density-calculator input:where(:not([type="range"], [type="checkbox"], [type="radio"])), #js-tool-container-sand-bulk-density-calculator :where(select, textarea) { height: auto !important; border-radius: 0 !important; padding: 1px 2px !important; font-weight: inherit !important; } #js-tool-container-sand-bulk-density-calculator :where(select) { border-radius: 8px !important; } #js-tool-container-sand-bulk-density-calculator :where(input, select, textarea):focus { background-color: transparent !important; box-shadow: none !important; } #js-tool-container-sand-bulk-density-calculator :where(label) { color: inherit !important; } #js-tool-container-sand-bulk-density-calculator :where(table, thead, tbody, tr, th, td) { color: inherit; background: transparent; } #js-tool-container-sand-bulk-density-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; }