:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme: dark){:root{color:#fff;background-color:#000}}html,body{margin:0;padding:0;height:100%;width:100%;font-size:12px}.react-colorful.react-colorful.react-colorful{width:100%;aspect-ratio:1!important;height:auto;border-radius:0}.react-colorful.react-colorful.react-colorful>div{border-radius:0}code{font-size:12px}html,body{margin:0;padding:0}*{box-sizing:border-box}.color-doc{font-family:sans-serif;height:100dvh;width:100dvw;overflow:hidden}.color-doc header{margin-bottom:1rem}.spaces table{width:100%;border-collapse:collapse;margin-bottom:2rem}.spaces th,.spaces td{border:0px solid transparent;padding:4px 8px;text-align:left}.accessible-list ul{list-style:none;padding:0}.accessible-list li{margin:.2rem 0;font-family:monospace}