:root {
    --sf-img-20: url("assets/style_asset_16.png");
    --sf-img-35: url("assets/style_asset_15.webp")
}

:root {
    --gray-1: #fcfcfc;
    --gray-2: #f9f9f9;
    --gray-3: #f0f0f0;
    --gray-4: #e8e8e8;
    --gray-5: #e0e0e0;
    --gray-6: #d9d9d9;
    --gray-7: #cecece;
    --gray-8: #bbb;
    --gray-9: #8d8d8d;
    --gray-10: #838383;
    --gray-11: #646464;
    --gray-12: #202020;
    --gray-a1: #00000003;
    --gray-a2: #00000006;
    --gray-a3: #0000000f;
    --gray-a4: #00000017;
    --gray-a5: #0000001f;
    --gray-a6: #00000026;
    --gray-a7: #00000031;
    --gray-a8: #00000044;
    --gray-a9: #00000072;
    --gray-a10: #0000007c;
    --gray-a11: #0000009b;
    --gray-a12: #000000df;
    --mauve-1: #fdfcfd;
    --mauve-2: #faf9fb;
    --mauve-3: #f2eff3;
    --mauve-4: #eae7ec;
    --mauve-5: #e3dfe6;
    --mauve-6: #dbd8e0;
    --mauve-7: #d0cdd7;
    --mauve-8: #bcbac7;
    --mauve-9: #8e8c99;
    --mauve-10: #84828e;
    --mauve-11: #65636d;
    --mauve-12: #211f26;
    --mauve-a1: #55005503;
    --mauve-a2: #2b005506;
    --mauve-a3: #30004010;
    --mauve-a4: #20003618;
    --mauve-a5: #20003820;
    --mauve-a6: #14003527;
    --mauve-a7: #10003332;
    --mauve-a8: #08003145;
    --mauve-a9: #05001d73;
    --mauve-a10: #0500197d;
    --mauve-a11: #0400119c;
    --mauve-a12: #020008e0;
    --slate-1: #fcfcfd;
    --slate-2: #f9f9fb;
    --slate-3: #f0f0f3;
    --slate-4: #e8e8ec;
    --slate-5: #e0e1e6;
    --slate-6: #d9d9e0;
    --slate-7: #cdced6;
    --slate-8: #b9bbc6;
    --slate-9: #8b8d98;
    --slate-10: #80838d;
    --slate-11: #60646c;
    --slate-12: #1c2024;
    --slate-a1: #00005503;
    --slate-a2: #00005506;
    --slate-a3: #0000330f;
    --slate-a4: #00002d17;
    --slate-a5: #0009321f;
    --slate-a6: #00002f26;
    --slate-a7: #00062e32;
    --slate-a8: #00083046;
    --slate-a9: #00051d74;
    --slate-a10: #00071b7f;
    --slate-a11: #0007149f;
    --slate-a12: #000509e3;
    --sage-1: #fbfdfc;
    --sage-2: #f7f9f8;
    --sage-3: #eef1f0;
    --sage-4: #e6e9e8;
    --sage-5: #dfe2e0;
    --sage-6: #d7dad9;
    --sage-7: #cbcfcd;
    --sage-8: #b8bcba;
    --sage-9: #868e8b;
    --sage-10: #7c8481;
    --sage-11: #5f6563;
    --sage-12: #1a211e;
    --sage-a1: #00804004;
    --sage-a2: #00402008;
    --sage-a3: #002d1e11;
    --sage-a4: #001f1519;
    --sage-a5: #00180820;
    --sage-a6: #00140d28;
    --sage-a7: #00140a34;
    --sage-a8: #000f0847;
    --sage-a9: #00110b79;
    --sage-a10: #00100a83;
    --sage-a11: #000a07a0;
    --sage-a12: #000805e5;
    --olive-1: #fcfdfc;
    --olive-2: #f8faf8;
    --olive-3: #eff1ef;
    --olive-4: #e7e9e7;
    --olive-5: #dfe2df;
    --olive-6: #d7dad7;
    --olive-7: #cccfcc;
    --olive-8: #b9bcb8;
    --olive-9: #898e87;
    --olive-10: #7f847d;
    --olive-11: #60655f;
    --olive-12: #1d211c;
    --olive-a1: #00550003;
    --olive-a2: #00490007;
    --olive-a3: #00200010;
    --olive-a4: #00160018;
    --olive-a5: #00180020;
    --olive-a6: #00140028;
    --olive-a7: #000f0033;
    --olive-a8: #040f0047;
    --olive-a9: #050f0078;
    --olive-a10: #040e0082;
    --olive-a11: #020a00a0;
    --olive-a12: #010600e3;
    --sand-1: #fdfdfc;
    --sand-2: #f9f9f8;
    --sand-3: #f1f0ef;
    --sand-4: #e9e8e6;
    --sand-5: #e2e1de;
    --sand-6: #dad9d6;
    --sand-7: #cfceca;
    --sand-8: #bcbbb5;
    --sand-9: #8d8d86;
    --sand-10: #82827c;
    --sand-11: #63635e;
    --sand-12: #21201c;
    --sand-a1: #55550003;
    --sand-a2: #25250007;
    --sand-a3: #20100010;
    --sand-a4: #1f150019;
    --sand-a5: #1f180021;
    --sand-a6: #19130029;
    --sand-a7: #19140035;
    --sand-a8: #1915014a;
    --sand-a9: #0f0f0079;
    --sand-a10: #0c0c0083;
    --sand-a11: #080800a1;
    --sand-a12: #060500e3;
    --amber-1: #fefdfb;
    --amber-2: #fefbe9;
    --amber-3: #fff7c2;
    --amber-4: #ffee9c;
    --amber-5: #fbe577;
    --amber-6: #f3d673;
    --amber-7: #e9c162;
    --amber-8: #e2a336;
    --amber-9: #ffc53d;
    --amber-10: #ffba18;
    --amber-11: #ab6400;
    --amber-12: #4f3422;
    --amber-a1: #c0800004;
    --amber-a2: #f4d10016;
    --amber-a3: #ffde003d;
    --amber-a4: #ffd40063;
    --amber-a5: #f8cf0088;
    --amber-a6: #eab5008c;
    --amber-a7: #dc9b009d;
    --amber-a8: #da8a00c9;
    --amber-a9: #ffb300c2;
    --amber-a10: #ffb300e7;
    --amber-a11: #ab6400;
    --amber-a12: #341500dd;
    --blue-1: #fbfdff;
    --blue-2: #f4faff;
    --blue-3: #e6f4fe;
    --blue-4: #d5efff;
    --blue-5: #c2e5ff;
    --blue-6: #acd8fc;
    --blue-7: #8ec8f6;
    --blue-8: #5eb1ef;
    --blue-9: #0090ff;
    --blue-10: #0588f0;
    --blue-11: #0d74ce;
    --blue-12: #113264;
    --blue-a1: #0080ff04;
    --blue-a2: #008cff0b;
    --blue-a3: #008ff519;
    --blue-a4: #009eff2a;
    --blue-a5: #0093ff3d;
    --blue-a6: #0088f653;
    --blue-a7: #0083eb71;
    --blue-a8: #0084e6a1;
    --blue-a9: #0090ff;
    --blue-a10: #0086f0fa;
    --blue-a11: #006dcbf2;
    --blue-a12: #002359ee;
    --bronze-1: #fdfcfc;
    --bronze-2: #fdf7f5;
    --bronze-3: #f6edea;
    --bronze-4: #efe4df;
    --bronze-5: #e7d9d3;
    --bronze-6: #dfcdc5;
    --bronze-7: #d3bcb3;
    --bronze-8: #c2a499;
    --bronze-9: #a18072;
    --bronze-10: #957468;
    --bronze-11: #7d5e54;
    --bronze-12: #43302b;
    --bronze-a1: #55000003;
    --bronze-a2: #cc33000a;
    --bronze-a3: #92250015;
    --bronze-a4: #80280020;
    --bronze-a5: #7423002c;
    --bronze-a6: #7324003a;
    --bronze-a7: #6c1f004c;
    --bronze-a8: #671c0066;
    --bronze-a9: #551a008d;
    --bronze-a10: #4c150097;
    --bronze-a11: #3d0f00ab;
    --bronze-a12: #1d0600d4;
    --brown-1: #fefdfc;
    --brown-2: #fcf9f6;
    --brown-3: #f6eee7;
    --brown-4: #f0e4d9;
    --brown-5: #ebdaca;
    --brown-6: #e4cdb7;
    --brown-7: #dcbc9f;
    --brown-8: #cea37e;
    --brown-9: #ad7f58;
    --brown-10: #a07553;
    --brown-11: #815e46;
    --brown-12: #3e332e;
    --brown-a1: #aa550003;
    --brown-a2: #aa550009;
    --brown-a3: #a04b0018;
    --brown-a4: #9b4a0026;
    --brown-a5: #9f4d0035;
    --brown-a6: #a04e0048;
    --brown-a7: #a34e0060;
    --brown-a8: #9f4a0081;
    --brown-a9: #823c00a7;
    --brown-a10: #723300ac;
    --brown-a11: #522100b9;
    --brown-a12: #140600d1;
    --crimson-1: #fffcfd;
    --crimson-2: #fef7f9;
    --crimson-3: #ffe9f0;
    --crimson-4: #fedce7;
    --crimson-5: #facedd;
    --crimson-6: #f3bed1;
    --crimson-7: #eaacc3;
    --crimson-8: #e093b2;
    --crimson-9: #e93d82;
    --crimson-10: #df3478;
    --crimson-11: #cb1d63;
    --crimson-12: #621639;
    --crimson-a1: #ff005503;
    --crimson-a2: #e0004008;
    --crimson-a3: #ff005216;
    --crimson-a4: #f8005123;
    --crimson-a5: #e5004f31;
    --crimson-a6: #d0004b41;
    --crimson-a7: #bf004753;
    --crimson-a8: #b6004a6c;
    --crimson-a9: #e2005bc2;
    --crimson-a10: #d70056cb;
    --crimson-a11: #c4004fe2;
    --crimson-a12: #530026e9;
    --cyan-1: #fafdfe;
    --cyan-2: #f2fafb;
    --cyan-3: #def7f9;
    --cyan-4: #caf1f6;
    --cyan-5: #b5e9f0;
    --cyan-6: #9ddde7;
    --cyan-7: #7dcedc;
    --cyan-8: #3db9cf;
    --cyan-9: #00a2c7;
    --cyan-10: #0797b9;
    --cyan-11: #107d98;
    --cyan-12: #0d3c48;
    --cyan-a1: #0099cc05;
    --cyan-a2: #009db10d;
    --cyan-a3: #00c2d121;
    --cyan-a4: #00bcd435;
    --cyan-a5: #01b4cc4a;
    --cyan-a6: #00a7c162;
    --cyan-a7: #009fbb82;
    --cyan-a8: #00a3c0c2;
    --cyan-a9: #00a2c7;
    --cyan-a10: #0094b7f8;
    --cyan-a11: #007491ef;
    --cyan-a12: #00323ef2;
    --gold-1: #fdfdfc;
    --gold-2: #faf9f2;
    --gold-3: #f2f0e7;
    --gold-4: #eae6db;
    --gold-5: #e1dccf;
    --gold-6: #d8d0bf;
    --gold-7: #cbc0aa;
    --gold-8: #b9a88d;
    --gold-9: #978365;
    --gold-10: #8c7a5e;
    --gold-11: #71624b;
    --gold-12: #3b352b;
    --gold-a1: #55550003;
    --gold-a2: #9d8a000d;
    --gold-a3: #75600018;
    --gold-a4: #6b4e0024;
    --gold-a5: #60460030;
    --gold-a6: #64440040;
    --gold-a7: #63420055;
    --gold-a8: #633d0072;
    --gold-a9: #5332009a;
    --gold-a10: #492d00a1;
    --gold-a11: #362100b4;
    --gold-a12: #130c00d4;
    --grass-1: #fbfefb;
    --grass-2: #f5fbf5;
    --grass-3: #e9f6e9;
    --grass-4: #daf1db;
    --grass-5: #c9e8ca;
    --grass-6: #b2ddb5;
    --grass-7: #94ce9a;
    --grass-8: #65ba74;
    --grass-9: #46a758;
    --grass-10: #3e9b4f;
    --grass-11: #2a7e3b;
    --grass-12: #203c25;
    --grass-a1: #00c00004;
    --grass-a2: #0099000a;
    --grass-a3: #00970016;
    --grass-a4: #009f0725;
    --grass-a5: #00930536;
    --grass-a6: #008f0a4d;
    --grass-a7: #018b0f6b;
    --grass-a8: #008d199a;
    --grass-a9: #008619b9;
    --grass-a10: #007b17c1;
    --grass-a11: #006514d5;
    --grass-a12: #002006df;
    --green-1: #fbfefc;
    --green-2: #f4fbf6;
    --green-3: #e6f6eb;
    --green-4: #d6f1df;
    --green-5: #c4e8d1;
    --green-6: #adddc0;
    --green-7: #8eceaa;
    --green-8: #5bb98b;
    --green-9: #30a46c;
    --green-10: #2b9a66;
    --green-11: #218358;
    --green-12: #193b2d;
    --green-a1: #00c04004;
    --green-a2: #00a32f0b;
    --green-a3: #00a43319;
    --green-a4: #00a83829;
    --green-a5: #019c393b;
    --green-a6: #00963c52;
    --green-a7: #00914071;
    --green-a8: #00924ba4;
    --green-a9: #008f4acf;
    --green-a10: #008647d4;
    --green-a11: #00713fde;
    --green-a12: #002616e6;
    --indigo-1: #fdfdfe;
    --indigo-2: #f7f9ff;
    --indigo-3: #edf2fe;
    --indigo-4: #e1e9ff;
    --indigo-5: #d2deff;
    --indigo-6: #c1d0ff;
    --indigo-7: #abbdf9;
    --indigo-8: #8da4ef;
    --indigo-9: #3e63dd;
    --indigo-10: #3358d4;
    --indigo-11: #3a5bc7;
    --indigo-12: #1f2d5c;
    --indigo-a1: #00008002;
    --indigo-a2: #0040ff08;
    --indigo-a3: #0047f112;
    --indigo-a4: #0044ff1e;
    --indigo-a5: #0044ff2d;
    --indigo-a6: #003eff3e;
    --indigo-a7: #0037ed54;
    --indigo-a8: #0034dc72;
    --indigo-a9: #0031d2c1;
    --indigo-a10: #002ec9cc;
    --indigo-a11: #002bb7c5;
    --indigo-a12: #001046e0;
    --iris-1: #fdfdff;
    --iris-2: #f8f8ff;
    --iris-3: #f0f1fe;
    --iris-4: #e6e7ff;
    --iris-5: #dadcff;
    --iris-6: #cbcdff;
    --iris-7: #b8baf8;
    --iris-8: #9b9ef0;
    --iris-9: #5b5bd6;
    --iris-10: #5151cd;
    --iris-11: #5753c6;
    --iris-12: #272962;
    --iris-a1: #0000ff02;
    --iris-a2: #0000ff07;
    --iris-a3: #0011ee0f;
    --iris-a4: #000bff19;
    --iris-a5: #000eff25;
    --iris-a6: #000aff34;
    --iris-a7: #0008e647;
    --iris-a8: #0008d964;
    --iris-a9: #0000c0a4;
    --iris-a10: #0000b6ae;
    --iris-a11: #0600abac;
    --iris-a12: #000246d8;
    --jade-1: #fbfefd;
    --jade-2: #f4fbf7;
    --jade-3: #e6f7ed;
    --jade-4: #d6f1e3;
    --jade-5: #c3e9d7;
    --jade-6: #acdec8;
    --jade-7: #8bceb6;
    --jade-8: #56ba9f;
    --jade-9: #29a383;
    --jade-10: #26997b;
    --jade-11: #208368;
    --jade-12: #1d3b31;
    --jade-a1: #00c08004;
    --jade-a2: #00a3460b;
    --jade-a3: #00ae4819;
    --jade-a4: #00a85129;
    --jade-a5: #00a2553c;
    --jade-a6: #009a5753;
    --jade-a7: #00945f74;
    --jade-a8: #00976ea9;
    --jade-a9: #00916bd6;
    --jade-a10: #008764d9;
    --jade-a11: #007152df;
    --jade-a12: #002217e2;
    --lime-1: #fcfdfa;
    --lime-2: #f8faf3;
    --lime-3: #eef6d6;
    --lime-4: #e2f0bd;
    --lime-5: #d3e7a6;
    --lime-6: #c2da91;
    --lime-7: #abc978;
    --lime-8: #8db654;
    --lime-9: #bdee63;
    --lime-10: #b0e64c;
    --lime-11: #5c7c2f;
    --lime-12: #37401c;
    --lime-a1: #66990005;
    --lime-a2: #6b95000c;
    --lime-a3: #96c80029;
    --lime-a4: #8fc60042;
    --lime-a5: #81bb0059;
    --lime-a6: #72aa006e;
    --lime-a7: #61990087;
    --lime-a8: #559200ab;
    --lime-a9: #93e4009c;
    --lime-a10: #8fdc00b3;
    --lime-a11: #375f00d0;
    --lime-a12: #1e2900e3;
    --mint-1: #f9fefd;
    --mint-2: #f2fbf9;
    --mint-3: #ddf9f2;
    --mint-4: #c8f4e9;
    --mint-5: #b3ecde;
    --mint-6: #9ce0d0;
    --mint-7: #7ecfbd;
    --mint-8: #4cbba5;
    --mint-9: #86ead4;
    --mint-10: #7de0cb;
    --mint-11: #027864;
    --mint-12: #16433c;
    --mint-a1: #00d5aa06;
    --mint-a2: #00b18a0d;
    --mint-a3: #00d29e22;
    --mint-a4: #00cc9937;
    --mint-a5: #00c0914c;
    --mint-a6: #00b08663;
    --mint-a7: #00a17d81;
    --mint-a8: #009e7fb3;
    --mint-a9: #00d3a579;
    --mint-a10: #00c39982;
    --mint-a11: #007763fd;
    --mint-a12: #00312ae9;
    --orange-1: #fefcfb;
    --orange-2: #fff7ed;
    --orange-3: #ffefd6;
    --orange-4: #ffdfb5;
    --orange-5: #ffd19a;
    --orange-6: #ffc182;
    --orange-7: #f5ae73;
    --orange-8: #ec9455;
    --orange-9: #f76b15;
    --orange-10: #ef5f00;
    --orange-11: #cc4e00;
    --orange-12: #582d1d;
    --orange-a1: #c0400004;
    --orange-a2: #ff8e0012;
    --orange-a3: #ff9c0029;
    --orange-a4: #ff91014a;
    --orange-a5: #ff8b0065;
    --orange-a6: #ff81007d;
    --orange-a7: #ed6c008c;
    --orange-a8: #e35f00aa;
    --orange-a9: #f65e00ea;
    --orange-a10: #ef5f00;
    --orange-a11: #cc4e00;
    --orange-a12: #431200e2;
    --pink-1: #fffcfe;
    --pink-2: #fef7fb;
    --pink-3: #fee9f5;
    --pink-4: #fbdcef;
    --pink-5: #f6cee7;
    --pink-6: #efbfdd;
    --pink-7: #e7acd0;
    --pink-8: #dd93c2;
    --pink-9: #d6409f;
    --pink-10: #cf3897;
    --pink-11: #c2298a;
    --pink-12: #651249;
    --pink-a1: #ff00aa03;
    --pink-a2: #e0008008;
    --pink-a3: #f4008c16;
    --pink-a4: #e2008b23;
    --pink-a5: #d1008331;
    --pink-a6: #c0007840;
    --pink-a7: #b6006f53;
    --pink-a8: #af006f6c;
    --pink-a9: #c8007fbf;
    --pink-a10: #c2007ac7;
    --pink-a11: #b60074d6;
    --pink-a12: #59003bed;
    --plum-1: #fefcff;
    --plum-2: #fdf7fd;
    --plum-3: #fbebfb;
    --plum-4: #f7def8;
    --plum-5: #f2d1f3;
    --plum-6: #e9c2ec;
    --plum-7: #deade3;
    --plum-8: #cf91d8;
    --plum-9: #ab4aba;
    --plum-10: #a144af;
    --plum-11: #953ea3;
    --plum-12: #53195d;
    --plum-a1: #aa00ff03;
    --plum-a2: #c000c008;
    --plum-a3: #cc00cc14;
    --plum-a4: #c200c921;
    --plum-a5: #b700bd2e;
    --plum-a6: #a400b03d;
    --plum-a7: #9900a852;
    --plum-a8: #9000a56e;
    --plum-a9: #89009eb5;
    --plum-a10: #7f0092bb;
    --plum-a11: #730086c1;
    --plum-a12: #40004be6;
    --purple-1: #fefcfe;
    --purple-2: #fbf7fe;
    --purple-3: #f7edfe;
    --purple-4: #f2e2fc;
    --purple-5: #ead5f9;
    --purple-6: #e0c4f4;
    --purple-7: #d1afec;
    --purple-8: #be93e4;
    --purple-9: #8e4ec6;
    --purple-10: #8347b9;
    --purple-11: #8145b5;
    --purple-12: #402060;
    --purple-a1: #aa00aa03;
    --purple-a2: #8000e008;
    --purple-a3: #8e00f112;
    --purple-a4: #8d00e51d;
    --purple-a5: #8000db2a;
    --purple-a6: #7a01d03b;
    --purple-a7: #6d00c350;
    --purple-a8: #6600c06c;
    --purple-a9: #5c00adb1;
    --purple-a10: #53009eb8;
    --purple-a11: #52009aba;
    --purple-a12: #250049df;
    --red-1: #fffcfc;
    --red-2: #fff7f7;
    --red-3: #feebec;
    --red-4: #ffdbdc;
    --red-5: #ffcdce;
    --red-6: #fdbdbe;
    --red-7: #f4a9aa;
    --red-8: #eb8e90;
    --red-9: #e5484d;
    --red-10: #dc3e42;
    --red-11: #ce2c31;
    --red-12: #641723;
    --red-a1: #ff000003;
    --red-a2: #ff000008;
    --red-a3: #f3000d14;
    --red-a4: #ff000824;
    --red-a5: #ff000632;
    --red-a6: #f8000442;
    --red-a7: #df000356;
    --red-a8: #d2000571;
    --red-a9: #db0007b7;
    --red-a10: #d10005c1;
    --red-a11: #c40006d3;
    --red-a12: #55000de8;
    --ruby-1: #fffcfd;
    --ruby-2: #fff7f8;
    --ruby-3: #feeaed;
    --ruby-4: #ffdce1;
    --ruby-5: #ffced6;
    --ruby-6: #f8bfc8;
    --ruby-7: #efacb8;
    --ruby-8: #e592a3;
    --ruby-9: #e54666;
    --ruby-10: #dc3b5d;
    --ruby-11: #ca244d;
    --ruby-12: #64172b;
    --ruby-a1: #ff005503;
    --ruby-a2: #ff002008;
    --ruby-a3: #f3002515;
    --ruby-a4: #ff002523;
    --ruby-a5: #ff002a31;
    --ruby-a6: #e4002440;
    --ruby-a7: #ce002553;
    --ruby-a8: #c300286d;
    --ruby-a9: #db002cb9;
    --ruby-a10: #d2002cc4;
    --ruby-a11: #c10030db;
    --ruby-a12: #550016e8;
    --sky-1: #f9feff;
    --sky-2: #f1fafd;
    --sky-3: #e1f6fd;
    --sky-4: #d1f0fa;
    --sky-5: #bee7f5;
    --sky-6: #a9daed;
    --sky-7: #8dcae3;
    --sky-8: #60b3d7;
    --sky-9: #7ce2fe;
    --sky-10: #74daf8;
    --sky-11: #00749e;
    --sky-12: #1d3e56;
    --sky-a1: #00d5ff06;
    --sky-a2: #00a4db0e;
    --sky-a3: #00b3ee1e;
    --sky-a4: #00ace42e;
    --sky-a5: #00a1d841;
    --sky-a6: #0092ca56;
    --sky-a7: #0089c172;
    --sky-a8: #0085bf9f;
    --sky-a9: #00c7fe83;
    --sky-a10: #00bcf38b;
    --sky-a11: #00749e;
    --sky-a12: #002540e2;
    --teal-1: #fafefd;
    --teal-2: #f3fbf9;
    --teal-3: #e0f8f3;
    --teal-4: #ccf3ea;
    --teal-5: #b8eae0;
    --teal-6: #a1ded2;
    --teal-7: #83cdc1;
    --teal-8: #53b9ab;
    --teal-9: #12a594;
    --teal-10: #0d9b8a;
    --teal-11: #008573;
    --teal-12: #0d3d38;
    --teal-a1: #00cc9905;
    --teal-a2: #00aa800c;
    --teal-a3: #00c69d1f;
    --teal-a4: #00c39633;
    --teal-a5: #00b49047;
    --teal-a6: #00a6855e;
    --teal-a7: #0099807c;
    --teal-a8: #009783ac;
    --teal-a9: #009e8ced;
    --teal-a10: #009684f2;
    --teal-a11: #008573;
    --teal-a12: #00332df2;
    --tomato-1: #fffcfc;
    --tomato-2: #fff8f7;
    --tomato-3: #feebe7;
    --tomato-4: #ffdcd3;
    --tomato-5: #ffcdc2;
    --tomato-6: #fdbdaf;
    --tomato-7: #f5a898;
    --tomato-8: #ec8e7b;
    --tomato-9: #e54d2e;
    --tomato-10: #dd4425;
    --tomato-11: #d13415;
    --tomato-12: #5c271f;
    --tomato-a1: #ff000003;
    --tomato-a2: #ff200008;
    --tomato-a3: #f52b0018;
    --tomato-a4: #ff35002c;
    --tomato-a5: #ff2e003d;
    --tomato-a6: #f92d0050;
    --tomato-a7: #e7280067;
    --tomato-a8: #db250084;
    --tomato-a9: #df2600d1;
    --tomato-a10: #d72400da;
    --tomato-a11: #cd2200ea;
    --tomato-a12: #460900e0;
    --violet-1: #fdfcfe;
    --violet-2: #faf8ff;
    --violet-3: #f4f0fe;
    --violet-4: #ebe4ff;
    --violet-5: #e1d9ff;
    --violet-6: #d4cafe;
    --violet-7: #c2b5f5;
    --violet-8: #aa99ec;
    --violet-9: #6e56cf;
    --violet-10: #654dc4;
    --violet-11: #6550b9;
    --violet-12: #2f265f;
    --violet-a1: #5500aa03;
    --violet-a2: #4900ff07;
    --violet-a3: #4400ee0f;
    --violet-a4: #4300ff1b;
    --violet-a5: #3600ff26;
    --violet-a6: #3100fb35;
    --violet-a7: #2d01dd4a;
    --violet-a8: #2b00d066;
    --violet-a9: #2400b7a9;
    --violet-a10: #2300abb2;
    --violet-a11: #1f0099af;
    --violet-a12: #0b0043d9;
    --yellow-1: #fdfdf9;
    --yellow-2: #fefce9;
    --yellow-3: #fffab8;
    --yellow-4: #fff394;
    --yellow-5: #ffe770;
    --yellow-6: #f3d768;
    --yellow-7: #e4c767;
    --yellow-8: #d5ae39;
    --yellow-9: #ffe629;
    --yellow-10: #ffdc00;
    --yellow-11: #9e6c00;
    --yellow-12: #473b1f;
    --yellow-a1: #aaaa0006;
    --yellow-a2: #f4dd0016;
    --yellow-a3: #ffee0047;
    --yellow-a4: #ffe3016b;
    --yellow-a5: #ffd5008f;
    --yellow-a6: #ebbc0097;
    --yellow-a7: #d2a10098;
    --yellow-a8: #c99700c6;
    --yellow-a9: #ffe100d6;
    --yellow-a10: #ffdc00;
    --yellow-a11: #9e6c00;
    --yellow-a12: #2e2000e0;
    --gray-surface: #ffffffcc;
    --gray-indicator: var(--gray-9);
    --gray-track: var(--gray-9);
    --mauve-surface: #ffffffcc;
    --mauve-indicator: var(--mauve-9);
    --mauve-track: var(--mauve-9);
    --slate-surface: #ffffffcc;
    --slate-indicator: var(--slate-9);
    --slate-track: var(--slate-9);
    --sage-surface: #ffffffcc;
    --sage-indicator: var(--sage-9);
    --sage-track: var(--sage-9);
    --olive-surface: #ffffffcc;
    --olive-indicator: var(--olive-9);
    --olive-track: var(--olive-9);
    --sand-surface: #ffffffcc;
    --sand-indicator: var(--sand-9);
    --sand-track: var(--sand-9);
    --amber-surface: #fefae4cc;
    --amber-indicator: var(--amber-9);
    --amber-track: var(--amber-9);
    --blue-surface: #f1f9ffcc;
    --blue-indicator: var(--blue-9);
    --blue-track: var(--blue-9);
    --bronze-surface: #fdf5f3cc;
    --bronze-indicator: var(--bronze-9);
    --bronze-track: var(--bronze-9);
    --brown-surface: #fbf8f4cc;
    --brown-indicator: var(--brown-9);
    --brown-track: var(--brown-9);
    --crimson-surface: #fef5f8cc;
    --crimson-indicator: var(--crimson-9);
    --crimson-track: var(--crimson-9);
    --cyan-surface: #eff9facc;
    --cyan-indicator: var(--cyan-9);
    --cyan-track: var(--cyan-9);
    --gold-surface: #f9f8efcc;
    --gold-indicator: var(--gold-9);
    --gold-track: var(--gold-9);
    --grass-surface: #f3faf3cc;
    --grass-indicator: var(--grass-9);
    --grass-track: var(--grass-9);
    --green-surface: #f1faf4cc;
    --green-indicator: var(--green-9);
    --green-track: var(--green-9);
    --indigo-surface: #f5f8ffcc;
    --indigo-indicator: var(--indigo-9);
    --indigo-track: var(--indigo-9);
    --iris-surface: #f6f6ffcc;
    --iris-indicator: var(--iris-9);
    --iris-track: var(--iris-9);
    --jade-surface: #f1faf5cc;
    --jade-indicator: var(--jade-9);
    --jade-track: var(--jade-9);
    --lime-surface: #f6f9f0cc;
    --lime-indicator: var(--lime-9);
    --lime-track: var(--lime-9);
    --mint-surface: #effaf8cc;
    --mint-indicator: var(--mint-9);
    --mint-track: var(--mint-9);
    --orange-surface: #fff5e9cc;
    --orange-indicator: var(--orange-9);
    --orange-track: var(--orange-9);
    --pink-surface: #fef5facc;
    --pink-indicator: var(--pink-9);
    --pink-track: var(--pink-9);
    --plum-surface: #fdf5fdcc;
    --plum-indicator: var(--plum-9);
    --plum-track: var(--plum-9);
    --purple-surface: #faf5fecc;
    --purple-indicator: var(--purple-9);
    --purple-track: var(--purple-9);
    --red-surface: #fff5f5cc;
    --red-indicator: var(--red-9);
    --red-track: var(--red-9);
    --ruby-surface: #fff5f6cc;
    --ruby-indicator: var(--ruby-9);
    --ruby-track: var(--ruby-9);
    --sky-surface: #eef9fdcc;
    --sky-indicator: var(--sky-9);
    --sky-track: var(--sky-9);
    --teal-surface: #f0faf8cc;
    --teal-indicator: var(--teal-9);
    --teal-track: var(--teal-9);
    --tomato-surface: #fff6f5cc;
    --tomato-indicator: var(--tomato-9);
    --tomato-track: var(--tomato-9);
    --violet-surface: #f9f6ffcc;
    --violet-indicator: var(--violet-9);
    --violet-track: var(--violet-9);
    --yellow-surface: #fefbe4cc;
    --yellow-indicator: var(--yellow-10);
    --yellow-track: var(--yellow-10)
}

