@layer gos-precise-dark-ui{.status-colours-page{max-width:1320px}.status-colour-history,.status-colour-intro{padding:20px;border:1px solid var(--precise-border);border-radius:8px;background:var(--precise-surface);margin-bottom:20px}.status-colour-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px}.status-mode-preview{min-width:0;padding:24px;border:1px solid var(--precise-border);border-radius:8px}.status-mode-preview.light{background:#fff!important;color:#20354f!important}.status-mode-preview.dark{background:#1d2535!important;color:#ececec!important}.status-mode-preview :is(h2,p,legend,label){color:inherit!important}.status-mode-preview h2{font:500 20px/1.4 Arial,Helvetica,sans-serif!important;margin:0 0 6px}.status-chart-preview{display:flex;align-items:center;gap:18px;margin:16px 0 24px}.status-chart-preview svg{width:90px;height:90px;flex-shrink:0}.status-chart-preview p{font-size:12px;max-width:240px;margin:0}.status-colour-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px;margin-bottom:24px}.status-colour-choice{padding:20px;min-width:0;border:1px solid var(--precise-border);border-radius:4px;background:var(--precise-surface)}.status-colour-choice>label{display:block;font:500 14px/1.5 Arial,Helvetica,sans-serif;margin-bottom:12px}.status-colour-sample{display:inline-flex;gap:7px;align-items:center;padding:4px 10px;border-radius:20px;background:transparent!important;border:1px solid var(--sample-indicator)!important;color:var(--sample-fg)!important;font:500 13px/1.5 Arial,Helvetica,sans-serif!important}.status-colour-sample>span{color:var(--sample-indicator)!important}.status-preview-badges{display:flex;flex-wrap:wrap;gap:12px}.status-colour-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:24px 0}.status-colour-error{padding:16px;border:1px solid var(--precise-red);color:var(--precise-red);border-radius:4px}@media(max-width:850px){.status-colour-previews{grid-template-columns:minmax(0,1fr)}.status-colour-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.status-mode-preview{padding:16px}.status-colour-choices{grid-template-columns:minmax(0,1fr)}}}