.contrast-checker__inputs{align-items:end;display:grid;gap:var(--space-m);grid-template-columns:1fr auto 1fr;margin-bottom:var(--space-l)}.contrast-checker__colour{margin-bottom:0}.contrast-checker__swap,.contrast-checker__swatch{border:1px solid var(--panel-border);cursor:pointer;width:44px}.contrast-checker__swatch{align-self:stretch;background:0 0;border-radius:var(--border-radius);box-sizing:border-box;flex:0 0 auto;height:auto;padding:2px}.contrast-checker__swap{align-items:center;background:var(--background-secondary);border-radius:50%;display:flex;font-size:1.2em;height:44px;justify-content:center;transition:transform 200ms ease-in-out}.contrast-checker__swap:focus-visible,.contrast-checker__swap:hover{transform:rotate(180deg)}.contrast-checker__swap-icon--narrow{display:none}.contrast-checker__summary{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-m);justify-content:space-between;margin-bottom:var(--space-l)}.contrast-checker__ratio{align-items:baseline;display:flex}.contrast-checker__ratio-value{font-family:"Francois One",sans-serif;font-size:3em;line-height:1}.contrast-checker__ratio-suffix{font-size:1.4em;opacity:.6}.contrast-checker__grade{align-items:center;display:flex;gap:var(--space-m)}.contrast-checker__badge{border-radius:var(--border-radius);font-weight:700;padding:var(--space-xs) var(--space-s)}.contrast-checker__badge--pass{background:rgba(66,255,104,.15);color:var(--colour-success)}.contrast-checker__badge--partial{background:rgba(255,217,0,.15);color:var(--colour-warning)}.contrast-checker__badge--fail{background:rgba(255,98,66,.15);color:var(--colour-error)}.contrast-checker__results{display:grid;gap:var(--space-s);margin-bottom:var(--space-l)}.contrast-checker__result{align-items:center;background:var(--panel-background);border:1px solid var(--panel-border);border-radius:var(--border-radius);display:grid;gap:var(--space-s);grid-template-columns:1fr auto auto;padding:var(--space-m)}.contrast-checker__result-requirement{opacity:.6}.contrast-checker__result-badge{font-weight:700;min-width:5.5em;text-align:right}.contrast-checker__result--pass .contrast-checker__result-badge{color:var(--colour-success)}.contrast-checker__result--fail .contrast-checker__result-badge{color:var(--colour-error)}.contrast-checker__preview{transition:background-color 150ms ease-in-out,color 150ms ease-in-out}.contrast-checker__preview-large{font-size:1.5em;font-weight:700;margin-bottom:var(--space-s)}.contrast-checker__preview-normal{margin-bottom:0}@media (max-width:600px){.contrast-checker__inputs{grid-template-columns:1fr}.contrast-checker__swap{justify-self:center}.contrast-checker__swap-icon--wide{display:none}.contrast-checker__swap-icon--narrow{display:inline}.contrast-checker__result{grid-template-columns:1fr auto}.contrast-checker__result-requirement{grid-column:1}}