.theme_main{--color-ui-50: #fefefe;--color-ui-75: #fafaf9;--color-ui-100: #f5f5f4;--color-ui-200: #eaeae9;--color-ui-300: #dededc;--color-ui-400: #cdccc9;--color-ui-500: #bdbcb8;--color-ui-600: #a9a7a2;--color-ui-700: #929089;--color-ui-800: #84837c;--color-ui-900: #716f6a;--color-ui-1000: #5c5b56;--color-ui-1100: #464541;--color-ui-1200: #32312f;--color-ui-1300: #1e1d1c;--color-green-100: #eff8f1;--color-green-200: #d8efdd;--color-green-300: #c5e7cd;--color-green-400: #a5dab1;--color-green-500: #82cb92;--color-green-600: #5bbb71;--color-green-700: #31aa4c;--color-green-800: #2b9442;--color-green-900: #247f39;--color-green-1000: #1e6a2f;--color-green-1100: #195526;--color-green-1200: #13431e;--color-green-1300: #0f3317;--color-orange-100: #fef4f1;--color-orange-200: #fce6e0;--color-orange-300: #fbd8d0;--color-orange-400: #f8c1b4;--color-orange-500: #f5a896;--color-orange-600: #f28c75;--color-orange-700: #ef6d4f;--color-orange-800: #d45c40;--color-orange-900: #b54f37;--color-orange-1000: #97412e;--color-orange-1100: #7a3525;--color-orange-1200: #612a1d;--color-orange-1300: #492016;--color-red-100: #fdf3f3;--color-red-200: #fbe5e4;--color-red-300: #f9d5d4;--color-red-400: #f6bfbe;--color-red-500: #f3a9a8;--color-red-600: #ef8b89;--color-red-700: #ea6562;--color-red-800: #e74c48;--color-red-900: #d62824;--color-red-1000: #b0211e;--color-red-1100: #871917;--color-red-1200: #621211;--color-red-1300: #3c0b0a;--color-gray-100: #f4f5f6;--color-gray-200: #e9ebed;--color-gray-300: #dcdfe3;--color-gray-400: #caced4;--color-gray-500: #b6bbc4;--color-gray-600: #a1a8b3;--color-gray-700: #8e95a0;--color-gray-800: #7c828b;--color-gray-900: #6a6e77;--color-gray-1000: #585c63;--color-gray-1100: #474a50;--color-gray-1200: #383b3f;--color-gray-1300: #2b2c30;--color-primary-100: #f9f3fb;--color-primary-200: #f2e5f7;--color-primary-300: #ebd7f2;--color-primary-400: #e0c2ec;--color-primary-500: #d6ade5;--color-primary-600: #c993dd;--color-primary-700: #b975d3;--color-primary-800: #b063ce;--color-primary-900: #a245c4;--color-primary-1000: #8538a2;--color-primary-1100: #652b7b;--color-primary-1200: #481f58;--color-primary-1300: #2c1235;--color-classroom-icon: #d5204e;--color-course-icon-a: var(--color-primary-900);--color-course-icon-b: var(--color-primary-400);--color-course-icon-c: var(--color-ui-50)}.theme_blue{--color-primary-100: #ecf7fb;--color-primary-200: #d6eef7;--color-primary-300: #c0e5f3;--color-primary-400: #9bd6eb;--color-primary-500: #74c6e4;--color-primary-600: #48b3db;--color-primary-700: #179fd2;--color-primary-800: #008bbd;--color-primary-900: #0077a2;--color-primary-1000: #006287;--color-primary-1100: #00506e;--color-primary-1200: #004057;--color-primary-1300: #003042;--color-classroom-icon: #0096cd}.theme_teal{--color-primary-100: #eaf8f8;--color-primary-200: #d1f0f0;--color-primary-300: #b7e8e7;--color-primary-400: #8ddbd9;--color-primary-500: #5eccc9;--color-primary-600: #26bab7;--color-primary-700: #00a6a2;--color-primary-800: #00918d;--color-primary-900: #007b79;--color-primary-1000: #006764;--color-primary-1100: #005352;--color-primary-1200: #004241;--color-primary-1300: #003231;--color-classroom-icon: #00aeaa}.theme_green{--color-primary-100: var(--color-green-100);--color-primary-200: var(--color-green-200);--color-primary-300: var(--color-green-300);--color-primary-400: var(--color-green-400);--color-primary-500: var(--color-green-500);--color-primary-600: var(--color-green-600);--color-primary-700: var(--color-green-700);--color-primary-800: var(--color-green-800);--color-primary-900: var(--color-green-900);--color-primary-1000: var(--color-green-1000);--color-primary-1100: var(--color-green-1100);--color-primary-1200: var(--color-green-1200);--color-primary-1300: var(--color-green-1300);--color-classroom-icon: #31aa4c}.theme_citron{--color-primary-100: #f5f8e9;--color-primary-200: #e8edc9;--color-primary-300: #dde4ae;--color-primary-400: #c8d47d;--color-primary-500: #b4c44d;--color-primary-600: #9db116;--color-primary-700: #899e00;--color-primary-800: #778a00;--color-primary-900: #667500;--color-primary-1000: #546200;--color-primary-1100: #454f00;--color-primary-1200: #363e00;--color-primary-1300: #292f00;--color-classroom-icon: #93aa00}.theme_pizza{--color-primary-100: #fbf5e9;--color-primary-200: #f7e8cf;--color-primary-300: #f2dcb5;--color-primary-400: #ebc98b;--color-primary-500: #e3b35e;--color-primary-600: #da9c2e;--color-primary-700: #ce8500;--color-primary-800: #b47300;--color-primary-900: #996300;--color-primary-1000: #805200;--color-primary-1100: #674200;--color-primary-1200: #523400;--color-primary-1300: #3d2800;--color-classroom-icon: #d28700}.theme_orange{--color-primary-100: var(--color-orange-100);--color-primary-200: var(--color-orange-200);--color-primary-300: var(--color-orange-300);--color-primary-400: var(--color-orange-400);--color-primary-500: var(--color-orange-500);--color-primary-600: var(--color-orange-600);--color-primary-700: var(--color-orange-700);--color-primary-800: var(--color-orange-800);--color-primary-900: var(--color-orange-900);--color-primary-1000: var(--color-orange-1000);--color-primary-1100: var(--color-orange-1100);--color-primary-1200: var(--color-orange-1200);--color-primary-1300: var(--color-orange-1300);--color-classroom-icon: #ee6748}.theme_red{--color-primary-100: var(--color-red-100);--color-primary-200: var(--color-red-200);--color-primary-300: var(--color-red-300);--color-primary-400: var(--color-red-400);--color-primary-500: var(--color-red-500);--color-primary-600: var(--color-red-600);--color-primary-700: var(--color-red-700);--color-primary-800: var(--color-red-800);--color-primary-900: var(--color-red-900);--color-primary-1000: var(--color-red-1000);--color-primary-1100: var(--color-red-1100);--color-primary-1200: var(--color-red-1200);--color-primary-1300: var(--color-red-1300);--color-classroom-icon: #ea4b79}.theme_magenta{--color-primary-100: #fcf2fc;--color-primary-200: #f8e5f8;--color-primary-300: #f4d6f4;--color-primary-400: #eebfee;--color-primary-500: #e7a4e7;--color-primary-600: #e088e0;--color-primary-700: #d86ad8;--color-primary-800: #bf5abf;--color-primary-900: #a34ca3;--color-primary-1000: #874087;--color-primary-1100: #6e336e;--color-primary-1200: #562956;--color-primary-1300: #421f42;--color-classroom-icon: #d765d7}.theme_purple{--color-primary-100: #f8f4fd;--color-primary-200: #efe6fa;--color-primary-300: #e6d9f8;--color-primary-400: #d9c5f4;--color-primary-500: #cbaff0;--color-primary-600: #bb97eb;--color-primary-700: #ac7fe7;--color-primary-800: #9a69dc;--color-primary-900: #8459bc;--color-primary-1000: #6e4a9c;--color-primary-1100: #593c7e;--color-primary-1200: #462f64;--color-primary-1300: #35244b;--color-classroom-icon: #9f6ce3}.theme_course_3d{--color-primary-100: #ebf8f8;--color-primary-200: #d4eff1;--color-primary-300: #bce7e9;--color-primary-400: #98d9dd;--color-primary-500: #78c8ce;--color-primary-600: #5eb5bb;--color-primary-700: #44a2a9;--color-primary-800: #2d8e96;--color-primary-900: #277980;--color-primary-1000: #20646a;--color-primary-1100: #1a5156;--color-primary-1200: #144044;--color-primary-1300: #0f3033;--color-course-icon-a: #2e9199;--color-course-icon-b: #87d3d8}.theme_course_3d_code{--color-primary-100: #eff6fa;--color-primary-200: #dcecf3;--color-primary-300: #cae3ee;--color-primary-400: #acd3e4;--color-primary-500: #8dc3d9;--color-primary-600: #71b0ca;--color-primary-700: #569dbc;--color-primary-800: #3a8aad;--color-primary-900: #2d7696;--color-primary-1000: #26627d;--color-primary-1100: #1e5065;--color-primary-1200: #183e4f;--color-primary-1300: #122f3c;--color-course-icon-a: #3385a9;--color-course-icon-b: #8fc4da}.theme_course_ai{--color-primary-100: #f3f5fa;--color-primary-200: #e6ebf4;--color-primary-300: #d8e0ee;--color-primary-400: #c2cee5;--color-primary-500: #abbcdb;--color-primary-600: #94a8ce;--color-primary-700: #7e95c1;--color-primary-800: #6882b3;--color-primary-900: #556ea2;--color-primary-1000: #465b86;--color-primary-1100: #394a6d;--color-primary-1200: #2d3a56;--color-primary-1300: #222c41;--color-course-icon-a: #5873a9;--color-course-icon-b: #a4b6d8}.theme_course_be_internet_awesome{--color-primary-100: #eef7fc;--color-primary-200: #daedf8;--color-primary-300: #c5e3f4;--color-primary-400: #a6d4ef;--color-primary-500: #8ac1e9;--color-primary-600: #73ace5;--color-primary-700: #5c97e0;--color-primary-800: #4782d6;--color-primary-900: #3d6eb7;--color-primary-1000: #325c98;--color-primary-1100: #294a7b;--color-primary-1200: #203b61;--color-primary-1300: #182c4a;--color-course-icon-a: #4985dc;--color-course-icon-b: #98cdec}.theme_course_app{--color-primary-100: #f5f4fb;--color-primary-200: #ebe9f7;--color-primary-300: #dfddf2;--color-primary-400: #cecaeb;--color-primary-500: #bbb6e4;--color-primary-600: #a8a0dd;--color-primary-700: #958bd7;--color-primary-800: #8175d0;--color-primary-900: #6d63b9;--color-primary-1000: #5b529a;--color-primary-1100: #4a427d;--color-primary-1200: #3a3462;--color-primary-1300: #2c274a;--color-course-icon-a: #7a6ece;--color-course-icon-b: #bfbae5}.theme_course_cyber_security{--color-primary-100: #e9f8f5;--color-primary-200: #d0f1e9;--color-primary-300: #b7e9dd;--color-primary-400: #8cdcc8;--color-primary-500: #6dccb5;--color-primary-600: #51b9a0;--color-primary-700: #36a68b;--color-primary-800: #1d9276;--color-primary-900: #187c64;--color-primary-1000: #146753;--color-primary-1100: #105444;--color-primary-1200: #0d4236;--color-primary-1300: #0a3229;--color-course-icon-a: #1d9578;--color-course-icon-b: #7dd7c1}.theme_course_data{--color-primary-100: #faf7e1;--color-primary-200: #f3ecb8;--color-primary-300: #ece08e;--color-primary-400: #e1cf52;--color-primary-500: #d3bb3c;--color-primary-600: #c3a624;--color-primary-700: #b4900c;--color-primary-800: #9f7d06;--color-primary-900: #876b05;--color-primary-1000: #705904;--color-primary-1100: #5b4804;--color-primary-1200: #473903;--color-primary-1300: #362b02;--color-course-icon-a: #b18c07;--color-course-icon-b: #e2d053}.theme_course_design{--color-primary-100: #fdf3f7;--color-primary-200: #fbe5ee;--color-primary-300: #f9d6e5;--color-primary-400: #f5bfd6;--color-primary-500: #f1a4c5;--color-primary-600: #ed88b3;--color-primary-700: #e8699f;--color-primary-800: #e34386;--color-primary-900: #ce266c;--color-primary-1000: #ac205a;--color-primary-1100: #8c1a4a;--color-primary-1200: #70153b;--color-primary-1300: #55102d;--color-course-icon-a: #df2975;--color-course-icon-b: #f09cc0}.theme_course_digital_literacy{--color-primary-100: #f2f7e8;--color-primary-200: #e3eecd;--color-primary-300: #d5e5b4;--color-primary-400: #bfd78c;--color-primary-500: #a8c56b;--color-primary-600: #94b255;--color-primary-700: #809f3e;--color-primary-800: #6c8c2a;--color-primary-900: #5d7824;--color-primary-1000: #4d631e;--color-primary-1100: #3e5118;--color-primary-1200: #313f13;--color-primary-1300: #252f0e;--color-course-icon-a: #6f8f2b;--color-course-icon-b: #b5d17a}.theme_course_healthy_planet{--color-primary-100: #eef8ec;--color-primary-200: #dbf0d7;--color-primary-300: #c7e7c1;--color-primary-400: #a8da9f;--color-primary-500: #8dca83;--color-primary-600: #77b76c;--color-primary-700: #61a456;--color-primary-800: #4b9141;--color-primary-900: #407b37;--color-primary-1000: #35672e;--color-primary-1100: #2b5325;--color-primary-1200: #22411d;--color-primary-1300: #1a3116;--color-course-icon-a: #4d9442;--color-course-icon-b: #9bd591}.theme_course_intro{--color-primary-100: #fef4f0;--color-primary-200: #fee4da;--color-primary-300: #fdd6c8;--color-primary-400: #fcbfaa;--color-primary-500: #f9a695;--color-primary-600: #f48988;--color-primary-700: #ef6978;--color-primary-800: #e54767;--color-primary-900: #c43d58;--color-primary-1000: #a33349;--color-primary-1100: #84293b;--color-primary-1200: #68212f;--color-primary-1300: #501924;--color-course-icon-a: #ea4969;--color-course-icon-b: #fbb69d;--color-course-icon-c: #fef4f0}.theme_course_python{--color-primary-100: #f2f6fa;--color-primary-200: #e2ebf3;--color-primary-300: #d2e0ed;--color-primary-400: #bcd0e4;--color-primary-500: #a2bed9;--color-primary-600: #8cabca;--color-primary-700: #7698bb;--color-primary-800: #5f84ac;--color-primary-900: #507195;--color-primary-1000: #425e7b;--color-primary-1100: #364c64;--color-primary-1200: #2a3c4e;--color-primary-1300: #202d3c;--color-course-icon-a: #5a80a8;--color-course-icon-b: #a5c0db}.theme_course_scratch{--color-primary-100: #fff4e7;--color-primary-200: #ffe7cb;--color-primary-300: #ffd9ae;--color-primary-400: #ffc27c;--color-primary-500: #f5ac58;--color-primary-600: #e4973e;--color-primary-700: #d38224;--color-primary-800: #bf6d0f;--color-primary-900: #a35d0d;--color-primary-1000: #884d0a;--color-primary-1100: #6d3f08;--color-primary-1200: #573107;--color-primary-1300: #422505;--color-course-icon-a: #c4700f;--color-course-icon-b: #ffb866}.theme_course_special{--color-primary-100: #fdf4f4;--color-primary-200: #fbe6e6;--color-primary-300: #f8d7d7;--color-primary-400: #f4c1c1;--color-primary-500: #efa9a9;--color-primary-600: #ea8e8e;--color-primary-700: #e47272;--color-primary-800: #dd5252;--color-primary-900: #c34040;--color-primary-1000: #a33535;--color-primary-1100: #842b2b;--color-primary-1200: #692222;--color-primary-1300: #501a1a;--color-course-icon-a: #da4747;--color-course-icon-b: #efa7a7}.theme_course_storytelling{--color-primary-100: #eef8f3;--color-primary-200: #d9efe5;--color-primary-300: #c5e6d6;--color-primary-400: #a5d9c0;--color-primary-500: #88c8a9;--color-primary-600: #6db693;--color-primary-700: #52a47d;--color-primary-800: #3a9168;--color-primary-900: #317b58;--color-primary-1000: #296749;--color-primary-1100: #21533c;--color-primary-1200: #1a422f;--color-primary-1300: #143123;--color-course-icon-a: #3b946a;--color-course-icon-b: #98d3b7}.theme_course_vr{--color-primary-100: #fcf4fa;--color-primary-200: #f8e4f2;--color-primary-300: #f5d6ec;--color-primary-400: #f0bfe2;--color-primary-500: #e9a6d6;--color-primary-600: #e08cc8;--color-primary-700: #d771ba;--color-primary-800: #cd53ab;--color-primary-900: #b44194;--color-primary-1000: #96367c;--color-primary-1100: #7a2c64;--color-primary-1200: #60234f;--color-primary-1300: #4a1a3d;--color-course-icon-a: #c948a5;--color-course-icon-b: #ebacd9}.theme_course_web{--color-primary-100: #f1f6fa;--color-primary-200: #e1ebf5;--color-primary-300: #d1e0ef;--color-primary-400: #b9d0e7;--color-primary-500: #9ebfde;--color-primary-600: #80acd5;--color-primary-700: #6399cc;--color-primary-800: #4786bf;--color-primary-900: #3d72a3;--color-primary-1000: #325f87;--color-primary-1100: #294d6d;--color-primary-1200: #203c57;--color-primary-1300: #182e41;--color-course-icon-a: #4989c4;--color-course-icon-b: #aec9e3}