.pallete--items{width:2rem;height:2rem;margin-bottom:.5rem;border-radius:50%;cursor:pointer;border-width:2px;border-style:solid;opacity:.75;transition:all .1s}.pallete--items:hover,.pallete--items.pallete--active{opacity:1}.doc-warm{--gray: #958E88;--gray-25: #FDFCFC;--gray-50: #FBFAF9;--gray-75: #F8F7F5;--gray-100: #F6F4F2;--gray-125: #F0EEEB;--gray-150: #EAE7E5;--gray-175: #E4E1DE;--gray-200: #DEDBD8;--gray-225: #D8D4D1;--gray-250: #D2CECA;--gray-275: #CCC7C4;--gray-300: #C6C1BD;--gray-325: #BFBBB6;--gray-350: #B9B4B0;--gray-375: #B3AEA9;--gray-400: #ADA8A3;--gray-425: #A7A19C;--gray-450: #A19B95;--gray-475: #9B948F;--gray-500: #958E88;--gray-525: #8E8782;--gray-550: #88817B;--gray-575: #817A75;--gray-600: #7A746E;--gray-625: #736D68;--gray-650: #6D6661;--gray-675: #66605B;--gray-700: #5F5955;--gray-725: #58524E;--gray-750: #524C48;--gray-775: #4B4541;--gray-800: #443F3B;--gray-825: #3D3834;--gray-850: #37312E;--gray-875: #302B27;--gray-900: #292421;--gray-925: #1F1B19;--gray-950: #151211;--gray-975: #0A0908;--gray-a50: rgba(149, 142, 136, 0.05);--gray-a100: rgba(149, 142, 136, 0.1);--gray-a150: rgba(149, 142, 136, 0.15);--gray-a200: rgba(149, 142, 136, 0.2);--gray-a250: rgba(149, 142, 136, 0.25);--gray-a300: rgba(149, 142, 136, 0.3);--gray-a350: rgba(149, 142, 136, 0.35);--gray-a400: rgba(149, 142, 136, 0.4);--gray-a450: rgba(149, 142, 136, 0.45);--gray-a500: rgba(149, 142, 136, 0.5);--gray-a550: rgba(149, 142, 136, 0.55);--gray-a600: rgba(149, 142, 136, 0.6);--gray-a650: rgba(149, 142, 136, 0.65);--gray-a700: rgba(149, 142, 136, 0.7);--gray-a750: rgba(149, 142, 136, 0.75);--gray-a800: rgba(149, 142, 136, 0.8);--gray-a850: rgba(149, 142, 136, 0.85);--gray-a900: rgba(149, 142, 136, 0.9);--gray-a950: rgba(149, 142, 136, 0.95)}.doc-cool{--gray: #848E96;--gray-25: #FCFCFD;--gray-50: #F8FAFB;--gray-75: #F5F7F8;--gray-100: #F1F4F6;--gray-125: #EAEEF0;--gray-150: #E3E7EA;--gray-175: #DDE1E4;--gray-200: #D6DBDE;--gray-225: #CFD4D8;--gray-250: #C8CED2;--gray-275: #C1C7CC;--gray-300: #BBC1C6;--gray-325: #B4BBC0;--gray-350: #ADB4BA;--gray-375: #A6AEB4;--gray-400: #9FA8AE;--gray-425: #98A1A8;--gray-450: #929BA2;--gray-475: #8B949C;--gray-500: #848E96;--gray-525: #7E878F;--gray-550: #788188;--gray-575: #717A81;--gray-600: #6B747B;--gray-625: #656D74;--gray-650: #5F666D;--gray-675: #586066;--gray-700: #52595F;--gray-725: #4C5258;--gray-750: #464C51;--gray-775: #3F454A;--gray-800: #393F44;--gray-825: #33383D;--gray-850: #2D3136;--gray-875: #262B2F;--gray-900: #202428;--gray-925: #181B1E;--gray-950: #101214;--gray-975: #08090A;--gray-a50: rgba(132, 142, 150, 0.05);--gray-a100: rgba(132, 142, 150, 0.1);--gray-a150: rgba(132, 142, 150, 0.15);--gray-a200: rgba(132, 142, 150, 0.2);--gray-a250: rgba(132, 142, 150, 0.25);--gray-a300: rgba(132, 142, 150, 0.3);--gray-a350: rgba(132, 142, 150, 0.35);--gray-a400: rgba(132, 142, 150, 0.4);--gray-a450: rgba(132, 142, 150, 0.45);--gray-a500: rgba(132, 142, 150, 0.5);--gray-a550: rgba(132, 142, 150, 0.55);--gray-a600: rgba(132, 142, 150, 0.6);--gray-a650: rgba(132, 142, 150, 0.65);--gray-a700: rgba(132, 142, 150, 0.7);--gray-a750: rgba(132, 142, 150, 0.75);--gray-a800: rgba(132, 142, 150, 0.8);--gray-a850: rgba(132, 142, 150, 0.85);--gray-a900: rgba(132, 142, 150, 0.9);--gray-a950: rgba(132, 142, 150, 0.95)}.doc-blue{--app: #4283F2;--app-25: #F8FBFE;--app-50: #F1F6FE;--app-75: #EAF2FD;--app-100: #E3EDFC;--app-125: #D9E6FB;--app-150: #CFE0FB;--app-175: #C5D9FA;--app-200: #BBD3FA;--app-225: #B1CCF9;--app-250: #A7C5F8;--app-275: #9DBFF8;--app-300: #93B8F7;--app-325: #88B1F6;--app-350: #7EABF6;--app-375: #74A4F5;--app-400: #6A9EF5;--app-425: #6097F4;--app-450: #5690F3;--app-475: #4C8AF3;--app-500: #4283F2;--app-525: #3F7EEC;--app-550: #3B79E6;--app-575: #3874DF;--app-600: #346FD9;--app-625: #316AD3;--app-650: #2D65CD;--app-675: #2A60C7;--app-700: #265BC1;--app-725: #2355BA;--app-750: #1F50B4;--app-775: #1C4BAE;--app-800: #1846A8;--app-825: #1541A2;--app-850: #113C9B;--app-875: #0E3795;--app-900: #0A328F;--app-925: #08266B;--app-950: #051948;--app-975: #030D24;--app-a50: rgba(66, 131, 242, 0.05);--app-a100: rgba(66, 131, 242, 0.1);--app-a150: rgba(66, 131, 242, 0.15);--app-a200: rgba(66, 131, 242, 0.2);--app-a250: rgba(66, 131, 242, 0.25);--app-a300: rgba(66, 131, 242, 0.3);--app-a350: rgba(66, 131, 242, 0.35);--app-a400: rgba(66, 131, 242, 0.4);--app-a450: rgba(66, 131, 242, 0.45);--app-a500: rgba(66, 131, 242, 0.5);--app-a550: rgba(66, 131, 242, 0.55);--app-a600: rgba(66, 131, 242, 0.6);--app-a650: rgba(66, 131, 242, 0.65);--app-a700: rgba(66, 131, 242, 0.7);--app-a750: rgba(66, 131, 242, 0.75);--app-a800: rgba(66, 131, 242, 0.8);--app-a850: rgba(66, 131, 242, 0.85);--app-a900: rgba(66, 131, 242, 0.9);--app-a950: rgba(66, 131, 242, 0.95)}.doc-purple{--app: #C43BE4;--app-25: #FDF8FE;--app-50: #FBF2FD;--app-75: #F9EBFC;--app-100: #F7E4FB;--app-125: #F4D9FA;--app-150: #F1CFF8;--app-175: #EDC4F7;--app-200: #EABAF5;--app-225: #E7AFF4;--app-250: #E4A5F2;--app-275: #E19AF1;--app-300: #DE90F0;--app-325: #DA85EE;--app-350: #D77AED;--app-375: #D470EB;--app-400: #D165EA;--app-425: #CE5BE8;--app-450: #CA50E7;--app-475: #C746E5;--app-500: #C43BE4;--app-525: #BD38DD;--app-550: #B636D7;--app-575: #AF33D0;--app-600: #A930CA;--app-625: #A22EC3;--app-650: #9B2BBC;--app-675: #9428B6;--app-700: #8D26AF;--app-725: #8623A8;--app-750: #7F20A2;--app-775: #781D9B;--app-800: #721B95;--app-825: #6B188E;--app-850: #641587;--app-875: #5D1381;--app-900: #56107A;--app-925: #410C5C;--app-950: #2B083D;--app-975: #16041F;--app-a50: rgba(196, 59, 228, 0.05);--app-a100: rgba(196, 59, 228, 0.1);--app-a150: rgba(196, 59, 228, 0.15);--app-a200: rgba(196, 59, 228, 0.2);--app-a250: rgba(196, 59, 228, 0.25);--app-a300: rgba(196, 59, 228, 0.3);--app-a350: rgba(196, 59, 228, 0.35);--app-a400: rgba(196, 59, 228, 0.4);--app-a450: rgba(196, 59, 228, 0.45);--app-a500: rgba(196, 59, 228, 0.5);--app-a550: rgba(196, 59, 228, 0.55);--app-a600: rgba(196, 59, 228, 0.6);--app-a650: rgba(196, 59, 228, 0.65);--app-a700: rgba(196, 59, 228, 0.7);--app-a750: rgba(196, 59, 228, 0.75);--app-a800: rgba(196, 59, 228, 0.8);--app-a850: rgba(196, 59, 228, 0.85);--app-a900: rgba(196, 59, 228, 0.9);--app-a950: rgba(196, 59, 228, 0.95)}.doc-rose{--app: #FF3175;--app-25: #FFF8FA;--app-50: #FFF1F5;--app-75: #FFEAF0;--app-100: #FFE3EB;--app-125: #FFD8E4;--app-150: #FFCDDC;--app-175: #FFC2D5;--app-200: #FFB7CE;--app-225: #FFABC6;--app-250: #FFA0BF;--app-275: #FF95B7;--app-300: #FF8AB0;--app-325: #FF7FA9;--app-350: #FF74A1;--app-375: #FF699A;--app-400: #FF5E93;--app-425: #FF528B;--app-450: #FF4784;--app-475: #FF3C7C;--app-500: #FF3175;--app-525: #F72E71;--app-550: #F02B6D;--app-575: #E82869;--app-600: #E12566;--app-625: #D92262;--app-650: #D11F5E;--app-675: #CA1C5A;--app-700: #C21956;--app-725: #BA1552;--app-750: #B3124E;--app-775: #AB0F4A;--app-800: #A40C47;--app-825: #9C0943;--app-850: #94063F;--app-875: #8D033B;--app-900: #850037;--app-925: #640029;--app-950: #43001C;--app-975: #21000E;--app-a50: rgba(255, 49, 117, 0.05);--app-a100: rgba(255, 49, 117, 0.1);--app-a150: rgba(255, 49, 117, 0.15);--app-a200: rgba(255, 49, 117, 0.2);--app-a250: rgba(255, 49, 117, 0.25);--app-a300: rgba(255, 49, 117, 0.3);--app-a350: rgba(255, 49, 117, 0.35);--app-a400: rgba(255, 49, 117, 0.4);--app-a450: rgba(255, 49, 117, 0.45);--app-a500: rgba(255, 49, 117, 0.5);--app-a550: rgba(255, 49, 117, 0.55);--app-a600: rgba(255, 49, 117, 0.6);--app-a650: rgba(255, 49, 117, 0.65);--app-a700: rgba(255, 49, 117, 0.7);--app-a750: rgba(255, 49, 117, 0.75);--app-a800: rgba(255, 49, 117, 0.8);--app-a850: rgba(255, 49, 117, 0.85);--app-a900: rgba(255, 49, 117, 0.9);--app-a950: rgba(255, 49, 117, 0.95)}.doc-red{--app: #F23838;--app-25: #FFF8F7;--app-50: #FFF0F0;--app-75: #FEE9E8;--app-100: #FEE1E0;--app-125: #FDD6D6;--app-150: #FDCCCB;--app-175: #FCC1C1;--app-200: #FBB7B6;--app-225: #FAACAC;--app-250: #FAA2A1;--app-275: #F99797;--app-300: #F88D8C;--app-325: #F78282;--app-350: #F77777;--app-375: #F66D6D;--app-400: #F56262;--app-425: #F45858;--app-450: #F44D4D;--app-475: #F34343;--app-500: #F23838;--app-525: #EB3535;--app-550: #E43232;--app-575: #DD2E2F;--app-600: #D62B2C;--app-625: #CF2829;--app-650: #C82526;--app-675: #C12123;--app-700: #BA1E21;--app-725: #B21B1E;--app-750: #AB181B;--app-775: #A41418;--app-800: #9D1115;--app-825: #960E12;--app-850: #8F0B0F;--app-875: #88070C;--app-900: #810409;--app-925: #610307;--app-950: #410205;--app-975: #200102;--app-a50: rgba(242, 56, 56, 0.05);--app-a100: rgba(242, 56, 56, 0.1);--app-a150: rgba(242, 56, 56, 0.15);--app-a200: rgba(242, 56, 56, 0.2);--app-a250: rgba(242, 56, 56, 0.25);--app-a300: rgba(242, 56, 56, 0.3);--app-a350: rgba(242, 56, 56, 0.35);--app-a400: rgba(242, 56, 56, 0.4);--app-a450: rgba(242, 56, 56, 0.45);--app-a500: rgba(242, 56, 56, 0.5);--app-a550: rgba(242, 56, 56, 0.55);--app-a600: rgba(242, 56, 56, 0.6);--app-a650: rgba(242, 56, 56, 0.65);--app-a700: rgba(242, 56, 56, 0.7);--app-a750: rgba(242, 56, 56, 0.75);--app-a800: rgba(242, 56, 56, 0.8);--app-a850: rgba(242, 56, 56, 0.85);--app-a900: rgba(242, 56, 56, 0.9);--app-a950: rgba(242, 56, 56, 0.95)}.doc-orange{--app: #D99135;--app-25: #FEFCF9;--app-50: #FDF9F3;--app-75: #FBF5ED;--app-100: #FAF2E7;--app-125: #F8ECDC;--app-150: #F6E6D1;--app-175: #F4E0C6;--app-200: #F2DABB;--app-225: #F0D4AF;--app-250: #EECEA4;--app-275: #ECC899;--app-300: #EAC28E;--app-325: #E7BB83;--app-350: #E5B578;--app-375: #E3AF6D;--app-400: #E1A962;--app-425: #DFA356;--app-450: #DD9D4B;--app-475: #DB9740;--app-500: #D99135;--app-525: #D38C33;--app-550: #CC8831;--app-575: #C6832F;--app-600: #C07E2D;--app-625: #B9792B;--app-650: #B37529;--app-675: #AD7027;--app-700: #A76B26;--app-725: #A06624;--app-750: #9A6222;--app-775: #945D20;--app-800: #8D581E;--app-825: #87531C;--app-850: #814F1A;--app-875: #7A4A18;--app-900: #744516;--app-925: #573411;--app-950: #3A230B;--app-975: #1D1106;--app-a50: rgba(217, 145, 53, 0.05);--app-a100: rgba(217, 145, 53, 0.1);--app-a150: rgba(217, 145, 53, 0.15);--app-a200: rgba(217, 145, 53, 0.2);--app-a250: rgba(217, 145, 53, 0.25);--app-a300: rgba(217, 145, 53, 0.3);--app-a350: rgba(217, 145, 53, 0.35);--app-a400: rgba(217, 145, 53, 0.4);--app-a450: rgba(217, 145, 53, 0.45);--app-a500: rgba(217, 145, 53, 0.5);--app-a550: rgba(217, 145, 53, 0.55);--app-a600: rgba(217, 145, 53, 0.6);--app-a650: rgba(217, 145, 53, 0.65);--app-a700: rgba(217, 145, 53, 0.7);--app-a750: rgba(217, 145, 53, 0.75);--app-a800: rgba(217, 145, 53, 0.8);--app-a850: rgba(217, 145, 53, 0.85);--app-a900: rgba(217, 145, 53, 0.9);--app-a950: rgba(217, 145, 53, 0.95)}.doc-emerald{--app: #39B663;--app-25: #F9FDFA;--app-50: #F3FCF6;--app-75: #EDFAF1;--app-100: #E7F8EC;--app-125: #DCF4E3;--app-150: #D1F0DB;--app-175: #C6ECD2;--app-200: #BCE8CA;--app-225: #B1E3C1;--app-250: #A6DFB9;--app-275: #9BDBB0;--app-300: #90D7A8;--app-325: #85D39F;--app-350: #7ACF96;--app-375: #6FCB8E;--app-400: #65C785;--app-425: #5AC27D;--app-450: #4FBE74;--app-475: #44BA6C;--app-500: #39B663;--app-525: #37B161;--app-550: #36AB5E;--app-575: #34A65C;--app-600: #33A159;--app-625: #319B57;--app-650: #2F9654;--app-675: #2E9052;--app-700: #2C8B4F;--app-725: #2A864D;--app-750: #29804A;--app-775: #277B48;--app-800: #267645;--app-825: #247043;--app-850: #226B40;--app-875: #21653E;--app-900: #1F603B;--app-925: #17482C;--app-950: #10301E;--app-975: #08180F;--app-a50: rgba(57, 182, 99, 0.05);--app-a100: rgba(57, 182, 99, 0.1);--app-a150: rgba(57, 182, 99, 0.15);--app-a200: rgba(57, 182, 99, 0.2);--app-a250: rgba(57, 182, 99, 0.25);--app-a300: rgba(57, 182, 99, 0.3);--app-a350: rgba(57, 182, 99, 0.35);--app-a400: rgba(57, 182, 99, 0.4);--app-a450: rgba(57, 182, 99, 0.45);--app-a500: rgba(57, 182, 99, 0.5);--app-a550: rgba(57, 182, 99, 0.55);--app-a600: rgba(57, 182, 99, 0.6);--app-a650: rgba(57, 182, 99, 0.65);--app-a700: rgba(57, 182, 99, 0.7);--app-a750: rgba(57, 182, 99, 0.75);--app-a800: rgba(57, 182, 99, 0.8);--app-a850: rgba(57, 182, 99, 0.85);--app-a900: rgba(57, 182, 99, 0.9);--app-a950: rgba(57, 182, 99, 0.95)}.doc-light .pallete--items{border-color:#fff}.doc-light .pallete--items:hover,.doc-light .pallete--items.pallete--active{border-color:rgba(0,0,0,.2)}.doc-dark .pallete--items{border-color:var(--gray-800, #3F3F3F)}.doc-dark .pallete--items:hover,.doc-dark .pallete--items.pallete--active{border-color:rgba(255,255,255,.3)}