._ovs-contain { overscroll-behavior: contain; } .is_Text .is_Text { display: inline-flex; } ._dsp_contents { display: contents; } :root { --color-1: rgba(255, 255, 255, 0); --color-2: rgba(255, 255, 255, 0.75); --color-3: rgba(255, 255, 255, 0.5); --color-4: rgba(255, 255, 255, 0.25); --color-5: rgba(10, 10, 10, 0); --color-6: rgba(10, 10, 10, 0.75); --color-7: rgba(10, 10, 10, 0.5); --color-8: rgba(10, 10, 10, 0.25); --color-9: #fff; --color-10: #f8f8f8; --color-11: hsl(0, 0%, 96.3%); --color-12: hsl(0, 0%, 94.1%); --color-13: hsl(0, 0%, 92%); --color-14: hsl(0, 0%, 90%); --color-15: hsl(0, 0%, 88.5%); --color-16: hsl(0, 0%, 81%); --color-17: hsl(0, 0%, 56.1%); --color-18: hsl(0, 0%, 50.3%); --color-19: hsl(0, 0%, 42.5%); --color-20: hsl(0, 0%, 9%); --color-21: #050505; --color-22: #151515; --color-23: #191919; --color-24: #232323; --color-25: #282828; --color-26: #323232; --color-27: #424242; --color-28: #494949; --color-29: #545454; --color-30: #626262; --color-31: #a5a5a5; --color-32: #fff; --color-33: hsl(206, 100%, 99.2%); --color-34: hsl(210, 100%, 98%); --color-35: hsl(209, 100%, 96.5%); --color-36: hsl(210, 98.8%, 94%); --color-37: hsl(209, 95%, 90.1%); --color-38: hsl(209, 81.2%, 84.5%); --color-39: hsl(208, 77.5%, 76.9%); --color-40: hsl(206, 81.9%, 65.3%); --color-41: hsl(206, 100%, 50%); --color-42: hsl(208, 100%, 47.3%); --color-43: hsl(211, 100%, 43.2%); --color-44: hsl(211, 100%, 15%); --color-45: hsl(0, 0%, 99%); --color-46: hsl(0, 0%, 97.3%); --color-47: hsl(0, 0%, 95.1%); --color-48: hsl(0, 0%, 93%); --color-49: hsl(0, 0%, 90.9%); --color-50: hsl(0, 0%, 88.7%); --color-51: hsl(0, 0%, 85.8%); --color-52: hsl(0, 0%, 78%); --color-53: hsl(0, 0%, 56.1%); --color-54: hsl(0, 0%, 52.3%); --color-55: hsl(0, 0%, 43.5%); --color-56: hsl(0, 0%, 9%); --color-57: hsl(136, 50%, 98.9%); --color-58: hsl(138, 62.5%, 96.9%); --color-59: hsl(139, 55.2%, 94.5%); --color-60: hsl(140, 48.7%, 91%); --color-61: hsl(141, 43.7%, 86%); --color-62: hsl(143, 40.3%, 79%); --color-63: hsl(146, 38.5%, 69%); --color-64: hsl(151, 40.2%, 54.1%); --color-65: hsl(151, 55%, 41.5%); --color-66: hsl(152, 57.5%, 37.6%); --color-67: hsl(153, 67%, 28.5%); --color-68: hsl(155, 40%, 14%); --color-69: hsl(24, 70%, 99%); --color-70: hsl(24, 83.3%, 97.6%); --color-71: hsl(24, 100%, 95.3%); --color-72: hsl(25, 100%, 92.2%); --color-73: hsl(25, 100%, 88.2%); --color-74: hsl(25, 100%, 82.8%); --color-75: hsl(24, 100%, 75.3%); --color-76: hsl(24, 94.5%, 64.3%); --color-77: hsl(24, 94%, 50%); --color-78: hsl(24, 100%, 46.5%); --color-79: hsl(24, 100%, 37%); --color-80: hsl(15, 60%, 17%); --color-81: hsl(322, 100%, 99.4%); --color-82: hsl(323, 100%, 98.4%); --color-83: hsl(323, 86.3%, 96.5%); --color-84: hsl(323, 78.7%, 94.2%); --color-85: hsl(323, 72.2%, 91.1%); --color-86: hsl(323, 66.3%, 86.6%); --color-87: hsl(323, 62%, 80.1%); --color-88: hsl(323, 60.3%, 72.4%); --color-89: hsl(322, 65%, 54.5%); --color-90: hsl(322, 63.9%, 50.7%); --color-91: hsl(322, 75%, 46%); --color-92: hsl(320, 70%, 13.5%); --color-93: hsl(280, 65%, 99.4%); --color-94: hsl(276, 100%, 99%); --color-95: hsl(276, 83.1%, 97%); --color-96: hsl(275, 76.4%, 94.7%); --color-97: hsl(275, 70.8%, 91.8%); --color-98: hsl(274, 65.4%, 87.8%); --color-99: hsl(273, 61%, 81.7%); --color-100: hsl(272, 60%, 73.5%); --color-101: hsl(272, 51%, 54%); --color-102: hsl(272, 46.8%, 50.3%); --color-103: hsl(272, 50%, 45.8%); --color-104: hsl(272, 66%, 16%); --color-105: hsl(359, 100%, 99.4%); --color-106: hsl(359, 100%, 98.6%); --color-107: hsl(360, 100%, 96.8%); --color-108: hsl(360, 97.9%, 94.8%); --color-109: hsl(360, 90.2%, 91.9%); --color-110: hsl(360, 81.7%, 87.8%); --color-111: hsl(359, 74.2%, 81.7%); --color-112: hsl(359, 69.5%, 74.3%); --color-113: hsl(358, 75%, 59%); --color-114: hsl(358, 69.4%, 55.2%); --color-115: hsl(358, 65%, 48.7%); --color-116: hsl(354, 50%, 14.6%); --color-117: hsl(60, 54%, 98.5%); --color-118: hsl(52, 100%, 95.5%); --color-119: hsl(55, 100%, 90.9%); --color-120: hsl(54, 100%, 86.6%); --color-121: hsl(52, 97.9%, 82%); --color-122: hsl(50, 89.4%, 76.1%); --color-123: hsl(47, 80.4%, 68%); --color-124: hsl(48, 100%, 46.1%); --color-125: hsl(53, 92%, 50%); --color-126: hsl(50, 100%, 48.5%); --color-127: hsl(42, 100%, 29%); --color-128: hsl(40, 55%, 13.5%); --color-129: hsl(212, 35%, 9.2%); --color-130: hsl(216, 50%, 11.8%); --color-131: hsl(214, 59.4%, 15.3%); --color-132: hsl(214, 65.8%, 17.9%); --color-133: hsl(213, 71.2%, 20.2%); --color-134: hsl(212, 77.4%, 23.1%); --color-135: hsl(211, 85.1%, 27.4%); --color-136: hsl(211, 89.7%, 34.1%); --color-137: hsl(206, 100%, 50%); --color-138: hsl(209, 100%, 60.6%); --color-139: hsl(210, 100%, 66.1%); --color-140: hsl(206, 98%, 95.8%); --color-141: hsl(0, 0%, 8.5%); --color-142: hsl(0, 0%, 11%); --color-143: hsl(0, 0%, 13.6%); --color-144: hsl(0, 0%, 15.8%); --color-145: hsl(0, 0%, 17.9%); --color-146: hsl(0, 0%, 20.5%); --color-147: hsl(0, 0%, 24.3%); --color-148: hsl(0, 0%, 31.2%); --color-149: hsl(0, 0%, 43.9%); --color-150: hsl(0, 0%, 49.4%); --color-151: hsl(0, 0%, 62.8%); --color-152: hsl(0, 0%, 93%); --color-153: hsl(146, 30%, 7.4%); --color-154: hsl(155, 44.2%, 8.4%); --color-155: hsl(155, 46.7%, 10.9%); --color-156: hsl(154, 48.4%, 12.9%); --color-157: hsl(154, 49.7%, 14.9%); --color-158: hsl(154, 50.9%, 17.6%); --color-159: hsl(153, 51.8%, 21.8%); --color-160: hsl(151, 51.7%, 28.4%); --color-161: hsl(151, 55%, 41.5%); --color-162: hsl(151, 49.3%, 46.5%); --color-163: hsl(151, 50%, 53.2%); --color-164: hsl(137, 72%, 94%); --color-165: hsl(30, 70%, 7.2%); --color-166: hsl(28, 100%, 8.4%); --color-167: hsl(26, 91.1%, 11.6%); --color-168: hsl(25, 88.3%, 14.1%); --color-169: hsl(24, 87.6%, 16.6%); --color-170: hsl(24, 88.6%, 19.8%); --color-171: hsl(24, 92.4%, 24%); --color-172: hsl(25, 100%, 29%); --color-173: hsl(24, 94%, 50%); --color-174: hsl(24, 100%, 58.5%); --color-175: hsl(24, 100%, 62.2%); --color-176: hsl(24, 97%, 93.2%); --color-177: hsl(318, 25%, 9.6%); --color-178: hsl(319, 32.2%, 11.6%); --color-179: hsl(319, 41%, 16%); --color-180: hsl(320, 45.4%, 18.7%); --color-181: hsl(320, 49%, 21.1%); --color-182: hsl(321, 53.6%, 24.4%); --color-183: hsl(321, 61.1%, 29.7%); --color-184: hsl(322, 74.9%, 37.5%); --color-185: hsl(322, 65%, 54.5%); --color-186: hsl(323, 72.8%, 59.2%); --color-187: hsl(325, 90%, 66.4%); --color-188: hsl(322, 90%, 95.8%); --color-189: hsl(284, 20%, 9.6%); --color-190: hsl(283, 30%, 11.8%); --color-191: hsl(281, 37.5%, 16.5%); --color-192: hsl(280, 41.2%, 20%); --color-193: hsl(279, 43.8%, 23.3%); --color-194: hsl(277, 46.4%, 27.5%); --color-195: hsl(275, 49.3%, 34.6%); --color-196: hsl(272, 52.1%, 45.9%); --color-197: hsl(272, 51%, 54%); --color-198: hsl(273, 57.3%, 59.1%); --color-199: hsl(275, 80%, 71%); --color-200: hsl(279, 75%, 95.7%); --color-201: hsl(353, 23%, 9.8%); --color-202: hsl(357, 34.4%, 12%); --color-203: hsl(356, 43.4%, 16.4%); --color-204: hsl(356, 47.6%, 19.2%); --color-205: hsl(356, 51.1%, 21.9%); --color-206: hsl(356, 55.2%, 25.9%); --color-207: hsl(357, 60.2%, 31.8%); --color-208: hsl(358, 65%, 40.4%); --color-209: hsl(358, 75%, 59%); --color-210: hsl(358, 85.3%, 64%); --color-211: hsl(358, 100%, 69.5%); --color-212: hsl(351, 89%, 96%); --color-213: hsl(45, 100%, 5.5%); --color-214: hsl(46, 100%, 6.7%); --color-215: hsl(45, 100%, 8.7%); --color-216: hsl(45, 100%, 10.4%); --color-217: hsl(47, 100%, 12.1%); --color-218: hsl(49, 100%, 14.3%); --color-219: hsl(49, 90.3%, 18.4%); --color-220: hsl(50, 100%, 22%); --color-221: hsl(53, 92%, 50%); --color-222: hsl(54, 100%, 68%); --color-223: hsl(48, 100%, 47%); --color-224: hsl(53, 100%, 91%); --radius-1: 0px; --radius-2: 3px; --radius-3: 5px; --radius-4: 7px; --radius-5: 9px; --radius-6: 10px; --radius-7: 16px; --radius-8: 19px; --radius-9: 22px; --radius-10: 26px; --radius-11: 34px; --radius-12: 42px; --radius-13: 50px; --radius-14: 9px; --zIndex-1: 0; --zIndex-2: 100; --zIndex-3: 200; --zIndex-4: 300; --zIndex-5: 400; --zIndex-6: 500; --space-1: 0px; --space-5: 2px; --space-7: 7px; --space-9: 13px; --space-11: 18px; --space-14: 24px; --space-15: 32px; --space-16: 39px; --space-17: 46px; --space-18: 53px; --space-19: 60px; --space-20: 74px; --space-21: 88px; --space-22: 102px; --space-23: 116px; --space-24: 130px; --space-25: 144px; --space-26: 144px; --space-27: 158px; --space-28: 172px; --space-29: 186px; --space-2: 0.5px; --space-3: 1px; --space-4: 1.5px; --space-6: 4px; --space-8: 10px; --space-10: 16px; --space-12: 18px; --space-13: 21px; --space-30: -0.5px; --space-31: -1px; --space-32: -1.5px; --space-33: -2px; --space-34: -4px; --space-35: -7px; --space-36: -10px; --space-37: -13px; --space-38: -16px; --space-39: -18px; --space-40: -18px; --space-41: -21px; --space-42: -24px; --space-43: -32px; --space-44: -39px; --space-45: -46px; --space-46: -53px; --space-47: -60px; --space-48: -74px; --space-49: -88px; --space-50: -102px; --space-51: -116px; --space-52: -130px; --space-53: -144px; --space-54: -144px; --space-55: -158px; --space-56: -172px; --space-57: -186px; --size-1: 0px; --size-5: 20px; --size-7: 28px; --size-9: 36px; --size-11: 44px; --size-14: 52px; --size-15: 64px; --size-16: 74px; --size-17: 84px; --size-18: 94px; --size-19: 104px; --size-20: 124px; --size-21: 144px; --size-22: 164px; --size-23: 184px; --size-24: 204px; --size-25: 224px; --size-26: 224px; --size-27: 244px; --size-28: 264px; --size-29: 284px; --size-2: 2px; --size-3: 4px; --size-4: 8px; --size-6: 24px; --size-8: 32px; --size-10: 40px; --size-12: 44px; --size-13: 48px; } :root .font_heading, :root .t_lang-heading-default .font_heading { --f-fa: Inter, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; --f-li-1: 22px; --f-li-2: 23px; --f-li-3: 24px; --f-li-4: 25px; --f-li-5: 24px; --f-li-6: 27px; --f-li-7: 32px; --f-li-8: 35px; --f-li-9: 40px; --f-li-10: 53px; --f-li-11: 66px; --f-li-12: 73px; --f-li-13: 84px; --f-li-14: 106px; --f-li-15: 130px; --f-li-16: 152px; --f-li-17: 25px; --f-we-1: 400; --f-we-2: 400; --f-we-3: 400; --f-we-4: 400; --f-we-5: 400; --f-we-6: 400; --f-we-7: 700; --f-we-8: 700; --f-we-9: 700; --f-we-10: 700; --f-we-11: 700; --f-we-12: 700; --f-we-13: 700; --f-we-14: 700; --f-we-15: 700; --f-we-16: 700; --f-we-17: 700; --f-21-1: 2px; --f-21-2: 2px; --f-21-3: 2px; --f-21-4: 2px; --f-21-5: 2px; --f-21-6: 1px; --f-21-7: 0px; --f-21-8: 0px; --f-21-9: -1px; --f-21-10: -1.5px; --f-21-11: -1.5px; --f-21-12: -2px; --f-21-13: -2px; --f-21-14: -3px; --f-21-15: -4px; --f-21-16: -4px; --f-21-17: -4px; --f-si-1: 11px; --f-si-2: 12px; --f-si-3: 13px; --f-si-4: 14px; --f-si-5: 13px; --f-si-6: 15px; --f-si-7: 20px; --f-si-8: 23px; --f-si-9: 32px; --f-si-10: 44px; --f-si-11: 55px; --f-si-12: 62px; --f-si-13: 72px; --f-si-14: 92px; --f-si-15: 114px; --f-si-16: 134px; --f-si-17: 14px; --f-tr-1: uppercase; --f-tr-2: uppercase; --f-tr-3: uppercase; --f-tr-4: uppercase; --f-tr-5: uppercase; --f-tr-6: uppercase; --f-tr-7: none; --f-tr-8: none; --f-tr-9: none; --f-tr-10: none; --f-tr-11: none; --f-tr-12: none; --f-tr-13: none; --f-tr-14: none; --f-tr-15: none; --f-tr-16: none; --f-tr-17: none; } :root .font_body, :root .t_lang-body-default .font_body { --f-fa: Inter, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; --f-li-1: 16px; --f-li-2: 21px; --f-li-3: 22px; --f-li-4: 23px; --f-li-5: 26px; --f-li-6: 28px; --f-li-7: 30px; --f-li-8: 33px; --f-li-9: 41px; --f-li-10: 59px; --f-li-11: 69px; --f-li-12: 76px; --f-li-13: 87px; --f-li-14: 109px; --f-li-15: 133px; --f-li-16: 155px; --f-li-17: 23px; --f-we-1: 400; --f-we-2: 400; --f-we-3: 400; --f-we-4: 400; --f-we-5: 400; --f-we-6: 400; --f-we-7: 600; --f-we-8: 600; --f-we-9: 600; --f-we-10: 600; --f-we-11: 600; --f-we-12: 600; --f-we-13: 600; --f-we-14: 600; --f-we-15: 600; --f-we-16: 600; --f-we-17: 600; --f-21-1: 0px; --f-21-2: 0px; --f-21-3: 0px; --f-21-4: 0px; --f-21-5: 0px; --f-21-6: 0px; --f-21-7: 0px; --f-21-8: 0px; --f-21-9: 0px; --f-21-10: 0px; --f-21-11: 0px; --f-21-12: 0px; --f-21-13: 0px; --f-21-14: 0px; --f-21-15: 0px; --f-21-16: 0px; --f-21-17: 0px; --f-si-1: 11px; --f-si-2: 12px; --f-si-3: 13px; --f-si-4: 14px; --f-si-5: 16px; --f-si-6: 18px; --f-si-7: 20px; --f-si-8: 23px; --f-si-9: 30px; --f-si-10: 46px; --f-si-11: 55px; --f-si-12: 62px; --f-si-13: 72px; --f-si-14: 92px; --f-si-15: 114px; --f-si-16: 134px; --f-si-17: 14px; } :root .font_mono, :root .t_lang-mono-default .font_mono { --f-fa: "ui-monospace", "SFMono-Regular", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; --f-si-1: 11px; --f-si-2: 12px; --f-si-3: 13px; --f-si-4: 14px; --f-si-5: 16px; --f-si-6: 18px; --f-si-7: 20px; --f-si-8: 22px; --f-si-9: 30px; --f-si-10: 42px; --f-si-11: 52px; --f-si-12: 62px; --f-si-13: 72px; --f-si-14: 92px; --f-si-15: 114px; --f-si-16: 124px; --f-li-1: 16.5px; --f-li-2: 18px; --f-li-3: 19.5px; --f-li-4: 21px; --f-li-5: 24px; --f-li-6: 27px; --f-li-7: 30px; --f-li-8: 33px; --f-li-9: 45px; --f-li-10: 63px; --f-li-11: 78px; --f-li-12: 93px; --f-li-13: 108px; --f-li-14: 138px; --f-li-15: 171px; --f-li-16: 186px; --f-we-1: 500; --f-we-2: 500; --f-we-3: 500; --f-we-4: 500; --f-we-5: 500; --f-we-6: 500; --f-we-7: 500; --f-we-8: 500; --f-we-9: 500; --f-we-10: 500; --f-we-11: 500; --f-we-12: 500; --f-we-13: 500; --f-we-14: 500; --f-we-15: 500; --f-we-16: 500; --f-21-1: 0px; --f-21-2: 0px; --f-21-3: 0px; --f-21-4: 0px; --f-21-5: 0px; --f-21-6: 0px; --f-21-7: 0px; --f-21-8: 0px; --f-21-9: 0px; --f-21-10: 0px; --f-21-11: 0px; --f-21-12: 0px; --f-21-13: 0px; --f-21-14: 0px; --f-21-15: 0px; --f-21-16: 0px; } :root .font_silkscreen, :root .t_lang-silkscreen-default .font_silkscreen { --f-fa: Silkscreen, Fira Code, Monaco, Consolas, Ubuntu Mono, monospace; --f-si-1: 11px; --f-si-2: 12px; --f-si-3: 13px; --f-si-4: 14px; --f-si-5: 15px; --f-si-6: 16px; --f-si-7: 18px; --f-si-8: 21px; --f-si-9: 28px; --f-si-10: 42px; --f-si-11: 52px; --f-si-12: 62px; --f-si-13: 72px; --f-si-14: 92px; --f-si-15: 114px; --f-si-16: 124px; --f-li-1: 19px; --f-li-2: 20px; --f-li-3: 22px; --f-li-4: 23px; --f-li-5: 24px; --f-li-6: 25px; --f-li-7: 28px; --f-li-8: 31px; --f-li-9: 40px; --f-li-10: 56px; --f-li-11: 68px; --f-li-12: 80px; --f-li-13: 92px; --f-li-14: 116px; --f-li-15: 143px; --f-li-16: 155px; --f-we-1: 300; --f-we-2: 300; --f-we-3: 300; --f-we-4: 300; --f-we-5: 300; --f-we-6: 300; --f-we-7: 300; --f-we-8: 300; --f-we-9: 300; --f-we-10: 300; --f-we-11: 300; --f-we-12: 300; --f-we-13: 300; --f-we-14: 300; --f-we-15: 300; --f-we-16: 300; --f-21-1: 1px; --f-21-2: 1px; --f-21-3: 1px; --f-21-4: 1px; --f-21-5: 3px; --f-21-6: 3px; --f-21-7: 3px; --f-21-8: 3px; --f-21-9: -2px; --f-21-10: -3px; --f-21-11: -3px; --f-21-12: -4px; --f-21-13: -4px; --f-21-14: -4px; --f-21-15: -4px; --f-21-16: -4px; } :root.t_dark .t_light, :root.t_dark .t_light .t_dark .t_light, :root.t_light, :root.t_light .t_dark .t_light { --accentBackground: var(--color-36); --accentColor: var(--color-132); --background0: var(--color-1); --background025: var(--color-4); --background05: var(--color-3); --background075: var(--color-2); --color1: var(--color-32); --color2: var(--color-10); --color3: var(--color-11); --color4: var(--color-12); --color5: var(--color-13); --color6: var(--color-14); --color7: var(--color-15); --color8: var(--color-16); --color9: var(--color-53); --color10: var(--color-18); --color11: var(--color-19); --color12: var(--color-56); --color0: var(--color-5); --color025: var(--color-8); --color05: var(--color-7); --color075: var(--color-6); --background: var(--color-32); --backgroundHover: var(--color-2); --backgroundPress: var(--color-10); --backgroundFocus: var(--color-10); --borderColor: var(--color-12); --borderColorHover: var(--color-11); --borderColorPress: var(--color-13); --borderColorFocus: var(--color-12); --color: var(--color-56); --colorHover: var(--color-19); --colorPress: var(--color-56); --colorFocus: var(--color-19); --colorTransparent: var(--color-5); --placeholderColor: var(--color-53); --outlineColor: var(--color-8); --blue1: var(--color-33); --blue2: var(--color-34); --blue3: var(--color-35); --blue4: var(--color-36); --blue5: var(--color-37); --blue6: var(--color-38); --blue7: var(--color-39); --blue8: var(--color-40); --blue9: var(--color-137); --blue10: var(--color-42); --blue11: var(--color-43); --blue12: var(--color-44); --gray1: var(--color-45); --gray2: var(--color-46); --gray3: var(--color-47); --gray4: var(--color-152); --gray5: var(--color-49); --gray6: var(--color-50); --gray7: var(--color-51); --gray8: var(--color-52); --gray9: var(--color-53); --gray10: var(--color-54); --gray11: var(--color-55); --gray12: var(--color-56); --green1: var(--color-57); --green2: var(--color-58); --green3: var(--color-59); --green4: var(--color-60); --green5: var(--color-61); --green6: var(--color-62); --green7: var(--color-63); --green8: var(--color-64); --green9: var(--color-161); --green10: var(--color-66); --green11: var(--color-67); --green12: var(--color-68); --orange1: var(--color-69); --orange2: var(--color-70); --orange3: var(--color-71); --orange4: var(--color-72); --orange5: var(--color-73); --orange6: var(--color-74); --orange7: var(--color-75); --orange8: var(--color-76); --orange9: var(--color-173); --orange10: var(--color-78); --orange11: var(--color-79); --orange12: var(--color-80); --pink1: var(--color-81); --pink2: var(--color-82); --pink3: var(--color-83); --pink4: var(--color-84); --pink5: var(--color-85); --pink6: var(--color-86); --pink7: var(--color-87); --pink8: var(--color-88); --pink9: var(--color-185); --pink10: var(--color-90); --pink11: var(--color-91); --pink12: var(--color-92); --purple1: var(--color-93); --purple2: var(--color-94); --purple3: var(--color-95); --purple4: var(--color-96); --purple5: var(--color-97); --purple6: var(--color-98); --purple7: var(--color-99); --purple8: var(--color-100); --purple9: var(--color-197); --purple10: var(--color-102); --purple11: var(--color-103); --purple12: var(--color-104); --red1: var(--color-105); --red2: var(--color-106); --red3: var(--color-107); --red4: var(--color-108); --red5: var(--color-109); --red6: var(--color-110); --red7: var(--color-111); --red8: var(--color-112); --red9: var(--color-209); --red10: var(--color-114); --red11: var(--color-115); --red12: var(--color-116); --yellow1: var(--color-117); --yellow2: var(--color-118); --yellow3: var(--color-119); --yellow4: var(--color-120); --yellow5: var(--color-121); --yellow6: var(--color-122); --yellow7: var(--color-123); --yellow8: var(--color-124); --yellow9: var(--color-221); --yellow10: var(--color-126); --yellow11: var(--color-127); --yellow12: var(--color-128); --shadowColor: rgba(0, 0, 0, 0.085); --shadowColorHover: rgba(0, 0, 0, 0.085); --shadowColorPress: rgba(0, 0, 0, 0.04); --shadowColorFocus: rgba(0, 0, 0, 0.04); } @media (prefers-color-scheme: light) { body { background: var(--background); color: var(--color); } :root, .t_dark .t_light { --accentBackground: var(--color-36); --accentColor: var(--color-132); --background0: var(--color-1); --background025: var(--color-4); --background05: var(--color-3); --background075: var(--color-2); --color1: var(--color-32); --color2: var(--color-10); --color3: var(--color-11); --color4: var(--color-12); --color5: var(--color-13); --color6: var(--color-14); --color7: var(--color-15); --color8: var(--color-16); --color9: var(--color-53); --color10: var(--color-18); --color11: var(--color-19); --color12: var(--color-56); --color0: var(--color-5); --color025: var(--color-8); --color05: var(--color-7); --color075: var(--color-6); --background: var(--color-32); --backgroundHover: var(--color-2); --backgroundPress: var(--color-10); --backgroundFocus: var(--color-10); --borderColor: var(--color-12); --borderColorHover: var(--color-11); --borderColorPress: var(--color-13); --borderColorFocus: var(--color-12); --color: var(--color-56); --colorHover: var(--color-19); --colorPress: var(--color-56); --colorFocus: var(--color-19); --colorTransparent: var(--color-5); --placeholderColor: var(--color-53); --outlineColor: var(--color-8); --blue1: var(--color-33); --blue2: var(--color-34); --blue3: var(--color-35); --blue4: var(--color-36); --blue5: var(--color-37); --blue6: var(--color-38); --blue7: var(--color-39); --blue8: var(--color-40); --blue9: var(--color-137); --blue10: var(--color-42); --blue11: var(--color-43); --blue12: var(--color-44); --gray1: var(--color-45); --gray2: var(--color-46); --gray3: var(--color-47); --gray4: var(--color-152); --gray5: var(--color-49); --gray6: var(--color-50); --gray7: var(--color-51); --gray8: var(--color-52); --gray9: var(--color-53); --gray10: var(--color-54); --gray11: var(--color-55); --gray12: var(--color-56); --green1: var(--color-57); --green2: var(--color-58); --green3: var(--color-59); --green4: var(--color-60); --green5: var(--color-61); --green6: var(--color-62); --green7: var(--color-63); --green8: var(--color-64); --green9: var(--color-161); --green10: var(--color-66); --green11: var(--color-67); --green12: var(--color-68); --orange1: var(--color-69); --orange2: var(--color-70); --orange3: var(--color-71); --orange4: var(--color-72); --orange5: var(--color-73); --orange6: var(--color-74); --orange7: var(--color-75); --orange8: var(--color-76); --orange9: var(--color-173); --orange10: var(--color-78); --orange11: var(--color-79); --orange12: var(--color-80); --pink1: var(--color-81); --pink2: var(--color-82); --pink3: var(--color-83); --pink4: var(--color-84); --pink5: var(--color-85); --pink6: var(--color-86); --pink7: var(--color-87); --pink8: var(--color-88); --pink9: var(--color-185); --pink10: var(--color-90); --pink11: var(--color-91); --pink12: var(--color-92); --purple1: var(--color-93); --purple2: var(--color-94); --purple3: var(--color-95); --purple4: var(--color-96); --purple5: var(--color-97); --purple6: var(--color-98); --purple7: var(--color-99); --purple8: var(--color-100); --purple9: var(--color-197); --purple10: var(--color-102); --purple11: var(--color-103); --purple12: var(--color-104); --red1: var(--color-105); --red2: var(--color-106); --red3: var(--color-107); --red4: var(--color-108); --red5: var(--color-109); --red6: var(--color-110); --red7: var(--color-111); --red8: var(--color-112); --red9: var(--color-209); --red10: var(--color-114); --red11: var(--color-115); --red12: var(--color-116); --yellow1: var(--color-117); --yellow2: var(--color-118); --yellow3: var(--color-119); --yellow4: var(--color-120); --yellow5: var(--color-121); --yellow6: var(--color-122); --yellow7: var(--color-123); --yellow8: var(--color-124); --yellow9: var(--color-221); --yellow10: var(--color-126); --yellow11: var(--color-127); --yellow12: var(--color-128); --shadowColor: rgba(0, 0, 0, 0.085); --shadowColorHover: rgba(0, 0, 0, 0.085); --shadowColorPress: rgba(0, 0, 0, 0.04); --shadowColorFocus: rgba(0, 0, 0, 0.04); } } .t_light ::selection { background: var(--color5); color: var(--color11); } :root.t_dark, :root.t_dark .t_light .t_dark, :root.t_light .t_dark, :root.t_light .t_dark .t_light .t_dark { --accentBackground: var(--color-132); --accentColor: var(--color-36); --background0: var(--color-5); --background025: var(--color-8); --background05: var(--color-7); --background075: var(--color-6); --color1: var(--color-21); --color2: var(--color-22); --color3: var(--color-23); --color4: var(--color-24); --color5: var(--color-25); --color6: var(--color-26); --color7: var(--color-27); --color8: var(--color-28); --color9: var(--color-29); --color10: var(--color-30); --color11: var(--color-31); --color12: var(--color-32); --color0: var(--color-1); --color025: var(--color-4); --color05: var(--color-3); --color075: var(--color-2); --background: var(--color-21); --backgroundHover: var(--color-22); --backgroundPress: var(--color-6); --backgroundFocus: var(--color-6); --borderColor: var(--color-24); --borderColorHover: var(--color-25); --borderColorPress: var(--color-23); --borderColorFocus: var(--color-24); --color: var(--color-32); --colorHover: var(--color-31); --colorPress: var(--color-32); --colorFocus: var(--color-31); --colorTransparent: var(--color-1); --placeholderColor: var(--color-29); --outlineColor: var(--color-4); --blue1: var(--color-129); --blue2: var(--color-130); --blue3: var(--color-131); --blue4: var(--color-132); --blue5: var(--color-133); --blue6: var(--color-134); --blue7: var(--color-135); --blue8: var(--color-136); --blue9: var(--color-137); --blue10: var(--color-138); --blue11: var(--color-139); --blue12: var(--color-140); --gray1: var(--color-141); --gray2: var(--color-142); --gray3: var(--color-143); --gray4: var(--color-144); --gray5: var(--color-145); --gray6: var(--color-146); --gray7: var(--color-147); --gray8: var(--color-148); --gray9: var(--color-149); --gray10: var(--color-150); --gray11: var(--color-151); --gray12: var(--color-152); --green1: var(--color-153); --green2: var(--color-154); --green3: var(--color-155); --green4: var(--color-156); --green5: var(--color-157); --green6: var(--color-158); --green7: var(--color-159); --green8: var(--color-160); --green9: var(--color-161); --green10: var(--color-162); --green11: var(--color-163); --green12: var(--color-164); --orange1: var(--color-165); --orange2: var(--color-166); --orange3: var(--color-167); --orange4: var(--color-168); --orange5: var(--color-169); --orange6: var(--color-170); --orange7: var(--color-171); --orange8: var(--color-172); --orange9: var(--color-173); --orange10: var(--color-174); --orange11: var(--color-175); --orange12: var(--color-176); --pink1: var(--color-177); --pink2: var(--color-178); --pink3: var(--color-179); --pink4: var(--color-180); --pink5: var(--color-181); --pink6: var(--color-182); --pink7: var(--color-183); --pink8: var(--color-184); --pink9: var(--color-185); --pink10: var(--color-186); --pink11: var(--color-187); --pink12: var(--color-188); --purple1: var(--color-189); --purple2: var(--color-190); --purple3: var(--color-191); --purple4: var(--color-192); --purple5: var(--color-193); --purple6: var(--color-194); --purple7: var(--color-195); --purple8: var(--color-196); --purple9: var(--color-197); --purple10: var(--color-198); --purple11: var(--color-199); --purple12: var(--color-200); --red1: var(--color-201); --red2: var(--color-202); --red3: var(--color-203); --red4: var(--color-204); --red5: var(--color-205); --red6: var(--color-206); --red7: var(--color-207); --red8: var(--color-208); --red9: var(--color-209); --red10: var(--color-210); --red11: var(--color-211); --red12: var(--color-212); --yellow1: var(--color-213); --yellow2: var(--color-214); --yellow3: var(--color-215); --yellow4: var(--color-216); --yellow5: var(--color-217); --yellow6: var(--color-218); --yellow7: var(--color-219); --yellow8: var(--color-220); --yellow9: var(--color-221); --yellow10: var(--color-222); --yellow11: var(--color-223); --yellow12: var(--color-224); --shadowColor: rgba(0, 0, 0, 0.3); --shadowColorHover: rgba(0, 0, 0, 0.3); --shadowColorPress: rgba(0, 0, 0, 0.2); --shadowColorFocus: rgba(0, 0, 0, 0.2); } @media (prefers-color-scheme: dark) { body { background: var(--background); color: var(--color); } :root, .t_light .t_dark { --accentBackground: var(--color-132); --accentColor: var(--color-36); --background0: var(--color-5); --background025: var(--color-8); --background05: var(--color-7); --background075: var(--color-6); --color1: var(--color-21); --color2: var(--color-22); --color3: var(--color-23); --color4: var(--color-24); --color5: var(--color-25); --color6: var(--color-26); --color7: var(--color-27); --color8: var(--color-28); --color9: var(--color-29); --color10: var(--color-30); --color11: var(--color-31); --color12: var(--color-32); --color0: var(--color-1); --color025: var(--color-4); --color05: var(--color-3); --color075: var(--color-2); --background: var(--color-21); --backgroundHover: var(--color-22); --backgroundPress: var(--color-6); --backgroundFocus: var(--color-6); --borderColor: var(--color-24); --borderColorHover: var(--color-25); --borderColorPress: var(--color-23); --borderColorFocus: var(--color-24); --color: var(--color-32); --colorHover: var(--color-31); --colorPress: var(--color-32); --colorFocus: var(--color-31); --colorTransparent: var(--color-1); --placeholderColor: var(--color-29); --outlineColor: var(--color-4); --blue1: var(--color-129); --blue2: var(--color-130); --blue3: var(--color-131); --blue4: var(--color-132); --blue5: var(--color-133); --blue6: var(--color-134); --blue7: var(--color-135); --blue8: var(--color-136); --blue9: var(--color-137); --blue10: var(--color-138); --blue11: var(--color-139); --blue12: var(--color-140); --gray1: var(--color-141); --gray2: var(--color-142); --gray3: var(--color-143); --gray4: var(--color-144); --gray5: var(--color-145); --gray6: var(--color-146); --gray7: var(--color-147); --gray8: var(--color-148); --gray9: var(--color-149); --gray10: var(--color-150); --gray11: var(--color-151); --gray12: var(--color-152); --green1: var(--color-153); --green2: var(--color-154); --green3: var(--color-155); --green4: var(--color-156); --green5: var(--color-157); --green6: var(--color-158); --green7: var(--color-159); --green8: var(--color-160); --green9: var(--color-161); --green10: var(--color-162); --green11: var(--color-163); --green12: var(--color-164); --orange1: var(--color-165); --orange2: var(--color-166); --orange3: var(--color-167); --orange4: var(--color-168); --orange5: var(--color-169); --orange6: var(--color-170); --orange7: var(--color-171); --orange8: var(--color-172); --orange9: var(--color-173); --orange10: var(--color-174); --orange11: var(--color-175); --orange12: var(--color-176); --pink1: var(--color-177); --pink2: var(--color-178); --pink3: var(--color-179); --pink4: var(--color-180); --pink5: var(--color-181); --pink6: var(--color-182); --pink7: var(--color-183); --pink8: var(--color-184); --pink9: var(--color-185); --pink10: var(--color-186); --pink11: var(--color-187); --pink12: var(--color-188); --purple1: var(--color-189); --purple2: var(--color-190); --purple3: var(--color-191); --purple4: var(--color-192); --purple5: var(--color-193); --purple6: var(--color-194); --purple7: var(--color-195); --purple8: var(--color-196); --purple9: var(--color-197); --purple10: var(--color-198); --purple11: var(--color-199); --purple12: var(--color-200); --red1: var(--color-201); --red2: var(--color-202); --red3: var(--color-203); --red4: var(--color-204); --red5: var(--color-205); --red6: var(--color-206); --red7: var(--color-207); --red8: var(--color-208); --red9: var(--color-209); --red10: var(--color-210); --red11: var(--color-211); --red12: var(--color-212); --yellow1: var(--color-213); --yellow2: var(--color-214); --yellow3: var(--color-215); --yellow4: var(--color-216); --yellow5: var(--color-217); --yellow6: var(--color-218); --yellow7: var(--color-219); --yellow8: var(--color-220); --yellow9: var(--color-221); --yellow10: var(--color-222); --yellow11: var(--color-223); --yellow12: var(--color-224); --shadowColor: rgba(0, 0, 0, 0.3); --shadowColorHover: rgba(0, 0, 0, 0.3); --shadowColorPress: rgba(0, 0, 0, 0.2); --shadowColorFocus: rgba(0, 0, 0, 0.2); } } .t_dark ::selection { background: var(--color5); color: var(--color11); } :root.t_dark .t_light .t_dark .t_light .t_orange, :root.t_dark .t_light .t_orange, :root.t_light .t_dark .t_light .t_orange, :root.t_light .t_orange { --accentBackground: var(--color-81); --accentColor: var(--color-92); --background0: hsla(24, 70%, 99%, 0); --background025: hsla(24, 70%, 99%, 0.25); --background05: hsla(24, 70%, 99%, 0.5); --background075: hsla(24, 70%, 99%, 0.75); --color1: var(--color-69); --color2: var(--color-70); --color3: var(--color-71); --color4: var(--color-72); --color5: var(--color-73); --color6: var(--color-74); --color7: var(--color-75); --color8: var(--color-76); --color9: var(--color-173); --color10: var(--color-78); --color11: var(--color-79); --color12: var(--color-80); --color0: hsla(24, 94%, 50%, 0); --color025: hsla(24, 94%, 50%, 0.25); --color05: hsla(24, 94%, 50%, 0.5); --color075: hsla(24, 94%, 50%, 0.75); --background: var(--color-69); --backgroundHover: hsla(24, 70%, 99%, 0.75); --backgroundPress: var(--color-70); --backgroundFocus: var(--color-70); --borderColor: var(--color-72); --borderColorHover: var(--color-71); --borderColorPress: var(--color-73); --borderColorFocus: var(--color-72); --color: var(--color-80); --colorHover: var(--color-79); --colorPress: var(--color-80); --colorFocus: var(--color-79); --colorTransparent: hsla(24, 94%, 50%, 0); --placeholderColor: var(--color-173); --outlineColor: hsla(24, 94%, 50%, 0.25); } @media (prefers-color-scheme: light) { body { background: var(--background); color: var(--color); } .t_dark .t_light .t_orange, .t_orange { --accentBackground: var(--color-81); --accentColor: var(--color-92); --background0: hsla(24, 70%, 99%, 0); --background025: hsla(24, 70%, 99%, 0.25); --background05: hsla(24, 70%, 99%, 0.5); --background075: hsla(24, 70%, 99%, 0.75); --color1: var(--color-69); --color2: var(--color-70); --color3: var(--color-71); --color4: var(--color-72); --color5: var(--color-73); --color6: var(--color-74); --color7: var(--color-75); --color8: var(--color-76); --color9: var(--color-173); --color10: var(--color-78); --color11: var(--color-79); --color12: var(--color-80); --color0: hsla(24, 94%, 50%, 0); --color025: hsla(24, 94%, 50%, 0.25); --color05: hsla(24, 94%, 50%, 0.5); --color075: hsla(24, 94%, 50%, 0.75); --background: var(--color-69); --backgroundHover: hsla(24, 70%, 99%, 0.75); --backgroundPress: var(--color-70); --backgroundFocus: var(--color-70); --borderColor: var(--color-72); --borderColorHover: var(--color-71); --borderColorPress: var(--color-73); --borderColorFocus: var(--color-72); --color: var(--color-80); --colorHover: var(--color-79); --colorPress: var(--color-80); --colorFocus: var(--color-79); --colorTransparent: hsla(24, 94%, 50%, 0); --placeholderColor: var(--color-173); --outlineColor: hsla(24, 94%, 50%, 0.25); } } .t_light_orange ::selection { background: var(--color5); color: var(--color11); } :root.t_dark .t_light .t_dark .t_light .t_yellow, :root.t_dark .t_light .t_yellow, :root.t_light .t_dark .t_light .t_yellow, :root.t_light .t_yellow { --accentBackground: var(--color-33); --accentColor: var(--color-44); --background0: hsla(60, 54%, 98.5%, 0); --background025: hsla(60, 54%, 98.5%, 0.25); --background05: hsla(60, 54%, 98.5%, 0.5); --background075: hsla(60, 54%, 98.5%, 0.75); --color1: var(--color-117); --color2: var(--color-118); --color3: var(--color-119); --color4: var(--color-120); --color5: var(--color-121); --color6: var(--color-122); --color7: var(--color-123); --color8: var(--color-124); --color9: var(--color-221); --color10: var(--color-126); --color11: var(--color-127); --color12: var(--color-128); --color0: hsla(53, 92%, 50%, 0); --color025: hsla(53, 92%, 50%, 0.25); --color05: hsla(53, 92%, 50%, 0.5); --color075: hsla(53, 92%, 50%, 0.75); --background: var(--color-117); --backgroundHover: hsla(60, 54%, 98.5%, 0.75); --backgroundPress: var(--color-118); --backgroundFocus: var(--color-118); --borderColor: var(--color-120); --borderColorHover: var(--color-119); --borderColorPress: var(--color-121); --borderColorFocus: var(--color-120); --color: var(--color-128); --colorHover: var(--color-127); --colorPress: var(--color-128); --colorFocus: var(--color-127); --colorTransparent: hsla(53, 92%, 50%, 0); --placeholderColor: var(--color-221); --outlineColor: hsla(53, 92%, 50%, 0.25); } @media (prefers-color-scheme: light) { body { background: var(--background); color: var(--color); } .t_dark .t_light .t_yellow, .t_yellow { --accentBackground: var(--color-33); --accentColor: var(--color-44); --background0: hsla(60, 54%, 98.5%, 0); --background025: hsla(60, 54%, 98.5%, 0.25); --background05: hsla(60, 54%, 98.5%, 0.5); --background075: hsla(60, 54%, 98.5%, 0.75); --color1: var(--color-117); --color2: var(--color-118); --color3: var(--color-119); --color4: var(--color-120); --color5: var(--color-121); --color6: var(--color-122); --color7: var(--color-123); --color8: var(--color-124); --color9: var(--color-221); --color10: var(--color-126); --color11: var(--color-127); --color12: var(--color-128); --color0: hsla(53, 92%, 50%, 0); --color025: hsla(53, 92%, 50%, 0.25); --color05: hsla(53, 92%, 50%, 0.5); --color075: hsla(53, 92%, 50%, 0.75); --background: var(--color-117); --backgroundHover: hsla(60, 54%, 98.5%, 0.75); --backgroundPress: var(--color-118); --backgroundFocus: var(--color-118); --borderColor: var(--color-120); --borderColorHover: var(--color-119); --borderColorPress: var(--color-121); --borderColorFocus: var(--color-120); --color: var(--color-128); --colorHover: var(--color-127); --colorPress: var(--color-128); --colorFocus: var(--color-127); --colorTransparent: hsla(53, 92%, 50%, 0); --placeholderColor: var(--color-221); --outlineColor: hsla(53, 92%, 50%, 0.25); } } .t_light_yellow ::selection { background: var(--color5); color: var(--color11); } :root.t_dark .t_light .t_dark .t_light .t_green, :root.t_dark .t_light .t_green, :root.t_light .t_dark .t_light .t_green, :root.t_light .t_green { --accentBackground: var(--color-69); --accentColor: var(--color-80); --background0: hsla(136, 50%, 98.9%, 0); --background025: hsla(136, 50%, 98.9%, 0.25); --background05: hsla(136, 50%, 98.9%, 0.5); --background075: hsla(136, 50%, 98.9%, 0.75); --color1: var(--color-57); --color2: var(--color-58); --color3: var(--color-59); --color4: var(--color-60); --color5: var(--color-61); --color6: var(--color-62); --color7: var(--color-63); --color8: var(--color-64); --color9: var(--color-161); --color10: var(--color-66); --color11: var(--color-67); --color12: var(--color-68); --color0: hsla(151, 55%, 41.5%, 0); --color025: hsla(151, 55%, 41.5%, 0.25); --color05: hsla(151, 55%, 41.5%, 0.5); --color075: hsla(151, 55%, 41.5%, 0.75); --background: var(--color-57); --backgroundHover: hsla(136, 50%, 98.9%, 0.75); --backgroundPress: var(--color-58); --backgroundFocus: var(--color-58); --borderColor: var(--color-60); --borderColorHover: var(--color-59); --borderColorPress: var(--color-61); --borderColorFocus: var(--color-60); --color: var(--color-68); --colorHover: var(--color-67); --colorPress: var(--color-68); --colorFocus: var(--color-67); --colorTransparent: hsla(151, 55%, 41.5%, 0); --placeholderColor: var(--color-161); --outlineColor: hsla(151, 55%, 41.5%, 0.25); } @media (prefers-color-scheme: light) { body { background: var(--background); color: var(--color); } .t_dark .t_light .t_green, .t_green { --accentBackground: var(--color-69); --accentColor: var(--color-80); --background0: hsla(136, 50%, 98.9%, 0); --background025: hsla(136, 50%, 98.9%, 0.25); --background05: hsla(136, 50%, 98.9%, 0.5); --background075: hsla(136, 50%, 98.9%, 0.75); --color1: var(--color-57); --color2: var(--color-58); --color3: var(--color-59); --color4: var(--color-60); --color5: var(--color-61); --color6: var(--color-62); --color7: var(--color-63); --color8: var(--color-64); --color9: var(--color-161); --color10: var(--color-66); --color11: var(--color-67); --color12: var(--color-68); --color0: hsla(151, 55%, 41.5%, 0); --color025: hsla(151, 55%, 41.5%, 0.25); --color05: hsla(151, 55%, 41.5%, 0.5); --color075: hsla(151, 55%, 41.5%, 0.75); --background: var(--color-57); --backgroundHover: hsla(136, 50%, 98.9%, 0.75); --backgroundPress: var(--color-58); --backgroundFocus: var(--color-58); --borderColor: var(--color-60); --borderColorHover: var(--color-59); --borderColorPress: var(--color-61); --borderColorFocus: var(--color-60); --color: var(--color-68); --colorHover: var(--color-67); --colorPress: var(--color-68); --colorFocus: var(--color-67); --colorTransparent: hsla(151, 55%, 41.5%, 0); --placeholderColor: var(--color-161); --outlineColor: hsla(151, 55%, 41.5%, 0.25); } } .t_light_green ::selection { background: var(--color5); color: var(--color11); } :root.t_dark .t_light .t_blue, :root.t_dark .t_light .t_dark .t_light .t_blue, :root.t_light .t_blue, :root.t_light .t_dark .t_light .t_blue { --accentBackground: var(--color-45); --accentColor: var(--color-56); --background0: hsla(206, 100%, 99.2%, 0); --background025: hsla(206, 100%, 99.2%, 0.25); --background05: hsla(206, 100%, 99.2%, 0.5); --background075: hsla(206, 100%, 99.2%, 0.75); --color1: var(--color-33); --color2: var(--color-34); --color3: var(--color-35); --color4: var(--color-36); --color5: var(--color-37); --color6: var(--color-38); --color7: var(--color-39); --color8: var(--color-40); --color9: var(--color-137); --color10: var(--color-42); --color11: var(--color-43); --color12: var(--color-44); --color0: hsla(206, 100%, 50%, 0); --color025: hsla(206, 100%, 50%, 0.25); --color05: hsla(206, 100%, 50%, 0.5); --color075: hsla(206, 100%, 50%, 0.75); --background: var(--color-33); --backgroundHover: hsla(206, 100%, 99.2%, 0.75); --backgroundPress: var(--color-34); --backgroundFocus: var(--color-34); --borderColor: var(--color-36); --borderColorHover: var(--color-35); --borderColorPress: var(--color-37); --borderColorFocus: var(--color-36); --color: var(--color-44); --colorHover: var(--color-43); --colorPress: var(--color-44); --colorFocus: var(--color-43); --colorTransparent: hsla(206, 100%, 50%, 0); --placeholderColor: var(--color-137); --outlineColor: hsla(206, 100%, 50%, 0.25); } @media (prefers-color-scheme: light) { body { background: var(--background); color: var(--color); } .t_blue, .t_dark .t_light .t_blue { --accentBackground: var(--color-45); --accentColor: var(--color-56); --background0: hsla(206, 100%, 99.2%, 0); --background025: hsla(206, 100%, 99.2%, 0.25); --background05: hsla(206, 100%, 99.2%, 0.5); --background075: hsla(206, 100%, 99.2%, 0.75); --color1: var(--color-33); --color2: var(--color-34); --color3: var(--color-35); --color4: var(--color-36); --color5: var(--color-37); --color6: var(--color-38); --color7: var(--color-39); --color8: var(--color-40); --color9: var(--color-137); --color10: var(--color-42); --color11: var(--color-43); --color12: var(--color-44); --color0: hsla(206, 100%, 50%, 0); --color025: hsla(206, 100%, 50%, 0.25); --color05: hsla(206, 100%, 50%, 0.5); --color075: hsla(206, 100%, 50%, 0.75); --background: var(--color-33); --backgroundHover: hsla(206, 100%, 99.2%, 0.75); --backgroundPress: var(--color-34); --backgroundFocus: var(--color-34); --borderColor: var(--color-36); --borderColorHover: var(--color-35); --borderColorPress: var(--color-37); --borderColorFocus: var(--color-36); --color: var(--color-44); --colorHover: var(--color-43); --colorPress: var(--color-44); --colorFocus: var(--color-43); --colorTransparent: hsla(206, 100%, 50%, 0); --placeholderColor: var(--color-137); --outlineColor: hsla(206, 100%, 50%, 0.25); } } .t_light_blue ::selection { background: var(--color5); color: var(--color11); } :root.t_dark .t_light .t_dark .t_light .t_purple, :root.t_dark .t_light .t_purple, :root.t_light .t_dark .t_light .t_purple, :root.t_light .t_purple { --accentBackground: var(--color-105); --accentColor: var(--color-116); --background0: hsla(280, 65%, 99.4%, 0); --background025: hsla(280, 65%, 99.4%, 0.25); --background05: hsla(280, 65%, 99.4%, 0.5); --background075: hsla(280, 65%, 99.4%, 0.75); --color1: var(--color-93); --color2: var(--color-94); --color3: var(--color-95); --color4: var(--color-96); --color5: var(--color-97); --color6: var(--color-98); --color7: var(--color-99); --color8: var(--color-100); --color9: var(--color-197); --color10: var(--color-102); --color11: var(--color-103); --color12: var(--color-104); --color0: hsla(272, 51%, 54%, 0); --color025: hsla(272, 51%, 54%, 0.25); --color05: hsla(272, 51%, 54%, 0.5); --color075: hsla(272, 51%, 54%, 0.75); --background: var(--color-93); --backgroundHover: hsla(280, 65%, 99.4%, 0.75); --backgroundPress: var(--color-94); --backgroundFocus: var(--color-94); --borderColor: var(--color-96); --borderColorHover: var(--color-95); --borderColorPress: var(--color-97); --borderColorFocus: var(--color-96); --color: var(--color-104); --colorHover: var(--color-103); --colorPress: var(--color-104); --colorFocus: var(--color-103); --colorTransparent: hsla(272, 51%, 54%, 0); --placeholderColor: var(--color-197); --outlineColor: hsla(272, 51%, 54%, 0.25); } @media (prefers-color-scheme: light) { body { background: var(--background); color: var(--color); } .t_dark .t_light .t_purple, .t_purple { --accentBackground: var(--color-105); --accentColor: var(--color-116); --background0: hsla(280, 65%, 99.4%, 0); --background025: hsla(280, 65%, 99.4%, 0.25); --background05: hsla(280, 65%, 99.4%, 0.5); --background075: hsla(280, 65%, 99.4%, 0.75); --color1: var(--color-93); --color2: var(--color-94); --color3: var(--color-95); --color4: var(--color-96); --color5: var(--color-97); --color6: var(--color-98); --color7: var(--color-99); --color8: var(--color-100); --color9: var(--color-197); --color10: var(--color-102); --color11: var(--color-103); --color12: var(--color-104); --color0: hsla(272, 51%, 54%, 0); --color025: hsla(272, 51%, 54%, 0.25); --color05: hsla(272, 51%, 54%, 0.5); --color075: hsla(272, 51%, 54%, 0.75); --background: var(--color-93); --backgroundHover: hsla(280, 65%, 99.4%, 0.75); --backgroundPress: var(--color-94); --backgroundFocus: var(--color-94); --borderColor: var(--color-96); --borderColorHover: var(--color-95); --borderColorPress: var(--color-97); --borderColorFocus: var(--color-96); --color: var(--color-104); --colorHover: var(--color-103); --colorPress: var(--color-104); --colorFocus: var(--color-103); --colorTransparent: hsla(272, 51%, 54%, 0); --placeholderColor: var(--color-197); --outlineColor: hsla(272, 51%, 54%, 0.25); } } .t_light_purple ::selection { background: var(--color5); color: var(--color11); } :root.t_dark .t_light .t_dark .t_light .t_pink, :root.t_dark .t_light .t_pink, :root.t_light .t_dark .t_light .t_pink, :root.t_light .t_pink { --accentBackground: var(--color-93); --accentColor: var(--color-104); --background0: hsla(322, 100%, 99.4%, 0); --background025: hsla(322, 100%, 99.4%, 0.25); --background05: hsla(322, 100%, 99.4%, 0.5); --background075: hsla(322, 100%, 99.4%, 0.75); --color1: var(--color-81); --color2: var(--color-82); --color3: var(--color-83); --color4: var(--color-84); --color5: var(--color-85); --color6: var(--color-86); --color7: var(--color-87); --color8: var(--color-88); --color9: var(--color-185); --color10: var(--color-90); --color11: var(--color-91); --color12: var(--color-92); --color0: hsla(322, 65%, 54.5%, 0); --color025: hsla(322, 65%, 54.5%, 0.25); --color05: hsla(322, 65%, 54.5%, 0.5); --color075: hsla(322, 65%, 54.5%, 0.75); --background: var(--color-81); --backgroundHover: hsla(322, 100%, 99.4%, 0.75); --backgroundPress: var(--color-82); --backgroundFocus: var(--color-82); --borderColor: var(--color-84); --borderColorHover: var(--color-83); --borderColorPress: var(--color-85); --borderColorFocus: var(--color-84); --color: var(--color-92); --colorHover: var(--color-91); --colorPress: var(--color-92); --colorFocus: var(--color-91); --colorTransparent: hsla(322, 65%, 54.5%, 0); --placeholderColor: var(--color-185); --outlineColor: hsla(322, 65%, 54.5%, 0.25); } @media (prefers-color-scheme: light) { body { background: var(--background); color: var(--color); } .t_dark .t_light .t_pink, .t_pink { --accentBackground: var(--color-93); --accentColor: var(--color-104); --background0: hsla(322, 100%, 99.4%, 0); --background025: hsla(322, 100%, 99.4%, 0.25); --background05: hsla(322, 100%, 99.4%, 0.5); --background075: hsla(322, 100%, 99.4%, 0.75); --color1: var(--color-81); --color2: var(--color-82); --color3: var(--color-83); --color4: var(--color-84); --color5: var(--color-85); --color6: var(--color-86); --color7: var(--color-87); --color8: var(--color-88); --color9: var(--color-185); --color10: var(--color-90); --color11: var(--color-91); --color12: var(--color-92); --color0: hsla(322, 65%, 54.5%, 0); --color025: hsla(322, 65%, 54.5%, 0.25); --color05: hsla(322, 65%, 54.5%, 0.5); --color075: hsla(322, 65%, 54.5%, 0.75); --background: var(--color-81); --backgroundHover: hsla(322, 100%, 99.4%, 0.75); --backgroundPress: var(--color-82); --backgroundFocus: var(--color-82); --borderColor: var(--color-84); --borderColorHover: var(--color-83); --borderColorPress: var(--color-85); --borderColorFocus: var(--color-84); --color: var(--color-92); --colorHover: var(--color-91); --colorPress: var(--color-92); --colorFocus: var(--color-91); --colorTransparent: hsla(322, 65%, 54.5%, 0); --placeholderColor: var(--color-185); --outlineColor: hsla(322, 65%, 54.5%, 0.25); } } .t_light_pink ::selection { background: var(--color5); color: var(--color11); } :root.t_dark .t_light .t_dark .t_light .t_red, :root.t_dark .t_light .t_red, :root.t_light .t_dark .t_light .t_red, :root.t_light .t_red { --accentBackground: var(--color-117); --accentColor: var(--color-128); --background0: hsla(359, 100%, 99.4%, 0); --background025: hsla(359, 100%, 99.4%, 0.25); --background05: hsla(359, 100%, 99.4%, 0.5); --background075: hsla(359, 100%, 99.4%, 0.75); --color1: var(--color-105); --color2: var(--color-106); --color3: var(--color-107); --color4: var(--color-108); --color5: var(--color-109); --color6: var(--color-110); --color7: var(--color-111); --color8: var(--color-112); --color9: var(--color-209); --color10: var(--color-114); --color11: var(--color-115); --color12: var(--color-116); --color0: hsla(358, 75%, 59%, 0); --color025: hsla(358, 75%, 59%, 0.25); --color05: hsla(358, 75%, 59%, 0.5); --color075: hsla(358, 75%, 59%, 0.75); --background: var(--color-105); --backgroundHover: hsla(359, 100%, 99.4%, 0.75); --backgroundPress: var(--color-106); --backgroundFocus: var(--color-106); --borderColor: var(--color-108); --borderColorHover: var(--color-107); --borderColorPress: var(--color-109); --borderColorFocus: var(--color-108); --color: var(--color-116); --colorHover: var(--color-115); --colorPress: var(--color-116); --colorFocus: var(--color-115); --colorTransparent: hsla(358, 75%, 59%, 0); --placeholderColor: var(--color-209); --outlineColor: hsla(358, 75%, 59%, 0.25); } @media (prefers-color-scheme: light) { body { background: var(--background); color: var(--color); } .t_dark .t_light .t_red, .t_red { --accentBackground: var(--color-117); --accentColor: var(--color-128); --background0: hsla(359, 100%, 99.4%, 0); --background025: hsla(359, 100%, 99.4%, 0.25); --background05: hsla(359, 100%, 99.4%, 0.5); --background075: hsla(359, 100%, 99.4%, 0.75); --color1: var(--color-105); --color2: var(--color-106); --color3: var(--color-107); --color4: var(--color-108); --color5: var(--color-109); --color6: var(--color-110); --color7: var(--color-111); --color8: var(--color-112); --color9: var(--color-209); --color10: var(--color-114); --color11: var(--color-115); --color12: var(--color-116); --color0: hsla(358, 75%, 59%, 0); --color025: hsla(358, 75%, 59%, 0.25); --color05: hsla(358, 75%, 59%, 0.5); --color075: hsla(358, 75%, 59%, 0.75); --background: var(--color-105); --backgroundHover: hsla(359, 100%, 99.4%, 0.75); --backgroundPress: var(--color-106); --backgroundFocus: var(--color-106); --borderColor: var(--color-108); --borderColorHover: var(--color-107); --borderColorPress: var(--color-109); --borderColorFocus: var(--color-108); --color: var(--color-116); --colorHover: var(--color-115); --colorPress: var(--color-116); --colorFocus: var(--color-115); --colorTransparent: hsla(358, 75%, 59%, 0); --placeholderColor: var(--color-209); --outlineColor: hsla(358, 75%, 59%, 0.25); } } .t_light_red ::selection { background: var(--color5); color: var(--color11); } :root.t_dark .t_light .t_dark .t_light .t_gray, :root.t_dark .t_light .t_gray, :root.t_light .t_dark .t_light .t_gray, :root.t_light .t_gray { --accentBackground: var(--color-57); --accentColor: var(--color-68); --background0: hsla(0, 0%, 99%, 0); --background025: hsla(0, 0%, 99%, 0.25); --background05: hsla(0, 0%, 99%, 0.5); --background075: hsla(0, 0%, 99%, 0.75); --color1: var(--color-45); --color2: var(--color-46); --color3: var(--color-47); --color4: var(--color-152); --color5: var(--color-49); --color6: var(--color-50); --color7: var(--color-51); --color8: var(--color-52); --color9: var(--color-53); --color10: var(--color-54); --color11: var(--color-55); --color12: var(--color-56); --color0: hsla(0, 0%, 56.1%, 0); --color025: hsla(0, 0%, 56.1%, 0.25); --color05: hsla(0, 0%, 56.1%, 0.5); --color075: hsla(0, 0%, 56.1%, 0.75); --background: var(--color-45); --backgroundHover: hsla(0, 0%, 99%, 0.75); --backgroundPress: var(--color-46); --backgroundFocus: var(--color-46); --borderColor: var(--color-152); --borderColorHover: var(--color-47); --borderColorPress: var(--color-49); --borderColorFocus: var(--color-152); --color: var(--color-56); --colorHover: var(--color-55); --colorPress: var(--color-56); --colorFocus: var(--color-55); --colorTransparent: hsla(0, 0%, 56.1%, 0); --placeholderColor: var(--color-53); --outlineColor: hsla(0, 0%, 56.1%, 0.25); } @media (prefers-color-scheme: light) { body { background: var(--background); color: var(--color); } .t_dark .t_light .t_gray, .t_gray { --accentBackground: var(--color-57); --accentColor: var(--color-68); --background0: hsla(0, 0%, 99%, 0); --background025: hsla(0, 0%, 99%, 0.25); --background05: hsla(0, 0%, 99%, 0.5); --background075: hsla(0, 0%, 99%, 0.75); --color1: var(--color-45); --color2: var(--color-46); --color3: var(--color-47); --color4: var(--color-152); --color5: var(--color-49); --color6: var(--color-50); --color7: var(--color-51); --color8: var(--color-52); --color9: var(--color-53); --color10: var(--color-54); --color11: var(--color-55); --color12: var(--color-56); --color0: hsla(0, 0%, 56.1%, 0); --color025: hsla(0, 0%, 56.1%, 0.25); --color05: hsla(0, 0%, 56.1%, 0.5); --color075: hsla(0, 0%, 56.1%, 0.75); --background: var(--color-45); --backgroundHover: hsla(0, 0%, 99%, 0.75); --backgroundPress: var(--color-46); --backgroundFocus: var(--color-46); --borderColor: var(--color-152); --borderColorHover: var(--color-47); --borderColorPress: var(--color-49); --borderColorFocus: var(--color-152); --color: var(--color-56); --colorHover: var(--color-55); --colorPress: var(--color-56); --colorFocus: var(--color-55); --colorTransparent: hsla(0, 0%, 56.1%, 0); --placeholderColor: var(--color-53); --outlineColor: hsla(0, 0%, 56.1%, 0.25); } } .t_light_gray ::selection { background: var(--color5); color: var(--color11); } :root.t_dark .t_light .t_dark .t_orange, :root.t_dark .t_orange, :root.t_light .t_dark .t_light .t_dark .t_orange, :root.t_light .t_dark .t_orange { --accentBackground: var(--color-81); --accentColor: var(--color-92); --background0: hsla(30, 70%, 7.2%, 0); --background025: hsla(30, 70%, 7.2%, 0.25); --background05: hsla(30, 70%, 7.2%, 0.5); --background075: hsla(30, 70%, 7.2%, 0.75); --color1: var(--color-165); --color2: var(--color-166); --color3: var(--color-167); --color4: var(--color-168); --color5: var(--color-169); --color6: var(--color-170); --color7: var(--color-171); --color8: var(--color-172); --color9: var(--color-173); --color10: var(--color-174); --color11: var(--color-175); --color12: var(--color-176); --color0: hsla(24, 94%, 50%, 0); --color025: hsla(24, 94%, 50%, 0.25); --color05: hsla(24, 94%, 50%, 0.5); --color075: hsla(24, 94%, 50%, 0.75); --background: var(--color-165); --backgroundHover: var(--color-166); --backgroundPress: hsla(30, 70%, 7.2%, 0.75); --backgroundFocus: hsla(30, 70%, 7.2%, 0.75); --borderColor: var(--color-168); --borderColorHover: var(--color-169); --borderColorPress: var(--color-167); --borderColorFocus: var(--color-168); --color: var(--color-176); --colorHover: var(--color-175); --colorPress: var(--color-176); --colorFocus: var(--color-175); --colorTransparent: hsla(24, 94%, 50%, 0); --placeholderColor: var(--color-173); --outlineColor: hsla(24, 94%, 50%, 0.25); } @media (prefers-color-scheme: dark) { body { background: var(--background); color: var(--color); } .t_light .t_dark .t_orange, .t_orange { --accentBackground: var(--color-81); --accentColor: var(--color-92); --background0: hsla(30, 70%, 7.2%, 0); --background025: hsla(30, 70%, 7.2%, 0.25); --background05: hsla(30, 70%, 7.2%, 0.5); --background075: hsla(30, 70%, 7.2%, 0.75); --color1: var(--color-165); --color2: var(--color-166); --color3: var(--color-167); --color4: var(--color-168); --color5: var(--color-169); --color6: var(--color-170); --color7: var(--color-171); --color8: var(--color-172); --color9: var(--color-173); --color10: var(--color-174); --color11: var(--color-175); --color12: var(--color-176); --color0: hsla(24, 94%, 50%, 0); --color025: hsla(24, 94%, 50%, 0.25); --color05: hsla(24, 94%, 50%, 0.5); --color075: hsla(24, 94%, 50%, 0.75); --background: var(--color-165); --backgroundHover: var(--color-166); --backgroundPress: hsla(30, 70%, 7.2%, 0.75); --backgroundFocus: hsla(30, 70%, 7.2%, 0.75); --borderColor: var(--color-168); --borderColorHover: var(--color-169); --borderColorPress: var(--color-167); --borderColorFocus: var(--color-168); --color: var(--color-176); --colorHover: var(--color-175); --colorPress: var(--color-176); --colorFocus: var(--color-175); --colorTransparent: hsla(24, 94%, 50%, 0); --placeholderColor: var(--color-173); --outlineColor: hsla(24, 94%, 50%, 0.25); } } .t_dark_orange ::selection { background: var(--color5); color: var(--color11); } :root.t_dark .t_light .t_dark .t_yellow, :root.t_dark .t_yellow, :root.t_light .t_dark .t_light .t_dark .t_yellow, :root.t_light .t_dark .t_yellow { --accentBackground: var(--color-33); --accentColor: var(--color-44); --background0: hsla(45, 100%, 5.5%, 0); --background025: hsla(45, 100%, 5.5%, 0.25); --background05: hsla(45, 100%, 5.5%, 0.5); --background075: hsla(45, 100%, 5.5%, 0.75); --color1: var(--color-213); --color2: var(--color-214); --color3: var(--color-215); --color4: var(--color-216); --color5: var(--color-217); --color6: var(--color-218); --color7: var(--color-219); --color8: var(--color-220); --color9: var(--color-221); --color10: var(--color-222); --color11: var(--color-223); --color12: var(--color-224); --color0: hsla(53, 92%, 50%, 0); --color025: hsla(53, 92%, 50%, 0.25); --color05: hsla(53, 92%, 50%, 0.5); --color075: hsla(53, 92%, 50%, 0.75); --background: var(--color-213); --backgroundHover: var(--color-214); --backgroundPress: hsla(45, 100%, 5.5%, 0.75); --backgroundFocus: hsla(45, 100%, 5.5%, 0.75); --borderColor: var(--color-216); --borderColorHover: var(--color-217); --borderColorPress: var(--color-215); --borderColorFocus: var(--color-216); --color: var(--color-224); --colorHover: var(--color-223); --colorPress: var(--color-224); --colorFocus: var(--color-223); --colorTransparent: hsla(53, 92%, 50%, 0); --placeholderColor: var(--color-221); --outlineColor: hsla(53, 92%, 50%, 0.25); } @media (prefers-color-scheme: dark) { body { background: var(--background); color: var(--color); } .t_light .t_dark .t_yellow, .t_yellow { --accentBackground: var(--color-33); --accentColor: var(--color-44); --background0: hsla(45, 100%, 5.5%, 0); --background025: hsla(45, 100%, 5.5%, 0.25); --background05: hsla(45, 100%, 5.5%, 0.5); --background075: hsla(45, 100%, 5.5%, 0.75); --color1: var(--color-213); --color2: var(--color-214); --color3: var(--color-215); --color4: var(--color-216); --color5: var(--color-217); --color6: var(--color-218); --color7: var(--color-219); --color8: var(--color-220); --color9: var(--color-221); --color10: var(--color-222); --color11: var(--color-223); --color12: var(--color-224); --color0: hsla(53, 92%, 50%, 0); --color025: hsla(53, 92%, 50%, 0.25); --color05: hsla(53, 92%, 50%, 0.5); --color075: hsla(53, 92%, 50%, 0.75); --background: var(--color-213); --backgroundHover: var(--color-214); --backgroundPress: hsla(45, 100%, 5.5%, 0.75); --backgroundFocus: hsla(45, 100%, 5.5%, 0.75); --borderColor: var(--color-216); --borderColorHover: var(--color-217); --borderColorPress: var(--color-215); --borderColorFocus: var(--color-216); --color: var(--color-224); --colorHover: var(--color-223); --colorPress: var(--color-224); --colorFocus: var(--color-223); --colorTransparent: hsla(53, 92%, 50%, 0); --placeholderColor: var(--color-221); --outlineColor: hsla(53, 92%, 50%, 0.25); } } .t_dark_yellow ::selection { background: var(--color5); color: var(--color11); } :root.t_dark .t_green, :root.t_dark .t_light .t_dark .t_green, :root.t_light .t_dark .t_green, :root.t_light .t_dark .t_light .t_dark .t_green { --accentBackground: var(--color-69); --accentColor: var(--color-80); --background0: hsla(146, 30%, 7.4%, 0); --background025: hsla(146, 30%, 7.4%, 0.25); --background05: hsla(146, 30%, 7.4%, 0.5); --background075: hsla(146, 30%, 7.4%, 0.75); --color1: var(--color-153); --color2: var(--color-154); --color3: var(--color-155); --color4: var(--color-156); --color5: var(--color-157); --color6: var(--color-158); --color7: var(--color-159); --color8: var(--color-160); --color9: var(--color-161); --color10: var(--color-162); --color11: var(--color-163); --color12: var(--color-164); --color0: hsla(151, 55%, 41.5%, 0); --color025: hsla(151, 55%, 41.5%, 0.25); --color05: hsla(151, 55%, 41.5%, 0.5); --color075: hsla(151, 55%, 41.5%, 0.75); --background: var(--color-153); --backgroundHover: var(--color-154); --backgroundPress: hsla(146, 30%, 7.4%, 0.75); --backgroundFocus: hsla(146, 30%, 7.4%, 0.75); --borderColor: var(--color-156); --borderColorHover: var(--color-157); --borderColorPress: var(--color-155); --borderColorFocus: var(--color-156); --color: var(--color-164); --colorHover: var(--color-163); --colorPress: var(--color-164); --colorFocus: var(--color-163); --colorTransparent: hsla(151, 55%, 41.5%, 0); --placeholderColor: var(--color-161); --outlineColor: hsla(151, 55%, 41.5%, 0.25); } @media (prefers-color-scheme: dark) { body { background: var(--background); color: var(--color); } .t_green, .t_light .t_dark .t_green { --accentBackground: var(--color-69); --accentColor: var(--color-80); --background0: hsla(146, 30%, 7.4%, 0); --background025: hsla(146, 30%, 7.4%, 0.25); --background05: hsla(146, 30%, 7.4%, 0.5); --background075: hsla(146, 30%, 7.4%, 0.75); --color1: var(--color-153); --color2: var(--color-154); --color3: var(--color-155); --color4: var(--color-156); --color5: var(--color-157); --color6: var(--color-158); --color7: var(--color-159); --color8: var(--color-160); --color9: var(--color-161); --color10: var(--color-162); --color11: var(--color-163); --color12: var(--color-164); --color0: hsla(151, 55%, 41.5%, 0); --color025: hsla(151, 55%, 41.5%, 0.25); --color05: hsla(151, 55%, 41.5%, 0.5); --color075: hsla(151, 55%, 41.5%, 0.75); --background: var(--color-153); --backgroundHover: var(--color-154); --backgroundPress: hsla(146, 30%, 7.4%, 0.75); --backgroundFocus: hsla(146, 30%, 7.4%, 0.75); --borderColor: var(--color-156); --borderColorHover: var(--color-157); --borderColorPress: var(--color-155); --borderColorFocus: var(--color-156); --color: var(--color-164); --colorHover: var(--color-163); --colorPress: var(--color-164); --colorFocus: var(--color-163); --colorTransparent: hsla(151, 55%, 41.5%, 0); --placeholderColor: var(--color-161); --outlineColor: hsla(151, 55%, 41.5%, 0.25); } } .t_dark_green ::selection { background: var(--color5); color: var(--color11); } :root.t_dark .t_blue, :root.t_dark .t_light .t_dark .t_blue, :root.t_light .t_dark .t_blue, :root.t_light .t_dark .t_light .t_dark .t_blue { --accentBackground: var(--color-45); --accentColor: var(--color-56); --background0: hsla(212, 35%, 9.2%, 0); --background025: hsla(212, 35%, 9.2%, 0.25); --background05: hsla(212, 35%, 9.2%, 0.5); --background075: hsla(212, 35%, 9.2%, 0.75); --color1: var(--color-129); --color2: var(--color-130); --color3: var(--color-131); --color4: var(--color-132); --color5: var(--color-133); --color6: var(--color-134); --color7: var(--color-135); --color8: var(--color-136); --color9: var(--color-137); --color10: var(--color-138); --color11: var(--color-139); --color12: var(--color-140); --color0: hsla(206, 100%, 50%, 0); --color025: hsla(206, 100%, 50%, 0.25); --color05: hsla(206, 100%, 50%, 0.5); --color075: hsla(206, 100%, 50%, 0.75); --background: var(--color-129); --backgroundHover: var(--color-130); --backgroundPress: hsla(212, 35%, 9.2%, 0.75); --backgroundFocus: hsla(212, 35%, 9.2%, 0.75); --borderColor: var(--color-132); --borderColorHover: var(--color-133); --borderColorPress: var(--color-131); --borderColorFocus: var(--color-132); --color: var(--color-140); --colorHover: var(--color-139); --colorPress: var(--color-140); --colorFocus: var(--color-139); --colorTransparent: hsla(206, 100%, 50%, 0); --placeholderColor: var(--color-137); --outlineColor: hsla(206, 100%, 50%, 0.25); } @media (prefers-color-scheme: dark) { body { background: var(--background); color: var(--color); } .t_blue, .t_light .t_dark .t_blue { --accentBackground: var(--color-45); --accentColor: var(--color-56); --background0: hsla(212, 35%, 9.2%, 0); --background025: hsla(212, 35%, 9.2%, 0.25); --background05: hsla(212, 35%, 9.2%, 0.5); --background075: hsla(212, 35%, 9.2%, 0.75); --color1: var(--color-129); --color2: var(--color-130); --color3: var(--color-131); --color4: var(--color-132); --color5: var(--color-133); --color6: var(--color-134); --color7: var(--color-135); --color8: var(--color-136); --color9: var(--color-137); --color10: var(--color-138); --color11: var(--color-139); --color12: var(--color-140); --color0: hsla(206, 100%, 50%, 0); --color025: hsla(206, 100%, 50%, 0.25); --color05: hsla(206, 100%, 50%, 0.5); --color075: hsla(206, 100%, 50%, 0.75); --background: var(--color-129); --backgroundHover: var(--color-130); --backgroundPress: hsla(212, 35%, 9.2%, 0.75); --backgroundFocus: hsla(212, 35%, 9.2%, 0.75); --borderColor: var(--color-132); --borderColorHover: var(--color-133); --borderColorPress: var(--color-131); --borderColorFocus: var(--color-132); --color: var(--color-140); --colorHover: var(--color-139); --colorPress: var(--color-140); --colorFocus: var(--color-139); --colorTransparent: hsla(206, 100%, 50%, 0); --placeholderColor: var(--color-137); --outlineColor: hsla(206, 100%, 50%, 0.25); } } .t_dark_blue ::selection { background: var(--color5); color: var(--color11); } :root.t_dark .t_light .t_dark .t_purple, :root.t_dark .t_purple, :root.t_light .t_dark .t_light .t_dark .t_purple, :root.t_light .t_dark .t_purple { --accentBackground: var(--color-105); --accentColor: var(--color-116); --background0: hsla(284, 20%, 9.6%, 0); --background025: hsla(284, 20%, 9.6%, 0.25); --background05: hsla(284, 20%, 9.6%, 0.5); --background075: hsla(284, 20%, 9.6%, 0.75); --color1: var(--color-189); --color2: var(--color-190); --color3: var(--color-191); --color4: var(--color-192); --color5: var(--color-193); --color6: var(--color-194); --color7: var(--color-195); --color8: var(--color-196); --color9: var(--color-197); --color10: var(--color-198); --color11: var(--color-199); --color12: var(--color-200); --color0: hsla(272, 51%, 54%, 0); --color025: hsla(272, 51%, 54%, 0.25); --color05: hsla(272, 51%, 54%, 0.5); --color075: hsla(272, 51%, 54%, 0.75); --background: var(--color-189); --backgroundHover: var(--color-190); --backgroundPress: hsla(284, 20%, 9.6%, 0.75); --backgroundFocus: hsla(284, 20%, 9.6%, 0.75); --borderColor: var(--color-192); --borderColorHover: var(--color-193); --borderColorPress: var(--color-191); --borderColorFocus: var(--color-192); --color: var(--color-200); --colorHover: var(--color-199); --colorPress: var(--color-200); --colorFocus: var(--color-199); --colorTransparent: hsla(272, 51%, 54%, 0); --placeholderColor: var(--color-197); --outlineColor: hsla(272, 51%, 54%, 0.25); } @media (prefers-color-scheme: dark) { body { background: var(--background); color: var(--color); } .t_light .t_dark .t_purple, .t_purple { --accentBackground: var(--color-105); --accentColor: var(--color-116); --background0: hsla(284, 20%, 9.6%, 0); --background025: hsla(284, 20%, 9.6%, 0.25); --background05: hsla(284, 20%, 9.6%, 0.5); --background075: hsla(284, 20%, 9.6%, 0.75); --color1: var(--color-189); --color2: var(--color-190); --color3: var(--color-191); --color4: var(--color-192); --color5: var(--color-193); --color6: var(--color-194); --color7: var(--color-195); --color8: var(--color-196); --color9: var(--color-197); --color10: var(--color-198); --color11: var(--color-199); --color12: var(--color-200); --color0: hsla(272, 51%, 54%, 0); --color025: hsla(272, 51%, 54%, 0.25); --color05: hsla(272, 51%, 54%, 0.5); --color075: hsla(272, 51%, 54%, 0.75); --background: var(--color-189); --backgroundHover: var(--color-190); --backgroundPress: hsla(284, 20%, 9.6%, 0.75); --backgroundFocus: hsla(284, 20%, 9.6%, 0.75); --borderColor: var(--color-192); --borderColorHover: var(--color-193); --borderColorPress: var(--color-191); --borderColorFocus: var(--color-192); --color: var(--color-200); --colorHover: var(--color-199); --colorPress: var(--color-200); --colorFocus: var(--color-199); --colorTransparent: hsla(272, 51%, 54%, 0); --placeholderColor: var(--color-197); --outlineColor: hsla(272, 51%, 54%, 0.25); } } .t_dark_purple ::selection { background: var(--color5); color: var(--color11); } :root.t_dark .t_light .t_dark .t_pink, :root.t_dark .t_pink, :root.t_light .t_dark .t_light .t_dark .t_pink, :root.t_light .t_dark .t_pink { --accentBackground: var(--color-93); --accentColor: var(--color-104); --background0: hsla(318, 25%, 9.6%, 0); --background025: hsla(318, 25%, 9.6%, 0.25); --background05: hsla(318, 25%, 9.6%, 0.5); --background075: hsla(318, 25%, 9.6%, 0.75); --color1: var(--color-177); --color2: var(--color-178); --color3: var(--color-179); --color4: var(--color-180); --color5: var(--color-181); --color6: var(--color-182); --color7: var(--color-183); --color8: var(--color-184); --color9: var(--color-185); --color10: var(--color-186); --color11: var(--color-187); --color12: var(--color-188); --color0: hsla(322, 65%, 54.5%, 0); --color025: hsla(322, 65%, 54.5%, 0.25); --color05: hsla(322, 65%, 54.5%, 0.5); --color075: hsla(322, 65%, 54.5%, 0.75); --background: var(--color-177); --backgroundHover: var(--color-178); --backgroundPress: hsla(318, 25%, 9.6%, 0.75); --backgroundFocus: hsla(318, 25%, 9.6%, 0.75); --borderColor: var(--color-180); --borderColorHover: var(--color-181); --borderColorPress: var(--color-179); --borderColorFocus: var(--color-180); --color: var(--color-188); --colorHover: var(--color-187); --colorPress: var(--color-188); --colorFocus: var(--color-187); --colorTransparent: hsla(322, 65%, 54.5%, 0); --placeholderColor: var(--color-185); --outlineColor: hsla(322, 65%, 54.5%, 0.25); } @media (prefers-color-scheme: dark) { body { background: var(--background); color: var(--color); } .t_light .t_dark .t_pink, .t_pink { --accentBackground: var(--color-93); --accentColor: var(--color-104); --background0: hsla(318, 25%, 9.6%, 0); --background025: hsla(318, 25%, 9.6%, 0.25); --background05: hsla(318, 25%, 9.6%, 0.5); --background075: hsla(318, 25%, 9.6%, 0.75); --color1: var(--color-177); --color2: var(--color-178); --color3: var(--color-179); --color4: var(--color-180); --color5: var(--color-181); --color6: var(--color-182); --color7: var(--color-183); --color8: var(--color-184); --color9: var(--color-185); --color10: var(--color-186); --color11: var(--color-187); --color12: var(--color-188); --color0: hsla(322, 65%, 54.5%, 0); --color025: hsla(322, 65%, 54.5%, 0.25); --color05: hsla(322, 65%, 54.5%, 0.5); --color075: hsla(322, 65%, 54.5%, 0.75); --background: var(--color-177); --backgroundHover: var(--color-178); --backgroundPress: hsla(318, 25%, 9.6%, 0.75); --backgroundFocus: hsla(318, 25%, 9.6%, 0.75); --borderColor: var(--color-180); --borderColorHover: var(--color-181); --borderColorPress: var(--color-179); --borderColorFocus: var(--color-180); --color: var(--color-188); --colorHover: var(--color-187); --colorPress: var(--color-188); --colorFocus: var(--color-187); --colorTransparent: hsla(322, 65%, 54.5%, 0); --placeholderColor: var(--color-185); --outlineColor: hsla(322, 65%, 54.5%, 0.25); } } .t_dark_pink ::selection { background: var(--color5); color: var(--color11); } :root.t_dark .t_light .t_dark .t_red, :root.t_dark .t_red, :root.t_light .t_dark .t_light .t_dark .t_red, :root.t_light .t_dark .t_red { --accentBackground: var(--color-117); --accentColor: var(--color-128); --background0: hsla(353, 23%, 9.8%, 0); --background025: hsla(353, 23%, 9.8%, 0.25); --background05: hsla(353, 23%, 9.8%, 0.5); --background075: hsla(353, 23%, 9.8%, 0.75); --color1: var(--color-201); --color2: var(--color-202); --color3: var(--color-203); --color4: var(--color-204); --color5: var(--color-205); --color6: var(--color-206); --color7: var(--color-207); --color8: var(--color-208); --color9: var(--color-209); --color10: var(--color-210); --color11: var(--color-211); --color12: var(--color-212); --color0: hsla(358, 75%, 59%, 0); --color025: hsla(358, 75%, 59%, 0.25); --color05: hsla(358, 75%, 59%, 0.5); --color075: hsla(358, 75%, 59%, 0.75); --background: var(--color-201); --backgroundHover: var(--color-202); --backgroundPress: hsla(353, 23%, 9.8%, 0.75); --backgroundFocus: hsla(353, 23%, 9.8%, 0.75); --borderColor: var(--color-204); --borderColorHover: var(--color-205); --borderColorPress: var(--color-203); --borderColorFocus: var(--color-204); --color: var(--color-212); --colorHover: var(--color-211); --colorPress: var(--color-212); --colorFocus: var(--color-211); --colorTransparent: hsla(358, 75%, 59%, 0); --placeholderColor: var(--color-209); --outlineColor: hsla(358, 75%, 59%, 0.25); } @media (prefers-color-scheme: dark) { body { background: var(--background); color: var(--color); } .t_light .t_dark .t_red, .t_red { --accentBackground: var(--color-117); --accentColor: var(--color-128); --background0: hsla(353, 23%, 9.8%, 0); --background025: hsla(353, 23%, 9.8%, 0.25); --background05: hsla(353, 23%, 9.8%, 0.5); --background075: hsla(353, 23%, 9.8%, 0.75); --color1: var(--color-201); --color2: var(--color-202); --color3: var(--color-203); --color4: var(--color-204); --color5: var(--color-205); --color6: var(--color-206); --color7: var(--color-207); --color8: var(--color-208); --color9: var(--color-209); --color10: var(--color-210); --color11: var(--color-211); --color12: var(--color-212); --color0: hsla(358, 75%, 59%, 0); --color025: hsla(358, 75%, 59%, 0.25); --color05: hsla(358, 75%, 59%, 0.5); --color075: hsla(358, 75%, 59%, 0.75); --background: var(--color-201); --backgroundHover: var(--color-202); --backgroundPress: hsla(353, 23%, 9.8%, 0.75); --backgroundFocus: hsla(353, 23%, 9.8%, 0.75); --borderColor: var(--color-204); --borderColorHover: var(--color-205); --borderColorPress: var(--color-203); --borderColorFocus: var(--color-204); --color: var(--color-212); --colorHover: var(--color-211); --colorPress: var(--color-212); --colorFocus: var(--color-211); --colorTransparent: hsla(358, 75%, 59%, 0); --placeholderColor: var(--color-209); --outlineColor: hsla(358, 75%, 59%, 0.25); } } .t_dark_red ::selection { background: var(--color5); color: var(--color11); } :root.t_dark .t_gray, :root.t_dark .t_light .t_dark .t_gray, :root.t_light .t_dark .t_gray, :root.t_light .t_dark .t_light .t_dark .t_gray { --accentBackground: var(--color-57); --accentColor: var(--color-68); --background0: hsla(0, 0%, 8.5%, 0); --background025: hsla(0, 0%, 8.5%, 0.25); --background05: hsla(0, 0%, 8.5%, 0.5); --background075: hsla(0, 0%, 8.5%, 0.75); --color1: var(--color-141); --color2: var(--color-142); --color3: var(--color-143); --color4: var(--color-144); --color5: var(--color-145); --color6: var(--color-146); --color7: var(--color-147); --color8: var(--color-148); --color9: var(--color-149); --color10: var(--color-150); --color11: var(--color-151); --color12: var(--color-152); --color0: hsla(0, 0%, 43.9%, 0); --color025: hsla(0, 0%, 43.9%, 0.25); --color05: hsla(0, 0%, 43.9%, 0.5); --color075: hsla(0, 0%, 43.9%, 0.75); --background: var(--color-141); --backgroundHover: var(--color-142); --backgroundPress: hsla(0, 0%, 8.5%, 0.75); --backgroundFocus: hsla(0, 0%, 8.5%, 0.75); --borderColor: var(--color-144); --borderColorHover: var(--color-145); --borderColorPress: var(--color-143); --borderColorFocus: var(--color-144); --color: var(--color-152); --colorHover: var(--color-151); --colorPress: var(--color-152); --colorFocus: var(--color-151); --colorTransparent: hsla(0, 0%, 43.9%, 0); --placeholderColor: var(--color-149); --outlineColor: hsla(0, 0%, 43.9%, 0.25); } @media (prefers-color-scheme: dark) { body { background: var(--background); color: var(--color); } .t_gray, .t_light .t_dark .t_gray { --accentBackground: var(--color-57); --accentColor: var(--color-68); --background0: hsla(0, 0%, 8.5%, 0); --background025: hsla(0, 0%, 8.5%, 0.25); --background05: hsla(0, 0%, 8.5%, 0.5); --background075: hsla(0, 0%, 8.5%, 0.75); --color1: var(--color-141); --color2: var(--color-142); --color3: var(--color-143); --color4: var(--color-144); --color5: var(--color-145); --color6: var(--color-146); --color7: var(--color-147); --color8: var(--color-148); --color9: var(--color-149); --color10: var(--color-150); --color11: var(--color-151); --color12: var(--color-152); --color0: hsla(0, 0%, 43.9%, 0); --color025: hsla(0, 0%, 43.9%, 0.25); --color05: hsla(0, 0%, 43.9%, 0.5); --color075: hsla(0, 0%, 43.9%, 0.75); --background: var(--color-141); --backgroundHover: var(--color-142); --backgroundPress: hsla(0, 0%, 8.5%, 0.75); --backgroundFocus: hsla(0, 0%, 8.5%, 0.75); --borderColor: var(--color-144); --borderColorHover: var(--color-145); --borderColorPress: var(--color-143); --borderColorFocus: var(--color-144); --color: var(--color-152); --colorHover: var(--color-151); --colorPress: var(--color-152); --colorFocus: var(--color-151); --colorTransparent: hsla(0, 0%, 43.9%, 0); --placeholderColor: var(--color-149); --outlineColor: hsla(0, 0%, 43.9%, 0.25); } } .t_dark_gray ::selection { background: var(--color5); color: var(--color11); } :root.t_dark .t_light .t_alt1, :root.t_dark .t_light .t_dark .t_light .t_alt1, :root.t_light .t_alt1, :root.t_light .t_dark .t_light .t_alt1 { --color: var(--color-19); --colorHover: var(--color-18); --colorPress: var(--color-19); --colorFocus: var(--color-18); } @media (prefers-color-scheme: light) { body { color: var(--color); } .t_alt1, .t_dark .t_light .t_alt1 { --color: var(--color-19); --colorHover: var(--color-18); --colorPress: var(--color-19); --colorFocus: var(--color-18); } } :root.t_dark .t_light .t_alt2, :root.t_dark .t_light .t_dark .t_light .t_alt2, :root.t_light .t_alt2, :root.t_light .t_dark .t_light .t_alt2 { --color: var(--color-18); --colorHover: var(--color-53); --colorPress: var(--color-18); --colorFocus: var(--color-53); } @media (prefers-color-scheme: light) { body { color: var(--color); } .t_alt2, .t_dark .t_light .t_alt2 { --color: var(--color-18); --colorHover: var(--color-53); --colorPress: var(--color-18); --colorFocus: var(--color-53); } } :root.t_dark .t_light .t_active, :root.t_dark .t_light .t_active_SliderTrackActive, :root.t_dark .t_light .t_Button, :root.t_dark .t_light .t_dark .t_light .t_active, :root.t_dark .t_light .t_dark .t_light .t_active_SliderTrackActive, :root.t_dark .t_light .t_dark .t_light .t_Button, :root.t_dark .t_light .t_dark .t_light .t_SliderTrackActive, :root.t_dark .t_light .t_dark .t_light .t_surface3, :root.t_dark .t_light .t_SliderTrackActive, :root.t_dark .t_light .t_surface3, :root.t_light .t_active, :root.t_light .t_active_SliderTrackActive, :root.t_light .t_Button, :root.t_light .t_dark .t_light .t_active, :root.t_light .t_dark .t_light .t_active_SliderTrackActive, :root.t_light .t_dark .t_light .t_Button, :root.t_light .t_dark .t_light .t_SliderTrackActive, :root.t_light .t_dark .t_light .t_surface3, :root.t_light .t_SliderTrackActive, :root.t_light .t_surface3 { --background: var(--color-12); --backgroundHover: var(--color-11); --backgroundPress: var(--color-13); --backgroundFocus: var(--color-13); --borderColor: var(--color-15); --borderColorHover: var(--color-14); --borderColorFocus: var(--color-15); --borderColorPress: var(--color-16); } @media (prefers-color-scheme: light) { body { background: var(--background); } .t_active, .t_active_SliderTrackActive, .t_Button, .t_dark .t_light .t_active, .t_dark .t_light .t_active_SliderTrackActive, .t_dark .t_light .t_Button, .t_dark .t_light .t_SliderTrackActive, .t_dark .t_light .t_surface3, .t_SliderTrackActive, .t_surface3 { --background: var(--color-12); --backgroundHover: var(--color-11); --backgroundPress: var(--color-13); --backgroundFocus: var(--color-13); --borderColor: var(--color-15); --borderColorHover: var(--color-14); --borderColorFocus: var(--color-15); --borderColorPress: var(--color-16); } } :root.t_dark .t_light .t_active_ListItem, :root.t_dark .t_light .t_active_Progress, :root.t_dark .t_light .t_active_SliderTrack, :root.t_dark .t_light .t_active_TooltipArrow, :root.t_dark .t_light .t_Card, :root.t_dark .t_light .t_dark .t_light .t_active_ListItem, :root.t_dark .t_light .t_dark .t_light .t_active_Progress, :root.t_dark .t_light .t_dark .t_light .t_active_SliderTrack, :root.t_dark .t_light .t_dark .t_light .t_active_TooltipArrow, :root.t_dark .t_light .t_dark .t_light .t_Card, :root.t_dark .t_light .t_dark .t_light .t_Input, :root.t_dark .t_light .t_dark .t_light .t_ListItem, :root.t_dark .t_light .t_dark .t_light .t_Progress, :root.t_dark .t_light .t_dark .t_light .t_SelectTrigger, :root.t_dark .t_light .t_dark .t_light .t_SliderTrack, :root.t_dark .t_light .t_dark .t_light .t_surface1, :root.t_dark .t_light .t_dark .t_light .t_TextArea, :root.t_dark .t_light .t_dark .t_light .t_TooltipArrow, :root.t_dark .t_light .t_Input, :root.t_dark .t_light .t_ListItem, :root.t_dark .t_light .t_Progress, :root.t_dark .t_light .t_SelectTrigger, :root.t_dark .t_light .t_SliderTrack, :root.t_dark .t_light .t_surface1, :root.t_dark .t_light .t_TextArea, :root.t_dark .t_light .t_TooltipArrow, :root.t_light .t_active_ListItem, :root.t_light .t_active_Progress, :root.t_light .t_active_SliderTrack, :root.t_light .t_active_TooltipArrow, :root.t_light .t_Card, :root.t_light .t_dark .t_light .t_active_ListItem, :root.t_light .t_dark .t_light .t_active_Progress, :root.t_light .t_dark .t_light .t_active_SliderTrack, :root.t_light .t_dark .t_light .t_active_TooltipArrow, :root.t_light .t_dark .t_light .t_Card, :root.t_light .t_dark .t_light .t_Input, :root.t_light .t_dark .t_light .t_ListItem, :root.t_light .t_dark .t_light .t_Progress, :root.t_light .t_dark .t_light .t_SelectTrigger, :root.t_light .t_dark .t_light .t_SliderTrack, :root.t_light .t_dark .t_light .t_surface1, :root.t_light .t_dark .t_light .t_TextArea, :root.t_light .t_dark .t_light .t_TooltipArrow, :root.t_light .t_Input, :root.t_light .t_ListItem, :root.t_light .t_Progress, :root.t_light .t_SelectTrigger, :root.t_light .t_SliderTrack, :root.t_light .t_surface1, :root.t_light .t_TextArea, :root.t_light .t_TooltipArrow { --background: var(--color-10); --backgroundHover: var(--color-32); --backgroundPress: var(--color-11); --backgroundFocus: var(--color-11); --borderColor: var(--color-13); --borderColorHover: var(--color-12); --borderColorFocus: var(--color-13); --borderColorPress: var(--color-14); } @media (prefers-color-scheme: light) { body { background: var(--background); } .t_active_ListItem, .t_active_Progress, .t_active_SliderTrack, .t_active_TooltipArrow, .t_Card, .t_dark .t_light .t_active_ListItem, .t_dark .t_light .t_active_Progress, .t_dark .t_light .t_active_SliderTrack, .t_dark .t_light .t_active_TooltipArrow, .t_dark .t_light .t_Card, .t_dark .t_light .t_Input, .t_dark .t_light .t_ListItem, .t_dark .t_light .t_Progress, .t_dark .t_light .t_SelectTrigger, .t_dark .t_light .t_SliderTrack, .t_dark .t_light .t_surface1, .t_dark .t_light .t_TextArea, .t_dark .t_light .t_TooltipArrow, .t_Input, .t_ListItem, .t_Progress, .t_SelectTrigger, .t_SliderTrack, .t_surface1, .t_TextArea, .t_TooltipArrow { --background: var(--color-10); --backgroundHover: var(--color-32); --backgroundPress: var(--color-11); --backgroundFocus: var(--color-11); --borderColor: var(--color-13); --borderColorHover: var(--color-12); --borderColorFocus: var(--color-13); --borderColorPress: var(--color-14); } } :root.t_dark .t_light .t_Checkbox, :root.t_dark .t_light .t_dark .t_light .t_Checkbox, :root.t_dark .t_light .t_dark .t_light .t_RadioGroupItem, :root.t_dark .t_light .t_dark .t_light .t_surface2, :root.t_dark .t_light .t_dark .t_light .t_Switch, :root.t_dark .t_light .t_dark .t_light .t_TooltipContent, :root.t_dark .t_light .t_RadioGroupItem, :root.t_dark .t_light .t_surface2, :root.t_dark .t_light .t_Switch, :root.t_dark .t_light .t_TooltipContent, :root.t_light .t_Checkbox, :root.t_light .t_dark .t_light .t_Checkbox, :root.t_light .t_dark .t_light .t_RadioGroupItem, :root.t_light .t_dark .t_light .t_surface2, :root.t_light .t_dark .t_light .t_Switch, :root.t_light .t_dark .t_light .t_TooltipContent, :root.t_light .t_RadioGroupItem, :root.t_light .t_surface2, :root.t_light .t_Switch, :root.t_light .t_TooltipContent { --background: var(--color-11); --backgroundHover: var(--color-10); --backgroundPress: var(--color-12); --backgroundFocus: var(--color-12); --borderColor: var(--color-14); --borderColorHover: var(--color-13); --borderColorFocus: var(--color-14); --borderColorPress: var(--color-15); } @media (prefers-color-scheme: light) { body { background: var(--background); } .t_Checkbox, .t_dark .t_light .t_Checkbox, .t_dark .t_light .t_RadioGroupItem, .t_dark .t_light .t_surface2, .t_dark .t_light .t_Switch, .t_dark .t_light .t_TooltipContent, .t_RadioGroupItem, .t_surface2, .t_Switch, .t_TooltipContent { --background: var(--color-11); --backgroundHover: var(--color-10); --backgroundPress: var(--color-12); --backgroundFocus: var(--color-12); --borderColor: var(--color-14); --borderColorHover: var(--color-13); --borderColorFocus: var(--color-14); --borderColorPress: var(--color-15); } } :root.t_dark .t_light .t_active_Button, :root.t_dark .t_light .t_active_Card, :root.t_dark .t_light .t_active_Checkbox, :root.t_dark .t_light .t_active_Input, :root.t_dark .t_light .t_active_RadioGroupItem, :root.t_dark .t_light .t_active_SelectTrigger, :root.t_dark .t_light .t_active_Switch, :root.t_dark .t_light .t_active_TextArea, :root.t_dark .t_light .t_active_TooltipContent, :root.t_dark .t_light .t_dark .t_light .t_active_Button, :root.t_dark .t_light .t_dark .t_light .t_active_Card, :root.t_dark .t_light .t_dark .t_light .t_active_Checkbox, :root.t_dark .t_light .t_dark .t_light .t_active_Input, :root.t_dark .t_light .t_dark .t_light .t_active_RadioGroupItem, :root.t_dark .t_light .t_dark .t_light .t_active_SelectTrigger, :root.t_dark .t_light .t_dark .t_light .t_active_Switch, :root.t_dark .t_light .t_dark .t_light .t_active_TextArea, :root.t_dark .t_light .t_dark .t_light .t_active_TooltipContent, :root.t_dark .t_light .t_dark .t_light .t_surface4, :root.t_dark .t_light .t_surface4, :root.t_light .t_active_Button, :root.t_light .t_active_Card, :root.t_light .t_active_Checkbox, :root.t_light .t_active_Input, :root.t_light .t_active_RadioGroupItem, :root.t_light .t_active_SelectTrigger, :root.t_light .t_active_Switch, :root.t_light .t_active_TextArea, :root.t_light .t_active_TooltipContent, :root.t_light .t_dark .t_light .t_active_Button, :root.t_light .t_dark .t_light .t_active_Card, :root.t_light .t_dark .t_light .t_active_Checkbox, :root.t_light .t_dark .t_light .t_active_Input, :root.t_light .t_dark .t_light .t_active_RadioGroupItem, :root.t_light .t_dark .t_light .t_active_SelectTrigger, :root.t_light .t_dark .t_light .t_active_Switch, :root.t_light .t_dark .t_light .t_active_TextArea, :root.t_light .t_dark .t_light .t_active_TooltipContent, :root.t_light .t_dark .t_light .t_surface4, :root.t_light .t_surface4 { --background: var(--color-14); --backgroundHover: var(--color-14); --backgroundPress: var(--color-15); --backgroundFocus: var(--color-15); --borderColor: var(--color-14); --borderColorHover: var(--color-14); --borderColorFocus: var(--color-15); --borderColorPress: var(--color-15); } @media (prefers-color-scheme: light) { body { background: var(--background); } .t_active_Button, .t_active_Card, .t_active_Checkbox, .t_active_Input, .t_active_RadioGroupItem, .t_active_SelectTrigger, .t_active_Switch, .t_active_TextArea, .t_active_TooltipContent, .t_dark .t_light .t_active_Button, .t_dark .t_light .t_active_Card, .t_dark .t_light .t_active_Checkbox, .t_dark .t_light .t_active_Input, .t_dark .t_light .t_active_RadioGroupItem, .t_dark .t_light .t_active_SelectTrigger, .t_dark .t_light .t_active_Switch, .t_dark .t_light .t_active_TextArea, .t_dark .t_light .t_active_TooltipContent, .t_dark .t_light .t_surface4, .t_surface4 { --background: var(--color-14); --backgroundHover: var(--color-14); --backgroundPress: var(--color-15); --backgroundFocus: var(--color-15); --borderColor: var(--color-14); --borderColorHover: var(--color-14); --borderColorFocus: var(--color-15); --borderColorPress: var(--color-15); } } :root.t_dark .t_alt1, :root.t_dark .t_light .t_dark .t_alt1, :root.t_light .t_dark .t_alt1, :root.t_light .t_dark .t_light .t_dark .t_alt1 { --color: var(--color-31); --colorHover: var(--color-30); --colorPress: var(--color-31); --colorFocus: var(--color-30); } @media (prefers-color-scheme: dark) { body { color: var(--color); } .t_alt1, .t_light .t_dark .t_alt1 { --color: var(--color-31); --colorHover: var(--color-30); --colorPress: var(--color-31); --colorFocus: var(--color-30); } } :root.t_dark .t_alt2, :root.t_dark .t_light .t_dark .t_alt2, :root.t_light .t_dark .t_alt2, :root.t_light .t_dark .t_light .t_dark .t_alt2 { --color: var(--color-30); --colorHover: var(--color-29); --colorPress: var(--color-30); --colorFocus: var(--color-29); } @media (prefers-color-scheme: dark) { body { color: var(--color); } .t_alt2, .t_light .t_dark .t_alt2 { --color: var(--color-30); --colorHover: var(--color-29); --colorPress: var(--color-30); --colorFocus: var(--color-29); } } :root.t_dark .t_active, :root.t_dark .t_active_SliderTrackActive, :root.t_dark .t_Button, :root.t_dark .t_light .t_dark .t_active, :root.t_dark .t_light .t_dark .t_active_SliderTrackActive, :root.t_dark .t_light .t_dark .t_Button, :root.t_dark .t_light .t_dark .t_SliderTrackActive, :root.t_dark .t_light .t_dark .t_surface3, :root.t_dark .t_SliderTrackActive, :root.t_dark .t_surface3, :root.t_light .t_dark .t_active, :root.t_light .t_dark .t_active_SliderTrackActive, :root.t_light .t_dark .t_Button, :root.t_light .t_dark .t_light .t_dark .t_active, :root.t_light .t_dark .t_light .t_dark .t_active_SliderTrackActive, :root.t_light .t_dark .t_light .t_dark .t_Button, :root.t_light .t_dark .t_light .t_dark .t_SliderTrackActive, :root.t_light .t_dark .t_light .t_dark .t_surface3, :root.t_light .t_dark .t_SliderTrackActive, :root.t_light .t_dark .t_surface3 { --background: var(--color-24); --backgroundHover: var(--color-25); --backgroundPress: var(--color-23); --backgroundFocus: var(--color-23); --borderColor: var(--color-27); --borderColorHover: var(--color-28); --borderColorFocus: var(--color-27); --borderColorPress: var(--color-26); } @media (prefers-color-scheme: dark) { body { background: var(--background); } .t_active, .t_active_SliderTrackActive, .t_Button, .t_light .t_dark .t_active, .t_light .t_dark .t_active_SliderTrackActive, .t_light .t_dark .t_Button, .t_light .t_dark .t_SliderTrackActive, .t_light .t_dark .t_surface3, .t_SliderTrackActive, .t_surface3 { --background: var(--color-24); --backgroundHover: var(--color-25); --backgroundPress: var(--color-23); --backgroundFocus: var(--color-23); --borderColor: var(--color-27); --borderColorHover: var(--color-28); --borderColorFocus: var(--color-27); --borderColorPress: var(--color-26); } } :root.t_dark .t_active_ListItem, :root.t_dark .t_active_Progress, :root.t_dark .t_active_SliderTrack, :root.t_dark .t_active_TooltipArrow, :root.t_dark .t_Card, :root.t_dark .t_Input, :root.t_dark .t_light .t_dark .t_active_ListItem, :root.t_dark .t_light .t_dark .t_active_Progress, :root.t_dark .t_light .t_dark .t_active_SliderTrack, :root.t_dark .t_light .t_dark .t_active_TooltipArrow, :root.t_dark .t_light .t_dark .t_Card, :root.t_dark .t_light .t_dark .t_Input, :root.t_dark .t_light .t_dark .t_ListItem, :root.t_dark .t_light .t_dark .t_Progress, :root.t_dark .t_light .t_dark .t_SelectTrigger, :root.t_dark .t_light .t_dark .t_SliderTrack, :root.t_dark .t_light .t_dark .t_surface1, :root.t_dark .t_light .t_dark .t_TextArea, :root.t_dark .t_light .t_dark .t_TooltipArrow, :root.t_dark .t_ListItem, :root.t_dark .t_Progress, :root.t_dark .t_SelectTrigger, :root.t_dark .t_SliderTrack, :root.t_dark .t_surface1, :root.t_dark .t_TextArea, :root.t_dark .t_TooltipArrow, :root.t_light .t_dark .t_active_ListItem, :root.t_light .t_dark .t_active_Progress, :root.t_light .t_dark .t_active_SliderTrack, :root.t_light .t_dark .t_active_TooltipArrow, :root.t_light .t_dark .t_Card, :root.t_light .t_dark .t_Input, :root.t_light .t_dark .t_light .t_dark .t_active_ListItem, :root.t_light .t_dark .t_light .t_dark .t_active_Progress, :root.t_light .t_dark .t_light .t_dark .t_active_SliderTrack, :root.t_light .t_dark .t_light .t_dark .t_active_TooltipArrow, :root.t_light .t_dark .t_light .t_dark .t_Card, :root.t_light .t_dark .t_light .t_dark .t_Input, :root.t_light .t_dark .t_light .t_dark .t_ListItem, :root.t_light .t_dark .t_light .t_dark .t_Progress, :root.t_light .t_dark .t_light .t_dark .t_SelectTrigger, :root.t_light .t_dark .t_light .t_dark .t_SliderTrack, :root.t_light .t_dark .t_light .t_dark .t_surface1, :root.t_light .t_dark .t_light .t_dark .t_TextArea, :root.t_light .t_dark .t_light .t_dark .t_TooltipArrow, :root.t_light .t_dark .t_ListItem, :root.t_light .t_dark .t_Progress, :root.t_light .t_dark .t_SelectTrigger, :root.t_light .t_dark .t_SliderTrack, :root.t_light .t_dark .t_surface1, :root.t_light .t_dark .t_TextArea, :root.t_light .t_dark .t_TooltipArrow { --background: var(--color-22); --backgroundHover: var(--color-23); --backgroundPress: var(--color-21); --backgroundFocus: var(--color-21); --borderColor: var(--color-25); --borderColorHover: var(--color-26); --borderColorFocus: var(--color-25); --borderColorPress: var(--color-24); } @media (prefers-color-scheme: dark) { body { background: var(--background); } .t_active_ListItem, .t_active_Progress, .t_active_SliderTrack, .t_active_TooltipArrow, .t_Card, .t_Input, .t_light .t_dark .t_active_ListItem, .t_light .t_dark .t_active_Progress, .t_light .t_dark .t_active_SliderTrack, .t_light .t_dark .t_active_TooltipArrow, .t_light .t_dark .t_Card, .t_light .t_dark .t_Input, .t_light .t_dark .t_ListItem, .t_light .t_dark .t_Progress, .t_light .t_dark .t_SelectTrigger, .t_light .t_dark .t_SliderTrack, .t_light .t_dark .t_surface1, .t_light .t_dark .t_TextArea, .t_light .t_dark .t_TooltipArrow, .t_ListItem, .t_Progress, .t_SelectTrigger, .t_SliderTrack, .t_surface1, .t_TextArea, .t_TooltipArrow { --background: var(--color-22); --backgroundHover: var(--color-23); --backgroundPress: var(--color-21); --backgroundFocus: var(--color-21); --borderColor: var(--color-25); --borderColorHover: var(--color-26); --borderColorFocus: var(--color-25); --borderColorPress: var(--color-24); } } :root.t_dark .t_Checkbox, :root.t_dark .t_light .t_dark .t_Checkbox, :root.t_dark .t_light .t_dark .t_RadioGroupItem, :root.t_dark .t_light .t_dark .t_surface2, :root.t_dark .t_light .t_dark .t_Switch, :root.t_dark .t_light .t_dark .t_TooltipContent, :root.t_dark .t_RadioGroupItem, :root.t_dark .t_surface2, :root.t_dark .t_Switch, :root.t_dark .t_TooltipContent, :root.t_light .t_dark .t_Checkbox, :root.t_light .t_dark .t_light .t_dark .t_Checkbox, :root.t_light .t_dark .t_light .t_dark .t_RadioGroupItem, :root.t_light .t_dark .t_light .t_dark .t_surface2, :root.t_light .t_dark .t_light .t_dark .t_Switch, :root.t_light .t_dark .t_light .t_dark .t_TooltipContent, :root.t_light .t_dark .t_RadioGroupItem, :root.t_light .t_dark .t_surface2, :root.t_light .t_dark .t_Switch, :root.t_light .t_dark .t_TooltipContent { --background: var(--color-23); --backgroundHover: var(--color-24); --backgroundPress: var(--color-22); --backgroundFocus: var(--color-22); --borderColor: var(--color-26); --borderColorHover: var(--color-27); --borderColorFocus: var(--color-26); --borderColorPress: var(--color-25); } @media (prefers-color-scheme: dark) { body { background: var(--background); } .t_Checkbox, .t_light .t_dark .t_Checkbox, .t_light .t_dark .t_RadioGroupItem, .t_light .t_dark .t_surface2, .t_light .t_dark .t_Switch, .t_light .t_dark .t_TooltipContent, .t_RadioGroupItem, .t_surface2, .t_Switch, .t_TooltipContent { --background: var(--color-23); --backgroundHover: var(--color-24); --backgroundPress: var(--color-22); --backgroundFocus: var(--color-22); --borderColor: var(--color-26); --borderColorHover: var(--color-27); --borderColorFocus: var(--color-26); --borderColorPress: var(--color-25); } } :root.t_dark .t_active_Button, :root.t_dark .t_active_Card, :root.t_dark .t_active_Checkbox, :root.t_dark .t_active_Input, :root.t_dark .t_active_RadioGroupItem, :root.t_dark .t_active_SelectTrigger, :root.t_dark .t_active_Switch, :root.t_dark .t_active_TextArea, :root.t_dark .t_active_TooltipContent, :root.t_dark .t_light .t_dark .t_active_Button, :root.t_dark .t_light .t_dark .t_active_Card, :root.t_dark .t_light .t_dark .t_active_Checkbox, :root.t_dark .t_light .t_dark .t_active_Input, :root.t_dark .t_light .t_dark .t_active_RadioGroupItem, :root.t_dark .t_light .t_dark .t_active_SelectTrigger, :root.t_dark .t_light .t_dark .t_active_Switch, :root.t_dark .t_light .t_dark .t_active_TextArea, :root.t_dark .t_light .t_dark .t_active_TooltipContent, :root.t_dark .t_light .t_dark .t_surface4, :root.t_dark .t_surface4, :root.t_light .t_dark .t_active_Button, :root.t_light .t_dark .t_active_Card, :root.t_light .t_dark .t_active_Checkbox, :root.t_light .t_dark .t_active_Input, :root.t_light .t_dark .t_active_RadioGroupItem, :root.t_light .t_dark .t_active_SelectTrigger, :root.t_light .t_dark .t_active_Switch, :root.t_light .t_dark .t_active_TextArea, :root.t_light .t_dark .t_active_TooltipContent, :root.t_light .t_dark .t_light .t_dark .t_active_Button, :root.t_light .t_dark .t_light .t_dark .t_active_Card, :root.t_light .t_dark .t_light .t_dark .t_active_Checkbox, :root.t_light .t_dark .t_light .t_dark .t_active_Input, :root.t_light .t_dark .t_light .t_dark .t_active_RadioGroupItem, :root.t_light .t_dark .t_light .t_dark .t_active_SelectTrigger, :root.t_light .t_dark .t_light .t_dark .t_active_Switch, :root.t_light .t_dark .t_light .t_dark .t_active_TextArea, :root.t_light .t_dark .t_light .t_dark .t_active_TooltipContent, :root.t_light .t_dark .t_light .t_dark .t_surface4, :root.t_light .t_dark .t_surface4 { --background: var(--color-26); --backgroundHover: var(--color-26); --backgroundPress: var(--color-25); --backgroundFocus: var(--color-25); --borderColor: var(--color-26); --borderColorHover: var(--color-26); --borderColorFocus: var(--color-25); --borderColorPress: var(--color-25); } @media (prefers-color-scheme: dark) { body { background: var(--background); } .t_active_Button, .t_active_Card, .t_active_Checkbox, .t_active_Input, .t_active_RadioGroupItem, .t_active_SelectTrigger, .t_active_Switch, .t_active_TextArea, .t_active_TooltipContent, .t_light .t_dark .t_active_Button, .t_light .t_dark .t_active_Card, .t_light .t_dark .t_active_Checkbox, .t_light .t_dark .t_active_Input, .t_light .t_dark .t_active_RadioGroupItem, .t_light .t_dark .t_active_SelectTrigger, .t_light .t_dark .t_active_Switch, .t_light .t_dark .t_active_TextArea, .t_light .t_dark .t_active_TooltipContent, .t_light .t_dark .t_surface4, .t_surface4 { --background: var(--color-26); --backgroundHover: var(--color-26); --backgroundPress: var(--color-25); --backgroundFocus: var(--color-25); --borderColor: var(--color-26); --borderColorHover: var(--color-26); --borderColorFocus: var(--color-25); --borderColorPress: var(--color-25); } } :root.t_dark .t_light .t_dark .t_light .t_orange_alt1, :root.t_dark .t_light .t_orange_alt1, :root.t_light .t_dark .t_light .t_orange_alt1, :root.t_light .t_orange_alt1 { --color: var(--color-79); --colorHover: var(--color-78); --colorPress: var(--color-79); --colorFocus: var(--color-78); } @media (prefers-color-scheme: light) { body { color: var(--color); } .t_dark .t_light .t_orange_alt1, .t_orange_alt1 { --color: var(--color-79); --colorHover: var(--color-78); --colorPress: var(--color-79); --colorFocus: var(--color-78); } } :root.t_dark .t_light .t_dark .t_light .t_orange_alt2, :root.t_dark .t_light .t_orange_alt2, :root.t_light .t_dark .t_light .t_orange_alt2, :root.t_light .t_orange_alt2 { --color: var(--color-78); --colorHover: var(--color-173); --colorPress: var(--color-78); --colorFocus: var(--color-173); } @media (prefers-color-scheme: light) { body { color: var(--color); } .t_dark .t_light .t_orange_alt2, .t_orange_alt2 { --color: var(--color-78); --colorHover: var(--color-173); --colorPress: var(--color-78); --colorFocus: var(--color-173); } } :root.t_dark .t_light .t_dark .t_light .t_orange_active, :root.t_dark .t_light .t_dark .t_light .t_orange_active_SliderTrackActive, :root.t_dark .t_light .t_dark .t_light .t_orange_Button, :root.t_dark .t_light .t_dark .t_light .t_orange_SliderTrackActive, :root.t_dark .t_light .t_dark .t_light .t_orange_surface3, :root.t_dark .t_light .t_orange_active, :root.t_dark .t_light .t_orange_active_SliderTrackActive, :root.t_dark .t_light .t_orange_Button, :root.t_dark .t_light .t_orange_SliderTrackActive, :root.t_dark .t_light .t_orange_surface3, :root.t_light .t_dark .t_light .t_orange_active, :root.t_light .t_dark .t_light .t_orange_active_SliderTrackActive, :root.t_light .t_dark .t_light .t_orange_Button, :root.t_light .t_dark .t_light .t_orange_SliderTrackActive, :root.t_light .t_dark .t_light .t_orange_surface3, :root.t_light .t_orange_active, :root.t_light .t_orange_active_SliderTrackActive, :root.t_light .t_orange_Button, :root.t_light .t_orange_SliderTrackActive, :root.t_light .t_orange_surface3 { --background: var(--color-72); --backgroundHover: var(--color-71); --backgroundPress: var(--color-73); --backgroundFocus: var(--color-73); --borderColor: var(--color-75); --borderColorHover: var(--color-74); --borderColorFocus: var(--color-75); --borderColorPress: var(--color-76); } @media (prefers-color-scheme: light) { body { background: var(--background); } .t_dark .t_light .t_orange_active, .t_dark .t_light .t_orange_active_SliderTrackActive, .t_dark .t_light .t_orange_Button, .t_dark .t_light .t_orange_SliderTrackActive, .t_dark .t_light .t_orange_surface3, .t_orange_active, .t_orange_active_SliderTrackActive, .t_orange_Button, .t_orange_SliderTrackActive, .t_orange_surface3 { --background: var(--color-72); --backgroundHover: var(--color-71); --backgroundPress: var(--color-73); --backgroundFocus: var(--color-73); --borderColor: var(--color-75); --borderColorHover: var(--color-74); --borderColorFocus: var(--color-75); --borderColorPress: var(--color-76); } } :root.t_dark .t_light .t_dark .t_light .t_orange_active_ListItem, :root.t_dark .t_light .t_dark .t_light .t_orange_active_Progress, :root.t_dark .t_light .t_dark .t_light .t_orange_active_SliderTrack, :root.t_dark .t_light .t_dark .t_light .t_orange_active_TooltipArrow, :root.t_dark .t_light .t_dark .t_light .t_orange_Card, :root.t_dark .t_light .t_dark .t_light .t_orange_Input, :root.t_dark .t_light .t_dark .t_light .t_orange_ListItem, :root.t_dark .t_light .t_dark .t_light .t_orange_Progress, :root.t_dark .t_light .t_dark .t_light .t_orange_SelectTrigger, :root.t_dark .t_light .t_dark .t_light .t_orange_SliderTrack, :root.t_dark .t_light .t_dark .t_light .t_orange_surface1, :root.t_dark .t_light .t_dark .t_light .t_orange_TextArea, :root.t_dark .t_light .t_dark .t_light .t_orange_TooltipArrow, :root.t_dark .t_light .t_orange_active_ListItem, :root.t_dark .t_light .t_orange_active_Progress, :root.t_dark .t_light .t_orange_active_SliderTrack, :root.t_dark .t_light .t_orange_active_TooltipArrow, :root.t_dark .t_light .t_orange_Card, :root.t_dark .t_light .t_orange_Input, :root.t_dark .t_light .t_orange_ListItem, :root.t_dark .t_light .t_orange_Progress, :root.t_dark .t_light .t_orange_SelectTrigger, :root.t_dark .t_light .t_orange_SliderTrack, :root.t_dark .t_light .t_orange_surface1, :root.t_dark .t_light .t_orange_TextArea, :root.t_dark .t_light .t_orange_TooltipArrow, :root.t_light .t_dark .t_light .t_orange_active_ListItem, :root.t_light .t_dark .t_light .t_orange_active_Progress, :root.t_light .t_dark .t_light .t_orange_active_SliderTrack, :root.t_light .t_dark .t_light .t_orange_active_TooltipArrow, :root.t_light .t_dark .t_light .t_orange_Card, :root.t_light .t_dark .t_light .t_orange_Input, :root.t_light .t_dark .t_light .t_orange_ListItem, :root.t_light .t_dark .t_light .t_orange_Progress, :root.t_light .t_dark .t_light .t_orange_SelectTrigger, :root.t_light .t_dark .t_light .t_orange_SliderTrack, :root.t_light .t_dark .t_light .t_orange_surface1, :root.t_light .t_dark .t_light .t_orange_TextArea, :root.t_light .t_dark .t_light .t_orange_TooltipArrow, :root.t_light .t_orange_active_ListItem, :root.t_light .t_orange_active_Progress, :root.t_light .t_orange_active_SliderTrack, :root.t_light .t_orange_active_TooltipArrow, :root.t_light .t_orange_Card, :root.t_light .t_orange_Input, :root.t_light .t_orange_ListItem, :root.t_light .t_orange_Progress, :root.t_light .t_orange_SelectTrigger, :root.t_light .t_orange_SliderTrack, :root.t_light .t_orange_surface1, :root.t_light .t_orange_TextArea, :root.t_light .t_orange_TooltipArrow { --background: var(--color-70); --backgroundHover: var(--color-69); --backgroundPress: var(--color-71); --backgroundFocus: var(--color-71); --borderColor: var(--color-73); --borderColorHover: var(--color-72); --borderColorFocus: var(--color-73); --borderColorPress: var(--color-74); } @media (prefers-color-scheme: light) { body { background: var(--background); } .t_dark .t_light .t_orange_active_ListItem, .t_dark .t_light .t_orange_active_Progress, .t_dark .t_light .t_orange_active_SliderTrack, .t_dark .t_light .t_orange_active_TooltipArrow, .t_dark .t_light .t_orange_Card, .t_dark .t_light .t_orange_Input, .t_dark .t_light .t_orange_ListItem, .t_dark .t_light .t_orange_Progress, .t_dark .t_light .t_orange_SelectTrigger, .t_dark .t_light .t_orange_SliderTrack, .t_dark .t_light .t_orange_surface1, .t_dark .t_light .t_orange_TextArea, .t_dark .t_light .t_orange_TooltipArrow, .t_orange_active_ListItem, .t_orange_active_Progress, .t_orange_active_SliderTrack, .t_orange_active_TooltipArrow, .t_orange_Card, .t_orange_Input, .t_orange_ListItem, .t_orange_Progress, .t_orange_SelectTrigger, .t_orange_SliderTrack, .t_orange_surface1, .t_orange_TextArea, .t_orange_TooltipArrow { --background: var(--color-70); --backgroundHover: var(--color-69); --backgroundPress: var(--color-71); --backgroundFocus: var(--color-71); --borderColor: var(--color-73); --borderColorHover: var(--color-72); --borderColorFocus: var(--color-73); --borderColorPress: var(--color-74); } } :root.t_dark .t_light .t_dark .t_light .t_orange_Checkbox, :root.t_dark .t_light .t_dark .t_light .t_orange_RadioGroupItem, :root.t_dark .t_light .t_dark .t_light .t_orange_surface2, :root.t_dark .t_light .t_dark .t_light .t_orange_Switch, :root.t_dark .t_light .t_dark .t_light .t_orange_TooltipContent, :root.t_dark .t_light .t_orange_Checkbox, :root.t_dark .t_light .t_orange_RadioGroupItem, :root.t_dark .t_light .t_orange_surface2, :root.t_dark .t_light .t_orange_Switch, :root.t_dark .t_light .t_orange_TooltipContent, :root.t_light .t_dark .t_light .t_orange_Checkbox, :root.t_light .t_dark .t_light .t_orange_RadioGroupItem, :root.t_light .t_dark .t_light .t_orange_surface2, :root.t_light .t_dark .t_light .t_orange_Switch, :root.t_light .t_dark .t_light .t_orange_TooltipContent, :root.t_light .t_orange_Checkbox, :root.t_light .t_orange_RadioGroupItem, :root.t_light .t_orange_surface2, :root.t_light .t_orange_Switch, :root.t_light .t_orange_TooltipContent { --background: var(--color-71); --backgroundHover: var(--color-70); --backgroundPress: var(--color-72); --backgroundFocus: var(--color-72); --borderColor: var(--color-74); --borderColorHover: var(--color-73); --borderColorFocus: var(--color-74); --borderColorPress: var(--color-75); } @media (prefers-color-scheme: light) { body { background: var(--background); } .t_dark .t_light .t_orange_Checkbox, .t_dark .t_light .t_orange_RadioGroupItem, .t_dark .t_light .t_orange_surface2, .t_dark .t_light .t_orange_Switch, .t_dark .t_light .t_orange_TooltipContent, .t_orange_Checkbox, .t_orange_RadioGroupItem, .t_orange_surface2, .t_orange_Switch, .t_orange_TooltipContent { --background: var(--color-71); --backgroundHover: var(--color-70); --backgroundPress: var(--color-72); --backgroundFocus: var(--color-72); --borderColor: var(--color-74); --borderColorHover: var(--color-73); --borderColorFocus: var(--color-74); --borderColorPress: var(--color-75); } } :root.t_dark .t_light .t_dark .t_light .t_orange_active_Button, :root.t_dark .t_light .t_dark .t_light .t_orange_active_Card, :root.t_dark .t_light .t_dark .t_light .t_orange_active_Checkbox, :root.t_dark .t_light .t_dark .t_light .t_orange_active_Input, :root.t_dark .t_light .t_dark .t_light .t_orange_active_RadioGroupItem, :root.t_dark .t_light .t_dark .t_light .t_orange_active_SelectTrigger, :root.t_dark .t_light .t_dark .t_light .t_orange_active_Switch, :root.t_dark .t_light .t_dark .t_light .t_orange_active_TextArea, :root.t_dark .t_light .t_dark .t_light .t_orange_active_TooltipContent, :root.t_dark .t_light .t_dark .t_light .t_orange_surface4, :root.t_dark .t_light .t_orange_active_Button, :root.t_dark .t_light .t_orange_active_Card, :root.t_dark .t_light .t_orange_active_Checkbox, :root.t_dark .t_light .t_orange_active_Input, :root.t_dark .t_light .t_orange_active_RadioGroupItem, :root.t_dark .t_light .t_orange_active_SelectTrigger, :root.t_dark .t_light .t_orange_active_Switch, :root.t_dark .t_light .t_orange_active_TextArea, :root.t_dark .t_light .t_orange_active_TooltipContent, :root.t_dark .t_light .t_orange_surface4, :root.t_light .t_dark .t_light .t_orange_active_Button, :root.t_light .t_dark .t_light .t_orange_active_Card, :root.t_light .t_dark .t_light .t_orange_active_Checkbox, :root.t_light .t_dark .t_light .t_orange_active_Input, :root.t_light .t_dark .t_light .t_orange_active_RadioGroupItem, :root.t_light .t_dark .t_light .t_orange_active_SelectTrigger, :root.t_light .t_dark .t_light .t_orange_active_Switch, :root.t_light .t_dark .t_light .t_orange_active_TextArea, :root.t_light .t_dark .t_light .t_orange_active_TooltipContent, :root.t_light .t_dark .t_light .t_orange_surface4, :root.t_light .t_orange_active_Button, :root.t_light .t_orange_active_Card, :root.t_light .t_orange_active_Checkbox, :root.t_light .t_orange_active_Input, :root.t_light .t_orange_active_RadioGroupItem, :root.t_light .t_orange_active_SelectTrigger, :root.t_light .t_orange_active_Switch, :root.t_light .t_orange_active_TextArea, :root.t_light .t_orange_active_TooltipContent, :root.t_light .t_orange_surface4 { --background: var(--color-74); --backgroundHover: var(--color-74); --backgroundPress: var(--color-75); --backgroundFocus: var(--color-75); --borderColor: var(--color-74); --borderColorHover: var(--color-74); --borderColorFocus: var(--color-75); --borderColorPress: var(--color-75); } @media (prefers-color-scheme: light) { body { background: var(--background); } .t_dark .t_light .t_orange_active_Button, .t_dark .t_light .t_orange_active_Card, .t_dark .t_light .t_orange_active_Checkbox, .t_dark .t_light .t_orange_active_Input, .t_dark .t_light .t_orange_active_RadioGroupItem, .t_dark .t_light .t_orange_active_SelectTrigger, .t_dark .t_light .t_orange_active_Switch, .t_dark .t_light .t_orange_active_TextArea, .t_dark .t_light .t_orange_active_TooltipContent, .t_dark .t_light .t_orange_surface4, .t_orange_active_Button, .t_orange_active_Card, .t_orange_active_Checkbox, .t_orange_active_Input, .t_orange_active_RadioGroupItem, .t_orange_active_SelectTrigger, .t_orange_active_Switch, .t_orange_active_TextArea, .t_orange_active_TooltipContent, .t_orange_surface4 { --background: var(--color-74); --backgroundHover: var(--color-74); --backgroundPress: var(--color-75); --backgroundFocus: var(--color-75); --borderColor: var(--color-74); --borderColorHover: var(--color-74); --borderColorFocus: var(--color-75); --borderColorPress: var(--color-75); } } :root.t_dark .t_light .t_dark .t_light .t_yellow_alt1, :root.t_dark .t_light .t_yellow_alt1, :root.t_light .t_dark .t_light .t_yellow_alt1, :root.t_light .t_yellow_alt1 { --color: var(--color-127); --colorHover: var(--color-126); --colorPress: var(--color-127); --colorFocus: var(--color-126); } @media (prefers-color-scheme: light) { body { color: var(--color); } .t_dark .t_light .t_yellow_alt1, .t_yellow_alt1 { --color: var(--color-127); --colorHover: var(--color-126); --colorPress: var(--color-127); --colorFocus: var(--color-126); } } :root.t_dark .t_light .t_dark .t_light .t_yellow_alt2, :root.t_dark .t_light .t_yellow_alt2, :root.t_light .t_dark .t_light .t_yellow_alt2, :root.t_light .t_yellow_alt2 { --color: var(--color-126); --colorHover: var(--color-221); --colorPress: var(--color-126); --colorFocus: var(--color-221); } @media (prefers-color-scheme: light) { body { color: var(--color); } .t_dark .t_light .t_yellow_alt2, .t_yellow_alt2 { --color: var(--color-126); --colorHover: var(--color-221); --colorPress: var(--color-126); --colorFocus: var(--color-221); } } :root.t_dark .t_light .t_dark .t_light .t_yellow_active, :root.t_dark .t_light .t_dark .t_light .t_yellow_active_SliderTrackActive, :root.t_dark .t_light .t_dark .t_light .t_yellow_Button, :root.t_dark .t_light .t_dark .t_light .t_yellow_SliderTrackActive, :root.t_dark .t_light .t_dark .t_light .t_yellow_surface3, :root.t_dark .t_light .t_yellow_active, :root.t_dark .t_light .t_yellow_active_SliderTrackActive, :root.t_dark .t_light .t_yellow_Button, :root.t_dark .t_light .t_yellow_SliderTrackActive, :root.t_dark .t_light .t_yellow_surface3, :root.t_light .t_dark .t_light .t_yellow_active, :root.t_light .t_dark .t_light .t_yellow_active_SliderTrackActive, :root.t_light .t_dark .t_light .t_yellow_Button, :root.t_light .t_dark .t_light .t_yellow_SliderTrackActive, :root.t_light .t_dark .t_light .t_yellow_surface3, :root.t_light .t_yellow_active, :root.t_light .t_yellow_active_SliderTrackActive, :root.t_light .t_yellow_Button, :root.t_light .t_yellow_SliderTrackActive, :root.t_light .t_yellow_surface3 { --background: var(--color-120); --backgroundHover: var(--color-119); --backgroundPress: var(--color-121); --backgroundFocus: var(--color-121); --borderColor: var(--color-123); --borderColorHover: var(--color-122); --borderColorFocus: var(--color-123); --borderColorPress: var(--color-124); } @media (prefers-color-scheme: light) { body { background: var(--background); } .t_dark .t_light .t_yellow_active, .t_dark .t_light .t_yellow_active_SliderTrackActive, .t_dark .t_light .t_yellow_Button, .t_dark .t_light .t_yellow_SliderTrackActive, .t_dark .t_light .t_yellow_surface3, .t_yellow_active, .t_yellow_active_SliderTrackActive, .t_yellow_Button, .t_yellow_SliderTrackActive, .t_yellow_surface3 { --background: var(--color-120); --backgroundHover: var(--color-119); --backgroundPress: var(--color-121); --backgroundFocus: var(--color-121); --borderColor: var(--color-123); --borderColorHover: var(--color-122); --borderColorFocus: var(--color-123); --borderColorPress: var(--color-124); } } :root.t_dark .t_light .t_dark .t_light .t_yellow_active_ListItem, :root.t_dark .t_light .t_dark .t_light .t_yellow_active_Progress, :root.t_dark .t_light .t_dark .t_light .t_yellow_active_SliderTrack, :root.t_dark .t_light .t_dark .t_light .t_yellow_active_TooltipArrow, :root.t_dark .t_light .t_dark .t_light .t_yellow_Card, :root.t_dark .t_light .t_dark .t_light .t_yellow_Input, :root.t_dark .t_light .t_dark .t_light .t_yellow_ListItem, :root.t_dark .t_light .t_dark .t_light .t_yellow_Progress, :root.t_dark .t_light .t_dark .t_light .t_yellow_SelectTrigger, :root.t_dark .t_light .t_dark .t_light .t_yellow_SliderTrack, :root.t_dark .t_light .t_dark .t_light .t_yellow_surface1, :root.t_dark .t_light .t_dark .t_light .t_yellow_TextArea, :root.t_dark .t_light .t_dark .t_light .t_yellow_TooltipArrow, :root.t_dark .t_light .t_yellow_active_ListItem, :root.t_dark .t_light .t_yellow_active_Progress, :root.t_dark .t_light .t_yellow_active_SliderTrack, :root.t_dark .t_light .t_yellow_active_TooltipArrow, :root.t_dark .t_light .t_yellow_Card, :root.t_dark .t_light .t_yellow_Input, :root.t_dark .t_light .t_yellow_ListItem, :root.t_dark .t_light .t_yellow_Progress, :root.t_dark .t_light .t_yellow_SelectTrigger, :root.t_dark .t_light .t_yellow_SliderTrack, :root.t_dark .t_light .t_yellow_surface1, :root.t_dark .t_light .t_yellow_TextArea, :root.t_dark .t_light .t_yellow_TooltipArrow, :root.t_light .t_dark .t_light .t_yellow_active_ListItem, :root.t_light .t_dark .t_light .t_yellow_active_Progress, :root.t_light .t_dark .t_light .t_yellow_active_SliderTrack, :root.t_light .t_dark .t_light .t_yellow_active_TooltipArrow, :root.t_light .t_dark .t_light .t_yellow_Card, :root.t_light .t_dark .t_light .t_yellow_Input, :root.t_light .t_dark .t_light .t_yellow_ListItem, :root.t_light .t_dark .t_light .t_yellow_Progress, :root.t_light .t_dark .t_light .t_yellow_SelectTrigger, :root.t_light .t_dark .t_light .t_yellow_SliderTrack, :root.t_light .t_dark .t_light .t_yellow_surface1, :root.t_light .t_dark .t_light .t_yellow_TextArea, :root.t_light .t_dark .t_light .t_yellow_TooltipArrow, :root.t_light .t_yellow_active_ListItem, :root.t_light .t_yellow_active_Progress, :root.t_light .t_yellow_active_SliderTrack, :root.t_light .t_yellow_active_TooltipArrow, :root.t_light .t_yellow_Card, :root.t_light .t_yellow_Input, :root.t_light .t_yellow_ListItem, :root.t_light .t_yellow_Progress, :root.t_light .t_yellow_SelectTrigger, :root.t_light .t_yellow_SliderTrack, :root.t_light .t_yellow_surface1, :root.t_light .t_yellow_TextArea, :root.t_light .t_yellow_TooltipArrow { --background: var(--color-118); --backgroundHover: var(--color-117); --backgroundPress: var(--color-119); --backgroundFocus: var(--color-119); --borderColor: var(--color-121); --borderColorHover: var(--color-120); --borderColorFocus: var(--color-121); --borderColorPress: var(--color-122); } @media (prefers-color-scheme: light) { body { background: var(--background); } .t_dark .t_light .t_yellow_active_ListItem, .t_dark .t_light .t_yellow_active_Progress, .t_dark .t_light .t_yellow_active_SliderTrack, .t_dark .t_light .t_yellow_active_TooltipArrow, .t_dark .t_light .t_yellow_Card, .t_dark .t_light .t_yellow_Input, .t_dark .t_light .t_yellow_ListItem, .t_dark .t_light .t_yellow_Progress, .t_dark .t_light .t_yellow_SelectTrigger, .t_dark .t_light .t_yellow_SliderTrack, .t_dark .t_light .t_yellow_surface1, .t_dark .t_light .t_yellow_TextArea, .t_dark .t_light .t_yellow_TooltipArrow, .t_yellow_active_ListItem, .t_yellow_active_Progress, .t_yellow_active_SliderTrack, .t_yellow_active_TooltipArrow, .t_yellow_Card, .t_yellow_Input, .t_yellow_ListItem, .t_yellow_Progress, .t_yellow_SelectTrigger, .t_yellow_SliderTrack, .t_yellow_surface1, .t_yellow_TextArea, .t_yellow_TooltipArrow { --background: var(--color-118); --backgroundHover: var(--color-117); --backgroundPress: var(--color-119); --backgroundFocus: var(--color-119); --borderColor: var(--color-121); --borderColorHover: var(--color-120); --borderColorFocus: var(--color-121); --borderColorPress: var(--color-122); } } :root.t_dark .t_light .t_dark .t_light .t_yellow_Checkbox, :root.t_dark .t_light .t_dark .t_light .t_yellow_RadioGroupItem, :root.t_dark .t_light .t_dark .t_light .t_yellow_surface2, :root.t_dark .t_light .t_dark .t_light .t_yellow_Switch, :root.t_dark .t_light .t_dark .t_light .t_yellow_TooltipContent, :root.t_dark .t_light .t_yellow_Checkbox, :root.t_dark .t_light .t_yellow_RadioGroupItem, :root.t_dark .t_light .t_yellow_surface2, :root.t_dark .t_light .t_yellow_Switch, :root.t_dark .t_light .t_yellow_TooltipContent, :root.t_light .t_dark .t_light .t_yellow_Checkbox, :root.t_light .t_dark .t_light .t_yellow_RadioGroupItem, :root.t_light .t_dark .t_light .t_yellow_surface2, :root.t_light .t_dark .t_light .t_yellow_Switch, :root.t_light .t_dark .t_light .t_yellow_TooltipContent, :root.t_light .t_yellow_Checkbox, :root.t_light .t_yellow_RadioGroupItem, :root.t_light .t_yellow_surface2, :root.t_light .t_yellow_Switch, :root.t_light .t_yellow_TooltipContent { --background: var(--color-119); --backgroundHover: var(--color-118); --backgroundPress: var(--color-120); --backgroundFocus: var(--color-120); --borderColor: var(--color-122); --borderColorHover: var(--color-121); --borderColorFocus: var(--color-122); --borderColorPress: var(--color-123); } @media (prefers-color-scheme: light) { body { background: var(--background); } .t_dark .t_light .t_yellow_Checkbox, .t_dark .t_light .t_yellow_RadioGroupItem, .t_dark .t_light .t_yellow_surface2, .t_dark .t_light .t_yellow_Switch, .t_dark .t_light .t_yellow_TooltipContent, .t_yellow_Checkbox, .t_yellow_RadioGroupItem, .t_yellow_surface2, .t_yellow_Switch, .t_yellow_TooltipContent { --background: var(--color-119); --backgroundHover: var(--color-118); --backgroundPress: var(--color-120); --backgroundFocus: var(--color-120); --borderColor: var(--color-122); --borderColorHover: var(--color-121); --borderColorFocus: var(--color-122); --borderColorPress: var(--color-123); } } :root.t_dark .t_light .t_dark .t_light .t_yellow_active_Button, :root.t_dark .t_light .t_dark .t_light .t_yellow_active_Card, :root.t_dark .t_light .t_dark .t_light .t_yellow_active_Checkbox, :root.t_dark .t_light .t_dark .t_light .t_yellow_active_Input, :root.t_dark .t_light .t_dark .t_light .t_yellow_active_RadioGroupItem, :root.t_dark .t_light .t_dark .t_light .t_yellow_active_SelectTrigger, :root.t_dark .t_light .t_dark .t_light .t_yellow_active_Switch, :root.t_dark .t_light .t_dark .t_light .t_yellow_active_TextArea, :root.t_dark .t_light .t_dark .t_light .t_yellow_active_TooltipContent, :root.t_dark .t_light .t_dark .t_light .t_yellow_surface4, :root.t_dark .t_light .t_yellow_active_Button, :root.t_dark .t_light .t_yellow_active_Card, :root.t_dark .t_light .t_yellow_active_Checkbox, :root.t_dark .t_light .t_yellow_active_Input, :root.t_dark .t_light .t_yellow_active_RadioGroupItem, :root.t_dark .t_light .t_yellow_active_SelectTrigger, :root.t_dark .t_light .t_yellow_active_Switch, :root.t_dark .t_light .t_yellow_active_TextArea, :root.t_dark .t_light .t_yellow_active_TooltipContent, :root.t_dark .t_light .t_yellow_surface4, :root.t_light .t_dark .t_light .t_yellow_active_Button, :root.t_light .t_dark .t_light .t_yellow_active_Card, :root.t_light .t_dark .t_light .t_yellow_active_Checkbox, :root.t_light .t_dark .t_light .t_yellow_active_Input, :root.t_light .t_dark .t_light .t_yellow_active_RadioGroupItem, :root.t_light .t_dark .t_light .t_yellow_active_SelectTrigger, :root.t_light .t_dark .t_light .t_yellow_active_Switch, :root.t_light .t_dark .t_light .t_yellow_active_TextArea, :root.t_light .t_dark .t_light .t_yellow_active_TooltipContent, :root.t_light .t_dark .t_light .t_yellow_surface4, :root.t_light .t_yellow_active_Button, :root.t_light .t_yellow_active_Card, :root.t_light .t_yellow_active_Checkbox, :root.t_light .t_yellow_active_Input, :root.t_light .t_yellow_active_RadioGroupItem, :root.t_light .t_yellow_active_SelectTrigger, :root.t_light .t_yellow_active_Switch, :root.t_light .t_yellow_active_TextArea, :root.t_light .t_yellow_active_TooltipContent, :root.t_light .t_yellow_surface4 { --background: var(--color-122); --backgroundHover: var(--color-122); --backgroundPress: var(--color-123); --backgroundFocus: var(--color-123); --borderColor: var(--color-122); --borderColorHover: var(--color-122); --borderColorFocus: var(--color-123); --borderColorPress: var(--color-123); } @media (prefers-color-scheme: light) { body { background: var(--background); } .t_dark .t_light .t_yellow_active_Button, .t_dark .t_light .t_yellow_active_Card, .t_dark .t_light .t_yellow_active_Checkbox, .t_dark .t_light .t_yellow_active_Input, .t_dark .t_light .t_yellow_active_RadioGroupItem, .t_dark .t_light .t_yellow_active_SelectTrigger, .t_dark .t_light .t_yellow_active_Switch, .t_dark .t_light .t_yellow_active_TextArea, .t_dark .t_light .t_yellow_active_TooltipContent, .t_dark .t_light .t_yellow_surface4, .t_yellow_active_Button, .t_yellow_active_Card, .t_yellow_active_Checkbox, .t_yellow_active_Input, .t_yellow_active_RadioGroupItem, .t_yellow_active_SelectTrigger, .t_yellow_active_Switch, .t_yellow_active_TextArea, .t_yellow_active_TooltipContent, .t_yellow_surface4 { --background: var(--color-122); --backgroundHover: var(--color-122); --backgroundPress: var(--color-123); --backgroundFocus: var(--color-123); --borderColor: var(--color-122); --borderColorHover: var(--color-122); --borderColorFocus: var(--color-123); --borderColorPress: var(--color-123); } } :root.t_dark .t_light .t_dark .t_light .t_green_alt1, :root.t_dark .t_light .t_green_alt1, :root.t_light .t_dark .t_light .t_green_alt1, :root.t_light .t_green_alt1 { --color: var(--color-67); --colorHover: var(--color-66); --colorPress: var(--color-67); --colorFocus: var(--color-66); } @media (prefers-color-scheme: light) { body { color: var(--color); } .t_dark .t_light .t_green_alt1, .t_green_alt1 { --color: var(--color-67); --colorHover: var(--color-66); --colorPress: var(--color-67); --colorFocus: var(--color-66); } } :root.t_dark .t_light .t_dark .t_light .t_green_alt2, :root.t_dark .t_light .t_green_alt2, :root.t_light .t_dark .t_light .t_green_alt2, :root.t_light .t_green_alt2 { --color: var(--color-66); --colorHover: var(--color-161); --colorPress: var(--color-66); --colorFocus: var(--color-161); } @media (prefers-color-scheme: light) { body { color: var(--color); } .t_dark .t_light .t_green_alt2, .t_green_alt2 { --color: var(--color-66); --colorHover: var(--color-161); --colorPress: var(--color-66); --colorFocus: var(--color-161); } } :root.t_dark .t_light .t_dark .t_light .t_green_active, :root.t_dark .t_light .t_dark .t_light .t_green_active_SliderTrackActive, :root.t_dark .t_light .t_dark .t_light .t_green_Button, :root.t_dark .t_light .t_dark .t_light .t_green_SliderTrackActive, :root.t_dark .t_light .t_dark .t_light .t_green_surface3, :root.t_dark .t_light .t_green_active, :root.t_dark .t_light .t_green_active_SliderTrackActive, :root.t_dark .t_light .t_green_Button, :root.t_dark .t_light .t_green_SliderTrackActive, :root.t_dark .t_light .t_green_surface3, :root.t_light .t_dark .t_light .t_green_active, :root.t_light .t_dark .t_light .t_green_active_SliderTrackActive, :root.t_light .t_dark .t_light .t_green_Button, :root.t_light .t_dark .t_light .t_green_SliderTrackActive, :root.t_light .t_dark .t_light .t_green_surface3, :root.t_light .t_green_active, :root.t_light .t_green_active_SliderTrackActive, :root.t_light .t_green_Button, :root.t_light .t_green_SliderTrackActive, :root.t_light .t_green_surface3 { --background: var(--color-60); --backgroundHover: var(--color-59); --backgroundPress: var(--color-61); --backgroundFocus: var(--color-61); --borderColor: var(--color-63); --borderColorHover: var(--color-62); --borderColorFocus: var(--color-63); --borderColorPress: var(--color-64); } @media (prefers-color-scheme: light) { body { background: var(--background); } .t_dark .t_light .t_green_active, .t_dark .t_light .t_green_active_SliderTrackActive, .t_dark .t_light .t_green_Button, .t_dark .t_light .t_green_SliderTrackActive, .t_dark .t_light .t_green_surface3, .t_green_active, .t_green_active_SliderTrackActive, .t_green_Button, .t_green_SliderTrackActive, .t_green_surface3 { --background: var(--color-60); --backgroundHover: var(--color-59); --backgroundPress: var(--color-61); --backgroundFocus: var(--color-61); --borderColor: var(--color-63); --borderColorHover: var(--color-62); --borderColorFocus: var(--color-63); --borderColorPress: var(--color-64); } } :root.t_dark .t_light .t_dark .t_light .t_green_active_ListItem, :root.t_dark .t_light .t_dark .t_light .t_green_active_Progress, :root.t_dark .t_light .t_dark .t_light .t_green_active_SliderTrack, :root.t_dark .t_light .t_dark .t_light .t_green_active_TooltipArrow, :root.t_dark .t_light .t_dark .t_light .t_green_Card, :root.t_dark .t_light .t_dark .t_light .t_green_Input, :root.t_dark .t_light .t_dark .t_light .t_green_ListItem, :root.t_dark .t_light .t_dark .t_light .t_green_Progress, :root.t_dark .t_light .t_dark .t_light .t_green_SelectTrigger, :root.t_dark .t_light .t_dark .t_light .t_green_SliderTrack, :root.t_dark .t_light .t_dark .t_light .t_green_surface1, :root.t_dark .t_light .t_dark .t_light .t_green_TextArea, :root.t_dark .t_light .t_dark .t_light .t_green_TooltipArrow, :root.t_dark .t_light .t_green_active_ListItem, :root.t_dark .t_light .t_green_active_Progress, :root.t_dark .t_light .t_green_active_SliderTrack, :root.t_dark .t_light .t_green_active_TooltipArrow, :root.t_dark .t_light .t_green_Card, :root.t_dark .t_light .t_green_Input, :root.t_dark .t_light .t_green_ListItem, :root.t_dark .t_light .t_green_Progress, :root.t_dark .t_light .t_green_SelectTrigger, :root.t_dark .t_light .t_green_SliderTrack, :root.t_dark .t_light .t_green_surface1, :root.t_dark .t_light .t_green_TextArea, :root.t_dark .t_light .t_green_TooltipArrow, :root.t_light .t_dark .t_light .t_green_active_ListItem, :root.t_light .t_dark .t_light .t_green_active_Progress, :root.t_light .t_dark .t_light .t_green_active_SliderTrack, :root.t_light .t_dark .t_light .t_green_active_TooltipArrow, :root.t_light .t_dark .t_light .t_green_Card, :root.t_light .t_dark .t_light .t_green_Input, :root.t_light .t_dark .t_light .t_green_ListItem, :root.t_light .t_dark .t_light .t_green_Progress, :root.t_light .t_dark .t_light .t_green_SelectTrigger, :root.t_light .t_dark .t_light .t_green_SliderTrack, :root.t_light .t_dark .t_light .t_green_surface1, :root.t_light .t_dark .t_light .t_green_TextArea, :root.t_light .t_dark .t_light .t_green_TooltipArrow, :root.t_light .t_green_active_ListItem, :root.t_light .t_green_active_Progress, :root.t_light .t_green_active_SliderTrack, :root.t_light .t_green_active_TooltipArrow, :root.t_light .t_green_Card, :root.t_light .t_green_Input, :root.t_light .t_green_ListItem, :root.t_light .t_green_Progress, :root.t_light .t_green_SelectTrigger, :root.t_light .t_green_SliderTrack, :root.t_light .t_green_surface1, :root.t_light .t_green_TextArea, :root.t_light .t_green_TooltipArrow { --background: var(--color-58); --backgroundHover: var(--color-57); --backgroundPress: var(--color-59); --backgroundFocus: var(--color-59); --borderColor: var(--color-61); --borderColorHover: var(--color-60); --borderColorFocus: var(--color-61); --borderColorPress: var(--color-62); } @media (prefers-color-scheme: light) { body { background: var(--background); } .t_dark .t_light .t_green_active_ListItem, .t_dark .t_light .t_green_active_Progress, .t_dark .t_light .t_green_active_SliderTrack, .t_dark .t_light .t_green_active_TooltipArrow, .t_dark .t_light .t_green_Card, .t_dark .t_light .t_green_Input, .t_dark .t_light .t_green_ListItem, .t_dark .t_light .t_green_Progress, .t_dark .t_light .t_green_SelectTrigger, .t_dark .t_light .t_green_SliderTrack, .t_dark .t_light .t_green_surface1, .t_dark .t_light .t_green_TextArea, .t_dark .t_light .t_green_TooltipArrow, .t_green_active_ListItem, .t_green_active_Progress, .t_green_active_SliderTrack, .t_green_active_TooltipArrow, .t_green_Card, .t_green_Input, .t_green_ListItem, .t_green_Progress, .t_green_SelectTrigger, .t_green_SliderTrack, .t_green_surface1, .t_green_TextArea, .t_green_TooltipArrow { --background: var(--color-58); --backgroundHover: var(--color-57); --backgroundPress: var(--color-59); --backgroundFocus: var(--color-59); --borderColor: var(--color-61); --borderColorHover: var(--color-60); --borderColorFocus: var(--color-61); --borderColorPress: var(--color-62); } } :root.t_dark .t_light .t_dark .t_light .t_green_Checkbox, :root.t_dark .t_light .t_dark .t_light .t_green_RadioGroupItem, :root.t_dark .t_light .t_dark .t_light .t_green_surface2, :root.t_dark .t_light .t_dark .t_light .t_green_Switch, :root.t_dark .t_light .t_dark .t_light .t_green_TooltipContent, :root.t_dark .t_light .t_green_Checkbox, :root.t_dark .t_light .t_green_RadioGroupItem, :root.t_dark .t_light .t_green_surface2, :root.t_dark .t_light .t_green_Switch, :root.t_dark .t_light .t_green_TooltipContent, :root.t_light .t_dark .t_light .t_green_Checkbox, :root.t_light .t_dark .t_light .t_green_RadioGroupItem, :root.t_light .t_dark .t_light .t_green_surface2, :root.t_light .t_dark .t_light .t_green_Switch, :root.t_light .t_dark .t_light .t_green_TooltipContent, :root.t_light .t_green_Checkbox, :root.t_light .t_green_RadioGroupItem, :root.t_light .t_green_surface2, :root.t_light .t_green_Switch, :root.t_light .t_green_TooltipContent { --background: var(--color-59); --backgroundHover: var(--color-58); --backgroundPress: var(--color-60); --backgroundFocus: var(--color-60); --borderColor: var(--color-62); --borderColorHover: var(--color-61); --borderColorFocus: var(--color-62); --borderColorPress: var(--color-63); } @media (prefers-color-scheme: light) { body { background: var(--background); } .t_dark .t_light .t_green_Checkbox, .t_dark .t_light .t_green_RadioGroupItem, .t_dark .t_light .t_green_surface2, .t_dark .t_light .t_green_Switch, .t_dark .t_light .t_green_TooltipContent, .t_green_Checkbox, .t_green_RadioGroupItem, .t_green_surface2, .t_green_Switch, .t_green_TooltipContent { --background: var(--color-59); --backgroundHover: var(--color-58); --backgroundPress: var(--color-60); --backgroundFocus: var(--color-60); --borderColor: var(--color-62); --borderColorHover: var(--color-61); --borderColorFocus: var(--color-62); --borderColorPress: var(--color-63); } } :root.t_dark .t_light .t_dark .t_light .t_green_active_Button, :root.t_dark .t_light .t_dark .t_light .t_green_active_Card, :root.t_dark .t_light .t_dark .t_light .t_green_active_Checkbox, :root.t_dark .t_light .t_dark .t_light .t_green_active_Input, :root.t_dark .t_light .t_dark .t_light .t_green_active_RadioGroupItem, :root.t_dark .t_light .t_dark .t_light .t_green_active_SelectTrigger, :root.t_dark .t_light .t_dark .t_light .t_green_active_Switch, :root.t_dark .t_light .t_dark .t_light .t_green_active_TextArea, :root.t_dark .t_light .t_dark .t_light .t_green_active_TooltipContent, :root.t_dark .t_light .t_dark .t_light .t_green_surface4, :root.t_dark .t_light .t_green_active_Button, :root.t_dark .t_light .t_green_active_Card, :root.t_dark .t_light .t_green_active_Checkbox, :root.t_dark .t_light .t_green_active_Input, :root.t_dark .t_light .t_green_active_RadioGroupItem, :root.t_dark .t_light .t_green_active_SelectTrigger, :root.t_dark .t_light .t_green_active_Switch, :root.t_dark .t_light .t_green_active_TextArea, :root.t_dark .t_light .t_green_active_TooltipContent, :root.t_dark .t_light .t_green_surface4, :root.t_light .t_dark .t_light .t_green_active_Button, :root.t_light .t_dark .t_light .t_green_active_Card, :root.t_light .t_dark .t_light .t_green_active_Checkbox, :root.t_light .t_dark .t_light .t_green_active_Input, :root.t_light .t_dark .t_light .t_green_active_RadioGroupItem, :root.t_light .t_dark .t_light .t_green_active_SelectTrigger, :root.t_light .t_dark .t_light .t_green_active_Switch, :root.t_light .t_dark .t_light .t_green_active_TextArea, :root.t_light .t_dark .t_light .t_green_active_TooltipContent, :root.t_light .t_dark .t_light .t_green_surface4, :root.t_light .t_green_active_Button, :root.t_light .t_green_active_Card, :root.t_light .t_green_active_Checkbox, :root.t_light .t_green_active_Input, :root.t_light .t_green_active_RadioGroupItem, :root.t_light .t_green_active_SelectTrigger, :root.t_light .t_green_active_Switch, :root.t_light .t_green_active_TextArea, :root.t_light .t_green_active_TooltipContent, :root.t_light .t_green_surface4 { --background: var(--color-62); --backgroundHover: var(--color-62); --backgroundPress: var(--color-63); --backgroundFocus: var(--color-63); --borderColor: var(--color-62); --borderColorHover: var(--color-62); --borderColorFocus: var(--color-63); --borderColorPress: var(--color-63); } @media (prefers-color-scheme: light) { body { background: var(--background); } .t_dark .t_light .t_green_active_Button, .t_dark .t_light .t_green_active_Card, .t_dark .t_light .t_green_active_Checkbox, .t_dark .t_light .t_green_active_Input, .t_dark .t_light .t_green_active_RadioGroupItem, .t_dark .t_light .t_green_active_SelectTrigger, .t_dark .t_light .t_green_active_Switch, .t_dark .t_light .t_green_active_TextArea, .t_dark .t_light .t_green_active_TooltipContent, .t_dark .t_light .t_green_surface4, .t_green_active_Button, .t_green_active_Card, .t_green_active_Checkbox, .t_green_active_Input, .t_green_active_RadioGroupItem, .t_green_active_SelectTrigger, .t_green_active_Switch, .t_green_active_TextArea, .t_green_active_TooltipContent, .t_green_surface4 { --background: var(--color-62); --backgroundHover: var(--color-62); --backgroundPress: var(--color-63); --backgroundFocus: var(--color-63); --borderColor: var(--color-62); --borderColorHover: var(--color-62); --borderColorFocus: var(--color-63); --borderColorPress: var(--color-63); } } :root.t_dark .t_light .t_blue_alt1, :root.t_dark .t_light .t_dark .t_light .t_blue_alt1, :root.t_light .t_blue_alt1, :root.t_light .t_dark .t_light .t_blue_alt1 { --color: var(--color-43); --colorHover: var(--color-42); --colorPress: var(--color-43); --colorFocus: var(--color-42); } @media (prefers-color-scheme: light) { body { color: var(--color); } .t_blue_alt1, .t_dark .t_light .t_blue_alt1 { --color: var(--color-43); --colorHover: var(--color-42); --colorPress: var(--color-43); --colorFocus: var(--color-42); } } :root.t_dark .t_light .t_blue_alt2, :root.t_dark .t_light .t_dark .t_light .t_blue_alt2, :root.t_light .t_blue_alt2, :root.t_light .t_dark .t_light .t_blue_alt2 { --color: var(--color-42); --colorHover: var(--color-137); --colorPress: var(--color-42); --colorFocus: var(--color-137); } @media (prefers-color-scheme: light) { body { color: var(--color); } .t_blue_alt2, .t_dark .t_light .t_blue_alt2 { --color: var(--color-42); --colorHover: var(--color-137); --colorPress: var(--color-42); --colorFocus: var(--color-137); } } :root.t_dark .t_light .t_blue_active, :root.t_dark .t_light .t_blue_active_SliderTrackActive, :root.t_dark .t_light .t_blue_Button, :root.t_dark .t_light .t_blue_SliderTrackActive, :root.t_dark .t_light .t_blue_surface3, :root.t_dark .t_light .t_dark .t_light .t_blue_active, :root.t_dark .t_light .t_dark .t_light .t_blue_active_SliderTrackActive, :root.t_dark .t_light .t_dark .t_light .t_blue_Button, :root.t_dark .t_light .t_dark .t_light .t_blue_SliderTrackActive, :root.t_dark .t_light .t_dark .t_light .t_blue_surface3, :root.t_light .t_blue_active, :root.t_light .t_blue_active_SliderTrackActive, :root.t_light .t_blue_Button, :root.t_light .t_blue_SliderTrackActive, :root.t_light .t_blue_surface3, :root.t_light .t_dark .t_light .t_blue_active, :root.t_light .t_dark .t_light .t_blue_active_SliderTrackActive, :root.t_light .t_dark .t_light .t_blue_Button, :root.t_light .t_dark .t_light .t_blue_SliderTrackActive, :root.t_light .t_dark .t_light .t_blue_surface3 { --background: var(--color-36); --backgroundHover: var(--color-35); --backgroundPress: var(--color-37); --backgroundFocus: var(--color-37); --borderColor: var(--color-39); --borderColorHover: var(--color-38); --borderColorFocus: var(--color-39); --borderColorPress: var(--color-40); } @media (prefers-color-scheme: light) { body { background: var(--background); } .t_blue_active, .t_blue_active_SliderTrackActive, .t_blue_Button, .t_blue_SliderTrackActive, .t_blue_surface3, .t_dark .t_light .t_blue_active, .t_dark .t_light .t_blue_active_SliderTrackActive, .t_dark .t_light .t_blue_Button, .t_dark .t_light .t_blue_SliderTrackActive, .t_dark .t_light .t_blue_surface3 { --background: var(--color-36); --backgroundHover: var(--color-35); --backgroundPress: var(--color-37); --backgroundFocus: var(--color-37); --borderColor: var(--color-39); --borderColorHover: var(--color-38); --borderColorFocus: var(--color-39); --borderColorPress: var(--color-40); } } :root.t_dark .t_light .t_blue_active_ListItem, :root.t_dark .t_light .t_blue_active_Progress, :root.t_dark .t_light .t_blue_active_SliderTrack, :root.t_dark .t_light .t_blue_active_TooltipArrow, :root.t_dark .t_light .t_blue_Card, :root.t_dark .t_light .t_blue_Input, :root.t_dark .t_light .t_blue_ListItem, :root.t_dark .t_light .t_blue_Progress, :root.t_dark .t_light .t_blue_SelectTrigger, :root.t_dark .t_light .t_blue_SliderTrack, :root.t_dark .t_light .t_blue_surface1, :root.t_dark .t_light .t_blue_TextArea, :root.t_dark .t_light .t_blue_TooltipArrow, :root.t_dark .t_light .t_dark .t_light .t_blue_active_ListItem, :root.t_dark .t_light .t_dark .t_light .t_blue_active_Progress, :root.t_dark .t_light .t_dark .t_light .t_blue_active_SliderTrack, :root.t_dark .t_light .t_dark .t_light .t_blue_active_TooltipArrow, :root.t_dark .t_light .t_dark .t_light .t_blue_Card, :root.t_dark .t_light .t_dark .t_light .t_blue_Input, :root.t_dark .t_light .t_dark .t_light .t_blue_ListItem, :root.t_dark .t_light .t_dark .t_light .t_blue_Progress, :root.t_dark .t_light .t_dark .t_light .t_blue_SelectTrigger, :root.t_dark .t_light .t_dark .t_light .t_blue_SliderTrack, :root.t_dark .t_light .t_dark .t_light .t_blue_surface1, :root.t_dark .t_light .t_dark .t_light .t_blue_TextArea, :root.t_dark .t_light .t_dark .t_light .t_blue_TooltipArrow, :root.t_light .t_blue_active_ListItem, :root.t_light .t_blue_active_Progress, :root.t_light .t_blue_active_SliderTrack, :root.t_light .t_blue_active_TooltipArrow, :root.t_light .t_blue_Card, :root.t_light .t_blue_Input, :root.t_light .t_blue_ListItem, :root.t_light .t_blue_Progress, :root.t_light .t_blue_SelectTrigger, :root.t_light .t_blue_SliderTrack, :root.t_light .t_blue_surface1, :root.t_light .t_blue_TextArea, :root.t_light .t_blue_TooltipArrow, :root.t_light .t_dark .t_light .t_blue_active_ListItem, :root.t_light .t_dark .t_light .t_blue_active_Progress, :root.t_light .t_dark .t_light .t_blue_active_SliderTrack, :root.t_light .t_dark .t_light .t_blue_active_TooltipArrow, :root.t_light .t_dark .t_light .t_blue_Card, :root.t_light .t_dark .t_light .t_blue_Input, :root.t_light .t_dark .t_light .t_blue_ListItem, :root.t_light .t_dark .t_light .t_blue_Progress, :root.t_light .t_dark .t_light .t_blue_SelectTrigger, :root.t_light .t_dark .t_light .t_blue_SliderTrack, :root.t_light .t_dark .t_light .t_blue_surface1, :root.t_light .t_dark .t_light .t_blue_TextArea, :root.t_light .t_dark .t_light .t_blue_TooltipArrow { --background: var(--color-34); --backgroundHover: var(--color-33); --backgroundPress: var(--color-35); --backgroundFocus: var(--color-35); --borderColor: var(--color-37); --borderColorHover: var(--color-36); --borderColorFocus: var(--color-37); --borderColorPress: var(--color-38); } @media (prefers-color-scheme: light) { body { background: var(--background); } .t_blue_active_ListItem, .t_blue_active_Progress, .t_blue_active_SliderTrack, .t_blue_active_TooltipArrow, .t_blue_Card, .t_blue_Input, .t_blue_ListItem, .t_blue_Progress, .t_blue_SelectTrigger, .t_blue_SliderTrack, .t_blue_surface1, .t_blue_TextArea, .t_blue_TooltipArrow, .t_dark .t_light .t_blue_active_ListItem, .t_dark .t_light .t_blue_active_Progress, .t_dark .t_light .t_blue_active_SliderTrack, .t_dark .t_light .t_blue_active_TooltipArrow, .t_dark .t_light .t_blue_Card, .t_dark .t_light .t_blue_Input, .t_dark .t_light .t_blue_ListItem, .t_dark .t_light .t_blue_Progress, .t_dark .t_light .t_blue_SelectTrigger, .t_dark .t_light .t_blue_SliderTrack, .t_dark .t_light .t_blue_surface1, .t_dark .t_light .t_blue_TextArea, .t_dark .t_light .t_blue_TooltipArrow { --background: var(--color-34); --backgroundHover: var(--color-33); --backgroundPress: var(--color-35); --backgroundFocus: var(--color-35); --borderColor: var(--color-37); --borderColorHover: var(--color-36); --borderColorFocus: var(--color-37); --borderColorPress: var(--color-38); } } :root.t_dark .t_light .t_blue_Checkbox, :root.t_dark .t_light .t_blue_RadioGroupItem, :root.t_dark .t_light .t_blue_surface2, :root.t_dark .t_light .t_blue_Switch, :root.t_dark .t_light .t_blue_TooltipContent, :root.t_dark .t_light .t_dark .t_light .t_blue_Checkbox, :root.t_dark .t_light .t_dark .t_light .t_blue_RadioGroupItem, :root.t_dark .t_light .t_dark .t_light .t_blue_surface2, :root.t_dark .t_light .t_dark .t_light .t_blue_Switch, :root.t_dark .t_light .t_dark .t_light .t_blue_TooltipContent, :root.t_light .t_blue_Checkbox, :root.t_light .t_blue_RadioGroupItem, :root.t_light .t_blue_surface2, :root.t_light .t_blue_Switch, :root.t_light .t_blue_TooltipContent, :root.t_light .t_dark .t_light .t_blue_Checkbox, :root.t_light .t_dark .t_light .t_blue_RadioGroupItem, :root.t_light .t_dark .t_light .t_blue_surface2, :root.t_light .t_dark .t_light .t_blue_Switch, :root.t_light .t_dark .t_light .t_blue_TooltipContent { --background: var(--color-35); --backgroundHover: var(--color-34); --backgroundPress: var(--color-36); --backgroundFocus: var(--color-36); --borderColor: var(--color-38); --borderColorHover: var(--color-37); --borderColorFocus: var(--color-38); --borderColorPress: var(--color-39); } @media (prefers-color-scheme: light) { body { background: var(--background); } .t_blue_Checkbox, .t_blue_RadioGroupItem, .t_blue_surface2, .t_blue_Switch, .t_blue_TooltipContent, .t_dark .t_light .t_blue_Checkbox, .t_dark .t_light .t_blue_RadioGroupItem, .t_dark .t_light .t_blue_surface2, .t_dark .t_light .t_blue_Switch, .t_dark .t_light .t_blue_TooltipContent { --background: var(--color-35); --backgroundHover: var(--color-34); --backgroundPress: var(--color-36); --backgroundFocus: var(--color-36); --borderColor: var(--color-38); --borderColorHover: var(--color-37); --borderColorFocus: var(--color-38); --borderColorPress: var(--color-39); } } :root.t_dark .t_light .t_blue_active_Button, :root.t_dark .t_light .t_blue_active_Card, :root.t_dark .t_light .t_blue_active_Checkbox, :root.t_dark .t_light .t_blue_active_Input, :root.t_dark .t_light .t_blue_active_RadioGroupItem, :root.t_dark .t_light .t_blue_active_SelectTrigger, :root.t_dark .t_light .t_blue_active_Switch, :root.t_dark .t_light .t_blue_active_TextArea, :root.t_dark .t_light .t_blue_active_TooltipContent, :root.t_dark .t_light .t_blue_surface4, :root.t_dark .t_light .t_dark .t_light .t_blue_active_Button, :root.t_dark .t_light .t_dark .t_light .t_blue_active_Card, :root.t_dark .t_light .t_dark .t_light .t_blue_active_Checkbox, :root.t_dark .t_light .t_dark .t_light .t_blue_active_Input, :root.t_dark .t_light .t_dark .t_light .t_blue_active_RadioGroupItem, :root.t_dark .t_light .t_dark .t_light .t_blue_active_SelectTrigger, :root.t_dark .t_light .t_dark .t_light .t_blue_active_Switch, :root.t_dark .t_light .t_dark .t_light .t_blue_active_TextArea, :root.t_dark .t_light .t_dark .t_light .t_blue_active_TooltipContent, :root.t_dark .t_light .t_dark .t_light .t_blue_surface4, :root.t_light .t_blue_active_Button, :root.t_light .t_blue_active_Card, :root.t_light .t_blue_active_Checkbox, :root.t_light .t_blue_active_Input, :root.t_light .t_blue_active_RadioGroupItem, :root.t_light .t_blue_active_SelectTrigger, :root.t_light .t_blue_active_Switch, :root.t_light .t_blue_active_TextArea, :root.t_light .t_blue_active_TooltipContent, :root.t_light .t_blue_surface4, :root.t_light .t_dark .t_light .t_blue_active_Button, :root.t_light .t_dark .t_light .t_blue_active_Card, :root.t_light .t_dark .t_light .t_blue_active_Checkbox, :root.t_light .t_dark .t_light .t_blue_active_Input, :root.t_light .t_dark .t_light .t_blue_active_RadioGroupItem, :root.t_light .t_dark .t_light .t_blue_active_SelectTrigger, :root.t_light .t_dark .t_light .t_blue_active_Switch, :root.t_light .t_dark .t_light .t_blue_active_TextArea, :root.t_light .t_dark .t_light .t_blue_active_TooltipContent, :root.t_light .t_dark .t_light .t_blue_surface4 { --background: var(--color-38); --backgroundHover: var(--color-38); --backgroundPress: var(--color-39); --backgroundFocus: var(--color-39); --borderColor: var(--color-38); --borderColorHover: var(--color-38); --borderColorFocus: var(--color-39); --borderColorPress: var(--color-39); } @media (prefers-color-scheme: light) { body { background: var(--background); } .t_blue_active_Button, .t_blue_active_Card, .t_blue_active_Checkbox, .t_blue_active_Input, .t_blue_active_RadioGroupItem, .t_blue_active_SelectTrigger, .t_blue_active_Switch, .t_blue_active_TextArea, .t_blue_active_TooltipContent, .t_blue_surface4, .t_dark .t_light .t_blue_active_Button, .t_dark .t_light .t_blue_active_Card, .t_dark .t_light .t_blue_active_Checkbox, .t_dark .t_light .t_blue_active_Input, .t_dark .t_light .t_blue_active_RadioGroupItem, .t_dark .t_light .t_blue_active_SelectTrigger, .t_dark .t_light .t_blue_active_Switch, .t_dark .t_light .t_blue_active_TextArea, .t_dark .t_light .t_blue_active_TooltipContent, .t_dark .t_light .t_blue_surface4 { --background: var(--color-38); --backgroundHover: var(--color-38); --backgroundPress: var(--color-39); --backgroundFocus: var(--color-39); --borderColor: var(--color-38); --borderColorHover: var(--color-38); --borderColorFocus: var(--color-39); --borderColorPress: var(--color-39); } } :root.t_dark .t_light .t_dark .t_light .t_purple_alt1, :root.t_dark .t_light .t_purple_alt1, :root.t_light .t_dark .t_light .t_purple_alt1, :root.t_light .t_purple_alt1 { --color: var(--color-103); --colorHover: var(--color-102); --colorPress: var(--color-103); --colorFocus: var(--color-102); } @media (prefers-color-scheme: light) { body { color: var(--color); } .t_dark .t_light .t_purple_alt1, .t_purple_alt1 { --color: var(--color-103); --colorHover: var(--color-102); --colorPress: var(--color-103); --colorFocus: var(--color-102); } } :root.t_dark .t_light .t_dark .t_light .t_purple_alt2, :root.t_dark .t_light .t_purple_alt2, :root.t_light .t_dark .t_light .t_purple_alt2, :root.t_light .t_purple_alt2 { --color: var(--color-102); --colorHover: var(--color-197); --colorPress: var(--color-102); --colorFocus: var(--color-197); } @media (prefers-color-scheme: light) { body { color: var(--color); } .t_dark .t_light .t_purple_alt2, .t_purple_alt2 { --color: var(--color-102); --colorHover: var(--color-197); --colorPress: var(--color-102); --colorFocus: var(--color-197); } } :root.t_dark .t_light .t_dark .t_light .t_purple_active, :root.t_dark .t_light .t_dark .t_light .t_purple_active_SliderTrackActive, :root.t_dark .t_light .t_dark .t_light .t_purple_Button, :root.t_dark .t_light .t_dark .t_light .t_purple_SliderTrackActive, :root.t_dark .t_light .t_dark .t_light .t_purple_surface3, :root.t_dark .t_light .t_purple_active, :root.t_dark .t_light .t_purple_active_SliderTrackActive, :root.t_dark .t_light .t_purple_Button, :root.t_dark .t_light .t_purple_SliderTrackActive, :root.t_dark .t_light .t_purple_surface3, :root.t_light .t_dark .t_light .t_purple_active, :root.t_light .t_dark .t_light .t_purple_active_SliderTrackActive, :root.t_light .t_dark .t_light .t_purple_Button, :root.t_light .t_dark .t_light .t_purple_SliderTrackActive, :root.t_light .t_dark .t_light .t_purple_surface3, :root.t_light .t_purple_active, :root.t_light .t_purple_active_SliderTrackActive, :root.t_light .t_purple_Button, :root.t_light .t_purple_SliderTrackActive, :root.t_light .t_purple_surface3 { --background: var(--color-96); --backgroundHover: var(--color-95); --backgroundPress: var(--color-97); --backgroundFocus: var(--color-97); --borderColor: var(--color-99); --borderColorHover: var(--color-98); --borderColorFocus: var(--color-99); --borderColorPress: var(--color-100); } @media (prefers-color-scheme: light) { body { background: var(--background); } .t_dark .t_light .t_purple_active, .t_dark .t_light .t_purple_active_SliderTrackActive, .t_dark .t_light .t_purple_Button, .t_dark .t_light .t_purple_SliderTrackActive, .t_dark .t_light .t_purple_surface3, .t_purple_active, .t_purple_active_SliderTrackActive, .t_purple_Button, .t_purple_SliderTrackActive, .t_purple_surface3 { --background: var(--color-96); --backgroundHover: var(--color-95); --backgroundPress: var(--color-97); --backgroundFocus: var(--color-97); --borderColor: var(--color-99); --borderColorHover: var(--color-98); --borderColorFocus: var(--color-99); --borderColorPress: var(--color-100); } } :root.t_dark .t_light .t_dark .t_light .t_purple_active_ListItem, :root.t_dark .t_light .t_dark .t_light .t_purple_active_Progress, :root.t_dark .t_light .t_dark .t_light .t_purple_active_SliderTrack, :root.t_dark .t_light .t_dark .t_light .t_purple_active_TooltipArrow, :root.t_dark .t_light .t_dark .t_light .t_purple_Card, :root.t_dark .t_light .t_dark .t_light .t_purple_Input, :root.t_dark .t_light .t_dark .t_light .t_purple_ListItem, :root.t_dark .t_light .t_dark .t_light .t_purple_Progress, :root.t_dark .t_light .t_dark .t_light .t_purple_SelectTrigger, :root.t_dark .t_light .t_dark .t_light .t_purple_SliderTrack, :root.t_dark .t_light .t_dark .t_light .t_purple_surface1, :root.t_dark .t_light .t_dark .t_light .t_purple_TextArea, :root.t_dark .t_light .t_dark .t_light .t_purple_TooltipArrow, :root.t_dark .t_light .t_purple_active_ListItem, :root.t_dark .t_light .t_purple_active_Progress, :root.t_dark .t_light .t_purple_active_SliderTrack, :root.t_dark .t_light .t_purple_active_TooltipArrow, :root.t_dark .t_light .t_purple_Card, :root.t_dark .t_light .t_purple_Input, :root.t_dark .t_light .t_purple_ListItem, :root.t_dark .t_light .t_purple_Progress, :root.t_dark .t_light .t_purple_SelectTrigger, :root.t_dark .t_light .t_purple_SliderTrack, :root.t_dark .t_light .t_purple_surface1, :root.t_dark .t_light .t_purple_TextArea, :root.t_dark .t_light .t_purple_TooltipArrow, :root.t_light .t_dark .t_light .t_purple_active_ListItem, :root.t_light .t_dark .t_light .t_purple_active_Progress, :root.t_light .t_dark .t_light .t_purple_active_SliderTrack, :root.t_light .t_dark .t_light .t_purple_active_TooltipArrow, :root.t_light .t_dark .t_light .t_purple_Card, :root.t_light .t_dark .t_light .t_purple_Input, :root.t_light .t_dark .t_light .t_purple_ListItem, :root.t_light .t_dark .t_light .t_purple_Progress, :root.t_light .t_dark .t_light .t_purple_SelectTrigger, :root.t_light .t_dark .t_light .t_purple_SliderTrack, :root.t_light .t_dark .t_light .t_purple_surface1, :root.t_light .t_dark .t_light .t_purple_TextArea, :root.t_light .t_dark .t_light .t_purple_TooltipArrow, :root.t_light .t_purple_active_ListItem, :root.t_light .t_purple_active_Progress, :root.t_light .t_purple_active_SliderTrack, :root.t_light .t_purple_active_TooltipArrow, :root.t_light .t_purple_Card, :root.t_light .t_purple_Input, :root.t_light .t_purple_ListItem, :root.t_light .t_purple_Progress, :root.t_light .t_purple_SelectTrigger, :root.t_light .t_purple_SliderTrack, :root.t_light .t_purple_surface1, :root.t_light .t_purple_TextArea, :root.t_light .t_purple_TooltipArrow { --background: var(--color-94); --backgroundHover: var(--color-93); --backgroundPress: var(--color-95); --backgroundFocus: var(--color-95); --borderColor: var(--color-97); --borderColorHover: var(--color-96); --borderColorFocus: var(--color-97); --borderColorPress: var(--color-98); } @media (prefers-color-scheme: light) { body { background: var(--background); } .t_dark .t_light .t_purple_active_ListItem, .t_dark .t_light .t_purple_active_Progress, .t_dark .t_light .t_purple_active_SliderTrack, .t_dark .t_light .t_purple_active_TooltipArrow, .t_dark .t_light .t_purple_Card, .t_dark .t_light .t_purple_Input, .t_dark .t_light .t_purple_ListItem, .t_dark .t_light .t_purple_Progress, .t_dark .t_light .t_purple_SelectTrigger, .t_dark .t_light .t_purple_SliderTrack, .t_dark .t_light .t_purple_surface1, .t_dark .t_light .t_purple_TextArea, .t_dark .t_light .t_purple_TooltipArrow, .t_purple_active_ListItem, .t_purple_active_Progress, .t_purple_active_SliderTrack, .t_purple_active_TooltipArrow, .t_purple_Card, .t_purple_Input, .t_purple_ListItem, .t_purple_Progress, .t_purple_SelectTrigger, .t_purple_SliderTrack, .t_purple_surface1, .t_purple_TextArea, .t_purple_TooltipArrow { --background: var(--color-94); --backgroundHover: var(--color-93); --backgroundPress: var(--color-95); --backgroundFocus: var(--color-95); --borderColor: var(--color-97); --borderColorHover: var(--color-96); --borderColorFocus: var(--color-97); --borderColorPress: var(--color-98); } } :root.t_dark .t_light .t_dark .t_light .t_purple_Checkbox, :root.t_dark .t_light .t_dark .t_light .t_purple_RadioGroupItem, :root.t_dark .t_light .t_dark .t_light .t_purple_surface2, :root.t_dark .t_light .t_dark .t_light .t_purple_Switch, :root.t_dark .t_light .t_dark .t_light .t_purple_TooltipContent, :root.t_dark .t_light .t_purple_Checkbox, :root.t_dark .t_light .t_purple_RadioGroupItem, :root.t_dark .t_light .t_purple_surface2, :root.t_dark .t_light .t_purple_Switch, :root.t_dark .t_light .t_purple_TooltipContent, :root.t_light .t_dark .t_light .t_purple_Checkbox, :root.t_light .t_dark .t_light .t_purple_RadioGroupItem, :root.t_light .t_dark .t_light .t_purple_surface2, :root.t_light .t_dark .t_light .t_purple_Switch, :root.t_light .t_dark .t_light .t_purple_TooltipContent, :root.t_light .t_purple_Checkbox, :root.t_light .t_purple_RadioGroupItem, :root.t_light .t_purple_surface2, :root.t_light .t_purple_Switch, :root.t_light .t_purple_TooltipContent { --background: var(--color-95); --backgroundHover: var(--color-94); --backgroundPress: var(--color-96); --backgroundFocus: var(--color-96); --borderColor: var(--color-98); --borderColorHover: var(--color-97); --borderColorFocus: var(--color-98); --borderColorPress: var(--color-99); } @media (prefers-color-scheme: light) { body { background: var(--background); } .t_dark .t_light .t_purple_Checkbox, .t_dark .t_light .t_purple_RadioGroupItem, .t_dark .t_light .t_purple_surface2, .t_dark .t_light .t_purple_Switch, .t_dark .t_light .t_purple_TooltipContent, .t_purple_Checkbox, .t_purple_RadioGroupItem, .t_purple_surface2, .t_purple_Switch, .t_purple_TooltipContent { --background: var(--color-95); --backgroundHover: var(--color-94); --backgroundPress: var(--color-96); --backgroundFocus: var(--color-96); --borderColor: var(--color-98); --borderColorHover: var(--color-97); --borderColorFocus: var(--color-98); --borderColorPress: var(--color-99); } } :root.t_dark .t_light .t_dark .t_light .t_purple_active_Button, :root.t_dark .t_light .t_dark .t_light .t_purple_active_Card, :root.t_dark .t_light .t_dark .t_light .t_purple_active_Checkbox, :root.t_dark .t_light .t_dark .t_light .t_purple_active_Input, :root.t_dark .t_light .t_dark .t_light .t_purple_active_RadioGroupItem, :root.t_dark .t_light .t_dark .t_light .t_purple_active_SelectTrigger, :root.t_dark .t_light .t_dark .t_light .t_purple_active_Switch, :root.t_dark .t_light .t_dark .t_light .t_purple_active_TextArea, :root.t_dark .t_light .t_dark .t_light .t_purple_active_TooltipContent, :root.t_dark .t_light .t_dark .t_light .t_purple_surface4, :root.t_dark .t_light .t_purple_active_Button, :root.t_dark .t_light .t_purple_active_Card, :root.t_dark .t_light .t_purple_active_Checkbox, :root.t_dark .t_light .t_purple_active_Input, :root.t_dark .t_light .t_purple_active_RadioGroupItem, :root.t_dark .t_light .t_purple_active_SelectTrigger, :root.t_dark .t_light .t_purple_active_Switch, :root.t_dark .t_light .t_purple_active_TextArea, :root.t_dark .t_light .t_purple_active_TooltipContent, :root.t_dark .t_light .t_purple_surface4, :root.t_light .t_dark .t_light .t_purple_active_Button, :root.t_light .t_dark .t_light .t_purple_active_Card, :root.t_light .t_dark .t_light .t_purple_active_Checkbox, :root.t_light .t_dark .t_light .t_purple_active_Input, :root.t_light .t_dark .t_light .t_purple_active_RadioGroupItem, :root.t_light .t_dark .t_light .t_purple_active_SelectTrigger, :root.t_light .t_dark .t_light .t_purple_active_Switch, :root.t_light .t_dark .t_light .t_purple_active_TextArea, :root.t_light .t_dark .t_light .t_purple_active_TooltipContent, :root.t_light .t_dark .t_light .t_purple_surface4, :root.t_light .t_purple_active_Button, :root.t_light .t_purple_active_Card, :root.t_light .t_purple_active_Checkbox, :root.t_light .t_purple_active_Input, :root.t_light .t_purple_active_RadioGroupItem, :root.t_light .t_purple_active_SelectTrigger, :root.t_light .t_purple_active_Switch, :root.t_light .t_purple_active_TextArea, :root.t_light .t_purple_active_TooltipContent, :root.t_light .t_purple_surface4 { --background: var(--color-98); --backgroundHover: var(--color-98); --backgroundPress: var(--color-99); --backgroundFocus: var(--color-99); --borderColor: var(--color-98); --borderColorHover: var(--color-98); --borderColorFocus: var(--color-99); --borderColorPress: var(--color-99); } @media (prefers-color-scheme: light) { body { background: var(--background); } .t_dark .t_light .t_purple_active_Button, .t_dark .t_light .t_purple_active_Card, .t_dark .t_light .t_purple_active_Checkbox, .t_dark .t_light .t_purple_active_Input, .t_dark .t_light .t_purple_active_RadioGroupItem, .t_dark .t_light .t_purple_active_SelectTrigger, .t_dark .t_light .t_purple_active_Switch, .t_dark .t_light .t_purple_active_TextArea, .t_dark .t_light .t_purple_active_TooltipContent, .t_dark .t_light .t_purple_surface4, .t_purple_active_Button, .t_purple_active_Card, .t_purple_active_Checkbox, .t_purple_active_Input, .t_purple_active_RadioGroupItem, .t_purple_active_SelectTrigger, .t_purple_active_Switch, .t_purple_active_TextArea, .t_purple_active_TooltipContent, .t_purple_surface4 { --background: var(--color-98); --backgroundHover: var(--color-98); --backgroundPress: var(--color-99); --backgroundFocus: var(--color-99); --borderColor: var(--color-98); --borderColorHover: var(--color-98); --borderColorFocus: var(--color-99); --borderColorPress: var(--color-99); } } :root.t_dark .t_light .t_dark .t_light .t_pink_alt1, :root.t_dark .t_light .t_pink_alt1, :root.t_light .t_dark .t_light .t_pink_alt1, :root.t_light .t_pink_alt1 { --color: var(--color-91); --colorHover: var(--color-90); --colorPress: var(--color-91); --colorFocus: var(--color-90); } @media (prefers-color-scheme: light) { body { color: var(--color); } .t_dark .t_light .t_pink_alt1, .t_pink_alt1 { --color: var(--color-91); --colorHover: var(--color-90); --colorPress: var(--color-91); --colorFocus: var(--color-90); } } :root.t_dark .t_light .t_dark .t_light .t_pink_alt2, :root.t_dark .t_light .t_pink_alt2, :root.t_light .t_dark .t_light .t_pink_alt2, :root.t_light .t_pink_alt2 { --color: var(--color-90); --colorHover: var(--color-185); --colorPress: var(--color-90); --colorFocus: var(--color-185); } @media (prefers-color-scheme: light) { body { color: var(--color); } .t_dark .t_light .t_pink_alt2, .t_pink_alt2 { --color: var(--color-90); --colorHover: var(--color-185); --colorPress: var(--color-90); --colorFocus: var(--color-185); } } :root.t_dark .t_light .t_dark .t_light .t_pink_active, :root.t_dark .t_light .t_dark .t_light .t_pink_active_SliderTrackActive, :root.t_dark .t_light .t_dark .t_light .t_pink_Button, :root.t_dark .t_light .t_dark .t_light .t_pink_SliderTrackActive, :root.t_dark .t_light .t_dark .t_light .t_pink_surface3, :root.t_dark .t_light .t_pink_active, :root.t_dark .t_light .t_pink_active_SliderTrackActive, :root.t_dark .t_light .t_pink_Button, :root.t_dark .t_light .t_pink_SliderTrackActive, :root.t_dark .t_light .t_pink_surface3, :root.t_light .t_dark .t_light .t_pink_active, :root.t_light .t_dark .t_light .t_pink_active_SliderTrackActive, :root.t_light .t_dark .t_light .t_pink_Button, :root.t_light .t_dark .t_light .t_pink_SliderTrackActive, :root.t_light .t_dark .t_light .t_pink_surface3, :root.t_light .t_pink_active, :root.t_light .t_pink_active_SliderTrackActive, :root.t_light .t_pink_Button, :root.t_light .t_pink_SliderTrackActive, :root.t_light .t_pink_surface3 { --background: var(--color-84); --backgroundHover: var(--color-83); --backgroundPress: var(--color-85); --backgroundFocus: var(--color-85); --borderColor: var(--color-87); --borderColorHover: var(--color-86); --borderColorFocus: var(--color-87); --borderColorPress: var(--color-88); } @media (prefers-color-scheme: light) { body { background: var(--background); } .t_dark .t_light .t_pink_active, .t_dark .t_light .t_pink_active_SliderTrackActive, .t_dark .t_light .t_pink_Button, .t_dark .t_light .t_pink_SliderTrackActive, .t_dark .t_light .t_pink_surface3, .t_pink_active, .t_pink_active_SliderTrackActive, .t_pink_Button, .t_pink_SliderTrackActive, .t_pink_surface3 { --background: var(--color-84); --backgroundHover: var(--color-83); --backgroundPress: var(--color-85); --backgroundFocus: var(--color-85); --borderColor: var(--color-87); --borderColorHover: var(--color-86); --borderColorFocus: var(--color-87); --borderColorPress: var(--color-88); } } :root.t_dark .t_light .t_dark .t_light .t_pink_active_ListItem, :root.t_dark .t_light .t_dark .t_light .t_pink_active_Progress, :root.t_dark .t_light .t_dark .t_light .t_pink_active_SliderTrack, :root.t_dark .t_light .t_dark .t_light .t_pink_active_TooltipArrow, :root.t_dark .t_light .t_dark .t_light .t_pink_Card, :root.t_dark .t_light .t_dark .t_light .t_pink_Input, :root.t_dark .t_light .t_dark .t_light .t_pink_ListItem, :root.t_dark .t_light .t_dark .t_light .t_pink_Progress, :root.t_dark .t_light .t_dark .t_light .t_pink_SelectTrigger, :root.t_dark .t_light .t_dark .t_light .t_pink_SliderTrack, :root.t_dark .t_light .t_dark .t_light .t_pink_surface1, :root.t_dark .t_light .t_dark .t_light .t_pink_TextArea, :root.t_dark .t_light .t_dark .t_light .t_pink_TooltipArrow, :root.t_dark .t_light .t_pink_active_ListItem, :root.t_dark .t_light .t_pink_active_Progress, :root.t_dark .t_light .t_pink_active_SliderTrack, :root.t_dark .t_light .t_pink_active_TooltipArrow, :root.t_dark .t_light .t_pink_Card, :root.t_dark .t_light .t_pink_Input, :root.t_dark .t_light .t_pink_ListItem, :root.t_dark .t_light .t_pink_Progress, :root.t_dark .t_light .t_pink_SelectTrigger, :root.t_dark .t_light .t_pink_SliderTrack, :root.t_dark .t_light .t_pink_surface1, :root.t_dark .t_light .t_pink_TextArea, :root.t_dark .t_light .t_pink_TooltipArrow, :root.t_light .t_dark .t_light .t_pink_active_ListItem, :root.t_light .t_dark .t_light .t_pink_active_Progress, :root.t_light .t_dark .t_light .t_pink_active_SliderTrack, :root.t_light .t_dark .t_light .t_pink_active_TooltipArrow, :root.t_light .t_dark .t_light .t_pink_Card, :root.t_light .t_dark .t_light .t_pink_Input, :root.t_light .t_dark .t_light .t_pink_ListItem, :root.t_light .t_dark .t_light .t_pink_Progress, :root.t_light .t_dark .t_light .t_pink_SelectTrigger, :root.t_light .t_dark .t_light .t_pink_SliderTrack, :root.t_light .t_dark .t_light .t_pink_surface1, :root.t_light .t_dark .t_light .t_pink_TextArea, :root.t_light .t_dark .t_light .t_pink_TooltipArrow, :root.t_light .t_pink_active_ListItem, :root.t_light .t_pink_active_Progress, :root.t_light .t_pink_active_SliderTrack, :root.t_light .t_pink_active_TooltipArrow, :root.t_light .t_pink_Card, :root.t_light .t_pink_Input, :root.t_light .t_pink_ListItem, :root.t_light .t_pink_Progress, :root.t_light .t_pink_SelectTrigger, :root.t_light .t_pink_SliderTrack, :root.t_light .t_pink_surface1, :root.t_light .t_pink_TextArea, :root.t_light .t_pink_TooltipArrow { --background: var(--color-82); --backgroundHover: var(--color-81); --backgroundPress: var(--color-83); --backgroundFocus: var(--color-83); --borderColor: var(--color-85); --borderColorHover: var(--color-84); --borderColorFocus: var(--color-85); --borderColorPress: var(--color-86); } @media (prefers-color-scheme: light) { body { background: var(--background); } .t_dark .t_light .t_pink_active_ListItem, .t_dark .t_light .t_pink_active_Progress, .t_dark .t_light .t_pink_active_SliderTrack, .t_dark .t_light .t_pink_active_TooltipArrow, .t_dark .t_light .t_pink_Card, .t_dark .t_light .t_pink_Input, .t_dark .t_light .t_pink_ListItem, .t_dark .t_light .t_pink_Progress, .t_dark .t_light .t_pink_SelectTrigger, .t_dark .t_light .t_pink_SliderTrack, .t_dark .t_light .t_pink_surface1, .t_dark .t_light .t_pink_TextArea, .t_dark .t_light .t_pink_TooltipArrow, .t_pink_active_ListItem, .t_pink_active_Progress, .t_pink_active_SliderTrack, .t_pink_active_TooltipArrow, .t_pink_Card, .t_pink_Input, .t_pink_ListItem, .t_pink_Progress, .t_pink_SelectTrigger, .t_pink_SliderTrack, .t_pink_surface1, .t_pink_TextArea, .t_pink_TooltipArrow { --background: var(--color-82); --backgroundHover: var(--color-81); --backgroundPress: var(--color-83); --backgroundFocus: var(--color-83); --borderColor: var(--color-85); --borderColorHover: var(--color-84); --borderColorFocus: var(--color-85); --borderColorPress: var(--color-86); } } :root.t_dark .t_light .t_dark .t_light .t_pink_Checkbox, :root.t_dark .t_light .t_dark .t_light .t_pink_RadioGroupItem, :root.t_dark .t_light .t_dark .t_light .t_pink_surface2, :root.t_dark .t_light .t_dark .t_light .t_pink_Switch, :root.t_dark .t_light .t_dark .t_light .t_pink_TooltipContent, :root.t_dark .t_light .t_pink_Checkbox, :root.t_dark .t_light .t_pink_RadioGroupItem, :root.t_dark .t_light .t_pink_surface2, :root.t_dark .t_light .t_pink_Switch, :root.t_dark .t_light .t_pink_TooltipContent, :root.t_light .t_dark .t_light .t_pink_Checkbox, :root.t_light .t_dark .t_light .t_pink_RadioGroupItem, :root.t_light .t_dark .t_light .t_pink_surface2, :root.t_light .t_dark .t_light .t_pink_Switch, :root.t_light .t_dark .t_light .t_pink_TooltipContent, :root.t_light .t_pink_Checkbox, :root.t_light .t_pink_RadioGroupItem, :root.t_light .t_pink_surface2, :root.t_light .t_pink_Switch, :root.t_light .t_pink_TooltipContent { --background: var(--color-83); --backgroundHover: var(--color-82); --backgroundPress: var(--color-84); --backgroundFocus: var(--color-84); --borderColor: var(--color-86); --borderColorHover: var(--color-85); --borderColorFocus: var(--color-86); --borderColorPress: var(--color-87); } @media (prefers-color-scheme: light) { body { background: var(--background); } .t_dark .t_light .t_pink_Checkbox, .t_dark .t_light .t_pink_RadioGroupItem, .t_dark .t_light .t_pink_surface2, .t_dark .t_light .t_pink_Switch, .t_dark .t_light .t_pink_TooltipContent, .t_pink_Checkbox, .t_pink_RadioGroupItem, .t_pink_surface2, .t_pink_Switch, .t_pink_TooltipContent { --background: var(--color-83); --backgroundHover: var(--color-82); --backgroundPress: var(--color-84); --backgroundFocus: var(--color-84); --borderColor: var(--color-86); --borderColorHover: var(--color-85); --borderColorFocus: var(--color-86); --borderColorPress: var(--color-87); } } :root.t_dark .t_light .t_dark .t_light .t_pink_active_Button, :root.t_dark .t_light .t_dark .t_light .t_pink_active_Card, :root.t_dark .t_light .t_dark .t_light .t_pink_active_Checkbox, :root.t_dark .t_light .t_dark .t_light .t_pink_active_Input, :root.t_dark .t_light .t_dark .t_light .t_pink_active_RadioGroupItem, :root.t_dark .t_light .t_dark .t_light .t_pink_active_SelectTrigger, :root.t_dark .t_light .t_dark .t_light .t_pink_active_Switch, :root.t_dark .t_light .t_dark .t_light .t_pink_active_TextArea, :root.t_dark .t_light .t_dark .t_light .t_pink_active_TooltipContent, :root.t_dark .t_light .t_dark .t_light .t_pink_surface4, :root.t_dark .t_light .t_pink_active_Button, :root.t_dark .t_light .t_pink_active_Card, :root.t_dark .t_light .t_pink_active_Checkbox, :root.t_dark .t_light .t_pink_active_Input, :root.t_dark .t_light .t_pink_active_RadioGroupItem, :root.t_dark .t_light .t_pink_active_SelectTrigger, :root.t_dark .t_light .t_pink_active_Switch, :root.t_dark .t_light .t_pink_active_TextArea, :root.t_dark .t_light .t_pink_active_TooltipContent, :root.t_dark .t_light .t_pink_surface4, :root.t_light .t_dark .t_light .t_pink_active_Button, :root.t_light .t_dark .t_light .t_pink_active_Card, :root.t_light .t_dark .t_light .t_pink_active_Checkbox, :root.t_light .t_dark .t_light .t_pink_active_Input, :root.t_light .t_dark .t_light .t_pink_active_RadioGroupItem, :root.t_light .t_dark .t_light .t_pink_active_SelectTrigger, :root.t_light .t_dark .t_light .t_pink_active_Switch, :root.t_light .t_dark .t_light .t_pink_active_TextArea, :root.t_light .t_dark .t_light .t_pink_active_TooltipContent, :root.t_light .t_dark .t_light .t_pink_surface4, :root.t_light .t_pink_active_Button, :root.t_light .t_pink_active_Card, :root.t_light .t_pink_active_Checkbox, :root.t_light .t_pink_active_Input, :root.t_light .t_pink_active_RadioGroupItem, :root.t_light .t_pink_active_SelectTrigger, :root.t_light .t_pink_active_Switch, :root.t_light .t_pink_active_TextArea, :root.t_light .t_pink_active_TooltipContent, :root.t_light .t_pink_surface4 { --background: var(--color-86); --backgroundHover: var(--color-86); --backgroundPress: var(--color-87); --backgroundFocus: var(--color-87); --borderColor: var(--color-86); --borderColorHover: var(--color-86); --borderColorFocus: var(--color-87); --borderColorPress: var(--color-87); } @media (prefers-color-scheme: light) { body { background: var(--background); } .t_dark .t_light .t_pink_active_Button, .t_dark .t_light .t_pink_active_Card, .t_dark .t_light .t_pink_active_Checkbox, .t_dark .t_light .t_pink_active_Input, .t_dark .t_light .t_pink_active_RadioGroupItem, .t_dark .t_light .t_pink_active_SelectTrigger, .t_dark .t_light .t_pink_active_Switch, .t_dark .t_light .t_pink_active_TextArea, .t_dark .t_light .t_pink_active_TooltipContent, .t_dark .t_light .t_pink_surface4, .t_pink_active_Button, .t_pink_active_Card, .t_pink_active_Checkbox, .t_pink_active_Input, .t_pink_active_RadioGroupItem, .t_pink_active_SelectTrigger, .t_pink_active_Switch, .t_pink_active_TextArea, .t_pink_active_TooltipContent, .t_pink_surface4 { --background: var(--color-86); --backgroundHover: var(--color-86); --backgroundPress: var(--color-87); --backgroundFocus: var(--color-87); --borderColor: var(--color-86); --borderColorHover: var(--color-86); --borderColorFocus: var(--color-87); --borderColorPress: var(--color-87); } } :root.t_dark .t_light .t_dark .t_light .t_red_alt1, :root.t_dark .t_light .t_red_alt1, :root.t_light .t_dark .t_light .t_red_alt1, :root.t_light .t_red_alt1 { --color: var(--color-115); --colorHover: var(--color-114); --colorPress: var(--color-115); --colorFocus: var(--color-114); } @media (prefers-color-scheme: light) { body { color: var(--color); } .t_dark .t_light .t_red_alt1, .t_red_alt1 { --color: var(--color-115); --colorHover: var(--color-114); --colorPress: var(--color-115); --colorFocus: var(--color-114); } } :root.t_dark .t_light .t_dark .t_light .t_red_alt2, :root.t_dark .t_light .t_red_alt2, :root.t_light .t_dark .t_light .t_red_alt2, :root.t_light .t_red_alt2 { --color: var(--color-114); --colorHover: var(--color-209); --colorPress: var(--color-114); --colorFocus: var(--color-209); } @media (prefers-color-scheme: light) { body { color: var(--color); } .t_dark .t_light .t_red_alt2, .t_red_alt2 { --color: var(--color-114); --colorHover: var(--color-209); --colorPress: var(--color-114); --colorFocus: var(--color-209); } } :root.t_dark .t_light .t_dark .t_light .t_red_active, :root.t_dark .t_light .t_dark .t_light .t_red_active_SliderTrackActive, :root.t_dark .t_light .t_dark .t_light .t_red_Button, :root.t_dark .t_light .t_dark .t_light .t_red_SliderTrackActive, :root.t_dark .t_light .t_dark .t_light .t_red_surface3, :root.t_dark .t_light .t_red_active, :root.t_dark .t_light .t_red_active_SliderTrackActive, :root.t_dark .t_light .t_red_Button, :root.t_dark .t_light .t_red_SliderTrackActive, :root.t_dark .t_light .t_red_surface3, :root.t_light .t_dark .t_light .t_red_active, :root.t_light .t_dark .t_light .t_red_active_SliderTrackActive, :root.t_light .t_dark .t_light .t_red_Button, :root.t_light .t_dark .t_light .t_red_SliderTrackActive, :root.t_light .t_dark .t_light .t_red_surface3, :root.t_light .t_red_active, :root.t_light .t_red_active_SliderTrackActive, :root.t_light .t_red_Button, :root.t_light .t_red_SliderTrackActive, :root.t_light .t_red_surface3 { --background: var(--color-108); --backgroundHover: var(--color-107); --backgroundPress: var(--color-109); --backgroundFocus: var(--color-109); --borderColor: var(--color-111); --borderColorHover: var(--color-110); --borderColorFocus: var(--color-111); --borderColorPress: var(--color-112); } @media (prefers-color-scheme: light) { body { background: var(--background); } .t_dark .t_light .t_red_active, .t_dark .t_light .t_red_active_SliderTrackActive, .t_dark .t_light .t_red_Button, .t_dark .t_light .t_red_SliderTrackActive, .t_dark .t_light .t_red_surface3, .t_red_active, .t_red_active_SliderTrackActive, .t_red_Button, .t_red_SliderTrackActive, .t_red_surface3 { --background: var(--color-108); --backgroundHover: var(--color-107); --backgroundPress: var(--color-109); --backgroundFocus: var(--color-109); --borderColor: var(--color-111); --borderColorHover: var(--color-110); --borderColorFocus: var(--color-111); --borderColorPress: var(--color-112); } } :root.t_dark .t_light .t_dark .t_light .t_red_active_ListItem, :root.t_dark .t_light .t_dark .t_light .t_red_active_Progress, :root.t_dark .t_light .t_dark .t_light .t_red_active_SliderTrack, :root.t_dark .t_light .t_dark .t_light .t_red_active_TooltipArrow, :root.t_dark .t_light .t_dark .t_light .t_red_Card, :root.t_dark .t_light .t_dark .t_light .t_red_Input, :root.t_dark .t_light .t_dark .t_light .t_red_ListItem, :root.t_dark .t_light .t_dark .t_light .t_red_Progress, :root.t_dark .t_light .t_dark .t_light .t_red_SelectTrigger, :root.t_dark .t_light .t_dark .t_light .t_red_SliderTrack, :root.t_dark .t_light .t_dark .t_light .t_red_surface1, :root.t_dark .t_light .t_dark .t_light .t_red_TextArea, :root.t_dark .t_light .t_dark .t_light .t_red_TooltipArrow, :root.t_dark .t_light .t_red_active_ListItem, :root.t_dark .t_light .t_red_active_Progress, :root.t_dark .t_light .t_red_active_SliderTrack, :root.t_dark .t_light .t_red_active_TooltipArrow, :root.t_dark .t_light .t_red_Card, :root.t_dark .t_light .t_red_Input, :root.t_dark .t_light .t_red_ListItem, :root.t_dark .t_light .t_red_Progress, :root.t_dark .t_light .t_red_SelectTrigger, :root.t_dark .t_light .t_red_SliderTrack, :root.t_dark .t_light .t_red_surface1, :root.t_dark .t_light .t_red_TextArea, :root.t_dark .t_light .t_red_TooltipArrow, :root.t_light .t_dark .t_light .t_red_active_ListItem, :root.t_light .t_dark .t_light .t_red_active_Progress, :root.t_light .t_dark .t_light .t_red_active_SliderTrack, :root.t_light .t_dark .t_light .t_red_active_TooltipArrow, :root.t_light .t_dark .t_light .t_red_Card, :root.t_light .t_dark .t_light .t_red_Input, :root.t_light .t_dark .t_light .t_red_ListItem, :root.t_light .t_dark .t_light .t_red_Progress, :root.t_light .t_dark .t_light .t_red_SelectTrigger, :root.t_light .t_dark .t_light .t_red_SliderTrack, :root.t_light .t_dark .t_light .t_red_surface1, :root.t_light .t_dark .t_light .t_red_TextArea, :root.t_light .t_dark .t_light .t_red_TooltipArrow, :root.t_light .t_red_active_ListItem, :root.t_light .t_red_active_Progress, :root.t_light .t_red_active_SliderTrack, :root.t_light .t_red_active_TooltipArrow, :root.t_light .t_red_Card, :root.t_light .t_red_Input, :root.t_light .t_red_ListItem, :root.t_light .t_red_Progress, :root.t_light .t_red_SelectTrigger, :root.t_light .t_red_SliderTrack, :root.t_light .t_red_surface1, :root.t_light .t_red_TextArea, :root.t_light .t_red_TooltipArrow { --background: var(--color-106); --backgroundHover: var(--color-105); --backgroundPress: var(--color-107); --backgroundFocus: var(--color-107); --borderColor: var(--color-109); --borderColorHover: var(--color-108); --borderColorFocus: var(--color-109); --borderColorPress: var(--color-110); } @media (prefers-color-scheme: light) { body { background: var(--background); } .t_dark .t_light .t_red_active_ListItem, .t_dark .t_light .t_red_active_Progress, .t_dark .t_light .t_red_active_SliderTrack, .t_dark .t_light .t_red_active_TooltipArrow, .t_dark .t_light .t_red_Card, .t_dark .t_light .t_red_Input, .t_dark .t_light .t_red_ListItem, .t_dark .t_light .t_red_Progress, .t_dark .t_light .t_red_SelectTrigger, .t_dark .t_light .t_red_SliderTrack, .t_dark .t_light .t_red_surface1, .t_dark .t_light .t_red_TextArea, .t_dark .t_light .t_red_TooltipArrow, .t_red_active_ListItem, .t_red_active_Progress, .t_red_active_SliderTrack, .t_red_active_TooltipArrow, .t_red_Card, .t_red_Input, .t_red_ListItem, .t_red_Progress, .t_red_SelectTrigger, .t_red_SliderTrack, .t_red_surface1, .t_red_TextArea, .t_red_TooltipArrow { --background: var(--color-106); --backgroundHover: var(--color-105); --backgroundPress: var(--color-107); --backgroundFocus: var(--color-107); --borderColor: var(--color-109); --borderColorHover: var(--color-108); --borderColorFocus: var(--color-109); --borderColorPress: var(--color-110); } } :root.t_dark .t_light .t_dark .t_light .t_red_Checkbox, :root.t_dark .t_light .t_dark .t_light .t_red_RadioGroupItem, :root.t_dark .t_light .t_dark .t_light .t_red_surface2, :root.t_dark .t_light .t_dark .t_light .t_red_Switch, :root.t_dark .t_light .t_dark .t_light .t_red_TooltipContent, :root.t_dark .t_light .t_red_Checkbox, :root.t_dark .t_light .t_red_RadioGroupItem, :root.t_dark .t_light .t_red_surface2, :root.t_dark .t_light .t_red_Switch, :root.t_dark .t_light .t_red_TooltipContent, :root.t_light .t_dark .t_light .t_red_Checkbox, :root.t_light .t_dark .t_light .t_red_RadioGroupItem, :root.t_light .t_dark .t_light .t_red_surface2, :root.t_light .t_dark .t_light .t_red_Switch, :root.t_light .t_dark .t_light .t_red_TooltipContent, :root.t_light .t_red_Checkbox, :root.t_light .t_red_RadioGroupItem, :root.t_light .t_red_surface2, :root.t_light .t_red_Switch, :root.t_light .t_red_TooltipContent { --background: var(--color-107); --backgroundHover: var(--color-106); --backgroundPress: var(--color-108); --backgroundFocus: var(--color-108); --borderColor: var(--color-110); --borderColorHover: var(--color-109); --borderColorFocus: var(--color-110); --borderColorPress: var(--color-111); } @media (prefers-color-scheme: light) { body { background: var(--background); } .t_dark .t_light .t_red_Checkbox, .t_dark .t_light .t_red_RadioGroupItem, .t_dark .t_light .t_red_surface2, .t_dark .t_light .t_red_Switch, .t_dark .t_light .t_red_TooltipContent, .t_red_Checkbox, .t_red_RadioGroupItem, .t_red_surface2, .t_red_Switch, .t_red_TooltipContent { --background: var(--color-107); --backgroundHover: var(--color-106); --backgroundPress: var(--color-108); --backgroundFocus: var(--color-108); --borderColor: var(--color-110); --borderColorHover: var(--color-109); --borderColorFocus: var(--color-110); --borderColorPress: var(--color-111); } } :root.t_dark .t_light .t_dark .t_light .t_red_active_Button, :root.t_dark .t_light .t_dark .t_light .t_red_active_Card, :root.t_dark .t_light .t_dark .t_light .t_red_active_Checkbox, :root.t_dark .t_light .t_dark .t_light .t_red_active_Input, :root.t_dark .t_light .t_dark .t_light .t_red_active_RadioGroupItem, :root.t_dark .t_light .t_dark .t_light .t_red_active_SelectTrigger, :root.t_dark .t_light .t_dark .t_light .t_red_active_Switch, :root.t_dark .t_light .t_dark .t_light .t_red_active_TextArea, :root.t_dark .t_light .t_dark .t_light .t_red_active_TooltipContent, :root.t_dark .t_light .t_dark .t_light .t_red_surface4, :root.t_dark .t_light .t_red_active_Button, :root.t_dark .t_light .t_red_active_Card, :root.t_dark .t_light .t_red_active_Checkbox, :root.t_dark .t_light .t_red_active_Input, :root.t_dark .t_light .t_red_active_RadioGroupItem, :root.t_dark .t_light .t_red_active_SelectTrigger, :root.t_dark .t_light .t_red_active_Switch, :root.t_dark .t_light .t_red_active_TextArea, :root.t_dark .t_light .t_red_active_TooltipContent, :root.t_dark .t_light .t_red_surface4, :root.t_light .t_dark .t_light .t_red_active_Button, :root.t_light .t_dark .t_light .t_red_active_Card, :root.t_light .t_dark .t_light .t_red_active_Checkbox, :root.t_light .t_dark .t_light .t_red_active_Input, :root.t_light .t_dark .t_light .t_red_active_RadioGroupItem, :root.t_light .t_dark .t_light .t_red_active_SelectTrigger, :root.t_light .t_dark .t_light .t_red_active_Switch, :root.t_light .t_dark .t_light .t_red_active_TextArea, :root.t_light .t_dark .t_light .t_red_active_TooltipContent, :root.t_light .t_dark .t_light .t_red_surface4, :root.t_light .t_red_active_Button, :root.t_light .t_red_active_Card, :root.t_light .t_red_active_Checkbox, :root.t_light .t_red_active_Input, :root.t_light .t_red_active_RadioGroupItem, :root.t_light .t_red_active_SelectTrigger, :root.t_light .t_red_active_Switch, :root.t_light .t_red_active_TextArea, :root.t_light .t_red_active_TooltipContent, :root.t_light .t_red_surface4 { --background: var(--color-110); --backgroundHover: var(--color-110); --backgroundPress: var(--color-111); --backgroundFocus: var(--color-111); --borderColor: var(--color-110); --borderColorHover: var(--color-110); --borderColorFocus: var(--color-111); --borderColorPress: var(--color-111); } @media (prefers-color-scheme: light) { body { background: var(--background); } .t_dark .t_light .t_red_active_Button, .t_dark .t_light .t_red_active_Card, .t_dark .t_light .t_red_active_Checkbox, .t_dark .t_light .t_red_active_Input, .t_dark .t_light .t_red_active_RadioGroupItem, .t_dark .t_light .t_red_active_SelectTrigger, .t_dark .t_light .t_red_active_Switch, .t_dark .t_light .t_red_active_TextArea, .t_dark .t_light .t_red_active_TooltipContent, .t_dark .t_light .t_red_surface4, .t_red_active_Button, .t_red_active_Card, .t_red_active_Checkbox, .t_red_active_Input, .t_red_active_RadioGroupItem, .t_red_active_SelectTrigger, .t_red_active_Switch, .t_red_active_TextArea, .t_red_active_TooltipContent, .t_red_surface4 { --background: var(--color-110); --backgroundHover: var(--color-110); --backgroundPress: var(--color-111); --backgroundFocus: var(--color-111); --borderColor: var(--color-110); --borderColorHover: var(--color-110); --borderColorFocus: var(--color-111); --borderColorPress: var(--color-111); } } :root.t_dark .t_light .t_dark .t_light .t_gray_alt1, :root.t_dark .t_light .t_gray_alt1, :root.t_light .t_dark .t_light .t_gray_alt1, :root.t_light .t_gray_alt1 { --color: var(--color-55); --colorHover: var(--color-54); --colorPress: var(--color-55); --colorFocus: var(--color-54); } @media (prefers-color-scheme: light) { body { color: var(--color); } .t_dark .t_light .t_gray_alt1, .t_gray_alt1 { --color: var(--color-55); --colorHover: var(--color-54); --colorPress: var(--color-55); --colorFocus: var(--color-54); } } :root.t_dark .t_light .t_dark .t_light .t_gray_alt2, :root.t_dark .t_light .t_gray_alt2, :root.t_light .t_dark .t_light .t_gray_alt2, :root.t_light .t_gray_alt2 { --color: var(--color-54); --colorHover: var(--color-53); --colorPress: var(--color-54); --colorFocus: var(--color-53); } @media (prefers-color-scheme: light) { body { color: var(--color); } .t_dark .t_light .t_gray_alt2, .t_gray_alt2 { --color: var(--color-54); --colorHover: var(--color-53); --colorPress: var(--color-54); --colorFocus: var(--color-53); } } :root.t_dark .t_light .t_dark .t_light .t_gray_active, :root.t_dark .t_light .t_dark .t_light .t_gray_active_SliderTrackActive, :root.t_dark .t_light .t_dark .t_light .t_gray_Button, :root.t_dark .t_light .t_dark .t_light .t_gray_SliderTrackActive, :root.t_dark .t_light .t_dark .t_light .t_gray_surface3, :root.t_dark .t_light .t_gray_active, :root.t_dark .t_light .t_gray_active_SliderTrackActive, :root.t_dark .t_light .t_gray_Button, :root.t_dark .t_light .t_gray_SliderTrackActive, :root.t_dark .t_light .t_gray_surface3, :root.t_light .t_dark .t_light .t_gray_active, :root.t_light .t_dark .t_light .t_gray_active_SliderTrackActive, :root.t_light .t_dark .t_light .t_gray_Button, :root.t_light .t_dark .t_light .t_gray_SliderTrackActive, :root.t_light .t_dark .t_light .t_gray_surface3, :root.t_light .t_gray_active, :root.t_light .t_gray_active_SliderTrackActive, :root.t_light .t_gray_Button, :root.t_light .t_gray_SliderTrackActive, :root.t_light .t_gray_surface3 { --background: var(--color-152); --backgroundHover: var(--color-47); --backgroundPress: var(--color-49); --backgroundFocus: var(--color-49); --borderColor: var(--color-51); --borderColorHover: var(--color-50); --borderColorFocus: var(--color-51); --borderColorPress: var(--color-52); } @media (prefers-color-scheme: light) { body { background: var(--background); } .t_dark .t_light .t_gray_active, .t_dark .t_light .t_gray_active_SliderTrackActive, .t_dark .t_light .t_gray_Button, .t_dark .t_light .t_gray_SliderTrackActive, .t_dark .t_light .t_gray_surface3, .t_gray_active, .t_gray_active_SliderTrackActive, .t_gray_Button, .t_gray_SliderTrackActive, .t_gray_surface3 { --background: var(--color-152); --backgroundHover: var(--color-47); --backgroundPress: var(--color-49); --backgroundFocus: var(--color-49); --borderColor: var(--color-51); --borderColorHover: var(--color-50); --borderColorFocus: var(--color-51); --borderColorPress: var(--color-52); } } :root.t_dark .t_light .t_dark .t_light .t_gray_active_ListItem, :root.t_dark .t_light .t_dark .t_light .t_gray_active_Progress, :root.t_dark .t_light .t_dark .t_light .t_gray_active_SliderTrack, :root.t_dark .t_light .t_dark .t_light .t_gray_active_TooltipArrow, :root.t_dark .t_light .t_dark .t_light .t_gray_Card, :root.t_dark .t_light .t_dark .t_light .t_gray_Input, :root.t_dark .t_light .t_dark .t_light .t_gray_ListItem, :root.t_dark .t_light .t_dark .t_light .t_gray_Progress, :root.t_dark .t_light .t_dark .t_light .t_gray_SelectTrigger, :root.t_dark .t_light .t_dark .t_light .t_gray_SliderTrack, :root.t_dark .t_light .t_dark .t_light .t_gray_surface1, :root.t_dark .t_light .t_dark .t_light .t_gray_TextArea, :root.t_dark .t_light .t_dark .t_light .t_gray_TooltipArrow, :root.t_dark .t_light .t_gray_active_ListItem, :root.t_dark .t_light .t_gray_active_Progress, :root.t_dark .t_light .t_gray_active_SliderTrack, :root.t_dark .t_light .t_gray_active_TooltipArrow, :root.t_dark .t_light .t_gray_Card, :root.t_dark .t_light .t_gray_Input, :root.t_dark .t_light .t_gray_ListItem, :root.t_dark .t_light .t_gray_Progress, :root.t_dark .t_light .t_gray_SelectTrigger, :root.t_dark .t_light .t_gray_SliderTrack, :root.t_dark .t_light .t_gray_surface1, :root.t_dark .t_light .t_gray_TextArea, :root.t_dark .t_light .t_gray_TooltipArrow, :root.t_light .t_dark .t_light .t_gray_active_ListItem, :root.t_light .t_dark .t_light .t_gray_active_Progress, :root.t_light .t_dark .t_light .t_gray_active_SliderTrack, :root.t_light .t_dark .t_light .t_gray_active_TooltipArrow, :root.t_light .t_dark .t_light .t_gray_Card, :root.t_light .t_dark .t_light .t_gray_Input, :root.t_light .t_dark .t_light .t_gray_ListItem, :root.t_light .t_dark .t_light .t_gray_Progress, :root.t_light .t_dark .t_light .t_gray_SelectTrigger, :root.t_light .t_dark .t_light .t_gray_SliderTrack, :root.t_light .t_dark .t_light .t_gray_surface1, :root.t_light .t_dark .t_light .t_gray_TextArea, :root.t_light .t_dark .t_light .t_gray_TooltipArrow, :root.t_light .t_gray_active_ListItem, :root.t_light .t_gray_active_Progress, :root.t_light .t_gray_active_SliderTrack, :root.t_light .t_gray_active_TooltipArrow, :root.t_light .t_gray_Card, :root.t_light .t_gray_Input, :root.t_light .t_gray_ListItem, :root.t_light .t_gray_Progress, :root.t_light .t_gray_SelectTrigger, :root.t_light .t_gray_SliderTrack, :root.t_light .t_gray_surface1, :root.t_light .t_gray_TextArea, :root.t_light .t_gray_TooltipArrow { --background: var(--color-46); --backgroundHover: var(--color-45); --backgroundPress: var(--color-47); --backgroundFocus: var(--color-47); --borderColor: var(--color-49); --borderColorHover: var(--color-152); --borderColorFocus: var(--color-49); --borderColorPress: var(--color-50); } @media (prefers-color-scheme: light) { body { background: var(--background); } .t_dark .t_light .t_gray_active_ListItem, .t_dark .t_light .t_gray_active_Progress, .t_dark .t_light .t_gray_active_SliderTrack, .t_dark .t_light .t_gray_active_TooltipArrow, .t_dark .t_light .t_gray_Card, .t_dark .t_light .t_gray_Input, .t_dark .t_light .t_gray_ListItem, .t_dark .t_light .t_gray_Progress, .t_dark .t_light .t_gray_SelectTrigger, .t_dark .t_light .t_gray_SliderTrack, .t_dark .t_light .t_gray_surface1, .t_dark .t_light .t_gray_TextArea, .t_dark .t_light .t_gray_TooltipArrow, .t_gray_active_ListItem, .t_gray_active_Progress, .t_gray_active_SliderTrack, .t_gray_active_TooltipArrow, .t_gray_Card, .t_gray_Input, .t_gray_ListItem, .t_gray_Progress, .t_gray_SelectTrigger, .t_gray_SliderTrack, .t_gray_surface1, .t_gray_TextArea, .t_gray_TooltipArrow { --background: var(--color-46); --backgroundHover: var(--color-45); --backgroundPress: var(--color-47); --backgroundFocus: var(--color-47); --borderColor: var(--color-49); --borderColorHover: var(--color-152); --borderColorFocus: var(--color-49); --borderColorPress: var(--color-50); } } :root.t_dark .t_light .t_dark .t_light .t_gray_Checkbox, :root.t_dark .t_light .t_dark .t_light .t_gray_RadioGroupItem, :root.t_dark .t_light .t_dark .t_light .t_gray_surface2, :root.t_dark .t_light .t_dark .t_light .t_gray_Switch, :root.t_dark .t_light .t_dark .t_light .t_gray_TooltipContent, :root.t_dark .t_light .t_gray_Checkbox, :root.t_dark .t_light .t_gray_RadioGroupItem, :root.t_dark .t_light .t_gray_surface2, :root.t_dark .t_light .t_gray_Switch, :root.t_dark .t_light .t_gray_TooltipContent, :root.t_light .t_dark .t_light .t_gray_Checkbox, :root.t_light .t_dark .t_light .t_gray_RadioGroupItem, :root.t_light .t_dark .t_light .t_gray_surface2, :root.t_light .t_dark .t_light .t_gray_Switch, :root.t_light .t_dark .t_light .t_gray_TooltipContent, :root.t_light .t_gray_Checkbox, :root.t_light .t_gray_RadioGroupItem, :root.t_light .t_gray_surface2, :root.t_light .t_gray_Switch, :root.t_light .t_gray_TooltipContent { --background: var(--color-47); --backgroundHover: var(--color-46); --backgroundPress: var(--color-152); --backgroundFocus: var(--color-152); --borderColor: var(--color-50); --borderColorHover: var(--color-49); --borderColorFocus: var(--color-50); --borderColorPress: var(--color-51); } @media (prefers-color-scheme: light) { body { background: var(--background); } .t_dark .t_light .t_gray_Checkbox, .t_dark .t_light .t_gray_RadioGroupItem, .t_dark .t_light .t_gray_surface2, .t_dark .t_light .t_gray_Switch, .t_dark .t_light .t_gray_TooltipContent, .t_gray_Checkbox, .t_gray_RadioGroupItem, .t_gray_surface2, .t_gray_Switch, .t_gray_TooltipContent { --background: var(--color-47); --backgroundHover: var(--color-46); --backgroundPress: var(--color-152); --backgroundFocus: var(--color-152); --borderColor: var(--color-50); --borderColorHover: var(--color-49); --borderColorFocus: var(--color-50); --borderColorPress: var(--color-51); } } :root.t_dark .t_light .t_dark .t_light .t_gray_active_Button, :root.t_dark .t_light .t_dark .t_light .t_gray_active_Card, :root.t_dark .t_light .t_dark .t_light .t_gray_active_Checkbox, :root.t_dark .t_light .t_dark .t_light .t_gray_active_Input, :root.t_dark .t_light .t_dark .t_light .t_gray_active_RadioGroupItem, :root.t_dark .t_light .t_dark .t_light .t_gray_active_SelectTrigger, :root.t_dark .t_light .t_dark .t_light .t_gray_active_Switch, :root.t_dark .t_light .t_dark .t_light .t_gray_active_TextArea, :root.t_dark .t_light .t_dark .t_light .t_gray_active_TooltipContent, :root.t_dark .t_light .t_dark .t_light .t_gray_surface4, :root.t_dark .t_light .t_gray_active_Button, :root.t_dark .t_light .t_gray_active_Card, :root.t_dark .t_light .t_gray_active_Checkbox, :root.t_dark .t_light .t_gray_active_Input, :root.t_dark .t_light .t_gray_active_RadioGroupItem, :root.t_dark .t_light .t_gray_active_SelectTrigger, :root.t_dark .t_light .t_gray_active_Switch, :root.t_dark .t_light .t_gray_active_TextArea, :root.t_dark .t_light .t_gray_active_TooltipContent, :root.t_dark .t_light .t_gray_surface4, :root.t_light .t_dark .t_light .t_gray_active_Button, :root.t_light .t_dark .t_light .t_gray_active_Card, :root.t_light .t_dark .t_light .t_gray_active_Checkbox, :root.t_light .t_dark .t_light .t_gray_active_Input, :root.t_light .t_dark .t_light .t_gray_active_RadioGroupItem, :root.t_light .t_dark .t_light .t_gray_active_SelectTrigger, :root.t_light .t_dark .t_light .t_gray_active_Switch, :root.t_light .t_dark .t_light .t_gray_active_TextArea, :root.t_light .t_dark .t_light .t_gray_active_TooltipContent, :root.t_light .t_dark .t_light .t_gray_surface4, :root.t_light .t_gray_active_Button, :root.t_light .t_gray_active_Card, :root.t_light .t_gray_active_Checkbox, :root.t_light .t_gray_active_Input, :root.t_light .t_gray_active_RadioGroupItem, :root.t_light .t_gray_active_SelectTrigger, :root.t_light .t_gray_active_Switch, :root.t_light .t_gray_active_TextArea, :root.t_light .t_gray_active_TooltipContent, :root.t_light .t_gray_surface4 { --background: var(--color-50); --backgroundHover: var(--color-50); --backgroundPress: var(--color-51); --backgroundFocus: var(--color-51); --borderColor: var(--color-50); --borderColorHover: var(--color-50); --borderColorFocus: var(--color-51); --borderColorPress: var(--color-51); } @media (prefers-color-scheme: light) { body { background: var(--background); } .t_dark .t_light .t_gray_active_Button, .t_dark .t_light .t_gray_active_Card, .t_dark .t_light .t_gray_active_Checkbox, .t_dark .t_light .t_gray_active_Input, .t_dark .t_light .t_gray_active_RadioGroupItem, .t_dark .t_light .t_gray_active_SelectTrigger, .t_dark .t_light .t_gray_active_Switch, .t_dark .t_light .t_gray_active_TextArea, .t_dark .t_light .t_gray_active_TooltipContent, .t_dark .t_light .t_gray_surface4, .t_gray_active_Button, .t_gray_active_Card, .t_gray_active_Checkbox, .t_gray_active_Input, .t_gray_active_RadioGroupItem, .t_gray_active_SelectTrigger, .t_gray_active_Switch, .t_gray_active_TextArea, .t_gray_active_TooltipContent, .t_gray_surface4 { --background: var(--color-50); --backgroundHover: var(--color-50); --backgroundPress: var(--color-51); --backgroundFocus: var(--color-51); --borderColor: var(--color-50); --borderColorHover: var(--color-50); --borderColorFocus: var(--color-51); --borderColorPress: var(--color-51); } } :root.t_dark .t_light .t_dark .t_orange_alt1, :root.t_dark .t_orange_alt1, :root.t_light .t_dark .t_light .t_dark .t_orange_alt1, :root.t_light .t_dark .t_orange_alt1 { --color: var(--color-175); --colorHover: var(--color-174); --colorPress: var(--color-175); --colorFocus: var(--color-174); } @media (prefers-color-scheme: dark) { body { color: var(--color); } .t_light .t_dark .t_orange_alt1, .t_orange_alt1 { --color: var(--color-175); --colorHover: var(--color-174); --colorPress: var(--color-175); --colorFocus: var(--color-174); } } :root.t_dark .t_light .t_dark .t_orange_alt2, :root.t_dark .t_orange_alt2, :root.t_light .t_dark .t_light .t_dark .t_orange_alt2, :root.t_light .t_dark .t_orange_alt2 { --color: var(--color-174); --colorHover: var(--color-173); --colorPress: var(--color-174); --colorFocus: var(--color-173); } @media (prefers-color-scheme: dark) { body { color: var(--color); } .t_light .t_dark .t_orange_alt2, .t_orange_alt2 { --color: var(--color-174); --colorHover: var(--color-173); --colorPress: var(--color-174); --colorFocus: var(--color-173); } } :root.t_dark .t_light .t_dark .t_orange_active, :root.t_dark .t_light .t_dark .t_orange_active_SliderTrackActive, :root.t_dark .t_light .t_dark .t_orange_Button, :root.t_dark .t_light .t_dark .t_orange_SliderTrackActive, :root.t_dark .t_light .t_dark .t_orange_surface3, :root.t_dark .t_orange_active, :root.t_dark .t_orange_active_SliderTrackActive, :root.t_dark .t_orange_Button, :root.t_dark .t_orange_SliderTrackActive, :root.t_dark .t_orange_surface3, :root.t_light .t_dark .t_light .t_dark .t_orange_active, :root.t_light .t_dark .t_light .t_dark .t_orange_active_SliderTrackActive, :root.t_light .t_dark .t_light .t_dark .t_orange_Button, :root.t_light .t_dark .t_light .t_dark .t_orange_SliderTrackActive, :root.t_light .t_dark .t_light .t_dark .t_orange_surface3, :root.t_light .t_dark .t_orange_active, :root.t_light .t_dark .t_orange_active_SliderTrackActive, :root.t_light .t_dark .t_orange_Button, :root.t_light .t_dark .t_orange_SliderTrackActive, :root.t_light .t_dark .t_orange_surface3 { --background: var(--color-168); --backgroundHover: var(--color-169); --backgroundPress: var(--color-167); --backgroundFocus: var(--color-167); --borderColor: var(--color-171); --borderColorHover: var(--color-172); --borderColorFocus: var(--color-171); --borderColorPress: var(--color-170); } @media (prefers-color-scheme: dark) { body { background: var(--background); } .t_light .t_dark .t_orange_active, .t_light .t_dark .t_orange_active_SliderTrackActive, .t_light .t_dark .t_orange_Button, .t_light .t_dark .t_orange_SliderTrackActive, .t_light .t_dark .t_orange_surface3, .t_orange_active, .t_orange_active_SliderTrackActive, .t_orange_Button, .t_orange_SliderTrackActive, .t_orange_surface3 { --background: var(--color-168); --backgroundHover: var(--color-169); --backgroundPress: var(--color-167); --backgroundFocus: var(--color-167); --borderColor: var(--color-171); --borderColorHover: var(--color-172); --borderColorFocus: var(--color-171); --borderColorPress: var(--color-170); } } :root.t_dark .t_light .t_dark .t_orange_active_ListItem, :root.t_dark .t_light .t_dark .t_orange_active_Progress, :root.t_dark .t_light .t_dark .t_orange_active_SliderTrack, :root.t_dark .t_light .t_dark .t_orange_active_TooltipArrow, :root.t_dark .t_light .t_dark .t_orange_Card, :root.t_dark .t_light .t_dark .t_orange_Input, :root.t_dark .t_light .t_dark .t_orange_ListItem, :root.t_dark .t_light .t_dark .t_orange_Progress, :root.t_dark .t_light .t_dark .t_orange_SelectTrigger, :root.t_dark .t_light .t_dark .t_orange_SliderTrack, :root.t_dark .t_light .t_dark .t_orange_surface1, :root.t_dark .t_light .t_dark .t_orange_TextArea, :root.t_dark .t_light .t_dark .t_orange_TooltipArrow, :root.t_dark .t_orange_active_ListItem, :root.t_dark .t_orange_active_Progress, :root.t_dark .t_orange_active_SliderTrack, :root.t_dark .t_orange_active_TooltipArrow, :root.t_dark .t_orange_Card, :root.t_dark .t_orange_Input, :root.t_dark .t_orange_ListItem, :root.t_dark .t_orange_Progress, :root.t_dark .t_orange_SelectTrigger, :root.t_dark .t_orange_SliderTrack, :root.t_dark .t_orange_surface1, :root.t_dark .t_orange_TextArea, :root.t_dark .t_orange_TooltipArrow, :root.t_light .t_dark .t_light .t_dark .t_orange_active_ListItem, :root.t_light .t_dark .t_light .t_dark .t_orange_active_Progress, :root.t_light .t_dark .t_light .t_dark .t_orange_active_SliderTrack, :root.t_light .t_dark .t_light .t_dark .t_orange_active_TooltipArrow, :root.t_light .t_dark .t_light .t_dark .t_orange_Card, :root.t_light .t_dark .t_light .t_dark .t_orange_Input, :root.t_light .t_dark .t_light .t_dark .t_orange_ListItem, :root.t_light .t_dark .t_light .t_dark .t_orange_Progress, :root.t_light .t_dark .t_light .t_dark .t_orange_SelectTrigger, :root.t_light .t_dark .t_light .t_dark .t_orange_SliderTrack, :root.t_light .t_dark .t_light .t_dark .t_orange_surface1, :root.t_light .t_dark .t_light .t_dark .t_orange_TextArea, :root.t_light .t_dark .t_light .t_dark .t_orange_TooltipArrow, :root.t_light .t_dark .t_orange_active_ListItem, :root.t_light .t_dark .t_orange_active_Progress, :root.t_light .t_dark .t_orange_active_SliderTrack, :root.t_light .t_dark .t_orange_active_TooltipArrow, :root.t_light .t_dark .t_orange_Card, :root.t_light .t_dark .t_orange_Input, :root.t_light .t_dark .t_orange_ListItem, :root.t_light .t_dark .t_orange_Progress, :root.t_light .t_dark .t_orange_SelectTrigger, :root.t_light .t_dark .t_orange_SliderTrack, :root.t_light .t_dark .t_orange_surface1, :root.t_light .t_dark .t_orange_TextArea, :root.t_light .t_dark .t_orange_TooltipArrow { --background: var(--color-166); --backgroundHover: var(--color-167); --backgroundPress: var(--color-165); --backgroundFocus: var(--color-165); --borderColor: var(--color-169); --borderColorHover: var(--color-170); --borderColorFocus: var(--color-169); --borderColorPress: var(--color-168); } @media (prefers-color-scheme: dark) { body { background: var(--background); } .t_light .t_dark .t_orange_active_ListItem, .t_light .t_dark .t_orange_active_Progress, .t_light .t_dark .t_orange_active_SliderTrack, .t_light .t_dark .t_orange_active_TooltipArrow, .t_light .t_dark .t_orange_Card, .t_light .t_dark .t_orange_Input, .t_light .t_dark .t_orange_ListItem, .t_light .t_dark .t_orange_Progress, .t_light .t_dark .t_orange_SelectTrigger, .t_light .t_dark .t_orange_SliderTrack, .t_light .t_dark .t_orange_surface1, .t_light .t_dark .t_orange_TextArea, .t_light .t_dark .t_orange_TooltipArrow, .t_orange_active_ListItem, .t_orange_active_Progress, .t_orange_active_SliderTrack, .t_orange_active_TooltipArrow, .t_orange_Card, .t_orange_Input, .t_orange_ListItem, .t_orange_Progress, .t_orange_SelectTrigger, .t_orange_SliderTrack, .t_orange_surface1, .t_orange_TextArea, .t_orange_TooltipArrow { --background: var(--color-166); --backgroundHover: var(--color-167); --backgroundPress: var(--color-165); --backgroundFocus: var(--color-165); --borderColor: var(--color-169); --borderColorHover: var(--color-170); --borderColorFocus: var(--color-169); --borderColorPress: var(--color-168); } } :root.t_dark .t_light .t_dark .t_orange_Checkbox, :root.t_dark .t_light .t_dark .t_orange_RadioGroupItem, :root.t_dark .t_light .t_dark .t_orange_surface2, :root.t_dark .t_light .t_dark .t_orange_Switch, :root.t_dark .t_light .t_dark .t_orange_TooltipContent, :root.t_dark .t_orange_Checkbox, :root.t_dark .t_orange_RadioGroupItem, :root.t_dark .t_orange_surface2, :root.t_dark .t_orange_Switch, :root.t_dark .t_orange_TooltipContent, :root.t_light .t_dark .t_light .t_dark .t_orange_Checkbox, :root.t_light .t_dark .t_light .t_dark .t_orange_RadioGroupItem, :root.t_light .t_dark .t_light .t_dark .t_orange_surface2, :root.t_light .t_dark .t_light .t_dark .t_orange_Switch, :root.t_light .t_dark .t_light .t_dark .t_orange_TooltipContent, :root.t_light .t_dark .t_orange_Checkbox, :root.t_light .t_dark .t_orange_RadioGroupItem, :root.t_light .t_dark .t_orange_surface2, :root.t_light .t_dark .t_orange_Switch, :root.t_light .t_dark .t_orange_TooltipContent { --background: var(--color-167); --backgroundHover: var(--color-168); --backgroundPress: var(--color-166); --backgroundFocus: var(--color-166); --borderColor: var(--color-170); --borderColorHover: var(--color-171); --borderColorFocus: var(--color-170); --borderColorPress: var(--color-169); } @media (prefers-color-scheme: dark) { body { background: var(--background); } .t_light .t_dark .t_orange_Checkbox, .t_light .t_dark .t_orange_RadioGroupItem, .t_light .t_dark .t_orange_surface2, .t_light .t_dark .t_orange_Switch, .t_light .t_dark .t_orange_TooltipContent, .t_orange_Checkbox, .t_orange_RadioGroupItem, .t_orange_surface2, .t_orange_Switch, .t_orange_TooltipContent { --background: var(--color-167); --backgroundHover: var(--color-168); --backgroundPress: var(--color-166); --backgroundFocus: var(--color-166); --borderColor: var(--color-170); --borderColorHover: var(--color-171); --borderColorFocus: var(--color-170); --borderColorPress: var(--color-169); } } :root.t_dark .t_light .t_dark .t_orange_active_Button, :root.t_dark .t_light .t_dark .t_orange_active_Card, :root.t_dark .t_light .t_dark .t_orange_active_Checkbox, :root.t_dark .t_light .t_dark .t_orange_active_Input, :root.t_dark .t_light .t_dark .t_orange_active_RadioGroupItem, :root.t_dark .t_light .t_dark .t_orange_active_SelectTrigger, :root.t_dark .t_light .t_dark .t_orange_active_Switch, :root.t_dark .t_light .t_dark .t_orange_active_TextArea, :root.t_dark .t_light .t_dark .t_orange_active_TooltipContent, :root.t_dark .t_light .t_dark .t_orange_surface4, :root.t_dark .t_orange_active_Button, :root.t_dark .t_orange_active_Card, :root.t_dark .t_orange_active_Checkbox, :root.t_dark .t_orange_active_Input, :root.t_dark .t_orange_active_RadioGroupItem, :root.t_dark .t_orange_active_SelectTrigger, :root.t_dark .t_orange_active_Switch, :root.t_dark .t_orange_active_TextArea, :root.t_dark .t_orange_active_TooltipContent, :root.t_dark .t_orange_surface4, :root.t_light .t_dark .t_light .t_dark .t_orange_active_Button, :root.t_light .t_dark .t_light .t_dark .t_orange_active_Card, :root.t_light .t_dark .t_light .t_dark .t_orange_active_Checkbox, :root.t_light .t_dark .t_light .t_dark .t_orange_active_Input, :root.t_light .t_dark .t_light .t_dark .t_orange_active_RadioGroupItem, :root.t_light .t_dark .t_light .t_dark .t_orange_active_SelectTrigger, :root.t_light .t_dark .t_light .t_dark .t_orange_active_Switch, :root.t_light .t_dark .t_light .t_dark .t_orange_active_TextArea, :root.t_light .t_dark .t_light .t_dark .t_orange_active_TooltipContent, :root.t_light .t_dark .t_light .t_dark .t_orange_surface4, :root.t_light .t_dark .t_orange_active_Button, :root.t_light .t_dark .t_orange_active_Card, :root.t_light .t_dark .t_orange_active_Checkbox, :root.t_light .t_dark .t_orange_active_Input, :root.t_light .t_dark .t_orange_active_RadioGroupItem, :root.t_light .t_dark .t_orange_active_SelectTrigger, :root.t_light .t_dark .t_orange_active_Switch, :root.t_light .t_dark .t_orange_active_TextArea, :root.t_light .t_dark .t_orange_active_TooltipContent, :root.t_light .t_dark .t_orange_surface4 { --background: var(--color-170); --backgroundHover: var(--color-170); --backgroundPress: var(--color-169); --backgroundFocus: var(--color-169); --borderColor: var(--color-170); --borderColorHover: var(--color-170); --borderColorFocus: var(--color-169); --borderColorPress: var(--color-169); } @media (prefers-color-scheme: dark) { body { background: var(--background); } .t_light .t_dark .t_orange_active_Button, .t_light .t_dark .t_orange_active_Card, .t_light .t_dark .t_orange_active_Checkbox, .t_light .t_dark .t_orange_active_Input, .t_light .t_dark .t_orange_active_RadioGroupItem, .t_light .t_dark .t_orange_active_SelectTrigger, .t_light .t_dark .t_orange_active_Switch, .t_light .t_dark .t_orange_active_TextArea, .t_light .t_dark .t_orange_active_TooltipContent, .t_light .t_dark .t_orange_surface4, .t_orange_active_Button, .t_orange_active_Card, .t_orange_active_Checkbox, .t_orange_active_Input, .t_orange_active_RadioGroupItem, .t_orange_active_SelectTrigger, .t_orange_active_Switch, .t_orange_active_TextArea, .t_orange_active_TooltipContent, .t_orange_surface4 { --background: var(--color-170); --backgroundHover: var(--color-170); --backgroundPress: var(--color-169); --backgroundFocus: var(--color-169); --borderColor: var(--color-170); --borderColorHover: var(--color-170); --borderColorFocus: var(--color-169); --borderColorPress: var(--color-169); } } :root.t_dark .t_light .t_dark .t_yellow_alt1, :root.t_dark .t_yellow_alt1, :root.t_light .t_dark .t_light .t_dark .t_yellow_alt1, :root.t_light .t_dark .t_yellow_alt1 { --color: var(--color-223); --colorHover: var(--color-222); --colorPress: var(--color-223); --colorFocus: var(--color-222); } @media (prefers-color-scheme: dark) { body { color: var(--color); } .t_light .t_dark .t_yellow_alt1, .t_yellow_alt1 { --color: var(--color-223); --colorHover: var(--color-222); --colorPress: var(--color-223); --colorFocus: var(--color-222); } } :root.t_dark .t_light .t_dark .t_yellow_alt2, :root.t_dark .t_yellow_alt2, :root.t_light .t_dark .t_light .t_dark .t_yellow_alt2, :root.t_light .t_dark .t_yellow_alt2 { --color: var(--color-222); --colorHover: var(--color-221); --colorPress: var(--color-222); --colorFocus: var(--color-221); } @media (prefers-color-scheme: dark) { body { color: var(--color); } .t_light .t_dark .t_yellow_alt2, .t_yellow_alt2 { --color: var(--color-222); --colorHover: var(--color-221); --colorPress: var(--color-222); --colorFocus: var(--color-221); } } :root.t_dark .t_light .t_dark .t_yellow_active, :root.t_dark .t_light .t_dark .t_yellow_active_SliderTrackActive, :root.t_dark .t_light .t_dark .t_yellow_Button, :root.t_dark .t_light .t_dark .t_yellow_SliderTrackActive, :root.t_dark .t_light .t_dark .t_yellow_surface3, :root.t_dark .t_yellow_active, :root.t_dark .t_yellow_active_SliderTrackActive, :root.t_dark .t_yellow_Button, :root.t_dark .t_yellow_SliderTrackActive, :root.t_dark .t_yellow_surface3, :root.t_light .t_dark .t_light .t_dark .t_yellow_active, :root.t_light .t_dark .t_light .t_dark .t_yellow_active_SliderTrackActive, :root.t_light .t_dark .t_light .t_dark .t_yellow_Button, :root.t_light .t_dark .t_light .t_dark .t_yellow_SliderTrackActive, :root.t_light .t_dark .t_light .t_dark .t_yellow_surface3, :root.t_light .t_dark .t_yellow_active, :root.t_light .t_dark .t_yellow_active_SliderTrackActive, :root.t_light .t_dark .t_yellow_Button, :root.t_light .t_dark .t_yellow_SliderTrackActive, :root.t_light .t_dark .t_yellow_surface3 { --background: var(--color-216); --backgroundHover: var(--color-217); --backgroundPress: var(--color-215); --backgroundFocus: var(--color-215); --borderColor: var(--color-219); --borderColorHover: var(--color-220); --borderColorFocus: var(--color-219); --borderColorPress: var(--color-218); } @media (prefers-color-scheme: dark) { body { background: var(--background); } .t_light .t_dark .t_yellow_active, .t_light .t_dark .t_yellow_active_SliderTrackActive, .t_light .t_dark .t_yellow_Button, .t_light .t_dark .t_yellow_SliderTrackActive, .t_light .t_dark .t_yellow_surface3, .t_yellow_active, .t_yellow_active_SliderTrackActive, .t_yellow_Button, .t_yellow_SliderTrackActive, .t_yellow_surface3 { --background: var(--color-216); --backgroundHover: var(--color-217); --backgroundPress: var(--color-215); --backgroundFocus: var(--color-215); --borderColor: var(--color-219); --borderColorHover: var(--color-220); --borderColorFocus: var(--color-219); --borderColorPress: var(--color-218); } } :root.t_dark .t_light .t_dark .t_yellow_active_ListItem, :root.t_dark .t_light .t_dark .t_yellow_active_Progress, :root.t_dark .t_light .t_dark .t_yellow_active_SliderTrack, :root.t_dark .t_light .t_dark .t_yellow_active_TooltipArrow, :root.t_dark .t_light .t_dark .t_yellow_Card, :root.t_dark .t_light .t_dark .t_yellow_Input, :root.t_dark .t_light .t_dark .t_yellow_ListItem, :root.t_dark .t_light .t_dark .t_yellow_Progress, :root.t_dark .t_light .t_dark .t_yellow_SelectTrigger, :root.t_dark .t_light .t_dark .t_yellow_SliderTrack, :root.t_dark .t_light .t_dark .t_yellow_surface1, :root.t_dark .t_light .t_dark .t_yellow_TextArea, :root.t_dark .t_light .t_dark .t_yellow_TooltipArrow, :root.t_dark .t_yellow_active_ListItem, :root.t_dark .t_yellow_active_Progress, :root.t_dark .t_yellow_active_SliderTrack, :root.t_dark .t_yellow_active_TooltipArrow, :root.t_dark .t_yellow_Card, :root.t_dark .t_yellow_Input, :root.t_dark .t_yellow_ListItem, :root.t_dark .t_yellow_Progress, :root.t_dark .t_yellow_SelectTrigger, :root.t_dark .t_yellow_SliderTrack, :root.t_dark .t_yellow_surface1, :root.t_dark .t_yellow_TextArea, :root.t_dark .t_yellow_TooltipArrow, :root.t_light .t_dark .t_light .t_dark .t_yellow_active_ListItem, :root.t_light .t_dark .t_light .t_dark .t_yellow_active_Progress, :root.t_light .t_dark .t_light .t_dark .t_yellow_active_SliderTrack, :root.t_light .t_dark .t_light .t_dark .t_yellow_active_TooltipArrow, :root.t_light .t_dark .t_light .t_dark .t_yellow_Card, :root.t_light .t_dark .t_light .t_dark .t_yellow_Input, :root.t_light .t_dark .t_light .t_dark .t_yellow_ListItem, :root.t_light .t_dark .t_light .t_dark .t_yellow_Progress, :root.t_light .t_dark .t_light .t_dark .t_yellow_SelectTrigger, :root.t_light .t_dark .t_light .t_dark .t_yellow_SliderTrack, :root.t_light .t_dark .t_light .t_dark .t_yellow_surface1, :root.t_light .t_dark .t_light .t_dark .t_yellow_TextArea, :root.t_light .t_dark .t_light .t_dark .t_yellow_TooltipArrow, :root.t_light .t_dark .t_yellow_active_ListItem, :root.t_light .t_dark .t_yellow_active_Progress, :root.t_light .t_dark .t_yellow_active_SliderTrack, :root.t_light .t_dark .t_yellow_active_TooltipArrow, :root.t_light .t_dark .t_yellow_Card, :root.t_light .t_dark .t_yellow_Input, :root.t_light .t_dark .t_yellow_ListItem, :root.t_light .t_dark .t_yellow_Progress, :root.t_light .t_dark .t_yellow_SelectTrigger, :root.t_light .t_dark .t_yellow_SliderTrack, :root.t_light .t_dark .t_yellow_surface1, :root.t_light .t_dark .t_yellow_TextArea, :root.t_light .t_dark .t_yellow_TooltipArrow { --background: var(--color-214); --backgroundHover: var(--color-215); --backgroundPress: var(--color-213); --backgroundFocus: var(--color-213); --borderColor: var(--color-217); --borderColorHover: var(--color-218); --borderColorFocus: var(--color-217); --borderColorPress: var(--color-216); } @media (prefers-color-scheme: dark) { body { background: var(--background); } .t_light .t_dark .t_yellow_active_ListItem, .t_light .t_dark .t_yellow_active_Progress, .t_light .t_dark .t_yellow_active_SliderTrack, .t_light .t_dark .t_yellow_active_TooltipArrow, .t_light .t_dark .t_yellow_Card, .t_light .t_dark .t_yellow_Input, .t_light .t_dark .t_yellow_ListItem, .t_light .t_dark .t_yellow_Progress, .t_light .t_dark .t_yellow_SelectTrigger, .t_light .t_dark .t_yellow_SliderTrack, .t_light .t_dark .t_yellow_surface1, .t_light .t_dark .t_yellow_TextArea, .t_light .t_dark .t_yellow_TooltipArrow, .t_yellow_active_ListItem, .t_yellow_active_Progress, .t_yellow_active_SliderTrack, .t_yellow_active_TooltipArrow, .t_yellow_Card, .t_yellow_Input, .t_yellow_ListItem, .t_yellow_Progress, .t_yellow_SelectTrigger, .t_yellow_SliderTrack, .t_yellow_surface1, .t_yellow_TextArea, .t_yellow_TooltipArrow { --background: var(--color-214); --backgroundHover: var(--color-215); --backgroundPress: var(--color-213); --backgroundFocus: var(--color-213); --borderColor: var(--color-217); --borderColorHover: var(--color-218); --borderColorFocus: var(--color-217); --borderColorPress: var(--color-216); } } :root.t_dark .t_light .t_dark .t_yellow_Checkbox, :root.t_dark .t_light .t_dark .t_yellow_RadioGroupItem, :root.t_dark .t_light .t_dark .t_yellow_surface2, :root.t_dark .t_light .t_dark .t_yellow_Switch, :root.t_dark .t_light .t_dark .t_yellow_TooltipContent, :root.t_dark .t_yellow_Checkbox, :root.t_dark .t_yellow_RadioGroupItem, :root.t_dark .t_yellow_surface2, :root.t_dark .t_yellow_Switch, :root.t_dark .t_yellow_TooltipContent, :root.t_light .t_dark .t_light .t_dark .t_yellow_Checkbox, :root.t_light .t_dark .t_light .t_dark .t_yellow_RadioGroupItem, :root.t_light .t_dark .t_light .t_dark .t_yellow_surface2, :root.t_light .t_dark .t_light .t_dark .t_yellow_Switch, :root.t_light .t_dark .t_light .t_dark .t_yellow_TooltipContent, :root.t_light .t_dark .t_yellow_Checkbox, :root.t_light .t_dark .t_yellow_RadioGroupItem, :root.t_light .t_dark .t_yellow_surface2, :root.t_light .t_dark .t_yellow_Switch, :root.t_light .t_dark .t_yellow_TooltipContent { --background: var(--color-215); --backgroundHover: var(--color-216); --backgroundPress: var(--color-214); --backgroundFocus: var(--color-214); --borderColor: var(--color-218); --borderColorHover: var(--color-219); --borderColorFocus: var(--color-218); --borderColorPress: var(--color-217); } @media (prefers-color-scheme: dark) { body { background: var(--background); } .t_light .t_dark .t_yellow_Checkbox, .t_light .t_dark .t_yellow_RadioGroupItem, .t_light .t_dark .t_yellow_surface2, .t_light .t_dark .t_yellow_Switch, .t_light .t_dark .t_yellow_TooltipContent, .t_yellow_Checkbox, .t_yellow_RadioGroupItem, .t_yellow_surface2, .t_yellow_Switch, .t_yellow_TooltipContent { --background: var(--color-215); --backgroundHover: var(--color-216); --backgroundPress: var(--color-214); --backgroundFocus: var(--color-214); --borderColor: var(--color-218); --borderColorHover: var(--color-219); --borderColorFocus: var(--color-218); --borderColorPress: var(--color-217); } } :root.t_dark .t_light .t_dark .t_yellow_active_Button, :root.t_dark .t_light .t_dark .t_yellow_active_Card, :root.t_dark .t_light .t_dark .t_yellow_active_Checkbox, :root.t_dark .t_light .t_dark .t_yellow_active_Input, :root.t_dark .t_light .t_dark .t_yellow_active_RadioGroupItem, :root.t_dark .t_light .t_dark .t_yellow_active_SelectTrigger, :root.t_dark .t_light .t_dark .t_yellow_active_Switch, :root.t_dark .t_light .t_dark .t_yellow_active_TextArea, :root.t_dark .t_light .t_dark .t_yellow_active_TooltipContent, :root.t_dark .t_light .t_dark .t_yellow_surface4, :root.t_dark .t_yellow_active_Button, :root.t_dark .t_yellow_active_Card, :root.t_dark .t_yellow_active_Checkbox, :root.t_dark .t_yellow_active_Input, :root.t_dark .t_yellow_active_RadioGroupItem, :root.t_dark .t_yellow_active_SelectTrigger, :root.t_dark .t_yellow_active_Switch, :root.t_dark .t_yellow_active_TextArea, :root.t_dark .t_yellow_active_TooltipContent, :root.t_dark .t_yellow_surface4, :root.t_light .t_dark .t_light .t_dark .t_yellow_active_Button, :root.t_light .t_dark .t_light .t_dark .t_yellow_active_Card, :root.t_light .t_dark .t_light .t_dark .t_yellow_active_Checkbox, :root.t_light .t_dark .t_light .t_dark .t_yellow_active_Input, :root.t_light .t_dark .t_light .t_dark .t_yellow_active_RadioGroupItem, :root.t_light .t_dark .t_light .t_dark .t_yellow_active_SelectTrigger, :root.t_light .t_dark .t_light .t_dark .t_yellow_active_Switch, :root.t_light .t_dark .t_light .t_dark .t_yellow_active_TextArea, :root.t_light .t_dark .t_light .t_dark .t_yellow_active_TooltipContent, :root.t_light .t_dark .t_light .t_dark .t_yellow_surface4, :root.t_light .t_dark .t_yellow_active_Button, :root.t_light .t_dark .t_yellow_active_Card, :root.t_light .t_dark .t_yellow_active_Checkbox, :root.t_light .t_dark .t_yellow_active_Input, :root.t_light .t_dark .t_yellow_active_RadioGroupItem, :root.t_light .t_dark .t_yellow_active_SelectTrigger, :root.t_light .t_dark .t_yellow_active_Switch, :root.t_light .t_dark .t_yellow_active_TextArea, :root.t_light .t_dark .t_yellow_active_TooltipContent, :root.t_light .t_dark .t_yellow_surface4 { --background: var(--color-218); --backgroundHover: var(--color-218); --backgroundPress: var(--color-217); --backgroundFocus: var(--color-217); --borderColor: var(--color-218); --borderColorHover: var(--color-218); --borderColorFocus: var(--color-217); --borderColorPress: var(--color-217); } @media (prefers-color-scheme: dark) { body { background: var(--background); } .t_light .t_dark .t_yellow_active_Button, .t_light .t_dark .t_yellow_active_Card, .t_light .t_dark .t_yellow_active_Checkbox, .t_light .t_dark .t_yellow_active_Input, .t_light .t_dark .t_yellow_active_RadioGroupItem, .t_light .t_dark .t_yellow_active_SelectTrigger, .t_light .t_dark .t_yellow_active_Switch, .t_light .t_dark .t_yellow_active_TextArea, .t_light .t_dark .t_yellow_active_TooltipContent, .t_light .t_dark .t_yellow_surface4, .t_yellow_active_Button, .t_yellow_active_Card, .t_yellow_active_Checkbox, .t_yellow_active_Input, .t_yellow_active_RadioGroupItem, .t_yellow_active_SelectTrigger, .t_yellow_active_Switch, .t_yellow_active_TextArea, .t_yellow_active_TooltipContent, .t_yellow_surface4 { --background: var(--color-218); --backgroundHover: var(--color-218); --backgroundPress: var(--color-217); --backgroundFocus: var(--color-217); --borderColor: var(--color-218); --borderColorHover: var(--color-218); --borderColorFocus: var(--color-217); --borderColorPress: var(--color-217); } } :root.t_dark .t_green_alt1, :root.t_dark .t_light .t_dark .t_green_alt1, :root.t_light .t_dark .t_green_alt1, :root.t_light .t_dark .t_light .t_dark .t_green_alt1 { --color: var(--color-163); --colorHover: var(--color-162); --colorPress: var(--color-163); --colorFocus: var(--color-162); } @media (prefers-color-scheme: dark) { body { color: var(--color); } .t_green_alt1, .t_light .t_dark .t_green_alt1 { --color: var(--color-163); --colorHover: var(--color-162); --colorPress: var(--color-163); --colorFocus: var(--color-162); } } :root.t_dark .t_green_alt2, :root.t_dark .t_light .t_dark .t_green_alt2, :root.t_light .t_dark .t_green_alt2, :root.t_light .t_dark .t_light .t_dark .t_green_alt2 { --color: var(--color-162); --colorHover: var(--color-161); --colorPress: var(--color-162); --colorFocus: var(--color-161); } @media (prefers-color-scheme: dark) { body { color: var(--color); } .t_green_alt2, .t_light .t_dark .t_green_alt2 { --color: var(--color-162); --colorHover: var(--color-161); --colorPress: var(--color-162); --colorFocus: var(--color-161); } } :root.t_dark .t_green_active, :root.t_dark .t_green_active_SliderTrackActive, :root.t_dark .t_green_Button, :root.t_dark .t_green_SliderTrackActive, :root.t_dark .t_green_surface3, :root.t_dark .t_light .t_dark .t_green_active, :root.t_dark .t_light .t_dark .t_green_active_SliderTrackActive, :root.t_dark .t_light .t_dark .t_green_Button, :root.t_dark .t_light .t_dark .t_green_SliderTrackActive, :root.t_dark .t_light .t_dark .t_green_surface3, :root.t_light .t_dark .t_green_active, :root.t_light .t_dark .t_green_active_SliderTrackActive, :root.t_light .t_dark .t_green_Button, :root.t_light .t_dark .t_green_SliderTrackActive, :root.t_light .t_dark .t_green_surface3, :root.t_light .t_dark .t_light .t_dark .t_green_active, :root.t_light .t_dark .t_light .t_dark .t_green_active_SliderTrackActive, :root.t_light .t_dark .t_light .t_dark .t_green_Button, :root.t_light .t_dark .t_light .t_dark .t_green_SliderTrackActive, :root.t_light .t_dark .t_light .t_dark .t_green_surface3 { --background: var(--color-156); --backgroundHover: var(--color-157); --backgroundPress: var(--color-155); --backgroundFocus: var(--color-155); --borderColor: var(--color-159); --borderColorHover: var(--color-160); --borderColorFocus: var(--color-159); --borderColorPress: var(--color-158); } @media (prefers-color-scheme: dark) { body { background: var(--background); } .t_green_active, .t_green_active_SliderTrackActive, .t_green_Button, .t_green_SliderTrackActive, .t_green_surface3, .t_light .t_dark .t_green_active, .t_light .t_dark .t_green_active_SliderTrackActive, .t_light .t_dark .t_green_Button, .t_light .t_dark .t_green_SliderTrackActive, .t_light .t_dark .t_green_surface3 { --background: var(--color-156); --backgroundHover: var(--color-157); --backgroundPress: var(--color-155); --backgroundFocus: var(--color-155); --borderColor: var(--color-159); --borderColorHover: var(--color-160); --borderColorFocus: var(--color-159); --borderColorPress: var(--color-158); } } :root.t_dark .t_green_active_ListItem, :root.t_dark .t_green_active_Progress, :root.t_dark .t_green_active_SliderTrack, :root.t_dark .t_green_active_TooltipArrow, :root.t_dark .t_green_Card, :root.t_dark .t_green_Input, :root.t_dark .t_green_ListItem, :root.t_dark .t_green_Progress, :root.t_dark .t_green_SelectTrigger, :root.t_dark .t_green_SliderTrack, :root.t_dark .t_green_surface1, :root.t_dark .t_green_TextArea, :root.t_dark .t_green_TooltipArrow, :root.t_dark .t_light .t_dark .t_green_active_ListItem, :root.t_dark .t_light .t_dark .t_green_active_Progress, :root.t_dark .t_light .t_dark .t_green_active_SliderTrack, :root.t_dark .t_light .t_dark .t_green_active_TooltipArrow, :root.t_dark .t_light .t_dark .t_green_Card, :root.t_dark .t_light .t_dark .t_green_Input, :root.t_dark .t_light .t_dark .t_green_ListItem, :root.t_dark .t_light .t_dark .t_green_Progress, :root.t_dark .t_light .t_dark .t_green_SelectTrigger, :root.t_dark .t_light .t_dark .t_green_SliderTrack, :root.t_dark .t_light .t_dark .t_green_surface1, :root.t_dark .t_light .t_dark .t_green_TextArea, :root.t_dark .t_light .t_dark .t_green_TooltipArrow, :root.t_light .t_dark .t_green_active_ListItem, :root.t_light .t_dark .t_green_active_Progress, :root.t_light .t_dark .t_green_active_SliderTrack, :root.t_light .t_dark .t_green_active_TooltipArrow, :root.t_light .t_dark .t_green_Card, :root.t_light .t_dark .t_green_Input, :root.t_light .t_dark .t_green_ListItem, :root.t_light .t_dark .t_green_Progress, :root.t_light .t_dark .t_green_SelectTrigger, :root.t_light .t_dark .t_green_SliderTrack, :root.t_light .t_dark .t_green_surface1, :root.t_light .t_dark .t_green_TextArea, :root.t_light .t_dark .t_green_TooltipArrow, :root.t_light .t_dark .t_light .t_dark .t_green_active_ListItem, :root.t_light .t_dark .t_light .t_dark .t_green_active_Progress, :root.t_light .t_dark .t_light .t_dark .t_green_active_SliderTrack, :root.t_light .t_dark .t_light .t_dark .t_green_active_TooltipArrow, :root.t_light .t_dark .t_light .t_dark .t_green_Card, :root.t_light .t_dark .t_light .t_dark .t_green_Input, :root.t_light .t_dark .t_light .t_dark .t_green_ListItem, :root.t_light .t_dark .t_light .t_dark .t_green_Progress, :root.t_light .t_dark .t_light .t_dark .t_green_SelectTrigger, :root.t_light .t_dark .t_light .t_dark .t_green_SliderTrack, :root.t_light .t_dark .t_light .t_dark .t_green_surface1, :root.t_light .t_dark .t_light .t_dark .t_green_TextArea, :root.t_light .t_dark .t_light .t_dark .t_green_TooltipArrow { --background: var(--color-154); --backgroundHover: var(--color-155); --backgroundPress: var(--color-153); --backgroundFocus: var(--color-153); --borderColor: var(--color-157); --borderColorHover: var(--color-158); --borderColorFocus: var(--color-157); --borderColorPress: var(--color-156); } @media (prefers-color-scheme: dark) { body { background: var(--background); } .t_green_active_ListItem, .t_green_active_Progress, .t_green_active_SliderTrack, .t_green_active_TooltipArrow, .t_green_Card, .t_green_Input, .t_green_ListItem, .t_green_Progress, .t_green_SelectTrigger, .t_green_SliderTrack, .t_green_surface1, .t_green_TextArea, .t_green_TooltipArrow, .t_light .t_dark .t_green_active_ListItem, .t_light .t_dark .t_green_active_Progress, .t_light .t_dark .t_green_active_SliderTrack, .t_light .t_dark .t_green_active_TooltipArrow, .t_light .t_dark .t_green_Card, .t_light .t_dark .t_green_Input, .t_light .t_dark .t_green_ListItem, .t_light .t_dark .t_green_Progress, .t_light .t_dark .t_green_SelectTrigger, .t_light .t_dark .t_green_SliderTrack, .t_light .t_dark .t_green_surface1, .t_light .t_dark .t_green_TextArea, .t_light .t_dark .t_green_TooltipArrow { --background: var(--color-154); --backgroundHover: var(--color-155); --backgroundPress: var(--color-153); --backgroundFocus: var(--color-153); --borderColor: var(--color-157); --borderColorHover: var(--color-158); --borderColorFocus: var(--color-157); --borderColorPress: var(--color-156); } } :root.t_dark .t_green_Checkbox, :root.t_dark .t_green_RadioGroupItem, :root.t_dark .t_green_surface2, :root.t_dark .t_green_Switch, :root.t_dark .t_green_TooltipContent, :root.t_dark .t_light .t_dark .t_green_Checkbox, :root.t_dark .t_light .t_dark .t_green_RadioGroupItem, :root.t_dark .t_light .t_dark .t_green_surface2, :root.t_dark .t_light .t_dark .t_green_Switch, :root.t_dark .t_light .t_dark .t_green_TooltipContent, :root.t_light .t_dark .t_green_Checkbox, :root.t_light .t_dark .t_green_RadioGroupItem, :root.t_light .t_dark .t_green_surface2, :root.t_light .t_dark .t_green_Switch, :root.t_light .t_dark .t_green_TooltipContent, :root.t_light .t_dark .t_light .t_dark .t_green_Checkbox, :root.t_light .t_dark .t_light .t_dark .t_green_RadioGroupItem, :root.t_light .t_dark .t_light .t_dark .t_green_surface2, :root.t_light .t_dark .t_light .t_dark .t_green_Switch, :root.t_light .t_dark .t_light .t_dark .t_green_TooltipContent { --background: var(--color-155); --backgroundHover: var(--color-156); --backgroundPress: var(--color-154); --backgroundFocus: var(--color-154); --borderColor: var(--color-158); --borderColorHover: var(--color-159); --borderColorFocus: var(--color-158); --borderColorPress: var(--color-157); } @media (prefers-color-scheme: dark) { body { background: var(--background); } .t_green_Checkbox, .t_green_RadioGroupItem, .t_green_surface2, .t_green_Switch, .t_green_TooltipContent, .t_light .t_dark .t_green_Checkbox, .t_light .t_dark .t_green_RadioGroupItem, .t_light .t_dark .t_green_surface2, .t_light .t_dark .t_green_Switch, .t_light .t_dark .t_green_TooltipContent { --background: var(--color-155); --backgroundHover: var(--color-156); --backgroundPress: var(--color-154); --backgroundFocus: var(--color-154); --borderColor: var(--color-158); --borderColorHover: var(--color-159); --borderColorFocus: var(--color-158); --borderColorPress: var(--color-157); } } :root.t_dark .t_green_active_Button, :root.t_dark .t_green_active_Card, :root.t_dark .t_green_active_Checkbox, :root.t_dark .t_green_active_Input, :root.t_dark .t_green_active_RadioGroupItem, :root.t_dark .t_green_active_SelectTrigger, :root.t_dark .t_green_active_Switch, :root.t_dark .t_green_active_TextArea, :root.t_dark .t_green_active_TooltipContent, :root.t_dark .t_green_surface4, :root.t_dark .t_light .t_dark .t_green_active_Button, :root.t_dark .t_light .t_dark .t_green_active_Card, :root.t_dark .t_light .t_dark .t_green_active_Checkbox, :root.t_dark .t_light .t_dark .t_green_active_Input, :root.t_dark .t_light .t_dark .t_green_active_RadioGroupItem, :root.t_dark .t_light .t_dark .t_green_active_SelectTrigger, :root.t_dark .t_light .t_dark .t_green_active_Switch, :root.t_dark .t_light .t_dark .t_green_active_TextArea, :root.t_dark .t_light .t_dark .t_green_active_TooltipContent, :root.t_dark .t_light .t_dark .t_green_surface4, :root.t_light .t_dark .t_green_active_Button, :root.t_light .t_dark .t_green_active_Card, :root.t_light .t_dark .t_green_active_Checkbox, :root.t_light .t_dark .t_green_active_Input, :root.t_light .t_dark .t_green_active_RadioGroupItem, :root.t_light .t_dark .t_green_active_SelectTrigger, :root.t_light .t_dark .t_green_active_Switch, :root.t_light .t_dark .t_green_active_TextArea, :root.t_light .t_dark .t_green_active_TooltipContent, :root.t_light .t_dark .t_green_surface4, :root.t_light .t_dark .t_light .t_dark .t_green_active_Button, :root.t_light .t_dark .t_light .t_dark .t_green_active_Card, :root.t_light .t_dark .t_light .t_dark .t_green_active_Checkbox, :root.t_light .t_dark .t_light .t_dark .t_green_active_Input, :root.t_light .t_dark .t_light .t_dark .t_green_active_RadioGroupItem, :root.t_light .t_dark .t_light .t_dark .t_green_active_SelectTrigger, :root.t_light .t_dark .t_light .t_dark .t_green_active_Switch, :root.t_light .t_dark .t_light .t_dark .t_green_active_TextArea, :root.t_light .t_dark .t_light .t_dark .t_green_active_TooltipContent, :root.t_light .t_dark .t_light .t_dark .t_green_surface4 { --background: var(--color-158); --backgroundHover: var(--color-158); --backgroundPress: var(--color-157); --backgroundFocus: var(--color-157); --borderColor: var(--color-158); --borderColorHover: var(--color-158); --borderColorFocus: var(--color-157); --borderColorPress: var(--color-157); } @media (prefers-color-scheme: dark) { body { background: var(--background); } .t_green_active_Button, .t_green_active_Card, .t_green_active_Checkbox, .t_green_active_Input, .t_green_active_RadioGroupItem, .t_green_active_SelectTrigger, .t_green_active_Switch, .t_green_active_TextArea, .t_green_active_TooltipContent, .t_green_surface4, .t_light .t_dark .t_green_active_Button, .t_light .t_dark .t_green_active_Card, .t_light .t_dark .t_green_active_Checkbox, .t_light .t_dark .t_green_active_Input, .t_light .t_dark .t_green_active_RadioGroupItem, .t_light .t_dark .t_green_active_SelectTrigger, .t_light .t_dark .t_green_active_Switch, .t_light .t_dark .t_green_active_TextArea, .t_light .t_dark .t_green_active_TooltipContent, .t_light .t_dark .t_green_surface4 { --background: var(--color-158); --backgroundHover: var(--color-158); --backgroundPress: var(--color-157); --backgroundFocus: var(--color-157); --borderColor: var(--color-158); --borderColorHover: var(--color-158); --borderColorFocus: var(--color-157); --borderColorPress: var(--color-157); } } :root.t_dark .t_blue_alt1, :root.t_dark .t_light .t_dark .t_blue_alt1, :root.t_light .t_dark .t_blue_alt1, :root.t_light .t_dark .t_light .t_dark .t_blue_alt1 { --color: var(--color-139); --colorHover: var(--color-138); --colorPress: var(--color-139); --colorFocus: var(--color-138); } @media (prefers-color-scheme: dark) { body { color: var(--color); } .t_blue_alt1, .t_light .t_dark .t_blue_alt1 { --color: var(--color-139); --colorHover: var(--color-138); --colorPress: var(--color-139); --colorFocus: var(--color-138); } } :root.t_dark .t_blue_alt2, :root.t_dark .t_light .t_dark .t_blue_alt2, :root.t_light .t_dark .t_blue_alt2, :root.t_light .t_dark .t_light .t_dark .t_blue_alt2 { --color: var(--color-138); --colorHover: var(--color-137); --colorPress: var(--color-138); --colorFocus: var(--color-137); } @media (prefers-color-scheme: dark) { body { color: var(--color); } .t_blue_alt2, .t_light .t_dark .t_blue_alt2 { --color: var(--color-138); --colorHover: var(--color-137); --colorPress: var(--color-138); --colorFocus: var(--color-137); } } :root.t_dark .t_blue_active, :root.t_dark .t_blue_active_SliderTrackActive, :root.t_dark .t_blue_Button, :root.t_dark .t_blue_SliderTrackActive, :root.t_dark .t_blue_surface3, :root.t_dark .t_light .t_dark .t_blue_active, :root.t_dark .t_light .t_dark .t_blue_active_SliderTrackActive, :root.t_dark .t_light .t_dark .t_blue_Button, :root.t_dark .t_light .t_dark .t_blue_SliderTrackActive, :root.t_dark .t_light .t_dark .t_blue_surface3, :root.t_light .t_dark .t_blue_active, :root.t_light .t_dark .t_blue_active_SliderTrackActive, :root.t_light .t_dark .t_blue_Button, :root.t_light .t_dark .t_blue_SliderTrackActive, :root.t_light .t_dark .t_blue_surface3, :root.t_light .t_dark .t_light .t_dark .t_blue_active, :root.t_light .t_dark .t_light .t_dark .t_blue_active_SliderTrackActive, :root.t_light .t_dark .t_light .t_dark .t_blue_Button, :root.t_light .t_dark .t_light .t_dark .t_blue_SliderTrackActive, :root.t_light .t_dark .t_light .t_dark .t_blue_surface3 { --background: var(--color-132); --backgroundHover: var(--color-133); --backgroundPress: var(--color-131); --backgroundFocus: var(--color-131); --borderColor: var(--color-135); --borderColorHover: var(--color-136); --borderColorFocus: var(--color-135); --borderColorPress: var(--color-134); } @media (prefers-color-scheme: dark) { body { background: var(--background); } .t_blue_active, .t_blue_active_SliderTrackActive, .t_blue_Button, .t_blue_SliderTrackActive, .t_blue_surface3, .t_light .t_dark .t_blue_active, .t_light .t_dark .t_blue_active_SliderTrackActive, .t_light .t_dark .t_blue_Button, .t_light .t_dark .t_blue_SliderTrackActive, .t_light .t_dark .t_blue_surface3 { --background: var(--color-132); --backgroundHover: var(--color-133); --backgroundPress: var(--color-131); --backgroundFocus: var(--color-131); --borderColor: var(--color-135); --borderColorHover: var(--color-136); --borderColorFocus: var(--color-135); --borderColorPress: var(--color-134); } } :root.t_dark .t_blue_active_ListItem, :root.t_dark .t_blue_active_Progress, :root.t_dark .t_blue_active_SliderTrack, :root.t_dark .t_blue_active_TooltipArrow, :root.t_dark .t_blue_Card, :root.t_dark .t_blue_Input, :root.t_dark .t_blue_ListItem, :root.t_dark .t_blue_Progress, :root.t_dark .t_blue_SelectTrigger, :root.t_dark .t_blue_SliderTrack, :root.t_dark .t_blue_surface1, :root.t_dark .t_blue_TextArea, :root.t_dark .t_blue_TooltipArrow, :root.t_dark .t_light .t_dark .t_blue_active_ListItem, :root.t_dark .t_light .t_dark .t_blue_active_Progress, :root.t_dark .t_light .t_dark .t_blue_active_SliderTrack, :root.t_dark .t_light .t_dark .t_blue_active_TooltipArrow, :root.t_dark .t_light .t_dark .t_blue_Card, :root.t_dark .t_light .t_dark .t_blue_Input, :root.t_dark .t_light .t_dark .t_blue_ListItem, :root.t_dark .t_light .t_dark .t_blue_Progress, :root.t_dark .t_light .t_dark .t_blue_SelectTrigger, :root.t_dark .t_light .t_dark .t_blue_SliderTrack, :root.t_dark .t_light .t_dark .t_blue_surface1, :root.t_dark .t_light .t_dark .t_blue_TextArea, :root.t_dark .t_light .t_dark .t_blue_TooltipArrow, :root.t_light .t_dark .t_blue_active_ListItem, :root.t_light .t_dark .t_blue_active_Progress, :root.t_light .t_dark .t_blue_active_SliderTrack, :root.t_light .t_dark .t_blue_active_TooltipArrow, :root.t_light .t_dark .t_blue_Card, :root.t_light .t_dark .t_blue_Input, :root.t_light .t_dark .t_blue_ListItem, :root.t_light .t_dark .t_blue_Progress, :root.t_light .t_dark .t_blue_SelectTrigger, :root.t_light .t_dark .t_blue_SliderTrack, :root.t_light .t_dark .t_blue_surface1, :root.t_light .t_dark .t_blue_TextArea, :root.t_light .t_dark .t_blue_TooltipArrow, :root.t_light .t_dark .t_light .t_dark .t_blue_active_ListItem, :root.t_light .t_dark .t_light .t_dark .t_blue_active_Progress, :root.t_light .t_dark .t_light .t_dark .t_blue_active_SliderTrack, :root.t_light .t_dark .t_light .t_dark .t_blue_active_TooltipArrow, :root.t_light .t_dark .t_light .t_dark .t_blue_Card, :root.t_light .t_dark .t_light .t_dark .t_blue_Input, :root.t_light .t_dark .t_light .t_dark .t_blue_ListItem, :root.t_light .t_dark .t_light .t_dark .t_blue_Progress, :root.t_light .t_dark .t_light .t_dark .t_blue_SelectTrigger, :root.t_light .t_dark .t_light .t_dark .t_blue_SliderTrack, :root.t_light .t_dark .t_light .t_dark .t_blue_surface1, :root.t_light .t_dark .t_light .t_dark .t_blue_TextArea, :root.t_light .t_dark .t_light .t_dark .t_blue_TooltipArrow { --background: var(--color-130); --backgroundHover: var(--color-131); --backgroundPress: var(--color-129); --backgroundFocus: var(--color-129); --borderColor: var(--color-133); --borderColorHover: var(--color-134); --borderColorFocus: var(--color-133); --borderColorPress: var(--color-132); } @media (prefers-color-scheme: dark) { body { background: var(--background); } .t_blue_active_ListItem, .t_blue_active_Progress, .t_blue_active_SliderTrack, .t_blue_active_TooltipArrow, .t_blue_Card, .t_blue_Input, .t_blue_ListItem, .t_blue_Progress, .t_blue_SelectTrigger, .t_blue_SliderTrack, .t_blue_surface1, .t_blue_TextArea, .t_blue_TooltipArrow, .t_light .t_dark .t_blue_active_ListItem, .t_light .t_dark .t_blue_active_Progress, .t_light .t_dark .t_blue_active_SliderTrack, .t_light .t_dark .t_blue_active_TooltipArrow, .t_light .t_dark .t_blue_Card, .t_light .t_dark .t_blue_Input, .t_light .t_dark .t_blue_ListItem, .t_light .t_dark .t_blue_Progress, .t_light .t_dark .t_blue_SelectTrigger, .t_light .t_dark .t_blue_SliderTrack, .t_light .t_dark .t_blue_surface1, .t_light .t_dark .t_blue_TextArea, .t_light .t_dark .t_blue_TooltipArrow { --background: var(--color-130); --backgroundHover: var(--color-131); --backgroundPress: var(--color-129); --backgroundFocus: var(--color-129); --borderColor: var(--color-133); --borderColorHover: var(--color-134); --borderColorFocus: var(--color-133); --borderColorPress: var(--color-132); } } :root.t_dark .t_blue_Checkbox, :root.t_dark .t_blue_RadioGroupItem, :root.t_dark .t_blue_surface2, :root.t_dark .t_blue_Switch, :root.t_dark .t_blue_TooltipContent, :root.t_dark .t_light .t_dark .t_blue_Checkbox, :root.t_dark .t_light .t_dark .t_blue_RadioGroupItem, :root.t_dark .t_light .t_dark .t_blue_surface2, :root.t_dark .t_light .t_dark .t_blue_Switch, :root.t_dark .t_light .t_dark .t_blue_TooltipContent, :root.t_light .t_dark .t_blue_Checkbox, :root.t_light .t_dark .t_blue_RadioGroupItem, :root.t_light .t_dark .t_blue_surface2, :root.t_light .t_dark .t_blue_Switch, :root.t_light .t_dark .t_blue_TooltipContent, :root.t_light .t_dark .t_light .t_dark .t_blue_Checkbox, :root.t_light .t_dark .t_light .t_dark .t_blue_RadioGroupItem, :root.t_light .t_dark .t_light .t_dark .t_blue_surface2, :root.t_light .t_dark .t_light .t_dark .t_blue_Switch, :root.t_light .t_dark .t_light .t_dark .t_blue_TooltipContent { --background: var(--color-131); --backgroundHover: var(--color-132); --backgroundPress: var(--color-130); --backgroundFocus: var(--color-130); --borderColor: var(--color-134); --borderColorHover: var(--color-135); --borderColorFocus: var(--color-134); --borderColorPress: var(--color-133); } @media (prefers-color-scheme: dark) { body { background: var(--background); } .t_blue_Checkbox, .t_blue_RadioGroupItem, .t_blue_surface2, .t_blue_Switch, .t_blue_TooltipContent, .t_light .t_dark .t_blue_Checkbox, .t_light .t_dark .t_blue_RadioGroupItem, .t_light .t_dark .t_blue_surface2, .t_light .t_dark .t_blue_Switch, .t_light .t_dark .t_blue_TooltipContent { --background: var(--color-131); --backgroundHover: var(--color-132); --backgroundPress: var(--color-130); --backgroundFocus: var(--color-130); --borderColor: var(--color-134); --borderColorHover: var(--color-135); --borderColorFocus: var(--color-134); --borderColorPress: var(--color-133); } } :root.t_dark .t_blue_active_Button, :root.t_dark .t_blue_active_Card, :root.t_dark .t_blue_active_Checkbox, :root.t_dark .t_blue_active_Input, :root.t_dark .t_blue_active_RadioGroupItem, :root.t_dark .t_blue_active_SelectTrigger, :root.t_dark .t_blue_active_Switch, :root.t_dark .t_blue_active_TextArea, :root.t_dark .t_blue_active_TooltipContent, :root.t_dark .t_blue_surface4, :root.t_dark .t_light .t_dark .t_blue_active_Button, :root.t_dark .t_light .t_dark .t_blue_active_Card, :root.t_dark .t_light .t_dark .t_blue_active_Checkbox, :root.t_dark .t_light .t_dark .t_blue_active_Input, :root.t_dark .t_light .t_dark .t_blue_active_RadioGroupItem, :root.t_dark .t_light .t_dark .t_blue_active_SelectTrigger, :root.t_dark .t_light .t_dark .t_blue_active_Switch, :root.t_dark .t_light .t_dark .t_blue_active_TextArea, :root.t_dark .t_light .t_dark .t_blue_active_TooltipContent, :root.t_dark .t_light .t_dark .t_blue_surface4, :root.t_light .t_dark .t_blue_active_Button, :root.t_light .t_dark .t_blue_active_Card, :root.t_light .t_dark .t_blue_active_Checkbox, :root.t_light .t_dark .t_blue_active_Input, :root.t_light .t_dark .t_blue_active_RadioGroupItem, :root.t_light .t_dark .t_blue_active_SelectTrigger, :root.t_light .t_dark .t_blue_active_Switch, :root.t_light .t_dark .t_blue_active_TextArea, :root.t_light .t_dark .t_blue_active_TooltipContent, :root.t_light .t_dark .t_blue_surface4, :root.t_light .t_dark .t_light .t_dark .t_blue_active_Button, :root.t_light .t_dark .t_light .t_dark .t_blue_active_Card, :root.t_light .t_dark .t_light .t_dark .t_blue_active_Checkbox, :root.t_light .t_dark .t_light .t_dark .t_blue_active_Input, :root.t_light .t_dark .t_light .t_dark .t_blue_active_RadioGroupItem, :root.t_light .t_dark .t_light .t_dark .t_blue_active_SelectTrigger, :root.t_light .t_dark .t_light .t_dark .t_blue_active_Switch, :root.t_light .t_dark .t_light .t_dark .t_blue_active_TextArea, :root.t_light .t_dark .t_light .t_dark .t_blue_active_TooltipContent, :root.t_light .t_dark .t_light .t_dark .t_blue_surface4 { --background: var(--color-134); --backgroundHover: var(--color-134); --backgroundPress: var(--color-133); --backgroundFocus: var(--color-133); --borderColor: var(--color-134); --borderColorHover: var(--color-134); --borderColorFocus: var(--color-133); --borderColorPress: var(--color-133); } @media (prefers-color-scheme: dark) { body { background: var(--background); } .t_blue_active_Button, .t_blue_active_Card, .t_blue_active_Checkbox, .t_blue_active_Input, .t_blue_active_RadioGroupItem, .t_blue_active_SelectTrigger, .t_blue_active_Switch, .t_blue_active_TextArea, .t_blue_active_TooltipContent, .t_blue_surface4, .t_light .t_dark .t_blue_active_Button, .t_light .t_dark .t_blue_active_Card, .t_light .t_dark .t_blue_active_Checkbox, .t_light .t_dark .t_blue_active_Input, .t_light .t_dark .t_blue_active_RadioGroupItem, .t_light .t_dark .t_blue_active_SelectTrigger, .t_light .t_dark .t_blue_active_Switch, .t_light .t_dark .t_blue_active_TextArea, .t_light .t_dark .t_blue_active_TooltipContent, .t_light .t_dark .t_blue_surface4 { --background: var(--color-134); --backgroundHover: var(--color-134); --backgroundPress: var(--color-133); --backgroundFocus: var(--color-133); --borderColor: var(--color-134); --borderColorHover: var(--color-134); --borderColorFocus: var(--color-133); --borderColorPress: var(--color-133); } } :root.t_dark .t_light .t_dark .t_purple_alt1, :root.t_dark .t_purple_alt1, :root.t_light .t_dark .t_light .t_dark .t_purple_alt1, :root.t_light .t_dark .t_purple_alt1 { --color: var(--color-199); --colorHover: var(--color-198); --colorPress: var(--color-199); --colorFocus: var(--color-198); } @media (prefers-color-scheme: dark) { body { color: var(--color); } .t_light .t_dark .t_purple_alt1, .t_purple_alt1 { --color: var(--color-199); --colorHover: var(--color-198); --colorPress: var(--color-199); --colorFocus: var(--color-198); } } :root.t_dark .t_light .t_dark .t_purple_alt2, :root.t_dark .t_purple_alt2, :root.t_light .t_dark .t_light .t_dark .t_purple_alt2, :root.t_light .t_dark .t_purple_alt2 { --color: var(--color-198); --colorHover: var(--color-197); --colorPress: var(--color-198); --colorFocus: var(--color-197); } @media (prefers-color-scheme: dark) { body { color: var(--color); } .t_light .t_dark .t_purple_alt2, .t_purple_alt2 { --color: var(--color-198); --colorHover: var(--color-197); --colorPress: var(--color-198); --colorFocus: var(--color-197); } } :root.t_dark .t_light .t_dark .t_purple_active, :root.t_dark .t_light .t_dark .t_purple_active_SliderTrackActive, :root.t_dark .t_light .t_dark .t_purple_Button, :root.t_dark .t_light .t_dark .t_purple_SliderTrackActive, :root.t_dark .t_light .t_dark .t_purple_surface3, :root.t_dark .t_purple_active, :root.t_dark .t_purple_active_SliderTrackActive, :root.t_dark .t_purple_Button, :root.t_dark .t_purple_SliderTrackActive, :root.t_dark .t_purple_surface3, :root.t_light .t_dark .t_light .t_dark .t_purple_active, :root.t_light .t_dark .t_light .t_dark .t_purple_active_SliderTrackActive, :root.t_light .t_dark .t_light .t_dark .t_purple_Button, :root.t_light .t_dark .t_light .t_dark .t_purple_SliderTrackActive, :root.t_light .t_dark .t_light .t_dark .t_purple_surface3, :root.t_light .t_dark .t_purple_active, :root.t_light .t_dark .t_purple_active_SliderTrackActive, :root.t_light .t_dark .t_purple_Button, :root.t_light .t_dark .t_purple_SliderTrackActive, :root.t_light .t_dark .t_purple_surface3 { --background: var(--color-192); --backgroundHover: var(--color-193); --backgroundPress: var(--color-191); --backgroundFocus: var(--color-191); --borderColor: var(--color-195); --borderColorHover: var(--color-196); --borderColorFocus: var(--color-195); --borderColorPress: var(--color-194); } @media (prefers-color-scheme: dark) { body { background: var(--background); } .t_light .t_dark .t_purple_active, .t_light .t_dark .t_purple_active_SliderTrackActive, .t_light .t_dark .t_purple_Button, .t_light .t_dark .t_purple_SliderTrackActive, .t_light .t_dark .t_purple_surface3, .t_purple_active, .t_purple_active_SliderTrackActive, .t_purple_Button, .t_purple_SliderTrackActive, .t_purple_surface3 { --background: var(--color-192); --backgroundHover: var(--color-193); --backgroundPress: var(--color-191); --backgroundFocus: var(--color-191); --borderColor: var(--color-195); --borderColorHover: var(--color-196); --borderColorFocus: var(--color-195); --borderColorPress: var(--color-194); } } :root.t_dark .t_light .t_dark .t_purple_active_ListItem, :root.t_dark .t_light .t_dark .t_purple_active_Progress, :root.t_dark .t_light .t_dark .t_purple_active_SliderTrack, :root.t_dark .t_light .t_dark .t_purple_active_TooltipArrow, :root.t_dark .t_light .t_dark .t_purple_Card, :root.t_dark .t_light .t_dark .t_purple_Input, :root.t_dark .t_light .t_dark .t_purple_ListItem, :root.t_dark .t_light .t_dark .t_purple_Progress, :root.t_dark .t_light .t_dark .t_purple_SelectTrigger, :root.t_dark .t_light .t_dark .t_purple_SliderTrack, :root.t_dark .t_light .t_dark .t_purple_surface1, :root.t_dark .t_light .t_dark .t_purple_TextArea, :root.t_dark .t_light .t_dark .t_purple_TooltipArrow, :root.t_dark .t_purple_active_ListItem, :root.t_dark .t_purple_active_Progress, :root.t_dark .t_purple_active_SliderTrack, :root.t_dark .t_purple_active_TooltipArrow, :root.t_dark .t_purple_Card, :root.t_dark .t_purple_Input, :root.t_dark .t_purple_ListItem, :root.t_dark .t_purple_Progress, :root.t_dark .t_purple_SelectTrigger, :root.t_dark .t_purple_SliderTrack, :root.t_dark .t_purple_surface1, :root.t_dark .t_purple_TextArea, :root.t_dark .t_purple_TooltipArrow, :root.t_light .t_dark .t_light .t_dark .t_purple_active_ListItem, :root.t_light .t_dark .t_light .t_dark .t_purple_active_Progress, :root.t_light .t_dark .t_light .t_dark .t_purple_active_SliderTrack, :root.t_light .t_dark .t_light .t_dark .t_purple_active_TooltipArrow, :root.t_light .t_dark .t_light .t_dark .t_purple_Card, :root.t_light .t_dark .t_light .t_dark .t_purple_Input, :root.t_light .t_dark .t_light .t_dark .t_purple_ListItem, :root.t_light .t_dark .t_light .t_dark .t_purple_Progress, :root.t_light .t_dark .t_light .t_dark .t_purple_SelectTrigger, :root.t_light .t_dark .t_light .t_dark .t_purple_SliderTrack, :root.t_light .t_dark .t_light .t_dark .t_purple_surface1, :root.t_light .t_dark .t_light .t_dark .t_purple_TextArea, :root.t_light .t_dark .t_light .t_dark .t_purple_TooltipArrow, :root.t_light .t_dark .t_purple_active_ListItem, :root.t_light .t_dark .t_purple_active_Progress, :root.t_light .t_dark .t_purple_active_SliderTrack, :root.t_light .t_dark .t_purple_active_TooltipArrow, :root.t_light .t_dark .t_purple_Card, :root.t_light .t_dark .t_purple_Input, :root.t_light .t_dark .t_purple_ListItem, :root.t_light .t_dark .t_purple_Progress, :root.t_light .t_dark .t_purple_SelectTrigger, :root.t_light .t_dark .t_purple_SliderTrack, :root.t_light .t_dark .t_purple_surface1, :root.t_light .t_dark .t_purple_TextArea, :root.t_light .t_dark .t_purple_TooltipArrow { --background: var(--color-190); --backgroundHover: var(--color-191); --backgroundPress: var(--color-189); --backgroundFocus: var(--color-189); --borderColor: var(--color-193); --borderColorHover: var(--color-194); --borderColorFocus: var(--color-193); --borderColorPress: var(--color-192); } @media (prefers-color-scheme: dark) { body { background: var(--background); } .t_light .t_dark .t_purple_active_ListItem, .t_light .t_dark .t_purple_active_Progress, .t_light .t_dark .t_purple_active_SliderTrack, .t_light .t_dark .t_purple_active_TooltipArrow, .t_light .t_dark .t_purple_Card, .t_light .t_dark .t_purple_Input, .t_light .t_dark .t_purple_ListItem, .t_light .t_dark .t_purple_Progress, .t_light .t_dark .t_purple_SelectTrigger, .t_light .t_dark .t_purple_SliderTrack, .t_light .t_dark .t_purple_surface1, .t_light .t_dark .t_purple_TextArea, .t_light .t_dark .t_purple_TooltipArrow, .t_purple_active_ListItem, .t_purple_active_Progress, .t_purple_active_SliderTrack, .t_purple_active_TooltipArrow, .t_purple_Card, .t_purple_Input, .t_purple_ListItem, .t_purple_Progress, .t_purple_SelectTrigger, .t_purple_SliderTrack, .t_purple_surface1, .t_purple_TextArea, .t_purple_TooltipArrow { --background: var(--color-190); --backgroundHover: var(--color-191); --backgroundPress: var(--color-189); --backgroundFocus: var(--color-189); --borderColor: var(--color-193); --borderColorHover: var(--color-194); --borderColorFocus: var(--color-193); --borderColorPress: var(--color-192); } } :root.t_dark .t_light .t_dark .t_purple_Checkbox, :root.t_dark .t_light .t_dark .t_purple_RadioGroupItem, :root.t_dark .t_light .t_dark .t_purple_surface2, :root.t_dark .t_light .t_dark .t_purple_Switch, :root.t_dark .t_light .t_dark .t_purple_TooltipContent, :root.t_dark .t_purple_Checkbox, :root.t_dark .t_purple_RadioGroupItem, :root.t_dark .t_purple_surface2, :root.t_dark .t_purple_Switch, :root.t_dark .t_purple_TooltipContent, :root.t_light .t_dark .t_light .t_dark .t_purple_Checkbox, :root.t_light .t_dark .t_light .t_dark .t_purple_RadioGroupItem, :root.t_light .t_dark .t_light .t_dark .t_purple_surface2, :root.t_light .t_dark .t_light .t_dark .t_purple_Switch, :root.t_light .t_dark .t_light .t_dark .t_purple_TooltipContent, :root.t_light .t_dark .t_purple_Checkbox, :root.t_light .t_dark .t_purple_RadioGroupItem, :root.t_light .t_dark .t_purple_surface2, :root.t_light .t_dark .t_purple_Switch, :root.t_light .t_dark .t_purple_TooltipContent { --background: var(--color-191); --backgroundHover: var(--color-192); --backgroundPress: var(--color-190); --backgroundFocus: var(--color-190); --borderColor: var(--color-194); --borderColorHover: var(--color-195); --borderColorFocus: var(--color-194); --borderColorPress: var(--color-193); } @media (prefers-color-scheme: dark) { body { background: var(--background); } .t_light .t_dark .t_purple_Checkbox, .t_light .t_dark .t_purple_RadioGroupItem, .t_light .t_dark .t_purple_surface2, .t_light .t_dark .t_purple_Switch, .t_light .t_dark .t_purple_TooltipContent, .t_purple_Checkbox, .t_purple_RadioGroupItem, .t_purple_surface2, .t_purple_Switch, .t_purple_TooltipContent { --background: var(--color-191); --backgroundHover: var(--color-192); --backgroundPress: var(--color-190); --backgroundFocus: var(--color-190); --borderColor: var(--color-194); --borderColorHover: var(--color-195); --borderColorFocus: var(--color-194); --borderColorPress: var(--color-193); } } :root.t_dark .t_light .t_dark .t_purple_active_Button, :root.t_dark .t_light .t_dark .t_purple_active_Card, :root.t_dark .t_light .t_dark .t_purple_active_Checkbox, :root.t_dark .t_light .t_dark .t_purple_active_Input, :root.t_dark .t_light .t_dark .t_purple_active_RadioGroupItem, :root.t_dark .t_light .t_dark .t_purple_active_SelectTrigger, :root.t_dark .t_light .t_dark .t_purple_active_Switch, :root.t_dark .t_light .t_dark .t_purple_active_TextArea, :root.t_dark .t_light .t_dark .t_purple_active_TooltipContent, :root.t_dark .t_light .t_dark .t_purple_surface4, :root.t_dark .t_purple_active_Button, :root.t_dark .t_purple_active_Card, :root.t_dark .t_purple_active_Checkbox, :root.t_dark .t_purple_active_Input, :root.t_dark .t_purple_active_RadioGroupItem, :root.t_dark .t_purple_active_SelectTrigger, :root.t_dark .t_purple_active_Switch, :root.t_dark .t_purple_active_TextArea, :root.t_dark .t_purple_active_TooltipContent, :root.t_dark .t_purple_surface4, :root.t_light .t_dark .t_light .t_dark .t_purple_active_Button, :root.t_light .t_dark .t_light .t_dark .t_purple_active_Card, :root.t_light .t_dark .t_light .t_dark .t_purple_active_Checkbox, :root.t_light .t_dark .t_light .t_dark .t_purple_active_Input, :root.t_light .t_dark .t_light .t_dark .t_purple_active_RadioGroupItem, :root.t_light .t_dark .t_light .t_dark .t_purple_active_SelectTrigger, :root.t_light .t_dark .t_light .t_dark .t_purple_active_Switch, :root.t_light .t_dark .t_light .t_dark .t_purple_active_TextArea, :root.t_light .t_dark .t_light .t_dark .t_purple_active_TooltipContent, :root.t_light .t_dark .t_light .t_dark .t_purple_surface4, :root.t_light .t_dark .t_purple_active_Button, :root.t_light .t_dark .t_purple_active_Card, :root.t_light .t_dark .t_purple_active_Checkbox, :root.t_light .t_dark .t_purple_active_Input, :root.t_light .t_dark .t_purple_active_RadioGroupItem, :root.t_light .t_dark .t_purple_active_SelectTrigger, :root.t_light .t_dark .t_purple_active_Switch, :root.t_light .t_dark .t_purple_active_TextArea, :root.t_light .t_dark .t_purple_active_TooltipContent, :root.t_light .t_dark .t_purple_surface4 { --background: var(--color-194); --backgroundHover: var(--color-194); --backgroundPress: var(--color-193); --backgroundFocus: var(--color-193); --borderColor: var(--color-194); --borderColorHover: var(--color-194); --borderColorFocus: var(--color-193); --borderColorPress: var(--color-193); } @media (prefers-color-scheme: dark) { body { background: var(--background); } .t_light .t_dark .t_purple_active_Button, .t_light .t_dark .t_purple_active_Card, .t_light .t_dark .t_purple_active_Checkbox, .t_light .t_dark .t_purple_active_Input, .t_light .t_dark .t_purple_active_RadioGroupItem, .t_light .t_dark .t_purple_active_SelectTrigger, .t_light .t_dark .t_purple_active_Switch, .t_light .t_dark .t_purple_active_TextArea, .t_light .t_dark .t_purple_active_TooltipContent, .t_light .t_dark .t_purple_surface4, .t_purple_active_Button, .t_purple_active_Card, .t_purple_active_Checkbox, .t_purple_active_Input, .t_purple_active_RadioGroupItem, .t_purple_active_SelectTrigger, .t_purple_active_Switch, .t_purple_active_TextArea, .t_purple_active_TooltipContent, .t_purple_surface4 { --background: var(--color-194); --backgroundHover: var(--color-194); --backgroundPress: var(--color-193); --backgroundFocus: var(--color-193); --borderColor: var(--color-194); --borderColorHover: var(--color-194); --borderColorFocus: var(--color-193); --borderColorPress: var(--color-193); } } :root.t_dark .t_light .t_dark .t_pink_alt1, :root.t_dark .t_pink_alt1, :root.t_light .t_dark .t_light .t_dark .t_pink_alt1, :root.t_light .t_dark .t_pink_alt1 { --color: var(--color-187); --colorHover: var(--color-186); --colorPress: var(--color-187); --colorFocus: var(--color-186); } @media (prefers-color-scheme: dark) { body { color: var(--color); } .t_light .t_dark .t_pink_alt1, .t_pink_alt1 { --color: var(--color-187); --colorHover: var(--color-186); --colorPress: var(--color-187); --colorFocus: var(--color-186); } } :root.t_dark .t_light .t_dark .t_pink_alt2, :root.t_dark .t_pink_alt2, :root.t_light .t_dark .t_light .t_dark .t_pink_alt2, :root.t_light .t_dark .t_pink_alt2 { --color: var(--color-186); --colorHover: var(--color-185); --colorPress: var(--color-186); --colorFocus: var(--color-185); } @media (prefers-color-scheme: dark) { body { color: var(--color); } .t_light .t_dark .t_pink_alt2, .t_pink_alt2 { --color: var(--color-186); --colorHover: var(--color-185); --colorPress: var(--color-186); --colorFocus: var(--color-185); } } :root.t_dark .t_light .t_dark .t_pink_active, :root.t_dark .t_light .t_dark .t_pink_active_SliderTrackActive, :root.t_dark .t_light .t_dark .t_pink_Button, :root.t_dark .t_light .t_dark .t_pink_SliderTrackActive, :root.t_dark .t_light .t_dark .t_pink_surface3, :root.t_dark .t_pink_active, :root.t_dark .t_pink_active_SliderTrackActive, :root.t_dark .t_pink_Button, :root.t_dark .t_pink_SliderTrackActive, :root.t_dark .t_pink_surface3, :root.t_light .t_dark .t_light .t_dark .t_pink_active, :root.t_light .t_dark .t_light .t_dark .t_pink_active_SliderTrackActive, :root.t_light .t_dark .t_light .t_dark .t_pink_Button, :root.t_light .t_dark .t_light .t_dark .t_pink_SliderTrackActive, :root.t_light .t_dark .t_light .t_dark .t_pink_surface3, :root.t_light .t_dark .t_pink_active, :root.t_light .t_dark .t_pink_active_SliderTrackActive, :root.t_light .t_dark .t_pink_Button, :root.t_light .t_dark .t_pink_SliderTrackActive, :root.t_light .t_dark .t_pink_surface3 { --background: var(--color-180); --backgroundHover: var(--color-181); --backgroundPress: var(--color-179); --backgroundFocus: var(--color-179); --borderColor: var(--color-183); --borderColorHover: var(--color-184); --borderColorFocus: var(--color-183); --borderColorPress: var(--color-182); } @media (prefers-color-scheme: dark) { body { background: var(--background); } .t_light .t_dark .t_pink_active, .t_light .t_dark .t_pink_active_SliderTrackActive, .t_light .t_dark .t_pink_Button, .t_light .t_dark .t_pink_SliderTrackActive, .t_light .t_dark .t_pink_surface3, .t_pink_active, .t_pink_active_SliderTrackActive, .t_pink_Button, .t_pink_SliderTrackActive, .t_pink_surface3 { --background: var(--color-180); --backgroundHover: var(--color-181); --backgroundPress: var(--color-179); --backgroundFocus: var(--color-179); --borderColor: var(--color-183); --borderColorHover: var(--color-184); --borderColorFocus: var(--color-183); --borderColorPress: var(--color-182); } } :root.t_dark .t_light .t_dark .t_pink_active_ListItem, :root.t_dark .t_light .t_dark .t_pink_active_Progress, :root.t_dark .t_light .t_dark .t_pink_active_SliderTrack, :root.t_dark .t_light .t_dark .t_pink_active_TooltipArrow, :root.t_dark .t_light .t_dark .t_pink_Card, :root.t_dark .t_light .t_dark .t_pink_Input, :root.t_dark .t_light .t_dark .t_pink_ListItem, :root.t_dark .t_light .t_dark .t_pink_Progress, :root.t_dark .t_light .t_dark .t_pink_SelectTrigger, :root.t_dark .t_light .t_dark .t_pink_SliderTrack, :root.t_dark .t_light .t_dark .t_pink_surface1, :root.t_dark .t_light .t_dark .t_pink_TextArea, :root.t_dark .t_light .t_dark .t_pink_TooltipArrow, :root.t_dark .t_pink_active_ListItem, :root.t_dark .t_pink_active_Progress, :root.t_dark .t_pink_active_SliderTrack, :root.t_dark .t_pink_active_TooltipArrow, :root.t_dark .t_pink_Card, :root.t_dark .t_pink_Input, :root.t_dark .t_pink_ListItem, :root.t_dark .t_pink_Progress, :root.t_dark .t_pink_SelectTrigger, :root.t_dark .t_pink_SliderTrack, :root.t_dark .t_pink_surface1, :root.t_dark .t_pink_TextArea, :root.t_dark .t_pink_TooltipArrow, :root.t_light .t_dark .t_light .t_dark .t_pink_active_ListItem, :root.t_light .t_dark .t_light .t_dark .t_pink_active_Progress, :root.t_light .t_dark .t_light .t_dark .t_pink_active_SliderTrack, :root.t_light .t_dark .t_light .t_dark .t_pink_active_TooltipArrow, :root.t_light .t_dark .t_light .t_dark .t_pink_Card, :root.t_light .t_dark .t_light .t_dark .t_pink_Input, :root.t_light .t_dark .t_light .t_dark .t_pink_ListItem, :root.t_light .t_dark .t_light .t_dark .t_pink_Progress, :root.t_light .t_dark .t_light .t_dark .t_pink_SelectTrigger, :root.t_light .t_dark .t_light .t_dark .t_pink_SliderTrack, :root.t_light .t_dark .t_light .t_dark .t_pink_surface1, :root.t_light .t_dark .t_light .t_dark .t_pink_TextArea, :root.t_light .t_dark .t_light .t_dark .t_pink_TooltipArrow, :root.t_light .t_dark .t_pink_active_ListItem, :root.t_light .t_dark .t_pink_active_Progress, :root.t_light .t_dark .t_pink_active_SliderTrack, :root.t_light .t_dark .t_pink_active_TooltipArrow, :root.t_light .t_dark .t_pink_Card, :root.t_light .t_dark .t_pink_Input, :root.t_light .t_dark .t_pink_ListItem, :root.t_light .t_dark .t_pink_Progress, :root.t_light .t_dark .t_pink_SelectTrigger, :root.t_light .t_dark .t_pink_SliderTrack, :root.t_light .t_dark .t_pink_surface1, :root.t_light .t_dark .t_pink_TextArea, :root.t_light .t_dark .t_pink_TooltipArrow { --background: var(--color-178); --backgroundHover: var(--color-179); --backgroundPress: var(--color-177); --backgroundFocus: var(--color-177); --borderColor: var(--color-181); --borderColorHover: var(--color-182); --borderColorFocus: var(--color-181); --borderColorPress: var(--color-180); } @media (prefers-color-scheme: dark) { body { background: var(--background); } .t_light .t_dark .t_pink_active_ListItem, .t_light .t_dark .t_pink_active_Progress, .t_light .t_dark .t_pink_active_SliderTrack, .t_light .t_dark .t_pink_active_TooltipArrow, .t_light .t_dark .t_pink_Card, .t_light .t_dark .t_pink_Input, .t_light .t_dark .t_pink_ListItem, .t_light .t_dark .t_pink_Progress, .t_light .t_dark .t_pink_SelectTrigger, .t_light .t_dark .t_pink_SliderTrack, .t_light .t_dark .t_pink_surface1, .t_light .t_dark .t_pink_TextArea, .t_light .t_dark .t_pink_TooltipArrow, .t_pink_active_ListItem, .t_pink_active_Progress, .t_pink_active_SliderTrack, .t_pink_active_TooltipArrow, .t_pink_Card, .t_pink_Input, .t_pink_ListItem, .t_pink_Progress, .t_pink_SelectTrigger, .t_pink_SliderTrack, .t_pink_surface1, .t_pink_TextArea, .t_pink_TooltipArrow { --background: var(--color-178); --backgroundHover: var(--color-179); --backgroundPress: var(--color-177); --backgroundFocus: var(--color-177); --borderColor: var(--color-181); --borderColorHover: var(--color-182); --borderColorFocus: var(--color-181); --borderColorPress: var(--color-180); } } :root.t_dark .t_light .t_dark .t_pink_Checkbox, :root.t_dark .t_light .t_dark .t_pink_RadioGroupItem, :root.t_dark .t_light .t_dark .t_pink_surface2, :root.t_dark .t_light .t_dark .t_pink_Switch, :root.t_dark .t_light .t_dark .t_pink_TooltipContent, :root.t_dark .t_pink_Checkbox, :root.t_dark .t_pink_RadioGroupItem, :root.t_dark .t_pink_surface2, :root.t_dark .t_pink_Switch, :root.t_dark .t_pink_TooltipContent, :root.t_light .t_dark .t_light .t_dark .t_pink_Checkbox, :root.t_light .t_dark .t_light .t_dark .t_pink_RadioGroupItem, :root.t_light .t_dark .t_light .t_dark .t_pink_surface2, :root.t_light .t_dark .t_light .t_dark .t_pink_Switch, :root.t_light .t_dark .t_light .t_dark .t_pink_TooltipContent, :root.t_light .t_dark .t_pink_Checkbox, :root.t_light .t_dark .t_pink_RadioGroupItem, :root.t_light .t_dark .t_pink_surface2, :root.t_light .t_dark .t_pink_Switch, :root.t_light .t_dark .t_pink_TooltipContent { --background: var(--color-179); --backgroundHover: var(--color-180); --backgroundPress: var(--color-178); --backgroundFocus: var(--color-178); --borderColor: var(--color-182); --borderColorHover: var(--color-183); --borderColorFocus: var(--color-182); --borderColorPress: var(--color-181); } @media (prefers-color-scheme: dark) { body { background: var(--background); } .t_light .t_dark .t_pink_Checkbox, .t_light .t_dark .t_pink_RadioGroupItem, .t_light .t_dark .t_pink_surface2, .t_light .t_dark .t_pink_Switch, .t_light .t_dark .t_pink_TooltipContent, .t_pink_Checkbox, .t_pink_RadioGroupItem, .t_pink_surface2, .t_pink_Switch, .t_pink_TooltipContent { --background: var(--color-179); --backgroundHover: var(--color-180); --backgroundPress: var(--color-178); --backgroundFocus: var(--color-178); --borderColor: var(--color-182); --borderColorHover: var(--color-183); --borderColorFocus: var(--color-182); --borderColorPress: var(--color-181); } } :root.t_dark .t_light .t_dark .t_pink_active_Button, :root.t_dark .t_light .t_dark .t_pink_active_Card, :root.t_dark .t_light .t_dark .t_pink_active_Checkbox, :root.t_dark .t_light .t_dark .t_pink_active_Input, :root.t_dark .t_light .t_dark .t_pink_active_RadioGroupItem, :root.t_dark .t_light .t_dark .t_pink_active_SelectTrigger, :root.t_dark .t_light .t_dark .t_pink_active_Switch, :root.t_dark .t_light .t_dark .t_pink_active_TextArea, :root.t_dark .t_light .t_dark .t_pink_active_TooltipContent, :root.t_dark .t_light .t_dark .t_pink_surface4, :root.t_dark .t_pink_active_Button, :root.t_dark .t_pink_active_Card, :root.t_dark .t_pink_active_Checkbox, :root.t_dark .t_pink_active_Input, :root.t_dark .t_pink_active_RadioGroupItem, :root.t_dark .t_pink_active_SelectTrigger, :root.t_dark .t_pink_active_Switch, :root.t_dark .t_pink_active_TextArea, :root.t_dark .t_pink_active_TooltipContent, :root.t_dark .t_pink_surface4, :root.t_light .t_dark .t_light .t_dark .t_pink_active_Button, :root.t_light .t_dark .t_light .t_dark .t_pink_active_Card, :root.t_light .t_dark .t_light .t_dark .t_pink_active_Checkbox, :root.t_light .t_dark .t_light .t_dark .t_pink_active_Input, :root.t_light .t_dark .t_light .t_dark .t_pink_active_RadioGroupItem, :root.t_light .t_dark .t_light .t_dark .t_pink_active_SelectTrigger, :root.t_light .t_dark .t_light .t_dark .t_pink_active_Switch, :root.t_light .t_dark .t_light .t_dark .t_pink_active_TextArea, :root.t_light .t_dark .t_light .t_dark .t_pink_active_TooltipContent, :root.t_light .t_dark .t_light .t_dark .t_pink_surface4, :root.t_light .t_dark .t_pink_active_Button, :root.t_light .t_dark .t_pink_active_Card, :root.t_light .t_dark .t_pink_active_Checkbox, :root.t_light .t_dark .t_pink_active_Input, :root.t_light .t_dark .t_pink_active_RadioGroupItem, :root.t_light .t_dark .t_pink_active_SelectTrigger, :root.t_light .t_dark .t_pink_active_Switch, :root.t_light .t_dark .t_pink_active_TextArea, :root.t_light .t_dark .t_pink_active_TooltipContent, :root.t_light .t_dark .t_pink_surface4 { --background: var(--color-182); --backgroundHover: var(--color-182); --backgroundPress: var(--color-181); --backgroundFocus: var(--color-181); --borderColor: var(--color-182); --borderColorHover: var(--color-182); --borderColorFocus: var(--color-181); --borderColorPress: var(--color-181); } @media (prefers-color-scheme: dark) { body { background: var(--background); } .t_light .t_dark .t_pink_active_Button, .t_light .t_dark .t_pink_active_Card, .t_light .t_dark .t_pink_active_Checkbox, .t_light .t_dark .t_pink_active_Input, .t_light .t_dark .t_pink_active_RadioGroupItem, .t_light .t_dark .t_pink_active_SelectTrigger, .t_light .t_dark .t_pink_active_Switch, .t_light .t_dark .t_pink_active_TextArea, .t_light .t_dark .t_pink_active_TooltipContent, .t_light .t_dark .t_pink_surface4, .t_pink_active_Button, .t_pink_active_Card, .t_pink_active_Checkbox, .t_pink_active_Input, .t_pink_active_RadioGroupItem, .t_pink_active_SelectTrigger, .t_pink_active_Switch, .t_pink_active_TextArea, .t_pink_active_TooltipContent, .t_pink_surface4 { --background: var(--color-182); --backgroundHover: var(--color-182); --backgroundPress: var(--color-181); --backgroundFocus: var(--color-181); --borderColor: var(--color-182); --borderColorHover: var(--color-182); --borderColorFocus: var(--color-181); --borderColorPress: var(--color-181); } } :root.t_dark .t_light .t_dark .t_red_alt1, :root.t_dark .t_red_alt1, :root.t_light .t_dark .t_light .t_dark .t_red_alt1, :root.t_light .t_dark .t_red_alt1 { --color: var(--color-211); --colorHover: var(--color-210); --colorPress: var(--color-211); --colorFocus: var(--color-210); } @media (prefers-color-scheme: dark) { body { color: var(--color); } .t_light .t_dark .t_red_alt1, .t_red_alt1 { --color: var(--color-211); --colorHover: var(--color-210); --colorPress: var(--color-211); --colorFocus: var(--color-210); } } :root.t_dark .t_light .t_dark .t_red_alt2, :root.t_dark .t_red_alt2, :root.t_light .t_dark .t_light .t_dark .t_red_alt2, :root.t_light .t_dark .t_red_alt2 { --color: var(--color-210); --colorHover: var(--color-209); --colorPress: var(--color-210); --colorFocus: var(--color-209); } @media (prefers-color-scheme: dark) { body { color: var(--color); } .t_light .t_dark .t_red_alt2, .t_red_alt2 { --color: var(--color-210); --colorHover: var(--color-209); --colorPress: var(--color-210); --colorFocus: var(--color-209); } } :root.t_dark .t_light .t_dark .t_red_active, :root.t_dark .t_light .t_dark .t_red_active_SliderTrackActive, :root.t_dark .t_light .t_dark .t_red_Button, :root.t_dark .t_light .t_dark .t_red_SliderTrackActive, :root.t_dark .t_light .t_dark .t_red_surface3, :root.t_dark .t_red_active, :root.t_dark .t_red_active_SliderTrackActive, :root.t_dark .t_red_Button, :root.t_dark .t_red_SliderTrackActive, :root.t_dark .t_red_surface3, :root.t_light .t_dark .t_light .t_dark .t_red_active, :root.t_light .t_dark .t_light .t_dark .t_red_active_SliderTrackActive, :root.t_light .t_dark .t_light .t_dark .t_red_Button, :root.t_light .t_dark .t_light .t_dark .t_red_SliderTrackActive, :root.t_light .t_dark .t_light .t_dark .t_red_surface3, :root.t_light .t_dark .t_red_active, :root.t_light .t_dark .t_red_active_SliderTrackActive, :root.t_light .t_dark .t_red_Button, :root.t_light .t_dark .t_red_SliderTrackActive, :root.t_light .t_dark .t_red_surface3 { --background: var(--color-204); --backgroundHover: var(--color-205); --backgroundPress: var(--color-203); --backgroundFocus: var(--color-203); --borderColor: var(--color-207); --borderColorHover: var(--color-208); --borderColorFocus: var(--color-207); --borderColorPress: var(--color-206); } @media (prefers-color-scheme: dark) { body { background: var(--background); } .t_light .t_dark .t_red_active, .t_light .t_dark .t_red_active_SliderTrackActive, .t_light .t_dark .t_red_Button, .t_light .t_dark .t_red_SliderTrackActive, .t_light .t_dark .t_red_surface3, .t_red_active, .t_red_active_SliderTrackActive, .t_red_Button, .t_red_SliderTrackActive, .t_red_surface3 { --background: var(--color-204); --backgroundHover: var(--color-205); --backgroundPress: var(--color-203); --backgroundFocus: var(--color-203); --borderColor: var(--color-207); --borderColorHover: var(--color-208); --borderColorFocus: var(--color-207); --borderColorPress: var(--color-206); } } :root.t_dark .t_light .t_dark .t_red_active_ListItem, :root.t_dark .t_light .t_dark .t_red_active_Progress, :root.t_dark .t_light .t_dark .t_red_active_SliderTrack, :root.t_dark .t_light .t_dark .t_red_active_TooltipArrow, :root.t_dark .t_light .t_dark .t_red_Card, :root.t_dark .t_light .t_dark .t_red_Input, :root.t_dark .t_light .t_dark .t_red_ListItem, :root.t_dark .t_light .t_dark .t_red_Progress, :root.t_dark .t_light .t_dark .t_red_SelectTrigger, :root.t_dark .t_light .t_dark .t_red_SliderTrack, :root.t_dark .t_light .t_dark .t_red_surface1, :root.t_dark .t_light .t_dark .t_red_TextArea, :root.t_dark .t_light .t_dark .t_red_TooltipArrow, :root.t_dark .t_red_active_ListItem, :root.t_dark .t_red_active_Progress, :root.t_dark .t_red_active_SliderTrack, :root.t_dark .t_red_active_TooltipArrow, :root.t_dark .t_red_Card, :root.t_dark .t_red_Input, :root.t_dark .t_red_ListItem, :root.t_dark .t_red_Progress, :root.t_dark .t_red_SelectTrigger, :root.t_dark .t_red_SliderTrack, :root.t_dark .t_red_surface1, :root.t_dark .t_red_TextArea, :root.t_dark .t_red_TooltipArrow, :root.t_light .t_dark .t_light .t_dark .t_red_active_ListItem, :root.t_light .t_dark .t_light .t_dark .t_red_active_Progress, :root.t_light .t_dark .t_light .t_dark .t_red_active_SliderTrack, :root.t_light .t_dark .t_light .t_dark .t_red_active_TooltipArrow, :root.t_light .t_dark .t_light .t_dark .t_red_Card, :root.t_light .t_dark .t_light .t_dark .t_red_Input, :root.t_light .t_dark .t_light .t_dark .t_red_ListItem, :root.t_light .t_dark .t_light .t_dark .t_red_Progress, :root.t_light .t_dark .t_light .t_dark .t_red_SelectTrigger, :root.t_light .t_dark .t_light .t_dark .t_red_SliderTrack, :root.t_light .t_dark .t_light .t_dark .t_red_surface1, :root.t_light .t_dark .t_light .t_dark .t_red_TextArea, :root.t_light .t_dark .t_light .t_dark .t_red_TooltipArrow, :root.t_light .t_dark .t_red_active_ListItem, :root.t_light .t_dark .t_red_active_Progress, :root.t_light .t_dark .t_red_active_SliderTrack, :root.t_light .t_dark .t_red_active_TooltipArrow, :root.t_light .t_dark .t_red_Card, :root.t_light .t_dark .t_red_Input, :root.t_light .t_dark .t_red_ListItem, :root.t_light .t_dark .t_red_Progress, :root.t_light .t_dark .t_red_SelectTrigger, :root.t_light .t_dark .t_red_SliderTrack, :root.t_light .t_dark .t_red_surface1, :root.t_light .t_dark .t_red_TextArea, :root.t_light .t_dark .t_red_TooltipArrow { --background: var(--color-202); --backgroundHover: var(--color-203); --backgroundPress: var(--color-201); --backgroundFocus: var(--color-201); --borderColor: var(--color-205); --borderColorHover: var(--color-206); --borderColorFocus: var(--color-205); --borderColorPress: var(--color-204); } @media (prefers-color-scheme: dark) { body { background: var(--background); } .t_light .t_dark .t_red_active_ListItem, .t_light .t_dark .t_red_active_Progress, .t_light .t_dark .t_red_active_SliderTrack, .t_light .t_dark .t_red_active_TooltipArrow, .t_light .t_dark .t_red_Card, .t_light .t_dark .t_red_Input, .t_light .t_dark .t_red_ListItem, .t_light .t_dark .t_red_Progress, .t_light .t_dark .t_red_SelectTrigger, .t_light .t_dark .t_red_SliderTrack, .t_light .t_dark .t_red_surface1, .t_light .t_dark .t_red_TextArea, .t_light .t_dark .t_red_TooltipArrow, .t_red_active_ListItem, .t_red_active_Progress, .t_red_active_SliderTrack, .t_red_active_TooltipArrow, .t_red_Card, .t_red_Input, .t_red_ListItem, .t_red_Progress, .t_red_SelectTrigger, .t_red_SliderTrack, .t_red_surface1, .t_red_TextArea, .t_red_TooltipArrow { --background: var(--color-202); --backgroundHover: var(--color-203); --backgroundPress: var(--color-201); --backgroundFocus: var(--color-201); --borderColor: var(--color-205); --borderColorHover: var(--color-206); --borderColorFocus: var(--color-205); --borderColorPress: var(--color-204); } } :root.t_dark .t_light .t_dark .t_red_Checkbox, :root.t_dark .t_light .t_dark .t_red_RadioGroupItem, :root.t_dark .t_light .t_dark .t_red_surface2, :root.t_dark .t_light .t_dark .t_red_Switch, :root.t_dark .t_light .t_dark .t_red_TooltipContent, :root.t_dark .t_red_Checkbox, :root.t_dark .t_red_RadioGroupItem, :root.t_dark .t_red_surface2, :root.t_dark .t_red_Switch, :root.t_dark .t_red_TooltipContent, :root.t_light .t_dark .t_light .t_dark .t_red_Checkbox, :root.t_light .t_dark .t_light .t_dark .t_red_RadioGroupItem, :root.t_light .t_dark .t_light .t_dark .t_red_surface2, :root.t_light .t_dark .t_light .t_dark .t_red_Switch, :root.t_light .t_dark .t_light .t_dark .t_red_TooltipContent, :root.t_light .t_dark .t_red_Checkbox, :root.t_light .t_dark .t_red_RadioGroupItem, :root.t_light .t_dark .t_red_surface2, :root.t_light .t_dark .t_red_Switch, :root.t_light .t_dark .t_red_TooltipContent { --background: var(--color-203); --backgroundHover: var(--color-204); --backgroundPress: var(--color-202); --backgroundFocus: var(--color-202); --borderColor: var(--color-206); --borderColorHover: var(--color-207); --borderColorFocus: var(--color-206); --borderColorPress: var(--color-205); } @media (prefers-color-scheme: dark) { body { background: var(--background); } .t_light .t_dark .t_red_Checkbox, .t_light .t_dark .t_red_RadioGroupItem, .t_light .t_dark .t_red_surface2, .t_light .t_dark .t_red_Switch, .t_light .t_dark .t_red_TooltipContent, .t_red_Checkbox, .t_red_RadioGroupItem, .t_red_surface2, .t_red_Switch, .t_red_TooltipContent { --background: var(--color-203); --backgroundHover: var(--color-204); --backgroundPress: var(--color-202); --backgroundFocus: var(--color-202); --borderColor: var(--color-206); --borderColorHover: var(--color-207); --borderColorFocus: var(--color-206); --borderColorPress: var(--color-205); } } :root.t_dark .t_light .t_dark .t_red_active_Button, :root.t_dark .t_light .t_dark .t_red_active_Card, :root.t_dark .t_light .t_dark .t_red_active_Checkbox, :root.t_dark .t_light .t_dark .t_red_active_Input, :root.t_dark .t_light .t_dark .t_red_active_RadioGroupItem, :root.t_dark .t_light .t_dark .t_red_active_SelectTrigger, :root.t_dark .t_light .t_dark .t_red_active_Switch, :root.t_dark .t_light .t_dark .t_red_active_TextArea, :root.t_dark .t_light .t_dark .t_red_active_TooltipContent, :root.t_dark .t_light .t_dark .t_red_surface4, :root.t_dark .t_red_active_Button, :root.t_dark .t_red_active_Card, :root.t_dark .t_red_active_Checkbox, :root.t_dark .t_red_active_Input, :root.t_dark .t_red_active_RadioGroupItem, :root.t_dark .t_red_active_SelectTrigger, :root.t_dark .t_red_active_Switch, :root.t_dark .t_red_active_TextArea, :root.t_dark .t_red_active_TooltipContent, :root.t_dark .t_red_surface4, :root.t_light .t_dark .t_light .t_dark .t_red_active_Button, :root.t_light .t_dark .t_light .t_dark .t_red_active_Card, :root.t_light .t_dark .t_light .t_dark .t_red_active_Checkbox, :root.t_light .t_dark .t_light .t_dark .t_red_active_Input, :root.t_light .t_dark .t_light .t_dark .t_red_active_RadioGroupItem, :root.t_light .t_dark .t_light .t_dark .t_red_active_SelectTrigger, :root.t_light .t_dark .t_light .t_dark .t_red_active_Switch, :root.t_light .t_dark .t_light .t_dark .t_red_active_TextArea, :root.t_light .t_dark .t_light .t_dark .t_red_active_TooltipContent, :root.t_light .t_dark .t_light .t_dark .t_red_surface4, :root.t_light .t_dark .t_red_active_Button, :root.t_light .t_dark .t_red_active_Card, :root.t_light .t_dark .t_red_active_Checkbox, :root.t_light .t_dark .t_red_active_Input, :root.t_light .t_dark .t_red_active_RadioGroupItem, :root.t_light .t_dark .t_red_active_SelectTrigger, :root.t_light .t_dark .t_red_active_Switch, :root.t_light .t_dark .t_red_active_TextArea, :root.t_light .t_dark .t_red_active_TooltipContent, :root.t_light .t_dark .t_red_surface4 { --background: var(--color-206); --backgroundHover: var(--color-206); --backgroundPress: var(--color-205); --backgroundFocus: var(--color-205); --borderColor: var(--color-206); --borderColorHover: var(--color-206); --borderColorFocus: var(--color-205); --borderColorPress: var(--color-205); } @media (prefers-color-scheme: dark) { body { background: var(--background); } .t_light .t_dark .t_red_active_Button, .t_light .t_dark .t_red_active_Card, .t_light .t_dark .t_red_active_Checkbox, .t_light .t_dark .t_red_active_Input, .t_light .t_dark .t_red_active_RadioGroupItem, .t_light .t_dark .t_red_active_SelectTrigger, .t_light .t_dark .t_red_active_Switch, .t_light .t_dark .t_red_active_TextArea, .t_light .t_dark .t_red_active_TooltipContent, .t_light .t_dark .t_red_surface4, .t_red_active_Button, .t_red_active_Card, .t_red_active_Checkbox, .t_red_active_Input, .t_red_active_RadioGroupItem, .t_red_active_SelectTrigger, .t_red_active_Switch, .t_red_active_TextArea, .t_red_active_TooltipContent, .t_red_surface4 { --background: var(--color-206); --backgroundHover: var(--color-206); --backgroundPress: var(--color-205); --backgroundFocus: var(--color-205); --borderColor: var(--color-206); --borderColorHover: var(--color-206); --borderColorFocus: var(--color-205); --borderColorPress: var(--color-205); } } :root.t_dark .t_gray_alt1, :root.t_dark .t_light .t_dark .t_gray_alt1, :root.t_light .t_dark .t_gray_alt1, :root.t_light .t_dark .t_light .t_dark .t_gray_alt1 { --color: var(--color-151); --colorHover: var(--color-150); --colorPress: var(--color-151); --colorFocus: var(--color-150); } @media (prefers-color-scheme: dark) { body { color: var(--color); } .t_gray_alt1, .t_light .t_dark .t_gray_alt1 { --color: var(--color-151); --colorHover: var(--color-150); --colorPress: var(--color-151); --colorFocus: var(--color-150); } } :root.t_dark .t_gray_alt2, :root.t_dark .t_light .t_dark .t_gray_alt2, :root.t_light .t_dark .t_gray_alt2, :root.t_light .t_dark .t_light .t_dark .t_gray_alt2 { --color: var(--color-150); --colorHover: var(--color-149); --colorPress: var(--color-150); --colorFocus: var(--color-149); } @media (prefers-color-scheme: dark) { body { color: var(--color); } .t_gray_alt2, .t_light .t_dark .t_gray_alt2 { --color: var(--color-150); --colorHover: var(--color-149); --colorPress: var(--color-150); --colorFocus: var(--color-149); } } :root.t_dark .t_gray_active, :root.t_dark .t_gray_active_SliderTrackActive, :root.t_dark .t_gray_Button, :root.t_dark .t_gray_SliderTrackActive, :root.t_dark .t_gray_surface3, :root.t_dark .t_light .t_dark .t_gray_active, :root.t_dark .t_light .t_dark .t_gray_active_SliderTrackActive, :root.t_dark .t_light .t_dark .t_gray_Button, :root.t_dark .t_light .t_dark .t_gray_SliderTrackActive, :root.t_dark .t_light .t_dark .t_gray_surface3, :root.t_light .t_dark .t_gray_active, :root.t_light .t_dark .t_gray_active_SliderTrackActive, :root.t_light .t_dark .t_gray_Button, :root.t_light .t_dark .t_gray_SliderTrackActive, :root.t_light .t_dark .t_gray_surface3, :root.t_light .t_dark .t_light .t_dark .t_gray_active, :root.t_light .t_dark .t_light .t_dark .t_gray_active_SliderTrackActive, :root.t_light .t_dark .t_light .t_dark .t_gray_Button, :root.t_light .t_dark .t_light .t_dark .t_gray_SliderTrackActive, :root.t_light .t_dark .t_light .t_dark .t_gray_surface3 { --background: var(--color-144); --backgroundHover: var(--color-145); --backgroundPress: var(--color-143); --backgroundFocus: var(--color-143); --borderColor: var(--color-147); --borderColorHover: var(--color-148); --borderColorFocus: var(--color-147); --borderColorPress: var(--color-146); } @media (prefers-color-scheme: dark) { body { background: var(--background); } .t_gray_active, .t_gray_active_SliderTrackActive, .t_gray_Button, .t_gray_SliderTrackActive, .t_gray_surface3, .t_light .t_dark .t_gray_active, .t_light .t_dark .t_gray_active_SliderTrackActive, .t_light .t_dark .t_gray_Button, .t_light .t_dark .t_gray_SliderTrackActive, .t_light .t_dark .t_gray_surface3 { --background: var(--color-144); --backgroundHover: var(--color-145); --backgroundPress: var(--color-143); --backgroundFocus: var(--color-143); --borderColor: var(--color-147); --borderColorHover: var(--color-148); --borderColorFocus: var(--color-147); --borderColorPress: var(--color-146); } } :root.t_dark .t_gray_active_ListItem, :root.t_dark .t_gray_active_Progress, :root.t_dark .t_gray_active_SliderTrack, :root.t_dark .t_gray_active_TooltipArrow, :root.t_dark .t_gray_Card, :root.t_dark .t_gray_Input, :root.t_dark .t_gray_ListItem, :root.t_dark .t_gray_Progress, :root.t_dark .t_gray_SelectTrigger, :root.t_dark .t_gray_SliderTrack, :root.t_dark .t_gray_surface1, :root.t_dark .t_gray_TextArea, :root.t_dark .t_gray_TooltipArrow, :root.t_dark .t_light .t_dark .t_gray_active_ListItem, :root.t_dark .t_light .t_dark .t_gray_active_Progress, :root.t_dark .t_light .t_dark .t_gray_active_SliderTrack, :root.t_dark .t_light .t_dark .t_gray_active_TooltipArrow, :root.t_dark .t_light .t_dark .t_gray_Card, :root.t_dark .t_light .t_dark .t_gray_Input, :root.t_dark .t_light .t_dark .t_gray_ListItem, :root.t_dark .t_light .t_dark .t_gray_Progress, :root.t_dark .t_light .t_dark .t_gray_SelectTrigger, :root.t_dark .t_light .t_dark .t_gray_SliderTrack, :root.t_dark .t_light .t_dark .t_gray_surface1, :root.t_dark .t_light .t_dark .t_gray_TextArea, :root.t_dark .t_light .t_dark .t_gray_TooltipArrow, :root.t_light .t_dark .t_gray_active_ListItem, :root.t_light .t_dark .t_gray_active_Progress, :root.t_light .t_dark .t_gray_active_SliderTrack, :root.t_light .t_dark .t_gray_active_TooltipArrow, :root.t_light .t_dark .t_gray_Card, :root.t_light .t_dark .t_gray_Input, :root.t_light .t_dark .t_gray_ListItem, :root.t_light .t_dark .t_gray_Progress, :root.t_light .t_dark .t_gray_SelectTrigger, :root.t_light .t_dark .t_gray_SliderTrack, :root.t_light .t_dark .t_gray_surface1, :root.t_light .t_dark .t_gray_TextArea, :root.t_light .t_dark .t_gray_TooltipArrow, :root.t_light .t_dark .t_light .t_dark .t_gray_active_ListItem, :root.t_light .t_dark .t_light .t_dark .t_gray_active_Progress, :root.t_light .t_dark .t_light .t_dark .t_gray_active_SliderTrack, :root.t_light .t_dark .t_light .t_dark .t_gray_active_TooltipArrow, :root.t_light .t_dark .t_light .t_dark .t_gray_Card, :root.t_light .t_dark .t_light .t_dark .t_gray_Input, :root.t_light .t_dark .t_light .t_dark .t_gray_ListItem, :root.t_light .t_dark .t_light .t_dark .t_gray_Progress, :root.t_light .t_dark .t_light .t_dark .t_gray_SelectTrigger, :root.t_light .t_dark .t_light .t_dark .t_gray_SliderTrack, :root.t_light .t_dark .t_light .t_dark .t_gray_surface1, :root.t_light .t_dark .t_light .t_dark .t_gray_TextArea, :root.t_light .t_dark .t_light .t_dark .t_gray_TooltipArrow { --background: var(--color-142); --backgroundHover: var(--color-143); --backgroundPress: var(--color-141); --backgroundFocus: var(--color-141); --borderColor: var(--color-145); --borderColorHover: var(--color-146); --borderColorFocus: var(--color-145); --borderColorPress: var(--color-144); } @media (prefers-color-scheme: dark) { body { background: var(--background); } .t_gray_active_ListItem, .t_gray_active_Progress, .t_gray_active_SliderTrack, .t_gray_active_TooltipArrow, .t_gray_Card, .t_gray_Input, .t_gray_ListItem, .t_gray_Progress, .t_gray_SelectTrigger, .t_gray_SliderTrack, .t_gray_surface1, .t_gray_TextArea, .t_gray_TooltipArrow, .t_light .t_dark .t_gray_active_ListItem, .t_light .t_dark .t_gray_active_Progress, .t_light .t_dark .t_gray_active_SliderTrack, .t_light .t_dark .t_gray_active_TooltipArrow, .t_light .t_dark .t_gray_Card, .t_light .t_dark .t_gray_Input, .t_light .t_dark .t_gray_ListItem, .t_light .t_dark .t_gray_Progress, .t_light .t_dark .t_gray_SelectTrigger, .t_light .t_dark .t_gray_SliderTrack, .t_light .t_dark .t_gray_surface1, .t_light .t_dark .t_gray_TextArea, .t_light .t_dark .t_gray_TooltipArrow { --background: var(--color-142); --backgroundHover: var(--color-143); --backgroundPress: var(--color-141); --backgroundFocus: var(--color-141); --borderColor: var(--color-145); --borderColorHover: var(--color-146); --borderColorFocus: var(--color-145); --borderColorPress: var(--color-144); } } :root.t_dark .t_gray_Checkbox, :root.t_dark .t_gray_RadioGroupItem, :root.t_dark .t_gray_surface2, :root.t_dark .t_gray_Switch, :root.t_dark .t_gray_TooltipContent, :root.t_dark .t_light .t_dark .t_gray_Checkbox, :root.t_dark .t_light .t_dark .t_gray_RadioGroupItem, :root.t_dark .t_light .t_dark .t_gray_surface2, :root.t_dark .t_light .t_dark .t_gray_Switch, :root.t_dark .t_light .t_dark .t_gray_TooltipContent, :root.t_light .t_dark .t_gray_Checkbox, :root.t_light .t_dark .t_gray_RadioGroupItem, :root.t_light .t_dark .t_gray_surface2, :root.t_light .t_dark .t_gray_Switch, :root.t_light .t_dark .t_gray_TooltipContent, :root.t_light .t_dark .t_light .t_dark .t_gray_Checkbox, :root.t_light .t_dark .t_light .t_dark .t_gray_RadioGroupItem, :root.t_light .t_dark .t_light .t_dark .t_gray_surface2, :root.t_light .t_dark .t_light .t_dark .t_gray_Switch, :root.t_light .t_dark .t_light .t_dark .t_gray_TooltipContent { --background: var(--color-143); --backgroundHover: var(--color-144); --backgroundPress: var(--color-142); --backgroundFocus: var(--color-142); --borderColor: var(--color-146); --borderColorHover: var(--color-147); --borderColorFocus: var(--color-146); --borderColorPress: var(--color-145); } @media (prefers-color-scheme: dark) { body { background: var(--background); } .t_gray_Checkbox, .t_gray_RadioGroupItem, .t_gray_surface2, .t_gray_Switch, .t_gray_TooltipContent, .t_light .t_dark .t_gray_Checkbox, .t_light .t_dark .t_gray_RadioGroupItem, .t_light .t_dark .t_gray_surface2, .t_light .t_dark .t_gray_Switch, .t_light .t_dark .t_gray_TooltipContent { --background: var(--color-143); --backgroundHover: var(--color-144); --backgroundPress: var(--color-142); --backgroundFocus: var(--color-142); --borderColor: var(--color-146); --borderColorHover: var(--color-147); --borderColorFocus: var(--color-146); --borderColorPress: var(--color-145); } } :root.t_dark .t_gray_active_Button, :root.t_dark .t_gray_active_Card, :root.t_dark .t_gray_active_Checkbox, :root.t_dark .t_gray_active_Input, :root.t_dark .t_gray_active_RadioGroupItem, :root.t_dark .t_gray_active_SelectTrigger, :root.t_dark .t_gray_active_Switch, :root.t_dark .t_gray_active_TextArea, :root.t_dark .t_gray_active_TooltipContent, :root.t_dark .t_gray_surface4, :root.t_dark .t_light .t_dark .t_gray_active_Button, :root.t_dark .t_light .t_dark .t_gray_active_Card, :root.t_dark .t_light .t_dark .t_gray_active_Checkbox, :root.t_dark .t_light .t_dark .t_gray_active_Input, :root.t_dark .t_light .t_dark .t_gray_active_RadioGroupItem, :root.t_dark .t_light .t_dark .t_gray_active_SelectTrigger, :root.t_dark .t_light .t_dark .t_gray_active_Switch, :root.t_dark .t_light .t_dark .t_gray_active_TextArea, :root.t_dark .t_light .t_dark .t_gray_active_TooltipContent, :root.t_dark .t_light .t_dark .t_gray_surface4, :root.t_light .t_dark .t_gray_active_Button, :root.t_light .t_dark .t_gray_active_Card, :root.t_light .t_dark .t_gray_active_Checkbox, :root.t_light .t_dark .t_gray_active_Input, :root.t_light .t_dark .t_gray_active_RadioGroupItem, :root.t_light .t_dark .t_gray_active_SelectTrigger, :root.t_light .t_dark .t_gray_active_Switch, :root.t_light .t_dark .t_gray_active_TextArea, :root.t_light .t_dark .t_gray_active_TooltipContent, :root.t_light .t_dark .t_gray_surface4, :root.t_light .t_dark .t_light .t_dark .t_gray_active_Button, :root.t_light .t_dark .t_light .t_dark .t_gray_active_Card, :root.t_light .t_dark .t_light .t_dark .t_gray_active_Checkbox, :root.t_light .t_dark .t_light .t_dark .t_gray_active_Input, :root.t_light .t_dark .t_light .t_dark .t_gray_active_RadioGroupItem, :root.t_light .t_dark .t_light .t_dark .t_gray_active_SelectTrigger, :root.t_light .t_dark .t_light .t_dark .t_gray_active_Switch, :root.t_light .t_dark .t_light .t_dark .t_gray_active_TextArea, :root.t_light .t_dark .t_light .t_dark .t_gray_active_TooltipContent, :root.t_light .t_dark .t_light .t_dark .t_gray_surface4 { --background: var(--color-146); --backgroundHover: var(--color-146); --backgroundPress: var(--color-145); --backgroundFocus: var(--color-145); --borderColor: var(--color-146); --borderColorHover: var(--color-146); --borderColorFocus: var(--color-145); --borderColorPress: var(--color-145); } @media (prefers-color-scheme: dark) { body { background: var(--background); } .t_gray_active_Button, .t_gray_active_Card, .t_gray_active_Checkbox, .t_gray_active_Input, .t_gray_active_RadioGroupItem, .t_gray_active_SelectTrigger, .t_gray_active_Switch, .t_gray_active_TextArea, .t_gray_active_TooltipContent, .t_gray_surface4, .t_light .t_dark .t_gray_active_Button, .t_light .t_dark .t_gray_active_Card, .t_light .t_dark .t_gray_active_Checkbox, .t_light .t_dark .t_gray_active_Input, .t_light .t_dark .t_gray_active_RadioGroupItem, .t_light .t_dark .t_gray_active_SelectTrigger, .t_light .t_dark .t_gray_active_Switch, .t_light .t_dark .t_gray_active_TextArea, .t_light .t_dark .t_gray_active_TooltipContent, .t_light .t_dark .t_gray_surface4 { --background: var(--color-146); --backgroundHover: var(--color-146); --backgroundPress: var(--color-145); --backgroundFocus: var(--color-145); --borderColor: var(--color-146); --borderColorHover: var(--color-146); --borderColorFocus: var(--color-145); --borderColorPress: var(--color-145); } } :root.t_dark .t_light .t_dark .t_light .t_ProgressIndicator, :root.t_dark .t_light .t_dark .t_light .t_SliderThumb, :root.t_dark .t_light .t_dark .t_light .t_SwitchThumb, :root.t_dark .t_light .t_dark .t_light .t_Tooltip, :root.t_dark .t_light .t_ProgressIndicator, :root.t_dark .t_light .t_SliderThumb, :root.t_dark .t_light .t_SwitchThumb, :root.t_dark .t_light .t_Tooltip, :root.t_light .t_dark .t_light .t_ProgressIndicator, :root.t_light .t_dark .t_light .t_SliderThumb, :root.t_light .t_dark .t_light .t_SwitchThumb, :root.t_light .t_dark .t_light .t_Tooltip, :root.t_light .t_ProgressIndicator, :root.t_light .t_SliderThumb, :root.t_light .t_SwitchThumb, :root.t_light .t_Tooltip { --color: var(--color-10); --colorHover: var(--color-32); --colorPress: var(--color-11); --colorFocus: var(--color-11); --background: var(--color-56); --backgroundHover: var(--color-19); --backgroundPress: var(--color-56); --backgroundFocus: var(--color-19); --borderColor: var(--color-18); --borderColorHover: var(--color-53); --borderColorFocus: var(--color-16); --borderColorPress: var(--color-15); } @media (prefers-color-scheme: light) { body { background: var(--background); color: var(--color); } .t_dark .t_light .t_ProgressIndicator, .t_dark .t_light .t_SliderThumb, .t_dark .t_light .t_SwitchThumb, .t_dark .t_light .t_Tooltip, .t_ProgressIndicator, .t_SliderThumb, .t_SwitchThumb, .t_Tooltip { --color: var(--color-10); --colorHover: var(--color-32); --colorPress: var(--color-11); --colorFocus: var(--color-11); --background: var(--color-56); --backgroundHover: var(--color-19); --backgroundPress: var(--color-56); --backgroundFocus: var(--color-19); --borderColor: var(--color-18); --borderColorHover: var(--color-53); --borderColorFocus: var(--color-16); --borderColorPress: var(--color-15); } } :root.t_dark .t_light .t_active_DialogOverlay, :root.t_dark .t_light .t_active_ModalOverlay, :root.t_dark .t_light .t_active_SheetOverlay, :root.t_dark .t_light .t_blue_active_DialogOverlay, :root.t_dark .t_light .t_blue_active_ModalOverlay, :root.t_dark .t_light .t_blue_active_SheetOverlay, :root.t_dark .t_light .t_blue_DialogOverlay, :root.t_dark .t_light .t_blue_ModalOverlay, :root.t_dark .t_light .t_blue_SheetOverlay, :root.t_dark .t_light .t_dark .t_light .t_active_DialogOverlay, :root.t_dark .t_light .t_dark .t_light .t_active_ModalOverlay, :root.t_dark .t_light .t_dark .t_light .t_active_SheetOverlay, :root.t_dark .t_light .t_dark .t_light .t_blue_active_DialogOverlay, :root.t_dark .t_light .t_dark .t_light .t_blue_active_ModalOverlay, :root.t_dark .t_light .t_dark .t_light .t_blue_active_SheetOverlay, :root.t_dark .t_light .t_dark .t_light .t_blue_DialogOverlay, :root.t_dark .t_light .t_dark .t_light .t_blue_ModalOverlay, :root.t_dark .t_light .t_dark .t_light .t_blue_SheetOverlay, :root.t_dark .t_light .t_dark .t_light .t_DialogOverlay, :root.t_dark .t_light .t_dark .t_light .t_gray_active_DialogOverlay, :root.t_dark .t_light .t_dark .t_light .t_gray_active_ModalOverlay, :root.t_dark .t_light .t_dark .t_light .t_gray_active_SheetOverlay, :root.t_dark .t_light .t_dark .t_light .t_gray_DialogOverlay, :root.t_dark .t_light .t_dark .t_light .t_gray_ModalOverlay, :root.t_dark .t_light .t_dark .t_light .t_gray_SheetOverlay, :root.t_dark .t_light .t_dark .t_light .t_green_active_DialogOverlay, :root.t_dark .t_light .t_dark .t_light .t_green_active_ModalOverlay, :root.t_dark .t_light .t_dark .t_light .t_green_active_SheetOverlay, :root.t_dark .t_light .t_dark .t_light .t_green_DialogOverlay, :root.t_dark .t_light .t_dark .t_light .t_green_ModalOverlay, :root.t_dark .t_light .t_dark .t_light .t_green_SheetOverlay, :root.t_dark .t_light .t_dark .t_light .t_ModalOverlay, :root.t_dark .t_light .t_dark .t_light .t_orange_active_DialogOverlay, :root.t_dark .t_light .t_dark .t_light .t_orange_active_ModalOverlay, :root.t_dark .t_light .t_dark .t_light .t_orange_active_SheetOverlay, :root.t_dark .t_light .t_dark .t_light .t_orange_DialogOverlay, :root.t_dark .t_light .t_dark .t_light .t_orange_ModalOverlay, :root.t_dark .t_light .t_dark .t_light .t_orange_SheetOverlay, :root.t_dark .t_light .t_dark .t_light .t_pink_active_DialogOverlay, :root.t_dark .t_light .t_dark .t_light .t_pink_active_ModalOverlay, :root.t_dark .t_light .t_dark .t_light .t_pink_active_SheetOverlay, :root.t_dark .t_light .t_dark .t_light .t_pink_DialogOverlay, :root.t_dark .t_light .t_dark .t_light .t_pink_ModalOverlay, :root.t_dark .t_light .t_dark .t_light .t_pink_SheetOverlay, :root.t_dark .t_light .t_dark .t_light .t_purple_active_DialogOverlay, :root.t_dark .t_light .t_dark .t_light .t_purple_active_ModalOverlay, :root.t_dark .t_light .t_dark .t_light .t_purple_active_SheetOverlay, :root.t_dark .t_light .t_dark .t_light .t_purple_DialogOverlay, :root.t_dark .t_light .t_dark .t_light .t_purple_ModalOverlay, :root.t_dark .t_light .t_dark .t_light .t_purple_SheetOverlay, :root.t_dark .t_light .t_dark .t_light .t_red_active_DialogOverlay, :root.t_dark .t_light .t_dark .t_light .t_red_active_ModalOverlay, :root.t_dark .t_light .t_dark .t_light .t_red_active_SheetOverlay, :root.t_dark .t_light .t_dark .t_light .t_red_DialogOverlay, :root.t_dark .t_light .t_dark .t_light .t_red_ModalOverlay, :root.t_dark .t_light .t_dark .t_light .t_red_SheetOverlay, :root.t_dark .t_light .t_dark .t_light .t_SheetOverlay, :root.t_dark .t_light .t_dark .t_light .t_yellow_active_DialogOverlay, :root.t_dark .t_light .t_dark .t_light .t_yellow_active_ModalOverlay, :root.t_dark .t_light .t_dark .t_light .t_yellow_active_SheetOverlay, :root.t_dark .t_light .t_dark .t_light .t_yellow_DialogOverlay, :root.t_dark .t_light .t_dark .t_light .t_yellow_ModalOverlay, :root.t_dark .t_light .t_dark .t_light .t_yellow_SheetOverlay, :root.t_dark .t_light .t_DialogOverlay, :root.t_dark .t_light .t_gray_active_DialogOverlay, :root.t_dark .t_light .t_gray_active_ModalOverlay, :root.t_dark .t_light .t_gray_active_SheetOverlay, :root.t_dark .t_light .t_gray_DialogOverlay, :root.t_dark .t_light .t_gray_ModalOverlay, :root.t_dark .t_light .t_gray_SheetOverlay, :root.t_dark .t_light .t_green_active_DialogOverlay, :root.t_dark .t_light .t_green_active_ModalOverlay, :root.t_dark .t_light .t_green_active_SheetOverlay, :root.t_dark .t_light .t_green_DialogOverlay, :root.t_dark .t_light .t_green_ModalOverlay, :root.t_dark .t_light .t_green_SheetOverlay, :root.t_dark .t_light .t_ModalOverlay, :root.t_dark .t_light .t_orange_active_DialogOverlay, :root.t_dark .t_light .t_orange_active_ModalOverlay, :root.t_dark .t_light .t_orange_active_SheetOverlay, :root.t_dark .t_light .t_orange_DialogOverlay, :root.t_dark .t_light .t_orange_ModalOverlay, :root.t_dark .t_light .t_orange_SheetOverlay, :root.t_dark .t_light .t_pink_active_DialogOverlay, :root.t_dark .t_light .t_pink_active_ModalOverlay, :root.t_dark .t_light .t_pink_active_SheetOverlay, :root.t_dark .t_light .t_pink_DialogOverlay, :root.t_dark .t_light .t_pink_ModalOverlay, :root.t_dark .t_light .t_pink_SheetOverlay, :root.t_dark .t_light .t_purple_active_DialogOverlay, :root.t_dark .t_light .t_purple_active_ModalOverlay, :root.t_dark .t_light .t_purple_active_SheetOverlay, :root.t_dark .t_light .t_purple_DialogOverlay, :root.t_dark .t_light .t_purple_ModalOverlay, :root.t_dark .t_light .t_purple_SheetOverlay, :root.t_dark .t_light .t_red_active_DialogOverlay, :root.t_dark .t_light .t_red_active_ModalOverlay, :root.t_dark .t_light .t_red_active_SheetOverlay, :root.t_dark .t_light .t_red_DialogOverlay, :root.t_dark .t_light .t_red_ModalOverlay, :root.t_dark .t_light .t_red_SheetOverlay, :root.t_dark .t_light .t_SheetOverlay, :root.t_dark .t_light .t_yellow_active_DialogOverlay, :root.t_dark .t_light .t_yellow_active_ModalOverlay, :root.t_dark .t_light .t_yellow_active_SheetOverlay, :root.t_dark .t_light .t_yellow_DialogOverlay, :root.t_dark .t_light .t_yellow_ModalOverlay, :root.t_dark .t_light .t_yellow_SheetOverlay, :root.t_light .t_active_DialogOverlay, :root.t_light .t_active_ModalOverlay, :root.t_light .t_active_SheetOverlay, :root.t_light .t_blue_active_DialogOverlay, :root.t_light .t_blue_active_ModalOverlay, :root.t_light .t_blue_active_SheetOverlay, :root.t_light .t_blue_DialogOverlay, :root.t_light .t_blue_ModalOverlay, :root.t_light .t_blue_SheetOverlay, :root.t_light .t_dark .t_light .t_active_DialogOverlay, :root.t_light .t_dark .t_light .t_active_ModalOverlay, :root.t_light .t_dark .t_light .t_active_SheetOverlay, :root.t_light .t_dark .t_light .t_blue_active_DialogOverlay, :root.t_light .t_dark .t_light .t_blue_active_ModalOverlay, :root.t_light .t_dark .t_light .t_blue_active_SheetOverlay, :root.t_light .t_dark .t_light .t_blue_DialogOverlay, :root.t_light .t_dark .t_light .t_blue_ModalOverlay, :root.t_light .t_dark .t_light .t_blue_SheetOverlay, :root.t_light .t_dark .t_light .t_DialogOverlay, :root.t_light .t_dark .t_light .t_gray_active_DialogOverlay, :root.t_light .t_dark .t_light .t_gray_active_ModalOverlay, :root.t_light .t_dark .t_light .t_gray_active_SheetOverlay, :root.t_light .t_dark .t_light .t_gray_DialogOverlay, :root.t_light .t_dark .t_light .t_gray_ModalOverlay, :root.t_light .t_dark .t_light .t_gray_SheetOverlay, :root.t_light .t_dark .t_light .t_green_active_DialogOverlay, :root.t_light .t_dark .t_light .t_green_active_ModalOverlay, :root.t_light .t_dark .t_light .t_green_active_SheetOverlay, :root.t_light .t_dark .t_light .t_green_DialogOverlay, :root.t_light .t_dark .t_light .t_green_ModalOverlay, :root.t_light .t_dark .t_light .t_green_SheetOverlay, :root.t_light .t_dark .t_light .t_ModalOverlay, :root.t_light .t_dark .t_light .t_orange_active_DialogOverlay, :root.t_light .t_dark .t_light .t_orange_active_ModalOverlay, :root.t_light .t_dark .t_light .t_orange_active_SheetOverlay, :root.t_light .t_dark .t_light .t_orange_DialogOverlay, :root.t_light .t_dark .t_light .t_orange_ModalOverlay, :root.t_light .t_dark .t_light .t_orange_SheetOverlay, :root.t_light .t_dark .t_light .t_pink_active_DialogOverlay, :root.t_light .t_dark .t_light .t_pink_active_ModalOverlay, :root.t_light .t_dark .t_light .t_pink_active_SheetOverlay, :root.t_light .t_dark .t_light .t_pink_DialogOverlay, :root.t_light .t_dark .t_light .t_pink_ModalOverlay, :root.t_light .t_dark .t_light .t_pink_SheetOverlay, :root.t_light .t_dark .t_light .t_purple_active_DialogOverlay, :root.t_light .t_dark .t_light .t_purple_active_ModalOverlay, :root.t_light .t_dark .t_light .t_purple_active_SheetOverlay, :root.t_light .t_dark .t_light .t_purple_DialogOverlay, :root.t_light .t_dark .t_light .t_purple_ModalOverlay, :root.t_light .t_dark .t_light .t_purple_SheetOverlay, :root.t_light .t_dark .t_light .t_red_active_DialogOverlay, :root.t_light .t_dark .t_light .t_red_active_ModalOverlay, :root.t_light .t_dark .t_light .t_red_active_SheetOverlay, :root.t_light .t_dark .t_light .t_red_DialogOverlay, :root.t_light .t_dark .t_light .t_red_ModalOverlay, :root.t_light .t_dark .t_light .t_red_SheetOverlay, :root.t_light .t_dark .t_light .t_SheetOverlay, :root.t_light .t_dark .t_light .t_yellow_active_DialogOverlay, :root.t_light .t_dark .t_light .t_yellow_active_ModalOverlay, :root.t_light .t_dark .t_light .t_yellow_active_SheetOverlay, :root.t_light .t_dark .t_light .t_yellow_DialogOverlay, :root.t_light .t_dark .t_light .t_yellow_ModalOverlay, :root.t_light .t_dark .t_light .t_yellow_SheetOverlay, :root.t_light .t_DialogOverlay, :root.t_light .t_gray_active_DialogOverlay, :root.t_light .t_gray_active_ModalOverlay, :root.t_light .t_gray_active_SheetOverlay, :root.t_light .t_gray_DialogOverlay, :root.t_light .t_gray_ModalOverlay, :root.t_light .t_gray_SheetOverlay, :root.t_light .t_green_active_DialogOverlay, :root.t_light .t_green_active_ModalOverlay, :root.t_light .t_green_active_SheetOverlay, :root.t_light .t_green_DialogOverlay, :root.t_light .t_green_ModalOverlay, :root.t_light .t_green_SheetOverlay, :root.t_light .t_ModalOverlay, :root.t_light .t_orange_active_DialogOverlay, :root.t_light .t_orange_active_ModalOverlay, :root.t_light .t_orange_active_SheetOverlay, :root.t_light .t_orange_DialogOverlay, :root.t_light .t_orange_ModalOverlay, :root.t_light .t_orange_SheetOverlay, :root.t_light .t_pink_active_DialogOverlay, :root.t_light .t_pink_active_ModalOverlay, :root.t_light .t_pink_active_SheetOverlay, :root.t_light .t_pink_DialogOverlay, :root.t_light .t_pink_ModalOverlay, :root.t_light .t_pink_SheetOverlay, :root.t_light .t_purple_active_DialogOverlay, :root.t_light .t_purple_active_ModalOverlay, :root.t_light .t_purple_active_SheetOverlay, :root.t_light .t_purple_DialogOverlay, :root.t_light .t_purple_ModalOverlay, :root.t_light .t_purple_SheetOverlay, :root.t_light .t_red_active_DialogOverlay, :root.t_light .t_red_active_ModalOverlay, :root.t_light .t_red_active_SheetOverlay, :root.t_light .t_red_DialogOverlay, :root.t_light .t_red_ModalOverlay, :root.t_light .t_red_SheetOverlay, :root.t_light .t_SheetOverlay, :root.t_light .t_yellow_active_DialogOverlay, :root.t_light .t_yellow_active_ModalOverlay, :root.t_light .t_yellow_active_SheetOverlay, :root.t_light .t_yellow_DialogOverlay, :root.t_light .t_yellow_ModalOverlay, :root.t_light .t_yellow_SheetOverlay { --background: rgba(0, 0, 0, 0.5); } @media (prefers-color-scheme: light) { body { background: var(--background); } .t_active_DialogOverlay, .t_active_ModalOverlay, .t_active_SheetOverlay, .t_blue_active_DialogOverlay, .t_blue_active_ModalOverlay, .t_blue_active_SheetOverlay, .t_blue_DialogOverlay, .t_blue_ModalOverlay, .t_blue_SheetOverlay, .t_dark .t_light .t_active_DialogOverlay, .t_dark .t_light .t_active_ModalOverlay, .t_dark .t_light .t_active_SheetOverlay, .t_dark .t_light .t_blue_active_DialogOverlay, .t_dark .t_light .t_blue_active_ModalOverlay, .t_dark .t_light .t_blue_active_SheetOverlay, .t_dark .t_light .t_blue_DialogOverlay, .t_dark .t_light .t_blue_ModalOverlay, .t_dark .t_light .t_blue_SheetOverlay, .t_dark .t_light .t_DialogOverlay, .t_dark .t_light .t_gray_active_DialogOverlay, .t_dark .t_light .t_gray_active_ModalOverlay, .t_dark .t_light .t_gray_active_SheetOverlay, .t_dark .t_light .t_gray_DialogOverlay, .t_dark .t_light .t_gray_ModalOverlay, .t_dark .t_light .t_gray_SheetOverlay, .t_dark .t_light .t_green_active_DialogOverlay, .t_dark .t_light .t_green_active_ModalOverlay, .t_dark .t_light .t_green_active_SheetOverlay, .t_dark .t_light .t_green_DialogOverlay, .t_dark .t_light .t_green_ModalOverlay, .t_dark .t_light .t_green_SheetOverlay, .t_dark .t_light .t_ModalOverlay, .t_dark .t_light .t_orange_active_DialogOverlay, .t_dark .t_light .t_orange_active_ModalOverlay, .t_dark .t_light .t_orange_active_SheetOverlay, .t_dark .t_light .t_orange_DialogOverlay, .t_dark .t_light .t_orange_ModalOverlay, .t_dark .t_light .t_orange_SheetOverlay, .t_dark .t_light .t_pink_active_DialogOverlay, .t_dark .t_light .t_pink_active_ModalOverlay, .t_dark .t_light .t_pink_active_SheetOverlay, .t_dark .t_light .t_pink_DialogOverlay, .t_dark .t_light .t_pink_ModalOverlay, .t_dark .t_light .t_pink_SheetOverlay, .t_dark .t_light .t_purple_active_DialogOverlay, .t_dark .t_light .t_purple_active_ModalOverlay, .t_dark .t_light .t_purple_active_SheetOverlay, .t_dark .t_light .t_purple_DialogOverlay, .t_dark .t_light .t_purple_ModalOverlay, .t_dark .t_light .t_purple_SheetOverlay, .t_dark .t_light .t_red_active_DialogOverlay, .t_dark .t_light .t_red_active_ModalOverlay, .t_dark .t_light .t_red_active_SheetOverlay, .t_dark .t_light .t_red_DialogOverlay, .t_dark .t_light .t_red_ModalOverlay, .t_dark .t_light .t_red_SheetOverlay, .t_dark .t_light .t_SheetOverlay, .t_dark .t_light .t_yellow_active_DialogOverlay, .t_dark .t_light .t_yellow_active_ModalOverlay, .t_dark .t_light .t_yellow_active_SheetOverlay, .t_dark .t_light .t_yellow_DialogOverlay, .t_dark .t_light .t_yellow_ModalOverlay, .t_dark .t_light .t_yellow_SheetOverlay, .t_DialogOverlay, .t_gray_active_DialogOverlay, .t_gray_active_ModalOverlay, .t_gray_active_SheetOverlay, .t_gray_DialogOverlay, .t_gray_ModalOverlay, .t_gray_SheetOverlay, .t_green_active_DialogOverlay, .t_green_active_ModalOverlay, .t_green_active_SheetOverlay, .t_green_DialogOverlay, .t_green_ModalOverlay, .t_green_SheetOverlay, .t_ModalOverlay, .t_orange_active_DialogOverlay, .t_orange_active_ModalOverlay, .t_orange_active_SheetOverlay, .t_orange_DialogOverlay, .t_orange_ModalOverlay, .t_orange_SheetOverlay, .t_pink_active_DialogOverlay, .t_pink_active_ModalOverlay, .t_pink_active_SheetOverlay, .t_pink_DialogOverlay, .t_pink_ModalOverlay, .t_pink_SheetOverlay, .t_purple_active_DialogOverlay, .t_purple_active_ModalOverlay, .t_purple_active_SheetOverlay, .t_purple_DialogOverlay, .t_purple_ModalOverlay, .t_purple_SheetOverlay, .t_red_active_DialogOverlay, .t_red_active_ModalOverlay, .t_red_active_SheetOverlay, .t_red_DialogOverlay, .t_red_ModalOverlay, .t_red_SheetOverlay, .t_SheetOverlay, .t_yellow_active_DialogOverlay, .t_yellow_active_ModalOverlay, .t_yellow_active_SheetOverlay, .t_yellow_DialogOverlay, .t_yellow_ModalOverlay, .t_yellow_SheetOverlay { --background: rgba(0, 0, 0, 0.5); } } :root.t_dark .t_light .t_dark .t_ProgressIndicator, :root.t_dark .t_light .t_dark .t_SliderThumb, :root.t_dark .t_light .t_dark .t_SwitchThumb, :root.t_dark .t_light .t_dark .t_Tooltip, :root.t_dark .t_ProgressIndicator, :root.t_dark .t_SliderThumb, :root.t_dark .t_SwitchThumb, :root.t_dark .t_Tooltip, :root.t_light .t_dark .t_light .t_dark .t_ProgressIndicator, :root.t_light .t_dark .t_light .t_dark .t_SliderThumb, :root.t_light .t_dark .t_light .t_dark .t_SwitchThumb, :root.t_light .t_dark .t_light .t_dark .t_Tooltip, :root.t_light .t_dark .t_ProgressIndicator, :root.t_light .t_dark .t_SliderThumb, :root.t_light .t_dark .t_SwitchThumb, :root.t_light .t_dark .t_Tooltip { --color: var(--color-22); --colorHover: var(--color-23); --colorPress: var(--color-21); --colorFocus: var(--color-21); --background: var(--color-32); --backgroundHover: var(--color-31); --backgroundPress: var(--color-32); --backgroundFocus: var(--color-31); --borderColor: var(--color-30); --borderColorHover: var(--color-29); --borderColorFocus: var(--color-28); --borderColorPress: var(--color-27); } @media (prefers-color-scheme: dark) { body { background: var(--background); color: var(--color); } .t_light .t_dark .t_ProgressIndicator, .t_light .t_dark .t_SliderThumb, .t_light .t_dark .t_SwitchThumb, .t_light .t_dark .t_Tooltip, .t_ProgressIndicator, .t_SliderThumb, .t_SwitchThumb, .t_Tooltip { --color: var(--color-22); --colorHover: var(--color-23); --colorPress: var(--color-21); --colorFocus: var(--color-21); --background: var(--color-32); --backgroundHover: var(--color-31); --backgroundPress: var(--color-32); --backgroundFocus: var(--color-31); --borderColor: var(--color-30); --borderColorHover: var(--color-29); --borderColorFocus: var(--color-28); --borderColorPress: var(--color-27); } } :root.t_dark .t_active_DialogOverlay, :root.t_dark .t_active_ModalOverlay, :root.t_dark .t_active_SheetOverlay, :root.t_dark .t_blue_active_DialogOverlay, :root.t_dark .t_blue_active_ModalOverlay, :root.t_dark .t_blue_active_SheetOverlay, :root.t_dark .t_blue_DialogOverlay, :root.t_dark .t_blue_ModalOverlay, :root.t_dark .t_blue_SheetOverlay, :root.t_dark .t_DialogOverlay, :root.t_dark .t_gray_active_DialogOverlay, :root.t_dark .t_gray_active_ModalOverlay, :root.t_dark .t_gray_active_SheetOverlay, :root.t_dark .t_gray_DialogOverlay, :root.t_dark .t_gray_ModalOverlay, :root.t_dark .t_gray_SheetOverlay, :root.t_dark .t_green_active_DialogOverlay, :root.t_dark .t_green_active_ModalOverlay, :root.t_dark .t_green_active_SheetOverlay, :root.t_dark .t_green_DialogOverlay, :root.t_dark .t_green_ModalOverlay, :root.t_dark .t_green_SheetOverlay, :root.t_dark .t_light .t_dark .t_active_DialogOverlay, :root.t_dark .t_light .t_dark .t_active_ModalOverlay, :root.t_dark .t_light .t_dark .t_active_SheetOverlay, :root.t_dark .t_light .t_dark .t_blue_active_DialogOverlay, :root.t_dark .t_light .t_dark .t_blue_active_ModalOverlay, :root.t_dark .t_light .t_dark .t_blue_active_SheetOverlay, :root.t_dark .t_light .t_dark .t_blue_DialogOverlay, :root.t_dark .t_light .t_dark .t_blue_ModalOverlay, :root.t_dark .t_light .t_dark .t_blue_SheetOverlay, :root.t_dark .t_light .t_dark .t_DialogOverlay, :root.t_dark .t_light .t_dark .t_gray_active_DialogOverlay, :root.t_dark .t_light .t_dark .t_gray_active_ModalOverlay, :root.t_dark .t_light .t_dark .t_gray_active_SheetOverlay, :root.t_dark .t_light .t_dark .t_gray_DialogOverlay, :root.t_dark .t_light .t_dark .t_gray_ModalOverlay, :root.t_dark .t_light .t_dark .t_gray_SheetOverlay, :root.t_dark .t_light .t_dark .t_green_active_DialogOverlay, :root.t_dark .t_light .t_dark .t_green_active_ModalOverlay, :root.t_dark .t_light .t_dark .t_green_active_SheetOverlay, :root.t_dark .t_light .t_dark .t_green_DialogOverlay, :root.t_dark .t_light .t_dark .t_green_ModalOverlay, :root.t_dark .t_light .t_dark .t_green_SheetOverlay, :root.t_dark .t_light .t_dark .t_ModalOverlay, :root.t_dark .t_light .t_dark .t_orange_active_DialogOverlay, :root.t_dark .t_light .t_dark .t_orange_active_ModalOverlay, :root.t_dark .t_light .t_dark .t_orange_active_SheetOverlay, :root.t_dark .t_light .t_dark .t_orange_DialogOverlay, :root.t_dark .t_light .t_dark .t_orange_ModalOverlay, :root.t_dark .t_light .t_dark .t_orange_SheetOverlay, :root.t_dark .t_light .t_dark .t_pink_active_DialogOverlay, :root.t_dark .t_light .t_dark .t_pink_active_ModalOverlay, :root.t_dark .t_light .t_dark .t_pink_active_SheetOverlay, :root.t_dark .t_light .t_dark .t_pink_DialogOverlay, :root.t_dark .t_light .t_dark .t_pink_ModalOverlay, :root.t_dark .t_light .t_dark .t_pink_SheetOverlay, :root.t_dark .t_light .t_dark .t_purple_active_DialogOverlay, :root.t_dark .t_light .t_dark .t_purple_active_ModalOverlay, :root.t_dark .t_light .t_dark .t_purple_active_SheetOverlay, :root.t_dark .t_light .t_dark .t_purple_DialogOverlay, :root.t_dark .t_light .t_dark .t_purple_ModalOverlay, :root.t_dark .t_light .t_dark .t_purple_SheetOverlay, :root.t_dark .t_light .t_dark .t_red_active_DialogOverlay, :root.t_dark .t_light .t_dark .t_red_active_ModalOverlay, :root.t_dark .t_light .t_dark .t_red_active_SheetOverlay, :root.t_dark .t_light .t_dark .t_red_DialogOverlay, :root.t_dark .t_light .t_dark .t_red_ModalOverlay, :root.t_dark .t_light .t_dark .t_red_SheetOverlay, :root.t_dark .t_light .t_dark .t_SheetOverlay, :root.t_dark .t_light .t_dark .t_yellow_active_DialogOverlay, :root.t_dark .t_light .t_dark .t_yellow_active_ModalOverlay, :root.t_dark .t_light .t_dark .t_yellow_active_SheetOverlay, :root.t_dark .t_light .t_dark .t_yellow_DialogOverlay, :root.t_dark .t_light .t_dark .t_yellow_ModalOverlay, :root.t_dark .t_light .t_dark .t_yellow_SheetOverlay, :root.t_dark .t_ModalOverlay, :root.t_dark .t_orange_active_DialogOverlay, :root.t_dark .t_orange_active_ModalOverlay, :root.t_dark .t_orange_active_SheetOverlay, :root.t_dark .t_orange_DialogOverlay, :root.t_dark .t_orange_ModalOverlay, :root.t_dark .t_orange_SheetOverlay, :root.t_dark .t_pink_active_DialogOverlay, :root.t_dark .t_pink_active_ModalOverlay, :root.t_dark .t_pink_active_SheetOverlay, :root.t_dark .t_pink_DialogOverlay, :root.t_dark .t_pink_ModalOverlay, :root.t_dark .t_pink_SheetOverlay, :root.t_dark .t_purple_active_DialogOverlay, :root.t_dark .t_purple_active_ModalOverlay, :root.t_dark .t_purple_active_SheetOverlay, :root.t_dark .t_purple_DialogOverlay, :root.t_dark .t_purple_ModalOverlay, :root.t_dark .t_purple_SheetOverlay, :root.t_dark .t_red_active_DialogOverlay, :root.t_dark .t_red_active_ModalOverlay, :root.t_dark .t_red_active_SheetOverlay, :root.t_dark .t_red_DialogOverlay, :root.t_dark .t_red_ModalOverlay, :root.t_dark .t_red_SheetOverlay, :root.t_dark .t_SheetOverlay, :root.t_dark .t_yellow_active_DialogOverlay, :root.t_dark .t_yellow_active_ModalOverlay, :root.t_dark .t_yellow_active_SheetOverlay, :root.t_dark .t_yellow_DialogOverlay, :root.t_dark .t_yellow_ModalOverlay, :root.t_dark .t_yellow_SheetOverlay, :root.t_light .t_dark .t_active_DialogOverlay, :root.t_light .t_dark .t_active_ModalOverlay, :root.t_light .t_dark .t_active_SheetOverlay, :root.t_light .t_dark .t_blue_active_DialogOverlay, :root.t_light .t_dark .t_blue_active_ModalOverlay, :root.t_light .t_dark .t_blue_active_SheetOverlay, :root.t_light .t_dark .t_blue_DialogOverlay, :root.t_light .t_dark .t_blue_ModalOverlay, :root.t_light .t_dark .t_blue_SheetOverlay, :root.t_light .t_dark .t_DialogOverlay, :root.t_light .t_dark .t_gray_active_DialogOverlay, :root.t_light .t_dark .t_gray_active_ModalOverlay, :root.t_light .t_dark .t_gray_active_SheetOverlay, :root.t_light .t_dark .t_gray_DialogOverlay, :root.t_light .t_dark .t_gray_ModalOverlay, :root.t_light .t_dark .t_gray_SheetOverlay, :root.t_light .t_dark .t_green_active_DialogOverlay, :root.t_light .t_dark .t_green_active_ModalOverlay, :root.t_light .t_dark .t_green_active_SheetOverlay, :root.t_light .t_dark .t_green_DialogOverlay, :root.t_light .t_dark .t_green_ModalOverlay, :root.t_light .t_dark .t_green_SheetOverlay, :root.t_light .t_dark .t_light .t_dark .t_active_DialogOverlay, :root.t_light .t_dark .t_light .t_dark .t_active_ModalOverlay, :root.t_light .t_dark .t_light .t_dark .t_active_SheetOverlay, :root.t_light .t_dark .t_light .t_dark .t_blue_active_DialogOverlay, :root.t_light .t_dark .t_light .t_dark .t_blue_active_ModalOverlay, :root.t_light .t_dark .t_light .t_dark .t_blue_active_SheetOverlay, :root.t_light .t_dark .t_light .t_dark .t_blue_DialogOverlay, :root.t_light .t_dark .t_light .t_dark .t_blue_ModalOverlay, :root.t_light .t_dark .t_light .t_dark .t_blue_SheetOverlay, :root.t_light .t_dark .t_light .t_dark .t_DialogOverlay, :root.t_light .t_dark .t_light .t_dark .t_gray_active_DialogOverlay, :root.t_light .t_dark .t_light .t_dark .t_gray_active_ModalOverlay, :root.t_light .t_dark .t_light .t_dark .t_gray_active_SheetOverlay, :root.t_light .t_dark .t_light .t_dark .t_gray_DialogOverlay, :root.t_light .t_dark .t_light .t_dark .t_gray_ModalOverlay, :root.t_light .t_dark .t_light .t_dark .t_gray_SheetOverlay, :root.t_light .t_dark .t_light .t_dark .t_green_active_DialogOverlay, :root.t_light .t_dark .t_light .t_dark .t_green_active_ModalOverlay, :root.t_light .t_dark .t_light .t_dark .t_green_active_SheetOverlay, :root.t_light .t_dark .t_light .t_dark .t_green_DialogOverlay, :root.t_light .t_dark .t_light .t_dark .t_green_ModalOverlay, :root.t_light .t_dark .t_light .t_dark .t_green_SheetOverlay, :root.t_light .t_dark .t_light .t_dark .t_ModalOverlay, :root.t_light .t_dark .t_light .t_dark .t_orange_active_DialogOverlay, :root.t_light .t_dark .t_light .t_dark .t_orange_active_ModalOverlay, :root.t_light .t_dark .t_light .t_dark .t_orange_active_SheetOverlay, :root.t_light .t_dark .t_light .t_dark .t_orange_DialogOverlay, :root.t_light .t_dark .t_light .t_dark .t_orange_ModalOverlay, :root.t_light .t_dark .t_light .t_dark .t_orange_SheetOverlay, :root.t_light .t_dark .t_light .t_dark .t_pink_active_DialogOverlay, :root.t_light .t_dark .t_light .t_dark .t_pink_active_ModalOverlay, :root.t_light .t_dark .t_light .t_dark .t_pink_active_SheetOverlay, :root.t_light .t_dark .t_light .t_dark .t_pink_DialogOverlay, :root.t_light .t_dark .t_light .t_dark .t_pink_ModalOverlay, :root.t_light .t_dark .t_light .t_dark .t_pink_SheetOverlay, :root.t_light .t_dark .t_light .t_dark .t_purple_active_DialogOverlay, :root.t_light .t_dark .t_light .t_dark .t_purple_active_ModalOverlay, :root.t_light .t_dark .t_light .t_dark .t_purple_active_SheetOverlay, :root.t_light .t_dark .t_light .t_dark .t_purple_DialogOverlay, :root.t_light .t_dark .t_light .t_dark .t_purple_ModalOverlay, :root.t_light .t_dark .t_light .t_dark .t_purple_SheetOverlay, :root.t_light .t_dark .t_light .t_dark .t_red_active_DialogOverlay, :root.t_light .t_dark .t_light .t_dark .t_red_active_ModalOverlay, :root.t_light .t_dark .t_light .t_dark .t_red_active_SheetOverlay, :root.t_light .t_dark .t_light .t_dark .t_red_DialogOverlay, :root.t_light .t_dark .t_light .t_dark .t_red_ModalOverlay, :root.t_light .t_dark .t_light .t_dark .t_red_SheetOverlay, :root.t_light .t_dark .t_light .t_dark .t_SheetOverlay, :root.t_light .t_dark .t_light .t_dark .t_yellow_active_DialogOverlay, :root.t_light .t_dark .t_light .t_dark .t_yellow_active_ModalOverlay, :root.t_light .t_dark .t_light .t_dark .t_yellow_active_SheetOverlay, :root.t_light .t_dark .t_light .t_dark .t_yellow_DialogOverlay, :root.t_light .t_dark .t_light .t_dark .t_yellow_ModalOverlay, :root.t_light .t_dark .t_light .t_dark .t_yellow_SheetOverlay, :root.t_light .t_dark .t_ModalOverlay, :root.t_light .t_dark .t_orange_active_DialogOverlay, :root.t_light .t_dark .t_orange_active_ModalOverlay, :root.t_light .t_dark .t_orange_active_SheetOverlay, :root.t_light .t_dark .t_orange_DialogOverlay, :root.t_light .t_dark .t_orange_ModalOverlay, :root.t_light .t_dark .t_orange_SheetOverlay, :root.t_light .t_dark .t_pink_active_DialogOverlay, :root.t_light .t_dark .t_pink_active_ModalOverlay, :root.t_light .t_dark .t_pink_active_SheetOverlay, :root.t_light .t_dark .t_pink_DialogOverlay, :root.t_light .t_dark .t_pink_ModalOverlay, :root.t_light .t_dark .t_pink_SheetOverlay, :root.t_light .t_dark .t_purple_active_DialogOverlay, :root.t_light .t_dark .t_purple_active_ModalOverlay, :root.t_light .t_dark .t_purple_active_SheetOverlay, :root.t_light .t_dark .t_purple_DialogOverlay, :root.t_light .t_dark .t_purple_ModalOverlay, :root.t_light .t_dark .t_purple_SheetOverlay, :root.t_light .t_dark .t_red_active_DialogOverlay, :root.t_light .t_dark .t_red_active_ModalOverlay, :root.t_light .t_dark .t_red_active_SheetOverlay, :root.t_light .t_dark .t_red_DialogOverlay, :root.t_light .t_dark .t_red_ModalOverlay, :root.t_light .t_dark .t_red_SheetOverlay, :root.t_light .t_dark .t_SheetOverlay, :root.t_light .t_dark .t_yellow_active_DialogOverlay, :root.t_light .t_dark .t_yellow_active_ModalOverlay, :root.t_light .t_dark .t_yellow_active_SheetOverlay, :root.t_light .t_dark .t_yellow_DialogOverlay, :root.t_light .t_dark .t_yellow_ModalOverlay, :root.t_light .t_dark .t_yellow_SheetOverlay { --background: rgba(0, 0, 0, 0.8); } @media (prefers-color-scheme: dark) { body { background: var(--background); } .t_active_DialogOverlay, .t_active_ModalOverlay, .t_active_SheetOverlay, .t_blue_active_DialogOverlay, .t_blue_active_ModalOverlay, .t_blue_active_SheetOverlay, .t_blue_DialogOverlay, .t_blue_ModalOverlay, .t_blue_SheetOverlay, .t_DialogOverlay, .t_gray_active_DialogOverlay, .t_gray_active_ModalOverlay, .t_gray_active_SheetOverlay, .t_gray_DialogOverlay, .t_gray_ModalOverlay, .t_gray_SheetOverlay, .t_green_active_DialogOverlay, .t_green_active_ModalOverlay, .t_green_active_SheetOverlay, .t_green_DialogOverlay, .t_green_ModalOverlay, .t_green_SheetOverlay, .t_light .t_dark .t_active_DialogOverlay, .t_light .t_dark .t_active_ModalOverlay, .t_light .t_dark .t_active_SheetOverlay, .t_light .t_dark .t_blue_active_DialogOverlay, .t_light .t_dark .t_blue_active_ModalOverlay, .t_light .t_dark .t_blue_active_SheetOverlay, .t_light .t_dark .t_blue_DialogOverlay, .t_light .t_dark .t_blue_ModalOverlay, .t_light .t_dark .t_blue_SheetOverlay, .t_light .t_dark .t_DialogOverlay, .t_light .t_dark .t_gray_active_DialogOverlay, .t_light .t_dark .t_gray_active_ModalOverlay, .t_light .t_dark .t_gray_active_SheetOverlay, .t_light .t_dark .t_gray_DialogOverlay, .t_light .t_dark .t_gray_ModalOverlay, .t_light .t_dark .t_gray_SheetOverlay, .t_light .t_dark .t_green_active_DialogOverlay, .t_light .t_dark .t_green_active_ModalOverlay, .t_light .t_dark .t_green_active_SheetOverlay, .t_light .t_dark .t_green_DialogOverlay, .t_light .t_dark .t_green_ModalOverlay, .t_light .t_dark .t_green_SheetOverlay, .t_light .t_dark .t_ModalOverlay, .t_light .t_dark .t_orange_active_DialogOverlay, .t_light .t_dark .t_orange_active_ModalOverlay, .t_light .t_dark .t_orange_active_SheetOverlay, .t_light .t_dark .t_orange_DialogOverlay, .t_light .t_dark .t_orange_ModalOverlay, .t_light .t_dark .t_orange_SheetOverlay, .t_light .t_dark .t_pink_active_DialogOverlay, .t_light .t_dark .t_pink_active_ModalOverlay, .t_light .t_dark .t_pink_active_SheetOverlay, .t_light .t_dark .t_pink_DialogOverlay, .t_light .t_dark .t_pink_ModalOverlay, .t_light .t_dark .t_pink_SheetOverlay, .t_light .t_dark .t_purple_active_DialogOverlay, .t_light .t_dark .t_purple_active_ModalOverlay, .t_light .t_dark .t_purple_active_SheetOverlay, .t_light .t_dark .t_purple_DialogOverlay, .t_light .t_dark .t_purple_ModalOverlay, .t_light .t_dark .t_purple_SheetOverlay, .t_light .t_dark .t_red_active_DialogOverlay, .t_light .t_dark .t_red_active_ModalOverlay, .t_light .t_dark .t_red_active_SheetOverlay, .t_light .t_dark .t_red_DialogOverlay, .t_light .t_dark .t_red_ModalOverlay, .t_light .t_dark .t_red_SheetOverlay, .t_light .t_dark .t_SheetOverlay, .t_light .t_dark .t_yellow_active_DialogOverlay, .t_light .t_dark .t_yellow_active_ModalOverlay, .t_light .t_dark .t_yellow_active_SheetOverlay, .t_light .t_dark .t_yellow_DialogOverlay, .t_light .t_dark .t_yellow_ModalOverlay, .t_light .t_dark .t_yellow_SheetOverlay, .t_ModalOverlay, .t_orange_active_DialogOverlay, .t_orange_active_ModalOverlay, .t_orange_active_SheetOverlay, .t_orange_DialogOverlay, .t_orange_ModalOverlay, .t_orange_SheetOverlay, .t_pink_active_DialogOverlay, .t_pink_active_ModalOverlay, .t_pink_active_SheetOverlay, .t_pink_DialogOverlay, .t_pink_ModalOverlay, .t_pink_SheetOverlay, .t_purple_active_DialogOverlay, .t_purple_active_ModalOverlay, .t_purple_active_SheetOverlay, .t_purple_DialogOverlay, .t_purple_ModalOverlay, .t_purple_SheetOverlay, .t_red_active_DialogOverlay, .t_red_active_ModalOverlay, .t_red_active_SheetOverlay, .t_red_DialogOverlay, .t_red_ModalOverlay, .t_red_SheetOverlay, .t_SheetOverlay, .t_yellow_active_DialogOverlay, .t_yellow_active_ModalOverlay, .t_yellow_active_SheetOverlay, .t_yellow_DialogOverlay, .t_yellow_ModalOverlay, .t_yellow_SheetOverlay { --background: rgba(0, 0, 0, 0.8); } } :root.t_dark .t_light .t_dark .t_light .t_orange_ProgressIndicator, :root.t_dark .t_light .t_dark .t_light .t_orange_SliderThumb, :root.t_dark .t_light .t_dark .t_light .t_orange_SwitchThumb, :root.t_dark .t_light .t_dark .t_light .t_orange_Tooltip, :root.t_dark .t_light .t_orange_ProgressIndicator, :root.t_dark .t_light .t_orange_SliderThumb, :root.t_dark .t_light .t_orange_SwitchThumb, :root.t_dark .t_light .t_orange_Tooltip, :root.t_light .t_dark .t_light .t_orange_ProgressIndicator, :root.t_light .t_dark .t_light .t_orange_SliderThumb, :root.t_light .t_dark .t_light .t_orange_SwitchThumb, :root.t_light .t_dark .t_light .t_orange_Tooltip, :root.t_light .t_orange_ProgressIndicator, :root.t_light .t_orange_SliderThumb, :root.t_light .t_orange_SwitchThumb, :root.t_light .t_orange_Tooltip { --color: var(--color-70); --colorHover: var(--color-69); --colorPress: var(--color-71); --colorFocus: var(--color-71); --background: var(--color-80); --backgroundHover: var(--color-79); --backgroundPress: var(--color-80); --backgroundFocus: var(--color-79); --borderColor: var(--color-78); --borderColorHover: var(--color-173); --borderColorFocus: var(--color-76); --borderColorPress: var(--color-75); } @media (prefers-color-scheme: light) { body { background: var(--background); color: var(--color); } .t_dark .t_light .t_orange_ProgressIndicator, .t_dark .t_light .t_orange_SliderThumb, .t_dark .t_light .t_orange_SwitchThumb, .t_dark .t_light .t_orange_Tooltip, .t_orange_ProgressIndicator, .t_orange_SliderThumb, .t_orange_SwitchThumb, .t_orange_Tooltip { --color: var(--color-70); --colorHover: var(--color-69); --colorPress: var(--color-71); --colorFocus: var(--color-71); --background: var(--color-80); --backgroundHover: var(--color-79); --backgroundPress: var(--color-80); --backgroundFocus: var(--color-79); --borderColor: var(--color-78); --borderColorHover: var(--color-173); --borderColorFocus: var(--color-76); --borderColorPress: var(--color-75); } } :root.t_dark .t_light .t_dark .t_light .t_yellow_ProgressIndicator, :root.t_dark .t_light .t_dark .t_light .t_yellow_SliderThumb, :root.t_dark .t_light .t_dark .t_light .t_yellow_SwitchThumb, :root.t_dark .t_light .t_dark .t_light .t_yellow_Tooltip, :root.t_dark .t_light .t_yellow_ProgressIndicator, :root.t_dark .t_light .t_yellow_SliderThumb, :root.t_dark .t_light .t_yellow_SwitchThumb, :root.t_dark .t_light .t_yellow_Tooltip, :root.t_light .t_dark .t_light .t_yellow_ProgressIndicator, :root.t_light .t_dark .t_light .t_yellow_SliderThumb, :root.t_light .t_dark .t_light .t_yellow_SwitchThumb, :root.t_light .t_dark .t_light .t_yellow_Tooltip, :root.t_light .t_yellow_ProgressIndicator, :root.t_light .t_yellow_SliderThumb, :root.t_light .t_yellow_SwitchThumb, :root.t_light .t_yellow_Tooltip { --color: var(--color-118); --colorHover: var(--color-117); --colorPress: var(--color-119); --colorFocus: var(--color-119); --background: var(--color-128); --backgroundHover: var(--color-127); --backgroundPress: var(--color-128); --backgroundFocus: var(--color-127); --borderColor: var(--color-126); --borderColorHover: var(--color-221); --borderColorFocus: var(--color-124); --borderColorPress: var(--color-123); } @media (prefers-color-scheme: light) { body { background: var(--background); color: var(--color); } .t_dark .t_light .t_yellow_ProgressIndicator, .t_dark .t_light .t_yellow_SliderThumb, .t_dark .t_light .t_yellow_SwitchThumb, .t_dark .t_light .t_yellow_Tooltip, .t_yellow_ProgressIndicator, .t_yellow_SliderThumb, .t_yellow_SwitchThumb, .t_yellow_Tooltip { --color: var(--color-118); --colorHover: var(--color-117); --colorPress: var(--color-119); --colorFocus: var(--color-119); --background: var(--color-128); --backgroundHover: var(--color-127); --backgroundPress: var(--color-128); --backgroundFocus: var(--color-127); --borderColor: var(--color-126); --borderColorHover: var(--color-221); --borderColorFocus: var(--color-124); --borderColorPress: var(--color-123); } } :root.t_dark .t_light .t_dark .t_light .t_green_ProgressIndicator, :root.t_dark .t_light .t_dark .t_light .t_green_SliderThumb, :root.t_dark .t_light .t_dark .t_light .t_green_SwitchThumb, :root.t_dark .t_light .t_dark .t_light .t_green_Tooltip, :root.t_dark .t_light .t_green_ProgressIndicator, :root.t_dark .t_light .t_green_SliderThumb, :root.t_dark .t_light .t_green_SwitchThumb, :root.t_dark .t_light .t_green_Tooltip, :root.t_light .t_dark .t_light .t_green_ProgressIndicator, :root.t_light .t_dark .t_light .t_green_SliderThumb, :root.t_light .t_dark .t_light .t_green_SwitchThumb, :root.t_light .t_dark .t_light .t_green_Tooltip, :root.t_light .t_green_ProgressIndicator, :root.t_light .t_green_SliderThumb, :root.t_light .t_green_SwitchThumb, :root.t_light .t_green_Tooltip { --color: var(--color-58); --colorHover: var(--color-57); --colorPress: var(--color-59); --colorFocus: var(--color-59); --background: var(--color-68); --backgroundHover: var(--color-67); --backgroundPress: var(--color-68); --backgroundFocus: var(--color-67); --borderColor: var(--color-66); --borderColorHover: var(--color-161); --borderColorFocus: var(--color-64); --borderColorPress: var(--color-63); } @media (prefers-color-scheme: light) { body { background: var(--background); color: var(--color); } .t_dark .t_light .t_green_ProgressIndicator, .t_dark .t_light .t_green_SliderThumb, .t_dark .t_light .t_green_SwitchThumb, .t_dark .t_light .t_green_Tooltip, .t_green_ProgressIndicator, .t_green_SliderThumb, .t_green_SwitchThumb, .t_green_Tooltip { --color: var(--color-58); --colorHover: var(--color-57); --colorPress: var(--color-59); --colorFocus: var(--color-59); --background: var(--color-68); --backgroundHover: var(--color-67); --backgroundPress: var(--color-68); --backgroundFocus: var(--color-67); --borderColor: var(--color-66); --borderColorHover: var(--color-161); --borderColorFocus: var(--color-64); --borderColorPress: var(--color-63); } } :root.t_dark .t_light .t_blue_ProgressIndicator, :root.t_dark .t_light .t_blue_SliderThumb, :root.t_dark .t_light .t_blue_SwitchThumb, :root.t_dark .t_light .t_blue_Tooltip, :root.t_dark .t_light .t_dark .t_light .t_blue_ProgressIndicator, :root.t_dark .t_light .t_dark .t_light .t_blue_SliderThumb, :root.t_dark .t_light .t_dark .t_light .t_blue_SwitchThumb, :root.t_dark .t_light .t_dark .t_light .t_blue_Tooltip, :root.t_light .t_blue_ProgressIndicator, :root.t_light .t_blue_SliderThumb, :root.t_light .t_blue_SwitchThumb, :root.t_light .t_blue_Tooltip, :root.t_light .t_dark .t_light .t_blue_ProgressIndicator, :root.t_light .t_dark .t_light .t_blue_SliderThumb, :root.t_light .t_dark .t_light .t_blue_SwitchThumb, :root.t_light .t_dark .t_light .t_blue_Tooltip { --color: var(--color-34); --colorHover: var(--color-33); --colorPress: var(--color-35); --colorFocus: var(--color-35); --background: var(--color-44); --backgroundHover: var(--color-43); --backgroundPress: var(--color-44); --backgroundFocus: var(--color-43); --borderColor: var(--color-42); --borderColorHover: var(--color-137); --borderColorFocus: var(--color-40); --borderColorPress: var(--color-39); } @media (prefers-color-scheme: light) { body { background: var(--background); color: var(--color); } .t_blue_ProgressIndicator, .t_blue_SliderThumb, .t_blue_SwitchThumb, .t_blue_Tooltip, .t_dark .t_light .t_blue_ProgressIndicator, .t_dark .t_light .t_blue_SliderThumb, .t_dark .t_light .t_blue_SwitchThumb, .t_dark .t_light .t_blue_Tooltip { --color: var(--color-34); --colorHover: var(--color-33); --colorPress: var(--color-35); --colorFocus: var(--color-35); --background: var(--color-44); --backgroundHover: var(--color-43); --backgroundPress: var(--color-44); --backgroundFocus: var(--color-43); --borderColor: var(--color-42); --borderColorHover: var(--color-137); --borderColorFocus: var(--color-40); --borderColorPress: var(--color-39); } } :root.t_dark .t_light .t_dark .t_light .t_purple_ProgressIndicator, :root.t_dark .t_light .t_dark .t_light .t_purple_SliderThumb, :root.t_dark .t_light .t_dark .t_light .t_purple_SwitchThumb, :root.t_dark .t_light .t_dark .t_light .t_purple_Tooltip, :root.t_dark .t_light .t_purple_ProgressIndicator, :root.t_dark .t_light .t_purple_SliderThumb, :root.t_dark .t_light .t_purple_SwitchThumb, :root.t_dark .t_light .t_purple_Tooltip, :root.t_light .t_dark .t_light .t_purple_ProgressIndicator, :root.t_light .t_dark .t_light .t_purple_SliderThumb, :root.t_light .t_dark .t_light .t_purple_SwitchThumb, :root.t_light .t_dark .t_light .t_purple_Tooltip, :root.t_light .t_purple_ProgressIndicator, :root.t_light .t_purple_SliderThumb, :root.t_light .t_purple_SwitchThumb, :root.t_light .t_purple_Tooltip { --color: var(--color-94); --colorHover: var(--color-93); --colorPress: var(--color-95); --colorFocus: var(--color-95); --background: var(--color-104); --backgroundHover: var(--color-103); --backgroundPress: var(--color-104); --backgroundFocus: var(--color-103); --borderColor: var(--color-102); --borderColorHover: var(--color-197); --borderColorFocus: var(--color-100); --borderColorPress: var(--color-99); } @media (prefers-color-scheme: light) { body { background: var(--background); color: var(--color); } .t_dark .t_light .t_purple_ProgressIndicator, .t_dark .t_light .t_purple_SliderThumb, .t_dark .t_light .t_purple_SwitchThumb, .t_dark .t_light .t_purple_Tooltip, .t_purple_ProgressIndicator, .t_purple_SliderThumb, .t_purple_SwitchThumb, .t_purple_Tooltip { --color: var(--color-94); --colorHover: var(--color-93); --colorPress: var(--color-95); --colorFocus: var(--color-95); --background: var(--color-104); --backgroundHover: var(--color-103); --backgroundPress: var(--color-104); --backgroundFocus: var(--color-103); --borderColor: var(--color-102); --borderColorHover: var(--color-197); --borderColorFocus: var(--color-100); --borderColorPress: var(--color-99); } } :root.t_dark .t_light .t_dark .t_light .t_pink_ProgressIndicator, :root.t_dark .t_light .t_dark .t_light .t_pink_SliderThumb, :root.t_dark .t_light .t_dark .t_light .t_pink_SwitchThumb, :root.t_dark .t_light .t_dark .t_light .t_pink_Tooltip, :root.t_dark .t_light .t_pink_ProgressIndicator, :root.t_dark .t_light .t_pink_SliderThumb, :root.t_dark .t_light .t_pink_SwitchThumb, :root.t_dark .t_light .t_pink_Tooltip, :root.t_light .t_dark .t_light .t_pink_ProgressIndicator, :root.t_light .t_dark .t_light .t_pink_SliderThumb, :root.t_light .t_dark .t_light .t_pink_SwitchThumb, :root.t_light .t_dark .t_light .t_pink_Tooltip, :root.t_light .t_pink_ProgressIndicator, :root.t_light .t_pink_SliderThumb, :root.t_light .t_pink_SwitchThumb, :root.t_light .t_pink_Tooltip { --color: var(--color-82); --colorHover: var(--color-81); --colorPress: var(--color-83); --colorFocus: var(--color-83); --background: var(--color-92); --backgroundHover: var(--color-91); --backgroundPress: var(--color-92); --backgroundFocus: var(--color-91); --borderColor: var(--color-90); --borderColorHover: var(--color-185); --borderColorFocus: var(--color-88); --borderColorPress: var(--color-87); } @media (prefers-color-scheme: light) { body { background: var(--background); color: var(--color); } .t_dark .t_light .t_pink_ProgressIndicator, .t_dark .t_light .t_pink_SliderThumb, .t_dark .t_light .t_pink_SwitchThumb, .t_dark .t_light .t_pink_Tooltip, .t_pink_ProgressIndicator, .t_pink_SliderThumb, .t_pink_SwitchThumb, .t_pink_Tooltip { --color: var(--color-82); --colorHover: var(--color-81); --colorPress: var(--color-83); --colorFocus: var(--color-83); --background: var(--color-92); --backgroundHover: var(--color-91); --backgroundPress: var(--color-92); --backgroundFocus: var(--color-91); --borderColor: var(--color-90); --borderColorHover: var(--color-185); --borderColorFocus: var(--color-88); --borderColorPress: var(--color-87); } } :root.t_dark .t_light .t_dark .t_light .t_red_ProgressIndicator, :root.t_dark .t_light .t_dark .t_light .t_red_SliderThumb, :root.t_dark .t_light .t_dark .t_light .t_red_SwitchThumb, :root.t_dark .t_light .t_dark .t_light .t_red_Tooltip, :root.t_dark .t_light .t_red_ProgressIndicator, :root.t_dark .t_light .t_red_SliderThumb, :root.t_dark .t_light .t_red_SwitchThumb, :root.t_dark .t_light .t_red_Tooltip, :root.t_light .t_dark .t_light .t_red_ProgressIndicator, :root.t_light .t_dark .t_light .t_red_SliderThumb, :root.t_light .t_dark .t_light .t_red_SwitchThumb, :root.t_light .t_dark .t_light .t_red_Tooltip, :root.t_light .t_red_ProgressIndicator, :root.t_light .t_red_SliderThumb, :root.t_light .t_red_SwitchThumb, :root.t_light .t_red_Tooltip { --color: var(--color-106); --colorHover: var(--color-105); --colorPress: var(--color-107); --colorFocus: var(--color-107); --background: var(--color-116); --backgroundHover: var(--color-115); --backgroundPress: var(--color-116); --backgroundFocus: var(--color-115); --borderColor: var(--color-114); --borderColorHover: var(--color-209); --borderColorFocus: var(--color-112); --borderColorPress: var(--color-111); } @media (prefers-color-scheme: light) { body { background: var(--background); color: var(--color); } .t_dark .t_light .t_red_ProgressIndicator, .t_dark .t_light .t_red_SliderThumb, .t_dark .t_light .t_red_SwitchThumb, .t_dark .t_light .t_red_Tooltip, .t_red_ProgressIndicator, .t_red_SliderThumb, .t_red_SwitchThumb, .t_red_Tooltip { --color: var(--color-106); --colorHover: var(--color-105); --colorPress: var(--color-107); --colorFocus: var(--color-107); --background: var(--color-116); --backgroundHover: var(--color-115); --backgroundPress: var(--color-116); --backgroundFocus: var(--color-115); --borderColor: var(--color-114); --borderColorHover: var(--color-209); --borderColorFocus: var(--color-112); --borderColorPress: var(--color-111); } } :root.t_dark .t_light .t_dark .t_light .t_gray_ProgressIndicator, :root.t_dark .t_light .t_dark .t_light .t_gray_SliderThumb, :root.t_dark .t_light .t_dark .t_light .t_gray_SwitchThumb, :root.t_dark .t_light .t_dark .t_light .t_gray_Tooltip, :root.t_dark .t_light .t_gray_ProgressIndicator, :root.t_dark .t_light .t_gray_SliderThumb, :root.t_dark .t_light .t_gray_SwitchThumb, :root.t_dark .t_light .t_gray_Tooltip, :root.t_light .t_dark .t_light .t_gray_ProgressIndicator, :root.t_light .t_dark .t_light .t_gray_SliderThumb, :root.t_light .t_dark .t_light .t_gray_SwitchThumb, :root.t_light .t_dark .t_light .t_gray_Tooltip, :root.t_light .t_gray_ProgressIndicator, :root.t_light .t_gray_SliderThumb, :root.t_light .t_gray_SwitchThumb, :root.t_light .t_gray_Tooltip { --color: var(--color-46); --colorHover: var(--color-45); --colorPress: var(--color-47); --colorFocus: var(--color-47); --background: var(--color-56); --backgroundHover: var(--color-55); --backgroundPress: var(--color-56); --backgroundFocus: var(--color-55); --borderColor: var(--color-54); --borderColorHover: var(--color-53); --borderColorFocus: var(--color-52); --borderColorPress: var(--color-51); } @media (prefers-color-scheme: light) { body { background: var(--background); color: var(--color); } .t_dark .t_light .t_gray_ProgressIndicator, .t_dark .t_light .t_gray_SliderThumb, .t_dark .t_light .t_gray_SwitchThumb, .t_dark .t_light .t_gray_Tooltip, .t_gray_ProgressIndicator, .t_gray_SliderThumb, .t_gray_SwitchThumb, .t_gray_Tooltip { --color: var(--color-46); --colorHover: var(--color-45); --colorPress: var(--color-47); --colorFocus: var(--color-47); --background: var(--color-56); --backgroundHover: var(--color-55); --backgroundPress: var(--color-56); --backgroundFocus: var(--color-55); --borderColor: var(--color-54); --borderColorHover: var(--color-53); --borderColorFocus: var(--color-52); --borderColorPress: var(--color-51); } } :root.t_dark .t_light .t_dark .t_orange_ProgressIndicator, :root.t_dark .t_light .t_dark .t_orange_SliderThumb, :root.t_dark .t_light .t_dark .t_orange_SwitchThumb, :root.t_dark .t_light .t_dark .t_orange_Tooltip, :root.t_dark .t_orange_ProgressIndicator, :root.t_dark .t_orange_SliderThumb, :root.t_dark .t_orange_SwitchThumb, :root.t_dark .t_orange_Tooltip, :root.t_light .t_dark .t_light .t_dark .t_orange_ProgressIndicator, :root.t_light .t_dark .t_light .t_dark .t_orange_SliderThumb, :root.t_light .t_dark .t_light .t_dark .t_orange_SwitchThumb, :root.t_light .t_dark .t_light .t_dark .t_orange_Tooltip, :root.t_light .t_dark .t_orange_ProgressIndicator, :root.t_light .t_dark .t_orange_SliderThumb, :root.t_light .t_dark .t_orange_SwitchThumb, :root.t_light .t_dark .t_orange_Tooltip { --color: var(--color-166); --colorHover: var(--color-167); --colorPress: var(--color-165); --colorFocus: var(--color-165); --background: var(--color-176); --backgroundHover: var(--color-175); --backgroundPress: var(--color-176); --backgroundFocus: var(--color-175); --borderColor: var(--color-174); --borderColorHover: var(--color-173); --borderColorFocus: var(--color-172); --borderColorPress: var(--color-171); } @media (prefers-color-scheme: dark) { body { background: var(--background); color: var(--color); } .t_light .t_dark .t_orange_ProgressIndicator, .t_light .t_dark .t_orange_SliderThumb, .t_light .t_dark .t_orange_SwitchThumb, .t_light .t_dark .t_orange_Tooltip, .t_orange_ProgressIndicator, .t_orange_SliderThumb, .t_orange_SwitchThumb, .t_orange_Tooltip { --color: var(--color-166); --colorHover: var(--color-167); --colorPress: var(--color-165); --colorFocus: var(--color-165); --background: var(--color-176); --backgroundHover: var(--color-175); --backgroundPress: var(--color-176); --backgroundFocus: var(--color-175); --borderColor: var(--color-174); --borderColorHover: var(--color-173); --borderColorFocus: var(--color-172); --borderColorPress: var(--color-171); } } :root.t_dark .t_light .t_dark .t_yellow_ProgressIndicator, :root.t_dark .t_light .t_dark .t_yellow_SliderThumb, :root.t_dark .t_light .t_dark .t_yellow_SwitchThumb, :root.t_dark .t_light .t_dark .t_yellow_Tooltip, :root.t_dark .t_yellow_ProgressIndicator, :root.t_dark .t_yellow_SliderThumb, :root.t_dark .t_yellow_SwitchThumb, :root.t_dark .t_yellow_Tooltip, :root.t_light .t_dark .t_light .t_dark .t_yellow_ProgressIndicator, :root.t_light .t_dark .t_light .t_dark .t_yellow_SliderThumb, :root.t_light .t_dark .t_light .t_dark .t_yellow_SwitchThumb, :root.t_light .t_dark .t_light .t_dark .t_yellow_Tooltip, :root.t_light .t_dark .t_yellow_ProgressIndicator, :root.t_light .t_dark .t_yellow_SliderThumb, :root.t_light .t_dark .t_yellow_SwitchThumb, :root.t_light .t_dark .t_yellow_Tooltip { --color: var(--color-214); --colorHover: var(--color-215); --colorPress: var(--color-213); --colorFocus: var(--color-213); --background: var(--color-224); --backgroundHover: var(--color-223); --backgroundPress: var(--color-224); --backgroundFocus: var(--color-223); --borderColor: var(--color-222); --borderColorHover: var(--color-221); --borderColorFocus: var(--color-220); --borderColorPress: var(--color-219); } @media (prefers-color-scheme: dark) { body { background: var(--background); color: var(--color); } .t_light .t_dark .t_yellow_ProgressIndicator, .t_light .t_dark .t_yellow_SliderThumb, .t_light .t_dark .t_yellow_SwitchThumb, .t_light .t_dark .t_yellow_Tooltip, .t_yellow_ProgressIndicator, .t_yellow_SliderThumb, .t_yellow_SwitchThumb, .t_yellow_Tooltip { --color: var(--color-214); --colorHover: var(--color-215); --colorPress: var(--color-213); --colorFocus: var(--color-213); --background: var(--color-224); --backgroundHover: var(--color-223); --backgroundPress: var(--color-224); --backgroundFocus: var(--color-223); --borderColor: var(--color-222); --borderColorHover: var(--color-221); --borderColorFocus: var(--color-220); --borderColorPress: var(--color-219); } } :root.t_dark .t_green_ProgressIndicator, :root.t_dark .t_green_SliderThumb, :root.t_dark .t_green_SwitchThumb, :root.t_dark .t_green_Tooltip, :root.t_dark .t_light .t_dark .t_green_ProgressIndicator, :root.t_dark .t_light .t_dark .t_green_SliderThumb, :root.t_dark .t_light .t_dark .t_green_SwitchThumb, :root.t_dark .t_light .t_dark .t_green_Tooltip, :root.t_light .t_dark .t_green_ProgressIndicator, :root.t_light .t_dark .t_green_SliderThumb, :root.t_light .t_dark .t_green_SwitchThumb, :root.t_light .t_dark .t_green_Tooltip, :root.t_light .t_dark .t_light .t_dark .t_green_ProgressIndicator, :root.t_light .t_dark .t_light .t_dark .t_green_SliderThumb, :root.t_light .t_dark .t_light .t_dark .t_green_SwitchThumb, :root.t_light .t_dark .t_light .t_dark .t_green_Tooltip { --color: var(--color-154); --colorHover: var(--color-155); --colorPress: var(--color-153); --colorFocus: var(--color-153); --background: var(--color-164); --backgroundHover: var(--color-163); --backgroundPress: var(--color-164); --backgroundFocus: var(--color-163); --borderColor: var(--color-162); --borderColorHover: var(--color-161); --borderColorFocus: var(--color-160); --borderColorPress: var(--color-159); } @media (prefers-color-scheme: dark) { body { background: var(--background); color: var(--color); } .t_green_ProgressIndicator, .t_green_SliderThumb, .t_green_SwitchThumb, .t_green_Tooltip, .t_light .t_dark .t_green_ProgressIndicator, .t_light .t_dark .t_green_SliderThumb, .t_light .t_dark .t_green_SwitchThumb, .t_light .t_dark .t_green_Tooltip { --color: var(--color-154); --colorHover: var(--color-155); --colorPress: var(--color-153); --colorFocus: var(--color-153); --background: var(--color-164); --backgroundHover: var(--color-163); --backgroundPress: var(--color-164); --backgroundFocus: var(--color-163); --borderColor: var(--color-162); --borderColorHover: var(--color-161); --borderColorFocus: var(--color-160); --borderColorPress: var(--color-159); } } :root.t_dark .t_blue_ProgressIndicator, :root.t_dark .t_blue_SliderThumb, :root.t_dark .t_blue_SwitchThumb, :root.t_dark .t_blue_Tooltip, :root.t_dark .t_light .t_dark .t_blue_ProgressIndicator, :root.t_dark .t_light .t_dark .t_blue_SliderThumb, :root.t_dark .t_light .t_dark .t_blue_SwitchThumb, :root.t_dark .t_light .t_dark .t_blue_Tooltip, :root.t_light .t_dark .t_blue_ProgressIndicator, :root.t_light .t_dark .t_blue_SliderThumb, :root.t_light .t_dark .t_blue_SwitchThumb, :root.t_light .t_dark .t_blue_Tooltip, :root.t_light .t_dark .t_light .t_dark .t_blue_ProgressIndicator, :root.t_light .t_dark .t_light .t_dark .t_blue_SliderThumb, :root.t_light .t_dark .t_light .t_dark .t_blue_SwitchThumb, :root.t_light .t_dark .t_light .t_dark .t_blue_Tooltip { --color: var(--color-130); --colorHover: var(--color-131); --colorPress: var(--color-129); --colorFocus: var(--color-129); --background: var(--color-140); --backgroundHover: var(--color-139); --backgroundPress: var(--color-140); --backgroundFocus: var(--color-139); --borderColor: var(--color-138); --borderColorHover: var(--color-137); --borderColorFocus: var(--color-136); --borderColorPress: var(--color-135); } @media (prefers-color-scheme: dark) { body { background: var(--background); color: var(--color); } .t_blue_ProgressIndicator, .t_blue_SliderThumb, .t_blue_SwitchThumb, .t_blue_Tooltip, .t_light .t_dark .t_blue_ProgressIndicator, .t_light .t_dark .t_blue_SliderThumb, .t_light .t_dark .t_blue_SwitchThumb, .t_light .t_dark .t_blue_Tooltip { --color: var(--color-130); --colorHover: var(--color-131); --colorPress: var(--color-129); --colorFocus: var(--color-129); --background: var(--color-140); --backgroundHover: var(--color-139); --backgroundPress: var(--color-140); --backgroundFocus: var(--color-139); --borderColor: var(--color-138); --borderColorHover: var(--color-137); --borderColorFocus: var(--color-136); --borderColorPress: var(--color-135); } } :root.t_dark .t_light .t_dark .t_purple_ProgressIndicator, :root.t_dark .t_light .t_dark .t_purple_SliderThumb, :root.t_dark .t_light .t_dark .t_purple_SwitchThumb, :root.t_dark .t_light .t_dark .t_purple_Tooltip, :root.t_dark .t_purple_ProgressIndicator, :root.t_dark .t_purple_SliderThumb, :root.t_dark .t_purple_SwitchThumb, :root.t_dark .t_purple_Tooltip, :root.t_light .t_dark .t_light .t_dark .t_purple_ProgressIndicator, :root.t_light .t_dark .t_light .t_dark .t_purple_SliderThumb, :root.t_light .t_dark .t_light .t_dark .t_purple_SwitchThumb, :root.t_light .t_dark .t_light .t_dark .t_purple_Tooltip, :root.t_light .t_dark .t_purple_ProgressIndicator, :root.t_light .t_dark .t_purple_SliderThumb, :root.t_light .t_dark .t_purple_SwitchThumb, :root.t_light .t_dark .t_purple_Tooltip { --color: var(--color-190); --colorHover: var(--color-191); --colorPress: var(--color-189); --colorFocus: var(--color-189); --background: var(--color-200); --backgroundHover: var(--color-199); --backgroundPress: var(--color-200); --backgroundFocus: var(--color-199); --borderColor: var(--color-198); --borderColorHover: var(--color-197); --borderColorFocus: var(--color-196); --borderColorPress: var(--color-195); } @media (prefers-color-scheme: dark) { body { background: var(--background); color: var(--color); } .t_light .t_dark .t_purple_ProgressIndicator, .t_light .t_dark .t_purple_SliderThumb, .t_light .t_dark .t_purple_SwitchThumb, .t_light .t_dark .t_purple_Tooltip, .t_purple_ProgressIndicator, .t_purple_SliderThumb, .t_purple_SwitchThumb, .t_purple_Tooltip { --color: var(--color-190); --colorHover: var(--color-191); --colorPress: var(--color-189); --colorFocus: var(--color-189); --background: var(--color-200); --backgroundHover: var(--color-199); --backgroundPress: var(--color-200); --backgroundFocus: var(--color-199); --borderColor: var(--color-198); --borderColorHover: var(--color-197); --borderColorFocus: var(--color-196); --borderColorPress: var(--color-195); } } :root.t_dark .t_light .t_dark .t_pink_ProgressIndicator, :root.t_dark .t_light .t_dark .t_pink_SliderThumb, :root.t_dark .t_light .t_dark .t_pink_SwitchThumb, :root.t_dark .t_light .t_dark .t_pink_Tooltip, :root.t_dark .t_pink_ProgressIndicator, :root.t_dark .t_pink_SliderThumb, :root.t_dark .t_pink_SwitchThumb, :root.t_dark .t_pink_Tooltip, :root.t_light .t_dark .t_light .t_dark .t_pink_ProgressIndicator, :root.t_light .t_dark .t_light .t_dark .t_pink_SliderThumb, :root.t_light .t_dark .t_light .t_dark .t_pink_SwitchThumb, :root.t_light .t_dark .t_light .t_dark .t_pink_Tooltip, :root.t_light .t_dark .t_pink_ProgressIndicator, :root.t_light .t_dark .t_pink_SliderThumb, :root.t_light .t_dark .t_pink_SwitchThumb, :root.t_light .t_dark .t_pink_Tooltip { --color: var(--color-178); --colorHover: var(--color-179); --colorPress: var(--color-177); --colorFocus: var(--color-177); --background: var(--color-188); --backgroundHover: var(--color-187); --backgroundPress: var(--color-188); --backgroundFocus: var(--color-187); --borderColor: var(--color-186); --borderColorHover: var(--color-185); --borderColorFocus: var(--color-184); --borderColorPress: var(--color-183); } @media (prefers-color-scheme: dark) { body { background: var(--background); color: var(--color); } .t_light .t_dark .t_pink_ProgressIndicator, .t_light .t_dark .t_pink_SliderThumb, .t_light .t_dark .t_pink_SwitchThumb, .t_light .t_dark .t_pink_Tooltip, .t_pink_ProgressIndicator, .t_pink_SliderThumb, .t_pink_SwitchThumb, .t_pink_Tooltip { --color: var(--color-178); --colorHover: var(--color-179); --colorPress: var(--color-177); --colorFocus: var(--color-177); --background: var(--color-188); --backgroundHover: var(--color-187); --backgroundPress: var(--color-188); --backgroundFocus: var(--color-187); --borderColor: var(--color-186); --borderColorHover: var(--color-185); --borderColorFocus: var(--color-184); --borderColorPress: var(--color-183); } } :root.t_dark .t_light .t_dark .t_red_ProgressIndicator, :root.t_dark .t_light .t_dark .t_red_SliderThumb, :root.t_dark .t_light .t_dark .t_red_SwitchThumb, :root.t_dark .t_light .t_dark .t_red_Tooltip, :root.t_dark .t_red_ProgressIndicator, :root.t_dark .t_red_SliderThumb, :root.t_dark .t_red_SwitchThumb, :root.t_dark .t_red_Tooltip, :root.t_light .t_dark .t_light .t_dark .t_red_ProgressIndicator, :root.t_light .t_dark .t_light .t_dark .t_red_SliderThumb, :root.t_light .t_dark .t_light .t_dark .t_red_SwitchThumb, :root.t_light .t_dark .t_light .t_dark .t_red_Tooltip, :root.t_light .t_dark .t_red_ProgressIndicator, :root.t_light .t_dark .t_red_SliderThumb, :root.t_light .t_dark .t_red_SwitchThumb, :root.t_light .t_dark .t_red_Tooltip { --color: var(--color-202); --colorHover: var(--color-203); --colorPress: var(--color-201); --colorFocus: var(--color-201); --background: var(--color-212); --backgroundHover: var(--color-211); --backgroundPress: var(--color-212); --backgroundFocus: var(--color-211); --borderColor: var(--color-210); --borderColorHover: var(--color-209); --borderColorFocus: var(--color-208); --borderColorPress: var(--color-207); } @media (prefers-color-scheme: dark) { body { background: var(--background); color: var(--color); } .t_light .t_dark .t_red_ProgressIndicator, .t_light .t_dark .t_red_SliderThumb, .t_light .t_dark .t_red_SwitchThumb, .t_light .t_dark .t_red_Tooltip, .t_red_ProgressIndicator, .t_red_SliderThumb, .t_red_SwitchThumb, .t_red_Tooltip { --color: var(--color-202); --colorHover: var(--color-203); --colorPress: var(--color-201); --colorFocus: var(--color-201); --background: var(--color-212); --backgroundHover: var(--color-211); --backgroundPress: var(--color-212); --backgroundFocus: var(--color-211); --borderColor: var(--color-210); --borderColorHover: var(--color-209); --borderColorFocus: var(--color-208); --borderColorPress: var(--color-207); } } :root.t_dark .t_gray_ProgressIndicator, :root.t_dark .t_gray_SliderThumb, :root.t_dark .t_gray_SwitchThumb, :root.t_dark .t_gray_Tooltip, :root.t_dark .t_light .t_dark .t_gray_ProgressIndicator, :root.t_dark .t_light .t_dark .t_gray_SliderThumb, :root.t_dark .t_light .t_dark .t_gray_SwitchThumb, :root.t_dark .t_light .t_dark .t_gray_Tooltip, :root.t_light .t_dark .t_gray_ProgressIndicator, :root.t_light .t_dark .t_gray_SliderThumb, :root.t_light .t_dark .t_gray_SwitchThumb, :root.t_light .t_dark .t_gray_Tooltip, :root.t_light .t_dark .t_light .t_dark .t_gray_ProgressIndicator, :root.t_light .t_dark .t_light .t_dark .t_gray_SliderThumb, :root.t_light .t_dark .t_light .t_dark .t_gray_SwitchThumb, :root.t_light .t_dark .t_light .t_dark .t_gray_Tooltip { --color: var(--color-142); --colorHover: var(--color-143); --colorPress: var(--color-141); --colorFocus: var(--color-141); --background: var(--color-152); --backgroundHover: var(--color-151); --backgroundPress: var(--color-152); --backgroundFocus: var(--color-151); --borderColor: var(--color-150); --borderColorHover: var(--color-149); --borderColorFocus: var(--color-148); --borderColorPress: var(--color-147); } @media (prefers-color-scheme: dark) { body { background: var(--background); color: var(--color); } .t_gray_ProgressIndicator, .t_gray_SliderThumb, .t_gray_SwitchThumb, .t_gray_Tooltip, .t_light .t_dark .t_gray_ProgressIndicator, .t_light .t_dark .t_gray_SliderThumb, .t_light .t_dark .t_gray_SwitchThumb, .t_light .t_dark .t_gray_Tooltip { --color: var(--color-142); --colorHover: var(--color-143); --colorPress: var(--color-141); --colorFocus: var(--color-141); --background: var(--color-152); --backgroundHover: var(--color-151); --backgroundPress: var(--color-152); --backgroundFocus: var(--color-151); --borderColor: var(--color-150); --borderColorHover: var(--color-149); --borderColorFocus: var(--color-148); --borderColorPress: var(--color-147); } } :root.t_dark .t_light .t_active_ProgressIndicator, :root.t_dark .t_light .t_active_SliderThumb, :root.t_dark .t_light .t_active_SwitchThumb, :root.t_dark .t_light .t_active_Tooltip, :root.t_dark .t_light .t_dark .t_light .t_active_ProgressIndicator, :root.t_dark .t_light .t_dark .t_light .t_active_SliderThumb, :root.t_dark .t_light .t_dark .t_light .t_active_SwitchThumb, :root.t_dark .t_light .t_dark .t_light .t_active_Tooltip, :root.t_light .t_active_ProgressIndicator, :root.t_light .t_active_SliderThumb, :root.t_light .t_active_SwitchThumb, :root.t_light .t_active_Tooltip, :root.t_light .t_dark .t_light .t_active_ProgressIndicator, :root.t_light .t_dark .t_light .t_active_SliderThumb, :root.t_light .t_dark .t_light .t_active_SwitchThumb, :root.t_light .t_dark .t_light .t_active_Tooltip { --color: var(--color-10); --colorHover: var(--color-32); --colorPress: var(--color-11); --colorFocus: var(--color-11); --background: var(--color-18); --backgroundHover: var(--color-53); --backgroundPress: var(--color-18); --backgroundFocus: var(--color-53); --borderColor: var(--color-16); --borderColorHover: var(--color-15); --borderColorFocus: var(--color-14); --borderColorPress: var(--color-13); } @media (prefers-color-scheme: light) { body { background: var(--background); color: var(--color); } .t_active_ProgressIndicator, .t_active_SliderThumb, .t_active_SwitchThumb, .t_active_Tooltip, .t_dark .t_light .t_active_ProgressIndicator, .t_dark .t_light .t_active_SliderThumb, .t_dark .t_light .t_active_SwitchThumb, .t_dark .t_light .t_active_Tooltip { --color: var(--color-10); --colorHover: var(--color-32); --colorPress: var(--color-11); --colorFocus: var(--color-11); --background: var(--color-18); --backgroundHover: var(--color-53); --backgroundPress: var(--color-18); --backgroundFocus: var(--color-53); --borderColor: var(--color-16); --borderColorHover: var(--color-15); --borderColorFocus: var(--color-14); --borderColorPress: var(--color-13); } } :root.t_dark .t_active_ProgressIndicator, :root.t_dark .t_active_SliderThumb, :root.t_dark .t_active_SwitchThumb, :root.t_dark .t_active_Tooltip, :root.t_dark .t_light .t_dark .t_active_ProgressIndicator, :root.t_dark .t_light .t_dark .t_active_SliderThumb, :root.t_dark .t_light .t_dark .t_active_SwitchThumb, :root.t_dark .t_light .t_dark .t_active_Tooltip, :root.t_light .t_dark .t_active_ProgressIndicator, :root.t_light .t_dark .t_active_SliderThumb, :root.t_light .t_dark .t_active_SwitchThumb, :root.t_light .t_dark .t_active_Tooltip, :root.t_light .t_dark .t_light .t_dark .t_active_ProgressIndicator, :root.t_light .t_dark .t_light .t_dark .t_active_SliderThumb, :root.t_light .t_dark .t_light .t_dark .t_active_SwitchThumb, :root.t_light .t_dark .t_light .t_dark .t_active_Tooltip { --color: var(--color-22); --colorHover: var(--color-23); --colorPress: var(--color-21); --colorFocus: var(--color-21); --background: var(--color-30); --backgroundHover: var(--color-29); --backgroundPress: var(--color-30); --backgroundFocus: var(--color-29); --borderColor: var(--color-28); --borderColorHover: var(--color-27); --borderColorFocus: var(--color-26); --borderColorPress: var(--color-25); } @media (prefers-color-scheme: dark) { body { background: var(--background); color: var(--color); } .t_active_ProgressIndicator, .t_active_SliderThumb, .t_active_SwitchThumb, .t_active_Tooltip, .t_light .t_dark .t_active_ProgressIndicator, .t_light .t_dark .t_active_SliderThumb, .t_light .t_dark .t_active_SwitchThumb, .t_light .t_dark .t_active_Tooltip { --color: var(--color-22); --colorHover: var(--color-23); --colorPress: var(--color-21); --colorFocus: var(--color-21); --background: var(--color-30); --backgroundHover: var(--color-29); --backgroundPress: var(--color-30); --backgroundFocus: var(--color-29); --borderColor: var(--color-28); --borderColorHover: var(--color-27); --borderColorFocus: var(--color-26); --borderColorPress: var(--color-25); } } :root.t_dark .t_light .t_dark .t_light .t_orange_active_ProgressIndicator, :root.t_dark .t_light .t_dark .t_light .t_orange_active_SliderThumb, :root.t_dark .t_light .t_dark .t_light .t_orange_active_SwitchThumb, :root.t_dark .t_light .t_dark .t_light .t_orange_active_Tooltip, :root.t_dark .t_light .t_orange_active_ProgressIndicator, :root.t_dark .t_light .t_orange_active_SliderThumb, :root.t_dark .t_light .t_orange_active_SwitchThumb, :root.t_dark .t_light .t_orange_active_Tooltip, :root.t_light .t_dark .t_light .t_orange_active_ProgressIndicator, :root.t_light .t_dark .t_light .t_orange_active_SliderThumb, :root.t_light .t_dark .t_light .t_orange_active_SwitchThumb, :root.t_light .t_dark .t_light .t_orange_active_Tooltip, :root.t_light .t_orange_active_ProgressIndicator, :root.t_light .t_orange_active_SliderThumb, :root.t_light .t_orange_active_SwitchThumb, :root.t_light .t_orange_active_Tooltip { --color: var(--color-70); --colorHover: var(--color-69); --colorPress: var(--color-71); --colorFocus: var(--color-71); --background: var(--color-78); --backgroundHover: var(--color-173); --backgroundPress: var(--color-78); --backgroundFocus: var(--color-173); --borderColor: var(--color-76); --borderColorHover: var(--color-75); --borderColorFocus: var(--color-74); --borderColorPress: var(--color-73); } @media (prefers-color-scheme: light) { body { background: var(--background); color: var(--color); } .t_dark .t_light .t_orange_active_ProgressIndicator, .t_dark .t_light .t_orange_active_SliderThumb, .t_dark .t_light .t_orange_active_SwitchThumb, .t_dark .t_light .t_orange_active_Tooltip, .t_orange_active_ProgressIndicator, .t_orange_active_SliderThumb, .t_orange_active_SwitchThumb, .t_orange_active_Tooltip { --color: var(--color-70); --colorHover: var(--color-69); --colorPress: var(--color-71); --colorFocus: var(--color-71); --background: var(--color-78); --backgroundHover: var(--color-173); --backgroundPress: var(--color-78); --backgroundFocus: var(--color-173); --borderColor: var(--color-76); --borderColorHover: var(--color-75); --borderColorFocus: var(--color-74); --borderColorPress: var(--color-73); } } :root.t_dark .t_light .t_dark .t_light .t_yellow_active_ProgressIndicator, :root.t_dark .t_light .t_dark .t_light .t_yellow_active_SliderThumb, :root.t_dark .t_light .t_dark .t_light .t_yellow_active_SwitchThumb, :root.t_dark .t_light .t_dark .t_light .t_yellow_active_Tooltip, :root.t_dark .t_light .t_yellow_active_ProgressIndicator, :root.t_dark .t_light .t_yellow_active_SliderThumb, :root.t_dark .t_light .t_yellow_active_SwitchThumb, :root.t_dark .t_light .t_yellow_active_Tooltip, :root.t_light .t_dark .t_light .t_yellow_active_ProgressIndicator, :root.t_light .t_dark .t_light .t_yellow_active_SliderThumb, :root.t_light .t_dark .t_light .t_yellow_active_SwitchThumb, :root.t_light .t_dark .t_light .t_yellow_active_Tooltip, :root.t_light .t_yellow_active_ProgressIndicator, :root.t_light .t_yellow_active_SliderThumb, :root.t_light .t_yellow_active_SwitchThumb, :root.t_light .t_yellow_active_Tooltip { --color: var(--color-118); --colorHover: var(--color-117); --colorPress: var(--color-119); --colorFocus: var(--color-119); --background: var(--color-126); --backgroundHover: var(--color-221); --backgroundPress: var(--color-126); --backgroundFocus: var(--color-221); --borderColor: var(--color-124); --borderColorHover: var(--color-123); --borderColorFocus: var(--color-122); --borderColorPress: var(--color-121); } @media (prefers-color-scheme: light) { body { background: var(--background); color: var(--color); } .t_dark .t_light .t_yellow_active_ProgressIndicator, .t_dark .t_light .t_yellow_active_SliderThumb, .t_dark .t_light .t_yellow_active_SwitchThumb, .t_dark .t_light .t_yellow_active_Tooltip, .t_yellow_active_ProgressIndicator, .t_yellow_active_SliderThumb, .t_yellow_active_SwitchThumb, .t_yellow_active_Tooltip { --color: var(--color-118); --colorHover: var(--color-117); --colorPress: var(--color-119); --colorFocus: var(--color-119); --background: var(--color-126); --backgroundHover: var(--color-221); --backgroundPress: var(--color-126); --backgroundFocus: var(--color-221); --borderColor: var(--color-124); --borderColorHover: var(--color-123); --borderColorFocus: var(--color-122); --borderColorPress: var(--color-121); } } :root.t_dark .t_light .t_dark .t_light .t_green_active_ProgressIndicator, :root.t_dark .t_light .t_dark .t_light .t_green_active_SliderThumb, :root.t_dark .t_light .t_dark .t_light .t_green_active_SwitchThumb, :root.t_dark .t_light .t_dark .t_light .t_green_active_Tooltip, :root.t_dark .t_light .t_green_active_ProgressIndicator, :root.t_dark .t_light .t_green_active_SliderThumb, :root.t_dark .t_light .t_green_active_SwitchThumb, :root.t_dark .t_light .t_green_active_Tooltip, :root.t_light .t_dark .t_light .t_green_active_ProgressIndicator, :root.t_light .t_dark .t_light .t_green_active_SliderThumb, :root.t_light .t_dark .t_light .t_green_active_SwitchThumb, :root.t_light .t_dark .t_light .t_green_active_Tooltip, :root.t_light .t_green_active_ProgressIndicator, :root.t_light .t_green_active_SliderThumb, :root.t_light .t_green_active_SwitchThumb, :root.t_light .t_green_active_Tooltip { --color: var(--color-58); --colorHover: var(--color-57); --colorPress: var(--color-59); --colorFocus: var(--color-59); --background: var(--color-66); --backgroundHover: var(--color-161); --backgroundPress: var(--color-66); --backgroundFocus: var(--color-161); --borderColor: var(--color-64); --borderColorHover: var(--color-63); --borderColorFocus: var(--color-62); --borderColorPress: var(--color-61); } @media (prefers-color-scheme: light) { body { background: var(--background); color: var(--color); } .t_dark .t_light .t_green_active_ProgressIndicator, .t_dark .t_light .t_green_active_SliderThumb, .t_dark .t_light .t_green_active_SwitchThumb, .t_dark .t_light .t_green_active_Tooltip, .t_green_active_ProgressIndicator, .t_green_active_SliderThumb, .t_green_active_SwitchThumb, .t_green_active_Tooltip { --color: var(--color-58); --colorHover: var(--color-57); --colorPress: var(--color-59); --colorFocus: var(--color-59); --background: var(--color-66); --backgroundHover: var(--color-161); --backgroundPress: var(--color-66); --backgroundFocus: var(--color-161); --borderColor: var(--color-64); --borderColorHover: var(--color-63); --borderColorFocus: var(--color-62); --borderColorPress: var(--color-61); } } :root.t_dark .t_light .t_blue_active_ProgressIndicator, :root.t_dark .t_light .t_blue_active_SliderThumb, :root.t_dark .t_light .t_blue_active_SwitchThumb, :root.t_dark .t_light .t_blue_active_Tooltip, :root.t_dark .t_light .t_dark .t_light .t_blue_active_ProgressIndicator, :root.t_dark .t_light .t_dark .t_light .t_blue_active_SliderThumb, :root.t_dark .t_light .t_dark .t_light .t_blue_active_SwitchThumb, :root.t_dark .t_light .t_dark .t_light .t_blue_active_Tooltip, :root.t_light .t_blue_active_ProgressIndicator, :root.t_light .t_blue_active_SliderThumb, :root.t_light .t_blue_active_SwitchThumb, :root.t_light .t_blue_active_Tooltip, :root.t_light .t_dark .t_light .t_blue_active_ProgressIndicator, :root.t_light .t_dark .t_light .t_blue_active_SliderThumb, :root.t_light .t_dark .t_light .t_blue_active_SwitchThumb, :root.t_light .t_dark .t_light .t_blue_active_Tooltip { --color: var(--color-34); --colorHover: var(--color-33); --colorPress: var(--color-35); --colorFocus: var(--color-35); --background: var(--color-42); --backgroundHover: var(--color-137); --backgroundPress: var(--color-42); --backgroundFocus: var(--color-137); --borderColor: var(--color-40); --borderColorHover: var(--color-39); --borderColorFocus: var(--color-38); --borderColorPress: var(--color-37); } @media (prefers-color-scheme: light) { body { background: var(--background); color: var(--color); } .t_blue_active_ProgressIndicator, .t_blue_active_SliderThumb, .t_blue_active_SwitchThumb, .t_blue_active_Tooltip, .t_dark .t_light .t_blue_active_ProgressIndicator, .t_dark .t_light .t_blue_active_SliderThumb, .t_dark .t_light .t_blue_active_SwitchThumb, .t_dark .t_light .t_blue_active_Tooltip { --color: var(--color-34); --colorHover: var(--color-33); --colorPress: var(--color-35); --colorFocus: var(--color-35); --background: var(--color-42); --backgroundHover: var(--color-137); --backgroundPress: var(--color-42); --backgroundFocus: var(--color-137); --borderColor: var(--color-40); --borderColorHover: var(--color-39); --borderColorFocus: var(--color-38); --borderColorPress: var(--color-37); } } :root.t_dark .t_light .t_dark .t_light .t_purple_active_ProgressIndicator, :root.t_dark .t_light .t_dark .t_light .t_purple_active_SliderThumb, :root.t_dark .t_light .t_dark .t_light .t_purple_active_SwitchThumb, :root.t_dark .t_light .t_dark .t_light .t_purple_active_Tooltip, :root.t_dark .t_light .t_purple_active_ProgressIndicator, :root.t_dark .t_light .t_purple_active_SliderThumb, :root.t_dark .t_light .t_purple_active_SwitchThumb, :root.t_dark .t_light .t_purple_active_Tooltip, :root.t_light .t_dark .t_light .t_purple_active_ProgressIndicator, :root.t_light .t_dark .t_light .t_purple_active_SliderThumb, :root.t_light .t_dark .t_light .t_purple_active_SwitchThumb, :root.t_light .t_dark .t_light .t_purple_active_Tooltip, :root.t_light .t_purple_active_ProgressIndicator, :root.t_light .t_purple_active_SliderThumb, :root.t_light .t_purple_active_SwitchThumb, :root.t_light .t_purple_active_Tooltip { --color: var(--color-94); --colorHover: var(--color-93); --colorPress: var(--color-95); --colorFocus: var(--color-95); --background: var(--color-102); --backgroundHover: var(--color-197); --backgroundPress: var(--color-102); --backgroundFocus: var(--color-197); --borderColor: var(--color-100); --borderColorHover: var(--color-99); --borderColorFocus: var(--color-98); --borderColorPress: var(--color-97); } @media (prefers-color-scheme: light) { body { background: var(--background); color: var(--color); } .t_dark .t_light .t_purple_active_ProgressIndicator, .t_dark .t_light .t_purple_active_SliderThumb, .t_dark .t_light .t_purple_active_SwitchThumb, .t_dark .t_light .t_purple_active_Tooltip, .t_purple_active_ProgressIndicator, .t_purple_active_SliderThumb, .t_purple_active_SwitchThumb, .t_purple_active_Tooltip { --color: var(--color-94); --colorHover: var(--color-93); --colorPress: var(--color-95); --colorFocus: var(--color-95); --background: var(--color-102); --backgroundHover: var(--color-197); --backgroundPress: var(--color-102); --backgroundFocus: var(--color-197); --borderColor: var(--color-100); --borderColorHover: var(--color-99); --borderColorFocus: var(--color-98); --borderColorPress: var(--color-97); } } :root.t_dark .t_light .t_dark .t_light .t_pink_active_ProgressIndicator, :root.t_dark .t_light .t_dark .t_light .t_pink_active_SliderThumb, :root.t_dark .t_light .t_dark .t_light .t_pink_active_SwitchThumb, :root.t_dark .t_light .t_dark .t_light .t_pink_active_Tooltip, :root.t_dark .t_light .t_pink_active_ProgressIndicator, :root.t_dark .t_light .t_pink_active_SliderThumb, :root.t_dark .t_light .t_pink_active_SwitchThumb, :root.t_dark .t_light .t_pink_active_Tooltip, :root.t_light .t_dark .t_light .t_pink_active_ProgressIndicator, :root.t_light .t_dark .t_light .t_pink_active_SliderThumb, :root.t_light .t_dark .t_light .t_pink_active_SwitchThumb, :root.t_light .t_dark .t_light .t_pink_active_Tooltip, :root.t_light .t_pink_active_ProgressIndicator, :root.t_light .t_pink_active_SliderThumb, :root.t_light .t_pink_active_SwitchThumb, :root.t_light .t_pink_active_Tooltip { --color: var(--color-82); --colorHover: var(--color-81); --colorPress: var(--color-83); --colorFocus: var(--color-83); --background: var(--color-90); --backgroundHover: var(--color-185); --backgroundPress: var(--color-90); --backgroundFocus: var(--color-185); --borderColor: var(--color-88); --borderColorHover: var(--color-87); --borderColorFocus: var(--color-86); --borderColorPress: var(--color-85); } @media (prefers-color-scheme: light) { body { background: var(--background); color: var(--color); } .t_dark .t_light .t_pink_active_ProgressIndicator, .t_dark .t_light .t_pink_active_SliderThumb, .t_dark .t_light .t_pink_active_SwitchThumb, .t_dark .t_light .t_pink_active_Tooltip, .t_pink_active_ProgressIndicator, .t_pink_active_SliderThumb, .t_pink_active_SwitchThumb, .t_pink_active_Tooltip { --color: var(--color-82); --colorHover: var(--color-81); --colorPress: var(--color-83); --colorFocus: var(--color-83); --background: var(--color-90); --backgroundHover: var(--color-185); --backgroundPress: var(--color-90); --backgroundFocus: var(--color-185); --borderColor: var(--color-88); --borderColorHover: var(--color-87); --borderColorFocus: var(--color-86); --borderColorPress: var(--color-85); } } :root.t_dark .t_light .t_dark .t_light .t_red_active_ProgressIndicator, :root.t_dark .t_light .t_dark .t_light .t_red_active_SliderThumb, :root.t_dark .t_light .t_dark .t_light .t_red_active_SwitchThumb, :root.t_dark .t_light .t_dark .t_light .t_red_active_Tooltip, :root.t_dark .t_light .t_red_active_ProgressIndicator, :root.t_dark .t_light .t_red_active_SliderThumb, :root.t_dark .t_light .t_red_active_SwitchThumb, :root.t_dark .t_light .t_red_active_Tooltip, :root.t_light .t_dark .t_light .t_red_active_ProgressIndicator, :root.t_light .t_dark .t_light .t_red_active_SliderThumb, :root.t_light .t_dark .t_light .t_red_active_SwitchThumb, :root.t_light .t_dark .t_light .t_red_active_Tooltip, :root.t_light .t_red_active_ProgressIndicator, :root.t_light .t_red_active_SliderThumb, :root.t_light .t_red_active_SwitchThumb, :root.t_light .t_red_active_Tooltip { --color: var(--color-106); --colorHover: var(--color-105); --colorPress: var(--color-107); --colorFocus: var(--color-107); --background: var(--color-114); --backgroundHover: var(--color-209); --backgroundPress: var(--color-114); --backgroundFocus: var(--color-209); --borderColor: var(--color-112); --borderColorHover: var(--color-111); --borderColorFocus: var(--color-110); --borderColorPress: var(--color-109); } @media (prefers-color-scheme: light) { body { background: var(--background); color: var(--color); } .t_dark .t_light .t_red_active_ProgressIndicator, .t_dark .t_light .t_red_active_SliderThumb, .t_dark .t_light .t_red_active_SwitchThumb, .t_dark .t_light .t_red_active_Tooltip, .t_red_active_ProgressIndicator, .t_red_active_SliderThumb, .t_red_active_SwitchThumb, .t_red_active_Tooltip { --color: var(--color-106); --colorHover: var(--color-105); --colorPress: var(--color-107); --colorFocus: var(--color-107); --background: var(--color-114); --backgroundHover: var(--color-209); --backgroundPress: var(--color-114); --backgroundFocus: var(--color-209); --borderColor: var(--color-112); --borderColorHover: var(--color-111); --borderColorFocus: var(--color-110); --borderColorPress: var(--color-109); } } :root.t_dark .t_light .t_dark .t_light .t_gray_active_ProgressIndicator, :root.t_dark .t_light .t_dark .t_light .t_gray_active_SliderThumb, :root.t_dark .t_light .t_dark .t_light .t_gray_active_SwitchThumb, :root.t_dark .t_light .t_dark .t_light .t_gray_active_Tooltip, :root.t_dark .t_light .t_gray_active_ProgressIndicator, :root.t_dark .t_light .t_gray_active_SliderThumb, :root.t_dark .t_light .t_gray_active_SwitchThumb, :root.t_dark .t_light .t_gray_active_Tooltip, :root.t_light .t_dark .t_light .t_gray_active_ProgressIndicator, :root.t_light .t_dark .t_light .t_gray_active_SliderThumb, :root.t_light .t_dark .t_light .t_gray_active_SwitchThumb, :root.t_light .t_dark .t_light .t_gray_active_Tooltip, :root.t_light .t_gray_active_ProgressIndicator, :root.t_light .t_gray_active_SliderThumb, :root.t_light .t_gray_active_SwitchThumb, :root.t_light .t_gray_active_Tooltip { --color: var(--color-46); --colorHover: var(--color-45); --colorPress: var(--color-47); --colorFocus: var(--color-47); --background: var(--color-54); --backgroundHover: var(--color-53); --backgroundPress: var(--color-54); --backgroundFocus: var(--color-53); --borderColor: var(--color-52); --borderColorHover: var(--color-51); --borderColorFocus: var(--color-50); --borderColorPress: var(--color-49); } @media (prefers-color-scheme: light) { body { background: var(--background); color: var(--color); } .t_dark .t_light .t_gray_active_ProgressIndicator, .t_dark .t_light .t_gray_active_SliderThumb, .t_dark .t_light .t_gray_active_SwitchThumb, .t_dark .t_light .t_gray_active_Tooltip, .t_gray_active_ProgressIndicator, .t_gray_active_SliderThumb, .t_gray_active_SwitchThumb, .t_gray_active_Tooltip { --color: var(--color-46); --colorHover: var(--color-45); --colorPress: var(--color-47); --colorFocus: var(--color-47); --background: var(--color-54); --backgroundHover: var(--color-53); --backgroundPress: var(--color-54); --backgroundFocus: var(--color-53); --borderColor: var(--color-52); --borderColorHover: var(--color-51); --borderColorFocus: var(--color-50); --borderColorPress: var(--color-49); } } :root.t_dark .t_light .t_dark .t_orange_active_ProgressIndicator, :root.t_dark .t_light .t_dark .t_orange_active_SliderThumb, :root.t_dark .t_light .t_dark .t_orange_active_SwitchThumb, :root.t_dark .t_light .t_dark .t_orange_active_Tooltip, :root.t_dark .t_orange_active_ProgressIndicator, :root.t_dark .t_orange_active_SliderThumb, :root.t_dark .t_orange_active_SwitchThumb, :root.t_dark .t_orange_active_Tooltip, :root.t_light .t_dark .t_light .t_dark .t_orange_active_ProgressIndicator, :root.t_light .t_dark .t_light .t_dark .t_orange_active_SliderThumb, :root.t_light .t_dark .t_light .t_dark .t_orange_active_SwitchThumb, :root.t_light .t_dark .t_light .t_dark .t_orange_active_Tooltip, :root.t_light .t_dark .t_orange_active_ProgressIndicator, :root.t_light .t_dark .t_orange_active_SliderThumb, :root.t_light .t_dark .t_orange_active_SwitchThumb, :root.t_light .t_dark .t_orange_active_Tooltip { --color: var(--color-166); --colorHover: var(--color-167); --colorPress: var(--color-165); --colorFocus: var(--color-165); --background: var(--color-174); --backgroundHover: var(--color-173); --backgroundPress: var(--color-174); --backgroundFocus: var(--color-173); --borderColor: var(--color-172); --borderColorHover: var(--color-171); --borderColorFocus: var(--color-170); --borderColorPress: var(--color-169); } @media (prefers-color-scheme: dark) { body { background: var(--background); color: var(--color); } .t_light .t_dark .t_orange_active_ProgressIndicator, .t_light .t_dark .t_orange_active_SliderThumb, .t_light .t_dark .t_orange_active_SwitchThumb, .t_light .t_dark .t_orange_active_Tooltip, .t_orange_active_ProgressIndicator, .t_orange_active_SliderThumb, .t_orange_active_SwitchThumb, .t_orange_active_Tooltip { --color: var(--color-166); --colorHover: var(--color-167); --colorPress: var(--color-165); --colorFocus: var(--color-165); --background: var(--color-174); --backgroundHover: var(--color-173); --backgroundPress: var(--color-174); --backgroundFocus: var(--color-173); --borderColor: var(--color-172); --borderColorHover: var(--color-171); --borderColorFocus: var(--color-170); --borderColorPress: var(--color-169); } } :root.t_dark .t_light .t_dark .t_yellow_active_ProgressIndicator, :root.t_dark .t_light .t_dark .t_yellow_active_SliderThumb, :root.t_dark .t_light .t_dark .t_yellow_active_SwitchThumb, :root.t_dark .t_light .t_dark .t_yellow_active_Tooltip, :root.t_dark .t_yellow_active_ProgressIndicator, :root.t_dark .t_yellow_active_SliderThumb, :root.t_dark .t_yellow_active_SwitchThumb, :root.t_dark .t_yellow_active_Tooltip, :root.t_light .t_dark .t_light .t_dark .t_yellow_active_ProgressIndicator, :root.t_light .t_dark .t_light .t_dark .t_yellow_active_SliderThumb, :root.t_light .t_dark .t_light .t_dark .t_yellow_active_SwitchThumb, :root.t_light .t_dark .t_light .t_dark .t_yellow_active_Tooltip, :root.t_light .t_dark .t_yellow_active_ProgressIndicator, :root.t_light .t_dark .t_yellow_active_SliderThumb, :root.t_light .t_dark .t_yellow_active_SwitchThumb, :root.t_light .t_dark .t_yellow_active_Tooltip { --color: var(--color-214); --colorHover: var(--color-215); --colorPress: var(--color-213); --colorFocus: var(--color-213); --background: var(--color-222); --backgroundHover: var(--color-221); --backgroundPress: var(--color-222); --backgroundFocus: var(--color-221); --borderColor: var(--color-220); --borderColorHover: var(--color-219); --borderColorFocus: var(--color-218); --borderColorPress: var(--color-217); } @media (prefers-color-scheme: dark) { body { background: var(--background); color: var(--color); } .t_light .t_dark .t_yellow_active_ProgressIndicator, .t_light .t_dark .t_yellow_active_SliderThumb, .t_light .t_dark .t_yellow_active_SwitchThumb, .t_light .t_dark .t_yellow_active_Tooltip, .t_yellow_active_ProgressIndicator, .t_yellow_active_SliderThumb, .t_yellow_active_SwitchThumb, .t_yellow_active_Tooltip { --color: var(--color-214); --colorHover: var(--color-215); --colorPress: var(--color-213); --colorFocus: var(--color-213); --background: var(--color-222); --backgroundHover: var(--color-221); --backgroundPress: var(--color-222); --backgroundFocus: var(--color-221); --borderColor: var(--color-220); --borderColorHover: var(--color-219); --borderColorFocus: var(--color-218); --borderColorPress: var(--color-217); } } :root.t_dark .t_green_active_ProgressIndicator, :root.t_dark .t_green_active_SliderThumb, :root.t_dark .t_green_active_SwitchThumb, :root.t_dark .t_green_active_Tooltip, :root.t_dark .t_light .t_dark .t_green_active_ProgressIndicator, :root.t_dark .t_light .t_dark .t_green_active_SliderThumb, :root.t_dark .t_light .t_dark .t_green_active_SwitchThumb, :root.t_dark .t_light .t_dark .t_green_active_Tooltip, :root.t_light .t_dark .t_green_active_ProgressIndicator, :root.t_light .t_dark .t_green_active_SliderThumb, :root.t_light .t_dark .t_green_active_SwitchThumb, :root.t_light .t_dark .t_green_active_Tooltip, :root.t_light .t_dark .t_light .t_dark .t_green_active_ProgressIndicator, :root.t_light .t_dark .t_light .t_dark .t_green_active_SliderThumb, :root.t_light .t_dark .t_light .t_dark .t_green_active_SwitchThumb, :root.t_light .t_dark .t_light .t_dark .t_green_active_Tooltip { --color: var(--color-154); --colorHover: var(--color-155); --colorPress: var(--color-153); --colorFocus: var(--color-153); --background: var(--color-162); --backgroundHover: var(--color-161); --backgroundPress: var(--color-162); --backgroundFocus: var(--color-161); --borderColor: var(--color-160); --borderColorHover: var(--color-159); --borderColorFocus: var(--color-158); --borderColorPress: var(--color-157); } @media (prefers-color-scheme: dark) { body { background: var(--background); color: var(--color); } .t_green_active_ProgressIndicator, .t_green_active_SliderThumb, .t_green_active_SwitchThumb, .t_green_active_Tooltip, .t_light .t_dark .t_green_active_ProgressIndicator, .t_light .t_dark .t_green_active_SliderThumb, .t_light .t_dark .t_green_active_SwitchThumb, .t_light .t_dark .t_green_active_Tooltip { --color: var(--color-154); --colorHover: var(--color-155); --colorPress: var(--color-153); --colorFocus: var(--color-153); --background: var(--color-162); --backgroundHover: var(--color-161); --backgroundPress: var(--color-162); --backgroundFocus: var(--color-161); --borderColor: var(--color-160); --borderColorHover: var(--color-159); --borderColorFocus: var(--color-158); --borderColorPress: var(--color-157); } } :root.t_dark .t_blue_active_ProgressIndicator, :root.t_dark .t_blue_active_SliderThumb, :root.t_dark .t_blue_active_SwitchThumb, :root.t_dark .t_blue_active_Tooltip, :root.t_dark .t_light .t_dark .t_blue_active_ProgressIndicator, :root.t_dark .t_light .t_dark .t_blue_active_SliderThumb, :root.t_dark .t_light .t_dark .t_blue_active_SwitchThumb, :root.t_dark .t_light .t_dark .t_blue_active_Tooltip, :root.t_light .t_dark .t_blue_active_ProgressIndicator, :root.t_light .t_dark .t_blue_active_SliderThumb, :root.t_light .t_dark .t_blue_active_SwitchThumb, :root.t_light .t_dark .t_blue_active_Tooltip, :root.t_light .t_dark .t_light .t_dark .t_blue_active_ProgressIndicator, :root.t_light .t_dark .t_light .t_dark .t_blue_active_SliderThumb, :root.t_light .t_dark .t_light .t_dark .t_blue_active_SwitchThumb, :root.t_light .t_dark .t_light .t_dark .t_blue_active_Tooltip { --color: var(--color-130); --colorHover: var(--color-131); --colorPress: var(--color-129); --colorFocus: var(--color-129); --background: var(--color-138); --backgroundHover: var(--color-137); --backgroundPress: var(--color-138); --backgroundFocus: var(--color-137); --borderColor: var(--color-136); --borderColorHover: var(--color-135); --borderColorFocus: var(--color-134); --borderColorPress: var(--color-133); } @media (prefers-color-scheme: dark) { body { background: var(--background); color: var(--color); } .t_blue_active_ProgressIndicator, .t_blue_active_SliderThumb, .t_blue_active_SwitchThumb, .t_blue_active_Tooltip, .t_light .t_dark .t_blue_active_ProgressIndicator, .t_light .t_dark .t_blue_active_SliderThumb, .t_light .t_dark .t_blue_active_SwitchThumb, .t_light .t_dark .t_blue_active_Tooltip { --color: var(--color-130); --colorHover: var(--color-131); --colorPress: var(--color-129); --colorFocus: var(--color-129); --background: var(--color-138); --backgroundHover: var(--color-137); --backgroundPress: var(--color-138); --backgroundFocus: var(--color-137); --borderColor: var(--color-136); --borderColorHover: var(--color-135); --borderColorFocus: var(--color-134); --borderColorPress: var(--color-133); } } :root.t_dark .t_light .t_dark .t_purple_active_ProgressIndicator, :root.t_dark .t_light .t_dark .t_purple_active_SliderThumb, :root.t_dark .t_light .t_dark .t_purple_active_SwitchThumb, :root.t_dark .t_light .t_dark .t_purple_active_Tooltip, :root.t_dark .t_purple_active_ProgressIndicator, :root.t_dark .t_purple_active_SliderThumb, :root.t_dark .t_purple_active_SwitchThumb, :root.t_dark .t_purple_active_Tooltip, :root.t_light .t_dark .t_light .t_dark .t_purple_active_ProgressIndicator, :root.t_light .t_dark .t_light .t_dark .t_purple_active_SliderThumb, :root.t_light .t_dark .t_light .t_dark .t_purple_active_SwitchThumb, :root.t_light .t_dark .t_light .t_dark .t_purple_active_Tooltip, :root.t_light .t_dark .t_purple_active_ProgressIndicator, :root.t_light .t_dark .t_purple_active_SliderThumb, :root.t_light .t_dark .t_purple_active_SwitchThumb, :root.t_light .t_dark .t_purple_active_Tooltip { --color: var(--color-190); --colorHover: var(--color-191); --colorPress: var(--color-189); --colorFocus: var(--color-189); --background: var(--color-198); --backgroundHover: var(--color-197); --backgroundPress: var(--color-198); --backgroundFocus: var(--color-197); --borderColor: var(--color-196); --borderColorHover: var(--color-195); --borderColorFocus: var(--color-194); --borderColorPress: var(--color-193); } @media (prefers-color-scheme: dark) { body { background: var(--background); color: var(--color); } .t_light .t_dark .t_purple_active_ProgressIndicator, .t_light .t_dark .t_purple_active_SliderThumb, .t_light .t_dark .t_purple_active_SwitchThumb, .t_light .t_dark .t_purple_active_Tooltip, .t_purple_active_ProgressIndicator, .t_purple_active_SliderThumb, .t_purple_active_SwitchThumb, .t_purple_active_Tooltip { --color: var(--color-190); --colorHover: var(--color-191); --colorPress: var(--color-189); --colorFocus: var(--color-189); --background: var(--color-198); --backgroundHover: var(--color-197); --backgroundPress: var(--color-198); --backgroundFocus: var(--color-197); --borderColor: var(--color-196); --borderColorHover: var(--color-195); --borderColorFocus: var(--color-194); --borderColorPress: var(--color-193); } } :root.t_dark .t_light .t_dark .t_pink_active_ProgressIndicator, :root.t_dark .t_light .t_dark .t_pink_active_SliderThumb, :root.t_dark .t_light .t_dark .t_pink_active_SwitchThumb, :root.t_dark .t_light .t_dark .t_pink_active_Tooltip, :root.t_dark .t_pink_active_ProgressIndicator, :root.t_dark .t_pink_active_SliderThumb, :root.t_dark .t_pink_active_SwitchThumb, :root.t_dark .t_pink_active_Tooltip, :root.t_light .t_dark .t_light .t_dark .t_pink_active_ProgressIndicator, :root.t_light .t_dark .t_light .t_dark .t_pink_active_SliderThumb, :root.t_light .t_dark .t_light .t_dark .t_pink_active_SwitchThumb, :root.t_light .t_dark .t_light .t_dark .t_pink_active_Tooltip, :root.t_light .t_dark .t_pink_active_ProgressIndicator, :root.t_light .t_dark .t_pink_active_SliderThumb, :root.t_light .t_dark .t_pink_active_SwitchThumb, :root.t_light .t_dark .t_pink_active_Tooltip { --color: var(--color-178); --colorHover: var(--color-179); --colorPress: var(--color-177); --colorFocus: var(--color-177); --background: var(--color-186); --backgroundHover: var(--color-185); --backgroundPress: var(--color-186); --backgroundFocus: var(--color-185); --borderColor: var(--color-184); --borderColorHover: var(--color-183); --borderColorFocus: var(--color-182); --borderColorPress: var(--color-181); } @media (prefers-color-scheme: dark) { body { background: var(--background); color: var(--color); } .t_light .t_dark .t_pink_active_ProgressIndicator, .t_light .t_dark .t_pink_active_SliderThumb, .t_light .t_dark .t_pink_active_SwitchThumb, .t_light .t_dark .t_pink_active_Tooltip, .t_pink_active_ProgressIndicator, .t_pink_active_SliderThumb, .t_pink_active_SwitchThumb, .t_pink_active_Tooltip { --color: var(--color-178); --colorHover: var(--color-179); --colorPress: var(--color-177); --colorFocus: var(--color-177); --background: var(--color-186); --backgroundHover: var(--color-185); --backgroundPress: var(--color-186); --backgroundFocus: var(--color-185); --borderColor: var(--color-184); --borderColorHover: var(--color-183); --borderColorFocus: var(--color-182); --borderColorPress: var(--color-181); } } :root.t_dark .t_light .t_dark .t_red_active_ProgressIndicator, :root.t_dark .t_light .t_dark .t_red_active_SliderThumb, :root.t_dark .t_light .t_dark .t_red_active_SwitchThumb, :root.t_dark .t_light .t_dark .t_red_active_Tooltip, :root.t_dark .t_red_active_ProgressIndicator, :root.t_dark .t_red_active_SliderThumb, :root.t_dark .t_red_active_SwitchThumb, :root.t_dark .t_red_active_Tooltip, :root.t_light .t_dark .t_light .t_dark .t_red_active_ProgressIndicator, :root.t_light .t_dark .t_light .t_dark .t_red_active_SliderThumb, :root.t_light .t_dark .t_light .t_dark .t_red_active_SwitchThumb, :root.t_light .t_dark .t_light .t_dark .t_red_active_Tooltip, :root.t_light .t_dark .t_red_active_ProgressIndicator, :root.t_light .t_dark .t_red_active_SliderThumb, :root.t_light .t_dark .t_red_active_SwitchThumb, :root.t_light .t_dark .t_red_active_Tooltip { --color: var(--color-202); --colorHover: var(--color-203); --colorPress: var(--color-201); --colorFocus: var(--color-201); --background: var(--color-210); --backgroundHover: var(--color-209); --backgroundPress: var(--color-210); --backgroundFocus: var(--color-209); --borderColor: var(--color-208); --borderColorHover: var(--color-207); --borderColorFocus: var(--color-206); --borderColorPress: var(--color-205); } @media (prefers-color-scheme: dark) { body { background: var(--background); color: var(--color); } .t_light .t_dark .t_red_active_ProgressIndicator, .t_light .t_dark .t_red_active_SliderThumb, .t_light .t_dark .t_red_active_SwitchThumb, .t_light .t_dark .t_red_active_Tooltip, .t_red_active_ProgressIndicator, .t_red_active_SliderThumb, .t_red_active_SwitchThumb, .t_red_active_Tooltip { --color: var(--color-202); --colorHover: var(--color-203); --colorPress: var(--color-201); --colorFocus: var(--color-201); --background: var(--color-210); --backgroundHover: var(--color-209); --backgroundPress: var(--color-210); --backgroundFocus: var(--color-209); --borderColor: var(--color-208); --borderColorHover: var(--color-207); --borderColorFocus: var(--color-206); --borderColorPress: var(--color-205); } } :root.t_dark .t_gray_active_ProgressIndicator, :root.t_dark .t_gray_active_SliderThumb, :root.t_dark .t_gray_active_SwitchThumb, :root.t_dark .t_gray_active_Tooltip, :root.t_dark .t_light .t_dark .t_gray_active_ProgressIndicator, :root.t_dark .t_light .t_dark .t_gray_active_SliderThumb, :root.t_dark .t_light .t_dark .t_gray_active_SwitchThumb, :root.t_dark .t_light .t_dark .t_gray_active_Tooltip, :root.t_light .t_dark .t_gray_active_ProgressIndicator, :root.t_light .t_dark .t_gray_active_SliderThumb, :root.t_light .t_dark .t_gray_active_SwitchThumb, :root.t_light .t_dark .t_gray_active_Tooltip, :root.t_light .t_dark .t_light .t_dark .t_gray_active_ProgressIndicator, :root.t_light .t_dark .t_light .t_dark .t_gray_active_SliderThumb, :root.t_light .t_dark .t_light .t_dark .t_gray_active_SwitchThumb, :root.t_light .t_dark .t_light .t_dark .t_gray_active_Tooltip { --color: var(--color-142); --colorHover: var(--color-143); --colorPress: var(--color-141); --colorFocus: var(--color-141); --background: var(--color-150); --backgroundHover: var(--color-149); --backgroundPress: var(--color-150); --backgroundFocus: var(--color-149); --borderColor: var(--color-148); --borderColorHover: var(--color-147); --borderColorFocus: var(--color-146); --borderColorPress: var(--color-145); } @media (prefers-color-scheme: dark) { body { background: var(--background); color: var(--color); } .t_gray_active_ProgressIndicator, .t_gray_active_SliderThumb, .t_gray_active_SwitchThumb, .t_gray_active_Tooltip, .t_light .t_dark .t_gray_active_ProgressIndicator, .t_light .t_dark .t_gray_active_SliderThumb, .t_light .t_dark .t_gray_active_SwitchThumb, .t_light .t_dark .t_gray_active_Tooltip { --color: var(--color-142); --colorHover: var(--color-143); --colorPress: var(--color-141); --colorFocus: var(--color-141); --background: var(--color-150); --backgroundHover: var(--color-149); --backgroundPress: var(--color-150); --backgroundFocus: var(--color-149); --borderColor: var(--color-148); --borderColorHover: var(--color-147); --borderColorFocus: var(--color-146); --borderColorPress: var(--color-145); } } :root .t_main { --accentBackground: var(--color-132); --accentColor: var(--color-36); --background0: var(--color-5); --background025: var(--color-8); --background05: var(--color-7); --background075: var(--color-6); --color1: var(--color-21); --color2: var(--color-22); --color3: var(--color-23); --color4: var(--color-24); --color5: var(--color-25); --color6: var(--color-26); --color7: var(--color-27); --color8: var(--color-28); --color9: var(--color-29); --color10: var(--color-30); --color11: var(--color-31); --color12: var(--color-32); --color0: var(--color-1); --color025: var(--color-4); --color05: var(--color-3); --color075: var(--color-2); --background: #0a0a12; --backgroundHover: var(--color-22); --backgroundPress: var(--color-6); --backgroundFocus: var(--color-6); --borderColor: var(--color-24); --borderColorHover: var(--color-25); --borderColorPress: var(--color-23); --borderColorFocus: var(--color-24); --color: var(--color-32); --colorHover: var(--color-31); --colorPress: var(--color-32); --colorFocus: var(--color-31); --colorTransparent: var(--color-1); --placeholderColor: var(--color-29); --outlineColor: var(--color-4); --blue1: var(--color-129); --blue2: var(--color-130); --blue3: var(--color-131); --blue4: var(--color-132); --blue5: var(--color-133); --blue6: var(--color-134); --blue7: var(--color-135); --blue8: var(--color-136); --blue9: var(--color-137); --blue10: var(--color-138); --blue11: var(--color-139); --blue12: var(--color-140); --gray1: var(--color-141); --gray2: var(--color-142); --gray3: var(--color-143); --gray4: var(--color-144); --gray5: var(--color-145); --gray6: var(--color-146); --gray7: var(--color-147); --gray8: var(--color-148); --gray9: var(--color-149); --gray10: var(--color-150); --gray11: var(--color-151); --gray12: var(--color-152); --green1: var(--color-153); --green2: var(--color-154); --green3: var(--color-155); --green4: var(--color-156); --green5: var(--color-157); --green6: var(--color-158); --green7: var(--color-159); --green8: var(--color-160); --green9: var(--color-161); --green10: var(--color-162); --green11: var(--color-163); --green12: var(--color-164); --orange1: var(--color-165); --orange2: var(--color-166); --orange3: var(--color-167); --orange4: var(--color-168); --orange5: var(--color-169); --orange6: var(--color-170); --orange7: var(--color-171); --orange8: var(--color-172); --orange9: var(--color-173); --orange10: var(--color-174); --orange11: var(--color-175); --orange12: var(--color-176); --pink1: var(--color-177); --pink2: var(--color-178); --pink3: var(--color-179); --pink4: var(--color-180); --pink5: var(--color-181); --pink6: var(--color-182); --pink7: var(--color-183); --pink8: var(--color-184); --pink9: var(--color-185); --pink10: var(--color-186); --pink11: var(--color-187); --pink12: var(--color-188); --purple1: var(--color-189); --purple2: var(--color-190); --purple3: var(--color-191); --purple4: var(--color-192); --purple5: var(--color-193); --purple6: var(--color-194); --purple7: var(--color-195); --purple8: var(--color-196); --purple9: var(--color-197); --purple10: var(--color-198); --purple11: var(--color-199); --purple12: var(--color-200); --red1: var(--color-201); --red2: var(--color-202); --red3: var(--color-203); --red4: var(--color-204); --red5: var(--color-205); --red6: var(--color-206); --red7: var(--color-207); --red8: var(--color-208); --red9: var(--color-209); --red10: var(--color-210); --red11: var(--color-211); --red12: var(--color-212); --yellow1: var(--color-213); --yellow2: var(--color-214); --yellow3: var(--color-215); --yellow4: var(--color-216); --yellow5: var(--color-217); --yellow6: var(--color-218); --yellow7: var(--color-219); --yellow8: var(--color-220); --yellow9: var(--color-221); --yellow10: var(--color-222); --yellow11: var(--color-223); --yellow12: var(--color-224); --shadowColor: rgba(0, 0, 0, 0.3); --shadowColorHover: rgba(0, 0, 0, 0.3); --shadowColorPress: rgba(0, 0, 0, 0.2); --shadowColorFocus: rgba(0, 0, 0, 0.2); } @media (prefers-color-scheme: light) { body { background: var(--background); color: var(--color); } .t_main { --accentBackground: var(--color-132); --accentColor: var(--color-36); --background0: var(--color-5); --background025: var(--color-8); --background05: var(--color-7); --background075: var(--color-6); --color1: var(--color-21); --color2: var(--color-22); --color3: var(--color-23); --color4: var(--color-24); --color5: var(--color-25); --color6: var(--color-26); --color7: var(--color-27); --color8: var(--color-28); --color9: var(--color-29); --color10: var(--color-30); --color11: var(--color-31); --color12: var(--color-32); --color0: var(--color-1); --color025: var(--color-4); --color05: var(--color-3); --color075: var(--color-2); --background: #0a0a12; --backgroundHover: var(--color-22); --backgroundPress: var(--color-6); --backgroundFocus: var(--color-6); --borderColor: var(--color-24); --borderColorHover: var(--color-25); --borderColorPress: var(--color-23); --borderColorFocus: var(--color-24); --color: var(--color-32); --colorHover: var(--color-31); --colorPress: var(--color-32); --colorFocus: var(--color-31); --colorTransparent: var(--color-1); --placeholderColor: var(--color-29); --outlineColor: var(--color-4); --blue1: var(--color-129); --blue2: var(--color-130); --blue3: var(--color-131); --blue4: var(--color-132); --blue5: var(--color-133); --blue6: var(--color-134); --blue7: var(--color-135); --blue8: var(--color-136); --blue9: var(--color-137); --blue10: var(--color-138); --blue11: var(--color-139); --blue12: var(--color-140); --gray1: var(--color-141); --gray2: var(--color-142); --gray3: var(--color-143); --gray4: var(--color-144); --gray5: var(--color-145); --gray6: var(--color-146); --gray7: var(--color-147); --gray8: var(--color-148); --gray9: var(--color-149); --gray10: var(--color-150); --gray11: var(--color-151); --gray12: var(--color-152); --green1: var(--color-153); --green2: var(--color-154); --green3: var(--color-155); --green4: var(--color-156); --green5: var(--color-157); --green6: var(--color-158); --green7: var(--color-159); --green8: var(--color-160); --green9: var(--color-161); --green10: var(--color-162); --green11: var(--color-163); --green12: var(--color-164); --orange1: var(--color-165); --orange2: var(--color-166); --orange3: var(--color-167); --orange4: var(--color-168); --orange5: var(--color-169); --orange6: var(--color-170); --orange7: var(--color-171); --orange8: var(--color-172); --orange9: var(--color-173); --orange10: var(--color-174); --orange11: var(--color-175); --orange12: var(--color-176); --pink1: var(--color-177); --pink2: var(--color-178); --pink3: var(--color-179); --pink4: var(--color-180); --pink5: var(--color-181); --pink6: var(--color-182); --pink7: var(--color-183); --pink8: var(--color-184); --pink9: var(--color-185); --pink10: var(--color-186); --pink11: var(--color-187); --pink12: var(--color-188); --purple1: var(--color-189); --purple2: var(--color-190); --purple3: var(--color-191); --purple4: var(--color-192); --purple5: var(--color-193); --purple6: var(--color-194); --purple7: var(--color-195); --purple8: var(--color-196); --purple9: var(--color-197); --purple10: var(--color-198); --purple11: var(--color-199); --purple12: var(--color-200); --red1: var(--color-201); --red2: var(--color-202); --red3: var(--color-203); --red4: var(--color-204); --red5: var(--color-205); --red6: var(--color-206); --red7: var(--color-207); --red8: var(--color-208); --red9: var(--color-209); --red10: var(--color-210); --red11: var(--color-211); --red12: var(--color-212); --yellow1: var(--color-213); --yellow2: var(--color-214); --yellow3: var(--color-215); --yellow4: var(--color-216); --yellow5: var(--color-217); --yellow6: var(--color-218); --yellow7: var(--color-219); --yellow8: var(--color-220); --yellow9: var(--color-221); --yellow10: var(--color-222); --yellow11: var(--color-223); --yellow12: var(--color-224); --shadowColor: rgba(0, 0, 0, 0.3); --shadowColorHover: rgba(0, 0, 0, 0.3); --shadowColorPress: rgba(0, 0, 0, 0.2); --shadowColorFocus: rgba(0, 0, 0, 0.2); } } .t_main ::selection { background: var(--color5); color: var(--color11); } :root .t_blue { --accentBackground: var(--color-132); --accentColor: var(--color-36); --background0: var(--color-5); --background025: var(--color-8); --background05: var(--color-7); --background075: var(--color-6); --color1: var(--color-21); --color2: var(--color-22); --color3: var(--color-23); --color4: var(--color-24); --color5: var(--color-25); --color6: var(--color-26); --color7: var(--color-27); --color8: var(--color-28); --color9: var(--color-29); --color10: var(--color-30); --color11: var(--color-31); --color12: var(--color-32); --color0: var(--color-1); --color025: var(--color-4); --color05: var(--color-3); --color075: var(--color-2); --background: #0d0a12; --backgroundHover: var(--color-22); --backgroundPress: var(--color-6); --backgroundFocus: var(--color-6); --borderColor: var(--color-24); --borderColorHover: var(--color-25); --borderColorPress: var(--color-23); --borderColorFocus: var(--color-24); --color: var(--color-32); --colorHover: var(--color-31); --colorPress: var(--color-32); --colorFocus: var(--color-31); --colorTransparent: var(--color-1); --placeholderColor: var(--color-29); --outlineColor: var(--color-4); --blue1: var(--color-129); --blue2: var(--color-130); --blue3: var(--color-131); --blue4: var(--color-132); --blue5: var(--color-133); --blue6: var(--color-134); --blue7: var(--color-135); --blue8: var(--color-136); --blue9: var(--color-137); --blue10: var(--color-138); --blue11: var(--color-139); --blue12: var(--color-140); --gray1: var(--color-141); --gray2: var(--color-142); --gray3: var(--color-143); --gray4: var(--color-144); --gray5: var(--color-145); --gray6: var(--color-146); --gray7: var(--color-147); --gray8: var(--color-148); --gray9: var(--color-149); --gray10: var(--color-150); --gray11: var(--color-151); --gray12: var(--color-152); --green1: var(--color-153); --green2: var(--color-154); --green3: var(--color-155); --green4: var(--color-156); --green5: var(--color-157); --green6: var(--color-158); --green7: var(--color-159); --green8: var(--color-160); --green9: var(--color-161); --green10: var(--color-162); --green11: var(--color-163); --green12: var(--color-164); --orange1: var(--color-165); --orange2: var(--color-166); --orange3: var(--color-167); --orange4: var(--color-168); --orange5: var(--color-169); --orange6: var(--color-170); --orange7: var(--color-171); --orange8: var(--color-172); --orange9: var(--color-173); --orange10: var(--color-174); --orange11: var(--color-175); --orange12: var(--color-176); --pink1: var(--color-177); --pink2: var(--color-178); --pink3: var(--color-179); --pink4: var(--color-180); --pink5: var(--color-181); --pink6: var(--color-182); --pink7: var(--color-183); --pink8: var(--color-184); --pink9: var(--color-185); --pink10: var(--color-186); --pink11: var(--color-187); --pink12: var(--color-188); --purple1: var(--color-189); --purple2: var(--color-190); --purple3: var(--color-191); --purple4: var(--color-192); --purple5: var(--color-193); --purple6: var(--color-194); --purple7: var(--color-195); --purple8: var(--color-196); --purple9: var(--color-197); --purple10: var(--color-198); --purple11: var(--color-199); --purple12: var(--color-200); --red1: var(--color-201); --red2: var(--color-202); --red3: var(--color-203); --red4: var(--color-204); --red5: var(--color-205); --red6: var(--color-206); --red7: var(--color-207); --red8: var(--color-208); --red9: var(--color-209); --red10: var(--color-210); --red11: var(--color-211); --red12: var(--color-212); --yellow1: var(--color-213); --yellow2: var(--color-214); --yellow3: var(--color-215); --yellow4: var(--color-216); --yellow5: var(--color-217); --yellow6: var(--color-218); --yellow7: var(--color-219); --yellow8: var(--color-220); --yellow9: var(--color-221); --yellow10: var(--color-222); --yellow11: var(--color-223); --yellow12: var(--color-224); --shadowColor: rgba(0, 0, 0, 0.3); --shadowColorHover: rgba(0, 0, 0, 0.3); --shadowColorPress: rgba(0, 0, 0, 0.2); --shadowColorFocus: rgba(0, 0, 0, 0.2); } @media (prefers-color-scheme: light) { body { background: var(--background); color: var(--color); } .t_blue { --accentBackground: var(--color-132); --accentColor: var(--color-36); --background0: var(--color-5); --background025: var(--color-8); --background05: var(--color-7); --background075: var(--color-6); --color1: var(--color-21); --color2: var(--color-22); --color3: var(--color-23); --color4: var(--color-24); --color5: var(--color-25); --color6: var(--color-26); --color7: var(--color-27); --color8: var(--color-28); --color9: var(--color-29); --color10: var(--color-30); --color11: var(--color-31); --color12: var(--color-32); --color0: var(--color-1); --color025: var(--color-4); --color05: var(--color-3); --color075: var(--color-2); --background: #0d0a12; --backgroundHover: var(--color-22); --backgroundPress: var(--color-6); --backgroundFocus: var(--color-6); --borderColor: var(--color-24); --borderColorHover: var(--color-25); --borderColorPress: var(--color-23); --borderColorFocus: var(--color-24); --color: var(--color-32); --colorHover: var(--color-31); --colorPress: var(--color-32); --colorFocus: var(--color-31); --colorTransparent: var(--color-1); --placeholderColor: var(--color-29); --outlineColor: var(--color-4); --blue1: var(--color-129); --blue2: var(--color-130); --blue3: var(--color-131); --blue4: var(--color-132); --blue5: var(--color-133); --blue6: var(--color-134); --blue7: var(--color-135); --blue8: var(--color-136); --blue9: var(--color-137); --blue10: var(--color-138); --blue11: var(--color-139); --blue12: var(--color-140); --gray1: var(--color-141); --gray2: var(--color-142); --gray3: var(--color-143); --gray4: var(--color-144); --gray5: var(--color-145); --gray6: var(--color-146); --gray7: var(--color-147); --gray8: var(--color-148); --gray9: var(--color-149); --gray10: var(--color-150); --gray11: var(--color-151); --gray12: var(--color-152); --green1: var(--color-153); --green2: var(--color-154); --green3: var(--color-155); --green4: var(--color-156); --green5: var(--color-157); --green6: var(--color-158); --green7: var(--color-159); --green8: var(--color-160); --green9: var(--color-161); --green10: var(--color-162); --green11: var(--color-163); --green12: var(--color-164); --orange1: var(--color-165); --orange2: var(--color-166); --orange3: var(--color-167); --orange4: var(--color-168); --orange5: var(--color-169); --orange6: var(--color-170); --orange7: var(--color-171); --orange8: var(--color-172); --orange9: var(--color-173); --orange10: var(--color-174); --orange11: var(--color-175); --orange12: var(--color-176); --pink1: var(--color-177); --pink2: var(--color-178); --pink3: var(--color-179); --pink4: var(--color-180); --pink5: var(--color-181); --pink6: var(--color-182); --pink7: var(--color-183); --pink8: var(--color-184); --pink9: var(--color-185); --pink10: var(--color-186); --pink11: var(--color-187); --pink12: var(--color-188); --purple1: var(--color-189); --purple2: var(--color-190); --purple3: var(--color-191); --purple4: var(--color-192); --purple5: var(--color-193); --purple6: var(--color-194); --purple7: var(--color-195); --purple8: var(--color-196); --purple9: var(--color-197); --purple10: var(--color-198); --purple11: var(--color-199); --purple12: var(--color-200); --red1: var(--color-201); --red2: var(--color-202); --red3: var(--color-203); --red4: var(--color-204); --red5: var(--color-205); --red6: var(--color-206); --red7: var(--color-207); --red8: var(--color-208); --red9: var(--color-209); --red10: var(--color-210); --red11: var(--color-211); --red12: var(--color-212); --yellow1: var(--color-213); --yellow2: var(--color-214); --yellow3: var(--color-215); --yellow4: var(--color-216); --yellow5: var(--color-217); --yellow6: var(--color-218); --yellow7: var(--color-219); --yellow8: var(--color-220); --yellow9: var(--color-221); --yellow10: var(--color-222); --yellow11: var(--color-223); --yellow12: var(--color-224); --shadowColor: rgba(0, 0, 0, 0.3); --shadowColorHover: rgba(0, 0, 0, 0.3); --shadowColorPress: rgba(0, 0, 0, 0.2); --shadowColorFocus: rgba(0, 0, 0, 0.2); } } .t_blue ::selection { background: var(--color5); color: var(--color11); } :root .t_gray { --accentBackground: var(--color-132); --accentColor: var(--color-36); --background0: var(--color-5); --background025: var(--color-8); --background05: var(--color-7); --background075: var(--color-6); --color1: var(--color-21); --color2: var(--color-22); --color3: var(--color-23); --color4: var(--color-24); --color5: var(--color-25); --color6: var(--color-26); --color7: var(--color-27); --color8: var(--color-28); --color9: var(--color-29); --color10: var(--color-30); --color11: var(--color-31); --color12: var(--color-32); --color0: var(--color-1); --color025: var(--color-4); --color05: var(--color-3); --color075: var(--color-2); --background: #0e0e0e; --backgroundHover: var(--color-22); --backgroundPress: var(--color-6); --backgroundFocus: var(--color-6); --borderColor: var(--color-24); --borderColorHover: var(--color-25); --borderColorPress: var(--color-23); --borderColorFocus: var(--color-24); --color: var(--color-32); --colorHover: var(--color-31); --colorPress: var(--color-32); --colorFocus: var(--color-31); --colorTransparent: var(--color-1); --placeholderColor: var(--color-29); --outlineColor: var(--color-4); --blue1: var(--color-129); --blue2: var(--color-130); --blue3: var(--color-131); --blue4: var(--color-132); --blue5: var(--color-133); --blue6: var(--color-134); --blue7: var(--color-135); --blue8: var(--color-136); --blue9: var(--color-137); --blue10: var(--color-138); --blue11: var(--color-139); --blue12: var(--color-140); --gray1: var(--color-141); --gray2: var(--color-142); --gray3: var(--color-143); --gray4: var(--color-144); --gray5: var(--color-145); --gray6: var(--color-146); --gray7: var(--color-147); --gray8: var(--color-148); --gray9: var(--color-149); --gray10: var(--color-150); --gray11: var(--color-151); --gray12: var(--color-152); --green1: var(--color-153); --green2: var(--color-154); --green3: var(--color-155); --green4: var(--color-156); --green5: var(--color-157); --green6: var(--color-158); --green7: var(--color-159); --green8: var(--color-160); --green9: var(--color-161); --green10: var(--color-162); --green11: var(--color-163); --green12: var(--color-164); --orange1: var(--color-165); --orange2: var(--color-166); --orange3: var(--color-167); --orange4: var(--color-168); --orange5: var(--color-169); --orange6: var(--color-170); --orange7: var(--color-171); --orange8: var(--color-172); --orange9: var(--color-173); --orange10: var(--color-174); --orange11: var(--color-175); --orange12: var(--color-176); --pink1: var(--color-177); --pink2: var(--color-178); --pink3: var(--color-179); --pink4: var(--color-180); --pink5: var(--color-181); --pink6: var(--color-182); --pink7: var(--color-183); --pink8: var(--color-184); --pink9: var(--color-185); --pink10: var(--color-186); --pink11: var(--color-187); --pink12: var(--color-188); --purple1: var(--color-189); --purple2: var(--color-190); --purple3: var(--color-191); --purple4: var(--color-192); --purple5: var(--color-193); --purple6: var(--color-194); --purple7: var(--color-195); --purple8: var(--color-196); --purple9: var(--color-197); --purple10: var(--color-198); --purple11: var(--color-199); --purple12: var(--color-200); --red1: var(--color-201); --red2: var(--color-202); --red3: var(--color-203); --red4: var(--color-204); --red5: var(--color-205); --red6: var(--color-206); --red7: var(--color-207); --red8: var(--color-208); --red9: var(--color-209); --red10: var(--color-210); --red11: var(--color-211); --red12: var(--color-212); --yellow1: var(--color-213); --yellow2: var(--color-214); --yellow3: var(--color-215); --yellow4: var(--color-216); --yellow5: var(--color-217); --yellow6: var(--color-218); --yellow7: var(--color-219); --yellow8: var(--color-220); --yellow9: var(--color-221); --yellow10: var(--color-222); --yellow11: var(--color-223); --yellow12: var(--color-224); --shadowColor: rgba(0, 0, 0, 0.3); --shadowColorHover: rgba(0, 0, 0, 0.3); --shadowColorPress: rgba(0, 0, 0, 0.2); --shadowColorFocus: rgba(0, 0, 0, 0.2); } @media (prefers-color-scheme: light) { body { background: var(--background); color: var(--color); } .t_gray { --accentBackground: var(--color-132); --accentColor: var(--color-36); --background0: var(--color-5); --background025: var(--color-8); --background05: var(--color-7); --background075: var(--color-6); --color1: var(--color-21); --color2: var(--color-22); --color3: var(--color-23); --color4: var(--color-24); --color5: var(--color-25); --color6: var(--color-26); --color7: var(--color-27); --color8: var(--color-28); --color9: var(--color-29); --color10: var(--color-30); --color11: var(--color-31); --color12: var(--color-32); --color0: var(--color-1); --color025: var(--color-4); --color05: var(--color-3); --color075: var(--color-2); --background: #0e0e0e; --backgroundHover: var(--color-22); --backgroundPress: var(--color-6); --backgroundFocus: var(--color-6); --borderColor: var(--color-24); --borderColorHover: var(--color-25); --borderColorPress: var(--color-23); --borderColorFocus: var(--color-24); --color: var(--color-32); --colorHover: var(--color-31); --colorPress: var(--color-32); --colorFocus: var(--color-31); --colorTransparent: var(--color-1); --placeholderColor: var(--color-29); --outlineColor: var(--color-4); --blue1: var(--color-129); --blue2: var(--color-130); --blue3: var(--color-131); --blue4: var(--color-132); --blue5: var(--color-133); --blue6: var(--color-134); --blue7: var(--color-135); --blue8: var(--color-136); --blue9: var(--color-137); --blue10: var(--color-138); --blue11: var(--color-139); --blue12: var(--color-140); --gray1: var(--color-141); --gray2: var(--color-142); --gray3: var(--color-143); --gray4: var(--color-144); --gray5: var(--color-145); --gray6: var(--color-146); --gray7: var(--color-147); --gray8: var(--color-148); --gray9: var(--color-149); --gray10: var(--color-150); --gray11: var(--color-151); --gray12: var(--color-152); --green1: var(--color-153); --green2: var(--color-154); --green3: var(--color-155); --green4: var(--color-156); --green5: var(--color-157); --green6: var(--color-158); --green7: var(--color-159); --green8: var(--color-160); --green9: var(--color-161); --green10: var(--color-162); --green11: var(--color-163); --green12: var(--color-164); --orange1: var(--color-165); --orange2: var(--color-166); --orange3: var(--color-167); --orange4: var(--color-168); --orange5: var(--color-169); --orange6: var(--color-170); --orange7: var(--color-171); --orange8: var(--color-172); --orange9: var(--color-173); --orange10: var(--color-174); --orange11: var(--color-175); --orange12: var(--color-176); --pink1: var(--color-177); --pink2: var(--color-178); --pink3: var(--color-179); --pink4: var(--color-180); --pink5: var(--color-181); --pink6: var(--color-182); --pink7: var(--color-183); --pink8: var(--color-184); --pink9: var(--color-185); --pink10: var(--color-186); --pink11: var(--color-187); --pink12: var(--color-188); --purple1: var(--color-189); --purple2: var(--color-190); --purple3: var(--color-191); --purple4: var(--color-192); --purple5: var(--color-193); --purple6: var(--color-194); --purple7: var(--color-195); --purple8: var(--color-196); --purple9: var(--color-197); --purple10: var(--color-198); --purple11: var(--color-199); --purple12: var(--color-200); --red1: var(--color-201); --red2: var(--color-202); --red3: var(--color-203); --red4: var(--color-204); --red5: var(--color-205); --red6: var(--color-206); --red7: var(--color-207); --red8: var(--color-208); --red9: var(--color-209); --red10: var(--color-210); --red11: var(--color-211); --red12: var(--color-212); --yellow1: var(--color-213); --yellow2: var(--color-214); --yellow3: var(--color-215); --yellow4: var(--color-216); --yellow5: var(--color-217); --yellow6: var(--color-218); --yellow7: var(--color-219); --yellow8: var(--color-220); --yellow9: var(--color-221); --yellow10: var(--color-222); --yellow11: var(--color-223); --yellow12: var(--color-224); --shadowColor: rgba(0, 0, 0, 0.3); --shadowColorHover: rgba(0, 0, 0, 0.3); --shadowColorPress: rgba(0, 0, 0, 0.2); --shadowColorFocus: rgba(0, 0, 0, 0.2); } } .t_gray ::selection { background: var(--color5); color: var(--color11); } :root .t_red { --accentBackground: var(--color-132); --accentColor: var(--color-36); --background0: var(--color-5); --background025: var(--color-8); --background05: var(--color-7); --background075: var(--color-6); --color1: var(--color-21); --color2: var(--color-22); --color3: var(--color-23); --color4: var(--color-24); --color5: var(--color-25); --color6: var(--color-26); --color7: var(--color-27); --color8: var(--color-28); --color9: var(--color-29); --color10: var(--color-30); --color11: var(--color-31); --color12: var(--color-32); --color0: var(--color-1); --color025: var(--color-4); --color05: var(--color-3); --color075: var(--color-2); --background: #130909; --backgroundHover: var(--color-22); --backgroundPress: var(--color-6); --backgroundFocus: var(--color-6); --borderColor: var(--color-24); --borderColorHover: var(--color-25); --borderColorPress: var(--color-23); --borderColorFocus: var(--color-24); --color: var(--color-32); --colorHover: var(--color-31); --colorPress: var(--color-32); --colorFocus: var(--color-31); --colorTransparent: var(--color-1); --placeholderColor: var(--color-29); --outlineColor: var(--color-4); --blue1: var(--color-129); --blue2: var(--color-130); --blue3: var(--color-131); --blue4: var(--color-132); --blue5: var(--color-133); --blue6: var(--color-134); --blue7: var(--color-135); --blue8: var(--color-136); --blue9: var(--color-137); --blue10: var(--color-138); --blue11: var(--color-139); --blue12: var(--color-140); --gray1: var(--color-141); --gray2: var(--color-142); --gray3: var(--color-143); --gray4: var(--color-144); --gray5: var(--color-145); --gray6: var(--color-146); --gray7: var(--color-147); --gray8: var(--color-148); --gray9: var(--color-149); --gray10: var(--color-150); --gray11: var(--color-151); --gray12: var(--color-152); --green1: var(--color-153); --green2: var(--color-154); --green3: var(--color-155); --green4: var(--color-156); --green5: var(--color-157); --green6: var(--color-158); --green7: var(--color-159); --green8: var(--color-160); --green9: var(--color-161); --green10: var(--color-162); --green11: var(--color-163); --green12: var(--color-164); --orange1: var(--color-165); --orange2: var(--color-166); --orange3: var(--color-167); --orange4: var(--color-168); --orange5: var(--color-169); --orange6: var(--color-170); --orange7: var(--color-171); --orange8: var(--color-172); --orange9: var(--color-173); --orange10: var(--color-174); --orange11: var(--color-175); --orange12: var(--color-176); --pink1: var(--color-177); --pink2: var(--color-178); --pink3: var(--color-179); --pink4: var(--color-180); --pink5: var(--color-181); --pink6: var(--color-182); --pink7: var(--color-183); --pink8: var(--color-184); --pink9: var(--color-185); --pink10: var(--color-186); --pink11: var(--color-187); --pink12: var(--color-188); --purple1: var(--color-189); --purple2: var(--color-190); --purple3: var(--color-191); --purple4: var(--color-192); --purple5: var(--color-193); --purple6: var(--color-194); --purple7: var(--color-195); --purple8: var(--color-196); --purple9: var(--color-197); --purple10: var(--color-198); --purple11: var(--color-199); --purple12: var(--color-200); --red1: var(--color-201); --red2: var(--color-202); --red3: var(--color-203); --red4: var(--color-204); --red5: var(--color-205); --red6: var(--color-206); --red7: var(--color-207); --red8: var(--color-208); --red9: var(--color-209); --red10: var(--color-210); --red11: var(--color-211); --red12: var(--color-212); --yellow1: var(--color-213); --yellow2: var(--color-214); --yellow3: var(--color-215); --yellow4: var(--color-216); --yellow5: var(--color-217); --yellow6: var(--color-218); --yellow7: var(--color-219); --yellow8: var(--color-220); --yellow9: var(--color-221); --yellow10: var(--color-222); --yellow11: var(--color-223); --yellow12: var(--color-224); --shadowColor: rgba(0, 0, 0, 0.3); --shadowColorHover: rgba(0, 0, 0, 0.3); --shadowColorPress: rgba(0, 0, 0, 0.2); --shadowColorFocus: rgba(0, 0, 0, 0.2); } @media (prefers-color-scheme: light) { body { background: var(--background); color: var(--color); } .t_red { --accentBackground: var(--color-132); --accentColor: var(--color-36); --background0: var(--color-5); --background025: var(--color-8); --background05: var(--color-7); --background075: var(--color-6); --color1: var(--color-21); --color2: var(--color-22); --color3: var(--color-23); --color4: var(--color-24); --color5: var(--color-25); --color6: var(--color-26); --color7: var(--color-27); --color8: var(--color-28); --color9: var(--color-29); --color10: var(--color-30); --color11: var(--color-31); --color12: var(--color-32); --color0: var(--color-1); --color025: var(--color-4); --color05: var(--color-3); --color075: var(--color-2); --background: #130909; --backgroundHover: var(--color-22); --backgroundPress: var(--color-6); --backgroundFocus: var(--color-6); --borderColor: var(--color-24); --borderColorHover: var(--color-25); --borderColorPress: var(--color-23); --borderColorFocus: var(--color-24); --color: var(--color-32); --colorHover: var(--color-31); --colorPress: var(--color-32); --colorFocus: var(--color-31); --colorTransparent: var(--color-1); --placeholderColor: var(--color-29); --outlineColor: var(--color-4); --blue1: var(--color-129); --blue2: var(--color-130); --blue3: var(--color-131); --blue4: var(--color-132); --blue5: var(--color-133); --blue6: var(--color-134); --blue7: var(--color-135); --blue8: var(--color-136); --blue9: var(--color-137); --blue10: var(--color-138); --blue11: var(--color-139); --blue12: var(--color-140); --gray1: var(--color-141); --gray2: var(--color-142); --gray3: var(--color-143); --gray4: var(--color-144); --gray5: var(--color-145); --gray6: var(--color-146); --gray7: var(--color-147); --gray8: var(--color-148); --gray9: var(--color-149); --gray10: var(--color-150); --gray11: var(--color-151); --gray12: var(--color-152); --green1: var(--color-153); --green2: var(--color-154); --green3: var(--color-155); --green4: var(--color-156); --green5: var(--color-157); --green6: var(--color-158); --green7: var(--color-159); --green8: var(--color-160); --green9: var(--color-161); --green10: var(--color-162); --green11: var(--color-163); --green12: var(--color-164); --orange1: var(--color-165); --orange2: var(--color-166); --orange3: var(--color-167); --orange4: var(--color-168); --orange5: var(--color-169); --orange6: var(--color-170); --orange7: var(--color-171); --orange8: var(--color-172); --orange9: var(--color-173); --orange10: var(--color-174); --orange11: var(--color-175); --orange12: var(--color-176); --pink1: var(--color-177); --pink2: var(--color-178); --pink3: var(--color-179); --pink4: var(--color-180); --pink5: var(--color-181); --pink6: var(--color-182); --pink7: var(--color-183); --pink8: var(--color-184); --pink9: var(--color-185); --pink10: var(--color-186); --pink11: var(--color-187); --pink12: var(--color-188); --purple1: var(--color-189); --purple2: var(--color-190); --purple3: var(--color-191); --purple4: var(--color-192); --purple5: var(--color-193); --purple6: var(--color-194); --purple7: var(--color-195); --purple8: var(--color-196); --purple9: var(--color-197); --purple10: var(--color-198); --purple11: var(--color-199); --purple12: var(--color-200); --red1: var(--color-201); --red2: var(--color-202); --red3: var(--color-203); --red4: var(--color-204); --red5: var(--color-205); --red6: var(--color-206); --red7: var(--color-207); --red8: var(--color-208); --red9: var(--color-209); --red10: var(--color-210); --red11: var(--color-211); --red12: var(--color-212); --yellow1: var(--color-213); --yellow2: var(--color-214); --yellow3: var(--color-215); --yellow4: var(--color-216); --yellow5: var(--color-217); --yellow6: var(--color-218); --yellow7: var(--color-219); --yellow8: var(--color-220); --yellow9: var(--color-221); --yellow10: var(--color-222); --yellow11: var(--color-223); --yellow12: var(--color-224); --shadowColor: rgba(0, 0, 0, 0.3); --shadowColorHover: rgba(0, 0, 0, 0.3); --shadowColorPress: rgba(0, 0, 0, 0.2); --shadowColorFocus: rgba(0, 0, 0, 0.2); } } .t_red ::selection { background: var(--color5); color: var(--color11); } :root .t_teal { --accentBackground: var(--color-132); --accentColor: var(--color-36); --background0: var(--color-5); --background025: var(--color-8); --background05: var(--color-7); --background075: var(--color-6); --color1: var(--color-21); --color2: var(--color-22); --color3: var(--color-23); --color4: var(--color-24); --color5: var(--color-25); --color6: var(--color-26); --color7: var(--color-27); --color8: var(--color-28); --color9: var(--color-29); --color10: var(--color-30); --color11: var(--color-31); --color12: var(--color-32); --color0: var(--color-1); --color025: var(--color-4); --color05: var(--color-3); --color075: var(--color-2); --background: #0a0e12; --backgroundHover: var(--color-22); --backgroundPress: var(--color-6); --backgroundFocus: var(--color-6); --borderColor: var(--color-24); --borderColorHover: var(--color-25); --borderColorPress: var(--color-23); --borderColorFocus: var(--color-24); --color: var(--color-32); --colorHover: var(--color-31); --colorPress: var(--color-32); --colorFocus: var(--color-31); --colorTransparent: var(--color-1); --placeholderColor: var(--color-29); --outlineColor: var(--color-4); --blue1: var(--color-129); --blue2: var(--color-130); --blue3: var(--color-131); --blue4: var(--color-132); --blue5: var(--color-133); --blue6: var(--color-134); --blue7: var(--color-135); --blue8: var(--color-136); --blue9: var(--color-137); --blue10: var(--color-138); --blue11: var(--color-139); --blue12: var(--color-140); --gray1: var(--color-141); --gray2: var(--color-142); --gray3: var(--color-143); --gray4: var(--color-144); --gray5: var(--color-145); --gray6: var(--color-146); --gray7: var(--color-147); --gray8: var(--color-148); --gray9: var(--color-149); --gray10: var(--color-150); --gray11: var(--color-151); --gray12: var(--color-152); --green1: var(--color-153); --green2: var(--color-154); --green3: var(--color-155); --green4: var(--color-156); --green5: var(--color-157); --green6: var(--color-158); --green7: var(--color-159); --green8: var(--color-160); --green9: var(--color-161); --green10: var(--color-162); --green11: var(--color-163); --green12: var(--color-164); --orange1: var(--color-165); --orange2: var(--color-166); --orange3: var(--color-167); --orange4: var(--color-168); --orange5: var(--color-169); --orange6: var(--color-170); --orange7: var(--color-171); --orange8: var(--color-172); --orange9: var(--color-173); --orange10: var(--color-174); --orange11: var(--color-175); --orange12: var(--color-176); --pink1: var(--color-177); --pink2: var(--color-178); --pink3: var(--color-179); --pink4: var(--color-180); --pink5: var(--color-181); --pink6: var(--color-182); --pink7: var(--color-183); --pink8: var(--color-184); --pink9: var(--color-185); --pink10: var(--color-186); --pink11: var(--color-187); --pink12: var(--color-188); --purple1: var(--color-189); --purple2: var(--color-190); --purple3: var(--color-191); --purple4: var(--color-192); --purple5: var(--color-193); --purple6: var(--color-194); --purple7: var(--color-195); --purple8: var(--color-196); --purple9: var(--color-197); --purple10: var(--color-198); --purple11: var(--color-199); --purple12: var(--color-200); --red1: var(--color-201); --red2: var(--color-202); --red3: var(--color-203); --red4: var(--color-204); --red5: var(--color-205); --red6: var(--color-206); --red7: var(--color-207); --red8: var(--color-208); --red9: var(--color-209); --red10: var(--color-210); --red11: var(--color-211); --red12: var(--color-212); --yellow1: var(--color-213); --yellow2: var(--color-214); --yellow3: var(--color-215); --yellow4: var(--color-216); --yellow5: var(--color-217); --yellow6: var(--color-218); --yellow7: var(--color-219); --yellow8: var(--color-220); --yellow9: var(--color-221); --yellow10: var(--color-222); --yellow11: var(--color-223); --yellow12: var(--color-224); --shadowColor: rgba(0, 0, 0, 0.3); --shadowColorHover: rgba(0, 0, 0, 0.3); --shadowColorPress: rgba(0, 0, 0, 0.2); --shadowColorFocus: rgba(0, 0, 0, 0.2); } @media (prefers-color-scheme: light) { body { background: var(--background); color: var(--color); } .t_teal { --accentBackground: var(--color-132); --accentColor: var(--color-36); --background0: var(--color-5); --background025: var(--color-8); --background05: var(--color-7); --background075: var(--color-6); --color1: var(--color-21); --color2: var(--color-22); --color3: var(--color-23); --color4: var(--color-24); --color5: var(--color-25); --color6: var(--color-26); --color7: var(--color-27); --color8: var(--color-28); --color9: var(--color-29); --color10: var(--color-30); --color11: var(--color-31); --color12: var(--color-32); --color0: var(--color-1); --color025: var(--color-4); --color05: var(--color-3); --color075: var(--color-2); --background: #0a0e12; --backgroundHover: var(--color-22); --backgroundPress: var(--color-6); --backgroundFocus: var(--color-6); --borderColor: var(--color-24); --borderColorHover: var(--color-25); --borderColorPress: var(--color-23); --borderColorFocus: var(--color-24); --color: var(--color-32); --colorHover: var(--color-31); --colorPress: var(--color-32); --colorFocus: var(--color-31); --colorTransparent: var(--color-1); --placeholderColor: var(--color-29); --outlineColor: var(--color-4); --blue1: var(--color-129); --blue2: var(--color-130); --blue3: var(--color-131); --blue4: var(--color-132); --blue5: var(--color-133); --blue6: var(--color-134); --blue7: var(--color-135); --blue8: var(--color-136); --blue9: var(--color-137); --blue10: var(--color-138); --blue11: var(--color-139); --blue12: var(--color-140); --gray1: var(--color-141); --gray2: var(--color-142); --gray3: var(--color-143); --gray4: var(--color-144); --gray5: var(--color-145); --gray6: var(--color-146); --gray7: var(--color-147); --gray8: var(--color-148); --gray9: var(--color-149); --gray10: var(--color-150); --gray11: var(--color-151); --gray12: var(--color-152); --green1: var(--color-153); --green2: var(--color-154); --green3: var(--color-155); --green4: var(--color-156); --green5: var(--color-157); --green6: var(--color-158); --green7: var(--color-159); --green8: var(--color-160); --green9: var(--color-161); --green10: var(--color-162); --green11: var(--color-163); --green12: var(--color-164); --orange1: var(--color-165); --orange2: var(--color-166); --orange3: var(--color-167); --orange4: var(--color-168); --orange5: var(--color-169); --orange6: var(--color-170); --orange7: var(--color-171); --orange8: var(--color-172); --orange9: var(--color-173); --orange10: var(--color-174); --orange11: var(--color-175); --orange12: var(--color-176); --pink1: var(--color-177); --pink2: var(--color-178); --pink3: var(--color-179); --pink4: var(--color-180); --pink5: var(--color-181); --pink6: var(--color-182); --pink7: var(--color-183); --pink8: var(--color-184); --pink9: var(--color-185); --pink10: var(--color-186); --pink11: var(--color-187); --pink12: var(--color-188); --purple1: var(--color-189); --purple2: var(--color-190); --purple3: var(--color-191); --purple4: var(--color-192); --purple5: var(--color-193); --purple6: var(--color-194); --purple7: var(--color-195); --purple8: var(--color-196); --purple9: var(--color-197); --purple10: var(--color-198); --purple11: var(--color-199); --purple12: var(--color-200); --red1: var(--color-201); --red2: var(--color-202); --red3: var(--color-203); --red4: var(--color-204); --red5: var(--color-205); --red6: var(--color-206); --red7: var(--color-207); --red8: var(--color-208); --red9: var(--color-209); --red10: var(--color-210); --red11: var(--color-211); --red12: var(--color-212); --yellow1: var(--color-213); --yellow2: var(--color-214); --yellow3: var(--color-215); --yellow4: var(--color-216); --yellow5: var(--color-217); --yellow6: var(--color-218); --yellow7: var(--color-219); --yellow8: var(--color-220); --yellow9: var(--color-221); --yellow10: var(--color-222); --yellow11: var(--color-223); --yellow12: var(--color-224); --shadowColor: rgba(0, 0, 0, 0.3); --shadowColorHover: rgba(0, 0, 0, 0.3); --shadowColorPress: rgba(0, 0, 0, 0.2); --shadowColorFocus: rgba(0, 0, 0, 0.2); } } .t_teal ::selection { background: var(--color5); color: var(--color11); }