.mk .mk-contrast-checker-fields{gap:var(--mk-s4);display:grid}.mk .mk-contrast-checker-pair{gap:var(--mk-s2);display:flex}.mk .mk-contrast-checker-pair .mk-input{text-transform:none;flex:1;min-width:0}.mk .mk-contrast-checker-preview{margin-top:var(--mk-s5);padding:clamp(20px, 4vw, 32px) var(--mk-s5);text-align:center;border-radius:var(--mk-r-md);box-shadow:inset 0 0 0 1px var(--mk-rule-2)}.mk .mk-contrast-checker-preview-big{color:inherit;font-size:1.375rem;font-weight:600;line-height:1.3}.mk .mk-contrast-checker-preview-small{font-size:var(--mk-fs-small);color:inherit;margin-top:4px;line-height:1.5}.mk .mk-contrast-checker-ratio{padding-bottom:var(--mk-s5);margin-bottom:var(--mk-s2);border-bottom:1px solid var(--mk-rule);text-align:center}.mk .mk-contrast-checker-ratio-value{font-size:var(--mk-fs-figure);letter-spacing:-.02em;color:var(--mk-ink);font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.mk .mk-contrast-checker-ratio[data-tone=ok] .mk-contrast-checker-ratio-value{color:var(--mk-ok)}.mk .mk-contrast-checker-ratio[data-tone=warn] .mk-contrast-checker-ratio-value{color:var(--mk-warn)}.mk .mk-contrast-checker-ratio[data-tone=err] .mk-contrast-checker-ratio-value{color:var(--mk-err)}.mk .mk-contrast-checker-ratio-label{margin-top:var(--mk-s2);font-size:var(--mk-fs-small);color:var(--mk-ink-2)}.mk .mk-contrast-checker-checks{display:grid}.mk .mk-contrast-checker-check{justify-content:space-between;align-items:center;gap:var(--mk-s3);border-bottom:1px solid var(--mk-rule);min-height:52px;padding:10px 0;display:flex}.mk .mk-contrast-checker-check:last-child{border-bottom:0}.mk .mk-contrast-checker-check-label{font-size:var(--mk-fs-small);color:var(--mk-ink);font-weight:600}.mk .mk-contrast-checker-check .mk-tool-tag{justify-content:center;min-width:48px}