@supports (color:color(display-p3 1 1 1)) {
    @media (color-gamut:p3) {
        :root {
            --gray-1: color(display-p3 0.988 0.988 0.988);
            --gray-2: color(display-p3 0.975 0.975 0.975);
            --gray-3: color(display-p3 0.939 0.939 0.939);
            --gray-4: color(display-p3 0.908 0.908 0.908);
            --gray-5: color(display-p3 0.88 0.88 0.88);
            --gray-6: color(display-p3 0.849 0.849 0.849);
            --gray-7: color(display-p3 0.807 0.807 0.807);
            --gray-8: color(display-p3 0.732 0.732 0.732);
            --gray-9: color(display-p3 0.553 0.553 0.553);
            --gray-10: color(display-p3 0.512 0.512 0.512);
            --gray-11: color(display-p3 0.392 0.392 0.392);
            --gray-12: color(display-p3 0.125 0.125 0.125);
            --gray-a1: color(display-p3 0 0 0/0.012);
            --gray-a2: color(display-p3 0 0 0/0.024);
            --gray-a3: color(display-p3 0 0 0/0.063);
            --gray-a4: color(display-p3 0 0 0/0.09);
            --gray-a5: color(display-p3 0 0 0/0.122);
            --gray-a6: color(display-p3 0 0 0/0.153);
            --gray-a7: color(display-p3 0 0 0/0.192);
            --gray-a8: color(display-p3 0 0 0/0.267);
            --gray-a9: color(display-p3 0 0 0/0.447);
            --gray-a10: color(display-p3 0 0 0/0.486);
            --gray-a11: color(display-p3 0 0 0/0.608);
            --gray-a12: color(display-p3 0 0 0/0.875);
            --mauve-1: color(display-p3 0.991 0.988 0.992);
            --mauve-2: color(display-p3 0.98 0.976 0.984);
            --mauve-3: color(display-p3 0.946 0.938 0.952);
            --mauve-4: color(display-p3 0.915 0.906 0.925);
            --mauve-5: color(display-p3 0.886 0.876 0.901);
            --mauve-6: color(display-p3 0.856 0.846 0.875);
            --mauve-7: color(display-p3 0.814 0.804 0.84);
            --mauve-8: color(display-p3 0.735 0.728 0.777);
            --mauve-9: color(display-p3 0.555 0.549 0.596);
            --mauve-10: color(display-p3 0.514 0.508 0.552);
            --mauve-11: color(display-p3 0.395 0.388 0.424);
            --mauve-12: color(display-p3 0.128 0.122 0.147);
            --mauve-a1: color(display-p3 0.349 0.024 0.349/0.012);
            --mauve-a2: color(display-p3 0.184 0.024 0.349/0.024);
            --mauve-a3: color(display-p3 0.129 0.008 0.255/0.063);
            --mauve-a4: color(display-p3 0.094 0.012 0.216/0.095);
            --mauve-a5: color(display-p3 0.098 0.008 0.224/0.126);
            --mauve-a6: color(display-p3 0.055 0.004 0.18/0.153);
            --mauve-a7: color(display-p3 0.067 0.008 0.184/0.197);
            --mauve-a8: color(display-p3 0.02 0.004 0.176/0.271);
            --mauve-a9: color(display-p3 0.02 0.004 0.106/0.451);
            --mauve-a10: color(display-p3 0.012 0.004 0.09/0.491);
            --mauve-a11: color(display-p3 0.016 0 0.059/0.612);
            --mauve-a12: color(display-p3 0.008 0 0.027/0.879);
            --slate-1: color(display-p3 0.988 0.988 0.992);
            --slate-2: color(display-p3 0.976 0.976 0.984);
            --slate-3: color(display-p3 0.94 0.941 0.953);
            --slate-4: color(display-p3 0.908 0.909 0.925);
            --slate-5: color(display-p3 0.88 0.881 0.901);
            --slate-6: color(display-p3 0.85 0.852 0.876);
            --slate-7: color(display-p3 0.805 0.808 0.838);
            --slate-8: color(display-p3 0.727 0.733 0.773);
            --slate-9: color(display-p3 0.547 0.553 0.592);
            --slate-10: color(display-p3 0.503 0.512 0.549);
            --slate-11: color(display-p3 0.379 0.392 0.421);
            --slate-12: color(display-p3 0.113 0.125 0.14);
            --slate-a1: color(display-p3 0.024 0.024 0.349/0.012);
            --slate-a2: color(display-p3 0.024 0.024 0.349/0.024);
            --slate-a3: color(display-p3 0.004 0.004 0.204/0.059);
            --slate-a4: color(display-p3 0.012 0.012 0.184/0.091);
            --slate-a5: color(display-p3 0.004 0.039 0.2/0.122);
            --slate-a6: color(display-p3 0.008 0.008 0.165/0.15);
            --slate-a7: color(display-p3 0.008 0.027 0.184/0.197);
            --slate-a8: color(display-p3 0.004 0.031 0.176/0.275);
            --slate-a9: color(display-p3 0.004 0.02 0.106/0.455);
            --slate-a10: color(display-p3 0.004 0.027 0.098/0.499);
            --slate-a11: color(display-p3 0 0.02 0.063/0.62);
            --slate-a12: color(display-p3 0 0.012 0.031/0.887);
            --sage-1: color(display-p3 0.986 0.992 0.988);
            --sage-2: color(display-p3 0.97 0.977 0.974);
            --sage-3: color(display-p3 0.935 0.944 0.94);
            --sage-4: color(display-p3 0.904 0.913 0.909);
            --sage-5: color(display-p3 0.875 0.885 0.88);
            --sage-6: color(display-p3 0.844 0.854 0.849);
            --sage-7: color(display-p3 0.8 0.811 0.806);
            --sage-8: color(display-p3 0.725 0.738 0.732);
            --sage-9: color(display-p3 0.531 0.556 0.546);
            --sage-10: color(display-p3 0.492 0.515 0.506);
            --sage-11: color(display-p3 0.377 0.395 0.389);
            --sage-12: color(display-p3 0.107 0.129 0.118);
            --sage-a1: color(display-p3 0.024 0.514 0.267/0.016);
            --sage-a2: color(display-p3 0.02 0.267 0.145/0.032);
            --sage-a3: color(display-p3 0.008 0.184 0.125/0.067);
            --sage-a4: color(display-p3 0.012 0.094 0.051/0.095);
            --sage-a5: color(display-p3 0.008 0.098 0.035/0.126);
            --sage-a6: color(display-p3 0.004 0.078 0.027/0.157);
            --sage-a7: color(display-p3 0 0.059 0.039/0.2);
            --sage-a8: color(display-p3 0.004 0.047 0.031/0.275);
            --sage-a9: color(display-p3 0.004 0.059 0.035/0.471);
            --sage-a10: color(display-p3 0 0.047 0.031/0.51);
            --sage-a11: color(display-p3 0 0.031 0.02/0.624);
            --sage-a12: color(display-p3 0 0.027 0.012/0.895);
            --olive-1: color(display-p3 0.989 0.992 0.989);
            --olive-2: color(display-p3 0.974 0.98 0.973);
            --olive-3: color(display-p3 0.939 0.945 0.937);
            --olive-4: color(display-p3 0.907 0.914 0.905);
            --olive-5: color(display-p3 0.878 0.885 0.875);
            --olive-6: color(display-p3 0.846 0.855 0.843);
            --olive-7: color(display-p3 0.803 0.812 0.8);
            --olive-8: color(display-p3 0.727 0.738 0.723);
            --olive-9: color(display-p3 0.541 0.556 0.532);
            --olive-10: color(display-p3 0.5 0.515 0.491);
            --olive-11: color(display-p3 0.38 0.395 0.374);
            --olive-12: color(display-p3 0.117 0.129 0.111);
            --olive-a1: color(display-p3 0.024 0.349 0.024/0.012);
            --olive-a2: color(display-p3 0.024 0.302 0.024/0.028);
            --olive-a3: color(display-p3 0.008 0.129 0.008/0.063);
            --olive-a4: color(display-p3 0.012 0.094 0.012/0.095);
            --olive-a5: color(display-p3 0.035 0.098 0.008/0.126);
            --olive-a6: color(display-p3 0.027 0.078 0.004/0.157);
            --olive-a7: color(display-p3 0.02 0.059 0/0.2);
            --olive-a8: color(display-p3 0.02 0.059 0.004/0.279);
            --olive-a9: color(display-p3 0.02 0.051 0.004/0.467);
            --olive-a10: color(display-p3 0.024 0.047 0/0.51);
            --olive-a11: color(display-p3 0.012 0.039 0/0.628);
            --olive-a12: color(display-p3 0.008 0.024 0/0.891);
            --sand-1: color(display-p3 0.992 0.992 0.989);
            --sand-2: color(display-p3 0.977 0.977 0.973);
            --sand-3: color(display-p3 0.943 0.942 0.936);
            --sand-4: color(display-p3 0.913 0.912 0.903);
            --sand-5: color(display-p3 0.885 0.883 0.873);
            --sand-6: color(display-p3 0.854 0.852 0.839);
            --sand-7: color(display-p3 0.813 0.81 0.794);
            --sand-8: color(display-p3 0.738 0.734 0.713);
            --sand-9: color(display-p3 0.553 0.553 0.528);
            --sand-10: color(display-p3 0.511 0.511 0.488);
            --sand-11: color(display-p3 0.388 0.388 0.37);
            --sand-12: color(display-p3 0.129 0.126 0.111);
            --sand-a1: color(display-p3 0.349 0.349 0.024/0.012);
            --sand-a2: color(display-p3 0.161 0.161 0.024/0.028);
            --sand-a3: color(display-p3 0.067 0.067 0.008/0.063);
            --sand-a4: color(display-p3 0.129 0.129 0.012/0.099);
            --sand-a5: color(display-p3 0.098 0.067 0.008/0.126);
            --sand-a6: color(display-p3 0.102 0.075 0.004/0.161);
            --sand-a7: color(display-p3 0.098 0.098 0.004/0.208);
            --sand-a8: color(display-p3 0.086 0.075 0.004/0.287);
            --sand-a9: color(display-p3 0.051 0.051 0.004/0.471);
            --sand-a10: color(display-p3 0.047 0.047 0/0.514);
            --sand-a11: color(display-p3 0.031 0.031 0/0.632);
            --sand-a12: color(display-p3 0.024 0.02 0/0.891);
            --amber-1: color(display-p3 0.995 0.992 0.985);
            --amber-2: color(display-p3 0.994 0.986 0.921);
            --amber-3: color(display-p3 0.994 0.969 0.782);
            --amber-4: color(display-p3 0.989 0.937 0.65);
            --amber-5: color(display-p3 0.97 0.902 0.527);
            --amber-6: color(display-p3 0.936 0.844 0.506);
            --amber-7: color(display-p3 0.89 0.762 0.443);
            --amber-8: color(display-p3 0.85 0.65 0.3);
            --amber-9: color(display-p3 1 0.77 0.26);
            --amber-10: color(display-p3 0.959 0.741 0.274);
            --amber-11: color(display-p3 0.64 0.4 0);
            --amber-12: color(display-p3 0.294 0.208 0.145);
            --amber-a1: color(display-p3 0.757 0.514 0.024/0.016);
            --amber-a2: color(display-p3 0.902 0.804 0.008/0.079);
            --amber-a3: color(display-p3 0.965 0.859 0.004/0.22);
            --amber-a4: color(display-p3 0.969 0.82 0.004/0.35);
            --amber-a5: color(display-p3 0.933 0.796 0.004/0.475);
            --amber-a6: color(display-p3 0.875 0.682 0.004/0.495);
            --amber-a7: color(display-p3 0.804 0.573 0/0.557);
            --amber-a8: color(display-p3 0.788 0.502 0/0.699);
            --amber-a9: color(display-p3 1 0.686 0/0.742);
            --amber-a10: color(display-p3 0.945 0.643 0/0.726);
            --amber-a11: color(display-p3 0.64 0.4 0);
            --amber-a12: color(display-p3 0.294 0.208 0.145);
            --blue-1: color(display-p3 0.986 0.992 0.999);
            --blue-2: color(display-p3 0.96 0.979 0.998);
            --blue-3: color(display-p3 0.912 0.956 0.991);
            --blue-4: color(display-p3 0.853 0.932 1);
            --blue-5: color(display-p3 0.788 0.894 0.998);
            --blue-6: color(display-p3 0.709 0.843 0.976);
            --blue-7: color(display-p3 0.606 0.777 0.947);
            --blue-8: color(display-p3 0.451 0.688 0.917);
            --blue-9: color(display-p3 0.247 0.556 0.969);
            --blue-10: color(display-p3 0.234 0.523 0.912);
            --blue-11: color(display-p3 0.15 0.44 0.84);
            --blue-12: color(display-p3 0.102 0.193 0.379);
            --blue-a1: color(display-p3 0.024 0.514 1/0.016);
            --blue-a2: color(display-p3 0.024 0.514 0.906/0.04);
            --blue-a3: color(display-p3 0.012 0.506 0.914/0.087);
            --blue-a4: color(display-p3 0.008 0.545 1/0.146);
            --blue-a5: color(display-p3 0.004 0.502 0.984/0.212);
            --blue-a6: color(display-p3 0.004 0.463 0.922/0.291);
            --blue-a7: color(display-p3 0.004 0.431 0.863/0.393);
            --blue-a8: color(display-p3 0 0.427 0.851/0.55);
            --blue-a9: color(display-p3 0 0.412 0.961/0.753);
            --blue-a10: color(display-p3 0 0.376 0.886/0.765);
            --blue-a11: color(display-p3 0.15 0.44 0.84);
            --blue-a12: color(display-p3 0.102 0.193 0.379);
            --bronze-1: color(display-p3 0.991 0.988 0.988);
            --bronze-2: color(display-p3 0.989 0.97 0.961);
            --bronze-3: color(display-p3 0.958 0.932 0.919);
            --bronze-4: color(display-p3 0.929 0.894 0.877);
            --bronze-5: color(display-p3 0.898 0.853 0.832);
            --bronze-6: color(display-p3 0.861 0.805 0.778);
            --bronze-7: color(display-p3 0.812 0.739 0.706);
            --bronze-8: color(display-p3 0.741 0.647 0.606);
            --bronze-9: color(display-p3 0.611 0.507 0.455);
            --bronze-10: color(display-p3 0.563 0.461 0.414);
            --bronze-11: color(display-p3 0.471 0.373 0.336);
            --bronze-12: color(display-p3 0.251 0.191 0.172);
            --bronze-a1: color(display-p3 0.349 0.024 0.024/0.012);
            --bronze-a2: color(display-p3 0.71 0.22 0.024/0.04);
            --bronze-a3: color(display-p3 0.482 0.2 0.008/0.083);
            --bronze-a4: color(display-p3 0.424 0.133 0.004/0.122);
            --bronze-a5: color(display-p3 0.4 0.145 0.004/0.169);
            --bronze-a6: color(display-p3 0.388 0.125 0.004/0.224);
            --bronze-a7: color(display-p3 0.365 0.11 0.004/0.295);
            --bronze-a8: color(display-p3 0.341 0.102 0.004/0.393);
            --bronze-a9: color(display-p3 0.29 0.094 0/0.546);
            --bronze-a10: color(display-p3 0.255 0.082 0/0.585);
            --bronze-a11: color(display-p3 0.471 0.373 0.336);
            --bronze-a12: color(display-p3 0.251 0.191 0.172);
            --brown-1: color(display-p3 0.995 0.992 0.989);
            --brown-2: color(display-p3 0.987 0.976 0.964);
            --brown-3: color(display-p3 0.959 0.936 0.909);
            --brown-4: color(display-p3 0.934 0.897 0.855);
            --brown-5: color(display-p3 0.909 0.856 0.798);
            --brown-6: color(display-p3 0.88 0.808 0.73);
            --brown-7: color(display-p3 0.841 0.742 0.639);
            --brown-8: color(display-p3 0.782 0.647 0.514);
            --brown-9: color(display-p3 0.651 0.505 0.368);
            --brown-10: color(display-p3 0.601 0.465 0.344);
            --brown-11: color(display-p3 0.485 0.374 0.288);
            --brown-12: color(display-p3 0.236 0.202 0.183);
            --brown-a1: color(display-p3 0.675 0.349 0.024/0.012);
            --brown-a2: color(display-p3 0.675 0.349 0.024/0.036);
            --brown-a3: color(display-p3 0.573 0.314 0.012/0.091);
            --brown-a4: color(display-p3 0.545 0.302 0.008/0.146);
            --brown-a5: color(display-p3 0.561 0.29 0.004/0.204);
            --brown-a6: color(display-p3 0.553 0.294 0.004/0.271);
            --brown-a7: color(display-p3 0.557 0.286 0.004/0.361);
            --brown-a8: color(display-p3 0.549 0.275 0.004/0.487);
            --brown-a9: color(display-p3 0.447 0.22 0/0.632);
            --brown-a10: color(display-p3 0.388 0.188 0/0.655);
            --brown-a11: color(display-p3 0.485 0.374 0.288);
            --brown-a12: color(display-p3 0.236 0.202 0.183);
            --crimson-1: color(display-p3 0.998 0.989 0.992);
            --crimson-2: color(display-p3 0.991 0.969 0.976);
            --crimson-3: color(display-p3 0.987 0.917 0.941);
            --crimson-4: color(display-p3 0.975 0.866 0.904);
            --crimson-5: color(display-p3 0.953 0.813 0.864);
            --crimson-6: color(display-p3 0.921 0.755 0.817);
            --crimson-7: color(display-p3 0.88 0.683 0.761);
            --crimson-8: color(display-p3 0.834 0.592 0.694);
            --crimson-9: color(display-p3 0.843 0.298 0.507);
            --crimson-10: color(display-p3 0.807 0.266 0.468);
            --crimson-11: color(display-p3 0.731 0.195 0.388);
            --crimson-12: color(display-p3 0.352 0.111 0.221);
            --crimson-a1: color(display-p3 0.675 0.024 0.349/0.012);
            --crimson-a2: color(display-p3 0.757 0.02 0.267/0.032);
            --crimson-a3: color(display-p3 0.859 0.008 0.294/0.083);
            --crimson-a4: color(display-p3 0.827 0.008 0.298/0.134);
            --crimson-a5: color(display-p3 0.753 0.008 0.275/0.189);
            --crimson-a6: color(display-p3 0.682 0.004 0.247/0.244);
            --crimson-a7: color(display-p3 0.62 0.004 0.251/0.318);
            --crimson-a8: color(display-p3 0.6 0.004 0.251/0.408);
            --crimson-a9: color(display-p3 0.776 0 0.298/0.702);
            --crimson-a10: color(display-p3 0.737 0 0.275/0.734);
            --crimson-a11: color(display-p3 0.731 0.195 0.388);
            --crimson-a12: color(display-p3 0.352 0.111 0.221);
            --cyan-1: color(display-p3 0.982 0.992 0.996);
            --cyan-2: color(display-p3 0.955 0.981 0.984);
            --cyan-3: color(display-p3 0.888 0.965 0.975);
            --cyan-4: color(display-p3 0.821 0.941 0.959);
            --cyan-5: color(display-p3 0.751 0.907 0.935);
            --cyan-6: color(display-p3 0.671 0.862 0.9);
            --cyan-7: color(display-p3 0.564 0.8 0.854);
            --cyan-8: color(display-p3 0.388 0.715 0.798);
            --cyan-9: color(display-p3 0.282 0.627 0.765);
            --cyan-10: color(display-p3 0.264 0.583 0.71);
            --cyan-11: color(display-p3 0.08 0.48 0.63);
            --cyan-12: color(display-p3 0.108 0.232 0.277);
            --cyan-a1: color(display-p3 0.02 0.608 0.804/0.02);
            --cyan-a2: color(display-p3 0.02 0.557 0.647/0.044);
            --cyan-a3: color(display-p3 0.004 0.694 0.796/0.114);
            --cyan-a4: color(display-p3 0.004 0.678 0.784/0.181);
            --cyan-a5: color(display-p3 0.004 0.624 0.733/0.248);
            --cyan-a6: color(display-p3 0.004 0.584 0.706/0.33);
            --cyan-a7: color(display-p3 0.004 0.541 0.667/0.436);
            --cyan-a8: color(display-p3 0 0.533 0.667/0.612);
            --cyan-a9: color(display-p3 0 0.482 0.675/0.718);
            --cyan-a10: color(display-p3 0 0.435 0.608/0.738);
            --cyan-a11: color(display-p3 0.08 0.48 0.63);
            --cyan-a12: color(display-p3 0.108 0.232 0.277);
            --gold-1: color(display-p3 0.992 0.992 0.989);
            --gold-2: color(display-p3 0.98 0.976 0.953);
            --gold-3: color(display-p3 0.947 0.94 0.909);
            --gold-4: color(display-p3 0.914 0.904 0.865);
            --gold-5: color(display-p3 0.88 0.865 0.816);
            --gold-6: color(display-p3 0.84 0.818 0.756);
            --gold-7: color(display-p3 0.788 0.753 0.677);
            --gold-8: color(display-p3 0.715 0.66 0.565);
            --gold-9: color(display-p3 0.579 0.517 0.41);
            --gold-10: color(display-p3 0.538 0.479 0.38);
            --gold-11: color(display-p3 0.433 0.386 0.305);
            --gold-12: color(display-p3 0.227 0.209 0.173);
            --gold-a1: color(display-p3 0.349 0.349 0.024/0.012);
            --gold-a2: color(display-p3 0.592 0.514 0.024/0.048);
            --gold-a3: color(display-p3 0.4 0.357 0.012/0.091);
            --gold-a4: color(display-p3 0.357 0.298 0.008/0.134);
            --gold-a5: color(display-p3 0.345 0.282 0.004/0.185);
            --gold-a6: color(display-p3 0.341 0.263 0.004/0.244);
            --gold-a7: color(display-p3 0.345 0.235 0.004/0.322);
            --gold-a8: color(display-p3 0.345 0.22 0.004/0.436);
            --gold-a9: color(display-p3 0.286 0.18 0/0.589);
            --gold-a10: color(display-p3 0.255 0.161 0/0.62);
            --gold-a11: color(display-p3 0.433 0.386 0.305);
            --gold-a12: color(display-p3 0.227 0.209 0.173);
            --grass-1: color(display-p3 0.986 0.996 0.985);
            --grass-2: color(display-p3 0.966 0.983 0.964);
            --grass-3: color(display-p3 0.923 0.965 0.917);
            --grass-4: color(display-p3 0.872 0.94 0.865);
            --grass-5: color(display-p3 0.811 0.908 0.802);
            --grass-6: color(display-p3 0.733 0.864 0.724);
            --grass-7: color(display-p3 0.628 0.803 0.622);
            --grass-8: color(display-p3 0.477 0.72 0.482);
            --grass-9: color(display-p3 0.38 0.647 0.378);
            --grass-10: color(display-p3 0.344 0.598 0.342);
            --grass-11: color(display-p3 0.263 0.488 0.261);
            --grass-12: color(display-p3 0.151 0.233 0.153);
            --grass-a1: color(display-p3 0.024 0.757 0.024/0.016);
            --grass-a2: color(display-p3 0.024 0.565 0.024/0.036);
            --grass-a3: color(display-p3 0.059 0.576 0.008/0.083);
            --grass-a4: color(display-p3 0.035 0.565 0.008/0.134);
            --grass-a5: color(display-p3 0.047 0.545 0.008/0.197);
            --grass-a6: color(display-p3 0.031 0.502 0.004/0.275);
            --grass-a7: color(display-p3 0.012 0.482 0.004/0.377);
            --grass-a8: color(display-p3 0 0.467 0.008/0.522);
            --grass-a9: color(display-p3 0.008 0.435 0/0.624);
            --grass-a10: color(display-p3 0.008 0.388 0/0.659);
            --grass-a11: color(display-p3 0.263 0.488 0.261);
            --grass-a12: color(display-p3 0.151 0.233 0.153);
            --green-1: color(display-p3 0.986 0.996 0.989);
            --green-2: color(display-p3 0.963 0.983 0.967);
            --green-3: color(display-p3 0.913 0.964 0.925);
            --green-4: color(display-p3 0.859 0.94 0.879);
            --green-5: color(display-p3 0.796 0.907 0.826);
            --green-6: color(display-p3 0.718 0.863 0.761);
            --green-7: color(display-p3 0.61 0.801 0.675);
            --green-8: color(display-p3 0.451 0.715 0.559);
            --green-9: color(display-p3 0.332 0.634 0.442);
            --green-10: color(display-p3 0.308 0.595 0.417);
            --green-11: color(display-p3 0.19 0.5 0.32);
            --green-12: color(display-p3 0.132 0.228 0.18);
            --green-a1: color(display-p3 0.024 0.757 0.267/0.016);
            --green-a2: color(display-p3 0.024 0.565 0.129/0.036);
            --green-a3: color(display-p3 0.012 0.596 0.145/0.087);
            --green-a4: color(display-p3 0.008 0.588 0.145/0.142);
            --green-a5: color(display-p3 0.004 0.541 0.157/0.204);
            --green-a6: color(display-p3 0.004 0.518 0.157/0.283);
            --green-a7: color(display-p3 0.004 0.486 0.165/0.389);
            --green-a8: color(display-p3 0 0.478 0.2/0.55);
            --green-a9: color(display-p3 0 0.455 0.165/0.667);
            --green-a10: color(display-p3 0 0.416 0.153/0.691);
            --green-a11: color(display-p3 0.19 0.5 0.32);
            --green-a12: color(display-p3 0.132 0.228 0.18);
            --indigo-1: color(display-p3 0.992 0.992 0.996);
            --indigo-2: color(display-p3 0.971 0.977 0.998);
            --indigo-3: color(display-p3 0.933 0.948 0.992);
            --indigo-4: color(display-p3 0.885 0.914 1);
            --indigo-5: color(display-p3 0.831 0.87 1);
            --indigo-6: color(display-p3 0.767 0.814 0.995);
            --indigo-7: color(display-p3 0.685 0.74 0.957);
            --indigo-8: color(display-p3 0.569 0.639 0.916);
            --indigo-9: color(display-p3 0.276 0.384 0.837);
            --indigo-10: color(display-p3 0.234 0.343 0.801);
            --indigo-11: color(display-p3 0.256 0.354 0.755);
            --indigo-12: color(display-p3 0.133 0.175 0.348);
            --indigo-a1: color(display-p3 0.02 0.02 0.51/0.008);
            --indigo-a2: color(display-p3 0.024 0.161 0.863/0.028);
            --indigo-a3: color(display-p3 0.008 0.239 0.886/0.067);
            --indigo-a4: color(display-p3 0.004 0.247 1/0.114);
            --indigo-a5: color(display-p3 0.004 0.235 1/0.169);
            --indigo-a6: color(display-p3 0.004 0.208 0.984/0.232);
            --indigo-a7: color(display-p3 0.004 0.176 0.863/0.314);
            --indigo-a8: color(display-p3 0.004 0.165 0.812/0.432);
            --indigo-a9: color(display-p3 0 0.153 0.773/0.726);
            --indigo-a10: color(display-p3 0 0.137 0.737/0.765);
            --indigo-a11: color(display-p3 0.256 0.354 0.755);
            --indigo-a12: color(display-p3 0.133 0.175 0.348);
            --iris-1: color(display-p3 0.992 0.992 0.999);
            --iris-2: color(display-p3 0.972 0.973 0.998);
            --iris-3: color(display-p3 0.943 0.945 0.992);
            --iris-4: color(display-p3 0.902 0.906 1);
            --iris-5: color(display-p3 0.857 0.861 1);
            --iris-6: color(display-p3 0.799 0.805 0.987);
            --iris-7: color(display-p3 0.721 0.727 0.955);
            --iris-8: color(display-p3 0.61 0.619 0.918);
            --iris-9: color(display-p3 0.357 0.357 0.81);
            --iris-10: color(display-p3 0.318 0.318 0.774);
            --iris-11: color(display-p3 0.337 0.326 0.748);
            --iris-12: color(display-p3 0.154 0.161 0.371);
            --iris-a1: color(display-p3 0.02 0.02 1/0.008);
            --iris-a2: color(display-p3 0.024 0.024 0.863/0.028);
            --iris-a3: color(display-p3 0.004 0.071 0.871/0.059);
            --iris-a4: color(display-p3 0.012 0.051 1/0.099);
            --iris-a5: color(display-p3 0.008 0.035 1/0.142);
            --iris-a6: color(display-p3 0 0.02 0.941/0.2);
            --iris-a7: color(display-p3 0.004 0.02 0.847/0.279);
            --iris-a8: color(display-p3 0.004 0.024 0.788/0.389);
            --iris-a9: color(display-p3 0 0 0.706/0.644);
            --iris-a10: color(display-p3 0 0 0.667/0.683);
            --iris-a11: color(display-p3 0.337 0.326 0.748);
            --iris-a12: color(display-p3 0.154 0.161 0.371);
            --jade-1: color(display-p3 0.986 0.996 0.992);
            --jade-2: color(display-p3 0.962 0.983 0.969);
            --jade-3: color(display-p3 0.912 0.965 0.932);
            --jade-4: color(display-p3 0.858 0.941 0.893);
            --jade-5: color(display-p3 0.795 0.909 0.847);
            --jade-6: color(display-p3 0.715 0.864 0.791);
            --jade-7: color(display-p3 0.603 0.802 0.718);
            --jade-8: color(display-p3 0.44 0.72 0.629);
            --jade-9: color(display-p3 0.319 0.63 0.521);
            --jade-10: color(display-p3 0.299 0.592 0.488);
            --jade-11: color(display-p3 0.15 0.5 0.37);
            --jade-12: color(display-p3 0.142 0.229 0.194);
            --jade-a1: color(display-p3 0.024 0.757 0.514/0.016);
            --jade-a2: color(display-p3 0.024 0.612 0.22/0.04);
            --jade-a3: color(display-p3 0.012 0.596 0.235/0.087);
            --jade-a4: color(display-p3 0.008 0.588 0.255/0.142);
            --jade-a5: color(display-p3 0.004 0.561 0.251/0.204);
            --jade-a6: color(display-p3 0.004 0.525 0.278/0.287);
            --jade-a7: color(display-p3 0.004 0.506 0.29/0.397);
            --jade-a8: color(display-p3 0 0.506 0.337/0.561);
            --jade-a9: color(display-p3 0 0.459 0.298/0.683);
            --jade-a10: color(display-p3 0 0.42 0.271/0.702);
            --jade-a11: color(display-p3 0.15 0.5 0.37);
            --jade-a12: color(display-p3 0.142 0.229 0.194);
            --lime-1: color(display-p3 0.989 0.992 0.981);
            --lime-2: color(display-p3 0.975 0.98 0.954);
            --lime-3: color(display-p3 0.939 0.965 0.851);
            --lime-4: color(display-p3 0.896 0.94 0.76);
            --lime-5: color(display-p3 0.843 0.903 0.678);
            --lime-6: color(display-p3 0.778 0.852 0.599);
            --lime-7: color(display-p3 0.694 0.784 0.508);
            --lime-8: color(display-p3 0.585 0.707 0.378);
            --lime-9: color(display-p3 0.78 0.928 0.466);
            --lime-10: color(display-p3 0.734 0.896 0.397);
            --lime-11: color(display-p3 0.386 0.482 0.227);
            --lime-12: color(display-p3 0.222 0.25 0.128);
            --lime-a1: color(display-p3 0.412 0.608 0.02/0.02);
            --lime-a2: color(display-p3 0.514 0.592 0.024/0.048);
            --lime-a3: color(display-p3 0.584 0.765 0.008/0.15);
            --lime-a4: color(display-p3 0.561 0.757 0.004/0.24);
            --lime-a5: color(display-p3 0.514 0.698 0.004/0.322);
            --lime-a6: color(display-p3 0.443 0.627 0/0.4);
            --lime-a7: color(display-p3 0.376 0.561 0.004/0.491);
            --lime-a8: color(display-p3 0.333 0.529 0/0.624);
            --lime-a9: color(display-p3 0.588 0.867 0/0.534);
            --lime-a10: color(display-p3 0.561 0.827 0/0.604);
            --lime-a11: color(display-p3 0.386 0.482 0.227);
            --lime-a12: color(display-p3 0.222 0.25 0.128);
            --mint-1: color(display-p3 0.98 0.995 0.992);
            --mint-2: color(display-p3 0.957 0.985 0.977);
            --mint-3: color(display-p3 0.888 0.972 0.95);
            --mint-4: color(display-p3 0.819 0.951 0.916);
            --mint-5: color(display-p3 0.747 0.918 0.873);
            --mint-6: color(display-p3 0.668 0.87 0.818);
            --mint-7: color(display-p3 0.567 0.805 0.744);
            --mint-8: color(display-p3 0.42 0.724 0.649);
            --mint-9: color(display-p3 0.62 0.908 0.834);
            --mint-10: color(display-p3 0.585 0.871 0.797);
            --mint-11: color(display-p3 0.203 0.463 0.397);
            --mint-12: color(display-p3 0.136 0.259 0.236);
            --mint-a1: color(display-p3 0.02 0.804 0.608/0.02);
            --mint-a2: color(display-p3 0.02 0.647 0.467/0.044);
            --mint-a3: color(display-p3 0.004 0.761 0.553/0.114);
            --mint-a4: color(display-p3 0.004 0.741 0.545/0.181);
            --mint-a5: color(display-p3 0.004 0.678 0.51/0.255);
            --mint-a6: color(display-p3 0.004 0.616 0.463/0.334);
            --mint-a7: color(display-p3 0.004 0.549 0.412/0.432);
            --mint-a8: color(display-p3 0 0.529 0.392/0.581);
            --mint-a9: color(display-p3 0.004 0.765 0.569/0.381);
            --mint-a10: color(display-p3 0.004 0.69 0.51/0.416);
            --mint-a11: color(display-p3 0.203 0.463 0.397);
            --mint-a12: color(display-p3 0.136 0.259 0.236);
            --orange-1: color(display-p3 0.995 0.988 0.985);
            --orange-2: color(display-p3 0.994 0.968 0.934);
            --orange-3: color(display-p3 0.989 0.938 0.85);
            --orange-4: color(display-p3 1 0.874 0.687);
            --orange-5: color(display-p3 1 0.821 0.583);
            --orange-6: color(display-p3 0.975 0.767 0.545);
            --orange-7: color(display-p3 0.919 0.693 0.486);
            --orange-8: color(display-p3 0.877 0.597 0.379);
            --orange-9: color(display-p3 0.9 0.45 0.2);
            --orange-10: color(display-p3 0.87 0.409 0.164);
            --orange-11: color(display-p3 0.76 0.34 0);
            --orange-12: color(display-p3 0.323 0.185 0.127);
            --orange-a1: color(display-p3 0.757 0.267 0.024/0.016);
            --orange-a2: color(display-p3 0.886 0.533 0.008/0.067);
            --orange-a3: color(display-p3 0.922 0.584 0.008/0.15);
            --orange-a4: color(display-p3 1 0.604 0.004/0.314);
            --orange-a5: color(display-p3 1 0.569 0.004/0.416);
            --orange-a6: color(display-p3 0.949 0.494 0.004/0.455);
            --orange-a7: color(display-p3 0.839 0.408 0/0.514);
            --orange-a8: color(display-p3 0.804 0.349 0/0.62);
            --orange-a9: color(display-p3 0.878 0.314 0/0.8);
            --orange-a10: color(display-p3 0.843 0.29 0/0.836);
            --orange-a11: color(display-p3 0.76 0.34 0);
            --orange-a12: color(display-p3 0.323 0.185 0.127);
            --pink-1: color(display-p3 0.998 0.989 0.996);
            --pink-2: color(display-p3 0.992 0.97 0.985);
            --pink-3: color(display-p3 0.981 0.917 0.96);
            --pink-4: color(display-p3 0.963 0.867 0.932);
            --pink-5: color(display-p3 0.939 0.815 0.899);
            --pink-6: color(display-p3 0.907 0.756 0.859);
            --pink-7: color(display-p3 0.869 0.683 0.81);
            --pink-8: color(display-p3 0.825 0.59 0.751);
            --pink-9: color(display-p3 0.775 0.297 0.61);
            --pink-10: color(display-p3 0.748 0.27 0.581);
            --pink-11: color(display-p3 0.698 0.219 0.528);
            --pink-12: color(display-p3 0.363 0.101 0.279);
            --pink-a1: color(display-p3 0.675 0.024 0.675/0.012);
            --pink-a2: color(display-p3 0.757 0.02 0.51/0.032);
            --pink-a3: color(display-p3 0.765 0.008 0.529/0.083);
            --pink-a4: color(display-p3 0.737 0.008 0.506/0.134);
            --pink-a5: color(display-p3 0.663 0.004 0.451/0.185);
            --pink-a6: color(display-p3 0.616 0.004 0.424/0.244);
            --pink-a7: color(display-p3 0.596 0.004 0.412/0.318);
            --pink-a8: color(display-p3 0.573 0.004 0.404/0.412);
            --pink-a9: color(display-p3 0.682 0 0.447/0.702);
            --pink-a10: color(display-p3 0.655 0 0.424/0.73);
            --pink-a11: color(display-p3 0.698 0.219 0.528);
            --pink-a12: color(display-p3 0.363 0.101 0.279);
            --plum-1: color(display-p3 0.995 0.988 0.999);
            --plum-2: color(display-p3 0.988 0.971 0.99);
            --plum-3: color(display-p3 0.973 0.923 0.98);
            --plum-4: color(display-p3 0.953 0.875 0.966);
            --plum-5: color(display-p3 0.926 0.825 0.945);
            --plum-6: color(display-p3 0.89 0.765 0.916);
            --plum-7: color(display-p3 0.84 0.686 0.877);
            --plum-8: color(display-p3 0.775 0.58 0.832);
            --plum-9: color(display-p3 0.624 0.313 0.708);
            --plum-10: color(display-p3 0.587 0.29 0.667);
            --plum-11: color(display-p3 0.543 0.263 0.619);
            --plum-12: color(display-p3 0.299 0.114 0.352);
            --plum-a1: color(display-p3 0.675 0.024 1/0.012);
            --plum-a2: color(display-p3 0.58 0.024 0.58/0.028);
            --plum-a3: color(display-p3 0.655 0.008 0.753/0.079);
            --plum-a4: color(display-p3 0.627 0.008 0.722/0.126);
            --plum-a5: color(display-p3 0.58 0.004 0.69/0.177);
            --plum-a6: color(display-p3 0.537 0.004 0.655/0.236);
            --plum-a7: color(display-p3 0.49 0.004 0.616/0.314);
            --plum-a8: color(display-p3 0.471 0.004 0.6/0.42);
            --plum-a9: color(display-p3 0.451 0 0.576/0.687);
            --plum-a10: color(display-p3 0.42 0 0.529/0.71);
            --plum-a11: color(display-p3 0.543 0.263 0.619);
            --plum-a12: color(display-p3 0.299 0.114 0.352);
            --purple-1: color(display-p3 0.995 0.988 0.996);
            --purple-2: color(display-p3 0.983 0.971 0.993);
            --purple-3: color(display-p3 0.963 0.931 0.989);
            --purple-4: color(display-p3 0.937 0.888 0.981);
            --purple-5: color(display-p3 0.904 0.837 0.966);
            --purple-6: color(display-p3 0.86 0.774 0.942);
            --purple-7: color(display-p3 0.799 0.69 0.91);
            --purple-8: color(display-p3 0.719 0.583 0.874);
            --purple-9: color(display-p3 0.523 0.318 0.751);
            --purple-10: color(display-p3 0.483 0.289 0.7);
            --purple-11: color(display-p3 0.473 0.281 0.687);
            --purple-12: color(display-p3 0.234 0.132 0.363);
            --purple-a1: color(display-p3 0.675 0.024 0.675/0.012);
            --purple-a2: color(display-p3 0.443 0.024 0.722/0.028);
            --purple-a3: color(display-p3 0.506 0.008 0.835/0.071);
            --purple-a4: color(display-p3 0.451 0.004 0.831/0.114);
            --purple-a5: color(display-p3 0.431 0.004 0.788/0.165);
            --purple-a6: color(display-p3 0.384 0.004 0.745/0.228);
            --purple-a7: color(display-p3 0.357 0.004 0.71/0.31);
            --purple-a8: color(display-p3 0.322 0.004 0.702/0.416);
            --purple-a9: color(display-p3 0.298 0 0.639/0.683);
            --purple-a10: color(display-p3 0.271 0 0.58/0.71);
            --purple-a11: color(display-p3 0.473 0.281 0.687);
            --purple-a12: color(display-p3 0.234 0.132 0.363);
            --red-1: color(display-p3 0.998 0.989 0.988);
            --red-2: color(display-p3 0.995 0.971 0.971);
            --red-3: color(display-p3 0.985 0.925 0.925);
            --red-4: color(display-p3 0.999 0.866 0.866);
            --red-5: color(display-p3 0.984 0.812 0.811);
            --red-6: color(display-p3 0.955 0.751 0.749);
            --red-7: color(display-p3 0.915 0.675 0.672);
            --red-8: color(display-p3 0.872 0.575 0.572);
            --red-9: color(display-p3 0.83 0.329 0.324);
            --red-10: color(display-p3 0.798 0.294 0.285);
            --red-11: color(display-p3 0.744 0.234 0.222);
            --red-12: color(display-p3 0.36 0.115 0.143);
            --red-a1: color(display-p3 0.675 0.024 0.024/0.012);
            --red-a2: color(display-p3 0.863 0.024 0.024/0.028);
            --red-a3: color(display-p3 0.792 0.008 0.008/0.075);
            --red-a4: color(display-p3 1 0.008 0.008/0.134);
            --red-a5: color(display-p3 0.918 0.008 0.008/0.189);
            --red-a6: color(display-p3 0.831 0.02 0.004/0.251);
            --red-a7: color(display-p3 0.741 0.016 0.004/0.33);
            --red-a8: color(display-p3 0.698 0.012 0.004/0.428);
            --red-a9: color(display-p3 0.749 0.008 0/0.675);
            --red-a10: color(display-p3 0.714 0.012 0/0.714);
            --red-a11: color(display-p3 0.744 0.234 0.222);
            --red-a12: color(display-p3 0.36 0.115 0.143);
            --ruby-1: color(display-p3 0.998 0.989 0.992);
            --ruby-2: color(display-p3 0.995 0.971 0.974);
            --ruby-3: color(display-p3 0.983 0.92 0.928);
            --ruby-4: color(display-p3 0.987 0.869 0.885);
            --ruby-5: color(display-p3 0.968 0.817 0.839);
            --ruby-6: color(display-p3 0.937 0.758 0.786);
            --ruby-7: color(display-p3 0.897 0.685 0.721);
            --ruby-8: color(display-p3 0.851 0.588 0.639);
            --ruby-9: color(display-p3 0.83 0.323 0.408);
            --ruby-10: color(display-p3 0.795 0.286 0.375);
            --ruby-11: color(display-p3 0.728 0.211 0.311);
            --ruby-12: color(display-p3 0.36 0.115 0.171);
            --ruby-a1: color(display-p3 0.675 0.024 0.349/0.012);
            --ruby-a2: color(display-p3 0.863 0.024 0.024/0.028);
            --ruby-a3: color(display-p3 0.804 0.008 0.11/0.079);
            --ruby-a4: color(display-p3 0.91 0.008 0.125/0.13);
            --ruby-a5: color(display-p3 0.831 0.004 0.133/0.185);
            --ruby-a6: color(display-p3 0.745 0.004 0.118/0.244);
            --ruby-a7: color(display-p3 0.678 0.004 0.114/0.314);
            --ruby-a8: color(display-p3 0.639 0.004 0.125/0.412);
            --ruby-a9: color(display-p3 0.753 0 0.129/0.679);
            --ruby-a10: color(display-p3 0.714 0 0.125/0.714);
            --ruby-a11: color(display-p3 0.728 0.211 0.311);
            --ruby-a12: color(display-p3 0.36 0.115 0.171);
            --sky-1: color(display-p3 0.98 0.995 0.999);
            --sky-2: color(display-p3 0.953 0.98 0.99);
            --sky-3: color(display-p3 0.899 0.963 0.989);
            --sky-4: color(display-p3 0.842 0.937 0.977);
            --sky-5: color(display-p3 0.777 0.9 0.954);
            --sky-6: color(display-p3 0.701 0.851 0.921);
            --sky-7: color(display-p3 0.604 0.785 0.879);
            --sky-8: color(display-p3 0.457 0.696 0.829);
            --sky-9: color(display-p3 0.585 0.877 0.983);
            --sky-10: color(display-p3 0.555 0.845 0.959);
            --sky-11: color(display-p3 0.193 0.448 0.605);
            --sky-12: color(display-p3 0.145 0.241 0.329);
            --sky-a1: color(display-p3 0.02 0.804 1/0.02);
            --sky-a2: color(display-p3 0.024 0.592 0.757/0.048);
            --sky-a3: color(display-p3 0.004 0.655 0.886/0.102);
            --sky-a4: color(display-p3 0.004 0.604 0.851/0.157);
            --sky-a5: color(display-p3 0.004 0.565 0.792/0.224);
            --sky-a6: color(display-p3 0.004 0.502 0.737/0.299);
            --sky-a7: color(display-p3 0.004 0.459 0.694/0.397);
            --sky-a8: color(display-p3 0 0.435 0.682/0.542);
            --sky-a9: color(display-p3 0.004 0.71 0.965/0.416);
            --sky-a10: color(display-p3 0.004 0.647 0.914/0.444);
            --sky-a11: color(display-p3 0.193 0.448 0.605);
            --sky-a12: color(display-p3 0.145 0.241 0.329);
            --teal-1: color(display-p3 0.983 0.996 0.992);
            --teal-2: color(display-p3 0.958 0.983 0.976);
            --teal-3: color(display-p3 0.895 0.971 0.952);
            --teal-4: color(display-p3 0.831 0.949 0.92);
            --teal-5: color(display-p3 0.761 0.914 0.878);
            --teal-6: color(display-p3 0.682 0.864 0.825);
            --teal-7: color(display-p3 0.581 0.798 0.756);
            --teal-8: color(display-p3 0.433 0.716 0.671);
            --teal-9: color(display-p3 0.297 0.637 0.581);
            --teal-10: color(display-p3 0.275 0.599 0.542);
            --teal-11: color(display-p3 0.08 0.5 0.43);
            --teal-12: color(display-p3 0.11 0.235 0.219);
            --teal-a1: color(display-p3 0.024 0.757 0.514/0.016);
            --teal-a2: color(display-p3 0.02 0.647 0.467/0.044);
            --teal-a3: color(display-p3 0.004 0.741 0.557/0.106);
            --teal-a4: color(display-p3 0.004 0.702 0.537/0.169);
            --teal-a5: color(display-p3 0.004 0.643 0.494/0.24);
            --teal-a6: color(display-p3 0.004 0.569 0.447/0.318);
            --teal-a7: color(display-p3 0.004 0.518 0.424/0.42);
            --teal-a8: color(display-p3 0 0.506 0.424/0.569);
            --teal-a9: color(display-p3 0 0.482 0.404/0.702);
            --teal-a10: color(display-p3 0 0.451 0.369/0.726);
            --teal-a11: color(display-p3 0.08 0.5 0.43);
            --teal-a12: color(display-p3 0.11 0.235 0.219);
            --tomato-1: color(display-p3 0.998 0.989 0.988);
            --tomato-2: color(display-p3 0.994 0.974 0.969);
            --tomato-3: color(display-p3 0.985 0.924 0.909);
            --tomato-4: color(display-p3 0.996 0.868 0.835);
            --tomato-5: color(display-p3 0.98 0.812 0.77);
            --tomato-6: color(display-p3 0.953 0.75 0.698);
            --tomato-7: color(display-p3 0.917 0.673 0.611);
            --tomato-8: color(display-p3 0.875 0.575 0.502);
            --tomato-9: color(display-p3 0.831 0.345 0.231);
            --tomato-10: color(display-p3 0.802 0.313 0.2);
            --tomato-11: color(display-p3 0.755 0.259 0.152);
            --tomato-12: color(display-p3 0.335 0.165 0.132);
            --tomato-a1: color(display-p3 0.675 0.024 0.024/0.012);
            --tomato-a2: color(display-p3 0.757 0.145 0.02/0.032);
            --tomato-a3: color(display-p3 0.831 0.184 0.012/0.091);
            --tomato-a4: color(display-p3 0.976 0.192 0.004/0.165);
            --tomato-a5: color(display-p3 0.918 0.192 0.004/0.232);
            --tomato-a6: color(display-p3 0.847 0.173 0.004/0.302);
            --tomato-a7: color(display-p3 0.788 0.165 0.004/0.389);
            --tomato-a8: color(display-p3 0.749 0.153 0.004/0.499);
            --tomato-a9: color(display-p3 0.78 0.149 0/0.769);
            --tomato-a10: color(display-p3 0.757 0.141 0/0.8);
            --tomato-a11: color(display-p3 0.755 0.259 0.152);
            --tomato-a12: color(display-p3 0.335 0.165 0.132);
            --violet-1: color(display-p3 0.991 0.988 0.995);
            --violet-2: color(display-p3 0.978 0.974 0.998);
            --violet-3: color(display-p3 0.953 0.943 0.993);
            --violet-4: color(display-p3 0.916 0.897 1);
            --violet-5: color(display-p3 0.876 0.851 1);
            --violet-6: color(display-p3 0.825 0.793 0.981);
            --violet-7: color(display-p3 0.752 0.712 0.943);
            --violet-8: color(display-p3 0.654 0.602 0.902);
            --violet-9: color(display-p3 0.417 0.341 0.784);
            --violet-10: color(display-p3 0.381 0.306 0.741);
            --violet-11: color(display-p3 0.383 0.317 0.702);
            --violet-12: color(display-p3 0.179 0.15 0.359);
            --violet-a1: color(display-p3 0.349 0.024 0.675/0.012);
            --violet-a2: color(display-p3 0.161 0.024 0.863/0.028);
            --violet-a3: color(display-p3 0.204 0.004 0.871/0.059);
            --violet-a4: color(display-p3 0.196 0.004 1/0.102);
            --violet-a5: color(display-p3 0.165 0.008 1/0.15);
            --violet-a6: color(display-p3 0.153 0.004 0.906/0.208);
            --violet-a7: color(display-p3 0.141 0.004 0.796/0.287);
            --violet-a8: color(display-p3 0.133 0.004 0.753/0.397);
            --violet-a9: color(display-p3 0.114 0 0.675/0.659);
            --violet-a10: color(display-p3 0.11 0 0.627/0.695);
            --violet-a11: color(display-p3 0.383 0.317 0.702);
            --violet-a12: color(display-p3 0.179 0.15 0.359);
            --yellow-1: color(display-p3 0.992 0.992 0.978);
            --yellow-2: color(display-p3 0.995 0.99 0.922);
            --yellow-3: color(display-p3 0.997 0.982 0.749);
            --yellow-4: color(display-p3 0.992 0.953 0.627);
            --yellow-5: color(display-p3 0.984 0.91 0.51);
            --yellow-6: color(display-p3 0.934 0.847 0.474);
            --yellow-7: color(display-p3 0.876 0.785 0.46);
            --yellow-8: color(display-p3 0.811 0.689 0.313);
            --yellow-9: color(display-p3 1 0.92 0.22);
            --yellow-10: color(display-p3 0.977 0.868 0.291);
            --yellow-11: color(display-p3 0.6 0.44 0);
            --yellow-12: color(display-p3 0.271 0.233 0.137);
            --yellow-a1: color(display-p3 0.675 0.675 0.024/0.024);
            --yellow-a2: color(display-p3 0.953 0.855 0.008/0.079);
            --yellow-a3: color(display-p3 0.988 0.925 0.004/0.251);
            --yellow-a4: color(display-p3 0.98 0.875 0.004/0.373);
            --yellow-a5: color(display-p3 0.969 0.816 0.004/0.491);
            --yellow-a6: color(display-p3 0.875 0.71 0/0.526);
            --yellow-a7: color(display-p3 0.769 0.604 0/0.542);
            --yellow-a8: color(display-p3 0.725 0.549 0/0.687);
            --yellow-a9: color(display-p3 1 0.898 0/0.781);
            --yellow-a10: color(display-p3 0.969 0.812 0/0.71);
            --yellow-a11: color(display-p3 0.6 0.44 0);
            --yellow-a12: color(display-p3 0.271 0.233 0.137);
            --gray-surface: color(display-p3 1 1 1/0.8);
            --mauve-surface: color(display-p3 1 1 1/0.8);
            --slate-surface: color(display-p3 1 1 1/0.8);
            --sage-surface: color(display-p3 1 1 1/0.8);
            --olive-surface: color(display-p3 1 1 1/0.8);
            --sand-surface: color(display-p3 1 1 1/0.8);
            --amber-surface: color(display-p3 0.9922 0.9843 0.902/0.8);
            --blue-surface: color(display-p3 0.9529 0.9765 0.9961/0.8);
            --bronze-surface: color(display-p3 0.9843 0.9608 0.9529/0.8);
            --brown-surface: color(display-p3 0.9843 0.9725 0.9569/0.8);
            --crimson-surface: color(display-p3 0.9922 0.9608 0.9725/0.8);
            --cyan-surface: color(display-p3 0.9412 0.9765 0.9804/0.8);
            --gold-surface: color(display-p3 0.9765 0.9725 0.9412/0.8);
            --grass-surface: color(display-p3 0.9569 0.9804 0.9569/0.8);
            --green-surface: color(display-p3 0.9569 0.9804 0.9608/0.8);
            --indigo-surface: color(display-p3 0.9647 0.9725 0.9961/0.8);
            --iris-surface: color(display-p3 0.9647 0.9647 0.9961/0.8);
            --jade-surface: color(display-p3 0.9529 0.9804 0.9608/0.8);
            --lime-surface: color(display-p3 0.9725 0.9765 0.9412/0.8);
            --mint-surface: color(display-p3 0.9451 0.9804 0.9725/0.8);
            --orange-surface: color(display-p3 0.9961 0.9608 0.9176/0.8);
            --pink-surface: color(display-p3 0.9922 0.9608 0.9804/0.8);
            --plum-surface: color(display-p3 0.9843 0.9647 0.9843/0.8);
            --purple-surface: color(display-p3 0.9804 0.9647 0.9922/0.8);
            --red-surface: color(display-p3 0.9961 0.9647 0.9647/0.8);
            --ruby-surface: color(display-p3 0.9961 0.9647 0.9647/0.8);
            --sky-surface: color(display-p3 0.9412 0.9765 0.9843/0.8);
            --teal-surface: color(display-p3 0.9451 0.9804 0.9725/0.8);
            --tomato-surface: color(display-p3 0.9922 0.9647 0.9608/0.8);
            --violet-surface: color(display-p3 0.9725 0.9647 0.9961/0.8);
            --yellow-surface: color(display-p3 0.9961 0.9922 0.902/0.8)
        }
    }
}

