@layer gos-readable-ui,gos-precise-dark-ui,gos-precise-dark-compat,gos-precise-touch,gos-precise-buttons;@layer gos-readable-ui{.gos-colour-control{min-width:0}html body .gos-colour-trigger{display:inline-flex!important;align-items:center!important;gap:10px!important;height:36px!important;min-height:36px!important;max-width:100%;padding:5px 10px!important;border:1px solid var(--precise-border)!important;border-radius:4px!important;background:var(--precise-surface)!important;color:var(--precise-text)!important;font:400 13px/20px Arial,Helvetica,sans-serif!important;letter-spacing:normal!important;cursor:pointer!important}html body .gos-colour-trigger>span:not(.gos-colour-chip){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html body .gos-colour-trigger:disabled{opacity:.5!important;cursor:default!important}html body .gos-colour-chip{display:block!important;width:24px!important;height:24px!important;min-width:24px!important;border:1px solid #8191a3!important;border-radius:2px!important}html body .gos-colour-popover{box-sizing:border-box;position:fixed!important;z-index:2000!important;width:278px!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px);overflow:auto;padding:12px!important;border:1px solid var(--precise-border)!important;border-radius:4px!important;background:var(--precise-surface)!important;color:var(--precise-text)!important;box-shadow:0 8px 24px #0003;font:400 13px/1.5 Arial,Helvetica,sans-serif!important;letter-spacing:normal!important;color-scheme:inherit}html body .gos-colour-popover .gos-colour-contrast{display:flex!important;align-items:center!important;gap:8px!important;margin:0 0 8px!important;font:400 13px/20px Arial,Helvetica,sans-serif!important;color:var(--precise-text)!important;cursor:pointer}html body .gos-colour-popover input[type=checkbox]{-webkit-appearance:auto!important;-moz-appearance:auto!important;appearance:auto!important;position:static!important;width:16px!important;height:16px!important;min-width:16px!important;margin:0!important;padding:0!important;accent-color:var(--precise-accent)}html body .gos-colour-popover .gos-colour-automatic{display:block!important;box-sizing:border-box!important;width:100%!important;min-height:32px!important;height:32px!important;border:1px solid var(--precise-border)!important;border-radius:2px!important;background:var(--precise-canvas)!important;color:var(--precise-text)!important;font:400 13px/20px Arial,Helvetica,sans-serif!important;padding:5px 10px!important;text-align:center!important;cursor:pointer}html body .gos-colour-popover h3{margin:10px 0 6px!important;color:var(--precise-text)!important;font:500 13px/20px Arial,Helvetica,sans-serif!important;letter-spacing:normal!important}html body .gos-colour-grid{display:grid!important;grid-template-columns:repeat(10,minmax(0,1fr))!important;grid-gap:1px!important;gap:1px!important}html body .gos-colour-grid .gos-colour-swatch{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;width:100%!important;min-height:24px!important;height:24px!important;padding:0!important;margin:0!important;border:1px solid #8191a366!important;border-radius:0!important;cursor:pointer!important;box-shadow:none!important;background:var(--swatch-colour)!important}html body .gos-colour-grid .gos-colour-swatch:disabled{opacity:1!important;filter:none!important;cursor:not-allowed!important}html body .gos-colour-grid .gos-colour-swatch:not(:disabled){border-color:var(--precise-text)!important}html body .gos-colour-grid .gos-colour-swatch:not(:disabled):hover{outline:2px solid var(--precise-accent)!important;outline-offset:-2px!important}html body .gos-colour-grid .gos-colour-swatch[aria-pressed=true]{border:2px solid var(--precise-accent)!important;box-shadow:inset 0 0 0 1px #fff!important}html body .gos-colour-grid .gos-colour-swatch.is-filtered{visibility:hidden!important}html body .gos-colour-popover .gos-colour-hint{margin:8px 0 0!important;font:400 12px/1.5 Arial,Helvetica,sans-serif!important;color:var(--precise-muted)!important}html body .gos-colour-popover :is(button,input):focus-visible,html body .gos-colour-trigger:focus-visible{outline:2px solid var(--precise-accent)!important;outline-offset:2px!important;z-index:1}@media(pointer:coarse){html body .gos-colour-trigger{height:44px!important;min-height:44px!important}}}