.hexDisplayContainer.svelte-907chn{border-radius:0 0 var(--br) var(--br);padding:0 7px 7px}#main-color-display.svelte-907chn{height:100vh;width:100vw;display:flex;justify-content:flex-end;padding:7px;transition:.2s}button.svelte-192x8cy{aspect-ratio:1/1;margin-right:.7rem}.btn-container.svelte-192x8cy{transition:.2s ease-in-out;opacity:0;display:flex;align-items:center}.visible.svelte-192x8cy{opacity:1}svg.svelte-192x8cy{margin:auto;height:15px;stroke-width:.8rem}.txt-value-display.svelte-192x8cy{font-weight:600;display:flex;align-items:center;cursor:default;justify-content:space-between;margin:0 18px 2px;-webkit-user-select:none;user-select:none}.inputs-container.svelte-192x8cy{width:100%;height:30px}.range-container.svelte-192x8cy{width:100%}.inputs-container.svelte-192x8cy{--track-height: 14px;--track-border-radius: 20px;--thumb-width: 20px}input[type=range].svelte-192x8cy{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%}input[type=range].svelte-192x8cy::-webkit-slider-runnable-track{background:var(--track-background-color);height:var(--track-height);border-radius:var(--track-border-radius)}input[type=range].svelte-192x8cy::-moz-range-track{background:var(--track-background-color);height:var(--track-height);border-radius:var(--track-border-radius)}input[type=range].svelte-192x8cy::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:var(--thumb-width);width:var(--thumb-width);background:none;border-radius:100%;margin-top:-3px;border:2px solid var(--t1)}input[type=range].svelte-192x8cy::-moz-range-thumb{border:2px solid var(--t1);border-radius:100%;background:none;height:var(--thumb-width);width:var(--thumb-width)}svg.svelte-1t24ugj{opacity:.8;transition:.4s}svg.svelte-1t24ugj:hover{opacity:1}button.svelte-1pl3787{position:relative;border-radius:var(--br);height:100%;transition:.4s}.buttonHide.svelte-1pl3787{opacity:0;cursor:default}span.svelte-1pl3787{color:var(--t1);text-align:center;font-family:var(--typo1);font-weight:400;font-size:.9rem}button.svelte-1pl3787:hover .tooltip:where(.svelte-1pl3787){visibility:visible;opacity:1}.tooltip.svelte-1pl3787{visibility:hidden;background-color:var(--b1o3);text-align:center;padding:5px 10px;border-radius:var(--br);opacity:0;transition:opacity 1s;white-space:nowrap;position:absolute;z-index:1}.top.svelte-1pl3787{transform:translate(-50%);left:50%}.top-left.svelte-1pl3787{transform:translate(-100%);border-radius:var(--br) var(--br) 0 var(--br);left:50%}.top-right.svelte-1pl3787{transform:translate(100%);border-radius:var(--br) var(--br) var(--br) 0;right:50%}.bot.svelte-1pl3787{transform:translate(-50%);left:50%}.bot-left.svelte-1pl3787{transform:translate(-100%);border-radius:var(--br) 0px var(--br) var(--br);left:50%}.bot-right.svelte-1pl3787{transform:translate(100%);border-radius:0px var(--br) var(--br) var(--br);right:50%}.right.svelte-1pl3787{right:calc(100% + 10px)}.left.svelte-1pl3787{left:calc(100% + 10px)}.topRightButtonDisplay.svelte-ta8u86{background:var(--b1o3);height:1.7rem;width:1.7rem;padding:.3rem;border-radius:var(--br)}#topRightButtonsContainer.svelte-ta8u86{position:absolute;right:20px;top:20px;transition:.5s;display:flex;flex-direction:column;align-items:flex-end;gap:20px;z-index:10}#tooltipsContainer.svelte-ta8u86{position:absolute;left:50%;transform:translate(-50%,-7px);transition:.5s;background:var(--b1o3);border-radius:var(--br);padding:7px 12px;-webkit-user-select:none;user-select:none;color:var(--t1);font-family:var(--typo1);font-weight:400;font-size:.9rem;z-index:10}#zoneVide.svelte-ta8u86{height:100vh;width:100vw;background:none;position:absolute;bottom:0}#InterfaceToggleButton.svelte-ta8u86{transition:.5s;background:var(--b1o3);border-radius:var(--br);position:absolute;left:50%;transform:translate(-50%);padding:4px 8px 6px;height:13px;z-index:10}#mainFullScreenDisplay.svelte-ta8u86{background:#19467a;height:100vh;width:100vw;position:relative;overflow:hidden}#controlsContainer.svelte-ta8u86{transition:.7s;background:var(--b1o3);border-radius:var(--br);width:80%;max-width:600px;position:absolute;bottom:50px;left:50%;transform:translate(-50%);padding:10px 15px;z-index:9}.hideControllersClassStyle.svelte-ta8u86{opacity:0}.hideInterfaceToggleButton.svelte-ta8u86{opacity:0!important}.HexInputText.svelte-16pv6tu{width:100%}.t-container.svelte-16pv6tu{display:flex;justify-content:space-between;width:100%;height:30px}@media screen and (max-width: 430px){.t-container.svelte-16pv6tu{height:27px}}.hex-container.svelte-16pv6tu{display:flex;justify-content:space-between;gap:10px}.btn-container.svelte-16pv6tu{display:flex;width:100%;justify-content:flex-end;gap:10px}#hexDisplay.svelte-16pv6tu{border-radius:var(--br);background:var(--b1o3);padding:5px 10px}.CompareColorContainer.svelte-i2scv5{border-radius:var(--br);transition:.3s;width:100%}.ulContainer.svelte-79pabn{display:flex;gap:10px}.liContainer.svelte-79pabn{background:var(--b1o3);padding:4px 8px;border-radius:var(--br)}h5.svelte-79pabn{-webkit-user-select:none;user-select:none;opacity:.8;transition:.4s}h5.svelte-79pabn:hover{opacity:1}#navColorModeContainer.svelte-79pabn{transition:1s;position:absolute;right:-400px}.navShowColorMode.svelte-79pabn{right:0!important}.topRightButtonDisplay.svelte-79pabn{background:var(--b1o3);height:1.7rem;width:1.7rem;padding:.3rem;border-radius:var(--br);transition:1s;margin:0 0 20px auto}#compareColorContainer.svelte-1msl8t6{position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:space-around;align-items:center;box-sizing:border-box;padding:12.26%;height:100%;width:100%}.inputRangeContainer.svelte-1msl8t6{display:flex;flex-direction:column;border-radius:var(--br);padding:20px 20px 30px;gap:23px}.color-settings-container.svelte-1msl8t6{display:flex;flex-direction:column;gap:.7rem;justify-content:space-evenly}