._formWrapper_3ypl1_1{width:100%;height:100px;padding:1.25px;border-radius:25px;background:linear-gradient(90deg,#00a8de,#333391,#e91388,#eb2d2e,#fde92b,#009e54);box-shadow:0 0 15px #00000040;display:flex;justify-content:center;align-items:center}._formWrapper_3ypl1_1 button:enabled{cursor:pointer}._form_3ypl1_1{width:100%;height:100%;background-color:#262626;border-radius:23.75px}._inputTop_3ypl1_28{width:100%;height:50%;display:flex;align-items:center;padding:17.5px 15px 15px;color:#fff;background:none;outline:none;border-radius:18.75px 18.75px 0 0}._inputBottom_3ypl1_40{display:flex;width:100%;height:50%;justify-content:space-between;align-items:center;padding:0 8px}._hexMatch_3ypl1_49{display:flex;justify-content:center;align-items:center;background:none;gap:2px;border:2px solid #666666;width:96px;height:30px;border-radius:20px;font-size:.85rem;color:#666;margin-left:2px}._hexMatch_3ypl1_49 svg{width:1rem;fill:currentColor}._hexMatch_3ypl1_49 p{margin-bottom:1.8px}._inputOptions_3ypl1_73{display:flex;justify-content:space-between;align-items:center;width:84px}@keyframes _gradient_3ypl1_1{0%{background-position:0%}to{background-position:60%}}@media screen and (max-width: 500px){._formWrapper_3ypl1_1{width:calc(100vw - 25px);margin-bottom:12.5px}}._header_1hihx_1{display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;right:0;left:0;padding:10px;z-index:5}@keyframes _appear_1hihx_1{0%{opacity:.6}to{opacity:1}}@media screen and (min-width: 500px){._header_1hihx_1{display:none}}._queryContainer_1tjzb_1{width:100%;max-width:500px;height:100%;display:flex;flex-direction:column;justify-content:center;padding:10px;gap:10px}._paletteHeader_1tjzb_12{width:100%;display:flex;justify-content:space-between;align-items:center}._paletteWrapper_1tjzb_19{width:100%;height:67.5%;max-height:fit-content;display:flex;flex-direction:column;align-items:center;overflow-y:scroll;scrollbar-width:none;scroll-behavior:smooth;gap:6px}._swatch_1tjzb_32{width:100%;min-height:65px;opacity:.6;animation:_appear_1tjzb_1 1s ease;animation-fill-mode:forwards;border-radius:12.5px;cursor:pointer}._colorLabel_1tjzb_44{background:#00000040;padding:0 10px;height:35px;border-radius:8px;color:#fff;min-width:85px;font-size:.85rem}._preferences_1tjzb_54{width:100%;display:flex;justify-content:space-between;align-items:center}._queryNameContainer_1tjzb_61{width:89%;height:50px;border:1.25px solid #333333;display:flex;align-items:center;padding:0 10px;border-radius:4px;color:#fff;font-size:1rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._disclaimer_1tjzb_76{width:100%;font-size:.75rem;text-align:center}._disclaimer_1tjzb_76 span{cursor:pointer}@keyframes _bounce_1tjzb_107{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@keyframes _appear_1tjzb_1{0%{opacity:0}to{opacity:1}}._bounce_1tjzb_107{animation:_bounce_1tjzb_107 2s infinite}._notification_1tjzb_111{font-size:.75rem;display:flex;justify-content:center;align-items:center;gap:2px}@media screen and (max-width: 500px){._queryContainer_1tjzb_1{height:90%}._queryNameContainer_1tjzb_61{width:85%}}._preferences_xxefb_1{display:flex;justify-content:space-evenly;width:50%}._badge_13e0c_1{min-width:45px;aspect-ratio:1/1;background-color:#333;border-radius:25px;z-index:5;display:grid;place-items:center;top:10px;right:10px;cursor:pointer}._sideBar_g18r8_1{position:absolute;top:0;bottom:0;height:100dvh;max-height:100dvh;display:flex;flex-direction:column;align-self:flex-start;justify-content:space-between;background-color:#161616;z-index:10;box-shadow:5px 0 10px #00000080;overflow:hidden;text-wrap:nowrap;transition:width .4s ease}._sideBar_g18r8_1 hr{width:80%;align-self:center}._sidebarStart_g18r8_24{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:10px}._menuTop_g18r8_33{display:flex;align-items:center;padding:10px 15px;width:100%}._modes_g18r8_40{display:flex;flex-direction:column;padding:5px;width:100%;justify-content:flex-start}._palettes_g18r8_48{display:flex;flex-direction:column;padding:5px;gap:5px;width:100%;height:auto;max-height:40vh}._palettes_g18r8_48 p{padding:0 10px;font-size:.85rem;cursor:default;color:#666}._palettes_g18r8_48 ul{display:flex;flex-direction:column;overflow-y:scroll;scroll-behavior:smooth;scrollbar-width:6px;scrollbar-color:#666666;max-height:100%}._palettes_g18r8_48 ul::-webkit-scrollbar{background-color:transparent;width:6px}._palettes_g18r8_48 ul::-webkit-scrollbar-thumb{background:#666;border-radius:20px}._palettes_g18r8_48 li{width:100%;min-height:43px;font-size:.95rem;gap:10px;padding:10px;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff}._palettes_g18r8_48 li:hover{background-color:#262626;border-radius:5px}._sidebarEnd_g18r8_104{width:100%;display:flex;flex-direction:column;justify-content:center;position:sticky;bottom:0;background-color:#161616}._account_g18r8_114{padding:5px;width:100%}@media screen and (min-width: 500px){._sideBar_g18r8_1{position:unset;align-self:unset;box-shadow:none;border-right:2px solid #262626;align-items:center}}._suggestionBar_ajium_1{height:40px;width:max(50vw,300px);width:100%;display:flex;justify-content:space-between;align-items:center;overflow-x:scroll;scrollbar-width:none;gap:7.5px}._suggestion_ajium_1{display:grid;place-items:center;border:1.25px solid #333333;background-color:#262626;font-size:.8rem;height:80%;white-space:nowrap;padding:5px 10px;border-radius:5px;box-shadow:0 0 5px #00000040;cursor:pointer;color:#fff}._fadeLeft_ajium_28,._fadeRight_ajium_29{position:absolute;top:0;bottom:0;width:30px;pointer-events:none;transition:opacity .3s;z-index:1}._fadeLeft_ajium_28{left:0;background:linear-gradient(to right,#1a1a1a,transparent)}._fadeRight_ajium_29{right:0;background:linear-gradient(to left,#1a1a1a,transparent)}@media screen and (max-width: 500px){._suggestionBar_ajium_1{width:calc(100vw - 25px);height:70px;gap:10px}._suggestion_ajium_1{white-space:normal;min-width:160px;max-width:180px;text-align:left;font-size:.9rem}}*{margin:0;padding:0;box-sizing:border-box}html{background-color:#1a1a1a}body{height:100dvh;width:100vw;max-width:100%;display:flex;justify-content:center;overflow:hidden}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(30deg)}}#root{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:tablet-gothic,sans-serif}main{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;position:relative}.main-header{width:100%;display:flex;justify-content:flex-end;align-items:center;padding:15px}.form-components-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:max(50vw,300px)}.main-footer{width:100%;display:flex;justify-content:flex-end;align-items:center;padding:15px}.tablet-gothic{font-family:tablet-gothic,sans-serif;font-weight:300;font-style:normal}.tablet-gothic-regular{font-family:tablet-gothic,sans-serif;font-weight:400;font-style:normal}.tablet-gothic-semibold{font-family:tablet-gothic,sans-serif;font-weight:600;font-style:normal}.tablet-gothic-bold{font-family:tablet-gothic,sans-serif;font-weight:700;font-style:normal}input::placeholder{color:#646464}.loading-animation{animation:loading 8s infinite}@keyframes loading{0%{fill:#262626}10%{fill:#00a8de}20%{fill:#333391}35%{fill:#e91388}50%{fill:#eb2d2e}75%{fill:#fde92b}90%{fill:#009e54}to{fill:#262626}}@media screen and (min-width: 500px){#root{flex-direction:row}}@media screen and (max-width: 500px){main{justify-content:flex-end}.form-components-wrapper{flex-direction:column-reverse}}