.cg-color-form{padding:var(--cg-space-md) var(--cg-space-md) 0}.cg-color-form__copy{font-size:var(--cg-font-size);margin:0 0 var(--cg-space-sm)}.cg-color-form__field-wrapper{margin-bottom:var(--cg-space-md)}.cg-color-form__eyedropper,.cg-color-form__swap{align-items:center;background:none;border:0;color:var(--cg-link);cursor:pointer;display:flex;font-family:var(--cg-font);font-size:var(--cg-font-size-sm);gap:4px;margin-bottom:var(--cg-space-xs);padding:0;width:fit-content}:is(.cg-color-form__eyedropper,.cg-color-form__swap):hover{color:var(--cg-link-hover);text-decoration:underline}:is(.cg-color-form__eyedropper,.cg-color-form__swap)[hidden]{display:none}.cg-color-form__eyedropper-icon,.cg-color-form__swap-icon{fill:currentColor;height:var(--cg-font-size);width:var(--cg-font-size)}.cg-color-form__label{display:block;font-weight:700;margin-bottom:var(--cg-space-sm)}.cg-color-form__fieldset{border:0;margin-inline:0;min-width:0;padding:0}.cg-color-form__fieldset legend{padding:0}.cg-color-form__textarea{border-radius:var(--cg-radius);border:solid 1px var(--cg-border);font-family:var(--cg-font);font-size:var(--cg-font-size);height:200px;padding:var(--cg-space-xs);margin-bottom:var(--cg-space-sm);resize:vertical;width:100%}.cg-color-form__textarea[aria-invalid=true]{border-color:var(--cg-error)}.cg-color-form__error{color:var(--cg-error);font-size:var(--cg-font-size-sm);margin:calc(-1 * var(--cg-space-xs)) 0 var(--cg-space-sm)}.cg-color-form__error:empty{margin:0}.cg-color-form__error code{font-family:ui-monospace,monospace;overflow-wrap:anywhere}.cg-color-form__field-wrapper--background-colors{display:none}.cg-color-form--separate-lists .cg-color-form__field-wrapper--background-colors{display:block}.cg-color-form--separate-lists .cg-color-form__use-separate-lists{visibility:hidden}.cg-color-form__mode{display:grid;justify-items:start}.cg-color-form__use-separate-lists,.cg-color-form__use-one-list{grid-area:1 / 1;white-space:nowrap}.cg-color-form__use-one-list{visibility:hidden}.cg-color-form--separate-lists .cg-color-form__use-one-list{visibility:visible}.cg-color-form__range-group{align-items:center;display:flex;gap:var(--cg-space-xs)}.cg-color-form__range{accent-color:var(--cg-link);flex:1;min-width:0}.cg-color-form__number{border:solid 1px var(--cg-border);border-radius:var(--cg-radius);font-family:var(--cg-font);font-size:var(--cg-font-size-sm);padding:4px;width:60px}.cg-color-form__unit{color:var(--cg-muted);font-size:var(--cg-font-size-sm)}.cg-color-form__levels{display:grid;gap:var(--cg-space-xs)}.cg-color-form__level{align-items:center;cursor:pointer;display:grid;font-size:var(--cg-font-size-sm);gap:var(--cg-space-xs);grid-template-columns:auto auto 1fr;min-height:24px}.cg-color-form__level-toggle{accent-color:var(--cg-link);margin:0}.cg-color-form__levels-link{display:inline-block;font-size:var(--cg-font-size-sm);margin-top:var(--cg-space-sm)}.cg-contrast-grid{--tile-size: 80px;--tile-padding: calc(var(--tile-size) / 12);--key-divider: var(--cg-gray-50);--key-divider-shadow: rgb(0 0 0 / .28);height:100%;overflow:auto;width:100%}.cg-contrast-grid__table{border-collapse:collapse;color:var(--cg-white)}.cg-contrast-grid__table td,.cg-contrast-grid__table th{border:solid 1px transparent;font-size:var(--cg-font-size);padding:0}.cg-contrast-grid__foreground-key th{position:sticky;top:0;z-index:3}.cg-contrast-grid__background-key-cell{left:0;position:sticky;z-index:2}.cg-contrast-grid__foreground-key th:first-child{left:0;z-index:4}.cg-contrast-grid__corner{align-items:center;background:linear-gradient(to top right,transparent calc(50% - 1px),var(--cg-spacer-line) 50%,transparent calc(50% + 1px));background-color:var(--cg-page);border:solid 1px var(--cg-spacer-line);box-shadow:1px 0 0 var(--key-divider),0 1px 0 var(--key-divider),5px 0 6px -3px var(--key-divider-shadow),0 5px 6px -3px var(--key-divider-shadow);color:var(--cg-text);display:flex;height:var(--tile-size);justify-content:space-between;padding:var(--tile-padding);min-width:150px}.cg-contrast-grid__corner-background{align-self:flex-end}.cg-contrast-grid__key-swatch--foreground{align-items:center;box-shadow:0 1px 0 var(--key-divider),0 5px 6px -3px var(--key-divider-shadow);display:flex;flex-direction:column;font-size:var(--cg-font-size-sm);forced-color-adjust:none;height:max(var(--tile-size),60px);justify-content:center;padding:var(--tile-padding);position:relative;text-align:left}.cg-contrast-grid__key-swatch--foreground .cg-contrast-grid__key-swatch-label-text{overflow:hidden;text-overflow:ellipsis;max-width:220px;white-space:nowrap}.cg-contrast-grid__key-swatch--background{align-items:center;box-shadow:1px 0 0 var(--key-divider),5px 0 6px -3px var(--key-divider-shadow);display:flex;forced-color-adjust:none;height:var(--tile-size);padding:var(--tile-padding);position:relative;text-align:left;min-width:150px}.cg-contrast-grid__key-swatch-label-text{font-weight:700}.cg-contrast-grid__key-swatch-label-hex{font-weight:400;font-size:var(--cg-font-size-sm)}.cg-contrast-grid--dark-label{color:var(--cg-black)}.cg-contrast-grid--white-swatch{border:solid 1px light-dark(var(--cg-gray-95),transparent)}.cg-contrast-grid--black-swatch{border:solid 1px light-dark(transparent,var(--cg-rule))}.cg-contrast-grid__tile{display:flex;flex-direction:column;forced-color-adjust:none;height:var(--tile-size);justify-content:space-between;padding:var(--tile-padding);position:relative;min-width:var(--tile-size)}.cg-contrast-grid__tile-text{font-size:var(--cg-font-size)}.cg-contrast-grid__tile-stats{align-items:center;display:flex;gap:4px;justify-content:space-between}.cg-contrast-grid__contrast-ratio{color:var(--cg-white);font-size:var(--cg-font-size-sm)}.cg-contrast-grid--dark-label .cg-contrast-grid__contrast-ratio{color:var(--cg-black)}.cg-contrast-grid__tile-spacer{background-color:var(--cg-page);border:solid 1px var(--cg-spacer-line);height:var(--tile-size);width:100%}.cg-contrast-grid__level-badge{background:var(--cg-badge-pass);border-radius:var(--cg-radius);box-shadow:inset 0 0 0 1px #00000080;display:inline-block;color:var(--cg-black);font-size:var(--cg-font-size-xs);padding:2px 4px;text-align:center;width:36px}.cg-contrast-grid__level-badge--large{background:var(--cg-badge-large)}.cg-contrast-grid__level-badge--fail{background:var(--cg-badge-fail);color:var(--cg-white)}.cg-contrast-grid__status{clip-path:inset(50%);height:1px;margin:0;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.cg-contrast-grid__dragged{cursor:grabbing}.cg-contrast-grid__dragged .cg-contrast-grid__key-swatch{outline:2px solid var(--cg-link);outline-offset:-2px}.cg-contrast-grid__key-swatch-drag-handle{touch-action:none;-webkit-user-select:none;user-select:none}.cg-contrast-grid__key-swatch--foreground .cg-contrast-grid__key-swatch-label{order:2;margin-bottom:auto;margin-top:auto}.cg-contrast-grid__key-swatch--foreground .cg-contrast-grid__key-swatch-controls{align-items:center;display:flex;gap:2px;left:0;padding:2px;position:absolute;top:0;width:100%}.cg-contrast-grid__key-swatch--foreground .cg-contrast-grid__key-swatch-drag-handle{order:-1}.cg-contrast-grid__key-swatch--foreground .cg-contrast-grid__key-swatch-copy{margin-left:auto}.cg-contrast-grid__key-swatch--foreground .cg-contrast-grid__key-swatch-controls--bottom{bottom:0;justify-content:space-between;top:auto}.cg-contrast-grid__key-swatch--background .cg-contrast-grid__key-swatch-controls{align-items:center;background:inherit;display:flex;gap:2px;inset:0;justify-content:flex-end;padding-right:2px;position:absolute}.cg-contrast-grid__key-swatch-controls{opacity:0}.cg-contrast-grid__key-swatch:hover .cg-contrast-grid__key-swatch-controls,.cg-contrast-grid__key-swatch:focus-within .cg-contrast-grid__key-swatch-controls{opacity:1}.cg-contrast-grid__key-swatch-drag-handle--row{cursor:ns-resize}.cg-contrast-grid__key-swatch-drag-handle--column{cursor:ew-resize}.cg-contrast-grid__key-swatch-action,.cg-contrast-grid__key-swatch-drag-handle,.cg-contrast-grid__suggest{align-items:center;background:none;border:0;border-radius:var(--cg-radius);color:var(--cg-white);display:inline-flex;flex-shrink:0;height:24px;justify-content:center;padding:0;width:24px}.cg-contrast-grid--dark-label :is(.cg-contrast-grid__key-swatch-action,.cg-contrast-grid__key-swatch-drag-handle,.cg-contrast-grid__suggest){color:var(--cg-black)}:is(.cg-contrast-grid__key-swatch-action,.cg-contrast-grid__key-swatch-drag-handle,.cg-contrast-grid__suggest) cg-icon{fill:currentColor;height:var(--cg-font-size);width:var(--cg-font-size)}.cg-contrast-grid__key-swatch-action,.cg-contrast-grid__suggest{cursor:pointer}:is(.cg-contrast-grid__key-swatch-action,.cg-contrast-grid__suggest):hover{background:#8080804d}:is(.cg-contrast-grid__key-swatch-action,.cg-contrast-grid__suggest):focus-visible{outline:2px solid currentColor;outline-offset:-2px}.cg-contrast-grid__key-swatch-move[aria-disabled=true]{cursor:default;opacity:.35}.cg-contrast-grid__key-swatch-move[aria-disabled=true]:hover{background:none}.cg-contrast-grid__key-swatch-remove cg-icon{height:var(--cg-font-size-sm);width:var(--cg-font-size-sm)}.cg-contrast-grid__key-swatch-drag-handle cg-icon{height:var(--cg-font-size-lg);width:var(--cg-font-size-lg)}.cg-contrast-grid__key-swatch-copied-icon,.cg-contrast-grid__key-swatch-copy--done .cg-contrast-grid__key-swatch-copy-icon{display:none}.cg-contrast-grid__key-swatch-copy--done .cg-contrast-grid__key-swatch-copied-icon{display:inline-block}.cg-contrast-grid__suggest{opacity:0;position:absolute;right:max(0px,calc(var(--tile-padding) - 4px));top:max(0px,calc(var(--tile-padding) - 4px))}.cg-contrast-grid__suggest[hidden]{display:none}.cg-contrast-grid__suggest[aria-disabled=true]{cursor:not-allowed}:is(.cg-contrast-grid__tile:hover,.cg-contrast-grid__tile:focus-within) .cg-contrast-grid__suggest{opacity:1}:is(.cg-contrast-grid__tile:hover,.cg-contrast-grid__tile:focus-within) .cg-contrast-grid__suggest[aria-disabled=true]{opacity:.5}.cg-contrast-grid--single-color .cg-contrast-grid__key-swatch-remove,.cg-contrast-grid--single-color .cg-contrast-grid__key-swatch-move,.cg-contrast-grid--single-color .cg-contrast-grid__key-swatch-drag-handle{display:none}:root{color-scheme:light dark;--cg-font: system-ui, sans-serif;--cg-font-size-xs: 12px;--cg-font-size-sm: 14px;--cg-font-size: 16px;--cg-font-size-lg: 20px;--cg-font-size-h3: 26px;--cg-space-xs: 8px;--cg-space-sm: 16px;--cg-space-md: 26px;--cg-space: 32px;--cg-radius: 4px;--cg-white: #FFFFFF;--cg-black: #000000;--cg-gray-30: #4D4D4D;--cg-gray-50: #808080;--cg-gray-95: #F2F2F2;--cg-page: light-dark(var(--cg-white), #1E1E1E);--cg-sidebar: light-dark(var(--cg-gray-95), #2A2A2A);--cg-text: light-dark(var(--cg-black), #E6E6E6);--cg-muted: light-dark(var(--cg-gray-30), #B0B0B0);--cg-rule: light-dark(#D9D9D9, #444444);--cg-border: var(--cg-gray-50);--cg-link: light-dark(#0000EE, #9E9EFF);--cg-link-hover: light-dark(#000088, #D1D1FF);--cg-spacer-line: light-dark(var(--cg-gray-95), #3A3A3A);--cg-error: light-dark(#B00020, #FF8A80);--cg-badge-pass: #CCCCCC;--cg-badge-large: #F5B800;--cg-badge-fail: #D00000}html,body{background:var(--cg-page);box-sizing:border-box;color:var(--cg-text);font-family:var(--cg-font);margin:0;min-height:100vh;padding:0}*,*:before,*:after{box-sizing:inherit}a{color:var(--cg-link);text-decoration:none}a:hover{color:var(--cg-link-hover)}cg-icon{display:inline-block;line-height:0}cg-icon svg{height:100%;width:100%}.cg-app{display:flex;height:100vh}.cg-skip-link{background:var(--cg-page);border-radius:var(--cg-radius);box-shadow:0 2px 6px #0000004d;left:var(--cg-space-xs);padding:var(--cg-space-xs) var(--cg-space-sm);position:absolute;top:var(--cg-space-xs);transform:translateY(calc(-100% - var(--cg-space-xs)));z-index:10}.cg-skip-link:focus{transform:none}.cg-app__sidebar{background:var(--cg-sidebar);flex:0 0 auto;overflow-y:auto;scrollbar-gutter:stable;width:min-content}.cg-app__title{align-items:center;display:flex;font-size:var(--cg-font-size-h3);font-weight:400;margin:0;padding:var(--cg-space-md);padding-bottom:0}.cg-app__results{box-shadow:-3px 0 3px #00000026;flex:1;min-width:0;overflow:hidden;padding:var(--cg-space) 0 var(--cg-space) var(--cg-space)}.cg-app__results:focus{outline:none}cg-contrast-grid{display:block;height:100%;position:relative}.cg-app__legal{align-items:flex-start;display:flex;flex-direction:column;font-size:var(--cg-font-size-sm);gap:4px;margin:0;padding:0 var(--cg-space-md) var(--cg-space-md)}.cg-app__legal a{align-items:center;display:inline-flex;min-height:24px}.cg-page{line-height:1.6;margin:0 auto;max-width:720px;padding:var(--cg-space) var(--cg-space-md)}.cg-page__title{font-size:var(--cg-font-size-h3);font-weight:400;margin:0 0 var(--cg-space)}.cg-page__section{border-bottom:solid 1px var(--cg-rule);font-size:var(--cg-font-size-lg);font-weight:400;margin:var(--cg-space) 0 var(--cg-space-sm);padding-bottom:var(--cg-space-xs)}.cg-page__heading{font-size:var(--cg-font-size);font-weight:700;margin:var(--cg-space-md) 0 var(--cg-space-xs)}.cg-page__text{font-size:var(--cg-font-size);margin:0}.cg-page__back{border-top:solid 1px var(--cg-rule);margin-top:var(--cg-space);padding-top:var(--cg-space-sm)}