:root {
    --gray-contrast: #fff;
    --mauve-contrast: #fff;
    --slate-contrast: #fff;
    --sage-contrast: #fff;
    --olive-contrast: #fff;
    --sand-contrast: #fff;
    --amber-contrast: #21201c;
    --blue-contrast: #fff;
    --bronze-contrast: #fff;
    --brown-contrast: #fff;
    --crimson-contrast: #fff;
    --cyan-contrast: #fff;
    --gold-contrast: #fff;
    --grass-contrast: #fff;
    --green-contrast: #fff;
    --indigo-contrast: #fff;
    --iris-contrast: #fff;
    --jade-contrast: #fff;
    --lime-contrast: #1d211c;
    --mint-contrast: #1a211e;
    --orange-contrast: #fff;
    --pink-contrast: #fff;
    --plum-contrast: #fff;
    --purple-contrast: #fff;
    --red-contrast: #fff;
    --ruby-contrast: #fff;
    --sky-contrast: #1c2024;
    --teal-contrast: #fff;
    --tomato-contrast: #fff;
    --violet-contrast: #fff;
    --yellow-contrast: #21201c;
    --black-a1: rgba(0, 0, 0, .05);
    --black-a2: rgba(0, 0, 0, .1);
    --black-a3: rgba(0, 0, 0, .15);
    --black-a4: rgba(0, 0, 0, .2);
    --black-a5: rgba(0, 0, 0, .3);
    --black-a6: rgba(0, 0, 0, .4);
    --black-a7: rgba(0, 0, 0, .5);
    --black-a8: rgba(0, 0, 0, .6);
    --black-a9: rgba(0, 0, 0, .7);
    --black-a10: rgba(0, 0, 0, .8);
    --black-a11: rgba(0, 0, 0, .9);
    --black-a12: rgba(0, 0, 0, .95);
    --white-a1: hsla(0, 0%, 100%, .05);
    --white-a2: hsla(0, 0%, 100%, .1);
    --white-a3: hsla(0, 0%, 100%, .15);
    --white-a4: hsla(0, 0%, 100%, .2);
    --white-a5: hsla(0, 0%, 100%, .3);
    --white-a6: hsla(0, 0%, 100%, .4);
    --white-a7: hsla(0, 0%, 100%, .5);
    --white-a8: hsla(0, 0%, 100%, .6);
    --white-a9: hsla(0, 0%, 100%, .7);
    --white-a10: hsla(0, 0%, 100%, .8);
    --white-a11: hsla(0, 0%, 100%, .9);
    --white-a12: hsla(0, 0%, 100%, .95)
}

