[data-online-tool=decibel-meter] .db-inst{padding:20px 20px 16px}[data-online-tool=decibel-meter] .db-head{justify-content:space-between;align-items:center;gap:8px;display:flex}[data-online-tool=decibel-meter] .db-big{align-items:baseline;gap:10px;min-width:0;margin-top:8px;display:flex}[data-online-tool=decibel-meter] .db-num{font:800 104px/1 var(--display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap;min-width:3ch}[data-online-tool=decibel-meter] .db-unit{color:#a1a1a6;font-size:24px;font-weight:700}[data-online-tool=decibel-meter] .db-like{color:#d2d2d7;white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:45%;margin-left:auto;font-size:18px;font-weight:600;overflow:hidden}[data-online-tool=decibel-meter] .db-bar{width:100%;height:40px;margin-top:12px;display:block}[data-online-tool=decibel-meter] .db-scale,[data-online-tool=decibel-meter] .db-ends{color:#a1a1a6;justify-content:space-between;font-size:12px;display:flex}[data-online-tool=decibel-meter] .db-graph{width:100%;height:140px;margin-top:14px;display:block}[data-online-tool=decibel-meter] .db-ov{z-index:2;color:#fff;text-align:center;background:#1d1d1fcc;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex;position:absolute;inset:0}[data-online-tool=decibel-meter] .db-ov[hidden],[data-online-tool=decibel-meter] .db-steps[hidden],[data-online-tool=decibel-meter] .db-ovnote[hidden]{display:none}[data-online-tool=decibel-meter] .db-ov b{max-width:360px;font-size:17px;line-height:1.3}[data-online-tool=decibel-meter] .db-ovnote{color:#d2d2d7;font-size:13px}[data-online-tool=decibel-meter] .db-steps{text-align:start;flex-direction:column;gap:6px;max-width:360px;display:flex}[data-online-tool=decibel-meter] .db-steps li{color:#d2d2d7;align-items:flex-start;gap:10px;font-size:14px;line-height:1.4;display:flex}[data-online-tool=decibel-meter] .db-steps span{color:#fff;background:#48484c;border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:flex}[data-online-tool=decibel-meter] .db-hear{background:var(--tile);border-radius:22px;flex-direction:column;gap:12px;padding:16px 18px;display:flex}[data-online-tool=decibel-meter] .db-hhead{justify-content:space-between;align-items:center;gap:12px;min-height:48px;display:flex}[data-online-tool=decibel-meter] .db-hhead b{min-width:0;font-size:17px;line-height:1.3}[data-online-tool=decibel-meter] .ot-b2.db-hbtn{background:var(--ot-card);flex:none;min-width:170px}[data-online-tool=decibel-meter] .ot-b2.db-hbtn[disabled]{cursor:default;color:var(--ink2)}[data-online-tool=decibel-meter] .db-hlist{flex-direction:column;gap:6px;display:flex}[data-online-tool=decibel-meter] .db-hrow{background:var(--ot-card);border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:12px;height:36px;padding:0 12px;display:grid}[data-online-tool=decibel-meter] .db-hname{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}[data-online-tool=decibel-meter] .db-hrow.off .db-hname{color:var(--ink2);font-weight:600}[data-online-tool=decibel-meter] .db-hbar{background:var(--tile);border-radius:4px;height:8px;position:relative;overflow:hidden}[data-online-tool=decibel-meter] .db-hbar i{background:var(--sun);border-radius:4px;width:0;transition:width .3s;position:absolute;top:0;bottom:0;left:0}[data-online-tool=decibel-meter] .db-hnote{color:var(--ink2);min-height:2.9em;font-size:14px;line-height:1.45}[data-online-tool=decibel-meter] .db-stp{background:var(--ot-field);border-radius:14px;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;height:48px;display:grid}[data-online-tool=decibel-meter] .db-stp button{height:48px;color:var(--ink);font:600 22px/1 var(--text);cursor:pointer;background:0 0;border:0;border-radius:14px}[data-online-tool=decibel-meter] .db-stp span{text-align:center;font-size:17px;font-weight:700}[data-online-tool=decibel-meter] .db-btns .ot-b1{min-width:190px}[data-online-tool=decibel-meter]+.db-loud .db-refs{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin-top:20px;display:grid}[data-online-tool=decibel-meter]+.db-loud .db-ref{background:var(--ot-card);border-radius:18px;flex-direction:column;gap:4px;min-height:96px;padding:14px;display:flex}[data-online-tool=decibel-meter]+.db-loud .db-ref b{font:700 24px/1.15 var(--display);white-space:nowrap}[data-online-tool=decibel-meter]+.db-loud .db-ref span{color:var(--ink2);font-size:14px;line-height:1.35}[data-online-tool=decibel-meter]+.db-loud .db-ref.on{box-shadow:inset 0 0 0 2px var(--ink);background:var(--ot-soft)}@container (width<=1000px){[data-online-tool=decibel-meter]+.db-loud .db-refs{grid-template-columns:repeat(4,minmax(0,1fr))}}@container (width<=700px){[data-online-tool=decibel-meter] .db-inst{padding:16px 16px 14px}[data-online-tool=decibel-meter] .db-num{font-size:80px}[data-online-tool=decibel-meter] .db-like{font-size:15px}[data-online-tool=decibel-meter] .db-graph{height:110px}[data-online-tool=decibel-meter] .db-hear{padding:14px}[data-online-tool=decibel-meter] .ot-b2.db-hbtn{min-width:0;padding:0 16px}[data-online-tool=decibel-meter] .db-left{display:contents}[data-online-tool=decibel-meter] .db-hear{order:2}[data-online-tool=decibel-meter] .db-sels{grid-template-columns:minmax(0,1fr)}[data-online-tool=decibel-meter]+.db-loud .db-refs{grid-template-columns:repeat(2,minmax(0,1fr))}}