[data-tool=contrast-checker] .cc-form{gap:12px;display:grid}[data-tool=contrast-checker] .cc-color-row{grid-template-columns:minmax(0,1fr) 56px;align-items:stretch;gap:8px;display:grid}[data-tool=contrast-checker] .cc-color-row input.mono{text-transform:none;min-width:0}[data-tool=contrast-checker] .cc-pick{border-radius:var(--radius-sm);cursor:pointer;background:#fff;border:1px solid #6e8780;width:56px;min-width:56px;height:auto;min-height:46px;padding:4px}[data-tool=contrast-checker] .cc-h3{margin-block:4px 10px;font-size:1rem}[data-tool=contrast-checker] #cc-out>*+*{margin-block-start:14px}[data-tool=contrast-checker] .cc-ratio{border-block-end:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 14px;padding-block-end:12px;display:flex}[data-tool=contrast-checker] .cc-ratio-k{font-weight:600}[data-tool=contrast-checker] .cc-ratio-v{font-variant-numeric:tabular-nums;color:var(--ink);font-size:2.2rem;font-weight:700;line-height:1.1}[data-tool=contrast-checker] .cc-checks{gap:8px;margin-inline:0;padding:0;list-style:none;display:grid}[data-tool=contrast-checker] .cc-check{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);border-inline-start-width:4px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;padding:9px 12px;display:flex}[data-tool=contrast-checker] .cc-check.is-pass{border-inline-start-color:var(--accent)}[data-tool=contrast-checker] .cc-check.is-fail{border-inline-start-color:var(--danger)}[data-tool=contrast-checker] .cc-check-k{font-size:.93rem;font-weight:500}[data-tool=contrast-checker] .cc-check-k .muted{font-size:.84rem;font-weight:400}[data-tool=contrast-checker] .cc-badge{border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:.88rem;font-weight:700;display:inline-flex}[data-tool=contrast-checker] .cc-badge .icon{width:15px;height:15px}[data-tool=contrast-checker] .is-pass .cc-badge{background:var(--mint);color:var(--accent-ink)}[data-tool=contrast-checker] .is-fail .cc-badge{color:#6e1a13;background:#fcebe9}[data-tool=contrast-checker] .cc-values{gap:4px;font-size:.9rem;display:grid}[data-tool=contrast-checker] .cc-values bdi{font-size:.86rem}[data-tool=contrast-checker] .cc-sample{border-radius:var(--radius-sm);border:1px solid #00000040;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;padding:20px;display:grid}[data-tool=contrast-checker] .cc-sample-block{align-content:start;gap:6px;min-width:0;display:grid}[data-tool=contrast-checker] .cc-sample p{color:inherit;overflow-wrap:anywhere;margin:0}[data-tool=contrast-checker] .cc-cap{opacity:1;border-block-end:1px solid;padding-block-end:3px;font-size:.78rem;font-weight:600}[data-tool=contrast-checker] .cc-normal{font-size:16px;font-weight:400;line-height:1.7}[data-tool=contrast-checker] .cc-large{font-size:24px;font-weight:400;line-height:1.5}[data-tool=contrast-checker] .cc-bold{font-size:18.66px;font-weight:700;line-height:1.6}[data-tool=contrast-checker] .cc-ui{flex-wrap:wrap;align-items:center;gap:14px;display:flex}[data-tool=contrast-checker] .cc-ui-box{border:2px solid;border-radius:6px;width:44px;height:30px}[data-tool=contrast-checker] .cc-ui-check{place-items:center;width:30px;height:30px;display:grid}[data-tool=contrast-checker] .cc-ui-check .icon{width:26px;height:26px}[data-tool=contrast-checker] .cc-ui-toggle{background:currentColor;border-radius:999px;width:48px;height:26px}[data-tool=contrast-checker] .cc-target{max-width:360px}[data-tool=contrast-checker] .cc-sug-panel>*+*{margin-block-start:12px}[data-tool=contrast-checker] .cc-sugs{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}[data-tool=contrast-checker] .cc-sug{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);flex-wrap:wrap;align-items:center;gap:8px 12px;min-width:0;padding:10px 12px;display:flex}[data-tool=contrast-checker] .cc-sug-title{flex:100%;font-size:.9rem;font-weight:600}[data-tool=contrast-checker] .cc-sug-val{flex:auto;font-weight:600}[data-tool=contrast-checker] .cc-sug-none{font-size:.88rem}[data-tool=contrast-checker] .cc-chip{border-radius:var(--radius-sm);border:1px solid #00000040;flex:none;width:44px;height:44px}[data-tool=contrast-checker] .cc-details summary{cursor:pointer;padding-block:10px;font-weight:600}[data-tool=contrast-checker] .cc-details>*+*{margin-block-start:8px}[data-tool=contrast-checker] .cc-formula{overflow-wrap:anywhere;background:#f1f5f2;border-radius:4px;padding:6px 10px;font-size:.84rem}@media (width<=720px){[data-tool=contrast-checker] .cc-sample,[data-tool=contrast-checker] .cc-sugs{grid-template-columns:1fr}[data-tool=contrast-checker] .cc-sample{padding:14px}[data-tool=contrast-checker] .cc-ratio-v{font-size:1.9rem}}