@supports (color:color(display-p3 1 1 1)) {
    @media (color-gamut:p3) {
        :root {
            --black-a1: color(display-p3 0 0 0/0.05);
            --black-a2: color(display-p3 0 0 0/0.1);
            --black-a3: color(display-p3 0 0 0/0.15);
            --black-a4: color(display-p3 0 0 0/0.2);
            --black-a5: color(display-p3 0 0 0/0.3);
            --black-a6: color(display-p3 0 0 0/0.4);
            --black-a7: color(display-p3 0 0 0/0.5);
            --black-a8: color(display-p3 0 0 0/0.6);
            --black-a9: color(display-p3 0 0 0/0.7);
            --black-a10: color(display-p3 0 0 0/0.8);
            --black-a11: color(display-p3 0 0 0/0.9);
            --black-a12: color(display-p3 0 0 0/0.95);
            --white-a1: color(display-p3 1 1 1/0.05);
            --white-a2: color(display-p3 1 1 1/0.1);
            --white-a3: color(display-p3 1 1 1/0.15);
            --white-a4: color(display-p3 1 1 1/0.2);
            --white-a5: color(display-p3 1 1 1/0.3);
            --white-a6: color(display-p3 1 1 1/0.4);
            --white-a7: color(display-p3 1 1 1/0.5);
            --white-a8: color(display-p3 1 1 1/0.6);
            --white-a9: color(display-p3 1 1 1/0.7);
            --white-a10: color(display-p3 1 1 1/0.8);
            --white-a11: color(display-p3 1 1 1/0.9);
            --white-a12: color(display-p3 1 1 1/0.95)
        }
    }
}

:where(.radix-themes) {
    --color-background: #fff;
    --color-overlay: var(--black-a6);
    --color-panel-solid: #fff;
    --color-panel-translucent: hsla(0, 0%, 100%, .7);
    --color-surface: hsla(0, 0%, 100%, .85);
    --color-transparent: transparent;
    --shadow-1: inset 0 0 0 1px var(--gray-a5), inset 0 1.5px 2px 0 var(--gray-a2), inset 0 1.5px 2px 0 var(--black-a2);
    --shadow-2: 0 0 0 1px var(--gray-a3), 0 0 0 0.5px var(--black-a1), 0 1px 1px 0 var(--gray-a2), 0 2px 1px -1px var(--black-a1), 0 1px 3px 0 var(--black-a1);
    --shadow-3: 0 0 0 1px var(--gray-a3), 0 2px 3px -2px var(--gray-a3), 0 3px 12px -4px var(--black-a2), 0 4px 16px -8px var(--black-a2);
    --shadow-4: 0 0 0 1px var(--gray-a3), 0 8px 40px var(--black-a1), 0 12px 32px -16px var(--gray-a3);
    --shadow-5: 0 0 0 1px var(--gray-a3), 0 12px 60px var(--black-a3), 0 12px 32px -16px var(--gray-a5);
    --shadow-6: 0 0 0 1px var(--gray-a3), 0 12px 60px var(--black-a3), 0 16px 64px var(--gray-a2), 0 16px 36px -20px var(--gray-a7);
    --base-button-classic-after-inset: 2px;
    --base-button-classic-box-shadow-top: inset 0 0 0 1px var(--gray-a4), inset 0-2px 1px var(--gray-a3);
    --base-button-classic-box-shadow-bottom: inset 0 4px 2px -2px var(--white-a9), inset 0 2px 1px -1px var(--white-a9);
    --base-button-classic-disabled-box-shadow: var(--base-button-classic-box-shadow-top), var(--base-button-classic-box-shadow-bottom);
    --base-button-classic-active-filter: brightness(0.92) saturate(1.1);
    --base-button-classic-high-contrast-hover-filter: contrast(0.88) saturate(1.1) brightness(1.1);
    --base-button-classic-high-contrast-active-filter: contrast(0.82) saturate(1.2) brightness(1.16);
    --base-button-solid-active-filter: brightness(0.92) saturate(1.1);
    --base-button-solid-high-contrast-hover-filter: contrast(0.88) saturate(1.1) brightness(1.1);
    --base-button-solid-high-contrast-active-filter: contrast(0.82) saturate(1.2) brightness(1.16);
    --kbd-box-shadow: inset 0-0.05em 0.5em var(--gray-a2), inset 0 0.05em var(--white-a12), inset 0 0.25em 0.5em var(--gray-a2), inset 0-0.05em var(--gray-a6), 0 0 0 0.05em var(--gray-a5), 0 0.08em 0.17em var(--gray-a7);
    --progress-indicator-after-linear-gradient: var(--white-a5), var(--white-a9), var(--white-a5);
    --segmented-control-indicator-background-color: var(--color-background);
    --select-trigger-classic-box-shadow: inset 0 0 0 1px var(--gray-a5), inset 0 2px 1px var(--white-a11), inset 0-2px 1px var(--gray-a4);
    --slider-range-high-contrast-background-image: linear-gradient(var(--black-a8), var(--black-a8));
    --slider-disabled-blend-mode: multiply;
    --switch-disabled-blend-mode: multiply;
    --switch-high-contrast-checked-color-overlay: var(--black-a8);
    --switch-high-contrast-checked-active-before-filter: contrast(0.82) saturate(1.2) brightness(1.16);
    --switch-surface-checked-active-filter: brightness(0.92) saturate(1.1);
    --base-card-surface-box-shadow: 0 0 0 1px var(--gray-a5);
    --base-card-surface-hover-box-shadow: 0 0 0 1px var(--gray-a7);
    --base-card-surface-active-box-shadow: 0 0 0 1px var(--gray-a6);
    --base-card-classic-box-shadow-inner: 0 0 0 1px var(--base-card-classic-border-color), 0 0 0 1px var(--color-transparent), 0 0 0 0.5px var(--black-a1), 0 1px 1px 0 var(--gray-a2), 0 2px 1px -1px var(--black-a1), 0 1px 3px 0 var(--black-a1);
    --base-card-classic-box-shadow-outer: 0 0 0 0 var(--base-card-classic-border-color), 0 0 0 0 var(--color-transparent), 0 0 0 0 var(--black-a1), 0 1px 1px -1px var(--gray-a2), 0 2px 1px -2px var(--black-a1), 0 1px 3px -1px var(--black-a1);
    --base-card-classic-hover-box-shadow-inner: 0 0 0 1px var(--base-card-classic-hover-border-color), 0 1px 1px 1px var(--black-a1), 0 2px 1px -1px var(--gray-a3), 0 2px 3px -2px var(--black-a1), 0 3px 12px -4px var(--gray-a3), 0 4px 16px -8px var(--black-a1);
    --base-card-classic-hover-box-shadow-outer: 0 0 0 0 var(--base-card-classic-hover-border-color), 0 1px 1px 0 var(--black-a1), 0 2px 1px -2px var(--gray-a3), 0 2px 3px -3px var(--black-a1), 0 3px 12px -5px var(--gray-a3), 0 4px 16px -9px var(--black-a1);
    --base-card-classic-active-box-shadow-inner: 0 0 0 1px var(--base-card-classic-active-border-color), 0 0 0 1px var(--color-transparent), 0 0 0 0.5px var(--black-a1), 0 1px 1px 0 var(--gray-a4), 0 2px 1px -1px var(--black-a1), 0 1px 3px 0 var(--black-a1);
    --base-card-classic-active-box-shadow-outer: 0 0 0 0 var(--base-card-classic-active-border-color), 0 0 0 0 var(--color-transparent), 0 0 0 0 var(--black-a1), 0 1px 1px -1px var(--gray-a4), 0 2px 1px -2px var(--black-a1), 0 1px 3px -1px var(--black-a1);
    --base-card-classic-border-color: var(--gray-a3);
    --base-card-classic-hover-border-color: var(--gray-a3);
    --base-card-classic-active-border-color: var(--gray-a4)
}

@supports (color:color(display-p3 1 1 1)) {
    @media (color-gamut:p3) {
        .radix-themes {
            --color-transparent: color(display-p3 0 0 0/0)
        }
    }
}

.radix-themes,
[data-accent-color]:where(:not([data-accent-color=""], [data-accent-color=gray])) {
    --focus-1: var(--accent-1);
    --focus-2: var(--accent-2);
    --focus-3: var(--accent-3);
    --focus-4: var(--accent-4);
    --focus-5: var(--accent-5);
    --focus-6: var(--accent-6);
    --focus-7: var(--accent-7);
    --focus-8: var(--accent-8);
    --focus-9: var(--accent-9);
    --focus-10: var(--accent-10);
    --focus-11: var(--accent-11);
    --focus-12: var(--accent-12);
    --focus-a1: var(--accent-a1);
    --focus-a2: var(--accent-a2);
    --focus-a3: var(--accent-a3);
    --focus-a4: var(--accent-a4);
    --focus-a5: var(--accent-a5);
    --focus-a6: var(--accent-a6);
    --focus-a7: var(--accent-a7);
    --focus-a8: var(--accent-a8);
    --focus-a9: var(--accent-a9);
    --focus-a10: var(--accent-a10);
    --focus-a11: var(--accent-a11);
    --focus-a12: var(--accent-a12)
}

.radix-themes ::-moz-selection {
    background-color: var(--focus-a5)
}

.radix-themes ::selection {
    background-color: var(--focus-a5)
}

.radix-themes:where([data-has-background=true]) {
    background-color: var(--color-background)
}

.radix-themes:where([data-panel-background=translucent]) {
    --color-panel: var(--color-panel-translucent);
    --backdrop-filter-panel: blur(64px)
}

[data-accent-color=indigo] {
    --accent-1: var(--indigo-1);
    --accent-2: var(--indigo-2);
    --accent-3: var(--indigo-3);
    --accent-4: var(--indigo-4);
    --accent-5: var(--indigo-5);
    --accent-6: var(--indigo-6);
    --accent-7: var(--indigo-7);
    --accent-8: var(--indigo-8);
    --accent-9: var(--indigo-9);
    --accent-10: var(--indigo-10);
    --accent-11: var(--indigo-11);
    --accent-12: var(--indigo-12);
    --accent-a1: var(--indigo-a1);
    --accent-a2: var(--indigo-a2);
    --accent-a3: var(--indigo-a3);
    --accent-a4: var(--indigo-a4);
    --accent-a5: var(--indigo-a5);
    --accent-a6: var(--indigo-a6);
    --accent-a7: var(--indigo-a7);
    --accent-a8: var(--indigo-a8);
    --accent-a9: var(--indigo-a9);
    --accent-a10: var(--indigo-a10);
    --accent-a11: var(--indigo-a11);
    --accent-a12: var(--indigo-a12);
    --accent-contrast: var(--indigo-contrast);
    --accent-surface: var(--indigo-surface);
    --accent-indicator: var(--indigo-indicator);
    --accent-track: var(--indigo-track)
}

.radix-themes:where([data-gray-color=slate]) {
    --gray-1: var(--slate-1);
    --gray-2: var(--slate-2);
    --gray-3: var(--slate-3);
    --gray-4: var(--slate-4);
    --gray-5: var(--slate-5);
    --gray-6: var(--slate-6);
    --gray-7: var(--slate-7);
    --gray-8: var(--slate-8);
    --gray-9: var(--slate-9);
    --gray-10: var(--slate-10);
    --gray-11: var(--slate-11);
    --gray-12: var(--slate-12);
    --gray-a1: var(--slate-a1);
    --gray-a2: var(--slate-a2);
    --gray-a3: var(--slate-a3);
    --gray-a4: var(--slate-a4);
    --gray-a5: var(--slate-a5);
    --gray-a6: var(--slate-a6);
    --gray-a7: var(--slate-a7);
    --gray-a8: var(--slate-a8);
    --gray-a9: var(--slate-a9);
    --gray-a10: var(--slate-a10);
    --gray-a11: var(--slate-a11);
    --gray-a12: var(--slate-a12);
    --gray-contrast: var(--slate-contrast);
    --gray-surface: var(--slate-surface);
    --gray-indicator: var(--slate-indicator);
    --gray-track: var(--slate-track)
}

.radix-themes {
    --cursor-button: default;
    --cursor-checkbox: default;
    --cursor-disabled: not-allowed;
    --cursor-link: pointer;
    --cursor-menu-item: default;
    --cursor-radio: default;
    --cursor-slider-thumb: default;
    --cursor-slider-thumb-active: default;
    --cursor-switch: default;
    --space-1: calc(4px*var(--scaling));
    --space-2: calc(8px*var(--scaling));
    --space-3: calc(12px*var(--scaling));
    --space-4: calc(16px*var(--scaling));
    --space-5: calc(24px*var(--scaling));
    --space-6: calc(32px*var(--scaling));
    --space-7: calc(40px*var(--scaling));
    --space-8: calc(48px*var(--scaling));
    --space-9: calc(64px*var(--scaling));
    --font-size-1: calc(12px*var(--scaling));
    --font-size-2: calc(14px*var(--scaling));
    --font-size-3: calc(16px*var(--scaling));
    --font-size-4: calc(18px*var(--scaling));
    --font-size-5: calc(20px*var(--scaling));
    --font-size-6: calc(24px*var(--scaling));
    --font-size-7: calc(28px*var(--scaling));
    --font-size-8: calc(35px*var(--scaling));
    --font-size-9: calc(60px*var(--scaling));
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --line-height-1: calc(16px*var(--scaling));
    --line-height-2: calc(20px*var(--scaling));
    --line-height-3: calc(24px*var(--scaling));
    --line-height-4: calc(26px*var(--scaling));
    --line-height-5: calc(28px*var(--scaling));
    --line-height-6: calc(30px*var(--scaling));
    --line-height-7: calc(36px*var(--scaling));
    --line-height-8: calc(40px*var(--scaling));
    --line-height-9: calc(60px*var(--scaling));
    --letter-spacing-1: 0.0025em;
    --letter-spacing-2: 0em;
    --letter-spacing-3: 0em;
    --letter-spacing-4: -0.0025em;
    --letter-spacing-5: -0.005em;
    --letter-spacing-6: -0.00625em;
    --letter-spacing-7: -0.0075em;
    --letter-spacing-8: -0.01em;
    --letter-spacing-9: -0.025em;
    --default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI (Custom)", Roboto, "Helvetica Neue", "Open Sans (Custom)", system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    --default-font-size: var(--font-size-3);
    --default-font-style: normal;
    --default-font-weight: var(--font-weight-regular);
    --default-line-height: 1.5;
    --default-letter-spacing: 0em;
    --default-leading-trim-start: 0.42em;
    --default-leading-trim-end: 0.36em;
    --heading-font-family: var(--default-font-family);
    --heading-font-size-adjust: 1;
    --heading-font-style: normal;
    --heading-leading-trim-start: var(--default-leading-trim-start);
    --heading-leading-trim-end: var(--default-leading-trim-end);
    --heading-letter-spacing: 0em;
    --heading-line-height-1: calc(16px*var(--scaling));
    --heading-line-height-2: calc(18px*var(--scaling));
    --heading-line-height-3: calc(22px*var(--scaling));
    --heading-line-height-4: calc(24px*var(--scaling));
    --heading-line-height-5: calc(26px*var(--scaling));
    --heading-line-height-6: calc(30px*var(--scaling));
    --heading-line-height-7: calc(36px*var(--scaling));
    --heading-line-height-8: calc(40px*var(--scaling));
    --heading-line-height-9: calc(60px*var(--scaling));
    --code-font-family: "Menlo", "Consolas (Custom)", "Bitstream Vera Sans Mono", monospace, "Apple Color Emoji", "Segoe UI Emoji";
    --code-font-size-adjust: 0.95;
    --code-font-style: normal;
    --code-font-weight: inherit;
    --code-letter-spacing: -0.007em;
    --code-padding-top: 0.1em;
    --code-padding-bottom: 0.1em;
    --code-padding-left: 0.25em;
    --code-padding-right: 0.25em;
    --strong-font-family: var(--default-font-family);
    --strong-font-size-adjust: 1;
    --strong-font-style: inherit;
    --strong-font-weight: var(--font-weight-bold);
    --strong-letter-spacing: 0em;
    --em-font-family: "Times New Roman", "Times", serif;
    --em-font-size-adjust: 1.18;
    --em-font-style: italic;
    --em-font-weight: inherit;
    --em-letter-spacing: -0.025em;
    --quote-font-family: "Times New Roman", "Times", serif;
    --quote-font-size-adjust: 1.18;
    --quote-font-style: italic;
    --quote-font-weight: inherit;
    --quote-letter-spacing: -0.025em;
    --tab-active-letter-spacing: -0.01em;
    --tab-active-word-spacing: 0em;
    --tab-inactive-letter-spacing: 0em;
    --tab-inactive-word-spacing: 0em;
    overflow-wrap: break-word;
    font-family: var(--default-font-family);
    font-size: var(--default-font-size);
    font-weight: var(--default-font-weight);
    font-style: var(--default-font-style);
    line-height: var(--default-line-height);
    letter-spacing: var(--default-letter-spacing);
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    --container-1: 448px;
    --container-2: 688px;
    --container-3: 880px;
    --container-4: 1136px;
    --scrollarea-scrollbar-horizontal-margin-top: var(--space-1);
    --scrollarea-scrollbar-horizontal-margin-bottom: var(--space-1);
    --scrollarea-scrollbar-horizontal-margin-left: var(--space-1);
    --scrollarea-scrollbar-horizontal-margin-right: var(--space-1);
    --scrollarea-scrollbar-vertical-margin-top: var(--space-1);
    --scrollarea-scrollbar-vertical-margin-bottom: var(--space-1);
    --scrollarea-scrollbar-vertical-margin-left: var(--space-1);
    --scrollarea-scrollbar-vertical-margin-right: var(--space-1);
    --segmented-control-transition-duration: 100ms;
    --spinner-animation-duration: 800ms;
    --spinner-opacity: 0.65;
    color: var(--gray-12)
}

.radix-themes:where([data-scaling="100%"]) {
    --scaling: 1
}

[data-radius] {
    --radius-1: calc(3px*var(--scaling)*var(--radius-factor));
    --radius-2: calc(4px*var(--scaling)*var(--radius-factor));
    --radius-3: calc(6px*var(--scaling)*var(--radius-factor));
    --radius-4: calc(8px*var(--scaling)*var(--radius-factor));
    --radius-5: calc(12px*var(--scaling)*var(--radius-factor));
    --radius-6: calc(16px*var(--scaling)*var(--radius-factor))
}

[data-radius=medium] {
    --radius-factor: 1;
    --radius-full: 0px;
    --radius-thumb: 9999px
}

@supports (color:color-mix(in oklab, white, black)) {
    :where(.radix-themes) {
        --shadow-1: inset 0 0 0 1px var(--gray-a5), inset 0 1.5px 2px 0 var(--gray-a2), inset 0 1.5px 2px 0 var(--black-a2);
        --shadow-2: 0 0 0 1px color-mix(in oklab, var(--gray-a3), var(--gray-3) 25%), 0 0 0 0.5px var(--black-a1), 0 1px 1px 0 var(--gray-a2), 0 2px 1px -1px var(--black-a1), 0 1px 3px 0 var(--black-a1);
        --shadow-3: 0 0 0 1px color-mix(in oklab, var(--gray-a3), var(--gray-3) 25%), 0 2px 3px -2px var(--gray-a3), 0 3px 12px -4px var(--black-a2), 0 4px 16px -8px var(--black-a2);
        --shadow-4: 0 0 0 1px color-mix(in oklab, var(--gray-a3), var(--gray-3) 25%), 0 8px 40px var(--black-a1), 0 12px 32px -16px var(--gray-a3);
        --shadow-5: 0 0 0 1px color-mix(in oklab, var(--gray-a3), var(--gray-3) 25%), 0 12px 60px var(--black-a3), 0 12px 32px -16px var(--gray-a5);
        --shadow-6: 0 0 0 1px color-mix(in oklab, var(--gray-a3), var(--gray-3) 25%), 0 12px 60px var(--black-a3), 0 16px 64px var(--gray-a2), 0 16px 36px -20px var(--gray-a7);
        --base-card-surface-box-shadow: 0 0 0 1px color-mix(in oklab, var(--gray-a5), var(--gray-5) 25%);
        --base-card-surface-hover-box-shadow: 0 0 0 1px color-mix(in oklab, var(--gray-a7), var(--gray-7) 25%);
        --base-card-surface-active-box-shadow: 0 0 0 1px color-mix(in oklab, var(--gray-a6), var(--gray-6) 25%);
        --base-card-classic-border-color: color-mix(in oklab, var(--gray-a3), var(--gray-3) 25%);
        --base-card-classic-hover-border-color: color-mix(in oklab, var(--gray-a4), var(--gray-4) 25%);
        --base-card-classic-active-border-color: color-mix(in oklab, var(--gray-a3), var(--gray-3) 25%)
    }
}

@font-face {
    font-family: "Segoe UI (Custom)";
    font-weight: 300;
    size-adjust: 103%;
    descent-override: 35%;
    ascent-override: 105%;
    src: local("Segoe UI Semilight"), local("Segoe UI")
}

@font-face {
    font-family: "Segoe UI (Custom)";
    font-weight: 300;
    font-style: italic;
    size-adjust: 103%;
    descent-override: 35%;
    ascent-override: 105%;
    src: local("Segoe UI Semilight Italic"), local("Segoe UI Italic")
}

@font-face {
    font-family: "Segoe UI (Custom)";
    font-weight: 400;
    size-adjust: 103%;
    descent-override: 35%;
    ascent-override: 105%;
    src: local("Segoe UI")
}

@font-face {
    font-family: "Segoe UI (Custom)";
    font-weight: 400;
    font-style: italic;
    size-adjust: 103%;
    descent-override: 35%;
    ascent-override: 105%;
    src: local("Segoe UI Italic")
}

@font-face {
    font-family: "Segoe UI (Custom)";
    font-weight: 500;
    size-adjust: 103%;
    descent-override: 35%;
    ascent-override: 105%;
    src: local("Segoe UI Semibold"), local("Segoe UI")
}

@font-face {
    font-family: "Segoe UI (Custom)";
    font-weight: 500;
    font-style: italic;
    size-adjust: 103%;
    descent-override: 35%;
    ascent-override: 105%;
    src: local("Segoe UI Semibold Italic"), local("Segoe UI Italic")
}

@font-face {
    font-family: "Segoe UI (Custom)";
    font-weight: 700;
    size-adjust: 103%;
    descent-override: 35%;
    ascent-override: 105%;
    src: local("Segoe UI Bold")
}

@font-face {
    font-family: "Segoe UI (Custom)";
    font-weight: 700;
    font-style: italic;
    size-adjust: 103%;
    descent-override: 35%;
    ascent-override: 105%;
    src: local("Segoe UI Bold Italic")
}

@font-face {
    font-family: "Open Sans (Custom)";
    font-weight: 300;
    descent-override: 35%;
    src: local("Open Sans Light"), local("Open Sans Regular")
}

@font-face {
    font-family: "Open Sans (Custom)";
    font-weight: 300;
    font-style: italic;
    descent-override: 35%;
    src: local("Open Sans Light Italic"), local("Open Sans Italic")
}

@font-face {
    font-family: "Open Sans (Custom)";
    font-weight: 400;
    descent-override: 35%;
    src: local("Open Sans Regular")
}

@font-face {
    font-family: "Open Sans (Custom)";
    font-weight: 400;
    font-style: italic;
    descent-override: 35%;
    src: local("Open Sans Italic")
}

@font-face {
    font-family: "Open Sans (Custom)";
    font-weight: 500;
    descent-override: 35%;
    src: local("Open Sans Medium"), local("Open Sans Regular")
}

@font-face {
    font-family: "Open Sans (Custom)";
    font-weight: 500;
    font-style: italic;
    descent-override: 35%;
    src: local("Open Sans Medium Italic"), local("Open Sans Italic")
}

@font-face {
    font-family: "Open Sans (Custom)";
    font-weight: 700;
    descent-override: 35%;
    src: local("Open Sans Bold")
}

@font-face {
    font-family: "Open Sans (Custom)";
    font-weight: 700;
    font-style: italic;
    descent-override: 35%;
    src: local("Open Sans Bold Italic")
}

@font-face {
    font-family: "Consolas (Custom)";
    font-weight: 400;
    size-adjust: 110%;
    ascent-override: 85%;
    descent-override: 22%;
    src: local("Consolas")
}

@font-face {
    font-family: "Consolas (Custom)";
    font-weight: 400;
    font-style: italic;
    size-adjust: 110%;
    ascent-override: 85%;
    descent-override: 22%;
    src: local("Consolas Italic")
}

@font-face {
    font-family: "Consolas (Custom)";
    font-weight: 700;
    size-adjust: 110%;
    ascent-override: 85%;
    descent-override: 22%;
    src: local("Consolas Bold")
}

@font-face {
    font-family: "Consolas (Custom)";
    font-weight: 700;
    font-style: italic;
    size-adjust: 110%;
    ascent-override: 85%;
    descent-override: 22%;
    src: local("Consolas Bold Italic")
}

.rt-reset:where(:focus) {
    outline: none
}

