button.svelte-whg6dh{border-radius:var(--br);aspect-ratio:1;height:100%;transition:all .4s;position:relative}button.svelte-whg6dh:hover .tooltip:where(.svelte-whg6dh){visibility:visible;opacity:1}.tooltip.svelte-whg6dh{visibility:hidden;opacity:0;background:var(--b1o3);color:var(--t1);font-family:var(--typo1);border-radius:var(--br);white-space:nowrap;pointer-events:none;z-index:11;-webkit-user-select:none;user-select:none;padding:5px 10px;font-size:.9rem;font-weight:400;transition:opacity .5s;position:absolute;top:50%;right:calc(100% + 8px);transform:translateY(-50%)}#topRightButtonsContainer.svelte-whg6dh{z-index:10;flex-direction:column;align-items:flex-end;gap:20px;transition:all .5s;display:flex;position:absolute;top:20px;right:20px}#tooltip.svelte-whg6dh{background:var(--b1o3);border-radius:var(--br);-webkit-user-select:none;user-select:none;color:var(--t1);font-family:var(--typo1);white-space:nowrap;pointer-events:none;z-index:10;padding:7px 12px;font-size:.9rem;font-weight:400;transition:all .5s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}#interfaceToggle.svelte-whg6dh{background:var(--b1o3);border-radius:var(--br);z-index:10;width:1.7rem;height:1.7rem;padding:.3rem;transition:all .5s;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}#mainContainer.svelte-whg6dh{background:#19467a;width:100vw;height:100vh;position:relative;overflow:hidden}#controlsContainer.svelte-whg6dh{background:var(--b1o3);border-radius:var(--br);z-index:9;width:80%;max-width:600px;padding:10px 15px;transition:transform .7s,opacity .7s;position:absolute;bottom:65px;left:50%;transform:translate(-50%)}#controlsContainer.slideOut.svelte-whg6dh{opacity:0;pointer-events:none;transform:translate(-50%)translateY(calc(100% + 80px))}.hidden.svelte-whg6dh{pointer-events:none;opacity:0!important}button.svelte-1jivead{border-radius:var(--br);aspect-ratio:1;height:100%;transition:all .4s}.HexInputText.svelte-1jivead{width:100%}.t-container.svelte-1jivead{justify-content:space-between;width:100%;height:30px;display:flex}@media screen and (width<=430px){.t-container.svelte-1jivead{height:27px}}.hex-container.svelte-1jivead{justify-content:space-between;gap:10px;display:flex}.btn-container.svelte-1jivead{justify-content:flex-end;gap:10px;width:100%;display:flex}#hexDisplay.svelte-1jivead{border-radius:var(--br);background:var(--b1o3);padding:5px 10px}.nav-wrapper.svelte-183qtt0{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.current-space.svelte-183qtt0{background:var(--b1o3);border-radius:var(--br);cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 10px;transition:opacity .3s}.current-space.svelte-183qtt0:hover{opacity:.8}.current-space.svelte-183qtt0 span:where(.svelte-183qtt0){font-family:var(--typo1);font-size:.9rem}.space-list.svelte-183qtt0{opacity:0;pointer-events:none;flex-direction:column;gap:6px;max-height:0;transition:max-height .4s,opacity .3s;display:flex;overflow:hidden}.space-list.open.svelte-183qtt0{opacity:1;pointer-events:auto;max-height:300px}.space-item.svelte-183qtt0{background:var(--b1o3);border-radius:var(--br);cursor:pointer;-webkit-user-select:none;user-select:none;opacity:.8;font-family:var(--typo1);padding:4px 10px;font-size:.9rem;transition:opacity .3s}.space-item.svelte-183qtt0:hover{opacity:1}button.svelte-ibyhb5{border-radius:var(--br);aspect-ratio:1;height:100%;transition:all .4s;position:relative}.btn-hide.svelte-ibyhb5{opacity:.5;cursor:default}button.svelte-ibyhb5:hover .tooltip:where(.svelte-ibyhb5){visibility:visible;opacity:1}.tooltip.svelte-ibyhb5{visibility:hidden;opacity:0;background:var(--b1o3);color:var(--t1);font-family:var(--typo1);border-radius:var(--br);white-space:nowrap;pointer-events:none;z-index:11;-webkit-user-select:none;user-select:none;padding:5px 10px;font-size:.9rem;font-weight:400;transition:opacity .5s;position:absolute;top:50%;right:calc(100% + 8px);transform:translateY(-50%)}.color-background.svelte-ibyhb5{width:100vw;height:100vh;transition:background .2s}.compare-overlay.svelte-ibyhb5{box-sizing:border-box;pointer-events:none;flex-direction:column;justify-content:space-around;align-items:center;width:100%;height:100%;padding:12.26%;display:flex;position:absolute;top:0;left:0}.compare-bar.svelte-ibyhb5{border-radius:var(--br);width:100%;transition:background .2s,height .3s}.controls-inner.svelte-ibyhb5{flex-direction:column;gap:.7rem;display:flex}.sliders.svelte-ibyhb5{border-radius:var(--br);flex-direction:column;gap:23px;padding:20px 20px 30px;display:flex}