.page-module__aTmlCW__container{box-sizing:border-box;justify-content:center;align-items:center;min-height:100vh;display:flex}.page-module__aTmlCW__grid{grid-template-columns:80px repeat(10,1fr);grid-template-rows:40px repeat(7, var(--size-7));gap:var(--size-2);width:100%;max-width:1200px;display:grid}.page-module__aTmlCW__shadeLabel{font-size:var(--size-4);color:var(--fg-70);justify-content:center;align-items:center;font-weight:500;display:flex}.page-module__aTmlCW__colorLabel{text-transform:capitalize;font-weight:500;font-size:var(--size-4);color:var(--fg-70);padding-right:var(--size-3);box-sizing:border-box;justify-content:flex-end;align-items:center;display:flex}.page-module__aTmlCW__colorBox{border-radius:var(--size-1);transition:scale .2s}.page-module__aTmlCW__colorBox:hover{scale:1.05}.page-module__aTmlCW__colorBox:active{scale:.97}
:root{--red-cta:#ff495c;--orange-cta:#ff6200;--yellow-cta:#e2a30f;--green-cta:#57d26e;--cyan-cta:#36b7b7;--blue-cta:#009be2;--purple-cta:#9b74ee;--slate-cta:#9aafc0;--red-100:#31061a;--red-200:#501024;--red-300:#6f1a2e;--red-400:#8a1a28;--red-500:#c42e42;--red-600:#ff495c;--red-700:#ff7279;--red-800:#ff9a91;--red-900:#ffbfb8;--red-1000:#ffe0dd;--orange-100:#2e0d00;--orange-200:#4a1800;--orange-300:#6a2200;--orange-400:#8f2e00;--orange-500:#c24400;--orange-600:#ff6200;--orange-700:#ff8a3a;--orange-800:#ffad6e;--orange-900:#ffd0a8;--orange-1000:#ffede0;--yellow-100:#2b1901;--yellow-200:#472e03;--yellow-300:#624305;--yellow-400:#8a6008;--yellow-500:#b8820c;--yellow-600:#e2a30f;--yellow-700:#ecbc3e;--yellow-800:#f6d56c;--yellow-900:#fae9a0;--yellow-1000:#fdf4d0;--green-100:#032419;--green-200:#0a3b22;--green-300:#10512b;--green-400:#0d6b2a;--green-500:#1d9240;--green-600:#2eba56;--green-700:#57d26e;--green-800:#80ea8a;--green-900:#adf2b4;--green-1000:#d6f9da;--cyan-100:#041b1b;--cyan-200:#0c3030;--cyan-300:#134646;--cyan-400:#0a6868;--cyan-500:#208f8f;--cyan-600:#36b7b7;--cyan-700:#68d2d2;--cyan-800:#9aeae8;--cyan-900:#c4f2f1;--cyan-1000:#e2f9f8;--blue-100:#00122b;--blue-200:#001f42;--blue-300:#003159;--blue-400:#005a8a;--blue-500:#0078bc;--blue-600:#009be2;--blue-700:#38bbec;--blue-800:#62dbf6;--blue-900:#a8ecfb;--blue-1000:#d4f5fd;--purple-100:#170a30;--purple-200:#2a194d;--purple-300:#3f2a69;--purple-400:#4a2a8a;--purple-500:#7248be;--purple-600:#9b74ee;--purple-700:#bc97f4;--purple-800:#d2bafa;--purple-900:#e6d5fd;--purple-1000:#f3eefe;--slate-100:#0c161d;--slate-200:#141e27;--slate-300:#212b36;--slate-400:#4a6070;--slate-500:#728a9a;--slate-600:#9aafc0;--slate-700:#aebece;--slate-800:#c2cdd9;--slate-900:#dde4ea;--slate-1000:#eef1f4}[data-theme=light]{--red-100:#ffe4da;--red-200:#ffd3c8;--red-300:#ffc2b6;--red-400:#ff8880;--red-500:#ff5c68;--red-600:#b7244e;--red-700:#9e1a44;--red-800:#761030;--red-900:#5c0a2c;--red-1000:#31061a;--orange-100:#fff2e8;--orange-200:#ffe2c8;--orange-300:#ffd0a8;--orange-400:#ff9a50;--orange-500:#ff6200;--orange-600:#d44c00;--orange-700:#a83800;--orange-800:#7a2800;--orange-900:#571800;--orange-1000:#2e0d00;--yellow-100:#fdf5ce;--yellow-200:#fcf0b4;--yellow-300:#fce89d;--yellow-400:#f2cc6a;--yellow-500:#cdaa20;--yellow-600:#a26a07;--yellow-700:#885806;--yellow-800:#663e02;--yellow-900:#512e01;--yellow-1000:#2b1901;--green-100:#d9fbd5;--green-200:#b8f5b2;--green-300:#adf8ad;--green-400:#6be07a;--green-500:#44cc62;--green-600:#17854c;--green-700:#136b3e;--green-800:#0a5030;--green-900:#073d26;--green-1000:#032419;--cyan-100:#e6fffe;--cyan-200:#c8f8f7;--cyan-300:#c2f5f3;--cyan-400:#82e0df;--cyan-500:#4acccc;--cyan-600:#1d8686;--cyan-700:#156e6e;--cyan-800:#0a4e4e;--cyan-900:#093d3d;--cyan-1000:#041b1b;--blue-100:#cafafd;--blue-200:#a8f0fb;--blue-300:#97f0fc;--blue-400:#52ccee;--blue-500:#1eace8;--blue-600:#005aa2;--blue-700:#004d8a;--blue-800:#003268;--blue-900:#002655;--blue-1000:#00122b;--purple-100:#f5f0ff;--purple-200:#ede4fe;--purple-300:#e5d8fd;--purple-400:#c4a8f8;--purple-500:#a888f2;--purple-600:#683db8;--purple-700:#58309e;--purple-800:#3e1e7a;--purple-900:#2e1468;--purple-1000:#170a30;--slate-100:#f1f5f8;--slate-200:#e0eaf1;--slate-300:#dce4ec;--slate-400:#aabdcc;--slate-500:#6e90a8;--slate-600:#355267;--slate-700:#2a4358;--slate-800:#172b3a;--slate-900:#102030;--slate-1000:#0c161d}
.page-module__vSMbdq__container{box-sizing:border-box;justify-content:center;align-items:center;height:100vh;display:flex}