@import url(https://fonts.googleapis.com/css2?family=Inconsolata&display=swap);.color{display:flex;flex-direction:column;height:147px;justify-content:space-between;position:relative;width:120px}.color label{display:block;height:100%}.picker{left:50%;opacity:0;position:absolute;top:20%;width:0}.trash{font-size:14px;margin:0;padding:4px;width:100%}.palette{border-bottom:var(--palette-divider);display:inline-grid;grid-template-areas:"name controls ." "colors colors colors";grid-template-columns:auto 1fr auto;padding:1rem}.palette:last-child{border-bottom:none}.name{align-self:center;grid-area:name;margin:0 1em 0 0}.controls{display:block;grid-area:controls}.colors{display:flex;grid-area:colors}:root{--palette-divider:2px dotted gray}body{background:#111;color:#ccc;font-family:Inconsolata,monospace;margin:0}header{display:flex}h1{font-size:24px;margin:.2em}h2{font-size:20px}button{background-color:#000;border:1px solid #222;color:#fed;display:inline-block;font-size:1.2rem;margin-right:1em;padding:.2em .5em}button:focus,button:hover{background-color:#222;border-color:#666}.palettes{background-color:#000;display:flex;flex-direction:column}.visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}
/*# sourceMappingURL=main.07ff1597.css.map*/