*{box-sizing:border-box}html,body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;height:100%;width:100%}#root{height:100%;width:100%}.display-result{color:#141414;background-color:#f6f8fa;border:3px solid #efefef;height:68px;width:auto;max-width:500x;padding:12px 24px;border-radius:200px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;font-family:monospace;pointer-events:none;text-align:center;white-space:nowrap}.floating-btn{position:absolute;bottom:20px;right:20px;height:80px;width:80px;display:flex;align-items:center;justify-content:center;border:none;background-color:#355872;border-radius:500px;cursor:pointer;transition:transform .1s ease-out}.floating-btn:hover{transform:scale(1.1)}.palettes-menu{position:absolute;bottom:120px;right:32px;display:flex;flex-direction:column-reverse;gap:10px;pointer-events:none}.palettes-menu.open{pointer-events:auto}.palettes-menu .palette-option{opacity:0;transform:translateY(30px) scale(.5);transition:all .2s ease-out}.open :is(.palettes-menu .palette-option){opacity:1;transform:translateY(0) scale(1)}.palettes-menu .palette-color{height:60px;width:60px;border-radius:200px;transition:all .1s ease-out;transition-delay:0s!important}.palettes-menu .palette-color:hover{transform:scale(1.1);cursor:pointer}