.rt-reset::-moz-placeholder {
    color: unset;
    opacity: unset;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.rt-reset::placeholder {
    color: unset;
    opacity: unset;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.rt-reset:where(q):after,
.rt-reset:where(q):before {
    content: ""
}

.rt-reset:where(details) ::marker,
.rt-reset:where(summary)::marker {
    content: none
}

.rt-reset:where(:-moz-any-link) {
    cursor: var(--cursor-link)
}

.rt-reset:where(:any-link) {
    cursor: var(--cursor-link)
}

.rt-reset:where(:disabled, [data-disabled]) {
    cursor: var(--cursor-disabled)
}

.rt-reset:after,
.rt-reset:before {
    box-sizing: border-box
}

@keyframes rt-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes rt-fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes rt-slide-from-top {
    0% {
        transform: translateY(4px) scale(.97)
    }

    to {
        transform: translateY(0) scale(1)
    }
}

@keyframes rt-slide-to-top {
    0% {
        transform: translateY(0) scale(1)
    }

    to {
        transform: translateY(4px) scale(.97)
    }
}

@keyframes rt-slide-from-bottom {
    0% {
        transform: translateY(-4px) scale(.97)
    }

    to {
        transform: translateY(0) scale(1)
    }
}

@keyframes rt-slide-to-bottom {
    0% {
        transform: translateY(0) scale(1)
    }

    to {
        transform: translateY(-4px) scale(.97)
    }
}

@keyframes rt-slide-from-left {
    0% {
        transform: translateX(4px) scale(.97)
    }

    to {
        transform: translateX(0) scale(1)
    }
}

@keyframes rt-slide-to-left {
    0% {
        transform: translateX(0) scale(1)
    }

    to {
        transform: translateX(4px) scale(.97)
    }
}

@keyframes rt-slide-from-right {
    0% {
        transform: translateX(-4px) scale(.97)
    }

    to {
        transform: translateX(0) scale(1)
    }
}

@keyframes rt-slide-to-right {
    0% {
        transform: translateX(0) scale(1)
    }

    to {
        transform: translateX(-4px) scale(.97)
    }
}

.rt-Skeleton:after,
.rt-Skeleton:before {
    visibility: hidden !important
}

@keyframes rt-skeleton-pulse {
    0% {
        background-color: var(--gray-a3)
    }

    to {
        background-color: var(--gray-a4)
    }
}

@media (pointer:coarse) {
    .rt-Text:where(label):where(:active) {
        outline: .75em solid var(--gray-a4);
        outline-offset: -.6em
    }
}

.rt-BaseDialogOverlay:before {
    position: fixed;
    content: "";
    inset: 0;
    background-color: var(--color-overlay)
}

@media (prefers-reduced-motion:no-preference) {
    @keyframes rt-dialog-overlay-no-op {
        0% {
            opacity: 1
        }

        to {
            opacity: 1
        }
    }

    @keyframes rt-dialog-content-show {
        0% {
            opacity: 0;
            transform: translateY(5px) scale(.97)
        }

        to {
            opacity: 1;
            transform: translateY(0) scale(1)
        }
    }

    @keyframes rt-dialog-content-hide {
        0% {
            opacity: 1;
            transform: translateY(0) scale(1)
        }

        to {
            opacity: 0;
            transform: translateY(5px) scale(.99)
        }
    }

    .rt-BaseDialogOverlay:where([data-state=open]):before {
        animation: rt-fade-in .2s cubic-bezier(.16, 1, .3, 1)
    }

    .rt-BaseDialogOverlay:where([data-state=closed]):before {
        opacity: 0;
        animation: rt-fade-out .16s cubic-bezier(.16, 1, .3, 1)
    }
}

.rt-Badge:where(.rt-variant-solid)::-moz-selection {
    background-color: var(--accent-7);
    color: var(--accent-12)
}

.rt-Badge:where(.rt-variant-solid)::selection {
    background-color: var(--accent-7);
    color: var(--accent-12)
}

.rt-Badge:where(.rt-variant-solid):where(.rt-high-contrast)::-moz-selection {
    background-color: var(--accent-a11);
    color: var(--accent-1)
}

.rt-Badge:where(.rt-variant-solid):where(.rt-high-contrast)::selection {
    background-color: var(--accent-a11);
    color: var(--accent-1)
}

.rt-BaseButton:where(.rt-variant-classic):after {
    content: "";
    position: absolute;
    border-radius: inherit;
    pointer-events: none;
    inset: 0;
    z-index: -1;
    border: var(--base-button-classic-after-inset) solid transparent;
    background-clip: content-box;
    background-color: inherit;
    background-image: linear-gradient(var(--black-a1), transparent, var(--white-a2));
    box-shadow: inset 0 2px 3px -1px var(--white-a4)
}

.rt-BaseButton:where(.rt-variant-classic):where(.rt-high-contrast):after {
    background-image: linear-gradient(var(--black-a3), transparent, var(--white-a2))
}

@media (pointer:coarse) {
    .rt-BaseButton:where(.rt-variant-classic):where(:active:not([data-state=open])) {
        outline: .5em solid var(--accent-a4);
        outline-offset: 0
    }
}

.rt-BaseButton:where(.rt-variant-classic):where(:focus-visible) {
    outline: 2px solid var(--focus-8);
    outline-offset: 2px
}

@media (hover:hover) {
    .rt-BaseButton:where(.rt-variant-classic):where(:hover):after {
        background-color: var(--accent-10);
        background-image: linear-gradient(var(--black-a2) -15%, transparent, var(--white-a3))
    }

    .rt-BaseButton:where(.rt-variant-classic):where(:hover):where(.rt-high-contrast) {
        filter: var(--base-button-classic-high-contrast-hover-filter)
    }

    .rt-BaseButton:where(.rt-variant-classic):where(:hover):where(.rt-high-contrast):after {
        background-color: var(--accent-12);
        background-image: linear-gradient(var(--black-a5), transparent, var(--white-a2))
    }
}

.rt-BaseButton:where(.rt-variant-classic):where([data-state=open]):after {
    background-color: var(--accent-10);
    background-image: linear-gradient(var(--black-a2) -15%, transparent, var(--white-a3))
}

.rt-BaseButton:where(.rt-variant-classic):where([data-state=open]):where(.rt-high-contrast):after {
    background-color: var(--accent-12);
    background-image: linear-gradient(var(--black-a5), transparent, var(--white-a2))
}

.rt-BaseButton:where(.rt-variant-classic):where(:active:not([data-state=open], [data-disabled])) {
    background-color: var(--accent-9);
    background-image: linear-gradient(var(--black-a1), transparent);
    padding-top: var(--base-button-classic-active-padding-top);
    box-shadow: inset 0 4px 2px -2px var(--gray-a4), inset 0 1px 1px var(--gray-a7), inset 0 0 0 1px var(--gray-a5), inset 0 0 0 1px var(--accent-9), inset 0 3px 2px var(--gray-a3), inset 0 0 0 1px var(--white-a7), inset 0-2px 1px var(--white-a5)
}

.rt-BaseButton:where(.rt-variant-classic):where(:active:not([data-state=open], [data-disabled])):after {
    box-shadow: none;
    background-color: inherit;
    background-image: linear-gradient(var(--black-a2), transparent, var(--white-a3))
}

.rt-BaseButton:where(.rt-variant-classic):where(:active:not([data-state=open], [data-disabled])):where(.rt-high-contrast) {
    background-color: var(--accent-12);
    filter: var(--base-button-classic-high-contrast-active-filter);
    box-shadow: var(--base-button__classic-active__shadow-front-layer), inset 0 0 0 1px var(--accent-12), var(--base-button__classic-active__shadow-bottom-layer)
}

.rt-BaseButton:where(.rt-variant-classic):where(:active:not([data-state=open], [data-disabled])):where(.rt-high-contrast):after {
    background-image: linear-gradient(var(--black-a5), transparent, var(--white-a3))
}

.rt-BaseButton:where(.rt-variant-classic):where([data-disabled]):after {
    box-shadow: none;
    background-color: var(--gray-a2);
    background-image: linear-gradient(var(--black-a1) -20%, transparent, var(--white-a1))
}

@media (hover:hover) {
    .rt-BaseButton:where(.rt-variant-solid):where(:hover) {
        background-color: var(--accent-10)
    }
}

.rt-BaseButton:where(.rt-variant-solid):where(:active:not([data-state=open])) {
    background-color: var(--accent-10);
    filter: var(--base-button-solid-active-filter)
}

@media (pointer:coarse) {
    .rt-BaseButton:where(.rt-variant-solid):where(:active:not([data-state=open])) {
        outline: .5em solid var(--accent-a4);
        outline-offset: 0
    }
}

.rt-BaseButton:where(.rt-variant-solid):where(:focus-visible) {
    outline: 2px solid var(--focus-8);
    outline-offset: 2px
}

@media (hover:hover) {
    .rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where(:hover) {
        background-color: var(--accent-12);
        filter: var(--base-button-solid-high-contrast-hover-filter)
    }
}

.rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where(:active:not([data-state=open])) {
    background-color: var(--accent-12);
    filter: var(--base-button-solid-high-contrast-active-filter)
}

.rt-BaseButton:where(.rt-variant-soft):where(:focus-visible) {
    outline: 2px solid var(--accent-8);
    outline-offset: -1px
}

@media (hover:hover) {
    .rt-BaseButton:where(.rt-variant-soft):where(:hover) {
        background-color: var(--accent-a4)
    }
}

.rt-BaseButton:where(.rt-variant-soft):where(:active:not([data-state=open])) {
    background-color: var(--accent-a5)
}

@media (hover:hover) {
    .rt-BaseButton:where(.rt-variant-ghost):where(:hover) {
        background-color: var(--accent-a3)
    }
}

.rt-BaseButton:where(.rt-variant-ghost):where(:focus-visible) {
    outline: 2px solid var(--focus-8);
    outline-offset: -1px
}

.rt-BaseButton:where(.rt-variant-ghost):where(:active:not([data-state=open])) {
    background-color: var(--accent-a4)
}

@media (hover:hover) {
    .rt-BaseButton:where(.rt-variant-outline):where(:hover) {
        background-color: var(--accent-a2)
    }
}

.rt-BaseButton:where(.rt-variant-outline):where(:active:not([data-state=open])) {
    background-color: var(--accent-a3)
}

.rt-BaseButton:where(.rt-variant-outline):where(:focus-visible) {
    outline: 2px solid var(--focus-8);
    outline-offset: -1px
}

@media (hover:hover) {
    .rt-BaseButton:where(.rt-variant-surface):where(:hover) {
        box-shadow: inset 0 0 0 1px var(--accent-a8)
    }
}

.rt-BaseButton:where(.rt-variant-surface):where(:active:not([data-state=open])) {
    background-color: var(--accent-a3);
    box-shadow: inset 0 0 0 1px var(--accent-a8)
}

.rt-BaseButton:where(.rt-variant-surface):where(:focus-visible) {
    outline: 2px solid var(--focus-8);
    outline-offset: -1px
}

.rt-BaseCard:after,
.rt-BaseCard:before {
    content: "";
    position: absolute;
    pointer-events: none;
    transition: inherit;
    border-radius: calc(var(--base-card-border-radius) - var(--base-card-border-width));
    inset: var(--base-card-border-width)
}

.rt-BaseCard:before {
    z-index: -1
}

.rt-Card:where(:focus-visible) {
    outline: 2px solid var(--focus-8);
    outline-offset: -1px
}

.rt-Card:where(:focus-visible):after {
    outline: inherit
}

.rt-Card:where(:focus-visible):where(:active:not([data-state=open])):before {
    background-image: linear-gradient(var(--focus-a2), var(--focus-a2))
}

.rt-Card:where(.rt-variant-surface):before {
    background-color: var(--card-background-color);
    backdrop-filter: var(--backdrop-filter-panel)
}

.rt-Card:where(.rt-variant-surface):after {
    box-shadow: var(--base-card-surface-box-shadow)
}

@media (hover:hover) {
    .rt-Card:where(.rt-variant-surface):where(:-moz-any-link, button, label):where(:hover):after {
        box-shadow: var(--base-card-surface-hover-box-shadow)
    }

    .rt-Card:where(.rt-variant-surface):where(:any-link, button, label):where(:hover):after {
        box-shadow: var(--base-card-surface-hover-box-shadow)
    }
}

.rt-Card:where(.rt-variant-surface):where(:-moz-any-link, button, label):where([data-state=open]):after {
    box-shadow: var(--base-card-surface-hover-box-shadow)
}

.rt-Card:where(.rt-variant-surface):where(:any-link, button, label):where([data-state=open]):after {
    box-shadow: var(--base-card-surface-hover-box-shadow)
}

.rt-Card:where(.rt-variant-surface):where(:-moz-any-link, button, label):where(:active:not([data-state=open])):after {
    box-shadow: var(--base-card-surface-active-box-shadow)
}

.rt-Card:where(.rt-variant-surface):where(:any-link, button, label):where(:active:not([data-state=open])):after {
    box-shadow: var(--base-card-surface-active-box-shadow)
}

.rt-Card:where(.rt-variant-classic):before {
    background-color: var(--card-background-color);
    backdrop-filter: var(--backdrop-filter-panel)
}

.rt-Card:where(.rt-variant-classic):after {
    box-shadow: var(--base-card-classic-box-shadow-inner)
}

@media (hover:hover) {
    .rt-Card:where(.rt-variant-classic):where(:-moz-any-link, button, label):where(:hover) {
        transition-duration: 40ms;
        box-shadow: var(--base-card-classic-hover-box-shadow-outer)
    }

    .rt-Card:where(.rt-variant-classic):where(:any-link, button, label):where(:hover) {
        transition-duration: 40ms;
        box-shadow: var(--base-card-classic-hover-box-shadow-outer)
    }

    .rt-Card:where(.rt-variant-classic):where(:-moz-any-link, button, label):where(:hover):after {
        box-shadow: var(--base-card-classic-hover-box-shadow-inner)
    }

    .rt-Card:where(.rt-variant-classic):where(:any-link, button, label):where(:hover):after {
        box-shadow: var(--base-card-classic-hover-box-shadow-inner)
    }
}

.rt-Card:where(.rt-variant-classic):where(:-moz-any-link, button, label):where([data-state=open]) {
    transition-duration: 40ms;
    box-shadow: var(--base-card-classic-hover-box-shadow-outer)
}

.rt-Card:where(.rt-variant-classic):where(:any-link, button, label):where([data-state=open]) {
    transition-duration: 40ms;
    box-shadow: var(--base-card-classic-hover-box-shadow-outer)
}

.rt-Card:where(.rt-variant-classic):where(:-moz-any-link, button, label):where([data-state=open]):after {
    box-shadow: var(--base-card-classic-hover-box-shadow-inner)
}

.rt-Card:where(.rt-variant-classic):where(:any-link, button, label):where([data-state=open]):after {
    box-shadow: var(--base-card-classic-hover-box-shadow-inner)
}

.rt-Card:where(.rt-variant-classic):where(:-moz-any-link, button, label):where(:active:not([data-state=open])) {
    transition-duration: 40ms;
    box-shadow: var(--base-card-classic-active-box-shadow-outer)
}

.rt-Card:where(.rt-variant-classic):where(:any-link, button, label):where(:active:not([data-state=open])) {
    transition-duration: 40ms;
    box-shadow: var(--base-card-classic-active-box-shadow-outer)
}

.rt-Card:where(.rt-variant-classic):where(:-moz-any-link, button, label):where(:active:not([data-state=open])):after {
    box-shadow: var(--base-card-classic-active-box-shadow-inner)
}

.rt-Card:where(.rt-variant-classic):where(:any-link, button, label):where(:active:not([data-state=open])):after {
    box-shadow: var(--base-card-classic-active-box-shadow-inner)
}

@media (hover:hover) {
    .rt-Card:where(.rt-variant-ghost):where(:-moz-any-link, button, label):where(:hover) {
        background-color: var(--gray-a3)
    }

    .rt-Card:where(.rt-variant-ghost):where(:any-link, button, label):where(:hover) {
        background-color: var(--gray-a3)
    }

    .rt-Card:where(.rt-variant-ghost):where(:-moz-any-link, button, label):where(:hover):where(:focus-visible) {
        background-color: var(--focus-a2)
    }

    .rt-Card:where(.rt-variant-ghost):where(:any-link, button, label):where(:hover):where(:focus-visible) {
        background-color: var(--focus-a2)
    }
}

.rt-Card:where(.rt-variant-ghost):where(:-moz-any-link, button, label):where([data-state=open]) {
    background-color: var(--gray-a3)
}

.rt-Card:where(.rt-variant-ghost):where(:any-link, button, label):where([data-state=open]) {
    background-color: var(--gray-a3)
}

.rt-Card:where(.rt-variant-ghost):where(:-moz-any-link, button, label):where([data-state=open]):where(:focus-visible) {
    background-color: var(--focus-a2)
}

.rt-Card:where(.rt-variant-ghost):where(:any-link, button, label):where([data-state=open]):where(:focus-visible) {
    background-color: var(--focus-a2)
}

.rt-Card:where(.rt-variant-ghost):where(:-moz-any-link, button, label):where(:active:not([data-state=open])) {
    background-color: var(--gray-a4)
}

.rt-Card:where(.rt-variant-ghost):where(:any-link, button, label):where(:active:not([data-state=open])) {
    background-color: var(--gray-a4)
}

.rt-Card:where(.rt-variant-ghost):where(:-moz-any-link, button, label):where(:active:not([data-state=open])):where(:focus-visible) {
    background-color: var(--focus-a2)
}

.rt-Card:where(.rt-variant-ghost):where(:any-link, button, label):where(:active:not([data-state=open])):where(:focus-visible) {
    background-color: var(--focus-a2)
}

@media (pointer:coarse) {
    .rt-Card:where(:-moz-any-link, button, label):where(:active:not(:focus-visible, [data-state=open])):before {
        background-image: linear-gradient(var(--gray-a4), var(--gray-a4))
    }

    .rt-Card:where(:any-link, button, label):where(:active:not(:focus-visible, [data-state=open])):before {
        background-image: linear-gradient(var(--gray-a4), var(--gray-a4))
    }
}

.rt-BaseCheckboxRoot:before {
    content: "";
    display: block;
    height: var(--checkbox-size);
    width: var(--checkbox-size);
    border-radius: var(--checkbox-border-radius)
}

.rt-BaseCheckboxRoot:where(.rt-variant-surface):where([data-state=unchecked]):before {
    background-color: var(--color-surface);
    box-shadow: inset 0 0 0 1px var(--gray-a7)
}

.rt-BaseCheckboxRoot:where(.rt-variant-surface):where([data-state=checked], [data-state=indeterminate]):before {
    background-color: var(--accent-indicator)
}

.rt-BaseCheckboxRoot:where(.rt-variant-surface):where([data-state=checked], [data-state=indeterminate]):where(.rt-high-contrast):before {
    background-color: var(--accent-12)
}

.rt-BaseCheckboxRoot:where(.rt-variant-surface):where(:disabled):before {
    box-shadow: inset 0 0 0 1px var(--gray-a6);
    background-color: transparent
}

.rt-BaseCheckboxRoot:where(.rt-variant-surface):where(:disabled) :where(.rt-BaseCheckboxIndicator) {
    color: var(--gray-a8)
}

.rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state=unchecked]):before {
    background-color: var(--color-surface);
    box-shadow: inset 0 0 0 1px var(--gray-a3), var(--shadow-1)
}

.rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state=checked], [data-state=indeterminate]):before {
    background-color: var(--accent-indicator);
    background-image: linear-gradient(to bottom, var(--white-a3), transparent, var(--black-a1));
    box-shadow: inset 0 .5px .5px var(--white-a4), inset 0-.5px .5px var(--black-a4)
}

.rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state=checked], [data-state=indeterminate]):where(.rt-high-contrast):before {
    background-color: var(--accent-12)
}

.rt-BaseCheckboxRoot:where(.rt-variant-classic):where(:disabled):before {
    box-shadow: var(--shadow-1);
    background-color: transparent;
    background-image: none
}

.rt-BaseCheckboxRoot:where(.rt-variant-classic):where(:disabled) :where(.rt-BaseCheckboxIndicator) {
    color: var(--gray-a8)
}

.rt-BaseCheckboxRoot:where(.rt-variant-soft):before {
    background-color: var(--accent-a5)
}

.rt-BaseCheckboxRoot:where(.rt-variant-soft):where(:disabled):before {
    background-color: transparent
}

.rt-BaseCheckboxRoot:where(.rt-variant-soft):where(:disabled) :where(.rt-BaseCheckboxIndicator) {
    color: var(--gray-a8)
}

.rt-CheckboxCardsItem:where(:has(:focus-visible)) {
    outline: 2px solid var(--focus-8);
    outline-offset: -1px
}

.rt-CheckboxCardsItem:where(:has(:focus-visible)):after {
    outline: inherit
}

:where(.rt-CheckboxCardsRoot.rt-variant-surface) .rt-CheckboxCardsItem:before {
    background-color: var(--checkbox-cards-item-background-color)
}

:where(.rt-CheckboxCardsRoot.rt-variant-surface) .rt-CheckboxCardsItem:after {
    box-shadow: var(--base-card-surface-box-shadow)
}

@media (hover:hover) {
    :where(.rt-CheckboxCardsRoot.rt-variant-surface) .rt-CheckboxCardsItem:where(:not(:has(:disabled)):hover):after {
        box-shadow: var(--base-card-surface-hover-box-shadow)
    }
}

:where(.rt-CheckboxCardsRoot.rt-variant-classic) .rt-CheckboxCardsItem:before {
    background-color: var(--checkbox-cards-item-background-color)
}

:where(.rt-CheckboxCardsRoot.rt-variant-classic) .rt-CheckboxCardsItem:after {
    box-shadow: var(--base-card-classic-box-shadow-inner)
}

@media (hover:hover) {
    :where(.rt-CheckboxCardsRoot.rt-variant-classic) .rt-CheckboxCardsItem:where(:not(:has(:disabled)):hover) {
        transition-duration: 40ms;
        box-shadow: var(--base-card-classic-hover-box-shadow-outer)
    }

    :where(.rt-CheckboxCardsRoot.rt-variant-classic) .rt-CheckboxCardsItem:where(:not(:has(:disabled)):hover):after {
        box-shadow: var(--base-card-classic-hover-box-shadow-inner)
    }
}

@media (pointer:coarse) {
    .rt-CheckboxCardsItem:where(:active:not(:focus-visible)):before {
        background-image: linear-gradient(var(--gray-a4), var(--gray-a4))
    }
}

.rt-CheckboxCardsItem:where(:has(:disabled)) {
    cursor: var(--cursor-disabled);
    color: var(--gray-a9)
}

.rt-CheckboxCardsItem:where(:has(:disabled)):before {
    background-image: linear-gradient(var(--gray-a2), var(--gray-a2))
}

.rt-CheckboxCardsItem:where(:has(:disabled))::-moz-selection {
    background-color: var(--gray-a5)
}

.rt-CheckboxCardsItem:where(:has(:disabled))::selection {
    background-color: var(--gray-a5)
}

.rt-CheckboxGroupItemCheckbox:where(:focus-visible):before {
    outline: 2px solid var(--focus-8);
    outline-offset: 2px
}

.rt-CheckboxGroupItemCheckbox:where(:disabled) {
    cursor: var(--cursor-disabled)
}

.rt-CheckboxGroupItemCheckbox:where(:disabled):before {
    background-color: var(--gray-a3)
}

.rt-CheckboxRoot:where(:focus-visible):before {
    outline: 2px solid var(--focus-8);
    outline-offset: 2px
}

.rt-CheckboxRoot:where(:disabled) {
    cursor: var(--cursor-disabled)
}

.rt-CheckboxRoot:where(:disabled):before {
    background-color: var(--gray-a3)
}

.rt-Code:where(.rt-variant-solid)::-moz-selection {
    background-color: var(--accent-7);
    color: var(--accent-12)
}

.rt-Code:where(.rt-variant-solid)::selection {
    background-color: var(--accent-7);
    color: var(--accent-12)
}

.rt-Code:where(.rt-variant-solid):where(.rt-high-contrast)::-moz-selection {
    background-color: var(--accent-a11);
    color: var(--accent-1)
}

.rt-Code:where(.rt-variant-solid):where(.rt-high-contrast)::selection {
    background-color: var(--accent-a11);
    color: var(--accent-1)
}

.rt-Code:where(.rt-variant-solid):where(:-moz-any-link, button) {
    isolation: isolate
}

.rt-Code:where(.rt-variant-solid):where(:any-link, button) {
    isolation: isolate
}

@media (hover:hover) {
    .rt-Code:where(.rt-variant-solid):where(:-moz-any-link, button):where(:hover) {
        background-color: var(--accent-10)
    }

    .rt-Code:where(.rt-variant-solid):where(:any-link, button):where(:hover),
    :where(.rt-Link) .rt-Code:where(.rt-variant-solid):where(:hover) {
        background-color: var(--accent-10)
    }

    .rt-Code:where(.rt-variant-solid):where(:-moz-any-link, button):where(.rt-high-contrast:hover) {
        background-color: var(--accent-12);
        filter: var(--base-button-solid-high-contrast-hover-filter)
    }

    .rt-Code:where(.rt-variant-solid):where(:any-link, button):where(.rt-high-contrast:hover),
    :where(.rt-Link) .rt-Code:where(.rt-variant-solid):where(.rt-high-contrast:hover) {
        background-color: var(--accent-12);
        filter: var(--base-button-solid-high-contrast-hover-filter)
    }
}

.rt-Code:where(.rt-variant-soft):where(:-moz-any-link, button) {
    isolation: isolate
}

.rt-Code:where(.rt-variant-soft):where(:any-link, button) {
    isolation: isolate
}

@media (hover:hover) {
    .rt-Code:where(.rt-variant-soft):where(:-moz-any-link, button):where(:hover) {
        background-color: var(--accent-a4)
    }

    .rt-Code:where(.rt-variant-soft):where(:any-link, button):where(:hover),
    :where(.rt-Link) .rt-Code:where(.rt-variant-soft):where(:hover) {
        background-color: var(--accent-a4)
    }
}

.rt-Code:where(.rt-variant-outline):where(:-moz-any-link, button) {
    isolation: isolate
}

.rt-Code:where(.rt-variant-outline):where(:any-link, button) {
    isolation: isolate
}

@media (hover:hover) {
    .rt-Code:where(.rt-variant-outline):where(:-moz-any-link, button):where(:hover) {
        background-color: var(--accent-a2)
    }

    .rt-Code:where(.rt-variant-outline):where(:any-link, button):where(:hover),
    :where(.rt-Link) .rt-Code:where(.rt-variant-outline):where(:hover) {
        background-color: var(--accent-a2)
    }
}

.rt-DataListLabel:before,
.rt-DataListValue:before {
    content: "‍"
}

@media (hover:hover) {
    .rt-Kbd:where(:-moz-any-link, button):where(:hover) {
        transition-duration: 40ms, 40ms;
        background-color: var(--color-background);
        box-shadow: var(--kbd-box-shadow), 0 0 0 .05em var(--gray-a5)
    }

    .rt-Kbd:where(:any-link, button):where(:hover) {
        transition-duration: 40ms, 40ms;
        background-color: var(--color-background);
        box-shadow: var(--kbd-box-shadow), 0 0 0 .05em var(--gray-a5)
    }
}

.rt-Kbd:where(:-moz-any-link, button):where([data-state=open]) {
    transition-duration: 40ms, 40ms;
    background-color: var(--color-background);
    box-shadow: var(--kbd-box-shadow), 0 0 0 .05em var(--gray-a5)
}

.rt-Kbd:where(:any-link, button):where([data-state=open]) {
    transition-duration: 40ms, 40ms;
    background-color: var(--color-background);
    box-shadow: var(--kbd-box-shadow), 0 0 0 .05em var(--gray-a5)
}

.rt-Kbd:where(:-moz-any-link, button):where(:active:not([data-state=open])) {
    padding-top: .05em;
    padding-bottom: 0;
    transition-duration: 40ms, 40ms;
    background-color: var(--gray-2);
    box-shadow: inset 0 .05em var(--black-a3), 0 0 0 .05em var(--gray-a7)
}

.rt-Kbd:where(:any-link, button):where(:active:not([data-state=open])) {
    padding-top: .05em;
    padding-bottom: 0;
    transition-duration: 40ms, 40ms;
    background-color: var(--gray-2);
    box-shadow: inset 0 .05em var(--black-a3), 0 0 0 .05em var(--gray-a7)
}

.rt-Kbd:where(:-moz-any-link, button):where(:focus-visible) {
    outline: 2px solid var(--focus-8)
}

.rt-Kbd:where(:any-link, button):where(:focus-visible) {
    outline: 2px solid var(--focus-8)
}

.rt-Link:where(:-moz-any-link, button) {
    cursor: var(--cursor-link);
    text-decoration-line: none;
    text-decoration-style: solid;
    text-decoration-thickness: min(2px, max(1px, .05em));
    text-underline-offset: calc(.025em + 2px);
    text-decoration-color: var(--accent-a5)
}

.rt-Link:where(:any-link, button) {
    cursor: var(--cursor-link);
    text-decoration-line: none;
    text-decoration-style: solid;
    text-decoration-thickness: min(2px, max(1px, .05em));
    text-underline-offset: calc(.025em + 2px);
    text-decoration-color: var(--accent-a5)
}

.rt-Link:where(:disabled, [data-disabled]) {
    cursor: var(--cursor-disabled)
}

@supports (color:color-mix(in oklab, white, black)) {
    .rt-Link:where(:-moz-any-link, button) {
        text-decoration-color: color-mix(in oklab, var(--accent-a5), var(--gray-a6))
    }

    .rt-Link:where(:any-link, button) {
        text-decoration-color: color-mix(in oklab, var(--accent-a5), var(--gray-a6))
    }
}

@media (pointer:coarse) {
    .rt-Link:where(:-moz-any-link, button):where(:active:not(:focus-visible, [data-state=open])) {
        outline: .75em solid var(--accent-a4);
        outline-offset: -.6em
    }

    .rt-Link:where(:any-link, button):where(:active:not(:focus-visible, [data-state=open])) {
        outline: .75em solid var(--accent-a4);
        outline-offset: -.6em
    }
}

@media (hover:hover) {
    .rt-Link:where(:-moz-any-link, button):where(.rt-underline-auto):where(:hover) {
        text-decoration-line: underline
    }

    .rt-Link:where(:any-link, button):where(.rt-underline-auto):where(:hover) {
        text-decoration-line: underline
    }
}

.rt-Link:where(:-moz-any-link, button):where(.rt-underline-auto):where(.rt-high-contrast),
:where([data-accent-color]:not(.radix-themes, .rt-high-contrast)) .rt-Link:where(:-moz-any-link, button):where(.rt-underline-auto):where([data-accent-color=""]) {
    text-decoration-line: underline;
    text-decoration-color: var(--accent-a6)
}

.rt-Link:where(:any-link, button):where(.rt-underline-auto):where(.rt-high-contrast),
:where([data-accent-color]:not(.radix-themes, .rt-high-contrast)) .rt-Link:where(:any-link, button):where(.rt-underline-auto):where([data-accent-color=""]) {
    text-decoration-line: underline;
    text-decoration-color: var(--accent-a6)
}

@supports (color:color-mix(in oklab, white, black)) {

    .rt-Link:where(:-moz-any-link, button):where(.rt-underline-auto):where(.rt-high-contrast),
    :where([data-accent-color]:not(.radix-themes, .rt-high-contrast)) .rt-Link:where(:-moz-any-link, button):where(.rt-underline-auto):where([data-accent-color=""]) {
        text-decoration-color: color-mix(in oklab, var(--accent-a6), var(--gray-a6))
    }

    .rt-Link:where(:any-link, button):where(.rt-underline-auto):where(.rt-high-contrast),
    :where([data-accent-color]:not(.radix-themes, .rt-high-contrast)) .rt-Link:where(:any-link, button):where(.rt-underline-auto):where([data-accent-color=""]) {
        text-decoration-color: color-mix(in oklab, var(--accent-a6), var(--gray-a6))
    }
}

@media (hover:hover) {
    .rt-Link:where(:-moz-any-link, button):where(.rt-underline-hover):where(:hover) {
        text-decoration-line: underline
    }

    .rt-Link:where(:any-link, button):where(.rt-underline-hover):where(:hover) {
        text-decoration-line: underline
    }
}

.rt-Link:where(:-moz-any-link, button):where(.rt-underline-always) {
    text-decoration-line: underline
}

.rt-Link:where(:any-link, button):where(.rt-underline-always) {
    text-decoration-line: underline
}

.rt-Link:where(:focus-visible) {
    text-decoration-line: none;
    border-radius: calc(.07em*var(--radius-factor));
    outline-color: var(--focus-8);
    outline-width: 2px;
    outline-style: solid;
    outline-offset: 2px
}

.rt-ProgressRoot:after {
    position: absolute;
    inset: 0;
    content: "";
    border-radius: inherit
}

.rt-ProgressIndicator:where([data-state=indeterminate]):after {
    position: absolute;
    inset: 0;
    content: "";
    width: 400%;
    animation-name: rt-progress-indicator-indeterminate-shine-from-left;
    animation-delay: calc(var(--progress-duration) + 5s);
    animation-duration: 5s;
    animation-fill-mode: backwards;
    animation-iteration-count: infinite;
    background-image: linear-gradient(to right, transparent 25%, var(--progress-indicator-after-linear-gradient), transparent 75%)
}

