._queryContainer_1gn2i_1{width:100%;display:flex;flex-direction:column;padding:10px;gap:7.5px;overflow-y:auto}._paletteData_1gn2i_10{width:55%;display:flex;flex-direction:column;gap:7.5px}._paletteWrapper_1gn2i_17{display:flex;flex-direction:column;gap:7.5px;height:100%}._paletteHeader_1gn2i_24{width:100%;display:flex;justify-content:space-between;align-items:center}._paletteActions_1gn2i_31{width:45%;display:flex;flex-direction:column;gap:7.5px}._paletteActionButtons_1gn2i_38{width:100%;display:flex;gap:7.5px;justify-content:space-between;border:1px solid #333;border-radius:4px}@media screen and (min-width: 720px){._queryContainer_1gn2i_1{flex-direction:row}}@media screen and (max-width: 720px){._paletteData_1gn2i_10,._paletteActions_1gn2i_31{width:100%}}._preferences_pn640_1{display:flex;justify-content:space-evenly;flex-direction:column;width:100%;gap:10px}._downloadDialogButton_1ozvr_1{box-shadow:0 0 2px #0003;height:50px;aspect-ratio:1;background:none;color:#fff;display:flex;justify-content:center;padding:0 10px}._downloadButton_1ozvr_12{display:flex;height:50px;width:100%;background-color:#fff;color:#000;box-shadow:0 0 2px #0003}@media screen and (min-width: 500px){._buttonTextSpan_1rsej_2{padding-bottom:1.5px}}._palette_sjh9r_1{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;scrollbar-width:none;scroll-behavior:smooth;gap:5px}._swatch_sjh9r_12{width:100%;opacity:0;animation:_appear_sjh9r_1 1s ease;animation-fill-mode:forwards;border-radius:4px;cursor:pointer}._swatchSkeleton_sjh9r_21{width:100%;border-radius:4px}._colorLabel_sjh9r_29{background:#00000040;padding:0 10px;height:35px;border-radius:4px;color:#fff;min-width:85px;font-size:.85rem}._paletteDetails_sjh9r_39{border:1px solid #333333;height:140px;border-radius:4px;padding:7.5px 10px;display:flex;flex-direction:column;justify-content:space-between}._paletteDetails_sjh9r_39 span{display:flex;align-items:center;gap:5px}._paletteDetails_sjh9r_39 p{padding-bottom:1.25px}._detailsHeader_sjh9r_59{display:flex;justify-content:flex-start;align-items:center;font-size:.85rem;gap:5px;color:#666}._details_sjh9r_59{width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-around}@keyframes _appear_sjh9r_1{0%{opacity:0}to{opacity:1}}._commentSection_d7u19_1{border:1px solid #333;width:100%;max-height:500px;border-radius:4px;padding:10px;display:flex;flex-direction:column;gap:10px}._commentSectionForm_d7u19_12{display:flex;height:40px;justify-content:space-around;align-items:center}._commentSectionForm_d7u19_12 input{width:calc(100% - 100px);background:none;border:1px solid #333;border-radius:4px;padding:8px 10px}._commentSectionForm_d7u19_12 ._submitBtn_d7u19_26{width:40px;aspect-ratio:1;cursor:pointer;background-color:#333;border-radius:4px;font-weight:700;color:#fff}._commentSectionHeader_d7u19_37{display:flex;flex-direction:column;gap:5px;color:#666}._comments_d7u19_44{width:100%;height:100%;display:flex;flex-direction:column;gap:10px;overflow-y:auto}._comments_d7u19_44::-webkit-scrollbar{background-color:transparent;width:6px}._comments_d7u19_44::-webkit-scrollbar-thumb{background:#666;border-radius:20px}._comment_d7u19_1{width:100%;height:80px;display:flex;flex-direction:column;justify-content:space-evenly;padding:0 10px}._commentInfo_d7u19_73{display:flex;width:100%;justify-content:space-between;align-items:center;color:#333}._commentAuthor_d7u19_81{display:flex;gap:5px;align-items:center;color:#666;font-weight:700}._commentAuthor_d7u19_81 div{width:30px;border-radius:20px;aspect-ratio:1;background-color:#333}._badge_xyllb_1{background-color:#333;border-radius:25px;z-index:5;display:grid;place-items:center;cursor:pointer}._queryNameContainer_1r4ra_1{width:calc(100% - 50px);height:50px;border:1px 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}._discoverContainer_13e0j_1{width:100%;height:100%;padding:10px;display:flex;flex-direction:column;gap:10px}._discoverHeader_13e0j_11{width:100%;height:60px;padding:5px}._discoverHeader_13e0j_11 div:nth-of-type(1){display:flex;align-items:center;font-size:2rem;font-weight:700;gap:2.5px}._palettesContainer_13e0j_25{height:100%;width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));row-gap:12.5px}._sideBar_1knpk_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_1knpk_1 hr{width:100%;align-self:center}._mobileSideBar_1knpk_24{height:100dvh;max-height:100dvh;display:flex;flex-direction:column;align-self:flex-start;justify-content:space-between;background-color:#161616;box-shadow:5px 0 10px #00000080;overflow:hidden;text-wrap:nowrap;transition:width .4s ease}._mobileSideBar_1knpk_24 hr{width:100%;align-self:center}._sidebarStart_1knpk_43{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:10px}._menuTop_1knpk_52{display:flex;align-items:center;padding:10px 15px 0;width:100%}._scrollableContent_1knpk_59{width:100%;height:calc(100% - 80px);scroll-behavior:smooth;scrollbar-width:6px;scrollbar-color:#666666;display:flex;flex-direction:column;gap:20px}._scrollableContent_1knpk_59::-webkit-scrollbar{background-color:transparent;width:6px}._scrollableContent_1knpk_59::-webkit-scrollbar-thumb{background:#666;border-radius:20px}._modes_1knpk_80{display:flex;flex-direction:column;padding:0 5px;width:100%;justify-content:flex-start;gap:2px}._palettes_1knpk_89{display:flex;flex-direction:column;padding:5px;gap:2px;width:100%;height:auto;max-height:50vh}._palettes_1knpk_89 span{padding:0 10px;gap:5px;display:flex;align-items:center}._palettes_1knpk_89 span p{font-size:.85rem;cursor:default;color:#666}._palettes_1knpk_89 ul{display:flex;flex-direction:column;max-height:100%}._palettes_1knpk_89 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_1knpk_89 li:hover{background-color:#262626;border-radius:5px}._sidebarEnd_1knpk_136{width:100%;display:flex;flex-direction:column;justify-content:center;position:sticky;bottom:0;background-color:#161616}._account_1knpk_146{padding:5px;width:100%}@media screen and (min-width: 500px){._sideBar_1knpk_1{position:unset;align-self:unset;box-shadow:none;border-right:1px solid #262626;align-items:center}}._header_1jj5n_1{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 10px 0}@keyframes _appear_1jj5n_1{0%{opacity:.6}to{opacity:1}}@media screen and (min-width: 500px){._header_1jj5n_1{display:none}}._formWrapper_onghc_1{width:100%;height:100px;padding:1.25px;border-radius:25px;display:flex;justify-content:center;align-items:center}._formWrapper_onghc_1 button:enabled{cursor:pointer}._form_onghc_1{width:100%;height:100%;background-color:#262626;border-radius:25px}._inputTop_onghc_22{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_onghc_34{display:flex;width:100%;height:50%;justify-content:space-between;align-items:center;padding:0 8px}._hexMatch_onghc_43{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_onghc_43 svg{width:1rem;fill:currentColor}._hexMatch_onghc_43 p{margin-bottom:1.5px}._inputOptions_onghc_67{display:flex;justify-content:space-between;align-items:center;width:80px}@media screen and (max-width: 500px){._formWrapper_onghc_1{width:calc(100vw - 25px);margin-bottom:12.5px}}@property --gradient-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}:root{--clr-1: #00a8de;--clr-2: #333391;--clr-3: #e91388;--clr-4: #eb2d2e;--clr-5: #fde92b;--clr-6: #009e54}._form_onghc_1{position:relative}._form_onghc_1:before,._form_onghc_1:after{content:"";position:absolute;top:-.075rem;right:-.075rem;bottom:-.075rem;left:-.075rem;z-index:-1;background:conic-gradient(from var(--gradient-angle),var(--clr-1),var(--clr-2),var(--clr-3),var(--clr-4),var(--clr-3),var(--clr-2),var(--clr-1));border-radius:26px;animation:_rotation_onghc_1 15s linear infinite}._form_onghc_1:after{filter:blur(.2rem)}@keyframes _rotation_onghc_1{0%{--gradient-angle: 0deg}to{--gradient-angle: 360deg}}._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;align-items:center;width:100%;height:100%;position:relative;overflow-y:auto}.form-components-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:max(50vw,300px)}.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){.mobile-form-positioning{justify-content:flex-end}.form-components-wrapper{flex-direction:column-reverse}}