.bcc{--bcc-pass:#0075ff;--bcc-fail:#b91c1c}:is(html.dark,body.dark,html[data-stacklumen-theme=dark],body[data-stacklumen-theme=dark],html[data-baselumen-theme=dark]) .bcc{--bcc-pass:#4d9fff;--bcc-fail:#f87171}.bcc .bcc-screen{background:var(--bld-sunken);container:bcc/inline-size}.bcc .bcc-head{margin-bottom:calc(14px * var(--k))}.bcc .bcc-title{font-size:calc(17px * var(--k));letter-spacing:-.015em;margin:0;font-weight:600}.bcc .bcc-lede{margin:calc(3px * var(--k)) 0 0;color:var(--bld-ink-2);font-size:calc(12px * var(--k))}.bcc .bcc-grid{align-items:start;gap:calc(12px * var(--k));grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);display:grid}.bcc .bcc-panel{border:1px solid var(--bld-line);background:var(--bld-panel);border-radius:3px;overflow:hidden}.bcc .bcc-ph{padding:calc(9px * var(--k)) calc(12px * var(--k));border-bottom:1px solid var(--bld-line);font-size:calc(12.5px * var(--k));margin:0;font-weight:600}.bcc .bcc-body{gap:calc(10px * var(--k));padding:calc(12px * var(--k));display:grid}.bcc .bcc-field{gap:calc(5px * var(--k));display:grid}.bcc .bcc-label{font-size:calc(11.5px * var(--k));font-weight:500}.bcc .bcc-row{grid-template-columns:calc(30px * var(--k)) minmax(0, 1fr);gap:calc(6px * var(--k));display:grid}.bcc .bcc-sw{height:calc(28px * var(--k));border:1px solid var(--bld-line-strong);transition:background-color .3s var(--bld-ease-out);border-radius:2px}.bcc .bcc-hex{min-width:0;height:calc(28px * var(--k));padding:0 calc(8px * var(--k));border:1px solid color-mix(in srgb, var(--bld-ink) 16%, transparent);font-size:calc(12px * var(--k));font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;border-radius:2px;align-items:center;display:flex;overflow:hidden}.bcc .bcc-btns{gap:calc(6px * var(--k));flex-wrap:wrap;display:flex}.bcc .bcc-btns .bld-btn{height:calc(26px * var(--k));padding:0 calc(9px * var(--k));font-size:calc(11.5px * var(--k))}.bcc .bcc-ratio{gap:calc(4px * var(--k));padding-bottom:calc(10px * var(--k));border-bottom:1px solid var(--bld-line);display:grid}.bcc .bcc-num{font-size:calc(40px * var(--k));letter-spacing:-.03em;font-variant-numeric:tabular-nums lining;font-weight:600;line-height:1}.bcc .bcc-num-l{color:var(--bld-ink-2);font-size:calc(11.5px * var(--k));font-weight:500}.bcc .bcc-badges{gap:calc(6px * var(--k));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.bcc .bcc-badge{gap:calc(1px * var(--k));padding:calc(8px * var(--k)) calc(10px * var(--k));border:1px solid var(--bld-line);transition:border-color .3s var(--bld-ease-out);border-radius:2px;display:grid}.bcc .bcc-badge.is-fail{border-color:color-mix(in srgb, var(--bcc-fail) 40%, var(--bld-line))}.bcc .bcc-b-name{font-size:calc(11.5px * var(--k));font-weight:500}.bcc .bcc-b-target{color:var(--bld-ink-2);font-size:calc(10.5px * var(--k));font-variant-numeric:tabular-nums}.bcc .bcc-b-status{margin-top:calc(4px * var(--k));font-size:calc(13px * var(--k));font-weight:600;display:grid}.bcc .bcc-b-status>span{transition:opacity .25s var(--bld-ease-out), transform .35s var(--bld-ease);grid-area:1/1}.bcc .bcc-pass{color:var(--bcc-pass)}.bcc .bcc-fail{color:var(--bcc-fail)}.bcc .bcc-badge.is-pass .bcc-fail,.bcc .bcc-badge.is-fail .bcc-pass{opacity:0;transform:translateY(calc(4px * var(--k)))}.bcc .bcc-preview{padding:calc(2px * var(--k)) calc(12px * var(--k));border:1px solid var(--bld-line);transition:background-color .3s var(--bld-ease-out), color .3s var(--bld-ease-out);border-radius:2px;display:grid}.bcc .bcc-prow{grid-template-columns:calc(78px * var(--k)) minmax(0, 1fr);align-items:baseline;gap:calc(10px * var(--k));padding:calc(7px * var(--k)) 0;border-bottom:1px solid #80808033;display:grid}.bcc .bcc-prow:last-child{border-bottom:0}.bcc .bcc-psize{font-size:calc(10.5px * var(--k));opacity:.6;font-weight:500}.bcc .bcc-p16{font-size:calc(12.5px * var(--k));line-height:1.4}.bcc .bcc-plg{font-size:calc(14px * var(--k));font-weight:700;line-height:1.35}@container bcc (width<=460px){.bcc .bcc-grid{grid-template-columns:minmax(0,1fr)}.bcc .bcc-in .bcc-body{grid-template-columns:repeat(2,minmax(0,1fr))}.bcc .bcc-btns{grid-column:1/-1}.bcc .bcc-prow:last-child{display:none}}@media (prefers-reduced-motion:reduce){.bcc :is(.bcc-sw,.bcc-badge,.bcc-b-status>span,.bcc-preview){transition:none}}