@keyframes rt-progress-indicator-indeterminate-grow {
    0% {
        transform: scaleX(.01)
    }

    20% {
        transform: scaleX(.1)
    }

    30% {
        transform: scaleX(.6)
    }

    40%,
    50% {
        transform: scaleX(.9)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes rt-progress-indicator-indeterminate-shine-from-left {
    0% {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(0)
    }
}

.rt-ProgressRoot:where(.rt-variant-surface):after {
    box-shadow: inset 0 0 0 1px var(--gray-a4)
}

@keyframes rt-progress-indicator-surface-indeterminate-fade {
    to {
        background-color: var(--accent-7)
    }
}

@keyframes rt-progress-indicator-surface-indeterminate-pulse {
    0% {
        background-color: var(--accent-7)
    }

    to {
        background-color: var(--accent-track)
    }
}

.rt-ProgressRoot:where(.rt-variant-classic):after {
    box-shadow: var(--shadow-1)
}

@keyframes rt-progress-indicator-classic-indeterminate-fade {
    to {
        background-color: var(--accent-7)
    }
}

@keyframes rt-progress-indicator-classic-indeterminate-pulse {
    0% {
        background-color: var(--accent-7)
    }

    to {
        background-color: var(--accent-track)
    }
}

.rt-ProgressRoot:where(.rt-variant-soft) :where(.rt-ProgressIndicator):after {
    opacity: .75
}

@keyframes rt-progress-indicator-soft-indeterminate-fade {
    to {
        background-color: var(--accent-5)
    }
}

@keyframes rt-progress-indicator-soft-indeterminate-pulse {
    0% {
        background-color: var(--accent-5)
    }

    to {
        background-color: var(--accent-7)
    }
}

.rt-ProgressRoot:where(.rt-high-contrast) :where(.rt-ProgressIndicator):after {
    opacity: .75
}

@keyframes rt-progress-indicator-high-contrast-indeterminate-fade {
    to {
        opacity: .8
    }
}

@keyframes rt-progress-indicator-high-contrast-indeterminate-pulse {
    0% {
        opacity: .8
    }

    to {
        opacity: 1
    }
}

.rt-RadioCardsItem:after {
    outline-offset: -1px
}

:where(.rt-RadioCardsRoot.rt-variant-surface) .rt-RadioCardsItem:before {
    background-color: var(--radio-cards-item-background-color)
}

:where(.rt-RadioCardsRoot.rt-variant-surface) .rt-RadioCardsItem:after {
    box-shadow: var(--base-card-surface-box-shadow)
}

@media (hover:hover) {
    :where(.rt-RadioCardsRoot.rt-variant-surface) .rt-RadioCardsItem:where(:not(:disabled):not([data-state=checked]):hover):after {
        box-shadow: var(--base-card-surface-hover-box-shadow)
    }
}

:where(.rt-RadioCardsRoot.rt-variant-classic) .rt-RadioCardsItem:before {
    background-color: var(--radio-cards-item-background-color)
}

:where(.rt-RadioCardsRoot.rt-variant-classic) .rt-RadioCardsItem:after {
    box-shadow: var(--base-card-classic-box-shadow-inner)
}

@media (hover:hover) {
    :where(.rt-RadioCardsRoot.rt-variant-classic) .rt-RadioCardsItem:where(:not(:disabled):not([data-state=checked]):hover) {
        transition-duration: 40ms;
        box-shadow: var(--base-card-classic-hover-box-shadow-outer)
    }

    :where(.rt-RadioCardsRoot.rt-variant-classic) .rt-RadioCardsItem:where(:not(:disabled):not([data-state=checked]):hover):after {
        box-shadow: var(--base-card-classic-hover-box-shadow-inner)
    }
}

.rt-RadioCardsItem:where([data-state=checked]):after {
    outline: 2px solid var(--accent-indicator)
}

:where(.rt-RadioCardsRoot.rt-high-contrast) .rt-RadioCardsItem:where([data-state=checked]):after {
    outline-color: var(--accent-12)
}

.rt-RadioCardsItem:where(:focus-visible):after {
    outline: 2px solid var(--focus-8)
}

.rt-RadioCardsItem:where(:focus-visible):where([data-state=checked]):before {
    background-image: linear-gradient(var(--focus-a3), var(--focus-a3))
}

.rt-RadioCardsItem:where(:focus-visible):where([data-state=checked]):after {
    outline-color: var(--focus-10)
}

.rt-RadioCardsItem:where(:disabled) {
    cursor: var(--cursor-disabled);
    color: var(--gray-a9)
}

.rt-RadioCardsItem:where(:disabled)::-moz-selection {
    background-color: var(--gray-a5)
}

.rt-RadioCardsItem:where(:disabled)::selection {
    background-color: var(--gray-a5)
}

.rt-RadioCardsItem:where(:disabled):before {
    background-image: linear-gradient(var(--gray-a2), var(--gray-a2))
}

.rt-RadioCardsItem:where(:disabled):after {
    outline-color: var(--gray-8)
}

.rt-BaseRadioRoot:where(:disabled, [data-disabled]) {
    cursor: var(--cursor-disabled)
}

.rt-BaseRadioRoot:before {
    content: "";
    display: block
}

.rt-BaseRadioRoot:after,
.rt-BaseRadioRoot:before {
    height: var(--radio-size);
    width: var(--radio-size);
    border-radius: 100%
}

.rt-BaseRadioRoot:after {
    pointer-events: none;
    position: absolute;
    transform: scale(.4)
}

.rt-BaseRadioRoot:where(:checked, [data-state=checked]):after {
    content: ""
}

.rt-BaseRadioRoot:where(:focus-visible):before {
    outline: 2px solid var(--focus-8);
    outline-offset: 2px
}

.rt-BaseRadioRoot:where(.rt-variant-surface):where(:not(:checked), [data-state=unchecked]):before {
    background-color: var(--color-surface);
    box-shadow: inset 0 0 0 1px var(--gray-a7)
}

.rt-BaseRadioRoot:where(.rt-variant-surface):where(:checked, [data-state=checked]):before {
    background-color: var(--accent-indicator)
}

.rt-BaseRadioRoot:where(.rt-variant-surface):after {
    background-color: var(--accent-contrast)
}

.rt-BaseRadioRoot:where(.rt-variant-surface):where(.rt-high-contrast):where(:checked, [data-state=checked]):before {
    background-color: var(--accent-12)
}

.rt-BaseRadioRoot:where(.rt-variant-surface):where(.rt-high-contrast):after {
    background-color: var(--accent-1)
}

.rt-BaseRadioRoot:where(.rt-variant-surface):where(:disabled, [data-disabled]):before {
    box-shadow: inset 0 0 0 1px var(--gray-a6);
    background-color: var(--gray-a3)
}

.rt-BaseRadioRoot:where(.rt-variant-surface):where(:disabled, [data-disabled]):after {
    background-color: var(--gray-a8)
}

.rt-BaseRadioRoot:where(.rt-variant-classic):where(:not(:checked), [data-state=unchecked]):before {
    background-color: var(--color-surface);
    box-shadow: inset 0 0 0 1px var(--gray-7), var(--shadow-1)
}

.rt-BaseRadioRoot:where(.rt-variant-classic):where(:checked, [data-state=checked]):before {
    background-color: var(--accent-indicator);
    background-image: linear-gradient(to bottom, var(--white-a3), transparent, var(--black-a3));
    box-shadow: inset 0 .5px .5px var(--white-a4), inset 0-.5px .5px var(--black-a4)
}

.rt-BaseRadioRoot:where(.rt-variant-classic):after {
    background-color: var(--accent-contrast)
}

.rt-BaseRadioRoot:where(.rt-variant-classic):where(.rt-high-contrast):where(:checked, [data-state=checked]):before {
    background-color: var(--accent-12)
}

.rt-BaseRadioRoot:where(.rt-variant-classic):where(.rt-high-contrast):after {
    background-color: var(--accent-1)
}

.rt-BaseRadioRoot:where(.rt-variant-classic):where(:disabled, [data-disabled]):before {
    box-shadow: var(--shadow-1);
    background-color: var(--gray-a3);
    background-image: none
}

.rt-BaseRadioRoot:where(.rt-variant-classic):where(:disabled, [data-disabled]):after {
    background-color: var(--gray-a8)
}

.rt-BaseRadioRoot:where(.rt-variant-soft):before {
    background-color: var(--accent-a4)
}

.rt-BaseRadioRoot:where(.rt-variant-soft):after {
    background-color: var(--accent-a11)
}

.rt-BaseRadioRoot:where(.rt-variant-soft):where(.rt-high-contrast):after {
    background-color: var(--accent-12)
}

.rt-BaseRadioRoot:where(.rt-variant-soft):where(:focus-visible):before {
    outline-color: var(--accent-a8)
}

.rt-BaseRadioRoot:where(.rt-variant-soft):where(:disabled, [data-disabled]):before {
    background-color: var(--gray-a3)
}

.rt-BaseRadioRoot:where(.rt-variant-soft):where(:disabled, [data-disabled]):after {
    background-color: var(--gray-a8)
}

.rt-ScrollAreaViewport:where(:focus-visible)+:where(.rt-ScrollAreaViewportFocusRing) {
    position: absolute;
    inset: 0;
    pointer-events: none;
    outline: 2px solid var(--focus-8);
    outline-offset: -2px
}

.rt-ScrollAreaThumb:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    min-width: var(--space-4);
    min-height: var(--space-4)
}

@media (hover:hover) {
    .rt-ScrollAreaThumb:where(:hover) {
        background-color: var(--gray-a9)
    }
}

.rt-SegmentedControlItem:where(:focus-visible) {
    border-radius: inherit;
    outline: 2px solid var(--focus-8);
    outline-offset: -1px
}

@media (hover:hover) {
    :where(.rt-SegmentedControlItem[data-state=off]:not([disabled]):hover) .rt-SegmentedControlItemLabel {
        background-color: var(--gray-a2)
    }
}

:where(.rt-SegmentedControlItem:where([data-state=on], :focus-visible)) .rt-SegmentedControlItemSeparator,
:where(.rt-SegmentedControlItem:where([data-state=on], :focus-visible))+* .rt-SegmentedControlItemSeparator {
    opacity: 0;
    transition-timing-function: ease-in
}

:where(.rt-SegmentedControlRoot:has(:focus-visible)) .rt-SegmentedControlItemSeparator {
    transition-duration: 0ms
}

.rt-SegmentedControlIndicator:before {
    inset: 1px;
    position: absolute;
    border-radius: max(.5px, calc(var(--segmented-control-border-radius) - 1px));
    background-color: var(--segmented-control-indicator-background-color);
    content: ""
}

:where(.rt-SegmentedControlItem[disabled])~.rt-SegmentedControlIndicator:before {
    inset: 0;
    box-shadow: none
}

.rt-SegmentedControlRoot:where(.rt-variant-surface) :where(.rt-SegmentedControlItem:not([disabled]))~:where(.rt-SegmentedControlIndicator):before {
    box-shadow: 0 0 0 1px var(--gray-a4)
}

.rt-SegmentedControlRoot:where(.rt-variant-classic) :where(.rt-SegmentedControlItem:not([disabled]))~:where(.rt-SegmentedControlIndicator):before {
    box-shadow: var(--shadow-2)
}

.rt-SelectTrigger:where(:focus-visible) {
    outline: 2px solid var(--focus-8);
    outline-offset: -1px
}

@media (hover:hover) {
    .rt-SelectTrigger:where(.rt-variant-surface):where(:hover) {
        box-shadow: inset 0 0 0 1px var(--gray-a8)
    }
}

.rt-SelectTrigger:where(.rt-variant-surface):where(:disabled) {
    color: var(--gray-a11);
    background-color: var(--gray-a2);
    box-shadow: inset 0 0 0 1px var(--gray-a6)
}

.rt-SelectTrigger:where(.rt-variant-classic):before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    border: 2px solid transparent;
    background-clip: content-box;
    border-radius: inherit;
    pointer-events: none;
    background-image: linear-gradient(var(--black-a1) -20%, transparent, var(--white-a1) 130%), linear-gradient(var(--color-surface), transparent)
}

@media (hover:hover) {
    .rt-SelectTrigger:where(.rt-variant-classic):where(:hover) {
        box-shadow: inset 0 0 0 1px var(--gray-a3), var(--select-trigger-classic-box-shadow)
    }

    .rt-SelectTrigger:where(.rt-variant-classic):where(:hover):before {
        background-image: linear-gradient(var(--black-a1) -15%, transparent, var(--white-a1) 120%), linear-gradient(var(--gray-2), var(--gray-1))
    }
}

.rt-SelectTrigger:where(.rt-variant-classic):where([data-state=open]):before {
    background-image: linear-gradient(var(--black-a1) -15%, transparent, var(--white-a1) 120%), linear-gradient(var(--gray-2), var(--gray-1))
}

.rt-SelectTrigger:where(.rt-variant-classic):where(:disabled) {
    color: var(--gray-a11);
    background-color: var(--gray-2);
    background-image: none;
    box-shadow: var(--base-button-classic-disabled-box-shadow)
}

.rt-SelectTrigger:where(.rt-variant-classic):where(:disabled):before {
    background-color: var(--gray-a2);
    background-image: linear-gradient(var(--black-a1) -20%, transparent, var(--white-a1))
}

@media (hover:hover) {
    .rt-SelectTrigger:where(.rt-variant-soft):where(:hover) {
        background-color: var(--accent-a4)
    }
}

.rt-SelectTrigger:where(.rt-variant-soft):where(:focus-visible) {
    outline-color: var(--accent-8)
}

.rt-SelectTrigger:where(.rt-variant-soft):where(:disabled) {
    color: var(--gray-a11);
    background-color: var(--gray-a3)
}

@media (hover:hover) {
    .rt-SelectTrigger:where(.rt-variant-ghost):where(:hover) {
        background-color: var(--accent-a3)
    }
}

.rt-SelectTrigger:where(.rt-variant-ghost):where(:disabled) {
    color: var(--gray-a11);
    background-color: transparent
}

.rt-SelectTrigger:where(:disabled) :where(.rt-SelectIcon) {
    color: var(--gray-a9)
}

.rt-SliderThumb:before {
    content: "";
    position: absolute;
    z-index: -1;
    width: calc(var(--slider-thumb-size)*3);
    height: calc(var(--slider-thumb-size)*3);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.rt-SliderThumb:after {
    content: "";
    position: absolute;
    inset: calc(-.25*var(--slider-track-size));
    background-color: #fff;
    border-radius: max(var(--radius-1), var(--radius-thumb));
    box-shadow: var(--slider-thumb-box-shadow);
    cursor: var(--cursor-slider-thumb)
}

.rt-SliderThumb:where(:focus-visible):after {
    box-shadow: var(--slider-thumb-box-shadow), 0 0 0 3px var(--accent-3), 0 0 0 5px var(--focus-8)
}

.rt-SliderThumb:where(:active) {
    cursor: var(--cursor-slider-thumb-active)
}

.rt-SliderRoot:where(.rt-variant-surface) :where(.rt-SliderThumb):where([data-disabled]):after {
    background-color: var(--gray-1);
    box-shadow: 0 0 0 1px var(--gray-6)
}

.rt-SliderRoot:where(.rt-variant-classic) :where(.rt-SliderTrack):before {
    content: "";
    inset: 0;
    position: absolute;
    border-radius: inherit;
    box-shadow: var(--shadow-1)
}

.rt-SliderRoot:where(.rt-variant-classic) :where(.rt-SliderTrack):where([data-disabled]):before {
    opacity: .5
}

.rt-SliderRoot:where(.rt-variant-classic) :where(.rt-SliderThumb):where([data-disabled]):after {
    background-color: var(--gray-1);
    box-shadow: 0 0 0 1px var(--gray-6)
}

.rt-SliderRoot:where(.rt-variant-soft) :where(.rt-SliderThumb):where([data-disabled]):after {
    background-color: var(--gray-1);
    box-shadow: 0 0 0 1px var(--gray-5)
}

.rt-SliderThumb:where([data-disabled]):after {
    cursor: var(--cursor-disabled)
}

.rt-SpinnerLeaf:before {
    content: "";
    display: block;
    width: 100%;
    height: 30%;
    border-radius: var(--radius-1);
    background-color: currentColor
}

@keyframes rt-spinner-leaf-fade {
    0% {
        opacity: 1
    }

    to {
        opacity: .25
    }
}

.rt-SwitchRoot:before {
    content: "";
    display: block;
    width: var(--switch-width);
    height: var(--switch-height);
    border-radius: var(--switch-border-radius);
    transition: background-position, background-color, box-shadow, filter;
    transition-timing-function: linear, ease-in-out, ease-in-out, ease-in-out;
    background-repeat: no-repeat;
    background-size: calc(var(--switch-width)*2 + var(--switch-height)) 100%;
    cursor: var(--cursor-switch)
}

.rt-SwitchRoot:where([data-state=unchecked]):before {
    transition-duration: .12s, .14s, .14s, .14s;
    background-position-x: 100%
}

.rt-SwitchRoot:where([data-state=checked]):before {
    transition-duration: .16s, .14s, .14s, .14s;
    background-position: 0
}

.rt-SwitchRoot:where(:active):before {
    transition-duration: 30ms
}

.rt-SwitchRoot:where(:focus-visible):before {
    outline: 2px solid var(--focus-8);
    outline-offset: 2px
}

.rt-SwitchRoot:where([data-disabled]):before {
    cursor: var(--cursor-disabled)
}

.rt-SwitchRoot:where(.rt-variant-surface):before {
    background-color: var(--gray-a3);
    background-image: linear-gradient(to right, var(--accent-track) 40%, transparent 60%);
    box-shadow: inset 0 0 0 1px var(--gray-a5)
}

.rt-SwitchRoot:where(.rt-variant-surface):where(:active):before {
    background-color: var(--gray-a4)
}

.rt-SwitchRoot:where(.rt-variant-surface):where([data-state=checked]:active):before {
    filter: var(--switch-surface-checked-active-filter)
}

.rt-SwitchRoot:where(.rt-variant-surface):where(.rt-high-contrast):before {
    background-image: linear-gradient(to right, var(--switch-high-contrast-checked-color-overlay) 40%, transparent 60%), linear-gradient(to right, var(--accent-track) 40%, transparent 60%)
}

.rt-SwitchRoot:where(.rt-variant-surface):where(.rt-high-contrast):where([data-state=checked]:active):before {
    filter: var(--switch-high-contrast-checked-active-before-filter)
}

.rt-SwitchRoot:where(.rt-variant-surface):where([data-disabled]):before {
    filter: none;
    background-image: none;
    background-color: var(--gray-a3);
    box-shadow: inset 0 0 0 1px var(--gray-a3)
}

.rt-SwitchRoot:where(.rt-variant-classic):before {
    background-image: linear-gradient(to right, var(--accent-track) 40%, transparent 60%);
    background-color: var(--gray-a4);
    box-shadow: var(--shadow-1)
}

.rt-SwitchRoot:where(.rt-variant-classic):where([data-state=unchecked]:active):before {
    background-color: var(--gray-a5)
}

.rt-SwitchRoot:where(.rt-variant-classic):where([data-state=checked]):before {
    box-shadow: inset 0 0 0 1px var(--gray-a3), inset 0 0 0 1px var(--accent-a4), inset 0 0 0 1px var(--black-a1), inset 0 1.5px 2px 0 var(--black-a2)
}

.rt-SwitchRoot:where(.rt-variant-classic):where([data-state=checked]:active):before {
    filter: var(--switch-surface-checked-active-filter)
}

.rt-SwitchRoot:where(.rt-variant-classic):where(.rt-high-contrast):before {
    box-shadow: inset 0 0 0 1px var(--gray-a3), inset 0 0 0 1px var(--black-a2), inset 0 1.5px 2px 0 var(--black-a2);
    background-image: linear-gradient(to right, var(--switch-high-contrast-checked-color-overlay) 40%, transparent 60%), linear-gradient(to right, var(--accent-track) 40%, transparent 60%)
}

.rt-SwitchRoot:where(.rt-variant-classic):where(.rt-high-contrast):where([data-state=checked]:active):before {
    filter: var(--switch-high-contrast-checked-active-before-filter)
}

.rt-SwitchRoot:where(.rt-variant-classic):where([data-disabled]):before {
    filter: none;
    background-image: none;
    background-color: var(--gray-a5);
    box-shadow: var(--shadow-1);
    opacity: .5
}

.rt-SwitchRoot:where(.rt-variant-soft):before {
    background-image: linear-gradient(to right, var(--accent-a4) 40%, transparent 60%), linear-gradient(to right, var(--accent-a4) 40%, transparent 60%), linear-gradient(to right, var(--accent-a4) 40%, var(--white-a1) 60%), linear-gradient(to right, var(--gray-a2) 40%, var(--gray-a3) 60%)
}

.rt-SwitchRoot:where(.rt-variant-soft):where([data-state=unchecked]):before {
    background-color: var(--gray-a3)
}

.rt-SwitchRoot:where(.rt-variant-soft):where(:active):before {
    background-color: var(--gray-a4)
}

.rt-SwitchRoot:where(.rt-variant-soft):where(.rt-high-contrast):before {
    background-image: linear-gradient(to right, var(--switch-high-contrast-checked-color-overlay) 40%, transparent 60%), linear-gradient(to right, var(--accent-a6) 40%, transparent 60%), linear-gradient(to right, var(--accent-a6) 40%, transparent 60%), linear-gradient(to right, var(--accent-a6) 40%, var(--white-a1) 60%), linear-gradient(to right, var(--accent-a3) 40%, var(--gray-a3) 60%)
}

.rt-SwitchRoot:where(.rt-variant-soft):where(.rt-high-contrast):where([data-state=checked]:active):before {
    filter: var(--switch-high-contrast-checked-active-before-filter)
}

.rt-SwitchRoot:where(.rt-variant-soft):where([data-disabled]):before {
    filter: none;
    background-image: none;
    background-color: var(--gray-a4)
}

.rt-BaseTabList::-webkit-scrollbar {
    display: none
}

@media (hover:hover) {
    .rt-BaseTabListTrigger:where(:hover) {
        color: var(--gray-12)
    }

    .rt-BaseTabListTrigger:where(:hover) :where(.rt-BaseTabListTriggerInner) {
        background-color: var(--gray-a3)
    }

    .rt-BaseTabListTrigger:where(:focus-visible:hover) :where(.rt-BaseTabListTriggerInner) {
        background-color: var(--accent-a3)
    }
}

.rt-BaseTabListTrigger:where(:focus-visible) :where(.rt-BaseTabListTriggerInner) {
    outline: 2px solid var(--focus-8);
    outline-offset: -2px
}

.rt-BaseTabListTrigger:where([data-state=active], [data-active]):before {
    box-sizing: border-box;
    content: "";
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--accent-indicator)
}

:where(.rt-BaseTabList.rt-high-contrast) .rt-BaseTabListTrigger:where([data-state=active], [data-active]):before {
    background-color: var(--accent-12)
}

.rt-TabsContent:where(:focus-visible) {
    outline: 2px solid var(--focus-8)
}

.rt-TextAreaRoot:where(:focus-within) {
    outline: 2px solid var(--focus-8);
    outline-offset: -1px
}

.rt-TextAreaInput::-webkit-scrollbar {
    width: var(--space-3);
    height: var(--space-3)
}

.rt-TextAreaInput::-webkit-scrollbar-thumb,
.rt-TextAreaInput::-webkit-scrollbar-track {
    background-clip: content-box;
    border: var(--space-1) solid transparent;
    border-radius: var(--space-3)
}

.rt-TextAreaInput::-webkit-scrollbar-track {
    background-color: var(--gray-a3)
}

.rt-TextAreaInput::-webkit-scrollbar-thumb {
    background-color: var(--gray-a8)
}

@media (hover:hover) {
    :where(.rt-TextAreaInput:not(:disabled))::-webkit-scrollbar-thumb:hover {
        background-color: var(--gray-a9)
    }
}

.rt-TextAreaInput:where(:-webkit-autofill, [data-com-onepassword-filled]) {
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: var(--gray-12)
}

.rt-TextAreaInput:where(:autofill, [data-com-onepassword-filled]) {
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: var(--gray-12)
}

.rt-TextAreaRoot:where(.rt-variant-surface) :where(.rt-TextAreaInput)::-moz-placeholder {
    color: var(--gray-a10)
}

.rt-TextAreaRoot:where(.rt-variant-surface) :where(.rt-TextAreaInput)::placeholder {
    color: var(--gray-a10)
}

.rt-TextAreaRoot:where(.rt-variant-surface):where(:has(.rt-TextAreaInput:where(:-webkit-autofill, [data-com-onepassword-filled]):not(:disabled, :read-only))) {
    background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
    box-shadow: inset 0 0 0 1px var(--focus-a5), inset 0 0 0 1px var(--gray-a5)
}

.rt-TextAreaRoot:where(.rt-variant-surface):where(:has(.rt-TextAreaInput:where(:autofill, [data-com-onepassword-filled]):not(:disabled, :-moz-read-only))) {
    background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
    box-shadow: inset 0 0 0 1px var(--focus-a5), inset 0 0 0 1px var(--gray-a5)
}

.rt-TextAreaRoot:where(.rt-variant-surface):where(:has(.rt-TextAreaInput:where(:autofill, [data-com-onepassword-filled]):not(:disabled, :read-only))) {
    background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
    box-shadow: inset 0 0 0 1px var(--focus-a5), inset 0 0 0 1px var(--gray-a5)
}

.rt-TextAreaRoot:where(.rt-variant-surface):where(:has(.rt-TextAreaInput:where(:disabled, :-moz-read-only))) {
    background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
    box-shadow: inset 0 0 0 var(--text-area-border-width) var(--gray-a6)
}

.rt-TextAreaRoot:where(.rt-variant-surface):where(:has(.rt-TextAreaInput:where(:disabled, :read-only))) {
    background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
    box-shadow: inset 0 0 0 var(--text-area-border-width) var(--gray-a6)
}

.rt-TextAreaRoot:where(.rt-variant-classic) :where(.rt-TextAreaInput)::-moz-placeholder {
    color: var(--gray-a10)
}

.rt-TextAreaRoot:where(.rt-variant-classic) :where(.rt-TextAreaInput)::placeholder {
    color: var(--gray-a10)
}

.rt-TextAreaRoot:where(.rt-variant-classic):where(:has(.rt-TextAreaInput:where(:-webkit-autofill, [data-com-onepassword-filled]):not(:disabled, :read-only))) {
    background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
    box-shadow: inset 0 0 0 1px var(--focus-a5), inset 0 0 0 1px var(--gray-a5)
}

.rt-TextAreaRoot:where(.rt-variant-classic):where(:has(.rt-TextAreaInput:where(:autofill, [data-com-onepassword-filled]):not(:disabled, :-moz-read-only))) {
    background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
    box-shadow: inset 0 0 0 1px var(--focus-a5), inset 0 0 0 1px var(--gray-a5)
}

.rt-TextAreaRoot:where(.rt-variant-classic):where(:has(.rt-TextAreaInput:where(:autofill, [data-com-onepassword-filled]):not(:disabled, :read-only))) {
    background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
    box-shadow: inset 0 0 0 1px var(--focus-a5), inset 0 0 0 1px var(--gray-a5)
}

.rt-TextAreaRoot:where(.rt-variant-classic):where(:has(.rt-TextAreaInput:where(:disabled, :-moz-read-only))) {
    background-image: linear-gradient(var(--gray-a2), var(--gray-a2))
}

.rt-TextAreaRoot:where(.rt-variant-classic):where(:has(.rt-TextAreaInput:where(:disabled, :read-only))) {
    background-image: linear-gradient(var(--gray-a2), var(--gray-a2))
}

.rt-TextAreaRoot:where(.rt-variant-soft) :where(.rt-TextAreaInput)::-moz-selection {
    background-color: var(--accent-a5)
}

.rt-TextAreaRoot:where(.rt-variant-soft) :where(.rt-TextAreaInput)::selection {
    background-color: var(--accent-a5)
}

.rt-TextAreaRoot:where(.rt-variant-soft) :where(.rt-TextAreaInput)::-moz-placeholder {
    color: var(--accent-12);
    opacity: .65
}

.rt-TextAreaRoot:where(.rt-variant-soft) :where(.rt-TextAreaInput)::placeholder {
    color: var(--accent-12);
    opacity: .65
}

.rt-TextAreaRoot:where(.rt-variant-soft):where(:focus-within) {
    outline-color: var(--accent-8)
}

.rt-TextAreaRoot:where(.rt-variant-soft):where(:has(.rt-TextAreaInput:where(:-webkit-autofill, [data-com-onepassword-filled]):not(:disabled, :read-only))) {
    box-shadow: inset 0 0 0 1px var(--accent-a5), inset 0 0 0 1px var(--gray-a4)
}

.rt-TextAreaRoot:where(.rt-variant-soft):where(:has(.rt-TextAreaInput:where(:autofill, [data-com-onepassword-filled]):not(:disabled, :-moz-read-only))) {
    box-shadow: inset 0 0 0 1px var(--accent-a5), inset 0 0 0 1px var(--gray-a4)
}

.rt-TextAreaRoot:where(.rt-variant-soft):where(:has(.rt-TextAreaInput:where(:autofill, [data-com-onepassword-filled]):not(:disabled, :read-only))) {
    box-shadow: inset 0 0 0 1px var(--accent-a5), inset 0 0 0 1px var(--gray-a4)
}

.rt-TextAreaRoot:where(.rt-variant-soft):where(:has(.rt-TextAreaInput:where(:disabled, :-moz-read-only))) {
    background-color: var(--gray-a3)
}

.rt-TextAreaRoot:where(.rt-variant-soft):where(:has(.rt-TextAreaInput:where(:disabled, :read-only))) {
    background-color: var(--gray-a3)
}

.rt-TextAreaInput:where(:disabled, :-moz-read-only) {
    cursor: text;
    color: var(--gray-a11);
    -webkit-text-fill-color: var(--gray-a11)
}

.rt-TextAreaInput:where(:disabled, :read-only) {
    cursor: text;
    color: var(--gray-a11);
    -webkit-text-fill-color: var(--gray-a11)
}

