@import"https://fonts.googleapis.com/css2?family=Mogra&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap";:root{--neutral-600: #121212;--neutral-500: #525252;--neutral-400: #828282;--neutral-300: #a1a1a1;--neutral-200: #cccccc;--neutral-100: #e0e0e0;--font-lg: 1.75rem;--font-md: 1rem;--font-base: .875rem;--font-sm: .75rem;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Nunito Sans,sans-serif;line-height:1.5;font-weight:400;background-color:#fff;color:var(--neutral-500)}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-family:Mogra,system-ui;font-size:3.2em;line-height:1.1;color:var(--neutral-600)}button{border-radius:8px;border:1px solid var(--neutral-200);padding:.6em 1.2em;font-size:1em;font-weight:600;font-family:inherit;background-color:var(--neutral-500);color:var(--neutral-100);cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}main{max-width:1780px;margin-inline:auto;padding-inline:2em;padding-block:4em;display:grid;grid-template-columns:1fr 2fr;gap:2rem}@media not (min-width:525px){main{padding-inline:1em}}@media not (min-width:867px){main{grid-template-columns:1fr}}main .left .heading{margin-bottom:6rem}@media not (min-width:345px){main .left .heading h1{font-size:2em}}main .left .heading p{max-width:420px;margin-bottom:32px}@media not (min-width:377px){main .left .heading p{font-size:var(--font-base)}}._container_g2imj_1{position:sticky;top:4em;display:flex;flex-direction:column;gap:16px}._container_g2imj_1 ._urlInputGroup_g2imj_8{display:flex;flex-direction:column;gap:4px}._container_g2imj_1 ._urlInputGroup_g2imj_8 ._colorhuntUrl_g2imj_13{padding:10px 14px;border-radius:12px;border:1px solid var(--neutral-200);color:inherit;font-family:inherit;font-size:inherit}._container_g2imj_1 ._urlInputGroup_g2imj_8 ._colorhuntUrl_g2imj_13:focus{outline:none;border-color:#000}._container_g2imj_1 ._urlInputGroup_g2imj_8 ._colorhuntUrl_g2imj_13::placeholder{font-size:var(--font-base);color:var(--neutral-300)}._container_g2imj_1 ._urlInputGroup_g2imj_8 span{font-size:var(--font-sm);color:red}._container_pef9k_1{font-size:var(--font-sm);display:flex;flex-direction:column;gap:8px;justify-content:center}._container_pef9k_1 ._colors_pef9k_8{width:100%;height:50px;display:flex;border-radius:12px;overflow:hidden}._container_pef9k_1 ._colors_pef9k_8 ._color_pef9k_8{height:100%;cursor:pointer;transition:all .3s ease}._container_pef9k_1 ._colors_pef9k_8 ._color_pef9k_8:focus{outline:none}._container_pef9k_1 ._colors_pef9k_8 ._colorInput_pef9k_24{text-align:center;height:100%;font-family:inherit;font-weight:bolder;border:none;transition:all .5s ease;background-color:transparent}._container_pef9k_1 ._colors_pef9k_8 ._colorInput_pef9k_24:focus{border:none;outline:none}._container_pef9k_1 ._colors_pef9k_8 ._error_pef9k_38{color:red!important}._container_pef9k_1 ._colorTypes_pef9k_43{display:flex;flex-direction:column;gap:4px}._container_pef9k_1 ._colorTypes_pef9k_43 ._colorType_pef9k_43{display:flex;gap:8px;align-items:center}._container_pef9k_1 ._colorTypes_pef9k_43 ._colorType_pef9k_43 button{width:100%;background-color:#fff;color:inherit;display:flex;gap:.25rem;justify-content:center}._container_pef9k_1 ._colorTypes_pef9k_43 ._colorType_pef9k_43 button ._copiedText_pef9k_61,._container_pef9k_1 ._colorTypes_pef9k_43 ._colorType_pef9k_43 button ._typeText_pef9k_62{font-weight:bolder}._container_pef9k_1 ._colorTypes_pef9k_43 ._colorType_pef9k_43 button:focus{outline:none;border:1px solid black}._card_1n5hk_1{max-width:200px;border-radius:12px}._card_1n5hk_1 ._contents_1n5hk_6{width:100%;height:100%;aspect-ratio:2 / 3;padding-block:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}._card_1n5hk_1 ._contents_1n5hk_6 svg{width:80%}._cardContainer_1gd8v_1{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}@media not (min-width:1280px){._cardContainer_1gd8v_1{grid-template-columns:repeat(5,1fr)}}@media not (min-width:1080px){._cardContainer_1gd8v_1{grid-template-columns:repeat(3,1fr)}}@media not (min-width:867px){._cardContainer_1gd8v_1{grid-template-columns:repeat(4,1fr)}}@media not (min-width:711px){._cardContainer_1gd8v_1{grid-template-columns:repeat(3,1fr)}}@media not (min-width:376px){._cardContainer_1gd8v_1{grid-template-columns:repeat(2,1fr)}}._footer_3l6l0_1{width:100%;padding-bottom:4em;padding-inline:2em;text-align:center;color:var(--neutral-300);font-size:var(--font-sm)}@media not (min-width:525px){._footer_3l6l0_1{padding-inline:1em}}