App{display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;height:auto;width:100%}body{margin:0;padding:0}.color-palette-container{font-family:sans-serif;margin:0 auto;max-width:800px;width:100%}.color-palette{margin-top:10px}.color-swatch{border:1px solid #ddd;cursor:pointer;transition:transform .2s}.color-swatch:hover{box-shadow:0 0 10px #0000004d;transform:scale(1.1);z-index:10}.color-tooltip{background:#fff;border-radius:4px;bottom:100%;box-shadow:0 2px 10px #0000001a;font-size:12px;left:50%;min-width:150px;opacity:0;padding:8px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s,visibility .2s;visibility:hidden;z-index:100}.color-swatch:hover .color-tooltip{opacity:1;visibility:visible}
/*# sourceMappingURL=main.0f4cca37.css.map*/