.rt-TextAreaInput:where(:disabled, :read-only)::-moz-placeholder {
    opacity: .5
}

.rt-TextAreaInput:where(:disabled, :-moz-read-only)::placeholder {
    opacity: .5
}

.rt-TextAreaInput:where(:disabled, :read-only)::placeholder {
    opacity: .5
}

.rt-TextAreaInput:where(:disabled, :read-only):where(:-moz-placeholder-shown) {
    cursor: var(--cursor-disabled)
}

.rt-TextAreaInput:where(:disabled, :-moz-read-only):where(:placeholder-shown) {
    cursor: var(--cursor-disabled)
}

.rt-TextAreaInput:where(:disabled, :read-only):where(:placeholder-shown) {
    cursor: var(--cursor-disabled)
}

.rt-TextAreaInput:where(:disabled, :read-only)::-moz-selection {
    background-color: var(--gray-a5)
}

.rt-TextAreaInput:where(:disabled, :-moz-read-only)::selection {
    background-color: var(--gray-a5)
}

.rt-TextAreaInput:where(:disabled, :read-only)::selection {
    background-color: var(--gray-a5)
}

.rt-TextAreaRoot:where(:focus-within:has(.rt-TextAreaInput:where(:disabled, :-moz-read-only))) {
    outline-color: var(--gray-8)
}

.rt-TextAreaRoot:where(:focus-within:has(.rt-TextAreaInput:where(:disabled, :read-only))) {
    outline-color: var(--gray-8)
}

@supports selector(:has(*)) {
    .rt-TextFieldRoot:where(:has(.rt-TextFieldInput:focus)) {
        outline: 2px solid var(--text-field-focus-color);
        outline-offset: -1px
    }
}

@supports not selector(:has(*)) {
    .rt-TextFieldRoot:where(:focus-within) {
        outline: 2px solid var(--text-field-focus-color);
        outline-offset: -1px
    }
}

.rt-TextFieldRoot::-moz-selection {
    background-color: var(--text-field-selection-color)
}

.rt-TextFieldRoot::selection {
    background-color: var(--text-field-selection-color)
}

.rt-TextFieldInput::-webkit-inner-spin-button,
.rt-TextFieldInput::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none
}

.rt-TextFieldInput::-moz-selection {
    background-color: var(--text-field-selection-color)
}

.rt-TextFieldInput::selection {
    background-color: var(--text-field-selection-color)
}

.rt-TextFieldInput::-webkit-calendar-picker-indicator {
    box-sizing: content-box;
    width: var(--text-field-native-icon-size);
    height: var(--text-field-native-icon-size);
    padding: var(--space-1);
    margin-left: 0;
    margin-right: calc(var(--space-1)*-1);
    border-radius: calc(var(--text-field-border-radius) - 2px)
}

.rt-TextFieldInput:where(:not([type=time]))::-webkit-calendar-picker-indicator {
    margin-left: var(--space-1)
}

.rt-TextFieldInput::-webkit-calendar-picker-indicator:where(:hover) {
    background-color: var(--gray-a3)
}

.rt-TextFieldInput::-webkit-calendar-picker-indicator:where(:focus-visible) {
    outline: 2px solid var(--text-field-focus-color)
}

.rt-TextFieldInput::-webkit-datetime-edit-ampm-field:where(:focus),
.rt-TextFieldInput::-webkit-datetime-edit-day-field:where(:focus),
.rt-TextFieldInput::-webkit-datetime-edit-hour-field:where(:focus),
.rt-TextFieldInput::-webkit-datetime-edit-millisecond-field:where(:focus),
.rt-TextFieldInput::-webkit-datetime-edit-minute-field:where(:focus),
.rt-TextFieldInput::-webkit-datetime-edit-month-field:where(:focus),
.rt-TextFieldInput::-webkit-datetime-edit-second-field:where(:focus),
.rt-TextFieldInput::-webkit-datetime-edit-week-field:where(:focus),
.rt-TextFieldInput::-webkit-datetime-edit-year-field:where(:focus) {
    background-color: var(--text-field-selection-color);
    color: inherit;
    outline: none
}

@supports selector(:has(*)) {
    .rt-TextFieldInput:where(:-webkit-autofill, [data-com-onepassword-filled]) {
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: var(--gray-12)
    }

    .rt-TextFieldInput:where(:autofill, [data-com-onepassword-filled]) {
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: var(--gray-12)
    }
}

.rt-TextFieldRoot:where(.rt-r-size-1) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
    padding-right: 0;
    margin-right: -2px
}

.rt-TextFieldRoot:where(.rt-r-size-2) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
    padding-right: 2px;
    margin-right: 0
}

.rt-TextFieldRoot:where(.rt-r-size-3) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
    padding-right: 5px;
    margin-right: 0
}

@media (min-width:520px) {
    .rt-TextFieldRoot:where(.xs\:rt-r-size-1) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
        padding-right: 0;
        margin-right: -2px
    }

    .rt-TextFieldRoot:where(.xs\:rt-r-size-2) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
        padding-right: 2px;
        margin-right: 0
    }

    .rt-TextFieldRoot:where(.xs\:rt-r-size-3) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
        padding-right: 5px;
        margin-right: 0
    }
}

@media (min-width:768px) {
    .rt-TextFieldRoot:where(.sm\:rt-r-size-1) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
        padding-right: 0;
        margin-right: -2px
    }

    .rt-TextFieldRoot:where(.sm\:rt-r-size-2) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
        padding-right: 2px;
        margin-right: 0
    }

    .rt-TextFieldRoot:where(.sm\:rt-r-size-3) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
        padding-right: 5px;
        margin-right: 0
    }
}

@media (min-width:1024px) {
    .rt-TextFieldRoot:where(.md\:rt-r-size-1) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
        padding-right: 0;
        margin-right: -2px
    }

    .rt-TextFieldRoot:where(.md\:rt-r-size-2) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
        padding-right: 2px;
        margin-right: 0
    }

    .rt-TextFieldRoot:where(.md\:rt-r-size-3) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
        padding-right: 5px;
        margin-right: 0
    }
}

@media (min-width:1280px) {
    .rt-TextFieldRoot:where(.lg\:rt-r-size-1) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
        padding-right: 0;
        margin-right: -2px
    }

    .rt-TextFieldRoot:where(.lg\:rt-r-size-2) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
        padding-right: 2px;
        margin-right: 0
    }

    .rt-TextFieldRoot:where(.lg\:rt-r-size-3) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
        padding-right: 5px;
        margin-right: 0
    }
}

@media (min-width:1640px) {
    .rt-TextFieldRoot:where(.xl\:rt-r-size-1) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
        padding-right: 0;
        margin-right: -2px
    }

    .rt-TextFieldRoot:where(.xl\:rt-r-size-2) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
        padding-right: 2px;
        margin-right: 0
    }

    .rt-TextFieldRoot:where(.xl\:rt-r-size-3) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
        padding-right: 5px;
        margin-right: 0
    }
}

.rt-TextFieldRoot:where(.rt-variant-surface) :where(.rt-TextFieldInput)::-moz-placeholder {
    color: var(--gray-a10)
}

.rt-TextFieldRoot:where(.rt-variant-surface) :where(.rt-TextFieldInput)::placeholder {
    color: var(--gray-a10)
}

.rt-TextFieldRoot:where(.rt-variant-surface):where(:has(.rt-TextFieldInput:where(:-webkit-autofill, [data-com-onepassword-filled]):not(:disabled, :read-only))) {
    background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
    box-shadow: inset 0 0 0 1px var(--focus-a5), inset 0 0 0 1px var(--gray-a5)
}

.rt-TextFieldRoot:where(.rt-variant-surface):where(:has(.rt-TextFieldInput:where(:autofill, [data-com-onepassword-filled]):not(:disabled, :-moz-read-only))) {
    background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
    box-shadow: inset 0 0 0 1px var(--focus-a5), inset 0 0 0 1px var(--gray-a5)
}

.rt-TextFieldRoot:where(.rt-variant-surface):where(:has(.rt-TextFieldInput:where(:autofill, [data-com-onepassword-filled]):not(:disabled, :read-only))) {
    background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
    box-shadow: inset 0 0 0 1px var(--focus-a5), inset 0 0 0 1px var(--gray-a5)
}

.rt-TextFieldRoot:where(.rt-variant-surface):where(:has(.rt-TextFieldInput:where(:disabled, :-moz-read-only))) {
    background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
    box-shadow: inset 0 0 0 var(--text-field-border-width) var(--gray-a6)
}

.rt-TextFieldRoot:where(.rt-variant-surface):where(:has(.rt-TextFieldInput:where(:disabled, :read-only))) {
    background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
    box-shadow: inset 0 0 0 var(--text-field-border-width) var(--gray-a6)
}

.rt-TextFieldRoot:where(.rt-variant-classic) :where(.rt-TextFieldInput)::-moz-placeholder {
    color: var(--gray-a10)
}

.rt-TextFieldRoot:where(.rt-variant-classic) :where(.rt-TextFieldInput)::placeholder {
    color: var(--gray-a10)
}

.rt-TextFieldRoot:where(.rt-variant-classic):where(:has(.rt-TextFieldInput:where(:-webkit-autofill, [data-com-onepassword-filled]):not(:disabled, :read-only))) {
    background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
    box-shadow: inset 0 0 0 1px var(--focus-a5), inset 0 0 0 1px var(--gray-a5)
}

.rt-TextFieldRoot:where(.rt-variant-classic):where(:has(.rt-TextFieldInput:where(:autofill, [data-com-onepassword-filled]):not(:disabled, :-moz-read-only))) {
    background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
    box-shadow: inset 0 0 0 1px var(--focus-a5), inset 0 0 0 1px var(--gray-a5)
}

.rt-TextFieldRoot:where(.rt-variant-classic):where(:has(.rt-TextFieldInput:where(:autofill, [data-com-onepassword-filled]):not(:disabled, :read-only))) {
    background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
    box-shadow: inset 0 0 0 1px var(--focus-a5), inset 0 0 0 1px var(--gray-a5)
}

.rt-TextFieldRoot:where(.rt-variant-classic):where(:has(.rt-TextFieldInput:where(:disabled, :-moz-read-only))) {
    background-image: linear-gradient(var(--gray-a2), var(--gray-a2))
}

.rt-TextFieldRoot:where(.rt-variant-classic):where(:has(.rt-TextFieldInput:where(:disabled, :read-only))) {
    background-image: linear-gradient(var(--gray-a2), var(--gray-a2))
}

.rt-TextFieldRoot:where(.rt-variant-soft) :where(.rt-TextFieldInput)::-moz-placeholder {
    color: var(--accent-12);
    opacity: .6
}

.rt-TextFieldRoot:where(.rt-variant-soft) :where(.rt-TextFieldInput)::placeholder {
    color: var(--accent-12);
    opacity: .6
}

.rt-TextFieldRoot:where(.rt-variant-soft):where(:has(.rt-TextFieldInput:where(:-webkit-autofill, [data-com-onepassword-filled]):not(:disabled, :read-only))) {
    box-shadow: inset 0 0 0 1px var(--accent-a5), inset 0 0 0 1px var(--gray-a4)
}

.rt-TextFieldRoot:where(.rt-variant-soft):where(:has(.rt-TextFieldInput:where(:autofill, [data-com-onepassword-filled]):not(:disabled, :-moz-read-only))) {
    box-shadow: inset 0 0 0 1px var(--accent-a5), inset 0 0 0 1px var(--gray-a4)
}

.rt-TextFieldRoot:where(.rt-variant-soft):where(:has(.rt-TextFieldInput:where(:autofill, [data-com-onepassword-filled]):not(:disabled, :read-only))) {
    box-shadow: inset 0 0 0 1px var(--accent-a5), inset 0 0 0 1px var(--gray-a4)
}

.rt-TextFieldRoot:where(.rt-variant-soft):where(:has(.rt-TextFieldInput:where(:disabled, :-moz-read-only))) {
    background-color: var(--gray-a3)
}

.rt-TextFieldRoot:where(.rt-variant-soft):where(:has(.rt-TextFieldInput:where(:disabled, :read-only))) {
    background-color: var(--gray-a3)
}

.rt-TextFieldInput:where(:disabled, :-moz-read-only) {
    cursor: text;
    color: var(--gray-a11);
    -webkit-text-fill-color: var(--gray-a11)
}

.rt-TextFieldInput:where(:disabled, :read-only) {
    cursor: text;
    color: var(--gray-a11);
    -webkit-text-fill-color: var(--gray-a11)
}

.rt-TextFieldInput:where(:disabled, :read-only)::-moz-placeholder {
    opacity: .5
}

.rt-TextFieldInput:where(:disabled, :-moz-read-only)::placeholder {
    opacity: .5
}

.rt-TextFieldInput:where(:disabled, :read-only)::placeholder {
    opacity: .5
}

.rt-TextFieldInput:where(:disabled, :read-only):where(:-moz-placeholder-shown) {
    cursor: var(--cursor-disabled)
}

.rt-TextFieldInput:where(:disabled, :-moz-read-only):where(:placeholder-shown) {
    cursor: var(--cursor-disabled)
}

.rt-TextFieldInput:where(:disabled, :read-only):where(:placeholder-shown) {
    cursor: var(--cursor-disabled)
}

.rt-TextFieldInput:where(:disabled, :read-only):where(:-moz-placeholder-shown)~:where(.rt-TextFieldSlot) {
    cursor: var(--cursor-disabled)
}

.rt-TextFieldInput:where(:disabled, :-moz-read-only):where(:placeholder-shown)~:where(.rt-TextFieldSlot) {
    cursor: var(--cursor-disabled)
}

.rt-TextFieldInput:where(:disabled, :read-only):where(:placeholder-shown)~:where(.rt-TextFieldSlot) {
    cursor: var(--cursor-disabled)
}

.rt-TextFieldRoot:where(:has(.rt-TextFieldInput:where(:disabled, :-moz-read-only))) {
    --text-field-selection-color: var(--gray-a5);
    --text-field-focus-color: var(--gray-8)
}

.rt-TextFieldRoot:where(:has(.rt-TextFieldInput:where(:disabled, :read-only))) {
    --text-field-selection-color: var(--gray-a5);
    --text-field-focus-color: var(--gray-8)
}

.rt-ThemePanelShortcut:where(:focus-visible) {
    outline-style: solid;
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--accent-9)
}

.rt-ThemePanelSwatchInput:where(:checked) {
    outline-style: solid;
    outline-color: var(--gray-12)
}

.rt-ThemePanelSwatchInput:where(:focus-visible) {
    outline-style: solid;
    outline-color: var(--accent-9)
}

.rt-ThemePanelRadioCardInput:where(:checked) {
    outline-style: solid;
    outline-color: var(--gray-12)
}

.rt-ThemePanelRadioCardInput:where(:focus-visible) {
    background-color: var(--accent-a3);
    outline-style: solid;
    outline-color: var(--accent-9)
}

.radix-themes:where([data-is-root-theme=true]) {
    position: relative;
    z-index: 0;
    min-height: 100vh
}

@supports (min-height:100dvh) {
    .radix-themes:where([data-is-root-theme=true]) {
        min-height: 100dvh
    }
}

.rt-r-lt-end:before,
.rt-r-lt-normal:after,
.rt-r-lt-normal:before,
.rt-r-lt-start:after {
    content: none
}

.rt-r-lt-both:after,
.rt-r-lt-both:before,
.rt-r-lt-end:after,
.rt-r-lt-start:before {
    content: "";
    display: table
}

.rt-r-lt-both:before,
.rt-r-lt-start:before {
    margin-bottom: calc(var(--leading-trim-start, var(--default-leading-trim-start)) - var(--line-height, calc(1em*var(--default-line-height)))/2)
}

.rt-r-lt-both:after,
.rt-r-lt-end:after {
    margin-top: calc(var(--leading-trim-end, var(--default-leading-trim-end)) - var(--line-height, calc(1em*var(--default-line-height)))/2)
}

@media (min-width:520px) {

    .xs\:rt-r-lt-end:before,
    .xs\:rt-r-lt-normal:after,
    .xs\:rt-r-lt-normal:before,
    .xs\:rt-r-lt-start:after {
        content: none
    }

    .xs\:rt-r-lt-both:after,
    .xs\:rt-r-lt-both:before,
    .xs\:rt-r-lt-end:after,
    .xs\:rt-r-lt-start:before {
        content: "";
        display: table
    }

    .xs\:rt-r-lt-both:before,
    .xs\:rt-r-lt-start:before {
        margin-bottom: calc(var(--leading-trim-start, var(--default-leading-trim-start)) - var(--line-height, calc(1em*var(--default-line-height)))/2)
    }

    .xs\:rt-r-lt-both:after,
    .xs\:rt-r-lt-end:after {
        margin-top: calc(var(--leading-trim-end, var(--default-leading-trim-end)) - var(--line-height, calc(1em*var(--default-line-height)))/2)
    }
}

@media (min-width:768px) {

    .sm\:rt-r-lt-end:before,
    .sm\:rt-r-lt-normal:after,
    .sm\:rt-r-lt-normal:before,
    .sm\:rt-r-lt-start:after {
        content: none
    }

    .sm\:rt-r-lt-both:after,
    .sm\:rt-r-lt-both:before,
    .sm\:rt-r-lt-end:after,
    .sm\:rt-r-lt-start:before {
        content: "";
        display: table
    }

    .sm\:rt-r-lt-both:before,
    .sm\:rt-r-lt-start:before {
        margin-bottom: calc(var(--leading-trim-start, var(--default-leading-trim-start)) - var(--line-height, calc(1em*var(--default-line-height)))/2)
    }

    .sm\:rt-r-lt-both:after,
    .sm\:rt-r-lt-end:after {
        margin-top: calc(var(--leading-trim-end, var(--default-leading-trim-end)) - var(--line-height, calc(1em*var(--default-line-height)))/2)
    }
}

@media (min-width:1024px) {

    .md\:rt-r-lt-end:before,
    .md\:rt-r-lt-normal:after,
    .md\:rt-r-lt-normal:before,
    .md\:rt-r-lt-start:after {
        content: none
    }

    .md\:rt-r-lt-both:after,
    .md\:rt-r-lt-both:before,
    .md\:rt-r-lt-end:after,
    .md\:rt-r-lt-start:before {
        content: "";
        display: table
    }

    .md\:rt-r-lt-both:before,
    .md\:rt-r-lt-start:before {
        margin-bottom: calc(var(--leading-trim-start, var(--default-leading-trim-start)) - var(--line-height, calc(1em*var(--default-line-height)))/2)
    }

    .md\:rt-r-lt-both:after,
    .md\:rt-r-lt-end:after {
        margin-top: calc(var(--leading-trim-end, var(--default-leading-trim-end)) - var(--line-height, calc(1em*var(--default-line-height)))/2)
    }
}

@media (min-width:1280px) {

    .lg\:rt-r-lt-end:before,
    .lg\:rt-r-lt-normal:after,
    .lg\:rt-r-lt-normal:before,
    .lg\:rt-r-lt-start:after {
        content: none
    }

    .lg\:rt-r-lt-both:after,
    .lg\:rt-r-lt-both:before,
    .lg\:rt-r-lt-end:after,
    .lg\:rt-r-lt-start:before {
        content: "";
        display: table
    }

    .lg\:rt-r-lt-both:before,
    .lg\:rt-r-lt-start:before {
        margin-bottom: calc(var(--leading-trim-start, var(--default-leading-trim-start)) - var(--line-height, calc(1em*var(--default-line-height)))/2)
    }

    .lg\:rt-r-lt-both:after,
    .lg\:rt-r-lt-end:after {
        margin-top: calc(var(--leading-trim-end, var(--default-leading-trim-end)) - var(--line-height, calc(1em*var(--default-line-height)))/2)
    }
}

@media (min-width:1640px) {

    .xl\:rt-r-lt-end:before,
    .xl\:rt-r-lt-normal:after,
    .xl\:rt-r-lt-normal:before,
    .xl\:rt-r-lt-start:after {
        content: none
    }

    .xl\:rt-r-lt-both:after,
    .xl\:rt-r-lt-both:before,
    .xl\:rt-r-lt-end:after,
    .xl\:rt-r-lt-start:before {
        content: "";
        display: table
    }

    .xl\:rt-r-lt-both:before,
    .xl\:rt-r-lt-start:before {
        margin-bottom: calc(var(--leading-trim-start, var(--default-leading-trim-start)) - var(--line-height, calc(1em*var(--default-line-height)))/2)
    }

    .xl\:rt-r-lt-both:after,
    .xl\:rt-r-lt-end:after {
        margin-top: calc(var(--leading-trim-end, var(--default-leading-trim-end)) - var(--line-height, calc(1em*var(--default-line-height)))/2)
    }
}

@font-face {
    font-family: __neueHaas_368c3b;
    src: url(assets/style_asset_4.woff2)format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: __neueHaas_368c3b;
    src: url(assets/style_asset_3.woff2)format("woff2");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: __neueHaas_368c3b;
    src: url(assets/style_asset_2.woff2)format("woff2");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: __neueHaas_368c3b;
    src: url(assets/style_asset_1.woff2)format("woff2");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: __neueHaas_Fallback_368c3b;
    src: local("Arial");
    ascent-override: 94.14%;
    descent-override: 18.01%;
    line-gap-override: 0.00%;
    size-adjust: 104.95%
}

@font-face {
    font-family: Haas Grot Text Web;
    src: url(assets/style_asset_1.woff2)format("woff2");
    font-weight: 700;
    font-style: italic;
    font-stretch: normal
}

@font-face {
    font-family: Haas Grot Text Web;
    src: url(assets/style_asset_2.woff2)format("woff2");
    font-weight: 700;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: Haas Grot Text Web;
    src: url(assets/style_asset_8.woff2)format("woff2");
    font-weight: 500;
    font-style: italic;
    font-stretch: normal
}

@font-face {
    font-family: Haas Grot Text Web;
    src: url(assets/style_asset_7.woff2)format("woff2");
    font-weight: 500;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: Haas Grot Text Web;
    src: url(assets/style_asset_3.woff2)format("woff2");
    font-weight: 400;
    font-style: italic;
    font-stretch: normal
}

@font-face {
    font-family: Haas Grot Text Web;
    src: url(assets/style_asset_4.woff2)format("woff2");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

@keyframes bg-in {
    0% {
        background-position: 100%
    }

    to {
        background-position: 0
    }
}

[data-reach-slider-range] {
    background: #2d81ff !important
}

.progress [data-reach-slider-input],
.progress [data-reach-slider-track] {
    height: 4px !important
}

.volume [data-reach-slider-track] {
    width: 4px !important;
    margin: auto
}

.tiptap p.is-editor-empty:first-child:before {
    content: attr(data-placeholder);
    float: left;
    color: #adb5bd;
    pointer-events: none;
    height: 0
}

#my-linktree-button button:before {
    content: "Share Release on Linktree";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    font-size: 15px !important;
    line-height: 20px !important;
    font-family: neue-haas-grotesk-text, Arial, sans-serif;
    color: #000
}

*,
:after,
:before {
    box-sizing: border-box;
    border: 0 solid
}

:after,
:before {
    --tw-content: ""
}

html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: var(--font-neue-haas);
    font-feature-settings: normal;
    font-variation-settings: normal
}

