mirror of
https://github.com/movie-web/native-app.git
synced 2025-09-13 17:13:25 +00:00
12796 lines
452 KiB
CSS
12796 lines
452 KiB
CSS
._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);
|
|
}
|