body {
    margin: 0;
    line-height: inherit
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1 {
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

button,
input {
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button {
    text-transform: none
}

[type=button],
button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

h1,
p {
    margin: 0
}

ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::placeholder,
textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

[role=button],
button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,
iframe,
img,
svg,
video {
    display: block;
    vertical-align: middle
}

img,
video {
    max-width: 100%;
    height: auto
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance: textfield !important
}

*,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0#0000;
    --tw-ring-shadow: 0 0#0000;
    --tw-shadow: 0 0#0000;
    --tw-shadow-colored: 0 0#0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0#0000;
    --tw-ring-shadow: 0 0#0000;
    --tw-shadow: 0 0#0000;
    --tw-shadow-colored: 0 0#0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

.display-1 {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .01em
}

@media (min-width:431px) {
    .display-1 {
        font-size: 24px;
        line-height: 32px
    }
}

.\!body-1,
.body-1 {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .02em
}

.caption-1 {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .02em
}

.\!ui-1,
.ui-1 {
    letter-spacing: .06em
}

.\!ui-1,
.ui-1,
.ui-1-tabular {
    font-size: 11px;
    text-transform: uppercase;
    line-height: 16px
}

.ui-1-tabular {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
    letter-spacing: .02em
}

.twoColumnLayoutGrid {
    display: grid
}

@media (min-width:0px) {
    .twoColumnLayoutGrid {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }
}

@media (min-width:1124px) {
    .twoColumnLayoutGrid {
        grid-template-columns: 1fr 348px;
        gap: 40px
    }
}

@media (min-width:1729px) {
    .twoColumnLayoutGrid {
        margin-left: auto;
        margin-right: auto;
        max-width: 1727px
    }
}

.releasePageVerticalMargin {
    margin-top: 56px
}

@media (min-width:1124px) {
    .releasePageVerticalMargin {
        margin-top: 116px
    }
}

@media (min-width:1500px) {
    .releasePageVerticalMargin {
        margin-top: 140px
    }
}

.pageHorizontalPadding {
    margin-left: 12px;
    margin-right: 12px
}

@media (min-width:744px) {
    .pageHorizontalPadding {
        margin-left: 28px;
        margin-right: 28px
    }
}

@media (min-width:1124px) {
    .pageHorizontalPadding {
        margin-left: 40px;
        margin-right: 40px
    }
}

.followListItemStringWidth {
    max-width: 210px
}

.default-font {
    font-family: neue-haas-grotesk, sans-serif !important
}

.pagePaddingBottom {
    padding-bottom: 124px
}

.pointer-events-none {
    pointer-events: none
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.bottom-0 {
    bottom: 0
}

.bottom-\[26px\] {
    bottom: 26px
}

.left-0 {
    left: 0
}

.left-1\/2 {
    left: 50%
}

.left-12 {
    left: 12px
}

.left-\[10px\] {
    left: 10px
}

.right-0 {
    right: 0
}

.right-12 {
    right: 12px
}

.right-40 {
    right: 40px
}

.top-0 {
    top: 0
}

.top-1\/2 {
    top: 50%
}

.top-\[32px\] {
    top: 32px
}

.top-\[44px\] {
    top: 44px
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-\[1000\] {
    z-index: 1000
}

.z-\[10\] {
    z-index: 10
}

.z-\[499\] {
    z-index: 499
}

.z-\[6\] {
    z-index: 6
}

.z-\[9\] {
    z-index: 9
}

.m-auto {
    margin: auto
}

.mx-0 {
    margin-left: 0;
    margin-right: 0
}

.mx-12 {
    margin-left: 12px;
    margin-right: 12px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-28 {
    margin-bottom: 28px
}

.mb-60 {
    margin-bottom: 60px
}

.mb-\[11px\] {
    margin-bottom: 11px
}

.ml-0 {
    margin-left: 0
}

.ml-12 {
    margin-left: 12px
}

.ml-20 {
    margin-left: 20px
}

.ml-\[8px\] {
    margin-left: 8px
}

.mr-0 {
    margin-right: 0
}

.mr-12 {
    margin-right: 12px
}

.mr-16 {
    margin-right: 16px
}

.mr-\[12px\] {
    margin-right: 12px
}

.mr-\[28px\] {
    margin-right: 28px
}

.mr-\[8px\] {
    margin-right: 8px
}

.mt-0 {
    margin-top: 0
}

.mt-16 {
    margin-top: 16px
}

.mt-20 {
    margin-top: 20px
}

.mt-40 {
    margin-top: 40px
}

.mt-\[20px\] {
    margin-top: 20px
}

.mt-\[2px\] {
    margin-top: 2px
}

.box-border {
    box-sizing: border-box
}

.line-clamp-1 {
    -webkit-line-clamp: 1
}

.line-clamp-1 {
    overflow: hidden;
    -webkit-box-orient: vertical
}

.block {
    display: block
}

.flex {
    display: flex
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.\!h-40 {
    height: 40px !important
}

.h-0 {
    height: 0
}

.h-16 {
    height: 16px
}

.h-20 {
    height: 20px
}

.h-32 {
    height: 32px
}

.h-40 {
    height: 40px
}

.h-64 {
    height: 64px
}

.h-\[20px\] {
    height: 20px
}

.h-\[32px\] {
    height: 32px
}

.h-\[40px\] {
    height: 40px
}

.h-\[44px\] {
    height: 44px
}

.h-\[64px\] {
    height: 64px
}

.h-full {
    height: 100%
}

.max-h-\[calc\(100\%-64px\)\] {
    max-height: calc(100% - 64px)
}

.\!w-40 {
    width: 40px !important
}

.w-20 {
    width: 20px
}

.w-40 {
    width: 40px
}

.w-\[100vw\] {
    width: 100vw
}

.w-\[20px\] {
    width: 20px
}

.w-\[348px\] {
    width: 348px
}

.w-\[40px\] {
    width: 40px
}

.w-\[60px\] {
    width: 60px
}

.w-\[74px\] {
    width: 74px
}

.w-fit {
    width: fit-content
}

.w-full {
    width: 100%
}

.w-max {
    width: max-content
}

.w-min {
    width: min-content
}

.min-w-\[32px\] {
    min-width: 32px
}

.min-w-\[40px\] {
    min-width: 40px
}

.min-w-min {
    min-width: min-content
}

.max-w-\[100\%\] {
    max-width: 100%
}

.max-w-\[100vw\] {
    max-width: 100vw
}

.max-w-\[322px\] {
    max-width: 322px
}

.max-w-\[calc\(100vw_-_24px\)\] {
    max-width: calc(100vw - 24px)
}

.max-w-full {
    max-width: 100%
}

.max-w-none {
    max-width: none
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%
}

.translate-y-\[125dvh\] {
    --tw-translate-y: 125dvh
}

.translate-y-\[125dvh\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes marquee {
    0% {
        left: 0
    }

    to {
        left: -100%
    }
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

.cursor-default {
    cursor: default
}

.cursor-pointer {
    cursor: pointer
}

.flex-row {
    flex-direction: row
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.items-start {
    align-items: flex-start
}

.items-center {
    align-items: center
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.gap-20 {
    gap: 20px
}

.gap-x-12 {
    -moz-column-gap: 12px;
    column-gap: 12px
}

.gap-x-16 {
    -moz-column-gap: 16px;
    column-gap: 16px
}

.gap-x-2 {
    -moz-column-gap: .5rem;
    column-gap: .5rem
}

.gap-x-28 {
    -moz-column-gap: 28px;
    column-gap: 28px
}

.gap-x-4 {
    -moz-column-gap: 4px;
    column-gap: 4px
}

.gap-x-6 {
    -moz-column-gap: 6px;
    column-gap: 6px
}

.gap-x-8 {
    -moz-column-gap: 8px;
    column-gap: 8px
}

.gap-x-\[28px\] {
    -moz-column-gap: 28px;
    column-gap: 28px
}

.gap-x-\[2px\] {
    -moz-column-gap: 2px;
    column-gap: 2px
}

.gap-x-\[4px\] {
    -moz-column-gap: 4px;
    column-gap: 4px
}

.gap-y-16 {
    row-gap: 16px
}

.gap-y-20 {
    row-gap: 20px
}

.gap-y-60 {
    row-gap: 60px
}

.gap-y-8 {
    row-gap: 8px
}

.space-x-16>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(16px*var(--tw-space-x-reverse));
    margin-left: calc(16px*calc(1 - var(--tw-space-x-reverse)))
}

.overflow-hidden {
    overflow: hidden
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-y-scroll {
    overflow-y: scroll
}

.\!truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important
}

.truncate {
    overflow: hidden;
    white-space: nowrap
}

.truncate {
    text-overflow: ellipsis
}

.whitespace-nowrap {
    white-space: nowrap
}

.whitespace-pre-wrap {
    white-space: pre-wrap
}

.rounded-none {
    border-radius: 0
}

.border,
.border-1 {
    border-width: 1px
}

.border-\[1\.25px\] {
    border-width: 1.25px
}

.border-b,
.border-b-1 {
    border-bottom-width: 1px
}

.border-solid {
    border-style: solid
}

.border-black {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0/var(--tw-border-opacity))
}

.border-blue-65 {
    --tw-border-opacity: 1;
    border-color: rgb(89 156 255/var(--tw-border-opacity))
}

.border-blue-82 {
    --tw-border-opacity: 1;
    border-color: rgb(45 129 255/var(--tw-border-opacity))
}

.border-grey-10 {
    --tw-border-opacity: 1;
    border-color: rgb(230 230 230/var(--tw-border-opacity))
}

.border-grey-15 {
    --tw-border-opacity: 1;
    border-color: rgb(217 217 217/var(--tw-border-opacity))
}

.border-grey-4 {
    --tw-border-opacity: 1;
    border-color: rgb(245 245 245/var(--tw-border-opacity))
}

.border-grey-45 {
    --tw-border-opacity: 1;
    border-color: rgb(140 140 140/var(--tw-border-opacity))
}

.border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity))
}

.border-b-grey-30 {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(179 179 179/var(--tw-border-opacity))
}

.bg-blue-82 {
    --tw-bg-opacity: 1;
    background-color: rgb(45 129 255/var(--tw-bg-opacity))
}

.bg-grey-4 {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity))
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.fill-black {
    fill: #000
}

.fill-blue-82 {
    fill: #2d81ff
}

.fill-grey-45 {
    fill: #8c8c8c
}

.fill-white {
    fill: #fff
}

.p-0 {
    padding: 0
}

.p-10 {
    padding: 10px
}

.p-12 {
    padding: 12px
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.px-12 {
    padding-left: 12px;
    padding-right: 12px
}

.px-16 {
    padding-left: 16px;
    padding-right: 16px
}

.px-6 {
    padding-left: 6px;
    padding-right: 6px
}

.px-8 {
    padding-left: 8px;
    padding-right: 8px
}

.px-\[10px\] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10 {
    padding-top: 10px;
    padding-bottom: 10px
}

.py-12 {
    padding-top: 12px;
    padding-bottom: 12px
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py-4 {
    padding-top: 4px;
    padding-bottom: 4px
}

.py-6 {
    padding-top: 6px;
    padding-bottom: 6px
}

.py-8 {
    padding-top: 8px;
    padding-bottom: 8px
}

.py-\[10px\] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pb-12 {
    padding-bottom: 12px
}

.pb-4 {
    padding-bottom: 4px
}

.pb-\[120px\] {
    padding-bottom: 120px
}

.pl-12 {
    padding-left: 12px
}

.pl-20 {
    padding-left: 20px
}

.pr-0 {
    padding-right: 0
}

.pr-12 {
    padding-right: 12px
}

.pr-16 {
    padding-right: 16px
}

.pr-44 {
    padding-right: 44px
}

.pr-\[12px\] {
    padding-right: 12px
}

.pt-12 {
    padding-top: 12px
}

.pt-32 {
    padding-top: 32px
}

.pt-\[2px\] {
    padding-top: 2px
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.\!font-sans {
    font-family: var(--font-neue-haas) !important
}

.font-sans {
    font-family: var(--font-neue-haas)
}

.uppercase {
    text-transform: uppercase
}

.tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}

.\!text-black {
    --tw-text-opacity: 1 !important;
    color: rgb(0 0 0/var(--tw-text-opacity)) !important
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.text-blue-35 {
    --tw-text-opacity: 1;
    color: rgb(166 201 255/var(--tw-text-opacity))
}

.text-blue-82 {
    --tw-text-opacity: 1;
    color: rgb(45 129 255/var(--tw-text-opacity))
}

.text-grey-20 {
    --tw-text-opacity: 1;
    color: rgb(204 204 204/var(--tw-text-opacity))
}

.text-grey-30 {
    --tw-text-opacity: 1;
    color: rgb(179 179 179/var(--tw-text-opacity))
}

.text-grey-45 {
    --tw-text-opacity: 1;
    color: rgb(140 140 140/var(--tw-text-opacity))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.no-underline {
    text-decoration-line: none
}

.\!placeholder-white::-moz-placeholder {
    --tw-placeholder-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-placeholder-opacity)) !important
}

.\!placeholder-white::placeholder {
    --tw-placeholder-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-placeholder-opacity)) !important
}

.placeholder-grey-45::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(140 140 140/var(--tw-placeholder-opacity))
}

.placeholder-grey-45::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(140 140 140/var(--tw-placeholder-opacity))
}

.opacity-40 {
    opacity: .4
}

.opacity-50 {
    opacity: .5
}

.transition-\[transform\] {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-transform {
    transition-property: transform
}

.duration-0 {
    transition-duration: 0s
}

.duration-200 {
    transition-duration: .2s
}

.duration-\[270ms\] {
    transition-duration: .27s
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.no-scrollbar::-webkit-scrollbar {
    display: none
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none
}

:root {
    --foreground-rgb: 0, 0, 0;
    --background-start-rgb: 255, 255, 255;
    --background-end-rgb: 255, 255, 255;
    --grey-10: #e6e6e6;
    --rt-transition-show-delay: 0.1s !important;
    --rt-transition-closing-delay: 0.1s !important
}

@media (prefers-color-scheme:dark) {
    :root {
        --foreground-rgb: 255, 255, 255
    }
}

body,
html {
    overscroll-behavior-y: none;
    overscroll-behavior-x: auto
}

body {
    color: #000
}

button:focus {
    outline: 0
}

input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
    -webkit-text-fill-color: #000;
    -webkit-box-shadow: inset 0 0 0 1000px #fff;
    -webkit-text-size-adjust: 100%
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes slideInFromLeft {
    0% {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes slideInFromRight {
    0% {
        transform: translateX(100%)
    }

    to {
        transform: translateX(0)
    }
}

[contenteditable=true]:empty:not(:focus):before {
    content: attr(placeholder);
    color: grey
}

.article-body p:empty:after {
    content: " "
}

@keyframes shimmer {
    to {
        -webkit-mask-position: left
    }
}

.imageBorder {
    outline-offset: -1px;
    outline: 1px solid rgba(0, 0, 0, .1)
}

.imageBorderRound {
    box-sizing: border-box;
    outline-offset: -1px;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 9999px
}

.blueTheme .imageBorder,
.imageBorderPlayer {
    outline-offset: -1px;
    outline: 1px solid hsla(0, 0%, 100%, .2)
}

.pending:after {
    animation: dotty 1s step-end infinite;
    content: "";
    width: 12px
}

@keyframes dotty {
    0% {
        content: ""
    }

    25% {
        content: "."
    }

    50% {
        content: ".."
    }

    75% {
        content: "..."
    }

    to {
        content: ""
    }
}

@media (hover:none) {
    :hover {
        opacity: 100% !important
    }
}

button,
input {
    -webkit-tap-highlight-color: transparent
}

.disableHighlight:focus {
    outline: none !important
}

.hitBox40 {
    position: relative
}

.hitBox40:after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px
}

.hitBox20 {
    position: relative
}

.hitBox20:after {
    content: "";
    position: absolute;
    top: -7px;
    left: -15px;
    right: -6px;
    bottom: -7px
}

.datePicker::-moz-placeholder {
    color: #000
}

.datePicker::placeholder {
    color: #000
}

.placeholder\:body-1::-moz-placeholder {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .02em
}

.placeholder\:body-1::placeholder {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .02em
}

@media (min-width:1124px) {
    .lg\:pagePaddingBottom {
        padding-bottom: 124px
    }
}

.placeholder\:mr-0::-moz-placeholder {
    margin-right: 0
}

.placeholder\:mr-0::placeholder {
    margin-right: 0
}

.placeholder\:\!text-\[16px\]::-moz-placeholder {
    font-size: 16px !important
}

.placeholder\:\!text-\[16px\]::placeholder {
    font-size: 16px !important
}

.placeholder\:\!text-\[24px\]::-moz-placeholder {
    font-size: 24px !important
}

.placeholder\:\!text-\[24px\]::placeholder {
    font-size: 24px !important
}

.before\:absolute:before {
    content: var(--tw-content);
    position: absolute
}

.before\:inset-x-0:before {
    content: var(--tw-content);
    left: 0;
    right: 0
}

.before\:-z-10:before {
    content: var(--tw-content);
    z-index: -10
}

.before\:h-px:before {
    content: var(--tw-content);
    height: 1px
}

.before\:-rotate-45:before {
    content: var(--tw-content);
    --tw-rotate: -45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.before\:transition-transform:before {
    content: var(--tw-content);
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.last-of-type\:border-none:last-of-type {
    border-style: none
}

.hover\:scale-110:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:cursor-pointer:hover {
    cursor: pointer
}

.hover\:border-black:hover {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0/var(--tw-border-opacity))
}

.hover\:border-blue-82:hover {
    --tw-border-opacity: 1;
    border-color: rgb(45 129 255/var(--tw-border-opacity))
}

.hover\:border-grey-30:hover {
    --tw-border-opacity: 1;
    border-color: rgb(179 179 179/var(--tw-border-opacity))
}

.hover\:border-grey-45:hover {
    --tw-border-opacity: 1;
    border-color: rgb(140 140 140/var(--tw-border-opacity))
}

.hover\:bg-blue-10:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(230 240 255/var(--tw-bg-opacity))
}

.hover\:bg-blue-15:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(217 232 255/var(--tw-bg-opacity))
}

.hover\:bg-blue-82:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(45 129 255/var(--tw-bg-opacity))
}

.hover\:bg-grey-10:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(230 230 230/var(--tw-bg-opacity))
}

.hover\:bg-grey-3:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(247 247 247/var(--tw-bg-opacity))
}

.hover\:bg-grey-4:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity))
}

.hover\:bg-grey-8:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(235 235 235/var(--tw-bg-opacity))
}

.hover\:bg-white\/20:hover {
    background-color: hsla(0, 0%, 100%, .2)
}

.hover\:text-black:hover {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.hover\:text-blue-5:hover {
    --tw-text-opacity: 1;
    color: rgb(242 247 255/var(--tw-text-opacity))
}

.hover\:text-blue-82:hover {
    --tw-text-opacity: 1;
    color: rgb(45 129 255/var(--tw-text-opacity))
}

.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.hover\:text-opacity-80:hover {
    --tw-text-opacity: 0.8
}

.hover\:underline:hover {
    text-decoration-line: underline
}

.hover\:underline-offset-4:hover {
    text-underline-offset: 4px
}

.hover\:opacity-100:hover {
    opacity: 1
}

.hover\:opacity-60:hover {
    opacity: .6
}

.hover\:opacity-70:hover {
    opacity: .7
}

.hover\:opacity-80:hover {
    opacity: .8
}

.hover\:opacity-90:hover {
    opacity: .9
}

.hover\:shadow-\[inset_0_0_0_1px_\#1E3AF5\]:hover {
    --tw-shadow: inset 0 0 0 1px #1e3af5;
    --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0#0000), var(--tw-ring-shadow, 0 0#0000), var(--tw-shadow)
}

.hover\:outline-none:hover {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus\:border-solid:focus {
    border-style: solid
}

.focus\:border-grey-15:focus {
    --tw-border-opacity: 1;
    border-color: rgb(217 217 217/var(--tw-border-opacity))
}

.focus\:border-grey-45:focus {
    --tw-border-opacity: 1;
    border-color: rgb(140 140 140/var(--tw-border-opacity))
}

.focus\:border-transparent:focus {
    border-color: #0ff
}

.focus\:bg-grey-3:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(247 247 247/var(--tw-bg-opacity))
}

.focus\:caret-transparent:focus {
    caret-color: #0ff
}

.focus\:\!outline-none:focus {
    outline: 2px solid transparent !important;
    outline-offset: 2px !important
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus\:\!outline-offset-0:focus {
    outline-offset: 0 !important
}

.focus\:ring-1:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.focus\:ring-1:focus,
.focus\:ring-2:focus {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0#0000)
}

.focus\:ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.focus\:inputFocus:focus:focus {
    outline: 2px solid transparent;
    outline-style: solid;
    outline-offset: -1px;
    outline-color: #000;
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(0 0 0/var(--tw-ring-opacity))
}

.active\:cursor-grabbing:active {
    cursor: grabbing
}

.active\:bg-white\/30:active {
    background-color: hsla(0, 0%, 100%, .3)
}

.disabled\:pointer-events-none:disabled {
    pointer-events: none
}

.disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed
}

.disabled\:border-blue-25:disabled {
    --tw-border-opacity: 1;
    border-color: rgb(191 217 255/var(--tw-border-opacity))
}

.disabled\:border-grey-10:disabled {
    --tw-border-opacity: 1;
    border-color: rgb(230 230 230/var(--tw-border-opacity))
}

.disabled\:border-grey-8:disabled {
    --tw-border-opacity: 1;
    border-color: rgb(235 235 235/var(--tw-border-opacity))
}

.disabled\:border-red-25:disabled {
    --tw-border-opacity: 1;
    border-color: rgb(255 191 191/var(--tw-border-opacity))
}

.disabled\:bg-grey-8:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(235 235 235/var(--tw-bg-opacity))
}

.disabled\:bg-white:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.disabled\:text-blue-25:disabled {
    --tw-text-opacity: 1;
    color: rgb(191 217 255/var(--tw-text-opacity))
}

.disabled\:text-grey-10:disabled {
    --tw-text-opacity: 1;
    color: rgb(230 230 230/var(--tw-text-opacity))
}

.disabled\:text-grey-45:disabled {
    --tw-text-opacity: 1;
    color: rgb(140 140 140/var(--tw-text-opacity))
}

.disabled\:text-red-25:disabled {
    --tw-text-opacity: 1;
    color: rgb(255 191 191/var(--tw-text-opacity))
}

.disabled\:opacity-20:disabled {
    opacity: .2
}

.disabled\:opacity-40:disabled {
    opacity: .4
}

.disabled\:opacity-50:disabled {
    opacity: .5
}

.disabled\:opacity-60:disabled {
    opacity: .6
}

.group:hover .group-hover\:flex,
.group\/artwork:hover .group-hover\/artwork\:flex {
    display: flex
}

.group:hover .group-hover\:hidden,
.group\/artwork:hover .group-hover\/artwork\:hidden {
    display: none
}

.group:hover .group-hover\:translate-x-\[2px\],
.group\/header:hover .group-hover\/header\:translate-x-\[2px\] {
    --tw-translate-x: 2px
}

.group:hover .group-hover\:scale-100,
.group:hover .group-hover\:translate-x-\[2px\],
.group\/header:hover .group-hover\/header\:translate-x-\[2px\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1
}

.group:hover .group-hover\:scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05
}

.group:hover .group-hover\:scale-105,
.group:hover .group-hover\:scale-110 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1
}

.group:hover .group-hover\:text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.group:hover .group-hover\:text-opacity-80 {
    --tw-text-opacity: 0.8
}

.group:hover .group-hover\:opacity-100,
.group\/carousel:hover .group-hover\/carousel\:opacity-100,
.group\/releasegriditem:hover .group-hover\/releasegriditem\:opacity-100 {
    opacity: 1
}

.group:hover .group-hover\:opacity-70 {
    opacity: .7
}

.group:hover .group-hover\:opacity-80 {
    opacity: .8
}

@media (prefers-color-scheme:dark) {
    .dark\:hover\:text-white:hover {
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity))
    }
}

@media (min-width:0px) {
    .xs\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .xs\:h-full {
        height: 100%
    }

    .xs\:max-h-\[100vh\] {
        max-height: 100vh
    }

    .xs\:max-w-none {
        max-width: none
    }

    .xs\:flex-col {
        flex-direction: column
    }

    .xs\:overflow-y-scroll {
        overflow-y: scroll
    }

    .xs\:truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .xs\:pb-\[326px\] {
        padding-bottom: 326px
    }
}

@media (min-width:431px) {
    .sm\:pointer-events-auto {
        pointer-events: auto
    }

    .sm\:left-auto {
        left: auto
    }

    .sm\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .sm\:mx-\[16px\] {
        margin-left: 16px;
        margin-right: 16px
    }

    .sm\:mr-\[20px\] {
        margin-right: 20px
    }

    .sm\:mt-20 {
        margin-top: 20px
    }

    .sm\:block {
        display: block
    }

    .sm\:flex {
        display: flex
    }

    .sm\:hidden {
        display: none
    }

    .sm\:h-\[180px\] {
        height: 180px
    }

    .sm\:max-h-none {
        max-height: none
    }

    .sm\:min-h-\[50vh\] {
        min-height: 50vh
    }

    .sm\:w-\[180px\] {
        width: 180px
    }

    .sm\:max-w-none {
        max-width: none
    }

    .sm\:flex-col {
        flex-direction: column
    }

    .sm\:whitespace-normal {
        white-space: normal
    }

    .sm\:border-blue-82 {
        --tw-border-opacity: 1;
        border-color: rgb(45 129 255/var(--tw-border-opacity))
    }

    .sm\:p-0 {
        padding: 0
    }

    .sm\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .sm\:py-4 {
        padding-top: 4px;
        padding-bottom: 4px
    }

    .sm\:pb-\[80px\] {
        padding-bottom: 80px
    }
}

@media (min-width:744px) {
    .md\:bottom-\[64px\] {
        bottom: 64px
    }

    .md\:right-20 {
        right: 20px
    }

    .md\:mx-12 {
        margin-left: 12px;
        margin-right: 12px
    }

    .md\:mx-\[20px\] {
        margin-left: 20px;
        margin-right: 20px
    }

    .md\:ml-4 {
        margin-left: 4px
    }

    .md\:ml-8 {
        margin-left: 8px
    }

    .md\:mr-16 {
        margin-right: 16px
    }

    .md\:block {
        display: block
    }

    .md\:flex {
        display: flex
    }

    .md\:hidden {
        display: none
    }

    .md\:h-\[496px\] {
        height: 496px
    }

    .md\:h-\[536px\] {
        height: 536px
    }

    .md\:max-h-\[536px\] {
        max-height: 536px
    }

    .md\:max-h-\[596px\] {
        max-height: 596px
    }

    .md\:w-1\/2 {
        width: 50%
    }

    .md\:w-\[548px\] {
        width: 548px
    }

    .md\:w-fit {
        width: fit-content
    }

    .md\:w-full {
        width: 100%
    }

    .md\:translate-y-\[536px\] {
        --tw-translate-y: 536px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .md\:flex-row {
        flex-direction: row
    }

    .md\:flex-nowrap {
        flex-wrap: nowrap
    }

    .md\:items-start {
        align-items: flex-start
    }

    .md\:justify-start {
        justify-content: flex-start
    }

    .md\:justify-between {
        justify-content: space-between
    }

    .md\:gap-x-28 {
        -moz-column-gap: 28px;
        column-gap: 28px
    }

    .md\:gap-y-0 {
        row-gap: 0
    }

    .md\:overflow-x-hidden {
        overflow-x: hidden
    }

    .md\:overflow-y-hidden {
        overflow-y: hidden
    }

    .md\:overflow-y-scroll {
        overflow-y: scroll
    }

    .md\:py-6 {
        padding-top: 6px;
        padding-bottom: 6px
    }

    .md\:text-start {
        text-align: start
    }

    .md\:duration-\[250ms\] {
        transition-duration: .25s
    }

    .hover\:md\:text-opacity-80:hover {
        --tw-text-opacity: 0.8
    }

    .md\:hover\:\!opacity-100:hover {
        opacity: 1 !important
    }

    .md\:hover\:opacity-70:hover {
        opacity: .7
    }

    .md\:hover\:opacity-80:hover {
        opacity: .8
    }

    .group:hover .md\:group-hover\:flex,
    .group\/listItem:hover .md\:group-hover\/listItem\:flex {
        display: flex
    }

    .group:hover .md\:group-hover\:hidden,
    .group\/listItem:hover .md\:group-hover\/listItem\:hidden {
        display: none
    }

    .group:hover .md\:group-hover\:opacity-100 {
        opacity: 1
    }
}

@media (min-width:1124px) {
    .lg\:right-28 {
        right: 28px
    }

    .lg\:mx-\[28px\] {
        margin-left: 28px;
        margin-right: 28px
    }

    .lg\:mb-0 {
        margin-bottom: 0
    }

    .lg\:mr-\[28px\] {
        margin-right: 28px
    }

    .lg\:mt-0 {
        margin-top: 0
    }

    .lg\:mt-20 {
        margin-top: 20px
    }

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:hidden {
        display: none
    }

    .lg\:h-32 {
        height: 32px
    }

    .lg\:w-1\/2 {
        width: 50%
    }

    .lg\:w-32 {
        width: 32px
    }

    .lg\:w-\[348px\] {
        width: 348px
    }

    .lg\:w-\[400px\] {
        width: 400px
    }

    .lg\:w-\[548px\] {
        width: 548px
    }

    .lg\:w-full {
        width: 100%
    }

    .lg\:max-w-\[calc\(100vw_-_80px\)\] {
        max-width: calc(100vw - 80px)
    }

    .lg\:max-w-none {
        max-width: none
    }

    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .lg\:flex-col {
        flex-direction: column
    }

    .lg\:flex-nowrap {
        flex-wrap: nowrap
    }

    .lg\:gap-0 {
        gap: 0
    }

    .lg\:gap-x-6 {
        -moz-column-gap: 6px;
        column-gap: 6px
    }

    .lg\:pb-64 {
        padding-bottom: 64px
    }

    .lg\:pb-\[186px\] {
        padding-bottom: 186px
    }

    .lg\:pl-\[38px\] {
        padding-left: 38px
    }

    .lg\:pr-6 {
        padding-right: 6px
    }

    .lg\:hover\:bg-grey-3:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(247 247 247/var(--tw-bg-opacity))
    }
}

@media (min-width:1500px) {
    .xl\:mx-\[40px\] {
        margin-left: 40px;
        margin-right: 40px
    }
}

@media (min-width:1729px) {
    .xlPlus\:relative {
        position: relative
    }
}

:root {
    --reach-dialog: 1
}

.react-datepicker__navigation-icon:before {
    border-color: #ccc;
    border-style: solid;
    border-width: 3px 3px 0 0;
    content: "";
    display: block;
    height: 9px;
    position: absolute;
    top: 6px;
    width: 9px
}

.react-datepicker__navigation:hover :before {
    border-color: #a6a6a6
}

.react-datepicker__navigation-icon--next:before {
    transform: rotate(45deg);
    left: -7px
}

.react-datepicker__navigation-icon--previous:before {
    transform: rotate(225deg);
    right: -7px
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
    cursor: pointer;
    background-color: #f0f0f0
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
    background-color: #216ba5
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
    cursor: default;
    background-color: transparent
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover {
    border-radius: .3rem;
    background-color: #f0f0f0
}

.react-datepicker__week-number--selected:hover {
    background-color: #1d5d90
}

.react-datepicker__day:not([aria-disabled=true]):hover,
.react-datepicker__month-text:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text:not([aria-disabled=true]):hover,
.react-datepicker__year-text:not([aria-disabled=true]):hover {
    border-radius: .3rem;
    background-color: #f0f0f0
}

.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover {
    background-color: #32be3f
}

.react-datepicker__day--holidays:not([aria-disabled=true]):hover,
.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,
.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover {
    background-color: #cf5300
}

.react-datepicker__day--holidays:hover .overlay,
.react-datepicker__month-text--holidays:hover .overlay,
.react-datepicker__quarter-text--holidays:hover .overlay,
.react-datepicker__year-text--holidays:hover .overlay {
    visibility: visible;
    opacity: 1
}

.react-datepicker__day--in-range:not([aria-disabled=true]):hover,
.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__day--selected:not([aria-disabled=true]):hover,
.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__year-text--selected:not([aria-disabled=true]):hover {
    background-color: #1d5d90
}

.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover {
    background-color: #1d5d90
}

.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover,
.react-datepicker__year-read-view:hover {
    cursor: pointer
}

.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow {
    border-top-color: #b3b3b3
}

.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover,
.react-datepicker__year-dropdown:hover {
    cursor: pointer
}

.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover,
.react-datepicker__year-option:hover {
    background-color: #ccc
}

.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming {
    border-bottom-color: #b3b3b3
}

.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous {
    border-top-color: #b3b3b3
}

.react-datepicker__close-icon:after {
    cursor: pointer;
    background-color: #216ba5;
    color: #fff;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    padding: 2px;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    content: "×"
}

.react-datepicker__close-icon--disabled:after {
    cursor: default;
    background-color: #ccc
}

:root {
    --reach-slider: 1
}

[data-reach-slider-input] {
    max-width: 100%
}

[data-reach-slider-input][data-orientation=vertical] {
    width: .5rem;
    height: 250px;
    max-height: 100%
}

[data-reach-slider-track] {
    border-radius: .25rem;
    background: #f2f2f2
}

[data-reach-slider-track][data-orientation=horizontal] {
    width: 100%
}

[data-reach-slider-track][data-orientation=vertical] {
    height: 100%
}

[data-reach-slider-track]:before {
    content: "";
    position: absolute
}

[data-reach-slider-track][data-orientation=horizontal]:before {
    width: 100%;
    height: 1.5rem;
    top: calc(-.5rem - 1px);
    left: 0
}

[data-reach-slider-track][data-orientation=vertical]:before {
    width: 1.5rem;
    height: 100%;
    top: 0;
    left: calc(-.5rem - 1px)
}

[data-reach-slider-handle] {
    width: 16px;
    height: 16px;
    background: #1159a6;
    border-radius: 10px;
    z-index: 1;
    transform-origin: center
}

[data-reach-slider-handle][aria-orientation=horizontal] {
    top: 50%;
    transform: translateY(-50%)
}

[data-reach-slider-handle][aria-orientation=horizontal]:focus {
    transform: translateY(-50%)
}

[data-reach-slider-handle][aria-orientation=vertical] {
    left: 50%;
    transform: translateX(-50%)
}

[data-reach-slider-range] {
    border-radius: inherit;
    left: 0;
    bottom: 0
}

[data-reach-slider-range][data-orientation=horizontal] {
    height: 100%
}

[data-reach-slider-range][data-orientation=vertical] {
    width: 100%
}

@font-face {
    font-family: __neueHaas_368c3b;
    src: url(assets/style_asset_4.woff2)format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: __neueHaas_368c3b;
    src: url(assets/style_asset_3.woff2)format("woff2");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: __neueHaas_368c3b;
    src: url(assets/style_asset_2.woff2)format("woff2");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: __neueHaas_368c3b;
    src: url(assets/style_asset_1.woff2)format("woff2");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: __neueHaas_Fallback_368c3b;
    src: local("Arial");
    ascent-override: 94.14%;
    descent-override: 18.01%;
    line-gap-override: 0.00%;
    size-adjust: 104.95%
}

.__className_368c3b {
    font-family: __neueHaas_368c3b, __neueHaas_Fallback_368c3b
}

[data-rbd-drag-handle-context-id="0"] {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    touch-action: manipulation
}

[data-rbd-drag-handle-context-id="0"] {
    cursor: grab
}

:root {
    --rt-color-white: #fff;
    --rt-color-dark: #222;
    --rt-color-success: #8dc572;
    --rt-color-error: #be6464;
    --rt-color-warning: #f0ad4e;
    --rt-color-info: #337ab7;
    --rt-opacity: 0.9;
    --rt-transition-show-delay: 0.15s;
    --rt-transition-closing-delay: 0.15s;
    --rt-arrow-size: 8px
}

.sf-hidden {
    display: none !important
}