@charset "UTF-8";/* Loading regions fill their panel; boot screens also need a definite height
   before the app shell has mounted its viewport-sized layout. */
.rd-loading-region {
  display: flex;
  flex: 1 1 0%;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 0;
}

#root > .rd-loading-region,
#app-root > .rd-loading-region,
/* ModuleErrorBoundary renders a display:contents wrapper around lazy routes. */
#app-root > .contents > .rd-loading-region {
  height: var(--site-viewport-height, 100dvh);
  min-height: var(--site-viewport-height, 100dvh);
}

/* Warm signal 05 from Loading & Dialogs, scaled to the loading container. */
.rd-warm-signal {
  display: block;
  width: 100%;
  height: 100%;
}

.rd-warm-signal__bars {
  fill: #bd7654;
  opacity: 0.35;
}

.rd-warm-signal__bar {
  transform-box: fill-box;
  transform-origin: center bottom;
  animation: rd-warm-signal 1s ease-in-out infinite alternate;
}

.rd-warm-signal__bar:nth-child(2) { animation-delay: -0.4s; }
.rd-warm-signal__bar:nth-child(3) { animation-delay: -0.8s; }
.rd-warm-signal__bar:nth-child(4) { animation-delay: -0.2s; }
.rd-warm-signal__bar:nth-child(5) { animation-delay: -0.6s; }

.rd-warm-signal__mark {
  filter: drop-shadow(0 5px 5px rgb(53 29 17 / 0.16));
}

@keyframes rd-warm-signal {
  from { transform: scaleY(0.25); }
  to { transform: scaleY(1); }
}

@media (prefers-reduced-motion: reduce) {
  .rd-warm-signal__bar {
    animation: none;
    transform: scaleY(0.5);
  }
}
html[data-site-icon-colours] .component-theme-scope.dark { --site-icon-ink: var(--site-icon-dark-ink); }
html[data-site-icon-colours] .component-theme-scope:is(.light, .desklight, .ableton, .brooklet, .airbus, .sketchpad) { --site-icon-ink: var(--site-icon-light-ink); }
/* Utility glyphs inherit their control's foreground and semantic state colours. */
html[data-site-icon-colours] :is(#app-root, body) img:is([data-site-icon-coloured], [data-site-icon-original]) { filter: none !important; -o-object-position: center; object-position: center; }
html[data-site-icon-colours] :is(button, a, [role=button]):is(.bg-primary, .bg-destructive, [data-state=on], [aria-selected=true], [aria-pressed=true]) :is(svg.lucide, .site-colour-icon) {
  color: inherit !important;
}
/* One zoom on html scales the complete page, including portals in body. */
html[data-site-scale] {
  width: var(--site-viewport-width) !important;
  max-width: var(--site-viewport-width) !important;
  height: var(--site-viewport-height) !important;
  min-height: var(--site-viewport-height) !important;
}

html[data-site-scale] body,
html[data-site-scale] #root {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
}

html[data-site-scale] .h-screen {
  height: var(--site-viewport-height) !important;
}

html[data-site-scale] .min-h-screen {
  min-height: var(--site-viewport-height) !important;
  max-width: 100% !important;
}

/* Authenticated pages have one viewport; their panels own scrolling.
 * Hidden overflow still permits focus/scrollIntoView to scroll these roots,
 * moving the navigation and bottom bar out of the viewport. Clip both axes
 * so embedded previews cannot scroll the outer application. */
html[data-app-viewport],
html[data-app-viewport] body,
html[data-app-viewport] #root {
  overflow-x: clip !important;
  overflow-y: clip !important;
}
:root, .light, .light-theme {
  --gray-1: #fcfcfc;
  --gray-2: #f9f9f9;
  --gray-3: #f0f0f0;
  --gray-4: #e8e8e8;
  --gray-5: #e0e0e0;
  --gray-6: #d9d9d9;
  --gray-7: #cecece;
  --gray-8: #bbbbbb;
  --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, .light, .light-theme {
      --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);
    }
  }
}
.dark, .dark-theme {
  --gray-1: #111111;
  --gray-2: #191919;
  --gray-3: #222222;
  --gray-4: #2a2a2a;
  --gray-5: #313131;
  --gray-6: #3a3a3a;
  --gray-7: #484848;
  --gray-8: #606060;
  --gray-9: #6e6e6e;
  --gray-10: #7b7b7b;
  --gray-11: #b4b4b4;
  --gray-12: #eeeeee;
  --gray-a1: #00000000;
  --gray-a2: #ffffff09;
  --gray-a3: #ffffff12;
  --gray-a4: #ffffff1b;
  --gray-a5: #ffffff22;
  --gray-a6: #ffffff2c;
  --gray-a7: #ffffff3b;
  --gray-a8: #ffffff55;
  --gray-a9: #ffffff64;
  --gray-a10: #ffffff72;
  --gray-a11: #ffffffaf;
  --gray-a12: #ffffffed;
  --mauve-1: #121113;
  --mauve-2: #1a191b;
  --mauve-3: #232225;
  --mauve-4: #2b292d;
  --mauve-5: #323035;
  --mauve-6: #3c393f;
  --mauve-7: #49474e;
  --mauve-8: #625f69;
  --mauve-9: #6f6d78;
  --mauve-10: #7c7a85;
  --mauve-11: #b5b2bc;
  --mauve-12: #eeeef0;
  --mauve-a1: #00000000;
  --mauve-a2: #f5f4f609;
  --mauve-a3: #ebeaf814;
  --mauve-a4: #eee5f81d;
  --mauve-a5: #efe6fe25;
  --mauve-a6: #f1e6fd30;
  --mauve-a7: #eee9ff40;
  --mauve-a8: #eee7ff5d;
  --mauve-a9: #eae6fd6e;
  --mauve-a10: #ece9fd7c;
  --mauve-a11: #f5f1ffb7;
  --mauve-a12: #fdfdffef;
  --slate-1: #111113;
  --slate-2: #18191b;
  --slate-3: #212225;
  --slate-4: #272a2d;
  --slate-5: #2e3135;
  --slate-6: #363a3f;
  --slate-7: #43484e;
  --slate-8: #5a6169;
  --slate-9: #696e77;
  --slate-10: #777b84;
  --slate-11: #b0b4ba;
  --slate-12: #edeef0;
  --slate-a1: #00000000;
  --slate-a2: #d8f4f609;
  --slate-a3: #ddeaf814;
  --slate-a4: #d3edf81d;
  --slate-a5: #d9edfe25;
  --slate-a6: #d6ebfd30;
  --slate-a7: #d9edff40;
  --slate-a8: #d9edff5d;
  --slate-a9: #dfebfd6d;
  --slate-a10: #e5edfd7b;
  --slate-a11: #f1f7feb5;
  --slate-a12: #fcfdffef;
  --sage-1: #101211;
  --sage-2: #171918;
  --sage-3: #202221;
  --sage-4: #272a29;
  --sage-5: #2e3130;
  --sage-6: #373b39;
  --sage-7: #444947;
  --sage-8: #5b625f;
  --sage-9: #63706b;
  --sage-10: #717d79;
  --sage-11: #adb5b2;
  --sage-12: #eceeed;
  --sage-a1: #00000000;
  --sage-a2: #f0f2f108;
  --sage-a3: #f3f5f412;
  --sage-a4: #f2fefd1a;
  --sage-a5: #f1fbfa22;
  --sage-a6: #edfbf42d;
  --sage-a7: #edfcf73c;
  --sage-a8: #ebfdf657;
  --sage-a9: #dffdf266;
  --sage-a10: #e5fdf674;
  --sage-a11: #f4fefbb0;
  --sage-a12: #fdfffeed;
  --olive-1: #111210;
  --olive-2: #181917;
  --olive-3: #212220;
  --olive-4: #282a27;
  --olive-5: #2f312e;
  --olive-6: #383a36;
  --olive-7: #454843;
  --olive-8: #5c625b;
  --olive-9: #687066;
  --olive-10: #767d74;
  --olive-11: #afb5ad;
  --olive-12: #eceeec;
  --olive-a1: #00000000;
  --olive-a2: #f1f2f008;
  --olive-a3: #f4f5f312;
  --olive-a4: #f3fef21a;
  --olive-a5: #f2fbf122;
  --olive-a6: #f4faed2c;
  --olive-a7: #f2fced3b;
  --olive-a8: #edfdeb57;
  --olive-a9: #ebfde766;
  --olive-a10: #f0fdec74;
  --olive-a11: #f6fef4b0;
  --olive-a12: #fdfffded;
  --sand-1: #111110;
  --sand-2: #191918;
  --sand-3: #222221;
  --sand-4: #2a2a28;
  --sand-5: #31312e;
  --sand-6: #3b3a37;
  --sand-7: #494844;
  --sand-8: #62605b;
  --sand-9: #6f6d66;
  --sand-10: #7c7b74;
  --sand-11: #b5b3ad;
  --sand-12: #eeeeec;
  --sand-a1: #00000000;
  --sand-a2: #f4f4f309;
  --sand-a3: #f6f6f513;
  --sand-a4: #fefef31b;
  --sand-a5: #fbfbeb23;
  --sand-a6: #fffaed2d;
  --sand-a7: #fffbed3c;
  --sand-a8: #fff9eb57;
  --sand-a9: #fffae965;
  --sand-a10: #fffdee73;
  --sand-a11: #fffcf4b0;
  --sand-a12: #fffffded;
  --amber-1: #16120c;
  --amber-2: #1d180f;
  --amber-3: #302008;
  --amber-4: #3f2700;
  --amber-5: #4d3000;
  --amber-6: #5c3d05;
  --amber-7: #714f19;
  --amber-8: #8f6424;
  --amber-9: #ffc53d;
  --amber-10: #ffd60a;
  --amber-11: #ffca16;
  --amber-12: #ffe7b3;
  --amber-a1: #e63c0006;
  --amber-a2: #fd9b000d;
  --amber-a3: #fa820022;
  --amber-a4: #fc820032;
  --amber-a5: #fd8b0041;
  --amber-a6: #fd9b0051;
  --amber-a7: #ffab2567;
  --amber-a8: #ffae3587;
  --amber-a9: #ffc53d;
  --amber-a10: #ffd60a;
  --amber-a11: #ffca16;
  --amber-a12: #ffe7b3;
  --blue-1: #0d1520;
  --blue-2: #111927;
  --blue-3: #0d2847;
  --blue-4: #003362;
  --blue-5: #004074;
  --blue-6: #104d87;
  --blue-7: #205d9e;
  --blue-8: #2870bd;
  --blue-9: #0090ff;
  --blue-10: #3b9eff;
  --blue-11: #70b8ff;
  --blue-12: #c2e6ff;
  --blue-a1: #004df211;
  --blue-a2: #1166fb18;
  --blue-a3: #0077ff3a;
  --blue-a4: #0075ff57;
  --blue-a5: #0081fd6b;
  --blue-a6: #0f89fd7f;
  --blue-a7: #2a91fe98;
  --blue-a8: #3094feb9;
  --blue-a9: #0090ff;
  --blue-a10: #3b9eff;
  --blue-a11: #70b8ff;
  --blue-a12: #c2e6ff;
  --bronze-1: #141110;
  --bronze-2: #1c1917;
  --bronze-3: #262220;
  --bronze-4: #302a27;
  --bronze-5: #3b3330;
  --bronze-6: #493e3a;
  --bronze-7: #5a4c47;
  --bronze-8: #6f5f58;
  --bronze-9: #a18072;
  --bronze-10: #ae8c7e;
  --bronze-11: #d4b3a5;
  --bronze-12: #ede0d9;
  --bronze-a1: #d1110004;
  --bronze-a2: #fbbc910c;
  --bronze-a3: #faceb817;
  --bronze-a4: #facdb622;
  --bronze-a5: #ffd2c12d;
  --bronze-a6: #ffd1c03c;
  --bronze-a7: #fdd0c04f;
  --bronze-a8: #ffd6c565;
  --bronze-a9: #fec7b09b;
  --bronze-a10: #fecab5a9;
  --bronze-a11: #ffd7c6d1;
  --bronze-a12: #fff1e9ec;
  --brown-1: #12110f;
  --brown-2: #1c1816;
  --brown-3: #28211d;
  --brown-4: #322922;
  --brown-5: #3e3128;
  --brown-6: #4d3c2f;
  --brown-7: #614a39;
  --brown-8: #7c5f46;
  --brown-9: #ad7f58;
  --brown-10: #b88c67;
  --brown-11: #dbb594;
  --brown-12: #f2e1ca;
  --brown-a1: #91110002;
  --brown-a2: #fba67c0c;
  --brown-a3: #fcb58c19;
  --brown-a4: #fbbb8a24;
  --brown-a5: #fcb88931;
  --brown-a6: #fdba8741;
  --brown-a7: #ffbb8856;
  --brown-a8: #ffbe8773;
  --brown-a9: #feb87da8;
  --brown-a10: #ffc18cb3;
  --brown-a11: #fed1aad9;
  --brown-a12: #feecd4f2;
  --crimson-1: #191114;
  --crimson-2: #201318;
  --crimson-3: #381525;
  --crimson-4: #4d122f;
  --crimson-5: #5c1839;
  --crimson-6: #6d2545;
  --crimson-7: #873356;
  --crimson-8: #b0436e;
  --crimson-9: #e93d82;
  --crimson-10: #ee518a;
  --crimson-11: #ff92ad;
  --crimson-12: #fdd3e8;
  --crimson-a1: #f4126709;
  --crimson-a2: #f22f7a11;
  --crimson-a3: #fe2a8b2a;
  --crimson-a4: #fd158741;
  --crimson-a5: #fd278f51;
  --crimson-a6: #fe459763;
  --crimson-a7: #fd559b7f;
  --crimson-a8: #fe5b9bab;
  --crimson-a9: #fe418de8;
  --crimson-a10: #ff5693ed;
  --crimson-a11: #ff92ad;
  --crimson-a12: #ffd5eafd;
  --cyan-1: #0b161a;
  --cyan-2: #101b20;
  --cyan-3: #082c36;
  --cyan-4: #003848;
  --cyan-5: #004558;
  --cyan-6: #045468;
  --cyan-7: #12677e;
  --cyan-8: #11809c;
  --cyan-9: #00a2c7;
  --cyan-10: #23afd0;
  --cyan-11: #4ccce6;
  --cyan-12: #b6ecf7;
  --cyan-a1: #0091f70a;
  --cyan-a2: #02a7f211;
  --cyan-a3: #00befd28;
  --cyan-a4: #00baff3b;
  --cyan-a5: #00befd4d;
  --cyan-a6: #00c7fd5e;
  --cyan-a7: #14cdff75;
  --cyan-a8: #11cfff95;
  --cyan-a9: #00cfffc3;
  --cyan-a10: #28d6ffcd;
  --cyan-a11: #52e1fee5;
  --cyan-a12: #bbf3fef7;
  --gold-1: #121211;
  --gold-2: #1b1a17;
  --gold-3: #24231f;
  --gold-4: #2d2b26;
  --gold-5: #38352e;
  --gold-6: #444039;
  --gold-7: #544f46;
  --gold-8: #696256;
  --gold-9: #978365;
  --gold-10: #a39073;
  --gold-11: #cbb99f;
  --gold-12: #e8e2d9;
  --gold-a1: #91911102;
  --gold-a2: #f9e29d0b;
  --gold-a3: #f8ecbb15;
  --gold-a4: #ffeec41e;
  --gold-a5: #feecc22a;
  --gold-a6: #feebcb37;
  --gold-a7: #ffedcd48;
  --gold-a8: #fdeaca5f;
  --gold-a9: #ffdba690;
  --gold-a10: #fedfb09d;
  --gold-a11: #fee7c6c8;
  --gold-a12: #fef7ede7;
  --grass-1: #0e1511;
  --grass-2: #141a15;
  --grass-3: #1b2a1e;
  --grass-4: #1d3a24;
  --grass-5: #25482d;
  --grass-6: #2d5736;
  --grass-7: #366740;
  --grass-8: #3e7949;
  --grass-9: #46a758;
  --grass-10: #53b365;
  --grass-11: #71d083;
  --grass-12: #c2f0c2;
  --grass-a1: #00de1205;
  --grass-a2: #5ef7780a;
  --grass-a3: #70fe8c1b;
  --grass-a4: #57ff802c;
  --grass-a5: #68ff8b3b;
  --grass-a6: #71ff8f4b;
  --grass-a7: #77fd925d;
  --grass-a8: #77fd9070;
  --grass-a9: #65ff82a1;
  --grass-a10: #72ff8dae;
  --grass-a11: #89ff9fcd;
  --grass-a12: #ceffceef;
  --green-1: #0e1512;
  --green-2: #121b17;
  --green-3: #132d21;
  --green-4: #113b29;
  --green-5: #174933;
  --green-6: #20573e;
  --green-7: #28684a;
  --green-8: #2f7c57;
  --green-9: #30a46c;
  --green-10: #33b074;
  --green-11: #3dd68c;
  --green-12: #b1f1cb;
  --green-a1: #00de4505;
  --green-a2: #29f99d0b;
  --green-a3: #22ff991e;
  --green-a4: #11ff992d;
  --green-a5: #2bffa23c;
  --green-a6: #44ffaa4b;
  --green-a7: #50fdac5e;
  --green-a8: #54ffad73;
  --green-a9: #44ffa49e;
  --green-a10: #43fea4ab;
  --green-a11: #46fea5d4;
  --green-a12: #bbffd7f0;
  --indigo-1: #11131f;
  --indigo-2: #141726;
  --indigo-3: #182449;
  --indigo-4: #1d2e62;
  --indigo-5: #253974;
  --indigo-6: #304384;
  --indigo-7: #3a4f97;
  --indigo-8: #435db1;
  --indigo-9: #3e63dd;
  --indigo-10: #5472e4;
  --indigo-11: #9eb1ff;
  --indigo-12: #d6e1ff;
  --indigo-a1: #1133ff0f;
  --indigo-a2: #3354fa17;
  --indigo-a3: #2f62ff3c;
  --indigo-a4: #3566ff57;
  --indigo-a5: #4171fd6b;
  --indigo-a6: #5178fd7c;
  --indigo-a7: #5a7fff90;
  --indigo-a8: #5b81feac;
  --indigo-a9: #4671ffdb;
  --indigo-a10: #5c7efee3;
  --indigo-a11: #9eb1ff;
  --indigo-a12: #d6e1ff;
  --iris-1: #13131e;
  --iris-2: #171625;
  --iris-3: #202248;
  --iris-4: #262a65;
  --iris-5: #303374;
  --iris-6: #3d3e82;
  --iris-7: #4a4a95;
  --iris-8: #5958b1;
  --iris-9: #5b5bd6;
  --iris-10: #6e6ade;
  --iris-11: #b1a9ff;
  --iris-12: #e0dffe;
  --iris-a1: #3636fe0e;
  --iris-a2: #564bf916;
  --iris-a3: #525bff3b;
  --iris-a4: #4d58ff5a;
  --iris-a5: #5b62fd6b;
  --iris-a6: #6d6ffd7a;
  --iris-a7: #7777fe8e;
  --iris-a8: #7b7afeac;
  --iris-a9: #6a6afed4;
  --iris-a10: #7d79ffdc;
  --iris-a11: #b1a9ff;
  --iris-a12: #e1e0fffe;
  --jade-1: #0d1512;
  --jade-2: #121c18;
  --jade-3: #0f2e22;
  --jade-4: #0b3b2c;
  --jade-5: #114837;
  --jade-6: #1b5745;
  --jade-7: #246854;
  --jade-8: #2a7e68;
  --jade-9: #29a383;
  --jade-10: #27b08b;
  --jade-11: #1fd8a4;
  --jade-12: #adf0d4;
  --jade-a1: #00de4505;
  --jade-a2: #27fba60c;
  --jade-a3: #02f99920;
  --jade-a4: #00ffaa2d;
  --jade-a5: #11ffb63b;
  --jade-a6: #34ffc24b;
  --jade-a7: #45fdc75e;
  --jade-a8: #48ffcf75;
  --jade-a9: #38feca9d;
  --jade-a10: #31fec7ab;
  --jade-a11: #21fec0d6;
  --jade-a12: #b8ffe1ef;
  --lime-1: #11130c;
  --lime-2: #151a10;
  --lime-3: #1f2917;
  --lime-4: #29371d;
  --lime-5: #334423;
  --lime-6: #3d522a;
  --lime-7: #496231;
  --lime-8: #577538;
  --lime-9: #bdee63;
  --lime-10: #d4ff70;
  --lime-11: #bde56c;
  --lime-12: #e3f7ba;
  --lime-a1: #11bb0003;
  --lime-a2: #78f7000a;
  --lime-a3: #9bfd4c1a;
  --lime-a4: #a7fe5c29;
  --lime-a5: #affe6537;
  --lime-a6: #b2fe6d46;
  --lime-a7: #b6ff6f57;
  --lime-a8: #b6fd6d6c;
  --lime-a9: #caff69ed;
  --lime-a10: #d4ff70;
  --lime-a11: #d1fe77e4;
  --lime-a12: #e9febff7;
  --mint-1: #0e1515;
  --mint-2: #0f1b1b;
  --mint-3: #092c2b;
  --mint-4: #003a38;
  --mint-5: #004744;
  --mint-6: #105650;
  --mint-7: #1e685f;
  --mint-8: #277f70;
  --mint-9: #86ead4;
  --mint-10: #a8f5e5;
  --mint-11: #58d5ba;
  --mint-12: #c4f5e1;
  --mint-a1: #00dede05;
  --mint-a2: #00f9f90b;
  --mint-a3: #00fff61d;
  --mint-a4: #00fff42c;
  --mint-a5: #00fff23a;
  --mint-a6: #0effeb4a;
  --mint-a7: #34fde55e;
  --mint-a8: #41ffdf76;
  --mint-a9: #92ffe7e9;
  --mint-a10: #aefeedf5;
  --mint-a11: #67ffded2;
  --mint-a12: #cbfee9f5;
  --orange-1: #17120e;
  --orange-2: #1e160f;
  --orange-3: #331e0b;
  --orange-4: #462100;
  --orange-5: #562800;
  --orange-6: #66350c;
  --orange-7: #7e451d;
  --orange-8: #a35829;
  --orange-9: #f76b15;
  --orange-10: #ff801f;
  --orange-11: #ffa057;
  --orange-12: #ffe0c2;
  --orange-a1: #ec360007;
  --orange-a2: #fe6d000e;
  --orange-a3: #fb6a0025;
  --orange-a4: #ff590039;
  --orange-a5: #ff61004a;
  --orange-a6: #fd75045c;
  --orange-a7: #ff832c75;
  --orange-a8: #fe84389d;
  --orange-a9: #fe6d15f7;
  --orange-a10: #ff801f;
  --orange-a11: #ffa057;
  --orange-a12: #ffe0c2;
  --pink-1: #191117;
  --pink-2: #21121d;
  --pink-3: #37172f;
  --pink-4: #4b143d;
  --pink-5: #591c47;
  --pink-6: #692955;
  --pink-7: #833869;
  --pink-8: #a84885;
  --pink-9: #d6409f;
  --pink-10: #de51a8;
  --pink-11: #ff8dcc;
  --pink-12: #fdd1ea;
  --pink-a1: #f412bc09;
  --pink-a2: #f420bb12;
  --pink-a3: #fe37cc29;
  --pink-a4: #fc1ec43f;
  --pink-a5: #fd35c24e;
  --pink-a6: #fd51c75f;
  --pink-a7: #fd62c87b;
  --pink-a8: #ff68c8a2;
  --pink-a9: #fe49bcd4;
  --pink-a10: #ff5cc0dc;
  --pink-a11: #ff8dcc;
  --pink-a12: #ffd3ecfd;
  --plum-1: #181118;
  --plum-2: #201320;
  --plum-3: #351a35;
  --plum-4: #451d47;
  --plum-5: #512454;
  --plum-6: #5e3061;
  --plum-7: #734079;
  --plum-8: #92549c;
  --plum-9: #ab4aba;
  --plum-10: #b658c4;
  --plum-11: #e796f3;
  --plum-12: #f4d4f4;
  --plum-a1: #f112f108;
  --plum-a2: #f22ff211;
  --plum-a3: #fd4cfd27;
  --plum-a4: #f646ff3a;
  --plum-a5: #f455ff48;
  --plum-a6: #f66dff56;
  --plum-a7: #f07cfd70;
  --plum-a8: #ee84ff95;
  --plum-a9: #e961feb6;
  --plum-a10: #ed70ffc0;
  --plum-a11: #f19cfef3;
  --plum-a12: #feddfef4;
  --purple-1: #18111b;
  --purple-2: #1e1523;
  --purple-3: #301c3b;
  --purple-4: #3d224e;
  --purple-5: #48295c;
  --purple-6: #54346b;
  --purple-7: #664282;
  --purple-8: #8457aa;
  --purple-9: #8e4ec6;
  --purple-10: #9a5cd0;
  --purple-11: #d19dff;
  --purple-12: #ecd9fa;
  --purple-a1: #b412f90b;
  --purple-a2: #b744f714;
  --purple-a3: #c150ff2d;
  --purple-a4: #bb53fd42;
  --purple-a5: #be5cfd51;
  --purple-a6: #c16dfd61;
  --purple-a7: #c378fd7a;
  --purple-a8: #c47effa4;
  --purple-a9: #b661ffc2;
  --purple-a10: #bc6fffcd;
  --purple-a11: #d19dff;
  --purple-a12: #f1ddfffa;
  --red-1: #191111;
  --red-2: #201314;
  --red-3: #3b1219;
  --red-4: #500f1c;
  --red-5: #611623;
  --red-6: #72232d;
  --red-7: #8c333a;
  --red-8: #b54548;
  --red-9: #e5484d;
  --red-10: #ec5d5e;
  --red-11: #ff9592;
  --red-12: #ffd1d9;
  --red-a1: #f4121209;
  --red-a2: #f22f3e11;
  --red-a3: #ff173f2d;
  --red-a4: #fe0a3b44;
  --red-a5: #ff204756;
  --red-a6: #ff3e5668;
  --red-a7: #ff536184;
  --red-a8: #ff5d61b0;
  --red-a9: #fe4e54e4;
  --red-a10: #ff6465eb;
  --red-a11: #ff9592;
  --red-a12: #ffd1d9;
  --ruby-1: #191113;
  --ruby-2: #1e1517;
  --ruby-3: #3a141e;
  --ruby-4: #4e1325;
  --ruby-5: #5e1a2e;
  --ruby-6: #6f2539;
  --ruby-7: #883447;
  --ruby-8: #b3445a;
  --ruby-9: #e54666;
  --ruby-10: #ec5a72;
  --ruby-11: #ff949d;
  --ruby-12: #fed2e1;
  --ruby-a1: #f4124a09;
  --ruby-a2: #fe5a7f0e;
  --ruby-a3: #ff235d2c;
  --ruby-a4: #fd195e42;
  --ruby-a5: #fe2d6b53;
  --ruby-a6: #ff447665;
  --ruby-a7: #ff577d80;
  --ruby-a8: #ff5c7cae;
  --ruby-a9: #fe4c70e4;
  --ruby-a10: #ff617beb;
  --ruby-a11: #ff949d;
  --ruby-a12: #ffd3e2fe;
  --sky-1: #0d141f;
  --sky-2: #111a27;
  --sky-3: #112840;
  --sky-4: #113555;
  --sky-5: #154467;
  --sky-6: #1b537b;
  --sky-7: #1f6692;
  --sky-8: #197cae;
  --sky-9: #7ce2fe;
  --sky-10: #a8eeff;
  --sky-11: #75c7f0;
  --sky-12: #c2f3ff;
  --sky-a1: #0044ff0f;
  --sky-a2: #1171fb18;
  --sky-a3: #1184fc33;
  --sky-a4: #128fff49;
  --sky-a5: #1c9dfd5d;
  --sky-a6: #28a5ff72;
  --sky-a7: #2badfe8b;
  --sky-a8: #1db2fea9;
  --sky-a9: #7ce3fffe;
  --sky-a10: #a8eeff;
  --sky-a11: #7cd3ffef;
  --sky-a12: #c2f3ff;
  --teal-1: #0d1514;
  --teal-2: #111c1b;
  --teal-3: #0d2d2a;
  --teal-4: #023b37;
  --teal-5: #084843;
  --teal-6: #145750;
  --teal-7: #1c6961;
  --teal-8: #207e73;
  --teal-9: #12a594;
  --teal-10: #0eb39e;
  --teal-11: #0bd8b6;
  --teal-12: #adf0dd;
  --teal-a1: #00deab05;
  --teal-a2: #12fbe60c;
  --teal-a3: #00ffe61e;
  --teal-a4: #00ffe92d;
  --teal-a5: #00ffea3b;
  --teal-a6: #1cffe84b;
  --teal-a7: #2efde85f;
  --teal-a8: #32ffe775;
  --teal-a9: #13ffe49f;
  --teal-a10: #0dffe0ae;
  --teal-a11: #0afed5d6;
  --teal-a12: #b8ffebef;
  --tomato-1: #181111;
  --tomato-2: #1f1513;
  --tomato-3: #391714;
  --tomato-4: #4e1511;
  --tomato-5: #5e1c16;
  --tomato-6: #6e2920;
  --tomato-7: #853a2d;
  --tomato-8: #ac4d39;
  --tomato-9: #e54d2e;
  --tomato-10: #ec6142;
  --tomato-11: #ff977d;
  --tomato-12: #fbd3cb;
  --tomato-a1: #f1121208;
  --tomato-a2: #ff55330f;
  --tomato-a3: #ff35232b;
  --tomato-a4: #fd201142;
  --tomato-a5: #fe332153;
  --tomato-a6: #ff4f3864;
  --tomato-a7: #fd644a7d;
  --tomato-a8: #fe6d4ea7;
  --tomato-a9: #fe5431e4;
  --tomato-a10: #ff6847eb;
  --tomato-a11: #ff977d;
  --tomato-a12: #ffd6cefb;
  --violet-1: #14121f;
  --violet-2: #1b1525;
  --violet-3: #291f43;
  --violet-4: #33255b;
  --violet-5: #3c2e69;
  --violet-6: #473876;
  --violet-7: #56468b;
  --violet-8: #6958ad;
  --violet-9: #6e56cf;
  --violet-10: #7d66d9;
  --violet-11: #baa7ff;
  --violet-12: #e2ddfe;
  --violet-a1: #4422ff0f;
  --violet-a2: #853ff916;
  --violet-a3: #8354fe36;
  --violet-a4: #7d51fd50;
  --violet-a5: #845ffd5f;
  --violet-a6: #8f6cfd6d;
  --violet-a7: #9879ff83;
  --violet-a8: #977dfea8;
  --violet-a9: #8668ffcc;
  --violet-a10: #9176fed7;
  --violet-a11: #baa7ff;
  --violet-a12: #e3defffe;
  --yellow-1: #14120b;
  --yellow-2: #1b180f;
  --yellow-3: #2d2305;
  --yellow-4: #362b00;
  --yellow-5: #433500;
  --yellow-6: #524202;
  --yellow-7: #665417;
  --yellow-8: #836a21;
  --yellow-9: #ffe629;
  --yellow-10: #ffff57;
  --yellow-11: #f5e147;
  --yellow-12: #f6eeb4;
  --yellow-a1: #d1510004;
  --yellow-a2: #f9b4000b;
  --yellow-a3: #ffaa001e;
  --yellow-a4: #fdb70028;
  --yellow-a5: #febb0036;
  --yellow-a6: #fec40046;
  --yellow-a7: #fdcb225c;
  --yellow-a8: #fdca327b;
  --yellow-a9: #ffe629;
  --yellow-a10: #ffff57;
  --yellow-a11: #fee949f5;
  --yellow-a12: #fef6baf6;
  --gray-surface: #21212180;
  --gray-indicator: var(--gray-9);
  --gray-track: var(--gray-9);
  --mauve-surface: #22212380;
  --mauve-indicator: var(--mauve-9);
  --mauve-track: var(--mauve-9);
  --slate-surface: #1f212380;
  --slate-indicator: var(--slate-9);
  --slate-track: var(--slate-9);
  --sage-surface: #1e201f80;
  --sage-indicator: var(--sage-9);
  --sage-track: var(--sage-9);
  --olive-surface: #1f201e80;
  --olive-indicator: var(--olive-9);
  --olive-track: var(--olive-9);
  --sand-surface: #21212080;
  --sand-indicator: var(--sand-9);
  --sand-track: var(--sand-9);
  --amber-surface: #271f1380;
  --amber-indicator: var(--amber-9);
  --amber-track: var(--amber-9);
  --blue-surface: #11213d80;
  --blue-indicator: var(--blue-9);
  --blue-track: var(--blue-9);
  --bronze-surface: #27211d80;
  --bronze-indicator: var(--bronze-9);
  --bronze-track: var(--bronze-9);
  --brown-surface: #271f1b80;
  --brown-indicator: var(--brown-9);
  --brown-track: var(--brown-9);
  --crimson-surface: #2f151f80;
  --crimson-indicator: var(--crimson-9);
  --crimson-track: var(--crimson-9);
  --cyan-surface: #11252d80;
  --cyan-indicator: var(--cyan-9);
  --cyan-track: var(--cyan-9);
  --gold-surface: #25231d80;
  --gold-indicator: var(--gold-9);
  --gold-track: var(--gold-9);
  --grass-surface: #19231b80;
  --grass-indicator: var(--grass-9);
  --grass-track: var(--grass-9);
  --green-surface: #15251d80;
  --green-indicator: var(--green-9);
  --green-track: var(--green-9);
  --indigo-surface: #171d3b80;
  --indigo-indicator: var(--indigo-9);
  --indigo-track: var(--indigo-9);
  --iris-surface: #1d1b3980;
  --iris-indicator: var(--iris-9);
  --iris-track: var(--iris-9);
  --jade-surface: #13271f80;
  --jade-indicator: var(--jade-9);
  --jade-track: var(--jade-9);
  --lime-surface: #1b211580;
  --lime-indicator: var(--lime-9);
  --lime-track: var(--lime-9);
  --mint-surface: #15272780;
  --mint-indicator: var(--mint-9);
  --mint-track: var(--mint-9);
  --orange-surface: #271d1380;
  --orange-indicator: var(--orange-9);
  --orange-track: var(--orange-9);
  --pink-surface: #31132980;
  --pink-indicator: var(--pink-9);
  --pink-track: var(--pink-9);
  --plum-surface: #2f152f80;
  --plum-indicator: var(--plum-9);
  --plum-track: var(--plum-9);
  --purple-surface: #2b173580;
  --purple-indicator: var(--purple-9);
  --purple-track: var(--purple-9);
  --red-surface: #2f151780;
  --red-indicator: var(--red-9);
  --red-track: var(--red-9);
  --ruby-surface: #2b191d80;
  --ruby-indicator: var(--ruby-9);
  --ruby-track: var(--ruby-9);
  --sky-surface: #13233b80;
  --sky-indicator: var(--sky-9);
  --sky-track: var(--sky-9);
  --teal-surface: #13272580;
  --teal-indicator: var(--teal-9);
  --teal-track: var(--teal-9);
  --tomato-surface: #2d191580;
  --tomato-indicator: var(--tomato-9);
  --tomato-track: var(--tomato-9);
  --violet-surface: #25193980;
  --violet-indicator: var(--violet-9);
  --violet-track: var(--violet-9);
  --yellow-surface: #231f1380;
  --yellow-indicator: var(--yellow-9);
  --yellow-track: var(--yellow-9);
}
@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --gray-1: color(display-p3 0.067 0.067 0.067);
      --gray-2: color(display-p3 0.098 0.098 0.098);
      --gray-3: color(display-p3 0.135 0.135 0.135);
      --gray-4: color(display-p3 0.163 0.163 0.163);
      --gray-5: color(display-p3 0.192 0.192 0.192);
      --gray-6: color(display-p3 0.228 0.228 0.228);
      --gray-7: color(display-p3 0.283 0.283 0.283);
      --gray-8: color(display-p3 0.375 0.375 0.375);
      --gray-9: color(display-p3 0.431 0.431 0.431);
      --gray-10: color(display-p3 0.484 0.484 0.484);
      --gray-11: color(display-p3 0.706 0.706 0.706);
      --gray-12: color(display-p3 0.933 0.933 0.933);
      --gray-a1: color(display-p3 0 0 0 / 0);
      --gray-a2: color(display-p3 1 1 1 / 0.034);
      --gray-a3: color(display-p3 1 1 1 / 0.071);
      --gray-a4: color(display-p3 1 1 1 / 0.105);
      --gray-a5: color(display-p3 1 1 1 / 0.134);
      --gray-a6: color(display-p3 1 1 1 / 0.172);
      --gray-a7: color(display-p3 1 1 1 / 0.231);
      --gray-a8: color(display-p3 1 1 1 / 0.332);
      --gray-a9: color(display-p3 1 1 1 / 0.391);
      --gray-a10: color(display-p3 1 1 1 / 0.445);
      --gray-a11: color(display-p3 1 1 1 / 0.685);
      --gray-a12: color(display-p3 1 1 1 / 0.929);
      --mauve-1: color(display-p3 0.07 0.067 0.074);
      --mauve-2: color(display-p3 0.101 0.098 0.105);
      --mauve-3: color(display-p3 0.138 0.134 0.144);
      --mauve-4: color(display-p3 0.167 0.161 0.175);
      --mauve-5: color(display-p3 0.196 0.189 0.206);
      --mauve-6: color(display-p3 0.232 0.225 0.245);
      --mauve-7: color(display-p3 0.286 0.277 0.302);
      --mauve-8: color(display-p3 0.383 0.373 0.408);
      --mauve-9: color(display-p3 0.434 0.428 0.467);
      --mauve-10: color(display-p3 0.487 0.48 0.519);
      --mauve-11: color(display-p3 0.707 0.7 0.735);
      --mauve-12: color(display-p3 0.933 0.933 0.94);
      --mauve-a1: color(display-p3 0 0 0 / 0);
      --mauve-a2: color(display-p3 0.996 0.992 1 / 0.034);
      --mauve-a3: color(display-p3 0.937 0.933 0.992 / 0.077);
      --mauve-a4: color(display-p3 0.957 0.918 0.996 / 0.111);
      --mauve-a5: color(display-p3 0.937 0.906 0.996 / 0.145);
      --mauve-a6: color(display-p3 0.953 0.925 0.996 / 0.183);
      --mauve-a7: color(display-p3 0.945 0.929 1 / 0.246);
      --mauve-a8: color(display-p3 0.937 0.918 1 / 0.361);
      --mauve-a9: color(display-p3 0.933 0.918 1 / 0.424);
      --mauve-a10: color(display-p3 0.941 0.925 1 / 0.479);
      --mauve-a11: color(display-p3 0.965 0.961 1 / 0.712);
      --mauve-a12: color(display-p3 0.992 0.992 1 / 0.937);
      --slate-1: color(display-p3 0.067 0.067 0.074);
      --slate-2: color(display-p3 0.095 0.098 0.105);
      --slate-3: color(display-p3 0.13 0.135 0.145);
      --slate-4: color(display-p3 0.156 0.163 0.176);
      --slate-5: color(display-p3 0.183 0.191 0.206);
      --slate-6: color(display-p3 0.215 0.226 0.244);
      --slate-7: color(display-p3 0.265 0.28 0.302);
      --slate-8: color(display-p3 0.357 0.381 0.409);
      --slate-9: color(display-p3 0.415 0.431 0.463);
      --slate-10: color(display-p3 0.469 0.483 0.514);
      --slate-11: color(display-p3 0.692 0.704 0.728);
      --slate-12: color(display-p3 0.93 0.933 0.94);
      --slate-a1: color(display-p3 0 0 0 / 0);
      --slate-a2: color(display-p3 0.875 0.992 1 / 0.034);
      --slate-a3: color(display-p3 0.882 0.933 0.992 / 0.077);
      --slate-a4: color(display-p3 0.882 0.953 0.996 / 0.111);
      --slate-a5: color(display-p3 0.878 0.929 0.996 / 0.145);
      --slate-a6: color(display-p3 0.882 0.949 0.996 / 0.183);
      --slate-a7: color(display-p3 0.882 0.929 1 / 0.246);
      --slate-a8: color(display-p3 0.871 0.937 1 / 0.361);
      --slate-a9: color(display-p3 0.898 0.937 1 / 0.42);
      --slate-a10: color(display-p3 0.918 0.945 1 / 0.475);
      --slate-a11: color(display-p3 0.949 0.969 0.996 / 0.708);
      --slate-a12: color(display-p3 0.988 0.992 1 / 0.937);
      --sage-1: color(display-p3 0.064 0.07 0.067);
      --sage-2: color(display-p3 0.092 0.098 0.094);
      --sage-3: color(display-p3 0.128 0.135 0.131);
      --sage-4: color(display-p3 0.155 0.164 0.159);
      --sage-5: color(display-p3 0.183 0.193 0.188);
      --sage-6: color(display-p3 0.218 0.23 0.224);
      --sage-7: color(display-p3 0.269 0.285 0.277);
      --sage-8: color(display-p3 0.362 0.382 0.373);
      --sage-9: color(display-p3 0.398 0.438 0.421);
      --sage-10: color(display-p3 0.453 0.49 0.474);
      --sage-11: color(display-p3 0.685 0.709 0.697);
      --sage-12: color(display-p3 0.927 0.933 0.93);
      --sage-a1: color(display-p3 0 0 0 / 0);
      --sage-a2: color(display-p3 0.976 0.988 0.984 / 0.03);
      --sage-a3: color(display-p3 0.992 0.945 0.941 / 0.072);
      --sage-a4: color(display-p3 0.988 0.996 0.992 / 0.102);
      --sage-a5: color(display-p3 0.992 1 0.996 / 0.131);
      --sage-a6: color(display-p3 0.973 1 0.976 / 0.173);
      --sage-a7: color(display-p3 0.957 1 0.976 / 0.233);
      --sage-a8: color(display-p3 0.957 1 0.984 / 0.334);
      --sage-a9: color(display-p3 0.902 1 0.957 / 0.397);
      --sage-a10: color(display-p3 0.929 1 0.973 / 0.452);
      --sage-a11: color(display-p3 0.969 1 0.988 / 0.688);
      --sage-a12: color(display-p3 0.992 1 0.996 / 0.929);
      --olive-1: color(display-p3 0.067 0.07 0.063);
      --olive-2: color(display-p3 0.095 0.098 0.091);
      --olive-3: color(display-p3 0.131 0.135 0.126);
      --olive-4: color(display-p3 0.158 0.163 0.153);
      --olive-5: color(display-p3 0.186 0.192 0.18);
      --olive-6: color(display-p3 0.221 0.229 0.215);
      --olive-7: color(display-p3 0.273 0.284 0.266);
      --olive-8: color(display-p3 0.365 0.382 0.359);
      --olive-9: color(display-p3 0.414 0.438 0.404);
      --olive-10: color(display-p3 0.467 0.49 0.458);
      --olive-11: color(display-p3 0.69 0.709 0.682);
      --olive-12: color(display-p3 0.927 0.933 0.926);
      --olive-a1: color(display-p3 0 0 0 / 0);
      --olive-a2: color(display-p3 0.984 0.988 0.976 / 0.03);
      --olive-a3: color(display-p3 0.992 0.996 0.988 / 0.068);
      --olive-a4: color(display-p3 0.953 0.996 0.949 / 0.102);
      --olive-a5: color(display-p3 0.969 1 0.965 / 0.131);
      --olive-a6: color(display-p3 0.973 1 0.969 / 0.169);
      --olive-a7: color(display-p3 0.98 1 0.961 / 0.228);
      --olive-a8: color(display-p3 0.961 1 0.957 / 0.334);
      --olive-a9: color(display-p3 0.949 1 0.922 / 0.397);
      --olive-a10: color(display-p3 0.953 1 0.941 / 0.452);
      --olive-a11: color(display-p3 0.976 1 0.965 / 0.688);
      --olive-a12: color(display-p3 0.992 1 0.992 / 0.929);
      --sand-1: color(display-p3 0.067 0.067 0.063);
      --sand-2: color(display-p3 0.098 0.098 0.094);
      --sand-3: color(display-p3 0.135 0.135 0.129);
      --sand-4: color(display-p3 0.164 0.163 0.156);
      --sand-5: color(display-p3 0.193 0.192 0.183);
      --sand-6: color(display-p3 0.23 0.229 0.217);
      --sand-7: color(display-p3 0.285 0.282 0.267);
      --sand-8: color(display-p3 0.384 0.378 0.357);
      --sand-9: color(display-p3 0.434 0.428 0.403);
      --sand-10: color(display-p3 0.487 0.481 0.456);
      --sand-11: color(display-p3 0.707 0.703 0.68);
      --sand-12: color(display-p3 0.933 0.933 0.926);
      --sand-a1: color(display-p3 0 0 0 / 0);
      --sand-a2: color(display-p3 0.992 0.992 0.988 / 0.034);
      --sand-a3: color(display-p3 0.996 0.996 0.992 / 0.072);
      --sand-a4: color(display-p3 0.992 0.992 0.953 / 0.106);
      --sand-a5: color(display-p3 1 1 0.965 / 0.135);
      --sand-a6: color(display-p3 1 0.976 0.929 / 0.177);
      --sand-a7: color(display-p3 1 0.984 0.929 / 0.236);
      --sand-a8: color(display-p3 1 0.976 0.925 / 0.341);
      --sand-a9: color(display-p3 1 0.98 0.925 / 0.395);
      --sand-a10: color(display-p3 1 0.992 0.933 / 0.45);
      --sand-a11: color(display-p3 1 0.996 0.961 / 0.685);
      --sand-a12: color(display-p3 1 1 0.992 / 0.929);
      --amber-1: color(display-p3 0.082 0.07 0.05);
      --amber-2: color(display-p3 0.111 0.094 0.064);
      --amber-3: color(display-p3 0.178 0.128 0.049);
      --amber-4: color(display-p3 0.239 0.156 0);
      --amber-5: color(display-p3 0.29 0.193 0);
      --amber-6: color(display-p3 0.344 0.245 0.076);
      --amber-7: color(display-p3 0.422 0.314 0.141);
      --amber-8: color(display-p3 0.535 0.399 0.189);
      --amber-9: color(display-p3 1 0.77 0.26);
      --amber-10: color(display-p3 1 0.87 0.15);
      --amber-11: color(display-p3 1 0.8 0.29);
      --amber-12: color(display-p3 0.984 0.909 0.726);
      --amber-a1: color(display-p3 0.992 0.298 0 / 0.017);
      --amber-a2: color(display-p3 0.988 0.651 0 / 0.047);
      --amber-a3: color(display-p3 1 0.6 0 / 0.118);
      --amber-a4: color(display-p3 1 0.557 0 / 0.185);
      --amber-a5: color(display-p3 1 0.592 0 / 0.24);
      --amber-a6: color(display-p3 1 0.659 0.094 / 0.299);
      --amber-a7: color(display-p3 1 0.714 0.263 / 0.383);
      --amber-a8: color(display-p3 0.996 0.729 0.306 / 0.5);
      --amber-a9: color(display-p3 1 0.769 0.259);
      --amber-a10: color(display-p3 1 0.871 0.149);
      --amber-a11: color(display-p3 1 0.8 0.29);
      --amber-a12: color(display-p3 0.984 0.909 0.726);
      --blue-1: color(display-p3 0.057 0.081 0.122);
      --blue-2: color(display-p3 0.072 0.098 0.147);
      --blue-3: color(display-p3 0.078 0.154 0.27);
      --blue-4: color(display-p3 0.033 0.197 0.37);
      --blue-5: color(display-p3 0.08 0.245 0.441);
      --blue-6: color(display-p3 0.14 0.298 0.511);
      --blue-7: color(display-p3 0.195 0.361 0.6);
      --blue-8: color(display-p3 0.239 0.434 0.72);
      --blue-9: color(display-p3 0.247 0.556 0.969);
      --blue-10: color(display-p3 0.344 0.612 0.973);
      --blue-11: color(display-p3 0.49 0.72 1);
      --blue-12: color(display-p3 0.788 0.898 0.99);
      --blue-a1: color(display-p3 0 0.333 1 / 0.059);
      --blue-a2: color(display-p3 0.114 0.435 0.988 / 0.085);
      --blue-a3: color(display-p3 0.122 0.463 1 / 0.219);
      --blue-a4: color(display-p3 0 0.467 1 / 0.324);
      --blue-a5: color(display-p3 0.098 0.51 1 / 0.4);
      --blue-a6: color(display-p3 0.224 0.557 1 / 0.475);
      --blue-a7: color(display-p3 0.294 0.584 1 / 0.572);
      --blue-a8: color(display-p3 0.314 0.592 1 / 0.702);
      --blue-a9: color(display-p3 0.251 0.573 0.996 / 0.967);
      --blue-a10: color(display-p3 0.357 0.631 1 / 0.971);
      --blue-a11: color(display-p3 0.49 0.72 1);
      --blue-a12: color(display-p3 0.788 0.898 0.99);
      --bronze-1: color(display-p3 0.076 0.067 0.063);
      --bronze-2: color(display-p3 0.106 0.097 0.093);
      --bronze-3: color(display-p3 0.147 0.132 0.125);
      --bronze-4: color(display-p3 0.185 0.166 0.156);
      --bronze-5: color(display-p3 0.227 0.202 0.19);
      --bronze-6: color(display-p3 0.278 0.246 0.23);
      --bronze-7: color(display-p3 0.343 0.302 0.281);
      --bronze-8: color(display-p3 0.426 0.374 0.347);
      --bronze-9: color(display-p3 0.611 0.507 0.455);
      --bronze-10: color(display-p3 0.66 0.556 0.504);
      --bronze-11: color(display-p3 0.81 0.707 0.655);
      --bronze-12: color(display-p3 0.921 0.88 0.854);
      --bronze-a1: color(display-p3 0.941 0.067 0 / 0.009);
      --bronze-a2: color(display-p3 0.98 0.8 0.706 / 0.043);
      --bronze-a3: color(display-p3 0.988 0.851 0.761 / 0.085);
      --bronze-a4: color(display-p3 0.996 0.839 0.78 / 0.127);
      --bronze-a5: color(display-p3 0.996 0.863 0.773 / 0.173);
      --bronze-a6: color(display-p3 1 0.863 0.796 / 0.227);
      --bronze-a7: color(display-p3 1 0.867 0.8 / 0.295);
      --bronze-a8: color(display-p3 1 0.859 0.788 / 0.387);
      --bronze-a9: color(display-p3 1 0.82 0.733 / 0.585);
      --bronze-a10: color(display-p3 1 0.839 0.761 / 0.635);
      --bronze-a11: color(display-p3 0.81 0.707 0.655);
      --bronze-a12: color(display-p3 0.921 0.88 0.854);
      --brown-1: color(display-p3 0.071 0.067 0.059);
      --brown-2: color(display-p3 0.107 0.095 0.087);
      --brown-3: color(display-p3 0.151 0.13 0.115);
      --brown-4: color(display-p3 0.191 0.161 0.138);
      --brown-5: color(display-p3 0.235 0.194 0.162);
      --brown-6: color(display-p3 0.291 0.237 0.192);
      --brown-7: color(display-p3 0.365 0.295 0.232);
      --brown-8: color(display-p3 0.469 0.377 0.287);
      --brown-9: color(display-p3 0.651 0.505 0.368);
      --brown-10: color(display-p3 0.697 0.557 0.423);
      --brown-11: color(display-p3 0.835 0.715 0.597);
      --brown-12: color(display-p3 0.938 0.885 0.802);
      --brown-a1: color(display-p3 0.855 0.071 0 / 0.005);
      --brown-a2: color(display-p3 0.98 0.706 0.525 / 0.043);
      --brown-a3: color(display-p3 0.996 0.745 0.576 / 0.093);
      --brown-a4: color(display-p3 1 0.765 0.592 / 0.135);
      --brown-a5: color(display-p3 1 0.761 0.588 / 0.181);
      --brown-a6: color(display-p3 1 0.773 0.592 / 0.24);
      --brown-a7: color(display-p3 0.996 0.776 0.58 / 0.32);
      --brown-a8: color(display-p3 1 0.78 0.573 / 0.433);
      --brown-a9: color(display-p3 1 0.769 0.549 / 0.627);
      --brown-a10: color(display-p3 1 0.792 0.596 / 0.677);
      --brown-a11: color(display-p3 0.835 0.715 0.597);
      --brown-a12: color(display-p3 0.938 0.885 0.802);
      --crimson-1: color(display-p3 0.093 0.068 0.078);
      --crimson-2: color(display-p3 0.117 0.078 0.095);
      --crimson-3: color(display-p3 0.203 0.091 0.143);
      --crimson-4: color(display-p3 0.277 0.087 0.182);
      --crimson-5: color(display-p3 0.332 0.115 0.22);
      --crimson-6: color(display-p3 0.394 0.162 0.268);
      --crimson-7: color(display-p3 0.489 0.222 0.336);
      --crimson-8: color(display-p3 0.638 0.289 0.429);
      --crimson-9: color(display-p3 0.843 0.298 0.507);
      --crimson-10: color(display-p3 0.864 0.364 0.539);
      --crimson-11: color(display-p3 1 0.56 0.66);
      --crimson-12: color(display-p3 0.966 0.834 0.906);
      --crimson-a1: color(display-p3 0.984 0.071 0.463 / 0.03);
      --crimson-a2: color(display-p3 0.996 0.282 0.569 / 0.055);
      --crimson-a3: color(display-p3 0.996 0.227 0.573 / 0.148);
      --crimson-a4: color(display-p3 1 0.157 0.569 / 0.227);
      --crimson-a5: color(display-p3 1 0.231 0.604 / 0.286);
      --crimson-a6: color(display-p3 1 0.337 0.643 / 0.349);
      --crimson-a7: color(display-p3 1 0.416 0.663 / 0.454);
      --crimson-a8: color(display-p3 0.996 0.427 0.651 / 0.614);
      --crimson-a9: color(display-p3 1 0.345 0.596 / 0.832);
      --crimson-a10: color(display-p3 1 0.42 0.62 / 0.853);
      --crimson-a11: color(display-p3 1 0.56 0.66);
      --crimson-a12: color(display-p3 0.966 0.834 0.906);
      --cyan-1: color(display-p3 0.053 0.085 0.098);
      --cyan-2: color(display-p3 0.072 0.105 0.122);
      --cyan-3: color(display-p3 0.073 0.168 0.209);
      --cyan-4: color(display-p3 0.063 0.216 0.277);
      --cyan-5: color(display-p3 0.091 0.267 0.336);
      --cyan-6: color(display-p3 0.137 0.324 0.4);
      --cyan-7: color(display-p3 0.186 0.398 0.484);
      --cyan-8: color(display-p3 0.23 0.496 0.6);
      --cyan-9: color(display-p3 0.282 0.627 0.765);
      --cyan-10: color(display-p3 0.331 0.675 0.801);
      --cyan-11: color(display-p3 0.446 0.79 0.887);
      --cyan-12: color(display-p3 0.757 0.919 0.962);
      --cyan-a1: color(display-p3 0 0.647 0.992 / 0.034);
      --cyan-a2: color(display-p3 0.133 0.733 1 / 0.059);
      --cyan-a3: color(display-p3 0.122 0.741 0.996 / 0.152);
      --cyan-a4: color(display-p3 0.051 0.725 1 / 0.227);
      --cyan-a5: color(display-p3 0.149 0.757 1 / 0.29);
      --cyan-a6: color(display-p3 0.267 0.792 1 / 0.358);
      --cyan-a7: color(display-p3 0.333 0.808 1 / 0.446);
      --cyan-a8: color(display-p3 0.357 0.816 1 / 0.572);
      --cyan-a9: color(display-p3 0.357 0.82 1 / 0.748);
      --cyan-a10: color(display-p3 0.4 0.839 1 / 0.786);
      --cyan-a11: color(display-p3 0.446 0.79 0.887);
      --cyan-a12: color(display-p3 0.757 0.919 0.962);
      --gold-1: color(display-p3 0.071 0.071 0.067);
      --gold-2: color(display-p3 0.104 0.101 0.09);
      --gold-3: color(display-p3 0.141 0.136 0.122);
      --gold-4: color(display-p3 0.177 0.17 0.152);
      --gold-5: color(display-p3 0.217 0.207 0.185);
      --gold-6: color(display-p3 0.265 0.252 0.225);
      --gold-7: color(display-p3 0.327 0.31 0.277);
      --gold-8: color(display-p3 0.407 0.384 0.342);
      --gold-9: color(display-p3 0.579 0.517 0.41);
      --gold-10: color(display-p3 0.628 0.566 0.463);
      --gold-11: color(display-p3 0.784 0.728 0.635);
      --gold-12: color(display-p3 0.906 0.887 0.855);
      --gold-a1: color(display-p3 0.855 0.855 0.071 / 0.005);
      --gold-a2: color(display-p3 0.98 0.89 0.616 / 0.043);
      --gold-a3: color(display-p3 1 0.949 0.753 / 0.08);
      --gold-a4: color(display-p3 1 0.933 0.8 / 0.118);
      --gold-a5: color(display-p3 1 0.949 0.804 / 0.16);
      --gold-a6: color(display-p3 1 0.925 0.8 / 0.215);
      --gold-a7: color(display-p3 1 0.945 0.831 / 0.278);
      --gold-a8: color(display-p3 1 0.937 0.82 / 0.366);
      --gold-a9: color(display-p3 0.996 0.882 0.69 / 0.551);
      --gold-a10: color(display-p3 1 0.894 0.725 / 0.601);
      --gold-a11: color(display-p3 0.784 0.728 0.635);
      --gold-a12: color(display-p3 0.906 0.887 0.855);
      --grass-1: color(display-p3 0.062 0.083 0.067);
      --grass-2: color(display-p3 0.083 0.103 0.085);
      --grass-3: color(display-p3 0.118 0.163 0.122);
      --grass-4: color(display-p3 0.142 0.225 0.15);
      --grass-5: color(display-p3 0.178 0.279 0.186);
      --grass-6: color(display-p3 0.217 0.337 0.224);
      --grass-7: color(display-p3 0.258 0.4 0.264);
      --grass-8: color(display-p3 0.302 0.47 0.305);
      --grass-9: color(display-p3 0.38 0.647 0.378);
      --grass-10: color(display-p3 0.426 0.694 0.426);
      --grass-11: color(display-p3 0.535 0.807 0.542);
      --grass-12: color(display-p3 0.797 0.936 0.776);
      --grass-a1: color(display-p3 0 0.992 0.071 / 0.017);
      --grass-a2: color(display-p3 0.482 0.996 0.584 / 0.038);
      --grass-a3: color(display-p3 0.549 0.992 0.588 / 0.106);
      --grass-a4: color(display-p3 0.51 0.996 0.557 / 0.169);
      --grass-a5: color(display-p3 0.553 1 0.588 / 0.227);
      --grass-a6: color(display-p3 0.584 1 0.608 / 0.29);
      --grass-a7: color(display-p3 0.604 1 0.616 / 0.358);
      --grass-a8: color(display-p3 0.608 1 0.62 / 0.433);
      --grass-a9: color(display-p3 0.573 1 0.569 / 0.622);
      --grass-a10: color(display-p3 0.6 0.996 0.6 / 0.673);
      --grass-a11: color(display-p3 0.535 0.807 0.542);
      --grass-a12: color(display-p3 0.797 0.936 0.776);
      --green-1: color(display-p3 0.062 0.083 0.071);
      --green-2: color(display-p3 0.079 0.106 0.09);
      --green-3: color(display-p3 0.1 0.173 0.133);
      --green-4: color(display-p3 0.115 0.229 0.166);
      --green-5: color(display-p3 0.147 0.282 0.206);
      --green-6: color(display-p3 0.185 0.338 0.25);
      --green-7: color(display-p3 0.227 0.403 0.298);
      --green-8: color(display-p3 0.27 0.479 0.351);
      --green-9: color(display-p3 0.332 0.634 0.442);
      --green-10: color(display-p3 0.357 0.682 0.474);
      --green-11: color(display-p3 0.434 0.828 0.573);
      --green-12: color(display-p3 0.747 0.938 0.807);
      --green-a1: color(display-p3 0 0.992 0.298 / 0.017);
      --green-a2: color(display-p3 0.341 0.98 0.616 / 0.043);
      --green-a3: color(display-p3 0.376 0.996 0.655 / 0.114);
      --green-a4: color(display-p3 0.341 0.996 0.635 / 0.173);
      --green-a5: color(display-p3 0.408 1 0.678 / 0.232);
      --green-a6: color(display-p3 0.475 1 0.706 / 0.29);
      --green-a7: color(display-p3 0.514 1 0.706 / 0.362);
      --green-a8: color(display-p3 0.529 1 0.718 / 0.442);
      --green-a9: color(display-p3 0.502 0.996 0.682 / 0.61);
      --green-a10: color(display-p3 0.506 1 0.682 / 0.66);
      --green-a11: color(display-p3 0.434 0.828 0.573);
      --green-a12: color(display-p3 0.747 0.938 0.807);
      --indigo-1: color(display-p3 0.068 0.074 0.118);
      --indigo-2: color(display-p3 0.081 0.089 0.144);
      --indigo-3: color(display-p3 0.105 0.141 0.275);
      --indigo-4: color(display-p3 0.129 0.18 0.369);
      --indigo-5: color(display-p3 0.163 0.22 0.439);
      --indigo-6: color(display-p3 0.203 0.262 0.5);
      --indigo-7: color(display-p3 0.245 0.309 0.575);
      --indigo-8: color(display-p3 0.285 0.362 0.674);
      --indigo-9: color(display-p3 0.276 0.384 0.837);
      --indigo-10: color(display-p3 0.354 0.445 0.866);
      --indigo-11: color(display-p3 0.63 0.69 1);
      --indigo-12: color(display-p3 0.848 0.881 0.99);
      --indigo-a1: color(display-p3 0.071 0.212 0.996 / 0.055);
      --indigo-a2: color(display-p3 0.251 0.345 0.988 / 0.085);
      --indigo-a3: color(display-p3 0.243 0.404 1 / 0.223);
      --indigo-a4: color(display-p3 0.263 0.42 1 / 0.324);
      --indigo-a5: color(display-p3 0.314 0.451 1 / 0.4);
      --indigo-a6: color(display-p3 0.361 0.49 1 / 0.467);
      --indigo-a7: color(display-p3 0.388 0.51 1 / 0.547);
      --indigo-a8: color(display-p3 0.404 0.518 1 / 0.652);
      --indigo-a9: color(display-p3 0.318 0.451 1 / 0.824);
      --indigo-a10: color(display-p3 0.404 0.506 1 / 0.858);
      --indigo-a11: color(display-p3 0.63 0.69 1);
      --indigo-a12: color(display-p3 0.848 0.881 0.99);
      --iris-1: color(display-p3 0.075 0.075 0.114);
      --iris-2: color(display-p3 0.089 0.086 0.14);
      --iris-3: color(display-p3 0.128 0.134 0.272);
      --iris-4: color(display-p3 0.153 0.165 0.382);
      --iris-5: color(display-p3 0.192 0.201 0.44);
      --iris-6: color(display-p3 0.239 0.241 0.491);
      --iris-7: color(display-p3 0.291 0.289 0.565);
      --iris-8: color(display-p3 0.35 0.345 0.673);
      --iris-9: color(display-p3 0.357 0.357 0.81);
      --iris-10: color(display-p3 0.428 0.416 0.843);
      --iris-11: color(display-p3 0.685 0.662 1);
      --iris-12: color(display-p3 0.878 0.875 0.986);
      --iris-a1: color(display-p3 0.224 0.224 0.992 / 0.051);
      --iris-a2: color(display-p3 0.361 0.314 1 / 0.08);
      --iris-a3: color(display-p3 0.357 0.373 1 / 0.219);
      --iris-a4: color(display-p3 0.325 0.361 1 / 0.337);
      --iris-a5: color(display-p3 0.38 0.4 1 / 0.4);
      --iris-a6: color(display-p3 0.447 0.447 1 / 0.454);
      --iris-a7: color(display-p3 0.486 0.486 1 / 0.534);
      --iris-a8: color(display-p3 0.502 0.494 1 / 0.652);
      --iris-a9: color(display-p3 0.431 0.431 1 / 0.799);
      --iris-a10: color(display-p3 0.502 0.486 1 / 0.832);
      --iris-a11: color(display-p3 0.685 0.662 1);
      --iris-a12: color(display-p3 0.878 0.875 0.986);
      --jade-1: color(display-p3 0.059 0.083 0.071);
      --jade-2: color(display-p3 0.078 0.11 0.094);
      --jade-3: color(display-p3 0.091 0.176 0.138);
      --jade-4: color(display-p3 0.102 0.228 0.177);
      --jade-5: color(display-p3 0.133 0.279 0.221);
      --jade-6: color(display-p3 0.174 0.334 0.273);
      --jade-7: color(display-p3 0.219 0.402 0.335);
      --jade-8: color(display-p3 0.263 0.488 0.411);
      --jade-9: color(display-p3 0.319 0.63 0.521);
      --jade-10: color(display-p3 0.338 0.68 0.555);
      --jade-11: color(display-p3 0.4 0.835 0.656);
      --jade-12: color(display-p3 0.734 0.934 0.838);
      --jade-a1: color(display-p3 0 0.992 0.298 / 0.017);
      --jade-a2: color(display-p3 0.318 0.988 0.651 / 0.047);
      --jade-a3: color(display-p3 0.267 1 0.667 / 0.118);
      --jade-a4: color(display-p3 0.275 0.996 0.702 / 0.173);
      --jade-a5: color(display-p3 0.361 1 0.741 / 0.227);
      --jade-a6: color(display-p3 0.439 1 0.796 / 0.286);
      --jade-a7: color(display-p3 0.49 1 0.804 / 0.362);
      --jade-a8: color(display-p3 0.506 1 0.835 / 0.45);
      --jade-a9: color(display-p3 0.478 0.996 0.816 / 0.606);
      --jade-a10: color(display-p3 0.478 1 0.816 / 0.656);
      --jade-a11: color(display-p3 0.4 0.835 0.656);
      --jade-a12: color(display-p3 0.734 0.934 0.838);
      --lime-1: color(display-p3 0.067 0.073 0.048);
      --lime-2: color(display-p3 0.086 0.1 0.067);
      --lime-3: color(display-p3 0.13 0.16 0.099);
      --lime-4: color(display-p3 0.172 0.214 0.126);
      --lime-5: color(display-p3 0.213 0.266 0.153);
      --lime-6: color(display-p3 0.257 0.321 0.182);
      --lime-7: color(display-p3 0.307 0.383 0.215);
      --lime-8: color(display-p3 0.365 0.456 0.25);
      --lime-9: color(display-p3 0.78 0.928 0.466);
      --lime-10: color(display-p3 0.865 0.995 0.519);
      --lime-11: color(display-p3 0.771 0.893 0.485);
      --lime-12: color(display-p3 0.905 0.966 0.753);
      --lime-a1: color(display-p3 0.067 0.941 0 / 0.009);
      --lime-a2: color(display-p3 0.584 0.996 0.071 / 0.038);
      --lime-a3: color(display-p3 0.69 1 0.38 / 0.101);
      --lime-a4: color(display-p3 0.729 1 0.435 / 0.16);
      --lime-a5: color(display-p3 0.745 1 0.471 / 0.215);
      --lime-a6: color(display-p3 0.769 1 0.482 / 0.274);
      --lime-a7: color(display-p3 0.769 1 0.506 / 0.341);
      --lime-a8: color(display-p3 0.784 1 0.51 / 0.416);
      --lime-a9: color(display-p3 0.839 1 0.502 / 0.925);
      --lime-a10: color(display-p3 0.871 1 0.522 / 0.996);
      --lime-a11: color(display-p3 0.771 0.893 0.485);
      --lime-a12: color(display-p3 0.905 0.966 0.753);
      --mint-1: color(display-p3 0.059 0.082 0.081);
      --mint-2: color(display-p3 0.068 0.104 0.105);
      --mint-3: color(display-p3 0.077 0.17 0.168);
      --mint-4: color(display-p3 0.068 0.224 0.22);
      --mint-5: color(display-p3 0.104 0.275 0.264);
      --mint-6: color(display-p3 0.154 0.332 0.313);
      --mint-7: color(display-p3 0.207 0.403 0.373);
      --mint-8: color(display-p3 0.258 0.49 0.441);
      --mint-9: color(display-p3 0.62 0.908 0.834);
      --mint-10: color(display-p3 0.725 0.954 0.898);
      --mint-11: color(display-p3 0.482 0.825 0.733);
      --mint-12: color(display-p3 0.807 0.955 0.887);
      --mint-a1: color(display-p3 0 0.992 0.992 / 0.017);
      --mint-a2: color(display-p3 0.071 0.98 0.98 / 0.043);
      --mint-a3: color(display-p3 0.176 0.996 0.996 / 0.11);
      --mint-a4: color(display-p3 0.071 0.996 0.973 / 0.169);
      --mint-a5: color(display-p3 0.243 1 0.949 / 0.223);
      --mint-a6: color(display-p3 0.369 1 0.933 / 0.286);
      --mint-a7: color(display-p3 0.459 1 0.914 / 0.362);
      --mint-a8: color(display-p3 0.49 1 0.89 / 0.454);
      --mint-a9: color(display-p3 0.678 0.996 0.914 / 0.904);
      --mint-a10: color(display-p3 0.761 1 0.941 / 0.95);
      --mint-a11: color(display-p3 0.482 0.825 0.733);
      --mint-a12: color(display-p3 0.807 0.955 0.887);
      --orange-1: color(display-p3 0.088 0.07 0.057);
      --orange-2: color(display-p3 0.113 0.089 0.061);
      --orange-3: color(display-p3 0.189 0.12 0.056);
      --orange-4: color(display-p3 0.262 0.132 0);
      --orange-5: color(display-p3 0.315 0.168 0.016);
      --orange-6: color(display-p3 0.376 0.219 0.088);
      --orange-7: color(display-p3 0.465 0.283 0.147);
      --orange-8: color(display-p3 0.601 0.359 0.201);
      --orange-9: color(display-p3 0.9 0.45 0.2);
      --orange-10: color(display-p3 0.98 0.51 0.23);
      --orange-11: color(display-p3 1 0.63 0.38);
      --orange-12: color(display-p3 0.98 0.883 0.775);
      --orange-a1: color(display-p3 0.961 0.247 0 / 0.022);
      --orange-a2: color(display-p3 0.992 0.529 0 / 0.051);
      --orange-a3: color(display-p3 0.996 0.486 0 / 0.131);
      --orange-a4: color(display-p3 0.996 0.384 0 / 0.211);
      --orange-a5: color(display-p3 1 0.455 0 / 0.265);
      --orange-a6: color(display-p3 1 0.529 0.129 / 0.332);
      --orange-a7: color(display-p3 1 0.569 0.251 / 0.429);
      --orange-a8: color(display-p3 1 0.584 0.302 / 0.572);
      --orange-a9: color(display-p3 1 0.494 0.216 / 0.895);
      --orange-a10: color(display-p3 1 0.522 0.235 / 0.979);
      --orange-a11: color(display-p3 1 0.63 0.38);
      --orange-a12: color(display-p3 0.98 0.883 0.775);
      --pink-1: color(display-p3 0.093 0.068 0.089);
      --pink-2: color(display-p3 0.121 0.073 0.11);
      --pink-3: color(display-p3 0.198 0.098 0.179);
      --pink-4: color(display-p3 0.271 0.095 0.231);
      --pink-5: color(display-p3 0.32 0.127 0.273);
      --pink-6: color(display-p3 0.382 0.177 0.326);
      --pink-7: color(display-p3 0.477 0.238 0.405);
      --pink-8: color(display-p3 0.612 0.304 0.51);
      --pink-9: color(display-p3 0.775 0.297 0.61);
      --pink-10: color(display-p3 0.808 0.356 0.645);
      --pink-11: color(display-p3 1 0.535 0.78);
      --pink-12: color(display-p3 0.964 0.826 0.912);
      --pink-a1: color(display-p3 0.984 0.071 0.855 / 0.03);
      --pink-a2: color(display-p3 1 0.2 0.8 / 0.059);
      --pink-a3: color(display-p3 1 0.294 0.886 / 0.139);
      --pink-a4: color(display-p3 1 0.192 0.82 / 0.219);
      --pink-a5: color(display-p3 1 0.282 0.827 / 0.274);
      --pink-a6: color(display-p3 1 0.396 0.835 / 0.337);
      --pink-a7: color(display-p3 1 0.459 0.831 / 0.442);
      --pink-a8: color(display-p3 1 0.478 0.827 / 0.585);
      --pink-a9: color(display-p3 1 0.373 0.784 / 0.761);
      --pink-a10: color(display-p3 1 0.435 0.792 / 0.795);
      --pink-a11: color(display-p3 1 0.535 0.78);
      --pink-a12: color(display-p3 0.964 0.826 0.912);
      --plum-1: color(display-p3 0.09 0.068 0.092);
      --plum-2: color(display-p3 0.118 0.077 0.121);
      --plum-3: color(display-p3 0.192 0.105 0.202);
      --plum-4: color(display-p3 0.25 0.121 0.271);
      --plum-5: color(display-p3 0.293 0.152 0.319);
      --plum-6: color(display-p3 0.343 0.198 0.372);
      --plum-7: color(display-p3 0.424 0.262 0.461);
      --plum-8: color(display-p3 0.54 0.341 0.595);
      --plum-9: color(display-p3 0.624 0.313 0.708);
      --plum-10: color(display-p3 0.666 0.365 0.748);
      --plum-11: color(display-p3 0.86 0.602 0.933);
      --plum-12: color(display-p3 0.936 0.836 0.949);
      --plum-a1: color(display-p3 0.973 0.071 0.973 / 0.026);
      --plum-a2: color(display-p3 0.933 0.267 1 / 0.059);
      --plum-a3: color(display-p3 0.918 0.333 0.996 / 0.148);
      --plum-a4: color(display-p3 0.91 0.318 1 / 0.219);
      --plum-a5: color(display-p3 0.914 0.388 1 / 0.269);
      --plum-a6: color(display-p3 0.906 0.463 1 / 0.328);
      --plum-a7: color(display-p3 0.906 0.529 1 / 0.425);
      --plum-a8: color(display-p3 0.906 0.553 1 / 0.568);
      --plum-a9: color(display-p3 0.875 0.427 1 / 0.69);
      --plum-a10: color(display-p3 0.886 0.471 0.996 / 0.732);
      --plum-a11: color(display-p3 0.86 0.602 0.933);
      --plum-a12: color(display-p3 0.936 0.836 0.949);
      --purple-1: color(display-p3 0.09 0.068 0.103);
      --purple-2: color(display-p3 0.113 0.082 0.134);
      --purple-3: color(display-p3 0.175 0.112 0.224);
      --purple-4: color(display-p3 0.224 0.137 0.297);
      --purple-5: color(display-p3 0.264 0.167 0.349);
      --purple-6: color(display-p3 0.311 0.208 0.406);
      --purple-7: color(display-p3 0.381 0.266 0.496);
      --purple-8: color(display-p3 0.49 0.349 0.649);
      --purple-9: color(display-p3 0.523 0.318 0.751);
      --purple-10: color(display-p3 0.57 0.373 0.791);
      --purple-11: color(display-p3 0.8 0.62 1);
      --purple-12: color(display-p3 0.913 0.854 0.971);
      --purple-a1: color(display-p3 0.686 0.071 0.996 / 0.038);
      --purple-a2: color(display-p3 0.722 0.286 0.996 / 0.072);
      --purple-a3: color(display-p3 0.718 0.349 0.996 / 0.169);
      --purple-a4: color(display-p3 0.702 0.353 1 / 0.248);
      --purple-a5: color(display-p3 0.718 0.404 1 / 0.303);
      --purple-a6: color(display-p3 0.733 0.455 1 / 0.366);
      --purple-a7: color(display-p3 0.753 0.506 1 / 0.458);
      --purple-a8: color(display-p3 0.749 0.522 1 / 0.622);
      --purple-a9: color(display-p3 0.686 0.408 1 / 0.736);
      --purple-a10: color(display-p3 0.71 0.459 1 / 0.778);
      --purple-a11: color(display-p3 0.8 0.62 1);
      --purple-a12: color(display-p3 0.913 0.854 0.971);
      --red-1: color(display-p3 0.093 0.068 0.067);
      --red-2: color(display-p3 0.118 0.077 0.079);
      --red-3: color(display-p3 0.211 0.081 0.099);
      --red-4: color(display-p3 0.287 0.079 0.113);
      --red-5: color(display-p3 0.348 0.11 0.142);
      --red-6: color(display-p3 0.414 0.16 0.183);
      --red-7: color(display-p3 0.508 0.224 0.236);
      --red-8: color(display-p3 0.659 0.298 0.297);
      --red-9: color(display-p3 0.83 0.329 0.324);
      --red-10: color(display-p3 0.861 0.403 0.387);
      --red-11: color(display-p3 1 0.57 0.55);
      --red-12: color(display-p3 0.971 0.826 0.852);
      --red-a1: color(display-p3 0.984 0.071 0.071 / 0.03);
      --red-a2: color(display-p3 0.996 0.282 0.282 / 0.055);
      --red-a3: color(display-p3 1 0.169 0.271 / 0.156);
      --red-a4: color(display-p3 1 0.118 0.267 / 0.236);
      --red-a5: color(display-p3 1 0.212 0.314 / 0.303);
      --red-a6: color(display-p3 1 0.318 0.38 / 0.374);
      --red-a7: color(display-p3 1 0.4 0.424 / 0.475);
      --red-a8: color(display-p3 1 0.431 0.431 / 0.635);
      --red-a9: color(display-p3 1 0.388 0.384 / 0.82);
      --red-a10: color(display-p3 1 0.463 0.447 / 0.853);
      --red-a11: color(display-p3 1 0.57 0.55);
      --red-a12: color(display-p3 0.971 0.826 0.852);
      --ruby-1: color(display-p3 0.093 0.068 0.074);
      --ruby-2: color(display-p3 0.113 0.083 0.089);
      --ruby-3: color(display-p3 0.208 0.088 0.117);
      --ruby-4: color(display-p3 0.279 0.092 0.147);
      --ruby-5: color(display-p3 0.337 0.12 0.18);
      --ruby-6: color(display-p3 0.401 0.166 0.223);
      --ruby-7: color(display-p3 0.495 0.224 0.281);
      --ruby-8: color(display-p3 0.652 0.295 0.359);
      --ruby-9: color(display-p3 0.83 0.323 0.408);
      --ruby-10: color(display-p3 0.857 0.392 0.455);
      --ruby-11: color(display-p3 1 0.57 0.59);
      --ruby-12: color(display-p3 0.968 0.83 0.88);
      --ruby-a1: color(display-p3 0.984 0.071 0.329 / 0.03);
      --ruby-a2: color(display-p3 0.992 0.376 0.529 / 0.051);
      --ruby-a3: color(display-p3 0.996 0.196 0.404 / 0.152);
      --ruby-a4: color(display-p3 1 0.173 0.416 / 0.227);
      --ruby-a5: color(display-p3 1 0.259 0.459 / 0.29);
      --ruby-a6: color(display-p3 1 0.341 0.506 / 0.358);
      --ruby-a7: color(display-p3 1 0.412 0.541 / 0.458);
      --ruby-a8: color(display-p3 1 0.431 0.537 / 0.627);
      --ruby-a9: color(display-p3 1 0.376 0.482 / 0.82);
      --ruby-a10: color(display-p3 1 0.447 0.522 / 0.849);
      --ruby-a11: color(display-p3 1 0.57 0.59);
      --ruby-a12: color(display-p3 0.968 0.83 0.88);
      --sky-1: color(display-p3 0.056 0.078 0.116);
      --sky-2: color(display-p3 0.075 0.101 0.149);
      --sky-3: color(display-p3 0.089 0.154 0.244);
      --sky-4: color(display-p3 0.106 0.207 0.323);
      --sky-5: color(display-p3 0.135 0.261 0.394);
      --sky-6: color(display-p3 0.17 0.322 0.469);
      --sky-7: color(display-p3 0.205 0.394 0.557);
      --sky-8: color(display-p3 0.232 0.48 0.665);
      --sky-9: color(display-p3 0.585 0.877 0.983);
      --sky-10: color(display-p3 0.718 0.925 0.991);
      --sky-11: color(display-p3 0.536 0.772 0.924);
      --sky-12: color(display-p3 0.799 0.947 0.993);
      --sky-a1: color(display-p3 0 0.282 0.996 / 0.055);
      --sky-a2: color(display-p3 0.157 0.467 0.992 / 0.089);
      --sky-a3: color(display-p3 0.192 0.522 0.996 / 0.19);
      --sky-a4: color(display-p3 0.212 0.584 1 / 0.274);
      --sky-a5: color(display-p3 0.259 0.631 1 / 0.349);
      --sky-a6: color(display-p3 0.302 0.655 1 / 0.433);
      --sky-a7: color(display-p3 0.329 0.686 1 / 0.526);
      --sky-a8: color(display-p3 0.325 0.71 1 / 0.643);
      --sky-a9: color(display-p3 0.592 0.894 1 / 0.984);
      --sky-a10: color(display-p3 0.722 0.933 1 / 0.992);
      --sky-a11: color(display-p3 0.536 0.772 0.924);
      --sky-a12: color(display-p3 0.799 0.947 0.993);
      --teal-1: color(display-p3 0.059 0.083 0.079);
      --teal-2: color(display-p3 0.075 0.11 0.107);
      --teal-3: color(display-p3 0.087 0.175 0.165);
      --teal-4: color(display-p3 0.087 0.227 0.214);
      --teal-5: color(display-p3 0.12 0.277 0.261);
      --teal-6: color(display-p3 0.162 0.335 0.314);
      --teal-7: color(display-p3 0.205 0.406 0.379);
      --teal-8: color(display-p3 0.245 0.489 0.453);
      --teal-9: color(display-p3 0.297 0.637 0.581);
      --teal-10: color(display-p3 0.319 0.69 0.62);
      --teal-11: color(display-p3 0.388 0.835 0.719);
      --teal-12: color(display-p3 0.734 0.934 0.87);
      --teal-a1: color(display-p3 0 0.992 0.761 / 0.017);
      --teal-a2: color(display-p3 0.235 0.988 0.902 / 0.047);
      --teal-a3: color(display-p3 0.235 1 0.898 / 0.118);
      --teal-a4: color(display-p3 0.18 0.996 0.929 / 0.173);
      --teal-a5: color(display-p3 0.31 1 0.933 / 0.227);
      --teal-a6: color(display-p3 0.396 1 0.933 / 0.286);
      --teal-a7: color(display-p3 0.443 1 0.925 / 0.366);
      --teal-a8: color(display-p3 0.459 1 0.925 / 0.454);
      --teal-a9: color(display-p3 0.443 0.996 0.906 / 0.61);
      --teal-a10: color(display-p3 0.439 0.996 0.89 / 0.669);
      --teal-a11: color(display-p3 0.388 0.835 0.719);
      --teal-a12: color(display-p3 0.734 0.934 0.87);
      --tomato-1: color(display-p3 0.09 0.068 0.067);
      --tomato-2: color(display-p3 0.115 0.084 0.076);
      --tomato-3: color(display-p3 0.205 0.097 0.083);
      --tomato-4: color(display-p3 0.282 0.099 0.077);
      --tomato-5: color(display-p3 0.339 0.129 0.101);
      --tomato-6: color(display-p3 0.398 0.179 0.141);
      --tomato-7: color(display-p3 0.487 0.245 0.194);
      --tomato-8: color(display-p3 0.629 0.322 0.248);
      --tomato-9: color(display-p3 0.831 0.345 0.231);
      --tomato-10: color(display-p3 0.862 0.415 0.298);
      --tomato-11: color(display-p3 1 0.585 0.455);
      --tomato-12: color(display-p3 0.959 0.833 0.802);
      --tomato-a1: color(display-p3 0.973 0.071 0.071 / 0.026);
      --tomato-a2: color(display-p3 0.992 0.376 0.224 / 0.051);
      --tomato-a3: color(display-p3 0.996 0.282 0.176 / 0.148);
      --tomato-a4: color(display-p3 1 0.204 0.118 / 0.232);
      --tomato-a5: color(display-p3 1 0.286 0.192 / 0.29);
      --tomato-a6: color(display-p3 1 0.392 0.278 / 0.353);
      --tomato-a7: color(display-p3 1 0.459 0.349 / 0.45);
      --tomato-a8: color(display-p3 1 0.49 0.369 / 0.601);
      --tomato-a9: color(display-p3 1 0.408 0.267 / 0.82);
      --tomato-a10: color(display-p3 1 0.478 0.341 / 0.853);
      --tomato-a11: color(display-p3 1 0.585 0.455);
      --tomato-a12: color(display-p3 0.959 0.833 0.802);
      --violet-1: color(display-p3 0.077 0.071 0.118);
      --violet-2: color(display-p3 0.101 0.084 0.141);
      --violet-3: color(display-p3 0.154 0.123 0.256);
      --violet-4: color(display-p3 0.191 0.148 0.345);
      --violet-5: color(display-p3 0.226 0.182 0.396);
      --violet-6: color(display-p3 0.269 0.223 0.449);
      --violet-7: color(display-p3 0.326 0.277 0.53);
      --violet-8: color(display-p3 0.399 0.346 0.656);
      --violet-9: color(display-p3 0.417 0.341 0.784);
      --violet-10: color(display-p3 0.477 0.402 0.823);
      --violet-11: color(display-p3 0.72 0.65 1);
      --violet-12: color(display-p3 0.883 0.867 0.986);
      --violet-a1: color(display-p3 0.282 0.141 0.996 / 0.055);
      --violet-a2: color(display-p3 0.51 0.263 1 / 0.08);
      --violet-a3: color(display-p3 0.494 0.337 0.996 / 0.202);
      --violet-a4: color(display-p3 0.49 0.345 1 / 0.299);
      --violet-a5: color(display-p3 0.525 0.392 1 / 0.353);
      --violet-a6: color(display-p3 0.569 0.455 1 / 0.408);
      --violet-a7: color(display-p3 0.588 0.494 1 / 0.496);
      --violet-a8: color(display-p3 0.596 0.51 1 / 0.631);
      --violet-a9: color(display-p3 0.522 0.424 1 / 0.769);
      --violet-a10: color(display-p3 0.576 0.482 1 / 0.811);
      --violet-a11: color(display-p3 0.72 0.65 1);
      --violet-a12: color(display-p3 0.883 0.867 0.986);
      --yellow-1: color(display-p3 0.078 0.069 0.047);
      --yellow-2: color(display-p3 0.103 0.094 0.063);
      --yellow-3: color(display-p3 0.168 0.137 0.039);
      --yellow-4: color(display-p3 0.209 0.169 0);
      --yellow-5: color(display-p3 0.255 0.209 0);
      --yellow-6: color(display-p3 0.31 0.261 0.07);
      --yellow-7: color(display-p3 0.389 0.331 0.135);
      --yellow-8: color(display-p3 0.497 0.42 0.182);
      --yellow-9: color(display-p3 1 0.92 0.22);
      --yellow-10: color(display-p3 1 1 0.456);
      --yellow-11: color(display-p3 0.948 0.885 0.392);
      --yellow-12: color(display-p3 0.959 0.934 0.731);
      --yellow-a1: color(display-p3 0.973 0.369 0 / 0.013);
      --yellow-a2: color(display-p3 0.996 0.792 0 / 0.038);
      --yellow-a3: color(display-p3 0.996 0.71 0 / 0.11);
      --yellow-a4: color(display-p3 0.996 0.741 0 / 0.152);
      --yellow-a5: color(display-p3 0.996 0.765 0 / 0.202);
      --yellow-a6: color(display-p3 0.996 0.816 0.082 / 0.261);
      --yellow-a7: color(display-p3 1 0.831 0.263 / 0.345);
      --yellow-a8: color(display-p3 1 0.831 0.314 / 0.463);
      --yellow-a9: color(display-p3 1 0.922 0.22);
      --yellow-a10: color(display-p3 1 1 0.455);
      --yellow-a11: color(display-p3 0.948 0.885 0.392);
      --yellow-a12: color(display-p3 0.959 0.934 0.731);
      --gray-surface: color(display-p3 0.1255 0.1255 0.1255 / 0.5);
      --mauve-surface: color(display-p3 0.1333 0.1255 0.1333 / 0.5);
      --slate-surface: color(display-p3 0.1176 0.1255 0.1333 / 0.5);
      --sage-surface: color(display-p3 0.1176 0.1255 0.1176 / 0.5);
      --olive-surface: color(display-p3 0.1176 0.1255 0.1176 / 0.5);
      --sand-surface: color(display-p3 0.1255 0.1255 0.1255 / 0.5);
      --amber-surface: color(display-p3 0.1412 0.1176 0.0784 / 0.5);
      --blue-surface: color(display-p3 0.0706 0.1255 0.2196 / 0.5);
      --bronze-surface: color(display-p3 0.1412 0.1255 0.1176 / 0.5);
      --brown-surface: color(display-p3 0.1412 0.1176 0.102 / 0.5);
      --crimson-surface: color(display-p3 0.1647 0.0863 0.1176 / 0.5);
      --cyan-surface: color(display-p3 0.0784 0.1412 0.1725 / 0.5);
      --gold-surface: color(display-p3 0.1412 0.1333 0.1098 / 0.5);
      --grass-surface: color(display-p3 0.102 0.1333 0.102 / 0.5);
      --green-surface: color(display-p3 0.0941 0.1412 0.1098 / 0.5);
      --indigo-surface: color(display-p3 0.0941 0.1098 0.2196 / 0.5);
      --iris-surface: color(display-p3 0.1098 0.102 0.2118 / 0.5);
      --jade-surface: color(display-p3 0.0863 0.149 0.1176 / 0.5);
      --lime-surface: color(display-p3 0.1098 0.1255 0.0784 / 0.5);
      --mint-surface: color(display-p3 0.0941 0.149 0.1412 / 0.5);
      --orange-surface: color(display-p3 0.1412 0.1098 0.0706 / 0.5);
      --pink-surface: color(display-p3 0.1725 0.0784 0.149 / 0.5);
      --plum-surface: color(display-p3 0.1647 0.0863 0.1725 / 0.5);
      --purple-surface: color(display-p3 0.149 0.0941 0.1961 / 0.5);
      --red-surface: color(display-p3 0.1647 0.0863 0.0863 / 0.5);
      --ruby-surface: color(display-p3 0.1569 0.0941 0.1098 / 0.5);
      --sky-surface: color(display-p3 0.0863 0.1333 0.2196 / 0.5);
      --teal-surface: color(display-p3 0.0863 0.149 0.1412 / 0.5);
      --tomato-surface: color(display-p3 0.1569 0.0941 0.0784 / 0.5);
      --violet-surface: color(display-p3 0.1333 0.102 0.2118 / 0.5);
      --yellow-surface: color(display-p3 0.1333 0.1176 0.0706 / 0.5);
    }
  }
}
:root {
  --gray-contrast: white;
  --mauve-contrast: white;
  --slate-contrast: white;
  --sage-contrast: white;
  --olive-contrast: white;
  --sand-contrast: white;
  --amber-contrast: #21201c;
  --blue-contrast: white;
  --bronze-contrast: white;
  --brown-contrast: white;
  --crimson-contrast: white;
  --cyan-contrast: white;
  --gold-contrast: white;
  --grass-contrast: white;
  --green-contrast: white;
  --indigo-contrast: white;
  --iris-contrast: white;
  --jade-contrast: white;
  --lime-contrast: #1d211c;
  --mint-contrast: #1a211e;
  --orange-contrast: white;
  --pink-contrast: white;
  --plum-contrast: white;
  --purple-contrast: white;
  --red-contrast: white;
  --ruby-contrast: white;
  --sky-contrast: #1c2024;
  --teal-contrast: white;
  --tomato-contrast: white;
  --violet-contrast: white;
  --yellow-contrast: #21201c;
  --black-a1: rgba(0, 0, 0, 0.05);
  --black-a2: rgba(0, 0, 0, 0.1);
  --black-a3: rgba(0, 0, 0, 0.15);
  --black-a4: rgba(0, 0, 0, 0.2);
  --black-a5: rgba(0, 0, 0, 0.3);
  --black-a6: rgba(0, 0, 0, 0.4);
  --black-a7: rgba(0, 0, 0, 0.5);
  --black-a8: rgba(0, 0, 0, 0.6);
  --black-a9: rgba(0, 0, 0, 0.7);
  --black-a10: rgba(0, 0, 0, 0.8);
  --black-a11: rgba(0, 0, 0, 0.9);
  --black-a12: rgba(0, 0, 0, 0.95);
  --white-a1: rgba(255, 255, 255, 0.05);
  --white-a2: rgba(255, 255, 255, 0.1);
  --white-a3: rgba(255, 255, 255, 0.15);
  --white-a4: rgba(255, 255, 255, 0.2);
  --white-a5: rgba(255, 255, 255, 0.3);
  --white-a6: rgba(255, 255, 255, 0.4);
  --white-a7: rgba(255, 255, 255, 0.5);
  --white-a8: rgba(255, 255, 255, 0.6);
  --white-a9: rgba(255, 255, 255, 0.7);
  --white-a10: rgba(255, 255, 255, 0.8);
  --white-a11: rgba(255, 255, 255, 0.9);
  --white-a12: rgba(255, 255, 255, 0.95);
}
@supports (color: color-mix(in oklab, white, black)) {
  .dark,
.dark-theme {
    --amber-track: color-mix(in oklab, var(--amber-8), var(--amber-9) 75%);
    --lime-track: color-mix(in oklab, var(--lime-8), var(--lime-9) 65%);
    --mint-track: color-mix(in oklab, var(--mint-8), var(--mint-9) 65%);
    --sky-track: color-mix(in oklab, var(--sky-8), var(--sky-9) 65%);
    --yellow-track: color-mix(in oklab, var(--yellow-8), var(--yellow-9) 65%);
  }
}
@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: white;
  --color-overlay: var(--black-a6);
  --color-panel-solid: white;
  --color-panel-translucent: rgba(255, 255, 255, 0.7);
  --color-surface: rgba(255, 255, 255, 0.85);
  --color-transparent: rgb(0 0 0 / 0);
  --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);
}
:is(.dark, .dark-theme),
:is(.dark, .dark-theme) :where(.radix-themes:not(.light, .light-theme)) {
  --color-background: var(--gray-1);
  --color-overlay: var(--black-a8);
  --color-panel-solid: var(--gray-2);
  --color-panel-translucent: var(--gray-a2);
  --color-surface: rgba(0, 0, 0, 0.25);
  --shadow-1: inset 0 -1px 1px 0 var(--gray-a3), inset 0 0 0 1px var(--gray-a3), inset 0 3px 4px 0 var(--black-a5), inset 0 0 0 1px var(--gray-a4);
  --shadow-2: 0 0 0 1px var(--gray-a6), 0 0 0 0.5px var(--black-a3), 0 1px 1px 0 var(--black-a6), 0 2px 1px -1px var(--black-a6), 0 1px 3px 0 var(--black-a5);
  --shadow-3: 0 0 0 1px var(--gray-a6), 0 2px 3px -2px var(--black-a3), 0 3px 8px -2px var(--black-a6), 0 4px 12px -4px var(--black-a7);
  --shadow-4: 0 0 0 1px var(--gray-a6), 0 8px 40px var(--black-a3), 0 12px 32px -16px var(--black-a5);
  --shadow-5: 0 0 0 1px var(--gray-a6), 0 12px 60px var(--black-a5), 0 12px 32px -16px var(--black-a7);
  --shadow-6: 0 0 0 1px var(--gray-a6), 0 12px 60px var(--black-a4), 0 16px 64px var(--black-a6), 0 16px 36px -20px var(--black-a11);
  --base-button-classic-after-inset: 1px;
  --base-button-classic-box-shadow-top: inset 0 0 0 1px var(--white-a2), inset 0 4px 2px -2px var(--white-a3), inset 0 1px 1px var(--white-a6), inset 0 -1px 1px var(--black-a6);
  --base-button-classic-box-shadow-bottom: 0 0 transparent;
  --base-button-classic-disabled-box-shadow: inset 0 0 0 1px var(--gray-a5), inset 0 4px 2px -2px var(--gray-a2), inset 0 1px 1px var(--gray-a5), inset 0 -1px 1px var(--black-a3), inset 0 0 0 1px var(--gray-a2);
  --base-button-classic-active-filter: brightness(1.08);
  --base-button-classic-high-contrast-hover-filter: contrast(0.88) saturate(1.3) brightness(1.14);
  --base-button-classic-high-contrast-active-filter: brightness(0.95) saturate(1.2);
  --base-button-solid-active-filter: brightness(1.08);
  --base-button-solid-high-contrast-hover-filter: contrast(0.88) saturate(1.3) brightness(1.18);
  --base-button-solid-high-contrast-active-filter: brightness(0.95) saturate(1.2);
  --kbd-box-shadow: inset 0 -0.05em 0.5em var(--gray-a3), inset 0 0.05em var(--gray-a11), inset 0 0.25em 0.5em var(--gray-a2), inset 0 -0.1em var(--black-a11), 0 0 0 0.075em var(--gray-a7), 0 0.08em 0.17em var(--black-a12);
  --progress-indicator-after-linear-gradient: var(--white-a3), var(--white-a6), var(--white-a3);
  --segmented-control-indicator-background-color: var(--gray-a3);
  --select-trigger-classic-box-shadow: inset 0 0 0 1px var(--white-a4), inset 0 1px 1px var(--white-a4), inset 0 -1px 1px var(--black-a9) ;
  --slider-range-high-contrast-background-image: none;
  --slider-disabled-blend-mode: screen;
  --switch-disabled-blend-mode: screen;
  --switch-high-contrast-checked-color-overlay: transparent;
  --switch-high-contrast-checked-active-before-filter: brightness(1.08);
  --switch-surface-checked-active-filter: brightness(1.08);
  --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-a3), 0 1px 1px 0 var(--black-a6), 0 2px 1px -1px var(--black-a6), 0 1px 3px 0 var(--black-a5);
  --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-a3), 0 1px 1px -1px var(--black-a6), 0 2px 1px -2px var(--black-a6), 0 1px 3px -1px var(--black-a5);
  --base-card-classic-hover-box-shadow-inner: 0 0 0 1px var(--base-card-classic-hover-border-color), 0 0 1px 1px var(--gray-a4), 0 0 1px -1px var(--gray-a4), 0 0 3px -2px var(--gray-a3), 0 0 12px -2px var(--gray-a3), 0 0 16px -8px var(--gray-a7);
  --base-card-classic-hover-box-shadow-outer: 0 0 0 0 var(--base-card-classic-hover-border-color), 0 0 1px 0 var(--gray-a4), 0 0 1px -2px var(--gray-a4), 0 0 3px -3px var(--gray-a3), 0 0 12px -3px var(--gray-a3), 0 0 16px -9px var(--gray-a7);
  --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-a3), 0 1px 1px 0 var(--black-a6), 0 2px 1px -1px var(--black-a6), 0 1px 3px 0 var(--black-a5);
  --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-a3), 0 1px 1px -1px var(--black-a6), 0 2px 1px -2px var(--black-a6), 0 1px 3px -1px var(--black-a5);
  --base-card-classic-border-color: var(--gray-a6);
  --base-card-classic-hover-border-color: var(--gray-a6);
  --base-card-classic-active-border-color: var(--gray-a6);
}
@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:where(.light, .light-theme),
  :root:where(:has(.radix-themes[data-is-root-theme='true']:where(.light, .light-theme))) {
  color-scheme: light;
}
.radix-themes:where(.dark, .dark-theme),
  :root:where(:has(.radix-themes[data-is-root-theme='true']:where(.dark, .dark-theme))) {
  color-scheme: dark;
}
.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='solid']) {
  --color-panel: var(--color-panel-solid);
  --backdrop-filter-panel: none;
}
.radix-themes:where([data-panel-background='translucent']) {
  --color-panel: var(--color-panel-translucent);
  --backdrop-filter-panel: blur(64px);
}
[data-accent-color='amber'] {
  --accent-1: var(--amber-1);
  --accent-2: var(--amber-2);
  --accent-3: var(--amber-3);
  --accent-4: var(--amber-4);
  --accent-5: var(--amber-5);
  --accent-6: var(--amber-6);
  --accent-7: var(--amber-7);
  --accent-8: var(--amber-8);
  --accent-9: var(--amber-9);
  --accent-10: var(--amber-10);
  --accent-11: var(--amber-11);
  --accent-12: var(--amber-12);
  --accent-a1: var(--amber-a1);
  --accent-a2: var(--amber-a2);
  --accent-a3: var(--amber-a3);
  --accent-a4: var(--amber-a4);
  --accent-a5: var(--amber-a5);
  --accent-a6: var(--amber-a6);
  --accent-a7: var(--amber-a7);
  --accent-a8: var(--amber-a8);
  --accent-a9: var(--amber-a9);
  --accent-a10: var(--amber-a10);
  --accent-a11: var(--amber-a11);
  --accent-a12: var(--amber-a12);
  --accent-contrast: var(--amber-contrast);
  --accent-surface: var(--amber-surface);
  --accent-indicator: var(--amber-indicator);
  --accent-track: var(--amber-track);
}
[data-accent-color='blue'] {
  --accent-1: var(--blue-1);
  --accent-2: var(--blue-2);
  --accent-3: var(--blue-3);
  --accent-4: var(--blue-4);
  --accent-5: var(--blue-5);
  --accent-6: var(--blue-6);
  --accent-7: var(--blue-7);
  --accent-8: var(--blue-8);
  --accent-9: var(--blue-9);
  --accent-10: var(--blue-10);
  --accent-11: var(--blue-11);
  --accent-12: var(--blue-12);
  --accent-a1: var(--blue-a1);
  --accent-a2: var(--blue-a2);
  --accent-a3: var(--blue-a3);
  --accent-a4: var(--blue-a4);
  --accent-a5: var(--blue-a5);
  --accent-a6: var(--blue-a6);
  --accent-a7: var(--blue-a7);
  --accent-a8: var(--blue-a8);
  --accent-a9: var(--blue-a9);
  --accent-a10: var(--blue-a10);
  --accent-a11: var(--blue-a11);
  --accent-a12: var(--blue-a12);
  --accent-contrast: var(--blue-contrast);
  --accent-surface: var(--blue-surface);
  --accent-indicator: var(--blue-indicator);
  --accent-track: var(--blue-track);
}
[data-accent-color='bronze'] {
  --accent-1: var(--bronze-1);
  --accent-2: var(--bronze-2);
  --accent-3: var(--bronze-3);
  --accent-4: var(--bronze-4);
  --accent-5: var(--bronze-5);
  --accent-6: var(--bronze-6);
  --accent-7: var(--bronze-7);
  --accent-8: var(--bronze-8);
  --accent-9: var(--bronze-9);
  --accent-10: var(--bronze-10);
  --accent-11: var(--bronze-11);
  --accent-12: var(--bronze-12);
  --accent-a1: var(--bronze-a1);
  --accent-a2: var(--bronze-a2);
  --accent-a3: var(--bronze-a3);
  --accent-a4: var(--bronze-a4);
  --accent-a5: var(--bronze-a5);
  --accent-a6: var(--bronze-a6);
  --accent-a7: var(--bronze-a7);
  --accent-a8: var(--bronze-a8);
  --accent-a9: var(--bronze-a9);
  --accent-a10: var(--bronze-a10);
  --accent-a11: var(--bronze-a11);
  --accent-a12: var(--bronze-a12);
  --accent-contrast: var(--bronze-contrast);
  --accent-surface: var(--bronze-surface);
  --accent-indicator: var(--bronze-indicator);
  --accent-track: var(--bronze-track);
}
[data-accent-color='brown'] {
  --accent-1: var(--brown-1);
  --accent-2: var(--brown-2);
  --accent-3: var(--brown-3);
  --accent-4: var(--brown-4);
  --accent-5: var(--brown-5);
  --accent-6: var(--brown-6);
  --accent-7: var(--brown-7);
  --accent-8: var(--brown-8);
  --accent-9: var(--brown-9);
  --accent-10: var(--brown-10);
  --accent-11: var(--brown-11);
  --accent-12: var(--brown-12);
  --accent-a1: var(--brown-a1);
  --accent-a2: var(--brown-a2);
  --accent-a3: var(--brown-a3);
  --accent-a4: var(--brown-a4);
  --accent-a5: var(--brown-a5);
  --accent-a6: var(--brown-a6);
  --accent-a7: var(--brown-a7);
  --accent-a8: var(--brown-a8);
  --accent-a9: var(--brown-a9);
  --accent-a10: var(--brown-a10);
  --accent-a11: var(--brown-a11);
  --accent-a12: var(--brown-a12);
  --accent-contrast: var(--brown-contrast);
  --accent-surface: var(--brown-surface);
  --accent-indicator: var(--brown-indicator);
  --accent-track: var(--brown-track);
}
[data-accent-color='crimson'] {
  --accent-1: var(--crimson-1);
  --accent-2: var(--crimson-2);
  --accent-3: var(--crimson-3);
  --accent-4: var(--crimson-4);
  --accent-5: var(--crimson-5);
  --accent-6: var(--crimson-6);
  --accent-7: var(--crimson-7);
  --accent-8: var(--crimson-8);
  --accent-9: var(--crimson-9);
  --accent-10: var(--crimson-10);
  --accent-11: var(--crimson-11);
  --accent-12: var(--crimson-12);
  --accent-a1: var(--crimson-a1);
  --accent-a2: var(--crimson-a2);
  --accent-a3: var(--crimson-a3);
  --accent-a4: var(--crimson-a4);
  --accent-a5: var(--crimson-a5);
  --accent-a6: var(--crimson-a6);
  --accent-a7: var(--crimson-a7);
  --accent-a8: var(--crimson-a8);
  --accent-a9: var(--crimson-a9);
  --accent-a10: var(--crimson-a10);
  --accent-a11: var(--crimson-a11);
  --accent-a12: var(--crimson-a12);
  --accent-contrast: var(--crimson-contrast);
  --accent-surface: var(--crimson-surface);
  --accent-indicator: var(--crimson-indicator);
  --accent-track: var(--crimson-track);
}
[data-accent-color='cyan'] {
  --accent-1: var(--cyan-1);
  --accent-2: var(--cyan-2);
  --accent-3: var(--cyan-3);
  --accent-4: var(--cyan-4);
  --accent-5: var(--cyan-5);
  --accent-6: var(--cyan-6);
  --accent-7: var(--cyan-7);
  --accent-8: var(--cyan-8);
  --accent-9: var(--cyan-9);
  --accent-10: var(--cyan-10);
  --accent-11: var(--cyan-11);
  --accent-12: var(--cyan-12);
  --accent-a1: var(--cyan-a1);
  --accent-a2: var(--cyan-a2);
  --accent-a3: var(--cyan-a3);
  --accent-a4: var(--cyan-a4);
  --accent-a5: var(--cyan-a5);
  --accent-a6: var(--cyan-a6);
  --accent-a7: var(--cyan-a7);
  --accent-a8: var(--cyan-a8);
  --accent-a9: var(--cyan-a9);
  --accent-a10: var(--cyan-a10);
  --accent-a11: var(--cyan-a11);
  --accent-a12: var(--cyan-a12);
  --accent-contrast: var(--cyan-contrast);
  --accent-surface: var(--cyan-surface);
  --accent-indicator: var(--cyan-indicator);
  --accent-track: var(--cyan-track);
}
[data-accent-color='gold'] {
  --accent-1: var(--gold-1);
  --accent-2: var(--gold-2);
  --accent-3: var(--gold-3);
  --accent-4: var(--gold-4);
  --accent-5: var(--gold-5);
  --accent-6: var(--gold-6);
  --accent-7: var(--gold-7);
  --accent-8: var(--gold-8);
  --accent-9: var(--gold-9);
  --accent-10: var(--gold-10);
  --accent-11: var(--gold-11);
  --accent-12: var(--gold-12);
  --accent-a1: var(--gold-a1);
  --accent-a2: var(--gold-a2);
  --accent-a3: var(--gold-a3);
  --accent-a4: var(--gold-a4);
  --accent-a5: var(--gold-a5);
  --accent-a6: var(--gold-a6);
  --accent-a7: var(--gold-a7);
  --accent-a8: var(--gold-a8);
  --accent-a9: var(--gold-a9);
  --accent-a10: var(--gold-a10);
  --accent-a11: var(--gold-a11);
  --accent-a12: var(--gold-a12);
  --accent-contrast: var(--gold-contrast);
  --accent-surface: var(--gold-surface);
  --accent-indicator: var(--gold-indicator);
  --accent-track: var(--gold-track);
}
[data-accent-color='grass'] {
  --accent-1: var(--grass-1);
  --accent-2: var(--grass-2);
  --accent-3: var(--grass-3);
  --accent-4: var(--grass-4);
  --accent-5: var(--grass-5);
  --accent-6: var(--grass-6);
  --accent-7: var(--grass-7);
  --accent-8: var(--grass-8);
  --accent-9: var(--grass-9);
  --accent-10: var(--grass-10);
  --accent-11: var(--grass-11);
  --accent-12: var(--grass-12);
  --accent-a1: var(--grass-a1);
  --accent-a2: var(--grass-a2);
  --accent-a3: var(--grass-a3);
  --accent-a4: var(--grass-a4);
  --accent-a5: var(--grass-a5);
  --accent-a6: var(--grass-a6);
  --accent-a7: var(--grass-a7);
  --accent-a8: var(--grass-a8);
  --accent-a9: var(--grass-a9);
  --accent-a10: var(--grass-a10);
  --accent-a11: var(--grass-a11);
  --accent-a12: var(--grass-a12);
  --accent-contrast: var(--grass-contrast);
  --accent-surface: var(--grass-surface);
  --accent-indicator: var(--grass-indicator);
  --accent-track: var(--grass-track);
}
[data-accent-color='gray'] {
  --accent-1: var(--gray-1);
  --accent-2: var(--gray-2);
  --accent-3: var(--gray-3);
  --accent-4: var(--gray-4);
  --accent-5: var(--gray-5);
  --accent-6: var(--gray-6);
  --accent-7: var(--gray-7);
  --accent-8: var(--gray-8);
  --accent-9: var(--gray-9);
  --accent-10: var(--gray-10);
  --accent-11: var(--gray-11);
  --accent-12: var(--gray-12);
  --accent-a1: var(--gray-a1);
  --accent-a2: var(--gray-a2);
  --accent-a3: var(--gray-a3);
  --accent-a4: var(--gray-a4);
  --accent-a5: var(--gray-a5);
  --accent-a6: var(--gray-a6);
  --accent-a7: var(--gray-a7);
  --accent-a8: var(--gray-a8);
  --accent-a9: var(--gray-a9);
  --accent-a10: var(--gray-a10);
  --accent-a11: var(--gray-a11);
  --accent-a12: var(--gray-a12);
  --accent-contrast: var(--gray-contrast);
  --accent-surface: var(--gray-surface);
  --accent-indicator: var(--gray-indicator);
  --accent-track: var(--gray-track);
}
[data-accent-color='green'] {
  --accent-1: var(--green-1);
  --accent-2: var(--green-2);
  --accent-3: var(--green-3);
  --accent-4: var(--green-4);
  --accent-5: var(--green-5);
  --accent-6: var(--green-6);
  --accent-7: var(--green-7);
  --accent-8: var(--green-8);
  --accent-9: var(--green-9);
  --accent-10: var(--green-10);
  --accent-11: var(--green-11);
  --accent-12: var(--green-12);
  --accent-a1: var(--green-a1);
  --accent-a2: var(--green-a2);
  --accent-a3: var(--green-a3);
  --accent-a4: var(--green-a4);
  --accent-a5: var(--green-a5);
  --accent-a6: var(--green-a6);
  --accent-a7: var(--green-a7);
  --accent-a8: var(--green-a8);
  --accent-a9: var(--green-a9);
  --accent-a10: var(--green-a10);
  --accent-a11: var(--green-a11);
  --accent-a12: var(--green-a12);
  --accent-contrast: var(--green-contrast);
  --accent-surface: var(--green-surface);
  --accent-indicator: var(--green-indicator);
  --accent-track: var(--green-track);
}
[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);
}
[data-accent-color='iris'] {
  --accent-1: var(--iris-1);
  --accent-2: var(--iris-2);
  --accent-3: var(--iris-3);
  --accent-4: var(--iris-4);
  --accent-5: var(--iris-5);
  --accent-6: var(--iris-6);
  --accent-7: var(--iris-7);
  --accent-8: var(--iris-8);
  --accent-9: var(--iris-9);
  --accent-10: var(--iris-10);
  --accent-11: var(--iris-11);
  --accent-12: var(--iris-12);
  --accent-a1: var(--iris-a1);
  --accent-a2: var(--iris-a2);
  --accent-a3: var(--iris-a3);
  --accent-a4: var(--iris-a4);
  --accent-a5: var(--iris-a5);
  --accent-a6: var(--iris-a6);
  --accent-a7: var(--iris-a7);
  --accent-a8: var(--iris-a8);
  --accent-a9: var(--iris-a9);
  --accent-a10: var(--iris-a10);
  --accent-a11: var(--iris-a11);
  --accent-a12: var(--iris-a12);
  --accent-contrast: var(--iris-contrast);
  --accent-surface: var(--iris-surface);
  --accent-indicator: var(--iris-indicator);
  --accent-track: var(--iris-track);
}
[data-accent-color='jade'] {
  --accent-1: var(--jade-1);
  --accent-2: var(--jade-2);
  --accent-3: var(--jade-3);
  --accent-4: var(--jade-4);
  --accent-5: var(--jade-5);
  --accent-6: var(--jade-6);
  --accent-7: var(--jade-7);
  --accent-8: var(--jade-8);
  --accent-9: var(--jade-9);
  --accent-10: var(--jade-10);
  --accent-11: var(--jade-11);
  --accent-12: var(--jade-12);
  --accent-a1: var(--jade-a1);
  --accent-a2: var(--jade-a2);
  --accent-a3: var(--jade-a3);
  --accent-a4: var(--jade-a4);
  --accent-a5: var(--jade-a5);
  --accent-a6: var(--jade-a6);
  --accent-a7: var(--jade-a7);
  --accent-a8: var(--jade-a8);
  --accent-a9: var(--jade-a9);
  --accent-a10: var(--jade-a10);
  --accent-a11: var(--jade-a11);
  --accent-a12: var(--jade-a12);
  --accent-contrast: var(--jade-contrast);
  --accent-surface: var(--jade-surface);
  --accent-indicator: var(--jade-indicator);
  --accent-track: var(--jade-track);
}
[data-accent-color='lime'] {
  --accent-1: var(--lime-1);
  --accent-2: var(--lime-2);
  --accent-3: var(--lime-3);
  --accent-4: var(--lime-4);
  --accent-5: var(--lime-5);
  --accent-6: var(--lime-6);
  --accent-7: var(--lime-7);
  --accent-8: var(--lime-8);
  --accent-9: var(--lime-9);
  --accent-10: var(--lime-10);
  --accent-11: var(--lime-11);
  --accent-12: var(--lime-12);
  --accent-a1: var(--lime-a1);
  --accent-a2: var(--lime-a2);
  --accent-a3: var(--lime-a3);
  --accent-a4: var(--lime-a4);
  --accent-a5: var(--lime-a5);
  --accent-a6: var(--lime-a6);
  --accent-a7: var(--lime-a7);
  --accent-a8: var(--lime-a8);
  --accent-a9: var(--lime-a9);
  --accent-a10: var(--lime-a10);
  --accent-a11: var(--lime-a11);
  --accent-a12: var(--lime-a12);
  --accent-contrast: var(--lime-contrast);
  --accent-surface: var(--lime-surface);
  --accent-indicator: var(--lime-indicator);
  --accent-track: var(--lime-track);
}
[data-accent-color='mint'] {
  --accent-1: var(--mint-1);
  --accent-2: var(--mint-2);
  --accent-3: var(--mint-3);
  --accent-4: var(--mint-4);
  --accent-5: var(--mint-5);
  --accent-6: var(--mint-6);
  --accent-7: var(--mint-7);
  --accent-8: var(--mint-8);
  --accent-9: var(--mint-9);
  --accent-10: var(--mint-10);
  --accent-11: var(--mint-11);
  --accent-12: var(--mint-12);
  --accent-a1: var(--mint-a1);
  --accent-a2: var(--mint-a2);
  --accent-a3: var(--mint-a3);
  --accent-a4: var(--mint-a4);
  --accent-a5: var(--mint-a5);
  --accent-a6: var(--mint-a6);
  --accent-a7: var(--mint-a7);
  --accent-a8: var(--mint-a8);
  --accent-a9: var(--mint-a9);
  --accent-a10: var(--mint-a10);
  --accent-a11: var(--mint-a11);
  --accent-a12: var(--mint-a12);
  --accent-contrast: var(--mint-contrast);
  --accent-surface: var(--mint-surface);
  --accent-indicator: var(--mint-indicator);
  --accent-track: var(--mint-track);
}
[data-accent-color='orange'] {
  --accent-1: var(--orange-1);
  --accent-2: var(--orange-2);
  --accent-3: var(--orange-3);
  --accent-4: var(--orange-4);
  --accent-5: var(--orange-5);
  --accent-6: var(--orange-6);
  --accent-7: var(--orange-7);
  --accent-8: var(--orange-8);
  --accent-9: var(--orange-9);
  --accent-10: var(--orange-10);
  --accent-11: var(--orange-11);
  --accent-12: var(--orange-12);
  --accent-a1: var(--orange-a1);
  --accent-a2: var(--orange-a2);
  --accent-a3: var(--orange-a3);
  --accent-a4: var(--orange-a4);
  --accent-a5: var(--orange-a5);
  --accent-a6: var(--orange-a6);
  --accent-a7: var(--orange-a7);
  --accent-a8: var(--orange-a8);
  --accent-a9: var(--orange-a9);
  --accent-a10: var(--orange-a10);
  --accent-a11: var(--orange-a11);
  --accent-a12: var(--orange-a12);
  --accent-contrast: var(--orange-contrast);
  --accent-surface: var(--orange-surface);
  --accent-indicator: var(--orange-indicator);
  --accent-track: var(--orange-track);
}
[data-accent-color='pink'] {
  --accent-1: var(--pink-1);
  --accent-2: var(--pink-2);
  --accent-3: var(--pink-3);
  --accent-4: var(--pink-4);
  --accent-5: var(--pink-5);
  --accent-6: var(--pink-6);
  --accent-7: var(--pink-7);
  --accent-8: var(--pink-8);
  --accent-9: var(--pink-9);
  --accent-10: var(--pink-10);
  --accent-11: var(--pink-11);
  --accent-12: var(--pink-12);
  --accent-a1: var(--pink-a1);
  --accent-a2: var(--pink-a2);
  --accent-a3: var(--pink-a3);
  --accent-a4: var(--pink-a4);
  --accent-a5: var(--pink-a5);
  --accent-a6: var(--pink-a6);
  --accent-a7: var(--pink-a7);
  --accent-a8: var(--pink-a8);
  --accent-a9: var(--pink-a9);
  --accent-a10: var(--pink-a10);
  --accent-a11: var(--pink-a11);
  --accent-a12: var(--pink-a12);
  --accent-contrast: var(--pink-contrast);
  --accent-surface: var(--pink-surface);
  --accent-indicator: var(--pink-indicator);
  --accent-track: var(--pink-track);
}
[data-accent-color='plum'] {
  --accent-1: var(--plum-1);
  --accent-2: var(--plum-2);
  --accent-3: var(--plum-3);
  --accent-4: var(--plum-4);
  --accent-5: var(--plum-5);
  --accent-6: var(--plum-6);
  --accent-7: var(--plum-7);
  --accent-8: var(--plum-8);
  --accent-9: var(--plum-9);
  --accent-10: var(--plum-10);
  --accent-11: var(--plum-11);
  --accent-12: var(--plum-12);
  --accent-a1: var(--plum-a1);
  --accent-a2: var(--plum-a2);
  --accent-a3: var(--plum-a3);
  --accent-a4: var(--plum-a4);
  --accent-a5: var(--plum-a5);
  --accent-a6: var(--plum-a6);
  --accent-a7: var(--plum-a7);
  --accent-a8: var(--plum-a8);
  --accent-a9: var(--plum-a9);
  --accent-a10: var(--plum-a10);
  --accent-a11: var(--plum-a11);
  --accent-a12: var(--plum-a12);
  --accent-contrast: var(--plum-contrast);
  --accent-surface: var(--plum-surface);
  --accent-indicator: var(--plum-indicator);
  --accent-track: var(--plum-track);
}
[data-accent-color='purple'] {
  --accent-1: var(--purple-1);
  --accent-2: var(--purple-2);
  --accent-3: var(--purple-3);
  --accent-4: var(--purple-4);
  --accent-5: var(--purple-5);
  --accent-6: var(--purple-6);
  --accent-7: var(--purple-7);
  --accent-8: var(--purple-8);
  --accent-9: var(--purple-9);
  --accent-10: var(--purple-10);
  --accent-11: var(--purple-11);
  --accent-12: var(--purple-12);
  --accent-a1: var(--purple-a1);
  --accent-a2: var(--purple-a2);
  --accent-a3: var(--purple-a3);
  --accent-a4: var(--purple-a4);
  --accent-a5: var(--purple-a5);
  --accent-a6: var(--purple-a6);
  --accent-a7: var(--purple-a7);
  --accent-a8: var(--purple-a8);
  --accent-a9: var(--purple-a9);
  --accent-a10: var(--purple-a10);
  --accent-a11: var(--purple-a11);
  --accent-a12: var(--purple-a12);
  --accent-contrast: var(--purple-contrast);
  --accent-surface: var(--purple-surface);
  --accent-indicator: var(--purple-indicator);
  --accent-track: var(--purple-track);
}
[data-accent-color='red'] {
  --accent-1: var(--red-1);
  --accent-2: var(--red-2);
  --accent-3: var(--red-3);
  --accent-4: var(--red-4);
  --accent-5: var(--red-5);
  --accent-6: var(--red-6);
  --accent-7: var(--red-7);
  --accent-8: var(--red-8);
  --accent-9: var(--red-9);
  --accent-10: var(--red-10);
  --accent-11: var(--red-11);
  --accent-12: var(--red-12);
  --accent-a1: var(--red-a1);
  --accent-a2: var(--red-a2);
  --accent-a3: var(--red-a3);
  --accent-a4: var(--red-a4);
  --accent-a5: var(--red-a5);
  --accent-a6: var(--red-a6);
  --accent-a7: var(--red-a7);
  --accent-a8: var(--red-a8);
  --accent-a9: var(--red-a9);
  --accent-a10: var(--red-a10);
  --accent-a11: var(--red-a11);
  --accent-a12: var(--red-a12);
  --accent-contrast: var(--red-contrast);
  --accent-surface: var(--red-surface);
  --accent-indicator: var(--red-indicator);
  --accent-track: var(--red-track);
}
[data-accent-color='ruby'] {
  --accent-1: var(--ruby-1);
  --accent-2: var(--ruby-2);
  --accent-3: var(--ruby-3);
  --accent-4: var(--ruby-4);
  --accent-5: var(--ruby-5);
  --accent-6: var(--ruby-6);
  --accent-7: var(--ruby-7);
  --accent-8: var(--ruby-8);
  --accent-9: var(--ruby-9);
  --accent-10: var(--ruby-10);
  --accent-11: var(--ruby-11);
  --accent-12: var(--ruby-12);
  --accent-a1: var(--ruby-a1);
  --accent-a2: var(--ruby-a2);
  --accent-a3: var(--ruby-a3);
  --accent-a4: var(--ruby-a4);
  --accent-a5: var(--ruby-a5);
  --accent-a6: var(--ruby-a6);
  --accent-a7: var(--ruby-a7);
  --accent-a8: var(--ruby-a8);
  --accent-a9: var(--ruby-a9);
  --accent-a10: var(--ruby-a10);
  --accent-a11: var(--ruby-a11);
  --accent-a12: var(--ruby-a12);
  --accent-contrast: var(--ruby-contrast);
  --accent-surface: var(--ruby-surface);
  --accent-indicator: var(--ruby-indicator);
  --accent-track: var(--ruby-track);
}
[data-accent-color='sky'] {
  --accent-1: var(--sky-1);
  --accent-2: var(--sky-2);
  --accent-3: var(--sky-3);
  --accent-4: var(--sky-4);
  --accent-5: var(--sky-5);
  --accent-6: var(--sky-6);
  --accent-7: var(--sky-7);
  --accent-8: var(--sky-8);
  --accent-9: var(--sky-9);
  --accent-10: var(--sky-10);
  --accent-11: var(--sky-11);
  --accent-12: var(--sky-12);
  --accent-a1: var(--sky-a1);
  --accent-a2: var(--sky-a2);
  --accent-a3: var(--sky-a3);
  --accent-a4: var(--sky-a4);
  --accent-a5: var(--sky-a5);
  --accent-a6: var(--sky-a6);
  --accent-a7: var(--sky-a7);
  --accent-a8: var(--sky-a8);
  --accent-a9: var(--sky-a9);
  --accent-a10: var(--sky-a10);
  --accent-a11: var(--sky-a11);
  --accent-a12: var(--sky-a12);
  --accent-contrast: var(--sky-contrast);
  --accent-surface: var(--sky-surface);
  --accent-indicator: var(--sky-indicator);
  --accent-track: var(--sky-track);
}
[data-accent-color='teal'] {
  --accent-1: var(--teal-1);
  --accent-2: var(--teal-2);
  --accent-3: var(--teal-3);
  --accent-4: var(--teal-4);
  --accent-5: var(--teal-5);
  --accent-6: var(--teal-6);
  --accent-7: var(--teal-7);
  --accent-8: var(--teal-8);
  --accent-9: var(--teal-9);
  --accent-10: var(--teal-10);
  --accent-11: var(--teal-11);
  --accent-12: var(--teal-12);
  --accent-a1: var(--teal-a1);
  --accent-a2: var(--teal-a2);
  --accent-a3: var(--teal-a3);
  --accent-a4: var(--teal-a4);
  --accent-a5: var(--teal-a5);
  --accent-a6: var(--teal-a6);
  --accent-a7: var(--teal-a7);
  --accent-a8: var(--teal-a8);
  --accent-a9: var(--teal-a9);
  --accent-a10: var(--teal-a10);
  --accent-a11: var(--teal-a11);
  --accent-a12: var(--teal-a12);
  --accent-contrast: var(--teal-contrast);
  --accent-surface: var(--teal-surface);
  --accent-indicator: var(--teal-indicator);
  --accent-track: var(--teal-track);
}
[data-accent-color='tomato'] {
  --accent-1: var(--tomato-1);
  --accent-2: var(--tomato-2);
  --accent-3: var(--tomato-3);
  --accent-4: var(--tomato-4);
  --accent-5: var(--tomato-5);
  --accent-6: var(--tomato-6);
  --accent-7: var(--tomato-7);
  --accent-8: var(--tomato-8);
  --accent-9: var(--tomato-9);
  --accent-10: var(--tomato-10);
  --accent-11: var(--tomato-11);
  --accent-12: var(--tomato-12);
  --accent-a1: var(--tomato-a1);
  --accent-a2: var(--tomato-a2);
  --accent-a3: var(--tomato-a3);
  --accent-a4: var(--tomato-a4);
  --accent-a5: var(--tomato-a5);
  --accent-a6: var(--tomato-a6);
  --accent-a7: var(--tomato-a7);
  --accent-a8: var(--tomato-a8);
  --accent-a9: var(--tomato-a9);
  --accent-a10: var(--tomato-a10);
  --accent-a11: var(--tomato-a11);
  --accent-a12: var(--tomato-a12);
  --accent-contrast: var(--tomato-contrast);
  --accent-surface: var(--tomato-surface);
  --accent-indicator: var(--tomato-indicator);
  --accent-track: var(--tomato-track);
}
[data-accent-color='violet'] {
  --accent-1: var(--violet-1);
  --accent-2: var(--violet-2);
  --accent-3: var(--violet-3);
  --accent-4: var(--violet-4);
  --accent-5: var(--violet-5);
  --accent-6: var(--violet-6);
  --accent-7: var(--violet-7);
  --accent-8: var(--violet-8);
  --accent-9: var(--violet-9);
  --accent-10: var(--violet-10);
  --accent-11: var(--violet-11);
  --accent-12: var(--violet-12);
  --accent-a1: var(--violet-a1);
  --accent-a2: var(--violet-a2);
  --accent-a3: var(--violet-a3);
  --accent-a4: var(--violet-a4);
  --accent-a5: var(--violet-a5);
  --accent-a6: var(--violet-a6);
  --accent-a7: var(--violet-a7);
  --accent-a8: var(--violet-a8);
  --accent-a9: var(--violet-a9);
  --accent-a10: var(--violet-a10);
  --accent-a11: var(--violet-a11);
  --accent-a12: var(--violet-a12);
  --accent-contrast: var(--violet-contrast);
  --accent-surface: var(--violet-surface);
  --accent-indicator: var(--violet-indicator);
  --accent-track: var(--violet-track);
}
[data-accent-color='yellow'] {
  --accent-1: var(--yellow-1);
  --accent-2: var(--yellow-2);
  --accent-3: var(--yellow-3);
  --accent-4: var(--yellow-4);
  --accent-5: var(--yellow-5);
  --accent-6: var(--yellow-6);
  --accent-7: var(--yellow-7);
  --accent-8: var(--yellow-8);
  --accent-9: var(--yellow-9);
  --accent-10: var(--yellow-10);
  --accent-11: var(--yellow-11);
  --accent-12: var(--yellow-12);
  --accent-a1: var(--yellow-a1);
  --accent-a2: var(--yellow-a2);
  --accent-a3: var(--yellow-a3);
  --accent-a4: var(--yellow-a4);
  --accent-a5: var(--yellow-a5);
  --accent-a6: var(--yellow-a6);
  --accent-a7: var(--yellow-a7);
  --accent-a8: var(--yellow-a8);
  --accent-a9: var(--yellow-a9);
  --accent-a10: var(--yellow-a10);
  --accent-a11: var(--yellow-a11);
  --accent-a12: var(--yellow-a12);
  --accent-contrast: var(--yellow-contrast);
  --accent-surface: var(--yellow-surface);
  --accent-indicator: var(--yellow-indicator);
  --accent-track: var(--yellow-track);
}
.radix-themes:where([data-gray-color='mauve']) {
  --gray-1: var(--mauve-1);
  --gray-2: var(--mauve-2);
  --gray-3: var(--mauve-3);
  --gray-4: var(--mauve-4);
  --gray-5: var(--mauve-5);
  --gray-6: var(--mauve-6);
  --gray-7: var(--mauve-7);
  --gray-8: var(--mauve-8);
  --gray-9: var(--mauve-9);
  --gray-10: var(--mauve-10);
  --gray-11: var(--mauve-11);
  --gray-12: var(--mauve-12);
  --gray-a1: var(--mauve-a1);
  --gray-a2: var(--mauve-a2);
  --gray-a3: var(--mauve-a3);
  --gray-a4: var(--mauve-a4);
  --gray-a5: var(--mauve-a5);
  --gray-a6: var(--mauve-a6);
  --gray-a7: var(--mauve-a7);
  --gray-a8: var(--mauve-a8);
  --gray-a9: var(--mauve-a9);
  --gray-a10: var(--mauve-a10);
  --gray-a11: var(--mauve-a11);
  --gray-a12: var(--mauve-a12);
  --gray-contrast: var(--mauve-contrast);
  --gray-surface: var(--mauve-surface);
  --gray-indicator: var(--mauve-indicator);
  --gray-track: var(--mauve-track);
}
.radix-themes:where([data-gray-color='olive']) {
  --gray-1: var(--olive-1);
  --gray-2: var(--olive-2);
  --gray-3: var(--olive-3);
  --gray-4: var(--olive-4);
  --gray-5: var(--olive-5);
  --gray-6: var(--olive-6);
  --gray-7: var(--olive-7);
  --gray-8: var(--olive-8);
  --gray-9: var(--olive-9);
  --gray-10: var(--olive-10);
  --gray-11: var(--olive-11);
  --gray-12: var(--olive-12);
  --gray-a1: var(--olive-a1);
  --gray-a2: var(--olive-a2);
  --gray-a3: var(--olive-a3);
  --gray-a4: var(--olive-a4);
  --gray-a5: var(--olive-a5);
  --gray-a6: var(--olive-a6);
  --gray-a7: var(--olive-a7);
  --gray-a8: var(--olive-a8);
  --gray-a9: var(--olive-a9);
  --gray-a10: var(--olive-a10);
  --gray-a11: var(--olive-a11);
  --gray-a12: var(--olive-a12);
  --gray-contrast: var(--olive-contrast);
  --gray-surface: var(--olive-surface);
  --gray-indicator: var(--olive-indicator);
  --gray-track: var(--olive-track);
}
.radix-themes:where([data-gray-color='sage']) {
  --gray-1: var(--sage-1);
  --gray-2: var(--sage-2);
  --gray-3: var(--sage-3);
  --gray-4: var(--sage-4);
  --gray-5: var(--sage-5);
  --gray-6: var(--sage-6);
  --gray-7: var(--sage-7);
  --gray-8: var(--sage-8);
  --gray-9: var(--sage-9);
  --gray-10: var(--sage-10);
  --gray-11: var(--sage-11);
  --gray-12: var(--sage-12);
  --gray-a1: var(--sage-a1);
  --gray-a2: var(--sage-a2);
  --gray-a3: var(--sage-a3);
  --gray-a4: var(--sage-a4);
  --gray-a5: var(--sage-a5);
  --gray-a6: var(--sage-a6);
  --gray-a7: var(--sage-a7);
  --gray-a8: var(--sage-a8);
  --gray-a9: var(--sage-a9);
  --gray-a10: var(--sage-a10);
  --gray-a11: var(--sage-a11);
  --gray-a12: var(--sage-a12);
  --gray-contrast: var(--sage-contrast);
  --gray-surface: var(--sage-surface);
  --gray-indicator: var(--sage-indicator);
  --gray-track: var(--sage-track);
}
.radix-themes:where([data-gray-color='sand']) {
  --gray-1: var(--sand-1);
  --gray-2: var(--sand-2);
  --gray-3: var(--sand-3);
  --gray-4: var(--sand-4);
  --gray-5: var(--sand-5);
  --gray-6: var(--sand-6);
  --gray-7: var(--sand-7);
  --gray-8: var(--sand-8);
  --gray-9: var(--sand-9);
  --gray-10: var(--sand-10);
  --gray-11: var(--sand-11);
  --gray-12: var(--sand-12);
  --gray-a1: var(--sand-a1);
  --gray-a2: var(--sand-a2);
  --gray-a3: var(--sand-a3);
  --gray-a4: var(--sand-a4);
  --gray-a5: var(--sand-a5);
  --gray-a6: var(--sand-a6);
  --gray-a7: var(--sand-a7);
  --gray-a8: var(--sand-a8);
  --gray-a9: var(--sand-a9);
  --gray-a10: var(--sand-a10);
  --gray-a11: var(--sand-a11);
  --gray-a12: var(--sand-a12);
  --gray-contrast: var(--sand-contrast);
  --gray-surface: var(--sand-surface);
  --gray-indicator: var(--sand-indicator);
  --gray-track: var(--sand-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='90%']) {
  --scaling: 0.9;
}
.radix-themes:where([data-scaling='95%']) {
  --scaling: 0.95;
}
.radix-themes:where([data-scaling='100%']) {
  --scaling: 1;
}
.radix-themes:where([data-scaling='105%']) {
  --scaling: 1.05;
}
.radix-themes:where([data-scaling='110%']) {
  --scaling: 1.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='none'] {
  --radius-factor: 0;
  --radius-full: 0px;
  --radius-thumb: 0.5px;
}
[data-radius='small'] {
  --radius-factor: 0.75;
  --radius-full: 0px;
  --radius-thumb: 0.5px;
}
[data-radius='medium'] {
  --radius-factor: 1;
  --radius-full: 0px;
  --radius-thumb: 9999px;
}
[data-radius='large'] {
  --radius-factor: 1.5;
  --radius-full: 0px;
  --radius-thumb: 9999px;
}
[data-radius='full'] {
  --radius-factor: 1.5;
  --radius-full: 9999px;
  --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%);
  }
  :is(.dark, .dark-theme),
  :is(.dark, .dark-theme) :where(.radix-themes:not(.light, .light-theme)) {
    --shadow-1: inset 0 -1px 1px 0 var(--gray-a3), inset 0 0 0 1px var(--gray-a3), inset 0 3px 4px 0 var(--black-a5), inset 0 0 0 1px var(--gray-a4);
    --shadow-2: 0 0 0 1px color-mix(in oklab, var(--gray-a6), var(--gray-6) 25%), 0 0 0 0.5px var(--black-a3), 0 1px 1px 0 var(--black-a6), 0 2px 1px -1px var(--black-a6), 0 1px 3px 0 var(--black-a5);
    --shadow-3: 0 0 0 1px color-mix(in oklab, var(--gray-a6), var(--gray-6) 25%), 0 2px 3px -2px var(--black-a3), 0 3px 8px -2px var(--black-a6), 0 4px 12px -4px var(--black-a7);
    --shadow-4: 0 0 0 1px color-mix(in oklab, var(--gray-a6), var(--gray-6) 25%), 0 8px 40px var(--black-a3), 0 12px 32px -16px var(--black-a5);
    --shadow-5: 0 0 0 1px color-mix(in oklab, var(--gray-a6), var(--gray-6) 25%), 0 12px 60px var(--black-a5), 0 12px 32px -16px var(--black-a7);
    --shadow-6: 0 0 0 1px color-mix(in oklab, var(--gray-a6), var(--gray-6) 25%), 0 12px 60px var(--black-a4), 0 16px 64px var(--black-a6), 0 16px 36px -20px var(--black-a11);
    --base-card-classic-border-color: color-mix(in oklab, var(--gray-a6), var(--gray-6) 25%);
    --base-card-classic-hover-border-color: color-mix(in oklab, var(--gray-a6), var(--gray-6) 25%);
    --base-card-classic-active-border-color: color-mix(in oklab, var(--gray-a6), var(--gray-6) 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(body, blockquote, dl, dd, figure, p) {
  margin: 0;
}
.rt-reset:where(address, b, cite, code, dfn, em, i, kbd, q, samp, small, strong, var) {
  font: unset;
}
.rt-reset:where(h1, h2, h3, h4, h5, h6) {
  font: unset;
  margin: 0;
}
.rt-reset:where(a) {
  all: unset;
  -webkit-tap-highlight-color: transparent;
}
.rt-reset:where(
      button,
      select,

      
      [type='button'],
      [type='image'],
      [type='reset'],
      [type='submit'],

      
      [type='checkbox'],
      [type='color'],
      [type='radio'],
      [type='range']
    ) {
  all: unset;
  display: inline-block;
  font-weight: normal;
  font-style: normal;
  text-indent: initial;
  -webkit-tap-highlight-color: transparent;
}
.rt-reset:where(label) {
  -webkit-tap-highlight-color: transparent;
}
.rt-reset:where(select) {
  font-weight: normal;
  font-style: normal;
  text-align: start;
}
.rt-reset:where(
      textarea,
      input:not(
          
          [type='button'],
          [type='image'],
          [type='reset'],
          [type='submit'],

          
          [type='checkbox'],
          [type='color'],
          [type='radio'],
          [type='range']
        )
    ) {
  all: unset;
  display: block;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
  font-weight: normal;
  font-style: normal;
  text-align: start;
  text-indent: initial;
  -webkit-tap-highlight-color: transparent;
  cursor: text;
  white-space: pre-wrap;
}
.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(table) {
  all: unset;
  display: table;
  text-indent: initial;
}
.rt-reset:where(caption) {
  text-align: inherit;
}
.rt-reset:where(td) {
  padding: 0;
}
.rt-reset:where(th) {
  font-weight: unset;
  text-align: inherit;
  padding: 0;
}
.rt-reset:where(abbr, acronym) {
  text-decoration: none;
}
.rt-reset:where(canvas, object, picture, summary) {
  display: block;
}
.rt-reset:where(del, s) {
  text-decoration: unset;
}
.rt-reset:where(fieldset, hr) {
  all: unset;
  display: block;
}
.rt-reset:where(legend) {
  padding: 0;
  border: none;
  cursor: default;
}
.rt-reset:where(li) {
  display: block;
  text-align: unset;
}
.rt-reset:where(ol, ul) {
  list-style: none;
  margin: 0;
  padding: 0;
}
.rt-reset:where(iframe) {
  display: block;
  border: none;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
}
.rt-reset:where(ins, u) {
  text-decoration: none;
}
.rt-reset:where(img) {
  display: block;
  max-width: 100%;
}
.rt-reset:where(svg) {
  display: block;
  max-width: 100%;
  flex-shrink: 0;
}
.rt-reset:where(mark) {
  all: unset;
}
.rt-reset:where(pre) {
  font: unset;
  margin: unset;
}
.rt-reset:where(q)::before,
  .rt-reset:where(q)::after {
  content: '';
}
.rt-reset:where(sub, sup) {
  font: unset;
  vertical-align: unset;
}
.rt-reset:where(details) ::marker,
  .rt-reset:where(summary)::marker {
  content: none;
}
.rt-reset:where(video) {
  display: block;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
}
.rt-reset:where(:-moz-any-link) {
  cursor: var(--cursor-link);
}
.rt-reset:where(:any-link) {
  cursor: var(--cursor-link);
}
.rt-reset:where(button) {
  cursor: var(--cursor-button);
}
.rt-reset:where(:disabled, [data-disabled]) {
  cursor: var(--cursor-disabled);
}
.rt-reset:where(input[type='checkbox']) {
  cursor: var(--cursor-checkbox);
}
.rt-reset:where(input[type='radio']) {
  cursor: var(--cursor-radio);
}
.rt-reset,
  .rt-reset::before,
  .rt-reset::after {
  box-sizing: border-box;
}
@keyframes rt-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes rt-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes rt-slide-from-top {
  from {
    transform: translateY(4px) scale(0.97);
  }
  to {
    transform: translateY(0) scale(1);
  }
}
@keyframes rt-slide-to-top {
  from {
    transform: translateY(0) scale(1);
  }
  to {
    transform: translateY(4px) scale(0.97);
  }
}
@keyframes rt-slide-from-bottom {
  from {
    transform: translateY(-4px) scale(0.97);
  }
  to {
    transform: translateY(0) scale(1);
  }
}
@keyframes rt-slide-to-bottom {
  from {
    transform: translateY(0) scale(1);
  }
  to {
    transform: translateY(-4px) scale(0.97);
  }
}
@keyframes rt-slide-from-left {
  from {
    transform: translateX(4px) scale(0.97);
  }
  to {
    transform: translateX(0) scale(1);
  }
}
@keyframes rt-slide-to-left {
  from {
    transform: translateX(0) scale(1);
  }
  to {
    transform: translateX(4px) scale(0.97);
  }
}
@keyframes rt-slide-from-right {
  from {
    transform: translateX(-4px) scale(0.97);
  }
  to {
    transform: translateX(0) scale(1);
  }
}
@keyframes rt-slide-to-right {
  from {
    transform: translateX(0) scale(1);
  }
  to {
    transform: translateX(-4px) scale(0.97);
  }
}
@media (prefers-reduced-motion: no-preference) {
  .rt-PopperContent {
    animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  }
  .rt-PopperContent:where([data-state='open']) {
    animation-duration: 160ms;
  }
  .rt-PopperContent:where([data-state='open']):where([data-side='top']) {
    animation-name: rt-slide-from-top, rt-fade-in;
  }
  .rt-PopperContent:where([data-state='open']):where([data-side='bottom']) {
    animation-name: rt-slide-from-bottom, rt-fade-in;
  }
  .rt-PopperContent:where([data-state='open']):where([data-side='left']) {
    animation-name: rt-slide-from-left, rt-fade-in;
  }
  .rt-PopperContent:where([data-state='open']):where([data-side='right']) {
    animation-name: rt-slide-from-right, rt-fade-in;
  }
  .rt-PopperContent:where([data-state='closed']) {
    animation-duration: 100ms;
  }
  .rt-PopperContent:where([data-state='closed']):where([data-side='top']) {
    animation-name: rt-slide-to-top, rt-fade-out;
  }
  .rt-PopperContent:where([data-state='closed']):where([data-side='bottom']) {
    animation-name: rt-slide-to-bottom, rt-fade-out;
  }
  .rt-PopperContent:where([data-state='closed']):where([data-side='left']) {
    animation-name: rt-slide-to-left, rt-fade-out;
  }
  .rt-PopperContent:where([data-state='closed']):where([data-side='right']) {
    animation-name: rt-slide-to-right, rt-fade-out;
  }
}
.rt-Box {
  box-sizing: border-box;
  display: block;
}
.rt-Flex {
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
}
.rt-Grid {
  box-sizing: border-box;
  display: grid;
  align-items: stretch;
  justify-content: flex-start;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: none;
}
.rt-Section {
  box-sizing: border-box;
  flex-shrink: 0;
}
.rt-Section:where(.rt-r-size-1) {
  padding-top: var(--space-5);
  padding-bottom: var(--space-5);
}
.rt-Section:where(.rt-r-size-2) {
  padding-top: var(--space-7);
  padding-bottom: var(--space-7);
}
.rt-Section:where(.rt-r-size-3) {
  padding-top: var(--space-9);
  padding-bottom: var(--space-9);
}
.rt-Section:where(.rt-r-size-4) {
  padding-top: calc(80px * var(--scaling));
  padding-bottom: calc(80px * var(--scaling));
}
@media (min-width: 520px) {
  .rt-Section:where(.xs\:rt-r-size-1) {
    padding-top: var(--space-5);
    padding-bottom: var(--space-5);
  }
  .rt-Section:where(.xs\:rt-r-size-2) {
    padding-top: var(--space-7);
    padding-bottom: var(--space-7);
  }
  .rt-Section:where(.xs\:rt-r-size-3) {
    padding-top: var(--space-9);
    padding-bottom: var(--space-9);
  }
  .rt-Section:where(.xs\:rt-r-size-4) {
    padding-top: calc(80px * var(--scaling));
    padding-bottom: calc(80px * var(--scaling));
  }
}
@media (min-width: 768px) {
  .rt-Section:where(.sm\:rt-r-size-1) {
    padding-top: var(--space-5);
    padding-bottom: var(--space-5);
  }
  .rt-Section:where(.sm\:rt-r-size-2) {
    padding-top: var(--space-7);
    padding-bottom: var(--space-7);
  }
  .rt-Section:where(.sm\:rt-r-size-3) {
    padding-top: var(--space-9);
    padding-bottom: var(--space-9);
  }
  .rt-Section:where(.sm\:rt-r-size-4) {
    padding-top: calc(80px * var(--scaling));
    padding-bottom: calc(80px * var(--scaling));
  }
}
@media (min-width: 1024px) {
  .rt-Section:where(.md\:rt-r-size-1) {
    padding-top: var(--space-5);
    padding-bottom: var(--space-5);
  }
  .rt-Section:where(.md\:rt-r-size-2) {
    padding-top: var(--space-7);
    padding-bottom: var(--space-7);
  }
  .rt-Section:where(.md\:rt-r-size-3) {
    padding-top: var(--space-9);
    padding-bottom: var(--space-9);
  }
  .rt-Section:where(.md\:rt-r-size-4) {
    padding-top: calc(80px * var(--scaling));
    padding-bottom: calc(80px * var(--scaling));
  }
}
@media (min-width: 1280px) {
  .rt-Section:where(.lg\:rt-r-size-1) {
    padding-top: var(--space-5);
    padding-bottom: var(--space-5);
  }
  .rt-Section:where(.lg\:rt-r-size-2) {
    padding-top: var(--space-7);
    padding-bottom: var(--space-7);
  }
  .rt-Section:where(.lg\:rt-r-size-3) {
    padding-top: var(--space-9);
    padding-bottom: var(--space-9);
  }
  .rt-Section:where(.lg\:rt-r-size-4) {
    padding-top: calc(80px * var(--scaling));
    padding-bottom: calc(80px * var(--scaling));
  }
}
@media (min-width: 1640px) {
  .rt-Section:where(.xl\:rt-r-size-1) {
    padding-top: var(--space-5);
    padding-bottom: var(--space-5);
  }
  .rt-Section:where(.xl\:rt-r-size-2) {
    padding-top: var(--space-7);
    padding-bottom: var(--space-7);
  }
  .rt-Section:where(.xl\:rt-r-size-3) {
    padding-top: var(--space-9);
    padding-bottom: var(--space-9);
  }
  .rt-Section:where(.xl\:rt-r-size-4) {
    padding-top: calc(80px * var(--scaling));
    padding-bottom: calc(80px * var(--scaling));
  }
}
.rt-Container {
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  flex-grow: 1;
}
.rt-ContainerInner {
  width: 100%;
}
:where(.rt-Container.rt-r-size-1) .rt-ContainerInner {
  max-width: var(--container-1);
}
:where(.rt-Container.rt-r-size-2) .rt-ContainerInner {
  max-width: var(--container-2);
}
:where(.rt-Container.rt-r-size-3) .rt-ContainerInner {
  max-width: var(--container-3);
}
:where(.rt-Container.rt-r-size-4) .rt-ContainerInner {
  max-width: var(--container-4);
}
@media (min-width: 520px) {
  :where(.rt-Container.xs\:rt-r-size-1) .rt-ContainerInner {
    max-width: var(--container-1);
  }
  :where(.rt-Container.xs\:rt-r-size-2) .rt-ContainerInner {
    max-width: var(--container-2);
  }
  :where(.rt-Container.xs\:rt-r-size-3) .rt-ContainerInner {
    max-width: var(--container-3);
  }
  :where(.rt-Container.xs\:rt-r-size-4) .rt-ContainerInner {
    max-width: var(--container-4);
  }
}
@media (min-width: 768px) {
  :where(.rt-Container.sm\:rt-r-size-1) .rt-ContainerInner {
    max-width: var(--container-1);
  }
  :where(.rt-Container.sm\:rt-r-size-2) .rt-ContainerInner {
    max-width: var(--container-2);
  }
  :where(.rt-Container.sm\:rt-r-size-3) .rt-ContainerInner {
    max-width: var(--container-3);
  }
  :where(.rt-Container.sm\:rt-r-size-4) .rt-ContainerInner {
    max-width: var(--container-4);
  }
}
@media (min-width: 1024px) {
  :where(.rt-Container.md\:rt-r-size-1) .rt-ContainerInner {
    max-width: var(--container-1);
  }
  :where(.rt-Container.md\:rt-r-size-2) .rt-ContainerInner {
    max-width: var(--container-2);
  }
  :where(.rt-Container.md\:rt-r-size-3) .rt-ContainerInner {
    max-width: var(--container-3);
  }
  :where(.rt-Container.md\:rt-r-size-4) .rt-ContainerInner {
    max-width: var(--container-4);
  }
}
@media (min-width: 1280px) {
  :where(.rt-Container.lg\:rt-r-size-1) .rt-ContainerInner {
    max-width: var(--container-1);
  }
  :where(.rt-Container.lg\:rt-r-size-2) .rt-ContainerInner {
    max-width: var(--container-2);
  }
  :where(.rt-Container.lg\:rt-r-size-3) .rt-ContainerInner {
    max-width: var(--container-3);
  }
  :where(.rt-Container.lg\:rt-r-size-4) .rt-ContainerInner {
    max-width: var(--container-4);
  }
}
@media (min-width: 1640px) {
  :where(.rt-Container.xl\:rt-r-size-1) .rt-ContainerInner {
    max-width: var(--container-1);
  }
  :where(.rt-Container.xl\:rt-r-size-2) .rt-ContainerInner {
    max-width: var(--container-2);
  }
  :where(.rt-Container.xl\:rt-r-size-3) .rt-ContainerInner {
    max-width: var(--container-3);
  }
  :where(.rt-Container.xl\:rt-r-size-4) .rt-ContainerInner {
    max-width: var(--container-4);
  }
}
.rt-Skeleton {
  --skeleton-radius: var(--skeleton-radius-override);
  --skeleton-height: var(--skeleton-height-override);
  border-radius: var(--radius-1);
  animation: rt-skeleton-pulse 1000ms infinite alternate-reverse !important;
  background-image: none !important;
  background-clip: border-box !important;
  border: none !important;
  box-shadow: none !important;
  -webkit-box-decoration-break: clone !important;
          box-decoration-break: clone !important;
  color: transparent !important;
  outline: none !important;
  pointer-events: none !important;
  -webkit-user-select: none !important;
          -moz-user-select: none !important;
       user-select: none !important;
  cursor: default !important;
}
.rt-Skeleton:where([data-inline-skeleton]) {
  line-height: 0;
  font-family: Arial, sans-serif !important;
}
:where(.rt-Skeleton:empty) {
  display: block;
  height: var(--space-3);
}
.rt-Skeleton > *,
.rt-Skeleton::after,
.rt-Skeleton::before {
  visibility: hidden !important;
}
@keyframes rt-skeleton-pulse {
  from {
    background-color: var(--gray-a3);
  }
  to {
    background-color: var(--gray-a4);
  }
}
.rt-Text {
  line-height: var(--line-height, var(--default-line-height));
  letter-spacing: var(--letter-spacing, inherit);
}
:where(.rt-Text) {
  margin: 0;
}
.rt-Text:where([data-accent-color]) {
  color: var(--accent-a11);
}
.rt-Text:where([data-accent-color].rt-high-contrast),
  :where([data-accent-color]:not(.radix-themes)) .rt-Text:where(.rt-high-contrast) {
  color: var(--accent-12);
}
@media (pointer: coarse) {
  .rt-Text:where(label) {
    -webkit-tap-highlight-color: transparent;
  }
  .rt-Text:where(label):where(:active) {
    outline: 0.75em solid var(--gray-a4);
    outline-offset: -0.6em;
  }
}
.rt-Text:where(.rt-r-size-1) {
  font-size: var(--font-size-1);
  --line-height: var(--line-height-1);
  --letter-spacing: var(--letter-spacing-1);
}
.rt-Text:where(.rt-r-size-2) {
  font-size: var(--font-size-2);
  --line-height: var(--line-height-2);
  --letter-spacing: var(--letter-spacing-2);
}
.rt-Text:where(.rt-r-size-3) {
  font-size: var(--font-size-3);
  --line-height: var(--line-height-3);
  --letter-spacing: var(--letter-spacing-3);
}
.rt-Text:where(.rt-r-size-4) {
  font-size: var(--font-size-4);
  --line-height: var(--line-height-4);
  --letter-spacing: var(--letter-spacing-4);
}
.rt-Text:where(.rt-r-size-5) {
  font-size: var(--font-size-5);
  --line-height: var(--line-height-5);
  --letter-spacing: var(--letter-spacing-5);
}
.rt-Text:where(.rt-r-size-6) {
  font-size: var(--font-size-6);
  --line-height: var(--line-height-6);
  --letter-spacing: var(--letter-spacing-6);
}
.rt-Text:where(.rt-r-size-7) {
  font-size: var(--font-size-7);
  --line-height: var(--line-height-7);
  --letter-spacing: var(--letter-spacing-7);
}
.rt-Text:where(.rt-r-size-8) {
  font-size: var(--font-size-8);
  --line-height: var(--line-height-8);
  --letter-spacing: var(--letter-spacing-8);
}
.rt-Text:where(.rt-r-size-9) {
  font-size: var(--font-size-9);
  --line-height: var(--line-height-9);
  --letter-spacing: var(--letter-spacing-9);
}
@media (min-width: 520px) {
  .rt-Text:where(.xs\:rt-r-size-1) {
    font-size: var(--font-size-1);
    --line-height: var(--line-height-1);
    --letter-spacing: var(--letter-spacing-1);
  }
  .rt-Text:where(.xs\:rt-r-size-2) {
    font-size: var(--font-size-2);
    --line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
  }
  .rt-Text:where(.xs\:rt-r-size-3) {
    font-size: var(--font-size-3);
    --line-height: var(--line-height-3);
    --letter-spacing: var(--letter-spacing-3);
  }
  .rt-Text:where(.xs\:rt-r-size-4) {
    font-size: var(--font-size-4);
    --line-height: var(--line-height-4);
    --letter-spacing: var(--letter-spacing-4);
  }
  .rt-Text:where(.xs\:rt-r-size-5) {
    font-size: var(--font-size-5);
    --line-height: var(--line-height-5);
    --letter-spacing: var(--letter-spacing-5);
  }
  .rt-Text:where(.xs\:rt-r-size-6) {
    font-size: var(--font-size-6);
    --line-height: var(--line-height-6);
    --letter-spacing: var(--letter-spacing-6);
  }
  .rt-Text:where(.xs\:rt-r-size-7) {
    font-size: var(--font-size-7);
    --line-height: var(--line-height-7);
    --letter-spacing: var(--letter-spacing-7);
  }
  .rt-Text:where(.xs\:rt-r-size-8) {
    font-size: var(--font-size-8);
    --line-height: var(--line-height-8);
    --letter-spacing: var(--letter-spacing-8);
  }
  .rt-Text:where(.xs\:rt-r-size-9) {
    font-size: var(--font-size-9);
    --line-height: var(--line-height-9);
    --letter-spacing: var(--letter-spacing-9);
  }
}
@media (min-width: 768px) {
  .rt-Text:where(.sm\:rt-r-size-1) {
    font-size: var(--font-size-1);
    --line-height: var(--line-height-1);
    --letter-spacing: var(--letter-spacing-1);
  }
  .rt-Text:where(.sm\:rt-r-size-2) {
    font-size: var(--font-size-2);
    --line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
  }
  .rt-Text:where(.sm\:rt-r-size-3) {
    font-size: var(--font-size-3);
    --line-height: var(--line-height-3);
    --letter-spacing: var(--letter-spacing-3);
  }
  .rt-Text:where(.sm\:rt-r-size-4) {
    font-size: var(--font-size-4);
    --line-height: var(--line-height-4);
    --letter-spacing: var(--letter-spacing-4);
  }
  .rt-Text:where(.sm\:rt-r-size-5) {
    font-size: var(--font-size-5);
    --line-height: var(--line-height-5);
    --letter-spacing: var(--letter-spacing-5);
  }
  .rt-Text:where(.sm\:rt-r-size-6) {
    font-size: var(--font-size-6);
    --line-height: var(--line-height-6);
    --letter-spacing: var(--letter-spacing-6);
  }
  .rt-Text:where(.sm\:rt-r-size-7) {
    font-size: var(--font-size-7);
    --line-height: var(--line-height-7);
    --letter-spacing: var(--letter-spacing-7);
  }
  .rt-Text:where(.sm\:rt-r-size-8) {
    font-size: var(--font-size-8);
    --line-height: var(--line-height-8);
    --letter-spacing: var(--letter-spacing-8);
  }
  .rt-Text:where(.sm\:rt-r-size-9) {
    font-size: var(--font-size-9);
    --line-height: var(--line-height-9);
    --letter-spacing: var(--letter-spacing-9);
  }
}
@media (min-width: 1024px) {
  .rt-Text:where(.md\:rt-r-size-1) {
    font-size: var(--font-size-1);
    --line-height: var(--line-height-1);
    --letter-spacing: var(--letter-spacing-1);
  }
  .rt-Text:where(.md\:rt-r-size-2) {
    font-size: var(--font-size-2);
    --line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
  }
  .rt-Text:where(.md\:rt-r-size-3) {
    font-size: var(--font-size-3);
    --line-height: var(--line-height-3);
    --letter-spacing: var(--letter-spacing-3);
  }
  .rt-Text:where(.md\:rt-r-size-4) {
    font-size: var(--font-size-4);
    --line-height: var(--line-height-4);
    --letter-spacing: var(--letter-spacing-4);
  }
  .rt-Text:where(.md\:rt-r-size-5) {
    font-size: var(--font-size-5);
    --line-height: var(--line-height-5);
    --letter-spacing: var(--letter-spacing-5);
  }
  .rt-Text:where(.md\:rt-r-size-6) {
    font-size: var(--font-size-6);
    --line-height: var(--line-height-6);
    --letter-spacing: var(--letter-spacing-6);
  }
  .rt-Text:where(.md\:rt-r-size-7) {
    font-size: var(--font-size-7);
    --line-height: var(--line-height-7);
    --letter-spacing: var(--letter-spacing-7);
  }
  .rt-Text:where(.md\:rt-r-size-8) {
    font-size: var(--font-size-8);
    --line-height: var(--line-height-8);
    --letter-spacing: var(--letter-spacing-8);
  }
  .rt-Text:where(.md\:rt-r-size-9) {
    font-size: var(--font-size-9);
    --line-height: var(--line-height-9);
    --letter-spacing: var(--letter-spacing-9);
  }
}
@media (min-width: 1280px) {
  .rt-Text:where(.lg\:rt-r-size-1) {
    font-size: var(--font-size-1);
    --line-height: var(--line-height-1);
    --letter-spacing: var(--letter-spacing-1);
  }
  .rt-Text:where(.lg\:rt-r-size-2) {
    font-size: var(--font-size-2);
    --line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
  }
  .rt-Text:where(.lg\:rt-r-size-3) {
    font-size: var(--font-size-3);
    --line-height: var(--line-height-3);
    --letter-spacing: var(--letter-spacing-3);
  }
  .rt-Text:where(.lg\:rt-r-size-4) {
    font-size: var(--font-size-4);
    --line-height: var(--line-height-4);
    --letter-spacing: var(--letter-spacing-4);
  }
  .rt-Text:where(.lg\:rt-r-size-5) {
    font-size: var(--font-size-5);
    --line-height: var(--line-height-5);
    --letter-spacing: var(--letter-spacing-5);
  }
  .rt-Text:where(.lg\:rt-r-size-6) {
    font-size: var(--font-size-6);
    --line-height: var(--line-height-6);
    --letter-spacing: var(--letter-spacing-6);
  }
  .rt-Text:where(.lg\:rt-r-size-7) {
    font-size: var(--font-size-7);
    --line-height: var(--line-height-7);
    --letter-spacing: var(--letter-spacing-7);
  }
  .rt-Text:where(.lg\:rt-r-size-8) {
    font-size: var(--font-size-8);
    --line-height: var(--line-height-8);
    --letter-spacing: var(--letter-spacing-8);
  }
  .rt-Text:where(.lg\:rt-r-size-9) {
    font-size: var(--font-size-9);
    --line-height: var(--line-height-9);
    --letter-spacing: var(--letter-spacing-9);
  }
}
@media (min-width: 1640px) {
  .rt-Text:where(.xl\:rt-r-size-1) {
    font-size: var(--font-size-1);
    --line-height: var(--line-height-1);
    --letter-spacing: var(--letter-spacing-1);
  }
  .rt-Text:where(.xl\:rt-r-size-2) {
    font-size: var(--font-size-2);
    --line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
  }
  .rt-Text:where(.xl\:rt-r-size-3) {
    font-size: var(--font-size-3);
    --line-height: var(--line-height-3);
    --letter-spacing: var(--letter-spacing-3);
  }
  .rt-Text:where(.xl\:rt-r-size-4) {
    font-size: var(--font-size-4);
    --line-height: var(--line-height-4);
    --letter-spacing: var(--letter-spacing-4);
  }
  .rt-Text:where(.xl\:rt-r-size-5) {
    font-size: var(--font-size-5);
    --line-height: var(--line-height-5);
    --letter-spacing: var(--letter-spacing-5);
  }
  .rt-Text:where(.xl\:rt-r-size-6) {
    font-size: var(--font-size-6);
    --line-height: var(--line-height-6);
    --letter-spacing: var(--letter-spacing-6);
  }
  .rt-Text:where(.xl\:rt-r-size-7) {
    font-size: var(--font-size-7);
    --line-height: var(--line-height-7);
    --letter-spacing: var(--letter-spacing-7);
  }
  .rt-Text:where(.xl\:rt-r-size-8) {
    font-size: var(--font-size-8);
    --line-height: var(--line-height-8);
    --letter-spacing: var(--letter-spacing-8);
  }
  .rt-Text:where(.xl\:rt-r-size-9) {
    font-size: var(--font-size-9);
    --line-height: var(--line-height-9);
    --letter-spacing: var(--letter-spacing-9);
  }
}
.rt-BaseDialogOverlay {
  position: fixed;
  inset: 0;
}
.rt-BaseDialogOverlay::before {
  position: fixed;
  content: '';
  inset: 0;
  background-color: var(--color-overlay);
}
.rt-BaseDialogScroll {
  display: flex;
  overflow: auto;
  position: absolute;
  inset: 0;
}
.rt-BaseDialogScrollPadding {
  flex-grow: 1;
  margin: auto;
  padding-top: var(--space-6);
  padding-bottom: max(var(--space-6), 6vh);
  padding-left: var(--space-4);
  padding-right: var(--space-4);
}
.rt-BaseDialogScrollPadding:where(.rt-r-align-start) {
  margin-top: 0;
}
.rt-BaseDialogScrollPadding:where(.rt-r-align-center) {
  margin-top: auto;
}
@media (min-width: 520px) {
  .rt-BaseDialogScrollPadding:where(.xs\:rt-r-align-start) {
    margin-top: 0;
  }
  .rt-BaseDialogScrollPadding:where(.xs\:rt-r-align-center) {
    margin-top: auto;
  }
}
@media (min-width: 768px) {
  .rt-BaseDialogScrollPadding:where(.sm\:rt-r-align-start) {
    margin-top: 0;
  }
  .rt-BaseDialogScrollPadding:where(.sm\:rt-r-align-center) {
    margin-top: auto;
  }
}
@media (min-width: 1024px) {
  .rt-BaseDialogScrollPadding:where(.md\:rt-r-align-start) {
    margin-top: 0;
  }
  .rt-BaseDialogScrollPadding:where(.md\:rt-r-align-center) {
    margin-top: auto;
  }
}
@media (min-width: 1280px) {
  .rt-BaseDialogScrollPadding:where(.lg\:rt-r-align-start) {
    margin-top: 0;
  }
  .rt-BaseDialogScrollPadding:where(.lg\:rt-r-align-center) {
    margin-top: auto;
  }
}
@media (min-width: 1640px) {
  .rt-BaseDialogScrollPadding:where(.xl\:rt-r-align-start) {
    margin-top: 0;
  }
  .rt-BaseDialogScrollPadding:where(.xl\:rt-r-align-center) {
    margin-top: auto;
  }
}
.rt-BaseDialogContent {
  margin: auto;
  width: 100%;
  z-index: 1;
  position: relative;
  overflow: auto;
  --inset-padding-top: var(--dialog-content-padding);
  --inset-padding-right: var(--dialog-content-padding);
  --inset-padding-bottom: var(--dialog-content-padding);
  --inset-padding-left: var(--dialog-content-padding);
  padding: var(--dialog-content-padding);
  box-sizing: border-box;
  background-color: var(--color-panel-solid);
  box-shadow: var(--shadow-6);
  outline: none;
}
.rt-BaseDialogContent:where(.rt-r-size-1) {
  --dialog-content-padding: var(--space-3);
  border-radius: var(--radius-4);
}
.rt-BaseDialogContent:where(.rt-r-size-2) {
  --dialog-content-padding: var(--space-4);
  border-radius: var(--radius-4);
}
.rt-BaseDialogContent:where(.rt-r-size-3) {
  --dialog-content-padding: var(--space-5);
  border-radius: var(--radius-5);
}
.rt-BaseDialogContent:where(.rt-r-size-4) {
  --dialog-content-padding: var(--space-6);
  border-radius: var(--radius-5);
}
@media (min-width: 520px) {
  .rt-BaseDialogContent:where(.xs\:rt-r-size-1) {
    --dialog-content-padding: var(--space-3);
    border-radius: var(--radius-4);
  }
  .rt-BaseDialogContent:where(.xs\:rt-r-size-2) {
    --dialog-content-padding: var(--space-4);
    border-radius: var(--radius-4);
  }
  .rt-BaseDialogContent:where(.xs\:rt-r-size-3) {
    --dialog-content-padding: var(--space-5);
    border-radius: var(--radius-5);
  }
  .rt-BaseDialogContent:where(.xs\:rt-r-size-4) {
    --dialog-content-padding: var(--space-6);
    border-radius: var(--radius-5);
  }
}
@media (min-width: 768px) {
  .rt-BaseDialogContent:where(.sm\:rt-r-size-1) {
    --dialog-content-padding: var(--space-3);
    border-radius: var(--radius-4);
  }
  .rt-BaseDialogContent:where(.sm\:rt-r-size-2) {
    --dialog-content-padding: var(--space-4);
    border-radius: var(--radius-4);
  }
  .rt-BaseDialogContent:where(.sm\:rt-r-size-3) {
    --dialog-content-padding: var(--space-5);
    border-radius: var(--radius-5);
  }
  .rt-BaseDialogContent:where(.sm\:rt-r-size-4) {
    --dialog-content-padding: var(--space-6);
    border-radius: var(--radius-5);
  }
}
@media (min-width: 1024px) {
  .rt-BaseDialogContent:where(.md\:rt-r-size-1) {
    --dialog-content-padding: var(--space-3);
    border-radius: var(--radius-4);
  }
  .rt-BaseDialogContent:where(.md\:rt-r-size-2) {
    --dialog-content-padding: var(--space-4);
    border-radius: var(--radius-4);
  }
  .rt-BaseDialogContent:where(.md\:rt-r-size-3) {
    --dialog-content-padding: var(--space-5);
    border-radius: var(--radius-5);
  }
  .rt-BaseDialogContent:where(.md\:rt-r-size-4) {
    --dialog-content-padding: var(--space-6);
    border-radius: var(--radius-5);
  }
}
@media (min-width: 1280px) {
  .rt-BaseDialogContent:where(.lg\:rt-r-size-1) {
    --dialog-content-padding: var(--space-3);
    border-radius: var(--radius-4);
  }
  .rt-BaseDialogContent:where(.lg\:rt-r-size-2) {
    --dialog-content-padding: var(--space-4);
    border-radius: var(--radius-4);
  }
  .rt-BaseDialogContent:where(.lg\:rt-r-size-3) {
    --dialog-content-padding: var(--space-5);
    border-radius: var(--radius-5);
  }
  .rt-BaseDialogContent:where(.lg\:rt-r-size-4) {
    --dialog-content-padding: var(--space-6);
    border-radius: var(--radius-5);
  }
}
@media (min-width: 1640px) {
  .rt-BaseDialogContent:where(.xl\:rt-r-size-1) {
    --dialog-content-padding: var(--space-3);
    border-radius: var(--radius-4);
  }
  .rt-BaseDialogContent:where(.xl\:rt-r-size-2) {
    --dialog-content-padding: var(--space-4);
    border-radius: var(--radius-4);
  }
  .rt-BaseDialogContent:where(.xl\:rt-r-size-3) {
    --dialog-content-padding: var(--space-5);
    border-radius: var(--radius-5);
  }
  .rt-BaseDialogContent:where(.xl\:rt-r-size-4) {
    --dialog-content-padding: var(--space-6);
    border-radius: var(--radius-5);
  }
}
@media (prefers-reduced-motion: no-preference) {
  @keyframes rt-dialog-overlay-no-op {
    from {
      opacity: 1;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes rt-dialog-content-show {
    from {
      opacity: 0;
      transform: translateY(5px) scale(0.97);
    }
    to {
      opacity: 1;
      transform: translateY(0px) scale(1);
    }
  }
  @keyframes rt-dialog-content-hide {
    from {
      opacity: 1;
      transform: translateY(0px) scale(1);
    }
    to {
      opacity: 0;
      transform: translateY(5px) scale(0.99);
    }
  }
  .rt-BaseDialogOverlay:where([data-state='closed']) {
    animation: rt-dialog-overlay-no-op 160ms cubic-bezier(0.16, 1, 0.3, 1);
  }
  .rt-BaseDialogOverlay:where([data-state='open'])::before {
    animation: rt-fade-in 200ms cubic-bezier(0.16, 1, 0.3, 1);
  }
  .rt-BaseDialogOverlay:where([data-state='closed'])::before {
    opacity: 0;
    animation: rt-fade-out 160ms cubic-bezier(0.16, 1, 0.3, 1);
  }
  .rt-BaseDialogContent:where([data-state='open']) {
    animation: rt-dialog-content-show 200ms cubic-bezier(0.16, 1, 0.3, 1);
  }
  .rt-BaseDialogContent:where([data-state='closed']) {
    opacity: 0;
    animation: rt-dialog-content-hide 100ms cubic-bezier(0.16, 1, 0.3, 1);
  }
}
.rt-AvatarRoot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  -webkit-user-select: none;
          -moz-user-select: none;
       user-select: none;
  width: var(--avatar-size);
  height: var(--avatar-size);
  flex-shrink: 0;
}
.rt-AvatarImage {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
}
.rt-AvatarFallback {
  font-family: var(--default-font-family);
  font-weight: var(--font-weight-medium);
  font-style: normal;
  z-index: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  border-radius: inherit;
  text-transform: uppercase;
}
.rt-AvatarFallback:where(.rt-one-letter) {
  font-size: var(--avatar-fallback-one-letter-font-size);
}
.rt-AvatarFallback:where(.rt-two-letters) {
  font-size: var(--avatar-fallback-two-letters-font-size, var(--avatar-fallback-one-letter-font-size));
}
.rt-AvatarRoot:where(.rt-r-size-1) {
  --avatar-size: var(--space-5);
  --avatar-fallback-one-letter-font-size: var(--font-size-2);
  --avatar-fallback-two-letters-font-size: var(--font-size-1);
  border-radius: max(var(--radius-2), var(--radius-full));
  letter-spacing: var(--letter-spacing-1);
}
.rt-AvatarRoot:where(.rt-r-size-2) {
  --avatar-size: var(--space-6);
  --avatar-fallback-one-letter-font-size: var(--font-size-3);
  --avatar-fallback-two-letters-font-size: var(--font-size-2);
  border-radius: max(var(--radius-2), var(--radius-full));
  letter-spacing: var(--letter-spacing-2);
}
.rt-AvatarRoot:where(.rt-r-size-3) {
  --avatar-size: var(--space-7);
  --avatar-fallback-one-letter-font-size: var(--font-size-4);
  --avatar-fallback-two-letters-font-size: var(--font-size-3);
  border-radius: max(var(--radius-3), var(--radius-full));
  letter-spacing: var(--letter-spacing-3);
}
.rt-AvatarRoot:where(.rt-r-size-4) {
  --avatar-size: var(--space-8);
  --avatar-fallback-one-letter-font-size: var(--font-size-5);
  --avatar-fallback-two-letters-font-size: var(--font-size-4);
  border-radius: max(var(--radius-3), var(--radius-full));
  letter-spacing: var(--letter-spacing-4);
}
.rt-AvatarRoot:where(.rt-r-size-5) {
  --avatar-size: var(--space-9);
  --avatar-fallback-one-letter-font-size: var(--font-size-6);
  border-radius: max(var(--radius-4), var(--radius-full));
  letter-spacing: var(--letter-spacing-6);
}
.rt-AvatarRoot:where(.rt-r-size-6) {
  --avatar-size: 80px;
  --avatar-fallback-one-letter-font-size: var(--font-size-7);
  border-radius: max(var(--radius-5), var(--radius-full));
  letter-spacing: var(--letter-spacing-7);
}
.rt-AvatarRoot:where(.rt-r-size-7) {
  --avatar-size: 96px;
  --avatar-fallback-one-letter-font-size: var(--font-size-7);
  border-radius: max(var(--radius-5), var(--radius-full));
  letter-spacing: var(--letter-spacing-7);
}
.rt-AvatarRoot:where(.rt-r-size-8) {
  --avatar-size: 128px;
  --avatar-fallback-one-letter-font-size: var(--font-size-8);
  border-radius: max(var(--radius-6), var(--radius-full));
  letter-spacing: var(--letter-spacing-8);
}
.rt-AvatarRoot:where(.rt-r-size-9) {
  --avatar-size: 160px;
  --avatar-fallback-one-letter-font-size: var(--font-size-9);
  border-radius: max(var(--radius-6), var(--radius-full));
  letter-spacing: var(--letter-spacing-9);
}
@media (min-width: 520px) {
  .rt-AvatarRoot:where(.xs\:rt-r-size-1) {
    --avatar-size: var(--space-5);
    --avatar-fallback-one-letter-font-size: var(--font-size-2);
    --avatar-fallback-two-letters-font-size: var(--font-size-1);
    border-radius: max(var(--radius-2), var(--radius-full));
    letter-spacing: var(--letter-spacing-1);
  }
  .rt-AvatarRoot:where(.xs\:rt-r-size-2) {
    --avatar-size: var(--space-6);
    --avatar-fallback-one-letter-font-size: var(--font-size-3);
    --avatar-fallback-two-letters-font-size: var(--font-size-2);
    border-radius: max(var(--radius-2), var(--radius-full));
    letter-spacing: var(--letter-spacing-2);
  }
  .rt-AvatarRoot:where(.xs\:rt-r-size-3) {
    --avatar-size: var(--space-7);
    --avatar-fallback-one-letter-font-size: var(--font-size-4);
    --avatar-fallback-two-letters-font-size: var(--font-size-3);
    border-radius: max(var(--radius-3), var(--radius-full));
    letter-spacing: var(--letter-spacing-3);
  }
  .rt-AvatarRoot:where(.xs\:rt-r-size-4) {
    --avatar-size: var(--space-8);
    --avatar-fallback-one-letter-font-size: var(--font-size-5);
    --avatar-fallback-two-letters-font-size: var(--font-size-4);
    border-radius: max(var(--radius-3), var(--radius-full));
    letter-spacing: var(--letter-spacing-4);
  }
  .rt-AvatarRoot:where(.xs\:rt-r-size-5) {
    --avatar-size: var(--space-9);
    --avatar-fallback-one-letter-font-size: var(--font-size-6);
    border-radius: max(var(--radius-4), var(--radius-full));
    letter-spacing: var(--letter-spacing-6);
  }
  .rt-AvatarRoot:where(.xs\:rt-r-size-6) {
    --avatar-size: 80px;
    --avatar-fallback-one-letter-font-size: var(--font-size-7);
    border-radius: max(var(--radius-5), var(--radius-full));
    letter-spacing: var(--letter-spacing-7);
  }
  .rt-AvatarRoot:where(.xs\:rt-r-size-7) {
    --avatar-size: 96px;
    --avatar-fallback-one-letter-font-size: var(--font-size-7);
    border-radius: max(var(--radius-5), var(--radius-full));
    letter-spacing: var(--letter-spacing-7);
  }
  .rt-AvatarRoot:where(.xs\:rt-r-size-8) {
    --avatar-size: 128px;
    --avatar-fallback-one-letter-font-size: var(--font-size-8);
    border-radius: max(var(--radius-6), var(--radius-full));
    letter-spacing: var(--letter-spacing-8);
  }
  .rt-AvatarRoot:where(.xs\:rt-r-size-9) {
    --avatar-size: 160px;
    --avatar-fallback-one-letter-font-size: var(--font-size-9);
    border-radius: max(var(--radius-6), var(--radius-full));
    letter-spacing: var(--letter-spacing-9);
  }
}
@media (min-width: 768px) {
  .rt-AvatarRoot:where(.sm\:rt-r-size-1) {
    --avatar-size: var(--space-5);
    --avatar-fallback-one-letter-font-size: var(--font-size-2);
    --avatar-fallback-two-letters-font-size: var(--font-size-1);
    border-radius: max(var(--radius-2), var(--radius-full));
    letter-spacing: var(--letter-spacing-1);
  }
  .rt-AvatarRoot:where(.sm\:rt-r-size-2) {
    --avatar-size: var(--space-6);
    --avatar-fallback-one-letter-font-size: var(--font-size-3);
    --avatar-fallback-two-letters-font-size: var(--font-size-2);
    border-radius: max(var(--radius-2), var(--radius-full));
    letter-spacing: var(--letter-spacing-2);
  }
  .rt-AvatarRoot:where(.sm\:rt-r-size-3) {
    --avatar-size: var(--space-7);
    --avatar-fallback-one-letter-font-size: var(--font-size-4);
    --avatar-fallback-two-letters-font-size: var(--font-size-3);
    border-radius: max(var(--radius-3), var(--radius-full));
    letter-spacing: var(--letter-spacing-3);
  }
  .rt-AvatarRoot:where(.sm\:rt-r-size-4) {
    --avatar-size: var(--space-8);
    --avatar-fallback-one-letter-font-size: var(--font-size-5);
    --avatar-fallback-two-letters-font-size: var(--font-size-4);
    border-radius: max(var(--radius-3), var(--radius-full));
    letter-spacing: var(--letter-spacing-4);
  }
  .rt-AvatarRoot:where(.sm\:rt-r-size-5) {
    --avatar-size: var(--space-9);
    --avatar-fallback-one-letter-font-size: var(--font-size-6);
    border-radius: max(var(--radius-4), var(--radius-full));
    letter-spacing: var(--letter-spacing-6);
  }
  .rt-AvatarRoot:where(.sm\:rt-r-size-6) {
    --avatar-size: 80px;
    --avatar-fallback-one-letter-font-size: var(--font-size-7);
    border-radius: max(var(--radius-5), var(--radius-full));
    letter-spacing: var(--letter-spacing-7);
  }
  .rt-AvatarRoot:where(.sm\:rt-r-size-7) {
    --avatar-size: 96px;
    --avatar-fallback-one-letter-font-size: var(--font-size-7);
    border-radius: max(var(--radius-5), var(--radius-full));
    letter-spacing: var(--letter-spacing-7);
  }
  .rt-AvatarRoot:where(.sm\:rt-r-size-8) {
    --avatar-size: 128px;
    --avatar-fallback-one-letter-font-size: var(--font-size-8);
    border-radius: max(var(--radius-6), var(--radius-full));
    letter-spacing: var(--letter-spacing-8);
  }
  .rt-AvatarRoot:where(.sm\:rt-r-size-9) {
    --avatar-size: 160px;
    --avatar-fallback-one-letter-font-size: var(--font-size-9);
    border-radius: max(var(--radius-6), var(--radius-full));
    letter-spacing: var(--letter-spacing-9);
  }
}
@media (min-width: 1024px) {
  .rt-AvatarRoot:where(.md\:rt-r-size-1) {
    --avatar-size: var(--space-5);
    --avatar-fallback-one-letter-font-size: var(--font-size-2);
    --avatar-fallback-two-letters-font-size: var(--font-size-1);
    border-radius: max(var(--radius-2), var(--radius-full));
    letter-spacing: var(--letter-spacing-1);
  }
  .rt-AvatarRoot:where(.md\:rt-r-size-2) {
    --avatar-size: var(--space-6);
    --avatar-fallback-one-letter-font-size: var(--font-size-3);
    --avatar-fallback-two-letters-font-size: var(--font-size-2);
    border-radius: max(var(--radius-2), var(--radius-full));
    letter-spacing: var(--letter-spacing-2);
  }
  .rt-AvatarRoot:where(.md\:rt-r-size-3) {
    --avatar-size: var(--space-7);
    --avatar-fallback-one-letter-font-size: var(--font-size-4);
    --avatar-fallback-two-letters-font-size: var(--font-size-3);
    border-radius: max(var(--radius-3), var(--radius-full));
    letter-spacing: var(--letter-spacing-3);
  }
  .rt-AvatarRoot:where(.md\:rt-r-size-4) {
    --avatar-size: var(--space-8);
    --avatar-fallback-one-letter-font-size: var(--font-size-5);
    --avatar-fallback-two-letters-font-size: var(--font-size-4);
    border-radius: max(var(--radius-3), var(--radius-full));
    letter-spacing: var(--letter-spacing-4);
  }
  .rt-AvatarRoot:where(.md\:rt-r-size-5) {
    --avatar-size: var(--space-9);
    --avatar-fallback-one-letter-font-size: var(--font-size-6);
    border-radius: max(var(--radius-4), var(--radius-full));
    letter-spacing: var(--letter-spacing-6);
  }
  .rt-AvatarRoot:where(.md\:rt-r-size-6) {
    --avatar-size: 80px;
    --avatar-fallback-one-letter-font-size: var(--font-size-7);
    border-radius: max(var(--radius-5), var(--radius-full));
    letter-spacing: var(--letter-spacing-7);
  }
  .rt-AvatarRoot:where(.md\:rt-r-size-7) {
    --avatar-size: 96px;
    --avatar-fallback-one-letter-font-size: var(--font-size-7);
    border-radius: max(var(--radius-5), var(--radius-full));
    letter-spacing: var(--letter-spacing-7);
  }
  .rt-AvatarRoot:where(.md\:rt-r-size-8) {
    --avatar-size: 128px;
    --avatar-fallback-one-letter-font-size: var(--font-size-8);
    border-radius: max(var(--radius-6), var(--radius-full));
    letter-spacing: var(--letter-spacing-8);
  }
  .rt-AvatarRoot:where(.md\:rt-r-size-9) {
    --avatar-size: 160px;
    --avatar-fallback-one-letter-font-size: var(--font-size-9);
    border-radius: max(var(--radius-6), var(--radius-full));
    letter-spacing: var(--letter-spacing-9);
  }
}
@media (min-width: 1280px) {
  .rt-AvatarRoot:where(.lg\:rt-r-size-1) {
    --avatar-size: var(--space-5);
    --avatar-fallback-one-letter-font-size: var(--font-size-2);
    --avatar-fallback-two-letters-font-size: var(--font-size-1);
    border-radius: max(var(--radius-2), var(--radius-full));
    letter-spacing: var(--letter-spacing-1);
  }
  .rt-AvatarRoot:where(.lg\:rt-r-size-2) {
    --avatar-size: var(--space-6);
    --avatar-fallback-one-letter-font-size: var(--font-size-3);
    --avatar-fallback-two-letters-font-size: var(--font-size-2);
    border-radius: max(var(--radius-2), var(--radius-full));
    letter-spacing: var(--letter-spacing-2);
  }
  .rt-AvatarRoot:where(.lg\:rt-r-size-3) {
    --avatar-size: var(--space-7);
    --avatar-fallback-one-letter-font-size: var(--font-size-4);
    --avatar-fallback-two-letters-font-size: var(--font-size-3);
    border-radius: max(var(--radius-3), var(--radius-full));
    letter-spacing: var(--letter-spacing-3);
  }
  .rt-AvatarRoot:where(.lg\:rt-r-size-4) {
    --avatar-size: var(--space-8);
    --avatar-fallback-one-letter-font-size: var(--font-size-5);
    --avatar-fallback-two-letters-font-size: var(--font-size-4);
    border-radius: max(var(--radius-3), var(--radius-full));
    letter-spacing: var(--letter-spacing-4);
  }
  .rt-AvatarRoot:where(.lg\:rt-r-size-5) {
    --avatar-size: var(--space-9);
    --avatar-fallback-one-letter-font-size: var(--font-size-6);
    border-radius: max(var(--radius-4), var(--radius-full));
    letter-spacing: var(--letter-spacing-6);
  }
  .rt-AvatarRoot:where(.lg\:rt-r-size-6) {
    --avatar-size: 80px;
    --avatar-fallback-one-letter-font-size: var(--font-size-7);
    border-radius: max(var(--radius-5), var(--radius-full));
    letter-spacing: var(--letter-spacing-7);
  }
  .rt-AvatarRoot:where(.lg\:rt-r-size-7) {
    --avatar-size: 96px;
    --avatar-fallback-one-letter-font-size: var(--font-size-7);
    border-radius: max(var(--radius-5), var(--radius-full));
    letter-spacing: var(--letter-spacing-7);
  }
  .rt-AvatarRoot:where(.lg\:rt-r-size-8) {
    --avatar-size: 128px;
    --avatar-fallback-one-letter-font-size: var(--font-size-8);
    border-radius: max(var(--radius-6), var(--radius-full));
    letter-spacing: var(--letter-spacing-8);
  }
  .rt-AvatarRoot:where(.lg\:rt-r-size-9) {
    --avatar-size: 160px;
    --avatar-fallback-one-letter-font-size: var(--font-size-9);
    border-radius: max(var(--radius-6), var(--radius-full));
    letter-spacing: var(--letter-spacing-9);
  }
}
@media (min-width: 1640px) {
  .rt-AvatarRoot:where(.xl\:rt-r-size-1) {
    --avatar-size: var(--space-5);
    --avatar-fallback-one-letter-font-size: var(--font-size-2);
    --avatar-fallback-two-letters-font-size: var(--font-size-1);
    border-radius: max(var(--radius-2), var(--radius-full));
    letter-spacing: var(--letter-spacing-1);
  }
  .rt-AvatarRoot:where(.xl\:rt-r-size-2) {
    --avatar-size: var(--space-6);
    --avatar-fallback-one-letter-font-size: var(--font-size-3);
    --avatar-fallback-two-letters-font-size: var(--font-size-2);
    border-radius: max(var(--radius-2), var(--radius-full));
    letter-spacing: var(--letter-spacing-2);
  }
  .rt-AvatarRoot:where(.xl\:rt-r-size-3) {
    --avatar-size: var(--space-7);
    --avatar-fallback-one-letter-font-size: var(--font-size-4);
    --avatar-fallback-two-letters-font-size: var(--font-size-3);
    border-radius: max(var(--radius-3), var(--radius-full));
    letter-spacing: var(--letter-spacing-3);
  }
  .rt-AvatarRoot:where(.xl\:rt-r-size-4) {
    --avatar-size: var(--space-8);
    --avatar-fallback-one-letter-font-size: var(--font-size-5);
    --avatar-fallback-two-letters-font-size: var(--font-size-4);
    border-radius: max(var(--radius-3), var(--radius-full));
    letter-spacing: var(--letter-spacing-4);
  }
  .rt-AvatarRoot:where(.xl\:rt-r-size-5) {
    --avatar-size: var(--space-9);
    --avatar-fallback-one-letter-font-size: var(--font-size-6);
    border-radius: max(var(--radius-4), var(--radius-full));
    letter-spacing: var(--letter-spacing-6);
  }
  .rt-AvatarRoot:where(.xl\:rt-r-size-6) {
    --avatar-size: 80px;
    --avatar-fallback-one-letter-font-size: var(--font-size-7);
    border-radius: max(var(--radius-5), var(--radius-full));
    letter-spacing: var(--letter-spacing-7);
  }
  .rt-AvatarRoot:where(.xl\:rt-r-size-7) {
    --avatar-size: 96px;
    --avatar-fallback-one-letter-font-size: var(--font-size-7);
    border-radius: max(var(--radius-5), var(--radius-full));
    letter-spacing: var(--letter-spacing-7);
  }
  .rt-AvatarRoot:where(.xl\:rt-r-size-8) {
    --avatar-size: 128px;
    --avatar-fallback-one-letter-font-size: var(--font-size-8);
    border-radius: max(var(--radius-6), var(--radius-full));
    letter-spacing: var(--letter-spacing-8);
  }
  .rt-AvatarRoot:where(.xl\:rt-r-size-9) {
    --avatar-size: 160px;
    --avatar-fallback-one-letter-font-size: var(--font-size-9);
    border-radius: max(var(--radius-6), var(--radius-full));
    letter-spacing: var(--letter-spacing-9);
  }
}
.rt-AvatarRoot:where(.rt-variant-solid) :where(.rt-AvatarFallback) {
  background-color: var(--accent-9);
  color: var(--accent-contrast);
}
.rt-AvatarRoot:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-AvatarFallback) {
  background-color: var(--accent-12);
  color: var(--accent-1);
}
.rt-AvatarRoot:where(.rt-variant-soft) :where(.rt-AvatarFallback) {
  background-color: var(--accent-a3);
  color: var(--accent-a11);
}
.rt-AvatarRoot:where(.rt-variant-soft):where(.rt-high-contrast) :where(.rt-AvatarFallback) {
  color: var(--accent-12);
}
.rt-Badge {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  font-family: var(--default-font-family);
  font-weight: var(--font-weight-medium);
  font-style: normal;
  flex-shrink: 0;
  line-height: 1;
  height: -moz-fit-content;
  height: fit-content;
}
.rt-Badge:where(.rt-r-size-1) {
  font-size: var(--font-size-1);
  line-height: var(--line-height-1);
  letter-spacing: var(--letter-spacing-1);
  padding: calc(var(--space-1) * 0.5) calc(var(--space-1) * 1.5);
  gap: calc(var(--space-1) * 1.5);
  border-radius: max(var(--radius-1), var(--radius-full));
}
.rt-Badge:where(.rt-r-size-2) {
  font-size: var(--font-size-1);
  line-height: var(--line-height-1);
  letter-spacing: var(--letter-spacing-1);
  padding: var(--space-1) var(--space-2);
  gap: calc(var(--space-1) * 1.5);
  border-radius: max(var(--radius-2), var(--radius-full));
}
.rt-Badge:where(.rt-r-size-3) {
  font-size: var(--font-size-2);
  line-height: var(--line-height-2);
  letter-spacing: var(--letter-spacing-2);
  padding: var(--space-1) calc(var(--space-2) * 1.25);
  gap: var(--space-2);
  border-radius: max(var(--radius-2), var(--radius-full));
}
@media (min-width: 520px) {
  .rt-Badge:where(.xs\:rt-r-size-1) {
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
    padding: calc(var(--space-1) * 0.5) calc(var(--space-1) * 1.5);
    gap: calc(var(--space-1) * 1.5);
    border-radius: max(var(--radius-1), var(--radius-full));
  }
  .rt-Badge:where(.xs\:rt-r-size-2) {
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
    padding: var(--space-1) var(--space-2);
    gap: calc(var(--space-1) * 1.5);
    border-radius: max(var(--radius-2), var(--radius-full));
  }
  .rt-Badge:where(.xs\:rt-r-size-3) {
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    letter-spacing: var(--letter-spacing-2);
    padding: var(--space-1) calc(var(--space-2) * 1.25);
    gap: var(--space-2);
    border-radius: max(var(--radius-2), var(--radius-full));
  }
}
@media (min-width: 768px) {
  .rt-Badge:where(.sm\:rt-r-size-1) {
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
    padding: calc(var(--space-1) * 0.5) calc(var(--space-1) * 1.5);
    gap: calc(var(--space-1) * 1.5);
    border-radius: max(var(--radius-1), var(--radius-full));
  }
  .rt-Badge:where(.sm\:rt-r-size-2) {
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
    padding: var(--space-1) var(--space-2);
    gap: calc(var(--space-1) * 1.5);
    border-radius: max(var(--radius-2), var(--radius-full));
  }
  .rt-Badge:where(.sm\:rt-r-size-3) {
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    letter-spacing: var(--letter-spacing-2);
    padding: var(--space-1) calc(var(--space-2) * 1.25);
    gap: var(--space-2);
    border-radius: max(var(--radius-2), var(--radius-full));
  }
}
@media (min-width: 1024px) {
  .rt-Badge:where(.md\:rt-r-size-1) {
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
    padding: calc(var(--space-1) * 0.5) calc(var(--space-1) * 1.5);
    gap: calc(var(--space-1) * 1.5);
    border-radius: max(var(--radius-1), var(--radius-full));
  }
  .rt-Badge:where(.md\:rt-r-size-2) {
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
    padding: var(--space-1) var(--space-2);
    gap: calc(var(--space-1) * 1.5);
    border-radius: max(var(--radius-2), var(--radius-full));
  }
  .rt-Badge:where(.md\:rt-r-size-3) {
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    letter-spacing: var(--letter-spacing-2);
    padding: var(--space-1) calc(var(--space-2) * 1.25);
    gap: var(--space-2);
    border-radius: max(var(--radius-2), var(--radius-full));
  }
}
@media (min-width: 1280px) {
  .rt-Badge:where(.lg\:rt-r-size-1) {
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
    padding: calc(var(--space-1) * 0.5) calc(var(--space-1) * 1.5);
    gap: calc(var(--space-1) * 1.5);
    border-radius: max(var(--radius-1), var(--radius-full));
  }
  .rt-Badge:where(.lg\:rt-r-size-2) {
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
    padding: var(--space-1) var(--space-2);
    gap: calc(var(--space-1) * 1.5);
    border-radius: max(var(--radius-2), var(--radius-full));
  }
  .rt-Badge:where(.lg\:rt-r-size-3) {
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    letter-spacing: var(--letter-spacing-2);
    padding: var(--space-1) calc(var(--space-2) * 1.25);
    gap: var(--space-2);
    border-radius: max(var(--radius-2), var(--radius-full));
  }
}
@media (min-width: 1640px) {
  .rt-Badge:where(.xl\:rt-r-size-1) {
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
    padding: calc(var(--space-1) * 0.5) calc(var(--space-1) * 1.5);
    gap: calc(var(--space-1) * 1.5);
    border-radius: max(var(--radius-1), var(--radius-full));
  }
  .rt-Badge:where(.xl\:rt-r-size-2) {
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
    padding: var(--space-1) var(--space-2);
    gap: calc(var(--space-1) * 1.5);
    border-radius: max(var(--radius-2), var(--radius-full));
  }
  .rt-Badge:where(.xl\:rt-r-size-3) {
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    letter-spacing: var(--letter-spacing-2);
    padding: var(--space-1) calc(var(--space-2) * 1.25);
    gap: var(--space-2);
    border-radius: max(var(--radius-2), var(--radius-full));
  }
}
.rt-Badge:where(.rt-variant-solid) {
  background-color: var(--accent-9);
  color: var(--accent-contrast);
}
.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) {
  background-color: var(--accent-12);
  color: var(--accent-1);
}
.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-Badge:where(.rt-variant-surface) {
  background-color: var(--accent-surface);
  box-shadow: inset 0 0 0 1px var(--accent-a6);
  color: var(--accent-a11);
}
.rt-Badge:where(.rt-variant-surface):where(.rt-high-contrast) {
  color: var(--accent-12);
}
.rt-Badge:where(.rt-variant-soft) {
  background-color: var(--accent-a3);
  color: var(--accent-a11);
}
.rt-Badge:where(.rt-variant-soft):where(.rt-high-contrast) {
  color: var(--accent-12);
}
.rt-Badge:where(.rt-variant-outline) {
  box-shadow: inset 0 0 0 1px var(--accent-a8);
  color: var(--accent-a11);
}
.rt-Badge:where(.rt-variant-outline):where(.rt-high-contrast) {
  box-shadow: inset 0 0 0 1px var(--accent-a7), inset 0 0 0 1px var(--gray-a11);
  color: var(--accent-12);
}
.rt-Blockquote {
  box-sizing: border-box;
  border-left: max(var(--space-1), 0.25em) solid var(--accent-a6);
  padding-left: min(var(--space-5), max(var(--space-3), 0.5em));
}
.rt-BaseButton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  -webkit-user-select: none;
          -moz-user-select: none;
       user-select: none;
  vertical-align: top;
  font-family: var(--default-font-family);
  font-style: normal;
  text-align: center;
}
.rt-BaseButton:where([data-disabled]) {
  --spinner-opacity: 1;
}
.rt-BaseButton:where(.rt-loading) {
  position: relative;
}
.rt-BaseButton:where(:not(.rt-variant-ghost)) {
  height: var(--base-button-height);
}
.rt-BaseButton:where(.rt-variant-ghost) {
  box-sizing: content-box;
  height: -moz-fit-content;
  height: fit-content;
}
.rt-BaseButton:where(.rt-r-size-1) {
  --base-button-classic-active-padding-top: 1px;
  --base-button-height: var(--space-5);
  border-radius: max(var(--radius-1), var(--radius-full));
}
.rt-BaseButton:where(.rt-r-size-2) {
  --base-button-classic-active-padding-top: 2px;
  --base-button-height: var(--space-6);
  border-radius: max(var(--radius-2), var(--radius-full));
}
.rt-BaseButton:where(.rt-r-size-3) {
  --base-button-classic-active-padding-top: 2px;
  --base-button-height: var(--space-7);
  border-radius: max(var(--radius-3), var(--radius-full));
}
.rt-BaseButton:where(.rt-r-size-4) {
  --base-button-classic-active-padding-top: 2px;
  --base-button-height: var(--space-8);
  border-radius: max(var(--radius-4), var(--radius-full));
}
@media (min-width: 520px) {
  .rt-BaseButton:where(.xs\:rt-r-size-1) {
    --base-button-classic-active-padding-top: 1px;
    --base-button-height: var(--space-5);
    border-radius: max(var(--radius-1), var(--radius-full));
  }
  .rt-BaseButton:where(.xs\:rt-r-size-2) {
    --base-button-classic-active-padding-top: 2px;
    --base-button-height: var(--space-6);
    border-radius: max(var(--radius-2), var(--radius-full));
  }
  .rt-BaseButton:where(.xs\:rt-r-size-3) {
    --base-button-classic-active-padding-top: 2px;
    --base-button-height: var(--space-7);
    border-radius: max(var(--radius-3), var(--radius-full));
  }
  .rt-BaseButton:where(.xs\:rt-r-size-4) {
    --base-button-classic-active-padding-top: 2px;
    --base-button-height: var(--space-8);
    border-radius: max(var(--radius-4), var(--radius-full));
  }
}
@media (min-width: 768px) {
  .rt-BaseButton:where(.sm\:rt-r-size-1) {
    --base-button-classic-active-padding-top: 1px;
    --base-button-height: var(--space-5);
    border-radius: max(var(--radius-1), var(--radius-full));
  }
  .rt-BaseButton:where(.sm\:rt-r-size-2) {
    --base-button-classic-active-padding-top: 2px;
    --base-button-height: var(--space-6);
    border-radius: max(var(--radius-2), var(--radius-full));
  }
  .rt-BaseButton:where(.sm\:rt-r-size-3) {
    --base-button-classic-active-padding-top: 2px;
    --base-button-height: var(--space-7);
    border-radius: max(var(--radius-3), var(--radius-full));
  }
  .rt-BaseButton:where(.sm\:rt-r-size-4) {
    --base-button-classic-active-padding-top: 2px;
    --base-button-height: var(--space-8);
    border-radius: max(var(--radius-4), var(--radius-full));
  }
}
@media (min-width: 1024px) {
  .rt-BaseButton:where(.md\:rt-r-size-1) {
    --base-button-classic-active-padding-top: 1px;
    --base-button-height: var(--space-5);
    border-radius: max(var(--radius-1), var(--radius-full));
  }
  .rt-BaseButton:where(.md\:rt-r-size-2) {
    --base-button-classic-active-padding-top: 2px;
    --base-button-height: var(--space-6);
    border-radius: max(var(--radius-2), var(--radius-full));
  }
  .rt-BaseButton:where(.md\:rt-r-size-3) {
    --base-button-classic-active-padding-top: 2px;
    --base-button-height: var(--space-7);
    border-radius: max(var(--radius-3), var(--radius-full));
  }
  .rt-BaseButton:where(.md\:rt-r-size-4) {
    --base-button-classic-active-padding-top: 2px;
    --base-button-height: var(--space-8);
    border-radius: max(var(--radius-4), var(--radius-full));
  }
}
@media (min-width: 1280px) {
  .rt-BaseButton:where(.lg\:rt-r-size-1) {
    --base-button-classic-active-padding-top: 1px;
    --base-button-height: var(--space-5);
    border-radius: max(var(--radius-1), var(--radius-full));
  }
  .rt-BaseButton:where(.lg\:rt-r-size-2) {
    --base-button-classic-active-padding-top: 2px;
    --base-button-height: var(--space-6);
    border-radius: max(var(--radius-2), var(--radius-full));
  }
  .rt-BaseButton:where(.lg\:rt-r-size-3) {
    --base-button-classic-active-padding-top: 2px;
    --base-button-height: var(--space-7);
    border-radius: max(var(--radius-3), var(--radius-full));
  }
  .rt-BaseButton:where(.lg\:rt-r-size-4) {
    --base-button-classic-active-padding-top: 2px;
    --base-button-height: var(--space-8);
    border-radius: max(var(--radius-4), var(--radius-full));
  }
}
@media (min-width: 1640px) {
  .rt-BaseButton:where(.xl\:rt-r-size-1) {
    --base-button-classic-active-padding-top: 1px;
    --base-button-height: var(--space-5);
    border-radius: max(var(--radius-1), var(--radius-full));
  }
  .rt-BaseButton:where(.xl\:rt-r-size-2) {
    --base-button-classic-active-padding-top: 2px;
    --base-button-height: var(--space-6);
    border-radius: max(var(--radius-2), var(--radius-full));
  }
  .rt-BaseButton:where(.xl\:rt-r-size-3) {
    --base-button-classic-active-padding-top: 2px;
    --base-button-height: var(--space-7);
    border-radius: max(var(--radius-3), var(--radius-full));
  }
  .rt-BaseButton:where(.xl\:rt-r-size-4) {
    --base-button-classic-active-padding-top: 2px;
    --base-button-height: var(--space-8);
    border-radius: max(var(--radius-4), var(--radius-full));
  }
}
.rt-BaseButton:where(.rt-variant-classic) {
  background-color: var(--accent-9);
  color: var(--accent-contrast);
  position: relative;
  z-index: 0;
  background-image: linear-gradient(to bottom, transparent 50%, var(--gray-a4)), linear-gradient(to bottom, transparent 50%, var(--accent-9) 80%);
  box-shadow: var(--base-button-classic-box-shadow-top), inset 0 0 0 1px var(--accent-9), var(--base-button-classic-box-shadow-bottom);
}
.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) {
  background-color: var(--accent-12);
  color: var(--gray-1);
  background-image: linear-gradient(to bottom, transparent 50%, var(--gray-a4)), linear-gradient(to bottom, transparent 50%, var(--accent-12) 80%);
  box-shadow: var(--base-button-classic-box-shadow-top), inset 0 0 0 1px var(--accent-12), var(--base-button-classic-box-shadow-bottom);
}
.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: 0.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) {
  filter: var(--base-button-classic-high-contrast-hover-filter);
}
.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]) {
  color: var(--gray-a8);
  background-color: var(--gray-2);
  background-image: none;
  box-shadow: var(--base-button-classic-disabled-box-shadow);
  outline: none;
  filter: none;
}
.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));
}
.rt-BaseButton:where(.rt-variant-solid) {
  background-color: var(--accent-9);
  color: var(--accent-contrast);
}
@media (hover: hover) {
  .rt-BaseButton:where(.rt-variant-solid):where(:hover) {
    background-color: var(--accent-10);
  }
}
.rt-BaseButton:where(.rt-variant-solid):where([data-state='open']) {
  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: 0.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;
}
.rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast) {
  background-color: var(--accent-12);
  color: var(--gray-1);
}
@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([data-state='open']) {
  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-solid):where([data-disabled]) {
  color: var(--gray-a8);
  background-color: var(--gray-a3);
  outline: none;
  filter: none;
}
.rt-BaseButton:where(.rt-variant-soft, .rt-variant-ghost) {
  color: var(--accent-a11);
}
.rt-BaseButton:where(.rt-variant-soft, .rt-variant-ghost):where(.rt-high-contrast) {
  color: var(--accent-12);
}
.rt-BaseButton:where(.rt-variant-soft, .rt-variant-ghost):where([data-disabled]) {
  color: var(--gray-a8);
  background-color: var(--gray-a3);
}
.rt-BaseButton:where(.rt-variant-soft) {
  background-color: var(--accent-a3);
}
.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([data-state='open']) {
  background-color: var(--accent-a4);
}
.rt-BaseButton:where(.rt-variant-soft):where(:active:not([data-state='open'])) {
  background-color: var(--accent-a5);
}
.rt-BaseButton:where(.rt-variant-soft):where([data-disabled]) {
  color: var(--gray-a8);
  background-color: var(--gray-a3);
}
@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([data-state='open']) {
  background-color: var(--accent-a3);
}
.rt-BaseButton:where(.rt-variant-ghost):where(:active:not([data-state='open'])) {
  background-color: var(--accent-a4);
}
.rt-BaseButton:where(.rt-variant-ghost):where([data-disabled]) {
  color: var(--gray-a8);
  background-color: transparent;
}
.rt-BaseButton:where(.rt-variant-outline) {
  box-shadow: inset 0 0 0 1px var(--accent-a8);
  color: var(--accent-a11);
}
@media (hover: hover) {
  .rt-BaseButton:where(.rt-variant-outline):where(:hover) {
    background-color: var(--accent-a2);
  }
}
.rt-BaseButton:where(.rt-variant-outline):where([data-state='open']) {
  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;
}
.rt-BaseButton:where(.rt-variant-outline):where(.rt-high-contrast) {
  box-shadow: inset 0 0 0 1px var(--accent-a7), inset 0 0 0 1px var(--gray-a11);
  color: var(--accent-12);
}
.rt-BaseButton:where(.rt-variant-outline):where([data-disabled]) {
  color: var(--gray-a8);
  box-shadow: inset 0 0 0 1px var(--gray-a7);
  background-color: transparent;
}
.rt-BaseButton:where(.rt-variant-surface) {
  background-color: var(--accent-surface);
  box-shadow: inset 0 0 0 1px var(--accent-a7);
  color: var(--accent-a11);
}
@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([data-state='open']) {
  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-BaseButton:where(.rt-variant-surface):where(.rt-high-contrast) {
  color: var(--accent-12);
}
.rt-BaseButton:where(.rt-variant-surface):where([data-disabled]) {
  color: var(--gray-a8);
  box-shadow: inset 0 0 0 1px var(--gray-a6);
  background-color: var(--gray-a2);
}
.rt-Button:where(:not(.rt-variant-ghost)) :where(svg) {
  opacity: 0.9;
}
.rt-Button:where(.rt-variant-ghost) {
  padding: var(--button-ghost-padding-y) var(--button-ghost-padding-x);
  --margin-top: 0px;
  --margin-right: 0px;
  --margin-bottom: 0px;
  --margin-left: 0px;
  --margin-top-override: calc(var(--margin-top) - var(--button-ghost-padding-y));
  --margin-right-override: calc(var(--margin-right) - var(--button-ghost-padding-x));
  --margin-bottom-override: calc(var(--margin-bottom) - var(--button-ghost-padding-y));
  --margin-left-override: calc(var(--margin-left) - var(--button-ghost-padding-x));
  margin: var(--margin-top-override) var(--margin-right-override) var(--margin-bottom-override) var(--margin-left-override);
}
:where(.rt-Button:where(.rt-variant-ghost)) > * {
  --margin-top-override: initial;
  --margin-right-override: initial;
  --margin-bottom-override: initial;
  --margin-left-override: initial;
}
.rt-Button:where(.rt-r-size-1) {
  gap: var(--space-1);
  font-size: var(--font-size-1);
  line-height: var(--line-height-1);
  letter-spacing: var(--letter-spacing-1);
}
.rt-Button:where(.rt-r-size-1):where(:not(.rt-variant-ghost)) {
  padding-left: var(--space-2);
  padding-right: var(--space-2);
}
.rt-Button:where(.rt-r-size-1):where(.rt-variant-ghost) {
  gap: var(--space-1);
  --button-ghost-padding-x: var(--space-2);
  --button-ghost-padding-y: var(--space-1);
}
.rt-Button:where(.rt-r-size-2) {
  gap: var(--space-2);
  font-size: var(--font-size-2);
  line-height: var(--line-height-2);
  letter-spacing: var(--letter-spacing-2);
}
.rt-Button:where(.rt-r-size-2):where(:not(.rt-variant-ghost)) {
  padding-left: var(--space-3);
  padding-right: var(--space-3);
}
.rt-Button:where(.rt-r-size-2):where(.rt-variant-ghost) {
  gap: var(--space-1);
  --button-ghost-padding-x: var(--space-2);
  --button-ghost-padding-y: var(--space-1);
}
.rt-Button:where(.rt-r-size-3) {
  gap: var(--space-3);
  font-size: var(--font-size-3);
  line-height: var(--line-height-3);
  letter-spacing: var(--letter-spacing-3);
}
.rt-Button:where(.rt-r-size-3):where(:not(.rt-variant-ghost)) {
  padding-left: var(--space-4);
  padding-right: var(--space-4);
}
.rt-Button:where(.rt-r-size-3):where(.rt-variant-ghost) {
  gap: var(--space-2);
  --button-ghost-padding-x: var(--space-3);
  --button-ghost-padding-y: calc(var(--space-1) * 1.5);
}
.rt-Button:where(.rt-r-size-4) {
  gap: var(--space-3);
  font-size: var(--font-size-4);
  line-height: var(--line-height-4);
  letter-spacing: var(--letter-spacing-4);
}
.rt-Button:where(.rt-r-size-4):where(:not(.rt-variant-ghost)) {
  padding-left: var(--space-5);
  padding-right: var(--space-5);
}
.rt-Button:where(.rt-r-size-4):where(.rt-variant-ghost) {
  gap: var(--space-2);
  --button-ghost-padding-x: var(--space-4);
  --button-ghost-padding-y: var(--space-2);
}
@media (min-width: 520px) {
  .rt-Button:where(.xs\:rt-r-size-1) {
    gap: var(--space-1);
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
  }
  .rt-Button:where(.xs\:rt-r-size-1):where(:not(.rt-variant-ghost)) {
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }
  .rt-Button:where(.xs\:rt-r-size-1):where(.rt-variant-ghost) {
    gap: var(--space-1);
    --button-ghost-padding-x: var(--space-2);
    --button-ghost-padding-y: var(--space-1);
  }
  .rt-Button:where(.xs\:rt-r-size-2) {
    gap: var(--space-2);
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    letter-spacing: var(--letter-spacing-2);
  }
  .rt-Button:where(.xs\:rt-r-size-2):where(:not(.rt-variant-ghost)) {
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }
  .rt-Button:where(.xs\:rt-r-size-2):where(.rt-variant-ghost) {
    gap: var(--space-1);
    --button-ghost-padding-x: var(--space-2);
    --button-ghost-padding-y: var(--space-1);
  }
  .rt-Button:where(.xs\:rt-r-size-3) {
    gap: var(--space-3);
    font-size: var(--font-size-3);
    line-height: var(--line-height-3);
    letter-spacing: var(--letter-spacing-3);
  }
  .rt-Button:where(.xs\:rt-r-size-3):where(:not(.rt-variant-ghost)) {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }
  .rt-Button:where(.xs\:rt-r-size-3):where(.rt-variant-ghost) {
    gap: var(--space-2);
    --button-ghost-padding-x: var(--space-3);
    --button-ghost-padding-y: calc(var(--space-1) * 1.5);
  }
  .rt-Button:where(.xs\:rt-r-size-4) {
    gap: var(--space-3);
    font-size: var(--font-size-4);
    line-height: var(--line-height-4);
    letter-spacing: var(--letter-spacing-4);
  }
  .rt-Button:where(.xs\:rt-r-size-4):where(:not(.rt-variant-ghost)) {
    padding-left: var(--space-5);
    padding-right: var(--space-5);
  }
  .rt-Button:where(.xs\:rt-r-size-4):where(.rt-variant-ghost) {
    gap: var(--space-2);
    --button-ghost-padding-x: var(--space-4);
    --button-ghost-padding-y: var(--space-2);
  }
}
@media (min-width: 768px) {
  .rt-Button:where(.sm\:rt-r-size-1) {
    gap: var(--space-1);
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
  }
  .rt-Button:where(.sm\:rt-r-size-1):where(:not(.rt-variant-ghost)) {
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }
  .rt-Button:where(.sm\:rt-r-size-1):where(.rt-variant-ghost) {
    gap: var(--space-1);
    --button-ghost-padding-x: var(--space-2);
    --button-ghost-padding-y: var(--space-1);
  }
  .rt-Button:where(.sm\:rt-r-size-2) {
    gap: var(--space-2);
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    letter-spacing: var(--letter-spacing-2);
  }
  .rt-Button:where(.sm\:rt-r-size-2):where(:not(.rt-variant-ghost)) {
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }
  .rt-Button:where(.sm\:rt-r-size-2):where(.rt-variant-ghost) {
    gap: var(--space-1);
    --button-ghost-padding-x: var(--space-2);
    --button-ghost-padding-y: var(--space-1);
  }
  .rt-Button:where(.sm\:rt-r-size-3) {
    gap: var(--space-3);
    font-size: var(--font-size-3);
    line-height: var(--line-height-3);
    letter-spacing: var(--letter-spacing-3);
  }
  .rt-Button:where(.sm\:rt-r-size-3):where(:not(.rt-variant-ghost)) {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }
  .rt-Button:where(.sm\:rt-r-size-3):where(.rt-variant-ghost) {
    gap: var(--space-2);
    --button-ghost-padding-x: var(--space-3);
    --button-ghost-padding-y: calc(var(--space-1) * 1.5);
  }
  .rt-Button:where(.sm\:rt-r-size-4) {
    gap: var(--space-3);
    font-size: var(--font-size-4);
    line-height: var(--line-height-4);
    letter-spacing: var(--letter-spacing-4);
  }
  .rt-Button:where(.sm\:rt-r-size-4):where(:not(.rt-variant-ghost)) {
    padding-left: var(--space-5);
    padding-right: var(--space-5);
  }
  .rt-Button:where(.sm\:rt-r-size-4):where(.rt-variant-ghost) {
    gap: var(--space-2);
    --button-ghost-padding-x: var(--space-4);
    --button-ghost-padding-y: var(--space-2);
  }
}
@media (min-width: 1024px) {
  .rt-Button:where(.md\:rt-r-size-1) {
    gap: var(--space-1);
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
  }
  .rt-Button:where(.md\:rt-r-size-1):where(:not(.rt-variant-ghost)) {
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }
  .rt-Button:where(.md\:rt-r-size-1):where(.rt-variant-ghost) {
    gap: var(--space-1);
    --button-ghost-padding-x: var(--space-2);
    --button-ghost-padding-y: var(--space-1);
  }
  .rt-Button:where(.md\:rt-r-size-2) {
    gap: var(--space-2);
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    letter-spacing: var(--letter-spacing-2);
  }
  .rt-Button:where(.md\:rt-r-size-2):where(:not(.rt-variant-ghost)) {
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }
  .rt-Button:where(.md\:rt-r-size-2):where(.rt-variant-ghost) {
    gap: var(--space-1);
    --button-ghost-padding-x: var(--space-2);
    --button-ghost-padding-y: var(--space-1);
  }
  .rt-Button:where(.md\:rt-r-size-3) {
    gap: var(--space-3);
    font-size: var(--font-size-3);
    line-height: var(--line-height-3);
    letter-spacing: var(--letter-spacing-3);
  }
  .rt-Button:where(.md\:rt-r-size-3):where(:not(.rt-variant-ghost)) {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }
  .rt-Button:where(.md\:rt-r-size-3):where(.rt-variant-ghost) {
    gap: var(--space-2);
    --button-ghost-padding-x: var(--space-3);
    --button-ghost-padding-y: calc(var(--space-1) * 1.5);
  }
  .rt-Button:where(.md\:rt-r-size-4) {
    gap: var(--space-3);
    font-size: var(--font-size-4);
    line-height: var(--line-height-4);
    letter-spacing: var(--letter-spacing-4);
  }
  .rt-Button:where(.md\:rt-r-size-4):where(:not(.rt-variant-ghost)) {
    padding-left: var(--space-5);
    padding-right: var(--space-5);
  }
  .rt-Button:where(.md\:rt-r-size-4):where(.rt-variant-ghost) {
    gap: var(--space-2);
    --button-ghost-padding-x: var(--space-4);
    --button-ghost-padding-y: var(--space-2);
  }
}
@media (min-width: 1280px) {
  .rt-Button:where(.lg\:rt-r-size-1) {
    gap: var(--space-1);
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
  }
  .rt-Button:where(.lg\:rt-r-size-1):where(:not(.rt-variant-ghost)) {
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }
  .rt-Button:where(.lg\:rt-r-size-1):where(.rt-variant-ghost) {
    gap: var(--space-1);
    --button-ghost-padding-x: var(--space-2);
    --button-ghost-padding-y: var(--space-1);
  }
  .rt-Button:where(.lg\:rt-r-size-2) {
    gap: var(--space-2);
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    letter-spacing: var(--letter-spacing-2);
  }
  .rt-Button:where(.lg\:rt-r-size-2):where(:not(.rt-variant-ghost)) {
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }
  .rt-Button:where(.lg\:rt-r-size-2):where(.rt-variant-ghost) {
    gap: var(--space-1);
    --button-ghost-padding-x: var(--space-2);
    --button-ghost-padding-y: var(--space-1);
  }
  .rt-Button:where(.lg\:rt-r-size-3) {
    gap: var(--space-3);
    font-size: var(--font-size-3);
    line-height: var(--line-height-3);
    letter-spacing: var(--letter-spacing-3);
  }
  .rt-Button:where(.lg\:rt-r-size-3):where(:not(.rt-variant-ghost)) {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }
  .rt-Button:where(.lg\:rt-r-size-3):where(.rt-variant-ghost) {
    gap: var(--space-2);
    --button-ghost-padding-x: var(--space-3);
    --button-ghost-padding-y: calc(var(--space-1) * 1.5);
  }
  .rt-Button:where(.lg\:rt-r-size-4) {
    gap: var(--space-3);
    font-size: var(--font-size-4);
    line-height: var(--line-height-4);
    letter-spacing: var(--letter-spacing-4);
  }
  .rt-Button:where(.lg\:rt-r-size-4):where(:not(.rt-variant-ghost)) {
    padding-left: var(--space-5);
    padding-right: var(--space-5);
  }
  .rt-Button:where(.lg\:rt-r-size-4):where(.rt-variant-ghost) {
    gap: var(--space-2);
    --button-ghost-padding-x: var(--space-4);
    --button-ghost-padding-y: var(--space-2);
  }
}
@media (min-width: 1640px) {
  .rt-Button:where(.xl\:rt-r-size-1) {
    gap: var(--space-1);
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
  }
  .rt-Button:where(.xl\:rt-r-size-1):where(:not(.rt-variant-ghost)) {
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }
  .rt-Button:where(.xl\:rt-r-size-1):where(.rt-variant-ghost) {
    gap: var(--space-1);
    --button-ghost-padding-x: var(--space-2);
    --button-ghost-padding-y: var(--space-1);
  }
  .rt-Button:where(.xl\:rt-r-size-2) {
    gap: var(--space-2);
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    letter-spacing: var(--letter-spacing-2);
  }
  .rt-Button:where(.xl\:rt-r-size-2):where(:not(.rt-variant-ghost)) {
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }
  .rt-Button:where(.xl\:rt-r-size-2):where(.rt-variant-ghost) {
    gap: var(--space-1);
    --button-ghost-padding-x: var(--space-2);
    --button-ghost-padding-y: var(--space-1);
  }
  .rt-Button:where(.xl\:rt-r-size-3) {
    gap: var(--space-3);
    font-size: var(--font-size-3);
    line-height: var(--line-height-3);
    letter-spacing: var(--letter-spacing-3);
  }
  .rt-Button:where(.xl\:rt-r-size-3):where(:not(.rt-variant-ghost)) {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }
  .rt-Button:where(.xl\:rt-r-size-3):where(.rt-variant-ghost) {
    gap: var(--space-2);
    --button-ghost-padding-x: var(--space-3);
    --button-ghost-padding-y: calc(var(--space-1) * 1.5);
  }
  .rt-Button:where(.xl\:rt-r-size-4) {
    gap: var(--space-3);
    font-size: var(--font-size-4);
    line-height: var(--line-height-4);
    letter-spacing: var(--letter-spacing-4);
  }
  .rt-Button:where(.xl\:rt-r-size-4):where(:not(.rt-variant-ghost)) {
    padding-left: var(--space-5);
    padding-right: var(--space-5);
  }
  .rt-Button:where(.xl\:rt-r-size-4):where(.rt-variant-ghost) {
    gap: var(--space-2);
    --button-ghost-padding-x: var(--space-4);
    --button-ghost-padding-y: var(--space-2);
  }
}
.rt-Button:where(:not(.rt-variant-ghost)) {
  font-weight: var(--font-weight-medium);
}
.rt-CalloutRoot {
  box-sizing: border-box;
  display: grid;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
  color: var(--accent-a11);
}
.rt-CalloutRoot:where(.rt-high-contrast) {
  color: var(--accent-12);
}
.rt-CalloutIcon {
  display: flex;
  align-items: center;
  grid-column-start: -2;
  height: var(--callout-icon-height);
}
.rt-CalloutRoot > :where(:not(.rt-CalloutIcon)) {
  grid-column-start: -1;
}
.rt-CalloutRoot:where(.rt-r-size-1) {
  row-gap: var(--space-2);
  -moz-column-gap: var(--space-2);
       column-gap: var(--space-2);
  padding: var(--space-3);
  border-radius: var(--radius-3);
  --callout-icon-height: var(--line-height-2);
}
.rt-CalloutRoot:where(.rt-r-size-2) {
  row-gap: var(--space-2);
  -moz-column-gap: var(--space-3);
       column-gap: var(--space-3);
  padding: var(--space-4);
  border-radius: var(--radius-4);
  --callout-icon-height: var(--line-height-2);
}
.rt-CalloutRoot:where(.rt-r-size-3) {
  row-gap: var(--space-3);
  -moz-column-gap: var(--space-4);
       column-gap: var(--space-4);
  padding: var(--space-5);
  border-radius: var(--radius-5);
  --callout-icon-height: var(--line-height-3);
}
@media (min-width: 520px) {
  .rt-CalloutRoot:where(.xs\:rt-r-size-1) {
    row-gap: var(--space-2);
    -moz-column-gap: var(--space-2);
         column-gap: var(--space-2);
    padding: var(--space-3);
    border-radius: var(--radius-3);
    --callout-icon-height: var(--line-height-2);
  }
  .rt-CalloutRoot:where(.xs\:rt-r-size-2) {
    row-gap: var(--space-2);
    -moz-column-gap: var(--space-3);
         column-gap: var(--space-3);
    padding: var(--space-4);
    border-radius: var(--radius-4);
    --callout-icon-height: var(--line-height-2);
  }
  .rt-CalloutRoot:where(.xs\:rt-r-size-3) {
    row-gap: var(--space-3);
    -moz-column-gap: var(--space-4);
         column-gap: var(--space-4);
    padding: var(--space-5);
    border-radius: var(--radius-5);
    --callout-icon-height: var(--line-height-3);
  }
}
@media (min-width: 768px) {
  .rt-CalloutRoot:where(.sm\:rt-r-size-1) {
    row-gap: var(--space-2);
    -moz-column-gap: var(--space-2);
         column-gap: var(--space-2);
    padding: var(--space-3);
    border-radius: var(--radius-3);
    --callout-icon-height: var(--line-height-2);
  }
  .rt-CalloutRoot:where(.sm\:rt-r-size-2) {
    row-gap: var(--space-2);
    -moz-column-gap: var(--space-3);
         column-gap: var(--space-3);
    padding: var(--space-4);
    border-radius: var(--radius-4);
    --callout-icon-height: var(--line-height-2);
  }
  .rt-CalloutRoot:where(.sm\:rt-r-size-3) {
    row-gap: var(--space-3);
    -moz-column-gap: var(--space-4);
         column-gap: var(--space-4);
    padding: var(--space-5);
    border-radius: var(--radius-5);
    --callout-icon-height: var(--line-height-3);
  }
}
@media (min-width: 1024px) {
  .rt-CalloutRoot:where(.md\:rt-r-size-1) {
    row-gap: var(--space-2);
    -moz-column-gap: var(--space-2);
         column-gap: var(--space-2);
    padding: var(--space-3);
    border-radius: var(--radius-3);
    --callout-icon-height: var(--line-height-2);
  }
  .rt-CalloutRoot:where(.md\:rt-r-size-2) {
    row-gap: var(--space-2);
    -moz-column-gap: var(--space-3);
         column-gap: var(--space-3);
    padding: var(--space-4);
    border-radius: var(--radius-4);
    --callout-icon-height: var(--line-height-2);
  }
  .rt-CalloutRoot:where(.md\:rt-r-size-3) {
    row-gap: var(--space-3);
    -moz-column-gap: var(--space-4);
         column-gap: var(--space-4);
    padding: var(--space-5);
    border-radius: var(--radius-5);
    --callout-icon-height: var(--line-height-3);
  }
}
@media (min-width: 1280px) {
  .rt-CalloutRoot:where(.lg\:rt-r-size-1) {
    row-gap: var(--space-2);
    -moz-column-gap: var(--space-2);
         column-gap: var(--space-2);
    padding: var(--space-3);
    border-radius: var(--radius-3);
    --callout-icon-height: var(--line-height-2);
  }
  .rt-CalloutRoot:where(.lg\:rt-r-size-2) {
    row-gap: var(--space-2);
    -moz-column-gap: var(--space-3);
         column-gap: var(--space-3);
    padding: var(--space-4);
    border-radius: var(--radius-4);
    --callout-icon-height: var(--line-height-2);
  }
  .rt-CalloutRoot:where(.lg\:rt-r-size-3) {
    row-gap: var(--space-3);
    -moz-column-gap: var(--space-4);
         column-gap: var(--space-4);
    padding: var(--space-5);
    border-radius: var(--radius-5);
    --callout-icon-height: var(--line-height-3);
  }
}
@media (min-width: 1640px) {
  .rt-CalloutRoot:where(.xl\:rt-r-size-1) {
    row-gap: var(--space-2);
    -moz-column-gap: var(--space-2);
         column-gap: var(--space-2);
    padding: var(--space-3);
    border-radius: var(--radius-3);
    --callout-icon-height: var(--line-height-2);
  }
  .rt-CalloutRoot:where(.xl\:rt-r-size-2) {
    row-gap: var(--space-2);
    -moz-column-gap: var(--space-3);
         column-gap: var(--space-3);
    padding: var(--space-4);
    border-radius: var(--radius-4);
    --callout-icon-height: var(--line-height-2);
  }
  .rt-CalloutRoot:where(.xl\:rt-r-size-3) {
    row-gap: var(--space-3);
    -moz-column-gap: var(--space-4);
         column-gap: var(--space-4);
    padding: var(--space-5);
    border-radius: var(--radius-5);
    --callout-icon-height: var(--line-height-3);
  }
}
.rt-CalloutRoot:where(.rt-variant-soft) {
  background-color: var(--accent-a3);
}
.rt-CalloutRoot:where(.rt-variant-surface) {
  box-shadow: inset 0 0 0 1px var(--accent-a6);
  background-color: var(--accent-a2);
}
.rt-CalloutRoot:where(.rt-variant-outline) {
  box-shadow: inset 0 0 0 1px var(--accent-a7);
}
.rt-BaseCard {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: var(--base-card-border-radius);
  font-family: var(--default-font-family);
  font-weight: var(--font-weight-normal);
  font-style: normal;
  text-align: start;
  --inset-border-width: var(--base-card-border-width);
  --inset-border-radius: var(--base-card-border-radius);
  padding-top: var(--base-card-padding-top);
  padding-right: var(--base-card-padding-right);
  padding-bottom: var(--base-card-padding-bottom);
  padding-left: var(--base-card-padding-left);
  box-sizing: border-box;
  --inset-padding-top: calc(var(--base-card-padding-top) - var(--base-card-border-width));
  --inset-padding-right: calc(var(--base-card-padding-right) - var(--base-card-border-width));
  --inset-padding-bottom: calc(var(--base-card-padding-bottom) - var(--base-card-border-width));
  --inset-padding-left: calc(var(--base-card-padding-left) - var(--base-card-border-width));
  contain: paint;
}
.rt-BaseCard::before,
  .rt-BaseCard::after {
  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 {
  --base-card-padding-top: var(--card-padding);
  --base-card-padding-right: var(--card-padding);
  --base-card-padding-bottom: var(--card-padding);
  --base-card-padding-left: var(--card-padding);
  --base-card-border-radius: var(--card-border-radius);
  --base-card-border-width: var(--card-border-width);
}
.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-r-size-1) {
  --card-padding: var(--space-3);
  --card-border-radius: var(--radius-4);
}
.rt-Card:where(.rt-r-size-2) {
  --card-padding: var(--space-4);
  --card-border-radius: var(--radius-4);
}
.rt-Card:where(.rt-r-size-3) {
  --card-padding: var(--space-5);
  --card-border-radius: var(--radius-5);
}
.rt-Card:where(.rt-r-size-4) {
  --card-padding: var(--space-6);
  --card-border-radius: var(--radius-5);
}
.rt-Card:where(.rt-r-size-5) {
  --card-padding: var(--space-8);
  --card-border-radius: var(--radius-6);
}
@media (min-width: 520px) {
  .rt-Card:where(.xs\:rt-r-size-1) {
    --card-padding: var(--space-3);
    --card-border-radius: var(--radius-4);
  }
  .rt-Card:where(.xs\:rt-r-size-2) {
    --card-padding: var(--space-4);
    --card-border-radius: var(--radius-4);
  }
  .rt-Card:where(.xs\:rt-r-size-3) {
    --card-padding: var(--space-5);
    --card-border-radius: var(--radius-5);
  }
  .rt-Card:where(.xs\:rt-r-size-4) {
    --card-padding: var(--space-6);
    --card-border-radius: var(--radius-5);
  }
  .rt-Card:where(.xs\:rt-r-size-5) {
    --card-padding: var(--space-8);
    --card-border-radius: var(--radius-6);
  }
}
@media (min-width: 768px) {
  .rt-Card:where(.sm\:rt-r-size-1) {
    --card-padding: var(--space-3);
    --card-border-radius: var(--radius-4);
  }
  .rt-Card:where(.sm\:rt-r-size-2) {
    --card-padding: var(--space-4);
    --card-border-radius: var(--radius-4);
  }
  .rt-Card:where(.sm\:rt-r-size-3) {
    --card-padding: var(--space-5);
    --card-border-radius: var(--radius-5);
  }
  .rt-Card:where(.sm\:rt-r-size-4) {
    --card-padding: var(--space-6);
    --card-border-radius: var(--radius-5);
  }
  .rt-Card:where(.sm\:rt-r-size-5) {
    --card-padding: var(--space-8);
    --card-border-radius: var(--radius-6);
  }
}
@media (min-width: 1024px) {
  .rt-Card:where(.md\:rt-r-size-1) {
    --card-padding: var(--space-3);
    --card-border-radius: var(--radius-4);
  }
  .rt-Card:where(.md\:rt-r-size-2) {
    --card-padding: var(--space-4);
    --card-border-radius: var(--radius-4);
  }
  .rt-Card:where(.md\:rt-r-size-3) {
    --card-padding: var(--space-5);
    --card-border-radius: var(--radius-5);
  }
  .rt-Card:where(.md\:rt-r-size-4) {
    --card-padding: var(--space-6);
    --card-border-radius: var(--radius-5);
  }
  .rt-Card:where(.md\:rt-r-size-5) {
    --card-padding: var(--space-8);
    --card-border-radius: var(--radius-6);
  }
}
@media (min-width: 1280px) {
  .rt-Card:where(.lg\:rt-r-size-1) {
    --card-padding: var(--space-3);
    --card-border-radius: var(--radius-4);
  }
  .rt-Card:where(.lg\:rt-r-size-2) {
    --card-padding: var(--space-4);
    --card-border-radius: var(--radius-4);
  }
  .rt-Card:where(.lg\:rt-r-size-3) {
    --card-padding: var(--space-5);
    --card-border-radius: var(--radius-5);
  }
  .rt-Card:where(.lg\:rt-r-size-4) {
    --card-padding: var(--space-6);
    --card-border-radius: var(--radius-5);
  }
  .rt-Card:where(.lg\:rt-r-size-5) {
    --card-padding: var(--space-8);
    --card-border-radius: var(--radius-6);
  }
}
@media (min-width: 1640px) {
  .rt-Card:where(.xl\:rt-r-size-1) {
    --card-padding: var(--space-3);
    --card-border-radius: var(--radius-4);
  }
  .rt-Card:where(.xl\:rt-r-size-2) {
    --card-padding: var(--space-4);
    --card-border-radius: var(--radius-4);
  }
  .rt-Card:where(.xl\:rt-r-size-3) {
    --card-padding: var(--space-5);
    --card-border-radius: var(--radius-5);
  }
  .rt-Card:where(.xl\:rt-r-size-4) {
    --card-padding: var(--space-6);
    --card-border-radius: var(--radius-5);
  }
  .rt-Card:where(.xl\:rt-r-size-5) {
    --card-padding: var(--space-8);
    --card-border-radius: var(--radius-6);
  }
}
.rt-Card:where(.rt-variant-surface) {
  --card-border-width: 1px;
  --card-background-color: var(--color-panel);
}
.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) {
  --card-border-width: 1px;
  --card-background-color: var(--color-panel);
  transition: box-shadow 120ms;
  box-shadow: var(--base-card-classic-box-shadow-outer);
}
.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);
}
.rt-Card:where(.rt-variant-ghost) {
  --card-border-width: 0px;
  --margin-top: 0px;
  --margin-right: 0px;
  --margin-bottom: 0px;
  --margin-left: 0px;
  --margin-top-override: calc(var(--margin-top) - var(--card-padding));
  --margin-right-override: calc(var(--margin-right) - var(--card-padding));
  --margin-bottom-override: calc(var(--margin-bottom) - var(--card-padding));
  --margin-left-override: calc(var(--margin-left) - var(--card-padding));
  margin-top: var(--margin-top-override);
  margin-right: var(--margin-right-override);
  margin-bottom: var(--margin-bottom-override);
  margin-left: var(--margin-left-override);
}
:where(.rt-Card:where(.rt-variant-ghost)) > * {
  --margin-top-override: initial;
  --margin-right-override: initial;
  --margin-bottom-override: initial;
  --margin-left-override: initial;
}
@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 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  flex-shrink: 0;
  cursor: var(--cursor-checkbox);
  height: var(--skeleton-height, var(--line-height, var(--checkbox-size)));
  --skeleton-height-override: var(--checkbox-size);
  border-radius: var(--skeleton-radius);
  --skeleton-radius-override: var(--checkbox-border-radius);
}
.rt-BaseCheckboxRoot::before {
  content: '';
  display: block;
  height: var(--checkbox-size);
  width: var(--checkbox-size);
  border-radius: var(--checkbox-border-radius);
}
.rt-BaseCheckboxIndicator {
  position: absolute;
  width: var(--checkbox-indicator-size);
  height: var(--checkbox-indicator-size);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
.rt-BaseCheckboxRoot:where(.rt-r-size-1) {
  --checkbox-size: calc(var(--space-4) * 0.875);
  --checkbox-indicator-size: calc(9px * var(--scaling));
  --checkbox-border-radius: calc(var(--radius-1) * 0.875);
}
.rt-BaseCheckboxRoot:where(.rt-r-size-2) {
  --checkbox-size: var(--space-4);
  --checkbox-indicator-size: calc(10px * var(--scaling));
  --checkbox-border-radius: var(--radius-1);
}
.rt-BaseCheckboxRoot:where(.rt-r-size-3) {
  --checkbox-size: calc(var(--space-4) * 1.25);
  --checkbox-indicator-size: calc(12px * var(--scaling));
  --checkbox-border-radius: calc(var(--radius-1) * 1.25);
}
@media (min-width: 520px) {
  .rt-BaseCheckboxRoot:where(.xs\:rt-r-size-1) {
    --checkbox-size: calc(var(--space-4) * 0.875);
    --checkbox-indicator-size: calc(9px * var(--scaling));
    --checkbox-border-radius: calc(var(--radius-1) * 0.875);
  }
  .rt-BaseCheckboxRoot:where(.xs\:rt-r-size-2) {
    --checkbox-size: var(--space-4);
    --checkbox-indicator-size: calc(10px * var(--scaling));
    --checkbox-border-radius: var(--radius-1);
  }
  .rt-BaseCheckboxRoot:where(.xs\:rt-r-size-3) {
    --checkbox-size: calc(var(--space-4) * 1.25);
    --checkbox-indicator-size: calc(12px * var(--scaling));
    --checkbox-border-radius: calc(var(--radius-1) * 1.25);
  }
}
@media (min-width: 768px) {
  .rt-BaseCheckboxRoot:where(.sm\:rt-r-size-1) {
    --checkbox-size: calc(var(--space-4) * 0.875);
    --checkbox-indicator-size: calc(9px * var(--scaling));
    --checkbox-border-radius: calc(var(--radius-1) * 0.875);
  }
  .rt-BaseCheckboxRoot:where(.sm\:rt-r-size-2) {
    --checkbox-size: var(--space-4);
    --checkbox-indicator-size: calc(10px * var(--scaling));
    --checkbox-border-radius: var(--radius-1);
  }
  .rt-BaseCheckboxRoot:where(.sm\:rt-r-size-3) {
    --checkbox-size: calc(var(--space-4) * 1.25);
    --checkbox-indicator-size: calc(12px * var(--scaling));
    --checkbox-border-radius: calc(var(--radius-1) * 1.25);
  }
}
@media (min-width: 1024px) {
  .rt-BaseCheckboxRoot:where(.md\:rt-r-size-1) {
    --checkbox-size: calc(var(--space-4) * 0.875);
    --checkbox-indicator-size: calc(9px * var(--scaling));
    --checkbox-border-radius: calc(var(--radius-1) * 0.875);
  }
  .rt-BaseCheckboxRoot:where(.md\:rt-r-size-2) {
    --checkbox-size: var(--space-4);
    --checkbox-indicator-size: calc(10px * var(--scaling));
    --checkbox-border-radius: var(--radius-1);
  }
  .rt-BaseCheckboxRoot:where(.md\:rt-r-size-3) {
    --checkbox-size: calc(var(--space-4) * 1.25);
    --checkbox-indicator-size: calc(12px * var(--scaling));
    --checkbox-border-radius: calc(var(--radius-1) * 1.25);
  }
}
@media (min-width: 1280px) {
  .rt-BaseCheckboxRoot:where(.lg\:rt-r-size-1) {
    --checkbox-size: calc(var(--space-4) * 0.875);
    --checkbox-indicator-size: calc(9px * var(--scaling));
    --checkbox-border-radius: calc(var(--radius-1) * 0.875);
  }
  .rt-BaseCheckboxRoot:where(.lg\:rt-r-size-2) {
    --checkbox-size: var(--space-4);
    --checkbox-indicator-size: calc(10px * var(--scaling));
    --checkbox-border-radius: var(--radius-1);
  }
  .rt-BaseCheckboxRoot:where(.lg\:rt-r-size-3) {
    --checkbox-size: calc(var(--space-4) * 1.25);
    --checkbox-indicator-size: calc(12px * var(--scaling));
    --checkbox-border-radius: calc(var(--radius-1) * 1.25);
  }
}
@media (min-width: 1640px) {
  .rt-BaseCheckboxRoot:where(.xl\:rt-r-size-1) {
    --checkbox-size: calc(var(--space-4) * 0.875);
    --checkbox-indicator-size: calc(9px * var(--scaling));
    --checkbox-border-radius: calc(var(--radius-1) * 0.875);
  }
  .rt-BaseCheckboxRoot:where(.xl\:rt-r-size-2) {
    --checkbox-size: var(--space-4);
    --checkbox-indicator-size: calc(10px * var(--scaling));
    --checkbox-border-radius: var(--radius-1);
  }
  .rt-BaseCheckboxRoot:where(.xl\:rt-r-size-3) {
    --checkbox-size: calc(var(--space-4) * 1.25);
    --checkbox-indicator-size: calc(12px * var(--scaling));
    --checkbox-border-radius: calc(var(--radius-1) * 1.25);
  }
}
.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-BaseCheckboxIndicator) {
  color: var(--accent-contrast);
}
.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([data-state='checked'], [data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
  color: var(--accent-1);
}
.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 0.5px 0.5px var(--white-a4), inset 0 -0.5px 0.5px var(--black-a4);
}
.rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'], [data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
  color: var(--accent-contrast);
}
.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([data-state='checked'], [data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
  color: var(--accent-1);
}
.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([data-state='checked'], [data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
  color: var(--accent-a11);
}
.rt-BaseCheckboxRoot:where(.rt-variant-soft):where([data-state='checked'], [data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
  color: var(--accent-12);
}
.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-CheckboxCardsRoot {
  line-height: var(--line-height);
  letter-spacing: var(--letter-spacing);
  cursor: default;
}
.rt-CheckboxCardsItem:where(:has(:focus-visible)) {
  outline: 2px solid var(--focus-8);
  outline-offset: -1px;
}
.rt-CheckboxCardsItem:where(:has(:focus-visible))::after {
  outline: inherit;
}
.rt-CheckboxCardsItem > * {
  pointer-events: none;
}
.rt-CheckboxCardsItem > :where(svg) {
  flex-shrink: 0;
}
.rt-CheckboxCardCheckbox {
  position: absolute;
  right: var(--checkbox-cards-item-padding-left);
}
.rt-CheckboxCardsItem {
  --checkbox-cards-item-padding-right: calc(var(--checkbox-cards-item-padding-left) * 2 + var(--checkbox-cards-item-checkbox-size));
  --base-card-padding-top: var(--checkbox-cards-item-padding-top);
  --base-card-padding-right: var(--checkbox-cards-item-padding-right);
  --base-card-padding-bottom: var(--checkbox-cards-item-padding-bottom);
  --base-card-padding-left: var(--checkbox-cards-item-padding-left);
  --base-card-border-radius: var(--checkbox-cards-item-border-radius);
  --base-card-border-width: var(--checkbox-cards-item-border-width);
  display: flex;
  align-items: center;
  gap: var(--space-2);
  cursor: var(--cursor-button);
  -webkit-tap-highlight-color: transparent;
}
.rt-CheckboxCardsRoot:where(.rt-r-size-1) {
  font-size: var(--font-size-2);
  --line-height: var(--line-height-2);
  --letter-spacing: var(--letter-spacing-2);
  --checkbox-cards-item-padding-top: calc(var(--space-3) / 1.2);
  --checkbox-cards-item-padding-bottom: calc(var(--space-3) / 1.2);
  --checkbox-cards-item-padding-left: var(--space-3);
  --checkbox-cards-item-border-radius: var(--radius-3);
  --checkbox-cards-item-checkbox-size: calc(var(--space-4) * 0.875);
}
.rt-CheckboxCardsRoot:where(.rt-r-size-2) {
  font-size: var(--font-size-2);
  --line-height: var(--line-height-2);
  --letter-spacing: var(--letter-spacing-2);
  --checkbox-cards-item-padding-top: calc(var(--space-4) * 0.875);
  --checkbox-cards-item-padding-bottom: calc(var(--space-4) * 0.875);
  --checkbox-cards-item-padding-left: var(--space-4);
  --checkbox-cards-item-border-radius: var(--radius-3);
  --checkbox-cards-item-checkbox-size: var(--space-4);
}
.rt-CheckboxCardsRoot:where(.rt-r-size-3) {
  font-size: var(--font-size-3);
  --line-height: var(--line-height-3);
  --letter-spacing: var(--letter-spacing-3);
  --checkbox-cards-item-padding-top: calc(var(--space-5) / 1.2);
  --checkbox-cards-item-padding-bottom: calc(var(--space-5) / 1.2);
  --checkbox-cards-item-padding-left: var(--space-5);
  --checkbox-cards-item-border-radius: var(--radius-4);
  --checkbox-cards-item-checkbox-size: calc(var(--space-4) * 1.25);
}
@media (min-width: 520px) {
  .rt-CheckboxCardsRoot:where(.xs\:rt-r-size-1) {
    font-size: var(--font-size-2);
    --line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
    --checkbox-cards-item-padding-top: calc(var(--space-3) / 1.2);
    --checkbox-cards-item-padding-bottom: calc(var(--space-3) / 1.2);
    --checkbox-cards-item-padding-left: var(--space-3);
    --checkbox-cards-item-border-radius: var(--radius-3);
    --checkbox-cards-item-checkbox-size: calc(var(--space-4) * 0.875);
  }
  .rt-CheckboxCardsRoot:where(.xs\:rt-r-size-2) {
    font-size: var(--font-size-2);
    --line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
    --checkbox-cards-item-padding-top: calc(var(--space-4) * 0.875);
    --checkbox-cards-item-padding-bottom: calc(var(--space-4) * 0.875);
    --checkbox-cards-item-padding-left: var(--space-4);
    --checkbox-cards-item-border-radius: var(--radius-3);
    --checkbox-cards-item-checkbox-size: var(--space-4);
  }
  .rt-CheckboxCardsRoot:where(.xs\:rt-r-size-3) {
    font-size: var(--font-size-3);
    --line-height: var(--line-height-3);
    --letter-spacing: var(--letter-spacing-3);
    --checkbox-cards-item-padding-top: calc(var(--space-5) / 1.2);
    --checkbox-cards-item-padding-bottom: calc(var(--space-5) / 1.2);
    --checkbox-cards-item-padding-left: var(--space-5);
    --checkbox-cards-item-border-radius: var(--radius-4);
    --checkbox-cards-item-checkbox-size: calc(var(--space-4) * 1.25);
  }
}
@media (min-width: 768px) {
  .rt-CheckboxCardsRoot:where(.sm\:rt-r-size-1) {
    font-size: var(--font-size-2);
    --line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
    --checkbox-cards-item-padding-top: calc(var(--space-3) / 1.2);
    --checkbox-cards-item-padding-bottom: calc(var(--space-3) / 1.2);
    --checkbox-cards-item-padding-left: var(--space-3);
    --checkbox-cards-item-border-radius: var(--radius-3);
    --checkbox-cards-item-checkbox-size: calc(var(--space-4) * 0.875);
  }
  .rt-CheckboxCardsRoot:where(.sm\:rt-r-size-2) {
    font-size: var(--font-size-2);
    --line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
    --checkbox-cards-item-padding-top: calc(var(--space-4) * 0.875);
    --checkbox-cards-item-padding-bottom: calc(var(--space-4) * 0.875);
    --checkbox-cards-item-padding-left: var(--space-4);
    --checkbox-cards-item-border-radius: var(--radius-3);
    --checkbox-cards-item-checkbox-size: var(--space-4);
  }
  .rt-CheckboxCardsRoot:where(.sm\:rt-r-size-3) {
    font-size: var(--font-size-3);
    --line-height: var(--line-height-3);
    --letter-spacing: var(--letter-spacing-3);
    --checkbox-cards-item-padding-top: calc(var(--space-5) / 1.2);
    --checkbox-cards-item-padding-bottom: calc(var(--space-5) / 1.2);
    --checkbox-cards-item-padding-left: var(--space-5);
    --checkbox-cards-item-border-radius: var(--radius-4);
    --checkbox-cards-item-checkbox-size: calc(var(--space-4) * 1.25);
  }
}
@media (min-width: 1024px) {
  .rt-CheckboxCardsRoot:where(.md\:rt-r-size-1) {
    font-size: var(--font-size-2);
    --line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
    --checkbox-cards-item-padding-top: calc(var(--space-3) / 1.2);
    --checkbox-cards-item-padding-bottom: calc(var(--space-3) / 1.2);
    --checkbox-cards-item-padding-left: var(--space-3);
    --checkbox-cards-item-border-radius: var(--radius-3);
    --checkbox-cards-item-checkbox-size: calc(var(--space-4) * 0.875);
  }
  .rt-CheckboxCardsRoot:where(.md\:rt-r-size-2) {
    font-size: var(--font-size-2);
    --line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
    --checkbox-cards-item-padding-top: calc(var(--space-4) * 0.875);
    --checkbox-cards-item-padding-bottom: calc(var(--space-4) * 0.875);
    --checkbox-cards-item-padding-left: var(--space-4);
    --checkbox-cards-item-border-radius: var(--radius-3);
    --checkbox-cards-item-checkbox-size: var(--space-4);
  }
  .rt-CheckboxCardsRoot:where(.md\:rt-r-size-3) {
    font-size: var(--font-size-3);
    --line-height: var(--line-height-3);
    --letter-spacing: var(--letter-spacing-3);
    --checkbox-cards-item-padding-top: calc(var(--space-5) / 1.2);
    --checkbox-cards-item-padding-bottom: calc(var(--space-5) / 1.2);
    --checkbox-cards-item-padding-left: var(--space-5);
    --checkbox-cards-item-border-radius: var(--radius-4);
    --checkbox-cards-item-checkbox-size: calc(var(--space-4) * 1.25);
  }
}
@media (min-width: 1280px) {
  .rt-CheckboxCardsRoot:where(.lg\:rt-r-size-1) {
    font-size: var(--font-size-2);
    --line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
    --checkbox-cards-item-padding-top: calc(var(--space-3) / 1.2);
    --checkbox-cards-item-padding-bottom: calc(var(--space-3) / 1.2);
    --checkbox-cards-item-padding-left: var(--space-3);
    --checkbox-cards-item-border-radius: var(--radius-3);
    --checkbox-cards-item-checkbox-size: calc(var(--space-4) * 0.875);
  }
  .rt-CheckboxCardsRoot:where(.lg\:rt-r-size-2) {
    font-size: var(--font-size-2);
    --line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
    --checkbox-cards-item-padding-top: calc(var(--space-4) * 0.875);
    --checkbox-cards-item-padding-bottom: calc(var(--space-4) * 0.875);
    --checkbox-cards-item-padding-left: var(--space-4);
    --checkbox-cards-item-border-radius: var(--radius-3);
    --checkbox-cards-item-checkbox-size: var(--space-4);
  }
  .rt-CheckboxCardsRoot:where(.lg\:rt-r-size-3) {
    font-size: var(--font-size-3);
    --line-height: var(--line-height-3);
    --letter-spacing: var(--letter-spacing-3);
    --checkbox-cards-item-padding-top: calc(var(--space-5) / 1.2);
    --checkbox-cards-item-padding-bottom: calc(var(--space-5) / 1.2);
    --checkbox-cards-item-padding-left: var(--space-5);
    --checkbox-cards-item-border-radius: var(--radius-4);
    --checkbox-cards-item-checkbox-size: calc(var(--space-4) * 1.25);
  }
}
@media (min-width: 1640px) {
  .rt-CheckboxCardsRoot:where(.xl\:rt-r-size-1) {
    font-size: var(--font-size-2);
    --line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
    --checkbox-cards-item-padding-top: calc(var(--space-3) / 1.2);
    --checkbox-cards-item-padding-bottom: calc(var(--space-3) / 1.2);
    --checkbox-cards-item-padding-left: var(--space-3);
    --checkbox-cards-item-border-radius: var(--radius-3);
    --checkbox-cards-item-checkbox-size: calc(var(--space-4) * 0.875);
  }
  .rt-CheckboxCardsRoot:where(.xl\:rt-r-size-2) {
    font-size: var(--font-size-2);
    --line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
    --checkbox-cards-item-padding-top: calc(var(--space-4) * 0.875);
    --checkbox-cards-item-padding-bottom: calc(var(--space-4) * 0.875);
    --checkbox-cards-item-padding-left: var(--space-4);
    --checkbox-cards-item-border-radius: var(--radius-3);
    --checkbox-cards-item-checkbox-size: var(--space-4);
  }
  .rt-CheckboxCardsRoot:where(.xl\:rt-r-size-3) {
    font-size: var(--font-size-3);
    --line-height: var(--line-height-3);
    --letter-spacing: var(--letter-spacing-3);
    --checkbox-cards-item-padding-top: calc(var(--space-5) / 1.2);
    --checkbox-cards-item-padding-bottom: calc(var(--space-5) / 1.2);
    --checkbox-cards-item-padding-left: var(--space-5);
    --checkbox-cards-item-border-radius: var(--radius-4);
    --checkbox-cards-item-checkbox-size: calc(var(--space-4) * 1.25);
  }
}
:where(.rt-CheckboxCardsRoot.rt-variant-surface) .rt-CheckboxCardsItem {
  --checkbox-cards-item-border-width: 1px;
  --checkbox-cards-item-background-color: var(--color-surface);
}
: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 {
  --checkbox-cards-item-border-width: 1px;
  --checkbox-cards-item-background-color: var(--color-surface);
  transition: box-shadow 120ms;
  box-shadow: var(--base-card-classic-box-shadow-outer);
}
: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-CheckboxGroupRoot {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}
.rt-CheckboxGroupItem {
  display: flex;
  gap: 0.5em;
  width: -moz-fit-content;
  width: fit-content;
}
.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-CheckboxGroupItemInner {
  min-width: 0;
}
.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 {
  --code-variant-font-size-adjust: calc(var(--code-font-size-adjust) * 0.95);
  font-family: var(--code-font-family);
  font-size: calc(var(--code-variant-font-size-adjust) * 1em);
  font-style: var(--code-font-style);
  font-weight: var(--code-font-weight);
  line-height: 1.25;
  letter-spacing: calc(var(--code-letter-spacing) + var(--letter-spacing, var(--default-letter-spacing)));
  border-radius: calc((0.5px + 0.2em) * var(--radius-factor));
  box-sizing: border-box;
  padding-top: var(--code-padding-top);
  padding-left: var(--code-padding-left);
  padding-bottom: var(--code-padding-bottom);
  padding-right: var(--code-padding-right);
  height: -moz-fit-content;
  height: fit-content;
}
.rt-Code :where(.rt-Code) {
  font-size: inherit;
}
.rt-Code:where(.rt-r-size-1) {
  font-size: calc(var(--font-size-1) * var(--code-variant-font-size-adjust));
  line-height: var(--line-height-1);
  --letter-spacing: var(--letter-spacing-1);
}
.rt-Code:where(.rt-r-size-2) {
  font-size: calc(var(--font-size-2) * var(--code-variant-font-size-adjust));
  line-height: var(--line-height-2);
  --letter-spacing: var(--letter-spacing-2);
}
.rt-Code:where(.rt-r-size-3) {
  font-size: calc(var(--font-size-3) * var(--code-variant-font-size-adjust));
  line-height: var(--line-height-3);
  --letter-spacing: var(--letter-spacing-3);
}
.rt-Code:where(.rt-r-size-4) {
  font-size: calc(var(--font-size-4) * var(--code-variant-font-size-adjust));
  line-height: var(--line-height-4);
  --letter-spacing: var(--letter-spacing-4);
}
.rt-Code:where(.rt-r-size-5) {
  font-size: calc(var(--font-size-5) * var(--code-variant-font-size-adjust));
  line-height: var(--line-height-5);
  --letter-spacing: var(--letter-spacing-5);
}
.rt-Code:where(.rt-r-size-6) {
  font-size: calc(var(--font-size-6) * var(--code-variant-font-size-adjust));
  line-height: var(--line-height-6);
  --letter-spacing: var(--letter-spacing-6);
}
.rt-Code:where(.rt-r-size-7) {
  font-size: calc(var(--font-size-7) * var(--code-variant-font-size-adjust));
  line-height: var(--line-height-7);
  --letter-spacing: var(--letter-spacing-7);
}
.rt-Code:where(.rt-r-size-8) {
  font-size: calc(var(--font-size-8) * var(--code-variant-font-size-adjust));
  line-height: var(--line-height-8);
  --letter-spacing: var(--letter-spacing-8);
}
.rt-Code:where(.rt-r-size-9) {
  font-size: calc(var(--font-size-9) * var(--code-variant-font-size-adjust));
  line-height: var(--line-height-9);
  --letter-spacing: var(--letter-spacing-9);
}
@media (min-width: 520px) {
  .rt-Code:where(.xs\:rt-r-size-1) {
    font-size: calc(var(--font-size-1) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-1);
    --letter-spacing: var(--letter-spacing-1);
  }
  .rt-Code:where(.xs\:rt-r-size-2) {
    font-size: calc(var(--font-size-2) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
  }
  .rt-Code:where(.xs\:rt-r-size-3) {
    font-size: calc(var(--font-size-3) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-3);
    --letter-spacing: var(--letter-spacing-3);
  }
  .rt-Code:where(.xs\:rt-r-size-4) {
    font-size: calc(var(--font-size-4) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-4);
    --letter-spacing: var(--letter-spacing-4);
  }
  .rt-Code:where(.xs\:rt-r-size-5) {
    font-size: calc(var(--font-size-5) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-5);
    --letter-spacing: var(--letter-spacing-5);
  }
  .rt-Code:where(.xs\:rt-r-size-6) {
    font-size: calc(var(--font-size-6) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-6);
    --letter-spacing: var(--letter-spacing-6);
  }
  .rt-Code:where(.xs\:rt-r-size-7) {
    font-size: calc(var(--font-size-7) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-7);
    --letter-spacing: var(--letter-spacing-7);
  }
  .rt-Code:where(.xs\:rt-r-size-8) {
    font-size: calc(var(--font-size-8) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-8);
    --letter-spacing: var(--letter-spacing-8);
  }
  .rt-Code:where(.xs\:rt-r-size-9) {
    font-size: calc(var(--font-size-9) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-9);
    --letter-spacing: var(--letter-spacing-9);
  }
}
@media (min-width: 768px) {
  .rt-Code:where(.sm\:rt-r-size-1) {
    font-size: calc(var(--font-size-1) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-1);
    --letter-spacing: var(--letter-spacing-1);
  }
  .rt-Code:where(.sm\:rt-r-size-2) {
    font-size: calc(var(--font-size-2) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
  }
  .rt-Code:where(.sm\:rt-r-size-3) {
    font-size: calc(var(--font-size-3) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-3);
    --letter-spacing: var(--letter-spacing-3);
  }
  .rt-Code:where(.sm\:rt-r-size-4) {
    font-size: calc(var(--font-size-4) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-4);
    --letter-spacing: var(--letter-spacing-4);
  }
  .rt-Code:where(.sm\:rt-r-size-5) {
    font-size: calc(var(--font-size-5) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-5);
    --letter-spacing: var(--letter-spacing-5);
  }
  .rt-Code:where(.sm\:rt-r-size-6) {
    font-size: calc(var(--font-size-6) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-6);
    --letter-spacing: var(--letter-spacing-6);
  }
  .rt-Code:where(.sm\:rt-r-size-7) {
    font-size: calc(var(--font-size-7) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-7);
    --letter-spacing: var(--letter-spacing-7);
  }
  .rt-Code:where(.sm\:rt-r-size-8) {
    font-size: calc(var(--font-size-8) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-8);
    --letter-spacing: var(--letter-spacing-8);
  }
  .rt-Code:where(.sm\:rt-r-size-9) {
    font-size: calc(var(--font-size-9) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-9);
    --letter-spacing: var(--letter-spacing-9);
  }
}
@media (min-width: 1024px) {
  .rt-Code:where(.md\:rt-r-size-1) {
    font-size: calc(var(--font-size-1) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-1);
    --letter-spacing: var(--letter-spacing-1);
  }
  .rt-Code:where(.md\:rt-r-size-2) {
    font-size: calc(var(--font-size-2) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
  }
  .rt-Code:where(.md\:rt-r-size-3) {
    font-size: calc(var(--font-size-3) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-3);
    --letter-spacing: var(--letter-spacing-3);
  }
  .rt-Code:where(.md\:rt-r-size-4) {
    font-size: calc(var(--font-size-4) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-4);
    --letter-spacing: var(--letter-spacing-4);
  }
  .rt-Code:where(.md\:rt-r-size-5) {
    font-size: calc(var(--font-size-5) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-5);
    --letter-spacing: var(--letter-spacing-5);
  }
  .rt-Code:where(.md\:rt-r-size-6) {
    font-size: calc(var(--font-size-6) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-6);
    --letter-spacing: var(--letter-spacing-6);
  }
  .rt-Code:where(.md\:rt-r-size-7) {
    font-size: calc(var(--font-size-7) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-7);
    --letter-spacing: var(--letter-spacing-7);
  }
  .rt-Code:where(.md\:rt-r-size-8) {
    font-size: calc(var(--font-size-8) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-8);
    --letter-spacing: var(--letter-spacing-8);
  }
  .rt-Code:where(.md\:rt-r-size-9) {
    font-size: calc(var(--font-size-9) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-9);
    --letter-spacing: var(--letter-spacing-9);
  }
}
@media (min-width: 1280px) {
  .rt-Code:where(.lg\:rt-r-size-1) {
    font-size: calc(var(--font-size-1) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-1);
    --letter-spacing: var(--letter-spacing-1);
  }
  .rt-Code:where(.lg\:rt-r-size-2) {
    font-size: calc(var(--font-size-2) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
  }
  .rt-Code:where(.lg\:rt-r-size-3) {
    font-size: calc(var(--font-size-3) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-3);
    --letter-spacing: var(--letter-spacing-3);
  }
  .rt-Code:where(.lg\:rt-r-size-4) {
    font-size: calc(var(--font-size-4) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-4);
    --letter-spacing: var(--letter-spacing-4);
  }
  .rt-Code:where(.lg\:rt-r-size-5) {
    font-size: calc(var(--font-size-5) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-5);
    --letter-spacing: var(--letter-spacing-5);
  }
  .rt-Code:where(.lg\:rt-r-size-6) {
    font-size: calc(var(--font-size-6) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-6);
    --letter-spacing: var(--letter-spacing-6);
  }
  .rt-Code:where(.lg\:rt-r-size-7) {
    font-size: calc(var(--font-size-7) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-7);
    --letter-spacing: var(--letter-spacing-7);
  }
  .rt-Code:where(.lg\:rt-r-size-8) {
    font-size: calc(var(--font-size-8) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-8);
    --letter-spacing: var(--letter-spacing-8);
  }
  .rt-Code:where(.lg\:rt-r-size-9) {
    font-size: calc(var(--font-size-9) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-9);
    --letter-spacing: var(--letter-spacing-9);
  }
}
@media (min-width: 1640px) {
  .rt-Code:where(.xl\:rt-r-size-1) {
    font-size: calc(var(--font-size-1) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-1);
    --letter-spacing: var(--letter-spacing-1);
  }
  .rt-Code:where(.xl\:rt-r-size-2) {
    font-size: calc(var(--font-size-2) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
  }
  .rt-Code:where(.xl\:rt-r-size-3) {
    font-size: calc(var(--font-size-3) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-3);
    --letter-spacing: var(--letter-spacing-3);
  }
  .rt-Code:where(.xl\:rt-r-size-4) {
    font-size: calc(var(--font-size-4) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-4);
    --letter-spacing: var(--letter-spacing-4);
  }
  .rt-Code:where(.xl\:rt-r-size-5) {
    font-size: calc(var(--font-size-5) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-5);
    --letter-spacing: var(--letter-spacing-5);
  }
  .rt-Code:where(.xl\:rt-r-size-6) {
    font-size: calc(var(--font-size-6) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-6);
    --letter-spacing: var(--letter-spacing-6);
  }
  .rt-Code:where(.xl\:rt-r-size-7) {
    font-size: calc(var(--font-size-7) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-7);
    --letter-spacing: var(--letter-spacing-7);
  }
  .rt-Code:where(.xl\:rt-r-size-8) {
    font-size: calc(var(--font-size-8) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-8);
    --letter-spacing: var(--letter-spacing-8);
  }
  .rt-Code:where(.xl\:rt-r-size-9) {
    font-size: calc(var(--font-size-9) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-9);
    --letter-spacing: var(--letter-spacing-9);
  }
}
.rt-Code:where(.rt-variant-ghost) {
  --code-variant-font-size-adjust: var(--code-font-size-adjust);
  padding: 0;
}
.rt-Code:where(.rt-variant-ghost):where([data-accent-color]) {
  color: var(--accent-a11);
}
.rt-Code:where(.rt-variant-ghost):where([data-accent-color].rt-high-contrast),
  :where([data-accent-color]:not(.radix-themes)) .rt-Code:where(.rt-variant-ghost):where(.rt-high-contrast) {
  color: var(--accent-12);
}
.rt-Code:where(.rt-variant-solid) {
  background-color: var(--accent-a9);
  color: var(--accent-contrast);
}
.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) {
  background-color: var(--accent-12);
  color: var(--accent-1);
}
.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;
}
:where(.rt-Link) .rt-Code:where(.rt-variant-solid),
  .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);
  }
  :where(.rt-Link) .rt-Code:where(.rt-variant-solid):where(:hover), .rt-Code:where(.rt-variant-solid):where(:any-link, button):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);
  }
  :where(.rt-Link) .rt-Code:where(.rt-variant-solid):where(.rt-high-contrast:hover), .rt-Code:where(.rt-variant-solid):where(: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-soft) {
  background-color: var(--accent-a3);
  color: var(--accent-a11);
}
.rt-Code:where(.rt-variant-soft):where(.rt-high-contrast) {
  color: var(--accent-12);
}
.rt-Code:where(.rt-variant-soft):where(:-moz-any-link, button) {
  isolation: isolate;
}
:where(.rt-Link) .rt-Code:where(.rt-variant-soft),
  .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);
  }
  :where(.rt-Link) .rt-Code:where(.rt-variant-soft):where(:hover), .rt-Code:where(.rt-variant-soft):where(:any-link, button):where(:hover) {
    background-color: var(--accent-a4);
  }
}
.rt-Code:where(.rt-variant-outline) {
  box-shadow: inset 0 0 0 max(1px, 0.033em) var(--accent-a8);
  color: var(--accent-a11);
}
.rt-Code:where(.rt-variant-outline):where(.rt-high-contrast) {
  box-shadow: inset 0 0 0 max(1px, 0.033em) var(--accent-a7), inset 0 0 0 max(1px, 0.033em) var(--gray-a11);
  color: var(--accent-12);
}
.rt-Code:where(.rt-variant-outline):where(:-moz-any-link, button) {
  isolation: isolate;
}
:where(.rt-Link) .rt-Code:where(.rt-variant-outline),
  .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);
  }
  :where(.rt-Link) .rt-Code:where(.rt-variant-outline):where(:hover), .rt-Code:where(.rt-variant-outline):where(:any-link, button):where(:hover) {
    background-color: var(--accent-a2);
  }
}
.rt-BaseMenuContent {
  --scrollarea-scrollbar-vertical-margin-top: var(--base-menu-content-padding);
  --scrollarea-scrollbar-vertical-margin-bottom: var(--base-menu-content-padding);
  --scrollarea-scrollbar-horizontal-margin-left: var(--base-menu-content-padding);
  --scrollarea-scrollbar-horizontal-margin-right: var(--base-menu-content-padding);
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  overflow: hidden;
  background-color: var(--base-menu-bg);
  --base-menu-bg: var(--color-panel-solid);
  box-shadow: var(--shadow-5);
}
.rt-BaseMenuViewport {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  overflow: auto;
  padding: var(--base-menu-content-padding);
  box-sizing: border-box;
}
:where(.rt-BaseMenuContent:has(.rt-ScrollAreaScrollbar[data-orientation='vertical'])) .rt-BaseMenuViewport {
  padding-right: var(--space-3);
}
.rt-BaseMenuItem {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  height: var(--base-menu-item-height);
  padding-left: var(--base-menu-item-padding-left);
  padding-right: var(--base-menu-item-padding-right);
  box-sizing: border-box;
  position: relative;
  outline: none;
  scroll-margin: var(--base-menu-content-padding) 0;
  -webkit-user-select: none;
          -moz-user-select: none;
       user-select: none;
  cursor: var(--cursor-menu-item);
}
.rt-BaseMenuShortcut {
  display: flex;
  align-items: center;
  margin-left: auto;
  padding-left: var(--space-4);
  color: var(--gray-a11);
}
.rt-BaseMenuSubTriggerIcon {
  color: var(--gray-12);
  margin-right: calc(-2px * var(--scaling));
}
.rt-BaseMenuItemIndicator {
  position: absolute;
  left: 0;
  width: var(--base-menu-item-padding-left);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.rt-BaseMenuSeparator {
  height: 1px;
  margin-top: var(--space-2);
  margin-bottom: var(--space-2);
  margin-left: var(--base-menu-item-padding-left);
  margin-right: var(--base-menu-item-padding-right);
  background-color: var(--gray-a6);
}
.rt-BaseMenuLabel {
  display: flex;
  align-items: center;
  height: var(--base-menu-item-height);
  padding-left: var(--base-menu-item-padding-left);
  padding-right: var(--base-menu-item-padding-right);
  box-sizing: border-box;
  color: var(--gray-a10);
  -webkit-user-select: none;
          -moz-user-select: none;
       user-select: none;
  cursor: default;
}
:where(.rt-BaseMenuItem) + .rt-BaseMenuLabel {
  margin-top: var(--space-2);
}
.rt-BaseMenuArrow {
  fill: var(--base-menu-bg);
}
.rt-BaseMenuContent:where(.rt-r-size-1) {
  --base-menu-content-padding: var(--space-1);
  --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
  --base-menu-item-padding-right: var(--space-2);
  --base-menu-item-height: var(--space-5);
  border-radius: var(--radius-3);
}
.rt-BaseMenuContent:where(.rt-r-size-1) :where(.rt-BaseMenuItem) {
  font-size: var(--font-size-1);
  line-height: var(--line-height-1);
  letter-spacing: var(--letter-spacing-1);
  border-radius: var(--radius-1);
}
.rt-BaseMenuContent:where(.rt-r-size-1) :where(.rt-BaseMenuLabel) {
  font-size: var(--font-size-1);
  line-height: var(--line-height-1);
  letter-spacing: var(--letter-spacing-1);
}
.rt-BaseMenuContent:where(.rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon, .rt-BaseMenuSubTriggerIcon) {
  width: calc(8px * var(--scaling));
  height: calc(8px * var(--scaling));
}
.rt-BaseMenuContent:where(.rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem))) {
  --base-menu-item-padding-left: var(--space-2);
}
.rt-BaseMenuContent:where(.rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem)) {
  --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
}
.rt-BaseMenuContent:where(.rt-r-size-2) {
  --base-menu-content-padding: var(--space-2);
  --base-menu-item-padding-left: var(--space-3);
  --base-menu-item-padding-right: var(--space-3);
  --base-menu-item-height: var(--space-6);
  border-radius: var(--radius-4);
}
.rt-BaseMenuContent:where(.rt-r-size-2) :where(.rt-BaseMenuItem) {
  font-size: var(--font-size-2);
  line-height: var(--line-height-2);
  letter-spacing: var(--letter-spacing-2);
  border-radius: var(--radius-2);
}
.rt-BaseMenuContent:where(.rt-r-size-2) :where(.rt-BaseMenuLabel) {
  font-size: var(--font-size-2);
  line-height: var(--line-height-2);
  letter-spacing: var(--letter-spacing-2);
}
.rt-BaseMenuContent:where(.rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon, .rt-BaseMenuSubTriggerIcon) {
  width: calc(10px * var(--scaling));
  height: calc(10px * var(--scaling));
}
.rt-BaseMenuContent:where(.rt-r-size-2):where(:not(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem))) {
  --base-menu-item-padding-left: var(--space-3);
}
.rt-BaseMenuContent:where(.rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem)) {
  --base-menu-item-padding-left: var(--space-5);
}
@media (min-width: 520px) {
  .rt-BaseMenuContent:where(.xs\:rt-r-size-1) {
    --base-menu-content-padding: var(--space-1);
    --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
    --base-menu-item-padding-right: var(--space-2);
    --base-menu-item-height: var(--space-5);
    border-radius: var(--radius-3);
  }
  .rt-BaseMenuContent:where(.xs\:rt-r-size-1) :where(.rt-BaseMenuItem) {
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
    border-radius: var(--radius-1);
  }
  .rt-BaseMenuContent:where(.xs\:rt-r-size-1) :where(.rt-BaseMenuLabel) {
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
  }
  .rt-BaseMenuContent:where(.xs\:rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon, .rt-BaseMenuSubTriggerIcon) {
    width: calc(8px * var(--scaling));
    height: calc(8px * var(--scaling));
  }
  .rt-BaseMenuContent:where(.xs\:rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem))) {
    --base-menu-item-padding-left: var(--space-2);
  }
  .rt-BaseMenuContent:where(.xs\:rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem)) {
    --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
  }
  .rt-BaseMenuContent:where(.xs\:rt-r-size-2) {
    --base-menu-content-padding: var(--space-2);
    --base-menu-item-padding-left: var(--space-3);
    --base-menu-item-padding-right: var(--space-3);
    --base-menu-item-height: var(--space-6);
    border-radius: var(--radius-4);
  }
  .rt-BaseMenuContent:where(.xs\:rt-r-size-2) :where(.rt-BaseMenuItem) {
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    letter-spacing: var(--letter-spacing-2);
    border-radius: var(--radius-2);
  }
  .rt-BaseMenuContent:where(.xs\:rt-r-size-2) :where(.rt-BaseMenuLabel) {
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    letter-spacing: var(--letter-spacing-2);
  }
  .rt-BaseMenuContent:where(.xs\:rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon, .rt-BaseMenuSubTriggerIcon) {
    width: calc(10px * var(--scaling));
    height: calc(10px * var(--scaling));
  }
  .rt-BaseMenuContent:where(.xs\:rt-r-size-2):where(:not(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem))) {
    --base-menu-item-padding-left: var(--space-3);
  }
  .rt-BaseMenuContent:where(.xs\:rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem)) {
    --base-menu-item-padding-left: var(--space-5);
  }
}
@media (min-width: 768px) {
  .rt-BaseMenuContent:where(.sm\:rt-r-size-1) {
    --base-menu-content-padding: var(--space-1);
    --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
    --base-menu-item-padding-right: var(--space-2);
    --base-menu-item-height: var(--space-5);
    border-radius: var(--radius-3);
  }
  .rt-BaseMenuContent:where(.sm\:rt-r-size-1) :where(.rt-BaseMenuItem) {
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
    border-radius: var(--radius-1);
  }
  .rt-BaseMenuContent:where(.sm\:rt-r-size-1) :where(.rt-BaseMenuLabel) {
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
  }
  .rt-BaseMenuContent:where(.sm\:rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon, .rt-BaseMenuSubTriggerIcon) {
    width: calc(8px * var(--scaling));
    height: calc(8px * var(--scaling));
  }
  .rt-BaseMenuContent:where(.sm\:rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem))) {
    --base-menu-item-padding-left: var(--space-2);
  }
  .rt-BaseMenuContent:where(.sm\:rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem)) {
    --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
  }
  .rt-BaseMenuContent:where(.sm\:rt-r-size-2) {
    --base-menu-content-padding: var(--space-2);
    --base-menu-item-padding-left: var(--space-3);
    --base-menu-item-padding-right: var(--space-3);
    --base-menu-item-height: var(--space-6);
    border-radius: var(--radius-4);
  }
  .rt-BaseMenuContent:where(.sm\:rt-r-size-2) :where(.rt-BaseMenuItem) {
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    letter-spacing: var(--letter-spacing-2);
    border-radius: var(--radius-2);
  }
  .rt-BaseMenuContent:where(.sm\:rt-r-size-2) :where(.rt-BaseMenuLabel) {
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    letter-spacing: var(--letter-spacing-2);
  }
  .rt-BaseMenuContent:where(.sm\:rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon, .rt-BaseMenuSubTriggerIcon) {
    width: calc(10px * var(--scaling));
    height: calc(10px * var(--scaling));
  }
  .rt-BaseMenuContent:where(.sm\:rt-r-size-2):where(:not(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem))) {
    --base-menu-item-padding-left: var(--space-3);
  }
  .rt-BaseMenuContent:where(.sm\:rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem)) {
    --base-menu-item-padding-left: var(--space-5);
  }
}
@media (min-width: 1024px) {
  .rt-BaseMenuContent:where(.md\:rt-r-size-1) {
    --base-menu-content-padding: var(--space-1);
    --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
    --base-menu-item-padding-right: var(--space-2);
    --base-menu-item-height: var(--space-5);
    border-radius: var(--radius-3);
  }
  .rt-BaseMenuContent:where(.md\:rt-r-size-1) :where(.rt-BaseMenuItem) {
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
    border-radius: var(--radius-1);
  }
  .rt-BaseMenuContent:where(.md\:rt-r-size-1) :where(.rt-BaseMenuLabel) {
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
  }
  .rt-BaseMenuContent:where(.md\:rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon, .rt-BaseMenuSubTriggerIcon) {
    width: calc(8px * var(--scaling));
    height: calc(8px * var(--scaling));
  }
  .rt-BaseMenuContent:where(.md\:rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem))) {
    --base-menu-item-padding-left: var(--space-2);
  }
  .rt-BaseMenuContent:where(.md\:rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem)) {
    --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
  }
  .rt-BaseMenuContent:where(.md\:rt-r-size-2) {
    --base-menu-content-padding: var(--space-2);
    --base-menu-item-padding-left: var(--space-3);
    --base-menu-item-padding-right: var(--space-3);
    --base-menu-item-height: var(--space-6);
    border-radius: var(--radius-4);
  }
  .rt-BaseMenuContent:where(.md\:rt-r-size-2) :where(.rt-BaseMenuItem) {
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    letter-spacing: var(--letter-spacing-2);
    border-radius: var(--radius-2);
  }
  .rt-BaseMenuContent:where(.md\:rt-r-size-2) :where(.rt-BaseMenuLabel) {
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    letter-spacing: var(--letter-spacing-2);
  }
  .rt-BaseMenuContent:where(.md\:rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon, .rt-BaseMenuSubTriggerIcon) {
    width: calc(10px * var(--scaling));
    height: calc(10px * var(--scaling));
  }
  .rt-BaseMenuContent:where(.md\:rt-r-size-2):where(:not(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem))) {
    --base-menu-item-padding-left: var(--space-3);
  }
  .rt-BaseMenuContent:where(.md\:rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem)) {
    --base-menu-item-padding-left: var(--space-5);
  }
}
@media (min-width: 1280px) {
  .rt-BaseMenuContent:where(.lg\:rt-r-size-1) {
    --base-menu-content-padding: var(--space-1);
    --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
    --base-menu-item-padding-right: var(--space-2);
    --base-menu-item-height: var(--space-5);
    border-radius: var(--radius-3);
  }
  .rt-BaseMenuContent:where(.lg\:rt-r-size-1) :where(.rt-BaseMenuItem) {
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
    border-radius: var(--radius-1);
  }
  .rt-BaseMenuContent:where(.lg\:rt-r-size-1) :where(.rt-BaseMenuLabel) {
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
  }
  .rt-BaseMenuContent:where(.lg\:rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon, .rt-BaseMenuSubTriggerIcon) {
    width: calc(8px * var(--scaling));
    height: calc(8px * var(--scaling));
  }
  .rt-BaseMenuContent:where(.lg\:rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem))) {
    --base-menu-item-padding-left: var(--space-2);
  }
  .rt-BaseMenuContent:where(.lg\:rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem)) {
    --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
  }
  .rt-BaseMenuContent:where(.lg\:rt-r-size-2) {
    --base-menu-content-padding: var(--space-2);
    --base-menu-item-padding-left: var(--space-3);
    --base-menu-item-padding-right: var(--space-3);
    --base-menu-item-height: var(--space-6);
    border-radius: var(--radius-4);
  }
  .rt-BaseMenuContent:where(.lg\:rt-r-size-2) :where(.rt-BaseMenuItem) {
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    letter-spacing: var(--letter-spacing-2);
    border-radius: var(--radius-2);
  }
  .rt-BaseMenuContent:where(.lg\:rt-r-size-2) :where(.rt-BaseMenuLabel) {
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    letter-spacing: var(--letter-spacing-2);
  }
  .rt-BaseMenuContent:where(.lg\:rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon, .rt-BaseMenuSubTriggerIcon) {
    width: calc(10px * var(--scaling));
    height: calc(10px * var(--scaling));
  }
  .rt-BaseMenuContent:where(.lg\:rt-r-size-2):where(:not(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem))) {
    --base-menu-item-padding-left: var(--space-3);
  }
  .rt-BaseMenuContent:where(.lg\:rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem)) {
    --base-menu-item-padding-left: var(--space-5);
  }
}
@media (min-width: 1640px) {
  .rt-BaseMenuContent:where(.xl\:rt-r-size-1) {
    --base-menu-content-padding: var(--space-1);
    --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
    --base-menu-item-padding-right: var(--space-2);
    --base-menu-item-height: var(--space-5);
    border-radius: var(--radius-3);
  }
  .rt-BaseMenuContent:where(.xl\:rt-r-size-1) :where(.rt-BaseMenuItem) {
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
    border-radius: var(--radius-1);
  }
  .rt-BaseMenuContent:where(.xl\:rt-r-size-1) :where(.rt-BaseMenuLabel) {
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
  }
  .rt-BaseMenuContent:where(.xl\:rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon, .rt-BaseMenuSubTriggerIcon) {
    width: calc(8px * var(--scaling));
    height: calc(8px * var(--scaling));
  }
  .rt-BaseMenuContent:where(.xl\:rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem))) {
    --base-menu-item-padding-left: var(--space-2);
  }
  .rt-BaseMenuContent:where(.xl\:rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem)) {
    --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
  }
  .rt-BaseMenuContent:where(.xl\:rt-r-size-2) {
    --base-menu-content-padding: var(--space-2);
    --base-menu-item-padding-left: var(--space-3);
    --base-menu-item-padding-right: var(--space-3);
    --base-menu-item-height: var(--space-6);
    border-radius: var(--radius-4);
  }
  .rt-BaseMenuContent:where(.xl\:rt-r-size-2) :where(.rt-BaseMenuItem) {
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    letter-spacing: var(--letter-spacing-2);
    border-radius: var(--radius-2);
  }
  .rt-BaseMenuContent:where(.xl\:rt-r-size-2) :where(.rt-BaseMenuLabel) {
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    letter-spacing: var(--letter-spacing-2);
  }
  .rt-BaseMenuContent:where(.xl\:rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon, .rt-BaseMenuSubTriggerIcon) {
    width: calc(10px * var(--scaling));
    height: calc(10px * var(--scaling));
  }
  .rt-BaseMenuContent:where(.xl\:rt-r-size-2):where(:not(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem))) {
    --base-menu-item-padding-left: var(--space-3);
  }
  .rt-BaseMenuContent:where(.xl\:rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem)) {
    --base-menu-item-padding-left: var(--space-5);
  }
}
.rt-BaseMenuItem:where([data-accent-color]) {
  color: var(--accent-a11);
}
.rt-BaseMenuItem:where([data-disabled]) {
  color: var(--gray-a8);
  cursor: default;
}
.rt-BaseMenuItem:where([data-disabled], [data-highlighted]) :where(.rt-BaseMenuShortcut), .rt-BaseMenuSubTrigger:where([data-state='open']) :where(.rt-BaseMenuShortcut) {
  color: inherit;
}
.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuSubTrigger[data-state='open']) {
  background-color: var(--gray-a3);
}
.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted]) {
  background-color: var(--accent-9);
  color: var(--accent-contrast);
}
.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted]) :where(.rt-BaseMenuSubTriggerIcon) {
  color: var(--accent-contrast);
}
.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted]) {
  background-color: var(--accent-12);
  color: var(--accent-1);
}
.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted]) :where(.rt-BaseMenuSubTriggerIcon) {
  color: var(--accent-1);
}
.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted]):where([data-accent-color]) {
  background-color: var(--accent-9);
  color: var(--accent-contrast);
}
.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuSubTrigger[data-state='open']) {
  background-color: var(--accent-a3);
}
.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted]) {
  background-color: var(--accent-a4);
}
.rt-ContextMenuContent {
  max-height: var(--radix-context-menu-content-available-height);
  transform-origin: var(--radix-context-menu-content-transform-origin);
}
.rt-DataListRoot {
  overflow-wrap: anywhere;
  font-family: var(--default-font-family);
  font-weight: var(--font-weight-normal);
  font-style: normal;
  text-align: start;
  --data-list-leading-trim-start: calc(var(--default-leading-trim-start) - var(--line-height) / 2);
  --data-list-leading-trim-end: calc(var(--default-leading-trim-end) - var(--line-height) / 2);
}
.rt-DataListLabel {
  display: flex;
  color: var(--gray-a11);
}
.rt-DataListLabel:where(.rt-high-contrast) {
  color: var(--gray-12);
}
.rt-DataListLabel:where([data-accent-color]) {
  color: var(--accent-a11);
}
.rt-DataListLabel:where([data-accent-color]):where(.rt-high-contrast) {
  color: var(--accent-12);
}
.rt-DataListValue {
  display: flex;
  margin: 0;
  min-width: 0px;
  margin-top: var(--data-list-value-margin-top);
  margin-bottom: var(--data-list-value-margin-bottom);
}
.rt-DataListItem {
  --data-list-value-margin-top: 0px;
  --data-list-value-margin-bottom: 0px;
  --data-list-first-item-value-margin-top: 0px;
  --data-list-last-item-value-margin-bottom: 0px;
  --data-list-value-trim-start: -0.25em;
  --data-list-value-trim-end: -0.25em;
  --data-list-first-item-value-trim-start: 0px;
  --data-list-last-item-value-trim-end: 0px;
}
:where(.rt-DataListItem:first-child) .rt-DataListValue {
  margin-top: var(--data-list-first-item-value-margin-top);
}
:where(.rt-DataListItem:last-child) .rt-DataListValue {
  margin-bottom: var(--data-list-last-item-value-margin-bottom);
}
.rt-DataListRoot:where(.rt-r-size-1) {
  gap: var(--space-3);
}
.rt-DataListRoot:where(.rt-r-size-2) {
  gap: var(--space-4);
}
.rt-DataListRoot:where(.rt-r-size-3) {
  gap: calc(var(--space-4) * 1.25);
}
@media (min-width: 520px) {
  .rt-DataListRoot:where(.xs\:rt-r-size-1) {
    gap: var(--space-3);
  }
  .rt-DataListRoot:where(.xs\:rt-r-size-2) {
    gap: var(--space-4);
  }
  .rt-DataListRoot:where(.xs\:rt-r-size-3) {
    gap: calc(var(--space-4) * 1.25);
  }
}
@media (min-width: 768px) {
  .rt-DataListRoot:where(.sm\:rt-r-size-1) {
    gap: var(--space-3);
  }
  .rt-DataListRoot:where(.sm\:rt-r-size-2) {
    gap: var(--space-4);
  }
  .rt-DataListRoot:where(.sm\:rt-r-size-3) {
    gap: calc(var(--space-4) * 1.25);
  }
}
@media (min-width: 1024px) {
  .rt-DataListRoot:where(.md\:rt-r-size-1) {
    gap: var(--space-3);
  }
  .rt-DataListRoot:where(.md\:rt-r-size-2) {
    gap: var(--space-4);
  }
  .rt-DataListRoot:where(.md\:rt-r-size-3) {
    gap: calc(var(--space-4) * 1.25);
  }
}
@media (min-width: 1280px) {
  .rt-DataListRoot:where(.lg\:rt-r-size-1) {
    gap: var(--space-3);
  }
  .rt-DataListRoot:where(.lg\:rt-r-size-2) {
    gap: var(--space-4);
  }
  .rt-DataListRoot:where(.lg\:rt-r-size-3) {
    gap: calc(var(--space-4) * 1.25);
  }
}
@media (min-width: 1640px) {
  .rt-DataListRoot:where(.xl\:rt-r-size-1) {
    gap: var(--space-3);
  }
  .rt-DataListRoot:where(.xl\:rt-r-size-2) {
    gap: var(--space-4);
  }
  .rt-DataListRoot:where(.xl\:rt-r-size-3) {
    gap: calc(var(--space-4) * 1.25);
  }
}
.rt-DataListRoot:where(.rt-r-orientation-vertical) {
  display: flex;
  flex-direction: column;
}
.rt-DataListRoot:where(.rt-r-orientation-vertical) :where(.rt-DataListItem) {
  --data-list-value-margin-top: 0px;
  --data-list-value-margin-bottom: 0px;
  --data-list-first-item-value-margin-top: 0px;
  --data-list-last-item-value-margin-bottom: 0px;
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}
.rt-DataListRoot:where(.rt-r-orientation-vertical) :where(.rt-DataListLabel) {
  min-width: 0px;
}
.rt-DataListRoot:where(.rt-r-orientation-horizontal) {
  display: grid;
  grid-template-columns: auto 1fr;
}
.rt-DataListRoot:where(.rt-r-orientation-horizontal) :where(.rt-DataListItem) {
  --data-list-value-margin-top: var(--data-list-value-trim-start);
  --data-list-value-margin-bottom: var(--data-list-value-trim-end);
  --data-list-first-item-value-margin-top: var(--data-list-first-item-value-trim-start);
  --data-list-last-item-value-margin-bottom: var(--data-list-last-item-value-trim-end);
  display: grid;
  grid-template-columns: inherit;
  grid-template-columns: subgrid;
  gap: inherit;
  grid-column: span 2;
  align-items: baseline;
}
.rt-DataListRoot:where(.rt-r-orientation-horizontal) :where(.rt-DataListLabel) {
  min-width: 120px;
}
@media (min-width: 520px) {
  .rt-DataListRoot:where(.xs\:rt-r-orientation-vertical) {
    display: flex;
    flex-direction: column;
  }
  .rt-DataListRoot:where(.xs\:rt-r-orientation-vertical) :where(.rt-DataListItem) {
    --data-list-value-margin-top: 0px;
    --data-list-value-margin-bottom: 0px;
    --data-list-first-item-value-margin-top: 0px;
    --data-list-last-item-value-margin-bottom: 0px;
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
  }
  .rt-DataListRoot:where(.xs\:rt-r-orientation-vertical) :where(.rt-DataListLabel) {
    min-width: 0px;
  }
  .rt-DataListRoot:where(.xs\:rt-r-orientation-horizontal) {
    display: grid;
    grid-template-columns: auto 1fr;
  }
  .rt-DataListRoot:where(.xs\:rt-r-orientation-horizontal) :where(.rt-DataListItem) {
    --data-list-value-margin-top: var(--data-list-value-trim-start);
    --data-list-value-margin-bottom: var(--data-list-value-trim-end);
    --data-list-first-item-value-margin-top: var(--data-list-first-item-value-trim-start);
    --data-list-last-item-value-margin-bottom: var(--data-list-last-item-value-trim-end);
    display: grid;
    grid-template-columns: inherit;
    grid-template-columns: subgrid;
    gap: inherit;
    grid-column: span 2;
    align-items: baseline;
  }
  .rt-DataListRoot:where(.xs\:rt-r-orientation-horizontal) :where(.rt-DataListLabel) {
    min-width: 120px;
  }
}
@media (min-width: 768px) {
  .rt-DataListRoot:where(.sm\:rt-r-orientation-vertical) {
    display: flex;
    flex-direction: column;
  }
  .rt-DataListRoot:where(.sm\:rt-r-orientation-vertical) :where(.rt-DataListItem) {
    --data-list-value-margin-top: 0px;
    --data-list-value-margin-bottom: 0px;
    --data-list-first-item-value-margin-top: 0px;
    --data-list-last-item-value-margin-bottom: 0px;
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
  }
  .rt-DataListRoot:where(.sm\:rt-r-orientation-vertical) :where(.rt-DataListLabel) {
    min-width: 0px;
  }
  .rt-DataListRoot:where(.sm\:rt-r-orientation-horizontal) {
    display: grid;
    grid-template-columns: auto 1fr;
  }
  .rt-DataListRoot:where(.sm\:rt-r-orientation-horizontal) :where(.rt-DataListItem) {
    --data-list-value-margin-top: var(--data-list-value-trim-start);
    --data-list-value-margin-bottom: var(--data-list-value-trim-end);
    --data-list-first-item-value-margin-top: var(--data-list-first-item-value-trim-start);
    --data-list-last-item-value-margin-bottom: var(--data-list-last-item-value-trim-end);
    display: grid;
    grid-template-columns: inherit;
    grid-template-columns: subgrid;
    gap: inherit;
    grid-column: span 2;
    align-items: baseline;
  }
  .rt-DataListRoot:where(.sm\:rt-r-orientation-horizontal) :where(.rt-DataListLabel) {
    min-width: 120px;
  }
}
@media (min-width: 1024px) {
  .rt-DataListRoot:where(.md\:rt-r-orientation-vertical) {
    display: flex;
    flex-direction: column;
  }
  .rt-DataListRoot:where(.md\:rt-r-orientation-vertical) :where(.rt-DataListItem) {
    --data-list-value-margin-top: 0px;
    --data-list-value-margin-bottom: 0px;
    --data-list-first-item-value-margin-top: 0px;
    --data-list-last-item-value-margin-bottom: 0px;
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
  }
  .rt-DataListRoot:where(.md\:rt-r-orientation-vertical) :where(.rt-DataListLabel) {
    min-width: 0px;
  }
  .rt-DataListRoot:where(.md\:rt-r-orientation-horizontal) {
    display: grid;
    grid-template-columns: auto 1fr;
  }
  .rt-DataListRoot:where(.md\:rt-r-orientation-horizontal) :where(.rt-DataListItem) {
    --data-list-value-margin-top: var(--data-list-value-trim-start);
    --data-list-value-margin-bottom: var(--data-list-value-trim-end);
    --data-list-first-item-value-margin-top: var(--data-list-first-item-value-trim-start);
    --data-list-last-item-value-margin-bottom: var(--data-list-last-item-value-trim-end);
    display: grid;
    grid-template-columns: inherit;
    grid-template-columns: subgrid;
    gap: inherit;
    grid-column: span 2;
    align-items: baseline;
  }
  .rt-DataListRoot:where(.md\:rt-r-orientation-horizontal) :where(.rt-DataListLabel) {
    min-width: 120px;
  }
}
@media (min-width: 1280px) {
  .rt-DataListRoot:where(.lg\:rt-r-orientation-vertical) {
    display: flex;
    flex-direction: column;
  }
  .rt-DataListRoot:where(.lg\:rt-r-orientation-vertical) :where(.rt-DataListItem) {
    --data-list-value-margin-top: 0px;
    --data-list-value-margin-bottom: 0px;
    --data-list-first-item-value-margin-top: 0px;
    --data-list-last-item-value-margin-bottom: 0px;
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
  }
  .rt-DataListRoot:where(.lg\:rt-r-orientation-vertical) :where(.rt-DataListLabel) {
    min-width: 0px;
  }
  .rt-DataListRoot:where(.lg\:rt-r-orientation-horizontal) {
    display: grid;
    grid-template-columns: auto 1fr;
  }
  .rt-DataListRoot:where(.lg\:rt-r-orientation-horizontal) :where(.rt-DataListItem) {
    --data-list-value-margin-top: var(--data-list-value-trim-start);
    --data-list-value-margin-bottom: var(--data-list-value-trim-end);
    --data-list-first-item-value-margin-top: var(--data-list-first-item-value-trim-start);
    --data-list-last-item-value-margin-bottom: var(--data-list-last-item-value-trim-end);
    display: grid;
    grid-template-columns: inherit;
    grid-template-columns: subgrid;
    gap: inherit;
    grid-column: span 2;
    align-items: baseline;
  }
  .rt-DataListRoot:where(.lg\:rt-r-orientation-horizontal) :where(.rt-DataListLabel) {
    min-width: 120px;
  }
}
@media (min-width: 1640px) {
  .rt-DataListRoot:where(.xl\:rt-r-orientation-vertical) {
    display: flex;
    flex-direction: column;
  }
  .rt-DataListRoot:where(.xl\:rt-r-orientation-vertical) :where(.rt-DataListItem) {
    --data-list-value-margin-top: 0px;
    --data-list-value-margin-bottom: 0px;
    --data-list-first-item-value-margin-top: 0px;
    --data-list-last-item-value-margin-bottom: 0px;
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
  }
  .rt-DataListRoot:where(.xl\:rt-r-orientation-vertical) :where(.rt-DataListLabel) {
    min-width: 0px;
  }
  .rt-DataListRoot:where(.xl\:rt-r-orientation-horizontal) {
    display: grid;
    grid-template-columns: auto 1fr;
  }
  .rt-DataListRoot:where(.xl\:rt-r-orientation-horizontal) :where(.rt-DataListItem) {
    --data-list-value-margin-top: var(--data-list-value-trim-start);
    --data-list-value-margin-bottom: var(--data-list-value-trim-end);
    --data-list-first-item-value-margin-top: var(--data-list-first-item-value-trim-start);
    --data-list-last-item-value-margin-bottom: var(--data-list-last-item-value-trim-end);
    display: grid;
    grid-template-columns: inherit;
    grid-template-columns: subgrid;
    gap: inherit;
    grid-column: span 2;
    align-items: baseline;
  }
  .rt-DataListRoot:where(.xl\:rt-r-orientation-horizontal) :where(.rt-DataListLabel) {
    min-width: 120px;
  }
}
.rt-DataListLabel::before, .rt-DataListValue::before {
  content: '‍';
}
.rt-DataListItem:where(.rt-r-ai-baseline) {
  --data-list-value-trim-start: -0.25em;
  --data-list-value-trim-end: -0.25em;
  --data-list-first-item-value-trim-start: 0px;
  --data-list-last-item-value-trim-end: 0px;
}
.rt-DataListItem:where(.rt-r-ai-start) {
  --data-list-value-trim-start: 0px;
  --data-list-value-trim-end: -0.25em;
  --data-list-first-item-value-trim-start: 0px;
  --data-list-last-item-value-trim-end: 0px;
}
.rt-DataListItem:where(.rt-r-ai-center) {
  --data-list-value-trim-start: -0.25em;
  --data-list-value-trim-end: -0.25em;
  --data-list-first-item-value-trim-start: -0.25em;
  --data-list-last-item-value-trim-end: -0.25em;
}
.rt-DataListItem:where(.rt-r-ai-end) {
  --data-list-value-trim-start: -0.25em;
  --data-list-value-trim-end: 0px;
  --data-list-first-item-value-trim-start: 0px;
  --data-list-last-item-value-trim-end: 0px;
}
.rt-DataListItem:where(.rt-r-ai-stretch) {
  --data-list-value-trim-start: 0px;
  --data-list-value-trim-end: 0px;
  --data-list-first-item-value-trim-start: 0px;
  --data-list-last-item-value-trim-end: 0px;
}
@media (min-width: 520px) {
  .rt-DataListItem:where(.xs\:rt-r-ai-baseline) {
    --data-list-value-trim-start: -0.25em;
    --data-list-value-trim-end: -0.25em;
    --data-list-first-item-value-trim-start: 0px;
    --data-list-last-item-value-trim-end: 0px;
  }
  .rt-DataListItem:where(.xs\:rt-r-ai-start) {
    --data-list-value-trim-start: 0px;
    --data-list-value-trim-end: -0.25em;
    --data-list-first-item-value-trim-start: 0px;
    --data-list-last-item-value-trim-end: 0px;
  }
  .rt-DataListItem:where(.xs\:rt-r-ai-center) {
    --data-list-value-trim-start: -0.25em;
    --data-list-value-trim-end: -0.25em;
    --data-list-first-item-value-trim-start: -0.25em;
    --data-list-last-item-value-trim-end: -0.25em;
  }
  .rt-DataListItem:where(.xs\:rt-r-ai-end) {
    --data-list-value-trim-start: -0.25em;
    --data-list-value-trim-end: 0px;
    --data-list-first-item-value-trim-start: 0px;
    --data-list-last-item-value-trim-end: 0px;
  }
  .rt-DataListItem:where(.xs\:rt-r-ai-stretch) {
    --data-list-value-trim-start: 0px;
    --data-list-value-trim-end: 0px;
    --data-list-first-item-value-trim-start: 0px;
    --data-list-last-item-value-trim-end: 0px;
  }
}
@media (min-width: 768px) {
  .rt-DataListItem:where(.sm\:rt-r-ai-baseline) {
    --data-list-value-trim-start: -0.25em;
    --data-list-value-trim-end: -0.25em;
    --data-list-first-item-value-trim-start: 0px;
    --data-list-last-item-value-trim-end: 0px;
  }
  .rt-DataListItem:where(.sm\:rt-r-ai-start) {
    --data-list-value-trim-start: 0px;
    --data-list-value-trim-end: -0.25em;
    --data-list-first-item-value-trim-start: 0px;
    --data-list-last-item-value-trim-end: 0px;
  }
  .rt-DataListItem:where(.sm\:rt-r-ai-center) {
    --data-list-value-trim-start: -0.25em;
    --data-list-value-trim-end: -0.25em;
    --data-list-first-item-value-trim-start: -0.25em;
    --data-list-last-item-value-trim-end: -0.25em;
  }
  .rt-DataListItem:where(.sm\:rt-r-ai-end) {
    --data-list-value-trim-start: -0.25em;
    --data-list-value-trim-end: 0px;
    --data-list-first-item-value-trim-start: 0px;
    --data-list-last-item-value-trim-end: 0px;
  }
  .rt-DataListItem:where(.sm\:rt-r-ai-stretch) {
    --data-list-value-trim-start: 0px;
    --data-list-value-trim-end: 0px;
    --data-list-first-item-value-trim-start: 0px;
    --data-list-last-item-value-trim-end: 0px;
  }
}
@media (min-width: 1024px) {
  .rt-DataListItem:where(.md\:rt-r-ai-baseline) {
    --data-list-value-trim-start: -0.25em;
    --data-list-value-trim-end: -0.25em;
    --data-list-first-item-value-trim-start: 0px;
    --data-list-last-item-value-trim-end: 0px;
  }
  .rt-DataListItem:where(.md\:rt-r-ai-start) {
    --data-list-value-trim-start: 0px;
    --data-list-value-trim-end: -0.25em;
    --data-list-first-item-value-trim-start: 0px;
    --data-list-last-item-value-trim-end: 0px;
  }
  .rt-DataListItem:where(.md\:rt-r-ai-center) {
    --data-list-value-trim-start: -0.25em;
    --data-list-value-trim-end: -0.25em;
    --data-list-first-item-value-trim-start: -0.25em;
    --data-list-last-item-value-trim-end: -0.25em;
  }
  .rt-DataListItem:where(.md\:rt-r-ai-end) {
    --data-list-value-trim-start: -0.25em;
    --data-list-value-trim-end: 0px;
    --data-list-first-item-value-trim-start: 0px;
    --data-list-last-item-value-trim-end: 0px;
  }
  .rt-DataListItem:where(.md\:rt-r-ai-stretch) {
    --data-list-value-trim-start: 0px;
    --data-list-value-trim-end: 0px;
    --data-list-first-item-value-trim-start: 0px;
    --data-list-last-item-value-trim-end: 0px;
  }
}
@media (min-width: 1280px) {
  .rt-DataListItem:where(.lg\:rt-r-ai-baseline) {
    --data-list-value-trim-start: -0.25em;
    --data-list-value-trim-end: -0.25em;
    --data-list-first-item-value-trim-start: 0px;
    --data-list-last-item-value-trim-end: 0px;
  }
  .rt-DataListItem:where(.lg\:rt-r-ai-start) {
    --data-list-value-trim-start: 0px;
    --data-list-value-trim-end: -0.25em;
    --data-list-first-item-value-trim-start: 0px;
    --data-list-last-item-value-trim-end: 0px;
  }
  .rt-DataListItem:where(.lg\:rt-r-ai-center) {
    --data-list-value-trim-start: -0.25em;
    --data-list-value-trim-end: -0.25em;
    --data-list-first-item-value-trim-start: -0.25em;
    --data-list-last-item-value-trim-end: -0.25em;
  }
  .rt-DataListItem:where(.lg\:rt-r-ai-end) {
    --data-list-value-trim-start: -0.25em;
    --data-list-value-trim-end: 0px;
    --data-list-first-item-value-trim-start: 0px;
    --data-list-last-item-value-trim-end: 0px;
  }
  .rt-DataListItem:where(.lg\:rt-r-ai-stretch) {
    --data-list-value-trim-start: 0px;
    --data-list-value-trim-end: 0px;
    --data-list-first-item-value-trim-start: 0px;
    --data-list-last-item-value-trim-end: 0px;
  }
}
@media (min-width: 1640px) {
  .rt-DataListItem:where(.xl\:rt-r-ai-baseline) {
    --data-list-value-trim-start: -0.25em;
    --data-list-value-trim-end: -0.25em;
    --data-list-first-item-value-trim-start: 0px;
    --data-list-last-item-value-trim-end: 0px;
  }
  .rt-DataListItem:where(.xl\:rt-r-ai-start) {
    --data-list-value-trim-start: 0px;
    --data-list-value-trim-end: -0.25em;
    --data-list-first-item-value-trim-start: 0px;
    --data-list-last-item-value-trim-end: 0px;
  }
  .rt-DataListItem:where(.xl\:rt-r-ai-center) {
    --data-list-value-trim-start: -0.25em;
    --data-list-value-trim-end: -0.25em;
    --data-list-first-item-value-trim-start: -0.25em;
    --data-list-last-item-value-trim-end: -0.25em;
  }
  .rt-DataListItem:where(.xl\:rt-r-ai-end) {
    --data-list-value-trim-start: -0.25em;
    --data-list-value-trim-end: 0px;
    --data-list-first-item-value-trim-start: 0px;
    --data-list-last-item-value-trim-end: 0px;
  }
  .rt-DataListItem:where(.xl\:rt-r-ai-stretch) {
    --data-list-value-trim-start: 0px;
    --data-list-value-trim-end: 0px;
    --data-list-first-item-value-trim-start: 0px;
    --data-list-last-item-value-trim-end: 0px;
  }
}
.rt-DataListItem:where(:first-child) {
  margin-top: var(--leading-trim-start);
}
.rt-DataListItem:where(:last-child) {
  margin-bottom: var(--leading-trim-end);
}
.rt-DataListRoot:where(.rt-r-trim-normal) {
  --leading-trim-start: initial;
  --leading-trim-end: initial;
}
.rt-DataListRoot:where(.rt-r-trim-start) {
  --leading-trim-start: var(--data-list-leading-trim-start);
  --leading-trim-end: initial;
}
.rt-DataListRoot:where(.rt-r-trim-end) {
  --leading-trim-start: initial;
  --leading-trim-end: var(--data-list-leading-trim-end);
}
.rt-DataListRoot:where(.rt-r-trim-both) {
  --leading-trim-start: var(--data-list-leading-trim-start);
  --leading-trim-end: var(--data-list-leading-trim-end);
}
@media (min-width: 520px) {
  .rt-DataListRoot:where(.xs\:rt-r-trim-normal) {
    --leading-trim-start: initial;
    --leading-trim-end: initial;
  }
  .rt-DataListRoot:where(.xs\:rt-r-trim-start) {
    --leading-trim-start: var(--data-list-leading-trim-start);
    --leading-trim-end: initial;
  }
  .rt-DataListRoot:where(.xs\:rt-r-trim-end) {
    --leading-trim-start: initial;
    --leading-trim-end: var(--data-list-leading-trim-end);
  }
  .rt-DataListRoot:where(.xs\:rt-r-trim-both) {
    --leading-trim-start: var(--data-list-leading-trim-start);
    --leading-trim-end: var(--data-list-leading-trim-end);
  }
}
@media (min-width: 768px) {
  .rt-DataListRoot:where(.sm\:rt-r-trim-normal) {
    --leading-trim-start: initial;
    --leading-trim-end: initial;
  }
  .rt-DataListRoot:where(.sm\:rt-r-trim-start) {
    --leading-trim-start: var(--data-list-leading-trim-start);
    --leading-trim-end: initial;
  }
  .rt-DataListRoot:where(.sm\:rt-r-trim-end) {
    --leading-trim-start: initial;
    --leading-trim-end: var(--data-list-leading-trim-end);
  }
  .rt-DataListRoot:where(.sm\:rt-r-trim-both) {
    --leading-trim-start: var(--data-list-leading-trim-start);
    --leading-trim-end: var(--data-list-leading-trim-end);
  }
}
@media (min-width: 1024px) {
  .rt-DataListRoot:where(.md\:rt-r-trim-normal) {
    --leading-trim-start: initial;
    --leading-trim-end: initial;
  }
  .rt-DataListRoot:where(.md\:rt-r-trim-start) {
    --leading-trim-start: var(--data-list-leading-trim-start);
    --leading-trim-end: initial;
  }
  .rt-DataListRoot:where(.md\:rt-r-trim-end) {
    --leading-trim-start: initial;
    --leading-trim-end: var(--data-list-leading-trim-end);
  }
  .rt-DataListRoot:where(.md\:rt-r-trim-both) {
    --leading-trim-start: var(--data-list-leading-trim-start);
    --leading-trim-end: var(--data-list-leading-trim-end);
  }
}
@media (min-width: 1280px) {
  .rt-DataListRoot:where(.lg\:rt-r-trim-normal) {
    --leading-trim-start: initial;
    --leading-trim-end: initial;
  }
  .rt-DataListRoot:where(.lg\:rt-r-trim-start) {
    --leading-trim-start: var(--data-list-leading-trim-start);
    --leading-trim-end: initial;
  }
  .rt-DataListRoot:where(.lg\:rt-r-trim-end) {
    --leading-trim-start: initial;
    --leading-trim-end: var(--data-list-leading-trim-end);
  }
  .rt-DataListRoot:where(.lg\:rt-r-trim-both) {
    --leading-trim-start: var(--data-list-leading-trim-start);
    --leading-trim-end: var(--data-list-leading-trim-end);
  }
}
@media (min-width: 1640px) {
  .rt-DataListRoot:where(.xl\:rt-r-trim-normal) {
    --leading-trim-start: initial;
    --leading-trim-end: initial;
  }
  .rt-DataListRoot:where(.xl\:rt-r-trim-start) {
    --leading-trim-start: var(--data-list-leading-trim-start);
    --leading-trim-end: initial;
  }
  .rt-DataListRoot:where(.xl\:rt-r-trim-end) {
    --leading-trim-start: initial;
    --leading-trim-end: var(--data-list-leading-trim-end);
  }
  .rt-DataListRoot:where(.xl\:rt-r-trim-both) {
    --leading-trim-start: var(--data-list-leading-trim-start);
    --leading-trim-end: var(--data-list-leading-trim-end);
  }
}
.rt-DropdownMenuContent {
  max-height: var(--radix-dropdown-menu-content-available-height);
  transform-origin: var(--radix-dropdown-menu-content-transform-origin);
}
.rt-Em {
  box-sizing: border-box;
  font-family: var(--em-font-family);
  font-size: calc(var(--em-font-size-adjust) * 1em);
  font-style: var(--em-font-style);
  font-weight: var(--em-font-weight);
  line-height: 1.25;
  letter-spacing: calc(var(--em-letter-spacing) + var(--letter-spacing, var(--default-letter-spacing)));
  color: inherit;
}
.rt-Em :where(.rt-Em) {
  font-size: inherit;
}
.rt-Heading {
  --leading-trim-start: var(--heading-leading-trim-start);
  --leading-trim-end: var(--heading-leading-trim-end);
  font-family: var(--heading-font-family);
  font-style: var(--heading-font-style);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height);
}
:where(.rt-Heading) {
  margin: 0;
}
.rt-Heading:where([data-accent-color]) {
  color: var(--accent-a11);
}
.rt-Heading:where([data-accent-color].rt-high-contrast),
  :where([data-accent-color]:not(.radix-themes)) .rt-Heading:where(.rt-high-contrast) {
  color: var(--accent-12);
}
.rt-Heading:where(.rt-r-size-1) {
  font-size: calc(var(--font-size-1) * var(--heading-font-size-adjust));
  --line-height: var(--heading-line-height-1);
  letter-spacing: calc(var(--letter-spacing-1) + var(--heading-letter-spacing));
}
.rt-Heading:where(.rt-r-size-2) {
  font-size: calc(var(--font-size-2) * var(--heading-font-size-adjust));
  --line-height: var(--heading-line-height-2);
  letter-spacing: calc(var(--letter-spacing-2) + var(--heading-letter-spacing));
}
.rt-Heading:where(.rt-r-size-3) {
  font-size: calc(var(--font-size-3) * var(--heading-font-size-adjust));
  --line-height: var(--heading-line-height-3);
  letter-spacing: calc(var(--letter-spacing-3) + var(--heading-letter-spacing));
}
.rt-Heading:where(.rt-r-size-4) {
  font-size: calc(var(--font-size-4) * var(--heading-font-size-adjust));
  --line-height: var(--heading-line-height-4);
  letter-spacing: calc(var(--letter-spacing-4) + var(--heading-letter-spacing));
}
.rt-Heading:where(.rt-r-size-5) {
  font-size: calc(var(--font-size-5) * var(--heading-font-size-adjust));
  --line-height: var(--heading-line-height-5);
  letter-spacing: calc(var(--letter-spacing-5) + var(--heading-letter-spacing));
}
.rt-Heading:where(.rt-r-size-6) {
  font-size: calc(var(--font-size-6) * var(--heading-font-size-adjust));
  --line-height: var(--heading-line-height-6);
  letter-spacing: calc(var(--letter-spacing-6) + var(--heading-letter-spacing));
}
.rt-Heading:where(.rt-r-size-7) {
  font-size: calc(var(--font-size-7) * var(--heading-font-size-adjust));
  --line-height: var(--heading-line-height-7);
  letter-spacing: calc(var(--letter-spacing-7) + var(--heading-letter-spacing));
}
.rt-Heading:where(.rt-r-size-8) {
  font-size: calc(var(--font-size-8) * var(--heading-font-size-adjust));
  --line-height: var(--heading-line-height-8);
  letter-spacing: calc(var(--letter-spacing-8) + var(--heading-letter-spacing));
}
.rt-Heading:where(.rt-r-size-9) {
  font-size: calc(var(--font-size-9) * var(--heading-font-size-adjust));
  --line-height: var(--heading-line-height-9);
  letter-spacing: calc(var(--letter-spacing-9) + var(--heading-letter-spacing));
}
@media (min-width: 520px) {
  .rt-Heading:where(.xs\:rt-r-size-1) {
    font-size: calc(var(--font-size-1) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-1);
    letter-spacing: calc(var(--letter-spacing-1) + var(--heading-letter-spacing));
  }
  .rt-Heading:where(.xs\:rt-r-size-2) {
    font-size: calc(var(--font-size-2) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-2);
    letter-spacing: calc(var(--letter-spacing-2) + var(--heading-letter-spacing));
  }
  .rt-Heading:where(.xs\:rt-r-size-3) {
    font-size: calc(var(--font-size-3) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-3);
    letter-spacing: calc(var(--letter-spacing-3) + var(--heading-letter-spacing));
  }
  .rt-Heading:where(.xs\:rt-r-size-4) {
    font-size: calc(var(--font-size-4) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-4);
    letter-spacing: calc(var(--letter-spacing-4) + var(--heading-letter-spacing));
  }
  .rt-Heading:where(.xs\:rt-r-size-5) {
    font-size: calc(var(--font-size-5) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-5);
    letter-spacing: calc(var(--letter-spacing-5) + var(--heading-letter-spacing));
  }
  .rt-Heading:where(.xs\:rt-r-size-6) {
    font-size: calc(var(--font-size-6) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-6);
    letter-spacing: calc(var(--letter-spacing-6) + var(--heading-letter-spacing));
  }
  .rt-Heading:where(.xs\:rt-r-size-7) {
    font-size: calc(var(--font-size-7) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-7);
    letter-spacing: calc(var(--letter-spacing-7) + var(--heading-letter-spacing));
  }
  .rt-Heading:where(.xs\:rt-r-size-8) {
    font-size: calc(var(--font-size-8) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-8);
    letter-spacing: calc(var(--letter-spacing-8) + var(--heading-letter-spacing));
  }
  .rt-Heading:where(.xs\:rt-r-size-9) {
    font-size: calc(var(--font-size-9) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-9);
    letter-spacing: calc(var(--letter-spacing-9) + var(--heading-letter-spacing));
  }
}
@media (min-width: 768px) {
  .rt-Heading:where(.sm\:rt-r-size-1) {
    font-size: calc(var(--font-size-1) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-1);
    letter-spacing: calc(var(--letter-spacing-1) + var(--heading-letter-spacing));
  }
  .rt-Heading:where(.sm\:rt-r-size-2) {
    font-size: calc(var(--font-size-2) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-2);
    letter-spacing: calc(var(--letter-spacing-2) + var(--heading-letter-spacing));
  }
  .rt-Heading:where(.sm\:rt-r-size-3) {
    font-size: calc(var(--font-size-3) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-3);
    letter-spacing: calc(var(--letter-spacing-3) + var(--heading-letter-spacing));
  }
  .rt-Heading:where(.sm\:rt-r-size-4) {
    font-size: calc(var(--font-size-4) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-4);
    letter-spacing: calc(var(--letter-spacing-4) + var(--heading-letter-spacing));
  }
  .rt-Heading:where(.sm\:rt-r-size-5) {
    font-size: calc(var(--font-size-5) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-5);
    letter-spacing: calc(var(--letter-spacing-5) + var(--heading-letter-spacing));
  }
  .rt-Heading:where(.sm\:rt-r-size-6) {
    font-size: calc(var(--font-size-6) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-6);
    letter-spacing: calc(var(--letter-spacing-6) + var(--heading-letter-spacing));
  }
  .rt-Heading:where(.sm\:rt-r-size-7) {
    font-size: calc(var(--font-size-7) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-7);
    letter-spacing: calc(var(--letter-spacing-7) + var(--heading-letter-spacing));
  }
  .rt-Heading:where(.sm\:rt-r-size-8) {
    font-size: calc(var(--font-size-8) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-8);
    letter-spacing: calc(var(--letter-spacing-8) + var(--heading-letter-spacing));
  }
  .rt-Heading:where(.sm\:rt-r-size-9) {
    font-size: calc(var(--font-size-9) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-9);
    letter-spacing: calc(var(--letter-spacing-9) + var(--heading-letter-spacing));
  }
}
@media (min-width: 1024px) {
  .rt-Heading:where(.md\:rt-r-size-1) {
    font-size: calc(var(--font-size-1) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-1);
    letter-spacing: calc(var(--letter-spacing-1) + var(--heading-letter-spacing));
  }
  .rt-Heading:where(.md\:rt-r-size-2) {
    font-size: calc(var(--font-size-2) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-2);
    letter-spacing: calc(var(--letter-spacing-2) + var(--heading-letter-spacing));
  }
  .rt-Heading:where(.md\:rt-r-size-3) {
    font-size: calc(var(--font-size-3) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-3);
    letter-spacing: calc(var(--letter-spacing-3) + var(--heading-letter-spacing));
  }
  .rt-Heading:where(.md\:rt-r-size-4) {
    font-size: calc(var(--font-size-4) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-4);
    letter-spacing: calc(var(--letter-spacing-4) + var(--heading-letter-spacing));
  }
  .rt-Heading:where(.md\:rt-r-size-5) {
    font-size: calc(var(--font-size-5) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-5);
    letter-spacing: calc(var(--letter-spacing-5) + var(--heading-letter-spacing));
  }
  .rt-Heading:where(.md\:rt-r-size-6) {
    font-size: calc(var(--font-size-6) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-6);
    letter-spacing: calc(var(--letter-spacing-6) + var(--heading-letter-spacing));
  }
  .rt-Heading:where(.md\:rt-r-size-7) {
    font-size: calc(var(--font-size-7) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-7);
    letter-spacing: calc(var(--letter-spacing-7) + var(--heading-letter-spacing));
  }
  .rt-Heading:where(.md\:rt-r-size-8) {
    font-size: calc(var(--font-size-8) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-8);
    letter-spacing: calc(var(--letter-spacing-8) + var(--heading-letter-spacing));
  }
  .rt-Heading:where(.md\:rt-r-size-9) {
    font-size: calc(var(--font-size-9) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-9);
    letter-spacing: calc(var(--letter-spacing-9) + var(--heading-letter-spacing));
  }
}
@media (min-width: 1280px) {
  .rt-Heading:where(.lg\:rt-r-size-1) {
    font-size: calc(var(--font-size-1) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-1);
    letter-spacing: calc(var(--letter-spacing-1) + var(--heading-letter-spacing));
  }
  .rt-Heading:where(.lg\:rt-r-size-2) {
    font-size: calc(var(--font-size-2) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-2);
    letter-spacing: calc(var(--letter-spacing-2) + var(--heading-letter-spacing));
  }
  .rt-Heading:where(.lg\:rt-r-size-3) {
    font-size: calc(var(--font-size-3) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-3);
    letter-spacing: calc(var(--letter-spacing-3) + var(--heading-letter-spacing));
  }
  .rt-Heading:where(.lg\:rt-r-size-4) {
    font-size: calc(var(--font-size-4) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-4);
    letter-spacing: calc(var(--letter-spacing-4) + var(--heading-letter-spacing));
  }
  .rt-Heading:where(.lg\:rt-r-size-5) {
    font-size: calc(var(--font-size-5) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-5);
    letter-spacing: calc(var(--letter-spacing-5) + var(--heading-letter-spacing));
  }
  .rt-Heading:where(.lg\:rt-r-size-6) {
    font-size: calc(var(--font-size-6) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-6);
    letter-spacing: calc(var(--letter-spacing-6) + var(--heading-letter-spacing));
  }
  .rt-Heading:where(.lg\:rt-r-size-7) {
    font-size: calc(var(--font-size-7) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-7);
    letter-spacing: calc(var(--letter-spacing-7) + var(--heading-letter-spacing));
  }
  .rt-Heading:where(.lg\:rt-r-size-8) {
    font-size: calc(var(--font-size-8) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-8);
    letter-spacing: calc(var(--letter-spacing-8) + var(--heading-letter-spacing));
  }
  .rt-Heading:where(.lg\:rt-r-size-9) {
    font-size: calc(var(--font-size-9) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-9);
    letter-spacing: calc(var(--letter-spacing-9) + var(--heading-letter-spacing));
  }
}
@media (min-width: 1640px) {
  .rt-Heading:where(.xl\:rt-r-size-1) {
    font-size: calc(var(--font-size-1) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-1);
    letter-spacing: calc(var(--letter-spacing-1) + var(--heading-letter-spacing));
  }
  .rt-Heading:where(.xl\:rt-r-size-2) {
    font-size: calc(var(--font-size-2) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-2);
    letter-spacing: calc(var(--letter-spacing-2) + var(--heading-letter-spacing));
  }
  .rt-Heading:where(.xl\:rt-r-size-3) {
    font-size: calc(var(--font-size-3) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-3);
    letter-spacing: calc(var(--letter-spacing-3) + var(--heading-letter-spacing));
  }
  .rt-Heading:where(.xl\:rt-r-size-4) {
    font-size: calc(var(--font-size-4) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-4);
    letter-spacing: calc(var(--letter-spacing-4) + var(--heading-letter-spacing));
  }
  .rt-Heading:where(.xl\:rt-r-size-5) {
    font-size: calc(var(--font-size-5) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-5);
    letter-spacing: calc(var(--letter-spacing-5) + var(--heading-letter-spacing));
  }
  .rt-Heading:where(.xl\:rt-r-size-6) {
    font-size: calc(var(--font-size-6) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-6);
    letter-spacing: calc(var(--letter-spacing-6) + var(--heading-letter-spacing));
  }
  .rt-Heading:where(.xl\:rt-r-size-7) {
    font-size: calc(var(--font-size-7) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-7);
    letter-spacing: calc(var(--letter-spacing-7) + var(--heading-letter-spacing));
  }
  .rt-Heading:where(.xl\:rt-r-size-8) {
    font-size: calc(var(--font-size-8) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-8);
    letter-spacing: calc(var(--letter-spacing-8) + var(--heading-letter-spacing));
  }
  .rt-Heading:where(.xl\:rt-r-size-9) {
    font-size: calc(var(--font-size-9) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-9);
    letter-spacing: calc(var(--letter-spacing-9) + var(--heading-letter-spacing));
  }
}
.rt-HoverCardContent {
  background-color: var(--color-panel-solid);
  box-shadow: var(--shadow-4);
  overflow: auto;
  position: relative;
  --inset-padding-top: var(--hover-card-content-padding);
  --inset-padding-right: var(--hover-card-content-padding);
  --inset-padding-bottom: var(--hover-card-content-padding);
  --inset-padding-left: var(--hover-card-content-padding);
  padding: var(--hover-card-content-padding);
  box-sizing: border-box;
  transform-origin: var(--radix-hover-card-content-transform-origin);
}
.rt-HoverCardContent:where(.rt-r-size-1) {
  --hover-card-content-padding: var(--space-3);
  border-radius: var(--radius-4);
}
.rt-HoverCardContent:where(.rt-r-size-2) {
  --hover-card-content-padding: var(--space-4);
  border-radius: var(--radius-4);
}
.rt-HoverCardContent:where(.rt-r-size-3) {
  --hover-card-content-padding: var(--space-5);
  border-radius: var(--radius-5);
}
@media (min-width: 520px) {
  .rt-HoverCardContent:where(.xs\:rt-r-size-1) {
    --hover-card-content-padding: var(--space-3);
    border-radius: var(--radius-4);
  }
  .rt-HoverCardContent:where(.xs\:rt-r-size-2) {
    --hover-card-content-padding: var(--space-4);
    border-radius: var(--radius-4);
  }
  .rt-HoverCardContent:where(.xs\:rt-r-size-3) {
    --hover-card-content-padding: var(--space-5);
    border-radius: var(--radius-5);
  }
}
@media (min-width: 768px) {
  .rt-HoverCardContent:where(.sm\:rt-r-size-1) {
    --hover-card-content-padding: var(--space-3);
    border-radius: var(--radius-4);
  }
  .rt-HoverCardContent:where(.sm\:rt-r-size-2) {
    --hover-card-content-padding: var(--space-4);
    border-radius: var(--radius-4);
  }
  .rt-HoverCardContent:where(.sm\:rt-r-size-3) {
    --hover-card-content-padding: var(--space-5);
    border-radius: var(--radius-5);
  }
}
@media (min-width: 1024px) {
  .rt-HoverCardContent:where(.md\:rt-r-size-1) {
    --hover-card-content-padding: var(--space-3);
    border-radius: var(--radius-4);
  }
  .rt-HoverCardContent:where(.md\:rt-r-size-2) {
    --hover-card-content-padding: var(--space-4);
    border-radius: var(--radius-4);
  }
  .rt-HoverCardContent:where(.md\:rt-r-size-3) {
    --hover-card-content-padding: var(--space-5);
    border-radius: var(--radius-5);
  }
}
@media (min-width: 1280px) {
  .rt-HoverCardContent:where(.lg\:rt-r-size-1) {
    --hover-card-content-padding: var(--space-3);
    border-radius: var(--radius-4);
  }
  .rt-HoverCardContent:where(.lg\:rt-r-size-2) {
    --hover-card-content-padding: var(--space-4);
    border-radius: var(--radius-4);
  }
  .rt-HoverCardContent:where(.lg\:rt-r-size-3) {
    --hover-card-content-padding: var(--space-5);
    border-radius: var(--radius-5);
  }
}
@media (min-width: 1640px) {
  .rt-HoverCardContent:where(.xl\:rt-r-size-1) {
    --hover-card-content-padding: var(--space-3);
    border-radius: var(--radius-4);
  }
  .rt-HoverCardContent:where(.xl\:rt-r-size-2) {
    --hover-card-content-padding: var(--space-4);
    border-radius: var(--radius-4);
  }
  .rt-HoverCardContent:where(.xl\:rt-r-size-3) {
    --hover-card-content-padding: var(--space-5);
    border-radius: var(--radius-5);
  }
}
.rt-IconButton:where(:not(.rt-variant-ghost)) {
  height: var(--base-button-height);
  width: var(--base-button-height);
}
.rt-IconButton:where(.rt-variant-ghost) {
  padding: var(--icon-button-ghost-padding);
  --margin-top: 0px;
  --margin-right: 0px;
  --margin-bottom: 0px;
  --margin-left: 0px;
  --margin-top-override: calc(var(--margin-top) - var(--icon-button-ghost-padding));
  --margin-right-override: calc(var(--margin-right) - var(--icon-button-ghost-padding));
  --margin-bottom-override: calc(var(--margin-bottom) - var(--icon-button-ghost-padding));
  --margin-left-override: calc(var(--margin-left) - var(--icon-button-ghost-padding));
  margin: var(--margin-top-override) var(--margin-right-override) var(--margin-bottom-override) var(--margin-left-override);
}
:where(.rt-IconButton:where(.rt-variant-ghost)) > * {
  --margin-top-override: initial;
  --margin-right-override: initial;
  --margin-bottom-override: initial;
  --margin-left-override: initial;
}
.rt-IconButton:where(.rt-variant-ghost):where(.rt-r-size-1) {
  --icon-button-ghost-padding: var(--space-1);
}
.rt-IconButton:where(.rt-variant-ghost):where(.rt-r-size-2) {
  --icon-button-ghost-padding: calc(var(--space-1) * 1.5);
}
.rt-IconButton:where(.rt-variant-ghost):where(.rt-r-size-3) {
  --icon-button-ghost-padding: var(--space-2);
}
.rt-IconButton:where(.rt-variant-ghost):where(.rt-r-size-4) {
  --icon-button-ghost-padding: var(--space-3);
}
@media (min-width: 520px) {
  .rt-IconButton:where(.rt-variant-ghost):where(.xs\:rt-r-size-1) {
    --icon-button-ghost-padding: var(--space-1);
  }
  .rt-IconButton:where(.rt-variant-ghost):where(.xs\:rt-r-size-2) {
    --icon-button-ghost-padding: calc(var(--space-1) * 1.5);
  }
  .rt-IconButton:where(.rt-variant-ghost):where(.xs\:rt-r-size-3) {
    --icon-button-ghost-padding: var(--space-2);
  }
  .rt-IconButton:where(.rt-variant-ghost):where(.xs\:rt-r-size-4) {
    --icon-button-ghost-padding: var(--space-3);
  }
}
@media (min-width: 768px) {
  .rt-IconButton:where(.rt-variant-ghost):where(.sm\:rt-r-size-1) {
    --icon-button-ghost-padding: var(--space-1);
  }
  .rt-IconButton:where(.rt-variant-ghost):where(.sm\:rt-r-size-2) {
    --icon-button-ghost-padding: calc(var(--space-1) * 1.5);
  }
  .rt-IconButton:where(.rt-variant-ghost):where(.sm\:rt-r-size-3) {
    --icon-button-ghost-padding: var(--space-2);
  }
  .rt-IconButton:where(.rt-variant-ghost):where(.sm\:rt-r-size-4) {
    --icon-button-ghost-padding: var(--space-3);
  }
}
@media (min-width: 1024px) {
  .rt-IconButton:where(.rt-variant-ghost):where(.md\:rt-r-size-1) {
    --icon-button-ghost-padding: var(--space-1);
  }
  .rt-IconButton:where(.rt-variant-ghost):where(.md\:rt-r-size-2) {
    --icon-button-ghost-padding: calc(var(--space-1) * 1.5);
  }
  .rt-IconButton:where(.rt-variant-ghost):where(.md\:rt-r-size-3) {
    --icon-button-ghost-padding: var(--space-2);
  }
  .rt-IconButton:where(.rt-variant-ghost):where(.md\:rt-r-size-4) {
    --icon-button-ghost-padding: var(--space-3);
  }
}
@media (min-width: 1280px) {
  .rt-IconButton:where(.rt-variant-ghost):where(.lg\:rt-r-size-1) {
    --icon-button-ghost-padding: var(--space-1);
  }
  .rt-IconButton:where(.rt-variant-ghost):where(.lg\:rt-r-size-2) {
    --icon-button-ghost-padding: calc(var(--space-1) * 1.5);
  }
  .rt-IconButton:where(.rt-variant-ghost):where(.lg\:rt-r-size-3) {
    --icon-button-ghost-padding: var(--space-2);
  }
  .rt-IconButton:where(.rt-variant-ghost):where(.lg\:rt-r-size-4) {
    --icon-button-ghost-padding: var(--space-3);
  }
}
@media (min-width: 1640px) {
  .rt-IconButton:where(.rt-variant-ghost):where(.xl\:rt-r-size-1) {
    --icon-button-ghost-padding: var(--space-1);
  }
  .rt-IconButton:where(.rt-variant-ghost):where(.xl\:rt-r-size-2) {
    --icon-button-ghost-padding: calc(var(--space-1) * 1.5);
  }
  .rt-IconButton:where(.rt-variant-ghost):where(.xl\:rt-r-size-3) {
    --icon-button-ghost-padding: var(--space-2);
  }
  .rt-IconButton:where(.rt-variant-ghost):where(.xl\:rt-r-size-4) {
    --icon-button-ghost-padding: var(--space-3);
  }
}
.rt-Inset {
  box-sizing: border-box;
  --margin-top: 0px;
  --margin-right: 0px;
  --margin-bottom: 0px;
  --margin-left: 0px;
  overflow: hidden;
  margin-top: var(--margin-top-override);
  margin-right: var(--margin-right-override);
  margin-bottom: var(--margin-bottom-override);
  margin-left: var(--margin-left-override);
}
:where(.rt-Inset) > * {
  --margin-top-override: initial;
  --margin-right-override: initial;
  --margin-bottom-override: initial;
  --margin-left-override: initial;
}
.rt-Inset:where(.rt-r-clip-border-box) {
  --inset-border-radius-calc: calc(var(--inset-border-radius, 0px) - var(--inset-border-width, 0px));
  --inset-padding-top-calc: var(--inset-padding-top, 0px);
  --inset-padding-right-calc: var(--inset-padding-right, 0px);
  --inset-padding-bottom-calc: var(--inset-padding-bottom, 0px);
  --inset-padding-left-calc: var(--inset-padding-left, 0px);
}
.rt-Inset:where(.rt-r-clip-padding-box) {
  --inset-border-radius-calc: var(--inset-border-radius, 0px);
  --inset-padding-top-calc: calc(var(--inset-padding-top, 0px) + var(--inset-border-width, 0px));
  --inset-padding-right-calc: calc(var(--inset-padding-right, 0px) + var(--inset-border-width, 0px));
  --inset-padding-bottom-calc: calc(var(--inset-padding-bottom, 0px) + var(--inset-border-width, 0px));
  --inset-padding-left-calc: calc(var(--inset-padding-left, 0px) + var(--inset-border-width, 0px));
}
.rt-Inset:where(.rt-r-side-top) {
  --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
  --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
  --margin-bottom-override: var(--margin-bottom);
  --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
  border-top-left-radius: var(--inset-border-radius-calc);
  border-top-right-radius: var(--inset-border-radius-calc);
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.rt-Inset:where(.rt-r-side-bottom) {
  --margin-top-override: var(--margin-top);
  --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
  --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
  --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: var(--inset-border-radius-calc);
  border-bottom-right-radius: var(--inset-border-radius-calc);
}
.rt-Inset:where(.rt-r-side-left) {
  --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
  --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
  --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
  --margin-right-override: var(--margin-right);
  border-top-left-radius: var(--inset-border-radius-calc);
  border-top-right-radius: 0px;
  border-bottom-left-radius: var(--inset-border-radius-calc);
  border-bottom-right-radius: 0px;
}
.rt-Inset:where(.rt-r-side-right) {
  --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
  --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
  --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
  --margin-left-override: var(--margin-left);
  border-top-left-radius: 0px;
  border-top-right-radius: var(--inset-border-radius-calc);
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: var(--inset-border-radius-calc);
}
.rt-Inset:where(.rt-r-side-x) {
  --margin-top-override: var(--margin-top);
  --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
  --margin-bottom-override: var(--margin-bottom);
  --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
  border-radius: 0px;
}
.rt-Inset:where(.rt-r-side-y) {
  --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
  --margin-right-override: var(--margin-right);
  --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
  --margin-left-override: var(--margin-left);
  border-radius: 0px;
}
.rt-Inset:where(.rt-r-side-all) {
  --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
  --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
  --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
  --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
  border-radius: var(--inset-border-radius-calc);
}
@media (min-width: 520px) {
  .rt-Inset:where(.xs\:rt-r-clip-border-box) {
    --inset-border-radius-calc: calc(var(--inset-border-radius, 0px) - var(--inset-border-width, 0px));
    --inset-padding-top-calc: var(--inset-padding-top, 0px);
    --inset-padding-right-calc: var(--inset-padding-right, 0px);
    --inset-padding-bottom-calc: var(--inset-padding-bottom, 0px);
    --inset-padding-left-calc: var(--inset-padding-left, 0px);
  }
  .rt-Inset:where(.xs\:rt-r-clip-padding-box) {
    --inset-border-radius-calc: var(--inset-border-radius, 0px);
    --inset-padding-top-calc: calc(var(--inset-padding-top, 0px) + var(--inset-border-width, 0px));
    --inset-padding-right-calc: calc(var(--inset-padding-right, 0px) + var(--inset-border-width, 0px));
    --inset-padding-bottom-calc: calc(var(--inset-padding-bottom, 0px) + var(--inset-border-width, 0px));
    --inset-padding-left-calc: calc(var(--inset-padding-left, 0px) + var(--inset-border-width, 0px));
  }
  .rt-Inset:where(.xs\:rt-r-side-top) {
    --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
    --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
    --margin-bottom-override: var(--margin-bottom);
    --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
    border-top-left-radius: var(--inset-border-radius-calc);
    border-top-right-radius: var(--inset-border-radius-calc);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .rt-Inset:where(.xs\:rt-r-side-bottom) {
    --margin-top-override: var(--margin-top);
    --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
    --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
    --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: var(--inset-border-radius-calc);
    border-bottom-right-radius: var(--inset-border-radius-calc);
  }
  .rt-Inset:where(.xs\:rt-r-side-left) {
    --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
    --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
    --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
    --margin-right-override: var(--margin-right);
    border-top-left-radius: var(--inset-border-radius-calc);
    border-top-right-radius: 0px;
    border-bottom-left-radius: var(--inset-border-radius-calc);
    border-bottom-right-radius: 0px;
  }
  .rt-Inset:where(.xs\:rt-r-side-right) {
    --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
    --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
    --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
    --margin-left-override: var(--margin-left);
    border-top-left-radius: 0px;
    border-top-right-radius: var(--inset-border-radius-calc);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: var(--inset-border-radius-calc);
  }
  .rt-Inset:where(.xs\:rt-r-side-x) {
    --margin-top-override: var(--margin-top);
    --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
    --margin-bottom-override: var(--margin-bottom);
    --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
    border-radius: 0px;
  }
  .rt-Inset:where(.xs\:rt-r-side-y) {
    --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
    --margin-right-override: var(--margin-right);
    --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
    --margin-left-override: var(--margin-left);
    border-radius: 0px;
  }
  .rt-Inset:where(.xs\:rt-r-side-all) {
    --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
    --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
    --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
    --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
    border-radius: var(--inset-border-radius-calc);
  }
}
@media (min-width: 768px) {
  .rt-Inset:where(.sm\:rt-r-clip-border-box) {
    --inset-border-radius-calc: calc(var(--inset-border-radius, 0px) - var(--inset-border-width, 0px));
    --inset-padding-top-calc: var(--inset-padding-top, 0px);
    --inset-padding-right-calc: var(--inset-padding-right, 0px);
    --inset-padding-bottom-calc: var(--inset-padding-bottom, 0px);
    --inset-padding-left-calc: var(--inset-padding-left, 0px);
  }
  .rt-Inset:where(.sm\:rt-r-clip-padding-box) {
    --inset-border-radius-calc: var(--inset-border-radius, 0px);
    --inset-padding-top-calc: calc(var(--inset-padding-top, 0px) + var(--inset-border-width, 0px));
    --inset-padding-right-calc: calc(var(--inset-padding-right, 0px) + var(--inset-border-width, 0px));
    --inset-padding-bottom-calc: calc(var(--inset-padding-bottom, 0px) + var(--inset-border-width, 0px));
    --inset-padding-left-calc: calc(var(--inset-padding-left, 0px) + var(--inset-border-width, 0px));
  }
  .rt-Inset:where(.sm\:rt-r-side-top) {
    --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
    --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
    --margin-bottom-override: var(--margin-bottom);
    --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
    border-top-left-radius: var(--inset-border-radius-calc);
    border-top-right-radius: var(--inset-border-radius-calc);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .rt-Inset:where(.sm\:rt-r-side-bottom) {
    --margin-top-override: var(--margin-top);
    --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
    --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
    --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: var(--inset-border-radius-calc);
    border-bottom-right-radius: var(--inset-border-radius-calc);
  }
  .rt-Inset:where(.sm\:rt-r-side-left) {
    --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
    --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
    --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
    --margin-right-override: var(--margin-right);
    border-top-left-radius: var(--inset-border-radius-calc);
    border-top-right-radius: 0px;
    border-bottom-left-radius: var(--inset-border-radius-calc);
    border-bottom-right-radius: 0px;
  }
  .rt-Inset:where(.sm\:rt-r-side-right) {
    --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
    --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
    --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
    --margin-left-override: var(--margin-left);
    border-top-left-radius: 0px;
    border-top-right-radius: var(--inset-border-radius-calc);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: var(--inset-border-radius-calc);
  }
  .rt-Inset:where(.sm\:rt-r-side-x) {
    --margin-top-override: var(--margin-top);
    --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
    --margin-bottom-override: var(--margin-bottom);
    --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
    border-radius: 0px;
  }
  .rt-Inset:where(.sm\:rt-r-side-y) {
    --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
    --margin-right-override: var(--margin-right);
    --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
    --margin-left-override: var(--margin-left);
    border-radius: 0px;
  }
  .rt-Inset:where(.sm\:rt-r-side-all) {
    --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
    --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
    --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
    --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
    border-radius: var(--inset-border-radius-calc);
  }
}
@media (min-width: 1024px) {
  .rt-Inset:where(.md\:rt-r-clip-border-box) {
    --inset-border-radius-calc: calc(var(--inset-border-radius, 0px) - var(--inset-border-width, 0px));
    --inset-padding-top-calc: var(--inset-padding-top, 0px);
    --inset-padding-right-calc: var(--inset-padding-right, 0px);
    --inset-padding-bottom-calc: var(--inset-padding-bottom, 0px);
    --inset-padding-left-calc: var(--inset-padding-left, 0px);
  }
  .rt-Inset:where(.md\:rt-r-clip-padding-box) {
    --inset-border-radius-calc: var(--inset-border-radius, 0px);
    --inset-padding-top-calc: calc(var(--inset-padding-top, 0px) + var(--inset-border-width, 0px));
    --inset-padding-right-calc: calc(var(--inset-padding-right, 0px) + var(--inset-border-width, 0px));
    --inset-padding-bottom-calc: calc(var(--inset-padding-bottom, 0px) + var(--inset-border-width, 0px));
    --inset-padding-left-calc: calc(var(--inset-padding-left, 0px) + var(--inset-border-width, 0px));
  }
  .rt-Inset:where(.md\:rt-r-side-top) {
    --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
    --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
    --margin-bottom-override: var(--margin-bottom);
    --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
    border-top-left-radius: var(--inset-border-radius-calc);
    border-top-right-radius: var(--inset-border-radius-calc);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .rt-Inset:where(.md\:rt-r-side-bottom) {
    --margin-top-override: var(--margin-top);
    --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
    --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
    --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: var(--inset-border-radius-calc);
    border-bottom-right-radius: var(--inset-border-radius-calc);
  }
  .rt-Inset:where(.md\:rt-r-side-left) {
    --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
    --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
    --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
    --margin-right-override: var(--margin-right);
    border-top-left-radius: var(--inset-border-radius-calc);
    border-top-right-radius: 0px;
    border-bottom-left-radius: var(--inset-border-radius-calc);
    border-bottom-right-radius: 0px;
  }
  .rt-Inset:where(.md\:rt-r-side-right) {
    --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
    --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
    --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
    --margin-left-override: var(--margin-left);
    border-top-left-radius: 0px;
    border-top-right-radius: var(--inset-border-radius-calc);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: var(--inset-border-radius-calc);
  }
  .rt-Inset:where(.md\:rt-r-side-x) {
    --margin-top-override: var(--margin-top);
    --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
    --margin-bottom-override: var(--margin-bottom);
    --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
    border-radius: 0px;
  }
  .rt-Inset:where(.md\:rt-r-side-y) {
    --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
    --margin-right-override: var(--margin-right);
    --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
    --margin-left-override: var(--margin-left);
    border-radius: 0px;
  }
  .rt-Inset:where(.md\:rt-r-side-all) {
    --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
    --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
    --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
    --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
    border-radius: var(--inset-border-radius-calc);
  }
}
@media (min-width: 1280px) {
  .rt-Inset:where(.lg\:rt-r-clip-border-box) {
    --inset-border-radius-calc: calc(var(--inset-border-radius, 0px) - var(--inset-border-width, 0px));
    --inset-padding-top-calc: var(--inset-padding-top, 0px);
    --inset-padding-right-calc: var(--inset-padding-right, 0px);
    --inset-padding-bottom-calc: var(--inset-padding-bottom, 0px);
    --inset-padding-left-calc: var(--inset-padding-left, 0px);
  }
  .rt-Inset:where(.lg\:rt-r-clip-padding-box) {
    --inset-border-radius-calc: var(--inset-border-radius, 0px);
    --inset-padding-top-calc: calc(var(--inset-padding-top, 0px) + var(--inset-border-width, 0px));
    --inset-padding-right-calc: calc(var(--inset-padding-right, 0px) + var(--inset-border-width, 0px));
    --inset-padding-bottom-calc: calc(var(--inset-padding-bottom, 0px) + var(--inset-border-width, 0px));
    --inset-padding-left-calc: calc(var(--inset-padding-left, 0px) + var(--inset-border-width, 0px));
  }
  .rt-Inset:where(.lg\:rt-r-side-top) {
    --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
    --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
    --margin-bottom-override: var(--margin-bottom);
    --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
    border-top-left-radius: var(--inset-border-radius-calc);
    border-top-right-radius: var(--inset-border-radius-calc);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .rt-Inset:where(.lg\:rt-r-side-bottom) {
    --margin-top-override: var(--margin-top);
    --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
    --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
    --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: var(--inset-border-radius-calc);
    border-bottom-right-radius: var(--inset-border-radius-calc);
  }
  .rt-Inset:where(.lg\:rt-r-side-left) {
    --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
    --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
    --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
    --margin-right-override: var(--margin-right);
    border-top-left-radius: var(--inset-border-radius-calc);
    border-top-right-radius: 0px;
    border-bottom-left-radius: var(--inset-border-radius-calc);
    border-bottom-right-radius: 0px;
  }
  .rt-Inset:where(.lg\:rt-r-side-right) {
    --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
    --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
    --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
    --margin-left-override: var(--margin-left);
    border-top-left-radius: 0px;
    border-top-right-radius: var(--inset-border-radius-calc);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: var(--inset-border-radius-calc);
  }
  .rt-Inset:where(.lg\:rt-r-side-x) {
    --margin-top-override: var(--margin-top);
    --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
    --margin-bottom-override: var(--margin-bottom);
    --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
    border-radius: 0px;
  }
  .rt-Inset:where(.lg\:rt-r-side-y) {
    --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
    --margin-right-override: var(--margin-right);
    --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
    --margin-left-override: var(--margin-left);
    border-radius: 0px;
  }
  .rt-Inset:where(.lg\:rt-r-side-all) {
    --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
    --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
    --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
    --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
    border-radius: var(--inset-border-radius-calc);
  }
}
@media (min-width: 1640px) {
  .rt-Inset:where(.xl\:rt-r-clip-border-box) {
    --inset-border-radius-calc: calc(var(--inset-border-radius, 0px) - var(--inset-border-width, 0px));
    --inset-padding-top-calc: var(--inset-padding-top, 0px);
    --inset-padding-right-calc: var(--inset-padding-right, 0px);
    --inset-padding-bottom-calc: var(--inset-padding-bottom, 0px);
    --inset-padding-left-calc: var(--inset-padding-left, 0px);
  }
  .rt-Inset:where(.xl\:rt-r-clip-padding-box) {
    --inset-border-radius-calc: var(--inset-border-radius, 0px);
    --inset-padding-top-calc: calc(var(--inset-padding-top, 0px) + var(--inset-border-width, 0px));
    --inset-padding-right-calc: calc(var(--inset-padding-right, 0px) + var(--inset-border-width, 0px));
    --inset-padding-bottom-calc: calc(var(--inset-padding-bottom, 0px) + var(--inset-border-width, 0px));
    --inset-padding-left-calc: calc(var(--inset-padding-left, 0px) + var(--inset-border-width, 0px));
  }
  .rt-Inset:where(.xl\:rt-r-side-top) {
    --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
    --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
    --margin-bottom-override: var(--margin-bottom);
    --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
    border-top-left-radius: var(--inset-border-radius-calc);
    border-top-right-radius: var(--inset-border-radius-calc);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .rt-Inset:where(.xl\:rt-r-side-bottom) {
    --margin-top-override: var(--margin-top);
    --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
    --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
    --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: var(--inset-border-radius-calc);
    border-bottom-right-radius: var(--inset-border-radius-calc);
  }
  .rt-Inset:where(.xl\:rt-r-side-left) {
    --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
    --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
    --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
    --margin-right-override: var(--margin-right);
    border-top-left-radius: var(--inset-border-radius-calc);
    border-top-right-radius: 0px;
    border-bottom-left-radius: var(--inset-border-radius-calc);
    border-bottom-right-radius: 0px;
  }
  .rt-Inset:where(.xl\:rt-r-side-right) {
    --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
    --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
    --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
    --margin-left-override: var(--margin-left);
    border-top-left-radius: 0px;
    border-top-right-radius: var(--inset-border-radius-calc);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: var(--inset-border-radius-calc);
  }
  .rt-Inset:where(.xl\:rt-r-side-x) {
    --margin-top-override: var(--margin-top);
    --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
    --margin-bottom-override: var(--margin-bottom);
    --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
    border-radius: 0px;
  }
  .rt-Inset:where(.xl\:rt-r-side-y) {
    --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
    --margin-right-override: var(--margin-right);
    --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
    --margin-left-override: var(--margin-left);
    border-radius: 0px;
  }
  .rt-Inset:where(.xl\:rt-r-side-all) {
    --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
    --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
    --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
    --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
    border-radius: var(--inset-border-radius-calc);
  }
}
.rt-Kbd {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-family: var(--default-font-family);
  font-weight: normal;
  vertical-align: text-top;
  white-space: nowrap;
  -webkit-user-select: none;
          -moz-user-select: none;
       user-select: none;
  position: relative;
  top: -0.03em;
  font-size: 0.75em;
  min-width: 1.75em;
  line-height: 1.7em;
  box-sizing: border-box;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-bottom: 0.05em;
  word-spacing: -0.1em;
  border-radius: calc(var(--radius-factor) * 0.35em);
  letter-spacing: var(--letter-spacing, var(--default-letter-spacing));
  height: -moz-fit-content;
  height: fit-content;
  color: var(--gray-12);
  background-color: var(--gray-1);
  box-shadow: var(--kbd-box-shadow);
  transition: box-shadow 120ms, background-color 120ms;
}
@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 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 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 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 0.05em var(--gray-a5);
}
.rt-Kbd:where(:-moz-any-link, button):where(:active:not([data-state='open'])) {
  padding-top: 0.05em;
  padding-bottom: 0;
  transition-duration: 40ms, 40ms;
  background-color: var(--gray-2);
  box-shadow: inset 0 0.05em var(--black-a3), 0 0 0 0.05em var(--gray-a7);
}
.rt-Kbd:where(:any-link, button):where(:active:not([data-state='open'])) {
  padding-top: 0.05em;
  padding-bottom: 0;
  transition-duration: 40ms, 40ms;
  background-color: var(--gray-2);
  box-shadow: inset 0 0.05em var(--black-a3), 0 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-Kbd:where(.rt-r-size-1) {
  font-size: calc(var(--font-size-1) * 0.8);
  --letter-spacing: var(--letter-spacing-1);
}
.rt-Kbd:where(.rt-r-size-2) {
  font-size: calc(var(--font-size-2) * 0.8);
  --letter-spacing: var(--letter-spacing-2);
}
.rt-Kbd:where(.rt-r-size-3) {
  font-size: calc(var(--font-size-3) * 0.8);
  --letter-spacing: var(--letter-spacing-3);
}
.rt-Kbd:where(.rt-r-size-4) {
  font-size: calc(var(--font-size-4) * 0.8);
  --letter-spacing: var(--letter-spacing-4);
}
.rt-Kbd:where(.rt-r-size-5) {
  font-size: calc(var(--font-size-5) * 0.8);
  --letter-spacing: var(--letter-spacing-5);
}
.rt-Kbd:where(.rt-r-size-6) {
  font-size: calc(var(--font-size-6) * 0.8);
  --letter-spacing: var(--letter-spacing-6);
}
.rt-Kbd:where(.rt-r-size-7) {
  font-size: calc(var(--font-size-7) * 0.8);
  --letter-spacing: var(--letter-spacing-7);
}
.rt-Kbd:where(.rt-r-size-8) {
  font-size: calc(var(--font-size-8) * 0.8);
  --letter-spacing: var(--letter-spacing-8);
}
.rt-Kbd:where(.rt-r-size-9) {
  font-size: calc(var(--font-size-9) * 0.8);
  --letter-spacing: var(--letter-spacing-9);
}
@media (min-width: 520px) {
  .rt-Kbd:where(.xs\:rt-r-size-1) {
    font-size: calc(var(--font-size-1) * 0.8);
    --letter-spacing: var(--letter-spacing-1);
  }
  .rt-Kbd:where(.xs\:rt-r-size-2) {
    font-size: calc(var(--font-size-2) * 0.8);
    --letter-spacing: var(--letter-spacing-2);
  }
  .rt-Kbd:where(.xs\:rt-r-size-3) {
    font-size: calc(var(--font-size-3) * 0.8);
    --letter-spacing: var(--letter-spacing-3);
  }
  .rt-Kbd:where(.xs\:rt-r-size-4) {
    font-size: calc(var(--font-size-4) * 0.8);
    --letter-spacing: var(--letter-spacing-4);
  }
  .rt-Kbd:where(.xs\:rt-r-size-5) {
    font-size: calc(var(--font-size-5) * 0.8);
    --letter-spacing: var(--letter-spacing-5);
  }
  .rt-Kbd:where(.xs\:rt-r-size-6) {
    font-size: calc(var(--font-size-6) * 0.8);
    --letter-spacing: var(--letter-spacing-6);
  }
  .rt-Kbd:where(.xs\:rt-r-size-7) {
    font-size: calc(var(--font-size-7) * 0.8);
    --letter-spacing: var(--letter-spacing-7);
  }
  .rt-Kbd:where(.xs\:rt-r-size-8) {
    font-size: calc(var(--font-size-8) * 0.8);
    --letter-spacing: var(--letter-spacing-8);
  }
  .rt-Kbd:where(.xs\:rt-r-size-9) {
    font-size: calc(var(--font-size-9) * 0.8);
    --letter-spacing: var(--letter-spacing-9);
  }
}
@media (min-width: 768px) {
  .rt-Kbd:where(.sm\:rt-r-size-1) {
    font-size: calc(var(--font-size-1) * 0.8);
    --letter-spacing: var(--letter-spacing-1);
  }
  .rt-Kbd:where(.sm\:rt-r-size-2) {
    font-size: calc(var(--font-size-2) * 0.8);
    --letter-spacing: var(--letter-spacing-2);
  }
  .rt-Kbd:where(.sm\:rt-r-size-3) {
    font-size: calc(var(--font-size-3) * 0.8);
    --letter-spacing: var(--letter-spacing-3);
  }
  .rt-Kbd:where(.sm\:rt-r-size-4) {
    font-size: calc(var(--font-size-4) * 0.8);
    --letter-spacing: var(--letter-spacing-4);
  }
  .rt-Kbd:where(.sm\:rt-r-size-5) {
    font-size: calc(var(--font-size-5) * 0.8);
    --letter-spacing: var(--letter-spacing-5);
  }
  .rt-Kbd:where(.sm\:rt-r-size-6) {
    font-size: calc(var(--font-size-6) * 0.8);
    --letter-spacing: var(--letter-spacing-6);
  }
  .rt-Kbd:where(.sm\:rt-r-size-7) {
    font-size: calc(var(--font-size-7) * 0.8);
    --letter-spacing: var(--letter-spacing-7);
  }
  .rt-Kbd:where(.sm\:rt-r-size-8) {
    font-size: calc(var(--font-size-8) * 0.8);
    --letter-spacing: var(--letter-spacing-8);
  }
  .rt-Kbd:where(.sm\:rt-r-size-9) {
    font-size: calc(var(--font-size-9) * 0.8);
    --letter-spacing: var(--letter-spacing-9);
  }
}
@media (min-width: 1024px) {
  .rt-Kbd:where(.md\:rt-r-size-1) {
    font-size: calc(var(--font-size-1) * 0.8);
    --letter-spacing: var(--letter-spacing-1);
  }
  .rt-Kbd:where(.md\:rt-r-size-2) {
    font-size: calc(var(--font-size-2) * 0.8);
    --letter-spacing: var(--letter-spacing-2);
  }
  .rt-Kbd:where(.md\:rt-r-size-3) {
    font-size: calc(var(--font-size-3) * 0.8);
    --letter-spacing: var(--letter-spacing-3);
  }
  .rt-Kbd:where(.md\:rt-r-size-4) {
    font-size: calc(var(--font-size-4) * 0.8);
    --letter-spacing: var(--letter-spacing-4);
  }
  .rt-Kbd:where(.md\:rt-r-size-5) {
    font-size: calc(var(--font-size-5) * 0.8);
    --letter-spacing: var(--letter-spacing-5);
  }
  .rt-Kbd:where(.md\:rt-r-size-6) {
    font-size: calc(var(--font-size-6) * 0.8);
    --letter-spacing: var(--letter-spacing-6);
  }
  .rt-Kbd:where(.md\:rt-r-size-7) {
    font-size: calc(var(--font-size-7) * 0.8);
    --letter-spacing: var(--letter-spacing-7);
  }
  .rt-Kbd:where(.md\:rt-r-size-8) {
    font-size: calc(var(--font-size-8) * 0.8);
    --letter-spacing: var(--letter-spacing-8);
  }
  .rt-Kbd:where(.md\:rt-r-size-9) {
    font-size: calc(var(--font-size-9) * 0.8);
    --letter-spacing: var(--letter-spacing-9);
  }
}
@media (min-width: 1280px) {
  .rt-Kbd:where(.lg\:rt-r-size-1) {
    font-size: calc(var(--font-size-1) * 0.8);
    --letter-spacing: var(--letter-spacing-1);
  }
  .rt-Kbd:where(.lg\:rt-r-size-2) {
    font-size: calc(var(--font-size-2) * 0.8);
    --letter-spacing: var(--letter-spacing-2);
  }
  .rt-Kbd:where(.lg\:rt-r-size-3) {
    font-size: calc(var(--font-size-3) * 0.8);
    --letter-spacing: var(--letter-spacing-3);
  }
  .rt-Kbd:where(.lg\:rt-r-size-4) {
    font-size: calc(var(--font-size-4) * 0.8);
    --letter-spacing: var(--letter-spacing-4);
  }
  .rt-Kbd:where(.lg\:rt-r-size-5) {
    font-size: calc(var(--font-size-5) * 0.8);
    --letter-spacing: var(--letter-spacing-5);
  }
  .rt-Kbd:where(.lg\:rt-r-size-6) {
    font-size: calc(var(--font-size-6) * 0.8);
    --letter-spacing: var(--letter-spacing-6);
  }
  .rt-Kbd:where(.lg\:rt-r-size-7) {
    font-size: calc(var(--font-size-7) * 0.8);
    --letter-spacing: var(--letter-spacing-7);
  }
  .rt-Kbd:where(.lg\:rt-r-size-8) {
    font-size: calc(var(--font-size-8) * 0.8);
    --letter-spacing: var(--letter-spacing-8);
  }
  .rt-Kbd:where(.lg\:rt-r-size-9) {
    font-size: calc(var(--font-size-9) * 0.8);
    --letter-spacing: var(--letter-spacing-9);
  }
}
@media (min-width: 1640px) {
  .rt-Kbd:where(.xl\:rt-r-size-1) {
    font-size: calc(var(--font-size-1) * 0.8);
    --letter-spacing: var(--letter-spacing-1);
  }
  .rt-Kbd:where(.xl\:rt-r-size-2) {
    font-size: calc(var(--font-size-2) * 0.8);
    --letter-spacing: var(--letter-spacing-2);
  }
  .rt-Kbd:where(.xl\:rt-r-size-3) {
    font-size: calc(var(--font-size-3) * 0.8);
    --letter-spacing: var(--letter-spacing-3);
  }
  .rt-Kbd:where(.xl\:rt-r-size-4) {
    font-size: calc(var(--font-size-4) * 0.8);
    --letter-spacing: var(--letter-spacing-4);
  }
  .rt-Kbd:where(.xl\:rt-r-size-5) {
    font-size: calc(var(--font-size-5) * 0.8);
    --letter-spacing: var(--letter-spacing-5);
  }
  .rt-Kbd:where(.xl\:rt-r-size-6) {
    font-size: calc(var(--font-size-6) * 0.8);
    --letter-spacing: var(--letter-spacing-6);
  }
  .rt-Kbd:where(.xl\:rt-r-size-7) {
    font-size: calc(var(--font-size-7) * 0.8);
    --letter-spacing: var(--letter-spacing-7);
  }
  .rt-Kbd:where(.xl\:rt-r-size-8) {
    font-size: calc(var(--font-size-8) * 0.8);
    --letter-spacing: var(--letter-spacing-8);
  }
  .rt-Kbd:where(.xl\:rt-r-size-9) {
    font-size: calc(var(--font-size-9) * 0.8);
    --letter-spacing: var(--letter-spacing-9);
  }
}
.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, 0.05em));
  text-underline-offset: calc(0.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, 0.05em));
  text-underline-offset: calc(0.025em + 2px);
  text-decoration-color: var(--accent-a5);
}
.rt-Link:where(:disabled, [data-disabled]) {
  cursor: var(--cursor-disabled);
}
:where([data-accent-color]:not(.radix-themes, .rt-high-contrast)) .rt-Link:where([data-accent-color='']) {
  color: var(--accent-12);
}
@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: 0.75em solid var(--accent-a4);
    outline-offset: -0.6em;
  }
  .rt-Link:where(:any-link, button):where(:active:not(:focus-visible, [data-state='open'])) {
    outline: 0.75em solid var(--accent-a4);
    outline-offset: -0.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(0.07em * var(--radius-factor));
  outline-color: var(--focus-8);
  outline-width: 2px;
  outline-style: solid;
  outline-offset: 2px;
}
.rt-Link:where(:has(.rt-Code:not(.rt-variant-ghost):only-child)) {
  text-decoration-color: transparent;
}
.rt-PopoverContent {
  background-color: var(--color-panel-solid);
  box-shadow: var(--shadow-5);
  min-width: var(--radix-popover-trigger-width);
  outline: 0;
  overflow: auto;
  position: relative;
  --inset-padding-top: var(--popover-content-padding);
  --inset-padding-right: var(--popover-content-padding);
  --inset-padding-bottom: var(--popover-content-padding);
  --inset-padding-left: var(--popover-content-padding);
  padding: var(--popover-content-padding);
  box-sizing: border-box;
  transform-origin: var(--radix-popover-content-transform-origin);
}
.rt-PopoverContent:where(.rt-r-size-1) {
  --popover-content-padding: var(--space-3);
  border-radius: var(--radius-4);
}
.rt-PopoverContent:where(.rt-r-size-2) {
  --popover-content-padding: var(--space-4);
  border-radius: var(--radius-4);
}
.rt-PopoverContent:where(.rt-r-size-3) {
  --popover-content-padding: var(--space-5);
  border-radius: var(--radius-5);
}
.rt-PopoverContent:where(.rt-r-size-4) {
  --popover-content-padding: var(--space-6);
  border-radius: var(--radius-5);
}
@media (min-width: 520px) {
  .rt-PopoverContent:where(.xs\:rt-r-size-1) {
    --popover-content-padding: var(--space-3);
    border-radius: var(--radius-4);
  }
  .rt-PopoverContent:where(.xs\:rt-r-size-2) {
    --popover-content-padding: var(--space-4);
    border-radius: var(--radius-4);
  }
  .rt-PopoverContent:where(.xs\:rt-r-size-3) {
    --popover-content-padding: var(--space-5);
    border-radius: var(--radius-5);
  }
  .rt-PopoverContent:where(.xs\:rt-r-size-4) {
    --popover-content-padding: var(--space-6);
    border-radius: var(--radius-5);
  }
}
@media (min-width: 768px) {
  .rt-PopoverContent:where(.sm\:rt-r-size-1) {
    --popover-content-padding: var(--space-3);
    border-radius: var(--radius-4);
  }
  .rt-PopoverContent:where(.sm\:rt-r-size-2) {
    --popover-content-padding: var(--space-4);
    border-radius: var(--radius-4);
  }
  .rt-PopoverContent:where(.sm\:rt-r-size-3) {
    --popover-content-padding: var(--space-5);
    border-radius: var(--radius-5);
  }
  .rt-PopoverContent:where(.sm\:rt-r-size-4) {
    --popover-content-padding: var(--space-6);
    border-radius: var(--radius-5);
  }
}
@media (min-width: 1024px) {
  .rt-PopoverContent:where(.md\:rt-r-size-1) {
    --popover-content-padding: var(--space-3);
    border-radius: var(--radius-4);
  }
  .rt-PopoverContent:where(.md\:rt-r-size-2) {
    --popover-content-padding: var(--space-4);
    border-radius: var(--radius-4);
  }
  .rt-PopoverContent:where(.md\:rt-r-size-3) {
    --popover-content-padding: var(--space-5);
    border-radius: var(--radius-5);
  }
  .rt-PopoverContent:where(.md\:rt-r-size-4) {
    --popover-content-padding: var(--space-6);
    border-radius: var(--radius-5);
  }
}
@media (min-width: 1280px) {
  .rt-PopoverContent:where(.lg\:rt-r-size-1) {
    --popover-content-padding: var(--space-3);
    border-radius: var(--radius-4);
  }
  .rt-PopoverContent:where(.lg\:rt-r-size-2) {
    --popover-content-padding: var(--space-4);
    border-radius: var(--radius-4);
  }
  .rt-PopoverContent:where(.lg\:rt-r-size-3) {
    --popover-content-padding: var(--space-5);
    border-radius: var(--radius-5);
  }
  .rt-PopoverContent:where(.lg\:rt-r-size-4) {
    --popover-content-padding: var(--space-6);
    border-radius: var(--radius-5);
  }
}
@media (min-width: 1640px) {
  .rt-PopoverContent:where(.xl\:rt-r-size-1) {
    --popover-content-padding: var(--space-3);
    border-radius: var(--radius-4);
  }
  .rt-PopoverContent:where(.xl\:rt-r-size-2) {
    --popover-content-padding: var(--space-4);
    border-radius: var(--radius-4);
  }
  .rt-PopoverContent:where(.xl\:rt-r-size-3) {
    --popover-content-padding: var(--space-5);
    border-radius: var(--radius-5);
  }
  .rt-PopoverContent:where(.xl\:rt-r-size-4) {
    --popover-content-padding: var(--space-6);
    border-radius: var(--radius-5);
  }
}
.rt-ProgressRoot {
  --progress-value: 0;
  --progress-max: 100;
  --progress-duration: 5s;
  pointer-events: none;
  position: relative;
  overflow: hidden;
  flex-grow: 1;
  height: var(--progress-height);
  border-radius: max(calc(var(--radius-factor) * var(--progress-height) / 3), calc(var(--radius-factor) * var(--radius-thumb)));
}
.rt-ProgressRoot::after {
  position: absolute;
  inset: 0;
  content: '';
  border-radius: inherit;
}
.rt-ProgressIndicator {
  display: block;
  height: 100%;
  width: 100%;
  transform: scaleX(calc(var(--progress-value) / var(--progress-max)));
  transform-origin: left center;
  transition: transform 120ms;
}
.rt-ProgressIndicator:where([data-state='indeterminate']) {
  animation-name: rt-progress-indicator-indeterminate-grow, var(--progress-indicator-indeterminate-animation-start), var(--progress-indicator-indeterminate-animation-repeat);
  animation-delay: 0s, calc(var(--progress-duration) + 5s), calc(var(--progress-duration) + 7.5s);
  animation-duration: var(--progress-duration), 2.5s, 5s;
  animation-iteration-count: 1, 1, infinite;
  animation-fill-mode: both, none, none;
  animation-direction: normal, normal, alternate;
}
.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(0.01);
  }
  20% {
    transform: scaleX(0.1);
  }
  30% {
    transform: scaleX(0.6);
  }
  40%,
  50% {
    transform: scaleX(0.9);
  }
  100% {
    transform: scaleX(1);
  }
}
@keyframes rt-progress-indicator-indeterminate-shine-from-left {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}
.rt-ProgressRoot:where(.rt-r-size-1) {
  --progress-height: var(--space-1);
}
.rt-ProgressRoot:where(.rt-r-size-2) {
  --progress-height: calc(var(--space-2) * 0.75);
}
.rt-ProgressRoot:where(.rt-r-size-3) {
  --progress-height: var(--space-2);
}
@media (min-width: 520px) {
  .rt-ProgressRoot:where(.xs\:rt-r-size-1) {
    --progress-height: var(--space-1);
  }
  .rt-ProgressRoot:where(.xs\:rt-r-size-2) {
    --progress-height: calc(var(--space-2) * 0.75);
  }
  .rt-ProgressRoot:where(.xs\:rt-r-size-3) {
    --progress-height: var(--space-2);
  }
}
@media (min-width: 768px) {
  .rt-ProgressRoot:where(.sm\:rt-r-size-1) {
    --progress-height: var(--space-1);
  }
  .rt-ProgressRoot:where(.sm\:rt-r-size-2) {
    --progress-height: calc(var(--space-2) * 0.75);
  }
  .rt-ProgressRoot:where(.sm\:rt-r-size-3) {
    --progress-height: var(--space-2);
  }
}
@media (min-width: 1024px) {
  .rt-ProgressRoot:where(.md\:rt-r-size-1) {
    --progress-height: var(--space-1);
  }
  .rt-ProgressRoot:where(.md\:rt-r-size-2) {
    --progress-height: calc(var(--space-2) * 0.75);
  }
  .rt-ProgressRoot:where(.md\:rt-r-size-3) {
    --progress-height: var(--space-2);
  }
}
@media (min-width: 1280px) {
  .rt-ProgressRoot:where(.lg\:rt-r-size-1) {
    --progress-height: var(--space-1);
  }
  .rt-ProgressRoot:where(.lg\:rt-r-size-2) {
    --progress-height: calc(var(--space-2) * 0.75);
  }
  .rt-ProgressRoot:where(.lg\:rt-r-size-3) {
    --progress-height: var(--space-2);
  }
}
@media (min-width: 1640px) {
  .rt-ProgressRoot:where(.xl\:rt-r-size-1) {
    --progress-height: var(--space-1);
  }
  .rt-ProgressRoot:where(.xl\:rt-r-size-2) {
    --progress-height: calc(var(--space-2) * 0.75);
  }
  .rt-ProgressRoot:where(.xl\:rt-r-size-3) {
    --progress-height: var(--space-2);
  }
}
.rt-ProgressRoot:where(.rt-variant-surface) {
  --progress-indicator-indeterminate-animation-start: rt-progress-indicator-surface-indeterminate-fade;
  --progress-indicator-indeterminate-animation-repeat: rt-progress-indicator-surface-indeterminate-pulse;
  background-color: var(--gray-a3);
}
.rt-ProgressRoot:where(.rt-variant-surface)::after {
  box-shadow: inset 0 0 0 1px var(--gray-a4);
}
.rt-ProgressRoot:where(.rt-variant-surface) :where(.rt-ProgressIndicator) {
  background-color: var(--accent-track);
}
@keyframes rt-progress-indicator-surface-indeterminate-fade {
  100% {
    background-color: var(--accent-7);
  }
}
@keyframes rt-progress-indicator-surface-indeterminate-pulse {
  0% {
    background-color: var(--accent-7);
  }
  100% {
    background-color: var(--accent-track);
  }
}
.rt-ProgressRoot:where(.rt-variant-classic) {
  --progress-indicator-indeterminate-animation-start: rt-progress-indicator-classic-indeterminate-fade;
  --progress-indicator-indeterminate-animation-repeat: rt-progress-indicator-classic-indeterminate-pulse;
  background-color: var(--gray-a3);
}
.rt-ProgressRoot:where(.rt-variant-classic)::after {
  box-shadow: var(--shadow-1);
}
.rt-ProgressRoot:where(.rt-variant-classic) :where(.rt-ProgressIndicator) {
  background-color: var(--accent-track);
}
@keyframes rt-progress-indicator-classic-indeterminate-fade {
  100% {
    background-color: var(--accent-7);
  }
}
@keyframes rt-progress-indicator-classic-indeterminate-pulse {
  0% {
    background-color: var(--accent-7);
  }
  100% {
    background-color: var(--accent-track);
  }
}
.rt-ProgressRoot:where(.rt-variant-soft) {
  --progress-indicator-indeterminate-animation-start: rt-progress-indicator-soft-indeterminate-fade;
  --progress-indicator-indeterminate-animation-repeat: rt-progress-indicator-soft-indeterminate-pulse;
  background-color: var(--gray-a4);
  background-image: linear-gradient(var(--white-a1), var(--white-a1));
}
.rt-ProgressRoot:where(.rt-variant-soft) :where(.rt-ProgressIndicator) {
  background-image: linear-gradient(var(--accent-a5), var(--accent-a5));
  background-color: var(--accent-8);
}
.rt-ProgressRoot:where(.rt-variant-soft) :where(.rt-ProgressIndicator)::after {
  opacity: 0.75;
}
@keyframes rt-progress-indicator-soft-indeterminate-fade {
  100% {
    background-color: var(--accent-5);
  }
}
@keyframes rt-progress-indicator-soft-indeterminate-pulse {
  0% {
    background-color: var(--accent-5);
  }
  100% {
    background-color: var(--accent-7);
  }
}
.rt-ProgressRoot:where(.rt-high-contrast) {
  --progress-indicator-indeterminate-animation-start: rt-progress-indicator-high-contrast-indeterminate-fade;
  --progress-indicator-indeterminate-animation-repeat: rt-progress-indicator-high-contrast-indeterminate-pulse;
}
.rt-ProgressRoot:where(.rt-high-contrast) :where(.rt-ProgressIndicator) {
  background-color: var(--accent-12);
}
.rt-ProgressRoot:where(.rt-high-contrast) :where(.rt-ProgressIndicator)::after {
  opacity: 0.75;
}
@keyframes rt-progress-indicator-high-contrast-indeterminate-fade {
  100% {
    opacity: 0.8;
  }
}
@keyframes rt-progress-indicator-high-contrast-indeterminate-pulse {
  0% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
.rt-Quote {
  box-sizing: border-box;
  font-family: var(--quote-font-family);
  font-size: calc(var(--quote-font-size-adjust) * 1em);
  font-style: var(--quote-font-style);
  font-weight: var(--quote-font-weight);
  line-height: 1.25;
  letter-spacing: calc(var(--quote-letter-spacing) + var(--letter-spacing, var(--default-letter-spacing)));
  color: inherit;
}
.rt-Quote :where(.rt-Quote) {
  font-size: inherit;
}
.rt-RadioCardsRoot {
  line-height: var(--line-height);
  letter-spacing: var(--letter-spacing);
  cursor: default;
}
.rt-RadioCardsItem {
  --base-card-padding-top: var(--radio-cards-item-padding-y);
  --base-card-padding-right: var(--radio-cards-item-padding-x);
  --base-card-padding-bottom: var(--radio-cards-item-padding-y);
  --base-card-padding-left: var(--radio-cards-item-padding-x);
  --base-card-border-radius: var(--radio-cards-item-border-radius);
  --base-card-border-width: var(--radio-cards-item-border-width);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
}
.rt-RadioCardsItem > * {
  pointer-events: none;
}
.rt-RadioCardsItem > :where(svg) {
  flex-shrink: 0;
}
.rt-RadioCardsItem::after {
  outline-offset: -1px;
}
.rt-RadioCardsRoot:where(.rt-r-size-1) {
  font-size: var(--font-size-2);
  --line-height: var(--line-height-2);
  --letter-spacing: var(--letter-spacing-2);
  --radio-cards-item-padding-x: var(--space-3);
  --radio-cards-item-padding-y: calc(var(--space-3) / 1.2);
  --radio-cards-item-border-radius: var(--radius-3);
}
.rt-RadioCardsRoot:where(.rt-r-size-2) {
  font-size: var(--font-size-2);
  --line-height: var(--line-height-2);
  --letter-spacing: var(--letter-spacing-2);
  --radio-cards-item-padding-x: var(--space-4);
  --radio-cards-item-padding-y: calc(var(--space-4) * 0.875);
  --radio-cards-item-border-radius: var(--radius-3);
}
.rt-RadioCardsRoot:where(.rt-r-size-3) {
  font-size: var(--font-size-3);
  --line-height: var(--line-height-3);
  --letter-spacing: var(--letter-spacing-3);
  --radio-cards-item-padding-x: var(--space-5);
  --radio-cards-item-padding-y: calc(var(--space-5) / 1.2);
  --radio-cards-item-border-radius: var(--radius-4);
}
@media (min-width: 520px) {
  .rt-RadioCardsRoot:where(.xs\:rt-r-size-1) {
    font-size: var(--font-size-2);
    --line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
    --radio-cards-item-padding-x: var(--space-3);
    --radio-cards-item-padding-y: calc(var(--space-3) / 1.2);
    --radio-cards-item-border-radius: var(--radius-3);
  }
  .rt-RadioCardsRoot:where(.xs\:rt-r-size-2) {
    font-size: var(--font-size-2);
    --line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
    --radio-cards-item-padding-x: var(--space-4);
    --radio-cards-item-padding-y: calc(var(--space-4) * 0.875);
    --radio-cards-item-border-radius: var(--radius-3);
  }
  .rt-RadioCardsRoot:where(.xs\:rt-r-size-3) {
    font-size: var(--font-size-3);
    --line-height: var(--line-height-3);
    --letter-spacing: var(--letter-spacing-3);
    --radio-cards-item-padding-x: var(--space-5);
    --radio-cards-item-padding-y: calc(var(--space-5) / 1.2);
    --radio-cards-item-border-radius: var(--radius-4);
  }
}
@media (min-width: 768px) {
  .rt-RadioCardsRoot:where(.sm\:rt-r-size-1) {
    font-size: var(--font-size-2);
    --line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
    --radio-cards-item-padding-x: var(--space-3);
    --radio-cards-item-padding-y: calc(var(--space-3) / 1.2);
    --radio-cards-item-border-radius: var(--radius-3);
  }
  .rt-RadioCardsRoot:where(.sm\:rt-r-size-2) {
    font-size: var(--font-size-2);
    --line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
    --radio-cards-item-padding-x: var(--space-4);
    --radio-cards-item-padding-y: calc(var(--space-4) * 0.875);
    --radio-cards-item-border-radius: var(--radius-3);
  }
  .rt-RadioCardsRoot:where(.sm\:rt-r-size-3) {
    font-size: var(--font-size-3);
    --line-height: var(--line-height-3);
    --letter-spacing: var(--letter-spacing-3);
    --radio-cards-item-padding-x: var(--space-5);
    --radio-cards-item-padding-y: calc(var(--space-5) / 1.2);
    --radio-cards-item-border-radius: var(--radius-4);
  }
}
@media (min-width: 1024px) {
  .rt-RadioCardsRoot:where(.md\:rt-r-size-1) {
    font-size: var(--font-size-2);
    --line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
    --radio-cards-item-padding-x: var(--space-3);
    --radio-cards-item-padding-y: calc(var(--space-3) / 1.2);
    --radio-cards-item-border-radius: var(--radius-3);
  }
  .rt-RadioCardsRoot:where(.md\:rt-r-size-2) {
    font-size: var(--font-size-2);
    --line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
    --radio-cards-item-padding-x: var(--space-4);
    --radio-cards-item-padding-y: calc(var(--space-4) * 0.875);
    --radio-cards-item-border-radius: var(--radius-3);
  }
  .rt-RadioCardsRoot:where(.md\:rt-r-size-3) {
    font-size: var(--font-size-3);
    --line-height: var(--line-height-3);
    --letter-spacing: var(--letter-spacing-3);
    --radio-cards-item-padding-x: var(--space-5);
    --radio-cards-item-padding-y: calc(var(--space-5) / 1.2);
    --radio-cards-item-border-radius: var(--radius-4);
  }
}
@media (min-width: 1280px) {
  .rt-RadioCardsRoot:where(.lg\:rt-r-size-1) {
    font-size: var(--font-size-2);
    --line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
    --radio-cards-item-padding-x: var(--space-3);
    --radio-cards-item-padding-y: calc(var(--space-3) / 1.2);
    --radio-cards-item-border-radius: var(--radius-3);
  }
  .rt-RadioCardsRoot:where(.lg\:rt-r-size-2) {
    font-size: var(--font-size-2);
    --line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
    --radio-cards-item-padding-x: var(--space-4);
    --radio-cards-item-padding-y: calc(var(--space-4) * 0.875);
    --radio-cards-item-border-radius: var(--radius-3);
  }
  .rt-RadioCardsRoot:where(.lg\:rt-r-size-3) {
    font-size: var(--font-size-3);
    --line-height: var(--line-height-3);
    --letter-spacing: var(--letter-spacing-3);
    --radio-cards-item-padding-x: var(--space-5);
    --radio-cards-item-padding-y: calc(var(--space-5) / 1.2);
    --radio-cards-item-border-radius: var(--radius-4);
  }
}
@media (min-width: 1640px) {
  .rt-RadioCardsRoot:where(.xl\:rt-r-size-1) {
    font-size: var(--font-size-2);
    --line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
    --radio-cards-item-padding-x: var(--space-3);
    --radio-cards-item-padding-y: calc(var(--space-3) / 1.2);
    --radio-cards-item-border-radius: var(--radius-3);
  }
  .rt-RadioCardsRoot:where(.xl\:rt-r-size-2) {
    font-size: var(--font-size-2);
    --line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
    --radio-cards-item-padding-x: var(--space-4);
    --radio-cards-item-padding-y: calc(var(--space-4) * 0.875);
    --radio-cards-item-border-radius: var(--radius-3);
  }
  .rt-RadioCardsRoot:where(.xl\:rt-r-size-3) {
    font-size: var(--font-size-3);
    --line-height: var(--line-height-3);
    --letter-spacing: var(--letter-spacing-3);
    --radio-cards-item-padding-x: var(--space-5);
    --radio-cards-item-padding-y: calc(var(--space-5) / 1.2);
    --radio-cards-item-border-radius: var(--radius-4);
  }
}
:where(.rt-RadioCardsRoot.rt-variant-surface) .rt-RadioCardsItem {
  --radio-cards-item-border-width: 1px;
  --radio-cards-item-background-color: var(--color-surface);
}
: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 {
  --radio-cards-item-border-width: 1px;
  --radio-cards-item-background-color: var(--color-surface);
  transition: box-shadow 120ms;
  box-shadow: var(--base-card-classic-box-shadow-outer);
}
: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-RadioGroupRoot {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}
.rt-RadioGroupItem {
  display: flex;
  gap: 0.5em;
  width: -moz-fit-content;
  width: fit-content;
}
.rt-RadioGroupItemInner {
  min-width: 0;
}
.rt-BaseRadioRoot {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  flex-shrink: 0;
  cursor: var(--cursor-radio);
  height: var(--skeleton-height, var(--line-height, var(--radio-size)));
  --skeleton-height-override: var(--radio-size);
  border-radius: var(--skeleton-radius);
  --skeleton-radius-override: 100%;
}
.rt-BaseRadioRoot:where(:disabled, [data-disabled]) {
  cursor: var(--cursor-disabled);
}
.rt-BaseRadioRoot::before {
  content: '';
  display: block;
  height: var(--radio-size);
  width: var(--radio-size);
  border-radius: 100%;
}
.rt-BaseRadioRoot::after {
  pointer-events: none;
  position: absolute;
  height: var(--radio-size);
  width: var(--radio-size);
  border-radius: 100%;
  transform: scale(0.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-r-size-1) {
  --radio-size: calc(var(--space-4) * 0.875);
}
.rt-BaseRadioRoot:where(.rt-r-size-2) {
  --radio-size: var(--space-4);
}
.rt-BaseRadioRoot:where(.rt-r-size-3) {
  --radio-size: calc(var(--space-4) * 1.25);
}
@media (min-width: 520px) {
  .rt-BaseRadioRoot:where(.xs\:rt-r-size-1) {
    --radio-size: calc(var(--space-4) * 0.875);
  }
  .rt-BaseRadioRoot:where(.xs\:rt-r-size-2) {
    --radio-size: var(--space-4);
  }
  .rt-BaseRadioRoot:where(.xs\:rt-r-size-3) {
    --radio-size: calc(var(--space-4) * 1.25);
  }
}
@media (min-width: 768px) {
  .rt-BaseRadioRoot:where(.sm\:rt-r-size-1) {
    --radio-size: calc(var(--space-4) * 0.875);
  }
  .rt-BaseRadioRoot:where(.sm\:rt-r-size-2) {
    --radio-size: var(--space-4);
  }
  .rt-BaseRadioRoot:where(.sm\:rt-r-size-3) {
    --radio-size: calc(var(--space-4) * 1.25);
  }
}
@media (min-width: 1024px) {
  .rt-BaseRadioRoot:where(.md\:rt-r-size-1) {
    --radio-size: calc(var(--space-4) * 0.875);
  }
  .rt-BaseRadioRoot:where(.md\:rt-r-size-2) {
    --radio-size: var(--space-4);
  }
  .rt-BaseRadioRoot:where(.md\:rt-r-size-3) {
    --radio-size: calc(var(--space-4) * 1.25);
  }
}
@media (min-width: 1280px) {
  .rt-BaseRadioRoot:where(.lg\:rt-r-size-1) {
    --radio-size: calc(var(--space-4) * 0.875);
  }
  .rt-BaseRadioRoot:where(.lg\:rt-r-size-2) {
    --radio-size: var(--space-4);
  }
  .rt-BaseRadioRoot:where(.lg\:rt-r-size-3) {
    --radio-size: calc(var(--space-4) * 1.25);
  }
}
@media (min-width: 1640px) {
  .rt-BaseRadioRoot:where(.xl\:rt-r-size-1) {
    --radio-size: calc(var(--space-4) * 0.875);
  }
  .rt-BaseRadioRoot:where(.xl\:rt-r-size-2) {
    --radio-size: var(--space-4);
  }
  .rt-BaseRadioRoot:where(.xl\:rt-r-size-3) {
    --radio-size: calc(var(--space-4) * 1.25);
  }
}
.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 0.5px 0.5px var(--white-a4), inset 0 -0.5px 0.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-ScrollAreaRoot {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.rt-ScrollAreaViewport {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.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-ScrollAreaViewport:where(:has(.rt-ScrollAreaScrollbar[data-orientation='horizontal'])) {
  overscroll-behavior-x: contain;
}
.rt-ScrollAreaViewport > * {
  display: block !important;
  width: -moz-fit-content;
  width: fit-content;
  flex-grow: 1;
}
.rt-ScrollAreaScrollbar {
  display: flex;
  -webkit-user-select: none;
          -moz-user-select: none;
       user-select: none;
  touch-action: none;
  background-color: var(--gray-a3);
  border-radius: var(--scrollarea-scrollbar-border-radius);
  animation-duration: 120ms;
  animation-timing-function: ease-out;
}
.rt-ScrollAreaScrollbar:where([data-orientation='vertical']) {
  flex-direction: column;
  width: var(--scrollarea-scrollbar-size);
  margin-top: var(--scrollarea-scrollbar-vertical-margin-top);
  margin-bottom: var(--scrollarea-scrollbar-vertical-margin-bottom);
  margin-left: var(--scrollarea-scrollbar-vertical-margin-left);
  margin-right: var(--scrollarea-scrollbar-vertical-margin-right);
}
.rt-ScrollAreaScrollbar:where([data-orientation='horizontal']) {
  flex-direction: row;
  height: var(--scrollarea-scrollbar-size);
  margin-top: var(--scrollarea-scrollbar-horizontal-margin-top);
  margin-bottom: var(--scrollarea-scrollbar-horizontal-margin-bottom);
  margin-left: var(--scrollarea-scrollbar-horizontal-margin-left);
  margin-right: var(--scrollarea-scrollbar-horizontal-margin-right);
}
.rt-ScrollAreaThumb {
  position: relative;
  background-color: var(--gray-a8);
  border-radius: inherit;
  transition: background-color 100ms;
}
.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);
}
.rt-ScrollAreaScrollbar:where(.rt-r-size-1) {
  --scrollarea-scrollbar-size: var(--space-1);
  --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
}
.rt-ScrollAreaScrollbar:where(.rt-r-size-2) {
  --scrollarea-scrollbar-size: var(--space-2);
  --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
}
.rt-ScrollAreaScrollbar:where(.rt-r-size-3) {
  --scrollarea-scrollbar-size: var(--space-3);
  --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
}
@media (min-width: 520px) {
  .rt-ScrollAreaScrollbar:where(.xs\:rt-r-size-1) {
    --scrollarea-scrollbar-size: var(--space-1);
    --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
  }
  .rt-ScrollAreaScrollbar:where(.xs\:rt-r-size-2) {
    --scrollarea-scrollbar-size: var(--space-2);
    --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
  }
  .rt-ScrollAreaScrollbar:where(.xs\:rt-r-size-3) {
    --scrollarea-scrollbar-size: var(--space-3);
    --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
  }
}
@media (min-width: 768px) {
  .rt-ScrollAreaScrollbar:where(.sm\:rt-r-size-1) {
    --scrollarea-scrollbar-size: var(--space-1);
    --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
  }
  .rt-ScrollAreaScrollbar:where(.sm\:rt-r-size-2) {
    --scrollarea-scrollbar-size: var(--space-2);
    --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
  }
  .rt-ScrollAreaScrollbar:where(.sm\:rt-r-size-3) {
    --scrollarea-scrollbar-size: var(--space-3);
    --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
  }
}
@media (min-width: 1024px) {
  .rt-ScrollAreaScrollbar:where(.md\:rt-r-size-1) {
    --scrollarea-scrollbar-size: var(--space-1);
    --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
  }
  .rt-ScrollAreaScrollbar:where(.md\:rt-r-size-2) {
    --scrollarea-scrollbar-size: var(--space-2);
    --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
  }
  .rt-ScrollAreaScrollbar:where(.md\:rt-r-size-3) {
    --scrollarea-scrollbar-size: var(--space-3);
    --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
  }
}
@media (min-width: 1280px) {
  .rt-ScrollAreaScrollbar:where(.lg\:rt-r-size-1) {
    --scrollarea-scrollbar-size: var(--space-1);
    --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
  }
  .rt-ScrollAreaScrollbar:where(.lg\:rt-r-size-2) {
    --scrollarea-scrollbar-size: var(--space-2);
    --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
  }
  .rt-ScrollAreaScrollbar:where(.lg\:rt-r-size-3) {
    --scrollarea-scrollbar-size: var(--space-3);
    --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
  }
}
@media (min-width: 1640px) {
  .rt-ScrollAreaScrollbar:where(.xl\:rt-r-size-1) {
    --scrollarea-scrollbar-size: var(--space-1);
    --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
  }
  .rt-ScrollAreaScrollbar:where(.xl\:rt-r-size-2) {
    --scrollarea-scrollbar-size: var(--space-2);
    --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
  }
  .rt-ScrollAreaScrollbar:where(.xl\:rt-r-size-3) {
    --scrollarea-scrollbar-size: var(--space-3);
    --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
  }
}
.rt-ScrollAreaScrollbar:where([data-state='visible']) {
  animation-name: rt-fade-in;
}
.rt-ScrollAreaScrollbar:where([data-state='hidden']) {
  animation-name: rt-fade-out;
}
@media (hover: hover) {
  .rt-ScrollAreaThumb:where(:hover) {
    background-color: var(--gray-a9);
  }
}
.rt-SegmentedControlRoot {
  display: inline-grid;
  vertical-align: top;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  align-items: stretch;
  color: var(--gray-12);
  background-color: var(--color-surface);
  background-image: linear-gradient(var(--gray-a3), var(--gray-a3));
  position: relative;
  min-width: -moz-max-content;
  min-width: max-content;
  font-family: var(--default-font-family);
  font-style: normal;
  text-align: center;
  isolation: isolate;
  border-radius: var(--segmented-control-border-radius);
}
.rt-SegmentedControlRoot:where([data-disabled]) {
  color: var(--gray-a8);
  background-color: var(--gray-3);
}
.rt-SegmentedControlItem {
  display: flex;
  align-items: stretch;
  -webkit-user-select: none;
          -moz-user-select: none;
       user-select: none;
}
.rt-SegmentedControlItem:where(:first-child) {
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
}
.rt-SegmentedControlItem:where(:nth-last-child(2)) {
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
}
.rt-SegmentedControlItem:where(:focus-visible) {
  border-radius: inherit;
  outline: 2px solid var(--focus-8);
  outline-offset: -1px;
}
.rt-SegmentedControlItemLabel :where(svg) {
  flex-shrink: 0;
}
@media (hover: hover) {
  :where(.rt-SegmentedControlItem[data-state='off']:not([disabled]):hover) .rt-SegmentedControlItemLabel {
    background-color: var(--gray-a2);
  }
}
.rt-SegmentedControlItemLabelInactive {
  position: absolute;
  transition: opacity calc(0.8 * var(--segmented-control-transition-duration));
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--tab-inactive-letter-spacing);
  word-spacing: var(--tab-inactive-word-spacing);
  opacity: 1;
  transition-timing-function: ease-out;
}
:where(.rt-SegmentedControlItem[data-state='on']) .rt-SegmentedControlItemLabelInactive {
  opacity: 0;
  transition-timing-function: ease-in;
}
.rt-SegmentedControlItemLabelActive {
  transition: opacity calc(0.8 * var(--segmented-control-transition-duration));
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--tab-active-letter-spacing);
  word-spacing: var(--tab-active-word-spacing);
  opacity: 0;
  transition-timing-function: ease-in;
}
:where(.rt-SegmentedControlItem[data-state='on']) .rt-SegmentedControlItemLabelActive {
  opacity: 1;
  transition-timing-function: ease-out;
}
.rt-SegmentedControlItemSeparator {
  z-index: -1;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-left: -0.5px;
  margin-right: -0.5px;
  width: 1px;
  background-color: var(--gray-a4);
  transition: opacity calc(0.8 * var(--segmented-control-transition-duration));
  transition-timing-function: ease-out;
}
:where(.rt-SegmentedControlItem:first-child) .rt-SegmentedControlItemSeparator,
  :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 {
  display: none;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  height: 100%;
  pointer-events: none;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition-duration: var(--segmented-control-transition-duration);
}
.rt-SegmentedControlIndicator::before {
  inset: 1px;
  position: absolute;
  border-radius: max(0.5px, calc(var(--segmented-control-border-radius) - 1px));
  background-color: var(--segmented-control-indicator-background-color);
  content: '';
}
:where(.rt-SegmentedControlItem[data-state='on']) ~ .rt-SegmentedControlIndicator {
  display: block;
}
:where(.rt-SegmentedControlItem[disabled]) ~ .rt-SegmentedControlIndicator {
  --segmented-control-indicator-background-color: var(--gray-a3);
}
:where(.rt-SegmentedControlItem[disabled]) ~ .rt-SegmentedControlIndicator::before {
  inset: 0px;
  box-shadow: none;
}
.rt-SegmentedControlIndicator:where(:nth-child(2)) {
  width: calc(100% / 1);
}
.rt-SegmentedControlIndicator:where(:nth-child(3)) {
  width: calc(100% / 2);
}
.rt-SegmentedControlIndicator:where(:nth-child(4)) {
  width: calc(100% / 3);
}
.rt-SegmentedControlIndicator:where(:nth-child(5)) {
  width: calc(100% / 4);
}
.rt-SegmentedControlIndicator:where(:nth-child(6)) {
  width: calc(100% / 5);
}
.rt-SegmentedControlIndicator:where(:nth-child(7)) {
  width: calc(100% / 6);
}
.rt-SegmentedControlIndicator:where(:nth-child(8)) {
  width: calc(100% / 7);
}
.rt-SegmentedControlIndicator:where(:nth-child(9)) {
  width: calc(100% / 8);
}
.rt-SegmentedControlIndicator:where(:nth-child(10)) {
  width: calc(100% / 9);
}
.rt-SegmentedControlIndicator:where(:nth-child(11)) {
  width: calc(100% / 10);
}
:where(.rt-SegmentedControlItem[data-state='on']:nth-child(1)) ~ .rt-SegmentedControlIndicator {
  transform: translateX(0%);
}
:where(.rt-SegmentedControlItem[data-state='on']:nth-child(2)) ~ .rt-SegmentedControlIndicator {
  transform: translateX(100%);
}
:where(.rt-SegmentedControlItem[data-state='on']:nth-child(3)) ~ .rt-SegmentedControlIndicator {
  transform: translateX(200%);
}
:where(.rt-SegmentedControlItem[data-state='on']:nth-child(4)) ~ .rt-SegmentedControlIndicator {
  transform: translateX(300%);
}
:where(.rt-SegmentedControlItem[data-state='on']:nth-child(5)) ~ .rt-SegmentedControlIndicator {
  transform: translateX(400%);
}
:where(.rt-SegmentedControlItem[data-state='on']:nth-child(6)) ~ .rt-SegmentedControlIndicator {
  transform: translateX(500%);
}
:where(.rt-SegmentedControlItem[data-state='on']:nth-child(7)) ~ .rt-SegmentedControlIndicator {
  transform: translateX(600%);
}
:where(.rt-SegmentedControlItem[data-state='on']:nth-child(8)) ~ .rt-SegmentedControlIndicator {
  transform: translateX(700%);
}
:where(.rt-SegmentedControlItem[data-state='on']:nth-child(9)) ~ .rt-SegmentedControlIndicator {
  transform: translateX(800%);
}
:where(.rt-SegmentedControlItem[data-state='on']:nth-child(10)) ~ .rt-SegmentedControlIndicator {
  transform: translateX(900%);
}
.rt-SegmentedControlItemLabel {
  box-sizing: border-box;
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  border-radius: inherit;
}
.rt-SegmentedControlRoot:where(.rt-r-size-1) {
  --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
  height: var(--space-5);
}
.rt-SegmentedControlRoot:where(.rt-r-size-1) :where(.rt-SegmentedControlItemLabel) {
  font-size: var(--font-size-1);
  letter-spacing: var(--letter-spacing-1);
  padding-left: var(--space-3);
  padding-right: var(--space-3);
  gap: var(--space-1);
}
.rt-SegmentedControlRoot:where(.rt-r-size-2) {
  --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
  height: var(--space-6);
}
.rt-SegmentedControlRoot:where(.rt-r-size-2) :where(.rt-SegmentedControlItemLabel) {
  font-size: var(--font-size-2);
  letter-spacing: var(--letter-spacing-2);
  padding-left: var(--space-4);
  padding-right: var(--space-4);
  gap: var(--space-2);
}
.rt-SegmentedControlRoot:where(.rt-r-size-3) {
  --segmented-control-border-radius: max(var(--radius-3), var(--radius-full));
  height: var(--space-7);
}
.rt-SegmentedControlRoot:where(.rt-r-size-3) :where(.rt-SegmentedControlItemLabel) {
  font-size: var(--font-size-3);
  letter-spacing: var(--letter-spacing-3);
  padding-left: var(--space-4);
  padding-right: var(--space-4);
  gap: var(--space-3);
}
@media (min-width: 520px) {
  .rt-SegmentedControlRoot:where(.xs\:rt-r-size-1) {
    --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
    height: var(--space-5);
  }
  .rt-SegmentedControlRoot:where(.xs\:rt-r-size-1) :where(.rt-SegmentedControlItemLabel) {
    font-size: var(--font-size-1);
    letter-spacing: var(--letter-spacing-1);
    padding-left: var(--space-3);
    padding-right: var(--space-3);
    gap: var(--space-1);
  }
  .rt-SegmentedControlRoot:where(.xs\:rt-r-size-2) {
    --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
    height: var(--space-6);
  }
  .rt-SegmentedControlRoot:where(.xs\:rt-r-size-2) :where(.rt-SegmentedControlItemLabel) {
    font-size: var(--font-size-2);
    letter-spacing: var(--letter-spacing-2);
    padding-left: var(--space-4);
    padding-right: var(--space-4);
    gap: var(--space-2);
  }
  .rt-SegmentedControlRoot:where(.xs\:rt-r-size-3) {
    --segmented-control-border-radius: max(var(--radius-3), var(--radius-full));
    height: var(--space-7);
  }
  .rt-SegmentedControlRoot:where(.xs\:rt-r-size-3) :where(.rt-SegmentedControlItemLabel) {
    font-size: var(--font-size-3);
    letter-spacing: var(--letter-spacing-3);
    padding-left: var(--space-4);
    padding-right: var(--space-4);
    gap: var(--space-3);
  }
}
@media (min-width: 768px) {
  .rt-SegmentedControlRoot:where(.sm\:rt-r-size-1) {
    --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
    height: var(--space-5);
  }
  .rt-SegmentedControlRoot:where(.sm\:rt-r-size-1) :where(.rt-SegmentedControlItemLabel) {
    font-size: var(--font-size-1);
    letter-spacing: var(--letter-spacing-1);
    padding-left: var(--space-3);
    padding-right: var(--space-3);
    gap: var(--space-1);
  }
  .rt-SegmentedControlRoot:where(.sm\:rt-r-size-2) {
    --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
    height: var(--space-6);
  }
  .rt-SegmentedControlRoot:where(.sm\:rt-r-size-2) :where(.rt-SegmentedControlItemLabel) {
    font-size: var(--font-size-2);
    letter-spacing: var(--letter-spacing-2);
    padding-left: var(--space-4);
    padding-right: var(--space-4);
    gap: var(--space-2);
  }
  .rt-SegmentedControlRoot:where(.sm\:rt-r-size-3) {
    --segmented-control-border-radius: max(var(--radius-3), var(--radius-full));
    height: var(--space-7);
  }
  .rt-SegmentedControlRoot:where(.sm\:rt-r-size-3) :where(.rt-SegmentedControlItemLabel) {
    font-size: var(--font-size-3);
    letter-spacing: var(--letter-spacing-3);
    padding-left: var(--space-4);
    padding-right: var(--space-4);
    gap: var(--space-3);
  }
}
@media (min-width: 1024px) {
  .rt-SegmentedControlRoot:where(.md\:rt-r-size-1) {
    --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
    height: var(--space-5);
  }
  .rt-SegmentedControlRoot:where(.md\:rt-r-size-1) :where(.rt-SegmentedControlItemLabel) {
    font-size: var(--font-size-1);
    letter-spacing: var(--letter-spacing-1);
    padding-left: var(--space-3);
    padding-right: var(--space-3);
    gap: var(--space-1);
  }
  .rt-SegmentedControlRoot:where(.md\:rt-r-size-2) {
    --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
    height: var(--space-6);
  }
  .rt-SegmentedControlRoot:where(.md\:rt-r-size-2) :where(.rt-SegmentedControlItemLabel) {
    font-size: var(--font-size-2);
    letter-spacing: var(--letter-spacing-2);
    padding-left: var(--space-4);
    padding-right: var(--space-4);
    gap: var(--space-2);
  }
  .rt-SegmentedControlRoot:where(.md\:rt-r-size-3) {
    --segmented-control-border-radius: max(var(--radius-3), var(--radius-full));
    height: var(--space-7);
  }
  .rt-SegmentedControlRoot:where(.md\:rt-r-size-3) :where(.rt-SegmentedControlItemLabel) {
    font-size: var(--font-size-3);
    letter-spacing: var(--letter-spacing-3);
    padding-left: var(--space-4);
    padding-right: var(--space-4);
    gap: var(--space-3);
  }
}
@media (min-width: 1280px) {
  .rt-SegmentedControlRoot:where(.lg\:rt-r-size-1) {
    --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
    height: var(--space-5);
  }
  .rt-SegmentedControlRoot:where(.lg\:rt-r-size-1) :where(.rt-SegmentedControlItemLabel) {
    font-size: var(--font-size-1);
    letter-spacing: var(--letter-spacing-1);
    padding-left: var(--space-3);
    padding-right: var(--space-3);
    gap: var(--space-1);
  }
  .rt-SegmentedControlRoot:where(.lg\:rt-r-size-2) {
    --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
    height: var(--space-6);
  }
  .rt-SegmentedControlRoot:where(.lg\:rt-r-size-2) :where(.rt-SegmentedControlItemLabel) {
    font-size: var(--font-size-2);
    letter-spacing: var(--letter-spacing-2);
    padding-left: var(--space-4);
    padding-right: var(--space-4);
    gap: var(--space-2);
  }
  .rt-SegmentedControlRoot:where(.lg\:rt-r-size-3) {
    --segmented-control-border-radius: max(var(--radius-3), var(--radius-full));
    height: var(--space-7);
  }
  .rt-SegmentedControlRoot:where(.lg\:rt-r-size-3) :where(.rt-SegmentedControlItemLabel) {
    font-size: var(--font-size-3);
    letter-spacing: var(--letter-spacing-3);
    padding-left: var(--space-4);
    padding-right: var(--space-4);
    gap: var(--space-3);
  }
}
@media (min-width: 1640px) {
  .rt-SegmentedControlRoot:where(.xl\:rt-r-size-1) {
    --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
    height: var(--space-5);
  }
  .rt-SegmentedControlRoot:where(.xl\:rt-r-size-1) :where(.rt-SegmentedControlItemLabel) {
    font-size: var(--font-size-1);
    letter-spacing: var(--letter-spacing-1);
    padding-left: var(--space-3);
    padding-right: var(--space-3);
    gap: var(--space-1);
  }
  .rt-SegmentedControlRoot:where(.xl\:rt-r-size-2) {
    --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
    height: var(--space-6);
  }
  .rt-SegmentedControlRoot:where(.xl\:rt-r-size-2) :where(.rt-SegmentedControlItemLabel) {
    font-size: var(--font-size-2);
    letter-spacing: var(--letter-spacing-2);
    padding-left: var(--space-4);
    padding-right: var(--space-4);
    gap: var(--space-2);
  }
  .rt-SegmentedControlRoot:where(.xl\:rt-r-size-3) {
    --segmented-control-border-radius: max(var(--radius-3), var(--radius-full));
    height: var(--space-7);
  }
  .rt-SegmentedControlRoot:where(.xl\:rt-r-size-3) :where(.rt-SegmentedControlItemLabel) {
    font-size: var(--font-size-3);
    letter-spacing: var(--letter-spacing-3);
    padding-left: var(--space-4);
    padding-right: var(--space-4);
    gap: var(--space-3);
  }
}
.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 {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  -webkit-user-select: none;
          -moz-user-select: none;
       user-select: none;
  vertical-align: top;
  line-height: var(--height);
  font-family: var(--default-font-family);
  font-weight: var(--font-weight-regular);
  font-style: normal;
  text-align: start;
  color: var(--gray-12);
}
.rt-SelectTrigger:where(:focus-visible) {
  outline: 2px solid var(--focus-8);
  outline-offset: -1px;
}
.rt-SelectTriggerInner {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rt-SelectIcon {
  flex-shrink: 0;
}
:where(.rt-SelectTrigger:not(.rt-variant-ghost)) .rt-SelectIcon {
  opacity: 0.9;
}
.rt-SelectContent:where([data-side]) {
  min-width: var(--radix-select-trigger-width);
  max-height: var(--radix-select-content-available-height);
  transform-origin: var(--radix-select-content-transform-origin);
}
.rt-SelectViewport {
  box-sizing: border-box;
  padding: var(--select-content-padding);
}
:where(.rt-SelectContent:has(.rt-ScrollAreaScrollbar[data-orientation='vertical'])) .rt-SelectViewport {
  padding-right: var(--space-3);
}
.rt-SelectItem {
  display: flex;
  align-items: center;
  height: var(--select-item-height);
  padding-left: var(--select-item-indicator-width);
  padding-right: var(--select-item-indicator-width);
  position: relative;
  box-sizing: border-box;
  outline: none;
  scroll-margin: var(--select-content-padding) 0;
  -webkit-user-select: none;
          -moz-user-select: none;
       user-select: none;
  cursor: var(--cursor-menu-item);
}
.rt-SelectItemIndicator {
  position: absolute;
  left: 0;
  width: var(--select-item-indicator-width);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.rt-SelectSeparator {
  height: 1px;
  margin-top: var(--space-2);
  margin-bottom: var(--space-2);
  margin-left: var(--select-item-indicator-width);
  margin-right: var(--select-separator-margin-right);
  background-color: var(--gray-a6);
}
.rt-SelectLabel {
  display: flex;
  align-items: center;
  height: var(--select-item-height);
  padding-left: var(--select-item-indicator-width);
  padding-right: var(--select-item-indicator-width);
  color: var(--gray-a10);
  -webkit-user-select: none;
          -moz-user-select: none;
       user-select: none;
  cursor: default;
}
:where(.rt-SelectItem) + .rt-SelectLabel {
  margin-top: var(--space-2);
}
.rt-SelectTrigger:where(:not(.rt-variant-ghost)) {
  box-sizing: border-box;
  height: var(--select-trigger-height);
}
.rt-SelectTrigger:where(.rt-variant-ghost) {
  box-sizing: content-box;
  height: -moz-fit-content;
  height: fit-content;
  padding: var(--select-trigger-ghost-padding-y) var(--select-trigger-ghost-padding-x);
  --margin-top: 0px;
  --margin-right: 0px;
  --margin-bottom: 0px;
  --margin-left: 0px;
  --margin-top-override: calc(var(--margin-top) - var(--select-trigger-ghost-padding-y));
  --margin-right-override: calc(var(--margin-right) - var(--select-trigger-ghost-padding-x));
  --margin-bottom-override: calc(var(--margin-bottom) - var(--select-trigger-ghost-padding-y));
  --margin-left-override: calc(var(--margin-left) - var(--select-trigger-ghost-padding-x));
  margin: var(--margin-top-override) var(--margin-right-override) var(--margin-bottom-override) var(--margin-left-override);
}
:where(.rt-SelectTrigger:where(.rt-variant-ghost)) > * {
  --margin-top-override: initial;
  --margin-right-override: initial;
  --margin-bottom-override: initial;
  --margin-left-override: initial;
}
.rt-SelectTrigger:where(.rt-r-size-1) {
  --select-trigger-height: var(--space-5);
  gap: var(--space-1);
  font-size: var(--font-size-1);
  line-height: var(--line-height-1);
  letter-spacing: var(--letter-spacing-1);
  border-radius: max(var(--radius-1), var(--radius-full));
}
.rt-SelectTrigger:where(.rt-r-size-1):where(:not(.rt-variant-ghost)) {
  padding-left: var(--space-2);
  padding-right: var(--space-2);
}
.rt-SelectTrigger:where(.rt-r-size-1):where(.rt-variant-ghost) {
  --select-trigger-ghost-padding-x: var(--space-2);
  --select-trigger-ghost-padding-y: var(--space-1);
}
.rt-SelectTrigger:where(.rt-r-size-2) {
  --select-trigger-height: var(--space-6);
  gap: calc(var(--space-1) * 1.5);
  font-size: var(--font-size-2);
  line-height: var(--line-height-2);
  letter-spacing: var(--letter-spacing-2);
  border-radius: max(var(--radius-2), var(--radius-full));
}
.rt-SelectTrigger:where(.rt-r-size-2):where(:not(.rt-variant-ghost)) {
  padding-left: var(--space-3);
  padding-right: var(--space-3);
}
.rt-SelectTrigger:where(.rt-r-size-2):where(.rt-variant-ghost) {
  --select-trigger-ghost-padding-x: var(--space-2);
  --select-trigger-ghost-padding-y: var(--space-1);
}
.rt-SelectTrigger:where(.rt-r-size-3) {
  --select-trigger-height: var(--space-7);
  gap: var(--space-2);
  font-size: var(--font-size-3);
  line-height: var(--line-height-3);
  letter-spacing: var(--letter-spacing-3);
  border-radius: max(var(--radius-3), var(--radius-full));
}
.rt-SelectTrigger:where(.rt-r-size-3):where(:not(.rt-variant-ghost)) {
  padding-left: var(--space-4);
  padding-right: var(--space-4);
}
.rt-SelectTrigger:where(.rt-r-size-3):where(.rt-variant-ghost) {
  --select-trigger-ghost-padding-x: var(--space-3);
  --select-trigger-ghost-padding-y: calc(var(--space-1) * 1.5);
}
.rt-SelectTrigger:where(.rt-r-size-3) :where(.rt-SelectIcon) {
  width: 11px;
  height: 11px;
}
@media (min-width: 520px) {
  .rt-SelectTrigger:where(.xs\:rt-r-size-1) {
    --select-trigger-height: var(--space-5);
    gap: var(--space-1);
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
    border-radius: max(var(--radius-1), var(--radius-full));
  }
  .rt-SelectTrigger:where(.xs\:rt-r-size-1):where(:not(.rt-variant-ghost)) {
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }
  .rt-SelectTrigger:where(.xs\:rt-r-size-1):where(.rt-variant-ghost) {
    --select-trigger-ghost-padding-x: var(--space-2);
    --select-trigger-ghost-padding-y: var(--space-1);
  }
  .rt-SelectTrigger:where(.xs\:rt-r-size-2) {
    --select-trigger-height: var(--space-6);
    gap: calc(var(--space-1) * 1.5);
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    letter-spacing: var(--letter-spacing-2);
    border-radius: max(var(--radius-2), var(--radius-full));
  }
  .rt-SelectTrigger:where(.xs\:rt-r-size-2):where(:not(.rt-variant-ghost)) {
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }
  .rt-SelectTrigger:where(.xs\:rt-r-size-2):where(.rt-variant-ghost) {
    --select-trigger-ghost-padding-x: var(--space-2);
    --select-trigger-ghost-padding-y: var(--space-1);
  }
  .rt-SelectTrigger:where(.xs\:rt-r-size-3) {
    --select-trigger-height: var(--space-7);
    gap: var(--space-2);
    font-size: var(--font-size-3);
    line-height: var(--line-height-3);
    letter-spacing: var(--letter-spacing-3);
    border-radius: max(var(--radius-3), var(--radius-full));
  }
  .rt-SelectTrigger:where(.xs\:rt-r-size-3):where(:not(.rt-variant-ghost)) {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }
  .rt-SelectTrigger:where(.xs\:rt-r-size-3):where(.rt-variant-ghost) {
    --select-trigger-ghost-padding-x: var(--space-3);
    --select-trigger-ghost-padding-y: calc(var(--space-1) * 1.5);
  }
  .rt-SelectTrigger:where(.xs\:rt-r-size-3) :where(.rt-SelectIcon) {
    width: 11px;
    height: 11px;
  }
}
@media (min-width: 768px) {
  .rt-SelectTrigger:where(.sm\:rt-r-size-1) {
    --select-trigger-height: var(--space-5);
    gap: var(--space-1);
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
    border-radius: max(var(--radius-1), var(--radius-full));
  }
  .rt-SelectTrigger:where(.sm\:rt-r-size-1):where(:not(.rt-variant-ghost)) {
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }
  .rt-SelectTrigger:where(.sm\:rt-r-size-1):where(.rt-variant-ghost) {
    --select-trigger-ghost-padding-x: var(--space-2);
    --select-trigger-ghost-padding-y: var(--space-1);
  }
  .rt-SelectTrigger:where(.sm\:rt-r-size-2) {
    --select-trigger-height: var(--space-6);
    gap: calc(var(--space-1) * 1.5);
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    letter-spacing: var(--letter-spacing-2);
    border-radius: max(var(--radius-2), var(--radius-full));
  }
  .rt-SelectTrigger:where(.sm\:rt-r-size-2):where(:not(.rt-variant-ghost)) {
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }
  .rt-SelectTrigger:where(.sm\:rt-r-size-2):where(.rt-variant-ghost) {
    --select-trigger-ghost-padding-x: var(--space-2);
    --select-trigger-ghost-padding-y: var(--space-1);
  }
  .rt-SelectTrigger:where(.sm\:rt-r-size-3) {
    --select-trigger-height: var(--space-7);
    gap: var(--space-2);
    font-size: var(--font-size-3);
    line-height: var(--line-height-3);
    letter-spacing: var(--letter-spacing-3);
    border-radius: max(var(--radius-3), var(--radius-full));
  }
  .rt-SelectTrigger:where(.sm\:rt-r-size-3):where(:not(.rt-variant-ghost)) {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }
  .rt-SelectTrigger:where(.sm\:rt-r-size-3):where(.rt-variant-ghost) {
    --select-trigger-ghost-padding-x: var(--space-3);
    --select-trigger-ghost-padding-y: calc(var(--space-1) * 1.5);
  }
  .rt-SelectTrigger:where(.sm\:rt-r-size-3) :where(.rt-SelectIcon) {
    width: 11px;
    height: 11px;
  }
}
@media (min-width: 1024px) {
  .rt-SelectTrigger:where(.md\:rt-r-size-1) {
    --select-trigger-height: var(--space-5);
    gap: var(--space-1);
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
    border-radius: max(var(--radius-1), var(--radius-full));
  }
  .rt-SelectTrigger:where(.md\:rt-r-size-1):where(:not(.rt-variant-ghost)) {
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }
  .rt-SelectTrigger:where(.md\:rt-r-size-1):where(.rt-variant-ghost) {
    --select-trigger-ghost-padding-x: var(--space-2);
    --select-trigger-ghost-padding-y: var(--space-1);
  }
  .rt-SelectTrigger:where(.md\:rt-r-size-2) {
    --select-trigger-height: var(--space-6);
    gap: calc(var(--space-1) * 1.5);
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    letter-spacing: var(--letter-spacing-2);
    border-radius: max(var(--radius-2), var(--radius-full));
  }
  .rt-SelectTrigger:where(.md\:rt-r-size-2):where(:not(.rt-variant-ghost)) {
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }
  .rt-SelectTrigger:where(.md\:rt-r-size-2):where(.rt-variant-ghost) {
    --select-trigger-ghost-padding-x: var(--space-2);
    --select-trigger-ghost-padding-y: var(--space-1);
  }
  .rt-SelectTrigger:where(.md\:rt-r-size-3) {
    --select-trigger-height: var(--space-7);
    gap: var(--space-2);
    font-size: var(--font-size-3);
    line-height: var(--line-height-3);
    letter-spacing: var(--letter-spacing-3);
    border-radius: max(var(--radius-3), var(--radius-full));
  }
  .rt-SelectTrigger:where(.md\:rt-r-size-3):where(:not(.rt-variant-ghost)) {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }
  .rt-SelectTrigger:where(.md\:rt-r-size-3):where(.rt-variant-ghost) {
    --select-trigger-ghost-padding-x: var(--space-3);
    --select-trigger-ghost-padding-y: calc(var(--space-1) * 1.5);
  }
  .rt-SelectTrigger:where(.md\:rt-r-size-3) :where(.rt-SelectIcon) {
    width: 11px;
    height: 11px;
  }
}
@media (min-width: 1280px) {
  .rt-SelectTrigger:where(.lg\:rt-r-size-1) {
    --select-trigger-height: var(--space-5);
    gap: var(--space-1);
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
    border-radius: max(var(--radius-1), var(--radius-full));
  }
  .rt-SelectTrigger:where(.lg\:rt-r-size-1):where(:not(.rt-variant-ghost)) {
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }
  .rt-SelectTrigger:where(.lg\:rt-r-size-1):where(.rt-variant-ghost) {
    --select-trigger-ghost-padding-x: var(--space-2);
    --select-trigger-ghost-padding-y: var(--space-1);
  }
  .rt-SelectTrigger:where(.lg\:rt-r-size-2) {
    --select-trigger-height: var(--space-6);
    gap: calc(var(--space-1) * 1.5);
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    letter-spacing: var(--letter-spacing-2);
    border-radius: max(var(--radius-2), var(--radius-full));
  }
  .rt-SelectTrigger:where(.lg\:rt-r-size-2):where(:not(.rt-variant-ghost)) {
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }
  .rt-SelectTrigger:where(.lg\:rt-r-size-2):where(.rt-variant-ghost) {
    --select-trigger-ghost-padding-x: var(--space-2);
    --select-trigger-ghost-padding-y: var(--space-1);
  }
  .rt-SelectTrigger:where(.lg\:rt-r-size-3) {
    --select-trigger-height: var(--space-7);
    gap: var(--space-2);
    font-size: var(--font-size-3);
    line-height: var(--line-height-3);
    letter-spacing: var(--letter-spacing-3);
    border-radius: max(var(--radius-3), var(--radius-full));
  }
  .rt-SelectTrigger:where(.lg\:rt-r-size-3):where(:not(.rt-variant-ghost)) {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }
  .rt-SelectTrigger:where(.lg\:rt-r-size-3):where(.rt-variant-ghost) {
    --select-trigger-ghost-padding-x: var(--space-3);
    --select-trigger-ghost-padding-y: calc(var(--space-1) * 1.5);
  }
  .rt-SelectTrigger:where(.lg\:rt-r-size-3) :where(.rt-SelectIcon) {
    width: 11px;
    height: 11px;
  }
}
@media (min-width: 1640px) {
  .rt-SelectTrigger:where(.xl\:rt-r-size-1) {
    --select-trigger-height: var(--space-5);
    gap: var(--space-1);
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
    border-radius: max(var(--radius-1), var(--radius-full));
  }
  .rt-SelectTrigger:where(.xl\:rt-r-size-1):where(:not(.rt-variant-ghost)) {
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }
  .rt-SelectTrigger:where(.xl\:rt-r-size-1):where(.rt-variant-ghost) {
    --select-trigger-ghost-padding-x: var(--space-2);
    --select-trigger-ghost-padding-y: var(--space-1);
  }
  .rt-SelectTrigger:where(.xl\:rt-r-size-2) {
    --select-trigger-height: var(--space-6);
    gap: calc(var(--space-1) * 1.5);
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    letter-spacing: var(--letter-spacing-2);
    border-radius: max(var(--radius-2), var(--radius-full));
  }
  .rt-SelectTrigger:where(.xl\:rt-r-size-2):where(:not(.rt-variant-ghost)) {
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }
  .rt-SelectTrigger:where(.xl\:rt-r-size-2):where(.rt-variant-ghost) {
    --select-trigger-ghost-padding-x: var(--space-2);
    --select-trigger-ghost-padding-y: var(--space-1);
  }
  .rt-SelectTrigger:where(.xl\:rt-r-size-3) {
    --select-trigger-height: var(--space-7);
    gap: var(--space-2);
    font-size: var(--font-size-3);
    line-height: var(--line-height-3);
    letter-spacing: var(--letter-spacing-3);
    border-radius: max(var(--radius-3), var(--radius-full));
  }
  .rt-SelectTrigger:where(.xl\:rt-r-size-3):where(:not(.rt-variant-ghost)) {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }
  .rt-SelectTrigger:where(.xl\:rt-r-size-3):where(.rt-variant-ghost) {
    --select-trigger-ghost-padding-x: var(--space-3);
    --select-trigger-ghost-padding-y: calc(var(--space-1) * 1.5);
  }
  .rt-SelectTrigger:where(.xl\:rt-r-size-3) :where(.rt-SelectIcon) {
    width: 11px;
    height: 11px;
  }
}
.rt-SelectContent:where(.rt-r-size-1) {
  --select-content-padding: var(--space-1);
  --select-item-height: var(--space-5);
  --select-item-indicator-width: calc(var(--space-5) / 1.2);
  --select-separator-margin-right: var(--space-2);
  border-radius: var(--radius-3);
}
.rt-SelectContent:where(.rt-r-size-1) :where(.rt-SelectLabel) {
  font-size: var(--font-size-1);
  letter-spacing: var(--letter-spacing-1);
  line-height: var(--line-height-1);
}
.rt-SelectContent:where(.rt-r-size-1) :where(.rt-SelectItem) {
  font-size: var(--font-size-1);
  line-height: var(--line-height-1);
  letter-spacing: var(--letter-spacing-1);
  border-radius: var(--radius-1);
}
.rt-SelectContent:where(.rt-r-size-1) :where(.rt-SelectItemIndicatorIcon) {
  width: calc(8px * var(--scaling));
  height: calc(8px * var(--scaling));
}
.rt-SelectContent:where(.rt-r-size-2, .rt-r-size-3) {
  --select-content-padding: var(--space-2);
  --select-item-height: var(--space-6);
  --select-item-indicator-width: var(--space-5);
  --select-separator-margin-right: var(--space-3);
  border-radius: var(--radius-4);
}
.rt-SelectContent:where(.rt-r-size-2, .rt-r-size-3) :where(.rt-SelectLabel) {
  font-size: var(--font-size-2);
  letter-spacing: var(--letter-spacing-2);
  line-height: var(--line-height-2);
}
.rt-SelectContent:where(.rt-r-size-2, .rt-r-size-3) :where(.rt-SelectItem) {
  line-height: var(--line-height-2);
  border-radius: var(--radius-2);
}
.rt-SelectContent:where(.rt-r-size-2) :where(.rt-SelectItem) {
  font-size: var(--font-size-2);
  letter-spacing: var(--letter-spacing-2);
}
.rt-SelectContent:where(.rt-r-size-2) :where(.rt-SelectItemIndicatorIcon) {
  width: calc(10px * var(--scaling));
  height: calc(10px * var(--scaling));
}
.rt-SelectContent:where(.rt-r-size-3) :where(.rt-SelectItem) {
  font-size: var(--font-size-3);
  letter-spacing: var(--letter-spacing-3);
}
.rt-SelectContent:where(.rt-r-size-3) :where(.rt-SelectItemIndicatorIcon) {
  width: calc(10px * var(--scaling));
  height: calc(10px * var(--scaling));
}
@media (min-width: 520px) {
  .rt-SelectContent:where(.xs\:rt-r-size-1) {
    --select-content-padding: var(--space-1);
    --select-item-height: var(--space-5);
    --select-item-indicator-width: calc(var(--space-5) / 1.2);
    --select-separator-margin-right: var(--space-2);
    border-radius: var(--radius-3);
  }
  .rt-SelectContent:where(.xs\:rt-r-size-1) :where(.rt-SelectLabel) {
    font-size: var(--font-size-1);
    letter-spacing: var(--letter-spacing-1);
    line-height: var(--line-height-1);
  }
  .rt-SelectContent:where(.xs\:rt-r-size-1) :where(.rt-SelectItem) {
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
    border-radius: var(--radius-1);
  }
  .rt-SelectContent:where(.xs\:rt-r-size-1) :where(.rt-SelectItemIndicatorIcon) {
    width: calc(8px * var(--scaling));
    height: calc(8px * var(--scaling));
  }
  .rt-SelectContent:where(.xs\:rt-r-size-2, .xs\:rt-r-size-3) {
    --select-content-padding: var(--space-2);
    --select-item-height: var(--space-6);
    --select-item-indicator-width: var(--space-5);
    --select-separator-margin-right: var(--space-3);
    border-radius: var(--radius-4);
  }
  .rt-SelectContent:where(.xs\:rt-r-size-2, .xs\:rt-r-size-3) :where(.rt-SelectLabel) {
    font-size: var(--font-size-2);
    letter-spacing: var(--letter-spacing-2);
    line-height: var(--line-height-2);
  }
  .rt-SelectContent:where(.xs\:rt-r-size-2, .xs\:rt-r-size-3) :where(.rt-SelectItem) {
    line-height: var(--line-height-2);
    border-radius: var(--radius-2);
  }
  .rt-SelectContent:where(.xs\:rt-r-size-2) :where(.rt-SelectItem) {
    font-size: var(--font-size-2);
    letter-spacing: var(--letter-spacing-2);
  }
  .rt-SelectContent:where(.xs\:rt-r-size-2) :where(.rt-SelectItemIndicatorIcon) {
    width: calc(10px * var(--scaling));
    height: calc(10px * var(--scaling));
  }
  .rt-SelectContent:where(.xs\:rt-r-size-3) :where(.rt-SelectItem) {
    font-size: var(--font-size-3);
    letter-spacing: var(--letter-spacing-3);
  }
  .rt-SelectContent:where(.xs\:rt-r-size-3) :where(.rt-SelectItemIndicatorIcon) {
    width: calc(10px * var(--scaling));
    height: calc(10px * var(--scaling));
  }
}
@media (min-width: 768px) {
  .rt-SelectContent:where(.sm\:rt-r-size-1) {
    --select-content-padding: var(--space-1);
    --select-item-height: var(--space-5);
    --select-item-indicator-width: calc(var(--space-5) / 1.2);
    --select-separator-margin-right: var(--space-2);
    border-radius: var(--radius-3);
  }
  .rt-SelectContent:where(.sm\:rt-r-size-1) :where(.rt-SelectLabel) {
    font-size: var(--font-size-1);
    letter-spacing: var(--letter-spacing-1);
    line-height: var(--line-height-1);
  }
  .rt-SelectContent:where(.sm\:rt-r-size-1) :where(.rt-SelectItem) {
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
    border-radius: var(--radius-1);
  }
  .rt-SelectContent:where(.sm\:rt-r-size-1) :where(.rt-SelectItemIndicatorIcon) {
    width: calc(8px * var(--scaling));
    height: calc(8px * var(--scaling));
  }
  .rt-SelectContent:where(.sm\:rt-r-size-2, .sm\:rt-r-size-3) {
    --select-content-padding: var(--space-2);
    --select-item-height: var(--space-6);
    --select-item-indicator-width: var(--space-5);
    --select-separator-margin-right: var(--space-3);
    border-radius: var(--radius-4);
  }
  .rt-SelectContent:where(.sm\:rt-r-size-2, .sm\:rt-r-size-3) :where(.rt-SelectLabel) {
    font-size: var(--font-size-2);
    letter-spacing: var(--letter-spacing-2);
    line-height: var(--line-height-2);
  }
  .rt-SelectContent:where(.sm\:rt-r-size-2, .sm\:rt-r-size-3) :where(.rt-SelectItem) {
    line-height: var(--line-height-2);
    border-radius: var(--radius-2);
  }
  .rt-SelectContent:where(.sm\:rt-r-size-2) :where(.rt-SelectItem) {
    font-size: var(--font-size-2);
    letter-spacing: var(--letter-spacing-2);
  }
  .rt-SelectContent:where(.sm\:rt-r-size-2) :where(.rt-SelectItemIndicatorIcon) {
    width: calc(10px * var(--scaling));
    height: calc(10px * var(--scaling));
  }
  .rt-SelectContent:where(.sm\:rt-r-size-3) :where(.rt-SelectItem) {
    font-size: var(--font-size-3);
    letter-spacing: var(--letter-spacing-3);
  }
  .rt-SelectContent:where(.sm\:rt-r-size-3) :where(.rt-SelectItemIndicatorIcon) {
    width: calc(10px * var(--scaling));
    height: calc(10px * var(--scaling));
  }
}
@media (min-width: 1024px) {
  .rt-SelectContent:where(.md\:rt-r-size-1) {
    --select-content-padding: var(--space-1);
    --select-item-height: var(--space-5);
    --select-item-indicator-width: calc(var(--space-5) / 1.2);
    --select-separator-margin-right: var(--space-2);
    border-radius: var(--radius-3);
  }
  .rt-SelectContent:where(.md\:rt-r-size-1) :where(.rt-SelectLabel) {
    font-size: var(--font-size-1);
    letter-spacing: var(--letter-spacing-1);
    line-height: var(--line-height-1);
  }
  .rt-SelectContent:where(.md\:rt-r-size-1) :where(.rt-SelectItem) {
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
    border-radius: var(--radius-1);
  }
  .rt-SelectContent:where(.md\:rt-r-size-1) :where(.rt-SelectItemIndicatorIcon) {
    width: calc(8px * var(--scaling));
    height: calc(8px * var(--scaling));
  }
  .rt-SelectContent:where(.md\:rt-r-size-2, .md\:rt-r-size-3) {
    --select-content-padding: var(--space-2);
    --select-item-height: var(--space-6);
    --select-item-indicator-width: var(--space-5);
    --select-separator-margin-right: var(--space-3);
    border-radius: var(--radius-4);
  }
  .rt-SelectContent:where(.md\:rt-r-size-2, .md\:rt-r-size-3) :where(.rt-SelectLabel) {
    font-size: var(--font-size-2);
    letter-spacing: var(--letter-spacing-2);
    line-height: var(--line-height-2);
  }
  .rt-SelectContent:where(.md\:rt-r-size-2, .md\:rt-r-size-3) :where(.rt-SelectItem) {
    line-height: var(--line-height-2);
    border-radius: var(--radius-2);
  }
  .rt-SelectContent:where(.md\:rt-r-size-2) :where(.rt-SelectItem) {
    font-size: var(--font-size-2);
    letter-spacing: var(--letter-spacing-2);
  }
  .rt-SelectContent:where(.md\:rt-r-size-2) :where(.rt-SelectItemIndicatorIcon) {
    width: calc(10px * var(--scaling));
    height: calc(10px * var(--scaling));
  }
  .rt-SelectContent:where(.md\:rt-r-size-3) :where(.rt-SelectItem) {
    font-size: var(--font-size-3);
    letter-spacing: var(--letter-spacing-3);
  }
  .rt-SelectContent:where(.md\:rt-r-size-3) :where(.rt-SelectItemIndicatorIcon) {
    width: calc(10px * var(--scaling));
    height: calc(10px * var(--scaling));
  }
}
@media (min-width: 1280px) {
  .rt-SelectContent:where(.lg\:rt-r-size-1) {
    --select-content-padding: var(--space-1);
    --select-item-height: var(--space-5);
    --select-item-indicator-width: calc(var(--space-5) / 1.2);
    --select-separator-margin-right: var(--space-2);
    border-radius: var(--radius-3);
  }
  .rt-SelectContent:where(.lg\:rt-r-size-1) :where(.rt-SelectLabel) {
    font-size: var(--font-size-1);
    letter-spacing: var(--letter-spacing-1);
    line-height: var(--line-height-1);
  }
  .rt-SelectContent:where(.lg\:rt-r-size-1) :where(.rt-SelectItem) {
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
    border-radius: var(--radius-1);
  }
  .rt-SelectContent:where(.lg\:rt-r-size-1) :where(.rt-SelectItemIndicatorIcon) {
    width: calc(8px * var(--scaling));
    height: calc(8px * var(--scaling));
  }
  .rt-SelectContent:where(.lg\:rt-r-size-2, .lg\:rt-r-size-3) {
    --select-content-padding: var(--space-2);
    --select-item-height: var(--space-6);
    --select-item-indicator-width: var(--space-5);
    --select-separator-margin-right: var(--space-3);
    border-radius: var(--radius-4);
  }
  .rt-SelectContent:where(.lg\:rt-r-size-2, .lg\:rt-r-size-3) :where(.rt-SelectLabel) {
    font-size: var(--font-size-2);
    letter-spacing: var(--letter-spacing-2);
    line-height: var(--line-height-2);
  }
  .rt-SelectContent:where(.lg\:rt-r-size-2, .lg\:rt-r-size-3) :where(.rt-SelectItem) {
    line-height: var(--line-height-2);
    border-radius: var(--radius-2);
  }
  .rt-SelectContent:where(.lg\:rt-r-size-2) :where(.rt-SelectItem) {
    font-size: var(--font-size-2);
    letter-spacing: var(--letter-spacing-2);
  }
  .rt-SelectContent:where(.lg\:rt-r-size-2) :where(.rt-SelectItemIndicatorIcon) {
    width: calc(10px * var(--scaling));
    height: calc(10px * var(--scaling));
  }
  .rt-SelectContent:where(.lg\:rt-r-size-3) :where(.rt-SelectItem) {
    font-size: var(--font-size-3);
    letter-spacing: var(--letter-spacing-3);
  }
  .rt-SelectContent:where(.lg\:rt-r-size-3) :where(.rt-SelectItemIndicatorIcon) {
    width: calc(10px * var(--scaling));
    height: calc(10px * var(--scaling));
  }
}
@media (min-width: 1640px) {
  .rt-SelectContent:where(.xl\:rt-r-size-1) {
    --select-content-padding: var(--space-1);
    --select-item-height: var(--space-5);
    --select-item-indicator-width: calc(var(--space-5) / 1.2);
    --select-separator-margin-right: var(--space-2);
    border-radius: var(--radius-3);
  }
  .rt-SelectContent:where(.xl\:rt-r-size-1) :where(.rt-SelectLabel) {
    font-size: var(--font-size-1);
    letter-spacing: var(--letter-spacing-1);
    line-height: var(--line-height-1);
  }
  .rt-SelectContent:where(.xl\:rt-r-size-1) :where(.rt-SelectItem) {
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
    border-radius: var(--radius-1);
  }
  .rt-SelectContent:where(.xl\:rt-r-size-1) :where(.rt-SelectItemIndicatorIcon) {
    width: calc(8px * var(--scaling));
    height: calc(8px * var(--scaling));
  }
  .rt-SelectContent:where(.xl\:rt-r-size-2, .xl\:rt-r-size-3) {
    --select-content-padding: var(--space-2);
    --select-item-height: var(--space-6);
    --select-item-indicator-width: var(--space-5);
    --select-separator-margin-right: var(--space-3);
    border-radius: var(--radius-4);
  }
  .rt-SelectContent:where(.xl\:rt-r-size-2, .xl\:rt-r-size-3) :where(.rt-SelectLabel) {
    font-size: var(--font-size-2);
    letter-spacing: var(--letter-spacing-2);
    line-height: var(--line-height-2);
  }
  .rt-SelectContent:where(.xl\:rt-r-size-2, .xl\:rt-r-size-3) :where(.rt-SelectItem) {
    line-height: var(--line-height-2);
    border-radius: var(--radius-2);
  }
  .rt-SelectContent:where(.xl\:rt-r-size-2) :where(.rt-SelectItem) {
    font-size: var(--font-size-2);
    letter-spacing: var(--letter-spacing-2);
  }
  .rt-SelectContent:where(.xl\:rt-r-size-2) :where(.rt-SelectItemIndicatorIcon) {
    width: calc(10px * var(--scaling));
    height: calc(10px * var(--scaling));
  }
  .rt-SelectContent:where(.xl\:rt-r-size-3) :where(.rt-SelectItem) {
    font-size: var(--font-size-3);
    letter-spacing: var(--letter-spacing-3);
  }
  .rt-SelectContent:where(.xl\:rt-r-size-3) :where(.rt-SelectItemIndicatorIcon) {
    width: calc(10px * var(--scaling));
    height: calc(10px * var(--scaling));
  }
}
.rt-SelectTrigger:where(.rt-variant-surface) {
  color: var(--gray-12);
  background-color: var(--color-surface);
  box-shadow: inset 0 0 0 1px var(--gray-a7);
}
@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([data-state='open']) {
  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-surface):where([data-placeholder]) :where(.rt-SelectTriggerInner) {
  color: var(--gray-a10);
}
.rt-SelectTrigger:where(.rt-variant-classic) {
  color: var(--gray-12);
  background-image: linear-gradient(var(--gray-2), var(--gray-1));
  box-shadow: var(--select-trigger-classic-box-shadow);
  position: relative;
  z-index: 0;
}
.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']) {
  box-shadow: inset 0 0 0 1px var(--gray-a3), var(--select-trigger-classic-box-shadow);
}
.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));
}
.rt-SelectTrigger:where(.rt-variant-classic):where([data-placeholder]) :where(.rt-SelectTriggerInner) {
  color: var(--gray-a10);
}
.rt-SelectTrigger:where(.rt-variant-soft),
.rt-SelectTrigger:where(.rt-variant-ghost) {
  color: var(--accent-12);
}
.rt-SelectTrigger:where(.rt-variant-soft):where([data-placeholder]) :where(.rt-SelectTriggerInner), .rt-SelectTrigger:where(.rt-variant-ghost):where([data-placeholder]) :where(.rt-SelectTriggerInner) {
  color: var(--accent-12);
  opacity: 0.6;
}
.rt-SelectTrigger:where(.rt-variant-soft) {
  background-color: var(--accent-a3);
}
@media (hover: hover) {
  .rt-SelectTrigger:where(.rt-variant-soft):where(:hover) {
    background-color: var(--accent-a4);
  }
}
.rt-SelectTrigger:where(.rt-variant-soft):where([data-state='open']) {
  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([data-state='open']) {
  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-SelectContent {
  box-shadow: var(--shadow-5);
  --scrollarea-scrollbar-vertical-margin-top: var(--select-content-padding);
  --scrollarea-scrollbar-vertical-margin-bottom: var(--select-content-padding);
  --scrollarea-scrollbar-horizontal-margin-left: var(--select-content-padding);
  --scrollarea-scrollbar-horizontal-margin-right: var(--select-content-padding);
  overflow: hidden;
  background-color: var(--color-panel-solid);
}
.rt-SelectItem:where([data-disabled]) {
  color: var(--gray-a8);
  cursor: default;
}
.rt-SelectContent:where(.rt-variant-solid) :where(.rt-SelectItem[data-highlighted]) {
  background-color: var(--accent-9);
  color: var(--accent-contrast);
}
.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted]) {
  background-color: var(--accent-12);
  color: var(--accent-1);
}
.rt-SelectContent:where(.rt-variant-soft) :where(.rt-SelectItem[data-highlighted]) {
  background-color: var(--accent-a4);
}
.rt-Separator {
  display: block;
  background-color: var(--accent-a6);
}
.rt-Separator:where(.rt-r-orientation-horizontal) {
  width: var(--separator-size);
  height: 1px;
}
.rt-Separator:where(.rt-r-orientation-vertical) {
  width: 1px;
  height: var(--separator-size);
}
@media (min-width: 520px) {
  .rt-Separator:where(.xs\:rt-r-orientation-horizontal) {
    width: var(--separator-size);
    height: 1px;
  }
  .rt-Separator:where(.xs\:rt-r-orientation-vertical) {
    width: 1px;
    height: var(--separator-size);
  }
}
@media (min-width: 768px) {
  .rt-Separator:where(.sm\:rt-r-orientation-horizontal) {
    width: var(--separator-size);
    height: 1px;
  }
  .rt-Separator:where(.sm\:rt-r-orientation-vertical) {
    width: 1px;
    height: var(--separator-size);
  }
}
@media (min-width: 1024px) {
  .rt-Separator:where(.md\:rt-r-orientation-horizontal) {
    width: var(--separator-size);
    height: 1px;
  }
  .rt-Separator:where(.md\:rt-r-orientation-vertical) {
    width: 1px;
    height: var(--separator-size);
  }
}
@media (min-width: 1280px) {
  .rt-Separator:where(.lg\:rt-r-orientation-horizontal) {
    width: var(--separator-size);
    height: 1px;
  }
  .rt-Separator:where(.lg\:rt-r-orientation-vertical) {
    width: 1px;
    height: var(--separator-size);
  }
}
@media (min-width: 1640px) {
  .rt-Separator:where(.xl\:rt-r-orientation-horizontal) {
    width: var(--separator-size);
    height: 1px;
  }
  .rt-Separator:where(.xl\:rt-r-orientation-vertical) {
    width: 1px;
    height: var(--separator-size);
  }
}
.rt-Separator:where(.rt-r-size-1) {
  --separator-size: var(--space-4);
}
.rt-Separator:where(.rt-r-size-2) {
  --separator-size: var(--space-6);
}
.rt-Separator:where(.rt-r-size-3) {
  --separator-size: var(--space-9);
}
.rt-Separator:where(.rt-r-size-4) {
  --separator-size: 100%;
}
@media (min-width: 520px) {
  .rt-Separator:where(.xs\:rt-r-size-1) {
    --separator-size: var(--space-4);
  }
  .rt-Separator:where(.xs\:rt-r-size-2) {
    --separator-size: var(--space-6);
  }
  .rt-Separator:where(.xs\:rt-r-size-3) {
    --separator-size: var(--space-9);
  }
  .rt-Separator:where(.xs\:rt-r-size-4) {
    --separator-size: 100%;
  }
}
@media (min-width: 768px) {
  .rt-Separator:where(.sm\:rt-r-size-1) {
    --separator-size: var(--space-4);
  }
  .rt-Separator:where(.sm\:rt-r-size-2) {
    --separator-size: var(--space-6);
  }
  .rt-Separator:where(.sm\:rt-r-size-3) {
    --separator-size: var(--space-9);
  }
  .rt-Separator:where(.sm\:rt-r-size-4) {
    --separator-size: 100%;
  }
}
@media (min-width: 1024px) {
  .rt-Separator:where(.md\:rt-r-size-1) {
    --separator-size: var(--space-4);
  }
  .rt-Separator:where(.md\:rt-r-size-2) {
    --separator-size: var(--space-6);
  }
  .rt-Separator:where(.md\:rt-r-size-3) {
    --separator-size: var(--space-9);
  }
  .rt-Separator:where(.md\:rt-r-size-4) {
    --separator-size: 100%;
  }
}
@media (min-width: 1280px) {
  .rt-Separator:where(.lg\:rt-r-size-1) {
    --separator-size: var(--space-4);
  }
  .rt-Separator:where(.lg\:rt-r-size-2) {
    --separator-size: var(--space-6);
  }
  .rt-Separator:where(.lg\:rt-r-size-3) {
    --separator-size: var(--space-9);
  }
  .rt-Separator:where(.lg\:rt-r-size-4) {
    --separator-size: 100%;
  }
}
@media (min-width: 1640px) {
  .rt-Separator:where(.xl\:rt-r-size-1) {
    --separator-size: var(--space-4);
  }
  .rt-Separator:where(.xl\:rt-r-size-2) {
    --separator-size: var(--space-6);
  }
  .rt-Separator:where(.xl\:rt-r-size-3) {
    --separator-size: var(--space-9);
  }
  .rt-Separator:where(.xl\:rt-r-size-4) {
    --separator-size: 100%;
  }
}
.rt-SliderRoot {
  --slider-thumb-size: calc(var(--slider-track-size) + var(--space-1));
  position: relative;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: max(calc(var(--radius-factor) * var(--slider-track-size) / 3), calc(var(--radius-factor) * var(--radius-thumb)));
  -webkit-user-select: none;
          -moz-user-select: none;
       user-select: none;
  touch-action: none;
}
.rt-SliderRoot:where([data-orientation='horizontal']) {
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
  height: var(--slider-track-size);
}
.rt-SliderRoot:where([data-orientation='vertical']) {
  height: -webkit-fill-available;
  height: -moz-available;
  height: stretch;
  flex-direction: column;
  width: var(--slider-track-size);
}
.rt-SliderTrack {
  overflow: hidden;
  position: relative;
  flex-grow: 1;
  border-radius: inherit;
}
.rt-SliderTrack:where([data-orientation='horizontal']) {
  height: var(--slider-track-size);
}
.rt-SliderTrack:where([data-orientation='vertical']) {
  width: var(--slider-track-size);
}
.rt-SliderRange {
  position: absolute;
  border-radius: inherit;
}
.rt-SliderRange:where([data-orientation='horizontal']) {
  height: 100%;
}
.rt-SliderRange:where([data-orientation='vertical']) {
  width: 100%;
}
.rt-SliderThumb {
  display: block;
  width: var(--slider-thumb-size);
  height: var(--slider-thumb-size);
  outline: 0;
}
.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(-0.25 * var(--slider-track-size));
  background-color: white;
  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-r-size-1) {
  --slider-track-size: calc(var(--space-2) * 0.75);
}
.rt-SliderRoot:where(.rt-r-size-2) {
  --slider-track-size: var(--space-2);
}
.rt-SliderRoot:where(.rt-r-size-3) {
  --slider-track-size: calc(var(--space-2) * 1.25);
}
@media (min-width: 520px) {
  .rt-SliderRoot:where(.xs\:rt-r-size-1) {
    --slider-track-size: calc(var(--space-2) * 0.75);
  }
  .rt-SliderRoot:where(.xs\:rt-r-size-2) {
    --slider-track-size: var(--space-2);
  }
  .rt-SliderRoot:where(.xs\:rt-r-size-3) {
    --slider-track-size: calc(var(--space-2) * 1.25);
  }
}
@media (min-width: 768px) {
  .rt-SliderRoot:where(.sm\:rt-r-size-1) {
    --slider-track-size: calc(var(--space-2) * 0.75);
  }
  .rt-SliderRoot:where(.sm\:rt-r-size-2) {
    --slider-track-size: var(--space-2);
  }
  .rt-SliderRoot:where(.sm\:rt-r-size-3) {
    --slider-track-size: calc(var(--space-2) * 1.25);
  }
}
@media (min-width: 1024px) {
  .rt-SliderRoot:where(.md\:rt-r-size-1) {
    --slider-track-size: calc(var(--space-2) * 0.75);
  }
  .rt-SliderRoot:where(.md\:rt-r-size-2) {
    --slider-track-size: var(--space-2);
  }
  .rt-SliderRoot:where(.md\:rt-r-size-3) {
    --slider-track-size: calc(var(--space-2) * 1.25);
  }
}
@media (min-width: 1280px) {
  .rt-SliderRoot:where(.lg\:rt-r-size-1) {
    --slider-track-size: calc(var(--space-2) * 0.75);
  }
  .rt-SliderRoot:where(.lg\:rt-r-size-2) {
    --slider-track-size: var(--space-2);
  }
  .rt-SliderRoot:where(.lg\:rt-r-size-3) {
    --slider-track-size: calc(var(--space-2) * 1.25);
  }
}
@media (min-width: 1640px) {
  .rt-SliderRoot:where(.xl\:rt-r-size-1) {
    --slider-track-size: calc(var(--space-2) * 0.75);
  }
  .rt-SliderRoot:where(.xl\:rt-r-size-2) {
    --slider-track-size: var(--space-2);
  }
  .rt-SliderRoot:where(.xl\:rt-r-size-3) {
    --slider-track-size: calc(var(--space-2) * 1.25);
  }
}
.rt-SliderRoot:where(.rt-variant-surface) :where(.rt-SliderTrack) {
  background-color: var(--gray-a3);
  box-shadow: inset 0 0 0 1px var(--gray-a5);
}
.rt-SliderRoot:where(.rt-variant-surface) :where(.rt-SliderTrack):where([data-disabled]) {
  box-shadow: inset 0 0 0 1px var(--gray-a4);
}
.rt-SliderRoot:where(.rt-variant-surface) :where(.rt-SliderRange) {
  background-color: var(--accent-track);
  background-image: var(--slider-range-high-contrast-background-image);
  box-shadow: inset 0 0 0 1px var(--gray-a5);
}
.rt-SliderRoot:where(.rt-variant-surface) :where(.rt-SliderThumb) {
  --slider-thumb-box-shadow: 0 0 0 1px var(--black-a4);
}
.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) {
  background-color: var(--gray-a3);
  position: relative;
}
.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: 0.5;
}
.rt-SliderRoot:where(.rt-variant-classic) :where(.rt-SliderRange) {
  background-color: var(--accent-track);
  background-image: var(--slider-range-high-contrast-background-image);
  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-SliderRoot:where(.rt-variant-classic) :where(.rt-SliderRange):where(.rt-high-contrast) {
  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);
}
.rt-SliderRoot:where(.rt-variant-classic) :where(.rt-SliderThumb) {
  --slider-thumb-box-shadow: 0 0 0 1px var(--black-a3), 0 1px 3px var(--black-a1), 0 2px 4px -1px var(--black-a1);
}
.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-SliderTrack) {
  background-color: var(--gray-a4);
  background-image: linear-gradient(var(--white-a1), var(--white-a1));
}
.rt-SliderRoot:where(.rt-variant-soft) :where(.rt-SliderTrack):where([data-disabled]) {
  background-color: var(--gray-a4);
  background-image: none;
}
.rt-SliderRoot:where(.rt-variant-soft) :where(.rt-SliderRange) {
  background-image: linear-gradient(var(--accent-a5), var(--accent-a5)), var(--slider-range-high-contrast-background-image);
  background-color: var(--accent-6);
}
.rt-SliderRoot:where(.rt-variant-soft) :where(.rt-SliderThumb) {
  --slider-thumb-box-shadow: 0 0 0 1px var(--black-a3), 0 0 0 1px var(--gray-a2), 0 0 0 1px var(--accent-a2), 0 1px 2px var(--gray-a4), 0 1px 3px -0.5px var(--gray-a3);
}
.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-SliderRoot:where(:not(.rt-high-contrast)) {
  --slider-range-high-contrast-background-image: none;
}
.rt-SliderRoot:where([data-disabled]) {
  cursor: var(--cursor-disabled);
  mix-blend-mode: var(--slider-disabled-blend-mode);
}
.rt-SliderRange:where([data-disabled]) {
  background-color: transparent;
  background-image: none;
  box-shadow: none;
}
.rt-SliderThumb:where([data-disabled]),
  .rt-SliderThumb:where([data-disabled])::after {
  cursor: var(--cursor-disabled);
}
.rt-Spinner {
  display: block;
  position: relative;
  opacity: var(--spinner-opacity);
}
.rt-SpinnerLeaf {
  position: absolute;
  top: 0;
  left: calc(50% - 12.5% / 2);
  width: 12.5%;
  height: 100%;
  animation: rt-spinner-leaf-fade var(--spinner-animation-duration) linear infinite;
}
.rt-SpinnerLeaf::before {
  content: '';
  display: block;
  width: 100%;
  height: 30%;
  border-radius: var(--radius-1);
  background-color: currentColor;
}
.rt-SpinnerLeaf:where(:nth-child(1)) {
  transform: rotate(0deg);
  animation-delay: calc(-8 / 8 * var(--spinner-animation-duration));
}
.rt-SpinnerLeaf:where(:nth-child(2)) {
  transform: rotate(45deg);
  animation-delay: calc(-7 / 8 * var(--spinner-animation-duration));
}
.rt-SpinnerLeaf:where(:nth-child(3)) {
  transform: rotate(90deg);
  animation-delay: calc(-6 / 8 * var(--spinner-animation-duration));
}
.rt-SpinnerLeaf:where(:nth-child(4)) {
  transform: rotate(135deg);
  animation-delay: calc(-5 / 8 * var(--spinner-animation-duration));
}
.rt-SpinnerLeaf:where(:nth-child(5)) {
  transform: rotate(180deg);
  animation-delay: calc(-4 / 8 * var(--spinner-animation-duration));
}
.rt-SpinnerLeaf:where(:nth-child(6)) {
  transform: rotate(225deg);
  animation-delay: calc(-3 / 8 * var(--spinner-animation-duration));
}
.rt-SpinnerLeaf:where(:nth-child(7)) {
  transform: rotate(270deg);
  animation-delay: calc(-2 / 8 * var(--spinner-animation-duration));
}
.rt-SpinnerLeaf:where(:nth-child(8)) {
  transform: rotate(315deg);
  animation-delay: calc(-1 / 8 * var(--spinner-animation-duration));
}
@keyframes rt-spinner-leaf-fade {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.25;
  }
}
.rt-Spinner:where(.rt-r-size-1) {
  width: var(--space-3);
  height: var(--space-3);
}
.rt-Spinner:where(.rt-r-size-2) {
  width: var(--space-4);
  height: var(--space-4);
}
.rt-Spinner:where(.rt-r-size-3) {
  width: calc(1.25 * var(--space-4));
  height: calc(1.25 * var(--space-4));
}
@media (min-width: 520px) {
  .rt-Spinner:where(.xs\:rt-r-size-1) {
    width: var(--space-3);
    height: var(--space-3);
  }
  .rt-Spinner:where(.xs\:rt-r-size-2) {
    width: var(--space-4);
    height: var(--space-4);
  }
  .rt-Spinner:where(.xs\:rt-r-size-3) {
    width: calc(1.25 * var(--space-4));
    height: calc(1.25 * var(--space-4));
  }
}
@media (min-width: 768px) {
  .rt-Spinner:where(.sm\:rt-r-size-1) {
    width: var(--space-3);
    height: var(--space-3);
  }
  .rt-Spinner:where(.sm\:rt-r-size-2) {
    width: var(--space-4);
    height: var(--space-4);
  }
  .rt-Spinner:where(.sm\:rt-r-size-3) {
    width: calc(1.25 * var(--space-4));
    height: calc(1.25 * var(--space-4));
  }
}
@media (min-width: 1024px) {
  .rt-Spinner:where(.md\:rt-r-size-1) {
    width: var(--space-3);
    height: var(--space-3);
  }
  .rt-Spinner:where(.md\:rt-r-size-2) {
    width: var(--space-4);
    height: var(--space-4);
  }
  .rt-Spinner:where(.md\:rt-r-size-3) {
    width: calc(1.25 * var(--space-4));
    height: calc(1.25 * var(--space-4));
  }
}
@media (min-width: 1280px) {
  .rt-Spinner:where(.lg\:rt-r-size-1) {
    width: var(--space-3);
    height: var(--space-3);
  }
  .rt-Spinner:where(.lg\:rt-r-size-2) {
    width: var(--space-4);
    height: var(--space-4);
  }
  .rt-Spinner:where(.lg\:rt-r-size-3) {
    width: calc(1.25 * var(--space-4));
    height: calc(1.25 * var(--space-4));
  }
}
@media (min-width: 1640px) {
  .rt-Spinner:where(.xl\:rt-r-size-1) {
    width: var(--space-3);
    height: var(--space-3);
  }
  .rt-Spinner:where(.xl\:rt-r-size-2) {
    width: var(--space-4);
    height: var(--space-4);
  }
  .rt-Spinner:where(.xl\:rt-r-size-3) {
    width: calc(1.25 * var(--space-4));
    height: calc(1.25 * var(--space-4));
  }
}
.rt-Strong {
  font-family: var(--strong-font-family);
  font-size: calc(var(--strong-font-size-adjust) * 1em);
  font-style: var(--strong-font-style);
  font-weight: var(--strong-font-weight);
  letter-spacing: calc(var(--strong-letter-spacing) + var(--letter-spacing, var(--default-letter-spacing)));
}
.rt-Strong :where(.rt-Strong) {
  font-size: inherit;
}
.rt-SwitchRoot {
  position: relative;
  display: inline-flex;
  align-items: center;
  vertical-align: top;
  flex-shrink: 0;
  height: var(--skeleton-height, var(--line-height, var(--switch-height)));
  --skeleton-height-override: var(--switch-height);
  border-radius: var(--skeleton-radius);
  --skeleton-radius-override: var(--switch-border-radius);
  --switch-width: calc(var(--switch-height) * 1.75);
  --switch-thumb-inset: 1px;
  --switch-thumb-size: calc(var(--switch-height) - var(--switch-thumb-inset) * 2);
  --switch-thumb-translate-x: calc(var(--switch-width) - var(--switch-height));
}
.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: 120ms, 140ms, 140ms, 140ms;
  background-position-x: 100%;
}
.rt-SwitchRoot:where([data-state='checked'])::before {
  transition-duration: 160ms, 140ms, 140ms, 140ms;
  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-SwitchThumb {
  background-color: white;
  position: absolute;
  left: var(--switch-thumb-inset);
  width: var(--switch-thumb-size);
  height: var(--switch-thumb-size);
  border-radius: calc(var(--switch-border-radius) - var(--switch-thumb-inset));
  transition: transform 140ms cubic-bezier(0.45, 0.05, 0.55, 0.95), box-shadow 140ms ease-in-out;
}
.rt-SwitchThumb:where([data-state='checked']) {
  transform: translateX(var(--switch-thumb-translate-x));
}
.rt-SwitchRoot:where(.rt-r-size-1) {
  --switch-height: var(--space-4);
  --switch-border-radius: max(var(--radius-1), var(--radius-thumb));
}
.rt-SwitchRoot:where(.rt-r-size-2) {
  --switch-height: calc(var(--space-5) * 5 / 6);
  --switch-border-radius: max(var(--radius-2), var(--radius-thumb));
}
.rt-SwitchRoot:where(.rt-r-size-3) {
  --switch-height: var(--space-5);
  --switch-border-radius: max(var(--radius-2), var(--radius-thumb));
}
@media (min-width: 520px) {
  .rt-SwitchRoot:where(.xs\:rt-r-size-1) {
    --switch-height: var(--space-4);
    --switch-border-radius: max(var(--radius-1), var(--radius-thumb));
  }
  .rt-SwitchRoot:where(.xs\:rt-r-size-2) {
    --switch-height: calc(var(--space-5) * 5 / 6);
    --switch-border-radius: max(var(--radius-2), var(--radius-thumb));
  }
  .rt-SwitchRoot:where(.xs\:rt-r-size-3) {
    --switch-height: var(--space-5);
    --switch-border-radius: max(var(--radius-2), var(--radius-thumb));
  }
}
@media (min-width: 768px) {
  .rt-SwitchRoot:where(.sm\:rt-r-size-1) {
    --switch-height: var(--space-4);
    --switch-border-radius: max(var(--radius-1), var(--radius-thumb));
  }
  .rt-SwitchRoot:where(.sm\:rt-r-size-2) {
    --switch-height: calc(var(--space-5) * 5 / 6);
    --switch-border-radius: max(var(--radius-2), var(--radius-thumb));
  }
  .rt-SwitchRoot:where(.sm\:rt-r-size-3) {
    --switch-height: var(--space-5);
    --switch-border-radius: max(var(--radius-2), var(--radius-thumb));
  }
}
@media (min-width: 1024px) {
  .rt-SwitchRoot:where(.md\:rt-r-size-1) {
    --switch-height: var(--space-4);
    --switch-border-radius: max(var(--radius-1), var(--radius-thumb));
  }
  .rt-SwitchRoot:where(.md\:rt-r-size-2) {
    --switch-height: calc(var(--space-5) * 5 / 6);
    --switch-border-radius: max(var(--radius-2), var(--radius-thumb));
  }
  .rt-SwitchRoot:where(.md\:rt-r-size-3) {
    --switch-height: var(--space-5);
    --switch-border-radius: max(var(--radius-2), var(--radius-thumb));
  }
}
@media (min-width: 1280px) {
  .rt-SwitchRoot:where(.lg\:rt-r-size-1) {
    --switch-height: var(--space-4);
    --switch-border-radius: max(var(--radius-1), var(--radius-thumb));
  }
  .rt-SwitchRoot:where(.lg\:rt-r-size-2) {
    --switch-height: calc(var(--space-5) * 5 / 6);
    --switch-border-radius: max(var(--radius-2), var(--radius-thumb));
  }
  .rt-SwitchRoot:where(.lg\:rt-r-size-3) {
    --switch-height: var(--space-5);
    --switch-border-radius: max(var(--radius-2), var(--radius-thumb));
  }
}
@media (min-width: 1640px) {
  .rt-SwitchRoot:where(.xl\:rt-r-size-1) {
    --switch-height: var(--space-4);
    --switch-border-radius: max(var(--radius-1), var(--radius-thumb));
  }
  .rt-SwitchRoot:where(.xl\:rt-r-size-2) {
    --switch-height: calc(var(--space-5) * 5 / 6);
    --switch-border-radius: max(var(--radius-2), var(--radius-thumb));
  }
  .rt-SwitchRoot:where(.xl\:rt-r-size-3) {
    --switch-height: var(--space-5);
    --switch-border-radius: max(var(--radius-2), var(--radius-thumb));
  }
}
.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]) {
  mix-blend-mode: var(--switch-disabled-blend-mode);
}
.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-surface) :where(.rt-SwitchThumb):where([data-state='unchecked']) {
  box-shadow: 0 0 1px 1px var(--black-a2), 0 1px 1px var(--black-a1), 0 2px 4px -1px var(--black-a1);
}
.rt-SwitchRoot:where(.rt-variant-surface) :where(.rt-SwitchThumb):where([data-state='checked']) {
  box-shadow: 0 1px 3px var(--black-a2), 0 2px 4px -1px var(--black-a1), 0 0 0 1px var(--black-a1), 0 0 0 1px var(--accent-a4), -1px 0 1px var(--black-a2);
}
.rt-SwitchRoot:where(.rt-variant-surface) :where(.rt-SwitchThumb):where([data-state='checked']):where(.rt-high-contrast) {
  box-shadow: 0 1px 3px var(--black-a2), 0 2px 4px -1px var(--black-a1), 0 0 0 1px var(--black-a2), -1px 0 1px var(--black-a2);
}
.rt-SwitchRoot:where(.rt-variant-surface) :where(.rt-SwitchThumb):where([data-disabled]) {
  background-color: var(--gray-2);
  box-shadow: 0 0 0 1px var(--gray-a2), 0 1px 3px var(--black-a1);
  transition: none;
}
.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]) {
  mix-blend-mode: var(--switch-disabled-blend-mode);
}
.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: 0.5;
}
.rt-SwitchRoot:where(.rt-variant-classic) :where(.rt-SwitchThumb):where([data-state='unchecked']) {
  box-shadow: 0 1px 3px var(--black-a3), 0 2px 4px -1px var(--black-a1), 0 0 0 1px var(--black-a2);
}
.rt-SwitchRoot:where(.rt-variant-classic) :where(.rt-SwitchThumb):where([data-state='checked']) {
  box-shadow: 0 1px 3px var(--black-a2), 0 2px 4px -1px var(--black-a1), 0 0 0 1px var(--black-a1), 0 0 0 1px var(--accent-a4), -1px 0 1px var(--black-a2);
}
.rt-SwitchRoot:where(.rt-variant-classic) :where(.rt-SwitchThumb):where([data-state='checked']):where(.rt-high-contrast) {
  box-shadow: 0 1px 3px var(--black-a2), 0 2px 4px -1px var(--black-a1), 0 0 0 1px var(--black-a2), -1px 0 1px var(--black-a2);
}
.rt-SwitchRoot:where(.rt-variant-classic) :where(.rt-SwitchThumb):where([data-disabled]) {
  background-color: var(--gray-2);
  box-shadow: 0 0 0 1px var(--gray-a2), 0 1px 3px var(--black-a1);
  transition: none;
}
.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]) {
  mix-blend-mode: var(--switch-disabled-blend-mode);
}
.rt-SwitchRoot:where(.rt-variant-soft):where([data-disabled])::before {
  filter: none;
  background-image: none;
  background-color: var(--gray-a4);
}
.rt-SwitchRoot:where(.rt-variant-soft) :where(.rt-SwitchThumb) {
  filter: saturate(0.45);
}
.rt-SwitchRoot:where(.rt-variant-soft) :where(.rt-SwitchThumb):where([data-state='unchecked']) {
  box-shadow: 0 0 0 1px var(--black-a1), 0 1px 3px var(--black-a1), 0 1px 3px var(--black-a1), 0 2px 4px -1px var(--black-a1);
}
.rt-SwitchRoot:where(.rt-variant-soft) :where(.rt-SwitchThumb):where([data-state='checked']) {
  box-shadow: 0 0 0 1px var(--black-a1), 0 1px 3px var(--black-a2), 0 1px 3px var(--accent-a3), 0 2px 4px -1px var(--accent-a3);
}
.rt-SwitchRoot:where(.rt-variant-soft) :where(.rt-SwitchThumb):where([data-disabled]) {
  filter: none;
  background-color: var(--gray-2);
  box-shadow: 0 0 0 1px var(--gray-a2), 0 1px 3px var(--black-a1);
  transition: none;
}
.rt-BaseTabList::-webkit-scrollbar {
  display: none;
}
.rt-BaseTabListTrigger {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  -webkit-user-select: none;
          -moz-user-select: none;
       user-select: none;
  box-sizing: border-box;
  height: var(--tab-height);
  padding-left: var(--tab-padding-x);
  padding-right: var(--tab-padding-x);
  color: var(--gray-a11);
}
.rt-BaseTabListTriggerInner,
.rt-BaseTabListTriggerInnerHidden {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: var(--tab-inner-padding-y) var(--tab-inner-padding-x);
  border-radius: var(--tab-inner-border-radius);
}
.rt-BaseTabListTriggerInner {
  position: absolute;
}
:where(.rt-BaseTabListTrigger[data-state='inactive'], .rt-TabNavLink:not([data-active])) .rt-BaseTabListTriggerInner {
  letter-spacing: var(--tab-inactive-letter-spacing);
  word-spacing: var(--tab-inactive-word-spacing);
}
:where(.rt-BaseTabListTrigger[data-state='active'], .rt-TabNavLink[data-active]) .rt-BaseTabListTriggerInner {
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--tab-active-letter-spacing);
  word-spacing: var(--tab-active-word-spacing);
}
.rt-BaseTabListTriggerInnerHidden {
  visibility: hidden;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--tab-active-letter-spacing);
  word-spacing: var(--tab-active-word-spacing);
}
.rt-BaseTabList:where(.rt-r-size-1) {
  font-size: var(--font-size-1);
  line-height: var(--line-height-1);
  letter-spacing: var(--letter-spacing-1);
  --tab-height: var(--space-6);
  --tab-padding-x: var(--space-1);
  --tab-inner-padding-x: var(--space-1);
  --tab-inner-padding-y: calc(var(--space-1) * 0.5);
  --tab-inner-border-radius: var(--radius-1);
}
.rt-BaseTabList:where(.rt-r-size-2) {
  font-size: var(--font-size-2);
  line-height: var(--line-height-2);
  letter-spacing: var(--letter-spacing-2);
  --tab-height: var(--space-7);
  --tab-padding-x: var(--space-2);
  --tab-inner-padding-x: var(--space-2);
  --tab-inner-padding-y: var(--space-1);
  --tab-inner-border-radius: var(--radius-2);
}
@media (min-width: 520px) {
  .rt-BaseTabList:where(.xs\:rt-r-size-1) {
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
    --tab-height: var(--space-6);
    --tab-padding-x: var(--space-1);
    --tab-inner-padding-x: var(--space-1);
    --tab-inner-padding-y: calc(var(--space-1) * 0.5);
    --tab-inner-border-radius: var(--radius-1);
  }
  .rt-BaseTabList:where(.xs\:rt-r-size-2) {
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    letter-spacing: var(--letter-spacing-2);
    --tab-height: var(--space-7);
    --tab-padding-x: var(--space-2);
    --tab-inner-padding-x: var(--space-2);
    --tab-inner-padding-y: var(--space-1);
    --tab-inner-border-radius: var(--radius-2);
  }
}
@media (min-width: 768px) {
  .rt-BaseTabList:where(.sm\:rt-r-size-1) {
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
    --tab-height: var(--space-6);
    --tab-padding-x: var(--space-1);
    --tab-inner-padding-x: var(--space-1);
    --tab-inner-padding-y: calc(var(--space-1) * 0.5);
    --tab-inner-border-radius: var(--radius-1);
  }
  .rt-BaseTabList:where(.sm\:rt-r-size-2) {
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    letter-spacing: var(--letter-spacing-2);
    --tab-height: var(--space-7);
    --tab-padding-x: var(--space-2);
    --tab-inner-padding-x: var(--space-2);
    --tab-inner-padding-y: var(--space-1);
    --tab-inner-border-radius: var(--radius-2);
  }
}
@media (min-width: 1024px) {
  .rt-BaseTabList:where(.md\:rt-r-size-1) {
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
    --tab-height: var(--space-6);
    --tab-padding-x: var(--space-1);
    --tab-inner-padding-x: var(--space-1);
    --tab-inner-padding-y: calc(var(--space-1) * 0.5);
    --tab-inner-border-radius: var(--radius-1);
  }
  .rt-BaseTabList:where(.md\:rt-r-size-2) {
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    letter-spacing: var(--letter-spacing-2);
    --tab-height: var(--space-7);
    --tab-padding-x: var(--space-2);
    --tab-inner-padding-x: var(--space-2);
    --tab-inner-padding-y: var(--space-1);
    --tab-inner-border-radius: var(--radius-2);
  }
}
@media (min-width: 1280px) {
  .rt-BaseTabList:where(.lg\:rt-r-size-1) {
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
    --tab-height: var(--space-6);
    --tab-padding-x: var(--space-1);
    --tab-inner-padding-x: var(--space-1);
    --tab-inner-padding-y: calc(var(--space-1) * 0.5);
    --tab-inner-border-radius: var(--radius-1);
  }
  .rt-BaseTabList:where(.lg\:rt-r-size-2) {
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    letter-spacing: var(--letter-spacing-2);
    --tab-height: var(--space-7);
    --tab-padding-x: var(--space-2);
    --tab-inner-padding-x: var(--space-2);
    --tab-inner-padding-y: var(--space-1);
    --tab-inner-border-radius: var(--radius-2);
  }
}
@media (min-width: 1640px) {
  .rt-BaseTabList:where(.xl\:rt-r-size-1) {
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
    --tab-height: var(--space-6);
    --tab-padding-x: var(--space-1);
    --tab-inner-padding-x: var(--space-1);
    --tab-inner-padding-y: calc(var(--space-1) * 0.5);
    --tab-inner-border-radius: var(--radius-1);
  }
  .rt-BaseTabList:where(.xl\:rt-r-size-2) {
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    letter-spacing: var(--letter-spacing-2);
    --tab-height: var(--space-7);
    --tab-padding-x: var(--space-2);
    --tab-inner-padding-x: var(--space-2);
    --tab-inner-padding-y: var(--space-1);
    --tab-inner-border-radius: var(--radius-2);
  }
}
.rt-BaseTabList {
  box-shadow: inset 0 -1px 0 0 var(--gray-a5);
  display: flex;
  justify-content: flex-start;
  overflow-x: auto;
  white-space: nowrap;
  font-family: var(--default-font-family);
  font-style: normal;
  scrollbar-width: 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([data-state='active'], [data-active]) {
  color: var(--gray-12);
}
.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-TabNavItem {
  display: flex;
}
.rt-TableRootTable {
  --table-row-background-color: transparent;
  --table-row-box-shadow: inset 0 -1px var(--gray-a5);
  width: 100%;
  text-align: left;
  vertical-align: top;
  border-collapse: collapse;
  border-radius: calc(var(--table-border-radius) - 1px);
  border-spacing: 0;
  box-sizing: border-box;
  height: 0;
}
.rt-TableHeader {
  vertical-align: inherit;
}
.rt-TableBody {
  vertical-align: inherit;
}
.rt-TableRow {
  vertical-align: inherit;
  color: var(--gray-12);
}
.rt-TableCell {
  background-color: var(--table-row-background-color);
  box-shadow: var(--table-row-box-shadow);
  box-sizing: border-box;
  vertical-align: inherit;
  padding: var(--table-cell-padding);
  height: var(--table-cell-min-height);
}
.rt-Inset :where(.rt-TableCell:first-child) {
  padding-left: var(--inset-padding-left, var(--table-cell-padding));
}
.rt-Inset :where(.rt-TableCell:last-child) {
  padding-right: var(--inset-padding-right, var(--table-cell-padding));
}
.rt-TableColumnHeaderCell {
  font-weight: bold;
}
.rt-TableRowHeaderCell {
  font-weight: normal;
}
.rt-TableRoot:where(.rt-r-size-1) {
  --table-border-radius: var(--radius-3);
  --table-cell-padding: var(--space-2);
  --table-cell-min-height: calc(36px * var(--scaling));
}
.rt-TableRoot:where(.rt-r-size-1) :where(.rt-TableRootTable) {
  font-size: var(--font-size-2);
  line-height: var(--line-height-2);
}
.rt-TableRoot:where(.rt-r-size-2) {
  --table-border-radius: var(--radius-4);
  --table-cell-padding: var(--space-3);
  --table-cell-min-height: calc(44px * var(--scaling));
}
.rt-TableRoot:where(.rt-r-size-2) :where(.rt-TableRootTable) {
  font-size: var(--font-size-2);
  line-height: var(--line-height-2);
}
.rt-TableRoot:where(.rt-r-size-3) {
  --table-border-radius: var(--radius-4);
  --table-cell-padding: var(--space-3) var(--space-4);
  --table-cell-min-height: var(--space-8);
}
.rt-TableRoot:where(.rt-r-size-3) :where(.rt-TableRootTable) {
  font-size: var(--font-size-3);
  line-height: var(--line-height-3);
}
@media (min-width: 520px) {
  .rt-TableRoot:where(.xs\:rt-r-size-1) {
    --table-border-radius: var(--radius-3);
    --table-cell-padding: var(--space-2);
    --table-cell-min-height: calc(36px * var(--scaling));
  }
  .rt-TableRoot:where(.xs\:rt-r-size-1) :where(.rt-TableRootTable) {
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
  }
  .rt-TableRoot:where(.xs\:rt-r-size-2) {
    --table-border-radius: var(--radius-4);
    --table-cell-padding: var(--space-3);
    --table-cell-min-height: calc(44px * var(--scaling));
  }
  .rt-TableRoot:where(.xs\:rt-r-size-2) :where(.rt-TableRootTable) {
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
  }
  .rt-TableRoot:where(.xs\:rt-r-size-3) {
    --table-border-radius: var(--radius-4);
    --table-cell-padding: var(--space-3) var(--space-4);
    --table-cell-min-height: var(--space-8);
  }
  .rt-TableRoot:where(.xs\:rt-r-size-3) :where(.rt-TableRootTable) {
    font-size: var(--font-size-3);
    line-height: var(--line-height-3);
  }
}
@media (min-width: 768px) {
  .rt-TableRoot:where(.sm\:rt-r-size-1) {
    --table-border-radius: var(--radius-3);
    --table-cell-padding: var(--space-2);
    --table-cell-min-height: calc(36px * var(--scaling));
  }
  .rt-TableRoot:where(.sm\:rt-r-size-1) :where(.rt-TableRootTable) {
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
  }
  .rt-TableRoot:where(.sm\:rt-r-size-2) {
    --table-border-radius: var(--radius-4);
    --table-cell-padding: var(--space-3);
    --table-cell-min-height: calc(44px * var(--scaling));
  }
  .rt-TableRoot:where(.sm\:rt-r-size-2) :where(.rt-TableRootTable) {
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
  }
  .rt-TableRoot:where(.sm\:rt-r-size-3) {
    --table-border-radius: var(--radius-4);
    --table-cell-padding: var(--space-3) var(--space-4);
    --table-cell-min-height: var(--space-8);
  }
  .rt-TableRoot:where(.sm\:rt-r-size-3) :where(.rt-TableRootTable) {
    font-size: var(--font-size-3);
    line-height: var(--line-height-3);
  }
}
@media (min-width: 1024px) {
  .rt-TableRoot:where(.md\:rt-r-size-1) {
    --table-border-radius: var(--radius-3);
    --table-cell-padding: var(--space-2);
    --table-cell-min-height: calc(36px * var(--scaling));
  }
  .rt-TableRoot:where(.md\:rt-r-size-1) :where(.rt-TableRootTable) {
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
  }
  .rt-TableRoot:where(.md\:rt-r-size-2) {
    --table-border-radius: var(--radius-4);
    --table-cell-padding: var(--space-3);
    --table-cell-min-height: calc(44px * var(--scaling));
  }
  .rt-TableRoot:where(.md\:rt-r-size-2) :where(.rt-TableRootTable) {
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
  }
  .rt-TableRoot:where(.md\:rt-r-size-3) {
    --table-border-radius: var(--radius-4);
    --table-cell-padding: var(--space-3) var(--space-4);
    --table-cell-min-height: var(--space-8);
  }
  .rt-TableRoot:where(.md\:rt-r-size-3) :where(.rt-TableRootTable) {
    font-size: var(--font-size-3);
    line-height: var(--line-height-3);
  }
}
@media (min-width: 1280px) {
  .rt-TableRoot:where(.lg\:rt-r-size-1) {
    --table-border-radius: var(--radius-3);
    --table-cell-padding: var(--space-2);
    --table-cell-min-height: calc(36px * var(--scaling));
  }
  .rt-TableRoot:where(.lg\:rt-r-size-1) :where(.rt-TableRootTable) {
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
  }
  .rt-TableRoot:where(.lg\:rt-r-size-2) {
    --table-border-radius: var(--radius-4);
    --table-cell-padding: var(--space-3);
    --table-cell-min-height: calc(44px * var(--scaling));
  }
  .rt-TableRoot:where(.lg\:rt-r-size-2) :where(.rt-TableRootTable) {
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
  }
  .rt-TableRoot:where(.lg\:rt-r-size-3) {
    --table-border-radius: var(--radius-4);
    --table-cell-padding: var(--space-3) var(--space-4);
    --table-cell-min-height: var(--space-8);
  }
  .rt-TableRoot:where(.lg\:rt-r-size-3) :where(.rt-TableRootTable) {
    font-size: var(--font-size-3);
    line-height: var(--line-height-3);
  }
}
@media (min-width: 1640px) {
  .rt-TableRoot:where(.xl\:rt-r-size-1) {
    --table-border-radius: var(--radius-3);
    --table-cell-padding: var(--space-2);
    --table-cell-min-height: calc(36px * var(--scaling));
  }
  .rt-TableRoot:where(.xl\:rt-r-size-1) :where(.rt-TableRootTable) {
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
  }
  .rt-TableRoot:where(.xl\:rt-r-size-2) {
    --table-border-radius: var(--radius-4);
    --table-cell-padding: var(--space-3);
    --table-cell-min-height: calc(44px * var(--scaling));
  }
  .rt-TableRoot:where(.xl\:rt-r-size-2) :where(.rt-TableRootTable) {
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
  }
  .rt-TableRoot:where(.xl\:rt-r-size-3) {
    --table-border-radius: var(--radius-4);
    --table-cell-padding: var(--space-3) var(--space-4);
    --table-cell-min-height: var(--space-8);
  }
  .rt-TableRoot:where(.xl\:rt-r-size-3) :where(.rt-TableRootTable) {
    font-size: var(--font-size-3);
    line-height: var(--line-height-3);
  }
}
.rt-TableRoot:where(.rt-variant-surface) {
  box-sizing: border-box;
  border: 1px solid var(--gray-a5);
  border-radius: var(--table-border-radius);
  background-color: var(--color-panel);
  backdrop-filter: var(--backdrop-filter-panel);
  background-clip: padding-box;
  position: relative;
}
@supports (box-shadow: 0 0 0 1px color-mix(in oklab, white, black)) {
  .rt-TableRoot:where(.rt-variant-surface) {
    border-color: color-mix(in oklab, var(--gray-a5), var(--gray-6));
  }
}
.rt-TableRoot:where(.rt-variant-surface) :where(.rt-TableRootTable) {
  overflow: hidden;
}
.rt-TableRoot:where(.rt-variant-surface) :where(.rt-TableRootTable) :where(.rt-TableHeader) {
  --table-row-background-color: var(--gray-a2);
}
.rt-TableRoot:where(.rt-variant-surface) :where(.rt-TableRootTable) :where(.rt-TableBody) :where(.rt-TableRow:last-child) {
  --table-row-box-shadow: none;
}
.rt-TableRoot:where(.rt-variant-ghost) {
  --scrollarea-scrollbar-horizontal-margin-left: 0;
  --scrollarea-scrollbar-horizontal-margin-right: 0;
}
.rt-TabsContent {
  position: relative;
  outline: 0;
}
.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-track,
  .rt-TextAreaInput::-webkit-scrollbar-thumb {
  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 {
  padding: var(--text-area-border-width);
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  font-family: var(--default-font-family);
  font-weight: var(--font-weight-regular);
  font-style: normal;
  text-align: start;
  overflow: hidden;
}
.rt-TextAreaInput {
  padding: var(--text-area-padding-y) var(--text-area-padding-x);
  border-radius: inherit;
  resize: none;
  display: block;
  width: 100%;
  flex-grow: 1;
  cursor: auto;
}
.rt-TextAreaRoot:where(.rt-r-size-1) {
  min-height: var(--space-8);
  border-radius: var(--radius-2);
}
.rt-TextAreaRoot:where(.rt-r-size-1) :where(.rt-TextAreaInput) {
  --text-area-padding-y: calc(var(--space-1) - var(--text-area-border-width));
  --text-area-padding-x: calc(var(--space-1) * 1.5 - var(--text-area-border-width));
  font-size: var(--font-size-1);
  line-height: var(--line-height-1);
  letter-spacing: var(--letter-spacing-1);
}
.rt-TextAreaRoot:where(.rt-r-size-2) {
  min-height: var(--space-9);
  border-radius: var(--radius-2);
}
.rt-TextAreaRoot:where(.rt-r-size-2) :where(.rt-TextAreaInput) {
  --text-area-padding-y: calc(var(--space-1) * 1.5 - var(--text-area-border-width));
  --text-area-padding-x: calc(var(--space-2) - var(--text-area-border-width));
  font-size: var(--font-size-2);
  line-height: var(--line-height-2);
  letter-spacing: var(--letter-spacing-2);
}
.rt-TextAreaRoot:where(.rt-r-size-3) {
  min-height: 80px;
  border-radius: var(--radius-3);
}
.rt-TextAreaRoot:where(.rt-r-size-3) :where(.rt-TextAreaInput) {
  --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
  --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
  font-size: var(--font-size-3);
  line-height: var(--line-height-3);
  letter-spacing: var(--letter-spacing-3);
}
@media (min-width: 520px) {
  .rt-TextAreaRoot:where(.xs\:rt-r-size-1) {
    min-height: var(--space-8);
    border-radius: var(--radius-2);
  }
  .rt-TextAreaRoot:where(.xs\:rt-r-size-1) :where(.rt-TextAreaInput) {
    --text-area-padding-y: calc(var(--space-1) - var(--text-area-border-width));
    --text-area-padding-x: calc(var(--space-1) * 1.5 - var(--text-area-border-width));
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
  }
  .rt-TextAreaRoot:where(.xs\:rt-r-size-2) {
    min-height: var(--space-9);
    border-radius: var(--radius-2);
  }
  .rt-TextAreaRoot:where(.xs\:rt-r-size-2) :where(.rt-TextAreaInput) {
    --text-area-padding-y: calc(var(--space-1) * 1.5 - var(--text-area-border-width));
    --text-area-padding-x: calc(var(--space-2) - var(--text-area-border-width));
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    letter-spacing: var(--letter-spacing-2);
  }
  .rt-TextAreaRoot:where(.xs\:rt-r-size-3) {
    min-height: 80px;
    border-radius: var(--radius-3);
  }
  .rt-TextAreaRoot:where(.xs\:rt-r-size-3) :where(.rt-TextAreaInput) {
    --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
    --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
    font-size: var(--font-size-3);
    line-height: var(--line-height-3);
    letter-spacing: var(--letter-spacing-3);
  }
}
@media (min-width: 768px) {
  .rt-TextAreaRoot:where(.sm\:rt-r-size-1) {
    min-height: var(--space-8);
    border-radius: var(--radius-2);
  }
  .rt-TextAreaRoot:where(.sm\:rt-r-size-1) :where(.rt-TextAreaInput) {
    --text-area-padding-y: calc(var(--space-1) - var(--text-area-border-width));
    --text-area-padding-x: calc(var(--space-1) * 1.5 - var(--text-area-border-width));
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
  }
  .rt-TextAreaRoot:where(.sm\:rt-r-size-2) {
    min-height: var(--space-9);
    border-radius: var(--radius-2);
  }
  .rt-TextAreaRoot:where(.sm\:rt-r-size-2) :where(.rt-TextAreaInput) {
    --text-area-padding-y: calc(var(--space-1) * 1.5 - var(--text-area-border-width));
    --text-area-padding-x: calc(var(--space-2) - var(--text-area-border-width));
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    letter-spacing: var(--letter-spacing-2);
  }
  .rt-TextAreaRoot:where(.sm\:rt-r-size-3) {
    min-height: 80px;
    border-radius: var(--radius-3);
  }
  .rt-TextAreaRoot:where(.sm\:rt-r-size-3) :where(.rt-TextAreaInput) {
    --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
    --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
    font-size: var(--font-size-3);
    line-height: var(--line-height-3);
    letter-spacing: var(--letter-spacing-3);
  }
}
@media (min-width: 1024px) {
  .rt-TextAreaRoot:where(.md\:rt-r-size-1) {
    min-height: var(--space-8);
    border-radius: var(--radius-2);
  }
  .rt-TextAreaRoot:where(.md\:rt-r-size-1) :where(.rt-TextAreaInput) {
    --text-area-padding-y: calc(var(--space-1) - var(--text-area-border-width));
    --text-area-padding-x: calc(var(--space-1) * 1.5 - var(--text-area-border-width));
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
  }
  .rt-TextAreaRoot:where(.md\:rt-r-size-2) {
    min-height: var(--space-9);
    border-radius: var(--radius-2);
  }
  .rt-TextAreaRoot:where(.md\:rt-r-size-2) :where(.rt-TextAreaInput) {
    --text-area-padding-y: calc(var(--space-1) * 1.5 - var(--text-area-border-width));
    --text-area-padding-x: calc(var(--space-2) - var(--text-area-border-width));
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    letter-spacing: var(--letter-spacing-2);
  }
  .rt-TextAreaRoot:where(.md\:rt-r-size-3) {
    min-height: 80px;
    border-radius: var(--radius-3);
  }
  .rt-TextAreaRoot:where(.md\:rt-r-size-3) :where(.rt-TextAreaInput) {
    --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
    --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
    font-size: var(--font-size-3);
    line-height: var(--line-height-3);
    letter-spacing: var(--letter-spacing-3);
  }
}
@media (min-width: 1280px) {
  .rt-TextAreaRoot:where(.lg\:rt-r-size-1) {
    min-height: var(--space-8);
    border-radius: var(--radius-2);
  }
  .rt-TextAreaRoot:where(.lg\:rt-r-size-1) :where(.rt-TextAreaInput) {
    --text-area-padding-y: calc(var(--space-1) - var(--text-area-border-width));
    --text-area-padding-x: calc(var(--space-1) * 1.5 - var(--text-area-border-width));
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
  }
  .rt-TextAreaRoot:where(.lg\:rt-r-size-2) {
    min-height: var(--space-9);
    border-radius: var(--radius-2);
  }
  .rt-TextAreaRoot:where(.lg\:rt-r-size-2) :where(.rt-TextAreaInput) {
    --text-area-padding-y: calc(var(--space-1) * 1.5 - var(--text-area-border-width));
    --text-area-padding-x: calc(var(--space-2) - var(--text-area-border-width));
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    letter-spacing: var(--letter-spacing-2);
  }
  .rt-TextAreaRoot:where(.lg\:rt-r-size-3) {
    min-height: 80px;
    border-radius: var(--radius-3);
  }
  .rt-TextAreaRoot:where(.lg\:rt-r-size-3) :where(.rt-TextAreaInput) {
    --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
    --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
    font-size: var(--font-size-3);
    line-height: var(--line-height-3);
    letter-spacing: var(--letter-spacing-3);
  }
}
@media (min-width: 1640px) {
  .rt-TextAreaRoot:where(.xl\:rt-r-size-1) {
    min-height: var(--space-8);
    border-radius: var(--radius-2);
  }
  .rt-TextAreaRoot:where(.xl\:rt-r-size-1) :where(.rt-TextAreaInput) {
    --text-area-padding-y: calc(var(--space-1) - var(--text-area-border-width));
    --text-area-padding-x: calc(var(--space-1) * 1.5 - var(--text-area-border-width));
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
  }
  .rt-TextAreaRoot:where(.xl\:rt-r-size-2) {
    min-height: var(--space-9);
    border-radius: var(--radius-2);
  }
  .rt-TextAreaRoot:where(.xl\:rt-r-size-2) :where(.rt-TextAreaInput) {
    --text-area-padding-y: calc(var(--space-1) * 1.5 - var(--text-area-border-width));
    --text-area-padding-x: calc(var(--space-2) - var(--text-area-border-width));
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    letter-spacing: var(--letter-spacing-2);
  }
  .rt-TextAreaRoot:where(.xl\:rt-r-size-3) {
    min-height: 80px;
    border-radius: var(--radius-3);
  }
  .rt-TextAreaRoot:where(.xl\:rt-r-size-3) :where(.rt-TextAreaInput) {
    --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
    --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
    font-size: var(--font-size-3);
    line-height: var(--line-height-3);
    letter-spacing: var(--letter-spacing-3);
  }
}
.rt-TextAreaRoot:where(.rt-variant-surface) {
  --text-area-border-width: 1px;
  background-clip: content-box;
  background-color: var(--color-surface);
  box-shadow: inset 0 0 0 var(--text-area-border-width) var(--gray-a7);
  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) {
  --text-area-border-width: 1px;
  background-clip: content-box;
  background-color: var(--color-surface);
  box-shadow: var(--shadow-1);
  color: var(--gray-12);
}
.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) {
  --text-area-border-width: 0px;
  background-color: var(--accent-a3);
  color: var(--accent-12);
}
.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: 0.65;
}
.rt-TextAreaRoot:where(.rt-variant-soft) :where(.rt-TextAreaInput)::placeholder {
  color: var(--accent-12);
  opacity: 0.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: 0.5;
}
.rt-TextAreaInput:where(:disabled, :-moz-read-only)::placeholder {
  opacity: 0.5;
}
.rt-TextAreaInput:where(:disabled, :read-only)::placeholder {
  opacity: 0.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 {
  width: 100%;
  display: flex;
  align-items: center;
  text-align: inherit;
  border-radius: calc(var(--text-field-border-radius) - var(--text-field-border-width));
  text-indent: var(--text-field-padding);
}
.rt-TextFieldInput:where([type='number']) {
  -moz-appearance: textfield;
}
.rt-TextFieldInput::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
}
.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-TextFieldSlot {
  box-sizing: border-box;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  cursor: text;
}
.rt-TextFieldSlot:where(:not([data-side='right'])) {
  order: -1;
  margin-left: calc(var(--text-field-border-width) * -1);
  margin-right: 0;
}
.rt-TextFieldSlot:where([data-side='right']),
  
  :where(.rt-TextFieldSlot:not([data-side='right'])) ~ .rt-TextFieldSlot:where(:not([data-side='left'])) {
  order: 0;
  margin-left: 0;
  margin-right: calc(var(--text-field-border-width) * -1);
}
.rt-TextFieldRoot {
  box-sizing: border-box;
  height: var(--text-field-height);
  padding: var(--text-field-border-width);
  border-radius: var(--text-field-border-radius);
  display: flex;
  align-items: stretch;
  font-family: var(--default-font-family);
  font-weight: var(--font-weight-regular);
  font-style: normal;
  text-align: start;
}
.rt-TextFieldInput:where([type='date'], [type='datetime-local'], [type='time'], [type='week'], [type='month']) {
  text-indent: 0;
  padding-left: var(--text-field-padding);
  padding-right: var(--text-field-padding);
}
.rt-TextFieldInput:where(:has(~ .rt-TextFieldSlot:not([data-side='right']))) {
  text-indent: 0;
  padding-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.rt-TextFieldInput:where(:has(
    ~ .rt-TextFieldSlot[data-side='right'],
    ~ .rt-TextFieldSlot:not([data-side='right']) ~ .rt-TextFieldSlot:not([data-side='left'])
  )) {
  padding-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.rt-TextFieldRoot:where(.rt-r-size-1) {
  --text-field-height: var(--space-5);
  --text-field-padding: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
  --text-field-border-radius: max(var(--radius-2), var(--radius-full));
  --text-field-native-icon-size: var(--space-3);
  font-size: var(--font-size-1);
  letter-spacing: var(--letter-spacing-1);
}
.rt-TextFieldRoot:where(.rt-r-size-1) :where(.rt-TextFieldSlot) {
  gap: var(--space-2);
  padding-left: var(--space-1);
  padding-right: var(--space-1);
}
.rt-TextFieldRoot:where(.rt-r-size-1) :where(.rt-TextFieldInput) {
  padding-bottom: 0px;
}
.rt-TextFieldRoot:where(.rt-r-size-1) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
  padding-right: 0px;
  margin-right: -2px;
}
.rt-TextFieldRoot:where(.rt-r-size-2) {
  --text-field-height: var(--space-6);
  --text-field-padding: calc(var(--space-2) - var(--text-field-border-width));
  --text-field-border-radius: max(var(--radius-2), var(--radius-full));
  --text-field-native-icon-size: var(--space-4);
  font-size: var(--font-size-2);
  letter-spacing: var(--letter-spacing-2);
}
.rt-TextFieldRoot:where(.rt-r-size-2) :where(.rt-TextFieldInput) {
  padding-bottom: 0.5px;
}
.rt-TextFieldRoot:where(.rt-r-size-2) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
  padding-right: 2px;
  margin-right: 0px;
}
.rt-TextFieldRoot:where(.rt-r-size-2) :where(.rt-TextFieldSlot) {
  gap: var(--space-2);
  padding-left: var(--space-2);
  padding-right: var(--space-2);
}
.rt-TextFieldRoot:where(.rt-r-size-3) {
  --text-field-height: var(--space-7);
  --text-field-padding: calc(var(--space-3) - var(--text-field-border-width));
  --text-field-border-radius: max(var(--radius-3), var(--radius-full));
  --text-field-native-icon-size: var(--space-4);
  font-size: var(--font-size-3);
  letter-spacing: var(--letter-spacing-3);
}
.rt-TextFieldRoot:where(.rt-r-size-3) :where(.rt-TextFieldInput) {
  padding-bottom: 0px;
}
.rt-TextFieldRoot:where(.rt-r-size-3) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
  padding-right: 5px;
  margin-right: 0px;
}
.rt-TextFieldRoot:where(.rt-r-size-3) :where(.rt-TextFieldSlot) {
  gap: var(--space-3);
  padding-left: var(--space-3);
  padding-right: var(--space-3);
}
@media (min-width: 520px) {
  .rt-TextFieldRoot:where(.xs\:rt-r-size-1) {
    --text-field-height: var(--space-5);
    --text-field-padding: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
    --text-field-border-radius: max(var(--radius-2), var(--radius-full));
    --text-field-native-icon-size: var(--space-3);
    font-size: var(--font-size-1);
    letter-spacing: var(--letter-spacing-1);
  }
  .rt-TextFieldRoot:where(.xs\:rt-r-size-1) :where(.rt-TextFieldSlot) {
    gap: var(--space-2);
    padding-left: var(--space-1);
    padding-right: var(--space-1);
  }
  .rt-TextFieldRoot:where(.xs\:rt-r-size-1) :where(.rt-TextFieldInput) {
    padding-bottom: 0px;
  }
  .rt-TextFieldRoot:where(.xs\:rt-r-size-1) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
    padding-right: 0px;
    margin-right: -2px;
  }
  .rt-TextFieldRoot:where(.xs\:rt-r-size-2) {
    --text-field-height: var(--space-6);
    --text-field-padding: calc(var(--space-2) - var(--text-field-border-width));
    --text-field-border-radius: max(var(--radius-2), var(--radius-full));
    --text-field-native-icon-size: var(--space-4);
    font-size: var(--font-size-2);
    letter-spacing: var(--letter-spacing-2);
  }
  .rt-TextFieldRoot:where(.xs\:rt-r-size-2) :where(.rt-TextFieldInput) {
    padding-bottom: 0.5px;
  }
  .rt-TextFieldRoot:where(.xs\:rt-r-size-2) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
    padding-right: 2px;
    margin-right: 0px;
  }
  .rt-TextFieldRoot:where(.xs\:rt-r-size-2) :where(.rt-TextFieldSlot) {
    gap: var(--space-2);
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }
  .rt-TextFieldRoot:where(.xs\:rt-r-size-3) {
    --text-field-height: var(--space-7);
    --text-field-padding: calc(var(--space-3) - var(--text-field-border-width));
    --text-field-border-radius: max(var(--radius-3), var(--radius-full));
    --text-field-native-icon-size: var(--space-4);
    font-size: var(--font-size-3);
    letter-spacing: var(--letter-spacing-3);
  }
  .rt-TextFieldRoot:where(.xs\:rt-r-size-3) :where(.rt-TextFieldInput) {
    padding-bottom: 0px;
  }
  .rt-TextFieldRoot:where(.xs\:rt-r-size-3) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
    padding-right: 5px;
    margin-right: 0px;
  }
  .rt-TextFieldRoot:where(.xs\:rt-r-size-3) :where(.rt-TextFieldSlot) {
    gap: var(--space-3);
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }
}
@media (min-width: 768px) {
  .rt-TextFieldRoot:where(.sm\:rt-r-size-1) {
    --text-field-height: var(--space-5);
    --text-field-padding: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
    --text-field-border-radius: max(var(--radius-2), var(--radius-full));
    --text-field-native-icon-size: var(--space-3);
    font-size: var(--font-size-1);
    letter-spacing: var(--letter-spacing-1);
  }
  .rt-TextFieldRoot:where(.sm\:rt-r-size-1) :where(.rt-TextFieldSlot) {
    gap: var(--space-2);
    padding-left: var(--space-1);
    padding-right: var(--space-1);
  }
  .rt-TextFieldRoot:where(.sm\:rt-r-size-1) :where(.rt-TextFieldInput) {
    padding-bottom: 0px;
  }
  .rt-TextFieldRoot:where(.sm\:rt-r-size-1) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
    padding-right: 0px;
    margin-right: -2px;
  }
  .rt-TextFieldRoot:where(.sm\:rt-r-size-2) {
    --text-field-height: var(--space-6);
    --text-field-padding: calc(var(--space-2) - var(--text-field-border-width));
    --text-field-border-radius: max(var(--radius-2), var(--radius-full));
    --text-field-native-icon-size: var(--space-4);
    font-size: var(--font-size-2);
    letter-spacing: var(--letter-spacing-2);
  }
  .rt-TextFieldRoot:where(.sm\:rt-r-size-2) :where(.rt-TextFieldInput) {
    padding-bottom: 0.5px;
  }
  .rt-TextFieldRoot:where(.sm\:rt-r-size-2) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
    padding-right: 2px;
    margin-right: 0px;
  }
  .rt-TextFieldRoot:where(.sm\:rt-r-size-2) :where(.rt-TextFieldSlot) {
    gap: var(--space-2);
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }
  .rt-TextFieldRoot:where(.sm\:rt-r-size-3) {
    --text-field-height: var(--space-7);
    --text-field-padding: calc(var(--space-3) - var(--text-field-border-width));
    --text-field-border-radius: max(var(--radius-3), var(--radius-full));
    --text-field-native-icon-size: var(--space-4);
    font-size: var(--font-size-3);
    letter-spacing: var(--letter-spacing-3);
  }
  .rt-TextFieldRoot:where(.sm\:rt-r-size-3) :where(.rt-TextFieldInput) {
    padding-bottom: 0px;
  }
  .rt-TextFieldRoot:where(.sm\:rt-r-size-3) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
    padding-right: 5px;
    margin-right: 0px;
  }
  .rt-TextFieldRoot:where(.sm\:rt-r-size-3) :where(.rt-TextFieldSlot) {
    gap: var(--space-3);
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }
}
@media (min-width: 1024px) {
  .rt-TextFieldRoot:where(.md\:rt-r-size-1) {
    --text-field-height: var(--space-5);
    --text-field-padding: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
    --text-field-border-radius: max(var(--radius-2), var(--radius-full));
    --text-field-native-icon-size: var(--space-3);
    font-size: var(--font-size-1);
    letter-spacing: var(--letter-spacing-1);
  }
  .rt-TextFieldRoot:where(.md\:rt-r-size-1) :where(.rt-TextFieldSlot) {
    gap: var(--space-2);
    padding-left: var(--space-1);
    padding-right: var(--space-1);
  }
  .rt-TextFieldRoot:where(.md\:rt-r-size-1) :where(.rt-TextFieldInput) {
    padding-bottom: 0px;
  }
  .rt-TextFieldRoot:where(.md\:rt-r-size-1) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
    padding-right: 0px;
    margin-right: -2px;
  }
  .rt-TextFieldRoot:where(.md\:rt-r-size-2) {
    --text-field-height: var(--space-6);
    --text-field-padding: calc(var(--space-2) - var(--text-field-border-width));
    --text-field-border-radius: max(var(--radius-2), var(--radius-full));
    --text-field-native-icon-size: var(--space-4);
    font-size: var(--font-size-2);
    letter-spacing: var(--letter-spacing-2);
  }
  .rt-TextFieldRoot:where(.md\:rt-r-size-2) :where(.rt-TextFieldInput) {
    padding-bottom: 0.5px;
  }
  .rt-TextFieldRoot:where(.md\:rt-r-size-2) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
    padding-right: 2px;
    margin-right: 0px;
  }
  .rt-TextFieldRoot:where(.md\:rt-r-size-2) :where(.rt-TextFieldSlot) {
    gap: var(--space-2);
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }
  .rt-TextFieldRoot:where(.md\:rt-r-size-3) {
    --text-field-height: var(--space-7);
    --text-field-padding: calc(var(--space-3) - var(--text-field-border-width));
    --text-field-border-radius: max(var(--radius-3), var(--radius-full));
    --text-field-native-icon-size: var(--space-4);
    font-size: var(--font-size-3);
    letter-spacing: var(--letter-spacing-3);
  }
  .rt-TextFieldRoot:where(.md\:rt-r-size-3) :where(.rt-TextFieldInput) {
    padding-bottom: 0px;
  }
  .rt-TextFieldRoot:where(.md\:rt-r-size-3) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
    padding-right: 5px;
    margin-right: 0px;
  }
  .rt-TextFieldRoot:where(.md\:rt-r-size-3) :where(.rt-TextFieldSlot) {
    gap: var(--space-3);
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }
}
@media (min-width: 1280px) {
  .rt-TextFieldRoot:where(.lg\:rt-r-size-1) {
    --text-field-height: var(--space-5);
    --text-field-padding: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
    --text-field-border-radius: max(var(--radius-2), var(--radius-full));
    --text-field-native-icon-size: var(--space-3);
    font-size: var(--font-size-1);
    letter-spacing: var(--letter-spacing-1);
  }
  .rt-TextFieldRoot:where(.lg\:rt-r-size-1) :where(.rt-TextFieldSlot) {
    gap: var(--space-2);
    padding-left: var(--space-1);
    padding-right: var(--space-1);
  }
  .rt-TextFieldRoot:where(.lg\:rt-r-size-1) :where(.rt-TextFieldInput) {
    padding-bottom: 0px;
  }
  .rt-TextFieldRoot:where(.lg\:rt-r-size-1) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
    padding-right: 0px;
    margin-right: -2px;
  }
  .rt-TextFieldRoot:where(.lg\:rt-r-size-2) {
    --text-field-height: var(--space-6);
    --text-field-padding: calc(var(--space-2) - var(--text-field-border-width));
    --text-field-border-radius: max(var(--radius-2), var(--radius-full));
    --text-field-native-icon-size: var(--space-4);
    font-size: var(--font-size-2);
    letter-spacing: var(--letter-spacing-2);
  }
  .rt-TextFieldRoot:where(.lg\:rt-r-size-2) :where(.rt-TextFieldInput) {
    padding-bottom: 0.5px;
  }
  .rt-TextFieldRoot:where(.lg\:rt-r-size-2) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
    padding-right: 2px;
    margin-right: 0px;
  }
  .rt-TextFieldRoot:where(.lg\:rt-r-size-2) :where(.rt-TextFieldSlot) {
    gap: var(--space-2);
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }
  .rt-TextFieldRoot:where(.lg\:rt-r-size-3) {
    --text-field-height: var(--space-7);
    --text-field-padding: calc(var(--space-3) - var(--text-field-border-width));
    --text-field-border-radius: max(var(--radius-3), var(--radius-full));
    --text-field-native-icon-size: var(--space-4);
    font-size: var(--font-size-3);
    letter-spacing: var(--letter-spacing-3);
  }
  .rt-TextFieldRoot:where(.lg\:rt-r-size-3) :where(.rt-TextFieldInput) {
    padding-bottom: 0px;
  }
  .rt-TextFieldRoot:where(.lg\:rt-r-size-3) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
    padding-right: 5px;
    margin-right: 0px;
  }
  .rt-TextFieldRoot:where(.lg\:rt-r-size-3) :where(.rt-TextFieldSlot) {
    gap: var(--space-3);
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }
}
@media (min-width: 1640px) {
  .rt-TextFieldRoot:where(.xl\:rt-r-size-1) {
    --text-field-height: var(--space-5);
    --text-field-padding: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
    --text-field-border-radius: max(var(--radius-2), var(--radius-full));
    --text-field-native-icon-size: var(--space-3);
    font-size: var(--font-size-1);
    letter-spacing: var(--letter-spacing-1);
  }
  .rt-TextFieldRoot:where(.xl\:rt-r-size-1) :where(.rt-TextFieldSlot) {
    gap: var(--space-2);
    padding-left: var(--space-1);
    padding-right: var(--space-1);
  }
  .rt-TextFieldRoot:where(.xl\:rt-r-size-1) :where(.rt-TextFieldInput) {
    padding-bottom: 0px;
  }
  .rt-TextFieldRoot:where(.xl\:rt-r-size-1) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
    padding-right: 0px;
    margin-right: -2px;
  }
  .rt-TextFieldRoot:where(.xl\:rt-r-size-2) {
    --text-field-height: var(--space-6);
    --text-field-padding: calc(var(--space-2) - var(--text-field-border-width));
    --text-field-border-radius: max(var(--radius-2), var(--radius-full));
    --text-field-native-icon-size: var(--space-4);
    font-size: var(--font-size-2);
    letter-spacing: var(--letter-spacing-2);
  }
  .rt-TextFieldRoot:where(.xl\:rt-r-size-2) :where(.rt-TextFieldInput) {
    padding-bottom: 0.5px;
  }
  .rt-TextFieldRoot:where(.xl\:rt-r-size-2) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
    padding-right: 2px;
    margin-right: 0px;
  }
  .rt-TextFieldRoot:where(.xl\:rt-r-size-2) :where(.rt-TextFieldSlot) {
    gap: var(--space-2);
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }
  .rt-TextFieldRoot:where(.xl\:rt-r-size-3) {
    --text-field-height: var(--space-7);
    --text-field-padding: calc(var(--space-3) - var(--text-field-border-width));
    --text-field-border-radius: max(var(--radius-3), var(--radius-full));
    --text-field-native-icon-size: var(--space-4);
    font-size: var(--font-size-3);
    letter-spacing: var(--letter-spacing-3);
  }
  .rt-TextFieldRoot:where(.xl\:rt-r-size-3) :where(.rt-TextFieldInput) {
    padding-bottom: 0px;
  }
  .rt-TextFieldRoot:where(.xl\:rt-r-size-3) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
    padding-right: 5px;
    margin-right: 0px;
  }
  .rt-TextFieldRoot:where(.xl\:rt-r-size-3) :where(.rt-TextFieldSlot) {
    gap: var(--space-3);
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }
}
.rt-TextFieldRoot:where(.rt-variant-surface) {
  --text-field-selection-color: var(--focus-a5);
  --text-field-focus-color: var(--focus-8);
  --text-field-border-width: 1px;
  background-clip: content-box;
  background-color: var(--color-surface);
  box-shadow: inset 0 0 0 var(--text-field-border-width) var(--gray-a7);
  color: var(--gray-12);
}
.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(.rt-TextFieldSlot) {
  color: var(--gray-a11);
}
.rt-TextFieldRoot:where(.rt-variant-surface) :where(.rt-TextFieldSlot):where([data-accent-color]) {
  color: var(--accent-a11);
}
.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) {
  --text-field-selection-color: var(--focus-a5);
  --text-field-focus-color: var(--focus-8);
  --text-field-border-width: 1px;
  background-clip: content-box;
  background-color: var(--color-surface);
  box-shadow: var(--shadow-1);
  color: var(--gray-12);
}
.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(.rt-TextFieldSlot) {
  color: var(--gray-a11);
}
.rt-TextFieldRoot:where(.rt-variant-classic) :where(.rt-TextFieldSlot):where([data-accent-color]) {
  color: var(--accent-a11);
}
.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) {
  --text-field-selection-color: var(--accent-a5);
  --text-field-focus-color: var(--accent-8);
  --text-field-border-width: 0px;
  background-color: var(--accent-a3);
  color: var(--accent-12);
}
.rt-TextFieldRoot:where(.rt-variant-soft) :where(.rt-TextFieldInput)::-moz-placeholder {
  color: var(--accent-12);
  opacity: 0.6;
}
.rt-TextFieldRoot:where(.rt-variant-soft) :where(.rt-TextFieldInput)::placeholder {
  color: var(--accent-12);
  opacity: 0.6;
}
.rt-TextFieldRoot:where(.rt-variant-soft) :where(.rt-TextFieldSlot) {
  color: var(--accent-12);
}
.rt-TextFieldRoot:where(.rt-variant-soft) :where(.rt-TextFieldSlot):where([data-accent-color]) {
  color: var(--accent-a11);
}
.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: 0.5;
}
.rt-TextFieldInput:where(:disabled, :-moz-read-only)::placeholder {
  opacity: 0.5;
}
.rt-TextFieldInput:where(:disabled, :read-only)::placeholder {
  opacity: 0.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-ThemePanelSwatch,
.rt-ThemePanelRadioCard {
  position: relative;
}
.rt-ThemePanelSwatchInput,
.rt-ThemePanelRadioCardInput {
  -webkit-appearance: none;
          -moz-appearance: none;
       appearance: none;
  margin: 0;
  outline: none;
  outline-width: 2px;
  position: absolute;
  inset: 0;
  border-radius: inherit;
  width: 100%;
  height: 100%;
}
.rt-ThemePanelSwatch {
  width: var(--space-5);
  height: var(--space-5);
  border-radius: 100%;
}
.rt-ThemePanelSwatchInput {
  outline-offset: 2px;
}
.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-ThemePanelRadioCard {
  border-radius: var(--radius-1);
  box-shadow: 0 0 0 1px var(--gray-7);
}
.rt-ThemePanelRadioCardInput {
  outline-offset: -1px;
}
.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);
}
.rt-TooltipContent {
  box-sizing: border-box;
  padding: var(--space-1) var(--space-2);
  background-color: var(--gray-12);
  border-radius: var(--radius-2);
  transform-origin: var(--radix-tooltip-content-transform-origin);
  animation-duration: 140ms;
  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
}
@media (prefers-reduced-motion: no-preference) {
  .rt-TooltipContent:where([data-state='delayed-open']):where([data-side='top']) {
    animation-name: rt-slide-from-top, rt-fade-in;
  }
  .rt-TooltipContent:where([data-state='delayed-open']):where([data-side='bottom']) {
    animation-name: rt-slide-from-bottom, rt-fade-in;
  }
  .rt-TooltipContent:where([data-state='delayed-open']):where([data-side='left']) {
    animation-name: rt-slide-from-left, rt-fade-in;
  }
  .rt-TooltipContent:where([data-state='delayed-open']):where([data-side='right']) {
    animation-name: rt-slide-from-right, rt-fade-in;
  }
}
.rt-TooltipText {
  color: var(--gray-1);
  -webkit-user-select: none;
          -moz-user-select: none;
       user-select: none;
  cursor: default;
}
.rt-TooltipArrow {
  fill: var(--gray-12);
}
.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-ai-start {
  align-items: flex-start;
}
.rt-r-ai-center {
  align-items: center;
}
.rt-r-ai-end {
  align-items: flex-end;
}
.rt-r-ai-baseline {
  align-items: baseline;
}
.rt-r-ai-stretch {
  align-items: stretch;
}
@media (min-width: 520px) {
  .xs\:rt-r-ai-start {
    align-items: flex-start;
  }
  .xs\:rt-r-ai-center {
    align-items: center;
  }
  .xs\:rt-r-ai-end {
    align-items: flex-end;
  }
  .xs\:rt-r-ai-baseline {
    align-items: baseline;
  }
  .xs\:rt-r-ai-stretch {
    align-items: stretch;
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-ai-start {
    align-items: flex-start;
  }
  .sm\:rt-r-ai-center {
    align-items: center;
  }
  .sm\:rt-r-ai-end {
    align-items: flex-end;
  }
  .sm\:rt-r-ai-baseline {
    align-items: baseline;
  }
  .sm\:rt-r-ai-stretch {
    align-items: stretch;
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-ai-start {
    align-items: flex-start;
  }
  .md\:rt-r-ai-center {
    align-items: center;
  }
  .md\:rt-r-ai-end {
    align-items: flex-end;
  }
  .md\:rt-r-ai-baseline {
    align-items: baseline;
  }
  .md\:rt-r-ai-stretch {
    align-items: stretch;
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-ai-start {
    align-items: flex-start;
  }
  .lg\:rt-r-ai-center {
    align-items: center;
  }
  .lg\:rt-r-ai-end {
    align-items: flex-end;
  }
  .lg\:rt-r-ai-baseline {
    align-items: baseline;
  }
  .lg\:rt-r-ai-stretch {
    align-items: stretch;
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-ai-start {
    align-items: flex-start;
  }
  .xl\:rt-r-ai-center {
    align-items: center;
  }
  .xl\:rt-r-ai-end {
    align-items: flex-end;
  }
  .xl\:rt-r-ai-baseline {
    align-items: baseline;
  }
  .xl\:rt-r-ai-stretch {
    align-items: stretch;
  }
}
.rt-r-as-start {
  align-self: flex-start;
}
.rt-r-as-center {
  align-self: center;
}
.rt-r-as-end {
  align-self: flex-end;
}
.rt-r-as-baseline {
  align-self: baseline;
}
.rt-r-as-stretch {
  align-self: stretch;
}
@media (min-width: 520px) {
  .xs\:rt-r-as-start {
    align-self: flex-start;
  }
  .xs\:rt-r-as-center {
    align-self: center;
  }
  .xs\:rt-r-as-end {
    align-self: flex-end;
  }
  .xs\:rt-r-as-baseline {
    align-self: baseline;
  }
  .xs\:rt-r-as-stretch {
    align-self: stretch;
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-as-start {
    align-self: flex-start;
  }
  .sm\:rt-r-as-center {
    align-self: center;
  }
  .sm\:rt-r-as-end {
    align-self: flex-end;
  }
  .sm\:rt-r-as-baseline {
    align-self: baseline;
  }
  .sm\:rt-r-as-stretch {
    align-self: stretch;
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-as-start {
    align-self: flex-start;
  }
  .md\:rt-r-as-center {
    align-self: center;
  }
  .md\:rt-r-as-end {
    align-self: flex-end;
  }
  .md\:rt-r-as-baseline {
    align-self: baseline;
  }
  .md\:rt-r-as-stretch {
    align-self: stretch;
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-as-start {
    align-self: flex-start;
  }
  .lg\:rt-r-as-center {
    align-self: center;
  }
  .lg\:rt-r-as-end {
    align-self: flex-end;
  }
  .lg\:rt-r-as-baseline {
    align-self: baseline;
  }
  .lg\:rt-r-as-stretch {
    align-self: stretch;
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-as-start {
    align-self: flex-start;
  }
  .xl\:rt-r-as-center {
    align-self: center;
  }
  .xl\:rt-r-as-end {
    align-self: flex-end;
  }
  .xl\:rt-r-as-baseline {
    align-self: baseline;
  }
  .xl\:rt-r-as-stretch {
    align-self: stretch;
  }
}
.rt-r-display-block {
  display: block;
}
.rt-r-display-inline {
  display: inline;
}
.rt-r-display-inline-block {
  display: inline-block;
}
.rt-r-display-flex {
  display: flex;
}
.rt-r-display-inline-flex {
  display: inline-flex;
}
.rt-r-display-grid {
  display: grid;
}
.rt-r-display-inline-grid {
  display: inline-grid;
}
.rt-r-display-none {
  display: none;
}
.rt-r-display-contents {
  display: contents;
}
@media (min-width: 520px) {
  .xs\:rt-r-display-block {
    display: block;
  }
  .xs\:rt-r-display-inline {
    display: inline;
  }
  .xs\:rt-r-display-inline-block {
    display: inline-block;
  }
  .xs\:rt-r-display-flex {
    display: flex;
  }
  .xs\:rt-r-display-inline-flex {
    display: inline-flex;
  }
  .xs\:rt-r-display-grid {
    display: grid;
  }
  .xs\:rt-r-display-inline-grid {
    display: inline-grid;
  }
  .xs\:rt-r-display-none {
    display: none;
  }
  .xs\:rt-r-display-contents {
    display: contents;
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-display-block {
    display: block;
  }
  .sm\:rt-r-display-inline {
    display: inline;
  }
  .sm\:rt-r-display-inline-block {
    display: inline-block;
  }
  .sm\:rt-r-display-flex {
    display: flex;
  }
  .sm\:rt-r-display-inline-flex {
    display: inline-flex;
  }
  .sm\:rt-r-display-grid {
    display: grid;
  }
  .sm\:rt-r-display-inline-grid {
    display: inline-grid;
  }
  .sm\:rt-r-display-none {
    display: none;
  }
  .sm\:rt-r-display-contents {
    display: contents;
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-display-block {
    display: block;
  }
  .md\:rt-r-display-inline {
    display: inline;
  }
  .md\:rt-r-display-inline-block {
    display: inline-block;
  }
  .md\:rt-r-display-flex {
    display: flex;
  }
  .md\:rt-r-display-inline-flex {
    display: inline-flex;
  }
  .md\:rt-r-display-grid {
    display: grid;
  }
  .md\:rt-r-display-inline-grid {
    display: inline-grid;
  }
  .md\:rt-r-display-none {
    display: none;
  }
  .md\:rt-r-display-contents {
    display: contents;
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-display-block {
    display: block;
  }
  .lg\:rt-r-display-inline {
    display: inline;
  }
  .lg\:rt-r-display-inline-block {
    display: inline-block;
  }
  .lg\:rt-r-display-flex {
    display: flex;
  }
  .lg\:rt-r-display-inline-flex {
    display: inline-flex;
  }
  .lg\:rt-r-display-grid {
    display: grid;
  }
  .lg\:rt-r-display-inline-grid {
    display: inline-grid;
  }
  .lg\:rt-r-display-none {
    display: none;
  }
  .lg\:rt-r-display-contents {
    display: contents;
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-display-block {
    display: block;
  }
  .xl\:rt-r-display-inline {
    display: inline;
  }
  .xl\:rt-r-display-inline-block {
    display: inline-block;
  }
  .xl\:rt-r-display-flex {
    display: flex;
  }
  .xl\:rt-r-display-inline-flex {
    display: inline-flex;
  }
  .xl\:rt-r-display-grid {
    display: grid;
  }
  .xl\:rt-r-display-inline-grid {
    display: inline-grid;
  }
  .xl\:rt-r-display-none {
    display: none;
  }
  .xl\:rt-r-display-contents {
    display: contents;
  }
}
.rt-r-fb {
  flex-basis: var(--flex-basis);
}
@media (min-width: 520px) {
  .xs\:rt-r-fb {
    flex-basis: var(--flex-basis-xs);
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-fb {
    flex-basis: var(--flex-basis-sm);
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-fb {
    flex-basis: var(--flex-basis-md);
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-fb {
    flex-basis: var(--flex-basis-lg);
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-fb {
    flex-basis: var(--flex-basis-xl);
  }
}
.rt-r-fd-row {
  flex-direction: row;
}
.rt-r-fd-column {
  flex-direction: column;
}
.rt-r-fd-row-reverse {
  flex-direction: row-reverse;
}
.rt-r-fd-column-reverse {
  flex-direction: column-reverse;
}
@media (min-width: 520px) {
  .xs\:rt-r-fd-row {
    flex-direction: row;
  }
  .xs\:rt-r-fd-column {
    flex-direction: column;
  }
  .xs\:rt-r-fd-row-reverse {
    flex-direction: row-reverse;
  }
  .xs\:rt-r-fd-column-reverse {
    flex-direction: column-reverse;
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-fd-row {
    flex-direction: row;
  }
  .sm\:rt-r-fd-column {
    flex-direction: column;
  }
  .sm\:rt-r-fd-row-reverse {
    flex-direction: row-reverse;
  }
  .sm\:rt-r-fd-column-reverse {
    flex-direction: column-reverse;
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-fd-row {
    flex-direction: row;
  }
  .md\:rt-r-fd-column {
    flex-direction: column;
  }
  .md\:rt-r-fd-row-reverse {
    flex-direction: row-reverse;
  }
  .md\:rt-r-fd-column-reverse {
    flex-direction: column-reverse;
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-fd-row {
    flex-direction: row;
  }
  .lg\:rt-r-fd-column {
    flex-direction: column;
  }
  .lg\:rt-r-fd-row-reverse {
    flex-direction: row-reverse;
  }
  .lg\:rt-r-fd-column-reverse {
    flex-direction: column-reverse;
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-fd-row {
    flex-direction: row;
  }
  .xl\:rt-r-fd-column {
    flex-direction: column;
  }
  .xl\:rt-r-fd-row-reverse {
    flex-direction: row-reverse;
  }
  .xl\:rt-r-fd-column-reverse {
    flex-direction: column-reverse;
  }
}
.rt-r-fg {
  flex-grow: var(--flex-grow)
}
.rt-r-fg-0 {
  flex-grow: 0;
}
.rt-r-fg-1 {
  flex-grow: 1;
}
@media (min-width: 520px) {
  .xs\:rt-r-fg {
    flex-grow: var(--flex-grow-xs)
  }
  .xs\:rt-r-fg-0 {
    flex-grow: 0;
  }
  .xs\:rt-r-fg-1 {
    flex-grow: 1;
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-fg {
    flex-grow: var(--flex-grow-sm)
  }
  .sm\:rt-r-fg-0 {
    flex-grow: 0;
  }
  .sm\:rt-r-fg-1 {
    flex-grow: 1;
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-fg {
    flex-grow: var(--flex-grow-md)
  }
  .md\:rt-r-fg-0 {
    flex-grow: 0;
  }
  .md\:rt-r-fg-1 {
    flex-grow: 1;
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-fg {
    flex-grow: var(--flex-grow-lg)
  }
  .lg\:rt-r-fg-0 {
    flex-grow: 0;
  }
  .lg\:rt-r-fg-1 {
    flex-grow: 1;
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-fg {
    flex-grow: var(--flex-grow-xl)
  }
  .xl\:rt-r-fg-0 {
    flex-grow: 0;
  }
  .xl\:rt-r-fg-1 {
    flex-grow: 1;
  }
}
.rt-r-fs {
  flex-shrink: var(--flex-shrink)
}
.rt-r-fs-0 {
  flex-shrink: 0;
}
.rt-r-fs-1 {
  flex-shrink: 1;
}
@media (min-width: 520px) {
  .xs\:rt-r-fs {
    flex-shrink: var(--flex-shrink-xs)
  }
  .xs\:rt-r-fs-0 {
    flex-shrink: 0;
  }
  .xs\:rt-r-fs-1 {
    flex-shrink: 1;
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-fs {
    flex-shrink: var(--flex-shrink-sm)
  }
  .sm\:rt-r-fs-0 {
    flex-shrink: 0;
  }
  .sm\:rt-r-fs-1 {
    flex-shrink: 1;
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-fs {
    flex-shrink: var(--flex-shrink-md)
  }
  .md\:rt-r-fs-0 {
    flex-shrink: 0;
  }
  .md\:rt-r-fs-1 {
    flex-shrink: 1;
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-fs {
    flex-shrink: var(--flex-shrink-lg)
  }
  .lg\:rt-r-fs-0 {
    flex-shrink: 0;
  }
  .lg\:rt-r-fs-1 {
    flex-shrink: 1;
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-fs {
    flex-shrink: var(--flex-shrink-xl)
  }
  .xl\:rt-r-fs-0 {
    flex-shrink: 0;
  }
  .xl\:rt-r-fs-1 {
    flex-shrink: 1;
  }
}
.rt-r-fw-nowrap {
  flex-wrap: nowrap;
}
.rt-r-fw-wrap {
  flex-wrap: wrap;
}
.rt-r-fw-wrap-reverse {
  flex-wrap: wrap-reverse;
}
@media (min-width: 520px) {
  .xs\:rt-r-fw-nowrap {
    flex-wrap: nowrap;
  }
  .xs\:rt-r-fw-wrap {
    flex-wrap: wrap;
  }
  .xs\:rt-r-fw-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-fw-nowrap {
    flex-wrap: nowrap;
  }
  .sm\:rt-r-fw-wrap {
    flex-wrap: wrap;
  }
  .sm\:rt-r-fw-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-fw-nowrap {
    flex-wrap: nowrap;
  }
  .md\:rt-r-fw-wrap {
    flex-wrap: wrap;
  }
  .md\:rt-r-fw-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-fw-nowrap {
    flex-wrap: nowrap;
  }
  .lg\:rt-r-fw-wrap {
    flex-wrap: wrap;
  }
  .lg\:rt-r-fw-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-fw-nowrap {
    flex-wrap: nowrap;
  }
  .xl\:rt-r-fw-wrap {
    flex-wrap: wrap;
  }
  .xl\:rt-r-fw-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
.rt-r-gap {
  gap: var(--gap)
}
.rt-r-gap-0 {
  gap: 0;
}
.rt-r-gap-1 {
  gap: var(--space-1);
}
.rt-r-gap-2 {
  gap: var(--space-2);
}
.rt-r-gap-3 {
  gap: var(--space-3);
}
.rt-r-gap-4 {
  gap: var(--space-4);
}
.rt-r-gap-5 {
  gap: var(--space-5);
}
.rt-r-gap-6 {
  gap: var(--space-6);
}
.rt-r-gap-7 {
  gap: var(--space-7);
}
.rt-r-gap-8 {
  gap: var(--space-8);
}
.rt-r-gap-9 {
  gap: var(--space-9);
}
.rt-r-cg {
  -moz-column-gap: var(--column-gap);
       column-gap: var(--column-gap)
}
.rt-r-cg-0 {
  -moz-column-gap: 0;
       column-gap: 0;
}
.rt-r-cg-1 {
  -moz-column-gap: var(--space-1);
       column-gap: var(--space-1);
}
.rt-r-cg-2 {
  -moz-column-gap: var(--space-2);
       column-gap: var(--space-2);
}
.rt-r-cg-3 {
  -moz-column-gap: var(--space-3);
       column-gap: var(--space-3);
}
.rt-r-cg-4 {
  -moz-column-gap: var(--space-4);
       column-gap: var(--space-4);
}
.rt-r-cg-5 {
  -moz-column-gap: var(--space-5);
       column-gap: var(--space-5);
}
.rt-r-cg-6 {
  -moz-column-gap: var(--space-6);
       column-gap: var(--space-6);
}
.rt-r-cg-7 {
  -moz-column-gap: var(--space-7);
       column-gap: var(--space-7);
}
.rt-r-cg-8 {
  -moz-column-gap: var(--space-8);
       column-gap: var(--space-8);
}
.rt-r-cg-9 {
  -moz-column-gap: var(--space-9);
       column-gap: var(--space-9);
}
.rt-r-rg {
  row-gap: var(--row-gap)
}
.rt-r-rg-0 {
  row-gap: 0;
}
.rt-r-rg-1 {
  row-gap: var(--space-1);
}
.rt-r-rg-2 {
  row-gap: var(--space-2);
}
.rt-r-rg-3 {
  row-gap: var(--space-3);
}
.rt-r-rg-4 {
  row-gap: var(--space-4);
}
.rt-r-rg-5 {
  row-gap: var(--space-5);
}
.rt-r-rg-6 {
  row-gap: var(--space-6);
}
.rt-r-rg-7 {
  row-gap: var(--space-7);
}
.rt-r-rg-8 {
  row-gap: var(--space-8);
}
.rt-r-rg-9 {
  row-gap: var(--space-9);
}
@media (min-width: 520px) {
  .xs\:rt-r-gap {
    gap: var(--gap-xs)
  }
  .xs\:rt-r-gap-0 {
    gap: 0;
  }
  .xs\:rt-r-gap-1 {
    gap: var(--space-1);
  }
  .xs\:rt-r-gap-2 {
    gap: var(--space-2);
  }
  .xs\:rt-r-gap-3 {
    gap: var(--space-3);
  }
  .xs\:rt-r-gap-4 {
    gap: var(--space-4);
  }
  .xs\:rt-r-gap-5 {
    gap: var(--space-5);
  }
  .xs\:rt-r-gap-6 {
    gap: var(--space-6);
  }
  .xs\:rt-r-gap-7 {
    gap: var(--space-7);
  }
  .xs\:rt-r-gap-8 {
    gap: var(--space-8);
  }
  .xs\:rt-r-gap-9 {
    gap: var(--space-9);
  }
  .xs\:rt-r-cg {
    -moz-column-gap: var(--column-gap-xs);
         column-gap: var(--column-gap-xs)
  }
  .xs\:rt-r-cg-0 {
    -moz-column-gap: 0;
         column-gap: 0;
  }
  .xs\:rt-r-cg-1 {
    -moz-column-gap: var(--space-1);
         column-gap: var(--space-1);
  }
  .xs\:rt-r-cg-2 {
    -moz-column-gap: var(--space-2);
         column-gap: var(--space-2);
  }
  .xs\:rt-r-cg-3 {
    -moz-column-gap: var(--space-3);
         column-gap: var(--space-3);
  }
  .xs\:rt-r-cg-4 {
    -moz-column-gap: var(--space-4);
         column-gap: var(--space-4);
  }
  .xs\:rt-r-cg-5 {
    -moz-column-gap: var(--space-5);
         column-gap: var(--space-5);
  }
  .xs\:rt-r-cg-6 {
    -moz-column-gap: var(--space-6);
         column-gap: var(--space-6);
  }
  .xs\:rt-r-cg-7 {
    -moz-column-gap: var(--space-7);
         column-gap: var(--space-7);
  }
  .xs\:rt-r-cg-8 {
    -moz-column-gap: var(--space-8);
         column-gap: var(--space-8);
  }
  .xs\:rt-r-cg-9 {
    -moz-column-gap: var(--space-9);
         column-gap: var(--space-9);
  }
  .xs\:rt-r-rg {
    row-gap: var(--row-gap-xs)
  }
  .xs\:rt-r-rg-0 {
    row-gap: 0;
  }
  .xs\:rt-r-rg-1 {
    row-gap: var(--space-1);
  }
  .xs\:rt-r-rg-2 {
    row-gap: var(--space-2);
  }
  .xs\:rt-r-rg-3 {
    row-gap: var(--space-3);
  }
  .xs\:rt-r-rg-4 {
    row-gap: var(--space-4);
  }
  .xs\:rt-r-rg-5 {
    row-gap: var(--space-5);
  }
  .xs\:rt-r-rg-6 {
    row-gap: var(--space-6);
  }
  .xs\:rt-r-rg-7 {
    row-gap: var(--space-7);
  }
  .xs\:rt-r-rg-8 {
    row-gap: var(--space-8);
  }
  .xs\:rt-r-rg-9 {
    row-gap: var(--space-9);
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-gap {
    gap: var(--gap-sm)
  }
  .sm\:rt-r-gap-0 {
    gap: 0;
  }
  .sm\:rt-r-gap-1 {
    gap: var(--space-1);
  }
  .sm\:rt-r-gap-2 {
    gap: var(--space-2);
  }
  .sm\:rt-r-gap-3 {
    gap: var(--space-3);
  }
  .sm\:rt-r-gap-4 {
    gap: var(--space-4);
  }
  .sm\:rt-r-gap-5 {
    gap: var(--space-5);
  }
  .sm\:rt-r-gap-6 {
    gap: var(--space-6);
  }
  .sm\:rt-r-gap-7 {
    gap: var(--space-7);
  }
  .sm\:rt-r-gap-8 {
    gap: var(--space-8);
  }
  .sm\:rt-r-gap-9 {
    gap: var(--space-9);
  }
  .sm\:rt-r-cg {
    -moz-column-gap: var(--column-gap-sm);
         column-gap: var(--column-gap-sm)
  }
  .sm\:rt-r-cg-0 {
    -moz-column-gap: 0;
         column-gap: 0;
  }
  .sm\:rt-r-cg-1 {
    -moz-column-gap: var(--space-1);
         column-gap: var(--space-1);
  }
  .sm\:rt-r-cg-2 {
    -moz-column-gap: var(--space-2);
         column-gap: var(--space-2);
  }
  .sm\:rt-r-cg-3 {
    -moz-column-gap: var(--space-3);
         column-gap: var(--space-3);
  }
  .sm\:rt-r-cg-4 {
    -moz-column-gap: var(--space-4);
         column-gap: var(--space-4);
  }
  .sm\:rt-r-cg-5 {
    -moz-column-gap: var(--space-5);
         column-gap: var(--space-5);
  }
  .sm\:rt-r-cg-6 {
    -moz-column-gap: var(--space-6);
         column-gap: var(--space-6);
  }
  .sm\:rt-r-cg-7 {
    -moz-column-gap: var(--space-7);
         column-gap: var(--space-7);
  }
  .sm\:rt-r-cg-8 {
    -moz-column-gap: var(--space-8);
         column-gap: var(--space-8);
  }
  .sm\:rt-r-cg-9 {
    -moz-column-gap: var(--space-9);
         column-gap: var(--space-9);
  }
  .sm\:rt-r-rg {
    row-gap: var(--row-gap-sm)
  }
  .sm\:rt-r-rg-0 {
    row-gap: 0;
  }
  .sm\:rt-r-rg-1 {
    row-gap: var(--space-1);
  }
  .sm\:rt-r-rg-2 {
    row-gap: var(--space-2);
  }
  .sm\:rt-r-rg-3 {
    row-gap: var(--space-3);
  }
  .sm\:rt-r-rg-4 {
    row-gap: var(--space-4);
  }
  .sm\:rt-r-rg-5 {
    row-gap: var(--space-5);
  }
  .sm\:rt-r-rg-6 {
    row-gap: var(--space-6);
  }
  .sm\:rt-r-rg-7 {
    row-gap: var(--space-7);
  }
  .sm\:rt-r-rg-8 {
    row-gap: var(--space-8);
  }
  .sm\:rt-r-rg-9 {
    row-gap: var(--space-9);
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-gap {
    gap: var(--gap-md)
  }
  .md\:rt-r-gap-0 {
    gap: 0;
  }
  .md\:rt-r-gap-1 {
    gap: var(--space-1);
  }
  .md\:rt-r-gap-2 {
    gap: var(--space-2);
  }
  .md\:rt-r-gap-3 {
    gap: var(--space-3);
  }
  .md\:rt-r-gap-4 {
    gap: var(--space-4);
  }
  .md\:rt-r-gap-5 {
    gap: var(--space-5);
  }
  .md\:rt-r-gap-6 {
    gap: var(--space-6);
  }
  .md\:rt-r-gap-7 {
    gap: var(--space-7);
  }
  .md\:rt-r-gap-8 {
    gap: var(--space-8);
  }
  .md\:rt-r-gap-9 {
    gap: var(--space-9);
  }
  .md\:rt-r-cg {
    -moz-column-gap: var(--column-gap-md);
         column-gap: var(--column-gap-md)
  }
  .md\:rt-r-cg-0 {
    -moz-column-gap: 0;
         column-gap: 0;
  }
  .md\:rt-r-cg-1 {
    -moz-column-gap: var(--space-1);
         column-gap: var(--space-1);
  }
  .md\:rt-r-cg-2 {
    -moz-column-gap: var(--space-2);
         column-gap: var(--space-2);
  }
  .md\:rt-r-cg-3 {
    -moz-column-gap: var(--space-3);
         column-gap: var(--space-3);
  }
  .md\:rt-r-cg-4 {
    -moz-column-gap: var(--space-4);
         column-gap: var(--space-4);
  }
  .md\:rt-r-cg-5 {
    -moz-column-gap: var(--space-5);
         column-gap: var(--space-5);
  }
  .md\:rt-r-cg-6 {
    -moz-column-gap: var(--space-6);
         column-gap: var(--space-6);
  }
  .md\:rt-r-cg-7 {
    -moz-column-gap: var(--space-7);
         column-gap: var(--space-7);
  }
  .md\:rt-r-cg-8 {
    -moz-column-gap: var(--space-8);
         column-gap: var(--space-8);
  }
  .md\:rt-r-cg-9 {
    -moz-column-gap: var(--space-9);
         column-gap: var(--space-9);
  }
  .md\:rt-r-rg {
    row-gap: var(--row-gap-md)
  }
  .md\:rt-r-rg-0 {
    row-gap: 0;
  }
  .md\:rt-r-rg-1 {
    row-gap: var(--space-1);
  }
  .md\:rt-r-rg-2 {
    row-gap: var(--space-2);
  }
  .md\:rt-r-rg-3 {
    row-gap: var(--space-3);
  }
  .md\:rt-r-rg-4 {
    row-gap: var(--space-4);
  }
  .md\:rt-r-rg-5 {
    row-gap: var(--space-5);
  }
  .md\:rt-r-rg-6 {
    row-gap: var(--space-6);
  }
  .md\:rt-r-rg-7 {
    row-gap: var(--space-7);
  }
  .md\:rt-r-rg-8 {
    row-gap: var(--space-8);
  }
  .md\:rt-r-rg-9 {
    row-gap: var(--space-9);
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-gap {
    gap: var(--gap-lg)
  }
  .lg\:rt-r-gap-0 {
    gap: 0;
  }
  .lg\:rt-r-gap-1 {
    gap: var(--space-1);
  }
  .lg\:rt-r-gap-2 {
    gap: var(--space-2);
  }
  .lg\:rt-r-gap-3 {
    gap: var(--space-3);
  }
  .lg\:rt-r-gap-4 {
    gap: var(--space-4);
  }
  .lg\:rt-r-gap-5 {
    gap: var(--space-5);
  }
  .lg\:rt-r-gap-6 {
    gap: var(--space-6);
  }
  .lg\:rt-r-gap-7 {
    gap: var(--space-7);
  }
  .lg\:rt-r-gap-8 {
    gap: var(--space-8);
  }
  .lg\:rt-r-gap-9 {
    gap: var(--space-9);
  }
  .lg\:rt-r-cg {
    -moz-column-gap: var(--column-gap-lg);
         column-gap: var(--column-gap-lg)
  }
  .lg\:rt-r-cg-0 {
    -moz-column-gap: 0;
         column-gap: 0;
  }
  .lg\:rt-r-cg-1 {
    -moz-column-gap: var(--space-1);
         column-gap: var(--space-1);
  }
  .lg\:rt-r-cg-2 {
    -moz-column-gap: var(--space-2);
         column-gap: var(--space-2);
  }
  .lg\:rt-r-cg-3 {
    -moz-column-gap: var(--space-3);
         column-gap: var(--space-3);
  }
  .lg\:rt-r-cg-4 {
    -moz-column-gap: var(--space-4);
         column-gap: var(--space-4);
  }
  .lg\:rt-r-cg-5 {
    -moz-column-gap: var(--space-5);
         column-gap: var(--space-5);
  }
  .lg\:rt-r-cg-6 {
    -moz-column-gap: var(--space-6);
         column-gap: var(--space-6);
  }
  .lg\:rt-r-cg-7 {
    -moz-column-gap: var(--space-7);
         column-gap: var(--space-7);
  }
  .lg\:rt-r-cg-8 {
    -moz-column-gap: var(--space-8);
         column-gap: var(--space-8);
  }
  .lg\:rt-r-cg-9 {
    -moz-column-gap: var(--space-9);
         column-gap: var(--space-9);
  }
  .lg\:rt-r-rg {
    row-gap: var(--row-gap-lg)
  }
  .lg\:rt-r-rg-0 {
    row-gap: 0;
  }
  .lg\:rt-r-rg-1 {
    row-gap: var(--space-1);
  }
  .lg\:rt-r-rg-2 {
    row-gap: var(--space-2);
  }
  .lg\:rt-r-rg-3 {
    row-gap: var(--space-3);
  }
  .lg\:rt-r-rg-4 {
    row-gap: var(--space-4);
  }
  .lg\:rt-r-rg-5 {
    row-gap: var(--space-5);
  }
  .lg\:rt-r-rg-6 {
    row-gap: var(--space-6);
  }
  .lg\:rt-r-rg-7 {
    row-gap: var(--space-7);
  }
  .lg\:rt-r-rg-8 {
    row-gap: var(--space-8);
  }
  .lg\:rt-r-rg-9 {
    row-gap: var(--space-9);
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-gap {
    gap: var(--gap-xl)
  }
  .xl\:rt-r-gap-0 {
    gap: 0;
  }
  .xl\:rt-r-gap-1 {
    gap: var(--space-1);
  }
  .xl\:rt-r-gap-2 {
    gap: var(--space-2);
  }
  .xl\:rt-r-gap-3 {
    gap: var(--space-3);
  }
  .xl\:rt-r-gap-4 {
    gap: var(--space-4);
  }
  .xl\:rt-r-gap-5 {
    gap: var(--space-5);
  }
  .xl\:rt-r-gap-6 {
    gap: var(--space-6);
  }
  .xl\:rt-r-gap-7 {
    gap: var(--space-7);
  }
  .xl\:rt-r-gap-8 {
    gap: var(--space-8);
  }
  .xl\:rt-r-gap-9 {
    gap: var(--space-9);
  }
  .xl\:rt-r-cg {
    -moz-column-gap: var(--column-gap-xl);
         column-gap: var(--column-gap-xl)
  }
  .xl\:rt-r-cg-0 {
    -moz-column-gap: 0;
         column-gap: 0;
  }
  .xl\:rt-r-cg-1 {
    -moz-column-gap: var(--space-1);
         column-gap: var(--space-1);
  }
  .xl\:rt-r-cg-2 {
    -moz-column-gap: var(--space-2);
         column-gap: var(--space-2);
  }
  .xl\:rt-r-cg-3 {
    -moz-column-gap: var(--space-3);
         column-gap: var(--space-3);
  }
  .xl\:rt-r-cg-4 {
    -moz-column-gap: var(--space-4);
         column-gap: var(--space-4);
  }
  .xl\:rt-r-cg-5 {
    -moz-column-gap: var(--space-5);
         column-gap: var(--space-5);
  }
  .xl\:rt-r-cg-6 {
    -moz-column-gap: var(--space-6);
         column-gap: var(--space-6);
  }
  .xl\:rt-r-cg-7 {
    -moz-column-gap: var(--space-7);
         column-gap: var(--space-7);
  }
  .xl\:rt-r-cg-8 {
    -moz-column-gap: var(--space-8);
         column-gap: var(--space-8);
  }
  .xl\:rt-r-cg-9 {
    -moz-column-gap: var(--space-9);
         column-gap: var(--space-9);
  }
  .xl\:rt-r-rg {
    row-gap: var(--row-gap-xl)
  }
  .xl\:rt-r-rg-0 {
    row-gap: 0;
  }
  .xl\:rt-r-rg-1 {
    row-gap: var(--space-1);
  }
  .xl\:rt-r-rg-2 {
    row-gap: var(--space-2);
  }
  .xl\:rt-r-rg-3 {
    row-gap: var(--space-3);
  }
  .xl\:rt-r-rg-4 {
    row-gap: var(--space-4);
  }
  .xl\:rt-r-rg-5 {
    row-gap: var(--space-5);
  }
  .xl\:rt-r-rg-6 {
    row-gap: var(--space-6);
  }
  .xl\:rt-r-rg-7 {
    row-gap: var(--space-7);
  }
  .xl\:rt-r-rg-8 {
    row-gap: var(--space-8);
  }
  .xl\:rt-r-rg-9 {
    row-gap: var(--space-9);
  }
}
.rt-r-ga {
  grid-area: var(--grid-area);
}
@media (min-width: 520px) {
  .xs\:rt-r-ga {
    grid-area: var(--grid-area-xs);
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-ga {
    grid-area: var(--grid-area-sm);
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-ga {
    grid-area: var(--grid-area-md);
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-ga {
    grid-area: var(--grid-area-lg);
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-ga {
    grid-area: var(--grid-area-xl);
  }
}
.rt-r-gaf-row {
  grid-auto-flow: row;
}
.rt-r-gaf-column {
  grid-auto-flow: column;
}
.rt-r-gaf-dense {
  grid-auto-flow: dense;
}
.rt-r-gaf-row-dense {
  grid-auto-flow: row dense;
}
.rt-r-gaf-column-dense {
  grid-auto-flow: column dense;
}
@media (min-width: 520px) {
  .xs\:rt-r-gaf-row {
    grid-auto-flow: row;
  }
  .xs\:rt-r-gaf-column {
    grid-auto-flow: column;
  }
  .xs\:rt-r-gaf-dense {
    grid-auto-flow: dense;
  }
  .xs\:rt-r-gaf-row-dense {
    grid-auto-flow: row dense;
  }
  .xs\:rt-r-gaf-column-dense {
    grid-auto-flow: column dense;
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-gaf-row {
    grid-auto-flow: row;
  }
  .sm\:rt-r-gaf-column {
    grid-auto-flow: column;
  }
  .sm\:rt-r-gaf-dense {
    grid-auto-flow: dense;
  }
  .sm\:rt-r-gaf-row-dense {
    grid-auto-flow: row dense;
  }
  .sm\:rt-r-gaf-column-dense {
    grid-auto-flow: column dense;
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-gaf-row {
    grid-auto-flow: row;
  }
  .md\:rt-r-gaf-column {
    grid-auto-flow: column;
  }
  .md\:rt-r-gaf-dense {
    grid-auto-flow: dense;
  }
  .md\:rt-r-gaf-row-dense {
    grid-auto-flow: row dense;
  }
  .md\:rt-r-gaf-column-dense {
    grid-auto-flow: column dense;
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-gaf-row {
    grid-auto-flow: row;
  }
  .lg\:rt-r-gaf-column {
    grid-auto-flow: column;
  }
  .lg\:rt-r-gaf-dense {
    grid-auto-flow: dense;
  }
  .lg\:rt-r-gaf-row-dense {
    grid-auto-flow: row dense;
  }
  .lg\:rt-r-gaf-column-dense {
    grid-auto-flow: column dense;
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-gaf-row {
    grid-auto-flow: row;
  }
  .xl\:rt-r-gaf-column {
    grid-auto-flow: column;
  }
  .xl\:rt-r-gaf-dense {
    grid-auto-flow: dense;
  }
  .xl\:rt-r-gaf-row-dense {
    grid-auto-flow: row dense;
  }
  .xl\:rt-r-gaf-column-dense {
    grid-auto-flow: column dense;
  }
}
.rt-r-gc {
  grid-column: var(--grid-column)
}
.rt-r-gc-1 {
  grid-column: 1;
}
.rt-r-gc-2 {
  grid-column: 2;
}
.rt-r-gc-3 {
  grid-column: 3;
}
.rt-r-gc-4 {
  grid-column: 4;
}
.rt-r-gc-5 {
  grid-column: 5;
}
.rt-r-gc-6 {
  grid-column: 6;
}
.rt-r-gc-7 {
  grid-column: 7;
}
.rt-r-gc-8 {
  grid-column: 8;
}
.rt-r-gc-9 {
  grid-column: 9;
}
@media (min-width: 520px) {
  .xs\:rt-r-gc {
    grid-column: var(--grid-column-xs)
  }
  .xs\:rt-r-gc-1 {
    grid-column: 1;
  }
  .xs\:rt-r-gc-2 {
    grid-column: 2;
  }
  .xs\:rt-r-gc-3 {
    grid-column: 3;
  }
  .xs\:rt-r-gc-4 {
    grid-column: 4;
  }
  .xs\:rt-r-gc-5 {
    grid-column: 5;
  }
  .xs\:rt-r-gc-6 {
    grid-column: 6;
  }
  .xs\:rt-r-gc-7 {
    grid-column: 7;
  }
  .xs\:rt-r-gc-8 {
    grid-column: 8;
  }
  .xs\:rt-r-gc-9 {
    grid-column: 9;
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-gc {
    grid-column: var(--grid-column-sm)
  }
  .sm\:rt-r-gc-1 {
    grid-column: 1;
  }
  .sm\:rt-r-gc-2 {
    grid-column: 2;
  }
  .sm\:rt-r-gc-3 {
    grid-column: 3;
  }
  .sm\:rt-r-gc-4 {
    grid-column: 4;
  }
  .sm\:rt-r-gc-5 {
    grid-column: 5;
  }
  .sm\:rt-r-gc-6 {
    grid-column: 6;
  }
  .sm\:rt-r-gc-7 {
    grid-column: 7;
  }
  .sm\:rt-r-gc-8 {
    grid-column: 8;
  }
  .sm\:rt-r-gc-9 {
    grid-column: 9;
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-gc {
    grid-column: var(--grid-column-md)
  }
  .md\:rt-r-gc-1 {
    grid-column: 1;
  }
  .md\:rt-r-gc-2 {
    grid-column: 2;
  }
  .md\:rt-r-gc-3 {
    grid-column: 3;
  }
  .md\:rt-r-gc-4 {
    grid-column: 4;
  }
  .md\:rt-r-gc-5 {
    grid-column: 5;
  }
  .md\:rt-r-gc-6 {
    grid-column: 6;
  }
  .md\:rt-r-gc-7 {
    grid-column: 7;
  }
  .md\:rt-r-gc-8 {
    grid-column: 8;
  }
  .md\:rt-r-gc-9 {
    grid-column: 9;
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-gc {
    grid-column: var(--grid-column-lg)
  }
  .lg\:rt-r-gc-1 {
    grid-column: 1;
  }
  .lg\:rt-r-gc-2 {
    grid-column: 2;
  }
  .lg\:rt-r-gc-3 {
    grid-column: 3;
  }
  .lg\:rt-r-gc-4 {
    grid-column: 4;
  }
  .lg\:rt-r-gc-5 {
    grid-column: 5;
  }
  .lg\:rt-r-gc-6 {
    grid-column: 6;
  }
  .lg\:rt-r-gc-7 {
    grid-column: 7;
  }
  .lg\:rt-r-gc-8 {
    grid-column: 8;
  }
  .lg\:rt-r-gc-9 {
    grid-column: 9;
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-gc {
    grid-column: var(--grid-column-xl)
  }
  .xl\:rt-r-gc-1 {
    grid-column: 1;
  }
  .xl\:rt-r-gc-2 {
    grid-column: 2;
  }
  .xl\:rt-r-gc-3 {
    grid-column: 3;
  }
  .xl\:rt-r-gc-4 {
    grid-column: 4;
  }
  .xl\:rt-r-gc-5 {
    grid-column: 5;
  }
  .xl\:rt-r-gc-6 {
    grid-column: 6;
  }
  .xl\:rt-r-gc-7 {
    grid-column: 7;
  }
  .xl\:rt-r-gc-8 {
    grid-column: 8;
  }
  .xl\:rt-r-gc-9 {
    grid-column: 9;
  }
}
.rt-r-gcs {
  grid-column-start: var(--grid-column-start)
}
.rt-r-gcs-1 {
  grid-column-start: 1;
}
.rt-r-gcs-2 {
  grid-column-start: 2;
}
.rt-r-gcs-3 {
  grid-column-start: 3;
}
.rt-r-gcs-4 {
  grid-column-start: 4;
}
.rt-r-gcs-5 {
  grid-column-start: 5;
}
.rt-r-gcs-6 {
  grid-column-start: 6;
}
.rt-r-gcs-7 {
  grid-column-start: 7;
}
.rt-r-gcs-8 {
  grid-column-start: 8;
}
.rt-r-gcs-9 {
  grid-column-start: 9;
}
@media (min-width: 520px) {
  .xs\:rt-r-gcs {
    grid-column-start: var(--grid-column-start-xs)
  }
  .xs\:rt-r-gcs-1 {
    grid-column-start: 1;
  }
  .xs\:rt-r-gcs-2 {
    grid-column-start: 2;
  }
  .xs\:rt-r-gcs-3 {
    grid-column-start: 3;
  }
  .xs\:rt-r-gcs-4 {
    grid-column-start: 4;
  }
  .xs\:rt-r-gcs-5 {
    grid-column-start: 5;
  }
  .xs\:rt-r-gcs-6 {
    grid-column-start: 6;
  }
  .xs\:rt-r-gcs-7 {
    grid-column-start: 7;
  }
  .xs\:rt-r-gcs-8 {
    grid-column-start: 8;
  }
  .xs\:rt-r-gcs-9 {
    grid-column-start: 9;
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-gcs {
    grid-column-start: var(--grid-column-start-sm)
  }
  .sm\:rt-r-gcs-1 {
    grid-column-start: 1;
  }
  .sm\:rt-r-gcs-2 {
    grid-column-start: 2;
  }
  .sm\:rt-r-gcs-3 {
    grid-column-start: 3;
  }
  .sm\:rt-r-gcs-4 {
    grid-column-start: 4;
  }
  .sm\:rt-r-gcs-5 {
    grid-column-start: 5;
  }
  .sm\:rt-r-gcs-6 {
    grid-column-start: 6;
  }
  .sm\:rt-r-gcs-7 {
    grid-column-start: 7;
  }
  .sm\:rt-r-gcs-8 {
    grid-column-start: 8;
  }
  .sm\:rt-r-gcs-9 {
    grid-column-start: 9;
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-gcs {
    grid-column-start: var(--grid-column-start-md)
  }
  .md\:rt-r-gcs-1 {
    grid-column-start: 1;
  }
  .md\:rt-r-gcs-2 {
    grid-column-start: 2;
  }
  .md\:rt-r-gcs-3 {
    grid-column-start: 3;
  }
  .md\:rt-r-gcs-4 {
    grid-column-start: 4;
  }
  .md\:rt-r-gcs-5 {
    grid-column-start: 5;
  }
  .md\:rt-r-gcs-6 {
    grid-column-start: 6;
  }
  .md\:rt-r-gcs-7 {
    grid-column-start: 7;
  }
  .md\:rt-r-gcs-8 {
    grid-column-start: 8;
  }
  .md\:rt-r-gcs-9 {
    grid-column-start: 9;
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-gcs {
    grid-column-start: var(--grid-column-start-lg)
  }
  .lg\:rt-r-gcs-1 {
    grid-column-start: 1;
  }
  .lg\:rt-r-gcs-2 {
    grid-column-start: 2;
  }
  .lg\:rt-r-gcs-3 {
    grid-column-start: 3;
  }
  .lg\:rt-r-gcs-4 {
    grid-column-start: 4;
  }
  .lg\:rt-r-gcs-5 {
    grid-column-start: 5;
  }
  .lg\:rt-r-gcs-6 {
    grid-column-start: 6;
  }
  .lg\:rt-r-gcs-7 {
    grid-column-start: 7;
  }
  .lg\:rt-r-gcs-8 {
    grid-column-start: 8;
  }
  .lg\:rt-r-gcs-9 {
    grid-column-start: 9;
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-gcs {
    grid-column-start: var(--grid-column-start-xl)
  }
  .xl\:rt-r-gcs-1 {
    grid-column-start: 1;
  }
  .xl\:rt-r-gcs-2 {
    grid-column-start: 2;
  }
  .xl\:rt-r-gcs-3 {
    grid-column-start: 3;
  }
  .xl\:rt-r-gcs-4 {
    grid-column-start: 4;
  }
  .xl\:rt-r-gcs-5 {
    grid-column-start: 5;
  }
  .xl\:rt-r-gcs-6 {
    grid-column-start: 6;
  }
  .xl\:rt-r-gcs-7 {
    grid-column-start: 7;
  }
  .xl\:rt-r-gcs-8 {
    grid-column-start: 8;
  }
  .xl\:rt-r-gcs-9 {
    grid-column-start: 9;
  }
}
.rt-r-gce {
  grid-column-end: var(--grid-column-end)
}
.rt-r-gce-1 {
  grid-column-end: 1;
}
.rt-r-gce-2 {
  grid-column-end: 2;
}
.rt-r-gce-3 {
  grid-column-end: 3;
}
.rt-r-gce-4 {
  grid-column-end: 4;
}
.rt-r-gce-5 {
  grid-column-end: 5;
}
.rt-r-gce-6 {
  grid-column-end: 6;
}
.rt-r-gce-7 {
  grid-column-end: 7;
}
.rt-r-gce-8 {
  grid-column-end: 8;
}
.rt-r-gce-9 {
  grid-column-end: 9;
}
@media (min-width: 520px) {
  .xs\:rt-r-gce {
    grid-column-end: var(--grid-column-end-xs)
  }
  .xs\:rt-r-gce-1 {
    grid-column-end: 1;
  }
  .xs\:rt-r-gce-2 {
    grid-column-end: 2;
  }
  .xs\:rt-r-gce-3 {
    grid-column-end: 3;
  }
  .xs\:rt-r-gce-4 {
    grid-column-end: 4;
  }
  .xs\:rt-r-gce-5 {
    grid-column-end: 5;
  }
  .xs\:rt-r-gce-6 {
    grid-column-end: 6;
  }
  .xs\:rt-r-gce-7 {
    grid-column-end: 7;
  }
  .xs\:rt-r-gce-8 {
    grid-column-end: 8;
  }
  .xs\:rt-r-gce-9 {
    grid-column-end: 9;
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-gce {
    grid-column-end: var(--grid-column-end-sm)
  }
  .sm\:rt-r-gce-1 {
    grid-column-end: 1;
  }
  .sm\:rt-r-gce-2 {
    grid-column-end: 2;
  }
  .sm\:rt-r-gce-3 {
    grid-column-end: 3;
  }
  .sm\:rt-r-gce-4 {
    grid-column-end: 4;
  }
  .sm\:rt-r-gce-5 {
    grid-column-end: 5;
  }
  .sm\:rt-r-gce-6 {
    grid-column-end: 6;
  }
  .sm\:rt-r-gce-7 {
    grid-column-end: 7;
  }
  .sm\:rt-r-gce-8 {
    grid-column-end: 8;
  }
  .sm\:rt-r-gce-9 {
    grid-column-end: 9;
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-gce {
    grid-column-end: var(--grid-column-end-md)
  }
  .md\:rt-r-gce-1 {
    grid-column-end: 1;
  }
  .md\:rt-r-gce-2 {
    grid-column-end: 2;
  }
  .md\:rt-r-gce-3 {
    grid-column-end: 3;
  }
  .md\:rt-r-gce-4 {
    grid-column-end: 4;
  }
  .md\:rt-r-gce-5 {
    grid-column-end: 5;
  }
  .md\:rt-r-gce-6 {
    grid-column-end: 6;
  }
  .md\:rt-r-gce-7 {
    grid-column-end: 7;
  }
  .md\:rt-r-gce-8 {
    grid-column-end: 8;
  }
  .md\:rt-r-gce-9 {
    grid-column-end: 9;
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-gce {
    grid-column-end: var(--grid-column-end-lg)
  }
  .lg\:rt-r-gce-1 {
    grid-column-end: 1;
  }
  .lg\:rt-r-gce-2 {
    grid-column-end: 2;
  }
  .lg\:rt-r-gce-3 {
    grid-column-end: 3;
  }
  .lg\:rt-r-gce-4 {
    grid-column-end: 4;
  }
  .lg\:rt-r-gce-5 {
    grid-column-end: 5;
  }
  .lg\:rt-r-gce-6 {
    grid-column-end: 6;
  }
  .lg\:rt-r-gce-7 {
    grid-column-end: 7;
  }
  .lg\:rt-r-gce-8 {
    grid-column-end: 8;
  }
  .lg\:rt-r-gce-9 {
    grid-column-end: 9;
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-gce {
    grid-column-end: var(--grid-column-end-xl)
  }
  .xl\:rt-r-gce-1 {
    grid-column-end: 1;
  }
  .xl\:rt-r-gce-2 {
    grid-column-end: 2;
  }
  .xl\:rt-r-gce-3 {
    grid-column-end: 3;
  }
  .xl\:rt-r-gce-4 {
    grid-column-end: 4;
  }
  .xl\:rt-r-gce-5 {
    grid-column-end: 5;
  }
  .xl\:rt-r-gce-6 {
    grid-column-end: 6;
  }
  .xl\:rt-r-gce-7 {
    grid-column-end: 7;
  }
  .xl\:rt-r-gce-8 {
    grid-column-end: 8;
  }
  .xl\:rt-r-gce-9 {
    grid-column-end: 9;
  }
}
.rt-r-gr {
  grid-row: var(--grid-row)
}
.rt-r-gr-1 {
  grid-row: 1;
}
.rt-r-gr-2 {
  grid-row: 2;
}
.rt-r-gr-3 {
  grid-row: 3;
}
.rt-r-gr-4 {
  grid-row: 4;
}
.rt-r-gr-5 {
  grid-row: 5;
}
.rt-r-gr-6 {
  grid-row: 6;
}
.rt-r-gr-7 {
  grid-row: 7;
}
.rt-r-gr-8 {
  grid-row: 8;
}
.rt-r-gr-9 {
  grid-row: 9;
}
@media (min-width: 520px) {
  .xs\:rt-r-gr {
    grid-row: var(--grid-row-xs)
  }
  .xs\:rt-r-gr-1 {
    grid-row: 1;
  }
  .xs\:rt-r-gr-2 {
    grid-row: 2;
  }
  .xs\:rt-r-gr-3 {
    grid-row: 3;
  }
  .xs\:rt-r-gr-4 {
    grid-row: 4;
  }
  .xs\:rt-r-gr-5 {
    grid-row: 5;
  }
  .xs\:rt-r-gr-6 {
    grid-row: 6;
  }
  .xs\:rt-r-gr-7 {
    grid-row: 7;
  }
  .xs\:rt-r-gr-8 {
    grid-row: 8;
  }
  .xs\:rt-r-gr-9 {
    grid-row: 9;
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-gr {
    grid-row: var(--grid-row-sm)
  }
  .sm\:rt-r-gr-1 {
    grid-row: 1;
  }
  .sm\:rt-r-gr-2 {
    grid-row: 2;
  }
  .sm\:rt-r-gr-3 {
    grid-row: 3;
  }
  .sm\:rt-r-gr-4 {
    grid-row: 4;
  }
  .sm\:rt-r-gr-5 {
    grid-row: 5;
  }
  .sm\:rt-r-gr-6 {
    grid-row: 6;
  }
  .sm\:rt-r-gr-7 {
    grid-row: 7;
  }
  .sm\:rt-r-gr-8 {
    grid-row: 8;
  }
  .sm\:rt-r-gr-9 {
    grid-row: 9;
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-gr {
    grid-row: var(--grid-row-md)
  }
  .md\:rt-r-gr-1 {
    grid-row: 1;
  }
  .md\:rt-r-gr-2 {
    grid-row: 2;
  }
  .md\:rt-r-gr-3 {
    grid-row: 3;
  }
  .md\:rt-r-gr-4 {
    grid-row: 4;
  }
  .md\:rt-r-gr-5 {
    grid-row: 5;
  }
  .md\:rt-r-gr-6 {
    grid-row: 6;
  }
  .md\:rt-r-gr-7 {
    grid-row: 7;
  }
  .md\:rt-r-gr-8 {
    grid-row: 8;
  }
  .md\:rt-r-gr-9 {
    grid-row: 9;
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-gr {
    grid-row: var(--grid-row-lg)
  }
  .lg\:rt-r-gr-1 {
    grid-row: 1;
  }
  .lg\:rt-r-gr-2 {
    grid-row: 2;
  }
  .lg\:rt-r-gr-3 {
    grid-row: 3;
  }
  .lg\:rt-r-gr-4 {
    grid-row: 4;
  }
  .lg\:rt-r-gr-5 {
    grid-row: 5;
  }
  .lg\:rt-r-gr-6 {
    grid-row: 6;
  }
  .lg\:rt-r-gr-7 {
    grid-row: 7;
  }
  .lg\:rt-r-gr-8 {
    grid-row: 8;
  }
  .lg\:rt-r-gr-9 {
    grid-row: 9;
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-gr {
    grid-row: var(--grid-row-xl)
  }
  .xl\:rt-r-gr-1 {
    grid-row: 1;
  }
  .xl\:rt-r-gr-2 {
    grid-row: 2;
  }
  .xl\:rt-r-gr-3 {
    grid-row: 3;
  }
  .xl\:rt-r-gr-4 {
    grid-row: 4;
  }
  .xl\:rt-r-gr-5 {
    grid-row: 5;
  }
  .xl\:rt-r-gr-6 {
    grid-row: 6;
  }
  .xl\:rt-r-gr-7 {
    grid-row: 7;
  }
  .xl\:rt-r-gr-8 {
    grid-row: 8;
  }
  .xl\:rt-r-gr-9 {
    grid-row: 9;
  }
}
.rt-r-grs {
  grid-row-start: var(--grid-row-start)
}
.rt-r-grs-1 {
  grid-row-start: 1;
}
.rt-r-grs-2 {
  grid-row-start: 2;
}
.rt-r-grs-3 {
  grid-row-start: 3;
}
.rt-r-grs-4 {
  grid-row-start: 4;
}
.rt-r-grs-5 {
  grid-row-start: 5;
}
.rt-r-grs-6 {
  grid-row-start: 6;
}
.rt-r-grs-7 {
  grid-row-start: 7;
}
.rt-r-grs-8 {
  grid-row-start: 8;
}
.rt-r-grs-9 {
  grid-row-start: 9;
}
@media (min-width: 520px) {
  .xs\:rt-r-grs {
    grid-row-start: var(--grid-row-start-xs)
  }
  .xs\:rt-r-grs-1 {
    grid-row-start: 1;
  }
  .xs\:rt-r-grs-2 {
    grid-row-start: 2;
  }
  .xs\:rt-r-grs-3 {
    grid-row-start: 3;
  }
  .xs\:rt-r-grs-4 {
    grid-row-start: 4;
  }
  .xs\:rt-r-grs-5 {
    grid-row-start: 5;
  }
  .xs\:rt-r-grs-6 {
    grid-row-start: 6;
  }
  .xs\:rt-r-grs-7 {
    grid-row-start: 7;
  }
  .xs\:rt-r-grs-8 {
    grid-row-start: 8;
  }
  .xs\:rt-r-grs-9 {
    grid-row-start: 9;
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-grs {
    grid-row-start: var(--grid-row-start-sm)
  }
  .sm\:rt-r-grs-1 {
    grid-row-start: 1;
  }
  .sm\:rt-r-grs-2 {
    grid-row-start: 2;
  }
  .sm\:rt-r-grs-3 {
    grid-row-start: 3;
  }
  .sm\:rt-r-grs-4 {
    grid-row-start: 4;
  }
  .sm\:rt-r-grs-5 {
    grid-row-start: 5;
  }
  .sm\:rt-r-grs-6 {
    grid-row-start: 6;
  }
  .sm\:rt-r-grs-7 {
    grid-row-start: 7;
  }
  .sm\:rt-r-grs-8 {
    grid-row-start: 8;
  }
  .sm\:rt-r-grs-9 {
    grid-row-start: 9;
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-grs {
    grid-row-start: var(--grid-row-start-md)
  }
  .md\:rt-r-grs-1 {
    grid-row-start: 1;
  }
  .md\:rt-r-grs-2 {
    grid-row-start: 2;
  }
  .md\:rt-r-grs-3 {
    grid-row-start: 3;
  }
  .md\:rt-r-grs-4 {
    grid-row-start: 4;
  }
  .md\:rt-r-grs-5 {
    grid-row-start: 5;
  }
  .md\:rt-r-grs-6 {
    grid-row-start: 6;
  }
  .md\:rt-r-grs-7 {
    grid-row-start: 7;
  }
  .md\:rt-r-grs-8 {
    grid-row-start: 8;
  }
  .md\:rt-r-grs-9 {
    grid-row-start: 9;
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-grs {
    grid-row-start: var(--grid-row-start-lg)
  }
  .lg\:rt-r-grs-1 {
    grid-row-start: 1;
  }
  .lg\:rt-r-grs-2 {
    grid-row-start: 2;
  }
  .lg\:rt-r-grs-3 {
    grid-row-start: 3;
  }
  .lg\:rt-r-grs-4 {
    grid-row-start: 4;
  }
  .lg\:rt-r-grs-5 {
    grid-row-start: 5;
  }
  .lg\:rt-r-grs-6 {
    grid-row-start: 6;
  }
  .lg\:rt-r-grs-7 {
    grid-row-start: 7;
  }
  .lg\:rt-r-grs-8 {
    grid-row-start: 8;
  }
  .lg\:rt-r-grs-9 {
    grid-row-start: 9;
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-grs {
    grid-row-start: var(--grid-row-start-xl)
  }
  .xl\:rt-r-grs-1 {
    grid-row-start: 1;
  }
  .xl\:rt-r-grs-2 {
    grid-row-start: 2;
  }
  .xl\:rt-r-grs-3 {
    grid-row-start: 3;
  }
  .xl\:rt-r-grs-4 {
    grid-row-start: 4;
  }
  .xl\:rt-r-grs-5 {
    grid-row-start: 5;
  }
  .xl\:rt-r-grs-6 {
    grid-row-start: 6;
  }
  .xl\:rt-r-grs-7 {
    grid-row-start: 7;
  }
  .xl\:rt-r-grs-8 {
    grid-row-start: 8;
  }
  .xl\:rt-r-grs-9 {
    grid-row-start: 9;
  }
}
.rt-r-gre {
  grid-row-end: var(--grid-row-end)
}
.rt-r-gre-1 {
  grid-row-end: 1;
}
.rt-r-gre-2 {
  grid-row-end: 2;
}
.rt-r-gre-3 {
  grid-row-end: 3;
}
.rt-r-gre-4 {
  grid-row-end: 4;
}
.rt-r-gre-5 {
  grid-row-end: 5;
}
.rt-r-gre-6 {
  grid-row-end: 6;
}
.rt-r-gre-7 {
  grid-row-end: 7;
}
.rt-r-gre-8 {
  grid-row-end: 8;
}
.rt-r-gre-9 {
  grid-row-end: 9;
}
@media (min-width: 520px) {
  .xs\:rt-r-gre {
    grid-row-end: var(--grid-row-end-xs)
  }
  .xs\:rt-r-gre-1 {
    grid-row-end: 1;
  }
  .xs\:rt-r-gre-2 {
    grid-row-end: 2;
  }
  .xs\:rt-r-gre-3 {
    grid-row-end: 3;
  }
  .xs\:rt-r-gre-4 {
    grid-row-end: 4;
  }
  .xs\:rt-r-gre-5 {
    grid-row-end: 5;
  }
  .xs\:rt-r-gre-6 {
    grid-row-end: 6;
  }
  .xs\:rt-r-gre-7 {
    grid-row-end: 7;
  }
  .xs\:rt-r-gre-8 {
    grid-row-end: 8;
  }
  .xs\:rt-r-gre-9 {
    grid-row-end: 9;
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-gre {
    grid-row-end: var(--grid-row-end-sm)
  }
  .sm\:rt-r-gre-1 {
    grid-row-end: 1;
  }
  .sm\:rt-r-gre-2 {
    grid-row-end: 2;
  }
  .sm\:rt-r-gre-3 {
    grid-row-end: 3;
  }
  .sm\:rt-r-gre-4 {
    grid-row-end: 4;
  }
  .sm\:rt-r-gre-5 {
    grid-row-end: 5;
  }
  .sm\:rt-r-gre-6 {
    grid-row-end: 6;
  }
  .sm\:rt-r-gre-7 {
    grid-row-end: 7;
  }
  .sm\:rt-r-gre-8 {
    grid-row-end: 8;
  }
  .sm\:rt-r-gre-9 {
    grid-row-end: 9;
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-gre {
    grid-row-end: var(--grid-row-end-md)
  }
  .md\:rt-r-gre-1 {
    grid-row-end: 1;
  }
  .md\:rt-r-gre-2 {
    grid-row-end: 2;
  }
  .md\:rt-r-gre-3 {
    grid-row-end: 3;
  }
  .md\:rt-r-gre-4 {
    grid-row-end: 4;
  }
  .md\:rt-r-gre-5 {
    grid-row-end: 5;
  }
  .md\:rt-r-gre-6 {
    grid-row-end: 6;
  }
  .md\:rt-r-gre-7 {
    grid-row-end: 7;
  }
  .md\:rt-r-gre-8 {
    grid-row-end: 8;
  }
  .md\:rt-r-gre-9 {
    grid-row-end: 9;
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-gre {
    grid-row-end: var(--grid-row-end-lg)
  }
  .lg\:rt-r-gre-1 {
    grid-row-end: 1;
  }
  .lg\:rt-r-gre-2 {
    grid-row-end: 2;
  }
  .lg\:rt-r-gre-3 {
    grid-row-end: 3;
  }
  .lg\:rt-r-gre-4 {
    grid-row-end: 4;
  }
  .lg\:rt-r-gre-5 {
    grid-row-end: 5;
  }
  .lg\:rt-r-gre-6 {
    grid-row-end: 6;
  }
  .lg\:rt-r-gre-7 {
    grid-row-end: 7;
  }
  .lg\:rt-r-gre-8 {
    grid-row-end: 8;
  }
  .lg\:rt-r-gre-9 {
    grid-row-end: 9;
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-gre {
    grid-row-end: var(--grid-row-end-xl)
  }
  .xl\:rt-r-gre-1 {
    grid-row-end: 1;
  }
  .xl\:rt-r-gre-2 {
    grid-row-end: 2;
  }
  .xl\:rt-r-gre-3 {
    grid-row-end: 3;
  }
  .xl\:rt-r-gre-4 {
    grid-row-end: 4;
  }
  .xl\:rt-r-gre-5 {
    grid-row-end: 5;
  }
  .xl\:rt-r-gre-6 {
    grid-row-end: 6;
  }
  .xl\:rt-r-gre-7 {
    grid-row-end: 7;
  }
  .xl\:rt-r-gre-8 {
    grid-row-end: 8;
  }
  .xl\:rt-r-gre-9 {
    grid-row-end: 9;
  }
}
.rt-r-gta {
  grid-template-areas: var(--grid-template-areas);
}
@media (min-width: 520px) {
  .xs\:rt-r-gta {
    grid-template-areas: var(--grid-template-areas-xs);
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-gta {
    grid-template-areas: var(--grid-template-areas-sm);
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-gta {
    grid-template-areas: var(--grid-template-areas-md);
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-gta {
    grid-template-areas: var(--grid-template-areas-lg);
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-gta {
    grid-template-areas: var(--grid-template-areas-xl);
  }
}
.rt-r-gtc {
  grid-template-columns: var(--grid-template-columns)
}
.rt-r-gtc-1 {
  grid-template-columns: minmax(0, 1fr);
}
.rt-r-gtc-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.rt-r-gtc-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.rt-r-gtc-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.rt-r-gtc-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.rt-r-gtc-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.rt-r-gtc-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.rt-r-gtc-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.rt-r-gtc-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}
@media (min-width: 520px) {
  .xs\:rt-r-gtc {
    grid-template-columns: var(--grid-template-columns-xs)
  }
  .xs\:rt-r-gtc-1 {
    grid-template-columns: minmax(0, 1fr);
  }
  .xs\:rt-r-gtc-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .xs\:rt-r-gtc-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .xs\:rt-r-gtc-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .xs\:rt-r-gtc-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .xs\:rt-r-gtc-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .xs\:rt-r-gtc-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .xs\:rt-r-gtc-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .xs\:rt-r-gtc-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-gtc {
    grid-template-columns: var(--grid-template-columns-sm)
  }
  .sm\:rt-r-gtc-1 {
    grid-template-columns: minmax(0, 1fr);
  }
  .sm\:rt-r-gtc-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:rt-r-gtc-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .sm\:rt-r-gtc-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .sm\:rt-r-gtc-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .sm\:rt-r-gtc-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .sm\:rt-r-gtc-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .sm\:rt-r-gtc-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .sm\:rt-r-gtc-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-gtc {
    grid-template-columns: var(--grid-template-columns-md)
  }
  .md\:rt-r-gtc-1 {
    grid-template-columns: minmax(0, 1fr);
  }
  .md\:rt-r-gtc-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:rt-r-gtc-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:rt-r-gtc-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .md\:rt-r-gtc-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .md\:rt-r-gtc-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .md\:rt-r-gtc-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .md\:rt-r-gtc-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .md\:rt-r-gtc-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-gtc {
    grid-template-columns: var(--grid-template-columns-lg)
  }
  .lg\:rt-r-gtc-1 {
    grid-template-columns: minmax(0, 1fr);
  }
  .lg\:rt-r-gtc-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lg\:rt-r-gtc-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:rt-r-gtc-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg\:rt-r-gtc-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .lg\:rt-r-gtc-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .lg\:rt-r-gtc-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .lg\:rt-r-gtc-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .lg\:rt-r-gtc-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-gtc {
    grid-template-columns: var(--grid-template-columns-xl)
  }
  .xl\:rt-r-gtc-1 {
    grid-template-columns: minmax(0, 1fr);
  }
  .xl\:rt-r-gtc-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .xl\:rt-r-gtc-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .xl\:rt-r-gtc-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .xl\:rt-r-gtc-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .xl\:rt-r-gtc-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .xl\:rt-r-gtc-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .xl\:rt-r-gtc-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .xl\:rt-r-gtc-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
}
.rt-r-gtr {
  grid-template-rows: var(--grid-template-rows)
}
.rt-r-gtr-1 {
  grid-template-rows: minmax(0, 1fr);
}
.rt-r-gtr-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}
.rt-r-gtr-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr));
}
.rt-r-gtr-4 {
  grid-template-rows: repeat(4, minmax(0, 1fr));
}
.rt-r-gtr-5 {
  grid-template-rows: repeat(5, minmax(0, 1fr));
}
.rt-r-gtr-6 {
  grid-template-rows: repeat(6, minmax(0, 1fr));
}
.rt-r-gtr-7 {
  grid-template-rows: repeat(7, minmax(0, 1fr));
}
.rt-r-gtr-8 {
  grid-template-rows: repeat(8, minmax(0, 1fr));
}
.rt-r-gtr-9 {
  grid-template-rows: repeat(9, minmax(0, 1fr));
}
@media (min-width: 520px) {
  .xs\:rt-r-gtr {
    grid-template-rows: var(--grid-template-rows-xs)
  }
  .xs\:rt-r-gtr-1 {
    grid-template-rows: minmax(0, 1fr);
  }
  .xs\:rt-r-gtr-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .xs\:rt-r-gtr-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .xs\:rt-r-gtr-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .xs\:rt-r-gtr-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .xs\:rt-r-gtr-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .xs\:rt-r-gtr-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }
  .xs\:rt-r-gtr-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }
  .xs\:rt-r-gtr-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-gtr {
    grid-template-rows: var(--grid-template-rows-sm)
  }
  .sm\:rt-r-gtr-1 {
    grid-template-rows: minmax(0, 1fr);
  }
  .sm\:rt-r-gtr-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .sm\:rt-r-gtr-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .sm\:rt-r-gtr-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .sm\:rt-r-gtr-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .sm\:rt-r-gtr-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .sm\:rt-r-gtr-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }
  .sm\:rt-r-gtr-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }
  .sm\:rt-r-gtr-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-gtr {
    grid-template-rows: var(--grid-template-rows-md)
  }
  .md\:rt-r-gtr-1 {
    grid-template-rows: minmax(0, 1fr);
  }
  .md\:rt-r-gtr-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .md\:rt-r-gtr-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .md\:rt-r-gtr-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .md\:rt-r-gtr-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .md\:rt-r-gtr-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .md\:rt-r-gtr-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }
  .md\:rt-r-gtr-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }
  .md\:rt-r-gtr-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-gtr {
    grid-template-rows: var(--grid-template-rows-lg)
  }
  .lg\:rt-r-gtr-1 {
    grid-template-rows: minmax(0, 1fr);
  }
  .lg\:rt-r-gtr-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .lg\:rt-r-gtr-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .lg\:rt-r-gtr-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .lg\:rt-r-gtr-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .lg\:rt-r-gtr-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .lg\:rt-r-gtr-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }
  .lg\:rt-r-gtr-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }
  .lg\:rt-r-gtr-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-gtr {
    grid-template-rows: var(--grid-template-rows-xl)
  }
  .xl\:rt-r-gtr-1 {
    grid-template-rows: minmax(0, 1fr);
  }
  .xl\:rt-r-gtr-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .xl\:rt-r-gtr-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .xl\:rt-r-gtr-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .xl\:rt-r-gtr-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .xl\:rt-r-gtr-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .xl\:rt-r-gtr-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }
  .xl\:rt-r-gtr-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }
  .xl\:rt-r-gtr-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }
}
.rt-r-h {
  height: var(--height);
}
@media (min-width: 520px) {
  .xs\:rt-r-h {
    height: var(--height-xs);
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-h {
    height: var(--height-sm);
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-h {
    height: var(--height-md);
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-h {
    height: var(--height-lg);
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-h {
    height: var(--height-xl);
  }
}
.rt-r-min-h {
  min-height: var(--min-height);
}
@media (min-width: 520px) {
  .xs\:rt-r-min-h {
    min-height: var(--min-height-xs);
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-min-h {
    min-height: var(--min-height-sm);
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-min-h {
    min-height: var(--min-height-md);
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-min-h {
    min-height: var(--min-height-lg);
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-min-h {
    min-height: var(--min-height-xl);
  }
}
.rt-r-max-h {
  max-height: var(--max-height);
}
@media (min-width: 520px) {
  .xs\:rt-r-max-h {
    max-height: var(--max-height-xs);
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-max-h {
    max-height: var(--max-height-sm);
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-max-h {
    max-height: var(--max-height-md);
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-max-h {
    max-height: var(--max-height-lg);
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-max-h {
    max-height: var(--max-height-xl);
  }
}
.rt-r-inset {
  inset: var(--inset)
}
.rt-r-inset-0 {
  inset: 0;
}
.rt-r-inset-1 {
  inset: var(--space-1);
}
.rt-r-inset-2 {
  inset: var(--space-2);
}
.rt-r-inset-3 {
  inset: var(--space-3);
}
.rt-r-inset-4 {
  inset: var(--space-4);
}
.rt-r-inset-5 {
  inset: var(--space-5);
}
.rt-r-inset-6 {
  inset: var(--space-6);
}
.rt-r-inset-7 {
  inset: var(--space-7);
}
.rt-r-inset-8 {
  inset: var(--space-8);
}
.rt-r-inset-9 {
  inset: var(--space-9);
}
@media (min-width: 520px) {
  .xs\:rt-r-inset {
    inset: var(--inset-xs)
  }
  .xs\:rt-r-inset-0 {
    inset: 0;
  }
  .xs\:rt-r-inset-1 {
    inset: var(--space-1);
  }
  .xs\:rt-r-inset-2 {
    inset: var(--space-2);
  }
  .xs\:rt-r-inset-3 {
    inset: var(--space-3);
  }
  .xs\:rt-r-inset-4 {
    inset: var(--space-4);
  }
  .xs\:rt-r-inset-5 {
    inset: var(--space-5);
  }
  .xs\:rt-r-inset-6 {
    inset: var(--space-6);
  }
  .xs\:rt-r-inset-7 {
    inset: var(--space-7);
  }
  .xs\:rt-r-inset-8 {
    inset: var(--space-8);
  }
  .xs\:rt-r-inset-9 {
    inset: var(--space-9);
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-inset {
    inset: var(--inset-sm)
  }
  .sm\:rt-r-inset-0 {
    inset: 0;
  }
  .sm\:rt-r-inset-1 {
    inset: var(--space-1);
  }
  .sm\:rt-r-inset-2 {
    inset: var(--space-2);
  }
  .sm\:rt-r-inset-3 {
    inset: var(--space-3);
  }
  .sm\:rt-r-inset-4 {
    inset: var(--space-4);
  }
  .sm\:rt-r-inset-5 {
    inset: var(--space-5);
  }
  .sm\:rt-r-inset-6 {
    inset: var(--space-6);
  }
  .sm\:rt-r-inset-7 {
    inset: var(--space-7);
  }
  .sm\:rt-r-inset-8 {
    inset: var(--space-8);
  }
  .sm\:rt-r-inset-9 {
    inset: var(--space-9);
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-inset {
    inset: var(--inset-md)
  }
  .md\:rt-r-inset-0 {
    inset: 0;
  }
  .md\:rt-r-inset-1 {
    inset: var(--space-1);
  }
  .md\:rt-r-inset-2 {
    inset: var(--space-2);
  }
  .md\:rt-r-inset-3 {
    inset: var(--space-3);
  }
  .md\:rt-r-inset-4 {
    inset: var(--space-4);
  }
  .md\:rt-r-inset-5 {
    inset: var(--space-5);
  }
  .md\:rt-r-inset-6 {
    inset: var(--space-6);
  }
  .md\:rt-r-inset-7 {
    inset: var(--space-7);
  }
  .md\:rt-r-inset-8 {
    inset: var(--space-8);
  }
  .md\:rt-r-inset-9 {
    inset: var(--space-9);
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-inset {
    inset: var(--inset-lg)
  }
  .lg\:rt-r-inset-0 {
    inset: 0;
  }
  .lg\:rt-r-inset-1 {
    inset: var(--space-1);
  }
  .lg\:rt-r-inset-2 {
    inset: var(--space-2);
  }
  .lg\:rt-r-inset-3 {
    inset: var(--space-3);
  }
  .lg\:rt-r-inset-4 {
    inset: var(--space-4);
  }
  .lg\:rt-r-inset-5 {
    inset: var(--space-5);
  }
  .lg\:rt-r-inset-6 {
    inset: var(--space-6);
  }
  .lg\:rt-r-inset-7 {
    inset: var(--space-7);
  }
  .lg\:rt-r-inset-8 {
    inset: var(--space-8);
  }
  .lg\:rt-r-inset-9 {
    inset: var(--space-9);
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-inset {
    inset: var(--inset-xl)
  }
  .xl\:rt-r-inset-0 {
    inset: 0;
  }
  .xl\:rt-r-inset-1 {
    inset: var(--space-1);
  }
  .xl\:rt-r-inset-2 {
    inset: var(--space-2);
  }
  .xl\:rt-r-inset-3 {
    inset: var(--space-3);
  }
  .xl\:rt-r-inset-4 {
    inset: var(--space-4);
  }
  .xl\:rt-r-inset-5 {
    inset: var(--space-5);
  }
  .xl\:rt-r-inset-6 {
    inset: var(--space-6);
  }
  .xl\:rt-r-inset-7 {
    inset: var(--space-7);
  }
  .xl\:rt-r-inset-8 {
    inset: var(--space-8);
  }
  .xl\:rt-r-inset-9 {
    inset: var(--space-9);
  }
}
.rt-r-top {
  top: var(--top)
}
.rt-r-top-0 {
  top: 0;
}
.rt-r-top-1 {
  top: var(--space-1);
}
.rt-r-top-2 {
  top: var(--space-2);
}
.rt-r-top-3 {
  top: var(--space-3);
}
.rt-r-top-4 {
  top: var(--space-4);
}
.rt-r-top-5 {
  top: var(--space-5);
}
.rt-r-top-6 {
  top: var(--space-6);
}
.rt-r-top-7 {
  top: var(--space-7);
}
.rt-r-top-8 {
  top: var(--space-8);
}
.rt-r-top-9 {
  top: var(--space-9);
}
@media (min-width: 520px) {
  .xs\:rt-r-top {
    top: var(--top-xs)
  }
  .xs\:rt-r-top-0 {
    top: 0;
  }
  .xs\:rt-r-top-1 {
    top: var(--space-1);
  }
  .xs\:rt-r-top-2 {
    top: var(--space-2);
  }
  .xs\:rt-r-top-3 {
    top: var(--space-3);
  }
  .xs\:rt-r-top-4 {
    top: var(--space-4);
  }
  .xs\:rt-r-top-5 {
    top: var(--space-5);
  }
  .xs\:rt-r-top-6 {
    top: var(--space-6);
  }
  .xs\:rt-r-top-7 {
    top: var(--space-7);
  }
  .xs\:rt-r-top-8 {
    top: var(--space-8);
  }
  .xs\:rt-r-top-9 {
    top: var(--space-9);
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-top {
    top: var(--top-sm)
  }
  .sm\:rt-r-top-0 {
    top: 0;
  }
  .sm\:rt-r-top-1 {
    top: var(--space-1);
  }
  .sm\:rt-r-top-2 {
    top: var(--space-2);
  }
  .sm\:rt-r-top-3 {
    top: var(--space-3);
  }
  .sm\:rt-r-top-4 {
    top: var(--space-4);
  }
  .sm\:rt-r-top-5 {
    top: var(--space-5);
  }
  .sm\:rt-r-top-6 {
    top: var(--space-6);
  }
  .sm\:rt-r-top-7 {
    top: var(--space-7);
  }
  .sm\:rt-r-top-8 {
    top: var(--space-8);
  }
  .sm\:rt-r-top-9 {
    top: var(--space-9);
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-top {
    top: var(--top-md)
  }
  .md\:rt-r-top-0 {
    top: 0;
  }
  .md\:rt-r-top-1 {
    top: var(--space-1);
  }
  .md\:rt-r-top-2 {
    top: var(--space-2);
  }
  .md\:rt-r-top-3 {
    top: var(--space-3);
  }
  .md\:rt-r-top-4 {
    top: var(--space-4);
  }
  .md\:rt-r-top-5 {
    top: var(--space-5);
  }
  .md\:rt-r-top-6 {
    top: var(--space-6);
  }
  .md\:rt-r-top-7 {
    top: var(--space-7);
  }
  .md\:rt-r-top-8 {
    top: var(--space-8);
  }
  .md\:rt-r-top-9 {
    top: var(--space-9);
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-top {
    top: var(--top-lg)
  }
  .lg\:rt-r-top-0 {
    top: 0;
  }
  .lg\:rt-r-top-1 {
    top: var(--space-1);
  }
  .lg\:rt-r-top-2 {
    top: var(--space-2);
  }
  .lg\:rt-r-top-3 {
    top: var(--space-3);
  }
  .lg\:rt-r-top-4 {
    top: var(--space-4);
  }
  .lg\:rt-r-top-5 {
    top: var(--space-5);
  }
  .lg\:rt-r-top-6 {
    top: var(--space-6);
  }
  .lg\:rt-r-top-7 {
    top: var(--space-7);
  }
  .lg\:rt-r-top-8 {
    top: var(--space-8);
  }
  .lg\:rt-r-top-9 {
    top: var(--space-9);
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-top {
    top: var(--top-xl)
  }
  .xl\:rt-r-top-0 {
    top: 0;
  }
  .xl\:rt-r-top-1 {
    top: var(--space-1);
  }
  .xl\:rt-r-top-2 {
    top: var(--space-2);
  }
  .xl\:rt-r-top-3 {
    top: var(--space-3);
  }
  .xl\:rt-r-top-4 {
    top: var(--space-4);
  }
  .xl\:rt-r-top-5 {
    top: var(--space-5);
  }
  .xl\:rt-r-top-6 {
    top: var(--space-6);
  }
  .xl\:rt-r-top-7 {
    top: var(--space-7);
  }
  .xl\:rt-r-top-8 {
    top: var(--space-8);
  }
  .xl\:rt-r-top-9 {
    top: var(--space-9);
  }
}
.rt-r-right {
  right: var(--right)
}
.rt-r-right-0 {
  right: 0;
}
.rt-r-right-1 {
  right: var(--space-1);
}
.rt-r-right-2 {
  right: var(--space-2);
}
.rt-r-right-3 {
  right: var(--space-3);
}
.rt-r-right-4 {
  right: var(--space-4);
}
.rt-r-right-5 {
  right: var(--space-5);
}
.rt-r-right-6 {
  right: var(--space-6);
}
.rt-r-right-7 {
  right: var(--space-7);
}
.rt-r-right-8 {
  right: var(--space-8);
}
.rt-r-right-9 {
  right: var(--space-9);
}
@media (min-width: 520px) {
  .xs\:rt-r-right {
    right: var(--right-xs)
  }
  .xs\:rt-r-right-0 {
    right: 0;
  }
  .xs\:rt-r-right-1 {
    right: var(--space-1);
  }
  .xs\:rt-r-right-2 {
    right: var(--space-2);
  }
  .xs\:rt-r-right-3 {
    right: var(--space-3);
  }
  .xs\:rt-r-right-4 {
    right: var(--space-4);
  }
  .xs\:rt-r-right-5 {
    right: var(--space-5);
  }
  .xs\:rt-r-right-6 {
    right: var(--space-6);
  }
  .xs\:rt-r-right-7 {
    right: var(--space-7);
  }
  .xs\:rt-r-right-8 {
    right: var(--space-8);
  }
  .xs\:rt-r-right-9 {
    right: var(--space-9);
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-right {
    right: var(--right-sm)
  }
  .sm\:rt-r-right-0 {
    right: 0;
  }
  .sm\:rt-r-right-1 {
    right: var(--space-1);
  }
  .sm\:rt-r-right-2 {
    right: var(--space-2);
  }
  .sm\:rt-r-right-3 {
    right: var(--space-3);
  }
  .sm\:rt-r-right-4 {
    right: var(--space-4);
  }
  .sm\:rt-r-right-5 {
    right: var(--space-5);
  }
  .sm\:rt-r-right-6 {
    right: var(--space-6);
  }
  .sm\:rt-r-right-7 {
    right: var(--space-7);
  }
  .sm\:rt-r-right-8 {
    right: var(--space-8);
  }
  .sm\:rt-r-right-9 {
    right: var(--space-9);
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-right {
    right: var(--right-md)
  }
  .md\:rt-r-right-0 {
    right: 0;
  }
  .md\:rt-r-right-1 {
    right: var(--space-1);
  }
  .md\:rt-r-right-2 {
    right: var(--space-2);
  }
  .md\:rt-r-right-3 {
    right: var(--space-3);
  }
  .md\:rt-r-right-4 {
    right: var(--space-4);
  }
  .md\:rt-r-right-5 {
    right: var(--space-5);
  }
  .md\:rt-r-right-6 {
    right: var(--space-6);
  }
  .md\:rt-r-right-7 {
    right: var(--space-7);
  }
  .md\:rt-r-right-8 {
    right: var(--space-8);
  }
  .md\:rt-r-right-9 {
    right: var(--space-9);
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-right {
    right: var(--right-lg)
  }
  .lg\:rt-r-right-0 {
    right: 0;
  }
  .lg\:rt-r-right-1 {
    right: var(--space-1);
  }
  .lg\:rt-r-right-2 {
    right: var(--space-2);
  }
  .lg\:rt-r-right-3 {
    right: var(--space-3);
  }
  .lg\:rt-r-right-4 {
    right: var(--space-4);
  }
  .lg\:rt-r-right-5 {
    right: var(--space-5);
  }
  .lg\:rt-r-right-6 {
    right: var(--space-6);
  }
  .lg\:rt-r-right-7 {
    right: var(--space-7);
  }
  .lg\:rt-r-right-8 {
    right: var(--space-8);
  }
  .lg\:rt-r-right-9 {
    right: var(--space-9);
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-right {
    right: var(--right-xl)
  }
  .xl\:rt-r-right-0 {
    right: 0;
  }
  .xl\:rt-r-right-1 {
    right: var(--space-1);
  }
  .xl\:rt-r-right-2 {
    right: var(--space-2);
  }
  .xl\:rt-r-right-3 {
    right: var(--space-3);
  }
  .xl\:rt-r-right-4 {
    right: var(--space-4);
  }
  .xl\:rt-r-right-5 {
    right: var(--space-5);
  }
  .xl\:rt-r-right-6 {
    right: var(--space-6);
  }
  .xl\:rt-r-right-7 {
    right: var(--space-7);
  }
  .xl\:rt-r-right-8 {
    right: var(--space-8);
  }
  .xl\:rt-r-right-9 {
    right: var(--space-9);
  }
}
.rt-r-bottom {
  bottom: var(--bottom)
}
.rt-r-bottom-0 {
  bottom: 0;
}
.rt-r-bottom-1 {
  bottom: var(--space-1);
}
.rt-r-bottom-2 {
  bottom: var(--space-2);
}
.rt-r-bottom-3 {
  bottom: var(--space-3);
}
.rt-r-bottom-4 {
  bottom: var(--space-4);
}
.rt-r-bottom-5 {
  bottom: var(--space-5);
}
.rt-r-bottom-6 {
  bottom: var(--space-6);
}
.rt-r-bottom-7 {
  bottom: var(--space-7);
}
.rt-r-bottom-8 {
  bottom: var(--space-8);
}
.rt-r-bottom-9 {
  bottom: var(--space-9);
}
@media (min-width: 520px) {
  .xs\:rt-r-bottom {
    bottom: var(--bottom-xs)
  }
  .xs\:rt-r-bottom-0 {
    bottom: 0;
  }
  .xs\:rt-r-bottom-1 {
    bottom: var(--space-1);
  }
  .xs\:rt-r-bottom-2 {
    bottom: var(--space-2);
  }
  .xs\:rt-r-bottom-3 {
    bottom: var(--space-3);
  }
  .xs\:rt-r-bottom-4 {
    bottom: var(--space-4);
  }
  .xs\:rt-r-bottom-5 {
    bottom: var(--space-5);
  }
  .xs\:rt-r-bottom-6 {
    bottom: var(--space-6);
  }
  .xs\:rt-r-bottom-7 {
    bottom: var(--space-7);
  }
  .xs\:rt-r-bottom-8 {
    bottom: var(--space-8);
  }
  .xs\:rt-r-bottom-9 {
    bottom: var(--space-9);
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-bottom {
    bottom: var(--bottom-sm)
  }
  .sm\:rt-r-bottom-0 {
    bottom: 0;
  }
  .sm\:rt-r-bottom-1 {
    bottom: var(--space-1);
  }
  .sm\:rt-r-bottom-2 {
    bottom: var(--space-2);
  }
  .sm\:rt-r-bottom-3 {
    bottom: var(--space-3);
  }
  .sm\:rt-r-bottom-4 {
    bottom: var(--space-4);
  }
  .sm\:rt-r-bottom-5 {
    bottom: var(--space-5);
  }
  .sm\:rt-r-bottom-6 {
    bottom: var(--space-6);
  }
  .sm\:rt-r-bottom-7 {
    bottom: var(--space-7);
  }
  .sm\:rt-r-bottom-8 {
    bottom: var(--space-8);
  }
  .sm\:rt-r-bottom-9 {
    bottom: var(--space-9);
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-bottom {
    bottom: var(--bottom-md)
  }
  .md\:rt-r-bottom-0 {
    bottom: 0;
  }
  .md\:rt-r-bottom-1 {
    bottom: var(--space-1);
  }
  .md\:rt-r-bottom-2 {
    bottom: var(--space-2);
  }
  .md\:rt-r-bottom-3 {
    bottom: var(--space-3);
  }
  .md\:rt-r-bottom-4 {
    bottom: var(--space-4);
  }
  .md\:rt-r-bottom-5 {
    bottom: var(--space-5);
  }
  .md\:rt-r-bottom-6 {
    bottom: var(--space-6);
  }
  .md\:rt-r-bottom-7 {
    bottom: var(--space-7);
  }
  .md\:rt-r-bottom-8 {
    bottom: var(--space-8);
  }
  .md\:rt-r-bottom-9 {
    bottom: var(--space-9);
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-bottom {
    bottom: var(--bottom-lg)
  }
  .lg\:rt-r-bottom-0 {
    bottom: 0;
  }
  .lg\:rt-r-bottom-1 {
    bottom: var(--space-1);
  }
  .lg\:rt-r-bottom-2 {
    bottom: var(--space-2);
  }
  .lg\:rt-r-bottom-3 {
    bottom: var(--space-3);
  }
  .lg\:rt-r-bottom-4 {
    bottom: var(--space-4);
  }
  .lg\:rt-r-bottom-5 {
    bottom: var(--space-5);
  }
  .lg\:rt-r-bottom-6 {
    bottom: var(--space-6);
  }
  .lg\:rt-r-bottom-7 {
    bottom: var(--space-7);
  }
  .lg\:rt-r-bottom-8 {
    bottom: var(--space-8);
  }
  .lg\:rt-r-bottom-9 {
    bottom: var(--space-9);
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-bottom {
    bottom: var(--bottom-xl)
  }
  .xl\:rt-r-bottom-0 {
    bottom: 0;
  }
  .xl\:rt-r-bottom-1 {
    bottom: var(--space-1);
  }
  .xl\:rt-r-bottom-2 {
    bottom: var(--space-2);
  }
  .xl\:rt-r-bottom-3 {
    bottom: var(--space-3);
  }
  .xl\:rt-r-bottom-4 {
    bottom: var(--space-4);
  }
  .xl\:rt-r-bottom-5 {
    bottom: var(--space-5);
  }
  .xl\:rt-r-bottom-6 {
    bottom: var(--space-6);
  }
  .xl\:rt-r-bottom-7 {
    bottom: var(--space-7);
  }
  .xl\:rt-r-bottom-8 {
    bottom: var(--space-8);
  }
  .xl\:rt-r-bottom-9 {
    bottom: var(--space-9);
  }
}
.rt-r-left {
  left: var(--left)
}
.rt-r-left-0 {
  left: 0;
}
.rt-r-left-1 {
  left: var(--space-1);
}
.rt-r-left-2 {
  left: var(--space-2);
}
.rt-r-left-3 {
  left: var(--space-3);
}
.rt-r-left-4 {
  left: var(--space-4);
}
.rt-r-left-5 {
  left: var(--space-5);
}
.rt-r-left-6 {
  left: var(--space-6);
}
.rt-r-left-7 {
  left: var(--space-7);
}
.rt-r-left-8 {
  left: var(--space-8);
}
.rt-r-left-9 {
  left: var(--space-9);
}
@media (min-width: 520px) {
  .xs\:rt-r-left {
    left: var(--left-xs)
  }
  .xs\:rt-r-left-0 {
    left: 0;
  }
  .xs\:rt-r-left-1 {
    left: var(--space-1);
  }
  .xs\:rt-r-left-2 {
    left: var(--space-2);
  }
  .xs\:rt-r-left-3 {
    left: var(--space-3);
  }
  .xs\:rt-r-left-4 {
    left: var(--space-4);
  }
  .xs\:rt-r-left-5 {
    left: var(--space-5);
  }
  .xs\:rt-r-left-6 {
    left: var(--space-6);
  }
  .xs\:rt-r-left-7 {
    left: var(--space-7);
  }
  .xs\:rt-r-left-8 {
    left: var(--space-8);
  }
  .xs\:rt-r-left-9 {
    left: var(--space-9);
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-left {
    left: var(--left-sm)
  }
  .sm\:rt-r-left-0 {
    left: 0;
  }
  .sm\:rt-r-left-1 {
    left: var(--space-1);
  }
  .sm\:rt-r-left-2 {
    left: var(--space-2);
  }
  .sm\:rt-r-left-3 {
    left: var(--space-3);
  }
  .sm\:rt-r-left-4 {
    left: var(--space-4);
  }
  .sm\:rt-r-left-5 {
    left: var(--space-5);
  }
  .sm\:rt-r-left-6 {
    left: var(--space-6);
  }
  .sm\:rt-r-left-7 {
    left: var(--space-7);
  }
  .sm\:rt-r-left-8 {
    left: var(--space-8);
  }
  .sm\:rt-r-left-9 {
    left: var(--space-9);
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-left {
    left: var(--left-md)
  }
  .md\:rt-r-left-0 {
    left: 0;
  }
  .md\:rt-r-left-1 {
    left: var(--space-1);
  }
  .md\:rt-r-left-2 {
    left: var(--space-2);
  }
  .md\:rt-r-left-3 {
    left: var(--space-3);
  }
  .md\:rt-r-left-4 {
    left: var(--space-4);
  }
  .md\:rt-r-left-5 {
    left: var(--space-5);
  }
  .md\:rt-r-left-6 {
    left: var(--space-6);
  }
  .md\:rt-r-left-7 {
    left: var(--space-7);
  }
  .md\:rt-r-left-8 {
    left: var(--space-8);
  }
  .md\:rt-r-left-9 {
    left: var(--space-9);
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-left {
    left: var(--left-lg)
  }
  .lg\:rt-r-left-0 {
    left: 0;
  }
  .lg\:rt-r-left-1 {
    left: var(--space-1);
  }
  .lg\:rt-r-left-2 {
    left: var(--space-2);
  }
  .lg\:rt-r-left-3 {
    left: var(--space-3);
  }
  .lg\:rt-r-left-4 {
    left: var(--space-4);
  }
  .lg\:rt-r-left-5 {
    left: var(--space-5);
  }
  .lg\:rt-r-left-6 {
    left: var(--space-6);
  }
  .lg\:rt-r-left-7 {
    left: var(--space-7);
  }
  .lg\:rt-r-left-8 {
    left: var(--space-8);
  }
  .lg\:rt-r-left-9 {
    left: var(--space-9);
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-left {
    left: var(--left-xl)
  }
  .xl\:rt-r-left-0 {
    left: 0;
  }
  .xl\:rt-r-left-1 {
    left: var(--space-1);
  }
  .xl\:rt-r-left-2 {
    left: var(--space-2);
  }
  .xl\:rt-r-left-3 {
    left: var(--space-3);
  }
  .xl\:rt-r-left-4 {
    left: var(--space-4);
  }
  .xl\:rt-r-left-5 {
    left: var(--space-5);
  }
  .xl\:rt-r-left-6 {
    left: var(--space-6);
  }
  .xl\:rt-r-left-7 {
    left: var(--space-7);
  }
  .xl\:rt-r-left-8 {
    left: var(--space-8);
  }
  .xl\:rt-r-left-9 {
    left: var(--space-9);
  }
}
.rt-r-jc-start {
  justify-content: flex-start;
}
.rt-r-jc-center {
  justify-content: center;
}
.rt-r-jc-end {
  justify-content: flex-end;
}
.rt-r-jc-space-between {
  justify-content: space-between;
}
@media (min-width: 520px) {
  .xs\:rt-r-jc-start {
    justify-content: flex-start;
  }
  .xs\:rt-r-jc-center {
    justify-content: center;
  }
  .xs\:rt-r-jc-end {
    justify-content: flex-end;
  }
  .xs\:rt-r-jc-space-between {
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-jc-start {
    justify-content: flex-start;
  }
  .sm\:rt-r-jc-center {
    justify-content: center;
  }
  .sm\:rt-r-jc-end {
    justify-content: flex-end;
  }
  .sm\:rt-r-jc-space-between {
    justify-content: space-between;
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-jc-start {
    justify-content: flex-start;
  }
  .md\:rt-r-jc-center {
    justify-content: center;
  }
  .md\:rt-r-jc-end {
    justify-content: flex-end;
  }
  .md\:rt-r-jc-space-between {
    justify-content: space-between;
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-jc-start {
    justify-content: flex-start;
  }
  .lg\:rt-r-jc-center {
    justify-content: center;
  }
  .lg\:rt-r-jc-end {
    justify-content: flex-end;
  }
  .lg\:rt-r-jc-space-between {
    justify-content: space-between;
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-jc-start {
    justify-content: flex-start;
  }
  .xl\:rt-r-jc-center {
    justify-content: center;
  }
  .xl\:rt-r-jc-end {
    justify-content: flex-end;
  }
  .xl\:rt-r-jc-space-between {
    justify-content: space-between;
  }
}
.rt-r-m,
.rt-r-m-0,
.rt-r-m-1,
.rt-r-m-2,
.rt-r-m-3,
.rt-r-m-4,
.rt-r-m-5,
.rt-r-m-6,
.rt-r-m-7,
.rt-r-m-8,
.rt-r-m-9,
.-rt-r-m-1,
.-rt-r-m-2,
.-rt-r-m-3,
.-rt-r-m-4,
.-rt-r-m-5,
.-rt-r-m-6,
.-rt-r-m-7,
.-rt-r-m-8,
.-rt-r-m-9 {
  margin-top: var(--margin-top-override, var(--margin-top));
  margin-right: var(--margin-right-override, var(--margin-right));
  margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  margin-left: var(--margin-left-override, var(--margin-left));
}
.rt-r-m {
  --margin-top: var(--m);
  --margin-right: var(--m);
  --margin-bottom: var(--m);
  --margin-left: var(--m)
}
.rt-r-m-0 {
  --margin-top: 0px;
  --margin-right: 0px;
  --margin-bottom: 0px;
  --margin-left: 0px;
}
.rt-r-m-1 {
  --margin-top: var(--space-1);
  --margin-right: var(--space-1);
  --margin-bottom: var(--space-1);
  --margin-left: var(--space-1);
}
.rt-r-m-2 {
  --margin-top: var(--space-2);
  --margin-right: var(--space-2);
  --margin-bottom: var(--space-2);
  --margin-left: var(--space-2);
}
.rt-r-m-3 {
  --margin-top: var(--space-3);
  --margin-right: var(--space-3);
  --margin-bottom: var(--space-3);
  --margin-left: var(--space-3);
}
.rt-r-m-4 {
  --margin-top: var(--space-4);
  --margin-right: var(--space-4);
  --margin-bottom: var(--space-4);
  --margin-left: var(--space-4);
}
.rt-r-m-5 {
  --margin-top: var(--space-5);
  --margin-right: var(--space-5);
  --margin-bottom: var(--space-5);
  --margin-left: var(--space-5);
}
.rt-r-m-6 {
  --margin-top: var(--space-6);
  --margin-right: var(--space-6);
  --margin-bottom: var(--space-6);
  --margin-left: var(--space-6);
}
.rt-r-m-7 {
  --margin-top: var(--space-7);
  --margin-right: var(--space-7);
  --margin-bottom: var(--space-7);
  --margin-left: var(--space-7);
}
.rt-r-m-8 {
  --margin-top: var(--space-8);
  --margin-right: var(--space-8);
  --margin-bottom: var(--space-8);
  --margin-left: var(--space-8);
}
.rt-r-m-9 {
  --margin-top: var(--space-9);
  --margin-right: var(--space-9);
  --margin-bottom: var(--space-9);
  --margin-left: var(--space-9);
}
.-rt-r-m-1 {
  --margin-top: calc(-1 * var(--space-1));
  --margin-right: calc(-1 * var(--space-1));
  --margin-bottom: calc(-1 * var(--space-1));
  --margin-left: calc(-1 * var(--space-1));
}
.-rt-r-m-2 {
  --margin-top: calc(-1 * var(--space-2));
  --margin-right: calc(-1 * var(--space-2));
  --margin-bottom: calc(-1 * var(--space-2));
  --margin-left: calc(-1 * var(--space-2));
}
.-rt-r-m-3 {
  --margin-top: calc(-1 * var(--space-3));
  --margin-right: calc(-1 * var(--space-3));
  --margin-bottom: calc(-1 * var(--space-3));
  --margin-left: calc(-1 * var(--space-3));
}
.-rt-r-m-4 {
  --margin-top: calc(-1 * var(--space-4));
  --margin-right: calc(-1 * var(--space-4));
  --margin-bottom: calc(-1 * var(--space-4));
  --margin-left: calc(-1 * var(--space-4));
}
.-rt-r-m-5 {
  --margin-top: calc(-1 * var(--space-5));
  --margin-right: calc(-1 * var(--space-5));
  --margin-bottom: calc(-1 * var(--space-5));
  --margin-left: calc(-1 * var(--space-5));
}
.-rt-r-m-6 {
  --margin-top: calc(-1 * var(--space-6));
  --margin-right: calc(-1 * var(--space-6));
  --margin-bottom: calc(-1 * var(--space-6));
  --margin-left: calc(-1 * var(--space-6));
}
.-rt-r-m-7 {
  --margin-top: calc(-1 * var(--space-7));
  --margin-right: calc(-1 * var(--space-7));
  --margin-bottom: calc(-1 * var(--space-7));
  --margin-left: calc(-1 * var(--space-7));
}
.-rt-r-m-8 {
  --margin-top: calc(-1 * var(--space-8));
  --margin-right: calc(-1 * var(--space-8));
  --margin-bottom: calc(-1 * var(--space-8));
  --margin-left: calc(-1 * var(--space-8));
}
.-rt-r-m-9 {
  --margin-top: calc(-1 * var(--space-9));
  --margin-right: calc(-1 * var(--space-9));
  --margin-bottom: calc(-1 * var(--space-9));
  --margin-left: calc(-1 * var(--space-9));
}
@media (min-width: 520px) {
  .xs\:rt-r-m,
  .xs\:rt-r-m-0,
  .xs\:rt-r-m-1,
  .xs\:rt-r-m-2,
  .xs\:rt-r-m-3,
  .xs\:rt-r-m-4,
  .xs\:rt-r-m-5,
  .xs\:rt-r-m-6,
  .xs\:rt-r-m-7,
  .xs\:rt-r-m-8,
  .xs\:rt-r-m-9,
  .xs\:-rt-r-m-1,
  .xs\:-rt-r-m-2,
  .xs\:-rt-r-m-3,
  .xs\:-rt-r-m-4,
  .xs\:-rt-r-m-5,
  .xs\:-rt-r-m-6,
  .xs\:-rt-r-m-7,
  .xs\:-rt-r-m-8,
  .xs\:-rt-r-m-9 {
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-right: var(--margin-right-override, var(--margin-right));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .xs\:rt-r-m {
    --margin-top: var(--m-xs);
    --margin-right: var(--m-xs);
    --margin-bottom: var(--m-xs);
    --margin-left: var(--m-xs)
  }
  .xs\:rt-r-m-0 {
    --margin-top: 0px;
    --margin-right: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;
  }
  .xs\:rt-r-m-1 {
    --margin-top: var(--space-1);
    --margin-right: var(--space-1);
    --margin-bottom: var(--space-1);
    --margin-left: var(--space-1);
  }
  .xs\:rt-r-m-2 {
    --margin-top: var(--space-2);
    --margin-right: var(--space-2);
    --margin-bottom: var(--space-2);
    --margin-left: var(--space-2);
  }
  .xs\:rt-r-m-3 {
    --margin-top: var(--space-3);
    --margin-right: var(--space-3);
    --margin-bottom: var(--space-3);
    --margin-left: var(--space-3);
  }
  .xs\:rt-r-m-4 {
    --margin-top: var(--space-4);
    --margin-right: var(--space-4);
    --margin-bottom: var(--space-4);
    --margin-left: var(--space-4);
  }
  .xs\:rt-r-m-5 {
    --margin-top: var(--space-5);
    --margin-right: var(--space-5);
    --margin-bottom: var(--space-5);
    --margin-left: var(--space-5);
  }
  .xs\:rt-r-m-6 {
    --margin-top: var(--space-6);
    --margin-right: var(--space-6);
    --margin-bottom: var(--space-6);
    --margin-left: var(--space-6);
  }
  .xs\:rt-r-m-7 {
    --margin-top: var(--space-7);
    --margin-right: var(--space-7);
    --margin-bottom: var(--space-7);
    --margin-left: var(--space-7);
  }
  .xs\:rt-r-m-8 {
    --margin-top: var(--space-8);
    --margin-right: var(--space-8);
    --margin-bottom: var(--space-8);
    --margin-left: var(--space-8);
  }
  .xs\:rt-r-m-9 {
    --margin-top: var(--space-9);
    --margin-right: var(--space-9);
    --margin-bottom: var(--space-9);
    --margin-left: var(--space-9);
  }
  .xs\:-rt-r-m-1 {
    --margin-top: calc(-1 * var(--space-1));
    --margin-right: calc(-1 * var(--space-1));
    --margin-bottom: calc(-1 * var(--space-1));
    --margin-left: calc(-1 * var(--space-1));
  }
  .xs\:-rt-r-m-2 {
    --margin-top: calc(-1 * var(--space-2));
    --margin-right: calc(-1 * var(--space-2));
    --margin-bottom: calc(-1 * var(--space-2));
    --margin-left: calc(-1 * var(--space-2));
  }
  .xs\:-rt-r-m-3 {
    --margin-top: calc(-1 * var(--space-3));
    --margin-right: calc(-1 * var(--space-3));
    --margin-bottom: calc(-1 * var(--space-3));
    --margin-left: calc(-1 * var(--space-3));
  }
  .xs\:-rt-r-m-4 {
    --margin-top: calc(-1 * var(--space-4));
    --margin-right: calc(-1 * var(--space-4));
    --margin-bottom: calc(-1 * var(--space-4));
    --margin-left: calc(-1 * var(--space-4));
  }
  .xs\:-rt-r-m-5 {
    --margin-top: calc(-1 * var(--space-5));
    --margin-right: calc(-1 * var(--space-5));
    --margin-bottom: calc(-1 * var(--space-5));
    --margin-left: calc(-1 * var(--space-5));
  }
  .xs\:-rt-r-m-6 {
    --margin-top: calc(-1 * var(--space-6));
    --margin-right: calc(-1 * var(--space-6));
    --margin-bottom: calc(-1 * var(--space-6));
    --margin-left: calc(-1 * var(--space-6));
  }
  .xs\:-rt-r-m-7 {
    --margin-top: calc(-1 * var(--space-7));
    --margin-right: calc(-1 * var(--space-7));
    --margin-bottom: calc(-1 * var(--space-7));
    --margin-left: calc(-1 * var(--space-7));
  }
  .xs\:-rt-r-m-8 {
    --margin-top: calc(-1 * var(--space-8));
    --margin-right: calc(-1 * var(--space-8));
    --margin-bottom: calc(-1 * var(--space-8));
    --margin-left: calc(-1 * var(--space-8));
  }
  .xs\:-rt-r-m-9 {
    --margin-top: calc(-1 * var(--space-9));
    --margin-right: calc(-1 * var(--space-9));
    --margin-bottom: calc(-1 * var(--space-9));
    --margin-left: calc(-1 * var(--space-9));
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-m,
  .sm\:rt-r-m-0,
  .sm\:rt-r-m-1,
  .sm\:rt-r-m-2,
  .sm\:rt-r-m-3,
  .sm\:rt-r-m-4,
  .sm\:rt-r-m-5,
  .sm\:rt-r-m-6,
  .sm\:rt-r-m-7,
  .sm\:rt-r-m-8,
  .sm\:rt-r-m-9,
  .sm\:-rt-r-m-1,
  .sm\:-rt-r-m-2,
  .sm\:-rt-r-m-3,
  .sm\:-rt-r-m-4,
  .sm\:-rt-r-m-5,
  .sm\:-rt-r-m-6,
  .sm\:-rt-r-m-7,
  .sm\:-rt-r-m-8,
  .sm\:-rt-r-m-9 {
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-right: var(--margin-right-override, var(--margin-right));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .sm\:rt-r-m {
    --margin-top: var(--m-sm);
    --margin-right: var(--m-sm);
    --margin-bottom: var(--m-sm);
    --margin-left: var(--m-sm)
  }
  .sm\:rt-r-m-0 {
    --margin-top: 0px;
    --margin-right: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;
  }
  .sm\:rt-r-m-1 {
    --margin-top: var(--space-1);
    --margin-right: var(--space-1);
    --margin-bottom: var(--space-1);
    --margin-left: var(--space-1);
  }
  .sm\:rt-r-m-2 {
    --margin-top: var(--space-2);
    --margin-right: var(--space-2);
    --margin-bottom: var(--space-2);
    --margin-left: var(--space-2);
  }
  .sm\:rt-r-m-3 {
    --margin-top: var(--space-3);
    --margin-right: var(--space-3);
    --margin-bottom: var(--space-3);
    --margin-left: var(--space-3);
  }
  .sm\:rt-r-m-4 {
    --margin-top: var(--space-4);
    --margin-right: var(--space-4);
    --margin-bottom: var(--space-4);
    --margin-left: var(--space-4);
  }
  .sm\:rt-r-m-5 {
    --margin-top: var(--space-5);
    --margin-right: var(--space-5);
    --margin-bottom: var(--space-5);
    --margin-left: var(--space-5);
  }
  .sm\:rt-r-m-6 {
    --margin-top: var(--space-6);
    --margin-right: var(--space-6);
    --margin-bottom: var(--space-6);
    --margin-left: var(--space-6);
  }
  .sm\:rt-r-m-7 {
    --margin-top: var(--space-7);
    --margin-right: var(--space-7);
    --margin-bottom: var(--space-7);
    --margin-left: var(--space-7);
  }
  .sm\:rt-r-m-8 {
    --margin-top: var(--space-8);
    --margin-right: var(--space-8);
    --margin-bottom: var(--space-8);
    --margin-left: var(--space-8);
  }
  .sm\:rt-r-m-9 {
    --margin-top: var(--space-9);
    --margin-right: var(--space-9);
    --margin-bottom: var(--space-9);
    --margin-left: var(--space-9);
  }
  .sm\:-rt-r-m-1 {
    --margin-top: calc(-1 * var(--space-1));
    --margin-right: calc(-1 * var(--space-1));
    --margin-bottom: calc(-1 * var(--space-1));
    --margin-left: calc(-1 * var(--space-1));
  }
  .sm\:-rt-r-m-2 {
    --margin-top: calc(-1 * var(--space-2));
    --margin-right: calc(-1 * var(--space-2));
    --margin-bottom: calc(-1 * var(--space-2));
    --margin-left: calc(-1 * var(--space-2));
  }
  .sm\:-rt-r-m-3 {
    --margin-top: calc(-1 * var(--space-3));
    --margin-right: calc(-1 * var(--space-3));
    --margin-bottom: calc(-1 * var(--space-3));
    --margin-left: calc(-1 * var(--space-3));
  }
  .sm\:-rt-r-m-4 {
    --margin-top: calc(-1 * var(--space-4));
    --margin-right: calc(-1 * var(--space-4));
    --margin-bottom: calc(-1 * var(--space-4));
    --margin-left: calc(-1 * var(--space-4));
  }
  .sm\:-rt-r-m-5 {
    --margin-top: calc(-1 * var(--space-5));
    --margin-right: calc(-1 * var(--space-5));
    --margin-bottom: calc(-1 * var(--space-5));
    --margin-left: calc(-1 * var(--space-5));
  }
  .sm\:-rt-r-m-6 {
    --margin-top: calc(-1 * var(--space-6));
    --margin-right: calc(-1 * var(--space-6));
    --margin-bottom: calc(-1 * var(--space-6));
    --margin-left: calc(-1 * var(--space-6));
  }
  .sm\:-rt-r-m-7 {
    --margin-top: calc(-1 * var(--space-7));
    --margin-right: calc(-1 * var(--space-7));
    --margin-bottom: calc(-1 * var(--space-7));
    --margin-left: calc(-1 * var(--space-7));
  }
  .sm\:-rt-r-m-8 {
    --margin-top: calc(-1 * var(--space-8));
    --margin-right: calc(-1 * var(--space-8));
    --margin-bottom: calc(-1 * var(--space-8));
    --margin-left: calc(-1 * var(--space-8));
  }
  .sm\:-rt-r-m-9 {
    --margin-top: calc(-1 * var(--space-9));
    --margin-right: calc(-1 * var(--space-9));
    --margin-bottom: calc(-1 * var(--space-9));
    --margin-left: calc(-1 * var(--space-9));
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-m,
  .md\:rt-r-m-0,
  .md\:rt-r-m-1,
  .md\:rt-r-m-2,
  .md\:rt-r-m-3,
  .md\:rt-r-m-4,
  .md\:rt-r-m-5,
  .md\:rt-r-m-6,
  .md\:rt-r-m-7,
  .md\:rt-r-m-8,
  .md\:rt-r-m-9,
  .md\:-rt-r-m-1,
  .md\:-rt-r-m-2,
  .md\:-rt-r-m-3,
  .md\:-rt-r-m-4,
  .md\:-rt-r-m-5,
  .md\:-rt-r-m-6,
  .md\:-rt-r-m-7,
  .md\:-rt-r-m-8,
  .md\:-rt-r-m-9 {
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-right: var(--margin-right-override, var(--margin-right));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .md\:rt-r-m {
    --margin-top: var(--m-md);
    --margin-right: var(--m-md);
    --margin-bottom: var(--m-md);
    --margin-left: var(--m-md)
  }
  .md\:rt-r-m-0 {
    --margin-top: 0px;
    --margin-right: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;
  }
  .md\:rt-r-m-1 {
    --margin-top: var(--space-1);
    --margin-right: var(--space-1);
    --margin-bottom: var(--space-1);
    --margin-left: var(--space-1);
  }
  .md\:rt-r-m-2 {
    --margin-top: var(--space-2);
    --margin-right: var(--space-2);
    --margin-bottom: var(--space-2);
    --margin-left: var(--space-2);
  }
  .md\:rt-r-m-3 {
    --margin-top: var(--space-3);
    --margin-right: var(--space-3);
    --margin-bottom: var(--space-3);
    --margin-left: var(--space-3);
  }
  .md\:rt-r-m-4 {
    --margin-top: var(--space-4);
    --margin-right: var(--space-4);
    --margin-bottom: var(--space-4);
    --margin-left: var(--space-4);
  }
  .md\:rt-r-m-5 {
    --margin-top: var(--space-5);
    --margin-right: var(--space-5);
    --margin-bottom: var(--space-5);
    --margin-left: var(--space-5);
  }
  .md\:rt-r-m-6 {
    --margin-top: var(--space-6);
    --margin-right: var(--space-6);
    --margin-bottom: var(--space-6);
    --margin-left: var(--space-6);
  }
  .md\:rt-r-m-7 {
    --margin-top: var(--space-7);
    --margin-right: var(--space-7);
    --margin-bottom: var(--space-7);
    --margin-left: var(--space-7);
  }
  .md\:rt-r-m-8 {
    --margin-top: var(--space-8);
    --margin-right: var(--space-8);
    --margin-bottom: var(--space-8);
    --margin-left: var(--space-8);
  }
  .md\:rt-r-m-9 {
    --margin-top: var(--space-9);
    --margin-right: var(--space-9);
    --margin-bottom: var(--space-9);
    --margin-left: var(--space-9);
  }
  .md\:-rt-r-m-1 {
    --margin-top: calc(-1 * var(--space-1));
    --margin-right: calc(-1 * var(--space-1));
    --margin-bottom: calc(-1 * var(--space-1));
    --margin-left: calc(-1 * var(--space-1));
  }
  .md\:-rt-r-m-2 {
    --margin-top: calc(-1 * var(--space-2));
    --margin-right: calc(-1 * var(--space-2));
    --margin-bottom: calc(-1 * var(--space-2));
    --margin-left: calc(-1 * var(--space-2));
  }
  .md\:-rt-r-m-3 {
    --margin-top: calc(-1 * var(--space-3));
    --margin-right: calc(-1 * var(--space-3));
    --margin-bottom: calc(-1 * var(--space-3));
    --margin-left: calc(-1 * var(--space-3));
  }
  .md\:-rt-r-m-4 {
    --margin-top: calc(-1 * var(--space-4));
    --margin-right: calc(-1 * var(--space-4));
    --margin-bottom: calc(-1 * var(--space-4));
    --margin-left: calc(-1 * var(--space-4));
  }
  .md\:-rt-r-m-5 {
    --margin-top: calc(-1 * var(--space-5));
    --margin-right: calc(-1 * var(--space-5));
    --margin-bottom: calc(-1 * var(--space-5));
    --margin-left: calc(-1 * var(--space-5));
  }
  .md\:-rt-r-m-6 {
    --margin-top: calc(-1 * var(--space-6));
    --margin-right: calc(-1 * var(--space-6));
    --margin-bottom: calc(-1 * var(--space-6));
    --margin-left: calc(-1 * var(--space-6));
  }
  .md\:-rt-r-m-7 {
    --margin-top: calc(-1 * var(--space-7));
    --margin-right: calc(-1 * var(--space-7));
    --margin-bottom: calc(-1 * var(--space-7));
    --margin-left: calc(-1 * var(--space-7));
  }
  .md\:-rt-r-m-8 {
    --margin-top: calc(-1 * var(--space-8));
    --margin-right: calc(-1 * var(--space-8));
    --margin-bottom: calc(-1 * var(--space-8));
    --margin-left: calc(-1 * var(--space-8));
  }
  .md\:-rt-r-m-9 {
    --margin-top: calc(-1 * var(--space-9));
    --margin-right: calc(-1 * var(--space-9));
    --margin-bottom: calc(-1 * var(--space-9));
    --margin-left: calc(-1 * var(--space-9));
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-m,
  .lg\:rt-r-m-0,
  .lg\:rt-r-m-1,
  .lg\:rt-r-m-2,
  .lg\:rt-r-m-3,
  .lg\:rt-r-m-4,
  .lg\:rt-r-m-5,
  .lg\:rt-r-m-6,
  .lg\:rt-r-m-7,
  .lg\:rt-r-m-8,
  .lg\:rt-r-m-9,
  .lg\:-rt-r-m-1,
  .lg\:-rt-r-m-2,
  .lg\:-rt-r-m-3,
  .lg\:-rt-r-m-4,
  .lg\:-rt-r-m-5,
  .lg\:-rt-r-m-6,
  .lg\:-rt-r-m-7,
  .lg\:-rt-r-m-8,
  .lg\:-rt-r-m-9 {
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-right: var(--margin-right-override, var(--margin-right));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .lg\:rt-r-m {
    --margin-top: var(--m-lg);
    --margin-right: var(--m-lg);
    --margin-bottom: var(--m-lg);
    --margin-left: var(--m-lg)
  }
  .lg\:rt-r-m-0 {
    --margin-top: 0px;
    --margin-right: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;
  }
  .lg\:rt-r-m-1 {
    --margin-top: var(--space-1);
    --margin-right: var(--space-1);
    --margin-bottom: var(--space-1);
    --margin-left: var(--space-1);
  }
  .lg\:rt-r-m-2 {
    --margin-top: var(--space-2);
    --margin-right: var(--space-2);
    --margin-bottom: var(--space-2);
    --margin-left: var(--space-2);
  }
  .lg\:rt-r-m-3 {
    --margin-top: var(--space-3);
    --margin-right: var(--space-3);
    --margin-bottom: var(--space-3);
    --margin-left: var(--space-3);
  }
  .lg\:rt-r-m-4 {
    --margin-top: var(--space-4);
    --margin-right: var(--space-4);
    --margin-bottom: var(--space-4);
    --margin-left: var(--space-4);
  }
  .lg\:rt-r-m-5 {
    --margin-top: var(--space-5);
    --margin-right: var(--space-5);
    --margin-bottom: var(--space-5);
    --margin-left: var(--space-5);
  }
  .lg\:rt-r-m-6 {
    --margin-top: var(--space-6);
    --margin-right: var(--space-6);
    --margin-bottom: var(--space-6);
    --margin-left: var(--space-6);
  }
  .lg\:rt-r-m-7 {
    --margin-top: var(--space-7);
    --margin-right: var(--space-7);
    --margin-bottom: var(--space-7);
    --margin-left: var(--space-7);
  }
  .lg\:rt-r-m-8 {
    --margin-top: var(--space-8);
    --margin-right: var(--space-8);
    --margin-bottom: var(--space-8);
    --margin-left: var(--space-8);
  }
  .lg\:rt-r-m-9 {
    --margin-top: var(--space-9);
    --margin-right: var(--space-9);
    --margin-bottom: var(--space-9);
    --margin-left: var(--space-9);
  }
  .lg\:-rt-r-m-1 {
    --margin-top: calc(-1 * var(--space-1));
    --margin-right: calc(-1 * var(--space-1));
    --margin-bottom: calc(-1 * var(--space-1));
    --margin-left: calc(-1 * var(--space-1));
  }
  .lg\:-rt-r-m-2 {
    --margin-top: calc(-1 * var(--space-2));
    --margin-right: calc(-1 * var(--space-2));
    --margin-bottom: calc(-1 * var(--space-2));
    --margin-left: calc(-1 * var(--space-2));
  }
  .lg\:-rt-r-m-3 {
    --margin-top: calc(-1 * var(--space-3));
    --margin-right: calc(-1 * var(--space-3));
    --margin-bottom: calc(-1 * var(--space-3));
    --margin-left: calc(-1 * var(--space-3));
  }
  .lg\:-rt-r-m-4 {
    --margin-top: calc(-1 * var(--space-4));
    --margin-right: calc(-1 * var(--space-4));
    --margin-bottom: calc(-1 * var(--space-4));
    --margin-left: calc(-1 * var(--space-4));
  }
  .lg\:-rt-r-m-5 {
    --margin-top: calc(-1 * var(--space-5));
    --margin-right: calc(-1 * var(--space-5));
    --margin-bottom: calc(-1 * var(--space-5));
    --margin-left: calc(-1 * var(--space-5));
  }
  .lg\:-rt-r-m-6 {
    --margin-top: calc(-1 * var(--space-6));
    --margin-right: calc(-1 * var(--space-6));
    --margin-bottom: calc(-1 * var(--space-6));
    --margin-left: calc(-1 * var(--space-6));
  }
  .lg\:-rt-r-m-7 {
    --margin-top: calc(-1 * var(--space-7));
    --margin-right: calc(-1 * var(--space-7));
    --margin-bottom: calc(-1 * var(--space-7));
    --margin-left: calc(-1 * var(--space-7));
  }
  .lg\:-rt-r-m-8 {
    --margin-top: calc(-1 * var(--space-8));
    --margin-right: calc(-1 * var(--space-8));
    --margin-bottom: calc(-1 * var(--space-8));
    --margin-left: calc(-1 * var(--space-8));
  }
  .lg\:-rt-r-m-9 {
    --margin-top: calc(-1 * var(--space-9));
    --margin-right: calc(-1 * var(--space-9));
    --margin-bottom: calc(-1 * var(--space-9));
    --margin-left: calc(-1 * var(--space-9));
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-m,
  .xl\:rt-r-m-0,
  .xl\:rt-r-m-1,
  .xl\:rt-r-m-2,
  .xl\:rt-r-m-3,
  .xl\:rt-r-m-4,
  .xl\:rt-r-m-5,
  .xl\:rt-r-m-6,
  .xl\:rt-r-m-7,
  .xl\:rt-r-m-8,
  .xl\:rt-r-m-9,
  .xl\:-rt-r-m-1,
  .xl\:-rt-r-m-2,
  .xl\:-rt-r-m-3,
  .xl\:-rt-r-m-4,
  .xl\:-rt-r-m-5,
  .xl\:-rt-r-m-6,
  .xl\:-rt-r-m-7,
  .xl\:-rt-r-m-8,
  .xl\:-rt-r-m-9 {
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-right: var(--margin-right-override, var(--margin-right));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .xl\:rt-r-m {
    --margin-top: var(--m-xl);
    --margin-right: var(--m-xl);
    --margin-bottom: var(--m-xl);
    --margin-left: var(--m-xl)
  }
  .xl\:rt-r-m-0 {
    --margin-top: 0px;
    --margin-right: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;
  }
  .xl\:rt-r-m-1 {
    --margin-top: var(--space-1);
    --margin-right: var(--space-1);
    --margin-bottom: var(--space-1);
    --margin-left: var(--space-1);
  }
  .xl\:rt-r-m-2 {
    --margin-top: var(--space-2);
    --margin-right: var(--space-2);
    --margin-bottom: var(--space-2);
    --margin-left: var(--space-2);
  }
  .xl\:rt-r-m-3 {
    --margin-top: var(--space-3);
    --margin-right: var(--space-3);
    --margin-bottom: var(--space-3);
    --margin-left: var(--space-3);
  }
  .xl\:rt-r-m-4 {
    --margin-top: var(--space-4);
    --margin-right: var(--space-4);
    --margin-bottom: var(--space-4);
    --margin-left: var(--space-4);
  }
  .xl\:rt-r-m-5 {
    --margin-top: var(--space-5);
    --margin-right: var(--space-5);
    --margin-bottom: var(--space-5);
    --margin-left: var(--space-5);
  }
  .xl\:rt-r-m-6 {
    --margin-top: var(--space-6);
    --margin-right: var(--space-6);
    --margin-bottom: var(--space-6);
    --margin-left: var(--space-6);
  }
  .xl\:rt-r-m-7 {
    --margin-top: var(--space-7);
    --margin-right: var(--space-7);
    --margin-bottom: var(--space-7);
    --margin-left: var(--space-7);
  }
  .xl\:rt-r-m-8 {
    --margin-top: var(--space-8);
    --margin-right: var(--space-8);
    --margin-bottom: var(--space-8);
    --margin-left: var(--space-8);
  }
  .xl\:rt-r-m-9 {
    --margin-top: var(--space-9);
    --margin-right: var(--space-9);
    --margin-bottom: var(--space-9);
    --margin-left: var(--space-9);
  }
  .xl\:-rt-r-m-1 {
    --margin-top: calc(-1 * var(--space-1));
    --margin-right: calc(-1 * var(--space-1));
    --margin-bottom: calc(-1 * var(--space-1));
    --margin-left: calc(-1 * var(--space-1));
  }
  .xl\:-rt-r-m-2 {
    --margin-top: calc(-1 * var(--space-2));
    --margin-right: calc(-1 * var(--space-2));
    --margin-bottom: calc(-1 * var(--space-2));
    --margin-left: calc(-1 * var(--space-2));
  }
  .xl\:-rt-r-m-3 {
    --margin-top: calc(-1 * var(--space-3));
    --margin-right: calc(-1 * var(--space-3));
    --margin-bottom: calc(-1 * var(--space-3));
    --margin-left: calc(-1 * var(--space-3));
  }
  .xl\:-rt-r-m-4 {
    --margin-top: calc(-1 * var(--space-4));
    --margin-right: calc(-1 * var(--space-4));
    --margin-bottom: calc(-1 * var(--space-4));
    --margin-left: calc(-1 * var(--space-4));
  }
  .xl\:-rt-r-m-5 {
    --margin-top: calc(-1 * var(--space-5));
    --margin-right: calc(-1 * var(--space-5));
    --margin-bottom: calc(-1 * var(--space-5));
    --margin-left: calc(-1 * var(--space-5));
  }
  .xl\:-rt-r-m-6 {
    --margin-top: calc(-1 * var(--space-6));
    --margin-right: calc(-1 * var(--space-6));
    --margin-bottom: calc(-1 * var(--space-6));
    --margin-left: calc(-1 * var(--space-6));
  }
  .xl\:-rt-r-m-7 {
    --margin-top: calc(-1 * var(--space-7));
    --margin-right: calc(-1 * var(--space-7));
    --margin-bottom: calc(-1 * var(--space-7));
    --margin-left: calc(-1 * var(--space-7));
  }
  .xl\:-rt-r-m-8 {
    --margin-top: calc(-1 * var(--space-8));
    --margin-right: calc(-1 * var(--space-8));
    --margin-bottom: calc(-1 * var(--space-8));
    --margin-left: calc(-1 * var(--space-8));
  }
  .xl\:-rt-r-m-9 {
    --margin-top: calc(-1 * var(--space-9));
    --margin-right: calc(-1 * var(--space-9));
    --margin-bottom: calc(-1 * var(--space-9));
    --margin-left: calc(-1 * var(--space-9));
  }
}
.rt-r-mx,
.rt-r-mx-0,
.rt-r-mx-1,
.rt-r-mx-2,
.rt-r-mx-3,
.rt-r-mx-4,
.rt-r-mx-5,
.rt-r-mx-6,
.rt-r-mx-7,
.rt-r-mx-8,
.rt-r-mx-9,
.-rt-r-mx-1,
.-rt-r-mx-2,
.-rt-r-mx-3,
.-rt-r-mx-4,
.-rt-r-mx-5,
.-rt-r-mx-6,
.-rt-r-mx-7,
.-rt-r-mx-8,
.-rt-r-mx-9 {
  margin-left: var(--margin-left-override, var(--margin-left));
  margin-right: var(--margin-right-override, var(--margin-right));
}
.rt-r-mx {
  --margin-left: var(--ml);
  --margin-right: var(--mr)
}
.rt-r-mx-0 {
  --margin-left: 0px;
  --margin-right: 0px;
}
.rt-r-mx-1 {
  --margin-left: var(--space-1);
  --margin-right: var(--space-1);
}
.rt-r-mx-2 {
  --margin-left: var(--space-2);
  --margin-right: var(--space-2);
}
.rt-r-mx-3 {
  --margin-left: var(--space-3);
  --margin-right: var(--space-3);
}
.rt-r-mx-4 {
  --margin-left: var(--space-4);
  --margin-right: var(--space-4);
}
.rt-r-mx-5 {
  --margin-left: var(--space-5);
  --margin-right: var(--space-5);
}
.rt-r-mx-6 {
  --margin-left: var(--space-6);
  --margin-right: var(--space-6);
}
.rt-r-mx-7 {
  --margin-left: var(--space-7);
  --margin-right: var(--space-7);
}
.rt-r-mx-8 {
  --margin-left: var(--space-8);
  --margin-right: var(--space-8);
}
.rt-r-mx-9 {
  --margin-left: var(--space-9);
  --margin-right: var(--space-9);
}
.-rt-r-mx-1 {
  --margin-left: calc(-1 * var(--space-1));
  --margin-right: calc(-1 * var(--space-1));
}
.-rt-r-mx-2 {
  --margin-left: calc(-1 * var(--space-2));
  --margin-right: calc(-1 * var(--space-2));
}
.-rt-r-mx-3 {
  --margin-left: calc(-1 * var(--space-3));
  --margin-right: calc(-1 * var(--space-3));
}
.-rt-r-mx-4 {
  --margin-left: calc(-1 * var(--space-4));
  --margin-right: calc(-1 * var(--space-4));
}
.-rt-r-mx-5 {
  --margin-left: calc(-1 * var(--space-5));
  --margin-right: calc(-1 * var(--space-5));
}
.-rt-r-mx-6 {
  --margin-left: calc(-1 * var(--space-6));
  --margin-right: calc(-1 * var(--space-6));
}
.-rt-r-mx-7 {
  --margin-left: calc(-1 * var(--space-7));
  --margin-right: calc(-1 * var(--space-7));
}
.-rt-r-mx-8 {
  --margin-left: calc(-1 * var(--space-8));
  --margin-right: calc(-1 * var(--space-8));
}
.-rt-r-mx-9 {
  --margin-left: calc(-1 * var(--space-9));
  --margin-right: calc(-1 * var(--space-9));
}
@media (min-width: 520px) {
  .xs\:rt-r-mx,
  .xs\:rt-r-mx-0,
  .xs\:rt-r-mx-1,
  .xs\:rt-r-mx-2,
  .xs\:rt-r-mx-3,
  .xs\:rt-r-mx-4,
  .xs\:rt-r-mx-5,
  .xs\:rt-r-mx-6,
  .xs\:rt-r-mx-7,
  .xs\:rt-r-mx-8,
  .xs\:rt-r-mx-9,
  .xs\:-rt-r-mx-1,
  .xs\:-rt-r-mx-2,
  .xs\:-rt-r-mx-3,
  .xs\:-rt-r-mx-4,
  .xs\:-rt-r-mx-5,
  .xs\:-rt-r-mx-6,
  .xs\:-rt-r-mx-7,
  .xs\:-rt-r-mx-8,
  .xs\:-rt-r-mx-9 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .xs\:rt-r-mx {
    --margin-left: var(--ml-xs);
    --margin-right: var(--mr-xs)
  }
  .xs\:rt-r-mx-0 {
    --margin-left: 0px;
    --margin-right: 0px;
  }
  .xs\:rt-r-mx-1 {
    --margin-left: var(--space-1);
    --margin-right: var(--space-1);
  }
  .xs\:rt-r-mx-2 {
    --margin-left: var(--space-2);
    --margin-right: var(--space-2);
  }
  .xs\:rt-r-mx-3 {
    --margin-left: var(--space-3);
    --margin-right: var(--space-3);
  }
  .xs\:rt-r-mx-4 {
    --margin-left: var(--space-4);
    --margin-right: var(--space-4);
  }
  .xs\:rt-r-mx-5 {
    --margin-left: var(--space-5);
    --margin-right: var(--space-5);
  }
  .xs\:rt-r-mx-6 {
    --margin-left: var(--space-6);
    --margin-right: var(--space-6);
  }
  .xs\:rt-r-mx-7 {
    --margin-left: var(--space-7);
    --margin-right: var(--space-7);
  }
  .xs\:rt-r-mx-8 {
    --margin-left: var(--space-8);
    --margin-right: var(--space-8);
  }
  .xs\:rt-r-mx-9 {
    --margin-left: var(--space-9);
    --margin-right: var(--space-9);
  }
  .xs\:-rt-r-mx-1 {
    --margin-left: calc(-1 * var(--space-1));
    --margin-right: calc(-1 * var(--space-1));
  }
  .xs\:-rt-r-mx-2 {
    --margin-left: calc(-1 * var(--space-2));
    --margin-right: calc(-1 * var(--space-2));
  }
  .xs\:-rt-r-mx-3 {
    --margin-left: calc(-1 * var(--space-3));
    --margin-right: calc(-1 * var(--space-3));
  }
  .xs\:-rt-r-mx-4 {
    --margin-left: calc(-1 * var(--space-4));
    --margin-right: calc(-1 * var(--space-4));
  }
  .xs\:-rt-r-mx-5 {
    --margin-left: calc(-1 * var(--space-5));
    --margin-right: calc(-1 * var(--space-5));
  }
  .xs\:-rt-r-mx-6 {
    --margin-left: calc(-1 * var(--space-6));
    --margin-right: calc(-1 * var(--space-6));
  }
  .xs\:-rt-r-mx-7 {
    --margin-left: calc(-1 * var(--space-7));
    --margin-right: calc(-1 * var(--space-7));
  }
  .xs\:-rt-r-mx-8 {
    --margin-left: calc(-1 * var(--space-8));
    --margin-right: calc(-1 * var(--space-8));
  }
  .xs\:-rt-r-mx-9 {
    --margin-left: calc(-1 * var(--space-9));
    --margin-right: calc(-1 * var(--space-9));
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-mx,
  .sm\:rt-r-mx-0,
  .sm\:rt-r-mx-1,
  .sm\:rt-r-mx-2,
  .sm\:rt-r-mx-3,
  .sm\:rt-r-mx-4,
  .sm\:rt-r-mx-5,
  .sm\:rt-r-mx-6,
  .sm\:rt-r-mx-7,
  .sm\:rt-r-mx-8,
  .sm\:rt-r-mx-9,
  .sm\:-rt-r-mx-1,
  .sm\:-rt-r-mx-2,
  .sm\:-rt-r-mx-3,
  .sm\:-rt-r-mx-4,
  .sm\:-rt-r-mx-5,
  .sm\:-rt-r-mx-6,
  .sm\:-rt-r-mx-7,
  .sm\:-rt-r-mx-8,
  .sm\:-rt-r-mx-9 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .sm\:rt-r-mx {
    --margin-left: var(--ml-md);
    --margin-right: var(--mr-md)
  }
  .sm\:rt-r-mx-0 {
    --margin-left: 0px;
    --margin-right: 0px;
  }
  .sm\:rt-r-mx-1 {
    --margin-left: var(--space-1);
    --margin-right: var(--space-1);
  }
  .sm\:rt-r-mx-2 {
    --margin-left: var(--space-2);
    --margin-right: var(--space-2);
  }
  .sm\:rt-r-mx-3 {
    --margin-left: var(--space-3);
    --margin-right: var(--space-3);
  }
  .sm\:rt-r-mx-4 {
    --margin-left: var(--space-4);
    --margin-right: var(--space-4);
  }
  .sm\:rt-r-mx-5 {
    --margin-left: var(--space-5);
    --margin-right: var(--space-5);
  }
  .sm\:rt-r-mx-6 {
    --margin-left: var(--space-6);
    --margin-right: var(--space-6);
  }
  .sm\:rt-r-mx-7 {
    --margin-left: var(--space-7);
    --margin-right: var(--space-7);
  }
  .sm\:rt-r-mx-8 {
    --margin-left: var(--space-8);
    --margin-right: var(--space-8);
  }
  .sm\:rt-r-mx-9 {
    --margin-left: var(--space-9);
    --margin-right: var(--space-9);
  }
  .sm\:-rt-r-mx-1 {
    --margin-left: calc(-1 * var(--space-1));
    --margin-right: calc(-1 * var(--space-1));
  }
  .sm\:-rt-r-mx-2 {
    --margin-left: calc(-1 * var(--space-2));
    --margin-right: calc(-1 * var(--space-2));
  }
  .sm\:-rt-r-mx-3 {
    --margin-left: calc(-1 * var(--space-3));
    --margin-right: calc(-1 * var(--space-3));
  }
  .sm\:-rt-r-mx-4 {
    --margin-left: calc(-1 * var(--space-4));
    --margin-right: calc(-1 * var(--space-4));
  }
  .sm\:-rt-r-mx-5 {
    --margin-left: calc(-1 * var(--space-5));
    --margin-right: calc(-1 * var(--space-5));
  }
  .sm\:-rt-r-mx-6 {
    --margin-left: calc(-1 * var(--space-6));
    --margin-right: calc(-1 * var(--space-6));
  }
  .sm\:-rt-r-mx-7 {
    --margin-left: calc(-1 * var(--space-7));
    --margin-right: calc(-1 * var(--space-7));
  }
  .sm\:-rt-r-mx-8 {
    --margin-left: calc(-1 * var(--space-8));
    --margin-right: calc(-1 * var(--space-8));
  }
  .sm\:-rt-r-mx-9 {
    --margin-left: calc(-1 * var(--space-9));
    --margin-right: calc(-1 * var(--space-9));
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-mx,
  .md\:rt-r-mx-0,
  .md\:rt-r-mx-1,
  .md\:rt-r-mx-2,
  .md\:rt-r-mx-3,
  .md\:rt-r-mx-4,
  .md\:rt-r-mx-5,
  .md\:rt-r-mx-6,
  .md\:rt-r-mx-7,
  .md\:rt-r-mx-8,
  .md\:rt-r-mx-9,
  .md\:-rt-r-mx-1,
  .md\:-rt-r-mx-2,
  .md\:-rt-r-mx-3,
  .md\:-rt-r-mx-4,
  .md\:-rt-r-mx-5,
  .md\:-rt-r-mx-6,
  .md\:-rt-r-mx-7,
  .md\:-rt-r-mx-8,
  .md\:-rt-r-mx-9 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .md\:rt-r-mx {
    --margin-left: var(--ml-md);
    --margin-right: var(--mr-md)
  }
  .md\:rt-r-mx-0 {
    --margin-left: 0px;
    --margin-right: 0px;
  }
  .md\:rt-r-mx-1 {
    --margin-left: var(--space-1);
    --margin-right: var(--space-1);
  }
  .md\:rt-r-mx-2 {
    --margin-left: var(--space-2);
    --margin-right: var(--space-2);
  }
  .md\:rt-r-mx-3 {
    --margin-left: var(--space-3);
    --margin-right: var(--space-3);
  }
  .md\:rt-r-mx-4 {
    --margin-left: var(--space-4);
    --margin-right: var(--space-4);
  }
  .md\:rt-r-mx-5 {
    --margin-left: var(--space-5);
    --margin-right: var(--space-5);
  }
  .md\:rt-r-mx-6 {
    --margin-left: var(--space-6);
    --margin-right: var(--space-6);
  }
  .md\:rt-r-mx-7 {
    --margin-left: var(--space-7);
    --margin-right: var(--space-7);
  }
  .md\:rt-r-mx-8 {
    --margin-left: var(--space-8);
    --margin-right: var(--space-8);
  }
  .md\:rt-r-mx-9 {
    --margin-left: var(--space-9);
    --margin-right: var(--space-9);
  }
  .md\:-rt-r-mx-1 {
    --margin-left: calc(-1 * var(--space-1));
    --margin-right: calc(-1 * var(--space-1));
  }
  .md\:-rt-r-mx-2 {
    --margin-left: calc(-1 * var(--space-2));
    --margin-right: calc(-1 * var(--space-2));
  }
  .md\:-rt-r-mx-3 {
    --margin-left: calc(-1 * var(--space-3));
    --margin-right: calc(-1 * var(--space-3));
  }
  .md\:-rt-r-mx-4 {
    --margin-left: calc(-1 * var(--space-4));
    --margin-right: calc(-1 * var(--space-4));
  }
  .md\:-rt-r-mx-5 {
    --margin-left: calc(-1 * var(--space-5));
    --margin-right: calc(-1 * var(--space-5));
  }
  .md\:-rt-r-mx-6 {
    --margin-left: calc(-1 * var(--space-6));
    --margin-right: calc(-1 * var(--space-6));
  }
  .md\:-rt-r-mx-7 {
    --margin-left: calc(-1 * var(--space-7));
    --margin-right: calc(-1 * var(--space-7));
  }
  .md\:-rt-r-mx-8 {
    --margin-left: calc(-1 * var(--space-8));
    --margin-right: calc(-1 * var(--space-8));
  }
  .md\:-rt-r-mx-9 {
    --margin-left: calc(-1 * var(--space-9));
    --margin-right: calc(-1 * var(--space-9));
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-mx,
  .lg\:rt-r-mx-0,
  .lg\:rt-r-mx-1,
  .lg\:rt-r-mx-2,
  .lg\:rt-r-mx-3,
  .lg\:rt-r-mx-4,
  .lg\:rt-r-mx-5,
  .lg\:rt-r-mx-6,
  .lg\:rt-r-mx-7,
  .lg\:rt-r-mx-8,
  .lg\:rt-r-mx-9,
  .lg\:-rt-r-mx-1,
  .lg\:-rt-r-mx-2,
  .lg\:-rt-r-mx-3,
  .lg\:-rt-r-mx-4,
  .lg\:-rt-r-mx-5,
  .lg\:-rt-r-mx-6,
  .lg\:-rt-r-mx-7,
  .lg\:-rt-r-mx-8,
  .lg\:-rt-r-mx-9 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .lg\:rt-r-mx {
    --margin-left: var(--ml-lg);
    --margin-right: var(--mr-lg)
  }
  .lg\:rt-r-mx-0 {
    --margin-left: 0px;
    --margin-right: 0px;
  }
  .lg\:rt-r-mx-1 {
    --margin-left: var(--space-1);
    --margin-right: var(--space-1);
  }
  .lg\:rt-r-mx-2 {
    --margin-left: var(--space-2);
    --margin-right: var(--space-2);
  }
  .lg\:rt-r-mx-3 {
    --margin-left: var(--space-3);
    --margin-right: var(--space-3);
  }
  .lg\:rt-r-mx-4 {
    --margin-left: var(--space-4);
    --margin-right: var(--space-4);
  }
  .lg\:rt-r-mx-5 {
    --margin-left: var(--space-5);
    --margin-right: var(--space-5);
  }
  .lg\:rt-r-mx-6 {
    --margin-left: var(--space-6);
    --margin-right: var(--space-6);
  }
  .lg\:rt-r-mx-7 {
    --margin-left: var(--space-7);
    --margin-right: var(--space-7);
  }
  .lg\:rt-r-mx-8 {
    --margin-left: var(--space-8);
    --margin-right: var(--space-8);
  }
  .lg\:rt-r-mx-9 {
    --margin-left: var(--space-9);
    --margin-right: var(--space-9);
  }
  .lg\:-rt-r-mx-1 {
    --margin-left: calc(-1 * var(--space-1));
    --margin-right: calc(-1 * var(--space-1));
  }
  .lg\:-rt-r-mx-2 {
    --margin-left: calc(-1 * var(--space-2));
    --margin-right: calc(-1 * var(--space-2));
  }
  .lg\:-rt-r-mx-3 {
    --margin-left: calc(-1 * var(--space-3));
    --margin-right: calc(-1 * var(--space-3));
  }
  .lg\:-rt-r-mx-4 {
    --margin-left: calc(-1 * var(--space-4));
    --margin-right: calc(-1 * var(--space-4));
  }
  .lg\:-rt-r-mx-5 {
    --margin-left: calc(-1 * var(--space-5));
    --margin-right: calc(-1 * var(--space-5));
  }
  .lg\:-rt-r-mx-6 {
    --margin-left: calc(-1 * var(--space-6));
    --margin-right: calc(-1 * var(--space-6));
  }
  .lg\:-rt-r-mx-7 {
    --margin-left: calc(-1 * var(--space-7));
    --margin-right: calc(-1 * var(--space-7));
  }
  .lg\:-rt-r-mx-8 {
    --margin-left: calc(-1 * var(--space-8));
    --margin-right: calc(-1 * var(--space-8));
  }
  .lg\:-rt-r-mx-9 {
    --margin-left: calc(-1 * var(--space-9));
    --margin-right: calc(-1 * var(--space-9));
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-mx,
  .xl\:rt-r-mx-0,
  .xl\:rt-r-mx-1,
  .xl\:rt-r-mx-2,
  .xl\:rt-r-mx-3,
  .xl\:rt-r-mx-4,
  .xl\:rt-r-mx-5,
  .xl\:rt-r-mx-6,
  .xl\:rt-r-mx-7,
  .xl\:rt-r-mx-8,
  .xl\:rt-r-mx-9,
  .xl\:-rt-r-mx-1,
  .xl\:-rt-r-mx-2,
  .xl\:-rt-r-mx-3,
  .xl\:-rt-r-mx-4,
  .xl\:-rt-r-mx-5,
  .xl\:-rt-r-mx-6,
  .xl\:-rt-r-mx-7,
  .xl\:-rt-r-mx-8,
  .xl\:-rt-r-mx-9 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .xl\:rt-r-mx {
    --margin-left: var(--ml-xl);
    --margin-right: var(--mr-xl)
  }
  .xl\:rt-r-mx-0 {
    --margin-left: 0px;
    --margin-right: 0px;
  }
  .xl\:rt-r-mx-1 {
    --margin-left: var(--space-1);
    --margin-right: var(--space-1);
  }
  .xl\:rt-r-mx-2 {
    --margin-left: var(--space-2);
    --margin-right: var(--space-2);
  }
  .xl\:rt-r-mx-3 {
    --margin-left: var(--space-3);
    --margin-right: var(--space-3);
  }
  .xl\:rt-r-mx-4 {
    --margin-left: var(--space-4);
    --margin-right: var(--space-4);
  }
  .xl\:rt-r-mx-5 {
    --margin-left: var(--space-5);
    --margin-right: var(--space-5);
  }
  .xl\:rt-r-mx-6 {
    --margin-left: var(--space-6);
    --margin-right: var(--space-6);
  }
  .xl\:rt-r-mx-7 {
    --margin-left: var(--space-7);
    --margin-right: var(--space-7);
  }
  .xl\:rt-r-mx-8 {
    --margin-left: var(--space-8);
    --margin-right: var(--space-8);
  }
  .xl\:rt-r-mx-9 {
    --margin-left: var(--space-9);
    --margin-right: var(--space-9);
  }
  .xl\:-rt-r-mx-1 {
    --margin-left: calc(-1 * var(--space-1));
    --margin-right: calc(-1 * var(--space-1));
  }
  .xl\:-rt-r-mx-2 {
    --margin-left: calc(-1 * var(--space-2));
    --margin-right: calc(-1 * var(--space-2));
  }
  .xl\:-rt-r-mx-3 {
    --margin-left: calc(-1 * var(--space-3));
    --margin-right: calc(-1 * var(--space-3));
  }
  .xl\:-rt-r-mx-4 {
    --margin-left: calc(-1 * var(--space-4));
    --margin-right: calc(-1 * var(--space-4));
  }
  .xl\:-rt-r-mx-5 {
    --margin-left: calc(-1 * var(--space-5));
    --margin-right: calc(-1 * var(--space-5));
  }
  .xl\:-rt-r-mx-6 {
    --margin-left: calc(-1 * var(--space-6));
    --margin-right: calc(-1 * var(--space-6));
  }
  .xl\:-rt-r-mx-7 {
    --margin-left: calc(-1 * var(--space-7));
    --margin-right: calc(-1 * var(--space-7));
  }
  .xl\:-rt-r-mx-8 {
    --margin-left: calc(-1 * var(--space-8));
    --margin-right: calc(-1 * var(--space-8));
  }
  .xl\:-rt-r-mx-9 {
    --margin-left: calc(-1 * var(--space-9));
    --margin-right: calc(-1 * var(--space-9));
  }
}
.rt-r-my,
.rt-r-my-0,
.rt-r-my-1,
.rt-r-my-2,
.rt-r-my-3,
.rt-r-my-4,
.rt-r-my-5,
.rt-r-my-6,
.rt-r-my-7,
.rt-r-my-8,
.rt-r-my-9,
.-rt-r-my-1,
.-rt-r-my-2,
.-rt-r-my-3,
.-rt-r-my-4,
.-rt-r-my-5,
.-rt-r-my-6,
.-rt-r-my-7,
.-rt-r-my-8,
.-rt-r-my-9 {
  margin-top: var(--margin-top-override, var(--margin-top));
  margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
}
.rt-r-my {
  --margin-top: var(--mt);
  --margin-bottom: var(--mb)
}
.rt-r-my-0 {
  --margin-top: 0px;
  --margin-bottom: 0px;
}
.rt-r-my-1 {
  --margin-top: var(--space-1);
  --margin-bottom: var(--space-1);
}
.rt-r-my-2 {
  --margin-top: var(--space-2);
  --margin-bottom: var(--space-2);
}
.rt-r-my-3 {
  --margin-top: var(--space-3);
  --margin-bottom: var(--space-3);
}
.rt-r-my-4 {
  --margin-top: var(--space-4);
  --margin-bottom: var(--space-4);
}
.rt-r-my-5 {
  --margin-top: var(--space-5);
  --margin-bottom: var(--space-5);
}
.rt-r-my-6 {
  --margin-top: var(--space-6);
  --margin-bottom: var(--space-6);
}
.rt-r-my-7 {
  --margin-top: var(--space-7);
  --margin-bottom: var(--space-7);
}
.rt-r-my-8 {
  --margin-top: var(--space-8);
  --margin-bottom: var(--space-8);
}
.rt-r-my-9 {
  --margin-top: var(--space-9);
  --margin-bottom: var(--space-9);
}
.-rt-r-my-1 {
  --margin-top: calc(-1 * var(--space-1));
  --margin-bottom: calc(-1 * var(--space-1));
}
.-rt-r-my-2 {
  --margin-top: calc(-1 * var(--space-2));
  --margin-bottom: calc(-1 * var(--space-2));
}
.-rt-r-my-3 {
  --margin-top: calc(-1 * var(--space-3));
  --margin-bottom: calc(-1 * var(--space-3));
}
.-rt-r-my-4 {
  --margin-top: calc(-1 * var(--space-4));
  --margin-bottom: calc(-1 * var(--space-4));
}
.-rt-r-my-5 {
  --margin-top: calc(-1 * var(--space-5));
  --margin-bottom: calc(-1 * var(--space-5));
}
.-rt-r-my-6 {
  --margin-top: calc(-1 * var(--space-6));
  --margin-bottom: calc(-1 * var(--space-6));
}
.-rt-r-my-7 {
  --margin-top: calc(-1 * var(--space-7));
  --margin-bottom: calc(-1 * var(--space-7));
}
.-rt-r-my-8 {
  --margin-top: calc(-1 * var(--space-8));
  --margin-bottom: calc(-1 * var(--space-8));
}
.-rt-r-my-9 {
  --margin-top: calc(-1 * var(--space-9));
  --margin-bottom: calc(-1 * var(--space-9));
}
@media (min-width: 520px) {
  .xs\:rt-r-my,
  .xs\:rt-r-my-0,
  .xs\:rt-r-my-1,
  .xs\:rt-r-my-2,
  .xs\:rt-r-my-3,
  .xs\:rt-r-my-4,
  .xs\:rt-r-my-5,
  .xs\:rt-r-my-6,
  .xs\:rt-r-my-7,
  .xs\:rt-r-my-8,
  .xs\:rt-r-my-9,
  .xs\:-rt-r-my-1,
  .xs\:-rt-r-my-2,
  .xs\:-rt-r-my-3,
  .xs\:-rt-r-my-4,
  .xs\:-rt-r-my-5,
  .xs\:-rt-r-my-6,
  .xs\:-rt-r-my-7,
  .xs\:-rt-r-my-8,
  .xs\:-rt-r-my-9 {
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .xs\:rt-r-my {
    --margin-top: var(--mt-xs);
    --margin-bottom: var(--mb-xs)
  }
  .xs\:rt-r-my-0 {
    --margin-top: 0px;
    --margin-bottom: 0px;
  }
  .xs\:rt-r-my-1 {
    --margin-top: var(--space-1);
    --margin-bottom: var(--space-1);
  }
  .xs\:rt-r-my-2 {
    --margin-top: var(--space-2);
    --margin-bottom: var(--space-2);
  }
  .xs\:rt-r-my-3 {
    --margin-top: var(--space-3);
    --margin-bottom: var(--space-3);
  }
  .xs\:rt-r-my-4 {
    --margin-top: var(--space-4);
    --margin-bottom: var(--space-4);
  }
  .xs\:rt-r-my-5 {
    --margin-top: var(--space-5);
    --margin-bottom: var(--space-5);
  }
  .xs\:rt-r-my-6 {
    --margin-top: var(--space-6);
    --margin-bottom: var(--space-6);
  }
  .xs\:rt-r-my-7 {
    --margin-top: var(--space-7);
    --margin-bottom: var(--space-7);
  }
  .xs\:rt-r-my-8 {
    --margin-top: var(--space-8);
    --margin-bottom: var(--space-8);
  }
  .xs\:rt-r-my-9 {
    --margin-top: var(--space-9);
    --margin-bottom: var(--space-9);
  }
  .xs\:-rt-r-my-1 {
    --margin-top: calc(-1 * var(--space-1));
    --margin-bottom: calc(-1 * var(--space-1));
  }
  .xs\:-rt-r-my-2 {
    --margin-top: calc(-1 * var(--space-2));
    --margin-bottom: calc(-1 * var(--space-2));
  }
  .xs\:-rt-r-my-3 {
    --margin-top: calc(-1 * var(--space-3));
    --margin-bottom: calc(-1 * var(--space-3));
  }
  .xs\:-rt-r-my-4 {
    --margin-top: calc(-1 * var(--space-4));
    --margin-bottom: calc(-1 * var(--space-4));
  }
  .xs\:-rt-r-my-5 {
    --margin-top: calc(-1 * var(--space-5));
    --margin-bottom: calc(-1 * var(--space-5));
  }
  .xs\:-rt-r-my-6 {
    --margin-top: calc(-1 * var(--space-6));
    --margin-bottom: calc(-1 * var(--space-6));
  }
  .xs\:-rt-r-my-7 {
    --margin-top: calc(-1 * var(--space-7));
    --margin-bottom: calc(-1 * var(--space-7));
  }
  .xs\:-rt-r-my-8 {
    --margin-top: calc(-1 * var(--space-8));
    --margin-bottom: calc(-1 * var(--space-8));
  }
  .xs\:-rt-r-my-9 {
    --margin-top: calc(-1 * var(--space-9));
    --margin-bottom: calc(-1 * var(--space-9));
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-my,
  .sm\:rt-r-my-0,
  .sm\:rt-r-my-1,
  .sm\:rt-r-my-2,
  .sm\:rt-r-my-3,
  .sm\:rt-r-my-4,
  .sm\:rt-r-my-5,
  .sm\:rt-r-my-6,
  .sm\:rt-r-my-7,
  .sm\:rt-r-my-8,
  .sm\:rt-r-my-9,
  .sm\:-rt-r-my-1,
  .sm\:-rt-r-my-2,
  .sm\:-rt-r-my-3,
  .sm\:-rt-r-my-4,
  .sm\:-rt-r-my-5,
  .sm\:-rt-r-my-6,
  .sm\:-rt-r-my-7,
  .sm\:-rt-r-my-8,
  .sm\:-rt-r-my-9 {
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .sm\:rt-r-my {
    --margin-top: var(--mt-sm);
    --margin-bottom: var(--mb-sm)
  }
  .sm\:rt-r-my-0 {
    --margin-top: 0px;
    --margin-bottom: 0px;
  }
  .sm\:rt-r-my-1 {
    --margin-top: var(--space-1);
    --margin-bottom: var(--space-1);
  }
  .sm\:rt-r-my-2 {
    --margin-top: var(--space-2);
    --margin-bottom: var(--space-2);
  }
  .sm\:rt-r-my-3 {
    --margin-top: var(--space-3);
    --margin-bottom: var(--space-3);
  }
  .sm\:rt-r-my-4 {
    --margin-top: var(--space-4);
    --margin-bottom: var(--space-4);
  }
  .sm\:rt-r-my-5 {
    --margin-top: var(--space-5);
    --margin-bottom: var(--space-5);
  }
  .sm\:rt-r-my-6 {
    --margin-top: var(--space-6);
    --margin-bottom: var(--space-6);
  }
  .sm\:rt-r-my-7 {
    --margin-top: var(--space-7);
    --margin-bottom: var(--space-7);
  }
  .sm\:rt-r-my-8 {
    --margin-top: var(--space-8);
    --margin-bottom: var(--space-8);
  }
  .sm\:rt-r-my-9 {
    --margin-top: var(--space-9);
    --margin-bottom: var(--space-9);
  }
  .sm\:-rt-r-my-1 {
    --margin-top: calc(-1 * var(--space-1));
    --margin-bottom: calc(-1 * var(--space-1));
  }
  .sm\:-rt-r-my-2 {
    --margin-top: calc(-1 * var(--space-2));
    --margin-bottom: calc(-1 * var(--space-2));
  }
  .sm\:-rt-r-my-3 {
    --margin-top: calc(-1 * var(--space-3));
    --margin-bottom: calc(-1 * var(--space-3));
  }
  .sm\:-rt-r-my-4 {
    --margin-top: calc(-1 * var(--space-4));
    --margin-bottom: calc(-1 * var(--space-4));
  }
  .sm\:-rt-r-my-5 {
    --margin-top: calc(-1 * var(--space-5));
    --margin-bottom: calc(-1 * var(--space-5));
  }
  .sm\:-rt-r-my-6 {
    --margin-top: calc(-1 * var(--space-6));
    --margin-bottom: calc(-1 * var(--space-6));
  }
  .sm\:-rt-r-my-7 {
    --margin-top: calc(-1 * var(--space-7));
    --margin-bottom: calc(-1 * var(--space-7));
  }
  .sm\:-rt-r-my-8 {
    --margin-top: calc(-1 * var(--space-8));
    --margin-bottom: calc(-1 * var(--space-8));
  }
  .sm\:-rt-r-my-9 {
    --margin-top: calc(-1 * var(--space-9));
    --margin-bottom: calc(-1 * var(--space-9));
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-my,
  .md\:rt-r-my-0,
  .md\:rt-r-my-1,
  .md\:rt-r-my-2,
  .md\:rt-r-my-3,
  .md\:rt-r-my-4,
  .md\:rt-r-my-5,
  .md\:rt-r-my-6,
  .md\:rt-r-my-7,
  .md\:rt-r-my-8,
  .md\:rt-r-my-9,
  .md\:-rt-r-my-1,
  .md\:-rt-r-my-2,
  .md\:-rt-r-my-3,
  .md\:-rt-r-my-4,
  .md\:-rt-r-my-5,
  .md\:-rt-r-my-6,
  .md\:-rt-r-my-7,
  .md\:-rt-r-my-8,
  .md\:-rt-r-my-9 {
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .md\:rt-r-my {
    --margin-top: var(--mt-md);
    --margin-bottom: var(--mb-md)
  }
  .md\:rt-r-my-0 {
    --margin-top: 0px;
    --margin-bottom: 0px;
  }
  .md\:rt-r-my-1 {
    --margin-top: var(--space-1);
    --margin-bottom: var(--space-1);
  }
  .md\:rt-r-my-2 {
    --margin-top: var(--space-2);
    --margin-bottom: var(--space-2);
  }
  .md\:rt-r-my-3 {
    --margin-top: var(--space-3);
    --margin-bottom: var(--space-3);
  }
  .md\:rt-r-my-4 {
    --margin-top: var(--space-4);
    --margin-bottom: var(--space-4);
  }
  .md\:rt-r-my-5 {
    --margin-top: var(--space-5);
    --margin-bottom: var(--space-5);
  }
  .md\:rt-r-my-6 {
    --margin-top: var(--space-6);
    --margin-bottom: var(--space-6);
  }
  .md\:rt-r-my-7 {
    --margin-top: var(--space-7);
    --margin-bottom: var(--space-7);
  }
  .md\:rt-r-my-8 {
    --margin-top: var(--space-8);
    --margin-bottom: var(--space-8);
  }
  .md\:rt-r-my-9 {
    --margin-top: var(--space-9);
    --margin-bottom: var(--space-9);
  }
  .md\:-rt-r-my-1 {
    --margin-top: calc(-1 * var(--space-1));
    --margin-bottom: calc(-1 * var(--space-1));
  }
  .md\:-rt-r-my-2 {
    --margin-top: calc(-1 * var(--space-2));
    --margin-bottom: calc(-1 * var(--space-2));
  }
  .md\:-rt-r-my-3 {
    --margin-top: calc(-1 * var(--space-3));
    --margin-bottom: calc(-1 * var(--space-3));
  }
  .md\:-rt-r-my-4 {
    --margin-top: calc(-1 * var(--space-4));
    --margin-bottom: calc(-1 * var(--space-4));
  }
  .md\:-rt-r-my-5 {
    --margin-top: calc(-1 * var(--space-5));
    --margin-bottom: calc(-1 * var(--space-5));
  }
  .md\:-rt-r-my-6 {
    --margin-top: calc(-1 * var(--space-6));
    --margin-bottom: calc(-1 * var(--space-6));
  }
  .md\:-rt-r-my-7 {
    --margin-top: calc(-1 * var(--space-7));
    --margin-bottom: calc(-1 * var(--space-7));
  }
  .md\:-rt-r-my-8 {
    --margin-top: calc(-1 * var(--space-8));
    --margin-bottom: calc(-1 * var(--space-8));
  }
  .md\:-rt-r-my-9 {
    --margin-top: calc(-1 * var(--space-9));
    --margin-bottom: calc(-1 * var(--space-9));
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-my,
  .lg\:rt-r-my-0,
  .lg\:rt-r-my-1,
  .lg\:rt-r-my-2,
  .lg\:rt-r-my-3,
  .lg\:rt-r-my-4,
  .lg\:rt-r-my-5,
  .lg\:rt-r-my-6,
  .lg\:rt-r-my-7,
  .lg\:rt-r-my-8,
  .lg\:rt-r-my-9,
  .lg\:-rt-r-my-1,
  .lg\:-rt-r-my-2,
  .lg\:-rt-r-my-3,
  .lg\:-rt-r-my-4,
  .lg\:-rt-r-my-5,
  .lg\:-rt-r-my-6,
  .lg\:-rt-r-my-7,
  .lg\:-rt-r-my-8,
  .lg\:-rt-r-my-9 {
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .lg\:rt-r-my {
    --margin-top: var(--mt-lg);
    --margin-bottom: var(--mb-lg)
  }
  .lg\:rt-r-my-0 {
    --margin-top: 0px;
    --margin-bottom: 0px;
  }
  .lg\:rt-r-my-1 {
    --margin-top: var(--space-1);
    --margin-bottom: var(--space-1);
  }
  .lg\:rt-r-my-2 {
    --margin-top: var(--space-2);
    --margin-bottom: var(--space-2);
  }
  .lg\:rt-r-my-3 {
    --margin-top: var(--space-3);
    --margin-bottom: var(--space-3);
  }
  .lg\:rt-r-my-4 {
    --margin-top: var(--space-4);
    --margin-bottom: var(--space-4);
  }
  .lg\:rt-r-my-5 {
    --margin-top: var(--space-5);
    --margin-bottom: var(--space-5);
  }
  .lg\:rt-r-my-6 {
    --margin-top: var(--space-6);
    --margin-bottom: var(--space-6);
  }
  .lg\:rt-r-my-7 {
    --margin-top: var(--space-7);
    --margin-bottom: var(--space-7);
  }
  .lg\:rt-r-my-8 {
    --margin-top: var(--space-8);
    --margin-bottom: var(--space-8);
  }
  .lg\:rt-r-my-9 {
    --margin-top: var(--space-9);
    --margin-bottom: var(--space-9);
  }
  .lg\:-rt-r-my-1 {
    --margin-top: calc(-1 * var(--space-1));
    --margin-bottom: calc(-1 * var(--space-1));
  }
  .lg\:-rt-r-my-2 {
    --margin-top: calc(-1 * var(--space-2));
    --margin-bottom: calc(-1 * var(--space-2));
  }
  .lg\:-rt-r-my-3 {
    --margin-top: calc(-1 * var(--space-3));
    --margin-bottom: calc(-1 * var(--space-3));
  }
  .lg\:-rt-r-my-4 {
    --margin-top: calc(-1 * var(--space-4));
    --margin-bottom: calc(-1 * var(--space-4));
  }
  .lg\:-rt-r-my-5 {
    --margin-top: calc(-1 * var(--space-5));
    --margin-bottom: calc(-1 * var(--space-5));
  }
  .lg\:-rt-r-my-6 {
    --margin-top: calc(-1 * var(--space-6));
    --margin-bottom: calc(-1 * var(--space-6));
  }
  .lg\:-rt-r-my-7 {
    --margin-top: calc(-1 * var(--space-7));
    --margin-bottom: calc(-1 * var(--space-7));
  }
  .lg\:-rt-r-my-8 {
    --margin-top: calc(-1 * var(--space-8));
    --margin-bottom: calc(-1 * var(--space-8));
  }
  .lg\:-rt-r-my-9 {
    --margin-top: calc(-1 * var(--space-9));
    --margin-bottom: calc(-1 * var(--space-9));
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-my,
  .xl\:rt-r-my-0,
  .xl\:rt-r-my-1,
  .xl\:rt-r-my-2,
  .xl\:rt-r-my-3,
  .xl\:rt-r-my-4,
  .xl\:rt-r-my-5,
  .xl\:rt-r-my-6,
  .xl\:rt-r-my-7,
  .xl\:rt-r-my-8,
  .xl\:rt-r-my-9,
  .xl\:-rt-r-my-1,
  .xl\:-rt-r-my-2,
  .xl\:-rt-r-my-3,
  .xl\:-rt-r-my-4,
  .xl\:-rt-r-my-5,
  .xl\:-rt-r-my-6,
  .xl\:-rt-r-my-7,
  .xl\:-rt-r-my-8,
  .xl\:-rt-r-my-9 {
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .xl\:rt-r-my {
    --margin-top: var(--mt-xl);
    --margin-bottom: var(--mb-xl)
  }
  .xl\:rt-r-my-0 {
    --margin-top: 0px;
    --margin-bottom: 0px;
  }
  .xl\:rt-r-my-1 {
    --margin-top: var(--space-1);
    --margin-bottom: var(--space-1);
  }
  .xl\:rt-r-my-2 {
    --margin-top: var(--space-2);
    --margin-bottom: var(--space-2);
  }
  .xl\:rt-r-my-3 {
    --margin-top: var(--space-3);
    --margin-bottom: var(--space-3);
  }
  .xl\:rt-r-my-4 {
    --margin-top: var(--space-4);
    --margin-bottom: var(--space-4);
  }
  .xl\:rt-r-my-5 {
    --margin-top: var(--space-5);
    --margin-bottom: var(--space-5);
  }
  .xl\:rt-r-my-6 {
    --margin-top: var(--space-6);
    --margin-bottom: var(--space-6);
  }
  .xl\:rt-r-my-7 {
    --margin-top: var(--space-7);
    --margin-bottom: var(--space-7);
  }
  .xl\:rt-r-my-8 {
    --margin-top: var(--space-8);
    --margin-bottom: var(--space-8);
  }
  .xl\:rt-r-my-9 {
    --margin-top: var(--space-9);
    --margin-bottom: var(--space-9);
  }
  .xl\:-rt-r-my-1 {
    --margin-top: calc(-1 * var(--space-1));
    --margin-bottom: calc(-1 * var(--space-1));
  }
  .xl\:-rt-r-my-2 {
    --margin-top: calc(-1 * var(--space-2));
    --margin-bottom: calc(-1 * var(--space-2));
  }
  .xl\:-rt-r-my-3 {
    --margin-top: calc(-1 * var(--space-3));
    --margin-bottom: calc(-1 * var(--space-3));
  }
  .xl\:-rt-r-my-4 {
    --margin-top: calc(-1 * var(--space-4));
    --margin-bottom: calc(-1 * var(--space-4));
  }
  .xl\:-rt-r-my-5 {
    --margin-top: calc(-1 * var(--space-5));
    --margin-bottom: calc(-1 * var(--space-5));
  }
  .xl\:-rt-r-my-6 {
    --margin-top: calc(-1 * var(--space-6));
    --margin-bottom: calc(-1 * var(--space-6));
  }
  .xl\:-rt-r-my-7 {
    --margin-top: calc(-1 * var(--space-7));
    --margin-bottom: calc(-1 * var(--space-7));
  }
  .xl\:-rt-r-my-8 {
    --margin-top: calc(-1 * var(--space-8));
    --margin-bottom: calc(-1 * var(--space-8));
  }
  .xl\:-rt-r-my-9 {
    --margin-top: calc(-1 * var(--space-9));
    --margin-bottom: calc(-1 * var(--space-9));
  }
}
.rt-r-mt,
.rt-r-mt-0,
.rt-r-mt-1,
.rt-r-mt-2,
.rt-r-mt-3,
.rt-r-mt-4,
.rt-r-mt-5,
.rt-r-mt-6,
.rt-r-mt-7,
.rt-r-mt-8,
.rt-r-mt-9,
.-rt-r-mt-1,
.-rt-r-mt-2,
.-rt-r-mt-3,
.-rt-r-mt-4,
.-rt-r-mt-5,
.-rt-r-mt-6,
.-rt-r-mt-7,
.-rt-r-mt-8,
.-rt-r-mt-9 {
  margin-top: var(--margin-top-override, var(--margin-top));
}
.rt-r-mt {
  --margin-top: var(--mt)
}
.rt-r-mt-0 {
  --margin-top: 0px;
}
.rt-r-mt-1 {
  --margin-top: var(--space-1);
}
.rt-r-mt-2 {
  --margin-top: var(--space-2);
}
.rt-r-mt-3 {
  --margin-top: var(--space-3);
}
.rt-r-mt-4 {
  --margin-top: var(--space-4);
}
.rt-r-mt-5 {
  --margin-top: var(--space-5);
}
.rt-r-mt-6 {
  --margin-top: var(--space-6);
}
.rt-r-mt-7 {
  --margin-top: var(--space-7);
}
.rt-r-mt-8 {
  --margin-top: var(--space-8);
}
.rt-r-mt-9 {
  --margin-top: var(--space-9);
}
.-rt-r-mt-1 {
  --margin-top: calc(-1 * var(--space-1));
}
.-rt-r-mt-2 {
  --margin-top: calc(-1 * var(--space-2));
}
.-rt-r-mt-3 {
  --margin-top: calc(-1 * var(--space-3));
}
.-rt-r-mt-4 {
  --margin-top: calc(-1 * var(--space-4));
}
.-rt-r-mt-5 {
  --margin-top: calc(-1 * var(--space-5));
}
.-rt-r-mt-6 {
  --margin-top: calc(-1 * var(--space-6));
}
.-rt-r-mt-7 {
  --margin-top: calc(-1 * var(--space-7));
}
.-rt-r-mt-8 {
  --margin-top: calc(-1 * var(--space-8));
}
.-rt-r-mt-9 {
  --margin-top: calc(-1 * var(--space-9));
}
@media (min-width: 520px) {
  .xs\:rt-r-mt,
  .xs\:rt-r-mt-0,
  .xs\:rt-r-mt-1,
  .xs\:rt-r-mt-2,
  .xs\:rt-r-mt-3,
  .xs\:rt-r-mt-4,
  .xs\:rt-r-mt-5,
  .xs\:rt-r-mt-6,
  .xs\:rt-r-mt-7,
  .xs\:rt-r-mt-8,
  .xs\:rt-r-mt-9,
  .xs\:-rt-r-mt-1,
  .xs\:-rt-r-mt-2,
  .xs\:-rt-r-mt-3,
  .xs\:-rt-r-mt-4,
  .xs\:-rt-r-mt-5,
  .xs\:-rt-r-mt-6,
  .xs\:-rt-r-mt-7,
  .xs\:-rt-r-mt-8,
  .xs\:-rt-r-mt-9 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .xs\:rt-r-mt {
    --margin-top: var(--mt-xs)
  }
  .xs\:rt-r-mt-0 {
    --margin-top: 0px;
  }
  .xs\:rt-r-mt-1 {
    --margin-top: var(--space-1);
  }
  .xs\:rt-r-mt-2 {
    --margin-top: var(--space-2);
  }
  .xs\:rt-r-mt-3 {
    --margin-top: var(--space-3);
  }
  .xs\:rt-r-mt-4 {
    --margin-top: var(--space-4);
  }
  .xs\:rt-r-mt-5 {
    --margin-top: var(--space-5);
  }
  .xs\:rt-r-mt-6 {
    --margin-top: var(--space-6);
  }
  .xs\:rt-r-mt-7 {
    --margin-top: var(--space-7);
  }
  .xs\:rt-r-mt-8 {
    --margin-top: var(--space-8);
  }
  .xs\:rt-r-mt-9 {
    --margin-top: var(--space-9);
  }
  .xs\:-rt-r-mt-1 {
    --margin-top: calc(-1 * var(--space-1));
  }
  .xs\:-rt-r-mt-2 {
    --margin-top: calc(-1 * var(--space-2));
  }
  .xs\:-rt-r-mt-3 {
    --margin-top: calc(-1 * var(--space-3));
  }
  .xs\:-rt-r-mt-4 {
    --margin-top: calc(-1 * var(--space-4));
  }
  .xs\:-rt-r-mt-5 {
    --margin-top: calc(-1 * var(--space-5));
  }
  .xs\:-rt-r-mt-6 {
    --margin-top: calc(-1 * var(--space-6));
  }
  .xs\:-rt-r-mt-7 {
    --margin-top: calc(-1 * var(--space-7));
  }
  .xs\:-rt-r-mt-8 {
    --margin-top: calc(-1 * var(--space-8));
  }
  .xs\:-rt-r-mt-9 {
    --margin-top: calc(-1 * var(--space-9));
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-mt,
  .sm\:rt-r-mt-0,
  .sm\:rt-r-mt-1,
  .sm\:rt-r-mt-2,
  .sm\:rt-r-mt-3,
  .sm\:rt-r-mt-4,
  .sm\:rt-r-mt-5,
  .sm\:rt-r-mt-6,
  .sm\:rt-r-mt-7,
  .sm\:rt-r-mt-8,
  .sm\:rt-r-mt-9,
  .sm\:-rt-r-mt-1,
  .sm\:-rt-r-mt-2,
  .sm\:-rt-r-mt-3,
  .sm\:-rt-r-mt-4,
  .sm\:-rt-r-mt-5,
  .sm\:-rt-r-mt-6,
  .sm\:-rt-r-mt-7,
  .sm\:-rt-r-mt-8,
  .sm\:-rt-r-mt-9 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .sm\:rt-r-mt {
    --margin-top: var(--mt-sm)
  }
  .sm\:rt-r-mt-0 {
    --margin-top: 0px;
  }
  .sm\:rt-r-mt-1 {
    --margin-top: var(--space-1);
  }
  .sm\:rt-r-mt-2 {
    --margin-top: var(--space-2);
  }
  .sm\:rt-r-mt-3 {
    --margin-top: var(--space-3);
  }
  .sm\:rt-r-mt-4 {
    --margin-top: var(--space-4);
  }
  .sm\:rt-r-mt-5 {
    --margin-top: var(--space-5);
  }
  .sm\:rt-r-mt-6 {
    --margin-top: var(--space-6);
  }
  .sm\:rt-r-mt-7 {
    --margin-top: var(--space-7);
  }
  .sm\:rt-r-mt-8 {
    --margin-top: var(--space-8);
  }
  .sm\:rt-r-mt-9 {
    --margin-top: var(--space-9);
  }
  .sm\:-rt-r-mt-1 {
    --margin-top: calc(-1 * var(--space-1));
  }
  .sm\:-rt-r-mt-2 {
    --margin-top: calc(-1 * var(--space-2));
  }
  .sm\:-rt-r-mt-3 {
    --margin-top: calc(-1 * var(--space-3));
  }
  .sm\:-rt-r-mt-4 {
    --margin-top: calc(-1 * var(--space-4));
  }
  .sm\:-rt-r-mt-5 {
    --margin-top: calc(-1 * var(--space-5));
  }
  .sm\:-rt-r-mt-6 {
    --margin-top: calc(-1 * var(--space-6));
  }
  .sm\:-rt-r-mt-7 {
    --margin-top: calc(-1 * var(--space-7));
  }
  .sm\:-rt-r-mt-8 {
    --margin-top: calc(-1 * var(--space-8));
  }
  .sm\:-rt-r-mt-9 {
    --margin-top: calc(-1 * var(--space-9));
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-mt,
  .md\:rt-r-mt-0,
  .md\:rt-r-mt-1,
  .md\:rt-r-mt-2,
  .md\:rt-r-mt-3,
  .md\:rt-r-mt-4,
  .md\:rt-r-mt-5,
  .md\:rt-r-mt-6,
  .md\:rt-r-mt-7,
  .md\:rt-r-mt-8,
  .md\:rt-r-mt-9,
  .md\:-rt-r-mt-1,
  .md\:-rt-r-mt-2,
  .md\:-rt-r-mt-3,
  .md\:-rt-r-mt-4,
  .md\:-rt-r-mt-5,
  .md\:-rt-r-mt-6,
  .md\:-rt-r-mt-7,
  .md\:-rt-r-mt-8,
  .md\:-rt-r-mt-9 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .md\:rt-r-mt {
    --margin-top: var(--mt-md)
  }
  .md\:rt-r-mt-0 {
    --margin-top: 0px;
  }
  .md\:rt-r-mt-1 {
    --margin-top: var(--space-1);
  }
  .md\:rt-r-mt-2 {
    --margin-top: var(--space-2);
  }
  .md\:rt-r-mt-3 {
    --margin-top: var(--space-3);
  }
  .md\:rt-r-mt-4 {
    --margin-top: var(--space-4);
  }
  .md\:rt-r-mt-5 {
    --margin-top: var(--space-5);
  }
  .md\:rt-r-mt-6 {
    --margin-top: var(--space-6);
  }
  .md\:rt-r-mt-7 {
    --margin-top: var(--space-7);
  }
  .md\:rt-r-mt-8 {
    --margin-top: var(--space-8);
  }
  .md\:rt-r-mt-9 {
    --margin-top: var(--space-9);
  }
  .md\:-rt-r-mt-1 {
    --margin-top: calc(-1 * var(--space-1));
  }
  .md\:-rt-r-mt-2 {
    --margin-top: calc(-1 * var(--space-2));
  }
  .md\:-rt-r-mt-3 {
    --margin-top: calc(-1 * var(--space-3));
  }
  .md\:-rt-r-mt-4 {
    --margin-top: calc(-1 * var(--space-4));
  }
  .md\:-rt-r-mt-5 {
    --margin-top: calc(-1 * var(--space-5));
  }
  .md\:-rt-r-mt-6 {
    --margin-top: calc(-1 * var(--space-6));
  }
  .md\:-rt-r-mt-7 {
    --margin-top: calc(-1 * var(--space-7));
  }
  .md\:-rt-r-mt-8 {
    --margin-top: calc(-1 * var(--space-8));
  }
  .md\:-rt-r-mt-9 {
    --margin-top: calc(-1 * var(--space-9));
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-mt,
  .lg\:rt-r-mt-0,
  .lg\:rt-r-mt-1,
  .lg\:rt-r-mt-2,
  .lg\:rt-r-mt-3,
  .lg\:rt-r-mt-4,
  .lg\:rt-r-mt-5,
  .lg\:rt-r-mt-6,
  .lg\:rt-r-mt-7,
  .lg\:rt-r-mt-8,
  .lg\:rt-r-mt-9,
  .lg\:-rt-r-mt-1,
  .lg\:-rt-r-mt-2,
  .lg\:-rt-r-mt-3,
  .lg\:-rt-r-mt-4,
  .lg\:-rt-r-mt-5,
  .lg\:-rt-r-mt-6,
  .lg\:-rt-r-mt-7,
  .lg\:-rt-r-mt-8,
  .lg\:-rt-r-mt-9 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .lg\:rt-r-mt {
    --margin-top: var(--mt-lg)
  }
  .lg\:rt-r-mt-0 {
    --margin-top: 0px;
  }
  .lg\:rt-r-mt-1 {
    --margin-top: var(--space-1);
  }
  .lg\:rt-r-mt-2 {
    --margin-top: var(--space-2);
  }
  .lg\:rt-r-mt-3 {
    --margin-top: var(--space-3);
  }
  .lg\:rt-r-mt-4 {
    --margin-top: var(--space-4);
  }
  .lg\:rt-r-mt-5 {
    --margin-top: var(--space-5);
  }
  .lg\:rt-r-mt-6 {
    --margin-top: var(--space-6);
  }
  .lg\:rt-r-mt-7 {
    --margin-top: var(--space-7);
  }
  .lg\:rt-r-mt-8 {
    --margin-top: var(--space-8);
  }
  .lg\:rt-r-mt-9 {
    --margin-top: var(--space-9);
  }
  .lg\:-rt-r-mt-1 {
    --margin-top: calc(-1 * var(--space-1));
  }
  .lg\:-rt-r-mt-2 {
    --margin-top: calc(-1 * var(--space-2));
  }
  .lg\:-rt-r-mt-3 {
    --margin-top: calc(-1 * var(--space-3));
  }
  .lg\:-rt-r-mt-4 {
    --margin-top: calc(-1 * var(--space-4));
  }
  .lg\:-rt-r-mt-5 {
    --margin-top: calc(-1 * var(--space-5));
  }
  .lg\:-rt-r-mt-6 {
    --margin-top: calc(-1 * var(--space-6));
  }
  .lg\:-rt-r-mt-7 {
    --margin-top: calc(-1 * var(--space-7));
  }
  .lg\:-rt-r-mt-8 {
    --margin-top: calc(-1 * var(--space-8));
  }
  .lg\:-rt-r-mt-9 {
    --margin-top: calc(-1 * var(--space-9));
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-mt,
  .xl\:rt-r-mt-0,
  .xl\:rt-r-mt-1,
  .xl\:rt-r-mt-2,
  .xl\:rt-r-mt-3,
  .xl\:rt-r-mt-4,
  .xl\:rt-r-mt-5,
  .xl\:rt-r-mt-6,
  .xl\:rt-r-mt-7,
  .xl\:rt-r-mt-8,
  .xl\:rt-r-mt-9,
  .xl\:-rt-r-mt-1,
  .xl\:-rt-r-mt-2,
  .xl\:-rt-r-mt-3,
  .xl\:-rt-r-mt-4,
  .xl\:-rt-r-mt-5,
  .xl\:-rt-r-mt-6,
  .xl\:-rt-r-mt-7,
  .xl\:-rt-r-mt-8,
  .xl\:-rt-r-mt-9 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .xl\:rt-r-mt {
    --margin-top: var(--mt-xl)
  }
  .xl\:rt-r-mt-0 {
    --margin-top: 0px;
  }
  .xl\:rt-r-mt-1 {
    --margin-top: var(--space-1);
  }
  .xl\:rt-r-mt-2 {
    --margin-top: var(--space-2);
  }
  .xl\:rt-r-mt-3 {
    --margin-top: var(--space-3);
  }
  .xl\:rt-r-mt-4 {
    --margin-top: var(--space-4);
  }
  .xl\:rt-r-mt-5 {
    --margin-top: var(--space-5);
  }
  .xl\:rt-r-mt-6 {
    --margin-top: var(--space-6);
  }
  .xl\:rt-r-mt-7 {
    --margin-top: var(--space-7);
  }
  .xl\:rt-r-mt-8 {
    --margin-top: var(--space-8);
  }
  .xl\:rt-r-mt-9 {
    --margin-top: var(--space-9);
  }
  .xl\:-rt-r-mt-1 {
    --margin-top: calc(-1 * var(--space-1));
  }
  .xl\:-rt-r-mt-2 {
    --margin-top: calc(-1 * var(--space-2));
  }
  .xl\:-rt-r-mt-3 {
    --margin-top: calc(-1 * var(--space-3));
  }
  .xl\:-rt-r-mt-4 {
    --margin-top: calc(-1 * var(--space-4));
  }
  .xl\:-rt-r-mt-5 {
    --margin-top: calc(-1 * var(--space-5));
  }
  .xl\:-rt-r-mt-6 {
    --margin-top: calc(-1 * var(--space-6));
  }
  .xl\:-rt-r-mt-7 {
    --margin-top: calc(-1 * var(--space-7));
  }
  .xl\:-rt-r-mt-8 {
    --margin-top: calc(-1 * var(--space-8));
  }
  .xl\:-rt-r-mt-9 {
    --margin-top: calc(-1 * var(--space-9));
  }
}
.rt-r-mr,
.rt-r-mr-0,
.rt-r-mr-1,
.rt-r-mr-2,
.rt-r-mr-3,
.rt-r-mr-4,
.rt-r-mr-5,
.rt-r-mr-6,
.rt-r-mr-7,
.rt-r-mr-8,
.rt-r-mr-9,
.-rt-r-mr-1,
.-rt-r-mr-2,
.-rt-r-mr-3,
.-rt-r-mr-4,
.-rt-r-mr-5,
.-rt-r-mr-6,
.-rt-r-mr-7,
.-rt-r-mr-8,
.-rt-r-mr-9 {
  margin-right: var(--margin-right-override, var(--margin-right));
}
.rt-r-mr {
  --margin-right: var(--mr)
}
.rt-r-mr-0 {
  --margin-right: 0px;
}
.rt-r-mr-1 {
  --margin-right: var(--space-1);
}
.rt-r-mr-2 {
  --margin-right: var(--space-2);
}
.rt-r-mr-3 {
  --margin-right: var(--space-3);
}
.rt-r-mr-4 {
  --margin-right: var(--space-4);
}
.rt-r-mr-5 {
  --margin-right: var(--space-5);
}
.rt-r-mr-6 {
  --margin-right: var(--space-6);
}
.rt-r-mr-7 {
  --margin-right: var(--space-7);
}
.rt-r-mr-8 {
  --margin-right: var(--space-8);
}
.rt-r-mr-9 {
  --margin-right: var(--space-9);
}
.-rt-r-mr-1 {
  --margin-right: calc(-1 * var(--space-1));
}
.-rt-r-mr-2 {
  --margin-right: calc(-1 * var(--space-2));
}
.-rt-r-mr-3 {
  --margin-right: calc(-1 * var(--space-3));
}
.-rt-r-mr-4 {
  --margin-right: calc(-1 * var(--space-4));
}
.-rt-r-mr-5 {
  --margin-right: calc(-1 * var(--space-5));
}
.-rt-r-mr-6 {
  --margin-right: calc(-1 * var(--space-6));
}
.-rt-r-mr-7 {
  --margin-right: calc(-1 * var(--space-7));
}
.-rt-r-mr-8 {
  --margin-right: calc(-1 * var(--space-8));
}
.-rt-r-mr-9 {
  --margin-right: calc(-1 * var(--space-9));
}
@media (min-width: 520px) {
  .xs\:rt-r-mr,
  .xs\:rt-r-mr-0,
  .xs\:rt-r-mr-1,
  .xs\:rt-r-mr-2,
  .xs\:rt-r-mr-3,
  .xs\:rt-r-mr-4,
  .xs\:rt-r-mr-5,
  .xs\:rt-r-mr-6,
  .xs\:rt-r-mr-7,
  .xs\:rt-r-mr-8,
  .xs\:rt-r-mr-9,
  .xs\:-rt-r-mr-1,
  .xs\:-rt-r-mr-2,
  .xs\:-rt-r-mr-3,
  .xs\:-rt-r-mr-4,
  .xs\:-rt-r-mr-5,
  .xs\:-rt-r-mr-6,
  .xs\:-rt-r-mr-7,
  .xs\:-rt-r-mr-8,
  .xs\:-rt-r-mr-9 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .xs\:rt-r-mr {
    --margin-right: var(--mr-xs)
  }
  .xs\:rt-r-mr-0 {
    --margin-right: 0px;
  }
  .xs\:rt-r-mr-1 {
    --margin-right: var(--space-1);
  }
  .xs\:rt-r-mr-2 {
    --margin-right: var(--space-2);
  }
  .xs\:rt-r-mr-3 {
    --margin-right: var(--space-3);
  }
  .xs\:rt-r-mr-4 {
    --margin-right: var(--space-4);
  }
  .xs\:rt-r-mr-5 {
    --margin-right: var(--space-5);
  }
  .xs\:rt-r-mr-6 {
    --margin-right: var(--space-6);
  }
  .xs\:rt-r-mr-7 {
    --margin-right: var(--space-7);
  }
  .xs\:rt-r-mr-8 {
    --margin-right: var(--space-8);
  }
  .xs\:rt-r-mr-9 {
    --margin-right: var(--space-9);
  }
  .xs\:-rt-r-mr-1 {
    --margin-right: calc(-1 * var(--space-1));
  }
  .xs\:-rt-r-mr-2 {
    --margin-right: calc(-1 * var(--space-2));
  }
  .xs\:-rt-r-mr-3 {
    --margin-right: calc(-1 * var(--space-3));
  }
  .xs\:-rt-r-mr-4 {
    --margin-right: calc(-1 * var(--space-4));
  }
  .xs\:-rt-r-mr-5 {
    --margin-right: calc(-1 * var(--space-5));
  }
  .xs\:-rt-r-mr-6 {
    --margin-right: calc(-1 * var(--space-6));
  }
  .xs\:-rt-r-mr-7 {
    --margin-right: calc(-1 * var(--space-7));
  }
  .xs\:-rt-r-mr-8 {
    --margin-right: calc(-1 * var(--space-8));
  }
  .xs\:-rt-r-mr-9 {
    --margin-right: calc(-1 * var(--space-9));
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-mr,
  .sm\:rt-r-mr-0,
  .sm\:rt-r-mr-1,
  .sm\:rt-r-mr-2,
  .sm\:rt-r-mr-3,
  .sm\:rt-r-mr-4,
  .sm\:rt-r-mr-5,
  .sm\:rt-r-mr-6,
  .sm\:rt-r-mr-7,
  .sm\:rt-r-mr-8,
  .sm\:rt-r-mr-9,
  .sm\:-rt-r-mr-1,
  .sm\:-rt-r-mr-2,
  .sm\:-rt-r-mr-3,
  .sm\:-rt-r-mr-4,
  .sm\:-rt-r-mr-5,
  .sm\:-rt-r-mr-6,
  .sm\:-rt-r-mr-7,
  .sm\:-rt-r-mr-8,
  .sm\:-rt-r-mr-9 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .sm\:rt-r-mr {
    --margin-right: var(--mr-sm)
  }
  .sm\:rt-r-mr-0 {
    --margin-right: 0px;
  }
  .sm\:rt-r-mr-1 {
    --margin-right: var(--space-1);
  }
  .sm\:rt-r-mr-2 {
    --margin-right: var(--space-2);
  }
  .sm\:rt-r-mr-3 {
    --margin-right: var(--space-3);
  }
  .sm\:rt-r-mr-4 {
    --margin-right: var(--space-4);
  }
  .sm\:rt-r-mr-5 {
    --margin-right: var(--space-5);
  }
  .sm\:rt-r-mr-6 {
    --margin-right: var(--space-6);
  }
  .sm\:rt-r-mr-7 {
    --margin-right: var(--space-7);
  }
  .sm\:rt-r-mr-8 {
    --margin-right: var(--space-8);
  }
  .sm\:rt-r-mr-9 {
    --margin-right: var(--space-9);
  }
  .sm\:-rt-r-mr-1 {
    --margin-right: calc(-1 * var(--space-1));
  }
  .sm\:-rt-r-mr-2 {
    --margin-right: calc(-1 * var(--space-2));
  }
  .sm\:-rt-r-mr-3 {
    --margin-right: calc(-1 * var(--space-3));
  }
  .sm\:-rt-r-mr-4 {
    --margin-right: calc(-1 * var(--space-4));
  }
  .sm\:-rt-r-mr-5 {
    --margin-right: calc(-1 * var(--space-5));
  }
  .sm\:-rt-r-mr-6 {
    --margin-right: calc(-1 * var(--space-6));
  }
  .sm\:-rt-r-mr-7 {
    --margin-right: calc(-1 * var(--space-7));
  }
  .sm\:-rt-r-mr-8 {
    --margin-right: calc(-1 * var(--space-8));
  }
  .sm\:-rt-r-mr-9 {
    --margin-right: calc(-1 * var(--space-9));
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-mr,
  .md\:rt-r-mr-0,
  .md\:rt-r-mr-1,
  .md\:rt-r-mr-2,
  .md\:rt-r-mr-3,
  .md\:rt-r-mr-4,
  .md\:rt-r-mr-5,
  .md\:rt-r-mr-6,
  .md\:rt-r-mr-7,
  .md\:rt-r-mr-8,
  .md\:rt-r-mr-9,
  .md\:-rt-r-mr-1,
  .md\:-rt-r-mr-2,
  .md\:-rt-r-mr-3,
  .md\:-rt-r-mr-4,
  .md\:-rt-r-mr-5,
  .md\:-rt-r-mr-6,
  .md\:-rt-r-mr-7,
  .md\:-rt-r-mr-8,
  .md\:-rt-r-mr-9 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .md\:rt-r-mr {
    --margin-right: var(--mr-md)
  }
  .md\:rt-r-mr-0 {
    --margin-right: 0px;
  }
  .md\:rt-r-mr-1 {
    --margin-right: var(--space-1);
  }
  .md\:rt-r-mr-2 {
    --margin-right: var(--space-2);
  }
  .md\:rt-r-mr-3 {
    --margin-right: var(--space-3);
  }
  .md\:rt-r-mr-4 {
    --margin-right: var(--space-4);
  }
  .md\:rt-r-mr-5 {
    --margin-right: var(--space-5);
  }
  .md\:rt-r-mr-6 {
    --margin-right: var(--space-6);
  }
  .md\:rt-r-mr-7 {
    --margin-right: var(--space-7);
  }
  .md\:rt-r-mr-8 {
    --margin-right: var(--space-8);
  }
  .md\:rt-r-mr-9 {
    --margin-right: var(--space-9);
  }
  .md\:-rt-r-mr-1 {
    --margin-right: calc(-1 * var(--space-1));
  }
  .md\:-rt-r-mr-2 {
    --margin-right: calc(-1 * var(--space-2));
  }
  .md\:-rt-r-mr-3 {
    --margin-right: calc(-1 * var(--space-3));
  }
  .md\:-rt-r-mr-4 {
    --margin-right: calc(-1 * var(--space-4));
  }
  .md\:-rt-r-mr-5 {
    --margin-right: calc(-1 * var(--space-5));
  }
  .md\:-rt-r-mr-6 {
    --margin-right: calc(-1 * var(--space-6));
  }
  .md\:-rt-r-mr-7 {
    --margin-right: calc(-1 * var(--space-7));
  }
  .md\:-rt-r-mr-8 {
    --margin-right: calc(-1 * var(--space-8));
  }
  .md\:-rt-r-mr-9 {
    --margin-right: calc(-1 * var(--space-9));
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-mr,
  .lg\:rt-r-mr-0,
  .lg\:rt-r-mr-1,
  .lg\:rt-r-mr-2,
  .lg\:rt-r-mr-3,
  .lg\:rt-r-mr-4,
  .lg\:rt-r-mr-5,
  .lg\:rt-r-mr-6,
  .lg\:rt-r-mr-7,
  .lg\:rt-r-mr-8,
  .lg\:rt-r-mr-9,
  .lg\:-rt-r-mr-1,
  .lg\:-rt-r-mr-2,
  .lg\:-rt-r-mr-3,
  .lg\:-rt-r-mr-4,
  .lg\:-rt-r-mr-5,
  .lg\:-rt-r-mr-6,
  .lg\:-rt-r-mr-7,
  .lg\:-rt-r-mr-8,
  .lg\:-rt-r-mr-9 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .lg\:rt-r-mr {
    --margin-right: var(--mr-lg)
  }
  .lg\:rt-r-mr-0 {
    --margin-right: 0px;
  }
  .lg\:rt-r-mr-1 {
    --margin-right: var(--space-1);
  }
  .lg\:rt-r-mr-2 {
    --margin-right: var(--space-2);
  }
  .lg\:rt-r-mr-3 {
    --margin-right: var(--space-3);
  }
  .lg\:rt-r-mr-4 {
    --margin-right: var(--space-4);
  }
  .lg\:rt-r-mr-5 {
    --margin-right: var(--space-5);
  }
  .lg\:rt-r-mr-6 {
    --margin-right: var(--space-6);
  }
  .lg\:rt-r-mr-7 {
    --margin-right: var(--space-7);
  }
  .lg\:rt-r-mr-8 {
    --margin-right: var(--space-8);
  }
  .lg\:rt-r-mr-9 {
    --margin-right: var(--space-9);
  }
  .lg\:-rt-r-mr-1 {
    --margin-right: calc(-1 * var(--space-1));
  }
  .lg\:-rt-r-mr-2 {
    --margin-right: calc(-1 * var(--space-2));
  }
  .lg\:-rt-r-mr-3 {
    --margin-right: calc(-1 * var(--space-3));
  }
  .lg\:-rt-r-mr-4 {
    --margin-right: calc(-1 * var(--space-4));
  }
  .lg\:-rt-r-mr-5 {
    --margin-right: calc(-1 * var(--space-5));
  }
  .lg\:-rt-r-mr-6 {
    --margin-right: calc(-1 * var(--space-6));
  }
  .lg\:-rt-r-mr-7 {
    --margin-right: calc(-1 * var(--space-7));
  }
  .lg\:-rt-r-mr-8 {
    --margin-right: calc(-1 * var(--space-8));
  }
  .lg\:-rt-r-mr-9 {
    --margin-right: calc(-1 * var(--space-9));
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-mr,
  .xl\:rt-r-mr-0,
  .xl\:rt-r-mr-1,
  .xl\:rt-r-mr-2,
  .xl\:rt-r-mr-3,
  .xl\:rt-r-mr-4,
  .xl\:rt-r-mr-5,
  .xl\:rt-r-mr-6,
  .xl\:rt-r-mr-7,
  .xl\:rt-r-mr-8,
  .xl\:rt-r-mr-9,
  .xl\:-rt-r-mr-1,
  .xl\:-rt-r-mr-2,
  .xl\:-rt-r-mr-3,
  .xl\:-rt-r-mr-4,
  .xl\:-rt-r-mr-5,
  .xl\:-rt-r-mr-6,
  .xl\:-rt-r-mr-7,
  .xl\:-rt-r-mr-8,
  .xl\:-rt-r-mr-9 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .xl\:rt-r-mr {
    --margin-right: var(--mr-xl)
  }
  .xl\:rt-r-mr-0 {
    --margin-right: 0px;
  }
  .xl\:rt-r-mr-1 {
    --margin-right: var(--space-1);
  }
  .xl\:rt-r-mr-2 {
    --margin-right: var(--space-2);
  }
  .xl\:rt-r-mr-3 {
    --margin-right: var(--space-3);
  }
  .xl\:rt-r-mr-4 {
    --margin-right: var(--space-4);
  }
  .xl\:rt-r-mr-5 {
    --margin-right: var(--space-5);
  }
  .xl\:rt-r-mr-6 {
    --margin-right: var(--space-6);
  }
  .xl\:rt-r-mr-7 {
    --margin-right: var(--space-7);
  }
  .xl\:rt-r-mr-8 {
    --margin-right: var(--space-8);
  }
  .xl\:rt-r-mr-9 {
    --margin-right: var(--space-9);
  }
  .xl\:-rt-r-mr-1 {
    --margin-right: calc(-1 * var(--space-1));
  }
  .xl\:-rt-r-mr-2 {
    --margin-right: calc(-1 * var(--space-2));
  }
  .xl\:-rt-r-mr-3 {
    --margin-right: calc(-1 * var(--space-3));
  }
  .xl\:-rt-r-mr-4 {
    --margin-right: calc(-1 * var(--space-4));
  }
  .xl\:-rt-r-mr-5 {
    --margin-right: calc(-1 * var(--space-5));
  }
  .xl\:-rt-r-mr-6 {
    --margin-right: calc(-1 * var(--space-6));
  }
  .xl\:-rt-r-mr-7 {
    --margin-right: calc(-1 * var(--space-7));
  }
  .xl\:-rt-r-mr-8 {
    --margin-right: calc(-1 * var(--space-8));
  }
  .xl\:-rt-r-mr-9 {
    --margin-right: calc(-1 * var(--space-9));
  }
}
.rt-r-mb,
.rt-r-mb-0,
.rt-r-mb-1,
.rt-r-mb-2,
.rt-r-mb-3,
.rt-r-mb-4,
.rt-r-mb-5,
.rt-r-mb-6,
.rt-r-mb-7,
.rt-r-mb-8,
.rt-r-mb-9,
.-rt-r-mb-1,
.-rt-r-mb-2,
.-rt-r-mb-3,
.-rt-r-mb-4,
.-rt-r-mb-5,
.-rt-r-mb-6,
.-rt-r-mb-7,
.-rt-r-mb-8,
.-rt-r-mb-9 {
  margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
}
.rt-r-mb {
  --margin-bottom: var(--mb)
}
.rt-r-mb-0 {
  --margin-bottom: 0px;
}
.rt-r-mb-1 {
  --margin-bottom: var(--space-1);
}
.rt-r-mb-2 {
  --margin-bottom: var(--space-2);
}
.rt-r-mb-3 {
  --margin-bottom: var(--space-3);
}
.rt-r-mb-4 {
  --margin-bottom: var(--space-4);
}
.rt-r-mb-5 {
  --margin-bottom: var(--space-5);
}
.rt-r-mb-6 {
  --margin-bottom: var(--space-6);
}
.rt-r-mb-7 {
  --margin-bottom: var(--space-7);
}
.rt-r-mb-8 {
  --margin-bottom: var(--space-8);
}
.rt-r-mb-9 {
  --margin-bottom: var(--space-9);
}
.-rt-r-mb-1 {
  --margin-bottom: calc(-1 * var(--space-1));
}
.-rt-r-mb-2 {
  --margin-bottom: calc(-1 * var(--space-2));
}
.-rt-r-mb-3 {
  --margin-bottom: calc(-1 * var(--space-3));
}
.-rt-r-mb-4 {
  --margin-bottom: calc(-1 * var(--space-4));
}
.-rt-r-mb-5 {
  --margin-bottom: calc(-1 * var(--space-5));
}
.-rt-r-mb-6 {
  --margin-bottom: calc(-1 * var(--space-6));
}
.-rt-r-mb-7 {
  --margin-bottom: calc(-1 * var(--space-7));
}
.-rt-r-mb-8 {
  --margin-bottom: calc(-1 * var(--space-8));
}
.-rt-r-mb-9 {
  --margin-bottom: calc(-1 * var(--space-9));
}
@media (min-width: 520px) {
  .xs\:rt-r-mb,
  .xs\:rt-r-mb-0,
  .xs\:rt-r-mb-1,
  .xs\:rt-r-mb-2,
  .xs\:rt-r-mb-3,
  .xs\:rt-r-mb-4,
  .xs\:rt-r-mb-5,
  .xs\:rt-r-mb-6,
  .xs\:rt-r-mb-7,
  .xs\:rt-r-mb-8,
  .xs\:rt-r-mb-9,
  .xs\:-rt-r-mb-1,
  .xs\:-rt-r-mb-2,
  .xs\:-rt-r-mb-3,
  .xs\:-rt-r-mb-4,
  .xs\:-rt-r-mb-5,
  .xs\:-rt-r-mb-6,
  .xs\:-rt-r-mb-7,
  .xs\:-rt-r-mb-8,
  .xs\:-rt-r-mb-9 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .xs\:rt-r-mb {
    --margin-bottom: var(--mb-xs)
  }
  .xs\:rt-r-mb-0 {
    --margin-bottom: 0px;
  }
  .xs\:rt-r-mb-1 {
    --margin-bottom: var(--space-1);
  }
  .xs\:rt-r-mb-2 {
    --margin-bottom: var(--space-2);
  }
  .xs\:rt-r-mb-3 {
    --margin-bottom: var(--space-3);
  }
  .xs\:rt-r-mb-4 {
    --margin-bottom: var(--space-4);
  }
  .xs\:rt-r-mb-5 {
    --margin-bottom: var(--space-5);
  }
  .xs\:rt-r-mb-6 {
    --margin-bottom: var(--space-6);
  }
  .xs\:rt-r-mb-7 {
    --margin-bottom: var(--space-7);
  }
  .xs\:rt-r-mb-8 {
    --margin-bottom: var(--space-8);
  }
  .xs\:rt-r-mb-9 {
    --margin-bottom: var(--space-9);
  }
  .xs\:-rt-r-mb-1 {
    --margin-bottom: calc(-1 * var(--space-1));
  }
  .xs\:-rt-r-mb-2 {
    --margin-bottom: calc(-1 * var(--space-2));
  }
  .xs\:-rt-r-mb-3 {
    --margin-bottom: calc(-1 * var(--space-3));
  }
  .xs\:-rt-r-mb-4 {
    --margin-bottom: calc(-1 * var(--space-4));
  }
  .xs\:-rt-r-mb-5 {
    --margin-bottom: calc(-1 * var(--space-5));
  }
  .xs\:-rt-r-mb-6 {
    --margin-bottom: calc(-1 * var(--space-6));
  }
  .xs\:-rt-r-mb-7 {
    --margin-bottom: calc(-1 * var(--space-7));
  }
  .xs\:-rt-r-mb-8 {
    --margin-bottom: calc(-1 * var(--space-8));
  }
  .xs\:-rt-r-mb-9 {
    --margin-bottom: calc(-1 * var(--space-9));
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-mb,
  .sm\:rt-r-mb-0,
  .sm\:rt-r-mb-1,
  .sm\:rt-r-mb-2,
  .sm\:rt-r-mb-3,
  .sm\:rt-r-mb-4,
  .sm\:rt-r-mb-5,
  .sm\:rt-r-mb-6,
  .sm\:rt-r-mb-7,
  .sm\:rt-r-mb-8,
  .sm\:rt-r-mb-9,
  .sm\:-rt-r-mb-1,
  .sm\:-rt-r-mb-2,
  .sm\:-rt-r-mb-3,
  .sm\:-rt-r-mb-4,
  .sm\:-rt-r-mb-5,
  .sm\:-rt-r-mb-6,
  .sm\:-rt-r-mb-7,
  .sm\:-rt-r-mb-8,
  .sm\:-rt-r-mb-9 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .sm\:rt-r-mb {
    --margin-bottom: var(--mb-sm)
  }
  .sm\:rt-r-mb-0 {
    --margin-bottom: 0px;
  }
  .sm\:rt-r-mb-1 {
    --margin-bottom: var(--space-1);
  }
  .sm\:rt-r-mb-2 {
    --margin-bottom: var(--space-2);
  }
  .sm\:rt-r-mb-3 {
    --margin-bottom: var(--space-3);
  }
  .sm\:rt-r-mb-4 {
    --margin-bottom: var(--space-4);
  }
  .sm\:rt-r-mb-5 {
    --margin-bottom: var(--space-5);
  }
  .sm\:rt-r-mb-6 {
    --margin-bottom: var(--space-6);
  }
  .sm\:rt-r-mb-7 {
    --margin-bottom: var(--space-7);
  }
  .sm\:rt-r-mb-8 {
    --margin-bottom: var(--space-8);
  }
  .sm\:rt-r-mb-9 {
    --margin-bottom: var(--space-9);
  }
  .sm\:-rt-r-mb-1 {
    --margin-bottom: calc(-1 * var(--space-1));
  }
  .sm\:-rt-r-mb-2 {
    --margin-bottom: calc(-1 * var(--space-2));
  }
  .sm\:-rt-r-mb-3 {
    --margin-bottom: calc(-1 * var(--space-3));
  }
  .sm\:-rt-r-mb-4 {
    --margin-bottom: calc(-1 * var(--space-4));
  }
  .sm\:-rt-r-mb-5 {
    --margin-bottom: calc(-1 * var(--space-5));
  }
  .sm\:-rt-r-mb-6 {
    --margin-bottom: calc(-1 * var(--space-6));
  }
  .sm\:-rt-r-mb-7 {
    --margin-bottom: calc(-1 * var(--space-7));
  }
  .sm\:-rt-r-mb-8 {
    --margin-bottom: calc(-1 * var(--space-8));
  }
  .sm\:-rt-r-mb-9 {
    --margin-bottom: calc(-1 * var(--space-9));
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-mb,
  .md\:rt-r-mb-0,
  .md\:rt-r-mb-1,
  .md\:rt-r-mb-2,
  .md\:rt-r-mb-3,
  .md\:rt-r-mb-4,
  .md\:rt-r-mb-5,
  .md\:rt-r-mb-6,
  .md\:rt-r-mb-7,
  .md\:rt-r-mb-8,
  .md\:rt-r-mb-9,
  .md\:-rt-r-mb-1,
  .md\:-rt-r-mb-2,
  .md\:-rt-r-mb-3,
  .md\:-rt-r-mb-4,
  .md\:-rt-r-mb-5,
  .md\:-rt-r-mb-6,
  .md\:-rt-r-mb-7,
  .md\:-rt-r-mb-8,
  .md\:-rt-r-mb-9 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .md\:rt-r-mb {
    --margin-bottom: var(--mb-md)
  }
  .md\:rt-r-mb-0 {
    --margin-bottom: 0px;
  }
  .md\:rt-r-mb-1 {
    --margin-bottom: var(--space-1);
  }
  .md\:rt-r-mb-2 {
    --margin-bottom: var(--space-2);
  }
  .md\:rt-r-mb-3 {
    --margin-bottom: var(--space-3);
  }
  .md\:rt-r-mb-4 {
    --margin-bottom: var(--space-4);
  }
  .md\:rt-r-mb-5 {
    --margin-bottom: var(--space-5);
  }
  .md\:rt-r-mb-6 {
    --margin-bottom: var(--space-6);
  }
  .md\:rt-r-mb-7 {
    --margin-bottom: var(--space-7);
  }
  .md\:rt-r-mb-8 {
    --margin-bottom: var(--space-8);
  }
  .md\:rt-r-mb-9 {
    --margin-bottom: var(--space-9);
  }
  .md\:-rt-r-mb-1 {
    --margin-bottom: calc(-1 * var(--space-1));
  }
  .md\:-rt-r-mb-2 {
    --margin-bottom: calc(-1 * var(--space-2));
  }
  .md\:-rt-r-mb-3 {
    --margin-bottom: calc(-1 * var(--space-3));
  }
  .md\:-rt-r-mb-4 {
    --margin-bottom: calc(-1 * var(--space-4));
  }
  .md\:-rt-r-mb-5 {
    --margin-bottom: calc(-1 * var(--space-5));
  }
  .md\:-rt-r-mb-6 {
    --margin-bottom: calc(-1 * var(--space-6));
  }
  .md\:-rt-r-mb-7 {
    --margin-bottom: calc(-1 * var(--space-7));
  }
  .md\:-rt-r-mb-8 {
    --margin-bottom: calc(-1 * var(--space-8));
  }
  .md\:-rt-r-mb-9 {
    --margin-bottom: calc(-1 * var(--space-9));
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-mb,
  .lg\:rt-r-mb-0,
  .lg\:rt-r-mb-1,
  .lg\:rt-r-mb-2,
  .lg\:rt-r-mb-3,
  .lg\:rt-r-mb-4,
  .lg\:rt-r-mb-5,
  .lg\:rt-r-mb-6,
  .lg\:rt-r-mb-7,
  .lg\:rt-r-mb-8,
  .lg\:rt-r-mb-9,
  .lg\:-rt-r-mb-1,
  .lg\:-rt-r-mb-2,
  .lg\:-rt-r-mb-3,
  .lg\:-rt-r-mb-4,
  .lg\:-rt-r-mb-5,
  .lg\:-rt-r-mb-6,
  .lg\:-rt-r-mb-7,
  .lg\:-rt-r-mb-8,
  .lg\:-rt-r-mb-9 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .lg\:rt-r-mb {
    --margin-bottom: var(--mb-lg)
  }
  .lg\:rt-r-mb-0 {
    --margin-bottom: 0px;
  }
  .lg\:rt-r-mb-1 {
    --margin-bottom: var(--space-1);
  }
  .lg\:rt-r-mb-2 {
    --margin-bottom: var(--space-2);
  }
  .lg\:rt-r-mb-3 {
    --margin-bottom: var(--space-3);
  }
  .lg\:rt-r-mb-4 {
    --margin-bottom: var(--space-4);
  }
  .lg\:rt-r-mb-5 {
    --margin-bottom: var(--space-5);
  }
  .lg\:rt-r-mb-6 {
    --margin-bottom: var(--space-6);
  }
  .lg\:rt-r-mb-7 {
    --margin-bottom: var(--space-7);
  }
  .lg\:rt-r-mb-8 {
    --margin-bottom: var(--space-8);
  }
  .lg\:rt-r-mb-9 {
    --margin-bottom: var(--space-9);
  }
  .lg\:-rt-r-mb-1 {
    --margin-bottom: calc(-1 * var(--space-1));
  }
  .lg\:-rt-r-mb-2 {
    --margin-bottom: calc(-1 * var(--space-2));
  }
  .lg\:-rt-r-mb-3 {
    --margin-bottom: calc(-1 * var(--space-3));
  }
  .lg\:-rt-r-mb-4 {
    --margin-bottom: calc(-1 * var(--space-4));
  }
  .lg\:-rt-r-mb-5 {
    --margin-bottom: calc(-1 * var(--space-5));
  }
  .lg\:-rt-r-mb-6 {
    --margin-bottom: calc(-1 * var(--space-6));
  }
  .lg\:-rt-r-mb-7 {
    --margin-bottom: calc(-1 * var(--space-7));
  }
  .lg\:-rt-r-mb-8 {
    --margin-bottom: calc(-1 * var(--space-8));
  }
  .lg\:-rt-r-mb-9 {
    --margin-bottom: calc(-1 * var(--space-9));
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-mb,
  .xl\:rt-r-mb-0,
  .xl\:rt-r-mb-1,
  .xl\:rt-r-mb-2,
  .xl\:rt-r-mb-3,
  .xl\:rt-r-mb-4,
  .xl\:rt-r-mb-5,
  .xl\:rt-r-mb-6,
  .xl\:rt-r-mb-7,
  .xl\:rt-r-mb-8,
  .xl\:rt-r-mb-9,
  .xl\:-rt-r-mb-1,
  .xl\:-rt-r-mb-2,
  .xl\:-rt-r-mb-3,
  .xl\:-rt-r-mb-4,
  .xl\:-rt-r-mb-5,
  .xl\:-rt-r-mb-6,
  .xl\:-rt-r-mb-7,
  .xl\:-rt-r-mb-8,
  .xl\:-rt-r-mb-9 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .xl\:rt-r-mb {
    --margin-bottom: var(--mb-xl)
  }
  .xl\:rt-r-mb-0 {
    --margin-bottom: 0px;
  }
  .xl\:rt-r-mb-1 {
    --margin-bottom: var(--space-1);
  }
  .xl\:rt-r-mb-2 {
    --margin-bottom: var(--space-2);
  }
  .xl\:rt-r-mb-3 {
    --margin-bottom: var(--space-3);
  }
  .xl\:rt-r-mb-4 {
    --margin-bottom: var(--space-4);
  }
  .xl\:rt-r-mb-5 {
    --margin-bottom: var(--space-5);
  }
  .xl\:rt-r-mb-6 {
    --margin-bottom: var(--space-6);
  }
  .xl\:rt-r-mb-7 {
    --margin-bottom: var(--space-7);
  }
  .xl\:rt-r-mb-8 {
    --margin-bottom: var(--space-8);
  }
  .xl\:rt-r-mb-9 {
    --margin-bottom: var(--space-9);
  }
  .xl\:-rt-r-mb-1 {
    --margin-bottom: calc(-1 * var(--space-1));
  }
  .xl\:-rt-r-mb-2 {
    --margin-bottom: calc(-1 * var(--space-2));
  }
  .xl\:-rt-r-mb-3 {
    --margin-bottom: calc(-1 * var(--space-3));
  }
  .xl\:-rt-r-mb-4 {
    --margin-bottom: calc(-1 * var(--space-4));
  }
  .xl\:-rt-r-mb-5 {
    --margin-bottom: calc(-1 * var(--space-5));
  }
  .xl\:-rt-r-mb-6 {
    --margin-bottom: calc(-1 * var(--space-6));
  }
  .xl\:-rt-r-mb-7 {
    --margin-bottom: calc(-1 * var(--space-7));
  }
  .xl\:-rt-r-mb-8 {
    --margin-bottom: calc(-1 * var(--space-8));
  }
  .xl\:-rt-r-mb-9 {
    --margin-bottom: calc(-1 * var(--space-9));
  }
}
.rt-r-ml,
.rt-r-ml-0,
.rt-r-ml-1,
.rt-r-ml-2,
.rt-r-ml-3,
.rt-r-ml-4,
.rt-r-ml-5,
.rt-r-ml-6,
.rt-r-ml-7,
.rt-r-ml-8,
.rt-r-ml-9,
.-rt-r-ml-1,
.-rt-r-ml-2,
.-rt-r-ml-3,
.-rt-r-ml-4,
.-rt-r-ml-5,
.-rt-r-ml-6,
.-rt-r-ml-7,
.-rt-r-ml-8,
.-rt-r-ml-9 {
  margin-left: var(--margin-left-override, var(--margin-left));
}
.rt-r-ml {
  --margin-left: var(--ml)
}
.rt-r-ml-0 {
  --margin-left: 0px;
}
.rt-r-ml-1 {
  --margin-left: var(--space-1);
}
.rt-r-ml-2 {
  --margin-left: var(--space-2);
}
.rt-r-ml-3 {
  --margin-left: var(--space-3);
}
.rt-r-ml-4 {
  --margin-left: var(--space-4);
}
.rt-r-ml-5 {
  --margin-left: var(--space-5);
}
.rt-r-ml-6 {
  --margin-left: var(--space-6);
}
.rt-r-ml-7 {
  --margin-left: var(--space-7);
}
.rt-r-ml-8 {
  --margin-left: var(--space-8);
}
.rt-r-ml-9 {
  --margin-left: var(--space-9);
}
.-rt-r-ml-1 {
  --margin-left: calc(-1 * var(--space-1));
}
.-rt-r-ml-2 {
  --margin-left: calc(-1 * var(--space-2));
}
.-rt-r-ml-3 {
  --margin-left: calc(-1 * var(--space-3));
}
.-rt-r-ml-4 {
  --margin-left: calc(-1 * var(--space-4));
}
.-rt-r-ml-5 {
  --margin-left: calc(-1 * var(--space-5));
}
.-rt-r-ml-6 {
  --margin-left: calc(-1 * var(--space-6));
}
.-rt-r-ml-7 {
  --margin-left: calc(-1 * var(--space-7));
}
.-rt-r-ml-8 {
  --margin-left: calc(-1 * var(--space-8));
}
.-rt-r-ml-9 {
  --margin-left: calc(-1 * var(--space-9));
}
@media (min-width: 520px) {
  .xs\:rt-r-ml,
  .xs\:rt-r-ml-0,
  .xs\:rt-r-ml-1,
  .xs\:rt-r-ml-2,
  .xs\:rt-r-ml-3,
  .xs\:rt-r-ml-4,
  .xs\:rt-r-ml-5,
  .xs\:rt-r-ml-6,
  .xs\:rt-r-ml-7,
  .xs\:rt-r-ml-8,
  .xs\:rt-r-ml-9,
  .xs\:-rt-r-ml-1,
  .xs\:-rt-r-ml-2,
  .xs\:-rt-r-ml-3,
  .xs\:-rt-r-ml-4,
  .xs\:-rt-r-ml-5,
  .xs\:-rt-r-ml-6,
  .xs\:-rt-r-ml-7,
  .xs\:-rt-r-ml-8,
  .xs\:-rt-r-ml-9 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .xs\:rt-r-ml {
    --margin-left: var(--ml-xs)
  }
  .xs\:rt-r-ml-0 {
    --margin-left: 0px;
  }
  .xs\:rt-r-ml-1 {
    --margin-left: var(--space-1);
  }
  .xs\:rt-r-ml-2 {
    --margin-left: var(--space-2);
  }
  .xs\:rt-r-ml-3 {
    --margin-left: var(--space-3);
  }
  .xs\:rt-r-ml-4 {
    --margin-left: var(--space-4);
  }
  .xs\:rt-r-ml-5 {
    --margin-left: var(--space-5);
  }
  .xs\:rt-r-ml-6 {
    --margin-left: var(--space-6);
  }
  .xs\:rt-r-ml-7 {
    --margin-left: var(--space-7);
  }
  .xs\:rt-r-ml-8 {
    --margin-left: var(--space-8);
  }
  .xs\:rt-r-ml-9 {
    --margin-left: var(--space-9);
  }
  .xs\:-rt-r-ml-1 {
    --margin-left: calc(-1 * var(--space-1));
  }
  .xs\:-rt-r-ml-2 {
    --margin-left: calc(-1 * var(--space-2));
  }
  .xs\:-rt-r-ml-3 {
    --margin-left: calc(-1 * var(--space-3));
  }
  .xs\:-rt-r-ml-4 {
    --margin-left: calc(-1 * var(--space-4));
  }
  .xs\:-rt-r-ml-5 {
    --margin-left: calc(-1 * var(--space-5));
  }
  .xs\:-rt-r-ml-6 {
    --margin-left: calc(-1 * var(--space-6));
  }
  .xs\:-rt-r-ml-7 {
    --margin-left: calc(-1 * var(--space-7));
  }
  .xs\:-rt-r-ml-8 {
    --margin-left: calc(-1 * var(--space-8));
  }
  .xs\:-rt-r-ml-9 {
    --margin-left: calc(-1 * var(--space-9));
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-ml,
  .sm\:rt-r-ml-0,
  .sm\:rt-r-ml-1,
  .sm\:rt-r-ml-2,
  .sm\:rt-r-ml-3,
  .sm\:rt-r-ml-4,
  .sm\:rt-r-ml-5,
  .sm\:rt-r-ml-6,
  .sm\:rt-r-ml-7,
  .sm\:rt-r-ml-8,
  .sm\:rt-r-ml-9,
  .sm\:-rt-r-ml-1,
  .sm\:-rt-r-ml-2,
  .sm\:-rt-r-ml-3,
  .sm\:-rt-r-ml-4,
  .sm\:-rt-r-ml-5,
  .sm\:-rt-r-ml-6,
  .sm\:-rt-r-ml-7,
  .sm\:-rt-r-ml-8,
  .sm\:-rt-r-ml-9 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .sm\:rt-r-ml {
    --margin-left: var(--ml-sm)
  }
  .sm\:rt-r-ml-0 {
    --margin-left: 0px;
  }
  .sm\:rt-r-ml-1 {
    --margin-left: var(--space-1);
  }
  .sm\:rt-r-ml-2 {
    --margin-left: var(--space-2);
  }
  .sm\:rt-r-ml-3 {
    --margin-left: var(--space-3);
  }
  .sm\:rt-r-ml-4 {
    --margin-left: var(--space-4);
  }
  .sm\:rt-r-ml-5 {
    --margin-left: var(--space-5);
  }
  .sm\:rt-r-ml-6 {
    --margin-left: var(--space-6);
  }
  .sm\:rt-r-ml-7 {
    --margin-left: var(--space-7);
  }
  .sm\:rt-r-ml-8 {
    --margin-left: var(--space-8);
  }
  .sm\:rt-r-ml-9 {
    --margin-left: var(--space-9);
  }
  .sm\:-rt-r-ml-1 {
    --margin-left: calc(-1 * var(--space-1));
  }
  .sm\:-rt-r-ml-2 {
    --margin-left: calc(-1 * var(--space-2));
  }
  .sm\:-rt-r-ml-3 {
    --margin-left: calc(-1 * var(--space-3));
  }
  .sm\:-rt-r-ml-4 {
    --margin-left: calc(-1 * var(--space-4));
  }
  .sm\:-rt-r-ml-5 {
    --margin-left: calc(-1 * var(--space-5));
  }
  .sm\:-rt-r-ml-6 {
    --margin-left: calc(-1 * var(--space-6));
  }
  .sm\:-rt-r-ml-7 {
    --margin-left: calc(-1 * var(--space-7));
  }
  .sm\:-rt-r-ml-8 {
    --margin-left: calc(-1 * var(--space-8));
  }
  .sm\:-rt-r-ml-9 {
    --margin-left: calc(-1 * var(--space-9));
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-ml,
  .md\:rt-r-ml-0,
  .md\:rt-r-ml-1,
  .md\:rt-r-ml-2,
  .md\:rt-r-ml-3,
  .md\:rt-r-ml-4,
  .md\:rt-r-ml-5,
  .md\:rt-r-ml-6,
  .md\:rt-r-ml-7,
  .md\:rt-r-ml-8,
  .md\:rt-r-ml-9,
  .md\:-rt-r-ml-1,
  .md\:-rt-r-ml-2,
  .md\:-rt-r-ml-3,
  .md\:-rt-r-ml-4,
  .md\:-rt-r-ml-5,
  .md\:-rt-r-ml-6,
  .md\:-rt-r-ml-7,
  .md\:-rt-r-ml-8,
  .md\:-rt-r-ml-9 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .md\:rt-r-ml {
    --margin-left: var(--ml-md)
  }
  .md\:rt-r-ml-0 {
    --margin-left: 0px;
  }
  .md\:rt-r-ml-1 {
    --margin-left: var(--space-1);
  }
  .md\:rt-r-ml-2 {
    --margin-left: var(--space-2);
  }
  .md\:rt-r-ml-3 {
    --margin-left: var(--space-3);
  }
  .md\:rt-r-ml-4 {
    --margin-left: var(--space-4);
  }
  .md\:rt-r-ml-5 {
    --margin-left: var(--space-5);
  }
  .md\:rt-r-ml-6 {
    --margin-left: var(--space-6);
  }
  .md\:rt-r-ml-7 {
    --margin-left: var(--space-7);
  }
  .md\:rt-r-ml-8 {
    --margin-left: var(--space-8);
  }
  .md\:rt-r-ml-9 {
    --margin-left: var(--space-9);
  }
  .md\:-rt-r-ml-1 {
    --margin-left: calc(-1 * var(--space-1));
  }
  .md\:-rt-r-ml-2 {
    --margin-left: calc(-1 * var(--space-2));
  }
  .md\:-rt-r-ml-3 {
    --margin-left: calc(-1 * var(--space-3));
  }
  .md\:-rt-r-ml-4 {
    --margin-left: calc(-1 * var(--space-4));
  }
  .md\:-rt-r-ml-5 {
    --margin-left: calc(-1 * var(--space-5));
  }
  .md\:-rt-r-ml-6 {
    --margin-left: calc(-1 * var(--space-6));
  }
  .md\:-rt-r-ml-7 {
    --margin-left: calc(-1 * var(--space-7));
  }
  .md\:-rt-r-ml-8 {
    --margin-left: calc(-1 * var(--space-8));
  }
  .md\:-rt-r-ml-9 {
    --margin-left: calc(-1 * var(--space-9));
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-ml,
  .lg\:rt-r-ml-0,
  .lg\:rt-r-ml-1,
  .lg\:rt-r-ml-2,
  .lg\:rt-r-ml-3,
  .lg\:rt-r-ml-4,
  .lg\:rt-r-ml-5,
  .lg\:rt-r-ml-6,
  .lg\:rt-r-ml-7,
  .lg\:rt-r-ml-8,
  .lg\:rt-r-ml-9,
  .lg\:-rt-r-ml-1,
  .lg\:-rt-r-ml-2,
  .lg\:-rt-r-ml-3,
  .lg\:-rt-r-ml-4,
  .lg\:-rt-r-ml-5,
  .lg\:-rt-r-ml-6,
  .lg\:-rt-r-ml-7,
  .lg\:-rt-r-ml-8,
  .lg\:-rt-r-ml-9 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .lg\:rt-r-ml {
    --margin-left: var(--ml-lg)
  }
  .lg\:rt-r-ml-0 {
    --margin-left: 0px;
  }
  .lg\:rt-r-ml-1 {
    --margin-left: var(--space-1);
  }
  .lg\:rt-r-ml-2 {
    --margin-left: var(--space-2);
  }
  .lg\:rt-r-ml-3 {
    --margin-left: var(--space-3);
  }
  .lg\:rt-r-ml-4 {
    --margin-left: var(--space-4);
  }
  .lg\:rt-r-ml-5 {
    --margin-left: var(--space-5);
  }
  .lg\:rt-r-ml-6 {
    --margin-left: var(--space-6);
  }
  .lg\:rt-r-ml-7 {
    --margin-left: var(--space-7);
  }
  .lg\:rt-r-ml-8 {
    --margin-left: var(--space-8);
  }
  .lg\:rt-r-ml-9 {
    --margin-left: var(--space-9);
  }
  .lg\:-rt-r-ml-1 {
    --margin-left: calc(-1 * var(--space-1));
  }
  .lg\:-rt-r-ml-2 {
    --margin-left: calc(-1 * var(--space-2));
  }
  .lg\:-rt-r-ml-3 {
    --margin-left: calc(-1 * var(--space-3));
  }
  .lg\:-rt-r-ml-4 {
    --margin-left: calc(-1 * var(--space-4));
  }
  .lg\:-rt-r-ml-5 {
    --margin-left: calc(-1 * var(--space-5));
  }
  .lg\:-rt-r-ml-6 {
    --margin-left: calc(-1 * var(--space-6));
  }
  .lg\:-rt-r-ml-7 {
    --margin-left: calc(-1 * var(--space-7));
  }
  .lg\:-rt-r-ml-8 {
    --margin-left: calc(-1 * var(--space-8));
  }
  .lg\:-rt-r-ml-9 {
    --margin-left: calc(-1 * var(--space-9));
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-ml,
  .xl\:rt-r-ml-0,
  .xl\:rt-r-ml-1,
  .xl\:rt-r-ml-2,
  .xl\:rt-r-ml-3,
  .xl\:rt-r-ml-4,
  .xl\:rt-r-ml-5,
  .xl\:rt-r-ml-6,
  .xl\:rt-r-ml-7,
  .xl\:rt-r-ml-8,
  .xl\:rt-r-ml-9,
  .xl\:-rt-r-ml-1,
  .xl\:-rt-r-ml-2,
  .xl\:-rt-r-ml-3,
  .xl\:-rt-r-ml-4,
  .xl\:-rt-r-ml-5,
  .xl\:-rt-r-ml-6,
  .xl\:-rt-r-ml-7,
  .xl\:-rt-r-ml-8,
  .xl\:-rt-r-ml-9 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .xl\:rt-r-ml {
    --margin-left: var(--ml-xl)
  }
  .xl\:rt-r-ml-0 {
    --margin-left: 0px;
  }
  .xl\:rt-r-ml-1 {
    --margin-left: var(--space-1);
  }
  .xl\:rt-r-ml-2 {
    --margin-left: var(--space-2);
  }
  .xl\:rt-r-ml-3 {
    --margin-left: var(--space-3);
  }
  .xl\:rt-r-ml-4 {
    --margin-left: var(--space-4);
  }
  .xl\:rt-r-ml-5 {
    --margin-left: var(--space-5);
  }
  .xl\:rt-r-ml-6 {
    --margin-left: var(--space-6);
  }
  .xl\:rt-r-ml-7 {
    --margin-left: var(--space-7);
  }
  .xl\:rt-r-ml-8 {
    --margin-left: var(--space-8);
  }
  .xl\:rt-r-ml-9 {
    --margin-left: var(--space-9);
  }
  .xl\:-rt-r-ml-1 {
    --margin-left: calc(-1 * var(--space-1));
  }
  .xl\:-rt-r-ml-2 {
    --margin-left: calc(-1 * var(--space-2));
  }
  .xl\:-rt-r-ml-3 {
    --margin-left: calc(-1 * var(--space-3));
  }
  .xl\:-rt-r-ml-4 {
    --margin-left: calc(-1 * var(--space-4));
  }
  .xl\:-rt-r-ml-5 {
    --margin-left: calc(-1 * var(--space-5));
  }
  .xl\:-rt-r-ml-6 {
    --margin-left: calc(-1 * var(--space-6));
  }
  .xl\:-rt-r-ml-7 {
    --margin-left: calc(-1 * var(--space-7));
  }
  .xl\:-rt-r-ml-8 {
    --margin-left: calc(-1 * var(--space-8));
  }
  .xl\:-rt-r-ml-9 {
    --margin-left: calc(-1 * var(--space-9));
  }
}
.rt-r-overflow-visible {
  overflow: visible;
}
.rt-r-overflow-hidden {
  overflow: hidden;
}
.rt-r-overflow-clip {
  overflow: clip;
}
.rt-r-overflow-scroll {
  overflow: scroll;
}
.rt-r-overflow-auto {
  overflow: auto;
}
.rt-r-ox-visible {
  overflow-x: visible;
}
.rt-r-ox-hidden {
  overflow-x: hidden;
}
.rt-r-ox-clip {
  overflow-x: clip;
}
.rt-r-ox-scroll {
  overflow-x: scroll;
}
.rt-r-ox-auto {
  overflow-x: auto;
}
.rt-r-oy-visible {
  overflow-y: visible;
}
.rt-r-oy-hidden {
  overflow-y: hidden;
}
.rt-r-oy-clip {
  overflow-y: clip;
}
.rt-r-oy-scroll {
  overflow-y: scroll;
}
.rt-r-oy-auto {
  overflow-y: auto;
}
@media (min-width: 520px) {
  .xs\:rt-r-overflow-visible {
    overflow: visible;
  }
  .xs\:rt-r-overflow-hidden {
    overflow: hidden;
  }
  .xs\:rt-r-overflow-clip {
    overflow: clip;
  }
  .xs\:rt-r-overflow-scroll {
    overflow: scroll;
  }
  .xs\:rt-r-overflow-auto {
    overflow: auto;
  }
  .xs\:rt-r-ox-visible {
    overflow-x: visible;
  }
  .xs\:rt-r-ox-hidden {
    overflow-x: hidden;
  }
  .xs\:rt-r-ox-clip {
    overflow-x: clip;
  }
  .xs\:rt-r-ox-scroll {
    overflow-x: scroll;
  }
  .xs\:rt-r-ox-auto {
    overflow-x: auto;
  }
  .xs\:rt-r-oy-visible {
    overflow-y: visible;
  }
  .xs\:rt-r-oy-hidden {
    overflow-y: hidden;
  }
  .xs\:rt-r-oy-clip {
    overflow-y: clip;
  }
  .xs\:rt-r-oy-scroll {
    overflow-y: scroll;
  }
  .xs\:rt-r-oy-auto {
    overflow-y: auto;
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-overflow-visible {
    overflow: visible;
  }
  .sm\:rt-r-overflow-hidden {
    overflow: hidden;
  }
  .sm\:rt-r-overflow-clip {
    overflow: clip;
  }
  .sm\:rt-r-overflow-scroll {
    overflow: scroll;
  }
  .sm\:rt-r-overflow-auto {
    overflow: auto;
  }
  .sm\:rt-r-ox-visible {
    overflow-x: visible;
  }
  .sm\:rt-r-ox-hidden {
    overflow-x: hidden;
  }
  .sm\:rt-r-ox-clip {
    overflow-x: clip;
  }
  .sm\:rt-r-ox-scroll {
    overflow-x: scroll;
  }
  .sm\:rt-r-ox-auto {
    overflow-x: auto;
  }
  .sm\:rt-r-oy-visible {
    overflow-y: visible;
  }
  .sm\:rt-r-oy-hidden {
    overflow-y: hidden;
  }
  .sm\:rt-r-oy-clip {
    overflow-y: clip;
  }
  .sm\:rt-r-oy-scroll {
    overflow-y: scroll;
  }
  .sm\:rt-r-oy-auto {
    overflow-y: auto;
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-overflow-visible {
    overflow: visible;
  }
  .md\:rt-r-overflow-hidden {
    overflow: hidden;
  }
  .md\:rt-r-overflow-clip {
    overflow: clip;
  }
  .md\:rt-r-overflow-scroll {
    overflow: scroll;
  }
  .md\:rt-r-overflow-auto {
    overflow: auto;
  }
  .md\:rt-r-ox-visible {
    overflow-x: visible;
  }
  .md\:rt-r-ox-hidden {
    overflow-x: hidden;
  }
  .md\:rt-r-ox-clip {
    overflow-x: clip;
  }
  .md\:rt-r-ox-scroll {
    overflow-x: scroll;
  }
  .md\:rt-r-ox-auto {
    overflow-x: auto;
  }
  .md\:rt-r-oy-visible {
    overflow-y: visible;
  }
  .md\:rt-r-oy-hidden {
    overflow-y: hidden;
  }
  .md\:rt-r-oy-clip {
    overflow-y: clip;
  }
  .md\:rt-r-oy-scroll {
    overflow-y: scroll;
  }
  .md\:rt-r-oy-auto {
    overflow-y: auto;
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-overflow-visible {
    overflow: visible;
  }
  .lg\:rt-r-overflow-hidden {
    overflow: hidden;
  }
  .lg\:rt-r-overflow-clip {
    overflow: clip;
  }
  .lg\:rt-r-overflow-scroll {
    overflow: scroll;
  }
  .lg\:rt-r-overflow-auto {
    overflow: auto;
  }
  .lg\:rt-r-ox-visible {
    overflow-x: visible;
  }
  .lg\:rt-r-ox-hidden {
    overflow-x: hidden;
  }
  .lg\:rt-r-ox-clip {
    overflow-x: clip;
  }
  .lg\:rt-r-ox-scroll {
    overflow-x: scroll;
  }
  .lg\:rt-r-ox-auto {
    overflow-x: auto;
  }
  .lg\:rt-r-oy-visible {
    overflow-y: visible;
  }
  .lg\:rt-r-oy-hidden {
    overflow-y: hidden;
  }
  .lg\:rt-r-oy-clip {
    overflow-y: clip;
  }
  .lg\:rt-r-oy-scroll {
    overflow-y: scroll;
  }
  .lg\:rt-r-oy-auto {
    overflow-y: auto;
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-overflow-visible {
    overflow: visible;
  }
  .xl\:rt-r-overflow-hidden {
    overflow: hidden;
  }
  .xl\:rt-r-overflow-clip {
    overflow: clip;
  }
  .xl\:rt-r-overflow-scroll {
    overflow: scroll;
  }
  .xl\:rt-r-overflow-auto {
    overflow: auto;
  }
  .xl\:rt-r-ox-visible {
    overflow-x: visible;
  }
  .xl\:rt-r-ox-hidden {
    overflow-x: hidden;
  }
  .xl\:rt-r-ox-clip {
    overflow-x: clip;
  }
  .xl\:rt-r-ox-scroll {
    overflow-x: scroll;
  }
  .xl\:rt-r-ox-auto {
    overflow-x: auto;
  }
  .xl\:rt-r-oy-visible {
    overflow-y: visible;
  }
  .xl\:rt-r-oy-hidden {
    overflow-y: hidden;
  }
  .xl\:rt-r-oy-clip {
    overflow-y: clip;
  }
  .xl\:rt-r-oy-scroll {
    overflow-y: scroll;
  }
  .xl\:rt-r-oy-auto {
    overflow-y: auto;
  }
}
.rt-r-p {
  padding: var(--p)
}
.rt-r-p-0 {
  padding: 0;
}
.rt-r-p-1 {
  padding: var(--space-1);
}
.rt-r-p-2 {
  padding: var(--space-2);
}
.rt-r-p-3 {
  padding: var(--space-3);
}
.rt-r-p-4 {
  padding: var(--space-4);
}
.rt-r-p-5 {
  padding: var(--space-5);
}
.rt-r-p-6 {
  padding: var(--space-6);
}
.rt-r-p-7 {
  padding: var(--space-7);
}
.rt-r-p-8 {
  padding: var(--space-8);
}
.rt-r-p-9 {
  padding: var(--space-9);
}
.rt-r-p-inset {
  padding-top: var(--inset-padding-top);
  padding-right: var(--inset-padding-right);
  padding-bottom: var(--inset-padding-bottom);
  padding-left: var(--inset-padding-left);
}
@media (min-width: 520px) {
  .xs\:rt-r-p {
    padding: var(--p-xs)
  }
  .xs\:rt-r-p-0 {
    padding: 0;
  }
  .xs\:rt-r-p-1 {
    padding: var(--space-1);
  }
  .xs\:rt-r-p-2 {
    padding: var(--space-2);
  }
  .xs\:rt-r-p-3 {
    padding: var(--space-3);
  }
  .xs\:rt-r-p-4 {
    padding: var(--space-4);
  }
  .xs\:rt-r-p-5 {
    padding: var(--space-5);
  }
  .xs\:rt-r-p-6 {
    padding: var(--space-6);
  }
  .xs\:rt-r-p-7 {
    padding: var(--space-7);
  }
  .xs\:rt-r-p-8 {
    padding: var(--space-8);
  }
  .xs\:rt-r-p-9 {
    padding: var(--space-9);
  }
  .xs\:rt-r-p-inset {
    padding-top: var(--inset-padding-top);
    padding-right: var(--inset-padding-right);
    padding-bottom: var(--inset-padding-bottom);
    padding-left: var(--inset-padding-left);
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-p {
    padding: var(--p-sm)
  }
  .sm\:rt-r-p-0 {
    padding: 0;
  }
  .sm\:rt-r-p-1 {
    padding: var(--space-1);
  }
  .sm\:rt-r-p-2 {
    padding: var(--space-2);
  }
  .sm\:rt-r-p-3 {
    padding: var(--space-3);
  }
  .sm\:rt-r-p-4 {
    padding: var(--space-4);
  }
  .sm\:rt-r-p-5 {
    padding: var(--space-5);
  }
  .sm\:rt-r-p-6 {
    padding: var(--space-6);
  }
  .sm\:rt-r-p-7 {
    padding: var(--space-7);
  }
  .sm\:rt-r-p-8 {
    padding: var(--space-8);
  }
  .sm\:rt-r-p-9 {
    padding: var(--space-9);
  }
  .sm\:rt-r-p-inset {
    padding-top: var(--inset-padding-top);
    padding-right: var(--inset-padding-right);
    padding-bottom: var(--inset-padding-bottom);
    padding-left: var(--inset-padding-left);
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-p {
    padding: var(--p-md)
  }
  .md\:rt-r-p-0 {
    padding: 0;
  }
  .md\:rt-r-p-1 {
    padding: var(--space-1);
  }
  .md\:rt-r-p-2 {
    padding: var(--space-2);
  }
  .md\:rt-r-p-3 {
    padding: var(--space-3);
  }
  .md\:rt-r-p-4 {
    padding: var(--space-4);
  }
  .md\:rt-r-p-5 {
    padding: var(--space-5);
  }
  .md\:rt-r-p-6 {
    padding: var(--space-6);
  }
  .md\:rt-r-p-7 {
    padding: var(--space-7);
  }
  .md\:rt-r-p-8 {
    padding: var(--space-8);
  }
  .md\:rt-r-p-9 {
    padding: var(--space-9);
  }
  .md\:rt-r-p-inset {
    padding-top: var(--inset-padding-top);
    padding-right: var(--inset-padding-right);
    padding-bottom: var(--inset-padding-bottom);
    padding-left: var(--inset-padding-left);
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-p {
    padding: var(--p-lg)
  }
  .lg\:rt-r-p-0 {
    padding: 0;
  }
  .lg\:rt-r-p-1 {
    padding: var(--space-1);
  }
  .lg\:rt-r-p-2 {
    padding: var(--space-2);
  }
  .lg\:rt-r-p-3 {
    padding: var(--space-3);
  }
  .lg\:rt-r-p-4 {
    padding: var(--space-4);
  }
  .lg\:rt-r-p-5 {
    padding: var(--space-5);
  }
  .lg\:rt-r-p-6 {
    padding: var(--space-6);
  }
  .lg\:rt-r-p-7 {
    padding: var(--space-7);
  }
  .lg\:rt-r-p-8 {
    padding: var(--space-8);
  }
  .lg\:rt-r-p-9 {
    padding: var(--space-9);
  }
  .lg\:rt-r-p-inset {
    padding-top: var(--inset-padding-top);
    padding-right: var(--inset-padding-right);
    padding-bottom: var(--inset-padding-bottom);
    padding-left: var(--inset-padding-left);
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-p {
    padding: var(--p-xl)
  }
  .xl\:rt-r-p-0 {
    padding: 0;
  }
  .xl\:rt-r-p-1 {
    padding: var(--space-1);
  }
  .xl\:rt-r-p-2 {
    padding: var(--space-2);
  }
  .xl\:rt-r-p-3 {
    padding: var(--space-3);
  }
  .xl\:rt-r-p-4 {
    padding: var(--space-4);
  }
  .xl\:rt-r-p-5 {
    padding: var(--space-5);
  }
  .xl\:rt-r-p-6 {
    padding: var(--space-6);
  }
  .xl\:rt-r-p-7 {
    padding: var(--space-7);
  }
  .xl\:rt-r-p-8 {
    padding: var(--space-8);
  }
  .xl\:rt-r-p-9 {
    padding: var(--space-9);
  }
  .xl\:rt-r-p-inset {
    padding-top: var(--inset-padding-top);
    padding-right: var(--inset-padding-right);
    padding-bottom: var(--inset-padding-bottom);
    padding-left: var(--inset-padding-left);
  }
}
.rt-r-px {
  padding-left: var(--pl);
  padding-right: var(--pr)
}
.rt-r-px-0 {
  padding-left: 0;
  padding-right: 0;
}
.rt-r-px-1 {
  padding-left: var(--space-1);
  padding-right: var(--space-1);
}
.rt-r-px-2 {
  padding-left: var(--space-2);
  padding-right: var(--space-2);
}
.rt-r-px-3 {
  padding-left: var(--space-3);
  padding-right: var(--space-3);
}
.rt-r-px-4 {
  padding-left: var(--space-4);
  padding-right: var(--space-4);
}
.rt-r-px-5 {
  padding-left: var(--space-5);
  padding-right: var(--space-5);
}
.rt-r-px-6 {
  padding-left: var(--space-6);
  padding-right: var(--space-6);
}
.rt-r-px-7 {
  padding-left: var(--space-7);
  padding-right: var(--space-7);
}
.rt-r-px-8 {
  padding-left: var(--space-8);
  padding-right: var(--space-8);
}
.rt-r-px-9 {
  padding-left: var(--space-9);
  padding-right: var(--space-9);
}
.rt-r-px-inset {
  padding-left: var(--inset-padding-left);
  padding-right: var(--inset-padding-right);
}
@media (min-width: 520px) {
  .xs\:rt-r-px {
    padding-left: var(--pl-xs);
    padding-right: var(--pr-xs)
  }
  .xs\:rt-r-px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .xs\:rt-r-px-1 {
    padding-left: var(--space-1);
    padding-right: var(--space-1);
  }
  .xs\:rt-r-px-2 {
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }
  .xs\:rt-r-px-3 {
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }
  .xs\:rt-r-px-4 {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }
  .xs\:rt-r-px-5 {
    padding-left: var(--space-5);
    padding-right: var(--space-5);
  }
  .xs\:rt-r-px-6 {
    padding-left: var(--space-6);
    padding-right: var(--space-6);
  }
  .xs\:rt-r-px-7 {
    padding-left: var(--space-7);
    padding-right: var(--space-7);
  }
  .xs\:rt-r-px-8 {
    padding-left: var(--space-8);
    padding-right: var(--space-8);
  }
  .xs\:rt-r-px-9 {
    padding-left: var(--space-9);
    padding-right: var(--space-9);
  }
  .xs\:rt-r-px-inset {
    padding-left: var(--inset-padding-left);
    padding-right: var(--inset-padding-right);
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-px {
    padding-left: var(--pl-sm);
    padding-right: var(--pr-sm)
  }
  .sm\:rt-r-px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .sm\:rt-r-px-1 {
    padding-left: var(--space-1);
    padding-right: var(--space-1);
  }
  .sm\:rt-r-px-2 {
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }
  .sm\:rt-r-px-3 {
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }
  .sm\:rt-r-px-4 {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }
  .sm\:rt-r-px-5 {
    padding-left: var(--space-5);
    padding-right: var(--space-5);
  }
  .sm\:rt-r-px-6 {
    padding-left: var(--space-6);
    padding-right: var(--space-6);
  }
  .sm\:rt-r-px-7 {
    padding-left: var(--space-7);
    padding-right: var(--space-7);
  }
  .sm\:rt-r-px-8 {
    padding-left: var(--space-8);
    padding-right: var(--space-8);
  }
  .sm\:rt-r-px-9 {
    padding-left: var(--space-9);
    padding-right: var(--space-9);
  }
  .sm\:rt-r-px-inset {
    padding-left: var(--inset-padding-left);
    padding-right: var(--inset-padding-right);
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-px {
    padding-left: var(--pl-md);
    padding-right: var(--pr-md)
  }
  .md\:rt-r-px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .md\:rt-r-px-1 {
    padding-left: var(--space-1);
    padding-right: var(--space-1);
  }
  .md\:rt-r-px-2 {
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }
  .md\:rt-r-px-3 {
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }
  .md\:rt-r-px-4 {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }
  .md\:rt-r-px-5 {
    padding-left: var(--space-5);
    padding-right: var(--space-5);
  }
  .md\:rt-r-px-6 {
    padding-left: var(--space-6);
    padding-right: var(--space-6);
  }
  .md\:rt-r-px-7 {
    padding-left: var(--space-7);
    padding-right: var(--space-7);
  }
  .md\:rt-r-px-8 {
    padding-left: var(--space-8);
    padding-right: var(--space-8);
  }
  .md\:rt-r-px-9 {
    padding-left: var(--space-9);
    padding-right: var(--space-9);
  }
  .md\:rt-r-px-inset {
    padding-left: var(--inset-padding-left);
    padding-right: var(--inset-padding-right);
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-px {
    padding-left: var(--pl-lg);
    padding-right: var(--pr-lg)
  }
  .lg\:rt-r-px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .lg\:rt-r-px-1 {
    padding-left: var(--space-1);
    padding-right: var(--space-1);
  }
  .lg\:rt-r-px-2 {
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }
  .lg\:rt-r-px-3 {
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }
  .lg\:rt-r-px-4 {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }
  .lg\:rt-r-px-5 {
    padding-left: var(--space-5);
    padding-right: var(--space-5);
  }
  .lg\:rt-r-px-6 {
    padding-left: var(--space-6);
    padding-right: var(--space-6);
  }
  .lg\:rt-r-px-7 {
    padding-left: var(--space-7);
    padding-right: var(--space-7);
  }
  .lg\:rt-r-px-8 {
    padding-left: var(--space-8);
    padding-right: var(--space-8);
  }
  .lg\:rt-r-px-9 {
    padding-left: var(--space-9);
    padding-right: var(--space-9);
  }
  .lg\:rt-r-px-inset {
    padding-left: var(--inset-padding-left);
    padding-right: var(--inset-padding-right);
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-px {
    padding-left: var(--pl-xl);
    padding-right: var(--pr-xl)
  }
  .xl\:rt-r-px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .xl\:rt-r-px-1 {
    padding-left: var(--space-1);
    padding-right: var(--space-1);
  }
  .xl\:rt-r-px-2 {
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }
  .xl\:rt-r-px-3 {
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }
  .xl\:rt-r-px-4 {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }
  .xl\:rt-r-px-5 {
    padding-left: var(--space-5);
    padding-right: var(--space-5);
  }
  .xl\:rt-r-px-6 {
    padding-left: var(--space-6);
    padding-right: var(--space-6);
  }
  .xl\:rt-r-px-7 {
    padding-left: var(--space-7);
    padding-right: var(--space-7);
  }
  .xl\:rt-r-px-8 {
    padding-left: var(--space-8);
    padding-right: var(--space-8);
  }
  .xl\:rt-r-px-9 {
    padding-left: var(--space-9);
    padding-right: var(--space-9);
  }
  .xl\:rt-r-px-inset {
    padding-left: var(--inset-padding-left);
    padding-right: var(--inset-padding-right);
  }
}
.rt-r-py {
  padding-top: var(--pt);
  padding-bottom: var(--pb)
}
.rt-r-py-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.rt-r-py-1 {
  padding-top: var(--space-1);
  padding-bottom: var(--space-1);
}
.rt-r-py-2 {
  padding-top: var(--space-2);
  padding-bottom: var(--space-2);
}
.rt-r-py-3 {
  padding-top: var(--space-3);
  padding-bottom: var(--space-3);
}
.rt-r-py-4 {
  padding-top: var(--space-4);
  padding-bottom: var(--space-4);
}
.rt-r-py-5 {
  padding-top: var(--space-5);
  padding-bottom: var(--space-5);
}
.rt-r-py-6 {
  padding-top: var(--space-6);
  padding-bottom: var(--space-6);
}
.rt-r-py-7 {
  padding-top: var(--space-7);
  padding-bottom: var(--space-7);
}
.rt-r-py-8 {
  padding-top: var(--space-8);
  padding-bottom: var(--space-8);
}
.rt-r-py-9 {
  padding-top: var(--space-9);
  padding-bottom: var(--space-9);
}
.rt-r-py-inset {
  padding-top: var(--inset-padding-top);
  padding-bottom: var(--inset-padding-bottom);
}
@media (min-width: 520px) {
  .xs\:rt-r-py {
    padding-top: var(--pt-xs);
    padding-bottom: var(--pb-xs)
  }
  .xs\:rt-r-py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .xs\:rt-r-py-1 {
    padding-top: var(--space-1);
    padding-bottom: var(--space-1);
  }
  .xs\:rt-r-py-2 {
    padding-top: var(--space-2);
    padding-bottom: var(--space-2);
  }
  .xs\:rt-r-py-3 {
    padding-top: var(--space-3);
    padding-bottom: var(--space-3);
  }
  .xs\:rt-r-py-4 {
    padding-top: var(--space-4);
    padding-bottom: var(--space-4);
  }
  .xs\:rt-r-py-5 {
    padding-top: var(--space-5);
    padding-bottom: var(--space-5);
  }
  .xs\:rt-r-py-6 {
    padding-top: var(--space-6);
    padding-bottom: var(--space-6);
  }
  .xs\:rt-r-py-7 {
    padding-top: var(--space-7);
    padding-bottom: var(--space-7);
  }
  .xs\:rt-r-py-8 {
    padding-top: var(--space-8);
    padding-bottom: var(--space-8);
  }
  .xs\:rt-r-py-9 {
    padding-top: var(--space-9);
    padding-bottom: var(--space-9);
  }
  .xs\:rt-r-py-inset {
    padding-top: var(--inset-padding-top);
    padding-bottom: var(--inset-padding-bottom);
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-py {
    padding-top: var(--pt-sm);
    padding-bottom: var(--pb-sm)
  }
  .sm\:rt-r-py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .sm\:rt-r-py-1 {
    padding-top: var(--space-1);
    padding-bottom: var(--space-1);
  }
  .sm\:rt-r-py-2 {
    padding-top: var(--space-2);
    padding-bottom: var(--space-2);
  }
  .sm\:rt-r-py-3 {
    padding-top: var(--space-3);
    padding-bottom: var(--space-3);
  }
  .sm\:rt-r-py-4 {
    padding-top: var(--space-4);
    padding-bottom: var(--space-4);
  }
  .sm\:rt-r-py-5 {
    padding-top: var(--space-5);
    padding-bottom: var(--space-5);
  }
  .sm\:rt-r-py-6 {
    padding-top: var(--space-6);
    padding-bottom: var(--space-6);
  }
  .sm\:rt-r-py-7 {
    padding-top: var(--space-7);
    padding-bottom: var(--space-7);
  }
  .sm\:rt-r-py-8 {
    padding-top: var(--space-8);
    padding-bottom: var(--space-8);
  }
  .sm\:rt-r-py-9 {
    padding-top: var(--space-9);
    padding-bottom: var(--space-9);
  }
  .sm\:rt-r-py-inset {
    padding-top: var(--inset-padding-top);
    padding-bottom: var(--inset-padding-bottom);
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-py {
    padding-top: var(--pt-md);
    padding-bottom: var(--pb-md)
  }
  .md\:rt-r-py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .md\:rt-r-py-1 {
    padding-top: var(--space-1);
    padding-bottom: var(--space-1);
  }
  .md\:rt-r-py-2 {
    padding-top: var(--space-2);
    padding-bottom: var(--space-2);
  }
  .md\:rt-r-py-3 {
    padding-top: var(--space-3);
    padding-bottom: var(--space-3);
  }
  .md\:rt-r-py-4 {
    padding-top: var(--space-4);
    padding-bottom: var(--space-4);
  }
  .md\:rt-r-py-5 {
    padding-top: var(--space-5);
    padding-bottom: var(--space-5);
  }
  .md\:rt-r-py-6 {
    padding-top: var(--space-6);
    padding-bottom: var(--space-6);
  }
  .md\:rt-r-py-7 {
    padding-top: var(--space-7);
    padding-bottom: var(--space-7);
  }
  .md\:rt-r-py-8 {
    padding-top: var(--space-8);
    padding-bottom: var(--space-8);
  }
  .md\:rt-r-py-9 {
    padding-top: var(--space-9);
    padding-bottom: var(--space-9);
  }
  .md\:rt-r-py-inset {
    padding-top: var(--inset-padding-top);
    padding-bottom: var(--inset-padding-bottom);
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-py {
    padding-top: var(--pt-lg);
    padding-bottom: var(--pb-lg)
  }
  .lg\:rt-r-py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .lg\:rt-r-py-1 {
    padding-top: var(--space-1);
    padding-bottom: var(--space-1);
  }
  .lg\:rt-r-py-2 {
    padding-top: var(--space-2);
    padding-bottom: var(--space-2);
  }
  .lg\:rt-r-py-3 {
    padding-top: var(--space-3);
    padding-bottom: var(--space-3);
  }
  .lg\:rt-r-py-4 {
    padding-top: var(--space-4);
    padding-bottom: var(--space-4);
  }
  .lg\:rt-r-py-5 {
    padding-top: var(--space-5);
    padding-bottom: var(--space-5);
  }
  .lg\:rt-r-py-6 {
    padding-top: var(--space-6);
    padding-bottom: var(--space-6);
  }
  .lg\:rt-r-py-7 {
    padding-top: var(--space-7);
    padding-bottom: var(--space-7);
  }
  .lg\:rt-r-py-8 {
    padding-top: var(--space-8);
    padding-bottom: var(--space-8);
  }
  .lg\:rt-r-py-9 {
    padding-top: var(--space-9);
    padding-bottom: var(--space-9);
  }
  .lg\:rt-r-py-inset {
    padding-top: var(--inset-padding-top);
    padding-bottom: var(--inset-padding-bottom);
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-py {
    padding-top: var(--pt-xl);
    padding-bottom: var(--pb-xl)
  }
  .xl\:rt-r-py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .xl\:rt-r-py-1 {
    padding-top: var(--space-1);
    padding-bottom: var(--space-1);
  }
  .xl\:rt-r-py-2 {
    padding-top: var(--space-2);
    padding-bottom: var(--space-2);
  }
  .xl\:rt-r-py-3 {
    padding-top: var(--space-3);
    padding-bottom: var(--space-3);
  }
  .xl\:rt-r-py-4 {
    padding-top: var(--space-4);
    padding-bottom: var(--space-4);
  }
  .xl\:rt-r-py-5 {
    padding-top: var(--space-5);
    padding-bottom: var(--space-5);
  }
  .xl\:rt-r-py-6 {
    padding-top: var(--space-6);
    padding-bottom: var(--space-6);
  }
  .xl\:rt-r-py-7 {
    padding-top: var(--space-7);
    padding-bottom: var(--space-7);
  }
  .xl\:rt-r-py-8 {
    padding-top: var(--space-8);
    padding-bottom: var(--space-8);
  }
  .xl\:rt-r-py-9 {
    padding-top: var(--space-9);
    padding-bottom: var(--space-9);
  }
  .xl\:rt-r-py-inset {
    padding-top: var(--inset-padding-top);
    padding-bottom: var(--inset-padding-bottom);
  }
}
.rt-r-pt {
  padding-top: var(--pt)
}
.rt-r-pt-0 {
  padding-top: 0;
}
.rt-r-pt-1 {
  padding-top: var(--space-1);
}
.rt-r-pt-2 {
  padding-top: var(--space-2);
}
.rt-r-pt-3 {
  padding-top: var(--space-3);
}
.rt-r-pt-4 {
  padding-top: var(--space-4);
}
.rt-r-pt-5 {
  padding-top: var(--space-5);
}
.rt-r-pt-6 {
  padding-top: var(--space-6);
}
.rt-r-pt-7 {
  padding-top: var(--space-7);
}
.rt-r-pt-8 {
  padding-top: var(--space-8);
}
.rt-r-pt-9 {
  padding-top: var(--space-9);
}
.rt-r-pt-inset {
  padding-top: var(--inset-padding-top);
}
@media (min-width: 520px) {
  .xs\:rt-r-pt {
    padding-top: var(--pt-xs)
  }
  .xs\:rt-r-pt-0 {
    padding-top: 0;
  }
  .xs\:rt-r-pt-1 {
    padding-top: var(--space-1);
  }
  .xs\:rt-r-pt-2 {
    padding-top: var(--space-2);
  }
  .xs\:rt-r-pt-3 {
    padding-top: var(--space-3);
  }
  .xs\:rt-r-pt-4 {
    padding-top: var(--space-4);
  }
  .xs\:rt-r-pt-5 {
    padding-top: var(--space-5);
  }
  .xs\:rt-r-pt-6 {
    padding-top: var(--space-6);
  }
  .xs\:rt-r-pt-7 {
    padding-top: var(--space-7);
  }
  .xs\:rt-r-pt-8 {
    padding-top: var(--space-8);
  }
  .xs\:rt-r-pt-9 {
    padding-top: var(--space-9);
  }
  .xs\:rt-r-pt-inset {
    padding-top: var(--inset-padding-top);
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-pt {
    padding-top: var(--pt-sm)
  }
  .sm\:rt-r-pt-0 {
    padding-top: 0;
  }
  .sm\:rt-r-pt-1 {
    padding-top: var(--space-1);
  }
  .sm\:rt-r-pt-2 {
    padding-top: var(--space-2);
  }
  .sm\:rt-r-pt-3 {
    padding-top: var(--space-3);
  }
  .sm\:rt-r-pt-4 {
    padding-top: var(--space-4);
  }
  .sm\:rt-r-pt-5 {
    padding-top: var(--space-5);
  }
  .sm\:rt-r-pt-6 {
    padding-top: var(--space-6);
  }
  .sm\:rt-r-pt-7 {
    padding-top: var(--space-7);
  }
  .sm\:rt-r-pt-8 {
    padding-top: var(--space-8);
  }
  .sm\:rt-r-pt-9 {
    padding-top: var(--space-9);
  }
  .sm\:rt-r-pt-inset {
    padding-top: var(--inset-padding-top);
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-pt {
    padding-top: var(--pt-md)
  }
  .md\:rt-r-pt-0 {
    padding-top: 0;
  }
  .md\:rt-r-pt-1 {
    padding-top: var(--space-1);
  }
  .md\:rt-r-pt-2 {
    padding-top: var(--space-2);
  }
  .md\:rt-r-pt-3 {
    padding-top: var(--space-3);
  }
  .md\:rt-r-pt-4 {
    padding-top: var(--space-4);
  }
  .md\:rt-r-pt-5 {
    padding-top: var(--space-5);
  }
  .md\:rt-r-pt-6 {
    padding-top: var(--space-6);
  }
  .md\:rt-r-pt-7 {
    padding-top: var(--space-7);
  }
  .md\:rt-r-pt-8 {
    padding-top: var(--space-8);
  }
  .md\:rt-r-pt-9 {
    padding-top: var(--space-9);
  }
  .md\:rt-r-pt-inset {
    padding-top: var(--inset-padding-top);
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-pt {
    padding-top: var(--pt-lg)
  }
  .lg\:rt-r-pt-0 {
    padding-top: 0;
  }
  .lg\:rt-r-pt-1 {
    padding-top: var(--space-1);
  }
  .lg\:rt-r-pt-2 {
    padding-top: var(--space-2);
  }
  .lg\:rt-r-pt-3 {
    padding-top: var(--space-3);
  }
  .lg\:rt-r-pt-4 {
    padding-top: var(--space-4);
  }
  .lg\:rt-r-pt-5 {
    padding-top: var(--space-5);
  }
  .lg\:rt-r-pt-6 {
    padding-top: var(--space-6);
  }
  .lg\:rt-r-pt-7 {
    padding-top: var(--space-7);
  }
  .lg\:rt-r-pt-8 {
    padding-top: var(--space-8);
  }
  .lg\:rt-r-pt-9 {
    padding-top: var(--space-9);
  }
  .lg\:rt-r-pt-inset {
    padding-top: var(--inset-padding-top);
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-pt {
    padding-top: var(--pt-xl)
  }
  .xl\:rt-r-pt-0 {
    padding-top: 0;
  }
  .xl\:rt-r-pt-1 {
    padding-top: var(--space-1);
  }
  .xl\:rt-r-pt-2 {
    padding-top: var(--space-2);
  }
  .xl\:rt-r-pt-3 {
    padding-top: var(--space-3);
  }
  .xl\:rt-r-pt-4 {
    padding-top: var(--space-4);
  }
  .xl\:rt-r-pt-5 {
    padding-top: var(--space-5);
  }
  .xl\:rt-r-pt-6 {
    padding-top: var(--space-6);
  }
  .xl\:rt-r-pt-7 {
    padding-top: var(--space-7);
  }
  .xl\:rt-r-pt-8 {
    padding-top: var(--space-8);
  }
  .xl\:rt-r-pt-9 {
    padding-top: var(--space-9);
  }
  .xl\:rt-r-pt-inset {
    padding-top: var(--inset-padding-top);
  }
}
.rt-r-pr {
  padding-right: var(--pr)
}
.rt-r-pr-0 {
  padding-right: 0;
}
.rt-r-pr-1 {
  padding-right: var(--space-1);
}
.rt-r-pr-2 {
  padding-right: var(--space-2);
}
.rt-r-pr-3 {
  padding-right: var(--space-3);
}
.rt-r-pr-4 {
  padding-right: var(--space-4);
}
.rt-r-pr-5 {
  padding-right: var(--space-5);
}
.rt-r-pr-6 {
  padding-right: var(--space-6);
}
.rt-r-pr-7 {
  padding-right: var(--space-7);
}
.rt-r-pr-8 {
  padding-right: var(--space-8);
}
.rt-r-pr-9 {
  padding-right: var(--space-9);
}
.rt-r-pr-inset {
  padding-right: var(--inset-padding-right);
}
@media (min-width: 520px) {
  .xs\:rt-r-pr {
    padding-right: var(--pr-xs)
  }
  .xs\:rt-r-pr-0 {
    padding-right: 0;
  }
  .xs\:rt-r-pr-1 {
    padding-right: var(--space-1);
  }
  .xs\:rt-r-pr-2 {
    padding-right: var(--space-2);
  }
  .xs\:rt-r-pr-3 {
    padding-right: var(--space-3);
  }
  .xs\:rt-r-pr-4 {
    padding-right: var(--space-4);
  }
  .xs\:rt-r-pr-5 {
    padding-right: var(--space-5);
  }
  .xs\:rt-r-pr-6 {
    padding-right: var(--space-6);
  }
  .xs\:rt-r-pr-7 {
    padding-right: var(--space-7);
  }
  .xs\:rt-r-pr-8 {
    padding-right: var(--space-8);
  }
  .xs\:rt-r-pr-9 {
    padding-right: var(--space-9);
  }
  .xs\:rt-r-pr-inset {
    padding-right: var(--inset-padding-right);
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-pr {
    padding-right: var(--pr-sm)
  }
  .sm\:rt-r-pr-0 {
    padding-right: 0;
  }
  .sm\:rt-r-pr-1 {
    padding-right: var(--space-1);
  }
  .sm\:rt-r-pr-2 {
    padding-right: var(--space-2);
  }
  .sm\:rt-r-pr-3 {
    padding-right: var(--space-3);
  }
  .sm\:rt-r-pr-4 {
    padding-right: var(--space-4);
  }
  .sm\:rt-r-pr-5 {
    padding-right: var(--space-5);
  }
  .sm\:rt-r-pr-6 {
    padding-right: var(--space-6);
  }
  .sm\:rt-r-pr-7 {
    padding-right: var(--space-7);
  }
  .sm\:rt-r-pr-8 {
    padding-right: var(--space-8);
  }
  .sm\:rt-r-pr-9 {
    padding-right: var(--space-9);
  }
  .sm\:rt-r-pr-inset {
    padding-right: var(--inset-padding-right);
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-pr {
    padding-right: var(--pr-md)
  }
  .md\:rt-r-pr-0 {
    padding-right: 0;
  }
  .md\:rt-r-pr-1 {
    padding-right: var(--space-1);
  }
  .md\:rt-r-pr-2 {
    padding-right: var(--space-2);
  }
  .md\:rt-r-pr-3 {
    padding-right: var(--space-3);
  }
  .md\:rt-r-pr-4 {
    padding-right: var(--space-4);
  }
  .md\:rt-r-pr-5 {
    padding-right: var(--space-5);
  }
  .md\:rt-r-pr-6 {
    padding-right: var(--space-6);
  }
  .md\:rt-r-pr-7 {
    padding-right: var(--space-7);
  }
  .md\:rt-r-pr-8 {
    padding-right: var(--space-8);
  }
  .md\:rt-r-pr-9 {
    padding-right: var(--space-9);
  }
  .md\:rt-r-pr-inset {
    padding-right: var(--inset-padding-right);
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-pr {
    padding-right: var(--pr-lg)
  }
  .lg\:rt-r-pr-0 {
    padding-right: 0;
  }
  .lg\:rt-r-pr-1 {
    padding-right: var(--space-1);
  }
  .lg\:rt-r-pr-2 {
    padding-right: var(--space-2);
  }
  .lg\:rt-r-pr-3 {
    padding-right: var(--space-3);
  }
  .lg\:rt-r-pr-4 {
    padding-right: var(--space-4);
  }
  .lg\:rt-r-pr-5 {
    padding-right: var(--space-5);
  }
  .lg\:rt-r-pr-6 {
    padding-right: var(--space-6);
  }
  .lg\:rt-r-pr-7 {
    padding-right: var(--space-7);
  }
  .lg\:rt-r-pr-8 {
    padding-right: var(--space-8);
  }
  .lg\:rt-r-pr-9 {
    padding-right: var(--space-9);
  }
  .lg\:rt-r-pr-inset {
    padding-right: var(--inset-padding-right);
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-pr {
    padding-right: var(--pr-xl)
  }
  .xl\:rt-r-pr-0 {
    padding-right: 0;
  }
  .xl\:rt-r-pr-1 {
    padding-right: var(--space-1);
  }
  .xl\:rt-r-pr-2 {
    padding-right: var(--space-2);
  }
  .xl\:rt-r-pr-3 {
    padding-right: var(--space-3);
  }
  .xl\:rt-r-pr-4 {
    padding-right: var(--space-4);
  }
  .xl\:rt-r-pr-5 {
    padding-right: var(--space-5);
  }
  .xl\:rt-r-pr-6 {
    padding-right: var(--space-6);
  }
  .xl\:rt-r-pr-7 {
    padding-right: var(--space-7);
  }
  .xl\:rt-r-pr-8 {
    padding-right: var(--space-8);
  }
  .xl\:rt-r-pr-9 {
    padding-right: var(--space-9);
  }
  .xl\:rt-r-pr-inset {
    padding-right: var(--inset-padding-right);
  }
}
.rt-r-pb {
  padding-bottom: var(--pb)
}
.rt-r-pb-0 {
  padding-bottom: 0;
}
.rt-r-pb-1 {
  padding-bottom: var(--space-1);
}
.rt-r-pb-2 {
  padding-bottom: var(--space-2);
}
.rt-r-pb-3 {
  padding-bottom: var(--space-3);
}
.rt-r-pb-4 {
  padding-bottom: var(--space-4);
}
.rt-r-pb-5 {
  padding-bottom: var(--space-5);
}
.rt-r-pb-6 {
  padding-bottom: var(--space-6);
}
.rt-r-pb-7 {
  padding-bottom: var(--space-7);
}
.rt-r-pb-8 {
  padding-bottom: var(--space-8);
}
.rt-r-pb-9 {
  padding-bottom: var(--space-9);
}
.rt-r-pb-inset {
  padding-bottom: var(--inset-padding-bottom);
}
@media (min-width: 520px) {
  .xs\:rt-r-pb {
    padding-bottom: var(--pb-xs)
  }
  .xs\:rt-r-pb-0 {
    padding-bottom: 0;
  }
  .xs\:rt-r-pb-1 {
    padding-bottom: var(--space-1);
  }
  .xs\:rt-r-pb-2 {
    padding-bottom: var(--space-2);
  }
  .xs\:rt-r-pb-3 {
    padding-bottom: var(--space-3);
  }
  .xs\:rt-r-pb-4 {
    padding-bottom: var(--space-4);
  }
  .xs\:rt-r-pb-5 {
    padding-bottom: var(--space-5);
  }
  .xs\:rt-r-pb-6 {
    padding-bottom: var(--space-6);
  }
  .xs\:rt-r-pb-7 {
    padding-bottom: var(--space-7);
  }
  .xs\:rt-r-pb-8 {
    padding-bottom: var(--space-8);
  }
  .xs\:rt-r-pb-9 {
    padding-bottom: var(--space-9);
  }
  .xs\:rt-r-pb-inset {
    padding-bottom: var(--inset-padding-bottom);
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-pb {
    padding-bottom: var(--pb-sm)
  }
  .sm\:rt-r-pb-0 {
    padding-bottom: 0;
  }
  .sm\:rt-r-pb-1 {
    padding-bottom: var(--space-1);
  }
  .sm\:rt-r-pb-2 {
    padding-bottom: var(--space-2);
  }
  .sm\:rt-r-pb-3 {
    padding-bottom: var(--space-3);
  }
  .sm\:rt-r-pb-4 {
    padding-bottom: var(--space-4);
  }
  .sm\:rt-r-pb-5 {
    padding-bottom: var(--space-5);
  }
  .sm\:rt-r-pb-6 {
    padding-bottom: var(--space-6);
  }
  .sm\:rt-r-pb-7 {
    padding-bottom: var(--space-7);
  }
  .sm\:rt-r-pb-8 {
    padding-bottom: var(--space-8);
  }
  .sm\:rt-r-pb-9 {
    padding-bottom: var(--space-9);
  }
  .sm\:rt-r-pb-inset {
    padding-bottom: var(--inset-padding-bottom);
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-pb {
    padding-bottom: var(--pb-md)
  }
  .md\:rt-r-pb-0 {
    padding-bottom: 0;
  }
  .md\:rt-r-pb-1 {
    padding-bottom: var(--space-1);
  }
  .md\:rt-r-pb-2 {
    padding-bottom: var(--space-2);
  }
  .md\:rt-r-pb-3 {
    padding-bottom: var(--space-3);
  }
  .md\:rt-r-pb-4 {
    padding-bottom: var(--space-4);
  }
  .md\:rt-r-pb-5 {
    padding-bottom: var(--space-5);
  }
  .md\:rt-r-pb-6 {
    padding-bottom: var(--space-6);
  }
  .md\:rt-r-pb-7 {
    padding-bottom: var(--space-7);
  }
  .md\:rt-r-pb-8 {
    padding-bottom: var(--space-8);
  }
  .md\:rt-r-pb-9 {
    padding-bottom: var(--space-9);
  }
  .md\:rt-r-pb-inset {
    padding-bottom: var(--inset-padding-bottom);
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-pb {
    padding-bottom: var(--pb-lg)
  }
  .lg\:rt-r-pb-0 {
    padding-bottom: 0;
  }
  .lg\:rt-r-pb-1 {
    padding-bottom: var(--space-1);
  }
  .lg\:rt-r-pb-2 {
    padding-bottom: var(--space-2);
  }
  .lg\:rt-r-pb-3 {
    padding-bottom: var(--space-3);
  }
  .lg\:rt-r-pb-4 {
    padding-bottom: var(--space-4);
  }
  .lg\:rt-r-pb-5 {
    padding-bottom: var(--space-5);
  }
  .lg\:rt-r-pb-6 {
    padding-bottom: var(--space-6);
  }
  .lg\:rt-r-pb-7 {
    padding-bottom: var(--space-7);
  }
  .lg\:rt-r-pb-8 {
    padding-bottom: var(--space-8);
  }
  .lg\:rt-r-pb-9 {
    padding-bottom: var(--space-9);
  }
  .lg\:rt-r-pb-inset {
    padding-bottom: var(--inset-padding-bottom);
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-pb {
    padding-bottom: var(--pb-xl)
  }
  .xl\:rt-r-pb-0 {
    padding-bottom: 0;
  }
  .xl\:rt-r-pb-1 {
    padding-bottom: var(--space-1);
  }
  .xl\:rt-r-pb-2 {
    padding-bottom: var(--space-2);
  }
  .xl\:rt-r-pb-3 {
    padding-bottom: var(--space-3);
  }
  .xl\:rt-r-pb-4 {
    padding-bottom: var(--space-4);
  }
  .xl\:rt-r-pb-5 {
    padding-bottom: var(--space-5);
  }
  .xl\:rt-r-pb-6 {
    padding-bottom: var(--space-6);
  }
  .xl\:rt-r-pb-7 {
    padding-bottom: var(--space-7);
  }
  .xl\:rt-r-pb-8 {
    padding-bottom: var(--space-8);
  }
  .xl\:rt-r-pb-9 {
    padding-bottom: var(--space-9);
  }
  .xl\:rt-r-pb-inset {
    padding-bottom: var(--inset-padding-bottom);
  }
}
.rt-r-pl {
  padding-left: var(--pl)
}
.rt-r-pl-0 {
  padding-left: 0;
}
.rt-r-pl-1 {
  padding-left: var(--space-1);
}
.rt-r-pl-2 {
  padding-left: var(--space-2);
}
.rt-r-pl-3 {
  padding-left: var(--space-3);
}
.rt-r-pl-4 {
  padding-left: var(--space-4);
}
.rt-r-pl-5 {
  padding-left: var(--space-5);
}
.rt-r-pl-6 {
  padding-left: var(--space-6);
}
.rt-r-pl-7 {
  padding-left: var(--space-7);
}
.rt-r-pl-8 {
  padding-left: var(--space-8);
}
.rt-r-pl-9 {
  padding-left: var(--space-9);
}
.rt-r-pl-inset {
  padding-left: var(--inset-padding-left);
}
@media (min-width: 520px) {
  .xs\:rt-r-pl {
    padding-left: var(--pl-xs)
  }
  .xs\:rt-r-pl-0 {
    padding-left: 0;
  }
  .xs\:rt-r-pl-1 {
    padding-left: var(--space-1);
  }
  .xs\:rt-r-pl-2 {
    padding-left: var(--space-2);
  }
  .xs\:rt-r-pl-3 {
    padding-left: var(--space-3);
  }
  .xs\:rt-r-pl-4 {
    padding-left: var(--space-4);
  }
  .xs\:rt-r-pl-5 {
    padding-left: var(--space-5);
  }
  .xs\:rt-r-pl-6 {
    padding-left: var(--space-6);
  }
  .xs\:rt-r-pl-7 {
    padding-left: var(--space-7);
  }
  .xs\:rt-r-pl-8 {
    padding-left: var(--space-8);
  }
  .xs\:rt-r-pl-9 {
    padding-left: var(--space-9);
  }
  .xs\:rt-r-pl-inset {
    padding-left: var(--inset-padding-left);
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-pl {
    padding-left: var(--pl-sm)
  }
  .sm\:rt-r-pl-0 {
    padding-left: 0;
  }
  .sm\:rt-r-pl-1 {
    padding-left: var(--space-1);
  }
  .sm\:rt-r-pl-2 {
    padding-left: var(--space-2);
  }
  .sm\:rt-r-pl-3 {
    padding-left: var(--space-3);
  }
  .sm\:rt-r-pl-4 {
    padding-left: var(--space-4);
  }
  .sm\:rt-r-pl-5 {
    padding-left: var(--space-5);
  }
  .sm\:rt-r-pl-6 {
    padding-left: var(--space-6);
  }
  .sm\:rt-r-pl-7 {
    padding-left: var(--space-7);
  }
  .sm\:rt-r-pl-8 {
    padding-left: var(--space-8);
  }
  .sm\:rt-r-pl-9 {
    padding-left: var(--space-9);
  }
  .sm\:rt-r-pl-inset {
    padding-left: var(--inset-padding-left);
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-pl {
    padding-left: var(--pl-md)
  }
  .md\:rt-r-pl-0 {
    padding-left: 0;
  }
  .md\:rt-r-pl-1 {
    padding-left: var(--space-1);
  }
  .md\:rt-r-pl-2 {
    padding-left: var(--space-2);
  }
  .md\:rt-r-pl-3 {
    padding-left: var(--space-3);
  }
  .md\:rt-r-pl-4 {
    padding-left: var(--space-4);
  }
  .md\:rt-r-pl-5 {
    padding-left: var(--space-5);
  }
  .md\:rt-r-pl-6 {
    padding-left: var(--space-6);
  }
  .md\:rt-r-pl-7 {
    padding-left: var(--space-7);
  }
  .md\:rt-r-pl-8 {
    padding-left: var(--space-8);
  }
  .md\:rt-r-pl-9 {
    padding-left: var(--space-9);
  }
  .md\:rt-r-pl-inset {
    padding-left: var(--inset-padding-left);
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-pl {
    padding-left: var(--pl-lg)
  }
  .lg\:rt-r-pl-0 {
    padding-left: 0;
  }
  .lg\:rt-r-pl-1 {
    padding-left: var(--space-1);
  }
  .lg\:rt-r-pl-2 {
    padding-left: var(--space-2);
  }
  .lg\:rt-r-pl-3 {
    padding-left: var(--space-3);
  }
  .lg\:rt-r-pl-4 {
    padding-left: var(--space-4);
  }
  .lg\:rt-r-pl-5 {
    padding-left: var(--space-5);
  }
  .lg\:rt-r-pl-6 {
    padding-left: var(--space-6);
  }
  .lg\:rt-r-pl-7 {
    padding-left: var(--space-7);
  }
  .lg\:rt-r-pl-8 {
    padding-left: var(--space-8);
  }
  .lg\:rt-r-pl-9 {
    padding-left: var(--space-9);
  }
  .lg\:rt-r-pl-inset {
    padding-left: var(--inset-padding-left);
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-pl {
    padding-left: var(--pl-xl)
  }
  .xl\:rt-r-pl-0 {
    padding-left: 0;
  }
  .xl\:rt-r-pl-1 {
    padding-left: var(--space-1);
  }
  .xl\:rt-r-pl-2 {
    padding-left: var(--space-2);
  }
  .xl\:rt-r-pl-3 {
    padding-left: var(--space-3);
  }
  .xl\:rt-r-pl-4 {
    padding-left: var(--space-4);
  }
  .xl\:rt-r-pl-5 {
    padding-left: var(--space-5);
  }
  .xl\:rt-r-pl-6 {
    padding-left: var(--space-6);
  }
  .xl\:rt-r-pl-7 {
    padding-left: var(--space-7);
  }
  .xl\:rt-r-pl-8 {
    padding-left: var(--space-8);
  }
  .xl\:rt-r-pl-9 {
    padding-left: var(--space-9);
  }
  .xl\:rt-r-pl-inset {
    padding-left: var(--inset-padding-left);
  }
}
.rt-r-position-static {
  position: static;
}
.rt-r-position-absolute {
  position: absolute;
}
.rt-r-position-relative {
  position: relative;
}
.rt-r-position-fixed {
  position: fixed;
}
.rt-r-position-sticky {
  position: sticky;
}
@media (min-width: 520px) {
  .xs\:rt-r-position-static {
    position: static;
  }
  .xs\:rt-r-position-absolute {
    position: absolute;
  }
  .xs\:rt-r-position-relative {
    position: relative;
  }
  .xs\:rt-r-position-fixed {
    position: fixed;
  }
  .xs\:rt-r-position-sticky {
    position: sticky;
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-position-static {
    position: static;
  }
  .sm\:rt-r-position-absolute {
    position: absolute;
  }
  .sm\:rt-r-position-relative {
    position: relative;
  }
  .sm\:rt-r-position-fixed {
    position: fixed;
  }
  .sm\:rt-r-position-sticky {
    position: sticky;
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-position-static {
    position: static;
  }
  .md\:rt-r-position-absolute {
    position: absolute;
  }
  .md\:rt-r-position-relative {
    position: relative;
  }
  .md\:rt-r-position-fixed {
    position: fixed;
  }
  .md\:rt-r-position-sticky {
    position: sticky;
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-position-static {
    position: static;
  }
  .lg\:rt-r-position-absolute {
    position: absolute;
  }
  .lg\:rt-r-position-relative {
    position: relative;
  }
  .lg\:rt-r-position-fixed {
    position: fixed;
  }
  .lg\:rt-r-position-sticky {
    position: sticky;
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-position-static {
    position: static;
  }
  .xl\:rt-r-position-absolute {
    position: absolute;
  }
  .xl\:rt-r-position-relative {
    position: relative;
  }
  .xl\:rt-r-position-fixed {
    position: fixed;
  }
  .xl\:rt-r-position-sticky {
    position: sticky;
  }
}
.rt-r-w {
  width: var(--width);
}
@media (min-width: 520px) {
  .xs\:rt-r-w {
    width: var(--width-xs);
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-w {
    width: var(--width-sm);
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-w {
    width: var(--width-md);
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-w {
    width: var(--width-lg);
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-w {
    width: var(--width-xl);
  }
}
.rt-r-min-w {
  min-width: var(--min-width);
}
@media (min-width: 520px) {
  .xs\:rt-r-min-w {
    min-width: var(--min-width-xs);
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-min-w {
    min-width: var(--min-width-sm);
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-min-w {
    min-width: var(--min-width-md);
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-min-w {
    min-width: var(--min-width-lg);
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-min-w {
    min-width: var(--min-width-xl);
  }
}
.rt-r-max-w {
  max-width: var(--max-width);
}
@media (min-width: 520px) {
  .xs\:rt-r-max-w {
    max-width: var(--max-width-xs);
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-max-w {
    max-width: var(--max-width-sm);
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-max-w {
    max-width: var(--max-width-md);
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-max-w {
    max-width: var(--max-width-lg);
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-max-w {
    max-width: var(--max-width-xl);
  }
}
.rt-r-weight-light {
  font-weight: var(--font-weight-light);
}
.rt-r-weight-regular {
  font-weight: var(--font-weight-regular);
}
.rt-r-weight-medium {
  font-weight: var(--font-weight-medium);
}
.rt-r-weight-bold {
  font-weight: var(--font-weight-bold);
}
@media (min-width: 520px) {
  .xs\:rt-r-weight-light {
    font-weight: var(--font-weight-light);
  }
  .xs\:rt-r-weight-regular {
    font-weight: var(--font-weight-regular);
  }
  .xs\:rt-r-weight-medium {
    font-weight: var(--font-weight-medium);
  }
  .xs\:rt-r-weight-bold {
    font-weight: var(--font-weight-bold);
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-weight-light {
    font-weight: var(--font-weight-light);
  }
  .sm\:rt-r-weight-regular {
    font-weight: var(--font-weight-regular);
  }
  .sm\:rt-r-weight-medium {
    font-weight: var(--font-weight-medium);
  }
  .sm\:rt-r-weight-bold {
    font-weight: var(--font-weight-bold);
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-weight-light {
    font-weight: var(--font-weight-light);
  }
  .md\:rt-r-weight-regular {
    font-weight: var(--font-weight-regular);
  }
  .md\:rt-r-weight-medium {
    font-weight: var(--font-weight-medium);
  }
  .md\:rt-r-weight-bold {
    font-weight: var(--font-weight-bold);
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-weight-light {
    font-weight: var(--font-weight-light);
  }
  .lg\:rt-r-weight-regular {
    font-weight: var(--font-weight-regular);
  }
  .lg\:rt-r-weight-medium {
    font-weight: var(--font-weight-medium);
  }
  .lg\:rt-r-weight-bold {
    font-weight: var(--font-weight-bold);
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-weight-light {
    font-weight: var(--font-weight-light);
  }
  .xl\:rt-r-weight-regular {
    font-weight: var(--font-weight-regular);
  }
  .xl\:rt-r-weight-medium {
    font-weight: var(--font-weight-medium);
  }
  .xl\:rt-r-weight-bold {
    font-weight: var(--font-weight-bold);
  }
}
.rt-r-lt-normal::before,
.rt-r-lt-end::before,
.rt-r-lt-normal::after,
.rt-r-lt-start::after {
  content: none;
}
.rt-r-lt-start::before,
.rt-r-lt-both::before,
.rt-r-lt-end::after,
.rt-r-lt-both::after {
  content: '';
  display: table;
}
.rt-r-lt-start::before,
.rt-r-lt-both::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-end::after,
.rt-r-lt-both::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-normal::before,
  .xs\:rt-r-lt-end::before,
  .xs\:rt-r-lt-normal::after,
  .xs\:rt-r-lt-start::after {
    content: none;
  }
  .xs\:rt-r-lt-start::before,
  .xs\:rt-r-lt-both::before,
  .xs\:rt-r-lt-end::after,
  .xs\:rt-r-lt-both::after {
    content: '';
    display: table;
  }
  .xs\:rt-r-lt-start::before,
  .xs\:rt-r-lt-both::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-end::after,
  .xs\:rt-r-lt-both::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-normal::before,
  .sm\:rt-r-lt-end::before,
  .sm\:rt-r-lt-normal::after,
  .sm\:rt-r-lt-start::after {
    content: none;
  }
  .sm\:rt-r-lt-start::before,
  .sm\:rt-r-lt-both::before,
  .sm\:rt-r-lt-end::after,
  .sm\:rt-r-lt-both::after {
    content: '';
    display: table;
  }
  .sm\:rt-r-lt-start::before,
  .sm\:rt-r-lt-both::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-end::after,
  .sm\:rt-r-lt-both::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-normal::before,
  .md\:rt-r-lt-end::before,
  .md\:rt-r-lt-normal::after,
  .md\:rt-r-lt-start::after {
    content: none;
  }
  .md\:rt-r-lt-start::before,
  .md\:rt-r-lt-both::before,
  .md\:rt-r-lt-end::after,
  .md\:rt-r-lt-both::after {
    content: '';
    display: table;
  }
  .md\:rt-r-lt-start::before,
  .md\:rt-r-lt-both::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-end::after,
  .md\:rt-r-lt-both::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-normal::before,
  .lg\:rt-r-lt-end::before,
  .lg\:rt-r-lt-normal::after,
  .lg\:rt-r-lt-start::after {
    content: none;
  }
  .lg\:rt-r-lt-start::before,
  .lg\:rt-r-lt-both::before,
  .lg\:rt-r-lt-end::after,
  .lg\:rt-r-lt-both::after {
    content: '';
    display: table;
  }
  .lg\:rt-r-lt-start::before,
  .lg\:rt-r-lt-both::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-end::after,
  .lg\:rt-r-lt-both::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-normal::before,
  .xl\:rt-r-lt-end::before,
  .xl\:rt-r-lt-normal::after,
  .xl\:rt-r-lt-start::after {
    content: none;
  }
  .xl\:rt-r-lt-start::before,
  .xl\:rt-r-lt-both::before,
  .xl\:rt-r-lt-end::after,
  .xl\:rt-r-lt-both::after {
    content: '';
    display: table;
  }
  .xl\:rt-r-lt-start::before,
  .xl\:rt-r-lt-both::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-end::after,
  .xl\:rt-r-lt-both::after {
    margin-top: calc(var(--leading-trim-end, var(--default-leading-trim-end)) - var(--line-height, calc(1em * var(--default-line-height))) / 2);
  }
}
.rt-r-resize-none {
  resize: none;
}
.rt-r-resize-vertical {
  resize: vertical;
}
.rt-r-resize-horizontal {
  resize: horizontal;
}
.rt-r-resize-both {
  resize: both;
}
@media (min-width: 520px) {
  .xs\:rt-r-resize-none {
    resize: none;
  }
  .xs\:rt-r-resize-vertical {
    resize: vertical;
  }
  .xs\:rt-r-resize-horizontal {
    resize: horizontal;
  }
  .xs\:rt-r-resize-both {
    resize: both;
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-resize-none {
    resize: none;
  }
  .sm\:rt-r-resize-vertical {
    resize: vertical;
  }
  .sm\:rt-r-resize-horizontal {
    resize: horizontal;
  }
  .sm\:rt-r-resize-both {
    resize: both;
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-resize-none {
    resize: none;
  }
  .md\:rt-r-resize-vertical {
    resize: vertical;
  }
  .md\:rt-r-resize-horizontal {
    resize: horizontal;
  }
  .md\:rt-r-resize-both {
    resize: both;
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-resize-none {
    resize: none;
  }
  .lg\:rt-r-resize-vertical {
    resize: vertical;
  }
  .lg\:rt-r-resize-horizontal {
    resize: horizontal;
  }
  .lg\:rt-r-resize-both {
    resize: both;
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-resize-none {
    resize: none;
  }
  .xl\:rt-r-resize-vertical {
    resize: vertical;
  }
  .xl\:rt-r-resize-horizontal {
    resize: horizontal;
  }
  .xl\:rt-r-resize-both {
    resize: both;
  }
}
.rt-r-tl-auto {
  table-layout: auto;
}
.rt-r-tl-fixed {
  table-layout: fixed;
}
@media (min-width: 520px) {
  .xs\:rt-r-tl-auto {
    table-layout: auto;
  }
  .xs\:rt-r-tl-fixed {
    table-layout: fixed;
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-tl-auto {
    table-layout: auto;
  }
  .sm\:rt-r-tl-fixed {
    table-layout: fixed;
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-tl-auto {
    table-layout: auto;
  }
  .md\:rt-r-tl-fixed {
    table-layout: fixed;
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-tl-auto {
    table-layout: auto;
  }
  .lg\:rt-r-tl-fixed {
    table-layout: fixed;
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-tl-auto {
    table-layout: auto;
  }
  .xl\:rt-r-tl-fixed {
    table-layout: fixed;
  }
}
.rt-r-ta-left {
  text-align: left;
}
.rt-r-ta-center {
  text-align: center;
}
.rt-r-ta-right {
  text-align: right;
}
@media (min-width: 520px) {
  .xs\:rt-r-ta-left {
    text-align: left;
  }
  .xs\:rt-r-ta-center {
    text-align: center;
  }
  .xs\:rt-r-ta-right {
    text-align: right;
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-ta-left {
    text-align: left;
  }
  .sm\:rt-r-ta-center {
    text-align: center;
  }
  .sm\:rt-r-ta-right {
    text-align: right;
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-ta-left {
    text-align: left;
  }
  .md\:rt-r-ta-center {
    text-align: center;
  }
  .md\:rt-r-ta-right {
    text-align: right;
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-ta-left {
    text-align: left;
  }
  .lg\:rt-r-ta-center {
    text-align: center;
  }
  .lg\:rt-r-ta-right {
    text-align: right;
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-ta-left {
    text-align: left;
  }
  .xl\:rt-r-ta-center {
    text-align: center;
  }
  .xl\:rt-r-ta-right {
    text-align: right;
  }
}
.rt-r-tw-wrap {
  white-space: normal;
}
.rt-r-tw-nowrap {
  white-space: nowrap;
}
.rt-r-tw-pretty {
  white-space: normal;
  text-wrap: pretty;
}
.rt-r-tw-balance {
  white-space: normal;
  text-wrap: balance;
}
@media (min-width: 520px) {
  .xs\:rt-r-tw-wrap {
    white-space: normal;
  }
  .xs\:rt-r-tw-nowrap {
    white-space: nowrap;
  }
  .xs\:rt-r-tw-pretty {
    white-space: normal;
    text-wrap: pretty;
  }
  .xs\:rt-r-tw-balance {
    white-space: normal;
    text-wrap: balance;
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-tw-wrap {
    white-space: normal;
  }
  .sm\:rt-r-tw-nowrap {
    white-space: nowrap;
  }
  .sm\:rt-r-tw-pretty {
    white-space: normal;
    text-wrap: pretty;
  }
  .sm\:rt-r-tw-balance {
    white-space: normal;
    text-wrap: balance;
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-tw-wrap {
    white-space: normal;
  }
  .md\:rt-r-tw-nowrap {
    white-space: nowrap;
  }
  .md\:rt-r-tw-pretty {
    white-space: normal;
    text-wrap: pretty;
  }
  .md\:rt-r-tw-balance {
    white-space: normal;
    text-wrap: balance;
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-tw-wrap {
    white-space: normal;
  }
  .lg\:rt-r-tw-nowrap {
    white-space: nowrap;
  }
  .lg\:rt-r-tw-pretty {
    white-space: normal;
    text-wrap: pretty;
  }
  .lg\:rt-r-tw-balance {
    white-space: normal;
    text-wrap: balance;
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-tw-wrap {
    white-space: normal;
  }
  .xl\:rt-r-tw-nowrap {
    white-space: nowrap;
  }
  .xl\:rt-r-tw-pretty {
    white-space: normal;
    text-wrap: pretty;
  }
  .xl\:rt-r-tw-balance {
    white-space: normal;
    text-wrap: balance;
  }
}
.rt-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rt-r-va-baseline {
  vertical-align: baseline;
}
.rt-r-va-top {
  vertical-align: top;
}
.rt-r-va-middle {
  vertical-align: middle;
}
.rt-r-va-bottom {
  vertical-align: bottom;
}
@media (min-width: 520px) {
  .xs\:rt-r-va-baseline {
    vertical-align: baseline;
  }
  .xs\:rt-r-va-top {
    vertical-align: top;
  }
  .xs\:rt-r-va-middle {
    vertical-align: middle;
  }
  .xs\:rt-r-va-bottom {
    vertical-align: bottom;
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-va-baseline {
    vertical-align: baseline;
  }
  .sm\:rt-r-va-top {
    vertical-align: top;
  }
  .sm\:rt-r-va-middle {
    vertical-align: middle;
  }
  .sm\:rt-r-va-bottom {
    vertical-align: bottom;
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-va-baseline {
    vertical-align: baseline;
  }
  .md\:rt-r-va-top {
    vertical-align: top;
  }
  .md\:rt-r-va-middle {
    vertical-align: middle;
  }
  .md\:rt-r-va-bottom {
    vertical-align: bottom;
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-va-baseline {
    vertical-align: baseline;
  }
  .lg\:rt-r-va-top {
    vertical-align: top;
  }
  .lg\:rt-r-va-middle {
    vertical-align: middle;
  }
  .lg\:rt-r-va-bottom {
    vertical-align: bottom;
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-va-baseline {
    vertical-align: baseline;
  }
  .xl\:rt-r-va-top {
    vertical-align: top;
  }
  .xl\:rt-r-va-middle {
    vertical-align: middle;
  }
  .xl\:rt-r-va-bottom {
    vertical-align: bottom;
  }
}
/* Google Fonts load non-blocking from index.html — do not @import them here
   or the entire production CSS bundle waits on fonts.googleapis.com (DMG/file://). */
@tailwind base;
@tailwind components;
@tailwind utilities;
/* Ableton theme — self-hosted Ableton Sans + Ableton Sans Small */
@font-face {
  font-family: 'Ableton Sans';
  src: url('/fonts/ableton/AbletonSans-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ableton Sans';
  src: url('/fonts/ableton/AbletonSans-Light.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ableton Sans Small';
  src: url('/fonts/ableton/AbletonSansSmall-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ableton Sans Small';
  src: url('/fonts/ableton/AbletonSansSmall-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ableton Sans Small';
  src: url('/fonts/ableton/AbletonSansSmall-RegularItalic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
/* Self-hosted library faces from Desktop Fonts — one family name per file.
   Each face is registered at weight 400 so Bold/Italic files preview as themselves. */
@font-face {
  font-family: 'Artifakt Element Bold Italic';
  src: url('/fonts/library/artifakt-element-bold-italic.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Artifakt Element Bold';
  src: url('/fonts/library/artifakt-element-bold.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Artifakt Element Italic';
  src: url('/fonts/library/artifakt-element-italic.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Artifakt Element Regular';
  src: url('/fonts/library/artifakt-element-regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cabinet Grotesk Extra Light';
  src: url('/fonts/library/cabinetgrotesk-extralight.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cabinet Grotesk Light';
  src: url('/fonts/library/cabinetgrotesk-light.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cabinet Grotesk Medium';
  src: url('/fonts/library/cabinetgrotesk-medium.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cabinet Grotesk Regular';
  src: url('/fonts/library/cabinetgrotesk-regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cabinet Grotesk Thin';
  src: url('/fonts/library/cabinetgrotesk-thin.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cabinet Grotesk Variable';
  src: url('/fonts/library/cabinetgrotesk-variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Delight Black';
  src: url('/fonts/library/delight-black.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Delight Bold';
  src: url('/fonts/library/delight-bold.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Delight Extra Bold';
  src: url('/fonts/library/delight-extrabold.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Delight Extra Light';
  src: url('/fonts/library/delight-extralight.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Delight Light';
  src: url('/fonts/library/delight-light.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Delight Medium';
  src: url('/fonts/library/delight-medium.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Delight Regular';
  src: url('/fonts/library/delight-regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Delight Semi Bold';
  src: url('/fonts/library/delight-semibold.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Delight Thin';
  src: url('/fonts/library/delight-thin.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans Black';
  src: url('/fonts/library/dmsans-black.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans Black Italic';
  src: url('/fonts/library/dmsans-blackitalic.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans Bold';
  src: url('/fonts/library/dmsans-bold.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans Bold Italic';
  src: url('/fonts/library/dmsans-bolditalic.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans Extra Bold';
  src: url('/fonts/library/dmsans-extrabold.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans Extra Bold Italic';
  src: url('/fonts/library/dmsans-extrabolditalic.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans Extra Light';
  src: url('/fonts/library/dmsans-extralight.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans Extra Light Italic';
  src: url('/fonts/library/dmsans-extralightitalic.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans Italic Variable';
  src: url('/fonts/library/dmsans-italic-variable.ttf') format('truetype');
  font-weight: 100 1000;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans Italic';
  src: url('/fonts/library/dmsans-italic.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans Light';
  src: url('/fonts/library/dmsans-light.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans Light Italic';
  src: url('/fonts/library/dmsans-lightitalic.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans Medium';
  src: url('/fonts/library/dmsans-medium.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans Medium Italic';
  src: url('/fonts/library/dmsans-mediumitalic.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans Regular';
  src: url('/fonts/library/dmsans-regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans Semi Bold';
  src: url('/fonts/library/dmsans-semibold.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans Semi Bold Italic';
  src: url('/fonts/library/dmsans-semibolditalic.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans Thin';
  src: url('/fonts/library/dmsans-thin.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans Thin Italic';
  src: url('/fonts/library/dmsans-thinitalic.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans Variable';
  src: url('/fonts/library/dmsans-variable.ttf') format('truetype');
  font-weight: 100 1000;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans 18pt Black';
  src: url('/fonts/library/dmsans-18pt-black.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans 18pt Black Italic';
  src: url('/fonts/library/dmsans-18pt-blackitalic.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans 18pt Bold';
  src: url('/fonts/library/dmsans-18pt-bold.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans 18pt Bold Italic';
  src: url('/fonts/library/dmsans-18pt-bolditalic.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans 18pt Extra Bold';
  src: url('/fonts/library/dmsans-18pt-extrabold.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans 18pt Extra Bold Italic';
  src: url('/fonts/library/dmsans-18pt-extrabolditalic.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans 18pt Extra Light';
  src: url('/fonts/library/dmsans-18pt-extralight.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans 18pt Extra Light Italic';
  src: url('/fonts/library/dmsans-18pt-extralightitalic.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans 18pt Italic';
  src: url('/fonts/library/dmsans-18pt-italic.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans 18pt Light';
  src: url('/fonts/library/dmsans-18pt-light.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans 18pt Light Italic';
  src: url('/fonts/library/dmsans-18pt-lightitalic.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans 18pt Medium';
  src: url('/fonts/library/dmsans-18pt-medium.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans 18pt Medium Italic';
  src: url('/fonts/library/dmsans-18pt-mediumitalic.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans 18pt Regular';
  src: url('/fonts/library/dmsans-18pt-regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans 18pt Semi Bold';
  src: url('/fonts/library/dmsans-18pt-semibold.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans 18pt Semi Bold Italic';
  src: url('/fonts/library/dmsans-18pt-semibolditalic.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans 18pt Thin';
  src: url('/fonts/library/dmsans-18pt-thin.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans 18pt Thin Italic';
  src: url('/fonts/library/dmsans-18pt-thinitalic.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'FH Giselle Regular';
  src: url('/fonts/library/fhgiselle-regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Forma DJR Deck Black';
  src: url('/fonts/library/formadjrdeck-black-testing.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Forma DJR Deck Black Italic';
  src: url('/fonts/library/formadjrdeck-blackitalic-testing.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Forma DJR Deck Bold';
  src: url('/fonts/library/formadjrdeck-bold-testing.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Forma DJR Deck Bold Italic';
  src: url('/fonts/library/formadjrdeck-bolditalic-testing.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Forma DJR Deck Extra Bold';
  src: url('/fonts/library/formadjrdeck-extrabold-testing.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Forma DJR Deck Extra Bold Italic';
  src: url('/fonts/library/formadjrdeck-extrabolditalic-testing.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Forma DJR Deck Extra Light';
  src: url('/fonts/library/formadjrdeck-extralight-testing.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Forma DJR Deck Extra Light Italic';
  src: url('/fonts/library/formadjrdeck-extralightitalic-testing.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Forma DJR Deck Hairline';
  src: url('/fonts/library/formadjrdeck-hairline-testing.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Forma DJR Deck Hairline Italic';
  src: url('/fonts/library/formadjrdeck-hairlineitalic-testing.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Forma DJR Deck Italic';
  src: url('/fonts/library/formadjrdeck-italic-testing.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Forma DJR Deck Light';
  src: url('/fonts/library/formadjrdeck-light-testing.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Forma DJR Deck Light Italic';
  src: url('/fonts/library/formadjrdeck-lightitalic-testing.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Forma DJR Deck Medium';
  src: url('/fonts/library/formadjrdeck-medium-testing.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Forma DJR Deck Medium Italic';
  src: url('/fonts/library/formadjrdeck-mediumitalic-testing.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Forma DJR Deck Regular';
  src: url('/fonts/library/formadjrdeck-regular-testing.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Forma DJR Deck Thin';
  src: url('/fonts/library/formadjrdeck-thin-testing.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Forma DJR Deck Thin Italic';
  src: url('/fonts/library/formadjrdeck-thinitalic-testing.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy Medium';
  src: url('/fonts/library/gilroy-medium.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope Bold';
  src: url('/fonts/library/manrope-bold.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope Extra Bold';
  src: url('/fonts/library/manrope-extrabold.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope Extra Light';
  src: url('/fonts/library/manrope-extralight.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope Light';
  src: url('/fonts/library/manrope-light.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope Medium';
  src: url('/fonts/library/manrope-medium.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope Regular';
  src: url('/fonts/library/manrope-regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope Semi Bold';
  src: url('/fonts/library/manrope-semibold.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope Variable';
  src: url('/fonts/library/manrope-variable.ttf') format('truetype');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'New York';
  src: url('/fonts/library/newyork.ttf') format('truetype');
  font-weight: 400 1000;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'New York Italic';
  src: url('/fonts/library/newyorkitalic.ttf') format('truetype');
  font-weight: 400 1000;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'New York Small Black';
  src: url('/fonts/library/newyorksmall-black.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'New York Small Black Italic';
  src: url('/fonts/library/newyorksmall-blackitalic.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'New York Small Bold';
  src: url('/fonts/library/newyorksmall-bold.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'New York Small Bold Italic';
  src: url('/fonts/library/newyorksmall-bolditalic.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'New York Small Heavy';
  src: url('/fonts/library/newyorksmall-heavy.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'New York Small Heavy Italic';
  src: url('/fonts/library/newyorksmall-heavyitalic.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'New York Small Medium';
  src: url('/fonts/library/newyorksmall-medium.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'New York Small Medium Italic';
  src: url('/fonts/library/newyorksmall-mediumitalic.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'New York Small Regular';
  src: url('/fonts/library/newyorksmall-regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'New York Small Regular Italic';
  src: url('/fonts/library/newyorksmall-regularitalic.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'New York Small Semi Bold';
  src: url('/fonts/library/newyorksmall-semibold.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'New York Small Semi Bold Italic';
  src: url('/fonts/library/newyorksmall-semibolditalic.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway Black';
  src: url('/fonts/library/raleway-black.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway Black Italic';
  src: url('/fonts/library/raleway-blackitalic.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway Bold';
  src: url('/fonts/library/raleway-bold.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway Bold Italic';
  src: url('/fonts/library/raleway-bolditalic.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway Extra Bold';
  src: url('/fonts/library/raleway-extrabold.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway Extra Bold Italic';
  src: url('/fonts/library/raleway-extrabolditalic.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway Extra Light';
  src: url('/fonts/library/raleway-extralight.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway Extra Light Italic';
  src: url('/fonts/library/raleway-extralightitalic.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway Italic Variable';
  src: url('/fonts/library/raleway-italic-variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway Italic';
  src: url('/fonts/library/raleway-italic.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway Light';
  src: url('/fonts/library/raleway-light.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway Light Italic';
  src: url('/fonts/library/raleway-lightitalic.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway Medium';
  src: url('/fonts/library/raleway-medium.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway Medium Italic';
  src: url('/fonts/library/raleway-mediumitalic.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway Regular';
  src: url('/fonts/library/raleway-regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway Semi Bold';
  src: url('/fonts/library/raleway-semibold.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway Semi Bold Italic';
  src: url('/fonts/library/raleway-semibolditalic.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway Thin';
  src: url('/fonts/library/raleway-thin.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway Thin Italic';
  src: url('/fonts/library/raleway-thinitalic.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway Variable';
  src: url('/fonts/library/raleway-variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RODE Noto Sans CJK SC B';
  src: url('/fonts/library/rode-noto-sans-cjk-sc-b.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roundo Bold';
  src: url('/fonts/library/roundo-bold.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roundo Extra Light';
  src: url('/fonts/library/roundo-extralight.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roundo Light';
  src: url('/fonts/library/roundo-light.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roundo Medium';
  src: url('/fonts/library/roundo-medium.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roundo Regular';
  src: url('/fonts/library/roundo-regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roundo Semi Bold';
  src: url('/fonts/library/roundo-semibold.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Compact Rounded Black';
  src: url('/fonts/library/sf-compact-rounded-black.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Compact Rounded Heavy';
  src: url('/fonts/library/sf-compact-rounded-heavy.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Compact Text Regular';
  src: url('/fonts/library/sf-compact-text-regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Compact Text Ultra Light Italic';
  src: url('/fonts/library/sf-compact-text-ultralightitalic.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Mono Bold';
  src: url('/fonts/library/sf-mono-bold.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Mono Bold Italic';
  src: url('/fonts/library/sf-mono-bolditalic.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Mono Heavy Italic';
  src: url('/fonts/library/sf-mono-heavyitalic.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Mono Medium Italic';
  src: url('/fonts/library/sf-mono-mediumitalic.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Rounded Heavy';
  src: url('/fonts/library/sf-pro-rounded-heavy.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Rounded Regular';
  src: url('/fonts/library/sf-pro-rounded-regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TT Commons Black Italic';
  src: url('/fonts/library/tt-commons-black-italic.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TT Commons Black';
  src: url('/fonts/library/tt-commons-black.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TT Commons Bold Italic';
  src: url('/fonts/library/tt-commons-bold-italic.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TT Commons Bold';
  src: url('/fonts/library/tt-commons-bold.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TT Commons Demi Bold Italic';
  src: url('/fonts/library/tt-commons-demibold-italic.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TT Commons Demi Bold';
  src: url('/fonts/library/tt-commons-demibold.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TT Commons Extra Bold Italic';
  src: url('/fonts/library/tt-commons-extrabold-italic.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TT Commons Extra Bold';
  src: url('/fonts/library/tt-commons-extrabold.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TT Commons Extra Light Italic';
  src: url('/fonts/library/tt-commons-extralight-italic.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TT Commons Extra Light';
  src: url('/fonts/library/tt-commons-extralight.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TT Commons Italic';
  src: url('/fonts/library/tt-commons-italic.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TT Commons Light Italic';
  src: url('/fonts/library/tt-commons-light-italic.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TT Commons Light';
  src: url('/fonts/library/tt-commons-light.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TT Commons Medium Italic';
  src: url('/fonts/library/tt-commons-medium-italic.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TT Commons Medium';
  src: url('/fonts/library/tt-commons-medium.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TT Commons Regular';
  src: url('/fonts/library/tt-commons-regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TT Commons Thin Italic';
  src: url('/fonts/library/tt-commons-thin-italic.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TT Commons Thin';
  src: url('/fonts/library/tt-commons-thin.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Vegur Bold';
  src: url('/fonts/library/vegur-b-0-602.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Vegur Light';
  src: url('/fonts/library/vegur-l-0602.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Vegur Medium';
  src: url('/fonts/library/vegur-m-0602.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Vegur Regular';
  src: url('/fonts/library/vegur-r-0-602.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Work Sans Black';
  src: url('/fonts/library/worksans-black.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Work Sans Black Italic';
  src: url('/fonts/library/worksans-blackitalic.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Work Sans Bold';
  src: url('/fonts/library/worksans-bold.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Work Sans Bold Italic';
  src: url('/fonts/library/worksans-bolditalic.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Work Sans Extra Bold';
  src: url('/fonts/library/worksans-extrabold.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Work Sans Extra Bold Italic';
  src: url('/fonts/library/worksans-extrabolditalic.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Work Sans Extra Light';
  src: url('/fonts/library/worksans-extralight.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Work Sans Extra Light Italic';
  src: url('/fonts/library/worksans-extralightitalic.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Work Sans Italic';
  src: url('/fonts/library/worksans-italic.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Work Sans Light';
  src: url('/fonts/library/worksans-light.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Work Sans Light Italic';
  src: url('/fonts/library/worksans-lightitalic.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Work Sans Medium';
  src: url('/fonts/library/worksans-medium.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Work Sans Medium Italic';
  src: url('/fonts/library/worksans-mediumitalic.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Work Sans Regular';
  src: url('/fonts/library/worksans-regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Work Sans Semi Bold';
  src: url('/fonts/library/worksans-semibold.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Work Sans Semi Bold Italic';
  src: url('/fonts/library/worksans-semibolditalic.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Work Sans Thin';
  src: url('/fonts/library/worksans-thin.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Work Sans Thin Italic';
  src: url('/fonts/library/worksans-thinitalic.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Work Sans Variable';
  src: url('/fonts/library/worksans-variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Work Sans Variable Italic';
  src: url('/fonts/library/worksans-variableitalic.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Work Sans Variable Italic 2';
  src: url('/fonts/library/worksans-variableitalic2.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
/* Supplied font packs, 28 October 2026. Archive provenance and licences live in public/fonts. */
@font-face { font-family: 'Absans'; src: url('/fonts/theme/absans/Absans-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Archia'; src: url('/fonts/theme/archia/archia-regular-webfont.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Disket Mono'; src: url('/fonts/theme/disket-mono/Disket-Mono-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Disket Mono'; src: url('/fonts/theme/disket-mono/Disket-Mono-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Neutral Face'; src: url('/fonts/theme/neutral-face/NeutralFace.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Neutral Face'; src: url('/fonts/theme/neutral-face/NeutralFace-Bold.otf') format('opentype'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Ranade'; src: url('/fonts/theme/ranade/Ranade-Variable.woff2') format('woff2'); font-weight: 100 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Ranade'; src: url('/fonts/theme/ranade/Ranade-VariableItalic.woff2') format('woff2'); font-weight: 100 700; font-style: italic; font-display: swap; }
/* Self-hosted fonts from FONTS FOR THEME — used by the appearance popup picker.
   Full-text coverage — letters, digits, and punctuation use the same face. */
/* Altone — trial files embed a PERSONAL USE ONLY watermark; excluded from picker */
/* Residents Desk Sans */
@font-face {
  font-family: 'Residents Desk Sans';
  src: url('/fonts/theme/residents-desk-sans/ResidentsDeskSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* Author */
@font-face {
  font-family: 'Author';
  src: url('/fonts/theme/author/Author-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Author';
  src: url('/fonts/theme/author/Author-VariableItalic.ttf') format('truetype');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
/* Bespoke Sans */
@font-face {
  font-family: 'Bespoke Sans';
  src: url('/fonts/theme/bespoke-sans/BespokeSans-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bespoke Sans';
  src: url('/fonts/theme/bespoke-sans/BespokeSans-VariableItalic.ttf') format('truetype');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
/* Clash Grotesk */
@font-face {
  font-family: 'Clash Grotesk';
  src: url('/fonts/theme/clash-grotesk/ClashGrotesk-Variable.ttf') format('truetype');
  font-weight: 200 700;
  font-style: normal;
  font-display: swap;
}
/* Comfortaa */
@font-face {
  font-family: 'Comfortaa';
  src: url('/fonts/theme/comfortaa/Comfortaa-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Comfortaa';
  src: url('/fonts/theme/comfortaa/Comfortaa-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Comfortaa';
  src: url('/fonts/theme/comfortaa/Comfortaa-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* Creato Display */
@font-face {
  font-family: 'Creato Display';
  src: url('/fonts/theme/creato-display/CreatoDisplay-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Creato Display';
  src: url('/fonts/theme/creato-display/CreatoDisplay-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Creato Display';
  src: url('/fonts/theme/creato-display/CreatoDisplay-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Creato Display';
  src: url('/fonts/theme/creato-display/CreatoDisplay-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* MADE Tommy Soft */
@font-face {
  font-family: 'MADE Tommy Soft';
  src: url('/fonts/theme/made-tommy-soft/MADETommySoftLight.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'MADE Tommy Soft';
  src: url('/fonts/theme/made-tommy-soft/MADETommySoftRegular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'MADE Tommy Soft';
  src: url('/fonts/theme/made-tommy-soft/MADETommySoftMedium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'MADE Tommy Soft';
  src: url('/fonts/theme/made-tommy-soft/MADETommySoftBold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* Quicksand */
@font-face {
  font-family: 'Quicksand';
  src: url('/fonts/theme/quicksand/Quicksand_Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Quicksand';
  src: url('/fonts/theme/quicksand/Quicksand_Book.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Quicksand';
  src: url('/fonts/theme/quicksand/Quicksand_Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* TT Chocolates */
@font-face {
  font-family: 'TT Chocolates';
  src: url('/fonts/theme/tt-chocolates/TTChocolates-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TT Chocolates';
  src: url('/fonts/theme/tt-chocolates/TTChocolates-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TT Chocolates';
  src: url('/fonts/theme/tt-chocolates/TTChocolates-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TT Chocolates';
  src: url('/fonts/theme/tt-chocolates/TTChocolates-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* Utendo */
@font-face {
  font-family: 'Utendo';
  src: url('/fonts/theme/utendo/Utendo-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Utendo';
  src: url('/fonts/theme/utendo/Utendo-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* Walkway */
@font-face {
  font-family: 'Walkway';
  src: url('/fonts/theme/walkway/Walkway-rounded.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Walkway';
  src: url('/fonts/theme/walkway/Walkway-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Walkway';
  src: url('/fonts/theme/walkway/Walkway-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* ZT Nature */
@font-face {
  font-family: 'ZT Nature';
  src: url('/fonts/theme/zt-nature/ZTNature-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'ZT Nature';
  src: url('/fonts/theme/zt-nature/ZTNature-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'ZT Nature';
  src: url('/fonts/theme/zt-nature/ZTNature-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
/* SF Pro Text */
@font-face {
  font-family: 'SF Pro Text';
  src: url('/fonts/theme/sf-pro-text/SF-Pro-Text-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Text';
  src: url('/fonts/theme/sf-pro-text/SF-Pro-Text-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Text';
  src: url('/fonts/theme/sf-pro-text/SF-Pro-Text-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Text';
  src: url('/fonts/theme/sf-pro-text/SF-Pro-Text-RegularItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Text';
  src: url('/fonts/theme/sf-pro-text/SF-Pro-Text-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Text';
  src: url('/fonts/theme/sf-pro-text/SF-Pro-Text-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Text';
  src: url('/fonts/theme/sf-pro-text/SF-Pro-Text-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Text';
  src: url('/fonts/theme/sf-pro-text/SF-Pro-Text-SemiboldItalic.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Text';
  src: url('/fonts/theme/sf-pro-text/SF-Pro-Text-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Text';
  src: url('/fonts/theme/sf-pro-text/SF-Pro-Text-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Text';
  src: url('/fonts/theme/sf-pro-text/SF-Pro-Text-Heavy.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Text';
  src: url('/fonts/theme/sf-pro-text/SF-Pro-Text-HeavyItalic.otf') format('opentype');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
/* SF Pro Display */
@font-face {
  font-family: 'SF Pro Display';
  src: url('/fonts/theme/sf-pro-display/SF-Pro-Display-Ultralight.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('/fonts/theme/sf-pro-display/SF-Pro-Display-UltralightItalic.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('/fonts/theme/sf-pro-display/SF-Pro-Display-Thin.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('/fonts/theme/sf-pro-display/SF-Pro-Display-ThinItalic.otf') format('opentype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('/fonts/theme/sf-pro-display/SF-Pro-Display-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('/fonts/theme/sf-pro-display/SF-Pro-Display-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('/fonts/theme/sf-pro-display/SF-Pro-Display-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('/fonts/theme/sf-pro-display/SF-Pro-Display-RegularItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('/fonts/theme/sf-pro-display/SF-Pro-Display-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('/fonts/theme/sf-pro-display/SF-Pro-Display-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('/fonts/theme/sf-pro-display/SF-Pro-Display-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('/fonts/theme/sf-pro-display/SF-Pro-Display-SemiboldItalic.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('/fonts/theme/sf-pro-display/SF-Pro-Display-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('/fonts/theme/sf-pro-display/SF-Pro-Display-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('/fonts/theme/sf-pro-display/SF-Pro-Display-Heavy.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('/fonts/theme/sf-pro-display/SF-Pro-Display-HeavyItalic.otf') format('opentype');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('/fonts/theme/sf-pro-display/SF-Pro-Display-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('/fonts/theme/sf-pro-display/SF-Pro-Display-BlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
/* SF NS Text */
@font-face {
  font-family: 'SF NS Text';
  src: url('/fonts/theme/sf-ns-text/SFNSText-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF NS Text';
  src: url('/fonts/theme/sf-ns-text/SFNSText-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'SF NS Text';
  src: url('/fonts/theme/sf-ns-text/SFNSText-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF NS Text';
  src: url('/fonts/theme/sf-ns-text/SFNSText-RegularItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'SF NS Text';
  src: url('/fonts/theme/sf-ns-text/SFNSText-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF NS Text';
  src: url('/fonts/theme/sf-ns-text/SFNSText-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'SF NS Text';
  src: url('/fonts/theme/sf-ns-text/SFNSText-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF NS Text';
  src: url('/fonts/theme/sf-ns-text/SFNSText-SemiboldItalic.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'SF NS Text';
  src: url('/fonts/theme/sf-ns-text/SFNSText-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF NS Text';
  src: url('/fonts/theme/sf-ns-text/SFNSText-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'SF NS Text';
  src: url('/fonts/theme/sf-ns-text/SFNSText-Heavy.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF NS Text';
  src: url('/fonts/theme/sf-ns-text/SFNSText-HeavyItalic.otf') format('opentype');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
/* SF NS Display */
@font-face {
  font-family: 'SF NS Display';
  src: url('/fonts/theme/sf-ns-display/SFNSDisplay-Ultralight.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF NS Display';
  src: url('/fonts/theme/sf-ns-display/SFNSDisplay-Thin.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF NS Display';
  src: url('/fonts/theme/sf-ns-display/SFNSDisplay-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF NS Display';
  src: url('/fonts/theme/sf-ns-display/SFNSDisplay-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF NS Display';
  src: url('/fonts/theme/sf-ns-display/SFNSDisplay-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF NS Display';
  src: url('/fonts/theme/sf-ns-display/SFNSDisplay-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF NS Display';
  src: url('/fonts/theme/sf-ns-display/SFNSDisplay-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF NS Display';
  src: url('/fonts/theme/sf-ns-display/SFNSDisplay-Heavy.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF NS Display';
  src: url('/fonts/theme/sf-ns-display/SFNSDisplay-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
/* Neue Haas Display */
@font-face {
  font-family: 'Neue Haas Display';
  src: url('/fonts/theme/neue-haas-display/NeueHaasDisplayXXThin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Display';
  src: url('/fonts/theme/neue-haas-display/NeueHaasDisplayXXThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Display';
  src: url('/fonts/theme/neue-haas-display/NeueHaasDisplayXThin.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Display';
  src: url('/fonts/theme/neue-haas-display/NeueHaasDisplayXThinItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Display';
  src: url('/fonts/theme/neue-haas-display/NeueHaasDisplayThin.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Display';
  src: url('/fonts/theme/neue-haas-display/NeueHaasDisplayThinItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Display';
  src: url('/fonts/theme/neue-haas-display/NeueHaasDisplayLight.ttf') format('truetype');
  font-weight: 350;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Display';
  src: url('/fonts/theme/neue-haas-display/NeueHaasDisplayLightItalic.ttf') format('truetype');
  font-weight: 350;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Display';
  src: url('/fonts/theme/neue-haas-display/NeueHaasDisplayRoman.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Display';
  src: url('/fonts/theme/neue-haas-display/NeueHaasDisplayRomanItalic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Display';
  src: url('/fonts/theme/neue-haas-display/NeueHaasDisplayMediu.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Display';
  src: url('/fonts/theme/neue-haas-display/NeueHaasDisplayMediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Display';
  src: url('/fonts/theme/neue-haas-display/NeueHaasDisplayBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Display';
  src: url('/fonts/theme/neue-haas-display/NeueHaasDisplayBoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Display';
  src: url('/fonts/theme/neue-haas-display/NeueHaasDisplayBlack.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Display';
  src: url('/fonts/theme/neue-haas-display/NeueHaasDisplayBlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
/* Glass effect styles */
.glass-card {
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.glass {
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
/* V2 Solid off-white card system */
.glass-card-v2 {
    border-radius: var(--radius);
  }
html.rounded-corners .glass-card-v2 { border-radius: 1rem; }
.glass-card-v2 {
  position: relative;
  overflow: hidden;
  border-radius: calc(var(--radius) + 8px);
}

[data-module-tight] .glass-card-v2 { border-radius: 4px; }
[data-module-tight-off] .glass-card-v2 { border-radius: 1rem; }

[data-module-tight] [data-blocknest-studio] .glass-card-v2 {
  border-radius: revert;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] .glass-card-v2.flex.h-full.min-h-0.shrink-0 {
  align-self: flex-start;
}
.ui-build-page
  [data-ui-build-gallery='carousel-v1']
  [data-primary-ui-containers]
  #project-interface-catalogue-applet[data-catalogue-ps1-layout]
  .glass-card-v2.flex.h-full.min-h-0.shrink-0:has([data-project-catalogue-ps1-sidebar]) {
  align-self: stretch;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] .glass-card-v2.flex.h-full {
  overflow: visible;
}

.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] #project-interface-catalogue-applet .glass-card-v2.flex.h-full.min-h-0.shrink-0:has([data-project-catalogue-ps1-sidebar]) {
  min-width: calc(2.5rem + 11rem);
  flex-shrink: 0;
}

html[data-corners="sharp"] .glass-card-v2:not(.rounded-full):not(.corners-keep-sharp),
html:not([data-corners="rounded"]):not(.rounded-corners) .glass-card-v2:not(.rounded-full):not(.corners-keep-sharp) {
  border-radius: 0;
}
html[data-corners="rounded"] .glass-card-v2,
html.rounded-corners .glass-card-v2 {
  border-radius: 1rem;
}

html[data-corners="rounded"] [data-module-tight] .glass-card-v2,
html.rounded-corners [data-module-tight] .glass-card-v2 {
  border-radius: 0.5rem;
}
.primary-topbar-1 .glass-card-v2:has(input.primary-topbar-1-field) {
  flex: 0 1 10rem;
  min-width: 7.5rem;
  max-width: 10rem;
}
.primary-topbar-1 .glass-card-v2:has(input.primary-topbar-1-field) .primary-topbar-1-outline-icon {
  width: 11px;
  height: 11px;
  min-width: 11px;
  min-height: 11px;
  color: var(--pt1-inactive-fg);
}
.primary-topbar-1 .glass-card-v2:has(select.primary-topbar-1-select) .primary-topbar-1-outline-icon {
  width: 10px;
  height: 10px;
  min-width: 10px;
  min-height: 10px;
  color: var(--pt1-inactive-fg);
}
.primary-topbar-1 .glass-card-v2:has(.primary-topbar-1-field:hover) .primary-topbar-1-outline-icon,
.primary-topbar-1 .glass-card-v2:has(.primary-topbar-1-field:focus) .primary-topbar-1-outline-icon {
  color: var(--pt1-active-fg);
}
.glass-card-v2 {
  background: hsl(240 5% 97%);
  border: 1px solid hsl(240 5% 91%);
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.02);
}
.dark .glass-card-v2 {
  background: hsl(var(--card) / 0.85);
  border: 1px solid hsl(0 0% 100% / 0.08);
}
/* Subtle grain texture overlay */
.glass-grain::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 1;
  opacity: 0.08;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 128px 128px;
}
/* Opaque surfaces that survive vendor CSS leaking full-color tokens
 * (hex/oklch) into --sidebar/--background/--card. Tailwind's
 * hsl(var(--sidebar)) becomes invalid when --sidebar is already a color.
 * Never end on a bare var() — transparent / alpha tokens would win and
 * punch a hole through chrome (sitewide bottom bar). */
.rd-opaque-sidebar {
  /* Solid fallback if a vendor leak makes hsl(var(--sidebar)) invalid. */
  background-color: #0c0c0e;
  background-color: hsl(var(--sidebar)) !important;
  background-image: none !important;
  opacity: 1 !important;
  backdrop-filter: none !important;
}
[data-rd-bottom-bar].rd-opaque-sidebar {
  color: hsl(var(--sidebar-foreground));
  border-color: hsl(var(--sidebar-border));
}
html:not(.dark) [data-rd-bottom-bar] .rd-bottom-bar-glass-tile {
  background: hsl(0 0% 100% / 0.5) !important;
  border: 1px solid hsl(var(--border));
  box-shadow: none;
}
[data-rd-bottom-bar] .rd-bottom-bar-custom-glyph {
  opacity: 1 !important;
}
/* Dark themes: AppearedIcon remap owns glyph tone — block stray invert/filter. */
html.dark [data-rd-bottom-bar] .rd-bottom-bar-custom-glyph:not([src*="userway"]) {
  filter: none;
}
html.dark [data-rd-bottom-bar] .rd-bottom-bar-remapped-glyph {
  filter: none !important;
}
html.dark [data-rd-bottom-bar][data-rd-bottom-bar-ink='dark'] .rd-bottom-bar-custom-glyph:not([src*="userway"]):not(.rd-bottom-bar-remapped-glyph),
html.dark [data-rd-bottom-bar] [data-rd-bottom-bar-ink='dark'] .rd-bottom-bar-custom-glyph:not([src*="userway"]):not(.rd-bottom-bar-remapped-glyph) {
  filter: invert(1);
}
/* Light plates: white outline PNG → solid black (beats html.dark filter:none). */
[data-rd-bottom-bar][data-rd-bottom-bar-plate-tone='light'] img.rd-bottom-bar-light-glyph:not([src*="userway"]),
[data-rd-bottom-bar-nav-popups][data-rd-bottom-bar-plate-tone='light'] img.rd-bottom-bar-light-glyph:not([src*="userway"]),
html.dark [data-rd-bottom-bar][data-rd-bottom-bar-plate-tone='light'] img.rd-bottom-bar-light-glyph:not([src*="userway"]),
html.dark [data-rd-bottom-bar-nav-popups][data-rd-bottom-bar-plate-tone='light'] img.rd-bottom-bar-light-glyph:not([src*="userway"]),
.component-theme-scope.light [data-rd-bottom-bar][data-rd-bottom-bar-plate-tone='light'] img.rd-bottom-bar-light-glyph:not([src*="userway"]),
.component-theme-scope.desklight [data-rd-bottom-bar][data-rd-bottom-bar-plate-tone='light'] img.rd-bottom-bar-light-glyph:not([src*="userway"]),
.component-theme-scope.ableton [data-rd-bottom-bar][data-rd-bottom-bar-plate-tone='light'] img.rd-bottom-bar-light-glyph:not([src*="userway"]) {
  filter: var(--rd-bottom-bar-light-glyph-filter, brightness(0) saturate(100%) contrast(2)) !important;
  -webkit-filter: var(--rd-bottom-bar-light-glyph-filter, brightness(0) saturate(100%) contrast(2)) !important;
  opacity: 1 !important;
  image-rendering: -webkit-optimize-contrast;
}
[data-rd-bottom-bar][data-rd-bottom-bar-plate-tone='light'] .rd-bottom-bar-light-plate,
[data-rd-bottom-bar-nav-popups][data-rd-bottom-bar-plate-tone='light'] .rd-bottom-bar-light-plate {
  background-image: none !important;
  background-color: #9ca3af !important;
  box-shadow:
    inset 0 0 0 1px rgba(0, 0, 0, 0.28),
    0 1px 3px rgba(0, 0, 0, 0.18);
}
[data-rd-bottom-bar] .rd-bottom-bar-retro-tile {
  border-radius: 7px;
  box-shadow:
    inset 1px 1px 1px var(--rd-retro-shadow-light),
    inset -1px -1px 1px var(--rd-retro-shadow-dark),
    2px 2px 4px #000;
}
html.ableton.dark [data-rd-bottom-bar] .rd-bottom-bar-custom-glyph:not([src*="userway"]):not(.rd-bottom-bar-remapped-glyph) {
  filter: none;
}
html.ableton [data-rd-bottom-bar][data-rd-bottom-bar-plate-tone='light'] img.rd-bottom-bar-light-glyph:not([src*="userway"]) {
  filter: var(--rd-bottom-bar-light-glyph-filter, brightness(0) saturate(100%) contrast(2)) !important;
  -webkit-filter: var(--rd-bottom-bar-light-glyph-filter, brightness(0) saturate(100%) contrast(2)) !important;
}
/* Hide UserWay's own floating trigger — our Accessibility dock item is the entry. */
.uwy .userway_buttons_wrapper,
#userwayAccessibilityIcon,
#uw-main-button-wrapper {
  display: none !important;
}
/* Frost tiles on the sitewide bar only — neutral glass, no theme indigo. */
[data-rd-bottom-bar] .rd-bottom-bar-glass-tile {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.18) 0%,
    rgba(255, 255, 255, 0.07) 48%,
    rgba(255, 255, 255, 0.04) 100%
  ) !important;
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    inset 0 -1px 0 rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(10px) saturate(1.15);
}
.rd-opaque-background {
  background-color: #0c0c0e !important;
  background-image: none !important;
  opacity: 1 !important;
}
html:not(.dark) .rd-opaque-background {
  background-color: hsl(var(--background)) !important;
}
.rd-opaque-card {
  background-color: hsl(var(--card)) !important;
  background-image: none !important;
  opacity: 1 !important;
  backdrop-filter: none !important;
}
/* Icon Picker bottom-bar floater — stay dark even in light theme */
.rd-opaque-card.rd-icons-floater-chrome {
  background-color: #0a0a0a !important;
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}
.rd-opaque-card.rd-icons-floater-chrome .glass-cal-scroll {
  background-color: #0a0a0a !important;
  color: #fff !important;
}
.rd-opaque-card.rd-icons-floater-chrome .text-foreground,
.rd-opaque-card.rd-icons-floater-chrome [class*="text-foreground"] {
  color: #fff !important;
}
.rd-opaque-card.rd-icons-floater-chrome .text-muted-foreground,
.rd-opaque-card.rd-icons-floater-chrome [class*="text-muted-foreground"] {
  color: rgba(255, 255, 255, 0.7) !important;
}
/* Late host overrides — beat vendor utilities that leak into the shell
 * when cssCodeSplit is false (Electron/DMG). Prefer hsl(var(--token)). */
.bg-sidebar {
  background-color: hsl(var(--sidebar)) !important;
}
.bg-background {
  background-color: hsl(var(--background)) !important;
}
/* ============================================================
 * Glass Popup System (sitewide bottom-bar tools)
 * Shared visual language matching the GlassCalendar component.
 * ============================================================ */
/* Hidden scrollbar utility (was inline in glass-calendar.tsx). */
.glass-cal-scroll::-webkit-scrollbar { display: none; }
.glass-cal-scroll { -ms-overflow-style: none; scrollbar-width: none; }
/* When a Radix PopoverContent wraps a `.glass-popup` shell, strip the
 * default popover surface so only the glass shell is visible. Targets the
 * Radix popper wrapper's direct child (the actual PopoverContent element). */
html:not(.rounded-corners):not([data-corners="rounded"]) [data-radix-popper-content-wrapper]:has(.glass-popup) > *,
html:not(.rounded-corners):not([data-corners="rounded"]) [data-radix-popper-content-wrapper]:has([data-bottom-bar-primary-ui]) > * {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
/* Inputs inside glass popups inherit the frosted look. */
.glass-popup input:not([type='checkbox']):not([type='radio']),
.glass-popup textarea,
.glass-popup select {
  background-color: hsl(var(--muted) / 0.5);
  border-color: hsl(var(--border));
  color: hsl(var(--foreground));
}
.glass-popup input::-moz-placeholder, .glass-popup textarea::-moz-placeholder { color: hsl(var(--muted-foreground)); }
.glass-popup input::placeholder,
.glass-popup textarea::placeholder { color: hsl(var(--muted-foreground)); }
.glass-popup hr,
.glass-popup [role='separator'] {
  background-color: hsl(var(--border));
  border-color: hsl(var(--border));
}
/* Light-theme: keep popup card opaque (rd-opaque-card) and readable */
:root:not(.dark) .glass-popup {
  border-color: hsl(var(--border));
  color: hsl(var(--foreground));
}
/* Remap leftover text-white inside themed popups. Icon Picker stays dark. */
html:not(.dark) .glass-popup.rd-popup-window:not(.rd-icons-floater-chrome) .text-white,
html:not(.dark) .glass-popup.rd-popup-window:not(.rd-icons-floater-chrome) [class*="text-white/"] {
  color: hsl(var(--foreground)) !important;
}
/* Modern floating-window shell (bottom-bar PopupChrome) */
.glass-popup.rd-popup-window {
  border-radius: 0.75rem;
  box-shadow:
    0 0 0 1px hsl(var(--border) / 0.55),
    0 10px 28px -8px rgb(0 0 0 / 0.28),
    0 4px 10px -4px rgb(0 0 0 / 0.16);
}
.dark .glass-popup.rd-popup-window {
  box-shadow:
    0 0 0 1px hsl(var(--border) / 0.7),
    0 14px 36px -10px rgb(0 0 0 / 0.55),
    0 6px 14px -6px rgb(0 0 0 / 0.4);
}
/* ----------------------------------------------------------
 * Popup traffic lights (PopupChrome only — not Finder chrome)
 * Soft gradient circles + hover glyphs (× − +)
 * ---------------------------------------------------------- */
.popup-traffic-lights {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding-inline: 0.125rem;
  /* Keep controls above sibling chrome / resize hit layers */
  pointer-events: auto;
}
.popup-traffic-light {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 0.75rem;
  height: 0.75rem;
  padding: 0;
  border-radius: 9999px;
  border: 1px solid rgb(0 0 0 / 0.18);
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.45),
    0 0.5px 1px rgb(0 0 0 / 0.2);
  cursor: pointer;
  pointer-events: auto;
  transition:
    transform 120ms ease,
    filter 120ms ease,
    box-shadow 120ms ease;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
/* Invisible expanded hit target — tiny circles are hard to click otherwise */
.popup-traffic-light::before {
  content: '';
  position: absolute;
  inset: -6px;
  border-radius: 9999px;
}
.popup-traffic-lights--compact .popup-traffic-light {
  width: 0.6875rem;
  height: 0.6875rem;
}
.popup-traffic-light:hover:not(:disabled),
.popup-traffic-light:focus-visible:not(:disabled) {
  transform: scale(1.08);
  filter: brightness(1.06);
}
.popup-traffic-light:focus-visible {
  outline: 2px solid hsl(var(--ring));
  outline-offset: 2px;
}
.popup-traffic-light:disabled {
  opacity: 0.42;
  cursor: default;
  filter: saturate(0.55);
}
.popup-traffic-light__glyph {
  font-size: 0.5625rem;
  line-height: 1;
  font-weight: 700;
  color: rgb(0 0 0 / 0.55);
  opacity: 0;
  transform: translateY(0.5px);
  transition: opacity 100ms ease;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.popup-traffic-lights:hover .popup-traffic-light:not(:disabled) .popup-traffic-light__glyph,
.popup-traffic-light:focus-visible:not(:disabled) .popup-traffic-light__glyph {
  opacity: 1;
}
.popup-traffic-light--close {
  background: linear-gradient(180deg, #ff6b6b 0%, #e5484d 55%, #c9363a 100%);
}
.popup-traffic-light--reset {
  background: linear-gradient(180deg, #ffd56a 0%, #f5a524 55%, #d9890f 100%);
}
.popup-traffic-light--expand {
  background: linear-gradient(180deg, #5dde8a 0%, #30a46c 55%, #218358 100%);
}
.dark .popup-traffic-light {
  border-color: rgb(0 0 0 / 0.35);
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.28),
    0 0.5px 1.5px rgb(0 0 0 / 0.45);
}
.dark .popup-traffic-light__glyph {
  color: rgb(0 0 0 / 0.62);
}
.dark .popup-traffic-light--close {
  background: linear-gradient(180deg, #ff7b72 0%, #e5484d 50%, #b33a3f 100%);
}
.dark .popup-traffic-light--reset {
  background: linear-gradient(180deg, #ffc53d 0%, #f5a524 50%, #c47a0a 100%);
}
.dark .popup-traffic-light--expand {
  background: linear-gradient(180deg, #4cc38a 0%, #30a46c 50%, #1d7a52 100%);
}
/* Floater chrome: keep glyphs readable on always-dark shell */
.rd-icons-floater-chrome .popup-traffic-light__glyph {
  color: rgb(0 0 0 / 0.65);
}
::-webkit-scrollbar {
  height: 0.375rem;
  width: 0.375rem;
}
::-webkit-scrollbar-track {
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
    border-radius: 9999px;
    background-color: rgb(156 163 175 / 0.2);
    -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
html[data-corners="sharp"] .rounded:not()::-webkit-scrollbar-thumb:not(.corners-keep-sharp),
html:not([data-corners="rounded"]):not(.rounded-corners) .rounded:not()::-webkit-scrollbar-thumb:not(.corners-keep-sharp),
html[data-corners="sharp"] .rounded-sm:not()::-webkit-scrollbar-thumb:not(.corners-keep-sharp),
html:not([data-corners="rounded"]):not(.rounded-corners) .rounded-sm:not()::-webkit-scrollbar-thumb:not(.corners-keep-sharp),
html[data-corners="sharp"] .rounded-md:not()::-webkit-scrollbar-thumb:not(.corners-keep-sharp):not(.ui-ref-ps1-tab):not(.ui-ref-ps3-tab):not(.ui-ref-ps1-glow-icon),
html:not([data-corners="rounded"]):not(.rounded-corners) .rounded-md:not()::-webkit-scrollbar-thumb:not(.corners-keep-sharp):not(.ui-ref-ps1-tab):not(.ui-ref-ps3-tab):not(.ui-ref-ps1-glow-icon),
html[data-corners="sharp"] .rounded-lg:not()::-webkit-scrollbar-thumb:not(.corners-keep-sharp),
html:not([data-corners="rounded"]):not(.rounded-corners) .rounded-lg:not()::-webkit-scrollbar-thumb:not(.corners-keep-sharp),
html[data-corners="sharp"] .rounded-xl:not()::-webkit-scrollbar-thumb:not(.corners-keep-sharp),
html:not([data-corners="rounded"]):not(.rounded-corners) .rounded-xl:not()::-webkit-scrollbar-thumb:not(.corners-keep-sharp),
html[data-corners="sharp"] .rounded-2xl:not()::-webkit-scrollbar-thumb:not(.corners-keep-sharp),
html:not([data-corners="rounded"]):not(.rounded-corners) .rounded-2xl:not()::-webkit-scrollbar-thumb:not(.corners-keep-sharp),
html[data-corners="sharp"] .rounded-3xl:not()::-webkit-scrollbar-thumb:not(.corners-keep-sharp),
html:not([data-corners="rounded"]):not(.rounded-corners) .rounded-3xl:not()::-webkit-scrollbar-thumb:not(.corners-keep-sharp) {
  border-radius: 0;
}
html[data-corners="sharp"] button:not()::-webkit-scrollbar-thumb:not(.corners-keep-sharp):not(.ui-ref-ps1-tab):not(.ui-ref-ps3-tab):not(.ui-ref-ps1-glow-icon):not(.primary-topbar-1-tab),
html:not([data-corners="rounded"]):not(.rounded-corners) button:not()::-webkit-scrollbar-thumb:not(.corners-keep-sharp):not(.ui-ref-ps1-tab):not(.ui-ref-ps3-tab):not(.ui-ref-ps1-glow-icon):not(.primary-topbar-1-tab) {
  border-radius: 0;
}
html[data-corners="rounded"] ::-webkit-scrollbar-thumb,
html.rounded-corners ::-webkit-scrollbar-thumb {
  border-radius: 9999px;
}
html[data-corners="rounded"] button:not()::-webkit-scrollbar-thumb:not(.corners-keep-sharp):not(.primary-topbar-1-tab),
html.rounded-corners button:not()::-webkit-scrollbar-thumb:not(.corners-keep-sharp):not(.primary-topbar-1-tab) {
  border-radius: 0.375rem;
}
html[data-corners="rounded"] [data-module-tight] button:not([role="tab"]):not([role="switch"]):not()::-webkit-scrollbar-thumb:not(.corners-keep-sharp),
html.rounded-corners [data-module-tight] button:not([role="tab"]):not([role="switch"]):not()::-webkit-scrollbar-thumb:not(.corners-keep-sharp) {
  border-radius: 0.375rem;
}
html[data-corners="rounded"] .rd-docs-surface ::-webkit-scrollbar-thumb,
html.rounded-corners .rd-docs-surface ::-webkit-scrollbar-thumb {
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgb(156 163 175 / 0.3);
}
.dark ::-webkit-scrollbar-thumb {
  background-color: rgb(255 255 255 / 0.1);
}
.dark ::-webkit-scrollbar-thumb:hover {
  background-color: rgb(255 255 255 / 0.2);
}
.text-gradient {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
  --tw-gradient-from: hsl(var(--foreground)) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--foreground) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: hsl(var(--foreground) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--foreground) / 0.9) var(--tw-gradient-via-position), var(--tw-gradient-to);
  --tw-gradient-to: hsl(var(--foreground) / 0.7) var(--tw-gradient-to-position);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}
.light .text-gradient {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
  --tw-gradient-from: #09090B var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(9 9 11 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: rgb(24 24 27 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #18181B var(--tw-gradient-via-position), var(--tw-gradient-to);
  --tw-gradient-to: #27272A var(--tw-gradient-to-position);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}
.text-gradient-primary {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
  --tw-gradient-from: hsl(var(--primary)) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: hsl(var(--primary) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--primary) / 0.8) var(--tw-gradient-via-position), var(--tw-gradient-to);
  --tw-gradient-to: hsl(var(--primary) / 0.6) var(--tw-gradient-to-position);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}
.text-gradient-purple {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #7069FA var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(112 105 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #9F6FFF var(--tw-gradient-to-position);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}
.light .text-gradient-purple {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #5D52F5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(93 82 245 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #7069FA var(--tw-gradient-to-position);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}
.text-balance {
  text-wrap: balance;
}
/* Shadcn-like heading styles */
:is(html, .component-theme-scope).caffe .shadcn-heading {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).brooklet .shadcn-heading {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).airbus .shadcn-heading {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).ableton .shadcn-heading {
    font-family: var(--rd-font-sans);
  }

  :is(html, .component-theme-scope).ableton .shadcn-heading {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
    font-weight: 700;
  }
:is(html, .component-theme-scope).desklight .shadcn-heading {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).deskdark .shadcn-heading {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).deskdarklegacy .shadcn-heading {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).starnight .shadcn-heading {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).algae .shadcn-heading {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).sketchpad .shadcn-heading {
    font-family: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  }
:is(html, .component-theme-scope).forrestville .shadcn-heading {
    font-family: "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  }
.shadcn-heading {
  font-family: var(--font-sans), TT Commons, Neue Haas Display, Inter, sans-serif;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 600;
}

[data-deskbase] .shadcn-heading,
[data-deskbase-portal] .shadcn-heading {
  font-family: var(--deskbase-font);
  font-size: var(--deskbase-text-size, 10px);
  line-height: 1.25;
  font-feature-settings: 'kern' 1, 'liga' 1;
}

:is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is(.shadcn-heading,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)),
html.site-font-active
  :is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is(.shadcn-heading,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)) {
  font-family: var(--build-page-font-family);
}

html.site-font-active .shadcn-heading:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]) {
  font-family: var(--site-font-sans);
  font-feature-settings: "liga" 0, "calt" 0, "dlig" 0;
}
@media (min-width: 768px) {
  .shadcn-heading {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}
@media (min-width: 1024px) {
  .shadcn-heading {
    font-size: 3rem;
    line-height: 1;
  }
}
:is(html, .component-theme-scope).caffe .shadcn-subheading {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).brooklet .shadcn-subheading {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).airbus .shadcn-subheading {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).ableton .shadcn-subheading {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).desklight .shadcn-subheading {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).deskdark .shadcn-subheading {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).deskdarklegacy .shadcn-subheading {
    font-family: var(--rd-font-sans);
    font-size: 12px;
  }
:is(html, .component-theme-scope).starnight .shadcn-subheading {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).algae .shadcn-subheading {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).sketchpad .shadcn-subheading {
    font-family: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  }
:is(html, .component-theme-scope).forrestville .shadcn-subheading {
    font-family: "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  }
.shadcn-subheading {
  font-family: var(--font-sans), TT Commons, Neue Haas Display, Inter, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: hsl(var(--muted-foreground));
}
.rd-opaque-card.rd-icons-floater-chrome .shadcn-subheading {
  color: rgba(255, 255, 255, 0.7);
}
[data-module-tight] .shadcn-subheading  { font-size: 0.875rem; line-height: 1.4; }

[data-deskbase] .shadcn-subheading,
[data-deskbase-portal] .shadcn-subheading {
  color: hsl(var(--muted-foreground));
  font-family: var(--deskbase-font);
  font-size: var(--deskbase-text-size, 10px);
  line-height: 1.25;
  font-feature-settings: 'kern' 1, 'liga' 1;
}

[data-module-tight-off] .shadcn-subheading,
[data-module-tight] [data-module-tight-off] .shadcn-subheading {
  font-size: revert;
  line-height: revert;
}

[data-module-tight] [data-blocknest-studio] .shadcn-subheading {
  font-size: revert;
  line-height: revert;
}

:is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is(.shadcn-subheading,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)),
html.site-font-active
  :is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is(.shadcn-subheading,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)) {
  font-family: var(--build-page-font-family);
}
.linear-dev-tasks-sidebar-cell .shadcn-subheading,
.linear-dev-tasks-sidebar-unified .shadcn-subheading,
.linear-dev-tasks-sidebar-body .shadcn-subheading,
.dashboard-sidebar-shell-aside .shadcn-subheading {
  color: hsl(var(--muted-foreground));
}
.em-pro.em-pro--site-theme .shadcn-subheading {
  color: hsl(var(--muted-foreground));
}
.ui-build-page .em-pro .shadcn-subheading {
  color: hsl(var(--muted-foreground));
}

.ui-build-glass .em-section-head .shadcn-subheading {
  color: rgba(255, 255, 255, 0.58);
}
.ui-build-glass.ui-build-glass-pro .shadcn-subheading {
  color: rgba(255, 255, 255, 0.58);
}
.ui-build-glass.ui-build-glass-listings button.group.rounded-xl .shadcn-subheading {
  color: rgba(255, 255, 255, 0.58);
}

[data-light-panel="true"] .shadcn-subheading {
  color: rgba(0, 0, 0, 0.9);
}

html.site-font-active .shadcn-subheading:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]) {
  font-family: var(--site-font-sans);
  font-feature-settings: "liga" 0, "calt" 0, "dlig" 0;
}
@media (min-width: 768px) {
  .shadcn-subheading {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
:is(html, .component-theme-scope).caffe .kortex-heading {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).brooklet .kortex-heading {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).airbus .kortex-heading {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).ableton .kortex-heading {
    font-family: var(--rd-font-sans);
  }

  :is(html, .component-theme-scope).ableton .kortex-heading {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
    font-weight: 700;
  }
:is(html, .component-theme-scope).desklight .kortex-heading {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).deskdark .kortex-heading {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).deskdarklegacy .kortex-heading {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).starnight .kortex-heading {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).algae .kortex-heading {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).sketchpad .kortex-heading {
    font-family: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  }
:is(html, .component-theme-scope).forrestville .kortex-heading {
    font-family: "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  }
.kortex-heading {
  font-family: var(--font-sans), TT Commons, Neue Haas Display, Inter, sans-serif;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
html:not(.dark) .glass-popup.rd-popup-window:not(.rd-icons-floater-chrome) .kortex-heading {
  color: hsl(var(--foreground));
}

[data-deskbase] .kortex-heading,
[data-deskbase-portal] .kortex-heading {
  font-family: var(--deskbase-font);
  font-size: var(--deskbase-text-size, 10px);
  line-height: 1.25;
  font-feature-settings: 'kern' 1, 'liga' 1;
}
.auth-page .kortex-heading {
  color: #ffffff;
}
.kortex-heading {
  color: white;
}

:is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is(.kortex-heading,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)),
html.site-font-active
  :is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is(.kortex-heading,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)) {
  font-family: var(--build-page-font-family);
}

html.site-font-active .kortex-heading:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]) {
  font-family: var(--site-font-sans);
  font-feature-settings: "liga" 0, "calt" 0, "dlig" 0;
}
:is(html, .component-theme-scope).caffe .kortex-subheading {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).brooklet .kortex-subheading {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).airbus .kortex-subheading {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).ableton .kortex-subheading {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).desklight .kortex-subheading {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).deskdark .kortex-subheading {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).deskdarklegacy .kortex-subheading {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).starnight .kortex-subheading {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).algae .kortex-subheading {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).sketchpad .kortex-subheading {
    font-family: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  }
:is(html, .component-theme-scope).forrestville .kortex-subheading {
    font-family: "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  }
.kortex-subheading {
  font-family: var(--font-sans), TT Commons, Neue Haas Display, Inter, sans-serif;
  color: rgb(209 213 219 / 0.8);
}

[data-deskbase] .kortex-subheading,
[data-deskbase-portal] .kortex-subheading {
  font-family: var(--deskbase-font);
  font-size: var(--deskbase-text-size, 10px);
  line-height: 1.25;
  font-feature-settings: 'kern' 1, 'liga' 1;
}

:is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is(.kortex-subheading,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)),
html.site-font-active
  :is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is(.kortex-subheading,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)) {
  font-family: var(--build-page-font-family);
}

html.site-font-active .kortex-subheading:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]) {
  font-family: var(--site-font-sans);
  font-feature-settings: "liga" 0, "calt" 0, "dlig" 0;
}
/* Typography - Neo Brutalism Theme */
/* Inherit theme / sitewide font from Tailwind font-sans on html */
html, body {
  font-family: inherit;
  font-weight: 400;
  letter-spacing: -0.025em;
}
/* Text elements */
body, p, span, div, input, button, textarea, select, a, li, label {
  font-family: inherit;
}
/* Headings */
:is(html, .component-theme-scope).caffe h1,:is(html, .component-theme-scope).caffe  h2,:is(html, .component-theme-scope).caffe  h3,:is(html, .component-theme-scope).caffe  h4,:is(html, .component-theme-scope).caffe  h5,:is(html, .component-theme-scope).caffe  h6 {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).brooklet h1,:is(html, .component-theme-scope).brooklet  h2,:is(html, .component-theme-scope).brooklet  h3,:is(html, .component-theme-scope).brooklet  h4,:is(html, .component-theme-scope).brooklet  h5,:is(html, .component-theme-scope).brooklet  h6 {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).airbus h1,:is(html, .component-theme-scope).airbus  h2,:is(html, .component-theme-scope).airbus  h3,:is(html, .component-theme-scope).airbus  h4,:is(html, .component-theme-scope).airbus  h5,:is(html, .component-theme-scope).airbus  h6 {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).ableton h1,:is(html, .component-theme-scope).ableton  h2,:is(html, .component-theme-scope).ableton  h3,:is(html, .component-theme-scope).ableton  h4,:is(html, .component-theme-scope).ableton  h5,:is(html, .component-theme-scope).ableton  h6 {
    font-family: var(--rd-font-sans);
  }

  :is(html, .component-theme-scope).ableton h1,
  :is(html, .component-theme-scope).ableton  h2,
  :is(html, .component-theme-scope).ableton  h3,
  :is(html, .component-theme-scope).ableton  h4,
  :is(html, .component-theme-scope).ableton  h5,
  :is(html, .component-theme-scope).ableton  h6 {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
    font-weight: 700;
  }
:is(html, .component-theme-scope).desklight h1,:is(html, .component-theme-scope).desklight  h2,:is(html, .component-theme-scope).desklight  h3,:is(html, .component-theme-scope).desklight  h4,:is(html, .component-theme-scope).desklight  h5,:is(html, .component-theme-scope).desklight  h6 {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).deskdark h1,:is(html, .component-theme-scope).deskdark  h2,:is(html, .component-theme-scope).deskdark  h3,:is(html, .component-theme-scope).deskdark  h4,:is(html, .component-theme-scope).deskdark  h5,:is(html, .component-theme-scope).deskdark  h6 {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).deskdarklegacy h1,:is(html, .component-theme-scope).deskdarklegacy  h2,:is(html, .component-theme-scope).deskdarklegacy  h3,:is(html, .component-theme-scope).deskdarklegacy  h4,:is(html, .component-theme-scope).deskdarklegacy  h5,:is(html, .component-theme-scope).deskdarklegacy  h6 {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).starnight h1,:is(html, .component-theme-scope).starnight  h2,:is(html, .component-theme-scope).starnight  h3,:is(html, .component-theme-scope).starnight  h4,:is(html, .component-theme-scope).starnight  h5,:is(html, .component-theme-scope).starnight  h6 {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).algae h1,:is(html, .component-theme-scope).algae  h2,:is(html, .component-theme-scope).algae  h3,:is(html, .component-theme-scope).algae  h4,:is(html, .component-theme-scope).algae  h5,:is(html, .component-theme-scope).algae  h6 {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).sketchpad h1,:is(html, .component-theme-scope).sketchpad  h2,:is(html, .component-theme-scope).sketchpad  h3,:is(html, .component-theme-scope).sketchpad  h4,:is(html, .component-theme-scope).sketchpad  h5,:is(html, .component-theme-scope).sketchpad  h6 {
    font-family: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  }
:is(html, .component-theme-scope).forrestville h1,:is(html, .component-theme-scope).forrestville  h2,:is(html, .component-theme-scope).forrestville  h3,:is(html, .component-theme-scope).forrestville  h4,:is(html, .component-theme-scope).forrestville  h5,:is(html, .component-theme-scope).forrestville  h6 {
    font-family: "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  }
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-sans), TT Commons, Neue Haas Display, Inter, sans-serif;
  font-weight: 600;
  letter-spacing: -0.025em;
  color: hsl(var(--foreground));
}
.rd-opaque-card.rd-icons-floater-chrome h1,.rd-opaque-card.rd-icons-floater-chrome  h2,.rd-opaque-card.rd-icons-floater-chrome  h3,.rd-opaque-card.rd-icons-floater-chrome  h4,.rd-opaque-card.rd-icons-floater-chrome  h5,.rd-opaque-card.rd-icons-floater-chrome  h6 {
  color: #fff;
}

[data-deskbase] h1,
[data-deskbase-portal] h1,
[data-deskbase]  h2,
[data-deskbase-portal]  h2,
[data-deskbase]  h3,
[data-deskbase-portal]  h3,
[data-deskbase]  h4,
[data-deskbase-portal]  h4,
[data-deskbase]  h5,
[data-deskbase-portal]  h5,
[data-deskbase]  h6,
[data-deskbase-portal]  h6 {
  color: #ffffff;
  font-family: var(--deskbase-font);
  font-size: var(--deskbase-text-size, 10px);
  line-height: 1.25;
  font-feature-settings: 'kern' 1, 'liga' 1;
}

:is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is(h1,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)),
html.site-font-active
  :is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is(h1,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)),
:is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is( h2,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)),
html.site-font-active
  :is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is( h2,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)),
:is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is( h3,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)),
html.site-font-active
  :is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is( h3,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)),
:is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is( h4,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)),
html.site-font-active
  :is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is( h4,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)),
:is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is( h5,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)),
html.site-font-active
  :is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is( h5,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)),
:is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is( h6,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)),
html.site-font-active
  :is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is( h6,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)) {
  font-family: var(--build-page-font-family);
}

.em-pro.em-pro--site-theme h1,
.em-pro.em-pro--site-theme  h2,
.em-pro.em-pro--site-theme  h3,
.em-pro.em-pro--site-theme  h4,
.em-pro.em-pro--site-theme  h5,
.em-pro.em-pro--site-theme  h6 {
  color: hsl(var(--foreground));
}

.ui-build-page .em-pro h1,
.ui-build-page .em-pro  h2,
.ui-build-page .em-pro  h3,
.ui-build-page .em-pro  h4,
.ui-build-page .em-pro  h5,
.ui-build-page .em-pro  h6 {
  color: hsl(var(--foreground));
}
.ui-build-glass.ui-build-glass-pro h1,.ui-build-glass.ui-build-glass-pro  h2,.ui-build-glass.ui-build-glass-pro  h3,.ui-build-glass.ui-build-glass-pro  h4,.ui-build-glass.ui-build-glass-pro  h5,.ui-build-glass.ui-build-glass-pro  h6 {
  color: rgba(255, 255, 255, 0.94);
}
.ui-build-glass.ui-build-glass-listings button.group.rounded-xl h1,.ui-build-glass.ui-build-glass-listings button.group.rounded-xl  h2,.ui-build-glass.ui-build-glass-listings button.group.rounded-xl  h3,.ui-build-glass.ui-build-glass-listings button.group.rounded-xl  h4,.ui-build-glass.ui-build-glass-listings button.group.rounded-xl  h5,.ui-build-glass.ui-build-glass-listings button.group.rounded-xl  h6 {
  color: rgba(255, 255, 255, 0.94);
}
[data-light-panel="true"] h1,[data-light-panel="true"]  h2,[data-light-panel="true"]  h3,[data-light-panel="true"]  h4,[data-light-panel="true"]  h5,[data-light-panel="true"]  h6 {
  color: rgba(0, 0, 0, 0.9);
}

html.site-font-active h1:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]),
html.site-font-active  h2:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]),
html.site-font-active  h3:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]),
html.site-font-active  h4:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]),
html.site-font-active  h5:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]),
html.site-font-active  h6:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]) {
  font-family: var(--site-font-sans);
  font-feature-settings: "liga" 0, "calt" 0, "dlig" 0;
}
h1 {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
@media (min-width: 768px) {
  h1 {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}
h2 {
  font-size: 1.5rem;
  line-height: 2rem;
}
[data-module-tight] h2 { font-size: 1rem; line-height: 1.4; }
[data-module-tight-off] h2,
[data-module-tight] [data-module-tight-off] h2 {
  font-size: revert;
  line-height: revert;
}
[data-module-tight] [data-blocknest-studio] h2 {
  font-size: revert;
  line-height: revert;
}
@media (min-width: 768px) {
  h2 {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}
h3 {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
[data-module-tight] h3  { font-size: 0.95rem; line-height: 1.4; }

[data-module-tight-off] h3,
[data-module-tight] [data-module-tight-off] h3 {
  font-size: revert;
  line-height: revert;
}

[data-module-tight] [data-blocknest-studio] h3 {
  font-size: revert;
  line-height: revert;
}
@media (min-width: 768px) {
  h3 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
:is(html, .component-theme-scope).deskdarklegacy .text-subheading {
    font-size: 12px;
  }
.text-subheading {
  font-weight: 400;
  color: hsl(var(--muted-foreground));
}
.rd-opaque-card.rd-icons-floater-chrome .text-subheading {
  color: rgba(255, 255, 255, 0.7);
}

[data-deskbase] .text-subheading,
[data-deskbase-portal] .text-subheading {
  color: hsl(var(--muted-foreground));
}
.linear-dev-tasks-sidebar-cell .text-subheading,
.linear-dev-tasks-sidebar-unified .text-subheading,
.linear-dev-tasks-sidebar-body .text-subheading,
.dashboard-sidebar-shell-aside .text-subheading {
  color: hsl(var(--muted-foreground));
}
.em-pro.em-pro--site-theme .text-subheading {
  color: hsl(var(--muted-foreground));
}
.ui-build-page .em-pro .text-subheading {
  color: hsl(var(--muted-foreground));
}

.ui-build-glass .em-section-head .text-subheading {
  color: rgba(255, 255, 255, 0.58);
}
.ui-build-glass.ui-build-glass-pro .text-subheading {
  color: rgba(255, 255, 255, 0.58);
}
.ui-build-glass.ui-build-glass-listings button.group.rounded-xl .text-subheading {
  color: rgba(255, 255, 255, 0.58);
}

[data-light-panel="true"] .text-subheading {
  color: rgba(0, 0, 0, 0.9);
}

  :is(html, .component-theme-scope).ableton small,
  :is(html, .component-theme-scope).ableton  .text-small {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
  }
:is(html, .component-theme-scope).deskdarklegacy small,:is(html, .component-theme-scope).deskdarklegacy  .text-small {
    font-size: 12px;
  }
small, .text-small {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: hsl(var(--muted-foreground));
}
.rd-opaque-card.rd-icons-floater-chrome small,.rd-opaque-card.rd-icons-floater-chrome  .text-small {
  color: rgba(255, 255, 255, 0.7);
}

[data-deskbase] small,
[data-deskbase-portal] small,
[data-deskbase]  .text-small,
[data-deskbase-portal]  .text-small {
  color: hsl(var(--muted-foreground));
}

.dashboard-sidebar-shell small:not(:where([data-desk-build-suite] *, [data-desk-build-suite])),
.dashboard-sidebar-shell  .text-small:not(:where([data-desk-build-suite] *, [data-desk-build-suite])) {
  font-size: var(--build-page-font-size);
  font-weight: 600;
  line-height: var(--build-page-line-height);
}

.dashboard-sidebar-shell [data-build-nav-grid] small,
.build-page-shell-typography [data-build-nav-grid] small,
.dashboard-sidebar-shell [data-build-nav-grid]  .text-small,
.build-page-shell-typography [data-build-nav-grid]  .text-small {
  font-size: 0.75rem;
  line-height: 1.25;
}
.linear-dev-tasks-sidebar-cell small,
.linear-dev-tasks-sidebar-unified small,
.linear-dev-tasks-sidebar-body small,
.dashboard-sidebar-shell-aside small,.linear-dev-tasks-sidebar-cell  .text-small,
.linear-dev-tasks-sidebar-unified  .text-small,
.linear-dev-tasks-sidebar-body  .text-small,
.dashboard-sidebar-shell-aside  .text-small {
  color: hsl(var(--muted-foreground));
}
.em-pro.em-pro--site-theme small,.em-pro.em-pro--site-theme  .text-small {
  color: hsl(var(--muted-foreground));
}
.ui-build-page .em-pro small,.ui-build-page .em-pro  .text-small {
  color: hsl(var(--muted-foreground));
}

.ui-build-glass .em-section-head small,
.ui-build-glass .em-section-head  .text-small {
  color: rgba(255, 255, 255, 0.58);
}
.ui-build-glass.ui-build-glass-pro small,.ui-build-glass.ui-build-glass-pro  .text-small {
  color: rgba(255, 255, 255, 0.58);
}
.ui-build-glass.ui-build-glass-listings button.group.rounded-xl small,.ui-build-glass.ui-build-glass-listings button.group.rounded-xl  .text-small {
  color: rgba(255, 255, 255, 0.58);
}

[data-light-panel="true"] small,
[data-light-panel="true"]  .text-small {
  color: rgba(0, 0, 0, 0.9);
}
/* Ensure inputs, buttons and form elements use the system font */
:is(html, .component-theme-scope).caffe input,:is(html, .component-theme-scope).caffe  button,:is(html, .component-theme-scope).caffe  select,:is(html, .component-theme-scope).caffe  textarea,:is(html, .component-theme-scope).caffe  .btn,:is(html, .component-theme-scope).caffe  form {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).brooklet input,:is(html, .component-theme-scope).brooklet  button,:is(html, .component-theme-scope).brooklet  select,:is(html, .component-theme-scope).brooklet  textarea,:is(html, .component-theme-scope).brooklet  .btn,:is(html, .component-theme-scope).brooklet  form {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).airbus input,:is(html, .component-theme-scope).airbus  button,:is(html, .component-theme-scope).airbus  select,:is(html, .component-theme-scope).airbus  textarea,:is(html, .component-theme-scope).airbus  .btn,:is(html, .component-theme-scope).airbus  form {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).ableton input,:is(html, .component-theme-scope).ableton  button,:is(html, .component-theme-scope).ableton  select,:is(html, .component-theme-scope).ableton  textarea,:is(html, .component-theme-scope).ableton  .btn,:is(html, .component-theme-scope).ableton  form {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).desklight input,:is(html, .component-theme-scope).desklight  button,:is(html, .component-theme-scope).desklight  select,:is(html, .component-theme-scope).desklight  textarea,:is(html, .component-theme-scope).desklight  .btn,:is(html, .component-theme-scope).desklight  form {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).deskdark input,:is(html, .component-theme-scope).deskdark  button,:is(html, .component-theme-scope).deskdark  select,:is(html, .component-theme-scope).deskdark  textarea,:is(html, .component-theme-scope).deskdark  .btn,:is(html, .component-theme-scope).deskdark  form {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).deskdarklegacy input,:is(html, .component-theme-scope).deskdarklegacy  button,:is(html, .component-theme-scope).deskdarklegacy  select,:is(html, .component-theme-scope).deskdarklegacy  textarea,:is(html, .component-theme-scope).deskdarklegacy  .btn,:is(html, .component-theme-scope).deskdarklegacy  form {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).starnight input,:is(html, .component-theme-scope).starnight  button,:is(html, .component-theme-scope).starnight  select,:is(html, .component-theme-scope).starnight  textarea,:is(html, .component-theme-scope).starnight  .btn,:is(html, .component-theme-scope).starnight  form {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).algae input,:is(html, .component-theme-scope).algae  button,:is(html, .component-theme-scope).algae  select,:is(html, .component-theme-scope).algae  textarea,:is(html, .component-theme-scope).algae  .btn,:is(html, .component-theme-scope).algae  form {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).sketchpad input,:is(html, .component-theme-scope).sketchpad  button,:is(html, .component-theme-scope).sketchpad  select,:is(html, .component-theme-scope).sketchpad  textarea,:is(html, .component-theme-scope).sketchpad  .btn,:is(html, .component-theme-scope).sketchpad  form {
    font-family: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  }
:is(html, .component-theme-scope).forrestville input,:is(html, .component-theme-scope).forrestville  button,:is(html, .component-theme-scope).forrestville  select,:is(html, .component-theme-scope).forrestville  textarea,:is(html, .component-theme-scope).forrestville  .btn,:is(html, .component-theme-scope).forrestville  form {
    font-family: "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  }
input, button, select, textarea, .btn, form {
  font-family: var(--font-sans), TT Commons, Neue Haas Display, Inter, sans-serif;
}

[data-deskbase] input,
[data-deskbase-portal] input,
[data-deskbase]  button,
[data-deskbase-portal]  button,
[data-deskbase]  select,
[data-deskbase-portal]  select,
[data-deskbase]  textarea,
[data-deskbase-portal]  textarea,
[data-deskbase]  .btn,
[data-deskbase-portal]  .btn,
[data-deskbase]  form,
[data-deskbase-portal]  form {
  font-family: var(--deskbase-font);
  font-size: var(--deskbase-text-size, 10px);
  line-height: 1.25;
  font-feature-settings: 'kern' 1, 'liga' 1;
}

:is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is(input,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)),
html.site-font-active
  :is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is(input,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)),
:is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is( button,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)),
html.site-font-active
  :is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is( button,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)),
:is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is( select,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)),
html.site-font-active
  :is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is( select,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)),
:is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is( textarea,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)),
html.site-font-active
  :is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is( textarea,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)),
:is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is( .btn,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)),
html.site-font-active
  :is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is( .btn,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)),
:is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is( form,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)),
html.site-font-active
  :is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is( form,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)) {
  font-family: var(--build-page-font-family);
}

html.site-font-active input:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]),
html.site-font-active  button:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]),
html.site-font-active  select:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]),
html.site-font-active  textarea:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]),
html.site-font-active  .btn:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]),
html.site-font-active  form:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]) {
  font-family: var(--site-font-sans);
  font-feature-settings: "liga" 0, "calt" 0, "dlig" 0;
}
/* Ensure dropdown menus and popups use the system font */
:is(html, .component-theme-scope).caffe .dropdown-content,:is(html, .component-theme-scope).caffe  
.popover,:is(html, .component-theme-scope).caffe  
.modal,:is(html, .component-theme-scope).caffe  
.dialog,:is(html, .component-theme-scope).caffe 
[role="tooltip"],:is(html, .component-theme-scope).caffe 
[role="dialog"] {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).brooklet .dropdown-content,:is(html, .component-theme-scope).brooklet  
.popover,:is(html, .component-theme-scope).brooklet  
.modal,:is(html, .component-theme-scope).brooklet  
.dialog,:is(html, .component-theme-scope).brooklet 
[role="tooltip"],:is(html, .component-theme-scope).brooklet 
[role="dialog"] {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).airbus .dropdown-content,:is(html, .component-theme-scope).airbus  
.popover,:is(html, .component-theme-scope).airbus  
.modal,:is(html, .component-theme-scope).airbus  
.dialog,:is(html, .component-theme-scope).airbus 
[role="tooltip"],:is(html, .component-theme-scope).airbus 
[role="dialog"] {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).ableton .dropdown-content,:is(html, .component-theme-scope).ableton  
.popover,:is(html, .component-theme-scope).ableton  
.modal,:is(html, .component-theme-scope).ableton  
.dialog,:is(html, .component-theme-scope).ableton 
[role="tooltip"],:is(html, .component-theme-scope).ableton 
[role="dialog"] {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).desklight .dropdown-content,:is(html, .component-theme-scope).desklight  
.popover,:is(html, .component-theme-scope).desklight  
.modal,:is(html, .component-theme-scope).desklight  
.dialog,:is(html, .component-theme-scope).desklight 
[role="tooltip"],:is(html, .component-theme-scope).desklight 
[role="dialog"] {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).deskdark .dropdown-content,:is(html, .component-theme-scope).deskdark  
.popover,:is(html, .component-theme-scope).deskdark  
.modal,:is(html, .component-theme-scope).deskdark  
.dialog,:is(html, .component-theme-scope).deskdark 
[role="tooltip"],:is(html, .component-theme-scope).deskdark 
[role="dialog"] {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).deskdarklegacy .dropdown-content,:is(html, .component-theme-scope).deskdarklegacy  
.popover,:is(html, .component-theme-scope).deskdarklegacy  
.modal,:is(html, .component-theme-scope).deskdarklegacy  
.dialog,:is(html, .component-theme-scope).deskdarklegacy 
[role="tooltip"],:is(html, .component-theme-scope).deskdarklegacy 
[role="dialog"] {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).starnight .dropdown-content,:is(html, .component-theme-scope).starnight  
.popover,:is(html, .component-theme-scope).starnight  
.modal,:is(html, .component-theme-scope).starnight  
.dialog,:is(html, .component-theme-scope).starnight 
[role="tooltip"],:is(html, .component-theme-scope).starnight 
[role="dialog"] {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).algae .dropdown-content,:is(html, .component-theme-scope).algae  
.popover,:is(html, .component-theme-scope).algae  
.modal,:is(html, .component-theme-scope).algae  
.dialog,:is(html, .component-theme-scope).algae 
[role="tooltip"],:is(html, .component-theme-scope).algae 
[role="dialog"] {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).sketchpad .dropdown-content,:is(html, .component-theme-scope).sketchpad  
.popover,:is(html, .component-theme-scope).sketchpad  
.modal,:is(html, .component-theme-scope).sketchpad  
.dialog,:is(html, .component-theme-scope).sketchpad 
[role="tooltip"],:is(html, .component-theme-scope).sketchpad 
[role="dialog"] {
    font-family: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  }
:is(html, .component-theme-scope).forrestville .dropdown-content,:is(html, .component-theme-scope).forrestville  
.popover,:is(html, .component-theme-scope).forrestville  
.modal,:is(html, .component-theme-scope).forrestville  
.dialog,:is(html, .component-theme-scope).forrestville 
[role="tooltip"],:is(html, .component-theme-scope).forrestville 
[role="dialog"] {
    font-family: "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  }
.dropdown-content, 
.popover, 
.modal, 
.dialog,
[role="tooltip"],
[role="dialog"] {
  font-family: var(--font-sans), TT Commons, Neue Haas Display, Inter, sans-serif;
}

[data-deskbase] .dropdown-content,
[data-deskbase-portal] .dropdown-content,
[data-deskbase]  
.popover,
[data-deskbase-portal]  
.popover,
[data-deskbase]  
.modal,
[data-deskbase-portal]  
.modal,
[data-deskbase]  
.dialog,
[data-deskbase-portal]  
.dialog,
[data-deskbase] 
[role="tooltip"],
[data-deskbase-portal] 
[role="tooltip"],
[data-deskbase] 
[role="dialog"],
[data-deskbase-portal] 
[role="dialog"] {
  font-family: var(--deskbase-font);
  font-size: var(--deskbase-text-size, 10px);
  line-height: 1.25;
  font-feature-settings: 'kern' 1, 'liga' 1;
}

:is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is(.dropdown-content,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)),
html.site-font-active
  :is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is(.dropdown-content,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)),
:is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is( 
.popover,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)),
html.site-font-active
  :is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is( 
.popover,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)),
:is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is( 
.modal,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)),
html.site-font-active
  :is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is( 
.modal,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)),
:is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is( 
.dialog,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)),
html.site-font-active
  :is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is( 
.dialog,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)),
:is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is(
[role="tooltip"],
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)),
html.site-font-active
  :is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is(
[role="tooltip"],
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)),
:is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is(
[role="dialog"],
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)),
html.site-font-active
  :is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is(
[role="dialog"],
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)) {
  font-family: var(--build-page-font-family);
}

html.site-font-active .dropdown-content:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]),
html.site-font-active  
.popover:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]),
html.site-font-active  
.modal:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]),
html.site-font-active  
.dialog:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]),
html.site-font-active 
[role="tooltip"]:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]),
html.site-font-active 
[role="dialog"]:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]) {
  font-family: var(--site-font-sans);
  font-feature-settings: "liga" 0, "calt" 0, "dlig" 0;
}
/* Navigation */
nav, 
aside, 
header, 
footer, 
.sidebar, 
.navigation, 
.menu {
  font-family: inherit;
  font-weight: 500;
}
/* Lowercase navigation and UI text (Blocknest Studio keeps upstream casing) */
nav:not([data-blocknest-studio] nav):not([data-blocknest-studio] *), 
nav a:not([data-blocknest-studio] *),
nav button:not([data-blocknest-studio] *),
aside:not([data-blocknest-studio] *),
.navigation:not([data-blocknest-studio] *),
.sidebar:not([data-blocknest-studio] *),
.sidebar-nav-item:not([data-blocknest-studio] *),
button:not(.preserve-case):not([data-blocknest-studio] *),
.tab-trigger:not([data-blocknest-studio] *),
.menu-item:not([data-blocknest-studio] *),
[role="tab"]:not([data-blocknest-studio] *),
.page-header h1:not([data-blocknest-studio] *),
.page-header h2:not([data-blocknest-studio] *),
h1:not([data-blocknest-studio] *),
h2:not([data-blocknest-studio] *),
h3:not([data-blocknest-studio] *),
h4:not([data-blocknest-studio] *),
h5:not([data-blocknest-studio] *),
h6:not([data-blocknest-studio] *) {
  text-transform: lowercase;
}
/* Exceptions - keep these normal case */
.prose,
.user-content,
input,
textarea,
.preserve-case,
[data-od-surface],
[data-od-surface] * {
  text-transform: none !important;
}
.banner-text {
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

[data-module-tight] .banner-text > .border + .border {
  margin-left: -1px;
}
@media screen and (min-width: 1px) {
  .banner-text {
    max-width: 100%;
  }
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] .relative.banner-text.h-full.min-h-0.shrink-0 {
  align-self: flex-start;
}
.ui-build-page
  [data-ui-build-gallery='carousel-v1']
  [data-primary-ui-containers]
  #project-interface-catalogue-applet[data-catalogue-ps1-layout]
  .relative.banner-text.h-full.min-h-0.shrink-0:has([data-project-catalogue-ps1-sidebar]) {
  align-self: stretch;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] .relative.banner-text.h-full {
  overflow: visible;
}

.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] #project-interface-catalogue-applet .relative.banner-text.h-full.min-h-0.shrink-0:has([data-project-catalogue-ps1-sidebar]) {
  min-width: calc(2.5rem + 11rem);
  flex-shrink: 0;
}
.banner-text h1,
.banner-text h2 {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
html:not(.dark) .glass-popup.rd-popup-window:not(.rd-icons-floater-chrome) .banner-text h1,html:not(.dark) .glass-popup.rd-popup-window:not(.rd-icons-floater-chrome) 
.banner-text h2 {
  color: hsl(var(--foreground));
}
.auth-page .banner-text h1,.auth-page 
.banner-text h2 {
  color: #ffffff;
}
.banner-text h1,
.banner-text h2 {
  color: white;
}
.banner-text p {
  color: rgb(255 255 255 / 0.9);
}
.banner-image {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 700ms;
  animation-duration: 700ms;
}
.banner-container:hover .banner-image {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  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));
}
.banner-gradient {
  position: absolute;
  inset: 0px;
  z-index: 10;
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: hsl(var(--primary) / 0.7) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: hsl(var(--primary) / 0.3) var(--tw-gradient-to-position);
}
.ui-build-glass.ui-build-glass-detail .ix-immersive > div:first-child > div.banner-gradient.inset-0 {
  background-image: none;
}
.ui-build-glass.ui-build-glass-detail .ix-immersive > div:first-child > div.absolute.banner-gradient {
  background-image: none;
}
.ui-build-glass.ui-build-glass-detail .ix-immersive > div:first-child > div.banner-gradient.inset-0:not(:has(img)) {
  background: linear-gradient(160deg, #3a3a3a 0%, #1a1a1a 55%, #111 100%);
}
.ui-build-glass.ui-build-glass-detail .ix-immersive > div:first-child > div.absolute.banner-gradient:not(:has(img)) {
  background: linear-gradient(160deg, #3a3a3a 0%, #1a1a1a 55%, #111 100%);
}
.ui-build-glass.ui-build-glass-detail .ix-immersive > div:first-child > div.banner-gradient.inset-0.bg-gradient-to-t {
  background: linear-gradient(to top, #1a1a1a, rgba(26, 26, 26, 0.4), transparent);
}
.ui-build-glass.ui-build-glass-detail .ix-immersive > div:first-child > div.absolute.banner-gradient.bg-gradient-to-t {
  background: linear-gradient(to top, #1a1a1a, rgba(26, 26, 26, 0.4), transparent);
}
.ui-build-page .desk-ui-embedded .banner-gradient {
  inset: 0;
}
.banner-gradient-reverse {
  position: absolute;
  inset: 0px;
  z-index: 10;
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: hsl(var(--primary) / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: hsl(var(--primary) / 0.7) var(--tw-gradient-to-position);
}
.ui-build-glass.ui-build-glass-detail .ix-immersive > div:first-child > div.banner-gradient-reverse.inset-0 {
  background-image: none;
}
.ui-build-glass.ui-build-glass-detail .ix-immersive > div:first-child > div.absolute.banner-gradient-reverse {
  background-image: none;
}
.ui-build-glass.ui-build-glass-detail .ix-immersive > div:first-child > div.banner-gradient-reverse.inset-0:not(:has(img)) {
  background: linear-gradient(160deg, #3a3a3a 0%, #1a1a1a 55%, #111 100%);
}
.ui-build-glass.ui-build-glass-detail .ix-immersive > div:first-child > div.absolute.banner-gradient-reverse:not(:has(img)) {
  background: linear-gradient(160deg, #3a3a3a 0%, #1a1a1a 55%, #111 100%);
}
.ui-build-glass.ui-build-glass-detail .ix-immersive > div:first-child > div.banner-gradient-reverse.inset-0.bg-gradient-to-t {
  background: linear-gradient(to top, #1a1a1a, rgba(26, 26, 26, 0.4), transparent);
}
.ui-build-glass.ui-build-glass-detail .ix-immersive > div:first-child > div.absolute.banner-gradient-reverse.bg-gradient-to-t {
  background: linear-gradient(to top, #1a1a1a, rgba(26, 26, 26, 0.4), transparent);
}
.ui-build-page .desk-ui-embedded .banner-gradient-reverse {
  inset: 0;
}
/* Compact Layout System - Global spacing reduction */
:root {
  /* Compact spacing scale */
  --spacing-xs: 0.125rem;   /* 2px */
  --spacing-sm: 0.25rem;    /* 4px */
  --spacing-md: 0.5rem;     /* 8px */
  --spacing-lg: 0.75rem;    /* 12px */
  --spacing-xl: 1rem;       /* 16px */
  
  /* Compact gaps */
  --gap-tight: 0.25rem;     /* 4px */
  --gap-normal: 0.5rem;     /* 8px */
  --gap-relaxed: 0.75rem;   /* 12px */
}
/* Utility classes for compact layouts */
.compact-page {
  padding: 0.5rem;
}
.compact-section > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.compact-card {
  padding: 0.5rem;
}
.compact-grid {
  gap: 0.5rem;
}
/* Global spacing reductions */
.page-content {
  padding: 0.5rem;
}
/* Reduce all space-y-* utilities globally */
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
/* Reduce gap utilities */
.gap-6 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 0.5rem;
}
/* Reduce padding utilities */
.p-6 {
  padding: 0.75rem;
}
.p-4 {
  padding: 0.5rem;
}
.py-6 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.px-6 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
/* Reduce margin utilities */
.mb-6 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 0.5rem;
}
.mt-6 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 0.5rem;
}
/* Toolbar compact styling */
.app-toolbar {
  margin-bottom: 0.5rem;
  gap: 0.375rem;
  padding: 0.5rem;
}
/* Section headers compact */
.section-header {
  margin-bottom: 0.5rem;
}
/* Card compact styling */
.card {
  padding: 0px;
}
/* Dialog compact */
[role="dialog"] {
  padding: 0.75rem;
}
/* Form elements compact */
.form-section > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
/* Grid layouts compact */
.grid-compact {
  gap: 0.5rem;
}
/* Flex layouts compact */
.flex-compact {
  gap: 0.5rem;
}
/* Mobile-specific compact adjustments */
@media (max-width: 768px) {
  .page-content {
    padding: 0.375rem;
  }
  
  .compact-page {
    padding: 0.375rem;
  }
  
  .app-toolbar {
    margin-bottom: 0.375rem;
    gap: 0.25rem;
    padding: 0.375rem;
  }
}
/* ============================================================
   Module Tight UI
   ------------------------------------------------------------
   Scoped under [data-module-tight] — applied automatically by
   ModuleFrame and the Sandbox preview wrapper. Tightens spacing,
   shrinks controls, flattens shadows, sharpens radii so every
   mini-app reads as a tight Ableton/Photoshop-style panel.

   Opt-out: wrap a subtree in [data-module-tight-off] to restore
   default spacing (used by canvas-based modules like the DAW,
   Notation Writer, Mapbox surfaces, etc.).
   ============================================================ */
/* ---------- Padding ---------- */
[data-module-tight] .p-4  { padding: 0.5rem !important; }
[data-module-tight] .p-5  { padding: 0.625rem !important; }
[data-module-tight] .p-6  { padding: 0.625rem !important; }
[data-module-tight] .p-8  { padding: 0.75rem !important; }
[data-module-tight] .px-4 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
[data-module-tight] .px-5 { padding-left: 0.625rem !important; padding-right: 0.625rem !important; }
[data-module-tight] .px-6 { padding-left: 0.625rem !important; padding-right: 0.625rem !important; }
[data-module-tight] .px-8 { padding-left: 0.75rem !important; padding-right: 0.75rem !important; }
[data-module-tight] .py-4 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
[data-module-tight] .py-5 { padding-top: 0.625rem !important; padding-bottom: 0.625rem !important; }
[data-module-tight] .py-6 { padding-top: 0.625rem !important; padding-bottom: 0.625rem !important; }
[data-module-tight] .py-8 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; }
[data-module-tight] .pt-4, [data-module-tight] .pt-5, [data-module-tight] .pt-6 { padding-top: 0.5rem !important; }
[data-module-tight] .pt-8 { padding-top: 0.75rem !important; }
[data-module-tight] .pb-4, [data-module-tight] .pb-5, [data-module-tight] .pb-6 { padding-bottom: 0.5rem !important; }
[data-module-tight] .pb-8 { padding-bottom: 0.75rem !important; }
[data-module-tight] .pl-4, [data-module-tight] .pl-5, [data-module-tight] .pl-6 { padding-left: 0.5rem !important; }
[data-module-tight] .pl-8 { padding-left: 0.75rem !important; }
[data-module-tight] .pr-4, [data-module-tight] .pr-5, [data-module-tight] .pr-6 { padding-right: 0.5rem !important; }
[data-module-tight] .pr-8 { padding-right: 0.75rem !important; }
/* ---------- Gaps ---------- */
[data-module-tight] .gap-3 { gap: 0.25rem !important; }
[data-module-tight] .gap-4 { gap: 0.375rem !important; }
[data-module-tight] .gap-5 { gap: 0.5rem !important; }
[data-module-tight] .gap-6 { gap: 0.5rem !important; }
[data-module-tight] .gap-8 { gap: 0.5rem !important; }
[data-module-tight] .gap-x-4, [data-module-tight] .gap-x-5, [data-module-tight] .gap-x-6 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; }
[data-module-tight] .gap-x-8 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; }
[data-module-tight] .gap-y-4, [data-module-tight] .gap-y-5, [data-module-tight] .gap-y-6 { row-gap: 0.5rem !important; }
[data-module-tight] .gap-y-8 { row-gap: 0.5rem !important; }
/* ---------- space-y / space-x ---------- */
[data-module-tight] .space-y-3 > :not([hidden]) ~ :not([hidden]),
[data-module-tight] .space-y-4 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0.375rem !important;
}
[data-module-tight] .space-y-5 > :not([hidden]) ~ :not([hidden]),
[data-module-tight] .space-y-6 > :not([hidden]) ~ :not([hidden]),
[data-module-tight] .space-y-8 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0.5rem !important;
}
[data-module-tight] .space-x-3 > :not([hidden]) ~ :not([hidden]),
[data-module-tight] .space-x-4 > :not([hidden]) ~ :not([hidden]) {
  margin-left: 0.375rem !important;
}
[data-module-tight] .space-x-5 > :not([hidden]) ~ :not([hidden]),
[data-module-tight] .space-x-6 > :not([hidden]) ~ :not([hidden]),
[data-module-tight] .space-x-8 > :not([hidden]) ~ :not([hidden]) {
  margin-left: 0.5rem !important;
}
/* ---------- Margins (cap large ones) ---------- */
[data-module-tight] .m-4, [data-module-tight] .m-5, [data-module-tight] .m-6, [data-module-tight] .m-8 { margin: 0.5rem !important; }
[data-module-tight] .mt-4, [data-module-tight] .mt-5, [data-module-tight] .mt-6, [data-module-tight] .mt-8 { margin-top: 0.5rem !important; }
[data-module-tight] .mb-4, [data-module-tight] .mb-5, [data-module-tight] .mb-6, [data-module-tight] .mb-8 { margin-bottom: 0.5rem !important; }
[data-module-tight] .ml-4, [data-module-tight] .ml-5, [data-module-tight] .ml-6, [data-module-tight] .ml-8 { margin-left: 0.5rem !important; }
[data-module-tight] .mr-4, [data-module-tight] .mr-5, [data-module-tight] .mr-6, [data-module-tight] .mr-8 { margin-right: 0.5rem !important; }
/* ---------- Radius (sharper, modular) ---------- */
[data-module-tight] .rounded-lg,
[data-module-tight] .rounded-xl,
[data-module-tight] .rounded-2xl,
[data-module-tight] .rounded-3xl { border-radius: 4px !important; }
/* rounded-full preserved intentionally — pills/avatars stay round */
/* ---------- Borders (hairline + softer) ---------- */
[data-module-tight] .border,
[data-module-tight] .border-t,
[data-module-tight] .border-b,
[data-module-tight] .border-l,
[data-module-tight] .border-r {
  border-color: hsl(var(--border) / 0.4) !important;
  border-width: 1px;
}
/* ---------- Shadows (flatten) ---------- */
[data-module-tight] .shadow-md,
[data-module-tight] .shadow-lg,
[data-module-tight] .shadow-xl,
[data-module-tight] .shadow-2xl { box-shadow: none !important; }
/* ---------- Buttons ---------- */
[data-module-tight] .h-10 { height: 1.75rem !important; }
[data-module-tight] .h-11 { height: 2rem !important; }
[data-module-tight] .h-12 { height: 2rem !important; }
/* Default native buttons (skip ones tagged with [data-size] / role-specific) */
[data-module-tight] button:not([data-size]):not([data-container-chrome-control]):not([role="tab"]):not([role="switch"]):not([data-state]):not([aria-haspopup]) {
  min-height: 1.75rem;
  padding: 0 0.5rem;
  font-size: 0.75rem;
  border-radius: 3px;
}
/* Icon-only buttons — leave container traffic lights / settings alone */
[data-module-tight] button:not([data-container-chrome-control]) > svg:only-child {
  height: 0.875rem;
  width: 0.875rem;
}
/* Container topbar chrome must keep its square hit target + icon size */
[data-module-tight] button[data-container-chrome-control] {
  width: 1.5rem !important;
  height: 1.5rem !important;
  min-height: 1.5rem !important;
  min-width: 1.5rem !important;
  padding: 0 !important;
  border-radius: 1px !important;
}
[data-module-tight] button[data-container-chrome-control] > img,
[data-module-tight] button[data-container-chrome-control] > svg {
  width: 1rem !important;
  height: 1rem !important;
  max-width: none !important;
  max-height: none !important;
}
/* ---------- Inputs / selects / textareas ---------- */
[data-module-tight] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
[data-module-tight] select,
[data-module-tight] textarea {
  font-size: 0.75rem !important;
  border-radius: 3px !important;
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
[data-module-tight] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
[data-module-tight] select {
  height: 1.75rem !important;
}
/* ---------- Typography ---------- */
[data-module-tight] .text-2xl { font-size: 1rem !important; line-height: 1.4 !important; }
[data-module-tight] .text-xl  { font-size: 0.95rem !important; line-height: 1.4 !important; }
[data-module-tight] .text-lg  { font-size: 0.875rem !important; line-height: 1.4 !important; }
[data-module-tight] h1,
[data-module-tight] h2,
[data-module-tight] h3,
[data-module-tight] h4 {
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}
/* ---------- Cards ---------- */
[data-module-tight] [class*="rounded-2xl"][class*="bg-card"],
[data-module-tight] [class*="rounded-xl"][class*="bg-card"] {
  border-radius: 4px !important;
  box-shadow: none !important;
}
/* ---------- Tabs / segmented controls ---------- */
[data-module-tight] [role="tablist"] { height: auto !important; }
[data-module-tight] [role="tab"] {
  height: 1.75rem !important;
  font-size: 0.75rem !important;
  border-radius: 3px !important;
  padding: 0 0.5rem !important;
}
/* ---------- Connecting panels (Ableton shared-hairline) ---------- */
[data-module-tight] .grid > .border + .border,
[data-module-tight] .flex > .border + .border {
  margin-left: -1px;
}
[data-module-tight] .grid > .border + .border,
[data-module-tight] [class*="grid-cols"] > .border + .border {
  margin-top: -1px;
}
/* Deskbase — Google Sans as default UI type.
   Beats sitewide Appearance font picker (html.site-font-active) and
   covers portaled menus via [data-deskbase-portal]. */
@font-face {
  font-family: 'Google Sans';
  src: url('/fonts/google-sans/GoogleSans-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Google Sans';
  src: url('/fonts/google-sans/GoogleSans-Italic-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
[data-deskbase],
[data-deskbase-portal],
html.site-font-active [data-deskbase],
html.site-font-active [data-deskbase-portal] {
  --deskbase-font: 'Google Sans', 'SF Pro Text', system-ui, sans-serif;
  --font-sans: var(--deskbase-font);
  --default-font-family: var(--deskbase-font);
  --rd-font-sans: var(--deskbase-font);
  --font-mono: var(--deskbase-font);
  /* Body copy stays full white; muted chrome uses the theme token. */
  --foreground: 0 0% 100%;
  --card-foreground: 0 0% 100%;
  --popover-foreground: 0 0% 100%;
  --secondary-foreground: 0 0% 100%;
  --accent-foreground: 0 0% 100%;
  font-family: var(--deskbase-font);
  font-size: var(--deskbase-text-size, 10px);
  font-feature-settings: 'kern' 1, 'liga' 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff;
}
/* Body / primary copy stays white. Headers and empty labels use muted. */
[data-deskbase],
[data-deskbase] .text-foreground,
[data-deskbase] .text-secondary-foreground,
[data-deskbase] .text-card-foreground,
[data-deskbase] .text-popover-foreground,
[data-deskbase] .text-accent-foreground,
[data-deskbase] [class*="text-foreground"]:not([class*="text-muted-foreground"]),
[data-deskbase-portal],
[data-deskbase-portal] .text-foreground,
[data-deskbase-portal] .text-secondary-foreground,
[data-deskbase-portal] [class*="text-foreground"]:not([class*="text-muted-foreground"]) {
  color: #ffffff !important;
}
[data-deskbase] [data-deskbase-col-header],
[data-deskbase] [data-deskbase-col-header] *,
[data-deskbase] .text-muted-foreground,
[data-deskbase-portal] .text-muted-foreground {
  color: hsl(var(--muted-foreground)) !important;
}
/* Shell / table surface follows Appearance theme background (e.g. #151516). */
[data-deskbase] {
  background-color: hsl(var(--background));
}
/* Deskbase ScrollArea — undo the shared component's bg-sidebar so the
   database body inherits the theme background instead of the sidebar token. */
[data-deskbase] [data-radix-scroll-area-viewport] {
  background-color: hsl(var(--background)) !important;
}
/* Column headers — lifted from topbar + row cells for visual separation. */
[data-deskbase] [data-deskbase-col-header] {
  background-color: hsl(var(--muted));
  min-height: 20px;
}
[data-deskbase] [data-task-row] {
  min-height: 20px;
}
[data-deskbase],
[data-deskbase] *:not(svg):not(svg *),
[data-deskbase] button,
[data-deskbase] input,
[data-deskbase] select,
[data-deskbase] textarea,
[data-deskbase] .font-sans,
[data-deskbase] .font-mono,
[data-deskbase] code,
[data-deskbase] pre,
[data-deskbase] kbd,
[data-deskbase] samp,
[data-deskbase] [role='tab'],
[data-deskbase] [role='tablist'],
[data-deskbase] [role='tabpanel'],
[data-deskbase] [data-radix-collection-item],
[data-deskbase-toolbar],
[data-deskbase-toolbar] button,
[data-deskbase-toolbar] input,
[data-deskbase-toolbar] [role="combobox"],
[data-deskbase-toolbar] [data-slot="select-trigger"],
[data-deskbase-portal],
[data-deskbase-portal] *:not(svg):not(svg *),
[data-deskbase-portal] button,
[data-deskbase-portal] input,
[data-deskbase-portal] select,
[data-deskbase-portal] textarea,
[data-deskbase-portal] .font-sans,
[data-deskbase-portal] .font-mono,
html.site-font-active [data-deskbase],
html.site-font-active [data-deskbase] *:not(svg):not(svg *),
html.site-font-active [data-deskbase] button,
html.site-font-active [data-deskbase] input,
html.site-font-active [data-deskbase] select,
html.site-font-active [data-deskbase] textarea,
html.site-font-active [data-deskbase] [role='tab'],
html.site-font-active [data-deskbase] [role='tablist'],
html.site-font-active [data-deskbase] [role='tabpanel'],
html.site-font-active [data-deskbase] [data-radix-collection-item],
html.site-font-active [data-deskbase] .font-mono,
html.site-font-active [data-deskbase] code,
html.site-font-active [data-deskbase] pre,
html.site-font-active [data-deskbase-portal],
html.site-font-active [data-deskbase-portal] *:not(svg):not(svg *),
html.site-font-active [data-deskbase-portal] button,
html.site-font-active [data-deskbase-portal] input {
  font-family: var(--deskbase-font) !important;
  font-size: var(--deskbase-text-size, 10px) !important;
  line-height: 1.25 !important;
  font-feature-settings: 'kern' 1, 'liga' 1;
}
/* Deskbase toolbar — keep compact even under [data-module-tight-off]
   (opt-out restores button font-size:revert, which otherwise beats the size var). */
[data-deskbase-toolbar],
[data-deskbase-toolbar] button,
[data-deskbase-toolbar] input,
[data-deskbase-toolbar] [role="combobox"],
[data-deskbase-toolbar] [data-slot="select-trigger"] {
  font-size: var(--deskbase-text-size, 10px) !important;
  line-height: 1.2 !important;
}
/* ============================================================
   Opt-out — restores normal spacing for canvas-heavy modules.
   Higher specificity wins, no !important needed for most cases.
   ============================================================ */
[data-module-tight] [data-module-tight-off],
[data-module-tight] [data-module-tight-off] * {
  /* Reset by re-declaring the most aggressive overrides */
}
[data-module-tight-off] .p-4  { padding: 1rem !important; }
[data-module-tight-off] .p-5  { padding: 1.25rem !important; }
[data-module-tight-off] .p-6  { padding: 1.5rem !important; }
[data-module-tight-off] .p-8  { padding: 2rem !important; }
[data-module-tight-off] .gap-4 { gap: 1rem !important; }
[data-module-tight-off] .gap-6 { gap: 1.5rem !important; }
[data-module-tight-off] .rounded-lg { border-radius: 0.5rem !important; }
[data-module-tight-off] .rounded-xl { border-radius: 0.75rem !important; }
[data-module-tight-off] .rounded-2xl { border-radius: 1rem !important; }
[data-module-tight-off] button:not([data-size]) {
  min-height: 0;
  padding: revert;
  font-size: revert;
  border-radius: revert;
}
[data-module-tight-off] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
[data-module-tight-off] select,
[data-module-tight-off] textarea {
  height: auto !important;
  font-size: revert !important;
  padding: revert !important;
}
/* Full opt-out for tabs, headings, and text scale */
[data-module-tight-off] [role="tab"],
[data-module-tight] [data-module-tight-off] [role="tab"],
[data-module-tight][data-module-tight-off] [role="tab"] {
  height: auto !important;
  min-height: unset !important;
  font-size: inherit !important;
  border-radius: revert !important;
  padding: revert !important;
}
[data-module-tight-off] h1,
[data-module-tight-off] h2,
[data-module-tight-off] h3,
[data-module-tight-off] h4,
[data-module-tight] [data-module-tight-off] h1,
[data-module-tight] [data-module-tight-off] h2,
[data-module-tight] [data-module-tight-off] h3,
[data-module-tight] [data-module-tight-off] h4 {
  font-size: revert !important;
  line-height: revert !important;
  letter-spacing: revert !important;
}
[data-module-tight-off] .text-2xl,
[data-module-tight-off] .text-xl,
[data-module-tight-off] .text-lg,
[data-module-tight] [data-module-tight-off] .text-2xl,
[data-module-tight] [data-module-tight-off] .text-xl,
[data-module-tight] [data-module-tight-off] .text-lg {
  font-size: revert !important;
  line-height: revert !important;
}
/* Blocknest Studio — never apply module-tight crushing (embedded full UI) */
[data-module-tight] [data-blocknest-studio] button,
[data-module-tight] [data-module-tight-off] button,
[data-module-tight] [data-blocknest-studio] input,
[data-module-tight] [data-module-tight-off] input,
[data-module-tight] [data-blocknest-studio] select,
[data-module-tight] [data-module-tight-off] select,
[data-module-tight] [data-blocknest-studio] textarea,
[data-module-tight] [data-module-tight-off] textarea {
  min-height: unset !important;
  height: unset !important;
  padding: revert !important;
  font-size: revert !important;
  border-radius: revert !important;
}
[data-module-tight] [data-blocknest-studio] [role="tab"],
[data-module-tight] [data-module-tight-off] [role="tab"],
[data-module-tight] [data-blocknest-studio] footer button {
  height: auto !important;
  min-height: unset !important;
  font-size: inherit !important;
  border-radius: revert !important;
  padding: revert !important;
}
/* Blocknest embed — disable all module-tight utility crushing inside studio shell */
[data-module-tight] [data-blocknest-studio] .gap-3,
[data-module-tight] [data-blocknest-studio] .gap-4,
[data-module-tight] [data-blocknest-studio] .gap-5,
[data-module-tight] [data-blocknest-studio] .gap-6,
[data-module-tight] [data-blocknest-studio] .gap-8 {
  gap: revert !important;
}
[data-module-tight] [data-blocknest-studio] .rounded-lg,
[data-module-tight] [data-blocknest-studio] .rounded-xl,
[data-module-tight] [data-blocknest-studio] .rounded-2xl,
[data-module-tight] [data-blocknest-studio] .rounded-3xl {
  border-radius: revert !important;
}
[data-module-tight] [data-blocknest-studio] .h-10,
[data-module-tight] [data-blocknest-studio] .h-11,
[data-module-tight] [data-blocknest-studio] .h-12 {
  height: revert !important;
}
[data-module-tight] [data-blocknest-studio] button:not([data-format-bar-control]) {
  min-height: revert !important;
  height: revert !important;
  padding: revert !important;
  font-size: revert !important;
  border-radius: revert !important;
}
[data-module-tight] [data-blocknest-studio] [role="tab"] {
  height: revert !important;
  min-height: revert !important;
  font-size: revert !important;
  border-radius: revert !important;
  padding: revert !important;
}
[data-module-tight] [data-blocknest-studio] .text-2xl,
[data-module-tight] [data-blocknest-studio] .text-xl,
[data-module-tight] [data-blocknest-studio] .text-lg {
  font-size: revert !important;
  line-height: revert !important;
}
[data-module-tight] [data-blocknest-studio] .shadow-md,
[data-module-tight] [data-blocknest-studio] .shadow-lg,
[data-module-tight] [data-blocknest-studio] .shadow-xl,
[data-module-tight] [data-blocknest-studio] .shadow-2xl {
  box-shadow: revert !important;
}
/**
 * Radix UI Positioning Fixes
 * 
 * IMPORTANT RULES:
 * 1. Do NOT set position/transform on popper elements - Radix handles positioning via inline styles
 * 2. Do NOT apply animate-in/zoom-in/slide-in classes to Radix Content elements
 *    - These classes animate transform which conflicts with Radix's positioning
 *    - Instead, wrap children in an inner div and animate that
 * 3. Only set z-index on these elements
 * 
 * If you see menus appearing at top-left (0,0), check if transform animations
 * are being applied to Content elements instead of inner wrappers.
 */
/* Dialog overlays */
[data-radix-dialog-overlay] {
  z-index: 2147483646;
}
/* Dialog content - centered modals (excludes Sheets) */
[data-radix-dialog-content]:not([data-vaul-drawer]):not([data-sheet="true"]):not(.sheet-content) {
  z-index: 2147483647;
}
/* AlertDialog content */
[data-radix-alert-dialog-content] {
  z-index: 2147483647;
}
/* Sheet/Drawer - no centering transform */
[data-vaul-drawer],
[data-sheet="true"],
.sheet-content {
  transform: none !important;
  left: auto !important;
  top: 0 !important;
}
/* Tooltip - highest z-index */
[data-radix-tooltip-content] {
  z-index: 2147483647;
}
/* Popover/Dropdown popper wrapper - ensure proper positioning */
[data-radix-popper-content-wrapper] {
  z-index: 2147483647 !important;
  /* CRITICAL: Never override transform - Radix uses it for positioning */
}
/* Global styles to fix scrolling and improve layout */
html, body, #root {
  min-height: 100%;
  height: 100%;
  overflow-x: hidden !important;
  overscroll-behavior-x: none !important;
  overscroll-behavior-y: auto;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100vw !important;
  zoom: 1 !important;
  -webkit-text-size-adjust: 100% !important;
}
/* NOTE: Global transform resets were removed because they broke Radix Dropdown/Popover positioning
   (menus jumping to the top-left). If you need to address domain scaling bugs, do it on layout
   containers (html/body/#root) only, not via a global * selector. */
/* Force main content to take full width */
#root {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: 100vw !important;
  overflow-x: hidden !important;
  overscroll-behavior-x: none !important;
}
* {
  overscroll-behavior-x: contain;
}
/* Auth page specific overrides - Force explicit colors */
.auth-page {
  overflow: hidden !important;
  max-height: 100vh !important;
  width: 100% !important;
  max-width: 100vw !important;
}
/* Explicit auth page color overrides that cannot be overridden by themes */
.auth-page .text-white {
  color: #ffffff !important;
}
/* Force auth right panel text to be dark for visibility */
.auth-page .text-gray-900,
.bg-white h1,
.bg-white h2,
.bg-white h3 {
  color: #1a202c !important;
}
.auth-page .text-gray-600 {
  color: #4a5568 !important;
}
.auth-page .text-gray-500 {
  color: #718096 !important;
}
/* Hide scrollbars but keep functionality */
.scrollbar-none {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.scrollbar-none::-webkit-scrollbar {
  display: none;  /* Chrome, Safari and Opera */
}
/* Sidebar resize styles */
[data-sidebar] {
  position: relative;
  transition: width 0.2s ease-in-out, transform 0.3s ease-in-out !important;
  max-width: 100% !important;
}
.sidebar-resizing {
  transition: none !important;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
/* Enhanced mobile responsiveness */
@media screen and (max-width: 768px) {
  .page-content {
    padding: 1rem 0.75rem !important;
  }
  
  .mobile-compact {
    padding: 0.75rem !important;
    margin: 0.5rem 0 !important;
  }
  
  .mobile-spacing {
    margin-bottom: 0.75rem !important;
    margin-top: 0.5rem !important;
  }
  
  .mobile-button {
    min-height: 44px !important;
    font-size: 0.875rem !important;
    padding: 0.75rem 1rem !important;
  }
  
  .mobile-text {
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
  }
  
  .mobile-heading {
    font-size: 1.125rem !important;
    line-height: 1.5rem !important;
  }
  
  /* Card optimizations */
  .card {
    padding: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  
  /* Button optimizations */
  .btn:not([data-blocknest-studio] *):not([data-blocknest-studio]),
  button:not([data-blocknest-studio] *):not([data-blocknest-studio]) {
    min-height: 44px !important;
    touch-action: manipulation !important;
  }

  [data-blocknest-studio] button,
  [data-blocknest-studio] input,
  [data-blocknest-studio] textarea,
  [data-blocknest-studio] select {
    min-height: unset !important;
    font-size: inherit !important;
  }
  
  /* Input optimizations */
  input:not([data-blocknest-studio] *):not([data-blocknest-studio]),
  textarea:not([data-blocknest-studio] *):not([data-blocknest-studio]),
  select:not([data-blocknest-studio] *):not([data-blocknest-studio]) {
    min-height: 44px !important;
    font-size: 16px !important;
  }
  
  /* Horizontal tab strips scroll; vertical sidebars own their own overflow. */
  [role="tablist"]:not(.ui-ref-ps1-tree-nav):not([aria-orientation="vertical"]):not([data-orientation="vertical"]) {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
  
  /* Make sure flex items don't shrink too much on mobile */
  .flex-1 {
    min-width: 0 !important;
  }
}
/* Touch-friendly interactive elements */
@media (hover: none) and (pointer: coarse) {
  button:not([data-blocknest-studio] *):not([data-blocknest-studio]),
  [role="button"]:not([data-blocknest-studio] *):not([data-blocknest-studio]),
  [role="tab"]:not([data-blocknest-studio] *):not([data-blocknest-studio]),
  [role="menuitem"]:not([data-blocknest-studio] *):not([data-blocknest-studio]) {
    min-height: 44px !important;
    min-width: 44px !important;
    touch-action: manipulation !important;
  }

  [data-blocknest-studio] button,
  [data-blocknest-studio] [role="button"],
  [data-blocknest-studio] [role="tab"],
  [data-blocknest-studio] [role="menuitem"] {
    min-height: unset !important;
    min-width: unset !important;
  }
}
/* Gallery styles */
.gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 1rem;
}
.gallery-item {
  position: relative;
  overflow: hidden;
  border-radius: 0.5rem;
  transition: all 0.3s ease;
}
.gallery-item:hover {
  transform: translateY(-3px);
}
.gallery-modal {
  position: fixed;
  inset: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.75);
}
/* TouchDesigner project specific styles */
.touchdesigner-image {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transition: transform 0.5s ease;
}
.touchdesigner-card:hover .touchdesigner-image {
  transform: scale(1.05);
}
/* Project card specific styles */
.project-card-small .card {
  max-width: 100%;
}
.project-card-small .card-header {
  padding: 0;
}
.project-card-small .card-content {
  padding: 0.75rem;
}
.project-card-small .card-footer {
  padding: 0.5rem;
}
/* Mobile optimized layout classes */
@media (max-width: 640px) {
  .mobile-p-0 {
    padding: 0 !important;
  }
  
  .mobile-p-2 {
    padding: 0.5rem !important;
  }
  
  .mobile-p-3 {
    padding: 0.75rem !important;
  }
  
  .mobile-compact-card {
    border-radius: 0.375rem !important;
    margin-bottom: 0.5rem !important;
  }
  
  .mobile-compact-header {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  
  .mobile-button-sm {
    height: 2rem !important;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    font-size: 0.75rem !important;
  }
}
/* Critical layout fixes for production environment */
.min-h-screen {
  min-height: 100vh !important;
  max-width: 100vw !important;
  width: 100% !important;
  overflow-x: hidden !important;
}
.page-content {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}
/* Fix for content areas */
.app-toolbar {
  max-width: 100% !important;
}
/* Fix for sidebars and main content layout */
.flex-1 {
  flex: 1 1 0% !important;
}
main {
  max-width: 100% !important;
  width: 100% !important;
  overflow-x: hidden !important;
}
/* Fix for mobile sidebar */
@media (max-width: 768px) {
  [data-sidebar] {
    max-width: 100% !important;
  }
}
/* Add these viewport fixes for domain access */
@media screen and (min-width: 1px) {
  html, body {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
    zoom: 1 !important;
    -webkit-text-size-adjust: 100% !important;
  }
  
  #root {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }
  
  /* Force page content to behave */
  .page-content {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }

  /* Force certain page elements to behave */
  .card {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  
  /* Force layout elements to behave */
  .flex {
    max-width: 100% !important;
  }
}
/* Fix for the auth page */
.auth-page {
  width: 100vw !important;
  max-width: 100vw !important;
  overflow-x: hidden !important;
}
/* Additional domain-specific fixes */
body[data-domain] {
  zoom: 1 !important;
  -webkit-text-size-adjust: 100% !important;
}
/* NOTE: Removed transform/scale stripping on inline-styled elements because it breaks Radix popper positioning. */
/* Force readable text in dark cards - Fixed version that avoids circular dependencies */
.dark .dark-card-with-bg-black h3,
.dark .dark-card-with-bg-black p {
  color: rgba(255, 255, 255, 0.9) !important;
}
.dark .dark-card-with-bg-white h3,
.dark .dark-card-with-bg-white p {
  color: rgba(255, 255, 255, 0.9) !important;
}
/* Text shadow removed */
/* Additional readable text styles */
.dark .text-on-dark-bg {
  color: rgba(255, 255, 255, 0.9);
}
/* How It Works section text color fix - using custom class names to avoid circular dependencies */
.dark .dark-card-with-bg-white h3, 
.dark .dark-card-with-bg-black h3 {
  color: white !important;
}
.dark .dark-card-with-bg-white p,
.dark .dark-card-with-bg-black p {
  color: rgba(255, 255, 255, 0.9) !important;
}
/* Consistent toolbar styling across the site */
.app-toolbar {
    border-radius: var(--radius);
  }
html.rounded-corners .app-toolbar { border-radius: 0.5rem; }
.app-toolbar {
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  overflow-x: auto;
  border-radius: var(--radius);
  border-width: 1px;
  padding: 0.5rem;
}
[data-module-tight] .app-toolbar { border-radius: 4px;
  border-color: hsl(var(--border) / 0.4);
  border-width: 1px; }

[data-module-tight] .app-toolbar > .border + .border {
  margin-left: -1px;
}
[data-module-tight] .grid > .app-toolbar + .border,
[data-module-tight] .flex > .app-toolbar + .border {
  margin-left: -1px;
}
[data-module-tight] .grid > .app-toolbar + .border,
[data-module-tight] [class*="grid-cols"] > .app-toolbar + .border {
  margin-top: -1px;
}
[data-module-tight-off] .app-toolbar { border-radius: 0.5rem; }
[data-module-tight] [data-blocknest-studio] .app-toolbar {
  border-radius: revert;
}
@media screen and (min-width: 1px) {
  .app-toolbar {
    max-width: 100%;
  }
}
.rd-docs-surface .app-toolbar {
  border-style: dotted;
  border-color: hsl(var(--border) / 0.7);
}
.build-page-surface .app-toolbar {
  border-style: solid;
}

.em-pro .app-toolbar {
  border-color: var(--em-line);
}

.em-pro.em-pro--site-theme .app-toolbar {
  border-color: hsl(var(--border));
}
.ui-build-glass .em-catalog-card span.app-toolbar {
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.06);
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] .relative.app-toolbar.h-full.min-h-0.shrink-0 {
  align-self: flex-start;
}
.ui-build-page
  [data-ui-build-gallery='carousel-v1']
  [data-primary-ui-containers]
  #project-interface-catalogue-applet[data-catalogue-ps1-layout]
  .relative.app-toolbar.h-full.min-h-0.shrink-0:has([data-project-catalogue-ps1-sidebar]) {
  align-self: stretch;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] .relative.app-toolbar.h-full {
  overflow: visible;
}

.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] #project-interface-catalogue-applet .relative.app-toolbar.h-full.min-h-0.shrink-0:has([data-project-catalogue-ps1-sidebar]) {
  min-width: calc(2.5rem + 11rem);
  flex-shrink: 0;
}

html[data-corners="sharp"] .app-toolbar:not(.rounded-full):not(.corners-keep-sharp),
html:not([data-corners="rounded"]):not(.rounded-corners) .app-toolbar:not(.rounded-full):not(.corners-keep-sharp) {
  border-radius: 0;
}
html[data-corners="rounded"] .app-toolbar,
html.rounded-corners .app-toolbar {
  border-radius: 0.5rem;
}
html[data-corners="rounded"] [data-module-tight] .app-toolbar,
html.rounded-corners [data-module-tight] .app-toolbar {
  border-radius: 0.5rem;
}
.dark .app-toolbar {
  border-color: hsl(var(--border));
  background-color: hsl(var(--card));
}

.em-pro .dark .app-toolbar {
  background-color: var(--em-panel);
}
.em-pro .dark .app-toolbar {
  border-color: var(--em-line);
}
.em-pro.em-pro--site-theme .dark .app-toolbar {
  background-color: hsl(var(--card));
  border-color: hsl(var(--border));
}
.ui-build-page .em-pro .dark .app-toolbar {
  background-color: hsl(var(--card));
}
.ui-build-glass.ui-build-glass-pro .dark .app-toolbar {
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
  border-color: var(--ubg-border-soft);
  background: var(--ubg-card);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: var(--ubg-inset), var(--ubg-glow);
  color: rgba(255, 255, 255, 0.92);
}
.ui-build-glass.ui-build-glass-pro .dark .app-toolbar::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0.2;
  background-image: var(--ubg-grain);
  background-size: 128px 128px;
  mix-blend-mode: soft-light;
}
[data-light-panel="true"] .dark .app-toolbar {
  border-color: rgba(0, 0, 0, 0.15);
}
.light .app-toolbar {
  border-color: hsl(var(--border));
  background-color: hsl(var(--background));
}
.em-pro .light .app-toolbar {
  background-color: var(--em-panel);
  border-color: var(--em-line);
}
.em-pro.em-pro--site-theme .light .app-toolbar {
  background-color: hsl(var(--background));
  border-color: hsl(var(--border));
}
.ui-build-page .em-pro .light .app-toolbar {
  background-color: hsl(var(--background));
}
.ui-build-glass.ui-build-glass-pro .light .app-toolbar {
  background: transparent;
}
[data-light-panel="true"] .light .app-toolbar {
  border-color: rgba(0, 0, 0, 0.15);
}
.desk-os-menubar [role="menubar"] button.light .app-toolbar {
  color: hsl(var(--foreground));
}
.app-toolbar-content {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.375rem;
}

[data-module-tight] .app-toolbar-content > .border + .border {
  margin-left: -1px;
}
@media screen and (min-width: 1px) {
  .app-toolbar-content {
    max-width: 100%;
  }
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] .relative.app-toolbar-content.h-full.min-h-0.shrink-0 {
  align-self: flex-start;
}
.ui-build-page
  [data-ui-build-gallery='carousel-v1']
  [data-primary-ui-containers]
  #project-interface-catalogue-applet[data-catalogue-ps1-layout]
  .relative.app-toolbar-content.h-full.min-h-0.shrink-0:has([data-project-catalogue-ps1-sidebar]) {
  align-self: stretch;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] .relative.app-toolbar-content.h-full {
  overflow: visible;
}

.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] #project-interface-catalogue-applet .relative.app-toolbar-content.h-full.min-h-0.shrink-0:has([data-project-catalogue-ps1-sidebar]) {
  min-width: calc(2.5rem + 11rem);
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .app-toolbar-content {
    flex-wrap: nowrap;
  }
}
.app-toolbar-section {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
}

[data-module-tight] .app-toolbar-section > .border + .border {
  margin-left: -1px;
}
@media screen and (min-width: 1px) {
  .app-toolbar-section {
    max-width: 100%;
  }
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] .relative.app-toolbar-section.h-full.min-h-0.shrink-0 {
  align-self: flex-start;
}
.ui-build-page
  [data-ui-build-gallery='carousel-v1']
  [data-primary-ui-containers]
  #project-interface-catalogue-applet[data-catalogue-ps1-layout]
  .relative.app-toolbar-section.h-full.min-h-0.shrink-0:has([data-project-catalogue-ps1-sidebar]) {
  align-self: stretch;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] .relative.app-toolbar-section.h-full {
  overflow: visible;
}

.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] #project-interface-catalogue-applet .relative.app-toolbar-section.h-full.min-h-0.shrink-0:has([data-project-catalogue-ps1-sidebar]) {
  min-width: calc(2.5rem + 11rem);
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .app-toolbar-section {
    flex-wrap: nowrap;
  }
}
/* Navigation button styles - consistent pill-style buttons */

  :is(html, .component-theme-scope).ableton .nav-pill-button {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
  }
.nav-pill-button {
    border-radius: var(--radius);
  }
html.rounded-corners .nav-pill-button { border-radius: 0.375rem; }
.nav-pill-button {
  border-radius: calc(var(--radius) - 2px);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.dashboard-sidebar-shell .nav-pill-button:not(:where([data-desk-build-suite] *, [data-desk-build-suite])) {
  font-size: var(--build-page-font-size);
  font-weight: 600;
  line-height: var(--build-page-line-height);
}

.dashboard-sidebar-shell [data-build-nav-grid] .nav-pill-button,
.build-page-shell-typography [data-build-nav-grid] .nav-pill-button {
  font-size: 0.75rem;
  line-height: 1.25;
}

html[data-corners="sharp"] .nav-pill-button:not(.rounded-full):not(.corners-keep-sharp):not(.ui-ref-ps1-tab):not(.ui-ref-ps3-tab):not(.ui-ref-ps1-glow-icon),
html:not([data-corners="rounded"]):not(.rounded-corners) .nav-pill-button:not(.rounded-full):not(.corners-keep-sharp):not(.ui-ref-ps1-tab):not(.ui-ref-ps3-tab):not(.ui-ref-ps1-glow-icon) {
  border-radius: 0;
}
html[data-corners="rounded"] .nav-pill-button,
html.rounded-corners .nav-pill-button {
  border-radius: 0.375rem;
}
.nav-pill-button-active {
  background-color: hsl(var(--primary));
  color: hsl(var(--primary-foreground));
  background-color: var(--primary);
}
.nav-pill-button-active:hover {
  background-color: hsl(var(--primary) / 0.9);
}
:is(html, .component-theme-scope).deskdarklegacy .nav-pill-button-inactive {
    font-size: 12px;
  }
.nav-pill-button-inactive {
  border-width: 1px;
  border-color: hsl(var(--border));
  background-color: transparent;
  color: hsl(var(--muted-foreground));
}
.rd-opaque-card.rd-icons-floater-chrome .nav-pill-button-inactive {
  color: rgba(255, 255, 255, 0.7);
}
[data-module-tight] .nav-pill-button-inactive {
  border-color: hsl(var(--border) / 0.4);
  border-width: 1px;
}
[data-module-tight] .grid > .nav-pill-button-inactive + .border,
[data-module-tight] .flex > .nav-pill-button-inactive + .border {
  margin-left: -1px;
}
[data-module-tight] .grid > .nav-pill-button-inactive + .border,
[data-module-tight] [class*="grid-cols"] > .nav-pill-button-inactive + .border {
  margin-top: -1px;
}

[data-deskbase] .nav-pill-button-inactive,
[data-deskbase-portal] .nav-pill-button-inactive {
  color: hsl(var(--muted-foreground));
}
.rd-docs-surface .nav-pill-button-inactive {
  border-style: dotted;
  border-color: hsl(var(--border) / 0.7);
}
.build-page-surface .nav-pill-button-inactive {
  border-style: solid;
}
.linear-dev-tasks-sidebar-cell .nav-pill-button-inactive,
.linear-dev-tasks-sidebar-unified .nav-pill-button-inactive,
.linear-dev-tasks-sidebar-body .nav-pill-button-inactive,
.dashboard-sidebar-shell-aside .nav-pill-button-inactive {
  color: hsl(var(--muted-foreground));
}

.em-pro .nav-pill-button-inactive {
  border-color: var(--em-line);
}
.em-pro .nav-pill-button-inactive {
  border-color: var(--em-line);
}
.em-pro.em-pro--site-theme .nav-pill-button-inactive {
  color: hsl(var(--muted-foreground));
}

.em-pro.em-pro--site-theme .nav-pill-button-inactive {
  border-color: hsl(var(--border));
}
.em-pro.em-pro--site-theme .nav-pill-button-inactive {
  border-color: hsl(var(--border));
}
.ui-build-page .em-pro .nav-pill-button-inactive {
  color: hsl(var(--muted-foreground));
}
.ui-build-glass .em-catalog-card span.nav-pill-button-inactive {
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.06);
}

.ui-build-glass .em-section-head .nav-pill-button-inactive {
  color: rgba(255, 255, 255, 0.58);
}
.ui-build-glass.ui-build-glass-pro .nav-pill-button-inactive {
  color: rgba(255, 255, 255, 0.58);
}
.ui-build-glass.ui-build-glass-listings button.group.rounded-xl .nav-pill-button-inactive {
  color: rgba(255, 255, 255, 0.58);
}

[data-light-panel="true"] .nav-pill-button-inactive {
  color: rgba(0, 0, 0, 0.9);
}
[data-light-panel="true"] .nav-pill-button-inactive {
  border-color: rgba(0, 0, 0, 0.15);
}
.nav-pill-button-inactive:hover {
  background-color: hsl(var(--muted));
  color: hsl(var(--foreground));
}
/* Consistent card styling */
.app-card {
    border-radius: var(--radius);
  }
html.rounded-corners .app-card { border-radius: 0.5rem; }
.app-card {
  border-radius: var(--radius);
  border-width: 1px;
  padding: 0.5rem;
  background-color: hsl(var(--background));
}
[data-module-tight] .app-card { border-radius: 4px;
  border-color: hsl(var(--border) / 0.4);
  border-width: 1px; }
[data-module-tight] .grid > .app-card + .border,
[data-module-tight] .flex > .app-card + .border {
  margin-left: -1px;
}
[data-module-tight] .grid > .app-card + .border,
[data-module-tight] [class*="grid-cols"] > .app-card + .border {
  margin-top: -1px;
}
[data-module-tight-off] .app-card { border-radius: 0.5rem; }
[data-module-tight] [data-blocknest-studio] .app-card {
  border-radius: revert;
}
.rd-docs-surface .app-card {
  border-style: dotted;
  border-color: hsl(var(--border) / 0.7);
}
.build-page-surface .app-card {
  border-style: solid;
}
.em-pro .app-card {
  background-color: var(--em-panel);
}

.em-pro .app-card {
  border-color: var(--em-line);
}
.em-pro.em-pro--site-theme .app-card {
  background-color: hsl(var(--background));
}

.em-pro.em-pro--site-theme .app-card {
  border-color: hsl(var(--border));
}
.ui-build-page .em-pro .app-card {
  background-color: hsl(var(--background));
}
.ui-build-glass .em-catalog-card span.app-card {
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.06);
}
.ui-build-glass.ui-build-glass-pro .app-card {
  background: transparent;
}

html[data-corners="sharp"] .app-card:not(.rounded-full):not(.corners-keep-sharp),
html:not([data-corners="rounded"]):not(.rounded-corners) .app-card:not(.rounded-full):not(.corners-keep-sharp) {
  border-radius: 0;
}
html[data-corners="rounded"] .app-card,
html.rounded-corners .app-card {
  border-radius: 0.5rem;
}
html[data-corners="rounded"] [data-module-tight] .app-card,
html.rounded-corners [data-module-tight] .app-card {
  border-radius: 0.5rem;
}
.desk-os-menubar [role="menubar"] button.app-card {
  color: hsl(var(--foreground));
}
/* Consistent section header */
.section-header {
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

[data-module-tight] .section-header > .border + .border {
  margin-left: -1px;
}
@media screen and (min-width: 1px) {
  .section-header {
    max-width: 100%;
  }
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] .relative.section-header.h-full.min-h-0.shrink-0 {
  align-self: flex-start;
}
.ui-build-page
  [data-ui-build-gallery='carousel-v1']
  [data-primary-ui-containers]
  #project-interface-catalogue-applet[data-catalogue-ps1-layout]
  .relative.section-header.h-full.min-h-0.shrink-0:has([data-project-catalogue-ps1-sidebar]) {
  align-self: stretch;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] .relative.section-header.h-full {
  overflow: visible;
}

.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] #project-interface-catalogue-applet .relative.section-header.h-full.min-h-0.shrink-0:has([data-project-catalogue-ps1-sidebar]) {
  min-width: calc(2.5rem + 11rem);
  flex-shrink: 0;
}

  :is(html, .component-theme-scope).ableton .section-title {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
    font-weight: 700;
  }
.section-title {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
}
[data-module-tight] .section-title  { font-size: 0.95rem; line-height: 1.4; }

[data-module-tight-off] .section-title,
[data-module-tight] [data-module-tight-off] .section-title {
  font-size: revert;
  line-height: revert;
}

[data-module-tight] [data-blocknest-studio] .section-title {
  font-size: revert;
  line-height: revert;
}
/* 8. Special case for Sheet (side drawer) dialogs that shouldn't be centered
   IMPORTANT: Use explicit selectors only - broad attribute selectors like [class*="sheet-"]
   can accidentally match Radix popper elements and break their positioning! */
.sheet-content[data-sheet="true"],
[data-vaul-drawer] {
  top: 0 !important;
  left: auto !important;
  right: 0 !important;
  transform: none !important;
  height: 100% !important;
  max-height: 100% !important;
}
/* Navigation toolbar styles */
.nav-toolbar {
  width: 100%;
  overflow-x: auto;
  border-bottom-width: 1px;
  background-color: hsl(var(--background));
}

[data-module-tight] .nav-toolbar {
  border-color: hsl(var(--border) / 0.4);
  border-width: 1px;
}

.rd-docs-surface .nav-toolbar {
  border-style: dotted;
  border-color: hsl(var(--border) / 0.7);
}

.build-page-surface .nav-toolbar {
  border-style: solid;
}
.em-pro .nav-toolbar {
  background-color: var(--em-panel);
}
.em-pro.em-pro--site-theme .nav-toolbar {
  background-color: hsl(var(--background));
}
.ui-build-page .em-pro .nav-toolbar {
  background-color: hsl(var(--background));
}
.ui-build-glass.ui-build-glass-pro .nav-toolbar {
  background: transparent;
}
.dev-workspace-shell [data-catalogue-embed="true"] .nav-toolbar {
  border-color: var(--dev-ws-border);
}
.desk-os-menubar [role="menubar"] button.nav-toolbar {
  color: hsl(var(--foreground));
}
.nav-toolbar-grid {
  display: grid;
  min-width: -moz-max-content;
  min-width: max-content;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 0.25rem;
  padding: 0.25rem;
}
[data-module-tight] .nav-toolbar-grid > .border + .border {
  margin-left: -1px;
  margin-top: -1px;
}
.ui-build-glass.ui-build-glass-listings > .ui-build-glass-content > .nav-toolbar-grid > button.group {
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
  border-color: var(--ubg-border);
  background: var(--ubg-card);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: var(--ubg-inset), var(--ubg-glow);
  color: rgba(255, 255, 255, 0.92);
}
.nav-button {
  display: flex;
  height: 2.25rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  text-align: center;
}

[data-module-tight] .nav-button > .border + .border {
  margin-left: -1px;
}
@media screen and (min-width: 1px) {
  .nav-button {
    max-width: 100%;
  }
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] .relative.nav-button.h-full.min-h-0.shrink-0 {
  align-self: flex-start;
}
.ui-build-page
  [data-ui-build-gallery='carousel-v1']
  [data-primary-ui-containers]
  #project-interface-catalogue-applet[data-catalogue-ps1-layout]
  .relative.nav-button.h-full.min-h-0.shrink-0:has([data-project-catalogue-ps1-sidebar]) {
  align-self: stretch;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] .relative.nav-button.h-full {
  overflow: visible;
}

.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] #project-interface-catalogue-applet .relative.nav-button.h-full.min-h-0.shrink-0:has([data-project-catalogue-ps1-sidebar]) {
  min-width: calc(2.5rem + 11rem);
  flex-shrink: 0;
}
/* Icon button specific styling */
.icon-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}

[data-module-tight] .icon-button > .border + .border {
  margin-left: -1px;
}
@media screen and (min-width: 1px) {
  .icon-button {
    max-width: 100%;
  }
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] .relative.icon-button.h-full.min-h-0.shrink-0 {
  align-self: flex-start;
}
.ui-build-page
  [data-ui-build-gallery='carousel-v1']
  [data-primary-ui-containers]
  #project-interface-catalogue-applet[data-catalogue-ps1-layout]
  .relative.icon-button.h-full.min-h-0.shrink-0:has([data-project-catalogue-ps1-sidebar]) {
  align-self: stretch;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] .relative.icon-button.h-full {
  overflow: visible;
}

.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] #project-interface-catalogue-applet .relative.icon-button.h-full.min-h-0.shrink-0:has([data-project-catalogue-ps1-sidebar]) {
  min-width: calc(2.5rem + 11rem);
  flex-shrink: 0;
}

  :is(html, .component-theme-scope).ableton .icon-button-text {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
  }
.icon-button-text {
  margin-top: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
}

.dashboard-sidebar-shell .icon-button-text:not(:where([data-desk-build-suite] *, [data-desk-build-suite])) {
  font-size: var(--build-page-font-size);
  font-weight: 600;
  line-height: var(--build-page-line-height);
}

.dashboard-sidebar-shell [data-build-nav-preview] .icon-button-text,
.dashboard-sidebar-shell .build-nav-preview-root .icon-button-text,
.dashboard-sidebar-shell [data-blocknest-studio] .icon-button-text,
.dashboard-sidebar-shell [data-promptbench-root] .icon-button-text {
  font-size: revert;
  line-height: revert;
}

.dashboard-sidebar-shell [data-build-nav-grid] .icon-button-text,
.build-page-shell-typography [data-build-nav-grid] .icon-button-text {
  font-size: 0.75rem;
  line-height: 1.25;
}
/* New tab navigation styles */
.tabs {
  display: flex;
  width: 100%;
  border-radius: 0.5rem;
}
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  padding: 0.5rem 1rem;
  font-weight: 500;
  transition: all 0.2s;
  gap: 0.5rem;
  white-space: nowrap;
}
.btn-text {
  background-color: transparent;
  color: var(--foreground);
}
.bg-primary {
  background-color: var(--primary);
}
.text-white {
  color: white;
}
.hover\:text-primary:hover {
  color: var(--primary);
}
.hover\:bg-primary\/20:hover {
  background-color: rgb(var(--primary-rgb) / 0.2);
}
/* Buildspace-specific zero padding overrides */
[data-buildspace="true"],
[data-buildspace="true"] .page-content,
[data-buildspace="true"] [data-main-content] {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: 100% !important;
}
/* Ensure interactive elements work in buildspace - TARGETED selectors only */
/* DO NOT use * selector - it breaks tldraw's internal pointer-events routing */
[data-buildspace="true"] > button,
[data-buildspace="true"] > a,
[data-buildspace="true"] > input,
[data-buildspace="true"] > textarea,
[data-buildspace="true"] > select,
[data-buildspace="true"] > [role="button"],
[data-buildspace="true"] > [role="menuitem"],
[data-buildspace="true"] > [contenteditable="true"] {
  pointer-events: auto !important;
  cursor: pointer !important;
}
/* Shelf and navigation elements in buildspace */
[data-buildspace="true"] [data-radix-collection-item],
[data-buildspace="true"] [role="tab"],
[data-buildspace="true"] [role="tablist"] > * {
  pointer-events: auto !important;
  cursor: pointer !important;
}
/* Ensure tldraw container receives events but manages its own internals */
[data-buildspace="true"] [data-tldraw-container] {
  pointer-events: auto !important;
}
/* DO NOT override anything inside tldraw - it manages its own pointer-events */
/* Sidebar Preservation Styles
   Minimal overrides to prevent Radix Theme from scaling sidebar fonts.
*/
/* Reset Radix 90% scaling for sidebar */
[data-sidebar-preserved],
[data-sidebar-preserved] *,
.sidebar-preserved,
.sidebar-preserved * {
  font-size: inherit;
}
/* Sidebar resize handle */
[data-sidebar-resize-handle] {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 8px;
  cursor: col-resize;
  z-index: 10;
}
[data-sidebar-resize-handle]:focus {
  outline: none;
}
[data-sidebar-resize-handle]:focus-visible::after {
  background: hsl(var(--primary));
}
/* Prevent text selection during resize */
[data-sidebar-resizing] * {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
  cursor: col-resize !important;
}
[data-sidebar-resizing] [data-sidebar-preserved] {
  will-change: width;
}
[data-sidebar-resizing] main {
  pointer-events: none;
}
/* RD Docs scoped surface — applies the Residents Desk Docs aesthetic
 * (amber accent, DM Sans/DM Mono, dotted hairlines, square corners)
 * to any subtree without changing the user's global theme. */
.rd-docs-surface {
  /* Palette (HSL components, used with hsl(var(--token))) */
  --font-mono: 'DM Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  background: hsl(var(--background));
  color: hsl(var(--foreground));
  font-family: var(--font-sans);
  font-weight: 300;
  font-size: 15px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}
.rd-docs-surface .font-mono,
.rd-docs-surface code,
.rd-docs-surface kbd,
.rd-docs-surface pre,
.rd-docs-surface samp {
  font-family: var(--font-mono);
}
.rd-docs-surface h1,
.rd-docs-surface h2,
.rd-docs-surface h3,
.rd-docs-surface h4,
.rd-docs-surface h5,
.rd-docs-surface h6 {
  text-transform: lowercase;
  letter-spacing: -0.01em;
  font-weight: 400;
}
.rd-docs-surface h1 { font-weight: 300; }
.rd-docs-surface h3 { color: hsl(var(--foreground)); }
.rd-docs-surface h4 { color: hsl(var(--muted-foreground)); }
/* Square corners everywhere except opt-out */
.rd-docs-surface *:not(.rd-docs-keep-radius):not(.rd-docs-keep-radius *) {
  border-radius: 0 !important;
}
/* Kill heavy shadows */
.rd-docs-surface *:not(.rd-docs-keep-shadow):not(.rd-docs-keep-shadow *) {
  box-shadow: none !important;
}
/* Dotted hairlines on any element using a border utility/token */
.rd-docs-surface .border,
.rd-docs-surface .border-t,
.rd-docs-surface .border-b,
.rd-docs-surface .border-l,
.rd-docs-surface .border-r,
.rd-docs-surface .border-x,
.rd-docs-surface .border-y,
.rd-docs-surface [class*="border-border"] {
  border-style: dotted;
  border-color: hsl(var(--border) / 0.7);
}
/* Links + active accents inside reports */
.rd-docs-surface a {
  color: hsl(var(--foreground));
}
.rd-docs-surface a:hover {
  color: hsl(var(--foreground));
}
/* Embedded HtmlReportView snippets — tighten radii to match */
.rd-docs-surface .admin-html-report {
  --border-radius-md: 2px;
  --border-radius-lg: 2px;
}
/* Sub-tab nav vibe (RD Docs sidebar style) */
.rd-docs-surface .rd-tab {
  text-transform: lowercase;
  font-weight: 300;
  color: hsl(var(--muted-foreground));
  transition: color 0.15s, background 0.15s;
}
.rd-docs-surface .rd-tab:hover {
  color: hsl(var(--foreground));
  background: hsl(var(--border) / 0.7);
}
.rd-docs-surface .rd-tab[data-colored="true"]:not([data-active="true"]),
.rd-docs-surface .rd-toggle[data-colored="true"] {
  background: var(--admin-row-bg) !important;
  background-color: var(--admin-row-bg) !important;
  color: var(--admin-row-fg) !important;
  border-left-color: var(--admin-row-bg) !important;
}
.rd-docs-surface .rd-tab[data-colored="true"]:not([data-active="true"]) *,
.rd-docs-surface .rd-toggle[data-colored="true"] * {
  color: var(--admin-row-fg) !important;
}
.rd-docs-surface .rd-tab[data-colored="true"]:not([data-active="true"]):hover,
.rd-docs-surface .rd-toggle[data-colored="true"]:hover {
  background: var(--admin-row-bg) !important;
  background-color: var(--admin-row-bg) !important;
  filter: brightness(1.08);
}
/* Toggle header rows: full white text by default, no amber hover. */
.rd-docs-surface .rd-toggle { color: hsl(var(--foreground)) !important; }
.rd-docs-surface .rd-toggle[data-colored="true"] { color: var(--admin-row-fg) !important; }
.rd-docs-surface .rd-toggle:not([data-colored="true"]):hover {
  background-color: hsl(var(--border) / 0.7) !important;
}
.rd-docs-surface .rd-tab[data-active="true"],
.rd-docs-surface .rd-tab.active {
  color: hsl(var(--foreground));
  background: hsl(var(--muted));
  border-left: 1.5px solid hsl(var(--foreground));
}
/* Admin & Details is a docs surface, not a normal app panel. Aggressively
 * repaint Tailwind/Radix defaults so every tab body reads like RD Docs. */
.rd-docs-surface,
.rd-docs-surface [class*="bg-background"] {
  background-color: hsl(var(--background)) !important;
  color: hsl(var(--foreground)) !important;
}
.rd-docs-surface [class*="bg-card"],
.rd-docs-surface [class*="bg-popover"],
.rd-docs-surface [class*="bg-secondary"],
.rd-docs-surface [class*="bg-muted"],
.rd-docs-surface [style*="background"] {
  background: hsl(var(--card)) !important;
  background-color: hsl(var(--card)) !important;
}
.rd-docs-surface [style*="color"] {
  color: hsl(var(--foreground)) !important;
}
.rd-docs-surface button,
.rd-docs-surface input,
.rd-docs-surface textarea,
.rd-docs-surface select,
.rd-docs-surface [role="button"] {
  font-family: var(--font-sans) !important;
  background-color: transparent;
  color: hsl(var(--foreground));
}
.rd-docs-surface input,
.rd-docs-surface textarea,
.rd-docs-surface select,
.rd-docs-surface [cmdk-input] {
  background: hsl(var(--muted)) !important;
  border: 1px dotted hsl(var(--border) / 0.7) !important;
  color: hsl(var(--foreground)) !important;
}
.rd-docs-surface [class*="text-muted"],
.rd-docs-surface [class*="text-card"],
.rd-docs-surface [class*="text-secondary"],
.rd-docs-surface [class*="text-accent"] {
  color: hsl(var(--muted-foreground)) !important;
}
.rd-docs-surface [class*="text-foreground"],
.rd-docs-surface [class*="text-primary"] {
  color: hsl(var(--foreground)) !important;
}
.rd-docs-surface h1,
.rd-docs-surface h2,
.rd-docs-surface .page-title,
.rd-docs-surface [class*="font-semibold"],
.rd-docs-surface [class*="font-medium"] {
  color: hsl(var(--foreground)) !important;
}
.rd-docs-surface button:not(.rd-tab),
.rd-docs-surface [role="tab"],
.rd-docs-surface [class*="rounded-full"],
.rd-docs-surface [class*="rounded-md"] {
  border-color: hsl(var(--border) / 0.7) !important;
  border-style: dotted !important;
}
.rd-docs-surface button:not(.rd-tab):hover {
  background: hsl(var(--accent) / 0.5) !important;
  color: hsl(var(--foreground)) !important;
}
.rd-docs-surface .rd-tab[data-active="true"],
.rd-docs-surface .rd-tab[data-active="true"] * {
  color: hsl(var(--foreground)) !important;
}
.rd-docs-surface .rd-tab[data-active="true"] {
  background: hsl(var(--muted)) !important;
  background-color: hsl(var(--muted)) !important;
  border-left-color: hsl(var(--foreground)) !important;
}
.rd-docs-surface .rd-tab[data-active="true"][data-colored="true"] {
  background: hsl(var(--muted)) !important;
  background-color: hsl(var(--muted)) !important;
  color: hsl(var(--foreground)) !important;
  border-left-color: hsl(var(--foreground)) !important;
}
.rd-docs-surface .rd-tab[data-active="true"][data-colored="true"] * {
  color: hsl(var(--foreground)) !important;
}
/* Section label helper (uppercase mono with hairline rule) */
.rd-docs-surface .rd-section-label {
  font-family: 'DM Mono', ui-monospace, monospace;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: hsl(var(--muted-foreground));
}
/* ──────────────────────────────────────────────────────────────────
 * Inline HTML reports (HtmlReportView) override
 * Several admin report HTML snippets ship their own :root palettes
 * (cream backgrounds, dark blacks, brand-coloured pills). Force the
 * RD Docs palette for any vars they rely on, and neutralise the
 * brand-coloured pill backgrounds so they read on dark.
 * ────────────────────────────────────────────────────────────────── */
.rd-docs-surface .admin-html-report {
  /* Generic snippet vars */
  --bg: var(--appearance-surface);
  --bg-card: var(--appearance-panel);
  --bg-subtle: var(--appearance-raised);
  --text: var(--appearance-text);
  --text-muted: var(--appearance-muted);
  --text-dim: var(--appearance-muted);
  --accent: #FFD666;
  --border: var(--appearance-line);

  /* payments_capability_map.html */
  --black: var(--appearance-text);
  --off-white: var(--appearance-panel);
  --warm-white: var(--appearance-surface);
  --mid: var(--appearance-muted);
  --border-strong: var(--appearance-line);
  --stripe-light: var(--appearance-raised);
  --square-light: var(--appearance-raised);

  /* rd_integration_api_map.html / rd_tech_stack_map.html */
  --paper: var(--appearance-surface);
  --ink: var(--appearance-text);
  --ink-2: var(--appearance-muted);
  --ink-3: var(--appearance-muted);
  --rule: var(--appearance-line);
  --chip: var(--appearance-panel);

  background: hsl(var(--background)) !important;
  color: hsl(var(--foreground)) !important;
  font-family: 'DM Sans', ui-sans-serif, system-ui, sans-serif !important;
}
/* Force descendant text/blocks to use the surface palette */
.rd-docs-surface .admin-html-report,
.rd-docs-surface .admin-html-report body,
.rd-docs-surface .admin-html-report main,
.rd-docs-surface .admin-html-report section,
.rd-docs-surface .admin-html-report article,
.rd-docs-surface .admin-html-report header,
.rd-docs-surface .admin-html-report footer,
.rd-docs-surface .admin-html-report nav,
.rd-docs-surface .admin-html-report div {
  background-color: transparent;
}
/* Cards / panels inside snippets */
.rd-docs-surface .admin-html-report .card,
.rd-docs-surface .admin-html-report .layer-card,
.rd-docs-surface .admin-html-report .map-card,
.rd-docs-surface .admin-html-report .mini-card,
.rd-docs-surface .admin-html-report .feature-card,
.rd-docs-surface .admin-html-report .section,
.rd-docs-surface .admin-html-report .panel,
.rd-docs-surface .admin-html-report .row,
.rd-docs-surface .admin-html-report .tile {
  background: hsl(var(--card)) !important;
  border-color: hsl(var(--border) / 0.7) !important;
  color: hsl(var(--foreground)) !important;
}
/* Tone down brand-coloured pills so they read on dark */
.rd-docs-surface .admin-html-report [class*="fn-pill"],
.rd-docs-surface .admin-html-report [class*="tag-"],
.rd-docs-surface .admin-html-report [class*="b-"],
.rd-docs-surface .admin-html-report .provider-badge,
.rd-docs-surface .admin-html-report .pill,
.rd-docs-surface .admin-html-report .chip,
.rd-docs-surface .admin-html-report .badge {
  background: hsl(var(--muted)) !important;
  color: hsl(var(--foreground)) !important;
  border-color: hsl(var(--border) / 0.7) !important;
  filter: none;
}
/* Tables */
.rd-docs-surface .admin-html-report table {
  color: hsl(var(--foreground));
}
.rd-docs-surface .admin-html-report th,
.rd-docs-surface .admin-html-report td {
  border-color: hsl(var(--border) / 0.7) !important;
  color: hsl(var(--foreground)) !important;
}
.rd-docs-surface .admin-html-report th {
  color: hsl(var(--muted-foreground)) !important;
}
/* Headings inside snippets — lowercase + amber h-levels */
.rd-docs-surface .admin-html-report h1,
.rd-docs-surface .admin-html-report h2,
.rd-docs-surface .admin-html-report h3,
.rd-docs-surface .admin-html-report h4,
.rd-docs-surface .admin-html-report h5,
.rd-docs-surface .admin-html-report h6 {
  text-transform: lowercase;
  letter-spacing: -0.01em;
  color: hsl(var(--foreground));
}
.rd-docs-surface .admin-html-report h3 { color: hsl(var(--foreground)); }
.rd-docs-surface .admin-html-report h4 { color: hsl(var(--muted-foreground)); }
.rd-docs-surface .admin-html-report *,
.rd-docs-surface .admin-html-report [style*="background"],
.rd-docs-surface .admin-html-report [style*="background-color"] {
  background-color: transparent !important;
}
.rd-docs-surface .admin-html-report [style*="color"] {
  color: hsl(var(--foreground)) !important;
}
.rd-docs-surface .admin-html-report .card,
.rd-docs-surface .admin-html-report .layer-card,
.rd-docs-surface .admin-html-report .map-card,
.rd-docs-surface .admin-html-report .mini-card,
.rd-docs-surface .admin-html-report .feature-card,
.rd-docs-surface .admin-html-report .section,
.rd-docs-surface .admin-html-report .panel,
.rd-docs-surface .admin-html-report .row,
.rd-docs-surface .admin-html-report .tile,
.rd-docs-surface .admin-html-report .stat,
.rd-docs-surface .admin-html-report .defn,
.rd-docs-surface .admin-html-report .item,
.rd-docs-surface .admin-html-report .phase-card,
.rd-docs-surface .admin-html-report .role-card,
.rd-docs-surface .admin-html-report .doc-card,
.rd-docs-surface .admin-html-report .type-card,
.rd-docs-surface .admin-html-report tr,
.rd-docs-surface .admin-html-report td,
.rd-docs-surface .admin-html-report th {
  background: hsl(var(--card)) !important;
}
/* Force older Admin & Details React tabs that used status colours / pill fills
 * into the same RD Docs amber-on-black language. */
.rd-docs-surface [class*="bg-emerald"],
.rd-docs-surface [class*="bg-green"],
.rd-docs-surface [class*="bg-blue"],
.rd-docs-surface [class*="bg-purple"],
.rd-docs-surface [class*="bg-orange"],
.rd-docs-surface [class*="bg-red"],
.rd-docs-surface [class*="bg-foreground"] {
  background-color: hsl(var(--primary) / 0.09) !important;
}
.rd-docs-surface [class*="text-emerald"],
.rd-docs-surface [class*="text-green"],
.rd-docs-surface [class*="text-blue"],
.rd-docs-surface [class*="text-purple"],
.rd-docs-surface [class*="text-orange"],
.rd-docs-surface [class*="text-red"],
.rd-docs-surface [class*="text-background"] {
  color: hsl(var(--foreground)) !important;
}
.rd-docs-surface [class*="border-emerald"],
.rd-docs-surface [class*="border-green"],
.rd-docs-surface [class*="border-blue"],
.rd-docs-surface [class*="border-purple"],
.rd-docs-surface [class*="border-orange"],
.rd-docs-surface [class*="border-red"],
.rd-docs-surface [class*="border-foreground"] {
  border-color: hsl(var(--primary) / 0.22) !important;
  border-style: dotted !important;
}
/* ──────────────────────────────────────────────────────────────────
 * InlineTabsToggleList overrides
 * Force all toggle text white; remove the yellow primary tint that
 * the .rd-docs-surface global rules apply to font-semibold /
 * font-medium / text-foreground elements inside this list. Group +
 * row colors are applied via inline style and must fill the full row.
 * ────────────────────────────────────────────────────────────────── */
.rd-docs-surface .inline-tabs-toggle-list,
.rd-docs-surface .inline-tabs-toggle-list * {
  color: hsl(var(--foreground)) !important;
  border-style: solid !important;
}
.rd-docs-surface .inline-tabs-toggle-list [class*="text-muted-foreground"],
.rd-docs-surface .inline-tabs-toggle-list [class*="text-foreground/40"],
.rd-docs-surface .inline-tabs-toggle-list [class*="text-foreground/60"] {
  color: hsl(var(--muted-foreground)) !important;
}
.rd-docs-surface .inline-tabs-toggle-list button:hover,
.rd-docs-surface .inline-tabs-toggle-list [class*="hover\\:bg-muted"]:hover {
  background-color: hsl(var(--border) / 0.7) !important;
  color: hsl(var(--foreground)) !important;
}
.rd-docs-surface .inline-tabs-toggle-list [data-group-color],
.rd-docs-surface .inline-tabs-toggle-list [data-row-color] {
  background-color: var(--toggle-color, transparent) !important;
}
.rd-docs-surface .inline-tabs-toggle-list [data-row-color] [data-admin-tab-row] {
  background-color: var(--toggle-color, transparent) !important;
  color: var(--toggle-fg, hsl(var(--foreground))) !important;
}
.rd-docs-surface .inline-tabs-toggle-list [data-row-color] [data-admin-tab-row]:hover {
  background-color: var(--toggle-color, transparent) !important;
}
.rd-docs-surface .inline-tabs-toggle-list [data-group-color],
.rd-docs-surface .inline-tabs-toggle-list [data-group-color] *,
.rd-docs-surface .inline-tabs-toggle-list [data-row-color] [data-admin-tab-row] * {
  color: var(--toggle-fg, hsl(var(--foreground))) !important;
}
/* Build page dashboard — theme sans, clean solid borders */
.build-page-surface {
  background: hsl(var(--background));
  color: hsl(var(--foreground));
  font-family: var(--build-page-font-family, var(--font-sans));
  font-weight: 400;
  font-size: var(--build-page-font-size, 0.875rem);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.build-page-surface,
.build-page-surface
  :is(:not(
    [data-blocknest-studio],
    [data-blocknest-studio] *,
    [data-desk-build-suite],
    [data-desk-build-suite] *
  )) {
  font-family: var(--build-page-font-family, var(--font-sans));
}
.build-page-surface .font-mono,
.build-page-surface code,
.build-page-surface kbd,
.build-page-surface pre,
.build-page-surface samp {
  font-family: var(--font-mono, ui-monospace, monospace);
}
.build-page-surface h1,
.build-page-surface h2,
.build-page-surface h3,
.build-page-surface h4,
.build-page-surface h5,
.build-page-surface h6 {
  font-weight: 500;
  letter-spacing: -0.01em;
}
.build-page-surface .border,
.build-page-surface .border-t,
.build-page-surface .border-b,
.build-page-surface .border-l,
.build-page-surface .border-r,
.build-page-surface .border-x,
.build-page-surface .border-y,
.build-page-surface [class*="border-border"] {
  border-style: solid;
}
/* File grid + presenter section headers */
.build-page-surface .inline-tabs-toggle-list,
.build-page-surface [data-uploaded-html-presenter="true"] {
  font-family: var(--font-sans);
}
.build-page-surface .inline-tabs-toggle-list [class*="tracking-widest"],
.build-page-surface .inline-tabs-toggle-list [class*="uppercase"] {
  letter-spacing: 0.02em;
  text-transform: none;
}
.build-page-section-toggle,
.build-page-toggle-header {
  /* Flat rows — visual parity with sidebar toggle groups. */
}
.build-page-toggle-header button:focus-visible {
  outline: 1px solid hsl(var(--foreground) / 0.35);
  outline-offset: 2px;
}
/* Build nav inline panel — view mode layout (split / grid / preview) */
.build-nav-panel--inline.build-nav-panel--view-grid .build-nav-panel__grid {
  flex: 1;
  min-height: 0;
  max-height: none;
  border-bottom: none;
}
.build-nav-panel--inline.build-nav-panel--view-grid .build-nav-panel__preview {
  display: none;
}
.build-nav-panel--inline.build-nav-panel--view-preview .build-nav-panel__grid {
  display: none;
}
.build-nav-panel--inline.build-nav-panel--view-preview .build-nav-panel__preview {
  flex: 1;
  min-height: 0;
}
/* Build nav inline preview — component mounts directly (no outer finder chrome) */
.build-nav-preview-stage {
  flex: 1;
  min-height: 320px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  overscroll-behavior-y: contain;
  padding: 0;
  background: hsl(var(--background));
}
.build-nav-preview-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  flex-shrink: 0;
  padding: 0.25rem 0.5rem;
  border-bottom: 1px solid hsl(var(--border) / 0.6);
  background: hsl(var(--muted) / 0.25);
}
.build-nav-preview-chrome-link {
  font-size: 0.625rem;
  color: hsl(var(--primary));
  text-decoration: none;
  white-space: nowrap;
}
.build-nav-preview-chrome-link:hover {
  text-decoration: underline;
}
.build-nav-preview-root {
  flex: 1;
  min-height: 320px;
  width: 100%;
  overflow-y: auto;
}
.build-nav-preview-empty {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  padding: 2rem 1rem;
  text-align: center;
  color: hsl(var(--muted-foreground));
  background: hsl(var(--background));
}
.build-nav-preview-empty-label {
  font-size: 0.6875rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: hsl(var(--muted-foreground) / 0.85);
}
.build-nav-preview-empty-hint {
  font-size: 0.75rem;
  max-width: 16rem;
}
/* Full-bleed section divider — grid footer / preview boundary */
.build-nav-section-divider {
  flex-shrink: 0;
  height: 5px;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background: rgba(173, 173, 173, 1);
}
/*
 * Checklist list embeds: trap position:fixed / min-h-screen modules inside the
 * row so expand never covers the Build page viewport.
 */
[data-sandbox-list-embed] {
  position: relative;
  overflow: hidden !important;
  transform: translateZ(0);
  contain: layout paint size;
  isolation: isolate;
}
[data-mw-browse-preview] {
  position: relative;
  overflow: hidden !important;
  transform: translateZ(0);
  contain: layout paint size;
  isolation: isolate;
}
[data-sandbox-list-embed] [class*="h-screen"],
[data-sandbox-list-embed] [class*="min-h-screen"],
[data-sandbox-list-embed] [class*="h-svh"],
[data-sandbox-list-embed] [class*="min-h-svh"],
[data-sandbox-list-embed] [class*="h-dvh"],
[data-sandbox-list-embed] [class*="min-h-dvh"],
[data-sandbox-list-embed] [class*="h-full"],
[data-sandbox-list-embed] [class*="min-h-full"],
[data-mw-browse-preview] [class*="h-screen"],
[data-mw-browse-preview] [class*="min-h-screen"],
[data-mw-browse-preview] [class*="h-svh"],
[data-mw-browse-preview] [class*="min-h-svh"],
[data-mw-browse-preview] [class*="h-dvh"],
[data-mw-browse-preview] [class*="min-h-dvh"],
[data-mw-browse-preview] [class*="h-full"],
[data-mw-browse-preview] [class*="min-h-full"] {
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
}
[data-sandbox-list-embed] [class*="fixed"][class*="inset-0"],
[data-mw-browse-preview] [class*="fixed"][class*="inset-0"] {
  position: absolute !important;
}
[data-mw-browse-preview] .build-nav-preview-root {
  max-height: 100%;
  min-height: 0;
  overflow: hidden;
  contain: layout paint;
}
/* Build page shell — unified typography matching Checklist hub tab nav (text-sm / SF Pro) */
.dashboard-sidebar-shell,
.build-page-shell-typography {
  --build-page-active-tab: hsl(var(--sidebar-primary));
  --build-page-active-tab-edge: hsl(var(--sidebar-ring));
  --build-page-font-family: "SF Pro Text", "SF Pro Display", ui-sans-serif, system-ui,
    -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-sans: var(--build-page-font-family);
  --build-page-font-size: 0.6875rem;
  --build-page-font-weight: 600;
  --build-page-line-height: 1.15;
  --build-page-row-height: 1.25rem;

  font-family: var(--build-page-font-family);
  font-size: var(--build-page-font-size);
  line-height: var(--build-page-line-height);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Beat html.site-font-active (index.css) — same :not() chain plus shell class. */
:is(.dashboard-sidebar-shell, .build-page-shell-typography),
:is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is(
    .font-sans,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)),
html.site-font-active :is(.dashboard-sidebar-shell, .build-page-shell-typography),
html.site-font-active
  :is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is(
    .font-sans,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)) {
  font-family: var(--build-page-font-family) !important;
}
html.site-font-active
  :is(.dashboard-sidebar-shell, .build-page-shell-typography)
  .radix-themes {
  --default-font-family: var(--build-page-font-family) !important;
}
:is(.dashboard-sidebar-shell, .build-page-shell-typography) :is(code, pre, kbd, samp, .font-mono),
html.site-font-active
  :is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is(code, pre, kbd, samp, .font-mono) {
  font-family: var(--font-mono, ui-monospace, monospace) !important;
}
html.site-font-active .dashboard-sidebar-shell,
html.site-font-active .build-page-shell-typography {
  font-synthesis: none;
  font-synthesis-weight: none;
}
/* Sidebar labels use 600; synthesize when the site face only ships regular/bold. */
html.site-font-active .dashboard-sidebar-shell-aside,
html.site-font-active .dashboard-sidebar-shell [data-tab52-sidebar] {
  font-synthesis: weight;
  font-synthesis-weight: auto;
}
/* Preview / embedded module roots — keep module typography */
.dashboard-sidebar-shell [data-build-nav-preview],
.dashboard-sidebar-shell [data-build-nav-preview] *,
.dashboard-sidebar-shell .build-nav-preview-root,
.dashboard-sidebar-shell .build-nav-preview-root *,
.dashboard-sidebar-shell [data-blocknest-studio],
.dashboard-sidebar-shell [data-blocknest-studio] *,
.dashboard-sidebar-shell [data-promptbench-root],
.dashboard-sidebar-shell [data-promptbench-root] * {
  font-size: revert;
  line-height: revert;
  font-weight: revert;
}
/* Normalize legacy small Tailwind sizes across build chrome */
.dashboard-sidebar-shell .text-\[10px\]:not(:where([data-desk-build-suite] *, [data-desk-build-suite])),
.dashboard-sidebar-shell .text-\[11px\]:not(:where([data-desk-build-suite] *, [data-desk-build-suite])),
.dashboard-sidebar-shell .text-xs:not(:where([data-desk-build-suite] *, [data-desk-build-suite])),
.dashboard-sidebar-shell .text-sm:not(:where([data-desk-build-suite] *, [data-desk-build-suite])) {
  font-size: var(--build-page-font-size) !important;
  font-weight: 600 !important;
  line-height: var(--build-page-line-height);
}
/* Hub 2-layer list tabs, section titles, and prompt board */
.dashboard-sidebar-shell [data-tab52-sidebar] .text-\[10px\],
.dashboard-sidebar-shell [data-tab52-sidebar] .text-\[11px\],
.dashboard-sidebar-shell [data-tab52-sidebar] .text-\[12px\],
.dashboard-sidebar-shell [data-tab52-sidebar] .text-\[13px\] {
  font-size: 10px !important;
  font-weight: 600 !important;
  line-height: 1.15;
}
/* Hub 2-layer rail (hub / app nav / cmpnts / ui / create) */
.dashboard-sidebar-shell [data-tab52-sidebar-rail] .text-\[7px\],
.dashboard-sidebar-shell [data-tab52-sidebar-rail] .text-\[10px\],
.dashboard-sidebar-shell [data-tab52-sidebar-rail] .text-\[11px\],
.dashboard-sidebar-shell [data-tab52-sidebar-rail] .text-\[12px\],
.dashboard-sidebar-shell [data-tab52-sidebar-rail] .text-\[13px\] {
  font-size: 10px !important;
  font-weight: 600 !important;
  line-height: 1.15;
}
.dashboard-sidebar-shell [data-tab52-sidebar-rail] {
  min-width: 11rem;
  width: 11rem;
  flex: 0 0 11rem;
}
/* Hub 2-layer — pinned / tasks column beside the fixed rail */
.dashboard-sidebar-shell [data-tab52-sidebar]:not([data-tab52-sidebar-flat]) [data-tab52-sidebar-items] {
  min-width: 10rem;
  flex: 1 1 10rem;
}
.dashboard-sidebar-shell [data-tab52-sidebar-rail] button,
.dashboard-sidebar-shell [data-tab52-sidebar-rail] [data-tab52-sidebar-row] {
  width: 100% !important;
  max-width: 100% !important;
  white-space: nowrap !important;
}
/* Hub flat column — destination + surface tabs span full sidebar width. */
.dashboard-sidebar-shell [data-tab52-sidebar-flat] nav > div > :is(button, [role='button']),
.dashboard-sidebar-shell [data-tab52-sidebar-flat] [data-tab52-sidebar-rail] > div > :is(button, [role='button']) {
  width: 100% !important;
  max-width: 100% !important;
}
/* All Build Page sidebar chrome — semibold labels */
.dashboard-sidebar-shell-aside,
.dashboard-sidebar-shell [data-tab52-sidebar],
.dashboard-sidebar-shell [data-tab52-sidebar-rail] {
  font-weight: var(--build-page-font-weight, 600);
}
.dashboard-sidebar-shell-aside :is(button, a, span, input, p, label),
.dashboard-sidebar-shell [data-tab52-sidebar] :is(button, a, span, input, p, label),
.dashboard-sidebar-shell [data-tab52-sidebar-rail] :is(button, a, span, input, p, label) {
  font-weight: 600 !important;
}
.dashboard-sidebar-shell .build-page-toggle-header {
  font-size: var(--build-page-font-size);
  font-weight: 600;
}
/* Hub-rail custom fills — beat em-pro `.bg-card` / `.bg-muted` !important rules. */
.em-pro.em-pro--site-theme .em-cat-nav .hub-rail-row[data-hub-custom-fill] {
  background: var(--hub-custom-fill-bg) !important;
  background-color: var(--hub-custom-fill-bg) !important;
  border-bottom-width: 0 !important;
}
.em-pro.em-pro--site-theme .em-cat-nav .hub-rail-row:not([data-hub-custom-fill]):hover {
  background-color: hsl(var(--muted)) !important;
}
/* Hub 2-layer tabs + toggles — follow Appearance ink, not locked white. */
.dashboard-sidebar-shell .em-pro [data-tab52-sidebar] button:not([data-build-nav-status-tag]),
.dashboard-sidebar-shell .em-pro [data-tab52-sidebar] a,
.dashboard-sidebar-shell .em-pro [data-tab52-sidebar] span:not([data-build-nav-status-tag]),
.dashboard-sidebar-shell .em-pro [data-tab52-sidebar] p,
.dashboard-sidebar-shell .em-pro [data-tab52-sidebar] svg {
  color: var(--hub-row-ink, hsl(var(--foreground))) !important;
}
.dashboard-sidebar-shell .em-pro [data-tab52-sidebar] [data-build-nav-status-tag][data-status-light] {
  color: #0a0a0a !important;
}
.dashboard-sidebar-shell .em-pro [data-tab52-sidebar] [data-build-nav-status-tag]:not([data-status-light]) {
  color: #ffffff !important;
}
/* Exclude preview islands from size normalization */
.dashboard-sidebar-shell [data-build-nav-preview] .text-\[10px\],
.dashboard-sidebar-shell [data-build-nav-preview] .text-\[11px\],
.dashboard-sidebar-shell [data-build-nav-preview] .text-xs,
.dashboard-sidebar-shell .build-nav-preview-root .text-\[10px\],
.dashboard-sidebar-shell .build-nav-preview-root .text-\[11px\],
.dashboard-sidebar-shell .build-nav-preview-root .text-xs,
.dashboard-sidebar-shell [data-blocknest-studio] .text-\[10px\],
.dashboard-sidebar-shell [data-blocknest-studio] .text-\[11px\],
.dashboard-sidebar-shell [data-blocknest-studio] .text-xs,
.dashboard-sidebar-shell [data-promptbench-root] .text-\[10px\],
.dashboard-sidebar-shell [data-promptbench-root] .text-\[11px\],
.dashboard-sidebar-shell [data-promptbench-root] .text-xs,
.dashboard-sidebar-shell [data-promptbench-root] .text-\[9px\],
.dashboard-sidebar-shell [data-promptbench-root] .text-\[7px\],
.dashboard-sidebar-shell [data-promptbench-root] .text-\[8px\] {
  font-size: revert !important;
  line-height: revert;
}
/* Compact chrome rows — minimum height for 14px labels */
.dashboard-sidebar-shell .build-page-toggle-header.compact {
  min-height: var(--build-page-row-height);
}
.dashboard-sidebar-shell-aside .linear-dev-tasks-nav-item svg,
.dashboard-sidebar-shell-aside .linear-dev-tasks-list-item svg {
  height: 0.875rem;
  width: 0.875rem;
}
.dashboard-sidebar-shell .linear-dev-tasks-shell--embedded {
  --linear-sidebar-width: 14.5rem;
}
.dashboard-sidebar-shell .linear-dev-tasks-shell--embedded.linear-dev-tasks-shell--collapsed {
  --linear-sidebar-width: 2.75rem;
}
/* Build nav organiser grid — 2px below shell chrome (12px vs 14px) */
.dashboard-sidebar-shell [data-build-nav-grid],
.build-page-shell-typography [data-build-nav-grid] {
  --build-page-font-size: 0.75rem;
  font-size: 0.75rem;
}
.dashboard-sidebar-shell [data-build-nav-grid] .text-\[10px\],
.dashboard-sidebar-shell [data-build-nav-grid] .text-\[11px\],
.dashboard-sidebar-shell [data-build-nav-grid] .text-xs,
.dashboard-sidebar-shell [data-build-nav-grid] .text-sm,
.build-page-shell-typography [data-build-nav-grid] .text-\[10px\],
.build-page-shell-typography [data-build-nav-grid] .text-\[11px\],
.build-page-shell-typography [data-build-nav-grid] .text-xs,
.build-page-shell-typography [data-build-nav-grid] .text-sm {
  font-size: 0.75rem !important;
  line-height: 1.25;
}
/* Active tabs — site theme sidebar-primary (custom right-click colours still win via inline style). */
.dashboard-sidebar-shell .em-subtab-active,
.dashboard-sidebar-shell .em-pro.em-pro--site-theme .em-subtab-active,
.dashboard-sidebar-shell .em-segment-active,
.dashboard-sidebar-shell .em-pro.em-pro--site-theme .em-segment-active,
.dashboard-sidebar-shell .em-pro.em-pro--site-theme .em-segment-active.em-pine-active {
  background: var(--build-page-active-tab) !important;
  color: hsl(var(--sidebar-primary-foreground)) !important;
  box-shadow: inset 0 -2px 0 var(--build-page-active-tab-edge);
}
.dashboard-sidebar-shell .em-cat-item-active,
.dashboard-sidebar-shell .em-pro.em-pro--site-theme .em-cat-item-active,
.dashboard-sidebar-shell .em-cat-toggle-active,
.dashboard-sidebar-shell .em-pro.em-pro--site-theme .em-cat-toggle-active {
  background: var(--build-page-active-tab) !important;
  border-left-color: var(--build-page-active-tab-edge);
  box-shadow: inset 0 -2px 0 var(--build-page-active-tab-edge);
}
/* Pin-to-sidebar controls — must beat index.css `button > svg:only-child` foreground rule */
button.build-sidebar-pin-btn--pinned > svg,
button.build-sidebar-pin-btn--pinned > svg:only-child {
  color: rgb(239 68 68) !important;
  opacity: 1 !important;
}
button.build-sidebar-pin-btn--pinned.build-sidebar-pin-btn--on-light > svg,
button.build-sidebar-pin-btn--pinned.build-sidebar-pin-btn--on-light > svg:only-child {
  color: rgb(220 38 38) !important;
}
/* DeskBuild Suite inherits the nearest site appearance for its studio chrome. */
.desk-build-suite {
  color-scheme: inherit;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  background: hsl(var(--background));
  color: hsl(var(--foreground));
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
}
.desk-build-suite .mapboxgl-ctrl-attrib,
.desk-build-suite .mapboxgl-ctrl-logo,
.desk-build-suite .mapboxgl-ctrl-bottom-left,
.desk-build-suite .mapboxgl-ctrl-bottom-right {
  display: none !important;
}
/* Host Button `sm` is h-9; DeskCAD docks are h-8. */
.desk-build-suite button.h-8 {
  height: 2rem;
}
/* Tasks & Notes workspace — dashboard embed + full page */
.linear-dev-tasks-shell {
  --linear-sidebar-width: 14rem;
  --dt-embed-accent: hsl(var(--primary));
  --dt-embed-radius: 0.5rem;
  text-transform: none;

  display: grid;
  grid-template-columns: var(--linear-sidebar-width) minmax(0, 1fr);
  grid-template-rows: auto 1px minmax(0, 1fr);
}
.linear-dev-tasks-shell button,
.linear-dev-tasks-shell .linear-dev-tasks-nav-item,
.linear-dev-tasks-shell .linear-dev-tasks-list-item {
  text-transform: none;
  letter-spacing: 0.01em;
}
/* ── Dashboard embed ─────────────────────────────────────────────── */
.linear-dev-tasks-shell--embedded {
  --linear-sidebar-width: 13rem;
  grid-template-rows: auto minmax(0, 1fr);
  height: 100%;
  min-height: 0;
}
.linear-dev-tasks-shell--embedded .linear-dev-tasks-main-head,
.linear-dev-tasks-shell--embedded .linear-dev-tasks-full-divider {
  display: none;
}
.linear-dev-tasks-shell--embedded .linear-dev-tasks-sidebar-unified {
  grid-row: 1 / -1;
  grid-column: 1;
}
.linear-dev-tasks-shell--embedded .linear-dev-tasks-sidebar-top {
  grid-row: 1;
  grid-column: 1;
}
.linear-dev-tasks-shell--embedded .linear-dev-tasks-sidebar-body {
  grid-row: 2;
  grid-column: 1;
}
.linear-dev-tasks-shell--embedded .linear-dev-tasks-main {
  grid-row: 1 / -1;
  grid-column: 2;
}
.linear-dev-tasks-shell--embedded.linear-dev-tasks-shell--collapsed {
  --linear-sidebar-width: 2.5rem;
}
.linear-dev-tasks-shell--embedded.linear-dev-tasks-shell--external-nav {
  grid-template-columns: minmax(0, 1fr);
}
.linear-dev-tasks-shell--embedded.linear-dev-tasks-shell--external-nav .linear-dev-tasks-main {
  grid-row: 1 / -1;
  grid-column: 1;
}
.linear-dev-tasks-dashboard-panel {
  background: hsl(var(--background));
  border-top: 1px solid hsl(var(--border) / 0.55);
}
.linear-dev-tasks-sidebar-cell {
  width: 100%;
  min-width: 0;
}
.linear-dev-tasks-full-divider {
  grid-column: 1 / -1;
  margin: 0;
  padding: 0;
  height: 0;
  border-bottom-width: 1px;
  border-bottom-color: hsl(var(--border) / 0.55);
}
.linear-dev-tasks-main-head {
  min-height: 0;
}
.linear-dev-tasks-main {
  position: relative;
  background: hsl(var(--background));
  min-height: 0;
  height: 100%;
}
.linear-dev-tasks-shell--embedded .linear-dev-tasks-board-pane,
.linear-dev-tasks-shell--embedded .dt-board-root {
  min-height: 0;
  height: 100%;
}
.linear-dev-tasks-shell--embedded .linear-dev-tasks-topbar,
.linear-dev-tasks-shell--embedded .linear-dev-tasks-board-pane > .linear-dev-tasks-topbar {
  display: none !important;
}
.linear-dev-tasks-shell--embedded .linear-dev-tasks-topbar--tools,
.linear-dev-tasks-shell--embedded .linear-dev-tasks-board-pane > .linear-dev-tasks-topbar--tools {
  display: flex !important;
}
/* Nav */
.linear-dev-tasks-nav-item {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  gap: 0.5rem;
  border-radius: var(--dt-embed-radius);
  padding: 0.45rem 0.5rem 0.45rem 0.65rem;
  font-size: var(--build-page-font-size, 0.875rem);
  font-weight: var(--build-page-font-weight, 500);
  color: hsl(var(--muted-foreground));
  transition: color 0.15s ease, background 0.15s ease;
}
.linear-dev-tasks-nav-item:hover {
  color: hsl(var(--foreground));
  background: hsl(var(--accent) / 0.45);
}
.linear-dev-tasks-nav-item--active {
  color: hsl(var(--foreground));
  background: hsl(var(--accent) / 0.75);
  box-shadow: inset 0 0 0 1px hsl(var(--border) / 0.4);
}
.linear-dev-tasks-nav-item--active::before {
  content: '';
  position: absolute;
  left: 0;
  top: 20%;
  bottom: 20%;
  width: 2px;
  border-radius: 0 2px 2px 0;
  background: var(--dt-embed-accent);
}
.linear-dev-tasks-nav-item--collapsed {
  justify-content: center;
  padding-inline: 0.5rem;
}
.linear-dev-tasks-nav-item--collapsed.linear-dev-tasks-nav-item--active::before {
  display: none;
}
.linear-dev-tasks-section-label {
  display: block;
  padding: 0 0.35rem;
  font-size: var(--build-page-font-size, 0.875rem);
  font-weight: var(--build-page-font-weight, 500);
  letter-spacing: 0.02em;
  text-transform: lowercase;
  color: hsl(var(--foreground));
}
/* Build page sidebar — full-brightness text and icons (not muted) */
.linear-dev-tasks-sidebar-cell,
.linear-dev-tasks-sidebar-unified,
.linear-dev-tasks-sidebar-body,
.dashboard-sidebar-shell-aside {
  color: hsl(var(--foreground));
}
.linear-dev-tasks-sidebar-cell .linear-dev-tasks-nav-item,
.linear-dev-tasks-sidebar-unified .linear-dev-tasks-nav-item,
.linear-dev-tasks-sidebar-body .linear-dev-tasks-nav-item,
.dashboard-sidebar-shell-aside .linear-dev-tasks-nav-item,
.linear-dev-tasks-sidebar-cell .linear-dev-tasks-list-item,
.linear-dev-tasks-sidebar-unified .linear-dev-tasks-list-item,
.linear-dev-tasks-sidebar-body .linear-dev-tasks-list-item {
  color: hsl(var(--foreground));
}
.linear-dev-tasks-sidebar-cell .linear-dev-tasks-nav-item:hover,
.linear-dev-tasks-sidebar-unified .linear-dev-tasks-nav-item:hover,
.linear-dev-tasks-sidebar-body .linear-dev-tasks-nav-item:hover,
.dashboard-sidebar-shell-aside .linear-dev-tasks-nav-item:hover,
.linear-dev-tasks-sidebar-cell .linear-dev-tasks-list-item:hover,
.linear-dev-tasks-sidebar-unified .linear-dev-tasks-list-item:hover,
.linear-dev-tasks-sidebar-body .linear-dev-tasks-list-item:hover {
  color: hsl(var(--foreground));
}
.linear-dev-tasks-sidebar-cell .linear-dev-tasks-nav-item--active,
.linear-dev-tasks-sidebar-unified .linear-dev-tasks-nav-item--active,
.linear-dev-tasks-sidebar-body .linear-dev-tasks-nav-item--active,
.dashboard-sidebar-shell-aside .linear-dev-tasks-nav-item--active,
.linear-dev-tasks-sidebar-cell .linear-dev-tasks-list-item--active,
.linear-dev-tasks-sidebar-unified .linear-dev-tasks-list-item--active,
.linear-dev-tasks-sidebar-body .linear-dev-tasks-list-item--active {
  color: hsl(var(--foreground));
}
.linear-dev-tasks-sidebar-cell .linear-dev-tasks-section-label,
.linear-dev-tasks-sidebar-unified .linear-dev-tasks-section-label,
.linear-dev-tasks-sidebar-body .linear-dev-tasks-section-label,
.dashboard-sidebar-shell-aside .linear-dev-tasks-section-label {
  color: hsl(var(--foreground));
}
.dashboard-sidebar-shell-aside .linear-dev-tasks-section-label {
  color: hsl(var(--foreground));
  text-transform: uppercase;
}
/* Override base nav pill radius — build page shell sidebar uses dashboard-sidebar-row pills */
.dashboard-sidebar-shell-aside .linear-dev-tasks-nav-item {
  border-radius: 0 !important;
  width: 100%;
  margin: 0;
  padding: 0;
  box-shadow: none;
}
.linear-dev-tasks-sidebar-cell .linear-dev-tasks-nav-item svg,
.linear-dev-tasks-sidebar-unified .linear-dev-tasks-nav-item svg,
.linear-dev-tasks-sidebar-body .linear-dev-tasks-nav-item svg,
.dashboard-sidebar-shell-aside .linear-dev-tasks-nav-item svg,
.linear-dev-tasks-sidebar-cell .linear-dev-tasks-list-item svg,
.linear-dev-tasks-sidebar-unified .linear-dev-tasks-list-item svg,
.linear-dev-tasks-sidebar-body .linear-dev-tasks-list-item svg,
.linear-dev-tasks-sidebar-cell button svg,
.linear-dev-tasks-sidebar-unified button svg,
.linear-dev-tasks-sidebar-body button svg,
.dashboard-sidebar-shell-aside button svg {
  color: hsl(var(--foreground));
  opacity: 1;
}
.dashboard-sidebar-shell-aside .linear-dev-tasks-nav-item .build-page-nav-icon svg {
  color: hsl(var(--foreground));
}
.linear-dev-tasks-sidebar-cell .text-muted-foreground,
.linear-dev-tasks-sidebar-unified .text-muted-foreground,
.linear-dev-tasks-sidebar-body .text-muted-foreground,
.dashboard-sidebar-shell-aside .text-muted-foreground {
  color: hsl(var(--muted-foreground));
}
.linear-dev-tasks-shell--embedded .linear-dev-tasks-board-canvas {
  background: hsl(var(--background));
}
.dt-board-root [data-task-id][data-marquee-hit] {
  box-shadow: inset 0 0 0 2px rgba(56, 189, 248, 0.9);
  outline: 1px solid rgba(56, 189, 248, 0.55);
  outline-offset: -1px;
}
.dt-board-root.board-marquee-replace [data-task-id][data-selected]:not([data-marquee-hit]) {
  opacity: 0.45;
}
/* Kill leftover Main / category chips from stale board card chrome */
.linear-dev-tasks-board-canvas [data-category-tag],
.dt-board-root [data-category-tag] {
  display: none !important;
}
.linear-dev-tasks-shell--embedded .dt-board-root {
  background: transparent;
}
/* Collapsed board columns — vertical title anchored at the bottom */
.dt-board-root .dt-board-column--collapsed {
  min-height: 100%;
}
.dt-board-root .dt-board-column-header--collapsed {
  min-height: 0;
  height: 100%;
  padding: 0.375rem 0.125rem;
  border-bottom: none !important;
}
.dt-board-root .dt-board-column-collapsed-label {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-height: 12rem;
  line-height: 1.1;
  font-size: 11px;
  font-weight: 500;
}
.dt-board-empty--embedded {
  margin: 0;
  min-height: 100%;
  border-radius: 0;
  border: none;
  background: transparent;
  box-shadow: none;
}
.dt-board-empty--embedded .dt-board-empty-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  margin-bottom: 0.625rem;
  border-radius: 0.625rem;
  background: hsl(var(--background));
  border: 1px solid hsl(var(--border) / 0.4);
  color: hsl(var(--muted-foreground));
}
.dt-embedded-btn-secondary {
  display: inline-flex;
  height: 1.75rem;
  align-items: center;
  gap: 0.35rem;
  border-radius: 0.375rem;
  border: 1px solid hsl(var(--border) / 0.6);
  background: hsl(var(--background) / 0.6);
  padding-inline: 0.75rem;
  font-size: var(--build-page-font-size, 0.875rem);
  font-weight: var(--build-page-font-weight, 500);
}
.dt-embedded-btn-secondary:hover {
  background: hsl(var(--accent));
}
.dt-embedded-btn-primary {
  display: inline-flex;
  height: 1.75rem;
  align-items: center;
  gap: 0.35rem;
  border-radius: 0.375rem;
  border: 1px solid hsl(var(--border) / 0.5);
  background: hsl(var(--foreground) / 0.9);
  padding-inline: 0.75rem;
  font-size: var(--build-page-font-size, 0.875rem);
  font-weight: var(--build-page-font-weight, 500);
  color: hsl(var(--background));
}
.dt-embedded-btn-primary:hover {
  opacity: 0.88;
}
.linear-dev-tasks-categories {
  background: hsl(var(--background));
  border-left-color: hsl(var(--border) / 0.45) !important;
}
.linear-dev-tasks-categories-title {
  font-size: var(--build-page-font-size, 0.875rem);
  font-weight: var(--build-page-font-weight, 500);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: hsl(var(--muted-foreground) / 0.85);
}
.linear-dev-tasks-list-item {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 0.375rem;
  border-radius: 0.375rem;
  padding: 0.3rem 0.45rem;
  font-size: var(--build-page-font-size, 0.875rem);
  font-weight: var(--build-page-font-weight, 500);
  color: hsl(var(--muted-foreground));
}
.linear-dev-tasks-list-item:hover {
  background: hsl(var(--accent) / 0.4);
  color: hsl(var(--foreground));
}
.linear-dev-tasks-list-item--active {
  background: hsl(var(--accent) / 0.65);
  color: hsl(var(--foreground));
}
.linear-dev-tasks-topbar {
  height: 2.75rem;
}
/* Docs hub + Files grid toolbars inside the embedded workspace (not task board chrome). */
.linear-dev-tasks-shell--embedded .html-document-hub-toolbar,
.linear-dev-tasks-shell--embedded .tasks-notes-files-toolbar {
  display: flex !important;
}
.tasks-notes-file-grid-docs-embedded-panel {
  max-height: min(40vh, 20rem);
  overflow: hidden;
}
.tasks-notes-file-grid-docs-embedded .inline-tabs-h-content {
  max-height: min(40vh, 20rem);
}
.linear-dev-tasks-table [data-notion-database-root] {
  border: 0;
}
.linear-dev-tasks-detail {
  width: 22rem;
  min-width: 22rem;
  max-width: 22rem;
  border-left: 1px solid hsl(var(--border));
}
/* Buildspace shelf — compact, site-aligned density */
.notion-library {
  --notion-library-pad-x: 0.75rem;
  --notion-library-pad-top: 0.5rem;
  --notion-shelf-bay-bg: hsl(var(--card) / 0.65);
}
@media (max-width: 900px) {
  .notion-library {
    --notion-library-pad-x: 0.625rem;
    --notion-library-pad-top: 0.375rem;
  }
}
.notion-library-header {
  padding: var(--notion-library-pad-top) var(--notion-library-pad-x) 0.375rem;
  border-bottom: 1px solid hsl(var(--border) / 0.35);
}
.notion-library-tabs {
  padding: 0.375rem var(--notion-library-pad-x) 0.5rem;
  border-bottom: 1px solid hsl(var(--border) / 0.35);
}
.notion-library-content {
  padding: 0.5rem var(--notion-library-pad-x) 0.75rem;
}
.notion-shelf-section {
  margin-bottom: 0.625rem;
}
.notion-shelf-bay {
  background: var(--notion-shelf-bay-bg);
}
.notion-library-status {
  padding: 0 var(--notion-library-pad-x);
  border-top: 1px solid hsl(var(--border) / 0.35);
}
/* Presentation & Zine Builder — Shorthand-inspired design shell */
.presentation-design-root {
  --pd-canvas-bg: #ebe8e3;
  --pd-surface: #faf9f7;
  --pd-border: rgba(0, 0, 0, 0.08);
  --pd-page-shadow: 0 4px 24px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.06);
  background: var(--pd-canvas-bg);
  color: hsl(var(--foreground));
}
.presentation-design-topbar {
  background: var(--pd-surface);
  border-bottom: 1px solid var(--pd-border);
}
.presentation-design-inspector {
  width: 360px;
  background: var(--pd-surface);
  border-left: 1px solid var(--pd-border);
}
.presentation-inspector-label {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: hsl(var(--muted-foreground));
}
.presentation-inspector-section {
  padding: 16px 0;
  border-bottom: 1px solid var(--pd-border);
}
.presentation-inspector-section:last-child {
  border-bottom: none;
}
.presentation-inspector-helper {
  font-size: 12px;
  line-height: 1.45;
  color: hsl(var(--muted-foreground));
}
.presentation-page-strip {
  width: 168px;
  background: var(--pd-surface);
  border-right: 1px solid var(--pd-border);
}
.presentation-canvas-stage {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 24px;
  overflow: auto;
  min-height: 0;
}
.presentation-page-frame {
  box-shadow: var(--pd-page-shadow);
  border: 1px solid var(--pd-border);
  border-radius: 2px;
  overflow: hidden;
  background: #fff;
  position: relative;
}
.presentation-rich-editor .ProseMirror {
  min-height: 120px;
  padding: 12px;
  font-size: 14px;
  line-height: 1.6;
  outline: none;
}
.presentation-rich-editor .ProseMirror h1 {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.presentation-rich-editor .ProseMirror h2 {
  font-size: 1.15rem;
  font-weight: 600;
  margin-bottom: 0.35rem;
}
.presentation-rich-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  padding: 6px;
  border-bottom: 1px solid var(--pd-border);
  background: hsl(var(--muted) / 0.3);
}
.presentation-library-header {
  background: linear-gradient(180deg, var(--pd-surface) 0%, var(--pd-canvas-bg) 100%);
}
.presentation-library-card {
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.presentation-library-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
.presentation-variant-badge {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 2px 8px;
  border-radius: 999px;
  background: hsl(var(--muted) / 0.5);
  color: hsl(var(--muted-foreground));
}
.presentation-reader-preview {
  border: 1px solid var(--pd-border);
  border-radius: 8px;
  overflow: hidden;
  background: #111;
  min-height: 180px;
  max-height: 280px;
}
.presentation-block-chip {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  padding: 10px 12px;
  border: 1px solid var(--pd-border);
  border-radius: 8px;
  text-align: left;
  transition: border-color 0.15s, background 0.15s;
}
.presentation-block-chip:hover {
  border-color: hsl(var(--primary) / 0.5);
  background: hsl(var(--primary) / 0.04);
}
.presentation-block-chip-label {
  font-size: 13px;
  font-weight: 500;
}
.presentation-block-chip-desc {
  font-size: 11px;
  color: hsl(var(--muted-foreground));
}
.presentation-display-type {
  font-family: Georgia, 'Times New Roman', serif;
  letter-spacing: -0.02em;
}
.presentation-heading-type {
  font-weight: 600;
  letter-spacing: -0.01em;
}
.presentation-body-type {
  font-size: 14px;
  line-height: 1.55;
}
.presentation-caption-type {
  font-size: 11px;
  color: hsl(var(--muted-foreground));
}
/* Creative Exchange / Index — neutral dark marketplace shell */
.em-pro {
  --em-bg: hsl(var(--background));
  --em-panel: hsl(var(--card));
  --em-panel-2: hsl(var(--muted));
  --em-line: hsl(var(--border) / 0.7);
  --em-line-strong: hsl(var(--border));
  --em-pine: hsl(var(--muted-foreground));
  --em-pine-bright: hsl(var(--foreground) / 0.55);
  background: var(--em-bg);
  color: hsl(var(--foreground));
  font-family:
    'IBM Plex Sans',
    'Inter',
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    sans-serif;
}
.em-pro .bg-background,
.em-pro .bg-card,
.em-pro .bg-muted {
  background-color: var(--em-panel) !important;
}
.em-pro .border-border,
.em-pro .border {
  border-color: var(--em-line) !important;
}
/*
 * Product hubs (Build Pages, Info & Admin nested chrome, M&W shells) —
 * follow the user’s site theme instead of the Exchange dark brand.
 * Marketplace / Index / UI Build demos keep plain `.em-pro`.
 */
.em-pro.em-pro--site-theme {
  --em-bg: hsl(var(--background));
  --em-panel: hsl(var(--card));
  --em-line: hsl(var(--border) / 0.7);
  --em-line-strong: hsl(var(--border));
  --em-pine: hsl(var(--muted-foreground));
  --em-pine-bright: hsl(var(--foreground) / 0.55);
  background: hsl(var(--background));
  color: hsl(var(--foreground));
}
.em-pro.em-pro--site-theme,
.em-pro.em-pro--site-theme h1,
.em-pro.em-pro--site-theme h2,
.em-pro.em-pro--site-theme h3,
.em-pro.em-pro--site-theme .text-foreground,
.em-pro.em-pro--site-theme .text-card-foreground {
  color: hsl(var(--foreground)) !important;
}
/* Undo Exchange white !important so Tailwind theme utilities can apply. */
.em-pro.em-pro--site-theme p,
.em-pro.em-pro--site-theme span,
.em-pro.em-pro--site-theme a,
.em-pro.em-pro--site-theme button,
.em-pro.em-pro--site-theme label,
.em-pro.em-pro--site-theme li {
  color: inherit !important;
}
.em-pro.em-pro--site-theme .text-muted-foreground {
  color: hsl(var(--muted-foreground)) !important;
}
.em-pro.em-pro--site-theme .bg-background {
  background-color: hsl(var(--background)) !important;
}
.em-pro.em-pro--site-theme .bg-card {
  background-color: hsl(var(--card)) !important;
}
.em-pro.em-pro--site-theme .bg-muted {
  background-color: hsl(var(--muted)) !important;
}
.em-pro.em-pro--site-theme .border-border,
.em-pro.em-pro--site-theme .border {
  border-color: hsl(var(--border)) !important;
}
.em-pro.em-pro--site-theme .em-segmented,
.em-pro.em-pro--site-theme .em-subtabs {
  background: hsl(var(--muted) / 0.45);
}
.em-pro.em-pro--site-theme .em-segment-inactive {
  color: hsl(var(--muted-foreground));
  opacity: 1;
}
.em-pro.em-pro--site-theme .em-segment-inactive:hover {
  background: hsl(var(--muted) / 0.7);
}
.em-pro.em-pro--site-theme .em-segment-active,
.em-pro.em-pro--site-theme .em-segment-active.em-pine-active {
  background: hsl(var(--accent));
  color: hsl(var(--accent-foreground));
  box-shadow: inset 0 -2px 0 hsl(var(--primary) / 0.55);
}
.em-pro.em-pro--site-theme .em-cat-label,
.em-pro.em-pro--site-theme .em-cat-toggle,
.em-pro.em-pro--site-theme .em-cat-toggle-active {
  color: hsl(var(--foreground)) !important;
}
.em-pro.em-pro--site-theme .em-cat-toggle:hover,
.em-pro.em-pro--site-theme .em-cat-item:hover {
  background: hsl(var(--muted) / 0.55);
}
.em-pro.em-pro--site-theme .em-cat-sublist {
  background: hsl(var(--muted) / 0.35);
}
.em-pro.em-pro--site-theme .em-cat-item {
  color: hsl(var(--sidebar-foreground));
  box-shadow: inset 0 -1px 0 hsl(var(--sidebar-border));
}
/* Beat Exchange `.em-pro button { color: #fff !important }` on hub dest rows. */
.em-pro.em-pro--site-theme .em-cat-nav {
  color: hsl(var(--foreground));
}
.em-pro.em-pro--site-theme .em-cat-nav button,
.em-pro.em-pro--site-theme .em-cat-nav button span {
  color: var(--hub-row-ink, hsl(var(--foreground))) !important;
}
.em-pro.em-pro--site-theme .em-cat-item-active {
  background: hsl(var(--sidebar-accent));
  color: hsl(var(--sidebar-accent-foreground));
  border-left-color: hsl(var(--sidebar-foreground));
  box-shadow: inset 0 -2px 0 hsl(var(--sidebar-foreground) / 0.4);
}
.em-pro.em-pro--site-theme .em-cat-toggle {
  border-left: 2px solid transparent;
}
.em-pro.em-pro--site-theme .em-cat-toggle-active {
  background: hsl(var(--sidebar-accent));
  border-left-color: hsl(var(--sidebar-foreground));
}
.em-pro.em-pro--site-theme .em-cat-icon {
  background: hsl(var(--muted) / 0.6);
  border-color: hsl(var(--border));
}
.em-pro.em-pro--site-theme .em-subtab-active {
  background: hsl(var(--accent));
  box-shadow: inset 0 -2px 0 hsl(var(--primary) / 0.55);
}
.em-pro.em-pro--site-theme .em-toolbar-btn {
  color: hsl(var(--foreground)) !important;
  background: hsl(var(--muted) / 0.55);
}
.em-shell-header {
  flex-shrink: 0;
}
.ui-build-page .ui-build-demo-pane span.inline-flex.em-shell-header[style*='background']:not([data-rd-icon-plate]):not([data-keep-tile-fill]) {
  background-color: #525252;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] .relative.flex.h-full.min-h-0.em-shell-header {
  align-self: flex-start;
}
.ui-build-page
  [data-ui-build-gallery='carousel-v1']
  [data-primary-ui-containers]
  #project-interface-catalogue-applet[data-catalogue-ps1-layout]
  .relative.flex.h-full.min-h-0.em-shell-header:has([data-project-catalogue-ps1-sidebar]) {
  align-self: stretch;
}

.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] #project-interface-catalogue-applet .relative.flex.h-full.min-h-0.em-shell-header:has([data-project-catalogue-ps1-sidebar]) {
  min-width: calc(2.5rem + 11rem);
  flex-shrink: 0;
}
.em-shell-header {
  background: linear-gradient(180deg, hsl(var(--muted)), hsl(var(--card)));
  border-bottom: 1px solid var(--em-line);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
.em-shell-header.em-pine {
  border-bottom-color: color-mix(in srgb, var(--em-pine) 45%, var(--em-line));
}
/* Pro segmented tabs — hairlines + vertical dividers */
.em-segmented {
  display: inline-flex;
  align-items: stretch;
  border: 1px solid var(--em-line);
  background: hsl(var(--card));
}
.em-segment {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.35rem 0.7rem;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  transition: background 0.15s ease, color 0.15s ease;
}
.em-segment + .em-segment::before {
  content: '';
  position: absolute;
  left: 0;
  top: 18%;
  bottom: 18%;
  width: 1px;
  background: var(--em-line);
}
.em-segment-inactive {
  color: hsl(var(--foreground));
  opacity: 0.72;
}
.em-segment-inactive:hover {
  opacity: 1;
  background: hsl(var(--card));
}
.em-segment-active,
.em-segment-active.em-pine-active {
  background: color-mix(in srgb, var(--em-pine) 55%, #000);
  color: hsl(var(--foreground));
  opacity: 1;
  box-shadow: inset 0 -2px 0 var(--em-pine-bright);
}
.em-segment-active + .em-segment::before,
.em-segment + .em-segment-active::before {
  opacity: 0;
}
.em-section {
  padding: 0.45rem 0.5rem 0.5rem;
  border-bottom: 1px solid var(--em-line);
}
.em-section-inner {
  width: 100%;
}
.em-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.35rem;
  padding-bottom: 0.28rem;
  border-bottom: 1px solid var(--em-line);
}
.em-section-head h2 {
  position: relative;
  padding-left: 0.65rem;
}
.em-section-head h2::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.15rem;
  bottom: 0.15rem;
  width: 2px;
  background: var(--em-pine-bright);
}
/* Category sidebar — ruled pro nav */
.em-cat-sidebar {
  display: none;
  width: 12.5rem;
  flex-shrink: 0;
  flex-direction: column;
  background: hsl(var(--card));
  border-right: 1px solid var(--em-line);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    inset -1px 0 0 rgba(0, 0, 0, 0.75);
}
@media (min-width: 768px) {
  .em-cat-sidebar {
    display: flex;
  }
}
.em-cat-head {
  padding: 0.5rem 0.4rem;
  border-bottom: 1px solid var(--em-line);
}
.em-cat-label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: hsl(var(--muted-foreground));
  opacity: 1;
  font-family:
    'IBM Plex Mono',
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    'Liberation Mono',
    'Courier New',
    monospace;
}
.em-cat-nav {
  flex: 1;
  overflow-y: auto;
  padding: 0.25rem 0;
}
.em-cat-group {
  margin-top: 0;
  padding-top: 0;
  border-top: 1px solid var(--em-line);
}
.em-cat-group:first-child {
  border-top: none;
}
.em-cat-toggle {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 0.4rem;
  padding: 0.34rem 0.55rem;
  text-align: left;
  font-size: 11px;
  font-weight: 600;
  color: hsl(var(--muted-foreground));
  transition: background 0.12s ease;
  font-family:
    'IBM Plex Mono',
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    'Liberation Mono',
    'Courier New',
    monospace;
}
.em-cat-toggle:hover {
  background: hsl(var(--card));
}
.em-cat-toggle-active {
  color: hsl(var(--foreground));
}
.em-cat-sublist {
  background: hsl(var(--card));
}
.em-cat-item {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  gap: 0.5rem;
  padding: 0.3rem 0.6rem;
  text-align: left;
  font-size: 10px;
  font-weight: 600;
  border-left: 2px solid transparent;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.14);
  transition: background 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease;
}
.em-cat-subitem {
  padding-left: 0.6rem;
  font-size: 10px;
  font-weight: 600;
}
.em-cat-item + .em-cat-item {
  border-top: none;
}
.em-cat-item:hover {
  background: hsl(var(--card));
}
.em-cat-item-active {
  background: color-mix(in srgb, var(--em-pine) 28%, transparent);
  border-left-color: var(--em-pine-bright);
  font-weight: 600;
  box-shadow: inset 0 -2px 0 var(--em-pine-bright);
  color: hsl(var(--foreground));
}
.em-cat-icon {
  position: relative;
  display: inline-flex;
  height: 1.4rem;
  width: 1.4rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--em-line);
  background: hsl(var(--card));
}
.em-segment .em-cat-icon,
.em-subtab .em-cat-icon {
  height: 1.15rem;
  width: 1.15rem;
}
.em-cat-icon img {
  display: block;
}
.em-toolbar {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.3rem;
  border-bottom: 1px solid var(--em-line);
  background: transparent;
  padding: 0.22rem 0.45rem;
}
.em-toolbar-divider {
  width: 1px;
  align-self: stretch;
  min-height: 1.4rem;
  background: var(--em-line-strong);
}
.em-subtabs {
  display: inline-flex;
  align-items: stretch;
  border: 1px solid var(--em-line);
  background: hsl(var(--card));
}
.em-subtab {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.3rem 0.65rem;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.em-subtab + .em-subtab::before {
  content: '';
  position: absolute;
  left: 0;
  top: 20%;
  bottom: 20%;
  width: 1px;
  background: var(--em-line);
}
.em-subtab-active {
  background: color-mix(in srgb, var(--em-pine) 50%, #000);
  box-shadow: inset 0 -2px 0 var(--em-pine-bright);
}
.em-link-quiet {
  font-size: 11px;
  font-weight: 500;
  opacity: 0.85;
  border-left: 1px solid var(--em-line);
  padding-left: 0.65rem;
}
.em-link-quiet:hover {
  opacity: 1;
}
/* Topbar action buttons — match shell / search / subtab chrome */
.em-toolbar-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  height: 1.75rem;
  flex-shrink: 0;
  padding: 0 0.65rem;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: lowercase;
  white-space: nowrap;
  border: 1px solid var(--em-line);
  background: hsl(var(--card));
  color: hsl(var(--foreground)) !important;
  transition: background 0.15s ease, border-color 0.15s ease, opacity 0.15s ease;
}
.em-toolbar-btn:hover {
  background: hsl(var(--card));
  border-color: var(--em-line-strong);
}
.em-toolbar-btn:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28);
}
.em-card-lift {
  transition: border-color 0.15s ease, background 0.15s ease;
}
.em-catalog-card {
  border: 1px solid var(--em-line) !important;
  background: linear-gradient(180deg, hsl(var(--muted)), hsl(var(--card))) !important;
  /* Match UI Build CollectionsRow; !important beats corners-mode button rules when class is kept. */
  border-radius: 2px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 1px 0 rgba(0, 0, 0, 0.4);
}
.em-catalog-card:hover {
  border-color: color-mix(in srgb, var(--em-pine-bright) 45%, var(--em-line)) !important;
  background: linear-gradient(180deg, hsl(var(--muted)), hsl(var(--card))) !important;
}
.em-rail-scroll {
  display: flex;
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
  --tw-scroll-snap-strictness: mandatory;
  gap: 0.375rem;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding-bottom: 0.25rem;
}

[data-module-tight] .em-rail-scroll > .border + .border {
  margin-left: -1px;
}
@media screen and (min-width: 1px) {
  .em-rail-scroll {
    max-width: 100%;
  }
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] .relative.em-rail-scroll.h-full.min-h-0.shrink-0 {
  align-self: flex-start;
}
.ui-build-page
  [data-ui-build-gallery='carousel-v1']
  [data-primary-ui-containers]
  #project-interface-catalogue-applet[data-catalogue-ps1-layout]
  .relative.em-rail-scroll.h-full.min-h-0.shrink-0:has([data-project-catalogue-ps1-sidebar]) {
  align-self: stretch;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] .relative.em-rail-scroll.h-full {
  overflow: visible;
}

.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] #project-interface-catalogue-applet .relative.em-rail-scroll.h-full.min-h-0.shrink-0:has([data-project-catalogue-ps1-sidebar]) {
  min-width: calc(2.5rem + 11rem);
  flex-shrink: 0;
}
.em-rail-scroll {
  scrollbar-width: thin;
}
.em-rail-scroll > * {
  scroll-snap-align: start;
}
.em-project-overlay {
  position: absolute;
  inset: 0px;
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
  --tw-gradient-from: rgb(0 0 0 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.ui-build-glass.ui-build-glass-detail .ix-immersive > div:first-child > div.em-project-overlay.inset-0 {
  background-image: none;
}
.ui-build-glass.ui-build-glass-detail .ix-immersive > div:first-child > div.absolute.em-project-overlay {
  background-image: none;
}
.ui-build-glass.ui-build-glass-detail .ix-immersive > div:first-child > div.em-project-overlay.inset-0:not(:has(img)) {
  background: linear-gradient(160deg, #3a3a3a 0%, #1a1a1a 55%, #111 100%);
}
.ui-build-glass.ui-build-glass-detail .ix-immersive > div:first-child > div.absolute.em-project-overlay:not(:has(img)) {
  background: linear-gradient(160deg, #3a3a3a 0%, #1a1a1a 55%, #111 100%);
}
.ui-build-glass.ui-build-glass-detail .ix-immersive > div:first-child > div.em-project-overlay.inset-0.bg-gradient-to-t {
  background: linear-gradient(to top, #1a1a1a, rgba(26, 26, 26, 0.4), transparent);
}
.ui-build-glass.ui-build-glass-detail .ix-immersive > div:first-child > div.absolute.em-project-overlay.bg-gradient-to-t {
  background: linear-gradient(to top, #1a1a1a, rgba(26, 26, 26, 0.4), transparent);
}
.ui-build-glass.ui-build-glass-detail .ix-immersive > div:first-child > div.absolute.inset-0.em-project-overlay {
  background: linear-gradient(to top, #1a1a1a, rgba(26, 26, 26, 0.4), transparent);
}
.ui-build-page .desk-ui-embedded .em-project-overlay {
  inset: 0;
}
.em-glass-stat {
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.1);
  background-color: rgb(0 0 0 / 0.5);
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  text-align: center;
}
[data-module-tight] .em-glass-stat {
  border-color: hsl(var(--border) / 0.4);
  border-width: 1px;
}
[data-module-tight] .grid > .em-glass-stat + .border,
[data-module-tight] .flex > .em-glass-stat + .border {
  margin-left: -1px;
}
[data-module-tight] .grid > .em-glass-stat + .border,
[data-module-tight] [class*="grid-cols"] > .em-glass-stat + .border {
  margin-top: -1px;
}
.rd-docs-surface .em-glass-stat {
  border-style: dotted;
  border-color: hsl(var(--border) / 0.7);
}
.build-page-surface .em-glass-stat {
  border-style: solid;
}

.em-pro .em-glass-stat {
  border-color: var(--em-line);
}

.em-pro.em-pro--site-theme .em-glass-stat {
  border-color: hsl(var(--border));
}
.ui-build-glass .em-catalog-card span.em-glass-stat {
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.06);
}
/* Creative Index screenshot parity target */
.ix-screen-target {
  background: hsl(var(--card));
}
.ix-screen-target .workspace-container-frame {
  background: hsl(var(--card));
}
.ix-screen-target [data-tab52-sidebar] {
  background: hsl(var(--card));
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.ix-screen-target [data-tab52-sidebar] [data-radix-scroll-area-viewport] {
  background: hsl(var(--card));
}
.ix-screen-target [data-tab52-sidebar] :is(button, a) {
  min-height: 24px;
  font-size: 10px;
}
.ix-screen-target [data-tab52-sidebar] :is(button, a)[aria-current='page'],
.ix-screen-target [data-tab52-sidebar] :is(button, a)[data-state='active'] {
  border-left: 2px solid #d9d9d9;
  background: hsl(var(--card));
}
.ix-screen-target .workspace-container-frame [data-btb='2a'] .btb-row {
  min-height: 30px;
  background: hsl(var(--card));
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.ix-screen-target .primary-topbar-1,
.ix-screen-target .primary-topbar-1-tools {
  background: hsl(var(--card));
}
.ix-screen-target .primary-topbar-1-field {
  min-height: 20px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: hsl(var(--card));
  color: hsl(var(--foreground));
  font-size: 10px;
}
.ix-screen-target .ix-screen-card {
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: hsl(var(--card));
  border-radius: 0;
  box-shadow: none;
}
.ix-screen-target .ix-screen-card-footer {
  background: hsl(var(--card));
  border-top-color: rgba(255, 255, 255, 0.08);
}
.ix-screen-target .ix-screen-tag {
  height: 20px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: hsl(var(--card));
  color: hsl(var(--foreground));
  font-size: 9px;
  letter-spacing: 0.08em;
  text-transform: lowercase;
  padding: 0 0.4rem;
}
/* Theme pass: preserve geometry, map colors for light theme families */
html.light .ix-screen-target,
html.desklight .ix-screen-target,
html.ableton .ix-screen-target,
html.brooklet .ix-screen-target,
html.airbus .ix-screen-target,
html.sketchpad .ix-screen-target {
  background: hsl(var(--background));
}
html.light .ix-screen-target .workspace-container-frame,
html.desklight .ix-screen-target .workspace-container-frame,
html.ableton .ix-screen-target .workspace-container-frame,
html.brooklet .ix-screen-target .workspace-container-frame,
html.airbus .ix-screen-target .workspace-container-frame,
html.sketchpad .ix-screen-target .workspace-container-frame {
  background: hsl(var(--background));
}
html.light .ix-screen-target [data-tab52-sidebar],
html.desklight .ix-screen-target [data-tab52-sidebar],
html.ableton .ix-screen-target [data-tab52-sidebar],
html.brooklet .ix-screen-target [data-tab52-sidebar],
html.airbus .ix-screen-target [data-tab52-sidebar],
html.sketchpad .ix-screen-target [data-tab52-sidebar] {
  background: hsl(var(--card));
  border-right-color: hsl(var(--border));
}
html.light .ix-screen-target .workspace-container-frame [data-btb='2a'] .btb-row,
html.desklight .ix-screen-target .workspace-container-frame [data-btb='2a'] .btb-row,
html.ableton .ix-screen-target .workspace-container-frame [data-btb='2a'] .btb-row,
html.brooklet .ix-screen-target .workspace-container-frame [data-btb='2a'] .btb-row,
html.airbus .ix-screen-target .workspace-container-frame [data-btb='2a'] .btb-row,
html.sketchpad .ix-screen-target .workspace-container-frame [data-btb='2a'] .btb-row {
  background: hsl(var(--card));
  border-bottom-color: hsl(var(--border));
}
html.light .ix-screen-target .primary-topbar-1,
html.light .ix-screen-target .primary-topbar-1-tools,
html.desklight .ix-screen-target .primary-topbar-1,
html.desklight .ix-screen-target .primary-topbar-1-tools,
html.ableton .ix-screen-target .primary-topbar-1,
html.ableton .ix-screen-target .primary-topbar-1-tools,
html.brooklet .ix-screen-target .primary-topbar-1,
html.brooklet .ix-screen-target .primary-topbar-1-tools,
html.airbus .ix-screen-target .primary-topbar-1,
html.airbus .ix-screen-target .primary-topbar-1-tools,
html.sketchpad .ix-screen-target .primary-topbar-1,
html.sketchpad .ix-screen-target .primary-topbar-1-tools {
  background: hsl(var(--card));
}
html.light .ix-screen-target .primary-topbar-1-field,
html.desklight .ix-screen-target .primary-topbar-1-field,
html.ableton .ix-screen-target .primary-topbar-1-field,
html.brooklet .ix-screen-target .primary-topbar-1-field,
html.airbus .ix-screen-target .primary-topbar-1-field,
html.sketchpad .ix-screen-target .primary-topbar-1-field {
  border-color: hsl(var(--border));
  background: hsl(var(--muted));
  color: hsl(var(--foreground));
}
html.light .ix-screen-target .ix-screen-card,
html.desklight .ix-screen-target .ix-screen-card,
html.ableton .ix-screen-target .ix-screen-card,
html.brooklet .ix-screen-target .ix-screen-card,
html.airbus .ix-screen-target .ix-screen-card,
html.sketchpad .ix-screen-target .ix-screen-card {
  border-color: hsl(var(--border));
  background: hsl(var(--card));
}
html.light .ix-screen-target .ix-screen-card-footer,
html.desklight .ix-screen-target .ix-screen-card-footer,
html.ableton .ix-screen-target .ix-screen-card-footer,
html.brooklet .ix-screen-target .ix-screen-card-footer,
html.airbus .ix-screen-target .ix-screen-card-footer,
html.sketchpad .ix-screen-target .ix-screen-card-footer {
  background: hsl(var(--muted));
  border-top-color: hsl(var(--border));
}
/* Index / Exchange immersive surfaces — neutral grey palette */
.ix-immersive {
  --ix-fern: #6f6e69;
  --ex-pine: #7c7b75;
  --ix-accent: var(--ix-fern);
  background: hsl(var(--background));
}
.ix-immersive-header {
  isolation: isolate;
}
.ix-accent-bar {
  height: 2px;
  background: linear-gradient(
    90deg,
    var(--ix-accent) 0%,
    color-mix(in srgb, var(--ix-accent) 40%, transparent) 60%,
    transparent 100%
  );
}
.ix-chip-grid {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));
}
@media (max-width: 640px) {
  .ix-immersive-header {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .ix-chip-grid {
    grid-template-columns: 1fr;
  }
}
.ix-demo-card {
  position: relative;
  border-width: 1px;
  border-color: hsl(var(--border) / 0.7);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  padding: 0.5rem;
}
[data-module-tight] .ix-demo-card  { padding: 0.5rem;
  border-color: hsl(var(--border) / 0.4);
  border-width: 1px; }
[data-module-tight] .grid > .ix-demo-card + .border,
[data-module-tight] .flex > .ix-demo-card + .border {
  margin-left: -1px;
}
[data-module-tight] .grid > .ix-demo-card + .border,
[data-module-tight] [class*="grid-cols"] > .ix-demo-card + .border {
  margin-top: -1px;
}
[data-module-tight-off] .ix-demo-card  { padding: 1rem; }
.rd-docs-surface .ix-demo-card {
  border-style: dotted;
  border-color: hsl(var(--border) / 0.7);
}
.build-page-surface .ix-demo-card {
  border-style: solid;
}

.em-pro .ix-demo-card {
  border-color: var(--em-line);
}

.em-pro.em-pro--site-theme .ix-demo-card {
  border-color: hsl(var(--border));
}
.ui-build-glass .em-catalog-card span.ix-demo-card {
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.06);
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] .ix-demo-card.flex.h-full.min-h-0.shrink-0 {
  align-self: flex-start;
}
.ui-build-page
  [data-ui-build-gallery='carousel-v1']
  [data-primary-ui-containers]
  #project-interface-catalogue-applet[data-catalogue-ps1-layout]
  .ix-demo-card.flex.h-full.min-h-0.shrink-0:has([data-project-catalogue-ps1-sidebar]) {
  align-self: stretch;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] .ix-demo-card.flex.h-full {
  overflow: visible;
}

.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] #project-interface-catalogue-applet .ix-demo-card.flex.h-full.min-h-0.shrink-0:has([data-project-catalogue-ps1-sidebar]) {
  min-width: calc(2.5rem + 11rem);
  flex-shrink: 0;
}
.primary-topbar-1 .ix-demo-card:has(input.primary-topbar-1-field) {
  flex: 0 1 10rem;
  min-width: 7.5rem;
  max-width: 10rem;
}
.primary-topbar-1 .ix-demo-card:has(input.primary-topbar-1-field) .primary-topbar-1-outline-icon {
  width: 11px;
  height: 11px;
  min-width: 11px;
  min-height: 11px;
  color: var(--pt1-inactive-fg);
}
.primary-topbar-1 .ix-demo-card:has(select.primary-topbar-1-select) .primary-topbar-1-outline-icon {
  width: 10px;
  height: 10px;
  min-width: 10px;
  min-height: 10px;
  color: var(--pt1-inactive-fg);
}
.primary-topbar-1 .ix-demo-card:has(.primary-topbar-1-field:hover) .primary-topbar-1-outline-icon,
.primary-topbar-1 .ix-demo-card:has(.primary-topbar-1-field:focus) .primary-topbar-1-outline-icon {
  color: var(--pt1-active-fg);
}
.ix-demo-card {
  border-radius: 2px;
  background: linear-gradient(180deg, hsl(var(--muted)), hsl(var(--card)));
}
.ix-demo-card:hover {
  border-color: color-mix(in srgb, var(--ix-accent) 55%, hsl(var(--border)));
  background: linear-gradient(180deg, hsl(var(--accent)), hsl(var(--card)));
}
.ix-pill {
  display: inline-flex;
  align-items: center;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
.dashboard-sidebar-shell .ix-pill:not(:where([data-desk-build-suite] *, [data-desk-build-suite])) {
  font-size: var(--build-page-font-size);
  font-weight: 600;
  line-height: var(--build-page-line-height);
}
.dashboard-sidebar-shell [data-tab52-sidebar] .ix-pill {
  font-size: 10px;
  font-weight: 600;
  line-height: 1.15;
}

.dashboard-sidebar-shell [data-tab52-sidebar-rail] .ix-pill {
  font-size: 10px;
  font-weight: 600;
  line-height: 1.15;
}
.dashboard-sidebar-shell [data-build-nav-preview] .ix-pill,
.dashboard-sidebar-shell .build-nav-preview-root .ix-pill,
.dashboard-sidebar-shell [data-blocknest-studio] .ix-pill,
.dashboard-sidebar-shell [data-promptbench-root] .ix-pill {
  font-size: revert;
  line-height: revert;
}
.dashboard-sidebar-shell [data-build-nav-grid] .ix-pill,
.build-page-shell-typography [data-build-nav-grid] .ix-pill {
  font-size: 0.75rem;
  line-height: 1.25;
}
.ui-build-page .ui-build-demo-pane span.ix-pill.shrink-0[style*='background']:not([data-rd-icon-plate]):not([data-keep-tile-fill]) {
  background-color: #525252;
}
.ix-pill {
  border-radius: 0;
  background: color-mix(in srgb, var(--ix-accent) 22%, transparent);
  color: hsl(var(--foreground));
  border: 1px solid color-mix(in srgb, var(--ix-accent) 35%, transparent);
}

  :is(html, .component-theme-scope).ableton .ix-empty {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
  }
:is(html, .component-theme-scope).deskdarklegacy .ix-empty {
    font-size: 12px;
  }
.ix-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding-top: 4rem;
  padding-bottom: 4rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: hsl(var(--muted-foreground));
}
.rd-opaque-card.rd-icons-floater-chrome .ix-empty {
  color: rgba(255, 255, 255, 0.7);
}

[data-module-tight] .ix-empty > .border + .border {
  margin-left: -1px;
}

[data-deskbase] .ix-empty,
[data-deskbase-portal] .ix-empty {
  color: hsl(var(--muted-foreground));
}
@media screen and (min-width: 1px) {
  .ix-empty {
    max-width: 100%;
  }
}

.dashboard-sidebar-shell .ix-empty:not(:where([data-desk-build-suite] *, [data-desk-build-suite])) {
  font-size: var(--build-page-font-size);
  font-weight: 600;
  line-height: var(--build-page-line-height);
}

.dashboard-sidebar-shell [data-build-nav-grid] .ix-empty,
.build-page-shell-typography [data-build-nav-grid] .ix-empty {
  font-size: 0.75rem;
  line-height: 1.25;
}
.linear-dev-tasks-sidebar-cell .ix-empty,
.linear-dev-tasks-sidebar-unified .ix-empty,
.linear-dev-tasks-sidebar-body .ix-empty,
.dashboard-sidebar-shell-aside .ix-empty {
  color: hsl(var(--muted-foreground));
}
.em-pro.em-pro--site-theme .ix-empty {
  color: hsl(var(--muted-foreground));
}
.ui-build-page .em-pro .ix-empty {
  color: hsl(var(--muted-foreground));
}

.ui-build-glass .em-section-head .ix-empty {
  color: rgba(255, 255, 255, 0.58);
}
.ui-build-glass.ui-build-glass-pro .ix-empty {
  color: rgba(255, 255, 255, 0.58);
}
.ui-build-glass.ui-build-glass-listings button.group.rounded-xl .ix-empty {
  color: rgba(255, 255, 255, 0.58);
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] .relative.ix-empty.h-full.min-h-0.shrink-0 {
  align-self: flex-start;
}
.ui-build-page
  [data-ui-build-gallery='carousel-v1']
  [data-primary-ui-containers]
  #project-interface-catalogue-applet[data-catalogue-ps1-layout]
  .relative.ix-empty.h-full.min-h-0.shrink-0:has([data-project-catalogue-ps1-sidebar]) {
  align-self: stretch;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] .relative.ix-empty.h-full {
  overflow: visible;
}

.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] #project-interface-catalogue-applet .relative.ix-empty.h-full.min-h-0.shrink-0:has([data-project-catalogue-ps1-sidebar]) {
  min-width: calc(2.5rem + 11rem);
  flex-shrink: 0;
}

[data-light-panel="true"] .ix-empty {
  color: rgba(0, 0, 0, 0.9);
}
/**
 * UI Build only — neutral dark-grey / light-grey demo theme.
 * All rules scoped so Index / Exchange stay unchanged.
 */
/* UI Reference only — catalog density without squashing pack icons. */
/* Titles, breadcrumbs and search share the tab-track treatment in every Primary UI sidebar. */
:is(.ui-ref-ps1-compact.primary-ui-sidebar-host, .tls-frame, [data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.tls-head, .dev-ws-sidebar-header, .ctc-finder-crumb, .ctc-finder-shell > label:first-child, .das-search-row, .das-panel-header, .desk-inspector-chrome) {
  box-sizing: border-box;
  height: var(--container-header-height, 27px) !important;
  min-height: var(--container-header-height, 27px) !important;
  max-height: var(--container-header-height, 27px) !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border: 0;
  border-bottom: 1px solid var(--container-divider, #414147) !important;
  border-radius: 0 !important;
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e)) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.09) !important;
  color: hsl(var(--foreground));
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 5px;
}
:is(.ui-ref-ps1-compact.primary-ui-sidebar-host, .tls-frame, [data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.tls-head, .dev-ws-sidebar-header, .ctc-finder-crumb, .ctc-finder-shell > label:first-child, .das-search-row, .das-panel-header, .desk-inspector-chrome),
:is(.ui-ref-ps1-compact.primary-ui-sidebar-host, .tls-frame, [data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.tls-head, .dev-ws-sidebar-header, .ctc-finder-crumb, .ctc-finder-shell > label:first-child, .das-search-row, .das-panel-header, .desk-inspector-chrome)
:is(span, button, input, h2, h3) {
  font-family: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  -webkit-font-smoothing: antialiased;
}
:is([data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.ctc-finder-shell > label:first-child, .das-search-row) input {
  min-width: 0;
  color: hsl(var(--foreground));
}
:is([data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.ctc-finder-shell > label:first-child, .das-search-row) input::-moz-placeholder {
  color: hsl(var(--muted-foreground));
  opacity: 1;
}
:is([data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.ctc-finder-shell > label:first-child, .das-search-row) input::placeholder {
  color: hsl(var(--muted-foreground));
  opacity: 1;
}
/* Continue the bottom tab-track fill through the sidebar footer cells. */
:is(.ui-ref-ps1-compact.primary-ui-sidebar-host, .tls-frame, [data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.tls-rail-footer, .ui-ref-ps1-layer1-rail-footer, .ctc-finder-footer, .das-library-row, .das-status-bar) {
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e)) !important;
  border-top: 1px solid var(--container-divider, #414147) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.07) !important;
}
/* CTC left-sidebar chrome on Primary UI PS1 / PS2 / PS3
   (.primary-ui-sidebar-host) and Workspace Container embeds. */
.ui-ref-ps1-compact.primary-ui-sidebar-host,
.workspace-container-frame .ui-ref-ps1-compact {
  --workspace-sidebar-rail-width: 32px;
  --workspace-sidebar-panel-width: 168px;
  --workspace-sidebar-control-size: 26px;
  --workspace-sidebar-icon-size: 16px;
  --workspace-sidebar-head-height: 22px;
  --workspace-sidebar-row-height: 22px;
  --workspace-sidebar-gap: 2px;
  --workspace-sidebar-pad: 3px;
  --workspace-sidebar-bg: #121214;
  --workspace-sidebar-line: var(--linux-chrome-border, #3d3846);
  --workspace-sidebar-fg: var(--linux-chrome-fg, #deddda);
  --workspace-sidebar-muted: var(--linux-chrome-muted, #9a9996);
  --workspace-sidebar-rail-top: #19191c;
  --workspace-sidebar-rail-bottom: #121214;
  --workspace-sidebar-panel: #121214;
  --workspace-sidebar-head-top: #19191c;
  --workspace-sidebar-head-bottom: #141416;
  --workspace-sidebar-row-top: #242428;
  --workspace-sidebar-row-bottom: #19191d;
  --ps-ctc-raised: #222226;
  --ps-ctc-plate: #121214;
  --ps-ctc-line: var(--linux-chrome-border, #3d3846);
  --ps-ctc-highlight: rgba(255, 255, 255, 0.1);
  --ps-ctc-highlight-strong: rgba(255, 255, 255, 0.16);
  --ps-ctc-shade: rgba(0, 0, 0, 0.55);
  --ps-ctc-bevel-out:
    inset 1px 1px 0 var(--ps-ctc-highlight),
    inset -1px -1px 0 var(--ps-ctc-shade);
  --ps-ctc-bevel-out-hover:
    inset 1px 1px 0 var(--ps-ctc-highlight-strong),
    inset -1px -1px 0 var(--ps-ctc-shade);
  --ps-ctc-control: 28px;
  --ps1-layer1-bg: var(--ps-ctc-plate);
  --ps1-layer2-bg: var(--ps-ctc-plate);
  --dev-ws-activity-bg: var(--ps-ctc-plate);
  --dev-ws-panel-bg: var(--ps-ctc-plate);
  --ps1-rail-divider: var(--ps-ctc-line);
  --ps1-chip-bg: transparent;
  --ps1-chip-bg-hover: rgba(255, 255, 255, 0.03);
  --ps1-chip-bg-active: transparent;
  --ps1-tab-bevel: none;
  --ps1-tab-bevel-hover: none;
  --ps1-tab-bevel-active: none;
}
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-layer1,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-layer1 {
  width: var(--workspace-sidebar-rail-width);
  min-width: var(--workspace-sidebar-rail-width);
  background: var(--ps-ctc-plate) !important;
  border-right: 1px solid var(--ps-ctc-line) !important;
  box-shadow: none;
}
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-layer1-rail,
.ui-ref-ps1-compact.primary-ui-sidebar-host .dev-ws-activity-bar.ui-ref-ps1-layer1-rail,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-layer1-rail,
.workspace-container-frame .ui-ref-ps1-compact .dev-ws-activity-bar.ui-ref-ps1-layer1-rail {
  background: var(--ps-ctc-plate) !important;
  gap: 0;
  padding: 0;
}
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-layer1-rail-dests,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-layer1-rail-dests {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--workspace-sidebar-gap);
  padding-top: var(--workspace-sidebar-pad);
}
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-layer1-rail-footer,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-layer1-rail-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  min-height: 32px;
  margin-top: auto;
  padding: 0;
  border-top: 1px solid var(--ps-ctc-line);
  box-shadow: none;
}
.ui-ref-ps1-compact.primary-ui-sidebar-host .dev-ws-sidebar > .min-h-0,
.workspace-container-frame .ui-ref-ps1-compact .dev-ws-sidebar > .min-h-0 {
  padding: 0 !important;
}
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-layer2,
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-layer2-panel,
.ui-ref-ps1-compact.primary-ui-sidebar-host .dev-ws-sidebar.ui-ref-ps1-layer2-panel,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-layer2,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-layer2-panel,
.workspace-container-frame .ui-ref-ps1-compact .dev-ws-sidebar.ui-ref-ps1-layer2-panel {
  background: var(--ps-ctc-plate) !important;
}
.ui-ref-ps1-compact.primary-ui-sidebar-host.ui-ref-ps2 .dev-ws-sidebar.ui-ref-ps1-layer2-panel,
.ui-ref-ps1-compact.primary-ui-sidebar-host.ui-ref-ps3 .dev-ws-sidebar.ui-ref-ps1-layer2-panel,
.workspace-container-frame .ui-ref-ps1-compact.ui-ref-ps2 .dev-ws-sidebar.ui-ref-ps1-layer2-panel,
.workspace-container-frame .ui-ref-ps1-compact.ui-ref-ps3 .dev-ws-sidebar.ui-ref-ps1-layer2-panel {
  border-left: 1px solid var(--ps-ctc-line) !important;
}
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-glow-icon,
.ui-ref-ps1-compact.primary-ui-sidebar-host button.ui-ref-ps1-glow-icon,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-glow-icon,
.workspace-container-frame .ui-ref-ps1-compact button.ui-ref-ps1-glow-icon {
  width: var(--ps-ctc-control) !important;
  min-width: var(--ps-ctc-control) !important;
  height: var(--ps-ctc-control) !important;
  min-height: var(--ps-ctc-control) !important;
  margin: 0 auto;
  border: 0 !important;
  border-radius: 3px !important;
  overflow: visible !important;
  background: var(--ps-ctc-raised) !important;
  background-color: var(--ps-ctc-raised) !important;
  background-image: none !important;
  box-shadow: var(--ps-ctc-bevel-out) !important;
}
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-glow-icon::after,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-glow-icon::after {
  display: none !important;
}
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-sis-dest,
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-glow-icon [data-rd-icon-plate],
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-sis-dest,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-glow-icon [data-rd-icon-plate] {
  width: 16px !important;
  height: 16px !important;
  border-radius: 0;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
}
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-sis-dest svg,
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-sis-dest img,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-sis-dest svg,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-sis-dest img {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
}
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-glow-icon::before,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-glow-icon::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 2px;
  height: 100%;
  border-radius: 0;
  transform: none !important;
  background: var(--glow-color);
  box-shadow: none;
  opacity: 0.2;
  transition: opacity 140ms ease;
}
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-glow-icon:hover,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-glow-icon:hover {
  background: #333 !important;
  background-color: #333 !important;
  box-shadow: var(--ps-ctc-bevel-out-hover) !important;
}
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-glow-icon:hover::before,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-glow-icon:hover::before {
  transform: none !important;
  opacity: 0.55;
}
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-glow-icon[aria-current='page'],
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-glow-icon[aria-pressed='true'],
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-glow-icon[aria-current='page'],
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-glow-icon[aria-pressed='true'] {
  background: var(--ps-ctc-raised) !important;
  background-color: var(--ps-ctc-raised) !important;
  box-shadow: var(--ps-ctc-bevel-out) !important;
}
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-glow-icon[aria-current='page']::before,
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-glow-icon[aria-pressed='true']::before,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-glow-icon[aria-current='page']::before,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-glow-icon[aria-pressed='true']::before {
  opacity: 1;
  background: var(--glow-color);
}
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-submenu-panel .ui-ref-ps1-tab.ui-ref-ps1-glow-row,
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-submenu-panel [role='treeitem'],
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-submenu-panel .ui-ref-ps1-tab.ui-ref-ps1-glow-row,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='treeitem'] {
  height: auto !important;
  min-height: var(--workspace-sidebar-row-height) !important;
  gap: 6px;
  padding: 1px 8px !important;
  border: 0 !important;
  border-radius: 0 !important;
  border-bottom: 1px solid var(--ps-ctc-line) !important;
  background: transparent !important;
  box-shadow: none !important;
  color: hsl(var(--foreground)) !important;
  font-size: var(--primary-ui-chrome-font-size, 12px) !important;
  font-weight: 600 !important;
}
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-submenu-panel .ui-ref-ps1-tab.ui-ref-ps1-glow-row:hover,
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-submenu-panel [role='treeitem']:hover,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-submenu-panel .ui-ref-ps1-tab.ui-ref-ps1-glow-row:hover,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='treeitem']:hover {
  background: rgba(255, 255, 255, 0.03) !important;
  box-shadow: none !important;
  border-color: var(--ps-ctc-line) !important;
}
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-submenu-panel .ui-ref-ps1-tab.ui-ref-ps1-glow-row[aria-current='page'],
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-submenu-panel [role='treeitem'][aria-selected='true'],
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-submenu-panel [role='treeitem'][aria-expanded='true'],
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-submenu-panel .ui-ref-ps1-tab.ui-ref-ps1-glow-row[aria-current='page'],
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='treeitem'][aria-selected='true'],
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='treeitem'][aria-expanded='true'] {
  background: transparent !important;
  box-shadow: none !important;
  color: hsl(var(--foreground)) !important;
}
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-submenu-panel .ui-ref-ps1-sis-dest,
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-submenu-panel .ui-ref-ps1-sis-dest--toggle,
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-submenu-panel [role='treeitem'] > span:first-child,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-submenu-panel .ui-ref-ps1-sis-dest,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-submenu-panel .ui-ref-ps1-sis-dest--toggle,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='treeitem'] > span:first-child {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  background: none !important;
  background-image: none !important;
}
.ui-ref-ps1-compact.primary-ui-sidebar-host .dev-ws-sidebar-header,
.workspace-container-frame .ui-ref-ps1-compact .dev-ws-sidebar-header {
  min-height: 32px;
  padding: 0 12px;
  border-bottom: 1px solid var(--ps-ctc-line) !important;
  box-shadow: none;
  background: var(--ps-ctc-plate);
}
html:not([data-corners='rounded']):not(.rounded-corners) .ui-ref-ps1-compact.primary-ui-sidebar-host button.ui-ref-ps1-glow-icon,
html[data-corners='sharp'] .ui-ref-ps1-compact.primary-ui-sidebar-host button.ui-ref-ps1-glow-icon,
html:not([data-corners='rounded']):not(.rounded-corners) .workspace-container-frame .ui-ref-ps1-compact button.ui-ref-ps1-glow-icon,
html[data-corners='sharp'] .workspace-container-frame .ui-ref-ps1-compact button.ui-ref-ps1-glow-icon {
  border-radius: 3px !important;
}
/* Configurable PS1 mounted in Creative Tools uses the exact Workspace Container density. */
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .ui-ref-ps1-layer1 {
  width: var(--workspace-sidebar-rail-width);
  min-width: var(--workspace-sidebar-rail-width);
  background: linear-gradient(
    180deg,
    var(--workspace-sidebar-rail-top),
    var(--workspace-sidebar-rail-bottom)
  ) !important;
}
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .ui-ref-ps1-layer1-rail {
  gap: var(--workspace-sidebar-gap);
  padding: var(--workspace-sidebar-pad) 0;
  background: transparent !important;
}
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .ui-ref-ps1-layer1-rail-dests {
  gap: var(--workspace-sidebar-gap);
  padding-top: 0;
}
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .ui-ref-ps1-layer1-rail-footer {
  height: calc(var(--workspace-sidebar-control-size) + 6px);
  min-height: calc(var(--workspace-sidebar-control-size) + 6px);
}
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .ui-ref-ps1-glow-icon,
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] button.ui-ref-ps1-glow-icon {
  width: var(--workspace-sidebar-control-size) !important;
  min-width: var(--workspace-sidebar-control-size) !important;
  height: var(--workspace-sidebar-control-size) !important;
  min-height: var(--workspace-sidebar-control-size) !important;
}
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .ui-ref-ps1-sis-dest,
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .ui-ref-ps1-glow-icon [data-rd-icon-plate],
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .ui-ref-ps1-sis-dest svg,
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .ui-ref-ps1-sis-dest img {
  width: var(--workspace-sidebar-icon-size) !important;
  min-width: var(--workspace-sidebar-icon-size) !important;
  height: var(--workspace-sidebar-icon-size) !important;
  min-height: var(--workspace-sidebar-icon-size) !important;
}
.ui-ref-ps1-compact.primary-ui-sidebar-host.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .ui-ref-ps1-layer2,
.ui-ref-ps1-compact.primary-ui-sidebar-host.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .ui-ref-ps1-layer2-panel {
  width: var(--workspace-sidebar-panel-width);
  background: var(--workspace-sidebar-panel) !important;
}
.ui-ref-ps1-compact.dev-workspace-shell {
  --ps1-rail-width: var(--workspace-sidebar-rail-width, 32px);
  --ps1-layer2-header: 1.875rem;
  --ps1-layer2-nav-pad: 0.125rem;
  --ps1-rail-header-inset: 0.375rem;
  --ps1-rail-divider: var(--dev-ws-divider-strong);
  --ps1-chip-bg: var(--dev-ws-surface-raised);
  --ps1-chip-bg-hover: var(--dev-ws-surface-raised-hover);
  --ps1-chip-bg-active: var(--dev-ws-surface-raised-active);
  --ps1-tab-radius: 1px;
  --ps1-pill-radius: 3px;
  --ps1-tab-gap: 0.125rem;
  --ps1-tab-inset: 0.25rem;
  --ps1-tab-pad-x: 0.25rem;
  --ps1-tab-pad-right: 0.2rem;
  --ps1-tab-font-size: var(--primary-ui-chrome-font-size, 12px);
  --ps1-tree-tab-font-size: var(--primary-ui-chrome-font-size, 12px);
  --ps1-toggle-font-size: var(--primary-ui-chrome-font-size, 12px);
  --ps1-tree-line-color: rgba(255, 255, 255, 0.8);
  --ps1-tab-bevel: var(--dev-ws-elevation-inset);
  --ps1-tab-bevel-hover: var(--dev-ws-elevation-inset-hover);
  --ps1-tab-bevel-active: var(--dev-ws-elevation-inset-active);
  align-items: stretch;
  height: 100%;
  min-height: 100%;
  align-self: stretch;
  /* Layer 1 = rail · Layer 2 = submenu — distinct desk-dark bands */
  --ps1-layer1-bg: hsl(var(--sidebar));
  --ps1-layer2-bg: hsl(var(--card));
  --dev-ws-activity-bg: var(--ps1-layer1-bg);
  --dev-ws-panel-bg: var(--ps1-layer2-bg);
  box-shadow: none;
  border-radius: var(--ps1-tab-radius);
}
.ui-ref-ps1-compact.dev-workspace-shell .dev-ws-activity-bar,
.ui-ref-ps1-compact.dev-workspace-shell .dev-ws-sidebar {
  border-radius: 0;
  box-shadow: none;
  height: 100%;
  flex: 1 1 auto;
  align-self: stretch;
  min-height: 100%;
}
/* ── Layer 1: activity rail column — full-height band + seam divider ── */
.ui-ref-ps1-compact .ui-ref-ps1-layer1 {
  background: var(--ps1-layer1-bg) !important;
  border-right: 1px solid var(--ps1-rail-divider);
  width: var(--ps1-rail-width, 32px);
  min-width: var(--ps1-rail-width, 32px);
  align-self: stretch;
  height: 100%;
  min-height: 100%;
  flex: 1 1 auto;
}
.ui-ref-ps1-compact .ui-ref-ps1-layer1-rail,
.ui-ref-ps1-compact .dev-ws-activity-bar.ui-ref-ps1-layer1-rail,
.ui-ref-ps1-compact .ui-ref-ps1-tree-view-rail.ui-ref-ps1-layer1-rail {
  background: transparent !important;
  border-right: none !important;
  flex: 1 1 auto;
  align-self: stretch;
  height: 100%;
  min-height: 100%;
}
/* Layer 1 — dest icons at top, “All tabs” pinned to bottom (no tailwind flex-1 — hidden by activity-bar rule) */
.ui-ref-ps1-compact .ui-ref-ps1-layer1-rail--with-all-tabs {
  min-height: 0;
  justify-content: flex-start;
}
.ui-ref-ps1-compact .ui-ref-ps1-layer1-rail-dests {
  flex: 0 0 auto;
  width: 100%;
}
.ui-ref-ps1-compact .ui-ref-ps1-layer1-rail-spacer {
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
}
.ui-ref-ps1-compact .ui-ref-ps1-layer1-rail-footer {
  flex: 0 0 auto;
  padding-top: 0.125rem;
  border-top: 1px solid var(--ps1-rail-divider);
}
/* Layer 2 — grouped “All tabs” submenu sections */
.ui-ref-ps1-compact .ui-ref-ps1-all-tabs-group + .ui-ref-ps1-all-tabs-group {
  margin-top: 0.375rem;
  padding-top: 0.375rem;
  border-top: 1px solid var(--ps1-rail-divider);
}
.ui-ref-ps1-compact .ui-ref-ps1-all-tabs-group-heading {
  padding: var(--ps1-rail-header-inset) var(--ps1-tab-inset) 0.125rem;
  color: hsl(var(--foreground) / 0.72);
  font-size: var(--ps1-tab-font-size);
  font-weight: 600;
  text-transform: none;
}
.ui-ref-ps1-compact .ui-ref-ps1-all-tabs-submenu .ui-ref-ps1-tree-view-leaves {
  width: 100%;
  min-width: 0;
  margin-left: 0;
  padding-left: 0;
  border-left: 0;
  padding-bottom: 0.125rem;
}
.ui-ref-ps1-compact .ui-ref-ps1-all-tabs-submenu .ui-ref-ps1-all-tabs-group {
  width: 100%;
  min-width: 0;
}
.ui-ref-ps1-compact .ui-ref-ps1-all-tabs-submenu .ui-ref-ps1-tab.ui-ref-ps1-glow-row {
  width: 100%;
  min-width: 0;
}
/* ── PS2 / PS3 — no layer-1 rail; panel is the outer edge ── */
.ui-ref-ps1-compact.ui-ref-ps2 .dev-ws-sidebar.ui-ref-ps1-layer2-panel,
.ui-ref-ps1-compact.ui-ref-ps3 .dev-ws-sidebar.ui-ref-ps1-layer2-panel {
  border-left: 1px solid var(--ps1-rail-divider, hsl(var(--border)));
}
/* ── Layer 2: submenu panel (right column) — full height, content width ── */
.ui-ref-ps1-compact .ui-ref-ps1-layer2,
.ui-ref-ps1-compact .ui-ref-ps1-layer2-panel,
.ui-ref-ps1-compact .dev-ws-sidebar.ui-ref-ps1-layer2-panel {
  background: var(--ps1-layer2-bg) !important;
  align-self: stretch;
  height: 100%;
  min-height: 100%;
  flex: 0 0 auto;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
}
.ui-ref-ps1-compact.primary-ui-sidebar-host {
  height: 100% !important;
  min-height: 100%;
  max-height: 100%;
  align-self: stretch;
  background: transparent !important;
}
.ui-ref-ps1-compact .ui-ref-ps1-tree-view-shell {
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  flex: 0 0 auto;
  height: 100%;
  min-height: 100%;
  align-self: stretch;
}
/* Tree view — hug tab column; no dead band on the right */
.ui-ref-ps1-compact .ui-ref-ps1-tree-view-submenu.ui-ref-ps1-submenu-panel {
  margin-right: 0;
  margin-bottom: 0.125rem;
}
/* Collapsed PS1 submenu — rail only; no empty submenu column. */
.ui-ref-ps1-compact.primary-ui-sidebar-host[data-ps1-submenu-open='0'] {
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
}
.ui-ref-ps1-compact.primary-ui-sidebar-host[data-ps1-submenu-open='0'] .ui-ref-ps1-tree-view-shell {
  width: -moz-max-content;
  width: max-content;
}
.ui-ref-ps1-compact .ui-ref-ps1-tree-view-rail {
  width: var(--ps1-rail-width, 32px);
  padding-top: var(--ps1-rail-header-inset);
}
.ui-ref-ps1-compact .ui-ref-ps1-rail-expand {
  width: var(--ps1-rail-width, 32px);
  padding-top: var(--ps1-layer2-nav-pad);
  padding-bottom: 0.125rem;
}
.ui-ref-ps1-compact .ui-ref-ps1-rail-expand + .dev-ws-activity-bar,
.ui-ref-ps1-compact .ui-ref-ps1-rail-expand + .ui-ref-ps1-tree-view-rail {
  padding-top: 0;
}
/* Shared PS1 submenu panel — sits on layer-2 band, no outline box */
.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel {
  margin: 0 0.125rem 0.125rem 0;
  padding: 0.1rem 0 !important;
  border: none !important;
  border-radius: var(--ps1-pill-radius) !important;
  background: transparent !important;
  box-shadow: none !important;
}
/* Submenu tabs — grey chip fill + inset emboss (no borders) */
.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel .ui-ref-ps1-tab.ui-ref-ps1-glow-row,
.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='treeitem'] {
  border: 1px solid transparent !important;
  border-radius: var(--ps1-pill-radius) !important;
  padding-top: 1px !important;
  padding-bottom: 1px !important;
  padding-right: var(--ps1-tab-pad-right) !important;
  background: var(--ps1-chip-bg) !important;
  box-shadow: var(--ps1-tab-bevel) !important;
  color: hsl(var(--foreground)) !important;
  font-size: var(--ps1-tree-tab-font-size) !important;
  font-weight: 600 !important;
  text-align: left;
  justify-content: flex-start !important;
  transition:
    background var(--dev-ws-transition-fast),
    box-shadow var(--dev-ws-transition-fast),
    border-color var(--dev-ws-transition-fast);
}
.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel .ui-ref-ps1-tab.ui-ref-ps1-glow-row::before,
.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel .ui-ref-ps1-tab.ui-ref-ps1-glow-row[aria-current='page']::before {
  opacity: 0;
}
.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel .ui-ref-ps1-tab.ui-ref-ps1-glow-row:hover,
.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='treeitem']:hover {
  background: var(--ps1-chip-bg-hover) !important;
  box-shadow: var(--ps1-tab-bevel-hover) !important;
  border-color: var(--dev-ws-divider) !important;
  color: hsl(var(--foreground)) !important;
}
.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel .ui-ref-ps1-tab.ui-ref-ps1-glow-row[aria-current='page'],
.ui-ref-ps1-compact .ui-ref-ps1-hub-submenu .ui-ref-ps1-hub-tree-leaf--active .ui-ref-ps1-glow-row,
.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='treeitem'][aria-expanded='true'],
.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='treeitem'][aria-selected='true'] {
  background: var(--ps1-chip-bg-active) !important;
  box-shadow: var(--ps1-tab-bevel-active) !important;
  border-color: var(--dev-ws-divider-strong) !important;
  color: hsl(var(--foreground)) !important;
  font-weight: 600 !important;
}
.ui-ref-ps1-compact .ui-ref-ps1-hub-submenu .ui-ref-ps1-hub-tree-leaf {
  padding-right: 0.2rem;
}
/* PS1 tree view — same tabs as hub submenu, left spine instead of L-guides */
.ui-ref-ps1-compact .ui-ref-ps1-tree-view-leaves {
  display: flex;
  flex-direction: column;
  gap: var(--ps1-tab-gap);
  width: 100%;
  min-width: -moz-max-content;
  min-width: max-content;
  margin-left: 0.125rem;
  padding-left: 0.0625rem;
  border-left: 1px solid var(--ps1-tree-line-color);
}
.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel .ui-ref-ps1-tab.ui-ref-ps1-glow-row span,
.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='treeitem'] > span:nth-child(2) {
  font-size: var(--ps1-tree-tab-font-size) !important;
  font-weight: 600 !important;
  color: hsl(var(--foreground)) !important;
  text-align: left;
  text-transform: lowercase;
}
.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel .ui-ref-ps1-tab.ui-ref-ps1-glow-row {
  height: 1.375rem !important;
  min-height: 1.375rem !important;
}
.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='treeitem'] {
  height: 1.375rem !important;
  min-height: 1.375rem !important;
  gap: 0.3rem;
  padding-left: 0.3rem !important;
  padding-right: 0.3rem !important;
}
.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='treeitem'] > span:first-child {
  width: 0.875rem !important;
  height: 0.875rem !important;
  min-width: 0.875rem !important;
  min-height: 0.875rem !important;
}
.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='treeitem'] > span:first-child .ui-ref-ps1-product-glyph,
.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='treeitem'] > span:first-child svg {
  width: 0.875rem !important;
  height: 0.875rem !important;
}
.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='treeitem'] > span:last-child {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1rem;
  height: 1rem;
  padding: 0 0.2rem;
  border-radius: var(--ps1-tab-radius);
  background: hsl(var(--muted) / 0.55);
  color: hsl(var(--muted-foreground)) !important;
  font-size: 0.5625rem !important;
  font-weight: 600;
  font-family: inherit;
}
.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='group'] > div {
  margin-top: -0.4375rem;
  margin-left: 0.625rem;
  padding-top: 0.4375rem;
  padding-left: 0.375rem;
  border-left: 1px solid var(--ps1-tree-line-color) !important;
}
.ui-ref-ps1-compact .ui-ref-ps1-submenu-title-bar {
  padding: var(--ps1-rail-header-inset) var(--ps1-tab-pad-right) 0.1rem 0.5rem;
  min-height: var(--ps1-layer2-header);
  background: var(--ps1-layer2-bg);
  border-bottom: 1px solid var(--ps1-rail-divider);
}
.ui-ref-ps1-compact .ui-ref-ps1-submenu-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1rem;
  height: 1rem;
  padding: 0 0.2rem;
  border-radius: var(--ps1-tab-radius);
  border: none;
  background: hsl(var(--muted) / 0.25);
  box-shadow: var(--ps1-tab-bevel);
  color: hsl(var(--muted-foreground));
  font-size: 0.5625rem;
  font-weight: 600;
  line-height: 1;
}
.ui-ref-ps1-compact .dev-ws-activity-bar {
  width: var(--ps1-rail-width, 32px);
  padding-top: var(--ps1-rail-header-inset);
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  gap: 0;
}
.ui-ref-ps1-compact .dev-ws-activity-bar > .flex-1 {
  display: none;
}
.ui-ref-ps1-compact .dev-ws-activity-btn {
  width: 3rem;
  height: auto;
  min-height: 2rem;
}
.ui-ref-ps1-compact .dev-ws-activity-btn--labeled {
  width: 1.75rem;
  height: 1.75rem;
  min-height: 1.75rem;
  padding: 0;
  gap: 0;
  flex-direction: row;
  border-radius: 999px;
}
.ui-ref-ps1-compact .dev-ws-activity-btn__label {
  display: none;
}
.ui-ref-ps1-compact .dev-ws-activity-btn--active::before {
  top: 0.35rem;
  bottom: 0.35rem;
}
.ui-ref-ps1-compact .ui-ref-ps1-glow-icon {
  flex-shrink: 0;
  overflow: visible;
  width: 100%;
  height: 1.625rem;
  min-width: 0;
  min-height: 1.625rem;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  transition:
    background var(--dev-ws-transition-fast),
    box-shadow var(--dev-ws-transition-fast),
    border-color var(--dev-ws-transition-fast);
}
.ui-ref-ps1-compact .ui-ref-ps1-glow-icon:hover {
  background: var(--ps1-chip-bg-hover) !important;
  box-shadow: var(--ps1-tab-bevel-hover) !important;
  border-color: var(--dev-ws-divider) !important;
  border-radius: var(--ps1-pill-radius);
}
.ui-ref-ps1-compact .ui-ref-ps1-glow-icon[aria-current='page'] {
  color: hsl(var(--foreground));
  background: transparent !important;
  border: none !important;
  border-radius: var(--ps1-tab-radius);
  box-shadow: none !important;
}
.ui-ref-ps1-compact .ui-ref-ps1-all-tabs-rail-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ui-ref-ps1-compact .dev-ws-sidebar-header {
  padding: 0.25rem 0.4rem 0.2rem;
  min-height: var(--ps1-layer2-header);
  gap: 0.3rem;
  background: var(--ps1-layer2-bg);
  border-bottom: 1px solid var(--ps1-rail-divider) !important;
  box-shadow: none;
  color: hsl(var(--foreground));
}
.ui-ref-ps1-compact .ui-ref-ps1-tab-list {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
}
.ui-ref-ps1-compact nav,
.ui-ref-ps1-compact .ui-ref-ps1-tree-nav {
  padding-top: var(--ps1-layer2-nav-pad);
  padding-bottom: 0;
}
.ui-ref-ps1-compact .dev-ws-sidebar > .min-h-0 {
  padding-top: 0.125rem !important;
  padding-right: 0.2rem !important;
  padding-bottom: 0.125rem !important;
}
.ui-ref-ps1-compact .ui-ref-ps1-tree-nav > div {
  gap: 0;
}
/* Catalog tree — TreeSvgLines-style spine + branch fillets. */
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree {
  position: relative;
  display: flex;
  flex-direction: column;
  --ps1-tree-row: 22px;
  --ps1-tree-title-h: 22px;
  --ps1-tree-line: 2px;
  --ps1-tree-curve: 5px;
}
.ui-ref-ps1-compact .ui-ref-ps1-hub-tree-guides {
  position: absolute;
  left: 2px;
  top: 0;
  z-index: 0;
  pointer-events: none;
  overflow: visible;
  color: var(--ps1-tree-line-color);
}
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-hub-tree-leaves > .ui-ref-ps1-hub-tree-guides {
  left: var(--ps1-tree-guide-x);
}
.ui-ref-ps1-compact .ui-ref-ps1-hub-tree-guides-base {
  fill: none;
  stroke: var(--ps1-tree-line-color);
  stroke-width: 1;
}
.ui-ref-ps1-compact .ui-ref-ps1-hub-tree-guides-active {
  fill: none;
  stroke: var(--ps1-tree-line-color);
  stroke-width: 1;
  stroke-linecap: round;
}
.ui-ref-ps1-compact .ui-ref-ps1-hub-tree-leaves {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.ui-ref-ps1-compact .ui-ref-ps1-hub-tree-leaf {
  position: relative;
  display: flex;
  align-items: center;
  height: var(--ps1-tree-row);
  min-width: 0;
  padding-left: 6px;
  padding-right: 0.2rem;
  background: transparent !important;
  border: none !important;
}
.ui-ref-ps1-compact .ui-ref-ps1-hub-tree-title-stem,
.ui-ref-ps1-compact .ui-ref-ps1-hub-tree-leaves-trunk,
.ui-ref-ps1-compact .ui-ref-ps1-hub-tree-tick,
.ui-ref-ps1-compact .ui-ref-ps1-hub-tree-progress {
  display: none;
}
.ui-ref-ps1-compact .ui-ref-ps1-hub-tree-title {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  min-height: var(--ps1-tree-title-h);
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  background: transparent;
}
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--folded > .ui-ref-ps1-hub-tree-title {
  padding-left: 0.25rem;
}
/* PS2 inset tree — guides open below section toggles, no group shell */
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree {
  --ps1-tree-guide-x: 1.125rem;
  --ps1-tree-row: 22px;
  --ps1-tree-title-h: 22px;
}
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree.ui-ref-ps1-catalog-tree--folded > .ui-ref-ps1-hub-tree-title {
  padding-left: 0.5rem;
  padding-right: 0.4rem;
}
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree > .ui-ref-ps1-hub-tree-title {
  padding-left: 0.5rem;
  padding-right: 0.4rem;
}
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-hub-tree-leaf {
  padding-left: calc(var(--ps1-tree-guide-x) + 0.5rem);
  padding-right: 0.4rem;
}
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle,
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-tab.ui-ref-ps1-glow-row {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle:hover,
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-tab.ui-ref-ps1-glow-row:hover {
  background: var(--ps1-chip-bg-hover) !important;
  box-shadow: var(--ps1-tab-bevel-hover) !important;
}
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle[aria-expanded='true'],
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle[aria-selected='true'],
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-tab.ui-ref-ps1-glow-row[aria-current='page'] {
  background: color-mix(in srgb, var(--glow-color) 16%, hsl(var(--sidebar))) !important;
  border: none !important;
  box-shadow: var(--ps1-tab-bevel-active) !important;
}
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle::before,
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-tab.ui-ref-ps1-glow-row::before {
  opacity: 0;
}
.ui-ref-ps1-compact .ui-ref-ps1-tree-nav > div > .ui-ref-ps1-catalog-tree--inset-tree {
  margin-bottom: 0.125rem;
}
.ui-ref-ps1-compact.dev-workspace-shell .ui-ref-ps1-catalog-tree--headed > .ui-ref-ps1-hub-tree-title {
  background: transparent;
  border-bottom: none;
}
.ui-ref-ps1-compact .ui-ref-ps1-hub-tree-title .ui-ref-ps1-catalog-tree-heading {
  padding-left: 0;
}
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree-heading {
  display: flex;
  align-items: center;
  min-height: var(--ps1-tree-title-h);
  width: 100%;
  font-weight: 600;
}
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree-heading .dev-ws-sidebar-title {
  color: hsl(var(--muted-foreground)) !important;
  text-transform: none;
  font-weight: 600;
  padding-left: 0.125rem;
}
/* Tab chips inside tree rows — rounded fill + bottom accent; tree chrome stays */
.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-row {
  position: relative;
  width: 100%;
  min-width: 0;
  min-height: calc(var(--ps1-tree-row) - 0.25rem);
  height: calc(var(--ps1-tree-row) - 0.25rem);
  margin: 0;
  padding: 1px var(--ps1-tab-pad-x) !important;
  border-radius: var(--ps1-tab-radius) !important;
  border: none;
  color: hsl(var(--muted-foreground));
  font-size: var(--ps1-tab-font-size) !important;
  line-height: 1 !important;
  font-weight: 600;
  transition:
    background 140ms ease,
    color 140ms ease;
}
.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle {
  position: relative;
  width: 100%;
  min-width: 0;
  min-height: calc(var(--ps1-tree-row) - 0.25rem);
  height: calc(var(--ps1-tree-row) - 0.25rem);
  margin: 0;
  padding: 1px var(--ps1-tab-pad-x) !important;
  border-radius: var(--ps1-tab-radius) !important;
  border: none;
  color: hsl(var(--muted-foreground));
  font-size: var(--ps1-toggle-font-size) !important;
  line-height: 1 !important;
  font-weight: 600;
  text-transform: none;
  transition:
    background 140ms ease,
    color 140ms ease;
}
.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-row span,
.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle span {
  font-size: inherit;
  line-height: inherit;
}
.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-row:hover,
.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle:hover {
  background: var(--ps1-chip-bg-hover) !important;
  color: hsl(var(--foreground));
}
.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-row[aria-current='page'],
.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle[aria-expanded='true'],
.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle[aria-selected='true'] {
  background: color-mix(in srgb, var(--glow-color) 16%, hsl(var(--sidebar))) !important;
  border: none !important;
  color: hsl(var(--foreground));
}
.ui-ref-ps1-compact .ui-ref-ps1-glow-row {
  width: 100%;
  min-width: 0;
  height: var(--ps1-tree-row);
  font-weight: 600;
}
.ui-ref-ps1-compact .ui-ref-ps1-glow-toggle {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  text-transform: none;
  justify-content: flex-start;
  gap: 0.375rem;
  font-weight: 600;
}
/* Flatten GlowingButton default card chrome — keep PS1 bevel on tabs/rail below */
.ui-ref-ps1-compact .ui-ref-ps1-glow-row,
.ui-ref-ps1-compact .ui-ref-ps1-glow-toggle,
.ui-ref-ps1-compact .ui-ref-ps1-glow-icon {
  background-image: none;
}
.ui-ref-ps1-compact button.ui-ref-ps1-glow-icon,
.ui-ref-ps1-compact button.ui-ref-ps1-tab {
  border: none !important;
  border-color: transparent !important;
  outline: none !important;
}
.ui-ref-ps1-compact button.ui-ref-ps1-tab:focus,
.ui-ref-ps1-compact button.ui-ref-ps1-tab:focus-visible,
.ui-ref-ps1-compact button.ui-ref-ps1-glow-icon:focus,
.ui-ref-ps1-compact button.ui-ref-ps1-glow-icon:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
.ui-ref-ps1-compact .ui-ref-ps1-glow-toggle:not([aria-expanded='true']):not([aria-selected='true']),
.ui-ref-ps1-compact .ui-ref-ps1-glow-icon:not([aria-current='page']) {
  background-color: transparent;
}
.ui-ref-ps1-compact .ui-ref-ps1-glow-row::after,
.ui-ref-ps1-compact .ui-ref-ps1-glow-toggle::after,
.ui-ref-ps1-compact .ui-ref-ps1-glow-icon::after {
  display: none;
}
/* Tab chips outside submenu — borderless; submenu panel rules own fill + emboss */
.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-row,
.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle {
  border: none !important;
}
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-tab.ui-ref-ps1-glow-row:hover,
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle:hover {
  box-shadow: var(--ps1-tab-bevel-hover);
}
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-tab.ui-ref-ps1-glow-row[aria-current='page'],
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle[aria-expanded='true'],
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle[aria-selected='true'] {
  box-shadow: var(--ps1-tab-bevel-active);
}
/* Tab rows: bottom accent (Primary Tab Nav 1 style) */
.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-row::before,
.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle::before {
  content: '';
  position: absolute;
  left: 0.4rem;
  right: 0.4rem;
  top: auto;
  bottom: 0.15rem;
  height: 2px;
  width: auto;
  border-radius: 999px;
  transform: none;
  background: var(--glow-color);
  box-shadow: 0 0 4px var(--glow-color-shadow);
  opacity: 0;
  transition: opacity 140ms ease;
}
.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-row[aria-current='page']::before,
.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle[aria-expanded='true']::before,
.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle[aria-selected='true']::before {
  opacity: 1;
}
/* Activity rail — same 1px tab rounding as layer-2 chips */
.ui-ref-ps1-compact .ui-ref-ps1-glow-icon {
  border-radius: var(--ps1-tab-radius);
}
.ui-ref-ps1-compact .ui-ref-ps1-glow-icon::before {
  top: 0;
  left: 0;
  height: 100%;
  width: 2px;
  border-radius: 0;
  transform: none;
  background: var(--glow-color);
  box-shadow: 1px 0 3px var(--glow-color-shadow);
}
.ui-ref-ps1-compact .ui-ref-ps1-glow-row:hover::before,
.ui-ref-ps1-compact .ui-ref-ps1-glow-toggle:hover::before,
.ui-ref-ps1-compact .ui-ref-ps1-glow-icon:hover::before {
  transform: none;
}
.ui-ref-ps1-compact .ui-ref-ps1-hub-layer1 > * {
  background: var(--ps1-layer1-bg) !important;
  background-color: var(--ps1-layer1-bg) !important;
  border-bottom-color: hsl(var(--border)) !important;
  color: hsl(var(--foreground)) !important;
}
.ui-ref-ps1-compact .dev-ws-sidebar-title {
  font-size: var(--ps1-tab-font-size) !important;
  line-height: 1.15;
  font-weight: 600;
  text-transform: none;
  color: hsl(var(--muted-foreground));
}
.ui-ref-ps1-compact .dev-ws-nav-item {
  width: calc(100% - 0.5rem);
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  gap: 0.45rem;
  padding: 0.28rem 0.4rem;
  font-size: var(--ps1-tree-tab-font-size);
  border-radius: var(--ps1-tab-radius);
}
.ui-ref-ps1-compact .dev-ws-nav-item--active::before {
  top: 0.28rem;
  bottom: 0.28rem;
}
.ui-ref-ps1-compact .dev-ws-nav-item-rule {
  margin-block: 0.12rem;
}
.ui-ref-ps1-compact .dev-ws-nav-group {
  margin: 0.08rem 0 0.16rem;
}
.ui-ref-ps1-compact .dev-ws-nav-group + .dev-ws-nav-group {
  margin-top: 0.2rem;
}
.ui-ref-ps1-compact .dev-ws-group-label {
  width: calc(100% - 0.5rem);
  margin: 0 0.25rem;
  gap: 0.3rem;
  padding: 0.28rem 0.4rem 0.32rem;
  font-size: 0.6875rem;
  border-radius: var(--ps1-tab-radius);
}
.ui-ref-ps1-compact .dev-ws-nav-group-items {
  margin: 0.1rem 0 0.16rem 0.7rem;
  padding-left: 0.5rem;
}
.ui-ref-ps1-compact .dev-ws-nav-group-items .dev-ws-nav-item {
  width: calc(100% - 0.25rem);
  margin-right: 0.25rem;
}
.ui-ref-ps1-compact .dev-ws-nav-group-items .dev-ws-nav-item--active::before {
  left: -0.5rem;
}
.ui-ref-ps1-compact .dev-ws-group-label svg,
.ui-ref-ps1-compact .dev-ws-sidebar-header svg,
.ui-ref-ps1-compact [role="tree"] > div > button svg {
  width: 12px;
  height: 12px;
}
/* Row pack glyphs — readable 16px across UI Build sidebars. */
.ui-ref-ps1-compact .dev-ws-nav-item img,
.ui-ref-ps1-compact .dev-ws-nav-item > span img,
.ui-ref-ps1-compact .ui-ref-ps1-tree-nav img,
.ui-ref-ps1-compact [role="treeitem"] img,
.ui-ref-ps1-compact .ui-ref-ps1-hub-tree-leaf img,
.ui-ref-ps1-compact .ui-ref-ps1-glow-row img,
.ui-ref-ps1-compact .dev-ws-activity-btn img {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
}
.ui-ref-ps1-compact .ui-ref-ps1-sis-dest {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  color: hsl(var(--foreground));
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  border-radius: var(--ps1-tab-radius);
}
.ui-ref-ps1-compact .ui-ref-ps1-sis-dest svg {
  display: block;
  width: 16px;
  height: 16px;
}
.ui-ref-ps1-compact .ui-ref-ps1-sis-dest--toggle {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}
.ui-ref-ps1-compact .ui-ref-ps1-sis-dest--toggle svg {
  width: 16px;
  height: 16px;
}
.ui-ref-ps1-compact .ui-ref-ps1-product-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  color: hsl(var(--foreground));
}
.ui-ref-ps1-compact .ui-ref-ps1-product-glyph svg,
.ui-ref-ps1-compact .ui-ref-ps1-product-glyph img {
  display: block;
  width: 16px;
  height: 16px;
  -o-object-fit: contain;
     object-fit: contain;
}
.ui-ref-ps1-compact .ui-ref-ps1-sis-dest img {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
}
/* Tree / row glyphs stay bare; first-layer rail keeps Site Icon Styles plates. */
.ui-ref-ps1-compact .ui-ref-ps1-glow-row [data-rd-icon-plate],
.ui-ref-ps1-compact .ui-ref-ps1-glow-toggle [data-rd-icon-plate],
.ui-ref-ps1-compact .dev-ws-nav-item [data-rd-icon-plate],
.ui-ref-ps1-compact .dev-ws-activity-btn [data-rd-icon-plate] {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
.ui-ref-ps1-compact .ui-ref-ps1-glow-row [data-rd-icon-plate] > span[aria-hidden],
.ui-ref-ps1-compact .ui-ref-ps1-glow-toggle [data-rd-icon-plate] > span[aria-hidden],
.ui-ref-ps1-compact .dev-ws-nav-item [data-rd-icon-plate] > span[aria-hidden],
.ui-ref-ps1-compact .dev-ws-activity-btn [data-rd-icon-plate] > span[aria-hidden] {
  display: none;
}
/* Beat global sharp-mode (src/styles/corners-mode.css) — PS tabs keep 1px radius */
html:not([data-corners="rounded"]):not(.rounded-corners) .ui-ref-ps1-compact button.ui-ref-ps1-tab,
html[data-corners="sharp"] .ui-ref-ps1-compact button.ui-ref-ps1-tab,
html:not([data-corners="rounded"]):not(.rounded-corners) .ui-ref-ps1-compact button.ui-ref-ps1-glow-icon,
html[data-corners="sharp"] .ui-ref-ps1-compact button.ui-ref-ps1-glow-icon,
html:not([data-corners="rounded"]):not(.rounded-corners) .ui-ref-ps1-compact button.dev-ws-nav-item,
html[data-corners="sharp"] .ui-ref-ps1-compact button.dev-ws-nav-item,
html:not([data-corners="rounded"]):not(.rounded-corners) .ui-ref-ps1-compact button.dev-ws-group-label,
html[data-corners="sharp"] .ui-ref-ps1-compact button.dev-ws-group-label {
  border-radius: var(--ps1-tab-radius) !important;
}
/* Library pack panelNav embedded in WorkspaceContainerPrimarySidebar */
.ui-ref-ps1-compact .ui-ref-ps1-library-panel {
  min-height: 0;
  flex: 1 1 auto;
  overflow-y: auto;
}
.ui-ref-ps1-compact .ui-ref-ps1-library-panel .ui-ref-ps1-glow-row {
  color: hsl(var(--foreground) / 0.82);
}
.ui-ref-ps1-compact .ui-ref-ps1-library-panel .ui-ref-ps1-glow-row[aria-current='page'] {
  color: hsl(var(--foreground));
}
/**
 * Primary Tab Nav 1 / Topbar 1 / Bottom Bar 1 — gallery fusion on site theme.
 * Scoped via data-workspace-chrome-match on compact demo shells.
 * Folder-tab chrome from primary-topbar-1.css; backgrounds from dev-workspace-shell tokens.
 */
[data-workspace-chrome-match] {
  background: transparent !important;
  color: hsl(var(--foreground)) !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
[data-workspace-chrome-match] .primary-topbar-1,
[data-workspace-chrome-match] .primary-tab-nav-1,
[data-workspace-chrome-match] .primary-bottom-bar-1 {
  --pt1-accent: var(--dev-ws-accent, var(--glow-color, hsl(var(--primary))));
  --pt1-accent-soft: var(
    --dev-ws-accent-soft,
    color-mix(in srgb, var(--pt1-accent) 16%, hsl(var(--card)))
  );
  --pt1-panel: hsl(var(--card));
  --pt1-ink: hsl(var(--foreground));
  --pt1-muted: hsl(var(--muted-foreground));
  --pt1-active-fg: hsl(var(--foreground));
  --pt1-inactive-fg: hsl(var(--muted-foreground));
  --pt1-inactive-fg-muted: hsl(var(--muted-foreground));
  --pt1-tab-bg: color-mix(in srgb, hsl(var(--foreground)) 8%, hsl(var(--card)));
  --pt1-tab-border: color-mix(in srgb, hsl(var(--foreground)) 38%, hsl(var(--card)));
  --pt1-row-border: hsl(var(--border));
  --pt1-field-bg: color-mix(in srgb, hsl(var(--foreground)) 6%, hsl(var(--card)));
  --pt1-field-border: hsl(var(--border));
  --pt1-field-placeholder: hsl(var(--muted-foreground));
  --pt1-action-fg: hsl(var(--muted-foreground));
  --pt1-select-fg: hsl(var(--muted-foreground));
  --pt1-view-active-bg: hsl(var(--muted));
  background: hsl(var(--card));
  color: hsl(var(--foreground));
  border-radius: 0;
  box-shadow: none;
}
[data-workspace-chrome-match] .primary-topbar-1 {
  border-bottom: 1px solid hsl(var(--border));
}
[data-workspace-chrome-match] .primary-bottom-bar-1 {
  border-top: 1px solid hsl(var(--border));
}
/* Primary UI gallery — bar cards sit directly above workspace container fold */
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-bar.ui-build-gallery-card {
  background: hsl(var(--card));
  border-color: hsl(var(--border));
  border-radius: 0;
  color: hsl(var(--muted-foreground));
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-bar.ui-build-gallery-card header {
  background: hsl(var(--card));
  border-bottom-color: hsl(var(--border));
  color: hsl(var(--muted-foreground));
  font-size: 11px;
  letter-spacing: 0.02em;
  text-transform: lowercase;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-bar.ui-build-gallery-card header h3 {
  color: hsl(var(--muted-foreground));
  font-weight: 600;
}
/*
 * Primary UI gallery bars — fuse the three rows; sizing from primary-topbar-1.css.
 */
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-bars {
  gap: 0;
  overflow: hidden;
  border: 1px solid hsl(var(--border));
  border-radius: var(--pt1-radius, 4px);
  background: hsl(var(--card));
  box-shadow:
    inset 1px 1px 0 hsl(var(--foreground) / 0.14),
    inset -1px -1px 0 hsl(var(--foreground) / 0.08),
    1px 2px 0 hsl(var(--foreground) / 0.06);
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-bar.ui-build-gallery-card {
  height: auto;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-bar .ui-build-demo-pane {
  background: hsl(var(--card)) !important;
  color: hsl(var(--foreground));
  height: auto;
  min-height: 0;
  padding: 0;
  align-items: stretch;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-bar [data-workspace-chrome-match] {
  height: auto !important;
  min-height: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-bar:not(:last-child) [data-workspace-chrome-match] {
  border-bottom: 1px solid hsl(var(--border)) !important;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-bar .primary-topbar-1,
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-bar .primary-tab-nav-1,
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-bar .primary-bottom-bar-1 {
  border-bottom: none;
  border-top: none;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-bar .ui-build-demo-pane > * {
  width: 100%;
  height: auto;
  min-height: 0;
}
.ui-build-page {
  --em-pine: #6b6b6b;
  --em-pine-bright: #a3a3a3;
  --em-line: hsl(var(--border));
  --em-line-strong: hsl(var(--foreground) / 0.2);
  --ubg-stage: hsl(var(--background));
  --ubg-card: hsl(var(--card));
  --ubg-card-hover: hsl(var(--muted));
  --ubg-border: hsl(var(--border));
  --ubg-border-soft: hsl(var(--border));
  --ubg-inset: inset 0 1px 0 hsl(var(--foreground) / 0.06);
  --ubg-glow: none;
  --ubg-grain: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");
}
/* Neutralize pine/fern accents and Exchange white-lock inside UI Build demos */
.ui-build-page .em-pro {
  --ix-accent: #737373 !important;
  --ex-pine: #737373 !important;
  --em-bg: hsl(var(--background));
  --em-panel: hsl(var(--card));
  --em-line: hsl(var(--border));
  --em-line-strong: hsl(var(--foreground) / 0.2);
  background: hsl(var(--background));
  color: hsl(var(--foreground));
}
.ui-build-page .em-pro,
.ui-build-page .em-pro h1,
.ui-build-page .em-pro h2,
.ui-build-page .em-pro h3,
.ui-build-page .em-pro p,
.ui-build-page .em-pro span,
.ui-build-page .em-pro a,
.ui-build-page .em-pro button,
.ui-build-page .em-pro label,
.ui-build-page .em-pro li,
.ui-build-page .em-pro .text-foreground,
.ui-build-page .em-pro .text-card-foreground {
  color: hsl(var(--foreground)) !important;
}
.ui-build-page .em-pro .text-muted-foreground {
  color: hsl(var(--muted-foreground)) !important;
}
.ui-build-page .em-pro .bg-background {
  background-color: hsl(var(--background)) !important;
}
.ui-build-page .em-pro .bg-card {
  background-color: hsl(var(--card)) !important;
}
.ui-build-page .em-pro .bg-muted {
  background-color: hsl(var(--muted)) !important;
}
.ui-build-page .em-segment-active,
.ui-build-page .em-segment-active.em-pine-active {
  background: hsl(var(--muted)) !important;
  box-shadow: inset 0 -2px 0 hsl(var(--foreground) / 0.35) !important;
}
.ui-build-page .em-shell-header.em-pine {
  border-bottom-color: hsl(var(--border)) !important;
  background: hsl(var(--card));
}
.ui-build-page .em-section-head h2::before {
  background: #a3a3a3 !important;
}
/* Grey demo tiles only — Default Icons / AppearedIcon plates keep their own fill. */
.ui-build-page .ui-build-demo-pane span.inline-flex.shrink-0[style*='background']:not([data-rd-icon-plate]):not([data-keep-tile-fill]) {
  background-color: #525252 !important;
}
.ui-build-page [data-rd-bottom-bar]:not([data-rd-bottom-bar-nav-popups]) .rd-bottom-bar-custom-glyph {
  width: 24px !important;
  height: 24px !important;
}
/* Navigation & Popups reference dock — smaller uniform tiles, crisper outline read. */
.ui-build-page [data-rd-bottom-bar-nav-popups] span[data-keep-tile-fill] {
  width: 26px !important;
  height: 26px !important;
  border-radius: 5px !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.28);
}
.ui-build-page [data-rd-bottom-bar-nav-popups] .rd-bottom-bar-custom-glyph,
.ui-build-page [data-rd-bottom-bar-nav-popups] .rd-bottom-bar-light-glyph {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  opacity: 1;
}
.ui-build-page [data-rd-bottom-bar-nav-popups] .rd-bottom-bar-userway-glyph {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
}
.ui-build-page [data-rd-bottom-bar-nav-popups][data-rd-bottom-bar-plate-tone='light'] img.rd-bottom-bar-light-glyph:not([src*="userway"]) {
  filter: var(--rd-bottom-bar-light-glyph-filter, brightness(0) saturate(100%) contrast(2)) !important;
  -webkit-filter: var(--rd-bottom-bar-light-glyph-filter, brightness(0) saturate(100%) contrast(2)) !important;
  opacity: 1 !important;
}
.ui-build-page [data-rd-bottom-bar-nav-popups] .rd-bottom-bar-nav-popups-glyph,
.ui-build-page [data-rd-bottom-bar-nav-popups] .rd-bottom-bar-light-glyph {
  image-rendering: -webkit-optimize-contrast;
}
.ui-build-glass {
  position: relative;
  isolation: isolate;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.92);
  background: var(--ubg-stage, #1a1a1a);
}
/* Soft grey atmosphere (no green) */
.ui-build-glass::before {
  content: '';
  position: absolute;
  inset: -10%;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(circle at 18% 24%, rgba(255, 255, 255, 0.05), transparent 32%),
    radial-gradient(circle at 82% 70%, rgba(255, 255, 255, 0.03), transparent 36%);
  filter: blur(24px);
}
/* Stage grain */
.ui-build-glass::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  opacity: 0.16;
  background-image: var(--ubg-grain);
  background-repeat: repeat;
  background-size: 128px 128px;
  mix-blend-mode: overlay;
}
.ui-build-glass > .ui-build-glass-content {
  position: relative;
  z-index: 2;
  width: 100%;
  min-height: 100%;
}
/* Shared card surface — lighter grey */
.ui-build-glass .em-catalog-card {
  position: relative;
  overflow: hidden;
  border-radius: 0.85rem !important;
  border: 1px solid var(--ubg-border) !important;
  background: var(--ubg-card) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: var(--ubg-inset), var(--ubg-glow);
  transition:
    border-color 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease !important;
}
.ui-build-glass .em-catalog-card::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 2;
  opacity: 0.22;
  background-image: var(--ubg-grain);
  background-size: 128px 128px;
  mix-blend-mode: soft-light;
}
.ui-build-glass .em-catalog-card:hover {
  border-color: rgba(255, 255, 255, 0.2) !important;
  background: var(--ubg-card-hover) !important;
  transform: translateY(-1px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 8px 24px rgba(0, 0, 0, 0.4);
}
.ui-build-glass .em-catalog-card > * {
  position: relative;
  z-index: 1;
}
.ui-build-glass .em-catalog-card .border-t {
  border-color: rgba(255, 255, 255, 0.1) !important;
}
.ui-build-glass .em-catalog-card span.border {
  border-color: rgba(255, 255, 255, 0.18) !important;
  background: rgba(255, 255, 255, 0.06);
}
/* Section chrome */
.ui-build-glass .em-section {
  border-bottom-color: rgba(255, 255, 255, 0.08);
  background: transparent;
}
.ui-build-glass .em-section-head {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}
.ui-build-glass .em-section-head h2 {
  color: rgba(255, 255, 255, 0.95);
  text-shadow: none;
}
.ui-build-glass .em-section-head p,
.ui-build-glass .em-section-head .text-muted-foreground {
  color: rgba(255, 255, 255, 0.58) !important;
}
.ui-build-glass .em-section-head a {
  color: rgba(255, 255, 255, 0.82) !important;
}
/* Profile cards */
.ui-build-glass.ui-build-glass-pro .bg-card,
.ui-build-glass.ui-build-glass-pro [class*='bg-card'] {
  position: relative;
  overflow: hidden;
  border-radius: 1rem !important;
  border-color: var(--ubg-border-soft) !important;
  background: var(--ubg-card) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: var(--ubg-inset), var(--ubg-glow);
  color: rgba(255, 255, 255, 0.92) !important;
}
.ui-build-glass.ui-build-glass-pro .bg-card::after,
.ui-build-glass.ui-build-glass-pro [class*='bg-card']::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0.2;
  background-image: var(--ubg-grain);
  background-size: 128px 128px;
  mix-blend-mode: soft-light;
}
.ui-build-glass.ui-build-glass-pro .bg-background {
  background: transparent !important;
}
.ui-build-glass.ui-build-glass-pro .text-foreground {
  color: rgba(255, 255, 255, 0.94) !important;
}
.ui-build-glass.ui-build-glass-pro .text-muted-foreground {
  color: rgba(255, 255, 255, 0.58) !important;
}
.ui-build-glass.ui-build-glass-pro .bg-muted {
  background: #3a3a3a !important;
  color: rgba(255, 255, 255, 0.75) !important;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
/* Listing cards */
.ui-build-glass.ui-build-glass-listings > .ui-build-glass-content > .grid > button.group,
.ui-build-glass.ui-build-glass-listings button.group.rounded-xl {
  position: relative;
  overflow: hidden;
  border-radius: 1rem !important;
  border-color: var(--ubg-border) !important;
  background: var(--ubg-card) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: var(--ubg-inset), var(--ubg-glow);
  color: rgba(255, 255, 255, 0.92);
}
.ui-build-glass.ui-build-glass-listings button.group.rounded-xl::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0.2;
  background-image: var(--ubg-grain);
  background-size: 128px 128px;
  mix-blend-mode: soft-light;
  z-index: 1;
}
.ui-build-glass.ui-build-glass-listings button.group.rounded-xl:hover {
  border-color: rgba(255, 255, 255, 0.2) !important;
  background: var(--ubg-card-hover) !important;
  transform: translateY(-1px);
}
.ui-build-glass.ui-build-glass-listings button.group.rounded-xl .bg-muted {
  background: #242424 !important;
}
.ui-build-glass.ui-build-glass-listings button.group.rounded-xl .text-foreground {
  color: rgba(255, 255, 255, 0.94) !important;
}
.ui-build-glass.ui-build-glass-listings button.group.rounded-xl .text-muted-foreground {
  color: rgba(255, 255, 255, 0.58) !important;
}
.ui-build-glass.ui-build-glass-listings button.group.rounded-xl .bg-background\/90,
.ui-build-glass.ui-build-glass-listings button.group.rounded-xl [class*='bg-background'] {
  background: #3a3a3a !important;
  border: 1px solid rgba(255, 255, 255, 0.12);
}
/* Entity detail */
.ui-build-glass.ui-build-glass-detail .ix-immersive {
  background: transparent !important;
}
.ui-build-glass.ui-build-glass-detail .ix-immersive > div:first-child {
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}
/* Kill source green hero fallback / overlays inside UI Build only */
.ui-build-glass.ui-build-glass-detail .ix-immersive > div:first-child > div.absolute.inset-0 {
  background-image: none !important;
}
.ui-build-glass.ui-build-glass-detail .ix-immersive > div:first-child > div.absolute.inset-0:not(:has(img)) {
  background: linear-gradient(160deg, #3a3a3a 0%, #1a1a1a 55%, #111 100%) !important;
}
.ui-build-glass.ui-build-glass-detail .ix-immersive > div:first-child > div.absolute.inset-0.bg-gradient-to-t {
  background: linear-gradient(to top, #1a1a1a, rgba(26, 26, 26, 0.4), transparent) !important;
}
.ui-build-glass.ui-build-glass-detail .ix-immersive button {
  border-radius: 0.65rem;
  border-color: rgba(255, 255, 255, 0.18) !important;
  background: var(--ubg-card) !important;
  box-shadow: var(--ubg-inset);
}
.ui-build-glass.ui-build-glass-detail .ix-immersive button:hover {
  background: var(--ubg-card-hover) !important;
}
.ui-build-glass.ui-build-glass-detail .ix-immersive [class*='border-white'] {
  border-color: rgba(255, 255, 255, 0.14) !important;
  background: #3a3a3a;
}
/* Cover image frame */
.ui-build-glass .ui-build-glass-media,
.ui-build-glass.ui-build-glass-media-stage > .ui-build-glass-content > div {
  position: relative;
  overflow: hidden;
  border-radius: 0.85rem;
  border: 1px solid var(--ubg-border);
  background: var(--ubg-card);
  box-shadow: var(--ubg-inset), var(--ubg-glow);
}
.ui-build-glass .ui-build-glass-media::after,
.ui-build-glass.ui-build-glass-media-stage > .ui-build-glass-content > div::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0.18;
  background-image: var(--ubg-grain);
  background-size: 128px 128px;
  mix-blend-mode: soft-light;
  z-index: 1;
}
/* Browse / sidebar demos on dark grey */
.ui-build-page .ui-build-demo-pane .ix-immersive,
.ui-build-page .ui-build-demo-pane .em-pro {
  background: #1a1a1a !important;
}
.ui-build-page .ui-build-demo-pane .em-cat-sidebar {
  background: #1f1f1f;
  border-color: rgba(255, 255, 255, 0.1);
}
/* UI Guide fold chrome — shared by Guide embed + Build catalog toggles */
.ui-build-page .ui-guide-folds {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 10px 12px 14px;
  background: #1a1a1a;
}
.ui-build-page .ui-guide-fold {
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.03);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04);
}
.ui-build-page .ui-guide-fold.is-dragging {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}
.ui-build-page .ui-guide-fold > .fold-toggle {
  margin: 0;
  padding: 0;
}
.ui-build-page .ui-guide-fold .fold-toggle-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  margin: 0;
  padding: 6px 10px;
  min-height: 0;
  line-height: 1.25;
  cursor: grab;
  touch-action: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-align: left;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: lowercase;
  color: rgba(255, 255, 255, 0.72);
  background: rgba(255, 255, 255, 0.04);
  border: 0;
  border-left: 2px solid transparent;
}
.ui-build-page .ui-guide-fold .fold-toggle-btn:active {
  cursor: grabbing;
}
.ui-build-page .ui-guide-fold .fold-toggle-btn:hover {
  background: rgba(255, 255, 255, 0.07);
  color: rgba(255, 255, 255, 0.9);
}
.ui-build-page .ui-guide-fold.is-open .fold-toggle-btn {
  border-left-color: rgba(255, 255, 255, 0.4);
  color: rgba(255, 255, 255, 0.9);
}
.ui-build-page .ui-guide-fold .fold-toggle-btn:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.35);
  outline-offset: -2px;
}
.ui-build-page .ui-guide-fold .fold-title {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-build-page .ui-guide-fold .fold-meta {
  flex: 0 0 auto;
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  color: rgba(255, 255, 255, 0.35);
}
.ui-build-page .ui-guide-fold .fold-chevron {
  flex: 0 0 auto;
  width: 12px;
  height: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.55);
  transition: transform 0.12s ease;
}
.ui-build-page .ui-guide-fold .fold-chevron svg {
  width: 12px;
  height: 12px;
  display: block;
}
.ui-build-page .ui-guide-fold.is-open .fold-chevron {
  transform: rotate(90deg);
  color: rgba(255, 255, 255, 0.8);
}
.ui-build-page .ui-guide-fold > .fold-body {
  padding: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.ui-build-page .ui-guide-fold-guide-body {
  padding: 0;
  min-height: min(70vh, 720px);
  height: min(70vh, 720px);
}
/* Interface Components — category folds (top-level + nested groups) */
.ui-build-page .ui-guide-fold.ui-guide-fold--category {
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.045);
}
.ui-build-page .ui-guide-fold.ui-guide-fold--category .fold-toggle-btn {
  min-height: 36px;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.78);
  background: rgba(255, 255, 255, 0.05);
}
.ui-build-page .ui-guide-fold.ui-guide-fold--category.is-open .fold-toggle-btn {
  background: rgba(255, 255, 255, 0.09);
  border-left-color: rgba(255, 255, 255, 0.55);
  color: rgba(255, 255, 255, 0.95);
}
.ui-build-page .ui-guide-fold.ui-guide-fold--category .fold-chevron {
  width: 14px;
  height: 14px;
}
.ui-build-page .ui-guide-fold.ui-guide-fold--category .fold-chevron svg {
  width: 14px;
  height: 14px;
}
.ui-build-page .ui-guide-fold.ui-guide-fold--category .fold-meta {
  margin-left: auto;
  padding-left: 8px;
  font-size: 12px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.42);
}
.ui-build-page .ui-guide-fold.ui-guide-fold--category-nested {
  margin-left: 8px;
}
.ui-build-page .ui-guide-fold-category-body {
  padding: 8px 10px 10px;
}
.ui-build-page .interface-ui-gallery .ui-guide-folds {
  padding-top: 0;
}
/* CSS-column masonry — packs uneven heights (not a row grid) */
.ui-build-page .ui-build-bento-masonry {
  box-sizing: border-box;
  width: 100% !important;
  max-width: none !important;
  -moz-column-width: 17rem;
       column-width: 17rem;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  -moz-column-fill: balance;
       column-fill: balance;
}
.ui-build-page .ui-build-bento-item {
  display: inline-block;
  width: 100%;
  margin: 0 0 0.5rem;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
  vertical-align: top;
}
/* Equal columns in wrapping rows (all category tabs) */
.ui-build-page .ui-build-bento-row {
  box-sizing: border-box;
  display: grid !important;
  align-items: start;
  gap: 0.5rem;
  width: 100% !important;
  max-width: none !important;
  margin: 0;
  padding: 0;
  /* column-count from masonry utilities must not apply */
  -moz-columns: auto !important;
       columns: auto !important;
  -moz-column-width: auto !important;
       column-width: auto !important;
}
.ui-build-page .ui-build-bento-row > .ui-build-gallery-card.ui-build-bento-row-item {
  display: flex;
  flex-direction: column;
  align-self: start;
  height: auto;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  -moz-column-break-inside: auto;
       break-inside: auto;
}
.ui-build-page .ui-build-bento-row > .ui-build-gallery-card.ui-build-bento-row-span-full {
  grid-column: 1 / -1;
}
.ui-build-page .ui-build-gallery-card {
  box-shadow: none;
  height: auto;
  min-width: 0;
}
.ui-build-page .ui-build-bento-item.ui-build-gallery-card {
  width: 100%;
}
.ui-build-page .ui-build-gallery-card .ui-build-demo-pane {
  border: 0;
  border-radius: 0;
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  min-height: 0;
}
/* Sidebars tab — uniform preview height; overflow scrolls inside the pane */
.ui-build-page .ui-build-gallery-card.ui-build-sidebar-card {
  height: auto;
}
.ui-build-page .ui-build-gallery-card.ui-build-sidebar-card .ui-build-demo-pane,
.ui-build-page .ui-build-gallery-card.ui-build-sidebar-card .ui-build-sidebar-demo-pane {
  flex: 0 0 20rem;
  height: 20rem;
  min-height: 20rem;
  max-height: 20rem;
  overflow-x: hidden;
  overflow-y: auto;
  align-items: stretch;
}
.ui-build-page [data-ui-build-scroller] {
  overflow-anchor: none;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] {
  display: flex;
  flex-direction: column;
  height: auto;
  min-height: 0;
  min-width: 0;
  overflow: visible;
  overflow-anchor: none;
  padding: 0.5rem;
}
/* Icons & Styles / Site Fonts sit outside the gallery — share the same inset pills. */
.ui-build-page .ui-build-primary-accordion {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  padding: 0.5rem;
}
.ui-build-page .ui-build-primary-accordion > * {
  width: 100%;
  min-width: 0;
}
.ui-build-page .ui-build-primary-accordion .ui-guide-fold {
  width: 100%;
}
.ui-build-page .ui-build-primary-accordion .ui-guide-fold .fold-toggle-btn {
  min-height: 32px;
}
.ui-build-page .ui-build-primary-accordion [data-ui-build-gallery='carousel-v1'] {
  padding: 0;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-primary-stack {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  width: 100%;
  min-width: 0;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
  min-height: 0;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-sides {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1px;
  width: 100%;
  min-height: 22rem;
  height: calc(100dvh - 8.75rem);
  max-height: calc(100dvh - 8.75rem);
}
.ui-build-page [data-workspace-sidebar-gallery='compact-v1'] {
  --linux-chrome-bg: #242424;
  --linux-chrome-border: #3d3846;
  --linux-chrome-fg: #deddda;
  --linux-chrome-muted: #9a9996;
  padding: 0;
  background: var(--linux-chrome-border);
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-treatments {
  width: 100%;
  min-width: 0;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-treatment {
  width: 100%;
  height: auto;
  max-height: none;
  overflow: auto;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-bars {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
  min-width: 0;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-side {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  min-width: 0;
  min-height: 0;
  max-width: none;
  width: -moz-max-content;
  width: max-content;
  height: 100%;
  overflow: hidden;
}
.ui-build-page [data-workspace-sidebar-gallery='compact-v1'] > .ui-build-chrome-group-side,
.ui-build-page [data-workspace-sidebar-gallery='compact-v1'] > .ui-build-chrome-group-side .ui-build-demo-pane {
  border: 0;
  border-radius: 0;
  background: var(--linux-chrome-bg);
  box-shadow: none;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-side[data-chrome-selected] {
  border-color: hsl(var(--foreground) / 0.45);
  box-shadow: inset 0 0 0 1px hsl(var(--foreground) / 0.22);
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-side--buttons {
  align-self: stretch;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-side--ps1-rail {
  flex: 0 0 auto;
  width: -moz-max-content;
  width: max-content;
  max-width: 20rem;
  min-width: 0;
  overflow: visible;
}
/* PS1 chrome cards carry --compact too; beat overflow:hidden so seam toggles aren't clipped. */
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-side--compact.ui-build-chrome-group-side--ps1-rail,
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-side--compact.ui-build-chrome-group-side--seam {
  overflow: visible;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-side--compact.ui-build-chrome-group-side--ps1-rail .ui-build-demo-pane,
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-side--compact.ui-build-chrome-group-side--seam .ui-build-demo-pane,
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-side--compact.ui-build-chrome-group-side--ps1-rail .primary-ui-sidebar-host,
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-side--compact.ui-build-chrome-group-side--seam .primary-ui-sidebar-host {
  overflow: visible !important;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-side--compact-pack {
  flex: 0 0 auto;
  align-self: stretch;
  width: -moz-max-content;
  width: max-content;
  max-width: 20rem;
  min-width: 0;
  min-height: 0;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-side--icon-pack {
  flex: 0.55 1 0;
  max-width: 5.25rem;
}
/* Desk Interface UI catalog demos include full-screen primitives.
   Keep viewport-level classes scoped inside their card container. */
.ui-build-page .desk-ui-embedded .fixed {
  position: absolute !important;
}
.ui-build-page .desk-ui-embedded .inset-0 {
  inset: 0;
}
.ui-build-page .desk-ui-embedded .h-screen {
  height: 100% !important;
}
.ui-build-page .desk-ui-embedded .min-h-screen {
  min-height: 100% !important;
}
.ui-build-page .desk-ui-embedded .w-screen {
  width: 100% !important;
}
.desk-ui-modules-carousel {
  box-sizing: border-box;
  width: 100%;
}
.desk-ui-carousel-nav-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.35rem;
  border: 1px solid hsl(var(--border));
  background: hsl(var(--card));
  color: hsl(var(--foreground) / 0.78);
  flex: 0 0 auto;
}
.desk-ui-carousel-nav-btn:hover {
  background: hsl(var(--accent));
  color: hsl(var(--accent-foreground));
}
.desk-ui-carousel-viewport {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 0.5rem;
  border: 1px solid hsl(var(--border));
  background: hsl(var(--card));
  outline: none;
  min-height: 14.5rem;
}
.desk-ui-carousel-viewport:focus-visible {
  box-shadow: 0 0 0 1px rgba(99, 102, 241, 0.72);
}
.desk-ui-carousel-track {
  display: flex;
  transition: transform 180ms ease;
  will-change: transform;
}
.desk-ui-carousel-card {
  width: 100%;
  flex: 0 0 calc(100% / var(--desk-ui-carousel-count, 5));
  min-height: 14.5rem;
  padding: 0.35rem;
  background: hsl(var(--muted) / 0.55);
}
.desk-ui-carousel-card.is-active {
  background: hsl(var(--accent) / 0.45);
}
.desk-ui-carousel-card-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.25rem;
  padding: 0 0.1rem;
}
.desk-ui-carousel-kind-chip,
.desk-ui-carousel-status-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
  padding: 0.1rem 0.32rem;
  border-radius: 9999px;
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.desk-ui-carousel-kind-chip {
  color: hsl(var(--muted-foreground));
  border: 1px solid hsl(var(--border));
}
.desk-ui-carousel-status-chip {
  color: hsl(var(--foreground) / 0.8);
  border: 1px solid hsl(var(--border));
}
.desk-ui-carousel-status-chip.status-current {
  background: rgba(99, 102, 241, 0.2);
}
.desk-ui-carousel-status-chip.status-opened {
  background: rgba(14, 165, 233, 0.16);
}
.desk-ui-carousel-status-chip.status-created {
  background: rgba(34, 197, 94, 0.16);
}
.desk-ui-carousel-mount-zone {
  min-height: 12.9rem;
  height: calc(100% - 1.4rem);
  border-radius: 0.42rem;
  overflow: hidden;
}
.desk-ui-inner-component {
  height: 100%;
  min-height: 10rem;
  padding: 0.2rem;
}
.desk-ui-inner-component-frame {
  height: 100%;
  min-height: 9rem;
  border-radius: 0.35rem;
  border: 1px dashed hsl(var(--border));
  background:
    linear-gradient(hsl(var(--foreground) / 0.06) 1px, transparent 1px),
    linear-gradient(90deg, hsl(var(--foreground) / 0.06) 1px, transparent 1px),
    hsl(var(--muted) / 0.45);
  background-size: 22px 22px, 22px 22px, auto;
}
.desk-ui-carousel-rail {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-top: 0.45rem;
}
.desk-ui-carousel-track-wrap {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  border-radius: 0.35rem;
  padding: 0.18rem 0.42rem;
  background: hsl(var(--muted) / 0.35);
}
.desk-ui-carousel-base-track {
  position: absolute;
  left: 0.42rem;
  right: 0.42rem;
  top: 50%;
  transform: translateY(-50%);
  height: 0.1rem;
  border-radius: 9999px;
  background: hsl(var(--border));
}
.desk-ui-carousel-gradient-track {
  position: absolute;
  left: 0.42rem;
  top: 50%;
  transform: translateY(-50%);
  height: 0.1rem;
  border-radius: 9999px;
  background: hsl(var(--primary));
  opacity: 0.9;
  pointer-events: none;
  max-width: calc(100% - 0.84rem);
}
.desk-ui-carousel-dot-row {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(var(--desk-ui-carousel-count, 5), minmax(0, 1fr));
  align-items: center;
  gap: 0.22rem;
}
.desk-ui-carousel-dot {
  justify-self: center;
  width: 0.34rem;
  height: 0.34rem;
  border-radius: 9999px;
  border: 0;
  padding: 0;
  background: hsl(var(--foreground) / 0.42);
  cursor: grab;
}
.desk-ui-carousel-dot.is-dragging {
  cursor: grabbing;
}
.desk-ui-carousel-dot.is-active {
  width: 0.45rem;
  height: 0.45rem;
  background: hsl(var(--primary));
}
.desk-ui-carousel-dot-row.is-overlay-squares {
  display: flex;
  overflow-x: auto;
  grid-template-columns: none;
  justify-content: flex-start;
  padding: 0.2rem 0 0.35rem;
}
.desk-ui-carousel-dot.is-square {
  position: relative;
  flex: 0 0 auto;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 0.1rem;
}
.desk-ui-carousel-dot.is-square.is-active {
  width: 0.62rem;
  height: 0.62rem;
  border-radius: 0.12rem;
}
.desk-ui-carousel-dot.is-square.is-minimized {
  background: transparent;
  box-shadow: inset 0 0 0 1.5px hsl(var(--foreground) / 0.5);
  opacity: 0.7;
}
.desk-ui-carousel-dot.is-square.is-minimized.is-active {
  background: hsl(var(--primary) / 0.22);
  box-shadow: inset 0 0 0 2px hsl(var(--primary));
  opacity: 1;
}
.desk-ui-carousel-dot.is-square.is-minimized::after {
  content: "";
  position: absolute;
  left: 18%;
  right: 18%;
  top: 50%;
  height: 1.5px;
  transform: translateY(-50%);
  background: hsl(var(--foreground) / 0.88);
}
.desk-ui-carousel-square-title {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 0.45rem);
  z-index: 5;
  transform: translateX(-50%);
  max-width: 16rem;
  padding: 0.28rem 0.5rem;
  border-radius: 0.3rem;
  border: 1px solid hsl(var(--border));
  background: hsl(var(--popover));
  color: hsl(var(--popover-foreground));
  font-size: 12px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0.01em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
}
.desk-os-workspace-carousel .desk-ui-carousel-overlay-topbar {
  flex: 0 0 auto;
}
.desk-os-workspace-carousel[data-linux-chrome='compact-v3'] {
  border: 1px solid #8b8496;
  background-color: #3a3a3a;
  box-shadow:
    0 0 0 1px hsl(0 0% 100% / 0.08),
    0 8px 22px hsl(0 0% 0% / 0.22),
    inset 0 1px 0 hsl(0 0% 100% / 0.22),
    inset 1px 0 0 hsl(0 0% 100% / 0.12),
    inset -1px 0 0 hsl(0 0% 0% / 0.16),
    inset 0 -1px 0 hsl(0 0% 0% / 0.2);
}
.desk-os-workspace-carousel .desk-ui-carousel-rail.is-overlay-slider-dock {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  margin-top: 0;
  min-height: 16px;
  background: #3d3d3d;
  border-top: 2px solid #b5b5b5;
  color: #c8c8c8;
}
.desk-os-workspace-carousel .desk-ui-carousel-rail.is-overlay-slider-dock.is-collapsed {
  min-height: 16px;
  height: 16px;
  background: #3d3d3d;
}
.desk-os-workspace-carousel .desk-ui-carousel-dock-toggle {
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 12px;
  padding: 0;
  border: 0;
  border-radius: 0 0 3px 3px;
  background: transparent;
  color: #8a8a8a;
  transform: translate(-50%, -50%);
}
.desk-os-workspace-carousel .desk-ui-carousel-dock-toggle:hover {
  color: #deddda;
}
.desk-os-workspace-carousel .desk-ui-carousel-dock-row {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 52px;
  padding: 6px 10px 8px;
}
.desk-os-workspace-carousel .desk-ui-carousel-dock-spacer {
  flex: 1 1 auto;
  min-width: 12px;
}
.desk-os-workspace-carousel .desk-ui-carousel-nav-btn {
  width: 22px;
  height: 22px;
  border: 0;
  border-radius: 3px;
  background: #3a3a3a;
  color: #b0b0b0;
}
.desk-os-workspace-carousel .desk-ui-carousel-nav-btn:hover {
  background: #454545;
  color: #deddda;
}
.desk-os-workspace-carousel .desk-ui-carousel-dot-row.is-overlay-squares {
  flex: 0 0 auto;
  gap: 10px;
  padding: 0;
  overflow: hidden;
}
.desk-os-workspace-carousel .desk-ui-carousel-square-slot {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: 44px;
  min-width: 44px;
  max-width: 44px;
}
.desk-os-workspace-carousel .desk-ui-carousel-dot.is-square {
  width: 40px;
  height: 24px;
  border-radius: 2px;
  background: transparent;
  box-shadow: inset 0 0 0 1.5px #7a4dff;
}
.desk-os-workspace-carousel .desk-ui-carousel-dot.is-square.is-active {
  width: 40px;
  height: 24px;
  border-radius: 2px;
  background: #7a4dff;
  box-shadow: none;
}
.desk-os-workspace-carousel .desk-ui-carousel-dot.is-square.is-minimized {
  background: transparent;
  box-shadow: inset 0 0 0 1.5px #7a4dff88;
}
.desk-os-workspace-carousel .desk-ui-carousel-dot.is-square.is-minimized.is-active {
  background: #7a4dff47;
  box-shadow: inset 0 0 0 1.5px #7a4dff;
}
.desk-os-workspace-carousel .desk-ui-carousel-square-caption {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #8b7bb8;
  font-size: 8px;
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 1;
  text-transform: uppercase;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-bar {
  grid-column: 1 / -1;
  min-width: 0;
  max-width: none;
  width: 100%;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-side .ui-build-demo-pane,
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-side .ui-build-sidebar-demo-pane {
  flex: 1 1 auto;
  align-items: stretch !important;
  width: 100% !important;
  max-width: none !important;
  height: auto;
  min-height: 0;
  max-height: none;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-side--compact-pack .ui-build-demo-pane,
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-side--compact-pack .ui-build-sidebar-demo-pane,
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-side--compact-pack.ui-build-sidebar-card .ui-build-demo-pane,
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-side--compact-pack.ui-build-sidebar-card .ui-build-sidebar-demo-pane {
  flex: 1 1 auto;
  height: auto;
  min-height: 0;
  max-height: none;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-side .ui-build-demo-pane > * {
  width: 100%;
  max-width: 100%;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-side .ui-build-demo-pane [class*="w-[260px]"],
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-side .ui-build-demo-pane [class*="w-64"],
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-side .ui-build-demo-pane [class*="w-56"] {
  width: 100% !important;
  max-width: 100% !important;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-side .ui-build-demo-pane nav[aria-label="Timeline rail"] {
  width: 100%;
  max-width: none;
  border-radius: 0;
}
/* PS1 / PS2 fill the shadcn row — overflow clips so the tree does not size the row. */
.ui-build-page .ui-build-gallery-card.ui-build-chrome-group-side--compact,
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-side--compact {
  align-self: stretch;
  flex: 0 0 auto;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  min-height: 0;
  height: 100%;
  overflow: hidden;
}
.ui-build-page .ui-build-gallery-card.ui-build-chrome-group-side--compact .ui-build-demo-pane,
.ui-build-page .ui-build-gallery-card.ui-build-chrome-group-side--compact .ui-build-sidebar-demo-pane,
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-side--compact .ui-build-demo-pane,
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-side--compact .ui-build-sidebar-demo-pane {
  flex: 1 1 auto;
  height: 100%;
  min-height: 0;
  max-height: none;
  overflow-x: hidden;
  overflow-y: hidden;
  align-items: stretch;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-side--compact .ui-build-demo-pane > * {
  height: 100%;
  min-height: 100%;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-side--ps1-rail .ui-build-demo-pane,
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-side--ps1-rail .ui-build-sidebar-demo-pane {
  align-items: flex-start;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-side--ps1-rail .ui-build-demo-pane > *,
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-side--compact-pack .ui-build-demo-pane > * {
  height: 100%;
  min-height: 100%;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
}
/* PS1 seam toggles — keep inset handles visible inside chrome cards. */
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-side--seam,
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-side--seam.ui-build-chrome-group-side--compact,
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-side--seam .ui-build-demo-pane,
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-side--seam .ui-build-sidebar-demo-pane {
  overflow: visible;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-bar .ui-build-demo-pane,
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-chrome-group-bar .ui-build-sidebar-demo-pane {
  width: 100% !important;
  max-width: none !important;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] .ui-build-primary-stack-rest {
  width: 100%;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] {
  width: 100%;
  min-width: 0;
  background: hsl(var(--background) / 0.28);
}
/* Primary UI container folds — gallery card frame. */
.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] .workspace-container-frame {
  border-radius: 0.375rem;
  background-color: hsl(var(--card));
  border-color: hsl(var(--border));
  color: hsl(var(--foreground));
  box-shadow:
    0 1px 2px hsl(0 0% 0% / 0.12),
    0 10px 28px hsl(0 0% 0% / 0.1);
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] .dev-workspace-shell.ui-ref-ps1-compact {
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] .relative.flex.h-full.min-h-0.shrink-0 {
  align-self: flex-start;
}
.ui-build-page
  [data-ui-build-gallery='carousel-v1']
  [data-primary-ui-containers]
  #project-interface-catalogue-applet[data-catalogue-ps1-layout]
  .relative.flex.h-full.min-h-0.shrink-0:has([data-project-catalogue-ps1-sidebar]) {
  align-self: stretch !important;
}
/* WorkspaceShell seam handles — let the pill sit outside accordion cards. */
.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] .relative.flex.h-full {
  overflow: visible;
}
/* Project catalogue PS1 — w-full tree tabs must not collapse the shell to glow-strip width. */
.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] #project-interface-catalogue-applet [data-project-catalogue-ps1-sidebar],
.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] #project-interface-catalogue-applet .relative.flex.h-full.min-h-0.shrink-0:has([data-project-catalogue-ps1-sidebar]) {
  min-width: calc(2.5rem + 11rem);
  flex-shrink: 0;
}
#project-interface-catalogue-applet [data-project-catalogue-ps1-sidebar] .dev-ws-activity-bar {
  flex: 0 0 2.5rem;
}
#project-interface-catalogue-applet [data-project-catalogue-ps1-sidebar] .ui-ref-ps1-glow-icon {
  min-width: 2.5rem;
}
/* PS1 reference chrome — do not inherit nifty module skin on the sidebar shell. */
.ui-build-page #project-interface-catalogue-applet [data-project-catalogue-ps1-sidebar].dev-workspace-shell.ui-ref-ps1-compact {
  background: hsl(var(--card)) !important;
  color: hsl(var(--foreground)) !important;
  --dev-ws-activity-bg: hsl(var(--card));
  --dev-ws-panel-bg: hsl(var(--card));
  --dev-ws-border: hsl(var(--border));
  --dev-ws-accent: hsl(var(--foreground));
  --dev-ws-accent-soft: hsl(var(--foreground) / 0.1);
  --dev-ws-hover: hsl(var(--foreground) / 0.06);
  box-shadow:
    inset 1px 1px 0 hsl(var(--foreground) / 0.14),
    inset -1px -1px 0 hsl(var(--foreground) / 0.08),
    1px 2px 0 hsl(var(--foreground) / 0.06);
}
.ui-build-page #project-interface-catalogue-applet [data-project-catalogue-ps1-sidebar] .dev-ws-activity-bar,
.ui-build-page #project-interface-catalogue-applet [data-project-catalogue-ps1-sidebar] .dev-ws-sidebar {
  background: hsl(var(--card)) !important;
}
.ui-build-page #project-interface-catalogue-applet [data-project-catalogue-ps1-sidebar] [data-rd-icon-plate] {
  display: none !important;
}
/* Catalog chrome follows the active Appearance theme — every mode. */
.ui-build-page .em-subtabs {
  background: hsl(var(--muted));
  border-color: hsl(var(--border));
  color: hsl(var(--foreground));
}
.ui-build-page .em-subtab {
  color: hsl(var(--foreground));
}
.ui-build-page .em-subtab-active,
.em-pro.em-pro--site-theme .ui-build-page .em-subtab-active,
.em-pro.em-pro--site-theme .ui-build-page .em-segment-active,
.em-pro.em-pro--site-theme .ui-build-page .em-segment-active.em-pine-active {
  background: hsl(var(--background));
  box-shadow: inset 0 -2px 0 hsl(var(--foreground) / 0.4);
  color: hsl(var(--foreground));
}
.ui-build-page .ui-build-gallery-card {
  background: hsl(var(--card));
  border-color: hsl(var(--border));
  color: hsl(var(--foreground));
}
.ui-build-page .ui-build-gallery-card header {
  border-bottom-color: hsl(var(--border));
}
.ui-build-page .ui-build-demo-pane {
  background: hsl(var(--background)) !important;
  color: hsl(var(--foreground));
}
/* Drop the IDE indigo/light lock so catalog shells use site tokens. */
.ui-build-page .dev-workspace-shell {
  --background: unset;
  --foreground: unset;
  --card: unset;
  --card-foreground: unset;
  --muted: unset;
  --muted-foreground: unset;
  --border: unset;
  --sidebar: unset;
  --sidebar-foreground: unset;
  --sidebar-accent: unset;
  --sidebar-accent-foreground: unset;
  --sidebar-border: unset;
  --primary: unset;
  --secondary: unset;
  --accent: unset;
  --accent-foreground: unset;
  --dev-ws-activity-bg: hsl(var(--sidebar));
  --dev-ws-panel-bg: hsl(var(--sidebar));
  --dev-ws-border: hsl(var(--border));
  --dev-ws-accent: hsl(var(--foreground));
  --dev-ws-accent-soft: hsl(var(--foreground) / 0.1);
  --dev-ws-hover: hsl(var(--foreground) / 0.06);
  background: hsl(var(--background));
  color: hsl(var(--foreground));
}
/*
 * Primary UI theme preview — inherit scoped tokens.
 * Must beat `.dark .dev-workspace-shell` (html.dark still wraps a light preview).
 */
.component-theme-scope .dev-workspace-shell,
.dark .component-theme-scope .dev-workspace-shell,
.component-theme-scope.dark .dev-workspace-shell,
.component-theme-scope .dev-workspace-shell[data-ide-theme='hub'],
.component-theme-scope .dev-workspace-shell[data-ide-theme='hub-dark'],
.component-theme-scope .dev-workspace-shell[data-ide-theme='atelier-dark'] {
  --background: inherit;
  --foreground: inherit;
  --card: inherit;
  --card-foreground: inherit;
  --popover: inherit;
  --popover-foreground: inherit;
  --primary: inherit;
  --primary-foreground: inherit;
  --secondary: inherit;
  --secondary-foreground: inherit;
  --muted: inherit;
  --muted-foreground: inherit;
  --accent: inherit;
  --accent-foreground: inherit;
  --destructive: inherit;
  --destructive-foreground: inherit;
  --border: inherit;
  --input: inherit;
  --ring: inherit;
  --sidebar: inherit;
  --sidebar-foreground: inherit;
  --sidebar-primary: inherit;
  --sidebar-primary-foreground: inherit;
  --sidebar-accent: inherit;
  --sidebar-accent-foreground: inherit;
  --sidebar-border: inherit;
  --sidebar-ring: inherit;
  --dev-ws-activity-bg: hsl(var(--sidebar));
  --dev-ws-status-bg: hsl(var(--secondary));
  --dev-ws-panel-bg: hsl(var(--sidebar));
  --dev-ws-editor-bg: hsl(var(--background));
  --dev-ws-border: hsl(var(--border));
  --dev-ws-border-strong: hsl(var(--sidebar-border));
  --dev-ws-tab-active: hsl(var(--secondary));
  --dev-ws-accent: hsl(var(--primary));
  --dev-ws-accent-soft: hsl(var(--primary) / 0.14);
  --dev-ws-hover: hsl(var(--sidebar-accent) / 0.85);
  --console-bg: hsl(var(--background));
  --console-surface: hsl(var(--secondary));
  --console-border: hsl(var(--border));
  --console-muted: hsl(var(--muted-foreground));
  background: hsl(var(--background));
  color: hsl(var(--foreground));
}
/**
 * UI Reference → Buttons tab — rainbow / shine / gradient motion.
 * Scoped so Index / Exchange chrome is unchanged.
 */
@keyframes reference-button-rainbow {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 400% 0;
  }
  100% {
    background-position: 0 0;
  }
}
@keyframes reference-button-shine {
  0% {
    background-position: 200% 0;
  }
  25% {
    background-position: -200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes reference-button-gradient-shift {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.animate-rainbow {
  animation: reference-button-rainbow 8s linear infinite;
}
.animate-shine {
  animation: reference-button-shine 3s ease-out infinite;
}
.reference-rainbow-border {
  position: relative;
  isolation: isolate;
}
.reference-rainbow-border::before,
.reference-rainbow-border::after {
  content: '';
  position: absolute;
  inset: -2px;
  border-radius: 12px;
  background: linear-gradient(
    45deg,
    #fb0094,
    #0000ff,
    #00ff00,
    #ffff00,
    #ff0000,
    #fb0094,
    #0000ff,
    #00ff00,
    #ffff00,
    #ff0000
  );
  background-size: 400%;
  z-index: -1;
  animation: reference-button-rainbow 20s linear infinite;
}
.reference-rainbow-border::after {
  filter: blur(18px);
  opacity: 0.7;
}
.reference-gradient-button {
  --gradient-angle: 135deg;
  position: relative;
  overflow: hidden;
  border: 0;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.02em;
  cursor: pointer;
  isolation: isolate;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.reference-gradient-button:hover {
  transform: scale(1.04);
}
.reference-gradient-button:active {
  transform: scale(0.97);
}
.reference-gradient-button--primary,
.reference-gradient-button--gradient,
.reference-gradient-button--animated {
  background: linear-gradient(
    var(--gradient-angle),
    #6366f1 0%,
    #8b5cf6 45%,
    #ec4899 100%
  );
  background-size: 220% 220%;
  animation: reference-button-gradient-shift 6s ease infinite;
  box-shadow: 0 8px 28px rgba(99, 102, 241, 0.35);
}
.reference-gradient-button--secondary {
  background: linear-gradient(135deg, #334155 0%, #1e293b 100%);
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.35);
}
.reference-gradient-button--ghost {
  background: transparent;
  color: #e2e8f0;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
}
.reference-gradient-button--static {
  animation: none;
  background: linear-gradient(135deg, #6366f1, #ec4899);
}
.reference-gradient-button--radial {
  animation: none;
  background: radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%), #ec4899, #6366f1 70%);
}
.reference-gradient-button--conic {
  animation: none;
  background: conic-gradient(from 180deg, #6366f1, #8b5cf6, #ec4899, #6366f1);
}
.reference-gradient-button--small {
  height: 2rem;
  padding: 0 0.85rem;
  border-radius: 0.55rem;
  font-size: 0.8rem;
}
.reference-gradient-button--medium {
  height: 2.5rem;
  padding: 0 1.15rem;
  border-radius: 0.7rem;
  font-size: 0.9rem;
}
.reference-gradient-button--large {
  height: 3rem;
  padding: 0 1.4rem;
  border-radius: 0.85rem;
  font-size: 1rem;
}
/* Scoped theme for Design & Visual Services page only */
/* Fonts (Instrument Serif, JetBrains Mono, Manrope) load non-blocking from index.html. */
.dv-theme {
  --font-serif: 'Instrument Serif', ui-serif, serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  font-family: var(--font-sans);
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
  border-radius: var(--radius);
}
.dv-theme .dv-title {
  font-family: var(--font-serif);
  font-weight: 400;
  letter-spacing: -0.02em;
}
.dv-theme .dv-card {
  background: hsl(var(--card));
  color: hsl(var(--card-foreground));
  border: 1px solid hsl(var(--border));
  border-radius: var(--radius);
  box-shadow: 0 1px 4.5px 0px hsl(0 0% 0% / 0.13), 0 1px 2px -1px hsl(0 0% 0% / 0.13);
}
.dv-theme .dv-card:hover {
  border-color: hsl(var(--primary) / 0.45);
  box-shadow: 0 1px 4.5px 0px hsl(0 0% 0% / 0.13), 0 4px 6px -1px hsl(0 0% 0% / 0.13);
}
.dv-theme .dv-banner {
  background: linear-gradient(135deg, #3f3f46 0%, #2e1065 55%, #1e1b4b 100%);
  color: #fff;
}
.dv-theme .dv-btn-primary {
  background: hsl(var(--primary));
  color: hsl(var(--primary-foreground));
  border-radius: var(--radius);
}
.dv-theme .dv-btn-primary:hover {
  filter: brightness(1.05);
}
.dv-theme .dv-chip {
  border: 1px solid hsl(var(--border));
  background: hsl(var(--secondary));
  color: hsl(var(--secondary-foreground));
  border-radius: var(--radius);
}
.dv-theme .dv-chip-active {
  background: hsl(var(--primary));
  color: hsl(var(--primary-foreground));
  border-color: hsl(var(--primary));
  border-radius: var(--radius);
}
.dv-theme .dv-input {
  background: hsl(var(--card));
  border: 1px solid hsl(var(--input));
  color: hsl(var(--foreground));
  border-radius: var(--radius);
}
.dv-theme .dv-input::-moz-placeholder {
  color: hsl(var(--muted-foreground));
}
.dv-theme .dv-input::placeholder {
  color: hsl(var(--muted-foreground));
}
.dv-theme .dv-input:focus {
  outline: none;
  border-color: hsl(var(--ring));
  box-shadow: 0 0 0 2px hsl(var(--ring) / 0.25);
}
/* Radix Theme Overrides */
.radix-themes {
  font-family: 'TT Commons', 'Neue Haas Display', 'Inter', sans-serif;
  letter-spacing: -0.025em;
  
  /* Zero radius by default (sharp corners) */
  --radius-1: 0px;
  --radius-2: 0px;
  --radius-3: 0px;
  --radius-4: 0px;
  --radius-5: 0px;
  --radius-6: 0px;
  
  /* Neo Brutalism surface colors */
  --color-surface: hsl(0 0% 100%);
  --color-panel: hsl(0 0% 100%);
}
/* Rounded corners mode - respect the toggle */
html.rounded-corners .radix-themes {
  --radius-1: 4px;
  --radius-2: 6px;
  --radius-3: 8px;
  --radius-4: 10px;
  --radius-5: 12px;
  --radius-6: 16px;
}
.dark .radix-themes {
  font-family: 'Inter', 'Geist', system-ui, sans-serif;
  letter-spacing: -0.011em;
  --color-surface: hsl(0 0% 3.9%);
  --color-panel: hsl(0 0% 7%);
}
html.ableton .radix-themes {
  font-family: 'Ableton Sans', ui-sans-serif, system-ui, sans-serif;
  letter-spacing: -0.025em;
  --default-font-family: 'Ableton Sans', ui-sans-serif, system-ui, sans-serif;
}
html:not(.rounded-corners):not([data-corners="rounded"]).dark .radix-themes {
  --radius-1: 0px;
  --radius-2: 0px;
  --radius-3: 0px;
  --radius-4: 0px;
  --radius-5: 0px;
  --radius-6: 0px;
}
/* Global corners toggle — intentionally unlayered so it wins over
 * module-tight-ui, rd-docs-surface, glass popups, and @layer base rules. */
/* ── Sharp mode: force true zero radius (overrides per-theme --radius defaults) ── */
html[data-corners="sharp"],
html:not([data-corners="rounded"]):not(.rounded-corners) {
  --radius: 0px !important;
}
html[data-corners="sharp"] .rounded:not(.rounded-full):not(.corners-keep-sharp),
html:not([data-corners="rounded"]):not(.rounded-corners) .rounded:not(.rounded-full):not(.corners-keep-sharp),
html[data-corners="sharp"] .rounded-sm:not(.rounded-full):not(.corners-keep-sharp),
html:not([data-corners="rounded"]):not(.rounded-corners) .rounded-sm:not(.rounded-full):not(.corners-keep-sharp),
html[data-corners="sharp"] .rounded-md:not(.rounded-full):not(.corners-keep-sharp):not(.ui-ref-ps1-tab):not(.ui-ref-ps3-tab):not(.ui-ref-ps1-glow-icon),
html:not([data-corners="rounded"]):not(.rounded-corners) .rounded-md:not(.rounded-full):not(.corners-keep-sharp):not(.ui-ref-ps1-tab):not(.ui-ref-ps3-tab):not(.ui-ref-ps1-glow-icon),
html[data-corners="sharp"] .rounded-lg:not(.rounded-full):not(.corners-keep-sharp),
html:not([data-corners="rounded"]):not(.rounded-corners) .rounded-lg:not(.rounded-full):not(.corners-keep-sharp),
html[data-corners="sharp"] .rounded-xl:not(.rounded-full):not(.corners-keep-sharp),
html:not([data-corners="rounded"]):not(.rounded-corners) .rounded-xl:not(.rounded-full):not(.corners-keep-sharp),
html[data-corners="sharp"] .rounded-2xl:not(.rounded-full):not(.corners-keep-sharp),
html:not([data-corners="rounded"]):not(.rounded-corners) .rounded-2xl:not(.rounded-full):not(.corners-keep-sharp),
html[data-corners="sharp"] .rounded-3xl:not(.rounded-full):not(.corners-keep-sharp),
html:not([data-corners="rounded"]):not(.rounded-corners) .rounded-3xl:not(.rounded-full):not(.corners-keep-sharp),
html[data-corners="sharp"] .rounded-none:not(.corners-keep-sharp),
html:not([data-corners="rounded"]):not(.rounded-corners) .rounded-none:not(.corners-keep-sharp) {
  border-radius: 0 !important;
}
html[data-corners="sharp"] button:not(.rounded-full):not(.corners-keep-sharp):not(.ui-ref-ps1-tab):not(.ui-ref-ps3-tab):not(.ui-ref-ps1-glow-icon):not(.primary-topbar-1-tab),
html:not([data-corners="rounded"]):not(.rounded-corners) button:not(.rounded-full):not(.corners-keep-sharp):not(.ui-ref-ps1-tab):not(.ui-ref-ps3-tab):not(.ui-ref-ps1-glow-icon):not(.primary-topbar-1-tab),
html[data-corners="sharp"] input:not([type="checkbox"]):not([type="radio"]):not(.corners-keep-sharp),
html:not([data-corners="rounded"]):not(.rounded-corners) input:not([type="checkbox"]):not([type="radio"]):not(.corners-keep-sharp),
html[data-corners="sharp"] select:not(.corners-keep-sharp),
html:not([data-corners="rounded"]):not(.rounded-corners) select:not(.corners-keep-sharp),
html[data-corners="sharp"] textarea:not(.corners-keep-sharp),
html:not([data-corners="rounded"]):not(.rounded-corners) textarea:not(.corners-keep-sharp),
html[data-corners="sharp"] [role="dialog"]:not(.corners-keep-sharp),
html:not([data-corners="rounded"]):not(.rounded-corners) [role="dialog"]:not(.corners-keep-sharp),
html[data-corners="sharp"] [role="menu"]:not(.corners-keep-sharp),
html:not([data-corners="rounded"]):not(.rounded-corners) [role="menu"]:not(.corners-keep-sharp),
html[data-corners="sharp"] [role="listbox"]:not(.corners-keep-sharp),
html:not([data-corners="rounded"]):not(.rounded-corners) [role="listbox"]:not(.corners-keep-sharp),
html[data-corners="sharp"] [data-radix-popper-content-wrapper] > *:not(.corners-keep-sharp),
html:not([data-corners="rounded"]):not(.rounded-corners) [data-radix-popper-content-wrapper] > *:not(.corners-keep-sharp),
html[data-corners="sharp"] [data-radix-dialog-content]:not(.corners-keep-sharp),
html:not([data-corners="rounded"]):not(.rounded-corners) [data-radix-dialog-content]:not(.corners-keep-sharp),
html[data-corners="sharp"] [data-radix-dropdown-menu-content]:not(.corners-keep-sharp),
html:not([data-corners="rounded"]):not(.rounded-corners) [data-radix-dropdown-menu-content]:not(.corners-keep-sharp),
html[data-corners="sharp"] [data-radix-popover-content]:not(.corners-keep-sharp),
html:not([data-corners="rounded"]):not(.rounded-corners) [data-radix-popover-content]:not(.corners-keep-sharp),
html[data-corners="sharp"] [data-radix-select-content]:not(.corners-keep-sharp),
html:not([data-corners="rounded"]):not(.rounded-corners) [data-radix-select-content]:not(.corners-keep-sharp),
html[data-corners="sharp"] .card:not(.corners-keep-sharp),
html:not([data-corners="rounded"]):not(.rounded-corners) .card:not(.corners-keep-sharp) {
  border-radius: 0 !important;
}
html[data-corners="sharp"] .radix-themes,
html:not([data-corners="rounded"]):not(.rounded-corners) .radix-themes {
  --radius-1: 0px;
  --radius-2: 0px;
  --radius-3: 0px;
  --radius-4: 0px;
  --radius-5: 0px;
  --radius-6: 0px;
}
/* ── Rounded mode ── */
html[data-corners="rounded"],
html.rounded-corners {
  --radius: 0.5rem !important;
}
html[data-corners="rounded"] .rounded,
html.rounded-corners .rounded {
  border-radius: 0.375rem !important;
}
html[data-corners="rounded"] .rounded-sm,
html.rounded-corners .rounded-sm {
  border-radius: 0.25rem !important;
}
html[data-corners="rounded"] .rounded-md,
html.rounded-corners .rounded-md {
  border-radius: 0.375rem !important;
}
html[data-corners="rounded"] .rounded-lg,
html.rounded-corners .rounded-lg {
  border-radius: 0.5rem !important;
}
html[data-corners="rounded"] .rounded-xl,
html.rounded-corners .rounded-xl {
  border-radius: 0.75rem !important;
}
html[data-corners="rounded"] .rounded-2xl,
html.rounded-corners .rounded-2xl {
  border-radius: 1rem !important;
}
html[data-corners="rounded"] .rounded-3xl,
html.rounded-corners .rounded-3xl {
  border-radius: 1.5rem !important;
}
/* rounded-none is used widely as a sharp default — honor the global toggle */
html[data-corners="rounded"] .rounded-none:not(.corners-keep-sharp),
html.rounded-corners .rounded-none:not(.corners-keep-sharp) {
  border-radius: 0.375rem !important;
}
html[data-corners="rounded"] .rounded-full,
html.rounded-corners .rounded-full {
  border-radius: 9999px !important;
}
/* Native controls + Radix surfaces without explicit rounded classes */
html[data-corners="rounded"] button:not(.rounded-full):not(.corners-keep-sharp):not(.primary-topbar-1-tab),
html.rounded-corners button:not(.rounded-full):not(.corners-keep-sharp):not(.primary-topbar-1-tab),
html[data-corners="rounded"] input:not([type="checkbox"]):not([type="radio"]):not(.corners-keep-sharp),
html.rounded-corners input:not([type="checkbox"]):not([type="radio"]):not(.corners-keep-sharp),
html[data-corners="rounded"] select:not(.corners-keep-sharp),
html.rounded-corners select:not(.corners-keep-sharp),
html[data-corners="rounded"] textarea:not(.corners-keep-sharp),
html.rounded-corners textarea:not(.corners-keep-sharp),
html[data-corners="rounded"] [role="dialog"]:not(.corners-keep-sharp),
html.rounded-corners [role="dialog"]:not(.corners-keep-sharp),
html[data-corners="rounded"] [role="menu"]:not(.corners-keep-sharp),
html.rounded-corners [role="menu"]:not(.corners-keep-sharp),
html[data-corners="rounded"] [role="listbox"]:not(.corners-keep-sharp),
html.rounded-corners [role="listbox"]:not(.corners-keep-sharp),
html[data-corners="rounded"] [data-radix-popper-content-wrapper] > *:not(.corners-keep-sharp),
html.rounded-corners [data-radix-popper-content-wrapper] > *:not(.corners-keep-sharp),
html[data-corners="rounded"] [data-radix-dialog-content]:not(.corners-keep-sharp),
html.rounded-corners [data-radix-dialog-content]:not(.corners-keep-sharp),
html[data-corners="rounded"] [data-radix-dropdown-menu-content]:not(.corners-keep-sharp),
html.rounded-corners [data-radix-dropdown-menu-content]:not(.corners-keep-sharp),
html[data-corners="rounded"] [data-radix-popover-content]:not(.corners-keep-sharp),
html.rounded-corners [data-radix-popover-content]:not(.corners-keep-sharp),
html[data-corners="rounded"] [data-radix-select-content]:not(.corners-keep-sharp),
html.rounded-corners [data-radix-select-content]:not(.corners-keep-sharp),
html[data-corners="rounded"] .card:not(.corners-keep-sharp),
html.rounded-corners .card:not(.corners-keep-sharp) {
  border-radius: 0.375rem !important;
}
/* Module-tight panels normally force 3–4px radii */
html[data-corners="rounded"] [data-module-tight] .rounded-lg,
html[data-corners="rounded"] [data-module-tight] .rounded-xl,
html[data-corners="rounded"] [data-module-tight] .rounded-2xl,
html[data-corners="rounded"] [data-module-tight] .rounded-3xl,
html.rounded-corners [data-module-tight] .rounded-lg,
html.rounded-corners [data-module-tight] .rounded-xl,
html.rounded-corners [data-module-tight] .rounded-2xl,
html.rounded-corners [data-module-tight] .rounded-3xl {
  border-radius: 0.5rem !important;
}
html[data-corners="rounded"] [data-module-tight] button:not([role="tab"]):not([role="switch"]):not(.rounded-full):not(.corners-keep-sharp),
html.rounded-corners [data-module-tight] button:not([role="tab"]):not([role="switch"]):not(.rounded-full):not(.corners-keep-sharp),
html[data-corners="rounded"] [data-module-tight] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not(.corners-keep-sharp),
html.rounded-corners [data-module-tight] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not(.corners-keep-sharp),
html[data-corners="rounded"] [data-module-tight] select:not(.corners-keep-sharp),
html.rounded-corners [data-module-tight] select:not(.corners-keep-sharp),
html[data-corners="rounded"] [data-module-tight] textarea:not(.corners-keep-sharp),
html.rounded-corners [data-module-tight] textarea:not(.corners-keep-sharp),
html[data-corners="rounded"] [data-module-tight] [role="tab"]:not(.corners-keep-sharp),
html.rounded-corners [data-module-tight] [role="tab"]:not(.corners-keep-sharp),
html[data-corners="rounded"] [data-module-tight] [class*="rounded-2xl"][class*="bg-card"]:not(.corners-keep-sharp),
html.rounded-corners [data-module-tight] [class*="rounded-2xl"][class*="bg-card"]:not(.corners-keep-sharp),
html[data-corners="rounded"] [data-module-tight] [class*="rounded-xl"][class*="bg-card"]:not(.corners-keep-sharp),
html.rounded-corners [data-module-tight] [class*="rounded-xl"][class*="bg-card"]:not(.corners-keep-sharp) {
  border-radius: 0.375rem !important;
}
/* RD Docs surface forces square corners — respect the global toggle */
html[data-corners="rounded"] .rd-docs-surface *:not(.rd-docs-keep-radius):not(.rd-docs-keep-radius *):not(.corners-keep-sharp),
html.rounded-corners .rd-docs-surface *:not(.rd-docs-keep-radius):not(.rd-docs-keep-radius *):not(.corners-keep-sharp) {
  border-radius: 0.375rem !important;
}
html[data-corners="rounded"] .rd-docs-surface .rounded-full,
html.rounded-corners .rd-docs-surface .rounded-full {
  border-radius: 9999px !important;
}
/* Radix Themes radius tokens */
html[data-corners="rounded"] .radix-themes,
html.rounded-corners .radix-themes {
  --radius-1: 4px;
  --radius-2: 6px;
  --radius-3: 8px;
  --radius-4: 10px;
  --radius-5: 12px;
  --radius-6: 16px;
}
/* Blocknest Studio embed — preserve upstream corner tokens */
html[data-corners="sharp"] [data-blocknest-studio],
html:not([data-corners="rounded"]):not(.rounded-corners) [data-blocknest-studio] {
  --radius: 0.5rem !important;
}
/* Primary UI PS sidebars — 1px tab + panel radius survives sharp mode */
html:not([data-corners="rounded"]):not(.rounded-corners) .ui-ref-ps1-compact button.ui-ref-ps1-tab,
html[data-corners="sharp"] .ui-ref-ps1-compact button.ui-ref-ps1-tab,
html:not([data-corners="rounded"]):not(.rounded-corners) .ui-ref-ps1-compact button.ui-ref-ps1-glow-icon,
html[data-corners="sharp"] .ui-ref-ps1-compact button.ui-ref-ps1-glow-icon,
html:not([data-corners="rounded"]):not(.rounded-corners) .ui-ref-ps3 button.ui-ref-ps3-tab,
html[data-corners="sharp"] .ui-ref-ps3 button.ui-ref-ps3-tab,
html:not([data-corners="rounded"]):not(.rounded-corners) .dev-workspace-shell button.dev-ws-nav-item,
html[data-corners="sharp"] .dev-workspace-shell button.dev-ws-nav-item {
  border-radius: 1px !important;
}
/* Primary folder tabs — 4px top radius + 1px stroke survive sharp/rounded mode */
html:not([data-corners="rounded"]):not(.rounded-corners) button.primary-topbar-1-tab,
html[data-corners="sharp"] button.primary-topbar-1-tab,
html[data-corners="rounded"] button.primary-topbar-1-tab,
html.rounded-corners button.primary-topbar-1-tab {
  border-radius: 4px 4px 0 0 !important;
  border: 1px solid var(--pt1-tab-border, #5c5c5c) !important;
  box-shadow: inset 0 0 0 1px var(--pt1-tab-border, #5c5c5c) !important;
}
html:not([data-corners="rounded"]):not(.rounded-corners) .ui-ref-ps1-compact.dev-workspace-shell,
html[data-corners="sharp"] .ui-ref-ps1-compact.dev-workspace-shell,
html:not([data-corners="rounded"]):not(.rounded-corners) .ui-ref-ps1-compact .dev-ws-sidebar,
html[data-corners="sharp"] .ui-ref-ps1-compact .dev-ws-sidebar,
html:not([data-corners="rounded"]):not(.rounded-corners) .ui-ref-ps1-compact .dev-ws-activity-bar,
html[data-corners="sharp"] .ui-ref-ps1-compact .dev-ws-activity-bar,
html:not([data-corners="rounded"]):not(.rounded-corners) .ui-ref-ps3 aside,
html[data-corners="sharp"] .ui-ref-ps3 aside {
  border-radius: 1px !important;
}
/* Collect & Jot / UnifiedShell — scoped chrome from Jot-Board-and-Collector pack.
   Does not override global shadcn tokens; only shell utilities + canvas typeface. */
.collect-jot-shell {
  --eden-panel: hsl(var(--background));
  --eden-surface: hsl(var(--card));
  --eden-ink: hsl(var(--foreground));
  --eden-soft: hsl(var(--foreground) / 0.08);
  --eden-outlier: #e8a87c;
  --eden-glass: hsl(var(--card) / 0.72);
  --eden-glass-strong: hsl(var(--muted) / 0.88);
  --eraser-accent: #00a9e5;
  --eraser-accent-hover: #33bae8;
  --eraser-accent-muted: rgba(0, 169, 229, 0.14);
  --eraser-canvas: hsl(var(--background));
  --eraser-chrome: hsl(var(--card));
  --eraser-chrome-elevated: hsl(var(--muted));
}
.collect-jot-shell .jot-map-root,
.collect-jot-shell .jot-map-root input,
.collect-jot-shell .jot-map-root textarea,
.collect-jot-shell .jot-map-root button,
.collect-jot-shell .jot-map-root [contenteditable] {
  font-family: "General Sans", "Residents Desk Sans", Inter, ui-sans-serif, system-ui, sans-serif;
}
.collect-jot-shell .jot-map-bottom-bar {
  background-color: hsl(var(--card));
}
.collect-jot-shell .scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.collect-jot-shell .scrollbar-hide::-webkit-scrollbar {
  display: none;
}
.collect-jot-shell .jot-map-selection-ring {
  box-shadow: 0 0 0 2px hsla(195, 100%, 45%, 0.35);
}
.collect-jot-shell .glass {
  background: var(--eden-glass);
  border: 1px solid hsl(var(--border));
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
.collect-jot-shell .glass-strong {
  background: var(--eden-glass-strong);
  border: 1px solid hsl(var(--border));
  backdrop-filter: blur(28px);
  -webkit-backdrop-filter: blur(28px);
}
.collect-jot-shell .glass-card {
  background: hsl(var(--muted) / 0.4);
  border: 1px solid hsl(var(--border));
  border-radius: 12px;
}
.collect-jot-shell .kbd {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 0.35rem;
  border-radius: 0.35rem;
  background: hsl(var(--foreground) / 0.08);
  border: 1px solid hsl(var(--border));
  font-size: 10px;
  font-weight: 500;
  color: hsl(var(--muted-foreground));
  font-family: "JetBrains Mono", ui-monospace, monospace;
}
.collect-jot-shell .eden-dot {
  background-image: radial-gradient(
    circle at 1px 1px,
    hsl(var(--foreground) / 0.06) 1px,
    transparent 0
  );
  background-size: 20px 20px;
}
.jot-mapper-pin {
  will-change: transform;
}
/**
 * Dev Map — hub-aligned board + Primary Sidebar 1 / Primary Topbar 1 chrome.
 */
/* Developer Workspace — indigo hub theme (scoped to shell; font inherits site) */
.dev-workspace-shell {
  /* Light theme tokens */
  --background: 0 0% 100%;
  --foreground: 0 0% 10.1961%;
  --card: 0 0% 96.8627%;
  --card-foreground: 0 0% 10.1961%;
  --popover: 0 0% 100%;
  --popover-foreground: 0 0% 10.1961%;
  --primary: 233.7931 56.3107% 59.6078%;
  --primary-foreground: 0 0% 100%;
  --secondary: 210 7.1429% 94.5098%;
  --secondary-foreground: 0 0% 20.3922%;
  --muted: 210 7.1429% 94.5098%;
  --muted-foreground: 0 0% 44.3137%;
  --accent: 210 7.1429% 94.5098%;
  --accent-foreground: 0 0% 10.1961%;
  --destructive: 0 100% 65.0980%;
  --destructive-foreground: 0 0% 100%;
  --border: 0 0% 88.6275%;
  --input: 0 0% 88.6275%;
  --ring: 233.7931 56.3107% 59.6078%;
  --chart-1: 233.7931 56.3107% 59.6078%;
  --chart-2: 188.9286 68.8525% 47.8431%;
  --chart-3: 34.6256 100% 55.4902%;
  --chart-4: 261.8692 46.7249% 55.0980%;
  --chart-5: 339.7183 82.5581% 66.2745%;
  --sidebar: 60 11.1111% 96.4706%;
  --sidebar-foreground: 45 7.8431% 20%;
  --sidebar-primary: 233.7931 56.3107% 59.6078%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 60 5.8824% 93.3333%;
  --sidebar-accent-foreground: 45 7.8431% 20%;
  --sidebar-border: 45 10% 92.1569%;
  --sidebar-ring: 233.7931 56.3107% 59.6078%;
  --radius: 0.375rem;
  /* Keep site/app font — do not force theme Inter stack */
  --tracking-normal: -0.011em;
  --shadow-x: 0px;
  --shadow-y: 2px;
  --shadow-blur: 4px;
  --shadow-spread: 0px;
  --shadow-opacity: 0.05;
  --shadow-color: 0, 0, 0;
  --shadow-2xs: 0px 2px 4px 0px hsl(0 0% 0% / 0.03);
  --shadow-xs: 0px 2px 4px 0px hsl(0 0% 0% / 0.03);
  --shadow-sm: 0px 2px 4px 0px hsl(0 0% 0% / 0.05), 0px 1px 2px -1px hsl(0 0% 0% / 0.05);
  --shadow: 0px 2px 4px 0px hsl(0 0% 0% / 0.05), 0px 1px 2px -1px hsl(0 0% 0% / 0.05);
  --shadow-md: 0px 2px 4px 0px hsl(0 0% 0% / 0.05), 0px 2px 4px -1px hsl(0 0% 0% / 0.05);
  --shadow-lg: 0px 2px 4px 0px hsl(0 0% 0% / 0.05), 0px 4px 6px -1px hsl(0 0% 0% / 0.05);
  --shadow-xl: 0px 2px 4px 0px hsl(0 0% 0% / 0.05), 0px 8px 10px -1px hsl(0 0% 0% / 0.05);
  --shadow-2xl: 0px 2px 4px 0px hsl(0 0% 0% / 0.13);

  --dev-ws-radius: var(--radius);
  --dev-ws-radius-sm: calc(var(--radius) - 0.05rem);
  --dev-ws-tab-radius: 1px;
  --dev-ws-activity-bg: hsl(var(--sidebar));
  --dev-ws-status-bg: hsl(var(--secondary));
  --dev-ws-panel-bg: hsl(var(--card));
  --dev-ws-editor-bg: hsl(var(--background));
  --dev-ws-border: hsl(var(--border));
  --dev-ws-border-strong: hsl(var(--sidebar-border));
  --dev-ws-tab-active: hsl(var(--secondary));
  --dev-ws-accent: hsl(var(--primary));
  --dev-ws-accent-soft: hsl(var(--primary) / 0.14);
  --dev-ws-hover: hsl(var(--sidebar-accent) / 0.85);
  --dev-ws-font-ui: var(--rd-font-sans, inherit);
  --dev-ws-font-mono: var(--rd-font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);
  --console-bg: hsl(var(--background));
  --console-surface: hsl(var(--secondary));
  --console-border: hsl(var(--border));
  --console-muted: hsl(var(--muted-foreground));
  --console-font-ui: var(--dev-ws-font-ui);
  --console-font-log: var(--dev-ws-font-mono);

  /* Sidebar + container polish */
  --dev-ws-divider: hsl(var(--border) / 0.72);
  --dev-ws-divider-strong: hsl(var(--border) / 0.88);
  --dev-ws-surface-raised: hsl(var(--muted) / 0.2);
  --dev-ws-surface-raised-hover: hsl(var(--muted) / 0.3);
  --dev-ws-surface-raised-active: hsl(var(--muted) / 0.4);
  --dev-ws-elevation-inset:
    inset 1px 1px 0 hsl(var(--foreground) / 0.06),
    inset -1px -1px 0 hsl(var(--foreground) / 0.03);
  --dev-ws-elevation-inset-hover:
    inset 1px 1px 0 hsl(var(--foreground) / 0.08),
    inset -1px -1px 0 hsl(var(--foreground) / 0.04);
  --dev-ws-elevation-inset-active:
    inset 1px 1px 0 hsl(var(--foreground) / 0.1),
    inset -1px -1px 0 hsl(var(--foreground) / 0.05),
    0 1px 1px hsl(var(--foreground) / 0.03);
  --dev-ws-transition-fast: 140ms ease;
  --dev-ws-container-shadow: var(--shadow-md);

  color: hsl(var(--foreground));
  background: hsl(var(--background));
  font-family: var(--dev-ws-font-ui);
  letter-spacing: var(--tracking-normal);
  border-radius: 0;
}
/* Dark hub — cool near-black + indigo primary */
.dark .dev-workspace-shell,
.dev-workspace-shell[data-ide-theme="atelier-dark"],
.dev-workspace-shell[data-ide-theme="hub-dark"] {
  --background: 240 4% 4.902%;
  --foreground: 0 0% 93.3333%;
  --card: 240 2.3256% 8.4314%;
  --card-foreground: 0 0% 93.3333%;
  --popover: 240 2.3256% 8.4314%;
  --popover-foreground: 0 0% 93.3333%;
  --primary: 233.7931 56.3107% 59.6078%;
  --primary-foreground: 0 0% 100%;
  --secondary: 240 2.9412% 13.3333%;
  --secondary-foreground: 0 0% 60.7843%;
  --muted: 240 2.9412% 13.3333%;
  --muted-foreground: 218.5714 6.3636% 56.8627%;
  --accent: 240 2.6316% 14.902%;
  --accent-foreground: 0 0% 100%;
  --destructive: 10.1639 77.8723% 53.9216%;
  --destructive-foreground: 0 0% 100%;
  --border: 0 0% 14.902%;
  --input: 0 0% 14.902%;
  --ring: 233.7931 56.3107% 59.6078%;
  --chart-1: 233.7931 56.3107% 59.6078%;
  --chart-2: 207.0732 80.3922% 60%;
  --chart-3: 339.7183 82.5581% 66.2745%;
  --chart-4: 34.6256 100% 55.4902%;
  --chart-5: 188.9286 68.8525% 47.8431%;
  --sidebar: 240 4% 4.902%;
  --sidebar-foreground: 0 0% 60.7843%;
  --sidebar-primary: 233.7931 56.3107% 59.6078%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 240 1.7544% 11.1765%;
  --sidebar-accent-foreground: 0 0% 100%;
  --sidebar-border: 240 1.7544% 11.1765%;
  --sidebar-ring: 233.7931 56.3107% 59.6078%;
  --shadow-y: 4px;
  --shadow-blur: 12px;
  --shadow-opacity: 0.4;
  --shadow-2xs: 0px 4px 12px 0px hsl(0 0% 0% / 0.20);
  --shadow-xs: 0px 4px 12px 0px hsl(0 0% 0% / 0.20);
  --shadow-sm: 0px 4px 12px 0px hsl(0 0% 0% / 0.40), 0px 1px 2px -1px hsl(0 0% 0% / 0.40);
  --shadow: 0px 4px 12px 0px hsl(0 0% 0% / 0.40), 0px 1px 2px -1px hsl(0 0% 0% / 0.40);
  --shadow-md: 0px 4px 12px 0px hsl(0 0% 0% / 0.40), 0px 2px 4px -1px hsl(0 0% 0% / 0.40);
  --shadow-lg: 0px 4px 12px 0px hsl(0 0% 0% / 0.40), 0px 4px 6px -1px hsl(0 0% 0% / 0.40);
  --shadow-xl: 0px 4px 12px 0px hsl(0 0% 0% / 0.40), 0px 8px 10px -1px hsl(0 0% 0% / 0.40);
  --shadow-2xl: 0px 4px 12px 0px hsl(0 0% 0% / 1);

  --dev-ws-activity-bg: hsl(var(--sidebar));
  --dev-ws-status-bg: hsl(var(--card));
  --dev-ws-panel-bg: hsl(var(--card));
  --dev-ws-editor-bg: hsl(var(--background));
  --dev-ws-border: hsl(var(--border));
  --dev-ws-border-strong: hsl(var(--sidebar-border));
  --dev-ws-tab-active: hsl(var(--secondary));
  --dev-ws-accent: hsl(var(--primary));
  --dev-ws-accent-soft: hsl(var(--primary) / 0.18);
  --dev-ws-hover: hsl(var(--sidebar-accent) / 0.9);
  --console-bg: hsl(var(--background));
  --console-surface: hsl(var(--card));
  --console-border: hsl(var(--border));
  --console-muted: hsl(var(--muted-foreground));

  --dev-ws-divider: hsl(var(--border) / 0.85);
  --dev-ws-divider-strong: hsl(var(--border));
  --dev-ws-surface-raised: hsl(var(--muted) / 0.35);
  --dev-ws-surface-raised-hover: hsl(var(--muted) / 0.48);
  --dev-ws-surface-raised-active: hsl(var(--muted) / 0.58);
  --dev-ws-elevation-inset:
    inset 1px 1px 0 hsl(var(--foreground) / 0.05),
    inset -1px -1px 0 hsl(var(--foreground) / 0.025);
  --dev-ws-elevation-inset-hover:
    inset 1px 1px 0 hsl(var(--foreground) / 0.07),
    inset -1px -1px 0 hsl(var(--foreground) / 0.035);
  --dev-ws-elevation-inset-active:
    inset 1px 1px 0 hsl(var(--foreground) / 0.09),
    inset -1px -1px 0 hsl(var(--foreground) / 0.045),
    0 1px 1px hsl(var(--foreground) / 0.025);
  --dev-ws-container-shadow: var(--shadow-lg);
}
/* Workspace / module container frame polish (photo-editor variant) */
.workspace-container-frame {
  --dev-ws-divider: hsl(var(--border) / 0.72);
  --dev-ws-divider-strong: hsl(var(--border) / 0.88);
  --dev-ws-container-shadow: 0 1px 3px hsl(0 0% 0% / 0.06), 0 1px 2px hsl(0 0% 0% / 0.04);
}
.dark .workspace-container-frame,
.workspace-container-frame[data-ide-theme='hub-dark'],
.workspace-container-frame[data-ide-theme='atelier-dark'] {
  --dev-ws-divider: hsl(var(--border) / 0.85);
  --dev-ws-divider-strong: hsl(var(--border));
  --dev-ws-container-shadow: 0 2px 8px hsl(0 0% 0% / 0.35), 0 1px 2px hsl(0 0% 0% / 0.2);
}
/* Linux GNOME container chrome tokens */
[data-linux-chrome='compact-v3'] {
  --linux-chrome-bg: #121214;
  --linux-chrome-border: #3d3846;
  --linux-chrome-fg: #deddda;
  --linux-chrome-muted: #9a9996;
  --linux-chrome-hover: hsl(0 0% 100% / 0.06);
  --linux-chrome-shadow: 0 2px 8px hsl(0 0% 0% / 0.35);
  background-color: var(--linux-chrome-bg);
  border-color: var(--linux-chrome-border);
  color: var(--linux-chrome-fg);
  box-shadow: var(--linux-chrome-shadow);
}
/* Title strip has a distinct, consistent height above the shared content headers. */
.workspace-container-frame .linux-container-title-bar.desk-os-menubar {
  height: var(--container-title-height, 24px);
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e)) !important;
  border-bottom-color: var(--container-divider, #414147);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.07);
}
.workspace-container-frame .workspace-container-site-chrome {
  --linux-chrome-bg: #121214;
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e));
}
.workspace-container-frame .container-photo-title-bar {
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e));
  border-bottom-color: transparent;
  color: #deddda;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.035);
}
.workspace-container-frame :is(.linux-bevel-control, [data-container-chrome-control]) {
  border-color: #48484f;
  border-radius: 2px;
  background: linear-gradient(180deg, #29292e, #202023);
  color: #c5c5cb;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.07);
}
.workspace-container-frame :is(.linux-bevel-control, [data-container-chrome-control]):hover:not(:disabled) {
  background: #303035;
  border-color: #505057;
  color: #fff;
}
.workspace-container-frame :is(.linux-bevel-control, [data-container-chrome-control]):active:not(:disabled) {
  background: #101012;
  box-shadow: inset 0 1px 2px rgb(0 0 0 / 0.4);
}
.workspace-container-frame .linux-bevel-control:focus-visible {
  outline: 2px solid #60b9e6;
  outline-offset: 1px;
}
.workspace-container-frame .linux-bevel-glyph--maximize {
  border-color: currentColor;
}
.workspace-container-frame .linux-bevel-glyph--minimize::after,
.workspace-container-frame .linux-bevel-glyph--close::before,
.workspace-container-frame .linux-bevel-glyph--close::after {
  background: currentColor;
}
.workspace-container-site-chrome .btb-row {
  min-height: 16px;
  padding: 0 3px;
}
.workspace-container-frame .btb-row {
  min-height: 16px;
  padding: 0 3px;
}
/* Raised-square window controls on linux title bar (Blender / retro desktop). */
.linux-bevel-control {
  display: grid;
  place-items: center;
  width: 14px;
  height: 14px;
  padding: 0;
  border: 1px solid #808080;
  border-radius: 0;
  background: #bfbfbf;
  box-shadow:
    inset 1px 1px 0 #ffffff,
    inset -1px -1px 0 #404040;
  cursor: default;
}
.linux-bevel-control:hover {
  background: #c8c8c8;
}
.linux-bevel-control:active {
  background: #a8a8a8;
  box-shadow:
    inset 1px 1px 0 #404040,
    inset -1px -1px 0 #ffffff;
}
.linux-bevel-control:disabled {
  opacity: 0.65;
  cursor: default;
}
.linux-bevel-collapse {
  display: grid;
  place-items: center;
  width: 12px;
  height: 12px;
  padding: 0;
  border: none;
  background: transparent;
  color: #9a9996;
}
.linux-bevel-collapse:hover {
  color: #deddda;
}
.linux-bevel-glyph {
  position: relative;
  display: block;
  width: 8px;
  height: 8px;
}
.linux-bevel-glyph--minimize::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: #1a1a1a;
}
.linux-bevel-glyph--maximize {
  border: 1.5px solid #1a1a1a;
  box-sizing: border-box;
}
.linux-bevel-glyph--close::before,
.linux-bevel-glyph--close::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 1.5px;
  background: #1a1a1a;
}
.linux-bevel-glyph--close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.linux-bevel-glyph--close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
/* Miniature workspace chrome — sitewide bottom-bar popups */
.linux-container-title-bar--mini {
  height: 16px !important;
  gap: 2px;
}
.linux-container-title-bar--mini .linux-bevel-control {
  width: 11px;
  height: 11px;
}
.linux-container-title-bar--mini .linux-bevel-glyph {
  width: 6px;
  height: 6px;
}
.linux-container-title-bar--mini .linux-bevel-glyph--minimize::after {
  height: 1.5px;
}
.linux-container-title-bar--mini .linux-bevel-glyph--maximize {
  border-width: 1px;
}
.linux-container-title-bar--mini .linux-bevel-glyph--close::before,
.linux-container-title-bar--mini .linux-bevel-glyph--close::after {
  width: 6px;
  height: 1px;
}
.dev-workspace-shell .dev-ws-activity-bar,
.dev-workspace-shell .dev-ws-sidebar,
.dev-workspace-shell .dev-ws-right-panel,
.dev-workspace-shell .dev-ws-status-bar,
.dev-workspace-shell .dev-project-panel,
.dev-workspace-shell .dev-project-status,
.dev-workspace-shell .dev-project-toolbar {
  background: var(--dev-ws-panel-bg);
  border-color: var(--dev-ws-border);
  backdrop-filter: none;
}
.dev-workspace-shell .dev-ws-activity-bar {
  background: var(--dev-ws-activity-bg);
}
.dev-workspace-shell .dev-ws-status-bar,
.dev-workspace-shell .dev-project-status {
  background: var(--dev-ws-status-bg);
  border-top: 1px solid var(--dev-ws-border);
  color: hsl(var(--muted-foreground));
}
.dev-workspace-shell .dev-ws-resize-handle {
  background: transparent;
}
.dev-workspace-shell .dev-ws-resize-handle:hover,
.dev-workspace-shell .dev-ws-resize-handle--active {
  background: color-mix(in srgb, var(--dev-ws-accent) 55%, transparent);
}
.dev-workspace-shell .sandbox-editor-tabs {
  background: var(--dev-ws-activity-bg);
  border-color: var(--dev-ws-border);
}
.dev-workspace-shell .sandbox-editor-tab--active {
  background: var(--dev-ws-editor-bg);
}
.dev-ws-activity-bar {
  background: var(--dev-ws-activity-bg);
  color: hsl(var(--sidebar-foreground));
  border-color: var(--dev-ws-border) !important;
}
.dev-ws-activity-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 999px;
  transition: background 160ms ease;
}
.dev-ws-activity-btn--labeled {
  flex-direction: column;
  width: 3.25rem;
  height: auto;
  min-height: 2.25rem;
  padding: 0.2rem 0.1rem 0.25rem;
  border-radius: 0.375rem;
  gap: 0.15rem;
}
.dev-ws-activity-btn__label {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 9px;
  line-height: 1;
  letter-spacing: 0.01em;
  text-transform: lowercase;
}
.dev-ws-activity-btn:hover {
  background: var(--dev-ws-hover);
}
.dev-ws-activity-btn--active {
  background: var(--dev-ws-accent-soft);
}
.dev-ws-activity-btn--active::before {
  content: '';
  position: absolute;
  left: 1px;
  top: 0.45rem;
  bottom: 0.45rem;
  width: 1.5px;
  border-radius: 999px;
  background: var(--dev-ws-accent);
}
.dev-ws-activity-btn--labeled.dev-ws-activity-btn--active::before {
  top: 0.28rem;
  bottom: 0.28rem;
}
.dev-ws-sidebar,
.dev-ws-right-panel {
  background: var(--dev-ws-panel-bg);
  backdrop-filter: blur(14px);
  border-color: var(--dev-ws-border) !important;
}
.dev-ws-sidebar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.65rem 0.85rem 0.5rem;
  border-bottom: 1px solid var(--dev-ws-border);
  min-height: 2.15rem;
}
.dev-ws-sidebar-title {
  font-size: 0.9375rem;
  font-weight: 500;
  letter-spacing: var(--tracking-normal);
  text-transform: lowercase;
  color: hsl(var(--foreground) / 0.92);
  line-height: 1.2;
}
.dev-ws-nav-item-rule {
  width: 1px;
  align-self: stretch;
  margin-block: 0.15rem;
  flex-shrink: 0;
  background: color-mix(in srgb, var(--dev-ws-border-strong) 85%, transparent);
}
.dev-ws-nav-item {
  position: relative;
  width: calc(100% - 0.75rem);
  margin-left: 0.375rem;
  margin-right: 0.375rem;
  display: flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.35rem 0.5rem;
  border-radius: var(--dev-ws-tab-radius, 1px);
  text-align: left;
  font-size: 0.8125rem;
  font-weight: 450;
  letter-spacing: var(--tracking-normal);
  text-transform: lowercase;
  color: hsl(var(--muted-foreground));
  transition: background 140ms ease, color 140ms ease;
}
.dev-ws-nav-item:hover {
  background: var(--dev-ws-hover);
  color: hsl(var(--foreground));
}
.dev-ws-nav-item--active {
  background: var(--dev-ws-accent-soft);
  color: hsl(var(--foreground));
  font-weight: 500;
}
.dev-ws-nav-item--active::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.35rem;
  bottom: 0.35rem;
  width: 1.5px;
  border-radius: 999px;
  background: var(--dev-ws-accent);
}
.dev-ws-center {
  background: var(--dev-ws-editor-bg);
  min-width: 0;
}
.dev-ws-center-column {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}
.dev-ws-tab-bar {
  display: flex;
  align-items: stretch;
  gap: 0.35rem;
  min-height: 2.25rem;
  padding: 0 0.5rem;
  border-bottom: 1px solid var(--dev-ws-border);
  background: color-mix(in srgb, var(--dev-ws-panel-bg) 94%, transparent);
  flex-shrink: 0;
  /* Keep trailing chrome visible; tabs scroll first */
  overflow-x: auto;
  scrollbar-width: thin;
}
.dev-ws-tab-bar__tabs {
  display: flex;
  align-items: stretch;
  flex: 1 1 auto;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: thin;
}
.dev-ws-tab-bar__actions {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  flex: 0 1 auto;
  min-width: 0;
  padding-left: 0.35rem;
  border-left: 1px solid var(--dev-ws-border);
  margin: 0.35rem 0 0.35rem 0.15rem;
  overflow-x: auto;
  scrollbar-width: none;
}
.dev-ws-tab-bar__rule {
  width: 1px;
  align-self: center;
  height: 0.9rem;
  background: var(--dev-ws-border);
  flex-shrink: 0;
  margin: 0 0.1rem;
}
.dev-ws-chrome-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.05rem;
  flex: 0 0 auto;
  align-self: center;
  margin: 0.25rem 0 0.25rem 0.25rem;
  padding: 0.12rem 0.22rem;
  border: 1px solid var(--dev-ws-border);
  border-radius: 0.45rem;
  background: color-mix(in srgb, var(--dev-ws-panel-bg) 70%, hsl(var(--muted)) 30%);
  position: sticky;
  right: 0.25rem;
  z-index: 3;
  box-shadow: -8px 0 12px -8px color-mix(in srgb, var(--dev-ws-panel-bg) 90%, transparent);
}
.dev-ws-chrome-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 1.75rem !important;
  height: 1.75rem !important;
  min-width: 1.75rem !important;
  padding: 0 !important;
  border: none;
  border-radius: 0.35rem;
  background: transparent;
  color: hsl(var(--foreground) / 0.72);
  cursor: pointer;
  transition: color 120ms ease, background 120ms ease;
  flex-shrink: 0;
}
.dev-ws-chrome-btn:hover:not(:disabled) {
  color: hsl(var(--foreground));
  background: var(--dev-ws-hover);
}
.dev-ws-chrome-btn:disabled {
  opacity: 0.35;
  cursor: default;
}
.dev-ws-chrome-btn--active {
  color: hsl(var(--foreground));
  background: color-mix(in srgb, var(--dev-ws-accent) 22%, transparent);
}
.dev-ws-chrome-btn svg {
  width: 0.95rem !important;
  height: 0.95rem !important;
}
.dev-ws-tab {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  max-width: 11rem;
  padding: 0.45rem 0.65rem;
  font-size: 0.8125rem;
  font-weight: 450;
  letter-spacing: var(--tracking-normal);
  text-transform: lowercase;
  color: hsl(var(--muted-foreground));
  background: transparent;
  border: none;
  border-radius: 0;
  white-space: nowrap;
  transition: color 140ms ease, background 140ms ease;
}
.dev-ws-tab:hover {
  color: hsl(var(--foreground));
  background: var(--dev-ws-hover);
}
.dev-ws-tab--active {
  color: hsl(var(--foreground));
  font-weight: 500;
}
.dev-ws-tab--active::after {
  content: '';
  position: absolute;
  left: 0.55rem;
  right: 0.55rem;
  bottom: 0;
  height: 1.5px;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    var(--dev-ws-accent),
    color-mix(in srgb, var(--dev-ws-accent) 40%, transparent)
  );
}
.dev-ws-tab__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  margin-left: 0.1rem;
  border-radius: 999px;
  opacity: 0.45;
  color: inherit;
}
.dev-ws-tab__close:hover {
  opacity: 1;
  background: hsl(var(--muted-foreground) / 0.15);
}
.dev-ws-tab:not(:hover) .dev-ws-tab__close {
  opacity: 0;
}
.dev-ws-status-bar {
  background: var(--dev-ws-status-bg);
  color: hsl(var(--muted-foreground));
  font-variant-numeric: tabular-nums;
  border-color: var(--dev-ws-border);
  font-size: 0.6875rem;
}
.dev-ws-ai-sidebar {
  min-width: 280px;
}
.dev-ws-bottom-panel,
.dev-project-dock,
.dev-project-console {
  --console-font-ui: var(--dev-ws-font-ui);
  --console-font-log: var(--dev-ws-font-mono);
  --console-bg: hsl(var(--background));
  --console-surface: hsl(var(--secondary));
  --console-border: hsl(var(--border));
  --console-muted: hsl(var(--muted-foreground));
  font-family: var(--console-font-ui);
  background: var(--console-bg);
  color: hsl(var(--foreground));
  letter-spacing: var(--tracking-normal);
}
/* ── Dock shell ── */
.dev-project-dock {
  border-top: 1px solid var(--console-border);
}
/* ── Tab bar ── */
.dev-console-tabs {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 0.35rem;
  padding: 0 0.35rem 0 0.5rem;
  border-bottom: 1px solid var(--console-border);
  background: var(--console-surface);
  flex-shrink: 0;
  min-height: 2rem;
}
.dev-console-tabs__list {
  display: flex;
  align-items: stretch;
  gap: 0;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: thin;
}
.dev-console-tabs__trailing {
  display: inline-flex;
  align-items: center;
  gap: 0.1rem;
  flex-shrink: 0;
  padding-left: 0.25rem;
  border-left: 1px solid var(--console-border);
  margin: 0.2rem 0;
}
.dev-console-session-select {
  display: inline-flex;
  align-items: center;
  gap: 0.15rem;
  max-width: 10rem;
  overflow-x: auto;
  scrollbar-width: none;
  margin-right: 0.15rem;
}
.dev-console-session-chip {
  border: none;
  background: transparent;
  color: var(--console-muted);
  font-size: 0.6875rem;
  font-family: var(--console-font-ui);
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
  white-space: nowrap;
  cursor: pointer;
}
.dev-console-session-chip:hover {
  color: hsl(var(--foreground));
  background: hsl(var(--muted) / 0.4);
}
.dev-console-session-chip--active {
  color: hsl(var(--foreground));
  background: hsl(var(--muted) / 0.55);
}
.dev-console-tab {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.45rem 0.65rem;
  font-family: var(--console-font-ui);
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: var(--console-muted);
  border: none;
  border-bottom: 2px solid transparent;
  background: transparent;
  cursor: pointer;
  transition: color 140ms ease, border-color 140ms ease, background 140ms ease;
  text-transform: none;
  white-space: nowrap;
}
.dev-console-tab:hover {
  color: hsl(var(--foreground));
  background: hsl(var(--muted) / 0.35);
}
.dev-console-tab--active {
  color: hsl(var(--foreground));
  border-bottom-color: var(--dev-ws-accent);
}
.dev-console-tab-count {
  font-family: var(--console-font-log);
  font-size: 0.625rem;
  font-weight: 500;
  color: var(--console-muted);
  font-variant-numeric: tabular-nums;
}
.dev-console-tab-badge {
  min-width: 1rem;
  height: 1rem;
  padding: 0 0.3rem;
  border-radius: 999px;
  font-family: var(--console-font-log);
  font-size: 0.625rem;
  font-weight: 600;
  line-height: 1rem;
  font-variant-numeric: tabular-nums;
}
.dev-console-tab-badge--error {
  background: hsl(var(--destructive) / 0.18);
  color: hsl(var(--destructive));
}
.dev-console-tab-badge--warn {
  background: hsl(38 92% 50% / 0.18);
  color: hsl(38 80% 42%);
}
.dark .dev-console-tab-badge--warn {
  color: hsl(38 90% 62%);
}
/* ── Console panel ── */
.dev-project-console {
  background: var(--console-bg);
  flex: 1;
  min-height: 0;
}
.dev-console-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.35rem 0.5rem;
  border-bottom: 1px solid var(--console-border);
  background: hsl(var(--muted) / 0.18);
  flex-shrink: 0;
}
.dev-console-filters {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  overflow-x: auto;
  scrollbar-width: none;
}
.dev-console-filters::-webkit-scrollbar {
  display: none;
}
.dev-console-filter {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.2rem 0.55rem;
  border-radius: var(--dev-ws-radius-sm, 4px);
  border: 1px solid transparent;
  background: transparent;
  font-family: var(--console-font-ui);
  font-size: 0.6875rem;
  font-weight: 500;
  color: var(--console-muted);
  cursor: pointer;
  white-space: nowrap;
  transition: color 120ms ease, background 120ms ease, border-color 120ms ease;
  text-transform: lowercase;
}
.dev-console-filter:hover {
  color: hsl(var(--foreground));
  background: hsl(var(--muted) / 0.45);
}
.dev-console-filter--active {
  color: hsl(var(--foreground));
  background: hsl(var(--muted) / 0.65);
  border-color: hsl(var(--border) / 0.6);
}
.dev-console-filter-count {
  font-family: var(--console-font-log);
  font-size: 0.6rem;
  font-variant-numeric: tabular-nums;
  opacity: 0.7;
}
.dev-console-actions {
  display: flex;
  align-items: center;
  gap: 0.15rem;
  flex-shrink: 0;
}
.dev-console-action-btn {
  height: 1.5rem !important;
  padding: 0 0.4rem !important;
  gap: 0.25rem !important;
  font-family: var(--console-font-ui) !important;
  font-size: 0.625rem !important;
  font-weight: 500 !important;
  color: var(--console-muted) !important;
  text-transform: lowercase;
}
.dev-console-action-btn:hover {
  color: hsl(var(--foreground)) !important;
}
.dev-console-action-label {
  display: none;
}
.dev-project-console:not(.dev-project-console--compact) .dev-console-action-label,
.dev-console-toolbar:hover .dev-console-action-label {
  display: inline;
}
/* ── Log scroll area ── */
.dev-console-scroll {
  flex: 1;
  min-height: 0;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: hsl(var(--border)) transparent;
}
.dev-console-scroll::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.dev-console-scroll::-webkit-scrollbar-thumb {
  background: hsl(var(--border) / 0.8);
  border-radius: 999px;
}
.dev-console-log {
  padding: 0.25rem 0;
}
.dev-console-row {
  display: grid;
  grid-template-columns: auto auto auto 1fr;
  align-items: start;
  gap: 0.45rem 0.55rem;
  padding: 0.35rem 0.65rem;
  border-left: 2px solid transparent;
  font-family: var(--console-font-log);
  font-size: 0.75rem;
  line-height: 1.55;
  transition: background 120ms ease;
}
.dev-project-console--compact .dev-console-row {
  grid-template-columns: auto auto 1fr;
  font-size: 0.6875rem;
  padding: 0.3rem 0.55rem;
  gap: 0.35rem 0.45rem;
}
.dev-console-row:hover {
  background: hsl(var(--muted) / 0.28);
}
.dev-console-row--system { border-left-color: hsl(var(--muted-foreground) / 0.35); }
.dev-console-row--info { border-left-color: hsl(var(--muted-foreground) / 0.5); }
.dev-console-row--success { border-left-color: hsl(152 60% 42% / 0.65); }
.dev-console-row--warn { border-left-color: hsl(38 92% 50% / 0.75); }
.dev-console-row--error { border-left-color: hsl(var(--destructive) / 0.8); }
.dev-console-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.1rem;
  height: 1.1rem;
  margin-top: 0.1rem;
  border-radius: 4px;
  flex-shrink: 0;
}
.dev-console-icon--system { color: hsl(var(--muted-foreground) / 0.7); background: hsl(var(--muted) / 0.45); }
.dev-console-icon--info { color: hsl(150 12% 46%); background: hsl(150 14% 46% / 0.12); }
.dev-console-icon--success { color: hsl(152 28% 40%); background: hsl(152 28% 40% / 0.12); }
.dev-console-icon--warn { color: hsl(36 45% 46%); background: hsl(36 45% 46% / 0.12); }
.dev-console-icon--error { color: hsl(var(--destructive)); background: hsl(var(--destructive) / 0.12); }
.dark .dev-console-icon--info { color: hsl(150 14% 62%); }
.dark .dev-console-icon--success { color: hsl(152 24% 58%); }
.dark .dev-console-icon--warn { color: hsl(36 42% 62%); }
.dev-console-time {
  font-family: var(--console-font-log);
  font-size: 0.625rem;
  font-weight: 500;
  color: hsl(var(--muted-foreground) / 0.55);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  margin-top: 0.15rem;
  min-width: 3.6rem;
}
.dev-console-source {
  display: inline-flex;
  align-items: center;
  margin-top: 0.12rem;
  padding: 0.05rem 0.35rem;
  border-radius: 4px;
  font-family: var(--console-font-ui);
  font-size: 0.5625rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  text-transform: lowercase;
  color: hsl(var(--muted-foreground));
  background: hsl(var(--muted) / 0.5);
  white-space: nowrap;
}
.dev-console-source--preview {
  color: var(--dev-ws-accent);
  background: var(--dev-ws-accent-soft);
}
.dev-console-source--compiler {
  color: hsl(var(--destructive));
  background: hsl(var(--destructive) / 0.1);
}
.dev-console-source--visual {
  color: hsl(20 18% 48%);
  background: hsl(20 18% 48% / 0.1);
}
.dev-console-source--ai {
  color: hsl(160 45% 38%);
  background: hsl(160 45% 38% / 0.1);
}
.dev-console-message {
  min-width: 0;
  color: hsl(var(--foreground) / 0.92);
  word-break: break-word;
  white-space: pre-wrap;
}
.dev-console-row--system .dev-console-message { color: hsl(var(--muted-foreground)); }
.dev-console-row--info .dev-console-message { color: hsl(var(--foreground) / 0.85); }
.dev-console-row--success .dev-console-message { color: hsl(152 45% 32%); }
.dev-console-row--warn .dev-console-message { color: hsl(32 75% 34%); }
.dev-console-row--error .dev-console-message { color: hsl(var(--destructive)); }
.dark .dev-console-row--success .dev-console-message { color: hsl(152 50% 58%); }
.dark .dev-console-row--warn .dev-console-message { color: hsl(38 85% 62%); }
/* ── Empty state ── */
.dev-console-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  min-height: 4.5rem;
  padding: 1.25rem 1rem;
  text-align: center;
}
.dev-console-empty-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 6px;
  color: var(--console-muted);
  background: hsl(var(--muted) / 0.45);
}
.dev-console-empty-icon--ok {
  color: hsl(152 45% 38%);
  background: hsl(152 45% 38% / 0.1);
}
.dev-console-empty-title {
  margin: 0;
  font-family: var(--console-font-ui);
  font-size: 0.75rem;
  font-weight: 600;
  color: hsl(var(--foreground) / 0.85);
  text-transform: lowercase;
}
.dev-console-empty-sub {
  margin: 0;
  max-width: 16rem;
  font-family: var(--console-font-ui);
  font-size: 0.6875rem;
  line-height: 1.45;
  color: var(--console-muted);
}
/* ── Problems panel ── */
.dev-console-problems {
  flex: 1;
  min-height: 0;
  overflow: auto;
}
.dev-console-problems-list {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.4rem;
}
.dev-console-problem {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  width: 100%;
  padding: 0.5rem 0.6rem;
  border: 1px solid var(--console-border);
  border-radius: 6px;
  background: hsl(var(--card) / 0.35);
  text-align: left;
  cursor: pointer;
  transition: background 120ms ease, border-color 120ms ease;
}
.dev-console-problem:hover {
  background: hsl(var(--muted) / 0.35);
  border-color: hsl(var(--border) / 0.75);
}
.dev-console-problem--error {
  border-left: 2px solid hsl(var(--destructive) / 0.75);
}
.dev-console-problem--warn {
  border-left: 2px solid hsl(38 92% 50% / 0.75);
}
.dev-console-problem-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 5px;
  flex-shrink: 0;
}
.dev-console-problem-icon--error {
  color: hsl(var(--destructive));
  background: hsl(var(--destructive) / 0.12);
}
.dev-console-problem-icon--warn {
  color: hsl(38 80% 42%);
  background: hsl(38 80% 42% / 0.12);
}
.dark .dev-console-problem-icon--warn {
  color: hsl(38 90% 62%);
}
.dev-console-problem-body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.dev-console-problem-source {
  font-family: var(--console-font-ui);
  font-size: 0.5625rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  text-transform: lowercase;
  color: var(--console-muted);
}
.dev-console-problem-message {
  font-family: var(--console-font-log);
  font-size: 0.75rem;
  line-height: 1.5;
  word-break: break-word;
  white-space: pre-wrap;
}
.dev-console-problem--error .dev-console-problem-message {
  color: hsl(var(--destructive));
}
.dev-console-problem--warn .dev-console-problem-message {
  color: hsl(32 75% 34%);
}
.dark .dev-console-problem--warn .dev-console-problem-message {
  color: hsl(38 85% 62%);
}
.dev-project-dock button:focus-visible,
.dev-console-filter:focus-visible,
.dev-console-tab:focus-visible {
  outline: 1px solid hsl(var(--ring));
  outline-offset: 1px;
}
/* Legacy aliases */
.dev-project-console [data-console-scroll] {
  scrollbar-width: thin;
  scrollbar-color: hsl(var(--border)) transparent;
}
.dev-project-problems button:hover {
  background: hsl(var(--muted) / 0.45);
}
/* ── Browser URL bar ── */
.dev-browser-toolbar {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.45rem 0.75rem;
  border-bottom: 1px solid var(--dev-ws-border);
  background: hsl(var(--card) / 0.35);
  flex-shrink: 0;
}
.dev-browser-url-bar {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 0.45rem;
  height: 2rem;
  padding: 0 0.3rem 0 0.7rem;
  border-radius: var(--dev-ws-radius, 6px);
  border: 1px solid hsl(var(--border) / 0.45);
  background: hsl(var(--background));
  transition: border-color 140ms ease, box-shadow 140ms ease, background 140ms ease;
}
.dev-browser-url-bar:focus-within {
  border-color: color-mix(in srgb, var(--dev-ws-accent) 45%, transparent);
  box-shadow: 0 0 0 2px var(--dev-ws-accent-soft);
  background: hsl(var(--background));
}
.dev-browser-url-icon {
  color: hsl(var(--muted-foreground) / 0.65);
  flex-shrink: 0;
}
.dev-browser-url-input {
  flex: 1;
  min-width: 0;
  height: 100%;
  border: none;
  background: transparent;
  outline: none;
  font-family: 'Raleway', ui-sans-serif, system-ui, sans-serif;
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: 0.015em;
  color: hsl(var(--foreground) / 0.92);
  text-transform: none;
}
.dev-browser-url-input::-moz-placeholder {
  color: hsl(var(--muted-foreground) / 0.5);
  font-weight: 400;
}
.dev-browser-url-input::placeholder {
  color: hsl(var(--muted-foreground) / 0.5);
  font-weight: 400;
}
.dev-browser-url-go {
  flex-shrink: 0;
  height: 1.5rem;
  padding: 0 0.65rem;
  border: none;
  border-radius: var(--dev-ws-radius-sm, 4px);
  background: hsl(var(--muted) / 0.55);
  font-family: 'Raleway', ui-sans-serif, system-ui, sans-serif;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: hsl(var(--foreground) / 0.85);
  cursor: pointer;
  transition: background 120ms ease, color 120ms ease;
  text-transform: lowercase;
}
.dev-browser-url-go:hover {
  background: hsl(var(--muted) / 0.85);
  color: hsl(var(--foreground));
}
.dev-browser-toolbar-actions {
  display: flex;
  align-items: center;
  gap: 0.15rem;
  flex-shrink: 0;
}
/* Project workspace chrome */
.dev-project-workspace {
  background: var(--dev-ws-editor-bg);
  color: hsl(var(--foreground));
}
.dev-project-toolbar {
  background: color-mix(in srgb, var(--dev-ws-panel-bg) 92%, transparent);
  border-color: var(--dev-ws-border);
  backdrop-filter: blur(12px);
  min-height: 2.5rem;
}
.dev-project-tab {
  border-radius: var(--dev-ws-radius-sm) !important;
  transition: background 150ms ease, color 150ms ease, box-shadow 150ms ease;
}
.dev-project-tab--active {
  background: var(--dev-ws-accent-soft) !important;
  color: hsl(var(--foreground)) !important;
  box-shadow: inset 0 -1.5px 0 0 var(--dev-ws-accent);
}
.dev-project-panel {
  border-color: var(--dev-ws-border);
  background: color-mix(in srgb, var(--dev-ws-panel-bg) 96%, transparent);
}
.dev-project-status {
  background: var(--dev-ws-status-bg);
  border-color: var(--dev-ws-border);
  font-variant-numeric: tabular-nums;
  font-size: 0.6875rem;
}
.dev-ws-nav-group {
  position: relative;
  margin: 0.15rem 0 0.35rem;
}
.dev-ws-nav-group + .dev-ws-nav-group {
  margin-top: 0.45rem;
}
.dev-ws-group-label {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.35rem;
  width: calc(100% - 0.75rem);
  margin: 0 0.375rem;
  padding: 0.4rem 0.5rem 0.45rem;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: -0.015em;
  text-transform: lowercase;
  color: hsl(var(--muted-foreground) / 0.85);
  border-radius: var(--dev-ws-tab-radius, 1px);
  transition: color 140ms ease, background 140ms ease;
}
.dev-ws-group-label::after {
  content: '';
  position: absolute;
  left: 0.5rem;
  right: 0.5rem;
  bottom: 0.15rem;
  height: 1px;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--dev-ws-accent) 55%, transparent),
    color-mix(in srgb, var(--dev-ws-border-strong) 80%, transparent) 55%,
    transparent
  );
  opacity: 0.7;
  transition: opacity 140ms ease, background 140ms ease;
}
.dev-ws-group-label:hover {
  color: hsl(var(--foreground) / 0.9);
  background: var(--dev-ws-hover);
}
.dev-ws-group-label:hover::after {
  opacity: 1;
  background: linear-gradient(
    90deg,
    var(--dev-ws-accent),
    color-mix(in srgb, var(--dev-ws-accent) 35%, transparent) 70%,
    transparent
  );
}
.dev-ws-group-label--open {
  color: hsl(var(--foreground) / 0.88);
}
.dev-ws-group-label--open::after {
  opacity: 1;
  background: linear-gradient(
    90deg,
    var(--dev-ws-accent),
    color-mix(in srgb, var(--dev-ws-accent) 40%, transparent) 65%,
    transparent
  );
}
.dev-ws-group-label svg {
  opacity: 0.7;
  flex-shrink: 0;
}
.dev-ws-nav-group-items {
  position: relative;
  margin: 0.15rem 0 0.25rem 0.95rem;
  padding-left: 0.55rem;
}
.dev-ws-nav-group-items::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.15rem;
  bottom: 0.15rem;
  width: 1px;
  border-radius: 999px;
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--dev-ws-accent) 50%, transparent),
    var(--dev-ws-border-strong) 35%,
    color-mix(in srgb, var(--dev-ws-border) 70%, transparent)
  );
}
.dev-ws-nav-group-items .dev-ws-nav-item {
  width: calc(100% - 0.35rem);
  margin-left: 0;
  margin-right: 0.35rem;
}
.dev-ws-nav-group-items .dev-ws-nav-item--active::before {
  left: -0.55rem;
  width: 1.5px;
}
.dev-ws-project-chip {
  width: calc(100% - 0.75rem);
  margin: 0 0.375rem 0.45rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  border-radius: var(--dev-ws-radius-sm);
  border: 1px solid var(--dev-ws-border);
  background: hsl(var(--muted) / 0.2);
  text-align: left;
  font-size: 0.8125rem;
  text-transform: lowercase;
  letter-spacing: -0.015em;
  transition: background 140ms ease, border-color 140ms ease;
}
.dev-ws-project-chip:hover {
  background: var(--dev-ws-hover);
  border-color: var(--dev-ws-border-strong);
}
.dev-assistant-message pre {
  background: hsl(var(--muted));
  color: hsl(var(--foreground));
  border: 1px solid hsl(var(--border));
  border-radius: var(--radius, 0px);
  padding: 0.5rem 0.75rem;
  overflow-x: auto;
}
.dev-diff-card {
  border: 1px solid hsl(var(--border));
  border-radius: var(--radius, 0px);
  background: hsl(var(--card));
  color: hsl(var(--card-foreground));
}
/* Code sandbox panels inside developer workspace */
.dev-workspace-shell .sandbox-editor-tabs {
  background: hsl(var(--card));
}
.dev-workspace-shell .sandbox-editor-tab--active {
  background: hsl(var(--background));
}
.dev-workspace-shell .sandbox-code-editor,
.dev-workspace-shell .sandbox-file-explorer,
.dev-console-tab-count--live {
  color: hsl(152 55% 42%);
  font-size: 0.5rem;
}
.dev-console-search-wrap {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  flex: 1;
  min-width: 0;
  max-width: 10rem;
  padding: 0.15rem 0.5rem;
  border-radius: 999px;
  border: 1px solid hsl(var(--border) / 0.4);
  background: hsl(var(--background) / 0.6);
}
.dev-console-search-input {
  flex: 1;
  min-width: 0;
  border: none;
  background: transparent;
  outline: none;
  font-family: var(--console-font-ui);
  font-size: 0.625rem;
  color: hsl(var(--foreground));
}
.dev-console-preserve {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-family: var(--console-font-ui);
  font-size: 0.625rem;
  color: var(--console-muted);
  cursor: pointer;
  text-transform: lowercase;
}
.dev-console-preserve input {
  width: 0.75rem;
  height: 0.75rem;
}
.dev-console-message-block {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.dev-console-repeat {
  font-size: 0.625rem;
  color: var(--console-muted);
  font-weight: 600;
}
.dev-console-stack-toggle {
  display: inline-block;
  margin-top: 0.15rem;
  font-family: var(--console-font-ui);
  font-size: 0.5625rem;
  color: var(--dev-ws-accent);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  text-transform: lowercase;
}
.dev-console-stack {
  margin-top: 0.25rem;
  padding: 0.35rem 0.5rem;
  border-radius: 4px;
  background: hsl(var(--muted) / 0.35);
  font-size: 0.625rem;
  line-height: 1.45;
  overflow-x: auto;
  max-height: 8rem;
}
.dev-console-source--terminal {
  color: hsl(160 45% 38%);
  background: hsl(160 45% 38% / 0.1);
}
/* Terminal tab */
.dev-console-terminal {
  background: hsl(var(--background));
  font-family: var(--console-font-log);
}
.dev-console-terminal-scroll {
  padding: 0.5rem 0.65rem;
}
.dev-console-terminal-welcome {
  padding: 0.75rem 0;
  font-size: 0.6875rem;
  line-height: 1.5;
  color: var(--console-muted);
}
.dev-console-terminal-welcome code {
  font-family: var(--console-font-log);
  color: hsl(var(--foreground) / 0.8);
}
.dev-console-terminal-line {
  font-size: 0.6875rem;
  line-height: 1.55;
  padding: 0.1rem 0;
  white-space: pre-wrap;
  word-break: break-word;
}
.dev-console-terminal-line--system { color: var(--console-muted); }
.dev-console-terminal-line--info { color: hsl(var(--foreground) / 0.88); }
.dev-console-terminal-line--success { color: hsl(152 50% 40%); }
.dev-console-terminal-line--warn { color: hsl(38 80% 45%); }
.dev-console-terminal-line--error { color: hsl(var(--destructive)); }
.dev-console-terminal-input-row {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.4rem 0.65rem;
  border-top: 1px solid var(--console-border);
  background: hsl(var(--muted) / 0.2);
}
.dev-console-terminal-prompt {
  color: hsl(152 50% 42%);
  font-weight: 700;
  font-size: 0.75rem;
}
.dev-console-terminal-input {
  flex: 1;
  min-width: 0;
  border: none;
  background: transparent;
  outline: none;
  font-family: var(--console-font-log);
  font-size: 0.6875rem;
  color: hsl(var(--foreground));
}
/* Ports tab */
.dev-console-ports {
  overflow: auto;
}
.dev-console-port-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.65rem 0.75rem;
  border: 1px solid var(--console-border);
  border-radius: 8px;
  background: hsl(var(--card) / 0.4);
}
.dev-console-args {
  padding-left: 0.15rem;
}
/* Project Catalogue — library tree embedded in content rail (PS1) */
.dev-workspace-shell [data-catalogue-embed="true"] {
  background: transparent !important;
  border: none !important;
}
.dev-workspace-shell [data-catalogue-embed="true"] [data-library-sidebar] {
  min-height: 0;
  flex: 1;
}
.dev-workspace-shell [data-catalogue-embed="true"] .border-b {
  border-color: var(--dev-ws-border) !important;
}
.dev-workspace-shell [data-catalogue-embed="true"] input {
  background: hsl(var(--muted) / 0.35) !important;
  border: 1px solid var(--dev-ws-border);
  border-radius: var(--dev-ws-radius-sm);
}
.dev-workspace-shell [data-catalogue-embed="true"] .dev-ws-nav-item {
  width: calc(100% - 0.5rem);
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
/* Preview / container scope — inherit tokens instead of the IDE lock. */
.component-theme-scope .dev-workspace-shell,
.dark .component-theme-scope .dev-workspace-shell,
.component-theme-scope.dark .dev-workspace-shell {
  --background: inherit;
  --foreground: inherit;
  --card: inherit;
  --card-foreground: inherit;
  --popover: inherit;
  --popover-foreground: inherit;
  --primary: inherit;
  --primary-foreground: inherit;
  --secondary: inherit;
  --secondary-foreground: inherit;
  --muted: inherit;
  --muted-foreground: inherit;
  --accent: inherit;
  --accent-foreground: inherit;
  --border: inherit;
  --input: inherit;
  --ring: inherit;
  --sidebar: inherit;
  --sidebar-foreground: inherit;
  --sidebar-primary: inherit;
  --sidebar-primary-foreground: inherit;
  --sidebar-accent: inherit;
  --sidebar-accent-foreground: inherit;
  --sidebar-border: inherit;
  --sidebar-ring: inherit;
  --dev-ws-activity-bg: hsl(var(--sidebar));
  --dev-ws-panel-bg: hsl(var(--card));
  --dev-ws-border: hsl(var(--border));
  --dev-ws-accent: hsl(var(--primary));
  --dev-ws-accent-soft: hsl(var(--primary) / 0.14);
  background: hsl(var(--background));
  color: hsl(var(--foreground));
}
/* Beat global sharp-mode (src/styles/corners-mode.css) — workspace nav tabs keep 1px radius */
html:not([data-corners="rounded"]):not(.rounded-corners) .dev-workspace-shell button.dev-ws-nav-item,
html[data-corners="sharp"] .dev-workspace-shell button.dev-ws-nav-item,
html:not([data-corners="rounded"]):not(.rounded-corners) .dev-workspace-shell button.dev-ws-group-label,
html[data-corners="sharp"] .dev-workspace-shell button.dev-ws-group-label {
  border-radius: var(--dev-ws-tab-radius, 1px) !important;
}
/* Primary Topbar 1 + Primary Tab Nav 1 + Primary Bottom Bar 1 — folder tabs + blue baseline. */
.primary-topbar-1,
.primary-topbar-1-folder-tabs,
.primary-tab-nav-1,
.primary-bottom-bar-1,
.primary-topbar-1-view-toggle {
  --pt1-tab-bg: #252525;
  --pt1-tab-border: #5c5c5c;
  --pt1-active-fg: #d4d4d4;
  --pt1-inactive-fg: #666666;
  --pt1-inactive-fg-muted: #555555;
  --pt1-accent: #1887bf;
  --pt1-row-border: #2a2a2a;
  --pt1-field-bg: #242424;
  --pt1-field-border: #303030;
  --pt1-field-placeholder: #444444;
  --pt1-action-fg: #aaaaaa;
  --pt1-select-fg: #888888;
  --pt1-view-active-bg: #333333;
  --pt1-radius: 4px;
  --pt1-font: 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --primary-ui-chrome-font-size: 12px;
  --pt1-tab-w: 96px;
  --pt1-tab-gap: 1px;
  --pt1-tab-pad-x: 5px;
  --pt1-tab-h: 16px;
  --pt1-control-h: 16px;
  font-family: var(--pt1-font);
}
/* Folder-tab rows — no enclosing segmented track. */
.primary-tab-nav-1,
.primary-topbar-1-folder-tabs {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 1px;
  border: none;
  border-radius: 0;
  background: transparent;
  padding: 0 1px;
  box-shadow: none;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  min-width: 0;
  overflow: visible;
}
.primary-tab-nav-1 {
  height: 20px;
  padding: 0 2px;
  border-bottom: 1px solid var(--pt1-row-border);
}
.primary-tab-nav-1--stretch {
  display: flex;
  width: 100%;
}
.primary-tab-nav-1--stretch .primary-topbar-1-tab-col {
  flex: 1 1 0;
  width: auto;
  min-width: 0;
  max-width: none;
}
.primary-tab-nav-1--stretch .primary-topbar-1-tab {
  flex: 1 1 0;
  width: auto;
  min-width: 0;
  max-width: none;
}
.primary-topbar-1-folder-tabs {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: var(--pt1-tab-w);
  align-items: stretch;
  flex-shrink: 0;
  border-bottom: none;
  height: auto;
}
.primary-topbar-1-folder-tabs--inline {
  align-self: flex-end;
}
.primary-topbar-1-tab-col {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex: 0 0 var(--pt1-tab-w);
  width: var(--pt1-tab-w);
  min-width: var(--pt1-tab-w);
  max-width: var(--pt1-tab-w);
  overflow: hidden;
}
.primary-topbar-1-tab-accent {
  display: block;
  height: 2px;
  flex-shrink: 0;
  background: transparent;
  overflow: hidden;
}
.primary-topbar-1-tab--active + .primary-topbar-1-tab-accent {
  background: var(--pt1-accent);
}
.primary-topbar-1-tab-col--tinted .primary-topbar-1-tab {
  border-color: var(--pt1-tab-tint) !important;
  box-shadow: inset 0 0 0 1px var(--pt1-tab-tint);
  color: var(--pt1-tab-tint);
}
.primary-topbar-1-tab-col--tinted .primary-topbar-1-tab--active {
  color: var(--pt1-tab-tint);
}
.primary-topbar-1-tab-col--tinted > .primary-topbar-1-tab-accent,
.primary-topbar-1-tab-col--tinted .primary-topbar-1-tab--active + .primary-topbar-1-tab-accent {
  background: var(--pt1-tab-tint);
}
.primary-topbar-1-view-toggle {
  display: flex;
  align-items: center;
  gap: 0;
  width: 66px;
  height: var(--pt1-tab-h);
  flex-shrink: 0;
  overflow: hidden;
  border: 1px solid var(--pt1-tab-border);
  border-radius: var(--pt1-radius) var(--pt1-radius) 0 0;
  background: var(--pt1-tab-bg);
  box-shadow: inset 0 0 0 1px var(--pt1-tab-border);
  box-sizing: border-box;
}
/* Row wrappers. */
.primary-topbar-1,
.primary-bottom-bar-1 {
  background: transparent;
  color: hsl(var(--foreground));
  border-radius: 0;
  box-shadow: none;
}
.primary-topbar-1 {
  --pt1-inactive-fg: var(--pt1-inactive-fg-muted);
  height: 20px;
  border-bottom: 1px solid var(--pt1-row-border);
}
.primary-topbar-1-folder-tabs {
  --pt1-inactive-fg: var(--pt1-inactive-fg-muted);
}
.primary-bottom-bar-1,
.primary-bottom-bar-1 .primary-tab-nav-1 {
  --pt1-inactive-fg: var(--pt1-inactive-fg-muted);
  height: 20px;
  border-top: 1px solid var(--pt1-row-border);
}
.primary-bottom-bar-1 .primary-tab-nav-1 {
  height: auto;
  border-top: none;
}
.primary-topbar-1 > div,
.primary-bottom-bar-1 > div {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  gap: 1px;
}
.primary-topbar-1 > div {
  height: 20px;
  padding: 0 4px;
  align-items: flex-end;
}
.primary-topbar-1-tools {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  align-items: center;
  gap: 1px;
  box-sizing: border-box;
  height: calc(var(--pt1-tab-h) + 2px);
  padding-bottom: 1px;
}
.primary-bottom-bar-1 > div {
  height: 20px;
  padding: 0 4px;
}
.primary-topbar-1 .primary-tab-nav-1,
.primary-bottom-bar-1 .primary-tab-nav-1 {
  height: auto;
  min-height: 0;
  padding: 0;
  border-bottom: none;
}
.primary-topbar-1 .primary-topbar-1-field {
  box-sizing: border-box !important;
  height: var(--pt1-tab-h) !important;
  min-height: var(--pt1-tab-h) !important;
  max-height: var(--pt1-tab-h) !important;
  border: 1px solid var(--pt1-tab-border) !important;
  background: var(--pt1-tab-bg);
  color: var(--pt1-inactive-fg);
  font-family: var(--pt1-font);
  font-size: var(--primary-ui-chrome-font-size, 12px) !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0;
  text-transform: lowercase;
  border-radius: var(--pt1-radius) var(--pt1-radius) 0 0 !important;
  box-shadow: inset 0 0 0 1px var(--pt1-tab-border);
  outline: none;
  transition: color 140ms ease;
}
.primary-topbar-1 .primary-topbar-1-field::-moz-placeholder {
  color: var(--pt1-inactive-fg);
}
.primary-topbar-1 .primary-topbar-1-field::placeholder {
  color: var(--pt1-inactive-fg);
}
.primary-topbar-1 .primary-topbar-1-field:hover,
.primary-topbar-1 .primary-topbar-1-field:focus {
  color: var(--pt1-active-fg);
}
.primary-topbar-1 .primary-topbar-1-field--compact {
  height: var(--pt1-tab-h) !important;
  min-height: var(--pt1-tab-h) !important;
  max-height: var(--pt1-tab-h) !important;
  line-height: calc(var(--pt1-tab-h) - 2px) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.primary-topbar-1 .relative:has(input.primary-topbar-1-field) {
  flex: 0 1 10rem;
  min-width: 7.5rem;
  max-width: 10rem;
}
.primary-topbar-1 input.primary-topbar-1-field {
  padding: 0 8px 0 16px !important;
}
.primary-topbar-1 .relative:has(input.primary-topbar-1-field) .primary-topbar-1-outline-icon {
  width: 11px !important;
  height: 11px !important;
  min-width: 11px !important;
  min-height: 11px !important;
  color: var(--pt1-inactive-fg);
}
.primary-topbar-1 .primary-topbar-1-select {
  min-width: 0;
  width: auto;
  padding: 0 16px 0 var(--pt1-tab-pad-x) !important;
  cursor: pointer;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}
.primary-topbar-1 .relative:has(select.primary-topbar-1-select) .primary-topbar-1-outline-icon {
  width: 10px !important;
  height: 10px !important;
  min-width: 10px !important;
  min-height: 10px !important;
  color: var(--pt1-inactive-fg);
}
.primary-topbar-1 .relative:has(.primary-topbar-1-field:hover) .primary-topbar-1-outline-icon,
.primary-topbar-1 .relative:has(.primary-topbar-1-field:focus) .primary-topbar-1-outline-icon {
  color: var(--pt1-active-fg);
}
.primary-topbar-1 .em-toolbar-btn {
  height: var(--pt1-tab-h);
  min-height: var(--pt1-tab-h);
  max-height: var(--pt1-tab-h);
  padding: 0 8px;
  gap: 1px;
  font-family: var(--pt1-font);
  font-size: var(--primary-ui-chrome-font-size, 12px);
  font-weight: 400;
  letter-spacing: 0;
  text-transform: lowercase;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--pt1-action-fg) !important;
}
.primary-topbar-1 .em-toolbar-btn:hover {
  background: transparent;
  color: var(--pt1-active-fg) !important;
}
.primary-topbar-1-divider {
  width: 1px;
  height: 12px;
  flex-shrink: 0;
  align-self: center;
  background: var(--pt1-tab-border);
}
.primary-topbar-1-tab {
  position: relative;
  display: inline-flex;
  flex: 0 0 var(--pt1-tab-w);
  width: var(--pt1-tab-w);
  min-width: var(--pt1-tab-w);
  max-width: var(--pt1-tab-w);
  align-items: center;
  justify-content: center;
  gap: var(--pt1-tab-gap);
  margin: 0;
  overflow: hidden;
  height: var(--pt1-tab-h);
  min-height: var(--pt1-tab-h);
  cursor: pointer;
  box-sizing: border-box;
  border: 1px solid var(--pt1-tab-border) !important;
  border-radius: var(--pt1-radius) var(--pt1-radius) 0 0 !important;
  box-shadow: inset 0 0 0 1px var(--pt1-tab-border);
  padding: 0 var(--pt1-tab-pad-x);
  text-align: center;
  font-family: inherit;
  font-size: var(--primary-ui-chrome-font-size, 12px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  text-transform: lowercase;
  color: var(--pt1-inactive-fg);
  background: var(--pt1-tab-bg);
  transition: color 140ms ease;
}
.primary-topbar-1-tab:hover:not(.primary-topbar-1-tab--active) {
  color: var(--pt1-active-fg);
}
.primary-topbar-1-tab--active {
  background: var(--pt1-tab-bg);
  color: var(--pt1-active-fg);
}
.primary-topbar-1-folder-tabs .primary-topbar-1-tab {
  width: 100%;
  min-width: 0;
  max-width: none;
  flex: 1 1 auto;
  justify-content: center;
  text-align: center;
}
.primary-topbar-1-tab--icon-only {
  flex: 0 0 auto;
  width: 1.75rem;
  min-width: 1.75rem;
  justify-content: center;
  padding: 0;
}
.primary-topbar-1-view-btn {
  position: relative;
  display: inline-flex;
  flex: 1 1 0;
  align-items: center;
  justify-content: center;
  width: 22px;
  min-width: 22px;
  height: var(--pt1-tab-h);
  margin: 0;
  padding: 0;
  border: none;
  border-left: 1px solid var(--pt1-tab-border);
  border-radius: 0 !important;
  background: transparent;
  box-shadow: none;
  color: var(--pt1-inactive-fg);
  cursor: pointer;
  transition: background 140ms ease, color 140ms ease;
}
.primary-topbar-1-view-btn:first-child {
  border-left: none;
}
.primary-topbar-1-view-btn:hover:not(.primary-topbar-1-view-btn--active) {
  color: var(--pt1-active-fg);
  background: transparent;
}
.primary-topbar-1-view-btn--active {
  background: var(--pt1-tab-bg);
  color: var(--pt1-active-fg);
}
.primary-topbar-1-view-btn--active::after {
  display: none;
}
.primary-topbar-1-outline-icon {
  width: 11px !important;
  height: 11px !important;
  min-width: 11px !important;
  min-height: 11px !important;
  color: var(--pt1-inactive-fg);
  stroke: currentColor;
  -o-object-fit: contain;
     object-fit: contain;
}
.primary-topbar-1 .primary-topbar-1-tab .primary-topbar-1-outline-icon,
.primary-bottom-bar-1 .primary-topbar-1-outline-icon {
  width: 11px !important;
  height: 11px !important;
  min-width: 11px !important;
  min-height: 11px !important;
}
.primary-topbar-1-view-btn .primary-topbar-1-outline-icon {
  width: 11px !important;
  height: 11px !important;
  min-width: 11px !important;
  min-height: 11px !important;
}
.primary-topbar-1-tab--active .primary-topbar-1-outline-icon,
.primary-topbar-1-view-btn--active .primary-topbar-1-outline-icon {
  color: var(--pt1-active-fg);
}
.primary-topbar-1-tab [data-rd-icon-plate],
.primary-topbar-1-view-btn [data-rd-icon-plate],
.primary-topbar-1 .em-toolbar-btn [data-rd-icon-plate] {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
.primary-topbar-1-tab [data-rd-icon-plate] > span[aria-hidden],
.primary-topbar-1-view-btn [data-rd-icon-plate] > span[aria-hidden],
.primary-topbar-1 .em-toolbar-btn [data-rd-icon-plate] > span[aria-hidden] {
  display: none;
}
html:not([data-corners='rounded']):not(.rounded-corners) .primary-topbar-1-tab,
html[data-corners='sharp'] .primary-topbar-1-tab,
.primary-topbar-1-tab.corners-keep-sharp {
  border-radius: var(--pt1-radius) var(--pt1-radius) 0 0 !important;
}
html:not([data-corners='rounded']):not(.rounded-corners) .primary-topbar-1-view-btn,
html[data-corners='sharp'] .primary-topbar-1-view-btn,
.primary-topbar-1-view-btn.corners-keep-sharp,
html:not([data-corners='rounded']):not(.rounded-corners) .primary-topbar-1 .em-toolbar-btn,
html[data-corners='sharp'] .primary-topbar-1 .em-toolbar-btn,
.primary-topbar-1 .em-toolbar-btn.corners-keep-sharp {
  border-radius: 0 !important;
}
html:not([data-corners='rounded']):not(.rounded-corners) .primary-topbar-1 .primary-topbar-1-field,
html[data-corners='sharp'] .primary-topbar-1 .primary-topbar-1-field {
  border-radius: var(--pt1-radius) var(--pt1-radius) 0 0 !important;
}
html:not([data-corners='rounded']):not(.rounded-corners) .primary-topbar-1-view-toggle,
html[data-corners='sharp'] .primary-topbar-1-view-toggle {
  border-radius: var(--pt1-radius) var(--pt1-radius) 0 0 !important;
}
html.site-font-active .primary-topbar-1,
html.site-font-active .primary-topbar-1-folder-tabs,
html.site-font-active .primary-tab-nav-1,
html.site-font-active .primary-bottom-bar-1 {
  font-synthesis: none;
  font-synthesis-weight: none;
}
html.site-font-active .primary-topbar-1-tab,
html.site-font-active .primary-topbar-1 .primary-topbar-1-field,
html.site-font-active .primary-topbar-1 .em-toolbar-btn,
html.site-font-active .primary-tab-nav-1 .primary-topbar-1-tab {
  font-weight: 400;
}
.dev-map-workflow {
  /* Warm graphite board (Milanote dark board × Eraser workspace) */
  --background: 30 6% 11%;
  --foreground: 40 10% 92%;
  --card: 30 5% 16%;
  --card-foreground: 40 10% 92%;
  --popover: 30 5% 15%;
  --popover-foreground: 40 10% 92%;
  --primary: 210 40% 72%;
  --primary-foreground: 30 8% 12%;
  --secondary: 30 4% 20%;
  --secondary-foreground: 40 10% 90%;
  --muted: 30 4% 18%;
  --muted-foreground: 30 6% 58%;
  --accent: 30 5% 20%;
  --accent-foreground: 40 10% 92%;
  --destructive: 0 45% 42%;
  --destructive-foreground: 40 10% 95%;
  --border: 30 4% 22%;
  --input: 30 4% 20%;
  --ring: 210 35% 55%;
  --radius: 0.375rem;
  /* Soft Milanote-like pastels */
  --chart-1: 250 35% 62%;
  --chart-2: 165 30% 48%;
  --chart-3: 42 45% 55%;
  --chart-4: 330 35% 58%;
  --chart-5: 18 50% 55%;
  --sidebar: 30 5% 13%;
  --sidebar-foreground: 40 10% 92%;
  --sidebar-primary: 210 40% 65%;
  --sidebar-primary-foreground: 40 10% 95%;
  --sidebar-accent: 30 4% 18%;
  --sidebar-accent-foreground: 40 10% 92%;
  --sidebar-border: 30 4% 20%;
  --sidebar-ring: 210 35% 55%;

  /* Board / card surface tokens — aligned to hub #1a1a1a shell */
  --dm-board: #1a1a1a;
  --dm-paper: #2e2e2e;
  --dm-paper-elevated: #363636;
  --dm-ink: #f0ebe3;
  --dm-ink-muted: rgb(240 235 227 / 0.55);
  --dm-line: rgb(240 235 227 / 0.08);
  --dm-line-strong: rgb(240 235 227 / 0.14);
  --dm-connector: rgb(156 176 204 / 0.55);
  --dm-connector-selected: rgb(156 176 204 / 0.95);
  --dm-shadow: 0 1px 2px rgb(0 0 0 / 0.35);
  --dm-shadow-selected: 0 1px 3px rgb(0 0 0 / 0.4);

  color: hsl(var(--foreground));
  background-color: var(--dm-board);
  font-feature-settings: "ss01" on, "kern" on;
}
.dev-map-workflow.dark {
  /* same tokens — class kept for board scope */
}
@keyframes dm-dash {
  to {
    stroke-dashoffset: -10;
  }
}
.dev-map-workflow .animate-dash {
  animation: dm-dash 1.4s linear infinite;
}
.dev-map-workflow [class*="rounded-2xl"] {
  border-radius: var(--radius);
}
/* Soft pastel washes (Milanote note colours × Eraser node tints) */
.dev-map-workflow .dm-node-chart-1 {
  background-color: color-mix(in srgb, hsl(var(--chart-1)) 16%, var(--dm-paper));
  border-color: color-mix(in srgb, hsl(var(--chart-1)) 28%, transparent);
}
.dev-map-workflow .dm-node-chart-2 {
  background-color: color-mix(in srgb, hsl(var(--chart-2)) 16%, var(--dm-paper));
  border-color: color-mix(in srgb, hsl(var(--chart-2)) 28%, transparent);
}
.dev-map-workflow .dm-node-chart-3 {
  background-color: color-mix(in srgb, hsl(var(--chart-3)) 16%, var(--dm-paper));
  border-color: color-mix(in srgb, hsl(var(--chart-3)) 28%, transparent);
}
.dev-map-workflow .dm-node-chart-4 {
  background-color: color-mix(in srgb, hsl(var(--chart-4)) 16%, var(--dm-paper));
  border-color: color-mix(in srgb, hsl(var(--chart-4)) 28%, transparent);
}
.dev-map-workflow .dm-node-chart-5 {
  background-color: color-mix(in srgb, hsl(var(--chart-5)) 16%, var(--dm-paper));
  border-color: color-mix(in srgb, hsl(var(--chart-5)) 28%, transparent);
}
/* Flat board — no grid / dots */
.dev-map-workflow .dm-canvas {
  background-color: var(--dm-board);
  background-image: none;
}
/* Milanote paper card */
.dev-map-workflow .dm-paper-card {
  background: var(--dm-paper);
  color: var(--dm-ink);
  border: 1px solid var(--dm-line);
  border-radius: 0;
  box-shadow: var(--dm-shadow);
  transition: box-shadow 160ms ease, border-color 160ms ease;
}
.dev-map-workflow .dm-paper-card.is-selected {
  border-color: var(--dm-line-strong);
  box-shadow: var(--dm-shadow-selected);
}
.dev-map-workflow .dm-paper-card:hover {
  box-shadow: var(--dm-shadow);
}
.dev-map-workflow .dm-topic-card {
  background: var(--dm-paper);
  color: var(--dm-ink);
  border: 1px solid var(--dm-line);
  box-shadow: none;
}
.dev-map-workflow .dm-topic-card.is-selected {
  border-color: var(--dm-line-strong);
}
/* Group frame — 5px rounding + grey outline; header is the only opaque bar */
.dev-map-workflow .dm-frame {
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid rgb(163 163 163 / 0.5);
  background: transparent;
}
.dev-map-workflow .dm-frame.is-selected {
  border-color: rgb(212 212 212 / 0.7);
  box-shadow: none;
}
.dev-map-workflow .dm-frame-head {
  border-bottom: 0;
}
/* Connection ports — Eraser-style soft handles */
.dev-map-workflow .dm-port {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgb(240 235 227 / 0.7);
  border: 1.5px solid var(--dm-paper);
  box-shadow: 0 0 0 1px rgb(0 0 0 / 0.3);
  pointer-events: none;
}
.dev-map-workflow .dm-port:hover,
.dev-map-workflow .dm-port.is-active {
  background: rgb(156 176 204 / 1);
  transform: scale(1.2);
}
/* XMind-style collapse — sits on the branch exit edge */
.dev-map-workflow .dm-branch-collapse {
  line-height: 1;
  box-shadow: 0 0 0 1px rgb(0 0 0 / 0.35);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
/* Toggle field chrome */
.dev-map-workflow .dm-field-row {
  border-bottom: 1px solid var(--dm-line);
}
.dev-map-workflow .dm-field-row:hover {
  background: rgb(240 235 227 / 0.04);
}
.dev-map-workflow .dm-field-textarea {
  background: rgb(0 0 0 / 0.22);
  border: 0;
  border-top: 1px solid var(--dm-line);
  color: var(--dm-ink);
}
.dev-map-workflow .dm-field-textarea:focus {
  background: rgb(0 0 0 / 0.3);
}
.dev-map-workflow .dm-icon-slot {
  border: 1px dashed rgb(240 235 227 / 0.18);
  background: rgb(0 0 0 / 0.18);
  border-radius: 2px;
}
.dev-map-workflow .dm-tag-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 11px;
  width: -moz-fit-content;
  width: fit-content;
  max-width: none;
  padding: 0 5px;
  border-radius: 2px !important;
  border: 1px solid rgb(240 235 227 / 0.1);
  font-size: 8px;
  font-weight: 500;
  line-height: 1;
  text-transform: lowercase;
  white-space: nowrap;
  overflow: visible;
  flex-shrink: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: rgb(240 235 227 / 0.08);
  color: var(--dm-ink-muted);
}
.dev-map-workflow button.dm-tag-pill {
  margin: 0;
  font-family: inherit;
  cursor: pointer;
}
.dev-map-workflow .dm-tag-pill.is-muted {
  background: rgb(240 235 227 / 0.08);
  color: var(--dm-ink-muted);
}
/* Primary Topbar 1 — map toolbar slot */
.dev-map-workflow .dm-primary-topbar-wrap,
.dev-map-workflow .dm-primary-topbar {
  --em-panel: #2e2e2e;
  --em-line: rgba(255, 255, 255, 0.12);
  --em-line-strong: rgba(255, 255, 255, 0.22);
}
.dev-map-workflow .dm-primary-topbar .em-toolbar-btn {
  text-transform: lowercase;
}
/* Right properties panel — folder tabs */
.dev-map-workflow .dm-properties-topbar {
  --em-panel: #2e2e2e;
}
/* Dev Map library — Primary Sidebar 1 scoped inside board */
.dev-map-workflow [data-dm-library] {
  --background: 240 4% 4.902%;
  --foreground: 0 0% 93.3333%;
  --card: 240 2.3256% 8.4314%;
  --muted: 240 2.9412% 13.3333%;
  --muted-foreground: 218.5714 6.3636% 56.8627%;
  --border: 0 0% 14.902%;
  --sidebar: 240 4% 4.902%;
  --sidebar-accent: 240 1.7544% 11.1765%;
  --sidebar-border: 240 1.7544% 11.1765%;
  background: hsl(var(--sidebar));
  color: hsl(var(--foreground));
  font-family: var(--rd-font-sans, inherit);
}
.dev-map-workflow [data-dm-library] .dev-ws-nav-item[data-dm-library-row] {
  font-size: 11px;
  text-transform: lowercase;
}
.dev-map-workflow [data-dm-library] .dev-ws-nav-group {
  margin: 0;
}
.dev-map-workflow [data-dm-library] .dev-ws-nav-group + .dev-ws-nav-group {
  margin-top: 0;
}
.dev-map-workflow [data-dm-library] .dev-ws-group-label {
  justify-content: flex-start;
  width: 100%;
  margin: 0;
  padding: 0.3rem 0.625rem 0.35rem;
  font-size: 12px;
  font-weight: 600;
  text-transform: lowercase;
  text-align: left;
  gap: 0.375rem;
}
.dev-map-workflow [data-dm-library] .dev-ws-group-label > .min-w-0 {
  text-align: left;
  flex: 1 1 0%;
}
.dev-map-workflow [data-dm-library] .dev-ws-group-label .tabular-nums {
  flex-shrink: 0;
  font-size: 10px;
  font-weight: 500;
  opacity: 0.45;
}
.dev-map-workflow .dm-paper-card.is-drop-target,
.dev-map-workflow .dm-topic-card.is-drop-target {
  outline: 2px solid rgb(120 180 255 / 0.7);
  outline-offset: -1px;
}
.dev-map-workflow .dm-topic-attachments {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 2px;
  max-width: 100%;
  margin-top: 2px;
}
.dev-map-workflow .dm-topic-attachment {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 14px;
  height: 14px;
  padding: 0 3px;
  border-radius: 3px;
  background: rgb(240 235 227 / 0.1);
  font-size: 8px;
  line-height: 1;
  color: var(--dm-ink-muted);
  cursor: pointer;
}
.dev-map-workflow .dm-topic-attachment img {
  width: 12px;
  height: 12px;
  -o-object-fit: contain;
     object-fit: contain;
}
.dev-map-workflow .dm-topic-attachment-overflow {
  font-size: 7px;
  font-weight: 600;
  opacity: 0.75;
}
/* Floating chrome (toolbar / go-to / minimap) */
.dev-map-workflow .dm-float-chrome {
  background: color-mix(in srgb, var(--dm-paper) 92%, transparent);
  border: 1px solid var(--em-line, var(--dm-line-strong));
  box-shadow: var(--dm-shadow);
  backdrop-filter: none;
}
/* Project Library + Official Docs only. Home and tasks libraries stay on their own type. */
.rd-library-compact {
  font-family: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 9px;
  line-height: 11px;
}
.rd-library-compact button:not([data-hub-editor-overlay]):not([data-hub-editor-overlay] *):not([data-html-online-viewer]):not([data-html-online-viewer] *),
.rd-library-compact a:not([data-hub-editor-overlay]):not([data-hub-editor-overlay] *):not([data-html-online-viewer]):not([data-html-online-viewer] *),
.rd-library-compact input:not([data-hub-editor-overlay]):not([data-hub-editor-overlay] *):not([data-html-online-viewer]):not([data-html-online-viewer] *),
.rd-library-compact textarea:not([data-hub-editor-overlay]):not([data-hub-editor-overlay] *):not([data-html-online-viewer]):not([data-html-online-viewer] *),
.rd-library-compact label:not([data-hub-editor-overlay]):not([data-hub-editor-overlay] *):not([data-html-online-viewer]):not([data-html-online-viewer] *),
.rd-library-compact span:not([data-hub-editor-overlay]):not([data-hub-editor-overlay] *):not([data-html-online-viewer]):not([data-html-online-viewer] *),
.rd-library-compact p:not([data-hub-editor-overlay]):not([data-hub-editor-overlay] *):not([data-html-online-viewer]):not([data-html-online-viewer] *),
.rd-library-compact li:not([data-hub-editor-overlay]):not([data-hub-editor-overlay] *):not([data-html-online-viewer]):not([data-html-online-viewer] *),
.rd-library-compact h1:not([data-hub-editor-overlay]):not([data-hub-editor-overlay] *):not([data-html-online-viewer]):not([data-html-online-viewer] *),
.rd-library-compact h2:not([data-hub-editor-overlay]):not([data-hub-editor-overlay] *):not([data-html-online-viewer]):not([data-html-online-viewer] *),
.rd-library-compact h3:not([data-hub-editor-overlay]):not([data-hub-editor-overlay] *):not([data-html-online-viewer]):not([data-html-online-viewer] *),
.rd-library-compact h4:not([data-hub-editor-overlay]):not([data-hub-editor-overlay] *):not([data-html-online-viewer]):not([data-html-online-viewer] *),
.rd-library-compact div:not([data-hub-editor-overlay]):not([data-hub-editor-overlay] *):not([data-html-online-viewer]):not([data-html-online-viewer] *) {
  font-family: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 9px !important;
  line-height: 11px !important;
}
/* Tree rows: 16px, 4px icon gap. */
.rd-library-compact [role="treeitem"],
.rd-library-compact .min-h-\[24px\],
.rd-library-compact .min-h-\[28px\] {
  min-height: 16px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  gap: 4px !important;
}
/* Section tabs: about 18px. */
.rd-library-compact button[aria-expanded],
.rd-library-compact [role="tab"] {
  min-height: 18px !important;
  padding-top: 1px !important;
  padding-bottom: 1px !important;
  gap: 4px !important;
}
.rd-library-compact .rd-lib-icon-tile {
  width: 12px !important;
  height: 12px !important;
}
.rd-library-compact [role="treeitem"] svg,
.rd-library-compact button[aria-expanded] svg,
.rd-library-compact [role="tab"] svg,
.rd-library-compact [data-library-sidebar] button svg,
.rd-library-compact .rd-library-search svg,
.rd-library-compact .html-document-hub-toolbar svg,
.rd-library-compact .dev-pages-strip svg,
.rd-library-compact [data-library-chrome] svg,
.rd-library-compact [role="menu"] svg,
.rd-library-compact [role="menuitem"] svg {
  width: 10px !important;
  height: 10px !important;
}
.rd-library-compact .rd-library-search {
  min-height: 20px;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  gap: 4px !important;
}
.rd-library-compact [data-library-sidebar-search] {
  height: 18px !important;
  min-height: 0 !important;
}
.rd-library-compact [data-library-chrome] {
  height: 22px !important;
  min-height: 22px !important;
}
.rd-library-compact [data-library-chrome] button {
  height: 18px !important;
  min-height: 18px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  gap: 4px !important;
}
.rd-library-compact [data-library-chrome] button.h-7,
.rd-library-compact [data-library-chrome] button.w-7,
.rd-library-compact [role="list"] button.h-8 {
  width: 18px !important;
}
.rd-library-compact [role="list"] > li {
  min-height: 16px;
  padding-top: 1px !important;
  padding-bottom: 1px !important;
  gap: 4px !important;
}
.rd-library-compact [role="separator"] {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}
.rd-library-compact [role="menuitem"],
.rd-library-compact [role="menuitemcheckbox"],
.rd-library-compact [role="menuitemradio"] {
  min-height: 16px !important;
  padding-top: 1px !important;
  padding-bottom: 1px !important;
  gap: 4px !important;
}
.rd-library-compact .html-document-hub-toolbar,
.rd-library-compact .dev-pages-strip .build-page-toggle-header,
.rd-library-compact [data-html-document-hub] .build-page-toggle-header {
  min-height: 22px !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  gap: 4px !important;
}
.rd-library-compact .html-document-hub-toolbar button,
.rd-library-compact .dev-pages-strip button,
.rd-library-compact [data-html-document-hub] .build-page-toggle-header button {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
  gap: 4px !important;
}
.rd-library-compact .html-hub-search,
.rd-library-compact .dev-pages-strip .h-7,
.rd-library-compact .html-document-hub-toolbar .h-7 {
  height: 18px !important;
  min-height: 0 !important;
}
.rd-library-compact .html-hub-search {
  gap: 4px !important;
  padding-left: 4px !important;
  padding-right: 4px !important;
}
.rd-library-compact .html-hub-file-caption {
  padding: 2px 4px !important;
}
.rd-library-compact .html-hub-group-body {
  min-height: 0 !important;
  padding: 4px 6px !important;
}
.rd-library-compact .html-hub-file-grid {
  gap: 4px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.rd-library-compact .dev-pages-card-grid {
  gap: 4px !important;
  padding: 6px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.rd-library-compact .dev-pages-card-grid > div > button {
  padding: 4px 6px !important;
}
@media (min-width: 640px) {
  .rd-library-compact .html-hub-file-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  .rd-library-compact .dev-pages-card-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media (min-width: 768px) {
  .rd-library-compact .html-hub-file-grid {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  }

  .rd-library-compact .dev-pages-card-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}
@media (min-width: 1024px) {
  .rd-library-compact .html-hub-file-grid {
    grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
  }

  .rd-library-compact .dev-pages-card-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
}
@media (min-width: 1280px) {
  .rd-library-compact .html-hub-file-grid {
    grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
  }

  .rd-library-compact .dev-pages-card-grid {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  }
}
/* Shared chrome uses the nearest appearance scope, never a fixed dark palette.
   Content artwork, media and independently authored canvas colours are excluded. */
:is(html, .component-theme-scope) {
  --appearance-ui-glyph-filter: none;
  --appearance-surface: hsl(var(--background));
  --appearance-panel: hsl(var(--card));
  --appearance-raised: hsl(var(--muted));
  --appearance-text: hsl(var(--foreground));
  --appearance-muted: hsl(var(--muted-foreground));
  --appearance-line: hsl(var(--border));
  --appearance-chrome: linear-gradient(180deg, hsl(var(--muted)), hsl(var(--card)));
}
:is(.workspace-container-frame, .container-reference-surface, .btb-workspace-nav, .workspace-sidebar-chrome, .primary-ui-sidebar-host, [data-creative-tools-container], [data-desktop-app-shell-v2]) {
  --container-surface: var(--appearance-surface);
  --container-text: var(--appearance-text);
  --container-muted: var(--appearance-muted);
  --container-divider: var(--appearance-line);
  --container-divider-soft: color-mix(in srgb, var(--appearance-line) 70%, transparent);
  --container-seam: var(--appearance-line);
  --container-focus: hsl(var(--ring));
  --rd-site-chrome-gradient: var(--appearance-chrome);
}
/* These adapters override older component-local fixed tokens. */
:is(html, .component-theme-scope) :is(.workspace-sidebar-chrome, .primary-ui-sidebar-host) {
  --workspace-sidebar-panel: var(--appearance-panel) !important;
  --workspace-sidebar-bg: var(--appearance-panel);
  --workspace-sidebar-rail-top: var(--appearance-raised) !important;
  --workspace-sidebar-rail-bottom: var(--appearance-panel) !important;
  --workspace-sidebar-head-top: var(--appearance-raised) !important;
  --workspace-sidebar-head-bottom: var(--appearance-panel) !important;
  --workspace-sidebar-row-top: var(--appearance-raised);
  --workspace-sidebar-row-bottom: var(--appearance-panel);
  --workspace-sidebar-fg: var(--appearance-text);
  --workspace-sidebar-muted: var(--appearance-muted);
  --workspace-sidebar-line: var(--appearance-line) !important;
  --ps-ctc-plate: var(--appearance-panel) !important;
  --ps-ctc-raised: var(--appearance-raised);
  --ps-ctc-line: var(--appearance-line);
}
:is(html, .component-theme-scope) :is([data-creative-tools-container], [data-desktop-app-shell-v2]) {
  --ctc-panel: var(--appearance-panel);
  --ctc-panel-raised: var(--appearance-raised);
  --ctc-canvas: var(--appearance-surface);
  --ctc-inspector: var(--appearance-panel);
  --ctc-input: var(--appearance-surface);
  --ctc-fg: var(--appearance-text);
  --ctc-fg-muted: var(--appearance-muted);
  --ctc-stroke: var(--appearance-line);
  --ctc-stroke-soft: var(--appearance-line);
  --das-panel: var(--appearance-panel);
  --das-viewport: var(--appearance-surface);
  --das-fg: var(--appearance-text);
  --das-muted: var(--appearance-muted);
  --das-border: var(--appearance-line);
}
:is(html, .component-theme-scope) :is(.tls-head, .dev-ws-sidebar-header, .ctc-finder-crumb, .das-search-row, .das-panel-header, .desk-inspector-chrome) {
  color: var(--appearance-text);
}
/* Primary UI's dark refinements must not force dark faces in light/coloured themes. */
.primary-ui-gallery:not(.deskdark):not(.deskdarklegacy) {
  --primary-chrome-raised: inset 0 1px 0 color-mix(in srgb, hsl(var(--foreground)) 10%, transparent), inset 0 -1px 0 hsl(var(--border));
  --primary-chrome-pressed: inset 0 1px 2px color-mix(in srgb, hsl(var(--foreground)) 15%, transparent);
}
.primary-ui-gallery:not(.deskdark):not(.deskdarklegacy) .btb-frame[data-btb] .btb-row .btb-chip .btb-chip-face {
  background: var(--appearance-chrome) !important;
  color: var(--appearance-text) !important;
  text-shadow: none;
  box-shadow: var(--primary-chrome-raised) !important;
}
.primary-ui-gallery:not(.deskdark):not(.deskdarklegacy) .btb-frame[data-btb] .btb-row .btb-chip:is(:hover, [data-active='true']) .btb-chip-face {
  background: hsl(var(--accent)) !important;
  color: hsl(var(--accent-foreground)) !important;
}
:is(html, .component-theme-scope) :is([data-creative-tools-container], [data-desktop-app-shell-v2]) :is(.desk-inspector-section, .desk-inspector-toolbar, .desk-inspector-tabs, .ctc-finder-shell, .das-library-row) :is(button, span, input) {
  color: inherit;
}
:is(html, .component-theme-scope) :is(.desk-inspector, .ctc-finder-shell, .das-library-row) {
  color: var(--appearance-text);
}
:is(html, .component-theme-scope) .ctc-finder-shell :is(input, input::-moz-placeholder) {
  color: var(--appearance-muted) !important;
}
:is(html, .component-theme-scope) .ctc-finder-shell :is(input, input::placeholder),
.primary-ui-gallery:not(.deskdark):not(.deskdarklegacy) :is(.ctc-finder-footer > div, .das-library-row-label, .das-status-bar) {
  color: var(--appearance-muted) !important;
}
/* Fixed-colour legacy title and row adapters, shared by live workspaces. */
:is(html, .component-theme-scope) .workspace-container-frame {
  --linux-chrome-fg: hsl(var(--foreground));
  --linux-chrome-muted: hsl(var(--muted-foreground));
  --linux-chrome-border: hsl(var(--border));
  --linux-chrome-hover: hsl(var(--accent));
}
:is(html, .component-theme-scope) .workspace-container-frame :is(.linux-container-title-bar, .container-photo-title-bar) {
  color: hsl(var(--foreground)) !important;
}
:is(html, .component-theme-scope) .ui-ref-ps1-compact:is(.workspace-sidebar-chrome, .primary-ui-sidebar-host) {
  --workspace-sidebar-row-top: hsl(var(--muted));
  --workspace-sidebar-row-bottom: hsl(var(--card));
  --ps-ctc-raised: hsl(var(--muted));
}
:is(html, .component-theme-scope) .workspace-container-frame :is(.ui-ref-ps1-glow-row, .tls-row, [data-ctc-insert-rows] > button) {
  background: var(--appearance-chrome) !important;
  color: hsl(var(--foreground)) !important;
}
:is(html, .component-theme-scope) .workspace-container-frame :is(.ui-ref-ps1-glow-row, .tls-row, [data-ctc-insert-rows] > button):hover {
  background: hsl(var(--accent)) !important;
  color: hsl(var(--accent-foreground)) !important;
}
:is(html, .component-theme-scope) .workspace-container-frame .ctc-finder-shell [data-ctc-insert-rows] > button .min-w-0 > span:first-child {
  color: inherit;
}
.component-theme-scope:not(.deskdark):not(.deskdarklegacy) .workspace-container-frame :is(.linux-bevel-control, [data-container-chrome-control], .ui-ref-ps1-glow-icon) {
  background: var(--appearance-chrome) !important;
  background-color: hsl(var(--muted)) !important;
  color: hsl(var(--foreground)) !important;
  border-color: hsl(var(--border));
}
/* Monochrome inspector assets were exported as pale SVGs; adapt only UI glyphs. */
:is(html, .component-theme-scope):is(.light, .desklight, .ableton, .brooklet, .airbus, .sketchpad) {
  --appearance-ui-glyph-filter: brightness(0.32);
}
.desk-inspector :is(.desk-inspector-chrome img, .desk-inspector-toolbar > button img, .desk-inspector-section button > img) {
  filter: var(--appearance-ui-glyph-filter, none);
}
:is(html, .component-theme-scope) .ctc-finder-shell > label:first-child svg {
  color: hsl(var(--muted-foreground)) !important;
}
/* ! tailwindcss v3.4.11 | MIT License | https://tailwindcss.com */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: var(--font-sans), TT Commons, Neue Haas Display, Inter, sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: Fira Code, monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}
:root {
    /* Deskdark fallback — product default. Light modes override via .light / .desklight / etc. */
    --background: 240 4% 4.902%;
    --foreground: 0 0% 93.3333%;
    --card: 240 2.3256% 8.4314%;
    --card-foreground: 0 0% 93.3333%;
    --popover: 240 2.3256% 8.4314%;
    --popover-foreground: 0 0% 93.3333%;
    --primary: 233.7931 56.3107% 59.6078%;
    --primary-foreground: 0 0% 100%;
    --secondary: 240 2.9412% 13.3333%;
    --secondary-foreground: 0 0% 60.7843%;
    --muted: 240 2.9412% 13.3333%;
    --muted-foreground: 218.5714 6.3636% 56.8627%;
    --accent: 240 2.6316% 14.902%;
    --accent-foreground: 0 0% 100%;
    --destructive: 10.1639 77.8723% 53.9216%;
    --destructive-foreground: 0 0% 100%;
    --border: 0 0% 14.902%;
    --input: 0 0% 14.902%;
    --ring: 233.7931 56.3107% 59.6078%;
    --chart-1: 233.7931 56.3107% 59.6078%;
    --chart-2: 207.0732 80.3922% 60%;
    --chart-3: 339.7183 82.5581% 66.2745%;
    --chart-4: 34.6256 100% 55.4902%;
    --chart-5: 188.9286 68.8525% 47.8431%;
    --sidebar: 240 4% 4.902%;
    /* Vendor Tailwind may emit .bg-sidebar { background-color: var(--sidebar-background) }.
     * Keep this defined so production (cssCodeSplit:false) never resolves to transparent. */
    --sidebar-background: hsl(var(--sidebar));
    --sidebar-foreground: 0 0% 60.7843%;
    --sidebar-primary: 233.7931 56.3107% 59.6078%;
    --sidebar-primary-foreground: 0 0% 100%;
    --sidebar-accent: 240 1.7544% 11.1765%;
    --sidebar-accent-foreground: 0 0% 100%;
    --sidebar-border: 240 1.7544% 11.1765%;
    --sidebar-ring: 233.7931 56.3107% 59.6078%;
    --radius: 0.375rem;
    --rd-font-sans: 'SF Pro Text', ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --font-sans: var(--rd-font-sans);
    --font-serif: Georgia, serif;
    --font-mono: var(--rd-font-mono, "JetBrains Mono", ui-monospace, monospace);
    --shadow-x: 0px;
    --shadow-y: 4px;
    --shadow-blur: 12px;
    --shadow-spread: 0px;
    --shadow-opacity: 0.4;
    --shadow-color: 0, 0, 0;
    --shadow-2xs: 0px 4px 12px 0px hsl(0 0% 0% / 0.20);
    --shadow-xs: 0px 4px 12px 0px hsl(0 0% 0% / 0.20);
    --shadow-sm: 0px 4px 12px 0px hsl(0 0% 0% / 0.40), 0px 1px 2px -1px hsl(0 0% 0% / 0.40);
    --shadow: 0px 4px 12px 0px hsl(0 0% 0% / 0.40), 0px 1px 2px -1px hsl(0 0% 0% / 0.40);
    --shadow-md: 0px 4px 12px 0px hsl(0 0% 0% / 0.40), 0px 2px 4px -1px hsl(0 0% 0% / 0.40);
    --shadow-lg: 0px 4px 12px 0px hsl(0 0% 0% / 0.40), 0px 4px 6px -1px hsl(0 0% 0% / 0.40);
    --shadow-xl: 0px 4px 12px 0px hsl(0 0% 0% / 0.40), 0px 8px 10px -1px hsl(0 0% 0% / 0.40);
    --shadow-2xl: 0px 4px 12px 0px hsl(0 0% 0% / 1);
    --tracking-normal: -0.011em;
    --spacing: 0.25rem;
    --folder-back: 35 70% 55%;
    --folder-front: 40 75% 60%;
    --folder-tab: 30 65% 50%;
  }
/* Light Mode — explicit tokens so scoped containers / html.light override the
     deskdark :root fallback when the site Mode is Light. */
:is(html, .component-theme-scope).light {
    --background: 0 0% 100%;
    --foreground: 0 0% 0%;
    --card: 0 0% 100%;
    --card-foreground: 0 0% 0%;
    --popover: 0 0% 100%;
    --popover-foreground: 0 0% 0%;
    --primary: 357.0588 100% 60%;
    --primary-foreground: 0 0% 100%;
    --secondary: 56.9412 100% 50%;
    --secondary-foreground: 0 0% 0%;
    --muted: 0 0% 94.1176%;
    --muted-foreground: 0 0% 20%;
    --accent: 212.9412 100% 50%;
    --accent-foreground: 0 0% 100%;
    --destructive: 0 0% 0%;
    --destructive-foreground: 0 0% 100%;
    --border: 0 0% 81.5686%;
    --input: 0 0% 81.5686%;
    --ring: 357.0588 100% 60%;
    --chart-1: 357.0588 100% 60%;
    --chart-2: 56.9412 100% 50%;
    --chart-3: 212.9412 100% 50%;
    --chart-4: 117.0588 100% 40%;
    --chart-5: 297.0588 100% 40%;
    --sidebar: 0 0% 94.1176%;
    --sidebar-foreground: 0 0% 0%;
    --sidebar-primary: 357.0588 100% 60%;
    --sidebar-primary-foreground: 0 0% 100%;
    --sidebar-accent: 212.9412 100% 50%;
    --sidebar-accent-foreground: 0 0% 100%;
    --sidebar-border: 0 0% 0%;
    --sidebar-ring: 357.0588 100% 60%;
    --radius: 0px;
    --rd-font-sans: 'SF Pro Text', ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --font-sans: var(--rd-font-sans);
    --shadow-2xs: none;
    --shadow-xs: none;
    --shadow-sm: none;
    --shadow: none;
    --shadow-md: none;
    --shadow-lg: none;
    --shadow-xl: none;
    --shadow-2xl: none;
    --tracking-normal: -0.025em;
    --folder-back: 35 70% 55%;
    --folder-front: 40 75% 60%;
    --folder-tab: 30 65% 50%;
  }
:is(html, .component-theme-scope).\!light {
    --background: 0 0% 100% !important;
    --foreground: 0 0% 0% !important;
    --card: 0 0% 100% !important;
    --card-foreground: 0 0% 0% !important;
    --popover: 0 0% 100% !important;
    --popover-foreground: 0 0% 0% !important;
    --primary: 357.0588 100% 60% !important;
    --primary-foreground: 0 0% 100% !important;
    --secondary: 56.9412 100% 50% !important;
    --secondary-foreground: 0 0% 0% !important;
    --muted: 0 0% 94.1176% !important;
    --muted-foreground: 0 0% 20% !important;
    --accent: 212.9412 100% 50% !important;
    --accent-foreground: 0 0% 100% !important;
    --destructive: 0 0% 0% !important;
    --destructive-foreground: 0 0% 100% !important;
    --border: 0 0% 81.5686% !important;
    --input: 0 0% 81.5686% !important;
    --ring: 357.0588 100% 60% !important;
    --chart-1: 357.0588 100% 60% !important;
    --chart-2: 56.9412 100% 50% !important;
    --chart-3: 212.9412 100% 50% !important;
    --chart-4: 117.0588 100% 40% !important;
    --chart-5: 297.0588 100% 40% !important;
    --sidebar: 0 0% 94.1176% !important;
    --sidebar-foreground: 0 0% 0% !important;
    --sidebar-primary: 357.0588 100% 60% !important;
    --sidebar-primary-foreground: 0 0% 100% !important;
    --sidebar-accent: 212.9412 100% 50% !important;
    --sidebar-accent-foreground: 0 0% 100% !important;
    --sidebar-border: 0 0% 0% !important;
    --sidebar-ring: 357.0588 100% 60% !important;
    --radius: 0px !important;
    --rd-font-sans: 'SF Pro Text', ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
    --font-sans: var(--rd-font-sans) !important;
    --shadow-2xs: none !important;
    --shadow-xs: none !important;
    --shadow-sm: none !important;
    --shadow: none !important;
    --shadow-md: none !important;
    --shadow-lg: none !important;
    --shadow-xl: none !important;
    --shadow-2xl: none !important;
    --tracking-normal: -0.025em !important;
    --folder-back: 35 70% 55% !important;
    --folder-front: 40 75% 60% !important;
    --folder-tab: 30 65% 50% !important;
  }
:is(html, .component-theme-scope).ableton {
    /* Ableton Light Mode */
    --background: 0 0% 75%;
    --foreground: 0 0% 0%;
    --card: 0 0% 78%;
    --card-foreground: 0 0% 0%;
    --popover: 0 0% 80%;
    --popover-foreground: 0 0% 0%;
    --primary: 357.0588 100% 60%;
    --primary-foreground: 0 0% 100%;
    --secondary: 56.9412 100% 50%;
    --secondary-foreground: 0 0% 0%;
    --muted: 0 0% 70%;
    --muted-foreground: 0 0% 15%;
    --accent: 212.9412 100% 50%;
    --accent-foreground: 0 0% 100%;
    --destructive: 0 0% 0%;
    --destructive-foreground: 0 0% 100%;
    --border: 0 0% 60%;
    --input: 0 0% 60%;
    --ring: 357.0588 100% 60%;
    --chart-1: 357.0588 100% 60%;
    --chart-2: 56.9412 100% 50%;
    --chart-3: 212.9412 100% 50%;
    --chart-4: 117.0588 100% 40%;
    --chart-5: 297.0588 100% 40%;
    --sidebar: 0 0% 75%;
    --sidebar-background: hsl(var(--sidebar));
    --sidebar-foreground: 0 0% 0%;
    --sidebar-primary: 357.0588 100% 60%;
    --sidebar-primary-foreground: 0 0% 100%;
    --sidebar-accent: 212.9412 100% 50%;
    --sidebar-accent-foreground: 0 0% 100%;
    --sidebar-border: 0 0% 55%;
    --sidebar-ring: 357.0588 100% 60%;
    --radius: 0px;
    --font-sans: var(--rd-font-sans);
    --font-mono: 'Ableton Sans Small', ui-monospace, monospace;
    
    /* Shadows disabled */
    --shadow-2xs: none;
    --shadow-xs: none;
    --shadow-sm: none;
    --shadow: none;
    --shadow-md: none;
    --shadow-lg: none;
    --shadow-xl: none;
    --shadow-2xl: none;
    --tracking-normal: -0.025em;
  }
:is(html, .component-theme-scope).night {
    /* Night Mode - Vercel-style pure black monochrome */
    --background: 0 0% 0%;
    --foreground: 0 0% 100%;
    --card: 0 0% 0%;
    --card-foreground: 0 0% 100%;
    --popover: 0 0% 4%;
    --popover-foreground: 0 0% 100%;
    --primary: 0 0% 100%;
    --primary-foreground: 0 0% 0%;
    --secondary: 0 0% 8%;
    --secondary-foreground: 0 0% 100%;
    --muted: 0 0% 6%;
    --muted-foreground: 0 0% 64.5%;
    --accent: 0 0% 10%;
    --accent-foreground: 0 0% 100%;
    --destructive: 0 100% 67.9%;
    --destructive-foreground: 0 0% 0%;
    --border: 0 0% 12%;
    --input: 0 0% 10%;
    --ring: 0 0% 64.5%;
    --chart-1: 40.7 100% 50.9%;
    --chart-2: 218.2 90% 55.2%;
    --chart-3: 0 0% 45.6%;
    --chart-4: 0 0% 32.3%;
    --chart-5: 0 0% 89.6%;
    --sidebar: 0 0% 0%;
    --sidebar-foreground: 0 0% 100%;
    --sidebar-primary: 0 0% 100%;
    --sidebar-primary-foreground: 0 0% 0%;
    --sidebar-accent: 0 0% 10%;
    --sidebar-accent-foreground: 0 0% 100%;
    --sidebar-border: 0 0% 12%;
    --sidebar-ring: 0 0% 64.5%;
    --radius: 0.1rem;
    --shadow-2xs: 0px 1px 2px 0px hsl(0 0% 0% / 0.09);
    --shadow-xs: 0px 1px 2px 0px hsl(0 0% 0% / 0.09);
    --shadow-sm: 0px 1px 2px 0px hsl(0 0% 0% / 0.18), 0px 1px 2px -1px hsl(0 0% 0% / 0.18);
    --shadow: 0px 1px 2px 0px hsl(0 0% 0% / 0.18), 0px 1px 2px -1px hsl(0 0% 0% / 0.18);
    --shadow-md: 0px 1px 2px 0px hsl(0 0% 0% / 0.18), 0px 2px 4px -1px hsl(0 0% 0% / 0.18);
    --shadow-lg: 0px 1px 2px 0px hsl(0 0% 0% / 0.18), 0px 4px 6px -1px hsl(0 0% 0% / 0.18);
    --shadow-xl: 0px 1px 2px 0px hsl(0 0% 0% / 0.18), 0px 8px 10px -1px hsl(0 0% 0% / 0.18);
    --shadow-2xl: 0px 1px 2px 0px hsl(0 0% 0% / 0.45);
    --tracking-normal: 0em;
    --font-sans: var(--rd-font-sans);
    --font-mono: Geist Mono, monospace;
  }
/* amber theme removed - merged into deskdark */
:is(html, .component-theme-scope).grun {
    /* Grün Theme - Green/Pink aesthetic with dark background */
    --background: 220 14.7541% 11.9608%;
    --foreground: 0 0% 89.8039%;
    --card: 197.1429 6.9307% 19.8039%;
    --card-foreground: 0 0% 89.8039%;
    --popover: 197.1429 6.9307% 19.8039%;
    --popover-foreground: 0 0% 89.8039%;
    --primary: 330 100% 80%;
    --primary-foreground: 0 0% 0%;
    --secondary: 120 60% 50%;
    --secondary-foreground: 0 0% 0%;
    --muted: 0 0% 26.6667%;
    --muted-foreground: 0 0% 63.9216%;
    --accent: 197.4 71.4286% 72.549%;
    --accent-foreground: 0 0% 0%;
    --destructive: 0 84.2365% 60.1961%;
    --destructive-foreground: 0 0% 100%;
    --border: 0 0% 26.6667%;
    --input: 0 0% 26.6667%;
    --ring: 330 100% 80%;
    --chart-1: 330 100% 80%;
    --chart-2: 120 60% 50%;
    --chart-3: 197.4 71.4286% 72.549%;
    --chart-4: 60 100% 50%;
    --chart-5: 48 100% 50%;
    --sidebar: 220 14.7541% 11.9608%;
    --sidebar-foreground: 0 0% 89.8039%;
    --sidebar-primary: 330 100% 80%;
    --sidebar-primary-foreground: 0 0% 0%;
    --sidebar-accent: 197.4 71.4286% 72.549%;
    --sidebar-accent-foreground: 0 0% 0%;
    --sidebar-border: 0 0% 26.6667%;
    --sidebar-ring: 330 100% 80%;
    --radius: 0px;
    
    /* Shadows disabled */
    --shadow-2xs: none;
    --shadow-xs: none;
    --shadow-sm: none;
    --shadow: none;
    --shadow-md: none;
    --shadow-lg: none;
    --shadow-xl: none;
    --shadow-2xl: none;
    --tracking-normal: -0.05em;
  }
:is(html, .component-theme-scope).caffe {
    /* RD Docs Theme - DM Sans + amber on near-black (extracted from residents-desk-docs.html) */
    --background: 0 0% 6.7%;
    --foreground: 43 17% 89%;
    --card: 0 0% 9.4%;
    --card-foreground: 43 17% 89%;
    --popover: 0 0% 9.4%;
    --popover-foreground: 43 17% 89%;
    --primary: 44 100% 70%;
    --primary-foreground: 0 0% 6.7%;
    --secondary: 0 0% 11.8%;
    --secondary-foreground: 43 17% 89%;
    --muted: 0 0% 11.8%;
    --muted-foreground: 60 4% 53%;
    --accent: 34 100% 68%;
    --accent-foreground: 0 0% 6.7%;
    --destructive: 10 78% 54%;
    --destructive-foreground: 0 0% 100%;
    --border: 0 0% 25%;
    --input: 0 0% 25%;
    --ring: 44 100% 70%;
    --chart-1: 44 100% 70%;
    --chart-2: 34 100% 68%;
    --chart-3: 60 4% 53%;
    --chart-4: 0 0% 33%;
    --chart-5: 43 17% 89%;
    --sidebar: 0 0% 5%;
    --sidebar-foreground: 43 17% 89%;
    --sidebar-primary: 44 100% 70%;
    --sidebar-primary-foreground: 0 0% 6.7%;
    --sidebar-accent: 0 0% 9.4%;
    --sidebar-accent-foreground: 43 17% 89%;
    --sidebar-border: 0 0% 18%;
    --sidebar-ring: 44 100% 70%;
    --radius: 2px;
    --border-dotted: rgba(255, 255, 255, 0.07);
    --border-accent-dotted: rgba(255, 214, 102, 0.2);

    /* Shadows disabled */
    --shadow-2xs: none;
    --shadow-xs: none;
    --shadow-sm: none;
    --shadow: none;
    --shadow-md: none;
    --shadow-lg: none;
    --shadow-xl: none;
    --shadow-2xl: none;
    --tracking-normal: -0.01em;
  }
:is(html.caffe body, .component-theme-scope.caffe) {
    font-family: var(--rd-font-sans);
    font-weight: 300;
    font-size: 15px;
    line-height: 1.7;
    letter-spacing: 0;
  }
:is(html, .component-theme-scope).caffe .font-sans {
    font-family: var(--rd-font-sans) !important;
  }
:is(html, .component-theme-scope).caffe .font-mono,
  :is(html, .component-theme-scope).caffe code,
  :is(html, .component-theme-scope).caffe pre {
    font-family: 'DM Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
  }
:is(html, .component-theme-scope).caffe h1, :is(html, .component-theme-scope).caffe h2, :is(html, .component-theme-scope).caffe h3,
  :is(html, .component-theme-scope).caffe h4, :is(html, .component-theme-scope).caffe h5, :is(html, .component-theme-scope).caffe h6 {
    text-transform: lowercase;
    letter-spacing: -0.01em;
    font-weight: 400;
    line-height: 1.3;
  }
:is(html, .component-theme-scope).caffe h1 { font-weight: 300; letter-spacing: -0.02em; }
:is(html, .component-theme-scope).caffe h3 { color: hsl(var(--primary)); }
:is(html, .component-theme-scope).caffe h4 { color: hsl(var(--muted-foreground)); }
/* Opt-in helper classes for the RD Docs flourishes */
:is(html, .component-theme-scope).caffe .rd-section-label {
    font-family: 'DM Mono', monospace;
    font-size: 11px;
    color: hsl(var(--accent));
    letter-spacing: 0.1em;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 10px;
  }
:is(html, .component-theme-scope).caffe .rd-section-label::after {
    content: '';
    display: block;
    height: 1px;
    width: 40px;
    background: var(--border-accent-dotted);
  }
:is(html, .component-theme-scope).caffe .rd-dotted-border,
  :is(html, .component-theme-scope).caffe .rd-dotted-border * {
    border-style: dotted !important;
    border-color: var(--border-dotted) !important;
  }
:is(html, .component-theme-scope).caffe .rd-em-dash-list {
    list-style: none;
    padding-left: 0;
  }
:is(html, .component-theme-scope).caffe .rd-em-dash-list > li {
    position: relative;
    padding-left: 16px;
  }
:is(html, .component-theme-scope).caffe .rd-em-dash-list > li::before {
    content: '—';
    position: absolute;
    left: 0;
    color: hsl(var(--muted-foreground) / 0.6);
    font-size: 11px;
  }
:is(html, .component-theme-scope).xwing {
    /* X-Wing Theme - Sci-fi inspired dark mode (dark only) */
    --background: 0 0% 10.1961%;
    --foreground: 0 0% 100%;
    --card: 0 0% 16.4706%;
    --card-foreground: 0 0% 87.8431%;
    --popover: 0 0% 16.4706%;
    --popover-foreground: 0 0% 87.8431%;
    --primary: 1.3636 77.1930% 55.2941%;
    --primary-foreground: 0 0% 100%;
    --secondary: 92.0225 87.2549% 60%;
    --secondary-foreground: 0 0% 0%;
    --muted: 0 0% 14.5098%;
    --muted-foreground: 0 0% 62.7451%;
    --accent: 206.7123 89.0244% 67.8431%;
    --accent-foreground: 0 0% 0%;
    --destructive: 37.6471 100% 50%;
    --destructive-foreground: 0 0% 0%;
    --border: 0 0% 29.0196%;
    --input: 0 0% 29.0196%;
    --ring: 1.3636 77.1930% 55.2941%;
    --chart-1: 1.3636 77.1930% 55.2941%;
    --chart-2: 92.0388 47.9070% 42.1569%;
    --chart-3: 206.7123 89.0244% 67.8431%;
    --chart-4: 37.6471 100% 50%;
    --chart-5: 15.8824 15.3153% 56.4706%;
    --sidebar: 0 0% 7.8431%;
    --sidebar-foreground: 0 0% 87.8431%;
    --sidebar-primary: 1.3636 77.1930% 55.2941%;
    --sidebar-primary-foreground: 0 0% 100%;
    --sidebar-accent: 206.7123 89.0244% 67.8431%;
    --sidebar-accent-foreground: 0 0% 0%;
    --sidebar-border: 0 0% 29.0196%;
    --sidebar-ring: 1.3636 77.1930% 55.2941%;
    --radius: 0px;
    
    /* Shadows disabled */
    --shadow-2xs: none;
    --shadow-xs: none;
    --shadow-sm: none;
    --shadow: none;
    --shadow-md: none;
    --shadow-lg: none;
    --shadow-xl: none;
    --shadow-2xl: none;
    --tracking-normal: 0em;
  }
:is(html, .component-theme-scope).kumquat {
    /* Kumquat Theme - Warm orange/teal dark mode (dark only) */
    --background: 270 5.5556% 7.0588%;
    --foreground: 0 0% 75.6863%;
    --card: 0 0% 7.0588%;
    --card-foreground: 0 0% 75.6863%;
    --popover: 270 5.5556% 7.0588%;
    --popover-foreground: 0 0% 75.6863%;
    --primary: 22.2973 75.5102% 61.5686%;
    --primary-foreground: 0 0% 0%;
    --secondary: 187.5556 100% 26.4706%;
    --secondary-foreground: 270 5.5556% 7.0588%;
    --muted: 0 0% 13.3333%;
    --muted-foreground: 0 0% 53.3333%;
    --accent: 0 0% 20%;
    --accent-foreground: 0 0% 75.6863%;
    --destructive: 180 17.3913% 45.0980%;
    --destructive-foreground: 270 5.5556% 7.0588%;
    --border: 0 0% 13.3333%;
    --input: 0 0% 13.3333%;
    --ring: 22.2973 75.5102% 61.5686%;
    --chart-1: 180 17.3913% 45.0980%;
    --chart-2: 22.2973 75.5102% 61.5686%;
    --chart-3: 31.2000 92.5926% 78.8235%;
    --chart-4: 0 0% 53.3333%;
    --chart-5: 0 0% 60%;
    --sidebar: 0 0% 7.0588%;
    --sidebar-foreground: 0 0% 75.6863%;
    --sidebar-primary: 22.2973 75.5102% 61.5686%;
    --sidebar-primary-foreground: 270 5.5556% 7.0588%;
    --sidebar-accent: 0 0% 20%;
    --sidebar-accent-foreground: 0 0% 75.6863%;
    --sidebar-border: 0 0% 13.3333%;
    --sidebar-ring: 22.2973 75.5102% 61.5686%;
    --radius: 0px;
    
    /* Shadows disabled */
    --shadow-2xs: none;
    --shadow-xs: none;
    --shadow-sm: none;
    --shadow: none;
    --shadow-md: none;
    --shadow-lg: none;
    --shadow-xl: none;
    --shadow-2xl: none;
    --tracking-normal: 0em;
  }
/* Kumquat theme uses Raleway font */
:is(html.kumquat body, .component-theme-scope.kumquat) {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).brooklet {
    /* Brooklet Theme - TweakCN Light Mode Only */
    /* Warm beige/tan with black primary and blue accents */
    --background: 48 35.7% 72.5%;
    --foreground: 0 0% 12.2%;
    --card: 0 0% 100%;
    --card-foreground: 0 0% 12.2%;
    --popover: 157.5 10.3% 69.4%;
    --popover-foreground: 0 0% 12.2%;
    --primary: 0 0% 0%;
    --primary-foreground: 0 0% 100%;
    --secondary: 0 0% 0%;
    --secondary-foreground: 0 0% 100%;
    --muted: 0 0% 72.2%;
    --muted-foreground: 0 0% 29%;
    --accent: 201 42% 52%;
    --accent-foreground: 0 0% 100%;
    --destructive: 20.1 95.8% 52.9%;
    --destructive-foreground: 0 0% 0%;
    --border: 0 0% 31.4%;
    --input: 0 0% 31.4%;
    --ring: 353.9 70.5% 43.9%;
    --chart-1: 353.9 70.5% 43.9%;
    --chart-2: 75.7 37.4% 32%;
    --chart-3: 201 42% 52%;
    --chart-4: 20.1 95.8% 52.9%;
    --chart-5: 9.8 16.9% 50%;
    --sidebar: 48 35.7% 72.5%;
    --sidebar-foreground: 0 0% 12.2%;
    --sidebar-primary: 353.9 70.5% 43.9%;
    --sidebar-primary-foreground: 0 0% 100%;
    --sidebar-accent: 201 42% 52%;
    --sidebar-accent-foreground: 0 0% 100%;
    --sidebar-border: 0 0% 0%;
    --sidebar-ring: 353.9 70.5% 43.9%;
    
    /* Sharp corners - 0px radius */
    --radius: 0px;
    
    /* Shadows disabled */
    --shadow-2xs: none;
    --shadow-xs: none;
    --shadow-sm: none;
    --shadow: none;
    --shadow-md: none;
    --shadow-lg: none;
    --shadow-xl: none;
    --shadow-2xl: none;
    
    /* Font definitions */
    --font-sans: var(--rd-font-sans);
    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono: "Source Code Pro", monospace;
    
    /* Spacing */
    --tracking-normal: 0em;
    --spacing: 0.25rem;
  }
/* Brooklet theme uses Oxanium font */
:is(html.brooklet body, .component-theme-scope.brooklet) {
    font-family: var(--rd-font-sans);
  }
/* Override Tailwind font utilities within Brooklet theme */
:is(html, .component-theme-scope).brooklet .font-sans {
    font-family: var(--rd-font-sans) !important;
  }
:is(html, .component-theme-scope).brooklet .font-mono {
    font-family: "Source Code Pro", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
  }
/* Match TweakCN: tracking-normal should be 0em in Brooklet */
:is(html, .component-theme-scope).brooklet .tracking-normal {
    letter-spacing: 0em !important;
  }
:is(html, .component-theme-scope).airbus {
    /* Airbus Theme - Industrial steel-blue, light mode */
    --background: 200 20% 82%;
    --foreground: 210 10% 15%;
    --card: 200 15% 75%;
    --card-foreground: 210 10% 12%;
    --popover: 200 18% 78%;
    --popover-foreground: 210 10% 12%;
    --primary: 219 100% 26%;
    --primary-foreground: 0 0% 100%;
    --secondary: 194 100% 34%;
    --secondary-foreground: 0 0% 100%;
    --muted: 200 18% 78%;
    --muted-foreground: 210 8% 35%;
    --accent: 200 14% 70%;
    --accent-foreground: 210 10% 12%;
    --destructive: 0 62% 40%;
    --destructive-foreground: 0 0% 100%;
    --border: 200 12% 68%;
    --input: 200 14% 74%;
    --ring: 219 100% 26%;
    --chart-1: 220 70% 50%;
    --chart-2: 160 50% 45%;
    --chart-3: 30 80% 55%;
    --chart-4: 280 55% 60%;
    --chart-5: 340 65% 55%;
    --sidebar: 200 16% 74%;
    --sidebar-foreground: 210 10% 15%;
    --sidebar-primary: 219 100% 26%;
    --sidebar-primary-foreground: 0 0% 100%;
    --sidebar-accent: 200 18% 68%;
    --sidebar-accent-foreground: 210 10% 12%;
    --sidebar-border: 200 12% 65%;
    --sidebar-ring: 219 100% 26%;
    --radius: 0rem;
    --shadow-2xs: none;
    --shadow-xs: none;
    --shadow-sm: none;
    --shadow: none;
    --shadow-md: none;
    --shadow-lg: none;
    --shadow-xl: none;
    --shadow-2xl: none;
    --tracking-normal: -0.015em;
    --spacing: 0.15rem;
  }
/* Airbus theme uses Inter font */
:is(html.airbus body, .component-theme-scope.airbus) {
    font-family: var(--rd-font-sans);
    letter-spacing: -0.015em;
  }
:is(html, .component-theme-scope).airbus .font-sans {
    font-family: var(--rd-font-sans) !important;
  }
/* Ableton theme — Ableton Sans + Ableton Sans Small */
:is(html.ableton body, .component-theme-scope.ableton) {
    font-family: var(--rd-font-sans);
    font-weight: 300;
    letter-spacing: -0.025em;
  }
:is(html, .component-theme-scope).ableton .font-sans {
    font-family: var(--rd-font-sans) !important;
  }
:is(html, .component-theme-scope).ableton .font-mono,
  :is(html, .component-theme-scope).ableton code,
  :is(html, .component-theme-scope).ableton pre,
  :is(html, .component-theme-scope).ableton kbd {
    font-family: 'Ableton Sans Small', ui-monospace, monospace !important;
    font-weight: 400;
  }
:is(html, .component-theme-scope).ableton .radix-themes {
    font-family: var(--rd-font-sans);
    --default-font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).ableton button,
  :is(html, .component-theme-scope).ableton input,
  :is(html, .component-theme-scope).ableton select,
  :is(html, .component-theme-scope).ableton textarea,
  :is(html, .component-theme-scope).ableton label,
  :is(html, .component-theme-scope).ableton .text-xs,
  :is(html, .component-theme-scope).ableton .text-sm {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
  }

  :is(html, .component-theme-scope).ableton .\!text-xs {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif !important;
  }
:is(html, .component-theme-scope).ableton strong,
  :is(html, .component-theme-scope).ableton b,
  :is(html, .component-theme-scope).ableton .font-bold,
  :is(html, .component-theme-scope).ableton .font-semibold,
  :is(html, .component-theme-scope).ableton h1,
  :is(html, .component-theme-scope).ableton h2,
  :is(html, .component-theme-scope).ableton h3,
  :is(html, .component-theme-scope).ableton h4,
  :is(html, .component-theme-scope).ableton h5,
  :is(html, .component-theme-scope).ableton h6 {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
    font-weight: 700;
  }
:is(html, .component-theme-scope).ableton em,
  :is(html, .component-theme-scope).ableton .italic {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
    font-style: italic;
  }

  :is(html, .component-theme-scope).ableton .\!italic {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif !important;
    font-style: italic !important;
  }
:is(html, .component-theme-scope).desklight {
    /* Desk Light Theme - TweakCN Warm Gray Light Mode */
    --background: 0 0% 84.7059%;
    --foreground: 220.9091 39.2857% 10.9804%;
    --card: 0 0% 88.2353%;
    --card-foreground: 220.9091 39.2857% 10.9804%;
    --popover: 0 0% 100%;
    --popover-foreground: 220.9091 39.2857% 10.9804%;
    --primary: 0 0% 9%;
    --primary-foreground: 0 0% 100%;
    --secondary: 0 0% 0%;
    --secondary-foreground: 0 0% 100%;
    --muted: 220.0000 14.2857% 95.8824%;
    --muted-foreground: 220 8.9362% 46.0784%;
    --accent: 0 0% 93.3333%;
    --accent-foreground: 220.9091 39.2857% 10.9804%;
    --destructive: 0 84.2365% 60.1961%;
    --destructive-foreground: 0 0% 98.0392%;
    --border: 240 1.4286% 27.4510%;
    --input: 220 13.0435% 90.9804%;
    --ring: 0 0% 9%;
    --chart-1: 0 0% 0%;
    --chart-2: 0 0% 20%;
    --chart-3: 31.2000 92.5926% 78.8235%;
    --chart-4: 0 0% 53.3333%;
    --chart-5: 0 0% 60%;
    --sidebar: 220 3.0303% 80.5882%;
    --sidebar-foreground: 220.9091 39.2857% 10.9804%;
    --sidebar-primary: 0 0% 9%;
    --sidebar-primary-foreground: 0 0% 100%;
    --sidebar-accent: 0 0% 74.1176%;
    --sidebar-accent-foreground: 220.9091 39.2857% 10.9804%;
    --sidebar-border: 51.4286 21.2121% 6.4706%;
    --sidebar-ring: 0 0% 9%;
    --radius: 0.05rem;
    --spacing: 0.15rem;
    --tracking-normal: 0em;
    
    /* Shadows disabled */
    --shadow-2xs: none;
    --shadow-xs: none;
    --shadow-sm: none;
    --shadow: none;
    --shadow-md: none;
    --shadow-lg: none;
    --shadow-xl: none;
    --shadow-2xl: none;
  }
:is(html, .component-theme-scope).deskdark {
    /* Desk Dark — cool near-black + indigo primary */
    --background: 240 4% 4.902%;
    --foreground: 0 0% 93.3333%;
    --card: 240 2.3256% 8.4314%;
    --card-foreground: 0 0% 93.3333%;
    --popover: 240 2.3256% 8.4314%;
    --popover-foreground: 0 0% 93.3333%;
    --primary: 233.7931 56.3107% 59.6078%;
    --primary-foreground: 0 0% 100%;
    --secondary: 240 2.9412% 13.3333%;
    --secondary-foreground: 0 0% 60.7843%;
    --muted: 240 2.9412% 13.3333%;
    --muted-foreground: 218.5714 6.3636% 56.8627%;
    --accent: 240 2.6316% 14.902%;
    --accent-foreground: 0 0% 100%;
    --destructive: 10.1639 77.8723% 53.9216%;
    --destructive-foreground: 0 0% 100%;
    --border: 0 0% 14.902%;
    --input: 0 0% 14.902%;
    --ring: 233.7931 56.3107% 59.6078%;
    --chart-1: 233.7931 56.3107% 59.6078%;
    --chart-2: 207.0732 80.3922% 60%;
    --chart-3: 339.7183 82.5581% 66.2745%;
    --chart-4: 34.6256 100% 55.4902%;
    --chart-5: 188.9286 68.8525% 47.8431%;
    --sidebar: 240 4% 4.902%;
    --sidebar-foreground: 0 0% 60.7843%;
    --sidebar-primary: 233.7931 56.3107% 59.6078%;
    --sidebar-primary-foreground: 0 0% 100%;
    --sidebar-accent: 240 1.7544% 11.1765%;
    --sidebar-accent-foreground: 0 0% 100%;
    --sidebar-border: 240 1.7544% 11.1765%;
    --sidebar-ring: 233.7931 56.3107% 59.6078%;
    --font-sans: var(--rd-font-sans);
    --font-serif: Georgia, serif;
    --font-mono: var(--rd-font-mono, "JetBrains Mono", ui-monospace, monospace);
    --radius: 0.375rem;
    --shadow-x: 0px;
    --shadow-y: 4px;
    --shadow-blur: 12px;
    --shadow-spread: 0px;
    --shadow-opacity: 0.4;
    --shadow-color: 0, 0, 0;
    --shadow-2xs: 0px 4px 12px 0px hsl(0 0% 0% / 0.20);
    --shadow-xs: 0px 4px 12px 0px hsl(0 0% 0% / 0.20);
    --shadow-sm: 0px 4px 12px 0px hsl(0 0% 0% / 0.40), 0px 1px 2px -1px hsl(0 0% 0% / 0.40);
    --shadow: 0px 4px 12px 0px hsl(0 0% 0% / 0.40), 0px 1px 2px -1px hsl(0 0% 0% / 0.40);
    --shadow-md: 0px 4px 12px 0px hsl(0 0% 0% / 0.40), 0px 2px 4px -1px hsl(0 0% 0% / 0.40);
    --shadow-lg: 0px 4px 12px 0px hsl(0 0% 0% / 0.40), 0px 4px 6px -1px hsl(0 0% 0% / 0.40);
    --shadow-xl: 0px 4px 12px 0px hsl(0 0% 0% / 0.40), 0px 8px 10px -1px hsl(0 0% 0% / 0.40);
    --shadow-2xl: 0px 4px 12px 0px hsl(0 0% 0% / 1);
    --tracking-normal: -0.011em;
    --spacing: 0.25rem;
  }
:is(html, .component-theme-scope).deskdarklegacy {
    /* Desk Dark Legacy - Brutalist Minimalist */
    --background: 0 0% 10.2%;
    --foreground: 0 0% 90.98%;
    --card: 0 0% 14.12%;
    --card-foreground: 0 0% 90.98%;
    --popover: 0 0% 14.12%;
    --popover-foreground: 0 0% 90.98%;
    --primary: 0 0% 100%;
    --primary-foreground: 0 0% 10.2%;
    --secondary: 0 0% 14.12%;
    --secondary-foreground: 0 0% 90.98%;
    --muted: 0 0% 16%;
    --muted-foreground: 0 0% 60%;
    --accent: 0 0% 18%;
    --accent-foreground: 0 0% 90.98%;
    --destructive: 0 84% 60%;
    --destructive-foreground: 0 0% 100%;
    --border: 0 0% 23.9%;
    --input: 0 0% 23.9%;
    --ring: 0 0% 100%;
    --chart-1: 0 0% 70%;
    --chart-2: 0 0% 55%;
    --chart-3: 0 0% 70%;
    --chart-4: 0 0% 45%;
    --chart-5: 0 0% 35%;
    --sidebar: 0 0% 8%;
    --sidebar-foreground: 0 0% 90.98%;
    --sidebar-primary: 0 0% 100%;
    --sidebar-primary-foreground: 0 0% 10.2%;
    --sidebar-accent: 0 0% 13%;
    --sidebar-accent-foreground: 0 0% 90.98%;
    --sidebar-border: 0 0% 23.9%;
    --sidebar-ring: 0 0% 100%;
    --radius: 0px;

    /* Shadows disabled - flat design */
    --shadow-2xs: none;
    --shadow-xs: none;
    --shadow-sm: none;
    --shadow: none;
    --shadow-md: none;
    --shadow-lg: none;
    --shadow-xl: none;
    --shadow-2xl: none;
    --tracking-normal: 0em;
  }
/* Desklight uses Raleway font */
:is(html.desklight body, .component-theme-scope.desklight) {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).desklight .font-sans {
    font-family: var(--rd-font-sans) !important;
  }
/* Deskdark keeps site font (--rd-font-sans) */
:is(html.deskdark body, .component-theme-scope.deskdark) {
    font-family: var(--rd-font-sans);
    font-weight: 400;
    font-size: 14px;
    letter-spacing: var(--tracking-normal);
  }
:is(html, .component-theme-scope).deskdark .font-sans {
    font-family: var(--rd-font-sans) !important;
  }
:is(html, .component-theme-scope).deskdark .font-mono {
    font-family: var(--font-mono) !important;
  }
/* Deskdarklegacy uses system sans-serif - brutalist minimalist */
:is(html.deskdarklegacy body, .component-theme-scope.deskdarklegacy) {
    font-family: var(--rd-font-sans);
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0em;
  }
:is(html, .component-theme-scope).deskdarklegacy .font-sans {
    font-family: var(--rd-font-sans) !important;
  }
:is(html, .component-theme-scope).deskdarklegacy h1, :is(html, .component-theme-scope).deskdarklegacy h2, :is(html, .component-theme-scope).deskdarklegacy h3,
  :is(html, .component-theme-scope).deskdarklegacy h4, :is(html, .component-theme-scope).deskdarklegacy h5, :is(html, .component-theme-scope).deskdarklegacy h6 {
    font-weight: 500;
  }
:is(html, .component-theme-scope).deskdarklegacy .text-muted-foreground {
    font-size: 12px;
  }
:is(html, .component-theme-scope).deskdarklegacy .\!text-muted-foreground {
    font-size: 12px !important;
  }
:is(html, .component-theme-scope).desklight .font-mono,
  :is(html, .component-theme-scope).deskdarklegacy .font-mono {
    font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
  }
:is(html, .component-theme-scope).starnight {
    /* Star Night — dark teal palette */
    --background: 220 15% 7%;
    --foreground: 60 10% 92%;
    --card: 220 12% 11%;
    --card-foreground: 60 10% 92%;
    --popover: 220 12% 11%;
    --popover-foreground: 60 10% 92%;
    --primary: 186 100% 26%;
    --primary-foreground: 0 0% 100%;
    --secondary: 186 35% 18%;
    --secondary-foreground: 186 40% 85%;
    --muted: 200 8% 18%;
    --muted-foreground: 200 6% 58%;
    --accent: 186 35% 16%;
    --accent-foreground: 186 45% 88%;
    --destructive: 0 84% 60%;
    --destructive-foreground: 0 0% 100%;
    --border: 200 10% 20%;
    --input: 200 10% 20%;
    --ring: 184 62% 34%;
    --chart-1: 186 100% 26%;
    --chart-2: 184 62% 34%;
    --chart-3: 186 35% 45%;
    --chart-4: 200 8% 35%;
    --chart-5: 60 10% 70%;
    --sidebar: 220 15% 6%;
    --sidebar-foreground: 60 10% 92%;
    --sidebar-primary: 186 100% 26%;
    --sidebar-primary-foreground: 0 0% 100%;
    --sidebar-accent: 186 35% 16%;
    --sidebar-accent-foreground: 186 45% 88%;
    --sidebar-border: 200 10% 20%;
    --sidebar-ring: 184 62% 34%;
    --radius: 0px;

    --shadow-2xs: none;
    --shadow-xs: none;
    --shadow-sm: none;
    --shadow: none;
    --shadow-md: none;
    --shadow-lg: none;
    --shadow-xl: none;
    --shadow-2xl: none;
    --tracking-normal: 0em;
  }
:is(html.starnight body, .component-theme-scope.starnight) {
    font-family: var(--rd-font-sans);
    font-weight: 400;
    font-size: 14px;
  }
:is(html, .component-theme-scope).starnight .font-sans {
    font-family: var(--rd-font-sans) !important;
  }
:is(html, .component-theme-scope).starnight .radix-themes {
    --color-background: hsl(220 15% 7%) !important;
    --color-panel-solid: hsl(220 12% 11%) !important;
    --color-surface: hsl(220 12% 11%) !important;
    --color-panel-translucent: hsla(220 12% 11% / 0.92) !important;
  }
:is(html, .component-theme-scope).algae {
    /* Algae — Supabase-inspired dark green palette */
    --background: 0 0% 9%;
    --foreground: 0 0% 98%;
    --card: 0 0% 12.2%;
    --card-foreground: 0 0% 100%;
    --popover: 0 0% 6.3%;
    --popover-foreground: 0 0% 100%;
    --primary: 153.1 60.2% 52.7%;
    --primary-foreground: 0 0% 0%;
    --secondary: 0 0% 62.7%;
    --secondary-foreground: 0 0% 0%;
    --muted: 348 11.6% 8.4%;
    --muted-foreground: 0 0% 62.7%;
    --accent: 154 100% 20.8%;
    --accent-foreground: 0 0% 100%;
    --destructive: 0 84% 60%;
    --destructive-foreground: 0 0% 0%;
    --border: 0 0% 18%;
    --input: 0 0% 22%;
    --ring: 158.4 100% 34.3%;
    --chart-1: 155.8 73.7% 38.8%;
    --chart-2: 148.8 59.8% 65.9%;
    --chart-3: 154 100% 20.8%;
    --chart-4: 153.1 60.2% 52.7%;
    --chart-5: 158.4 100% 34.3%;
    --sidebar: 0 0% 9%;
    --sidebar-foreground: 0 0% 100%;
    --sidebar-primary: 153.1 60.2% 52.7%;
    --sidebar-primary-foreground: 0 0% 0%;
    --sidebar-accent: 0 0% 5.5%;
    --sidebar-accent-foreground: 0 0% 100%;
    --sidebar-border: 0 0% 18%;
    --sidebar-ring: 158.4 100% 34.3%;
    --radius: 0px;

    --shadow-2xs: none;
    --shadow-xs: none;
    --shadow-sm: none;
    --shadow: none;
    --shadow-md: none;
    --shadow-lg: none;
    --shadow-xl: none;
    --shadow-2xl: none;
    --tracking-normal: 0em;
  }
:is(html.algae body, .component-theme-scope.algae) {
    font-family: var(--rd-font-sans);
    font-weight: 400;
    font-size: 14px;
  }
:is(html, .component-theme-scope).algae .font-sans {
    font-family: var(--rd-font-sans) !important;
  }
:is(html, .component-theme-scope).algae .radix-themes {
    --color-background: hsl(0 0% 9%) !important;
    --color-panel-solid: hsl(0 0% 12.2%) !important;
    --color-surface: hsl(0 0% 12.2%) !important;
    --color-panel-translucent: hsla(0 0% 12.2% / 0.92) !important;
  }
:is(html, .component-theme-scope).sketchpad {
    /* Sketchpad — hand-drawn cream paper + violet ink */
    --background: 56 27% 96%;
    --foreground: 229 52% 62%;
    --card: 56 27% 96%;
    --card-foreground: 229 52% 62%;
    --popover: 56 27% 96%;
    --popover-foreground: 229 52% 62%;
    --primary: 229 52% 62%;
    --primary-foreground: 0 0% 100%;
    --secondary: 0 0% 100%;
    --secondary-foreground: 229 52% 62%;
    --muted: 54 11% 91%;
    --muted-foreground: 229 52% 62%;
    --accent: 56 14% 90%;
    --accent-foreground: 229 39% 55%;
    --destructive: 27 26% 60%;
    --destructive-foreground: 0 0% 100%;
    --border: 229 52% 62%;
    --input: 229 52% 62%;
    --ring: 232 50% 60%;
    --chart-1: 229 52% 62%;
    --chart-2: 37 39% 62%;
    --chart-3: 68 29% 66%;
    --chart-4: 220 43% 72%;
    --chart-5: 342 16% 67%;
    --sidebar: 56 27% 96%;
    --sidebar-foreground: 229 52% 62%;
    --sidebar-primary: 229 52% 62%;
    --sidebar-primary-foreground: 0 0% 100%;
    --sidebar-accent: 56 14% 90%;
    --sidebar-accent-foreground: 229 39% 55%;
    --sidebar-border: 229 39% 55%;
    --sidebar-ring: 232 50% 60%;
    --radius: 0px;

    --shadow-2xs: 4px 4px 0px 0px hsl(229 52% 62% / 0.07);
    --shadow-xs: 4px 4px 0px 0px hsl(229 52% 62% / 0.07);
    --shadow-sm: 4px 4px 0px 0px hsl(229 52% 62% / 0.15), 4px 1px 2px -1px hsl(229 52% 62% / 0.15);
    --shadow: 4px 4px 0px 0px hsl(229 52% 62% / 0.15), 4px 1px 2px -1px hsl(229 52% 62% / 0.15);
    --shadow-md: 4px 4px 0px 0px hsl(229 52% 62% / 0.15), 4px 2px 4px -1px hsl(229 52% 62% / 0.15);
    --shadow-lg: 4px 4px 0px 0px hsl(229 52% 62% / 0.15), 4px 4px 6px -1px hsl(229 52% 62% / 0.15);
    --shadow-xl: 4px 4px 0px 0px hsl(229 52% 62% / 0.15), 4px 8px 10px -1px hsl(229 52% 62% / 0.15);
    --shadow-2xl: 4px 4px 0px 0px hsl(229 52% 62% / 0.38);
    --tracking-normal: 0em;
  }
:is(html.sketchpad body, .component-theme-scope.sketchpad) {
    font-family: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-weight: 400;
    font-size: 14px;
  }
:is(html, .component-theme-scope).sketchpad .font-sans,
  :is(html, .component-theme-scope).sketchpad .font-mono {
    font-family: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
  }
:is(html, .component-theme-scope).sketchpad .radix-themes {
    --color-background: hsl(56 27% 96%) !important;
    --color-panel-solid: hsl(56 27% 96%) !important;
    --color-surface: hsl(56 27% 96%) !important;
    --color-panel-translucent: hsla(56 27% 96% / 0.92) !important;
  }
:is(html, .component-theme-scope).forrestville {
    /* Forrestville — dark forest-slate studio */
    --background: 140 9.1% 6.5%;
    --foreground: 128.6 17.9% 92.4%;
    --card: 135 13.3% 11.8%;
    --card-foreground: 128.6 17.9% 92.4%;
    --popover: 135 13.3% 11.8%;
    --popover-foreground: 128.6 17.9% 92.4%;
    --primary: 152.7 30.8% 42%;
    --primary-foreground: 0 0% 100%;
    --secondary: 150 3.8% 10.2%;
    --secondary-foreground: 128.6 17.9% 92.4%;
    --muted: 140 4.9% 12%;
    --muted-foreground: 129.2 8.1% 68.4%;
    --accent: 151.8 23.3% 14.3%;
    --accent-foreground: 143.8 38.1% 72.7%;
    --destructive: 0 62% 45%;
    --destructive-foreground: 0 0% 100%;
    --border: 140 3.7% 15.9%;
    --input: 140 4.9% 12%;
    --ring: 152.7 30.8% 42%;
    --chart-1: 152.7 30.8% 42%;
    --chart-2: 200 30% 38%;
    --chart-3: 143.8 38.1% 72.7%;
    --chart-4: 160 18% 28%;
    --chart-5: 210 22% 45%;
    --sidebar: 120 4.8% 4.1%;
    --sidebar-foreground: 129.2 8.1% 68.4%;
    --sidebar-primary: 152.7 30.8% 42%;
    --sidebar-primary-foreground: 0 0% 100%;
    --sidebar-accent: 151.8 23.3% 14.3%;
    --sidebar-accent-foreground: 143.8 38.1% 72.7%;
    --sidebar-border: 140 3.7% 15.9%;
    --sidebar-ring: 152.7 30.8% 42%;
    --font-sans: "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
    --font-serif: Georgia, serif;
    --font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace;
    --radius: 0.75rem;
    --shadow-2xs: none;
    --shadow-xs: none;
    --shadow-sm: none;
    --shadow: none;
    --shadow-md: none;
    --shadow-lg: none;
    --shadow-xl: none;
    --shadow-2xl: none;
    --tracking-normal: -0.02em;
    --spacing: 0.25rem;
  }
:is(html.forrestville body, .component-theme-scope.forrestville) {
    font-family: "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
    letter-spacing: var(--tracking-normal);
  }
:is(html, .component-theme-scope).forrestville .font-sans {
    font-family: "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif !important;
  }
:is(html, .component-theme-scope).forrestville .font-mono {
    font-family: "JetBrains Mono", "Fira Code", ui-monospace, monospace !important;
  }
:is(html, .component-theme-scope).forrestville .radix-themes {
    --color-background: hsl(140 9.1% 6.5%) !important;
    --color-panel-solid: hsl(135 13.3% 11.8%) !important;
    --color-surface: hsl(140 4.9% 12%) !important;
    --color-panel-translucent: hsla(135 13.3% 11.8% / 0.92) !important;
  }
/* Forrestville atmosphere: wash + moss/slate glows + light grain (html only) */
html.forrestville body {
    background-color: #0a0b0a;
    background-image: linear-gradient(180deg, #121412 0%, #0c0e0c 45%, #0a0b0a 100%);
    background-attachment: fixed;
  }
html.forrestville body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
      radial-gradient(ellipse 70% 55% at 8% 0%, rgba(74, 140, 110, 0.2), transparent 60%),
      radial-gradient(ellipse 55% 50% at 92% 4%, rgba(40, 70, 90, 0.28), transparent 58%);
  }
html.forrestville body::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: 0.035;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    background-size: 180px 180px;
  }
html.forrestville #root,
  html.forrestville #app-root {
    position: relative;
    z-index: 1;
  }
/* Override Radix UI Theme backgrounds for night mode */
:is(html, .component-theme-scope).night .radix-themes {
    --color-background: hsl(0 0% 0%) !important;
    --color-panel-solid: hsl(0 0% 0%) !important;
    --color-surface: hsl(0 0% 0%) !important;
    --color-panel-translucent: hsla(0 0% 0% / 0.9) !important;
  }
* {
  border-color: hsl(var(--border));
}
.em-pro * {
  border-color: var(--em-line);
}
.em-pro.em-pro--site-theme * {
  border-color: hsl(var(--border));
}
[data-light-panel="true"] * {
  border-color: rgba(0, 0, 0, 0.15);
}
:is(html, .component-theme-scope).caffe html {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).brooklet html {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).airbus html {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).ableton html {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).desklight html {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).deskdark html {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).deskdarklegacy html {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).starnight html {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).algae html {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).sketchpad html {
    font-family: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  }
:is(html, .component-theme-scope).forrestville html {
    font-family: "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  }
html {
  height: 100%;
  scroll-behavior: smooth;
  font-family: var(--font-sans), TT Commons, Neue Haas Display, Inter, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[data-deskbase] html,
[data-deskbase-portal] html {
  font-family: var(--deskbase-font);
  font-size: var(--deskbase-text-size, 10px);
  line-height: 1.25;
  font-feature-settings: 'kern' 1, 'liga' 1;
}

:is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is(html,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)),
html.site-font-active
  :is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is(html,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)) {
  font-family: var(--build-page-font-family);
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] html.relative.flex.min-h-0.shrink-0 {
  align-self: flex-start;
}
.ui-build-page
  [data-ui-build-gallery='carousel-v1']
  [data-primary-ui-containers]
  #project-interface-catalogue-applet[data-catalogue-ps1-layout]
  html.relative.flex.min-h-0.shrink-0:has([data-project-catalogue-ps1-sidebar]) {
  align-self: stretch;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] html.relative.flex {
  overflow: visible;
}

.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] #project-interface-catalogue-applet html.relative.flex.min-h-0.shrink-0:has([data-project-catalogue-ps1-sidebar]) {
  min-width: calc(2.5rem + 11rem);
  flex-shrink: 0;
}

html.site-font-active html:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]) {
  font-family: var(--site-font-sans);
  font-feature-settings: "liga" 0, "calt" 0, "dlig" 0;
}
html {
    -moz-osx-font-smoothing: grayscale;
  }
:is(html, .component-theme-scope).caffe body {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).brooklet body {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).airbus body {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).ableton body {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).desklight body {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).deskdark body {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).deskdarklegacy body {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).starnight body {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).algae body {
    font-family: var(--rd-font-sans);
  }
:is(html, .component-theme-scope).sketchpad body {
    font-family: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  }
:is(html, .component-theme-scope).forrestville body {
    font-family: "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  }
body {
  height: 100%;
  background-color: hsl(var(--background));
  font-family: var(--font-sans), TT Commons, Neue Haas Display, Inter, sans-serif;
  color: hsl(var(--foreground));
}
.rd-opaque-card.rd-icons-floater-chrome body {
  color: #fff;
}
body {
  background-color: hsl(var(--background));
}

[data-deskbase] body,
[data-deskbase-portal] body {
  color: #ffffff;
  font-family: var(--deskbase-font);
  font-size: var(--deskbase-text-size, 10px);
  line-height: 1.25;
  font-feature-settings: 'kern' 1, 'liga' 1;
}

:is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is(body,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)),
html.site-font-active
  :is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is(body,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)) {
  font-family: var(--build-page-font-family);
}
.em-pro body {
  background-color: var(--em-panel);
}

.em-pro.em-pro--site-theme body {
  color: hsl(var(--foreground));
}
.em-pro.em-pro--site-theme body {
  background-color: hsl(var(--background));
}

.ui-build-page .em-pro body {
  color: hsl(var(--foreground));
}
.ui-build-page .em-pro body {
  background-color: hsl(var(--background));
}
.ui-build-glass.ui-build-glass-pro body {
  background: transparent;
  color: rgba(255, 255, 255, 0.94);
}
.ui-build-glass.ui-build-glass-listings button.group.rounded-xl body {
  color: rgba(255, 255, 255, 0.94);
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] body.relative.flex.min-h-0.shrink-0 {
  align-self: flex-start;
}
.ui-build-page
  [data-ui-build-gallery='carousel-v1']
  [data-primary-ui-containers]
  #project-interface-catalogue-applet[data-catalogue-ps1-layout]
  body.relative.flex.min-h-0.shrink-0:has([data-project-catalogue-ps1-sidebar]) {
  align-self: stretch;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] body.relative.flex {
  overflow: visible;
}

.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] #project-interface-catalogue-applet body.relative.flex.min-h-0.shrink-0:has([data-project-catalogue-ps1-sidebar]) {
  min-width: calc(2.5rem + 11rem);
  flex-shrink: 0;
}
[data-light-panel="true"] body {
  color: rgba(0, 0, 0, 0.9);
}

html.site-font-active body:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]) {
  font-family: var(--site-font-sans);
  font-feature-settings: "liga" 0, "calt" 0, "dlig" 0;
}
.desk-os-menubar [role="menubar"] buttonbody {
  color: hsl(var(--foreground));
}
#root {
  display: flex;
  height: 100%;
  flex-direction: column;
}

[data-module-tight] #root > .border + .border {
  margin-left: -1px;
}
@media screen and (min-width: 1px) {
  #root {
    max-width: 100%;
  }
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] .relative.flex#root.min-h-0.shrink-0 {
  align-self: flex-start;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] .relative#root.h-full.min-h-0.shrink-0 {
  align-self: flex-start;
}
.ui-build-page
  [data-ui-build-gallery='carousel-v1']
  [data-primary-ui-containers]
  #project-interface-catalogue-applet[data-catalogue-ps1-layout]
  .relative.flex#root.min-h-0.shrink-0:has([data-project-catalogue-ps1-sidebar]) {
  align-self: stretch;
}
.ui-build-page
  [data-ui-build-gallery='carousel-v1']
  [data-primary-ui-containers]
  #project-interface-catalogue-applet[data-catalogue-ps1-layout]
  .relative#root.h-full.min-h-0.shrink-0:has([data-project-catalogue-ps1-sidebar]) {
  align-self: stretch;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] .relative.flex#root {
  overflow: visible;
}
.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] .relative#root.h-full {
  overflow: visible;
}

.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] #project-interface-catalogue-applet .relative.flex#root.min-h-0.shrink-0:has([data-project-catalogue-ps1-sidebar]) {
  min-width: calc(2.5rem + 11rem);
  flex-shrink: 0;
}

.ui-build-page [data-ui-build-gallery='carousel-v1'] [data-primary-ui-containers] #project-interface-catalogue-applet .relative#root.h-full.min-h-0.shrink-0:has([data-project-catalogue-ps1-sidebar]) {
  min-width: calc(2.5rem + 11rem);
  flex-shrink: 0;
}
/* Neo Brutalism - Force sharp corners on all elements by default */
/* This overrides hardcoded Tailwind rounded classes when --radius is 0px */
.rounded,
  .rounded-sm,
  .rounded-md,
  .rounded-lg,
  .rounded-xl,
  .rounded-2xl,
  .rounded-3xl {
    border-radius: var(--radius) !important;
  }

  .\!rounded-md {
    border-radius: var(--radius) !important;
  }

  .\!rounded-lg {
    border-radius: var(--radius) !important;
  }
/* Preserve intentional full-rounded elements (avatars, radio buttons, etc.) */
.rounded-full {
    border-radius: 9999px !important;
  }
/* Preserve none for explicit overrides */
.\!rounded-none {
    border-radius: 0px !important;
  }
.rounded-none {
    border-radius: 0px !important;
  }
/* Rounded corners mode - activated via class on html. */
/* Chained against every theme class to defeat per-theme --radius defaults. */
html.rounded-corners,
  html.rounded-corners.light,
  html.rounded-corners.ableton,
  html.rounded-corners.night,
  html.rounded-corners.grun,
  html.rounded-corners.caffe,
  html.rounded-corners.xwing,
  html.rounded-corners.kumquat,
  html.rounded-corners.brooklet,
  html.rounded-corners.airbus,
  html.rounded-corners.desklight,
  html.rounded-corners.deskdark,
  html.rounded-corners.deskdarklegacy,
  html.rounded-corners.starnight,
  html.rounded-corners.algae,
  html.rounded-corners.sketchpad,
  html.rounded-corners.forrestville {
    --radius: 0.5rem !important;
  }

  html.rounded-corners.\!light {
    --radius: 0.5rem !important;
  }
html.rounded-corners .rounded { border-radius: 0.375rem !important; }
html.rounded-corners .rounded-sm { border-radius: 0.25rem !important; }
html.rounded-corners .rounded-md { border-radius: 0.375rem !important; }
html.rounded-corners .\!rounded-md { border-radius: 0.375rem !important; }
html.rounded-corners .rounded-lg { border-radius: 0.5rem !important; }
html.rounded-corners .\!rounded-lg { border-radius: 0.5rem !important; }
html.rounded-corners .rounded-xl { border-radius: 0.75rem !important; }
html.rounded-corners .rounded-2xl { border-radius: 1rem !important; }
html.rounded-corners .rounded-3xl { border-radius: 1.5rem !important; }
/* Global fallback for elements that don't use Tailwind rounded classes */
html.rounded-corners button,
  html.rounded-corners input,
  html.rounded-corners select,
  html.rounded-corners textarea,
  html.rounded-corners [role="dialog"],
  html.rounded-corners [role="menu"],
  html.rounded-corners [role="listbox"],
  html.rounded-corners [data-radix-popper-content-wrapper] > *,
  html.rounded-corners [data-radix-dialog-content],
  html.rounded-corners [data-radix-dropdown-menu-content],
  html.rounded-corners [data-radix-popover-content],
  html.rounded-corners [data-radix-select-content],
  html.rounded-corners .card {
    border-radius: 0.375rem !important;
  }

  html.rounded-corners .\!card {
    border-radius: 0.375rem !important;
  }
/* Mobile optimizations */
@media (max-width: 640px) {
    .page-content > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
  }
    .page-content {
    padding: 0.375rem;
  }
    
    h1 {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
[data-module-tight] h1  { font-size: 0.95rem; line-height: 1.4; }

[data-module-tight-off] h1,
[data-module-tight] [data-module-tight-off] h1 {
  font-size: revert;
  line-height: revert;
}

[data-module-tight] [data-blocknest-studio] h1 {
  font-size: revert;
  line-height: revert;
}
    
    h2 {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
[data-module-tight] h2  { font-size: 0.875rem; line-height: 1.4; }

[data-module-tight-off] h2,
[data-module-tight] [data-module-tight-off] h2 {
  font-size: revert;
  line-height: revert;
}

[data-module-tight] [data-blocknest-studio] h2 {
  font-size: revert;
  line-height: revert;
}
    
    h3 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  }
*, ::before, ::after {
  --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: rgb(59 130 246 / 0.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:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
::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: rgb(59 130 246 / 0.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:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
.\!container {
  width: 100% !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 2rem !important;
  padding-left: 2rem !important;
}
.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem;
}
@media (min-width: 1400px) {
  .\!container {
    max-width: 1400px !important;
  }
  .container {
    max-width: 1400px;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.not-sr-only {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}
.\!pointer-events-none {
  pointer-events: none !important;
}
.pointer-events-none {
  pointer-events: none;
}
.pointer-events-auto {
  pointer-events: auto;
}
.\!visible {
  visibility: visible !important;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.\!collapse {
  visibility: collapse !important;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.\!fixed {
  position: fixed !important;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.\!relative {
  position: relative !important;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.-inset-0\.5 {
  inset: -0.125rem;
}
.-inset-1 {
  inset: -0.25rem;
}
.-inset-2 {
  inset: -0.5rem;
}
.-inset-24 {
  inset: -6rem;
}
.-inset-4 {
  inset: -1rem;
}
.-inset-40 {
  inset: -10rem;
}
.-inset-\[2px\] {
  inset: -2px;
}
.-inset-\[3px\] {
  inset: -3px;
}
.-inset-full {
  inset: -100%;
}
.inset-0 {
  inset: 0px;
}
.inset-0\.5 {
  inset: 0.125rem;
}
.inset-1 {
  inset: 0.25rem;
}
.inset-1\.5 {
  inset: 0.375rem;
}
.inset-1\/4 {
  inset: 25%;
}
.inset-2 {
  inset: 0.5rem;
}
.inset-3 {
  inset: 0.75rem;
}
.inset-4 {
  inset: 1rem;
}
.inset-6 {
  inset: 1.5rem;
}
.inset-8 {
  inset: 2rem;
}
.inset-\[-1000\%\] {
  inset: -1000%;
}
.inset-\[-20\%\] {
  inset: -20%;
}
.inset-\[10\%\] {
  inset: 10%;
}
.inset-\[10px\] {
  inset: 10px;
}
.inset-\[12\%\] {
  inset: 12%;
}
.inset-\[1px\] {
  inset: 1px;
}
.inset-\[20\%\] {
  inset: 20%;
}
.inset-\[22\%\] {
  inset: 22%;
}
.inset-\[3\.5\%\] {
  inset: 3.5%;
}
.inset-\[3px\] {
  inset: 3px;
}
.inset-\[4px\] {
  inset: 4px;
}
.inset-\[5\%\] {
  inset: 5%;
}
.inset-\[6px\] {
  inset: 6px;
}
.inset-\[9px\] {
  inset: 9px;
}
.-inset-x-2 {
  left: -0.5rem;
  right: -0.5rem;
}
.-inset-x-px {
  left: -1px;
  right: -1px;
}
.inset-x-0 {
  left: 0px;
  right: 0px;
}
.inset-x-0\.5 {
  left: 0.125rem;
  right: 0.125rem;
}
.inset-x-1 {
  left: 0.25rem;
  right: 0.25rem;
}
.inset-x-1\.5 {
  left: 0.375rem;
  right: 0.375rem;
}
.inset-x-2 {
  left: 0.5rem;
  right: 0.5rem;
}
.inset-x-3 {
  left: 0.75rem;
  right: 0.75rem;
}
.inset-x-4 {
  left: 1rem;
  right: 1rem;
}
.inset-x-8 {
  left: 2rem;
  right: 2rem;
}
.inset-x-\[-12\%\] {
  left: -12%;
  right: -12%;
}
.inset-x-\[4\.78cqw\] {
  left: 4.78cqw;
  right: 4.78cqw;
}
.inset-y-0 {
  top: 0px;
  bottom: 0px;
}
.inset-y-1 {
  top: 0.25rem;
  bottom: 0.25rem;
}
.inset-y-1\.5 {
  top: 0.375rem;
  bottom: 0.375rem;
}
.inset-y-12 {
  top: 3rem;
  bottom: 3rem;
}
.inset-y-2 {
  top: 0.5rem;
  bottom: 0.5rem;
}
.inset-y-3 {
  top: 0.75rem;
  bottom: 0.75rem;
}
.inset-y-8 {
  top: 2rem;
  bottom: 2rem;
}
.\!bottom-20 {
  bottom: 5rem !important;
}
.\!right-auto {
  right: auto !important;
}
.-bottom-0\.5 {
  bottom: -0.125rem;
}
.-bottom-1 {
  bottom: -0.25rem;
}
.-bottom-1\.5 {
  bottom: -0.375rem;
}
.-bottom-10 {
  bottom: -2.5rem;
}
.-bottom-12 {
  bottom: -3rem;
}
.-bottom-16 {
  bottom: -4rem;
}
.-bottom-2 {
  bottom: -0.5rem;
}
.-bottom-20 {
  bottom: -5rem;
}
.-bottom-3 {
  bottom: -0.75rem;
}
.-bottom-3\.5 {
  bottom: -0.875rem;
}
.-bottom-4 {
  bottom: -1rem;
}
.-bottom-5 {
  bottom: -1.25rem;
}
.-bottom-6 {
  bottom: -1.5rem;
}
.-bottom-7 {
  bottom: -1.75rem;
}
.-bottom-8 {
  bottom: -2rem;
}
.-bottom-\[10px\] {
  bottom: -10px;
}
.-bottom-\[1px\] {
  bottom: -1px;
}
.-bottom-\[6px\] {
  bottom: -6px;
}
.-bottom-px {
  bottom: -1px;
}
.-end-px {
  inset-inline-end: -1px;
}
.-left-0\.5 {
  left: -0.125rem;
}
.-left-1 {
  left: -0.25rem;
}
.-left-1\.5 {
  left: -0.375rem;
}
.-left-12 {
  left: -3rem;
}
.-left-16 {
  left: -4rem;
}
.-left-2 {
  left: -0.5rem;
}
.-left-2\.5 {
  left: -0.625rem;
}
.-left-20 {
  left: -5rem;
}
.-left-3 {
  left: -0.75rem;
}
.-left-4 {
  left: -1rem;
}
.-left-40 {
  left: -10rem;
}
.-left-5 {
  left: -1.25rem;
}
.-left-6 {
  left: -1.5rem;
}
.-left-60 {
  left: -15rem;
}
.-left-7 {
  left: -1.75rem;
}
.-left-9 {
  left: -2.25rem;
}
.-left-\[1\.35rem\] {
  left: -1.35rem;
}
.-left-\[1\.6rem\] {
  left: -1.6rem;
}
.-left-\[10px\] {
  left: -10px;
}
.-left-\[2\.15rem\] {
  left: -2.15rem;
}
.-left-\[22px\] {
  left: -22px;
}
.-left-\[25px\] {
  left: -25px;
}
.-left-\[31px\] {
  left: -31px;
}
.-left-\[3px\] {
  left: -3px;
}
.-left-\[5px\] {
  left: -5px;
}
.-left-\[6px\] {
  left: -6px;
}
.-left-\[7px\] {
  left: -7px;
}
.-left-\[8px\] {
  left: -8px;
}
.-left-px {
  left: -1px;
}
.-right-0\.5 {
  right: -0.125rem;
}
.-right-1 {
  right: -0.25rem;
}
.-right-1\.5 {
  right: -0.375rem;
}
.-right-10 {
  right: -2.5rem;
}
.-right-12 {
  right: -3rem;
}
.-right-2 {
  right: -0.5rem;
}
.-right-2\.5 {
  right: -0.625rem;
}
.-right-20 {
  right: -5rem;
}
.-right-3 {
  right: -0.75rem;
}
.-right-3\.5 {
  right: -0.875rem;
}
.-right-4 {
  right: -1rem;
}
.-right-40 {
  right: -10rem;
}
.-right-5 {
  right: -1.25rem;
}
.-right-6 {
  right: -1.5rem;
}
.-right-7 {
  right: -1.75rem;
}
.-right-8 {
  right: -2rem;
}
.-right-\[10px\] {
  right: -10px;
}
.-right-\[12\.5px\] {
  right: -12.5px;
}
.-right-\[1px\] {
  right: -1px;
}
.-right-\[3px\] {
  right: -3px;
}
.-right-\[6px\] {
  right: -6px;
}
.-right-\[7px\] {
  right: -7px;
}
.-right-px {
  right: -1px;
}
.-top-0 {
  top: -0px;
}
.-top-0\.5 {
  top: -0.125rem;
}
.-top-1 {
  top: -0.25rem;
}
.-top-1\.5 {
  top: -0.375rem;
}
.-top-10 {
  top: -2.5rem;
}
.-top-12 {
  top: -3rem;
}
.-top-2 {
  top: -0.5rem;
}
.-top-2\.5 {
  top: -0.625rem;
}
.-top-20 {
  top: -5rem;
}
.-top-24 {
  top: -6rem;
}
.-top-3 {
  top: -0.75rem;
}
.-top-4 {
  top: -1rem;
}
.-top-40 {
  top: -10rem;
}
.-top-44 {
  top: -11rem;
}
.-top-5 {
  top: -1.25rem;
}
.-top-6 {
  top: -1.5rem;
}
.-top-7 {
  top: -1.75rem;
}
.-top-8 {
  top: -2rem;
}
.-top-9 {
  top: -2.25rem;
}
.-top-\[1\.2px\] {
  top: -1.2px;
}
.-top-\[10px\] {
  top: -10px;
}
.-top-\[1px\] {
  top: -1px;
}
.-top-\[2px\] {
  top: -2px;
}
.-top-\[31px\] {
  top: -31px;
}
.-top-\[3px\] {
  top: -3px;
}
.-top-\[6px\] {
  top: -6px;
}
.-top-px {
  top: -1px;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-0\.5 {
  bottom: 0.125rem;
}
.bottom-1 {
  bottom: 0.25rem;
}
.bottom-1\.5 {
  bottom: 0.375rem;
}
.bottom-1\/3 {
  bottom: 33.333333%;
}
.bottom-1\/4 {
  bottom: 25%;
}
.bottom-10 {
  bottom: 2.5rem;
}
.bottom-12 {
  bottom: 3rem;
}
.bottom-14 {
  bottom: 3.5rem;
}
.bottom-16 {
  bottom: 4rem;
}
.bottom-2 {
  bottom: 0.5rem;
}
.bottom-20 {
  bottom: 5rem;
}
.bottom-24 {
  bottom: 6rem;
}
.bottom-28 {
  bottom: 7rem;
}
.bottom-3 {
  bottom: 0.75rem;
}
.bottom-3\.5 {
  bottom: 0.875rem;
}
.bottom-32 {
  bottom: 8rem;
}
.bottom-36 {
  bottom: 9rem;
}
.bottom-4 {
  bottom: 1rem;
}
.bottom-40 {
  bottom: 10rem;
}
.bottom-5 {
  bottom: 1.25rem;
}
.bottom-6 {
  bottom: 1.5rem;
}
.bottom-60 {
  bottom: 15rem;
}
.bottom-8 {
  bottom: 2rem;
}
.bottom-9 {
  bottom: 2.25rem;
}
.bottom-\[-4px\] {
  bottom: -4px;
}
.bottom-\[10\%\] {
  bottom: 10%;
}
.bottom-\[100px\] {
  bottom: 100px;
}
.bottom-\[12px\] {
  bottom: 12px;
}
.bottom-\[140px\] {
  bottom: 140px;
}
.bottom-\[16px\] {
  bottom: 16px;
}
.bottom-\[180px\] {
  bottom: 180px;
}
.bottom-\[187px\] {
  bottom: 187px;
}
.bottom-\[1px\] {
  bottom: 1px;
}
.bottom-\[200px\] {
  bottom: 200px;
}
.bottom-\[212px\] {
  bottom: 212px;
}
.bottom-\[2px\] {
  bottom: 2px;
}
.bottom-\[4\.3cqw\] {
  bottom: 4.3cqw;
}
.bottom-\[50px\] {
  bottom: 50px;
}
.bottom-\[6\%\] {
  bottom: 6%;
}
.bottom-\[60px\] {
  bottom: 60px;
}
.bottom-\[70px\] {
  bottom: 70px;
}
.bottom-\[80px\] {
  bottom: 80px;
}
.bottom-\[90px\] {
  bottom: 90px;
}
.bottom-\[calc\(100\%\+6px\)\] {
  bottom: calc(100% + 6px);
}
.bottom-\[calc\(100\%_\+_0\.5rem\)\] {
  bottom: calc(100% + 0.5rem);
}
.bottom-\[calc\(4\.5rem\+8px\)\] {
  bottom: calc(4.5rem + 8px);
}
.bottom-\[calc\(var\(--inset\)\+0\.8rem\)\] {
  bottom: calc(var(--inset) + 0.8rem);
}
.bottom-full {
  bottom: 100%;
}
.end-0 {
  inset-inline-end: 0px;
}
.end-0\.5 {
  inset-inline-end: 0.125rem;
}
.end-1 {
  inset-inline-end: 0.25rem;
}
.end-2 {
  inset-inline-end: 0.5rem;
}
.end-3 {
  inset-inline-end: 0.75rem;
}
.end-full {
  inset-inline-end: 100%;
}
.left-0 {
  left: 0px;
}
.left-0\.5 {
  left: 0.125rem;
}
.left-1 {
  left: 0.25rem;
}
.left-1\.5 {
  left: 0.375rem;
}
.left-1\/2 {
  left: 50%;
}
.left-1\/3 {
  left: 33.333333%;
}
.left-1\/4 {
  left: 25%;
}
.left-10 {
  left: 2.5rem;
}
.left-11 {
  left: 2.75rem;
}
.left-12 {
  left: 3rem;
}
.left-14 {
  left: 3.5rem;
}
.left-16 {
  left: 4rem;
}
.left-2 {
  left: 0.5rem;
}
.left-2\.5 {
  left: 0.625rem;
}
.left-20 {
  left: 5rem;
}
.left-24 {
  left: 6rem;
}
.left-3 {
  left: 0.75rem;
}
.left-3\.5 {
  left: 0.875rem;
}
.left-36 {
  left: 9rem;
}
.left-4 {
  left: 1rem;
}
.left-5 {
  left: 1.25rem;
}
.left-52 {
  left: 13rem;
}
.left-6 {
  left: 1.5rem;
}
.left-72 {
  left: 18rem;
}
.left-8 {
  left: 2rem;
}
.left-9 {
  left: 2.25rem;
}
.left-\[-12px\] {
  left: -12px;
}
.left-\[-16px\] {
  left: -16px;
}
.left-\[-1px\] {
  left: -1px;
}
.left-\[-20px\] {
  left: -20px;
}
.left-\[-30\%\] {
  left: -30%;
}
.left-\[-9px\] {
  left: -9px;
}
.left-\[1\.375rem\] {
  left: 1.375rem;
}
.left-\[10\%\] {
  left: 10%;
}
.left-\[10px\] {
  left: 10px;
}
.left-\[11px\] {
  left: 11px;
}
.left-\[12\.5px\] {
  left: 12.5px;
}
.left-\[13px\] {
  left: 13px;
}
.left-\[15\%\] {
  left: 15%;
}
.left-\[15px\] {
  left: 15px;
}
.left-\[18px\] {
  left: 18px;
}
.left-\[20\%\] {
  left: 20%;
}
.left-\[20px\] {
  left: 20px;
}
.left-\[22px\] {
  left: 22px;
}
.left-\[25\%\] {
  left: 25%;
}
.left-\[27px\] {
  left: 27px;
}
.left-\[3\.38px\] {
  left: 3.38px;
}
.left-\[30\%\] {
  left: 30%;
}
.left-\[30px\] {
  left: 30px;
}
.left-\[34px\] {
  left: 34px;
}
.left-\[36px\] {
  left: 36px;
}
.left-\[3px\] {
  left: 3px;
}
.left-\[4\.29px\] {
  left: 4.29px;
}
.left-\[4\.78cqw\] {
  left: 4.78cqw;
}
.left-\[40px\] {
  left: 40px;
}
.left-\[42\%\] {
  left: 42%;
}
.left-\[4px\] {
  left: 4px;
}
.left-\[5\%\] {
  left: 5%;
}
.left-\[50\%\] {
  left: 50%;
}
.left-\[50px\] {
  left: 50px;
}
.left-\[54px\] {
  left: 54px;
}
.left-\[5px\] {
  left: 5px;
}
.left-\[60\%\] {
  left: 60%;
}
.left-\[60px\] {
  left: 60px;
}
.left-\[70px\] {
  left: 70px;
}
.left-\[71\%\] {
  left: 71%;
}
.left-\[72\%\] {
  left: 72%;
}
.left-\[75\%\] {
  left: 75%;
}
.left-\[7px\] {
  left: 7px;
}
.left-\[8\%\] {
  left: 8%;
}
.left-\[9px\] {
  left: 9px;
}
.left-\[calc\(100\%-44px\)\] {
  left: calc(100% - 44px);
}
.left-\[calc\(var\(--gutter\)\+var\(--pad\)\)\] {
  left: calc(var(--gutter) + var(--pad));
}
.left-\[var\(--pad\)\] {
  left: var(--pad);
}
.left-full {
  left: 100%;
}
.left-px {
  left: 1px;
}
.right-0 {
  right: 0px;
}
.right-0\.5 {
  right: 0.125rem;
}
.right-1 {
  right: 0.25rem;
}
.right-1\.5 {
  right: 0.375rem;
}
.right-1\/3 {
  right: 33.333333%;
}
.right-1\/4 {
  right: 25%;
}
.right-10 {
  right: 2.5rem;
}
.right-11 {
  right: 2.75rem;
}
.right-12 {
  right: 3rem;
}
.right-16 {
  right: 4rem;
}
.right-2 {
  right: 0.5rem;
}
.right-2\.5 {
  right: 0.625rem;
}
.right-20 {
  right: 5rem;
}
.right-24 {
  right: 6rem;
}
.right-3 {
  right: 0.75rem;
}
.right-3\.5 {
  right: 0.875rem;
}
.right-4 {
  right: 1rem;
}
.right-48 {
  right: 12rem;
}
.right-5 {
  right: 1.25rem;
}
.right-6 {
  right: 1.5rem;
}
.right-8 {
  right: 2rem;
}
.right-\[-10px\] {
  right: -10px;
}
.right-\[-3px\] {
  right: -3px;
}
.right-\[-40px\] {
  right: -40px;
}
.right-\[-42px\] {
  right: -42px;
}
.right-\[11px\] {
  right: 11px;
}
.right-\[14\.5rem\] {
  right: 14.5rem;
}
.right-\[16px\] {
  right: 16px;
}
.right-\[20\%\] {
  right: 20%;
}
.right-\[3px\] {
  right: 3px;
}
.right-\[4\%\] {
  right: 4%;
}
.right-\[40\%\] {
  right: 40%;
}
.right-\[40px\] {
  right: 40px;
}
.right-\[50px\] {
  right: 50px;
}
.right-\[60px\] {
  right: 60px;
}
.right-\[72px\] {
  right: 72px;
}
.right-\[80px\] {
  right: 80px;
}
.right-\[calc\(var\(--meta\)\+var\(--pad\)\)\] {
  right: calc(var(--meta) + var(--pad));
}
.right-auto {
  right: auto;
}
.right-full {
  right: 100%;
}
.right-px {
  right: 1px;
}
.start-0 {
  inset-inline-start: 0px;
}
.start-0\.5 {
  inset-inline-start: 0.125rem;
}
.start-1 {
  inset-inline-start: 0.25rem;
}
.start-1\.5 {
  inset-inline-start: 0.375rem;
}
.start-1\/2 {
  inset-inline-start: 50%;
}
.start-2 {
  inset-inline-start: 0.5rem;
}
.start-3 {
  inset-inline-start: 0.75rem;
}
.start-full {
  inset-inline-start: 100%;
}
.top-0 {
  top: 0px;
}
.top-0\.5 {
  top: 0.125rem;
}
.top-1 {
  top: 0.25rem;
}
.top-1\.5 {
  top: 0.375rem;
}
.top-1\/2 {
  top: 50%;
}
.top-1\/3 {
  top: 33.333333%;
}
.top-1\/4 {
  top: 25%;
}
.top-10 {
  top: 2.5rem;
}
.top-11 {
  top: 2.75rem;
}
.top-12 {
  top: 3rem;
}
.top-14 {
  top: 3.5rem;
}
.top-16 {
  top: 4rem;
}
.top-2 {
  top: 0.5rem;
}
.top-2\.5 {
  top: 0.625rem;
}
.top-2\/4 {
  top: 50%;
}
.top-20 {
  top: 5rem;
}
.top-24 {
  top: 6rem;
}
.top-28 {
  top: 7rem;
}
.top-3 {
  top: 0.75rem;
}
.top-3\.5 {
  top: 0.875rem;
}
.top-3\/4 {
  top: 75%;
}
.top-32 {
  top: 8rem;
}
.top-36 {
  top: 9rem;
}
.top-4 {
  top: 1rem;
}
.top-40 {
  top: 10rem;
}
.top-44 {
  top: 11rem;
}
.top-48 {
  top: 12rem;
}
.top-5 {
  top: 1.25rem;
}
.top-6 {
  top: 1.5rem;
}
.top-7 {
  top: 1.75rem;
}
.top-8 {
  top: 2rem;
}
.top-9 {
  top: 2.25rem;
}
.top-\[100px\] {
  top: 100px;
}
.top-\[11\%\] {
  top: 11%;
}
.top-\[110px\] {
  top: 110px;
}
.top-\[112px\] {
  top: 112px;
}
.top-\[12\%\] {
  top: 12%;
}
.top-\[120px\] {
  top: 120px;
}
.top-\[12px\] {
  top: 12px;
}
.top-\[14px\] {
  top: 14px;
}
.top-\[15\%\] {
  top: 15%;
}
.top-\[15px\] {
  top: 15px;
}
.top-\[170px\] {
  top: 170px;
}
.top-\[18\%\] {
  top: 18%;
}
.top-\[18px\] {
  top: 18px;
}
.top-\[1px\] {
  top: 1px;
}
.top-\[20\%\] {
  top: 20%;
}
.top-\[20px\] {
  top: 20px;
}
.top-\[22px\] {
  top: 22px;
}
.top-\[240px\] {
  top: 240px;
}
.top-\[248px\] {
  top: 248px;
}
.top-\[25\%\] {
  top: 25%;
}
.top-\[250px\] {
  top: 250px;
}
.top-\[255px\] {
  top: 255px;
}
.top-\[260px\] {
  top: 260px;
}
.top-\[275px\] {
  top: 275px;
}
.top-\[28px\] {
  top: 28px;
}
.top-\[297px\] {
  top: 297px;
}
.top-\[29cqw\] {
  top: 29cqw;
}
.top-\[29px\] {
  top: 29px;
}
.top-\[2px\] {
  top: 2px;
}
.top-\[30\%\] {
  top: 30%;
}
.top-\[30px\] {
  top: 30px;
}
.top-\[312px\] {
  top: 312px;
}
.top-\[32px\] {
  top: 32px;
}
.top-\[337px\] {
  top: 337px;
}
.top-\[35\%\] {
  top: 35%;
}
.top-\[362px\] {
  top: 362px;
}
.top-\[36px\] {
  top: 36px;
}
.top-\[37px\] {
  top: 37px;
}
.top-\[38\%\] {
  top: 38%;
}
.top-\[38px\] {
  top: 38px;
}
.top-\[3px\] {
  top: 3px;
}
.top-\[3vh\] {
  top: 3vh;
}
.top-\[4\.29px\] {
  top: 4.29px;
}
.top-\[40\%\] {
  top: 40%;
}
.top-\[40vh\] {
  top: 40vh;
}
.top-\[5\.24px\] {
  top: 5.24px;
}
.top-\[50\%\] {
  top: 50%;
}
.top-\[500px\] {
  top: 500px;
}
.top-\[50px\] {
  top: 50px;
}
.top-\[51px\] {
  top: 51px;
}
.top-\[52px\] {
  top: 52px;
}
.top-\[58px\] {
  top: 58px;
}
.top-\[5px\] {
  top: 5px;
}
.top-\[6\.98px\] {
  top: 6.98px;
}
.top-\[60\%\] {
  top: 60%;
}
.top-\[60px\] {
  top: 60px;
}
.top-\[62\%\] {
  top: 62%;
}
.top-\[62px\] {
  top: 62px;
}
.top-\[64\%\] {
  top: 64%;
}
.top-\[65\%\] {
  top: 65%;
}
.top-\[6px\] {
  top: 6px;
}
.top-\[70\%\] {
  top: 70%;
}
.top-\[70px\] {
  top: 70px;
}
.top-\[76px\] {
  top: 76px;
}
.top-\[7px\] {
  top: 7px;
}
.top-\[80px\] {
  top: 80px;
}
.top-\[82px\] {
  top: 82px;
}
.top-\[90px\] {
  top: 90px;
}
.top-\[99\%\] {
  top: 99%;
}
.top-\[9px\] {
  top: 9px;
}
.top-\[calc\(100\%\+4px\)\] {
  top: calc(100% + 4px);
}
.top-\[calc\(100\%\+6px\)\] {
  top: calc(100% + 6px);
}
.top-\[calc\(var\(--sai-top\2c 0px\)\+1\.75rem\)\] {
  top: calc(var(--sai-top,0px) + 1.75rem);
}
.top-\[var\(--spine\)\] {
  top: var(--spine);
}
.top-full {
  top: 100%;
}
.top-px {
  top: 1px;
}
.isolate {
  isolation: isolate;
}
.\!z-\[100\] {
  z-index: 100 !important;
}
.-z-10 {
  z-index: -10;
}
.-z-20 {
  z-index: -20;
}
.-z-30 {
  z-index: -30;
}
.-z-\[1\] {
  z-index: -1;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.z-\[-1\] {
  z-index: -1;
}
.z-\[0\] {
  z-index: 0;
}
.z-\[100000\] {
  z-index: 100000;
}
.z-\[10000\] {
  z-index: 10000;
}
.z-\[10001\] {
  z-index: 10001;
}
.z-\[1000\] {
  z-index: 1000;
}
.z-\[1001\] {
  z-index: 1001;
}
.z-\[100\] {
  z-index: 100;
}
.z-\[101\] {
  z-index: 101;
}
.z-\[102\] {
  z-index: 102;
}
.z-\[10\] {
  z-index: 10;
}
.z-\[110\] {
  z-index: 110;
}
.z-\[1200\] {
  z-index: 1200;
}
.z-\[1201\] {
  z-index: 1201;
}
.z-\[1202\] {
  z-index: 1202;
}
.z-\[120\] {
  z-index: 120;
}
.z-\[130\] {
  z-index: 130;
}
.z-\[140\] {
  z-index: 140;
}
.z-\[150\] {
  z-index: 150;
}
.z-\[15\] {
  z-index: 15;
}
.z-\[19999\] {
  z-index: 19999;
}
.z-\[1\] {
  z-index: 1;
}
.z-\[20000\] {
  z-index: 20000;
}
.z-\[2000\] {
  z-index: 2000;
}
.z-\[200\] {
  z-index: 200;
}
.z-\[201\] {
  z-index: 201;
}
.z-\[20\] {
  z-index: 20;
}
.z-\[2147483646\] {
  z-index: 2147483646;
}
.z-\[2147483647\] {
  z-index: 2147483647;
}
.z-\[240\] {
  z-index: 240;
}
.z-\[250\] {
  z-index: 250;
}
.z-\[251\] {
  z-index: 251;
}
.z-\[2\] {
  z-index: 2;
}
.z-\[300\] {
  z-index: 300;
}
.z-\[30\] {
  z-index: 30;
}
.z-\[3\] {
  z-index: 3;
}
.z-\[400\] {
  z-index: 400;
}
.z-\[40\] {
  z-index: 40;
}
.z-\[45\] {
  z-index: 45;
}
.z-\[4\] {
  z-index: 4;
}
.z-\[500\] {
  z-index: 500;
}
.z-\[501\] {
  z-index: 501;
}
.z-\[50\] {
  z-index: 50;
}
.z-\[51\] {
  z-index: 51;
}
.z-\[52\] {
  z-index: 52;
}
.z-\[55\] {
  z-index: 55;
}
.z-\[59\] {
  z-index: 59;
}
.z-\[5\] {
  z-index: 5;
}
.z-\[6000\] {
  z-index: 6000;
}
.z-\[6001\] {
  z-index: 6001;
}
.z-\[60\] {
  z-index: 60;
}
.z-\[61\] {
  z-index: 61;
}
.z-\[65\] {
  z-index: 65;
}
.z-\[6\] {
  z-index: 6;
}
.z-\[70\] {
  z-index: 70;
}
.z-\[71\] {
  z-index: 71;
}
.z-\[75\] {
  z-index: 75;
}
.z-\[80\] {
  z-index: 80;
}
.z-\[81\] {
  z-index: 81;
}
.z-\[880\] {
  z-index: 880;
}
.z-\[889\] {
  z-index: 889;
}
.z-\[890\] {
  z-index: 890;
}
.z-\[8\] {
  z-index: 8;
}
.z-\[9000\] {
  z-index: 9000;
}
.z-\[900\] {
  z-index: 900;
}
.z-\[901\] {
  z-index: 901;
}
.z-\[90\] {
  z-index: 90;
}
.z-\[950\] {
  z-index: 950;
}
.z-\[960\] {
  z-index: 960;
}
.z-\[9969\] {
  z-index: 9969;
}
.z-\[9970\] {
  z-index: 9970;
}
.z-\[998\] {
  z-index: 998;
}
.z-\[9997\] {
  z-index: 9997;
}
.z-\[9998\] {
  z-index: 9998;
}
.z-\[99999\] {
  z-index: 99999;
}
.z-\[9999\] {
  z-index: 9999;
}
.z-\[999\] {
  z-index: 999;
}
.z-\[9\] {
  z-index: 9;
}
.z-\[var\(--z-clipboard\)\] {
  z-index: var(--z-clipboard);
}
.z-\[var\(--z-launcher\)\] {
  z-index: var(--z-launcher);
}
.z-\[var\(--z-lock-screen\)\] {
  z-index: var(--z-lock-screen);
}
.z-\[var\(--z-shortcut-help\)\] {
  z-index: var(--z-shortcut-help);
}
.z-\[var\(--z-spotlight\)\] {
  z-index: var(--z-spotlight);
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-first {
  order: -9999;
}
.order-last {
  order: 9999;
}
.col-span-1 {
  grid-column: span 1 / span 1;
}
.col-span-10 {
  grid-column: span 10 / span 10;
}
.col-span-12 {
  grid-column: span 12 / span 12;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-3 {
  grid-column: span 3 / span 3;
}
.col-span-4 {
  grid-column: span 4 / span 4;
}
.col-span-5 {
  grid-column: span 5 / span 5;
}
.col-span-6 {
  grid-column: span 6 / span 6;
}
.col-span-7 {
  grid-column: span 7 / span 7;
}
.col-span-8 {
  grid-column: span 8 / span 8;
}
.col-span-9 {
  grid-column: span 9 / span 9;
}
.col-span-full {
  grid-column: 1 / -1;
}
.col-start-1 {
  grid-column-start: 1;
}
.col-start-2 {
  grid-column-start: 2;
}
.col-start-3 {
  grid-column-start: 3;
}
.col-start-4 {
  grid-column-start: 4;
}
.col-start-5 {
  grid-column-start: 5;
}
.col-start-6 {
  grid-column-start: 6;
}
.col-start-7 {
  grid-column-start: 7;
}
.col-start-9 {
  grid-column-start: 9;
}
.col-end-2 {
  grid-column-end: 2;
}
.col-end-3 {
  grid-column-end: 3;
}
.col-end-4 {
  grid-column-end: 4;
}
.row-span-1 {
  grid-row: span 1 / span 1;
}
.row-span-2 {
  grid-row: span 2 / span 2;
}
.row-span-3 {
  grid-row: span 3 / span 3;
}
.row-start-1 {
  grid-row-start: 1;
}
.row-start-2 {
  grid-row-start: 2;
}
.row-start-3 {
  grid-row-start: 3;
}
.row-end-1 {
  grid-row-end: 1;
}
.row-end-2 {
  grid-row-end: 2;
}
.\!m-0 {
  margin: 0px !important;
}
.-m-1 {
  margin: -0.25rem;
}
.-m-2\.5 {
  margin: -0.625rem;
}
.-m-3 {
  margin: -0.75rem;
}
.-m-6 {
  margin: -1.5rem;
}
.m-0 {
  margin: 0px;
}
.m-0\.5 {
  margin: 0.125rem;
}
.m-1 {
  margin: 0.25rem;
}
.m-1\.5 {
  margin: 0.375rem;
}
.m-2 {
  margin: 0.5rem;
}
.m-2\.5 {
  margin: 0.625rem;
}
.m-3 {
  margin: 0.75rem;
}
.m-4 {
  margin: 1rem;
}
.m-5 {
  margin: 1.25rem;
}
.m-\[1px\] {
  margin: 1px;
}
.m-auto {
  margin: auto;
}
.\!mx-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.-mx-0\.5 {
  margin-left: -0.125rem;
  margin-right: -0.125rem;
}
.-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.-mx-1\.5 {
  margin-left: -0.375rem;
  margin-right: -0.375rem;
}
.-mx-2 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.-mx-3 {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}
.-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}
.-mx-5 {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}
.-mx-6 {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.-my-0\.5 {
  margin-top: -0.125rem;
  margin-bottom: -0.125rem;
}
.-my-1 {
  margin-top: -0.25rem;
  margin-bottom: -0.25rem;
}
.-my-2 {
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
}
.-my-5 {
  margin-top: -1.25rem;
  margin-bottom: -1.25rem;
}
.-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}
.mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}
.mx-0\.5 {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-1\.5 {
  margin-left: 0.375rem;
  margin-right: 0.375rem;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-2\.5 {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
.mx-20 {
  margin-left: 5rem;
  margin-right: 5rem;
}
.mx-24 {
  margin-left: 6rem;
  margin-right: 6rem;
}
.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-3\.5 {
  margin-left: 0.875rem;
  margin-right: 0.875rem;
}
.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}
.mx-\[1px\] {
  margin-left: 1px;
  margin-right: 1px;
}
.mx-\[20px\] {
  margin-left: 20px;
  margin-right: 20px;
}
.mx-\[5px\] {
  margin-left: 5px;
  margin-right: 5px;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.mx-px {
  margin-left: 1px;
  margin-right: 1px;
}
.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.my-0\.5 {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-1\.5 {
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
}
.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-2\.5 {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-3\.5 {
  margin-top: 0.875rem;
  margin-bottom: 0.875rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.my-\[10px\] {
  margin-top: 10px;
  margin-bottom: 10px;
}
.my-\[11px\] {
  margin-top: 11px;
  margin-bottom: 11px;
}
.my-\[18px\] {
  margin-top: 18px;
  margin-bottom: 18px;
}
.my-\[23px\] {
  margin-top: 23px;
  margin-bottom: 23px;
}
.my-\[2px\] {
  margin-top: 2px;
  margin-bottom: 2px;
}
.my-\[3px\] {
  margin-top: 3px;
  margin-bottom: 3px;
}
.my-\[4px\] {
  margin-top: 4px;
  margin-bottom: 4px;
}
.my-\[7px\] {
  margin-top: 7px;
  margin-bottom: 7px;
}
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.my-px {
  margin-top: 1px;
  margin-bottom: 1px;
}
.\!mb-0 {
  margin-bottom: 0px !important;
}
.\!ml-0 {
  margin-left: 0px !important;
}
.\!mr-0\.5 {
  margin-right: 0.125rem !important;
}
.\!mt-0 {
  margin-top: 0px !important;
}
.-mb-0\.5 {
  margin-bottom: -0.125rem;
}
.-mb-1 {
  margin-bottom: -0.25rem;
}
.-mb-2 {
  margin-bottom: -0.5rem;
}
.-mb-3 {
  margin-bottom: -0.75rem;
}
.-mb-4 {
  margin-bottom: -1rem;
}
.-mb-5 {
  margin-bottom: -1.25rem;
}
.-mb-\[2px\] {
  margin-bottom: -2px;
}
.-mb-px {
  margin-bottom: -1px;
}
.-me-0\.5 {
  margin-inline-end: -0.125rem;
}
.-me-1 {
  margin-inline-end: -0.25rem;
}
.-me-1\.5 {
  margin-inline-end: -0.375rem;
}
.-ml-0\.5 {
  margin-left: -0.125rem;
}
.-ml-1 {
  margin-left: -0.25rem;
}
.-ml-1\.5 {
  margin-left: -0.375rem;
}
.-ml-10 {
  margin-left: -2.5rem;
}
.-ml-14 {
  margin-left: -3.5rem;
}
.-ml-2 {
  margin-left: -0.5rem;
}
.-ml-3 {
  margin-left: -0.75rem;
}
.-ml-3\.5 {
  margin-left: -0.875rem;
}
.-ml-4 {
  margin-left: -1rem;
}
.-ml-5 {
  margin-left: -1.25rem;
}
.-ml-8 {
  margin-left: -2rem;
}
.-ml-\[1px\] {
  margin-left: -1px;
}
.-ml-\[2px\] {
  margin-left: -2px;
}
.-ml-\[4\%\] {
  margin-left: -4%;
}
.-ml-px {
  margin-left: -1px;
}
.-mr-0\.5 {
  margin-right: -0.125rem;
}
.-mr-1 {
  margin-right: -0.25rem;
}
.-mr-1\.5 {
  margin-right: -0.375rem;
}
.-mr-2 {
  margin-right: -0.5rem;
}
.-mr-3 {
  margin-right: -0.75rem;
}
.-mr-4 {
  margin-right: -1rem;
}
.-mr-6 {
  margin-right: -1.5rem;
}
.-mr-px {
  margin-right: -1px;
}
.-ms-0\.5 {
  margin-inline-start: -0.125rem;
}
.-ms-1 {
  margin-inline-start: -0.25rem;
}
.-ms-1\.5 {
  margin-inline-start: -0.375rem;
}
.-ms-px {
  margin-inline-start: -1px;
}
.-mt-0\.5 {
  margin-top: -0.125rem;
}
.-mt-1 {
  margin-top: -0.25rem;
}
.-mt-1\.5 {
  margin-top: -0.375rem;
}
.-mt-10 {
  margin-top: -2.5rem;
}
.-mt-12 {
  margin-top: -3rem;
}
.-mt-14 {
  margin-top: -3.5rem;
}
.-mt-16 {
  margin-top: -4rem;
}
.-mt-2 {
  margin-top: -0.5rem;
}
.-mt-2\.5 {
  margin-top: -0.625rem;
}
.-mt-20 {
  margin-top: -5rem;
}
.-mt-3 {
  margin-top: -0.75rem;
}
.-mt-3\.5 {
  margin-top: -0.875rem;
}
.-mt-4 {
  margin-top: -1rem;
}
.-mt-5 {
  margin-top: -1.25rem;
}
.-mt-6 {
  margin-top: -1.5rem;
}
.-mt-64 {
  margin-top: -16rem;
}
.-mt-8 {
  margin-top: -2rem;
}
.-mt-px {
  margin-top: -1px;
}
.-mb-1 {
  margin-bottom: -0.25rem;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-0\.5 {
  margin-bottom: 0.125rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-1\.5 {
  margin-bottom: 0.375rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mb-14 {
  margin-bottom: 3.5rem;
}
.mb-16 {
  margin-bottom: 4rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-2\.5 {
  margin-bottom: 0.625rem;
}
.mb-20 {
  margin-bottom: 5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-3\.5 {
  margin-bottom: 0.875rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-7 {
  margin-bottom: 1.75rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mb-9 {
  margin-bottom: 2.25rem;
}
.mb-\[-2px\] {
  margin-bottom: -2px;
}
.mb-\[2px\] {
  margin-bottom: 2px;
}
.mb-\[5px\] {
  margin-bottom: 5px;
}
.mb-auto {
  margin-bottom: auto;
}
.mb-px {
  margin-bottom: 1px;
}
.me-1 {
  margin-inline-end: 0.25rem;
}
.me-1\.5 {
  margin-inline-end: 0.375rem;
}
.me-2 {
  margin-inline-end: 0.5rem;
}
.-ml-1\.5 {
  margin-left: -0.375rem;
}
.-ml-4 {
  margin-left: -1rem;
}
.-ml-8 {
  margin-left: -2rem;
}
.ml-0 {
  margin-left: 0px;
}
.ml-0\.5 {
  margin-left: 0.125rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-1\.5 {
  margin-left: 0.375rem;
}
.ml-10 {
  margin-left: 2.5rem;
}
.ml-11 {
  margin-left: 2.75rem;
}
.ml-12 {
  margin-left: 3rem;
}
.ml-16 {
  margin-left: 4rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-2\.5 {
  margin-left: 0.625rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.ml-3\.5 {
  margin-left: 0.875rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-5 {
  margin-left: 1.25rem;
}
.ml-6 {
  margin-left: 1.5rem;
}
.ml-7 {
  margin-left: 1.75rem;
}
.ml-8 {
  margin-left: 2rem;
}
.ml-9 {
  margin-left: 2.25rem;
}
.ml-\[0\.3em\] {
  margin-left: 0.3em;
}
.ml-\[0\.4em\] {
  margin-left: 0.4em;
}
.ml-\[1\.625rem\] {
  margin-left: 1.625rem;
}
.ml-\[1\.6cqw\] {
  margin-left: 1.6cqw;
}
.ml-\[10px\] {
  margin-left: 10px;
}
.ml-\[13px\] {
  margin-left: 13px;
}
.ml-\[18\%\] {
  margin-left: 18%;
}
.ml-\[27px\] {
  margin-left: 27px;
}
.ml-\[7\.5rem\] {
  margin-left: 7.5rem;
}
.ml-\[var\(--directory-branch-offset\2c 0\.375rem\)\] {
  margin-left: var(--directory-branch-offset,0.375rem);
}
.ml-auto {
  margin-left: auto;
}
.mr-0 {
  margin-right: 0px;
}
.mr-0\.5 {
  margin-right: 0.125rem;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-1\.5 {
  margin-right: 0.375rem;
}
.mr-12 {
  margin-right: 3rem;
}
.mr-16 {
  margin-right: 4rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-2\.5 {
  margin-right: 0.625rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mr-3\.5 {
  margin-right: 0.875rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mr-5 {
  margin-right: 1.25rem;
}
.mr-6 {
  margin-right: 1.5rem;
}
.mr-8 {
  margin-right: 2rem;
}
.mr-auto {
  margin-right: auto;
}
.ms-0 {
  margin-inline-start: 0px;
}
.ms-0\.5 {
  margin-inline-start: 0.125rem;
}
.ms-1 {
  margin-inline-start: 0.25rem;
}
.ms-2 {
  margin-inline-start: 0.5rem;
}
.ms-2\.5 {
  margin-inline-start: 0.625rem;
}
.ms-3 {
  margin-inline-start: 0.75rem;
}
.ms-auto {
  margin-inline-start: auto;
}
.mt-0 {
  margin-top: 0px;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-1\.5 {
  margin-top: 0.375rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-12 {
  margin-top: 3rem;
}
.mt-14 {
  margin-top: 3.5rem;
}
.mt-16 {
  margin-top: 4rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-2\.5 {
  margin-top: 0.625rem;
}
.mt-20 {
  margin-top: 5rem;
}
.mt-24 {
  margin-top: 6rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-3\.5 {
  margin-top: 0.875rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-7 {
  margin-top: 1.75rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-\[-110px\] {
  margin-top: -110px;
}
.mt-\[-20\%\] {
  margin-top: -20%;
}
.mt-\[1\.5px\] {
  margin-top: 1.5px;
}
.mt-\[11px\] {
  margin-top: 11px;
}
.mt-\[18px\] {
  margin-top: 18px;
}
.mt-\[1px\] {
  margin-top: 1px;
}
.mt-\[2\.15cqw\] {
  margin-top: 2.15cqw;
}
.mt-\[26px\] {
  margin-top: 26px;
}
.mt-\[28px\] {
  margin-top: 28px;
}
.mt-\[2px\] {
  margin-top: 2px;
}
.mt-\[350px\] {
  margin-top: 350px;
}
.mt-\[3px\] {
  margin-top: 3px;
}
.mt-\[4px\] {
  margin-top: 4px;
}
.mt-\[5px\] {
  margin-top: 5px;
}
.mt-auto {
  margin-top: auto;
}
.mt-px {
  margin-top: 1px;
}
.box-border {
  box-sizing: border-box;
}
.box-content {
  box-sizing: content-box;
}
.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.line-clamp-4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.line-clamp-5 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
.line-clamp-6 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}
.line-clamp-\[14\] {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 14;
}
.line-clamp-\[20\] {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 20;
}
.line-clamp-none {
  overflow: visible;
  display: block;
  -webkit-box-orient: horizontal;
  -webkit-line-clamp: none;
}
.\!block {
  display: block !important;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.\!inline {
  display: inline !important;
}
.inline {
  display: inline;
}
.\!flex {
  display: flex !important;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.\!table {
  display: table !important;
}
.table {
  display: table;
}
.inline-table {
  display: inline-table;
}
.table-caption {
  display: table-caption;
}
.table-cell {
  display: table-cell;
}
.table-column {
  display: table-column;
}
.table-column-group {
  display: table-column-group;
}
.table-footer-group {
  display: table-footer-group;
}
.table-header-group {
  display: table-header-group;
}
.table-row-group {
  display: table-row-group;
}
.table-row {
  display: table-row;
}
.flow-root {
  display: flow-root;
}
.\!grid {
  display: grid !important;
}
.grid {
  display: grid;
}
.inline-grid {
  display: inline-grid;
}
.contents {
  display: contents;
}
.list-item {
  display: list-item;
}
.\!hidden {
  display: none !important;
}
.hidden {
  display: none;
}
.aspect-\[1\.5\/1\] {
  aspect-ratio: 1.5/1;
}
.aspect-\[1\.91\/1\] {
  aspect-ratio: 1.91/1;
}
.aspect-\[1\/1\] {
  aspect-ratio: 1/1;
}
.aspect-\[1200\/630\] {
  aspect-ratio: 1200/630;
}
.aspect-\[15\/15\] {
  aspect-ratio: 15/15;
}
.aspect-\[16\/10\] {
  aspect-ratio: 16/10;
}
.aspect-\[16\/9\] {
  aspect-ratio: 16/9;
}
.aspect-\[1\] {
  aspect-ratio: 1;
}
.aspect-\[2\.2\] {
  aspect-ratio: 2.2;
}
.aspect-\[2\.35\/1\] {
  aspect-ratio: 2.35/1;
}
.aspect-\[2\/1\] {
  aspect-ratio: 2/1;
}
.aspect-\[2\/3\] {
  aspect-ratio: 2/3;
}
.aspect-\[20\/15\] {
  aspect-ratio: 20/15;
}
.aspect-\[24\/16\] {
  aspect-ratio: 24/16;
}
.aspect-\[247\.00\/22\.23\] {
  aspect-ratio: 247.00/22.23;
}
.aspect-\[25\.64\] {
  aspect-ratio: 25.64;
}
.aspect-\[3\/2\] {
  aspect-ratio: 3/2;
}
.aspect-\[3\/4\] {
  aspect-ratio: 3/4;
}
.aspect-\[4\/2\.5\] {
  aspect-ratio: 4/2.5;
}
.aspect-\[4\/3\] {
  aspect-ratio: 4/3;
}
.aspect-\[4\/5\] {
  aspect-ratio: 4/5;
}
.aspect-\[5\/1\] {
  aspect-ratio: 5/1;
}
.aspect-\[5\/3\] {
  aspect-ratio: 5/3;
}
.aspect-\[5\/4\] {
  aspect-ratio: 5/4;
}
.aspect-\[544\/522\] {
  aspect-ratio: 544/522;
}
.aspect-\[817\/879\] {
  aspect-ratio: 817/879;
}
.aspect-\[9\/16\] {
  aspect-ratio: 9/16;
}
.aspect-auto {
  aspect-ratio: auto;
}
.aspect-square {
  aspect-ratio: 1 / 1;
}
.aspect-video {
  aspect-ratio: 16 / 9;
}
.\!size-4 {
  width: 1rem !important;
  height: 1rem !important;
}
.\!size-full {
  width: 100% !important;
  height: 100% !important;
}
.size-0 {
  width: 0px;
  height: 0px;
}
.size-1 {
  width: 0.25rem;
  height: 0.25rem;
}
.size-1\.5 {
  width: 0.375rem;
  height: 0.375rem;
}
.size-1\/3 {
  width: 33.333333%;
  height: 33.333333%;
}
.size-10 {
  width: 2.5rem;
  height: 2.5rem;
}
.size-11 {
  width: 2.75rem;
  height: 2.75rem;
}
.size-12 {
  width: 3rem;
  height: 3rem;
}
.size-14 {
  width: 3.5rem;
  height: 3.5rem;
}
.size-16 {
  width: 4rem;
  height: 4rem;
}
.size-2 {
  width: 0.5rem;
  height: 0.5rem;
}
.size-2\.5 {
  width: 0.625rem;
  height: 0.625rem;
}
.size-20 {
  width: 5rem;
  height: 5rem;
}
.size-24 {
  width: 6rem;
  height: 6rem;
}
.size-28 {
  width: 7rem;
  height: 7rem;
}
.size-3 {
  width: 0.75rem;
  height: 0.75rem;
}
.size-3\.5 {
  width: 0.875rem;
  height: 0.875rem;
}
.size-4 {
  width: 1rem;
  height: 1rem;
}
.size-40 {
  width: 10rem;
  height: 10rem;
}
.size-44 {
  width: 11rem;
  height: 11rem;
}
.size-48 {
  width: 12rem;
  height: 12rem;
}
.size-5 {
  width: 1.25rem;
  height: 1.25rem;
}
.size-6 {
  width: 1.5rem;
  height: 1.5rem;
}
.size-64 {
  width: 16rem;
  height: 16rem;
}
.size-7 {
  width: 1.75rem;
  height: 1.75rem;
}
.size-8 {
  width: 2rem;
  height: 2rem;
}
.size-9 {
  width: 2.25rem;
  height: 2.25rem;
}
.size-\[--cell-size\] {
  width: var(--cell-size);
  height: var(--cell-size);
}
.size-\[1\.125rem\] {
  width: 1.125rem;
  height: 1.125rem;
}
.size-\[10px\] {
  width: 10px;
  height: 10px;
}
.size-\[11px\] {
  width: 11px;
  height: 11px;
}
.size-\[120px\] {
  width: 120px;
  height: 120px;
}
.size-\[125px\] {
  width: 125px;
  height: 125px;
}
.size-\[12px\] {
  width: 12px;
  height: 12px;
}
.size-\[14px\] {
  width: 14px;
  height: 14px;
}
.size-\[15px\] {
  width: 15px;
  height: 15px;
}
.size-\[176px\] {
  width: 176px;
  height: 176px;
}
.size-\[17px\] {
  width: 17px;
  height: 17px;
}
.size-\[18px\] {
  width: 18px;
  height: 18px;
}
.size-\[19px\] {
  width: 19px;
  height: 19px;
}
.size-\[20px\] {
  width: 20px;
  height: 20px;
}
.size-\[22px\] {
  width: 22px;
  height: 22px;
}
.size-\[24px\] {
  width: 24px;
  height: 24px;
}
.size-\[25px\] {
  width: 25px;
  height: 25px;
}
.size-\[26px\] {
  width: 26px;
  height: 26px;
}
.size-\[3\.25rem\] {
  width: 3.25rem;
  height: 3.25rem;
}
.size-\[30px\] {
  width: 30px;
  height: 30px;
}
.size-\[30vmax\] {
  width: 30vmax;
  height: 30vmax;
}
.size-\[31px\] {
  width: 31px;
  height: 31px;
}
.size-\[34px\] {
  width: 34px;
  height: 34px;
}
.size-\[38vmax\] {
  width: 38vmax;
  height: 38vmax;
}
.size-\[44px\] {
  width: 44px;
  height: 44px;
}
.size-\[46vmax\] {
  width: 46vmax;
  height: 46vmax;
}
.size-\[52\%\] {
  width: 52%;
  height: 52%;
}
.size-\[58\%\] {
  width: 58%;
  height: 58%;
}
.size-\[60px\] {
  width: 60px;
  height: 60px;
}
.size-\[64px\] {
  width: 64px;
  height: 64px;
}
.size-\[72px\] {
  width: 72px;
  height: 72px;
}
.size-\[76px\] {
  width: 76px;
  height: 76px;
}
.size-\[7px\] {
  width: 7px;
  height: 7px;
}
.size-\[8px\] {
  width: 8px;
  height: 8px;
}
.size-\[9px\] {
  width: 9px;
  height: 9px;
}
.size-\[var\(--directory-control-height\2c 1rem\)\] {
  width: var(--directory-control-height,1rem);
  height: var(--directory-control-height,1rem);
}
.size-\[var\(--directory-control-icon\2c 0\.625rem\)\] {
  width: var(--directory-control-icon,0.625rem);
  height: var(--directory-control-icon,0.625rem);
}
.size-\[var\(--directory-cover-fallback-icon\2c 1\.5rem\)\] {
  width: var(--directory-cover-fallback-icon,1.5rem);
  height: var(--directory-cover-fallback-icon,1.5rem);
}
.size-\[var\(--directory-cover-icon\2c 1\.75rem\)\] {
  width: var(--directory-cover-icon,1.75rem);
  height: var(--directory-cover-icon,1.75rem);
}
.size-\[var\(--directory-section-marker\2c 0\.375rem\)\] {
  width: var(--directory-section-marker,0.375rem);
  height: var(--directory-section-marker,0.375rem);
}
.size-\[var\(--directory-small-icon\2c 0\.5rem\)\] {
  width: var(--directory-small-icon,0.5rem);
  height: var(--directory-small-icon,0.5rem);
}
.size-\[var\(--stacks-sidebar-control-size\2c 1\.25rem\)\] {
  width: var(--stacks-sidebar-control-size,1.25rem);
  height: var(--stacks-sidebar-control-size,1.25rem);
}
.size-\[var\(--stacks-sidebar-control-size\2c 1\.75rem\)\] {
  width: var(--stacks-sidebar-control-size,1.75rem);
  height: var(--stacks-sidebar-control-size,1.75rem);
}
.size-\[var\(--stacks-sidebar-icon-size\2c 0\.625rem\)\] {
  width: var(--stacks-sidebar-icon-size,0.625rem);
  height: var(--stacks-sidebar-icon-size,0.625rem);
}
.size-\[var\(--workspace-control-height\)\] {
  width: var(--workspace-control-height);
  height: var(--workspace-control-height);
}
.size-\[var\(--workspace-control-height\2c 20px\)\] {
  width: var(--workspace-control-height,20px);
  height: var(--workspace-control-height,20px);
}
.size-auto {
  width: auto;
  height: auto;
}
.size-fit {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.size-full {
  width: 100%;
  height: 100%;
}
.\!h-1\.5 {
  height: 0.375rem !important;
}
.\!h-14 {
  height: 3.5rem !important;
}
.\!h-16 {
  height: 4rem !important;
}
.\!h-2 {
  height: 0.5rem !important;
}
.\!h-2\.5 {
  height: 0.625rem !important;
}
.\!h-3 {
  height: 0.75rem !important;
}
.\!h-5 {
  height: 1.25rem !important;
}
.\!h-6 {
  height: 1.5rem !important;
}
.\!h-7 {
  height: 1.75rem !important;
}
.\!h-8 {
  height: 2rem !important;
}
.\!h-9 {
  height: 2.25rem !important;
}
.\!h-auto {
  height: auto !important;
}
.\!h-full {
  height: 100% !important;
}
.\!h-px {
  height: 1px !important;
}
.h-0 {
  height: 0px;
}
.h-0\.5 {
  height: 0.125rem;
}
.h-1 {
  height: 0.25rem;
}
.h-1\.5 {
  height: 0.375rem;
}
.h-1\/2 {
  height: 50%;
}
.h-1\/3 {
  height: 33.333333%;
}
.h-1\/4 {
  height: 25%;
}
.h-10 {
  height: 2.5rem;
}
.h-11 {
  height: 2.75rem;
}
.h-12 {
  height: 3rem;
}
.h-14 {
  height: 3.5rem;
}
.h-16 {
  height: 4rem;
}
.h-2 {
  height: 0.5rem;
}
.h-2\.5 {
  height: 0.625rem;
}
.h-2\/5 {
  height: 40%;
}
.h-20 {
  height: 5rem;
}
.h-24 {
  height: 6rem;
}
.h-28 {
  height: 7rem;
}
.h-3 {
  height: 0.75rem;
}
.h-3\.5 {
  height: 0.875rem;
}
.h-3\/4 {
  height: 75%;
}
.h-3\/5 {
  height: 60%;
}
.h-32 {
  height: 8rem;
}
.h-36 {
  height: 9rem;
}
.h-4 {
  height: 1rem;
}
.h-40 {
  height: 10rem;
}
.h-44 {
  height: 11rem;
}
.h-48 {
  height: 12rem;
}
.h-5 {
  height: 1.25rem;
}
.h-52 {
  height: 13rem;
}
.h-56 {
  height: 14rem;
}
.h-6 {
  height: 1.5rem;
}
.h-60 {
  height: 15rem;
}
.h-64 {
  height: 16rem;
}
.h-7 {
  height: 1.75rem;
}
.h-72 {
  height: 18rem;
}
.h-8 {
  height: 2rem;
}
.h-80 {
  height: 20rem;
}
.h-9 {
  height: 2.25rem;
}
.h-96 {
  height: 24rem;
}
.h-\[--cell-size\] {
  height: var(--cell-size);
}
.h-\[1\.125rem\] {
  height: 1.125rem;
}
.h-\[1\.15rem\] {
  height: 1.15rem;
}
.h-\[1\.2rem\] {
  height: 1.2rem;
}
.h-\[1\.5px\] {
  height: 1.5px;
}
.h-\[1\.625rem\] {
  height: 1.625rem;
}
.h-\[1\.6em\] {
  height: 1.6em;
}
.h-\[1\.8px\] {
  height: 1.8px;
}
.h-\[1000px\] {
  height: 1000px;
}
.h-\[100cqh\] {
  height: 100cqh;
}
.h-\[100dvh\] {
  height: 100dvh;
}
.h-\[100px\] {
  height: 100px;
}
.h-\[1056px\] {
  height: 1056px;
}
.h-\[106px\] {
  height: 106px;
}
.h-\[108px\] {
  height: 108px;
}
.h-\[10px\] {
  height: 10px;
}
.h-\[110px\] {
  height: 110px;
}
.h-\[112px\] {
  height: 112px;
}
.h-\[114px\] {
  height: 114px;
}
.h-\[117px\] {
  height: 117px;
}
.h-\[11px\] {
  height: 11px;
}
.h-\[120px\] {
  height: 120px;
}
.h-\[124px\] {
  height: 124px;
}
.h-\[128px\] {
  height: 128px;
}
.h-\[12px\] {
  height: 12px;
}
.h-\[130px\] {
  height: 130px;
}
.h-\[132px\] {
  height: 132px;
}
.h-\[135px\] {
  height: 135px;
}
.h-\[137px\] {
  height: 137px;
}
.h-\[13px\] {
  height: 13px;
}
.h-\[140px\] {
  height: 140px;
}
.h-\[14px\] {
  height: 14px;
}
.h-\[14rem\] {
  height: 14rem;
}
.h-\[150px\] {
  height: 150px;
}
.h-\[155px\] {
  height: 155px;
}
.h-\[156px\] {
  height: 156px;
}
.h-\[15px\] {
  height: 15px;
}
.h-\[16\%\] {
  height: 16%;
}
.h-\[160px\] {
  height: 160px;
}
.h-\[165px\] {
  height: 165px;
}
.h-\[16px\] {
  height: 16px;
}
.h-\[170px\] {
  height: 170px;
}
.h-\[180px\] {
  height: 180px;
}
.h-\[187px\] {
  height: 187px;
}
.h-\[18px\] {
  height: 18px;
}
.h-\[190px\] {
  height: 190px;
}
.h-\[1em\] {
  height: 1em;
}
.h-\[1px\] {
  height: 1px;
}
.h-\[20\%\] {
  height: 20%;
}
.h-\[200\%\] {
  height: 200%;
}
.h-\[200px\] {
  height: 200px;
}
.h-\[20px\] {
  height: 20px;
}
.h-\[22\%\] {
  height: 22%;
}
.h-\[220px\] {
  height: 220px;
}
.h-\[220vh\] {
  height: 220vh;
}
.h-\[225px\] {
  height: 225px;
}
.h-\[22px\] {
  height: 22px;
}
.h-\[24\%\] {
  height: 24%;
}
.h-\[240px\] {
  height: 240px;
}
.h-\[24px\] {
  height: 24px;
}
.h-\[250px\] {
  height: 250px;
}
.h-\[25px\] {
  height: 25px;
}
.h-\[260px\] {
  height: 260px;
}
.h-\[26px\] {
  height: 26px;
}
.h-\[275px\] {
  height: 275px;
}
.h-\[27px\] {
  height: 27px;
}
.h-\[28\%\] {
  height: 28%;
}
.h-\[280px\] {
  height: 280px;
}
.h-\[284px\] {
  height: 284px;
}
.h-\[28px\] {
  height: 28px;
}
.h-\[28rem\] {
  height: 28rem;
}
.h-\[29rem\] {
  height: 29rem;
}
.h-\[2px\] {
  height: 2px;
}
.h-\[3\.75rem\] {
  height: 3.75rem;
}
.h-\[30\%\] {
  height: 30%;
}
.h-\[300px\] {
  height: 300px;
}
.h-\[300vh\] {
  height: 300vh;
}
.h-\[30px\] {
  height: 30px;
}
.h-\[30vh\] {
  height: 30vh;
}
.h-\[315px\] {
  height: 315px;
}
.h-\[31px\] {
  height: 31px;
}
.h-\[320px\] {
  height: 320px;
}
.h-\[32px\] {
  height: 32px;
}
.h-\[330px\] {
  height: 330px;
}
.h-\[340px\] {
  height: 340px;
}
.h-\[34px\] {
  height: 34px;
}
.h-\[35\%\] {
  height: 35%;
}
.h-\[350px\] {
  height: 350px;
}
.h-\[355px\] {
  height: 355px;
}
.h-\[35px\] {
  height: 35px;
}
.h-\[35rem\] {
  height: 35rem;
}
.h-\[360px\] {
  height: 360px;
}
.h-\[36rem\] {
  height: 36rem;
}
.h-\[36vh\] {
  height: 36vh;
}
.h-\[375px\] {
  height: 375px;
}
.h-\[380px\] {
  height: 380px;
}
.h-\[38px\] {
  height: 38px;
}
.h-\[3px\] {
  height: 3px;
}
.h-\[4\.25rem\] {
  height: 4.25rem;
}
.h-\[40\%\] {
  height: 40%;
}
.h-\[400\%\] {
  height: 400%;
}
.h-\[400px\] {
  height: 400px;
}
.h-\[40px\] {
  height: 40px;
}
.h-\[40vh\] {
  height: 40vh;
}
.h-\[41px\] {
  height: 41px;
}
.h-\[42\%\] {
  height: 42%;
}
.h-\[420px\] {
  height: 420px;
}
.h-\[42px\] {
  height: 42px;
}
.h-\[42vh\] {
  height: 42vh;
}
.h-\[430px\] {
  height: 430px;
}
.h-\[44\%\] {
  height: 44%;
}
.h-\[440px\] {
  height: 440px;
}
.h-\[44px\] {
  height: 44px;
}
.h-\[45\%\] {
  height: 45%;
}
.h-\[450px\] {
  height: 450px;
}
.h-\[45px\] {
  height: 45px;
}
.h-\[45vh\] {
  height: 45vh;
}
.h-\[46\%\] {
  height: 46%;
}
.h-\[460px\] {
  height: 460px;
}
.h-\[46px\] {
  height: 46px;
}
.h-\[47px\] {
  height: 47px;
}
.h-\[480px\] {
  height: 480px;
}
.h-\[481px\] {
  height: 481px;
}
.h-\[48dvh\] {
  height: 48dvh;
}
.h-\[48px\] {
  height: 48px;
}
.h-\[49px\] {
  height: 49px;
}
.h-\[4px\] {
  height: 4px;
}
.h-\[50\%\] {
  height: 50%;
}
.h-\[500px\] {
  height: 500px;
}
.h-\[50px\] {
  height: 50px;
}
.h-\[50rem\] {
  height: 50rem;
}
.h-\[50vh\] {
  height: 50vh;
}
.h-\[510px\] {
  height: 510px;
}
.h-\[520px\] {
  height: 520px;
}
.h-\[52px\] {
  height: 52px;
}
.h-\[534px\] {
  height: 534px;
}
.h-\[54\%\] {
  height: 54%;
}
.h-\[540px\] {
  height: 540px;
}
.h-\[54px\] {
  height: 54px;
}
.h-\[55\%\] {
  height: 55%;
}
.h-\[55px\] {
  height: 55px;
}
.h-\[560px\] {
  height: 560px;
}
.h-\[568px\] {
  height: 568px;
}
.h-\[56px\] {
  height: 56px;
}
.h-\[58\%\] {
  height: 58%;
}
.h-\[580px\] {
  height: 580px;
}
.h-\[58px\] {
  height: 58px;
}
.h-\[5px\] {
  height: 5px;
}
.h-\[6\.375rem\] {
  height: 6.375rem;
}
.h-\[6\.75rem\] {
  height: 6.75rem;
}
.h-\[60\%\] {
  height: 60%;
}
.h-\[600px\] {
  height: 600px;
}
.h-\[60px\] {
  height: 60px;
}
.h-\[60vh\] {
  height: 60vh;
}
.h-\[615px\] {
  height: 615px;
}
.h-\[62\%\] {
  height: 62%;
}
.h-\[620px\] {
  height: 620px;
}
.h-\[630px\] {
  height: 630px;
}
.h-\[640px\] {
  height: 640px;
}
.h-\[65\%\] {
  height: 65%;
}
.h-\[650px\] {
  height: 650px;
}
.h-\[65px\] {
  height: 65px;
}
.h-\[65vh\] {
  height: 65vh;
}
.h-\[66\%\] {
  height: 66%;
}
.h-\[675px\] {
  height: 675px;
}
.h-\[680px\] {
  height: 680px;
}
.h-\[68px\] {
  height: 68px;
}
.h-\[6px\] {
  height: 6px;
}
.h-\[7\.5px\] {
  height: 7.5px;
}
.h-\[7\.5rem\] {
  height: 7.5rem;
}
.h-\[7\.75rem\] {
  height: 7.75rem;
}
.h-\[70\%\] {
  height: 70%;
}
.h-\[700px\] {
  height: 700px;
}
.h-\[70px\] {
  height: 70px;
}
.h-\[70vh\] {
  height: 70vh;
}
.h-\[71px\] {
  height: 71px;
}
.h-\[72\%\] {
  height: 72%;
}
.h-\[720px\] {
  height: 720px;
}
.h-\[72px\] {
  height: 72px;
}
.h-\[72vh\] {
  height: 72vh;
}
.h-\[73px\] {
  height: 73px;
}
.h-\[75px\] {
  height: 75px;
}
.h-\[76px\] {
  height: 76px;
}
.h-\[7px\] {
  height: 7px;
}
.h-\[8\%\] {
  height: 8%;
}
.h-\[80\%\] {
  height: 80%;
}
.h-\[800px\] {
  height: 800px;
}
.h-\[80px\] {
  height: 80px;
}
.h-\[80rem\] {
  height: 80rem;
}
.h-\[80vh\] {
  height: 80vh;
}
.h-\[820px\] {
  height: 820px;
}
.h-\[82px\] {
  height: 82px;
}
.h-\[82vh\] {
  height: 82vh;
}
.h-\[83px\] {
  height: 83px;
}
.h-\[844px\] {
  height: 844px;
}
.h-\[84px\] {
  height: 84px;
}
.h-\[85dvh\] {
  height: 85dvh;
}
.h-\[85vh\] {
  height: 85vh;
}
.h-\[862px\] {
  height: 862px;
}
.h-\[88dvh\] {
  height: 88dvh;
}
.h-\[88px\] {
  height: 88px;
}
.h-\[88vh\] {
  height: 88vh;
}
.h-\[8px\] {
  height: 8px;
}
.h-\[90\%\] {
  height: 90%;
}
.h-\[900px\] {
  height: 900px;
}
.h-\[90px\] {
  height: 90px;
}
.h-\[90vh\] {
  height: 90vh;
}
.h-\[92dvh\] {
  height: 92dvh;
}
.h-\[92vh\] {
  height: 92vh;
}
.h-\[95px\] {
  height: 95px;
}
.h-\[96px\] {
  height: 96px;
}
.h-\[973px\] {
  height: 973px;
}
.h-\[9px\] {
  height: 9px;
}
.h-\[calc\(--spacing\(5\.25\)\)\] {
  height: calc(--spacing(5.25));
}
.h-\[calc\(--spacing\(5\.5\)\)\] {
  height: calc(--spacing(5.5));
}
.h-\[calc\(100\%\+2\.5rem\)\] {
  height: calc(100% + 2.5rem);
}
.h-\[calc\(100\%\+8px\)\] {
  height: calc(100% + 8px);
}
.h-\[calc\(100\%-0\.5rem\)\] {
  height: calc(100% - 0.5rem);
}
.h-\[calc\(100\%-1\.5rem\)\] {
  height: calc(100% - 1.5rem);
}
.h-\[calc\(100\%-1\.75rem\)\] {
  height: calc(100% - 1.75rem);
}
.h-\[calc\(100\%-19px\)\] {
  height: calc(100% - 19px);
}
.h-\[calc\(100\%-1px\)\] {
  height: calc(100% - 1px);
}
.h-\[calc\(100\%-2\.5rem\)\] {
  height: calc(100% - 2.5rem);
}
.h-\[calc\(100\%-2\.75rem\)\] {
  height: calc(100% - 2.75rem);
}
.h-\[calc\(100\%-20px\)\] {
  height: calc(100% - 20px);
}
.h-\[calc\(100\%-28px\)\] {
  height: calc(100% - 28px);
}
.h-\[calc\(100\%-2px\)\] {
  height: calc(100% - 2px);
}
.h-\[calc\(100\%-2rem\)\] {
  height: calc(100% - 2rem);
}
.h-\[calc\(100\%-32px\)\] {
  height: calc(100% - 32px);
}
.h-\[calc\(100\%-36px\)\] {
  height: calc(100% - 36px);
}
.h-\[calc\(100\%-3rem\)\] {
  height: calc(100% - 3rem);
}
.h-\[calc\(100\%-40px\)\] {
  height: calc(100% - 40px);
}
.h-\[calc\(100\%-57px\)\] {
  height: calc(100% - 57px);
}
.h-\[calc\(100\%-5rem\)\] {
  height: calc(100% - 5rem);
}
.h-\[calc\(100\%-60px\)\] {
  height: calc(100% - 60px);
}
.h-\[calc\(100\%-7rem\)\] {
  height: calc(100% - 7rem);
}
.h-\[calc\(100\%-80px\)\] {
  height: calc(100% - 80px);
}
.h-\[calc\(100\%-8px\)\] {
  height: calc(100% - 8px);
}
.h-\[calc\(100\%_-_48px\)\] {
  height: calc(100% - 48px);
}
.h-\[calc\(100dvh-18px\)\] {
  height: calc(100dvh - 18px);
}
.h-\[calc\(100dvh-41px\)\] {
  height: calc(100dvh - 41px);
}
.h-\[calc\(100dvh-57px\)\] {
  height: calc(100dvh - 57px);
}
.h-\[calc\(100dvh-7\.5rem\)\] {
  height: calc(100dvh - 7.5rem);
}
.h-\[calc\(100svh-1\.5rem\)\] {
  height: calc(100svh - 1.5rem);
}
.h-\[calc\(100vh-10rem\)\] {
  height: calc(100vh - 10rem);
}
.h-\[calc\(100vh-120px\)\] {
  height: calc(100vh - 120px);
}
.h-\[calc\(100vh-12rem\)\] {
  height: calc(100vh - 12rem);
}
.h-\[calc\(100vh-130px\)\] {
  height: calc(100vh - 130px);
}
.h-\[calc\(100vh-150px\)\] {
  height: calc(100vh - 150px);
}
.h-\[calc\(100vh-160px\)\] {
  height: calc(100vh - 160px);
}
.h-\[calc\(100vh-180px\)\] {
  height: calc(100vh - 180px);
}
.h-\[calc\(100vh-2\.5rem\)\] {
  height: calc(100vh - 2.5rem);
}
.h-\[calc\(100vh-200px\)\] {
  height: calc(100vh - 200px);
}
.h-\[calc\(100vh-220px\)\] {
  height: calc(100vh - 220px);
}
.h-\[calc\(100vh-230px\)\] {
  height: calc(100vh - 230px);
}
.h-\[calc\(100vh-240px\)\] {
  height: calc(100vh - 240px);
}
.h-\[calc\(100vh-280px\)\] {
  height: calc(100vh - 280px);
}
.h-\[calc\(100vh-300px\)\] {
  height: calc(100vh - 300px);
}
.h-\[calc\(100vh-320px\)\] {
  height: calc(100vh - 320px);
}
.h-\[calc\(100vh-350px\)\] {
  height: calc(100vh - 350px);
}
.h-\[calc\(100vh-400px\)\] {
  height: calc(100vh - 400px);
}
.h-\[calc\(100vh-40px\)\] {
  height: calc(100vh - 40px);
}
.h-\[calc\(100vh-4rem\)\] {
  height: calc(100vh - 4rem);
}
.h-\[calc\(100vh-5rem\)\] {
  height: calc(100vh - 5rem);
}
.h-\[calc\(100vh-64px\)\] {
  height: calc(100vh - 64px);
}
.h-\[calc\(100vh-80px\)\] {
  height: calc(100vh - 80px);
}
.h-\[calc\(100vh-8rem\)\] {
  height: calc(100vh - 8rem);
}
.h-\[calc\(92vh-9rem\)\] {
  height: calc(92vh - 9rem);
}
.h-\[min\(240px\2c 38dvh\)\] {
  height: min(240px,38dvh);
}
.h-\[min\(240px\2c 40vh\)\] {
  height: min(240px,40vh);
}
.h-\[min\(280px\2c 40vh\)\] {
  height: min(280px,40vh);
}
.h-\[min\(360px\2c 50vh\)\] {
  height: min(360px,50vh);
}
.h-\[min\(380px\2c 52vh\)\] {
  height: min(380px,52vh);
}
.h-\[min\(420px\2c 50vh\)\] {
  height: min(420px,50vh);
}
.h-\[min\(420px\2c 55vh\)\] {
  height: min(420px,55vh);
}
.h-\[min\(420px\2c 72dvh\)\] {
  height: min(420px,72dvh);
}
.h-\[min\(50vh\2c 560px\)\] {
  height: min(50vh,560px);
}
.h-\[min\(520px\2c 55vh\)\] {
  height: min(520px,55vh);
}
.h-\[min\(520px\2c 70vh\)\] {
  height: min(520px,70vh);
}
.h-\[min\(52vh\2c 420px\)\] {
  height: min(52vh,420px);
}
.h-\[min\(560px\2c 70vh\)\] {
  height: min(560px,70vh);
}
.h-\[min\(60vh\2c 480px\)\] {
  height: min(60vh,480px);
}
.h-\[min\(62vh\2c 560px\)\] {
  height: min(62vh,560px);
}
.h-\[min\(640px\2c 75vh\)\] {
  height: min(640px,75vh);
}
.h-\[min\(640px\2c var\(--radix-popover-content-available-height\)\)\] {
  height: min(640px,var(--radix-popover-content-available-height));
}
.h-\[min\(65vh\2c 40rem\)\] {
  height: min(65vh,40rem);
}
.h-\[min\(70vh\2c 40rem\)\] {
  height: min(70vh,40rem);
}
.h-\[min\(70vh\2c 640px\)\] {
  height: min(70vh,640px);
}
.h-\[min\(70vh\2c 720px\)\] {
  height: min(70vh,720px);
}
.h-\[min\(70vh\2c 800px\)\] {
  height: min(70vh,800px);
}
.h-\[min\(75vh\2c 800px\)\] {
  height: min(75vh,800px);
}
.h-\[min\(80vh\2c 760px\)\] {
  height: min(80vh,760px);
}
.h-\[min\(90vh\2c 760px\)\] {
  height: min(90vh,760px);
}
.h-\[min\(90vh\2c 820px\)\] {
  height: min(90vh,820px);
}
.h-\[min\(92vh\2c 920px\)\] {
  height: min(92vh,920px);
}
.h-\[min\(94vh\2c 960px\)\] {
  height: min(94vh,960px);
}
.h-\[var\(--blender-header-height\)\] {
  height: var(--blender-header-height);
}
.h-\[var\(--core-bar-height\)\] {
  height: var(--core-bar-height);
}
.h-\[var\(--core-control-height\)\] {
  height: var(--core-control-height);
}
.h-\[var\(--core-preview-height\2c clamp\(400px\2c 45vw\2c 520px\)\)\] {
  height: var(--core-preview-height,clamp(400px,45vw,520px));
}
.h-\[var\(--core-row-height\)\] {
  height: var(--core-row-height);
}
.h-\[var\(--dashboard-sidebar-item-h\)\] {
  height: var(--dashboard-sidebar-item-h);
}
.h-\[var\(--directory-add-row-height\2c 0\.75rem\)\] {
  height: var(--directory-add-row-height,0.75rem);
}
.h-\[var\(--directory-control-height\2c 0\.75rem\)\] {
  height: var(--directory-control-height,0.75rem);
}
.h-\[var\(--directory-control-height\2c 1rem\)\] {
  height: var(--directory-control-height,1rem);
}
.h-\[var\(--directory-section-height\2c 1rem\)\] {
  height: var(--directory-section-height,1rem);
}
.h-\[var\(--directory-toggle-control-height\2c 1rem\)\] {
  height: var(--directory-toggle-control-height,1rem);
}
.h-\[var\(--directory-toolbar-height\2c 1\.5rem\)\] {
  height: var(--directory-toolbar-height,1.5rem);
}
.h-\[var\(--nav-h\)\] {
  height: var(--nav-h);
}
.h-\[var\(--radix-navigation-menu-viewport-height\)\] {
  height: var(--radix-navigation-menu-viewport-height);
}
.h-\[var\(--radix-select-trigger-height\)\] {
  height: var(--radix-select-trigger-height);
}
.h-\[var\(--row\)\] {
  height: var(--row);
}
.h-\[var\(--sheet-group-height\)\] {
  height: var(--sheet-group-height);
}
.h-\[var\(--sheet-header-height\)\] {
  height: var(--sheet-header-height);
}
.h-\[var\(--sheet-row-height\)\] {
  height: var(--sheet-row-height);
}
.h-\[var\(--stacks-sidebar-row-height\2c 1\.75rem\)\] {
  height: var(--stacks-sidebar-row-height,1.75rem);
}
.h-\[var\(--stacks-sidebar-row-height\2c 1rem\)\] {
  height: var(--stacks-sidebar-row-height,1rem);
}
.h-\[var\(--stacks-sidebar-toolbar-height\2c 1\.5rem\)\] {
  height: var(--stacks-sidebar-toolbar-height,1.5rem);
}
.h-\[var\(--workspace-control-height\)\] {
  height: var(--workspace-control-height);
}
.h-\[var\(--workspace-control-height\2c 20px\)\] {
  height: var(--workspace-control-height,20px);
}
.h-auto {
  height: auto;
}
.h-dvh {
  height: 100dvh;
}
.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-max {
  height: -moz-max-content;
  height: max-content;
}
.h-px {
  height: 1px;
}
.h-screen {
  height: 100vh;
}
.h-svh {
  height: 100svh;
}
.\!max-h-none {
  max-height: none !important;
}
.max-h-0 {
  max-height: 0px;
}
.max-h-10 {
  max-height: 2.5rem;
}
.max-h-12 {
  max-height: 3rem;
}
.max-h-14 {
  max-height: 3.5rem;
}
.max-h-16 {
  max-height: 4rem;
}
.max-h-20 {
  max-height: 5rem;
}
.max-h-24 {
  max-height: 6rem;
}
.max-h-28 {
  max-height: 7rem;
}
.max-h-32 {
  max-height: 8rem;
}
.max-h-36 {
  max-height: 9rem;
}
.max-h-40 {
  max-height: 10rem;
}
.max-h-44 {
  max-height: 11rem;
}
.max-h-48 {
  max-height: 12rem;
}
.max-h-52 {
  max-height: 13rem;
}
.max-h-56 {
  max-height: 14rem;
}
.max-h-6 {
  max-height: 1.5rem;
}
.max-h-60 {
  max-height: 15rem;
}
.max-h-64 {
  max-height: 16rem;
}
.max-h-7 {
  max-height: 1.75rem;
}
.max-h-72 {
  max-height: 18rem;
}
.max-h-8 {
  max-height: 2rem;
}
.max-h-80 {
  max-height: 20rem;
}
.max-h-96 {
  max-height: 24rem;
}
.max-h-\[0\] {
  max-height: 0;
}
.max-h-\[100dvh\] {
  max-height: 100dvh;
}
.max-h-\[100px\] {
  max-height: 100px;
}
.max-h-\[10rem\] {
  max-height: 10rem;
}
.max-h-\[120px\] {
  max-height: 120px;
}
.max-h-\[140px\] {
  max-height: 140px;
}
.max-h-\[150px\] {
  max-height: 150px;
}
.max-h-\[160px\] {
  max-height: 160px;
}
.max-h-\[16rem\] {
  max-height: 16rem;
}
.max-h-\[180px\] {
  max-height: 180px;
}
.max-h-\[18rem\] {
  max-height: 18rem;
}
.max-h-\[18vh\] {
  max-height: 18vh;
}
.max-h-\[2000px\] {
  max-height: 2000px;
}
.max-h-\[200px\] {
  max-height: 200px;
}
.max-h-\[208px\] {
  max-height: 208px;
}
.max-h-\[220px\] {
  max-height: 220px;
}
.max-h-\[22px\] {
  max-height: 22px;
}
.max-h-\[240px\] {
  max-height: 240px;
}
.max-h-\[250px\] {
  max-height: 250px;
}
.max-h-\[260px\] {
  max-height: 260px;
}
.max-h-\[280px\] {
  max-height: 280px;
}
.max-h-\[3\.25rem\] {
  max-height: 3.25rem;
}
.max-h-\[300px\] {
  max-height: 300px;
}
.max-h-\[30px\] {
  max-height: 30px;
}
.max-h-\[32\%\] {
  max-height: 32%;
}
.max-h-\[320px\] {
  max-height: 320px;
}
.max-h-\[32dvh\] {
  max-height: 32dvh;
}
.max-h-\[32rem\] {
  max-height: 32rem;
}
.max-h-\[340px\] {
  max-height: 340px;
}
.max-h-\[34rem\] {
  max-height: 34rem;
}
.max-h-\[350px\] {
  max-height: 350px;
}
.max-h-\[36\%\] {
  max-height: 36%;
}
.max-h-\[360px\] {
  max-height: 360px;
}
.max-h-\[36px\] {
  max-height: 36px;
}
.max-h-\[36vh\] {
  max-height: 36vh;
}
.max-h-\[38\%\] {
  max-height: 38%;
}
.max-h-\[380px\] {
  max-height: 380px;
}
.max-h-\[40\%\] {
  max-height: 40%;
}
.max-h-\[400px\] {
  max-height: 400px;
}
.max-h-\[40px\] {
  max-height: 40px;
}
.max-h-\[40vh\] {
  max-height: 40vh;
}
.max-h-\[420px\] {
  max-height: 420px;
}
.max-h-\[42dvh\] {
  max-height: 42dvh;
}
.max-h-\[42vh\] {
  max-height: 42vh;
}
.max-h-\[440px\] {
  max-height: 440px;
}
.max-h-\[44px\] {
  max-height: 44px;
}
.max-h-\[450px\] {
  max-height: 450px;
}
.max-h-\[480px\] {
  max-height: 480px;
}
.max-h-\[50\%\] {
  max-height: 50%;
}
.max-h-\[500px\] {
  max-height: 500px;
}
.max-h-\[50vh\] {
  max-height: 50vh;
}
.max-h-\[520px\] {
  max-height: 520px;
}
.max-h-\[55\%\] {
  max-height: 55%;
}
.max-h-\[550px\] {
  max-height: 550px;
}
.max-h-\[55vh\] {
  max-height: 55vh;
}
.max-h-\[600px\] {
  max-height: 600px;
}
.max-h-\[60dvh\] {
  max-height: 60dvh;
}
.max-h-\[60px\] {
  max-height: 60px;
}
.max-h-\[60vh\] {
  max-height: 60vh;
}
.max-h-\[640px\] {
  max-height: 640px;
}
.max-h-\[65vh\] {
  max-height: 65vh;
}
.max-h-\[700px\] {
  max-height: 700px;
}
.max-h-\[70dvh\] {
  max-height: 70dvh;
}
.max-h-\[70px\] {
  max-height: 70px;
}
.max-h-\[70vh\] {
  max-height: 70vh;
}
.max-h-\[720px\] {
  max-height: 720px;
}
.max-h-\[72px\] {
  max-height: 72px;
}
.max-h-\[72vh\] {
  max-height: 72vh;
}
.max-h-\[75vh\] {
  max-height: 75vh;
}
.max-h-\[76vh\] {
  max-height: 76vh;
}
.max-h-\[78vh\] {
  max-height: 78vh;
}
.max-h-\[7rem\] {
  max-height: 7rem;
}
.max-h-\[80\%\] {
  max-height: 80%;
}
.max-h-\[80px\] {
  max-height: 80px;
}
.max-h-\[80vh\] {
  max-height: 80vh;
}
.max-h-\[84vh\] {
  max-height: 84vh;
}
.max-h-\[85\%\] {
  max-height: 85%;
}
.max-h-\[85dvh\] {
  max-height: 85dvh;
}
.max-h-\[85vh\] {
  max-height: 85vh;
}
.max-h-\[860px\] {
  max-height: 860px;
}
.max-h-\[88dvh\] {
  max-height: 88dvh;
}
.max-h-\[88svh\] {
  max-height: 88svh;
}
.max-h-\[88vh\] {
  max-height: 88vh;
}
.max-h-\[90dvh\] {
  max-height: 90dvh;
}
.max-h-\[90vh\] {
  max-height: 90vh;
}
.max-h-\[92dvh\] {
  max-height: 92dvh;
}
.max-h-\[92vh\] {
  max-height: 92vh;
}
.max-h-\[94vh\] {
  max-height: 94vh;
}
.max-h-\[95vh\] {
  max-height: 95vh;
}
.max-h-\[96px\] {
  max-height: 96px;
}
.max-h-\[calc\(100\%-12rem\)\] {
  max-height: calc(100% - 12rem);
}
.max-h-\[calc\(100\%-2\.5rem\)\] {
  max-height: calc(100% - 2.5rem);
}
.max-h-\[calc\(100\%-2rem\)\] {
  max-height: calc(100% - 2rem);
}
.max-h-\[calc\(100\%-48px\)\] {
  max-height: calc(100% - 48px);
}
.max-h-\[calc\(100\%-96px-45px\)\] {
  max-height: calc(100% - 96px - 45px);
}
.max-h-\[calc\(100\%_-_2rem\)\] {
  max-height: calc(100% - 2rem);
}
.max-h-\[calc\(100dvh-14rem\)\] {
  max-height: calc(100dvh - 14rem);
}
.max-h-\[calc\(100dvh-16px\)\] {
  max-height: calc(100dvh - 16px);
}
.max-h-\[calc\(100dvh-16rem\)\] {
  max-height: calc(100dvh - 16rem);
}
.max-h-\[calc\(100dvh-24px\)\] {
  max-height: calc(100dvh - 24px);
}
.max-h-\[calc\(100dvh-2rem\)\] {
  max-height: calc(100dvh - 2rem);
}
.max-h-\[calc\(100dvh-6rem\)\] {
  max-height: calc(100dvh - 6rem);
}
.max-h-\[calc\(100vh-200px\)\] {
  max-height: calc(100vh - 200px);
}
.max-h-\[calc\(100vh-220px\)\] {
  max-height: calc(100vh - 220px);
}
.max-h-\[calc\(100vh-240px\)\] {
  max-height: calc(100vh - 240px);
}
.max-h-\[calc\(100vh-2rem\)\] {
  max-height: calc(100vh - 2rem);
}
.max-h-\[calc\(100vh-380px\)\] {
  max-height: calc(100vh - 380px);
}
.max-h-\[calc\(100vh-3rem\)\] {
  max-height: calc(100vh - 3rem);
}
.max-h-\[calc\(100vh-8rem\)\] {
  max-height: calc(100vh - 8rem);
}
.max-h-\[calc\(70dvh-var\(--footer-safe-area\)\)\] {
  max-height: calc(70dvh - var(--footer-safe-area));
}
.max-h-\[calc\(85vh-120px\)\] {
  max-height: calc(85vh - 120px);
}
.max-h-\[calc\(90vh-140px\)\] {
  max-height: calc(90vh - 140px);
}
.max-h-\[min\(16rem\2c 42dvh\)\] {
  max-height: min(16rem,42dvh);
}
.max-h-\[min\(18rem\2c calc\(var\(--available-height\)-3rem\)\)\] {
  max-height: min(18rem,calc(var(--available-height) - 3rem));
}
.max-h-\[min\(24rem\2c 50vh\)\] {
  max-height: min(24rem,50vh);
}
.max-h-\[min\(24rem\2c 60vh\)\] {
  max-height: min(24rem,60vh);
}
.max-h-\[min\(320px\2c 45vh\)\] {
  max-height: min(320px,45vh);
}
.max-h-\[min\(340px\2c 48vh\)\] {
  max-height: min(340px,48vh);
}
.max-h-\[min\(40vh\2c 20rem\)\] {
  max-height: min(40vh,20rem);
}
.max-h-\[min\(420px\2c 70vh\)\] {
  max-height: min(420px,70vh);
}
.max-h-\[min\(42rem\2c calc\(100dvh-2rem\)\)\] {
  max-height: min(42rem,calc(100dvh - 2rem));
}
.max-h-\[min\(42vh\2c 12rem\)\] {
  max-height: min(42vh,12rem);
}
.max-h-\[min\(42vh\2c 340px\)\] {
  max-height: min(42vh,340px);
}
.max-h-\[min\(440px\2c 80dvh\)\] {
  max-height: min(440px,80dvh);
}
.max-h-\[min\(50vh\2c 20rem\)\] {
  max-height: min(50vh,20rem);
}
.max-h-\[min\(52vh\2c 360px\)\] {
  max-height: min(52vh,360px);
}
.max-h-\[min\(60dvh\2c 400px\)\] {
  max-height: min(60dvh,400px);
}
.max-h-\[min\(60vh\2c 420px\)\] {
  max-height: min(60vh,420px);
}
.max-h-\[min\(60vh\2c 520px\)\] {
  max-height: min(60vh,520px);
}
.max-h-\[min\(70vh\2c 20rem\)\] {
  max-height: min(70vh,20rem);
}
.max-h-\[min\(70vh\2c 28rem\)\] {
  max-height: min(70vh,28rem);
}
.max-h-\[min\(70vh\2c 32rem\)\] {
  max-height: min(70vh,32rem);
}
.max-h-\[min\(70vh\2c 40rem\)\] {
  max-height: min(70vh,40rem);
}
.max-h-\[min\(70vh\2c 42rem\)\] {
  max-height: min(70vh,42rem);
}
.max-h-\[min\(70vh\2c 560px\)\] {
  max-height: min(70vh,560px);
}
.max-h-\[min\(70vh\2c 640px\)\] {
  max-height: min(70vh,640px);
}
.max-h-\[min\(72vh\2c 42rem\)\] {
  max-height: min(72vh,42rem);
}
.max-h-\[min\(72vh\2c 820px\)\] {
  max-height: min(72vh,820px);
}
.max-h-\[min\(80vh\2c 560px\)\] {
  max-height: min(80vh,560px);
}
.max-h-\[min\(80vh\2c 640px\)\] {
  max-height: min(80vh,640px);
}
.max-h-\[min\(90vh\2c 720px\)\] {
  max-height: min(90vh,720px);
}
.max-h-\[min\(calc\(--spacing\(72\)---spacing\(9\)\)\2c calc\(var\(--available-height\)---spacing\(9\)\)\)\] {
  max-height: min(calc(--spacing(72) - --spacing(9)),calc(var(--available-height) - --spacing(9)));
}
.max-h-\[var\(--radix-context-menu-content-available-height\)\] {
  max-height: var(--radix-context-menu-content-available-height);
}
.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
  max-height: var(--radix-dropdown-menu-content-available-height);
}
.max-h-\[var\(--radix-popover-content-available-height\)\] {
  max-height: var(--radix-popover-content-available-height);
}
.max-h-dvh {
  max-height: 100dvh;
}
.max-h-full {
  max-height: 100%;
}
.max-h-none {
  max-height: none;
}
.max-h-screen {
  max-height: 100vh;
}
.\!min-h-0 {
  min-height: 0px !important;
}
.\!min-h-full {
  min-height: 100% !important;
}
.min-h-0 {
  min-height: 0px;
}
.min-h-10 {
  min-height: 2.5rem;
}
.min-h-11 {
  min-height: 2.75rem;
}
.min-h-12 {
  min-height: 3rem;
}
.min-h-14 {
  min-height: 3.5rem;
}
.min-h-16 {
  min-height: 4rem;
}
.min-h-2 {
  min-height: 0.5rem;
}
.min-h-20 {
  min-height: 5rem;
}
.min-h-24 {
  min-height: 6rem;
}
.min-h-28 {
  min-height: 7rem;
}
.min-h-32 {
  min-height: 8rem;
}
.min-h-36 {
  min-height: 9rem;
}
.min-h-4 {
  min-height: 1rem;
}
.min-h-40 {
  min-height: 10rem;
}
.min-h-44 {
  min-height: 11rem;
}
.min-h-48 {
  min-height: 12rem;
}
.min-h-5 {
  min-height: 1.25rem;
}
.min-h-52 {
  min-height: 13rem;
}
.min-h-56 {
  min-height: 14rem;
}
.min-h-6 {
  min-height: 1.5rem;
}
.min-h-64 {
  min-height: 16rem;
}
.min-h-7 {
  min-height: 1.75rem;
}
.min-h-72 {
  min-height: 18rem;
}
.min-h-8 {
  min-height: 2rem;
}
.min-h-80 {
  min-height: 20rem;
}
.min-h-9 {
  min-height: 2.25rem;
}
.min-h-96 {
  min-height: 24rem;
}
.min-h-\[0\.5rem\] {
  min-height: 0.5rem;
}
.min-h-\[0\.875rem\] {
  min-height: 0.875rem;
}
.min-h-\[1\.125rem\] {
  min-height: 1.125rem;
}
.min-h-\[1\.25rem\] {
  min-height: 1.25rem;
}
.min-h-\[1\.2em\] {
  min-height: 1.2em;
}
.min-h-\[1\.375rem\] {
  min-height: 1.375rem;
}
.min-h-\[1\.5em\] {
  min-height: 1.5em;
}
.min-h-\[1\.5rem\] {
  min-height: 1.5rem;
}
.min-h-\[1\.625rem\] {
  min-height: 1.625rem;
}
.min-h-\[1\.75rem\] {
  min-height: 1.75rem;
}
.min-h-\[10\.5rem\] {
  min-height: 10.5rem;
}
.min-h-\[100dvh\] {
  min-height: 100dvh;
}
.min-h-\[100px\] {
  min-height: 100px;
}
.min-h-\[100vh\] {
  min-height: 100vh;
}
.min-h-\[10rem\] {
  min-height: 10rem;
}
.min-h-\[110px\] {
  min-height: 110px;
}
.min-h-\[1152px\] {
  min-height: 1152px;
}
.min-h-\[118px\] {
  min-height: 118px;
}
.min-h-\[11rem\] {
  min-height: 11rem;
}
.min-h-\[12\.5rem\] {
  min-height: 12.5rem;
}
.min-h-\[120px\] {
  min-height: 120px;
}
.min-h-\[128px\] {
  min-height: 128px;
}
.min-h-\[12rem\] {
  min-height: 12rem;
}
.min-h-\[12vh\] {
  min-height: 12vh;
}
.min-h-\[130px\] {
  min-height: 130px;
}
.min-h-\[132px\] {
  min-height: 132px;
}
.min-h-\[140px\] {
  min-height: 140px;
}
.min-h-\[148px\] {
  min-height: 148px;
}
.min-h-\[14px\] {
  min-height: 14px;
}
.min-h-\[14rem\] {
  min-height: 14rem;
}
.min-h-\[1500px\] {
  min-height: 1500px;
}
.min-h-\[150px\] {
  min-height: 150px;
}
.min-h-\[15px\] {
  min-height: 15px;
}
.min-h-\[15rem\] {
  min-height: 15rem;
}
.min-h-\[160px\] {
  min-height: 160px;
}
.min-h-\[168px\] {
  min-height: 168px;
}
.min-h-\[16px\] {
  min-height: 16px;
}
.min-h-\[16rem\] {
  min-height: 16rem;
}
.min-h-\[170px\] {
  min-height: 170px;
}
.min-h-\[180px\] {
  min-height: 180px;
}
.min-h-\[180vh\] {
  min-height: 180vh;
}
.min-h-\[18px\] {
  min-height: 18px;
}
.min-h-\[18rem\] {
  min-height: 18rem;
}
.min-h-\[190px\] {
  min-height: 190px;
}
.min-h-\[1em\] {
  min-height: 1em;
}
.min-h-\[2\.25rem\] {
  min-height: 2.25rem;
}
.min-h-\[2\.5rem\] {
  min-height: 2.5rem;
}
.min-h-\[2\.75rem\] {
  min-height: 2.75rem;
}
.min-h-\[200px\] {
  min-height: 200px;
}
.min-h-\[200vh\] {
  min-height: 200vh;
}
.min-h-\[202px\] {
  min-height: 202px;
}
.min-h-\[20px\] {
  min-height: 20px;
}
.min-h-\[20rem\] {
  min-height: 20rem;
}
.min-h-\[210px\] {
  min-height: 210px;
}
.min-h-\[220px\] {
  min-height: 220px;
}
.min-h-\[22px\] {
  min-height: 22px;
}
.min-h-\[22rem\] {
  min-height: 22rem;
}
.min-h-\[230px\] {
  min-height: 230px;
}
.min-h-\[240px\] {
  min-height: 240px;
}
.min-h-\[24px\] {
  min-height: 24px;
}
.min-h-\[24rem\] {
  min-height: 24rem;
}
.min-h-\[26\.25rem\] {
  min-height: 26.25rem;
}
.min-h-\[260px\] {
  min-height: 260px;
}
.min-h-\[26px\] {
  min-height: 26px;
}
.min-h-\[27rem\] {
  min-height: 27rem;
}
.min-h-\[280px\] {
  min-height: 280px;
}
.min-h-\[28px\] {
  min-height: 28px;
}
.min-h-\[28rem\] {
  min-height: 28rem;
}
.min-h-\[28vh\] {
  min-height: 28vh;
}
.min-h-\[297mm\] {
  min-height: 297mm;
}
.min-h-\[2rem\] {
  min-height: 2rem;
}
.min-h-\[3\.5rem\] {
  min-height: 3.5rem;
}
.min-h-\[300px\] {
  min-height: 300px;
}
.min-h-\[30px\] {
  min-height: 30px;
}
.min-h-\[30rem\] {
  min-height: 30rem;
}
.min-h-\[30vh\] {
  min-height: 30vh;
}
.min-h-\[320px\] {
  min-height: 320px;
}
.min-h-\[32px\] {
  min-height: 32px;
}
.min-h-\[32rem\] {
  min-height: 32rem;
}
.min-h-\[340px\] {
  min-height: 340px;
}
.min-h-\[34px\] {
  min-height: 34px;
}
.min-h-\[34rem\] {
  min-height: 34rem;
}
.min-h-\[350px\] {
  min-height: 350px;
}
.min-h-\[360px\] {
  min-height: 360px;
}
.min-h-\[36px\] {
  min-height: 36px;
}
.min-h-\[37px\] {
  min-height: 37px;
}
.min-h-\[380px\] {
  min-height: 380px;
}
.min-h-\[38px\] {
  min-height: 38px;
}
.min-h-\[39px\] {
  min-height: 39px;
}
.min-h-\[3rem\] {
  min-height: 3rem;
}
.min-h-\[4\.5rem\] {
  min-height: 4.5rem;
}
.min-h-\[400px\] {
  min-height: 400px;
}
.min-h-\[40px\] {
  min-height: 40px;
}
.min-h-\[40vh\] {
  min-height: 40vh;
}
.min-h-\[420px\] {
  min-height: 420px;
}
.min-h-\[42px\] {
  min-height: 42px;
}
.min-h-\[440px\] {
  min-height: 440px;
}
.min-h-\[44px\] {
  min-height: 44px;
}
.min-h-\[460px\] {
  min-height: 460px;
}
.min-h-\[46px\] {
  min-height: 46px;
}
.min-h-\[480px\] {
  min-height: 480px;
}
.min-h-\[48px\] {
  min-height: 48px;
}
.min-h-\[48vh\] {
  min-height: 48vh;
}
.min-h-\[4rem\] {
  min-height: 4rem;
}
.min-h-\[5\.5rem\] {
  min-height: 5.5rem;
}
.min-h-\[500px\] {
  min-height: 500px;
}
.min-h-\[50px\] {
  min-height: 50px;
}
.min-h-\[50vh\] {
  min-height: 50vh;
}
.min-h-\[520px\] {
  min-height: 520px;
}
.min-h-\[52px\] {
  min-height: 52px;
}
.min-h-\[52vh\] {
  min-height: 52vh;
}
.min-h-\[540px\] {
  min-height: 540px;
}
.min-h-\[550px\] {
  min-height: 550px;
}
.min-h-\[55px\] {
  min-height: 55px;
}
.min-h-\[55vh\] {
  min-height: 55vh;
}
.min-h-\[560px\] {
  min-height: 560px;
}
.min-h-\[56px\] {
  min-height: 56px;
}
.min-h-\[580px\] {
  min-height: 580px;
}
.min-h-\[58px\] {
  min-height: 58px;
}
.min-h-\[5rem\] {
  min-height: 5rem;
}
.min-h-\[600px\] {
  min-height: 600px;
}
.min-h-\[60px\] {
  min-height: 60px;
}
.min-h-\[60vh\] {
  min-height: 60vh;
}
.min-h-\[620px\] {
  min-height: 620px;
}
.min-h-\[640px\] {
  min-height: 640px;
}
.min-h-\[64px\] {
  min-height: 64px;
}
.min-h-\[650px\] {
  min-height: 650px;
}
.min-h-\[680px\] {
  min-height: 680px;
}
.min-h-\[68px\] {
  min-height: 68px;
}
.min-h-\[6rem\] {
  min-height: 6rem;
}
.min-h-\[700px\] {
  min-height: 700px;
}
.min-h-\[70px\] {
  min-height: 70px;
}
.min-h-\[70vh\] {
  min-height: 70vh;
}
.min-h-\[720px\] {
  min-height: 720px;
}
.min-h-\[72px\] {
  min-height: 72px;
}
.min-h-\[750px\] {
  min-height: 750px;
}
.min-h-\[760px\] {
  min-height: 760px;
}
.min-h-\[7rem\] {
  min-height: 7rem;
}
.min-h-\[8\.5rem\] {
  min-height: 8.5rem;
}
.min-h-\[800px\] {
  min-height: 800px;
}
.min-h-\[80px\] {
  min-height: 80px;
}
.min-h-\[84px\] {
  min-height: 84px;
}
.min-h-\[88px\] {
  min-height: 88px;
}
.min-h-\[898px\] {
  min-height: 898px;
}
.min-h-\[8px\] {
  min-height: 8px;
}
.min-h-\[8rem\] {
  min-height: 8rem;
}
.min-h-\[9\.5rem\] {
  min-height: 9.5rem;
}
.min-h-\[900px\] {
  min-height: 900px;
}
.min-h-\[90px\] {
  min-height: 90px;
}
.min-h-\[90vh\] {
  min-height: 90vh;
}
.min-h-\[96px\] {
  min-height: 96px;
}
.min-h-\[984px\] {
  min-height: 984px;
}
.min-h-\[calc\(100vh-100px\)\] {
  min-height: calc(100vh - 100px);
}
.min-h-\[calc\(100vh-12rem\)\] {
  min-height: calc(100vh - 12rem);
}
.min-h-\[calc\(100vh-160px\)\] {
  min-height: calc(100vh - 160px);
}
.min-h-\[calc\(100vh-2\.75rem\)\] {
  min-height: calc(100vh - 2.75rem);
}
.min-h-\[calc\(100vh-2\.75rem-3rem\)\] {
  min-height: calc(100vh - 2.75rem - 3rem);
}
.min-h-\[calc\(100vh-200px\)\] {
  min-height: calc(100vh - 200px);
}
.min-h-\[calc\(100vh-300px\)\] {
  min-height: calc(100vh - 300px);
}
.min-h-\[calc\(100vh-5\.5rem\)\] {
  min-height: calc(100vh - 5.5rem);
}
.min-h-\[calc\(2\.5rem\+1px\)\] {
  min-height: calc(2.5rem + 1px);
}
.min-h-\[inherit\] {
  min-height: inherit;
}
.min-h-\[max\(560px\2c 100svh\)\] {
  min-height: max(560px,100svh);
}
.min-h-\[min\(100\%\2c 32rem\)\] {
  min-height: min(100%,32rem);
}
.min-h-\[min\(420px\2c 55vh\)\] {
  min-height: min(420px,55vh);
}
.min-h-\[min\(50vh\2c 28rem\)\] {
  min-height: min(50vh,28rem);
}
.min-h-\[min\(600px\2c 100dvh\)\] {
  min-height: min(600px,100dvh);
}
.min-h-\[var\(--build-page-row-height\2c 2\.25rem\)\] {
  min-height: var(--build-page-row-height,2.25rem);
}
.min-h-\[var\(--core-bar-height\)\] {
  min-height: var(--core-bar-height);
}
.min-h-\[var\(--core-control-height\)\] {
  min-height: var(--core-control-height);
}
.min-h-\[var\(--dashboard-sidebar-item-h\)\] {
  min-height: var(--dashboard-sidebar-item-h);
}
.min-h-\[var\(--spine\)\] {
  min-height: var(--spine);
}
.min-h-\[var\(--stacks-canvas-shelf-height\2c 52px\)\] {
  min-height: var(--stacks-canvas-shelf-height,52px);
}
.min-h-\[var\(--workspace-control-height\)\] {
  min-height: var(--workspace-control-height);
}
.min-h-dvh {
  min-height: 100dvh;
}
.min-h-full {
  min-height: 100%;
}
.min-h-max {
  min-height: -moz-max-content;
  min-height: max-content;
}
.min-h-screen {
  min-height: 100vh;
}
.min-h-svh {
  min-height: 100svh;
}
.\!w-1\.5 {
  width: 0.375rem !important;
}
.\!w-14 {
  width: 3.5rem !important;
}
.\!w-2 {
  width: 0.5rem !important;
}
.\!w-2\.5 {
  width: 0.625rem !important;
}
.\!w-24 {
  width: 6rem !important;
}
.\!w-3 {
  width: 0.75rem !important;
}
.\!w-4 {
  width: 1rem !important;
}
.\!w-48 {
  width: 12rem !important;
}
.\!w-5 {
  width: 1.25rem !important;
}
.\!w-7 {
  width: 1.75rem !important;
}
.\!w-8 {
  width: 2rem !important;
}
.\!w-9 {
  width: 2.25rem !important;
}
.\!w-auto {
  width: auto !important;
}
.\!w-full {
  width: 100% !important;
}
.\!w-px {
  width: 1px !important;
}
.w-0 {
  width: 0px;
}
.w-0\.5 {
  width: 0.125rem;
}
.w-1 {
  width: 0.25rem;
}
.w-1\.5 {
  width: 0.375rem;
}
.w-1\/12 {
  width: 8.333333%;
}
.w-1\/2 {
  width: 50%;
}
.w-1\/3 {
  width: 33.333333%;
}
.w-1\/4 {
  width: 25%;
}
.w-1\/6 {
  width: 16.666667%;
}
.w-10 {
  width: 2.5rem;
}
.w-10\/12 {
  width: 83.333333%;
}
.w-11 {
  width: 2.75rem;
}
.w-11\/12 {
  width: 91.666667%;
}
.w-12 {
  width: 3rem;
}
.w-14 {
  width: 3.5rem;
}
.w-16 {
  width: 4rem;
}
.w-2 {
  width: 0.5rem;
}
.w-2\.5 {
  width: 0.625rem;
}
.w-2\/12 {
  width: 16.666667%;
}
.w-2\/3 {
  width: 66.666667%;
}
.w-2\/5 {
  width: 40%;
}
.w-20 {
  width: 5rem;
}
.w-24 {
  width: 6rem;
}
.w-28 {
  width: 7rem;
}
.w-3 {
  width: 0.75rem;
}
.w-3\.5 {
  width: 0.875rem;
}
.w-3\/12 {
  width: 25%;
}
.w-3\/4 {
  width: 75%;
}
.w-3\/5 {
  width: 60%;
}
.w-32 {
  width: 8rem;
}
.w-36 {
  width: 9rem;
}
.w-4 {
  width: 1rem;
}
.w-4\/12 {
  width: 33.333333%;
}
.w-4\/5 {
  width: 80%;
}
.w-4\/6 {
  width: 66.666667%;
}
.w-40 {
  width: 10rem;
}
.w-44 {
  width: 11rem;
}
.w-48 {
  width: 12rem;
}
.w-5 {
  width: 1.25rem;
}
.w-5\/12 {
  width: 41.666667%;
}
.w-5\/6 {
  width: 83.333333%;
}
.w-52 {
  width: 13rem;
}
.w-56 {
  width: 14rem;
}
.w-6 {
  width: 1.5rem;
}
.w-6\/12 {
  width: 50%;
}
.w-60 {
  width: 15rem;
}
.w-64 {
  width: 16rem;
}
.w-7 {
  width: 1.75rem;
}
.w-7\/12 {
  width: 58.333333%;
}
.w-72 {
  width: 18rem;
}
.w-8 {
  width: 2rem;
}
.w-8\/12 {
  width: 66.666667%;
}
.w-80 {
  width: 20rem;
}
.w-9 {
  width: 2.25rem;
}
.w-9\/12 {
  width: 75%;
}
.w-96 {
  width: 24rem;
}
.w-\[--cell-size\] {
  width: var(--cell-size);
}
.w-\[--kb-progress-fill-width\] {
  width: var(--kb-progress-fill-width);
}
.w-\[--radix-popover-trigger-width\] {
  width: var(--radix-popover-trigger-width);
}
.w-\[--radix-popper-anchor-width\] {
  width: var(--radix-popper-anchor-width);
}
.w-\[--sidebar-width\] {
  width: var(--sidebar-width);
}
.w-\[0\.5em\] {
  width: 0.5em;
}
.w-\[1\.125rem\] {
  width: 1.125rem;
}
.w-\[1\.2rem\] {
  width: 1.2rem;
}
.w-\[1\.5px\] {
  width: 1.5px;
}
.w-\[10\%\] {
  width: 10%;
}
.w-\[10\.25rem\] {
  width: 10.25rem;
}
.w-\[1000px\] {
  width: 1000px;
}
.w-\[100px\] {
  width: 100px;
}
.w-\[103px\] {
  width: 103px;
}
.w-\[1040px\] {
  width: 1040px;
}
.w-\[104px\] {
  width: 104px;
}
.w-\[105px\] {
  width: 105px;
}
.w-\[106px\] {
  width: 106px;
}
.w-\[108px\] {
  width: 108px;
}
.w-\[10px\] {
  width: 10px;
}
.w-\[10rem\] {
  width: 10rem;
}
.w-\[11\.75rem\] {
  width: 11.75rem;
}
.w-\[110px\] {
  width: 110px;
}
.w-\[112px\] {
  width: 112px;
}
.w-\[114px\] {
  width: 114px;
}
.w-\[11px\] {
  width: 11px;
}
.w-\[11rem\] {
  width: 11rem;
}
.w-\[12\.5\%\] {
  width: 12.5%;
}
.w-\[1200px\] {
  width: 1200px;
}
.w-\[120px\] {
  width: 120px;
}
.w-\[124px\] {
  width: 124px;
}
.w-\[125px\] {
  width: 125px;
}
.w-\[128px\] {
  width: 128px;
}
.w-\[12px\] {
  width: 12px;
}
.w-\[12rem\] {
  width: 12rem;
}
.w-\[13\.5rem\] {
  width: 13.5rem;
}
.w-\[130px\] {
  width: 130px;
}
.w-\[132px\] {
  width: 132px;
}
.w-\[134px\] {
  width: 134px;
}
.w-\[136px\] {
  width: 136px;
}
.w-\[137px\] {
  width: 137px;
}
.w-\[13px\] {
  width: 13px;
}
.w-\[1400px\] {
  width: 1400px;
}
.w-\[140px\] {
  width: 140px;
}
.w-\[148px\] {
  width: 148px;
}
.w-\[14px\] {
  width: 14px;
}
.w-\[14rem\] {
  width: 14rem;
}
.w-\[15\.5rem\] {
  width: 15.5rem;
}
.w-\[150px\] {
  width: 150px;
}
.w-\[156\.25px\] {
  width: 156.25px;
}
.w-\[156px\] {
  width: 156px;
}
.w-\[15px\] {
  width: 15px;
}
.w-\[15rem\] {
  width: 15rem;
}
.w-\[16\%\] {
  width: 16%;
}
.w-\[160\%\] {
  width: 160%;
}
.w-\[160px\] {
  width: 160px;
}
.w-\[165px\] {
  width: 165px;
}
.w-\[168px\] {
  width: 168px;
}
.w-\[16px\] {
  width: 16px;
}
.w-\[17\.5rem\] {
  width: 17.5rem;
}
.w-\[170px\] {
  width: 170px;
}
.w-\[175px\] {
  width: 175px;
}
.w-\[17rem\] {
  width: 17rem;
}
.w-\[18\%\] {
  width: 18%;
}
.w-\[180px\] {
  width: 180px;
}
.w-\[184px\] {
  width: 184px;
}
.w-\[18px\] {
  width: 18px;
}
.w-\[18rem\] {
  width: 18rem;
}
.w-\[1px\] {
  width: 1px;
}
.w-\[2\.5rem\] {
  width: 2.5rem;
}
.w-\[20\%\] {
  width: 20%;
}
.w-\[200\%\] {
  width: 200%;
}
.w-\[2000px\] {
  width: 2000px;
}
.w-\[200px\] {
  width: 200px;
}
.w-\[206px\] {
  width: 206px;
}
.w-\[20px\] {
  width: 20px;
}
.w-\[210mm\] {
  width: 210mm;
}
.w-\[210px\] {
  width: 210px;
}
.w-\[220px\] {
  width: 220px;
}
.w-\[222\%\] {
  width: 222%;
}
.w-\[22px\] {
  width: 22px;
}
.w-\[22rem\] {
  width: 22rem;
}
.w-\[23\%\] {
  width: 23%;
}
.w-\[230px\] {
  width: 230px;
}
.w-\[232px\] {
  width: 232px;
}
.w-\[235px\] {
  width: 235px;
}
.w-\[240px\] {
  width: 240px;
}
.w-\[243px\] {
  width: 243px;
}
.w-\[248px\] {
  width: 248px;
}
.w-\[24px\] {
  width: 24px;
}
.w-\[250px\] {
  width: 250px;
}
.w-\[252px\] {
  width: 252px;
}
.w-\[258px\] {
  width: 258px;
}
.w-\[25px\] {
  width: 25px;
}
.w-\[260px\] {
  width: 260px;
}
.w-\[262px\] {
  width: 262px;
}
.w-\[26px\] {
  width: 26px;
}
.w-\[28\%\] {
  width: 28%;
}
.w-\[280px\] {
  width: 280px;
}
.w-\[28px\] {
  width: 28px;
}
.w-\[290px\] {
  width: 290px;
}
.w-\[292px\] {
  width: 292px;
}
.w-\[2px\] {
  width: 2px;
}
.w-\[3\.25rem\] {
  width: 3.25rem;
}
.w-\[3\.5rem\] {
  width: 3.5rem;
}
.w-\[3\.75rem\] {
  width: 3.75rem;
}
.w-\[300\%\] {
  width: 300%;
}
.w-\[300px\] {
  width: 300px;
}
.w-\[30px\] {
  width: 30px;
}
.w-\[30rem\] {
  width: 30rem;
}
.w-\[312px\] {
  width: 312px;
}
.w-\[31px\] {
  width: 31px;
}
.w-\[320px\] {
  width: 320px;
}
.w-\[324px\] {
  width: 324px;
}
.w-\[325px\] {
  width: 325px;
}
.w-\[32px\] {
  width: 32px;
}
.w-\[32rem\] {
  width: 32rem;
}
.w-\[336px\] {
  width: 336px;
}
.w-\[339px\] {
  width: 339px;
}
.w-\[34\%\] {
  width: 34%;
}
.w-\[340px\] {
  width: 340px;
}
.w-\[34px\] {
  width: 34px;
}
.w-\[34rem\] {
  width: 34rem;
}
.w-\[350px\] {
  width: 350px;
}
.w-\[352px\] {
  width: 352px;
}
.w-\[355px\] {
  width: 355px;
}
.w-\[35px\] {
  width: 35px;
}
.w-\[35rem\] {
  width: 35rem;
}
.w-\[360px\] {
  width: 360px;
}
.w-\[36rem\] {
  width: 36rem;
}
.w-\[370px\] {
  width: 370px;
}
.w-\[38\%\] {
  width: 38%;
}
.w-\[380px\] {
  width: 380px;
}
.w-\[38px\] {
  width: 38px;
}
.w-\[390px\] {
  width: 390px;
}
.w-\[391px\] {
  width: 391px;
}
.w-\[3ch\] {
  width: 3ch;
}
.w-\[3px\] {
  width: 3px;
}
.w-\[4\.25rem\] {
  width: 4.25rem;
}
.w-\[4\.5rem\] {
  width: 4.5rem;
}
.w-\[4\.75rem\] {
  width: 4.75rem;
}
.w-\[40\%\] {
  width: 40%;
}
.w-\[400\%\] {
  width: 400%;
}
.w-\[400px\] {
  width: 400px;
}
.w-\[40px\] {
  width: 40px;
}
.w-\[40vw\] {
  width: 40vw;
}
.w-\[42\%\] {
  width: 42%;
}
.w-\[420px\] {
  width: 420px;
}
.w-\[44px\] {
  width: 44px;
}
.w-\[45\%\] {
  width: 45%;
}
.w-\[450px\] {
  width: 450px;
}
.w-\[45px\] {
  width: 45px;
}
.w-\[45vw\] {
  width: 45vw;
}
.w-\[46\%\] {
  width: 46%;
}
.w-\[460px\] {
  width: 460px;
}
.w-\[46px\] {
  width: 46px;
}
.w-\[480px\] {
  width: 480px;
}
.w-\[48px\] {
  width: 48px;
}
.w-\[4px\] {
  width: 4px;
}
.w-\[4rem\] {
  width: 4rem;
}
.w-\[5\.25rem\] {
  width: 5.25rem;
}
.w-\[5\.5rem\] {
  width: 5.5rem;
}
.w-\[500px\] {
  width: 500px;
}
.w-\[50px\] {
  width: 50px;
}
.w-\[50rem\] {
  width: 50rem;
}
.w-\[520px\] {
  width: 520px;
}
.w-\[52px\] {
  width: 52px;
}
.w-\[54px\] {
  width: 54px;
}
.w-\[55\%\] {
  width: 55%;
}
.w-\[550px\] {
  width: 550px;
}
.w-\[55px\] {
  width: 55px;
}
.w-\[560px\] {
  width: 560px;
}
.w-\[56px\] {
  width: 56px;
}
.w-\[579px\] {
  width: 579px;
}
.w-\[58\%\] {
  width: 58%;
}
.w-\[5px\] {
  width: 5px;
}
.w-\[5rem\] {
  width: 5rem;
}
.w-\[6\%\] {
  width: 6%;
}
.w-\[6\.5rem\] {
  width: 6.5rem;
}
.w-\[6\.75rem\] {
  width: 6.75rem;
}
.w-\[60\%\] {
  width: 60%;
}
.w-\[600px\] {
  width: 600px;
}
.w-\[60px\] {
  width: 60px;
}
.w-\[61\%\] {
  width: 61%;
}
.w-\[62\%\] {
  width: 62%;
}
.w-\[62\.5px\] {
  width: 62.5px;
}
.w-\[62px\] {
  width: 62px;
}
.w-\[64\%\] {
  width: 64%;
}
.w-\[64px\] {
  width: 64px;
}
.w-\[65\%\] {
  width: 65%;
}
.w-\[650px\] {
  width: 650px;
}
.w-\[660px\] {
  width: 660px;
}
.w-\[680px\] {
  width: 680px;
}
.w-\[68px\] {
  width: 68px;
}
.w-\[6px\] {
  width: 6px;
}
.w-\[6rem\] {
  width: 6rem;
}
.w-\[7\.25rem\] {
  width: 7.25rem;
}
.w-\[7\.5rem\] {
  width: 7.5rem;
}
.w-\[70\%\] {
  width: 70%;
}
.w-\[700px\] {
  width: 700px;
}
.w-\[70px\] {
  width: 70px;
}
.w-\[71px\] {
  width: 71px;
}
.w-\[72\%\] {
  width: 72%;
}
.w-\[720px\] {
  width: 720px;
}
.w-\[72px\] {
  width: 72px;
}
.w-\[74\%\] {
  width: 74%;
}
.w-\[740px\] {
  width: 740px;
}
.w-\[74px\] {
  width: 74px;
}
.w-\[75\%\] {
  width: 75%;
}
.w-\[75px\] {
  width: 75px;
}
.w-\[768px\] {
  width: 768px;
}
.w-\[76px\] {
  width: 76px;
}
.w-\[77\%\] {
  width: 77%;
}
.w-\[78\%\] {
  width: 78%;
}
.w-\[78px\] {
  width: 78px;
}
.w-\[790px\] {
  width: 790px;
}
.w-\[798px\] {
  width: 798px;
}
.w-\[7rem\] {
  width: 7rem;
}
.w-\[8\%\] {
  width: 8%;
}
.w-\[8\.5rem\] {
  width: 8.5rem;
}
.w-\[8\.75rem\] {
  width: 8.75rem;
}
.w-\[80\%\] {
  width: 80%;
}
.w-\[800px\] {
  width: 800px;
}
.w-\[80px\] {
  width: 80px;
}
.w-\[80vw\] {
  width: 80vw;
}
.w-\[816px\] {
  width: 816px;
}
.w-\[84px\] {
  width: 84px;
}
.w-\[85\%\] {
  width: 85%;
}
.w-\[85vw\] {
  width: 85vw;
}
.w-\[86px\] {
  width: 86px;
}
.w-\[88\%\] {
  width: 88%;
}
.w-\[88px\] {
  width: 88px;
}
.w-\[8px\] {
  width: 8px;
}
.w-\[9\.25rem\] {
  width: 9.25rem;
}
.w-\[9\.5rem\] {
  width: 9.5rem;
}
.w-\[90\%\] {
  width: 90%;
}
.w-\[900px\] {
  width: 900px;
}
.w-\[90px\] {
  width: 90px;
}
.w-\[90vw\] {
  width: 90vw;
}
.w-\[92\%\] {
  width: 92%;
}
.w-\[92px\] {
  width: 92px;
}
.w-\[93\.75px\] {
  width: 93.75px;
}
.w-\[94px\] {
  width: 94px;
}
.w-\[95vw\] {
  width: 95vw;
}
.w-\[96px\] {
  width: 96px;
}
.w-\[9px\] {
  width: 9px;
}
.w-\[9rem\] {
  width: 9rem;
}
.w-\[calc\(100\%\+--spacing\(2\)\)\] {
  width: calc(100% + --spacing(2));
}
.w-\[calc\(100\%\+16px\)\] {
  width: calc(100% + 16px);
}
.w-\[calc\(100\%\+3rem\)\] {
  width: calc(100% + 3rem);
}
.w-\[calc\(100\%-0\.5rem\)\] {
  width: calc(100% - 0.5rem);
}
.w-\[calc\(100\%-0\.75rem\)\] {
  width: calc(100% - 0.75rem);
}
.w-\[calc\(100\%-1\.5rem\)\] {
  width: calc(100% - 1.5rem);
}
.w-\[calc\(100\%-12px\)\] {
  width: calc(100% - 12px);
}
.w-\[calc\(100\%-1rem\)\] {
  width: calc(100% - 1rem);
}
.w-\[calc\(100\%-24px\)\] {
  width: calc(100% - 24px);
}
.w-\[calc\(100\%-2rem\)\] {
  width: calc(100% - 2rem);
}
.w-\[calc\(100\%-32px\)\] {
  width: calc(100% - 32px);
}
.w-\[calc\(100\%-3rem\)\] {
  width: calc(100% - 3rem);
}
.w-\[calc\(100vw-1\.5rem\)\] {
  width: calc(100vw - 1.5rem);
}
.w-\[calc\(100vw-2rem\)\] {
  width: calc(100vw - 2rem);
}
.w-\[calc\(100vw-32px\)\] {
  width: calc(100vw - 32px);
}
.w-\[calc\(100vw-72px\)\] {
  width: calc(100vw - 72px);
}
.w-\[clamp\(110px\2c 18vw\2c 180px\)\] {
  width: clamp(110px,18vw,180px);
}
.w-\[min\(100\%\2c 12rem\)\] {
  width: min(100%,12rem);
}
.w-\[min\(100\%\2c 180px\)\] {
  width: min(100%,180px);
}
.w-\[min\(100\%\2c 280px\)\] {
  width: min(100%,280px);
}
.w-\[min\(100\%\2c 36rem\)\] {
  width: min(100%,36rem);
}
.w-\[min\(100\%\2c 380px\)\] {
  width: min(100%,380px);
}
.w-\[min\(100\%-1\.5rem\2c 20rem\)\] {
  width: min(100% - 1.5rem,20rem);
}
.w-\[min\(100\%-2rem\2c 28rem\)\] {
  width: min(100% - 2rem,28rem);
}
.w-\[min\(100vw-2rem\2c 16rem\)\] {
  width: min(100vw - 2rem,16rem);
}
.w-\[min\(100vw-2rem\2c 22rem\)\] {
  width: min(100vw - 2rem,22rem);
}
.w-\[min\(20rem\2c calc\(100\%-2rem\)\)\] {
  width: min(20rem,calc(100% - 2rem));
}
.w-\[min\(21rem\2c calc\(100\%-2rem\)\)\] {
  width: min(21rem,calc(100% - 2rem));
}
.w-\[min\(22\%\2c 14rem\)\] {
  width: min(22%,14rem);
}
.w-\[min\(22rem\2c calc\(100vw-1\.5rem\)\)\] {
  width: min(22rem,calc(100vw - 1.5rem));
}
.w-\[min\(22rem\2c calc\(100vw-2rem\)\)\] {
  width: min(22rem,calc(100vw - 2rem));
}
.w-\[min\(26rem\2c 100vw\)\] {
  width: min(26rem,100vw);
}
.w-\[min\(26rem\2c 45\%\)\] {
  width: min(26rem,45%);
}
.w-\[min\(26rem\2c calc\(100vw-1\.5rem\)\)\] {
  width: min(26rem,calc(100vw - 1.5rem));
}
.w-\[min\(300px\2c 32vw\)\] {
  width: min(300px,32vw);
}
.w-\[min\(320px\2c 100vw\)\] {
  width: min(320px,100vw);
}
.w-\[min\(320px\2c 40\%\)\] {
  width: min(320px,40%);
}
.w-\[min\(320px\2c calc\(100vw-2rem\)\)\] {
  width: min(320px,calc(100vw - 2rem));
}
.w-\[min\(360px\2c 40\%\)\] {
  width: min(360px,40%);
}
.w-\[min\(360px\2c 70vw\)\] {
  width: min(360px,70vw);
}
.w-\[min\(360px\2c calc\(100vw-2rem\)\)\] {
  width: min(360px,calc(100vw - 2rem));
}
.w-\[min\(380px\2c 92vw\)\] {
  width: min(380px,92vw);
}
.w-\[min\(40\%\2c 18rem\)\] {
  width: min(40%,18rem);
}
.w-\[min\(400px\2c 90vw\)\] {
  width: min(400px,90vw);
}
.w-\[min\(42\%\2c 420px\)\] {
  width: min(42%,420px);
}
.w-\[min\(42\%\2c 480px\)\] {
  width: min(42%,480px);
}
.w-\[min\(420px\2c 32vw\)\] {
  width: min(420px,32vw);
}
.w-\[min\(420px\2c 42\%\)\] {
  width: min(420px,42%);
}
.w-\[min\(420px\2c 90\%\)\] {
  width: min(420px,90%);
}
.w-\[min\(420px\2c 90vw\)\] {
  width: min(420px,90vw);
}
.w-\[min\(420px\2c calc\(100\%-2rem\)\)\] {
  width: min(420px,calc(100% - 2rem));
}
.w-\[min\(420px\2c calc\(100\%-32px\)\)\] {
  width: min(420px,calc(100% - 32px));
}
.w-\[min\(42rem\2c 52vw\)\] {
  width: min(42rem,52vw);
}
.w-\[min\(64\%\2c 172px\)\] {
  width: min(64%,172px);
}
.w-\[min\(680px\2c calc\(100vw-24px\)\)\] {
  width: min(680px,calc(100vw - 24px));
}
.w-\[min\(70vw\2c 520px\)\] {
  width: min(70vw,520px);
}
.w-\[min\(72vw\2c 340px\)\] {
  width: min(72vw,340px);
}
.w-\[min\(78vw\2c 420px\)\] {
  width: min(78vw,420px);
}
.w-\[min\(920px\2c calc\(100\%-1\.5rem\)\)\] {
  width: min(920px,calc(100% - 1.5rem));
}
.w-\[min\(92vw\2c 1000px\)\] {
  width: min(92vw,1000px);
}
.w-\[min\(92vw\2c 320px\)\] {
  width: min(92vw,320px);
}
.w-\[min\(960px\2c 90vw\)\] {
  width: min(960px,90vw);
}
.w-\[min\(96vw\2c 1000px\)\] {
  width: min(96vw,1000px);
}
.w-\[min\(96vw\2c 100rem\)\] {
  width: min(96vw,100rem);
}
.w-\[min\(96vw\2c 1100px\)\] {
  width: min(96vw,1100px);
}
.w-\[min\(96vw\2c 68rem\)\] {
  width: min(96vw,68rem);
}
.w-\[min\(96vw\2c 80rem\)\] {
  width: min(96vw,80rem);
}
.w-\[min\(calc\(100vw-1rem\)\2c 56rem\)\] {
  width: min(calc(100vw - 1rem),56rem);
}
.w-\[var\(--blender-properties-tab-width\)\] {
  width: var(--blender-properties-tab-width);
}
.w-\[var\(--blocks-prop-grid-width\2c 10\.5rem\)\] {
  width: var(--blocks-prop-grid-width,10.5rem);
}
.w-\[var\(--blocks-prop-grid-width\2c 12rem\)\] {
  width: var(--blocks-prop-grid-width,12rem);
}
.w-\[var\(--dashboard-sidebar-width\)\] {
  width: var(--dashboard-sidebar-width);
}
.w-\[var\(--gutter\)\] {
  width: var(--gutter);
}
.w-\[var\(--meta\)\] {
  width: var(--meta);
}
.w-\[var\(--nav-h\)\] {
  width: var(--nav-h);
}
.w-\[var\(--radix-navigation-menu-viewport-width\)\] {
  width: var(--radix-navigation-menu-viewport-width);
}
.w-\[var\(--radix-popover-trigger-width\)\] {
  width: var(--radix-popover-trigger-width);
}
.w-\[var\(--sandbox-sidebar-name-width\2c 14rem\)\] {
  width: var(--sandbox-sidebar-name-width,14rem);
}
.w-\[var\(--stacks-canvas-add-width\2c 48px\)\] {
  width: var(--stacks-canvas-add-width,48px);
}
.w-\[var\(--stacks-canvas-category-width\2c 8\.5rem\)\] {
  width: var(--stacks-canvas-category-width,8.5rem);
}
.w-\[var\(--workspace-sidebar-panel-width\2c 148px\)\] {
  width: var(--workspace-sidebar-panel-width,148px);
}
.w-auto {
  width: auto;
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-max {
  width: -moz-max-content;
  width: max-content;
}
.w-min {
  width: -moz-min-content;
  width: min-content;
}
.w-px {
  width: 1px;
}
.w-screen {
  width: 100vw;
}
.\!min-w-0 {
  min-width: 0px !important;
}
.\!min-w-12 {
  min-width: 3rem !important;
}
.\!min-w-5 {
  min-width: 1.25rem !important;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-1 {
  min-width: 0.25rem;
}
.min-w-10 {
  min-width: 2.5rem;
}
.min-w-11 {
  min-width: 2.75rem;
}
.min-w-12 {
  min-width: 3rem;
}
.min-w-14 {
  min-width: 3.5rem;
}
.min-w-16 {
  min-width: 4rem;
}
.min-w-2 {
  min-width: 0.5rem;
}
.min-w-2\.5 {
  min-width: 0.625rem;
}
.min-w-20 {
  min-width: 5rem;
}
.min-w-24 {
  min-width: 6rem;
}
.min-w-28 {
  min-width: 7rem;
}
.min-w-3 {
  min-width: 0.75rem;
}
.min-w-3\.5 {
  min-width: 0.875rem;
}
.min-w-32 {
  min-width: 8rem;
}
.min-w-36 {
  min-width: 9rem;
}
.min-w-4 {
  min-width: 1rem;
}
.min-w-40 {
  min-width: 10rem;
}
.min-w-44 {
  min-width: 11rem;
}
.min-w-48 {
  min-width: 12rem;
}
.min-w-5 {
  min-width: 1.25rem;
}
.min-w-52 {
  min-width: 13rem;
}
.min-w-56 {
  min-width: 14rem;
}
.min-w-6 {
  min-width: 1.5rem;
}
.min-w-60 {
  min-width: 15rem;
}
.min-w-64 {
  min-width: 16rem;
}
.min-w-7 {
  min-width: 1.75rem;
}
.min-w-8 {
  min-width: 2rem;
}
.min-w-9 {
  min-width: 2.25rem;
}
.min-w-\[--cell-size\] {
  min-width: var(--cell-size);
}
.min-w-\[0\.9rem\] {
  min-width: 0.9rem;
}
.min-w-\[1\.1rem\] {
  min-width: 1.1rem;
}
.min-w-\[1\.25rem\] {
  min-width: 1.25rem;
}
.min-w-\[1\.35rem\] {
  min-width: 1.35rem;
}
.min-w-\[1\.5em\] {
  min-width: 1.5em;
}
.min-w-\[1\.5rem\] {
  min-width: 1.5rem;
}
.min-w-\[1\.75rem\] {
  min-width: 1.75rem;
}
.min-w-\[1\.9rem\] {
  min-width: 1.9rem;
}
.min-w-\[100\%\] {
  min-width: 100%;
}
.min-w-\[100px\] {
  min-width: 100px;
}
.min-w-\[104px\] {
  min-width: 104px;
}
.min-w-\[108px\] {
  min-width: 108px;
}
.min-w-\[10rem\] {
  min-width: 10rem;
}
.min-w-\[11\.5rem\] {
  min-width: 11.5rem;
}
.min-w-\[110px\] {
  min-width: 110px;
}
.min-w-\[112px\] {
  min-width: 112px;
}
.min-w-\[11rem\] {
  min-width: 11rem;
}
.min-w-\[120px\] {
  min-width: 120px;
}
.min-w-\[126px\] {
  min-width: 126px;
}
.min-w-\[12px\] {
  min-width: 12px;
}
.min-w-\[12rem\] {
  min-width: 12rem;
}
.min-w-\[130px\] {
  min-width: 130px;
}
.min-w-\[132px\] {
  min-width: 132px;
}
.min-w-\[13rem\] {
  min-width: 13rem;
}
.min-w-\[140px\] {
  min-width: 140px;
}
.min-w-\[148px\] {
  min-width: 148px;
}
.min-w-\[14rem\] {
  min-width: 14rem;
}
.min-w-\[1500px\] {
  min-width: 1500px;
}
.min-w-\[150px\] {
  min-width: 150px;
}
.min-w-\[15rem\] {
  min-width: 15rem;
}
.min-w-\[160px\] {
  min-width: 160px;
}
.min-w-\[168px\] {
  min-width: 168px;
}
.min-w-\[16px\] {
  min-width: 16px;
}
.min-w-\[170px\] {
  min-width: 170px;
}
.min-w-\[180px\] {
  min-width: 180px;
}
.min-w-\[188px\] {
  min-width: 188px;
}
.min-w-\[18px\] {
  min-width: 18px;
}
.min-w-\[18rem\] {
  min-width: 18rem;
}
.min-w-\[190px\] {
  min-width: 190px;
}
.min-w-\[1rem\] {
  min-width: 1rem;
}
.min-w-\[2\.25rem\] {
  min-width: 2.25rem;
}
.min-w-\[2\.5rem\] {
  min-width: 2.5rem;
}
.min-w-\[2\.75rem\] {
  min-width: 2.75rem;
}
.min-w-\[2000px\] {
  min-width: 2000px;
}
.min-w-\[200px\] {
  min-width: 200px;
}
.min-w-\[20px\] {
  min-width: 20px;
}
.min-w-\[220px\] {
  min-width: 220px;
}
.min-w-\[224px\] {
  min-width: 224px;
}
.min-w-\[22rem\] {
  min-width: 22rem;
}
.min-w-\[230px\] {
  min-width: 230px;
}
.min-w-\[240px\] {
  min-width: 240px;
}
.min-w-\[260px\] {
  min-width: 260px;
}
.min-w-\[26rem\] {
  min-width: 26rem;
}
.min-w-\[280px\] {
  min-width: 280px;
}
.min-w-\[28px\] {
  min-width: 28px;
}
.min-w-\[28rem\] {
  min-width: 28rem;
}
.min-w-\[292px\] {
  min-width: 292px;
}
.min-w-\[2ch\] {
  min-width: 2ch;
}
.min-w-\[2rem\] {
  min-width: 2rem;
}
.min-w-\[3\.25rem\] {
  min-width: 3.25rem;
}
.min-w-\[300px\] {
  min-width: 300px;
}
.min-w-\[30px\] {
  min-width: 30px;
}
.min-w-\[320px\] {
  min-width: 320px;
}
.min-w-\[32px\] {
  min-width: 32px;
}
.min-w-\[32rem\] {
  min-width: 32rem;
}
.min-w-\[340px\] {
  min-width: 340px;
}
.min-w-\[34px\] {
  min-width: 34px;
}
.min-w-\[360px\] {
  min-width: 360px;
}
.min-w-\[36px\] {
  min-width: 36px;
}
.min-w-\[3ch\] {
  min-width: 3ch;
}
.min-w-\[3px\] {
  min-width: 3px;
}
.min-w-\[3rem\] {
  min-width: 3rem;
}
.min-w-\[4\.5rem\] {
  min-width: 4.5rem;
}
.min-w-\[40\%\] {
  min-width: 40%;
}
.min-w-\[400px\] {
  min-width: 400px;
}
.min-w-\[40px\] {
  min-width: 40px;
}
.min-w-\[440px\] {
  min-width: 440px;
}
.min-w-\[44px\] {
  min-width: 44px;
}
.min-w-\[450px\] {
  min-width: 450px;
}
.min-w-\[460px\] {
  min-width: 460px;
}
.min-w-\[480px\] {
  min-width: 480px;
}
.min-w-\[48px\] {
  min-width: 48px;
}
.min-w-\[4px\] {
  min-width: 4px;
}
.min-w-\[4rem\] {
  min-width: 4rem;
}
.min-w-\[5\.25rem\] {
  min-width: 5.25rem;
}
.min-w-\[5\.5rem\] {
  min-width: 5.5rem;
}
.min-w-\[5\.75rem\] {
  min-width: 5.75rem;
}
.min-w-\[500px\] {
  min-width: 500px;
}
.min-w-\[50px\] {
  min-width: 50px;
}
.min-w-\[520px\] {
  min-width: 520px;
}
.min-w-\[52px\] {
  min-width: 52px;
}
.min-w-\[54px\] {
  min-width: 54px;
}
.min-w-\[55px\] {
  min-width: 55px;
}
.min-w-\[560px\] {
  min-width: 560px;
}
.min-w-\[56px\] {
  min-width: 56px;
}
.min-w-\[58px\] {
  min-width: 58px;
}
.min-w-\[5rem\] {
  min-width: 5rem;
}
.min-w-\[600px\] {
  min-width: 600px;
}
.min-w-\[60px\] {
  min-width: 60px;
}
.min-w-\[620px\] {
  min-width: 620px;
}
.min-w-\[62px\] {
  min-width: 62px;
}
.min-w-\[640px\] {
  min-width: 640px;
}
.min-w-\[64px\] {
  min-width: 64px;
}
.min-w-\[660px\] {
  min-width: 660px;
}
.min-w-\[6rem\] {
  min-width: 6rem;
}
.min-w-\[7\.25rem\] {
  min-width: 7.25rem;
}
.min-w-\[7\.5rem\] {
  min-width: 7.5rem;
}
.min-w-\[700px\] {
  min-width: 700px;
}
.min-w-\[70px\] {
  min-width: 70px;
}
.min-w-\[720px\] {
  min-width: 720px;
}
.min-w-\[72px\] {
  min-width: 72px;
}
.min-w-\[74px\] {
  min-width: 74px;
}
.min-w-\[760px\] {
  min-width: 760px;
}
.min-w-\[7ch\] {
  min-width: 7ch;
}
.min-w-\[7rem\] {
  min-width: 7rem;
}
.min-w-\[8\.5rem\] {
  min-width: 8.5rem;
}
.min-w-\[800px\] {
  min-width: 800px;
}
.min-w-\[80px\] {
  min-width: 80px;
}
.min-w-\[850px\] {
  min-width: 850px;
}
.min-w-\[860px\] {
  min-width: 860px;
}
.min-w-\[88px\] {
  min-width: 88px;
}
.min-w-\[8px\] {
  min-width: 8px;
}
.min-w-\[8rem\] {
  min-width: 8rem;
}
.min-w-\[9\.5rem\] {
  min-width: 9.5rem;
}
.min-w-\[900px\] {
  min-width: 900px;
}
.min-w-\[90px\] {
  min-width: 90px;
}
.min-w-\[940px\] {
  min-width: 940px;
}
.min-w-\[96px\] {
  min-width: 96px;
}
.min-w-\[9rem\] {
  min-width: 9rem;
}
.min-w-\[calc\(var\(--anchor-width\)\+--spacing\(7\)\)\] {
  min-width: calc(var(--anchor-width) + --spacing(7));
}
.min-w-\[var\(--radix-select-trigger-width\)\] {
  min-width: var(--radix-select-trigger-width);
}
.min-w-\[var\(--spine\)\] {
  min-width: var(--spine);
}
.min-w-\[var\(--stacks-canvas-add-width\2c 48px\)\] {
  min-width: var(--stacks-canvas-add-width,48px);
}
.min-w-\[var\(--stacks-canvas-category-width\2c 8\.5rem\)\] {
  min-width: var(--stacks-canvas-category-width,8.5rem);
}
.min-w-fit {
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.min-w-full {
  min-width: 100%;
}
.min-w-max {
  min-width: -moz-max-content;
  min-width: max-content;
}
.min-w-min {
  min-width: -moz-min-content;
  min-width: min-content;
}
.\!max-w-12 {
  max-width: 3rem !important;
}
.\!max-w-5 {
  max-width: 1.25rem !important;
}
.\!max-w-none {
  max-width: none !important;
}
.max-w-0 {
  max-width: 0px;
}
.max-w-1 {
  max-width: 0.25rem;
}
.max-w-10 {
  max-width: 2.5rem;
}
.max-w-12 {
  max-width: 3rem;
}
.max-w-20 {
  max-width: 5rem;
}
.max-w-24 {
  max-width: 6rem;
}
.max-w-28 {
  max-width: 7rem;
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-32 {
  max-width: 8rem;
}
.max-w-36 {
  max-width: 9rem;
}
.max-w-3xl {
  max-width: 48rem;
}
.max-w-40 {
  max-width: 10rem;
}
.max-w-44 {
  max-width: 11rem;
}
.max-w-48 {
  max-width: 12rem;
}
.max-w-4xl {
  max-width: 56rem;
}
.max-w-5 {
  max-width: 1.25rem;
}
.max-w-52 {
  max-width: 13rem;
}
.max-w-56 {
  max-width: 14rem;
}
.max-w-5xl {
  max-width: 64rem;
}
.max-w-60 {
  max-width: 15rem;
}
.max-w-64 {
  max-width: 16rem;
}
.max-w-6xl {
  max-width: 72rem;
}
.max-w-7 {
  max-width: 1.75rem;
}
.max-w-72 {
  max-width: 18rem;
}
.max-w-7xl {
  max-width: 80rem;
}
.max-w-80 {
  max-width: 20rem;
}
.max-w-96 {
  max-width: 24rem;
}
.max-w-\[--skeleton-width\] {
  max-width: var(--skeleton-width);
}
.max-w-\[1000px\] {
  max-width: 1000px;
}
.max-w-\[100px\] {
  max-width: 100px;
}
.max-w-\[100rem\] {
  max-width: 100rem;
}
.max-w-\[100vw\] {
  max-width: 100vw;
}
.max-w-\[1040px\] {
  max-width: 1040px;
}
.max-w-\[1080px\] {
  max-width: 1080px;
}
.max-w-\[10rem\] {
  max-width: 10rem;
}
.max-w-\[1100px\] {
  max-width: 1100px;
}
.max-w-\[110px\] {
  max-width: 110px;
}
.max-w-\[1120px\] {
  max-width: 1120px;
}
.max-w-\[1180px\] {
  max-width: 1180px;
}
.max-w-\[11rem\] {
  max-width: 11rem;
}
.max-w-\[1200px\] {
  max-width: 1200px;
}
.max-w-\[120mm\] {
  max-width: 120mm;
}
.max-w-\[120px\] {
  max-width: 120px;
}
.max-w-\[1240px\] {
  max-width: 1240px;
}
.max-w-\[1280px\] {
  max-width: 1280px;
}
.max-w-\[128px\] {
  max-width: 128px;
}
.max-w-\[12ch\] {
  max-width: 12ch;
}
.max-w-\[12rem\] {
  max-width: 12rem;
}
.max-w-\[130px\] {
  max-width: 130px;
}
.max-w-\[1320px\] {
  max-width: 1320px;
}
.max-w-\[1384px\] {
  max-width: 1384px;
}
.max-w-\[1400px\] {
  max-width: 1400px;
}
.max-w-\[140px\] {
  max-width: 140px;
}
.max-w-\[145px\] {
  max-width: 145px;
}
.max-w-\[148px\] {
  max-width: 148px;
}
.max-w-\[14rem\] {
  max-width: 14rem;
}
.max-w-\[150px\] {
  max-width: 150px;
}
.max-w-\[1600px\] {
  max-width: 1600px;
}
.max-w-\[160px\] {
  max-width: 160px;
}
.max-w-\[16rem\] {
  max-width: 16rem;
}
.max-w-\[170px\] {
  max-width: 170px;
}
.max-w-\[176px\] {
  max-width: 176px;
}
.max-w-\[1800px\] {
  max-width: 1800px;
}
.max-w-\[180px\] {
  max-width: 180px;
}
.max-w-\[18rem\] {
  max-width: 18rem;
}
.max-w-\[1920px\] {
  max-width: 1920px;
}
.max-w-\[19rem\] {
  max-width: 19rem;
}
.max-w-\[200px\] {
  max-width: 200px;
}
.max-w-\[20rem\] {
  max-width: 20rem;
}
.max-w-\[210px\] {
  max-width: 210px;
}
.max-w-\[220px\] {
  max-width: 220px;
}
.max-w-\[224px\] {
  max-width: 224px;
}
.max-w-\[22rem\] {
  max-width: 22rem;
}
.max-w-\[230px\] {
  max-width: 230px;
}
.max-w-\[240px\] {
  max-width: 240px;
}
.max-w-\[24ch\] {
  max-width: 24ch;
}
.max-w-\[250px\] {
  max-width: 250px;
}
.max-w-\[25rem\] {
  max-width: 25rem;
}
.max-w-\[260px\] {
  max-width: 260px;
}
.max-w-\[26ch\] {
  max-width: 26ch;
}
.max-w-\[26em\] {
  max-width: 26em;
}
.max-w-\[270px\] {
  max-width: 270px;
}
.max-w-\[28\%\] {
  max-width: 28%;
}
.max-w-\[280px\] {
  max-width: 280px;
}
.max-w-\[28ch\] {
  max-width: 28ch;
}
.max-w-\[2rem\] {
  max-width: 2rem;
}
.max-w-\[3\.4rem\] {
  max-width: 3.4rem;
}
.max-w-\[3\.5rem\] {
  max-width: 3.5rem;
}
.max-w-\[3\.75rem\] {
  max-width: 3.75rem;
}
.max-w-\[30\%\] {
  max-width: 30%;
}
.max-w-\[300px\] {
  max-width: 300px;
}
.max-w-\[30rem\] {
  max-width: 30rem;
}
.max-w-\[320px\] {
  max-width: 320px;
}
.max-w-\[32rem\] {
  max-width: 32rem;
}
.max-w-\[34\%\] {
  max-width: 34%;
}
.max-w-\[340px\] {
  max-width: 340px;
}
.max-w-\[34rem\] {
  max-width: 34rem;
}
.max-w-\[34vw\] {
  max-width: 34vw;
}
.max-w-\[35\%\] {
  max-width: 35%;
}
.max-w-\[350px\] {
  max-width: 350px;
}
.max-w-\[35vw\] {
  max-width: 35vw;
}
.max-w-\[360px\] {
  max-width: 360px;
}
.max-w-\[36px\] {
  max-width: 36px;
}
.max-w-\[380px\] {
  max-width: 380px;
}
.max-w-\[38vw\] {
  max-width: 38vw;
}
.max-w-\[390px\] {
  max-width: 390px;
}
.max-w-\[3rem\] {
  max-width: 3rem;
}
.max-w-\[4\.75rem\] {
  max-width: 4.75rem;
}
.max-w-\[40\%\] {
  max-width: 40%;
}
.max-w-\[400px\] {
  max-width: 400px;
}
.max-w-\[408px\] {
  max-width: 408px;
}
.max-w-\[40px\] {
  max-width: 40px;
}
.max-w-\[40vw\] {
  max-width: 40vw;
}
.max-w-\[42\%\] {
  max-width: 42%;
}
.max-w-\[420px\] {
  max-width: 420px;
}
.max-w-\[44\%\] {
  max-width: 44%;
}
.max-w-\[440px\] {
  max-width: 440px;
}
.max-w-\[44px\] {
  max-width: 44px;
}
.max-w-\[45\%\] {
  max-width: 45%;
}
.max-w-\[450px\] {
  max-width: 450px;
}
.max-w-\[45vw\] {
  max-width: 45vw;
}
.max-w-\[480px\] {
  max-width: 480px;
}
.max-w-\[4rem\] {
  max-width: 4rem;
}
.max-w-\[5\.5rem\] {
  max-width: 5.5rem;
}
.max-w-\[50\%\] {
  max-width: 50%;
}
.max-w-\[500px\] {
  max-width: 500px;
}
.max-w-\[50px\] {
  max-width: 50px;
}
.max-w-\[520px\] {
  max-width: 520px;
}
.max-w-\[52px\] {
  max-width: 52px;
}
.max-w-\[55\%\] {
  max-width: 55%;
}
.max-w-\[55vw\] {
  max-width: 55vw;
}
.max-w-\[560px\] {
  max-width: 560px;
}
.max-w-\[56px\] {
  max-width: 56px;
}
.max-w-\[58px\] {
  max-width: 58px;
}
.max-w-\[5rem\] {
  max-width: 5rem;
}
.max-w-\[6\.5rem\] {
  max-width: 6.5rem;
}
.max-w-\[60\%\] {
  max-width: 60%;
}
.max-w-\[600px\] {
  max-width: 600px;
}
.max-w-\[60px\] {
  max-width: 60px;
}
.max-w-\[60vw\] {
  max-width: 60vw;
}
.max-w-\[640px\] {
  max-width: 640px;
}
.max-w-\[64px\] {
  max-width: 64px;
}
.max-w-\[65\%\] {
  max-width: 65%;
}
.max-w-\[650px\] {
  max-width: 650px;
}
.max-w-\[655px\] {
  max-width: 655px;
}
.max-w-\[68ch\] {
  max-width: 68ch;
}
.max-w-\[6rem\] {
  max-width: 6rem;
}
.max-w-\[7\.5rem\] {
  max-width: 7.5rem;
}
.max-w-\[70\%\] {
  max-width: 70%;
}
.max-w-\[70px\] {
  max-width: 70px;
}
.max-w-\[70vw\] {
  max-width: 70vw;
}
.max-w-\[720px\] {
  max-width: 720px;
}
.max-w-\[72px\] {
  max-width: 72px;
}
.max-w-\[74\%\] {
  max-width: 74%;
}
.max-w-\[75\%\] {
  max-width: 75%;
}
.max-w-\[750px\] {
  max-width: 750px;
}
.max-w-\[760px\] {
  max-width: 760px;
}
.max-w-\[794px\] {
  max-width: 794px;
}
.max-w-\[7rem\] {
  max-width: 7rem;
}
.max-w-\[8\.5rem\] {
  max-width: 8.5rem;
}
.max-w-\[8\.75rem\] {
  max-width: 8.75rem;
}
.max-w-\[80\%\] {
  max-width: 80%;
}
.max-w-\[800px\] {
  max-width: 800px;
}
.max-w-\[80px\] {
  max-width: 80px;
}
.max-w-\[80rem\] {
  max-width: 80rem;
}
.max-w-\[80vw\] {
  max-width: 80vw;
}
.max-w-\[82\%\] {
  max-width: 82%;
}
.max-w-\[85\%\] {
  max-width: 85%;
}
.max-w-\[850px\] {
  max-width: 850px;
}
.max-w-\[85vw\] {
  max-width: 85vw;
}
.max-w-\[88\%\] {
  max-width: 88%;
}
.max-w-\[88px\] {
  max-width: 88px;
}
.max-w-\[88vw\] {
  max-width: 88vw;
}
.max-w-\[8rem\] {
  max-width: 8rem;
}
.max-w-\[9\.5rem\] {
  max-width: 9.5rem;
}
.max-w-\[90\%\] {
  max-width: 90%;
}
.max-w-\[900px\] {
  max-width: 900px;
}
.max-w-\[90rem\] {
  max-width: 90rem;
}
.max-w-\[90vw\] {
  max-width: 90vw;
}
.max-w-\[92\%\] {
  max-width: 92%;
}
.max-w-\[92vw\] {
  max-width: 92vw;
}
.max-w-\[94\%\] {
  max-width: 94%;
}
.max-w-\[94px\] {
  max-width: 94px;
}
.max-w-\[95\%\] {
  max-width: 95%;
}
.max-w-\[95vw\] {
  max-width: 95vw;
}
.max-w-\[96px\] {
  max-width: 96px;
}
.max-w-\[98\%\] {
  max-width: 98%;
}
.max-w-\[999px\] {
  max-width: 999px;
}
.max-w-\[9rem\] {
  max-width: 9rem;
}
.max-w-\[calc\(100\%-1\.5rem\)\] {
  max-width: calc(100% - 1.5rem);
}
.max-w-\[calc\(100\%-16px\)\] {
  max-width: calc(100% - 16px);
}
.max-w-\[calc\(100\%-2rem\)\] {
  max-width: calc(100% - 2rem);
}
.max-w-\[calc\(100\%-3rem\)\] {
  max-width: calc(100% - 3rem);
}
.max-w-\[calc\(100\%_-_1\.5rem\)\] {
  max-width: calc(100% - 1.5rem);
}
.max-w-\[calc\(100\%_-_2rem\)\] {
  max-width: calc(100% - 2rem);
}
.max-w-\[calc\(100vw-1\.5rem\)\] {
  max-width: calc(100vw - 1.5rem);
}
.max-w-\[calc\(100vw-12px\)\] {
  max-width: calc(100vw - 12px);
}
.max-w-\[calc\(100vw-16px\)\] {
  max-width: calc(100vw - 16px);
}
.max-w-\[calc\(100vw-1rem\)\] {
  max-width: calc(100vw - 1rem);
}
.max-w-\[calc\(100vw-2\.5rem\)\] {
  max-width: calc(100vw - 2.5rem);
}
.max-w-\[calc\(100vw-24px\)\] {
  max-width: calc(100vw - 24px);
}
.max-w-\[calc\(100vw-2rem\)\] {
  max-width: calc(100vw - 2rem);
}
.max-w-\[calc\(100vw-3rem\)\] {
  max-width: calc(100vw - 3rem);
}
.max-w-\[calc\(100vw_-_2rem\)\] {
  max-width: calc(100vw - 2rem);
}
.max-w-\[calc\(42rem-4rem-0\.875rem\)\] {
  max-width: calc(42rem - 4rem - 0.875rem);
}
.max-w-\[min\(100\%\2c 14rem\)\] {
  max-width: min(100%,14rem);
}
.max-w-\[min\(100\%\2c 160px\)\] {
  max-width: min(100%,160px);
}
.max-w-\[min\(100\%\2c 18rem\)\] {
  max-width: min(100%,18rem);
}
.max-w-\[min\(100\%\2c 20rem\)\] {
  max-width: min(100%,20rem);
}
.max-w-\[min\(100\%\2c 220px\)\] {
  max-width: min(100%,220px);
}
.max-w-\[min\(100\%\2c 22rem\)\] {
  max-width: min(100%,22rem);
}
.max-w-\[min\(100\%\2c 24rem\)\] {
  max-width: min(100%,24rem);
}
.max-w-\[min\(100\%\2c 28rem\)\] {
  max-width: min(100%,28rem);
}
.max-w-\[min\(100\%\2c 32rem\)\] {
  max-width: min(100%,32rem);
}
.max-w-\[min\(22rem\2c calc\(100vw-1\.5rem\)\)\] {
  max-width: min(22rem,calc(100vw - 1.5rem));
}
.max-w-\[min\(22rem\2c calc\(100vw-1rem\)\)\] {
  max-width: min(22rem,calc(100vw - 1rem));
}
.max-w-\[min\(42rem\2c 100\%\)\] {
  max-width: min(42rem,100%);
}
.max-w-\[min\(42vw\2c 320px\)\] {
  max-width: min(42vw,320px);
}
.max-w-\[min\(48vw\2c 520px\)\] {
  max-width: min(48vw,520px);
}
.max-w-\[min\(90\%\2c 24rem\)\] {
  max-width: min(90%,24rem);
}
.max-w-\[min\(90vw\2c 28rem\)\] {
  max-width: min(90vw,28rem);
}
.max-w-\[min\(920px\2c calc\(100\%-2rem\)\)\] {
  max-width: min(920px,calc(100% - 2rem));
}
.max-w-\[min\(92vw\2c 1100px\)\] {
  max-width: min(92vw,1100px);
}
.max-w-\[min\(92vw\2c 38rem\)\] {
  max-width: min(92vw,38rem);
}
.max-w-\[min\(92vw\2c 720px\)\] {
  max-width: min(92vw,720px);
}
.max-w-\[min\(96vw\2c 64rem\)\] {
  max-width: min(96vw,64rem);
}
.max-w-\[min\(var\(--blocks-prop-grid-width\2c 10\.5rem\)\2c 38\%\)\] {
  max-width: min(var(--blocks-prop-grid-width,10.5rem),38%);
}
.max-w-\[min\(var\(--blocks-prop-grid-width\2c 12rem\)\2c 52\%\)\] {
  max-width: min(var(--blocks-prop-grid-width,12rem),52%);
}
.max-w-\[var\(--doc-measure\)\] {
  max-width: var(--doc-measure);
}
.max-w-\[var\(--page-max-width\2c 960px\)\] {
  max-width: var(--page-max-width,960px);
}
.max-w-\[var\(--radix-context-menu-content-available-width\)\] {
  max-width: var(--radix-context-menu-content-available-width);
}
.max-w-\[var\(--radix-dropdown-menu-content-available-width\)\] {
  max-width: var(--radix-dropdown-menu-content-available-width);
}
.max-w-\[var\(--radix-popover-content-available-width\)\] {
  max-width: var(--radix-popover-content-available-width);
}
.max-w-fit {
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.max-w-full {
  max-width: 100%;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-max {
  max-width: -moz-max-content;
  max-width: max-content;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-none {
  max-width: none;
}
.max-w-px {
  max-width: 1px;
}
.max-w-screen-2xl {
  max-width: 1536px;
}
.max-w-screen-lg {
  max-width: 1024px;
}
.max-w-screen-md {
  max-width: 768px;
}
.max-w-screen-sm {
  max-width: 640px;
}
.max-w-screen-xl {
  max-width: 1280px;
}
.max-w-sm {
  max-width: 24rem;
}
.max-w-xl {
  max-width: 36rem;
}
.max-w-xs {
  max-width: 20rem;
}
.\!flex-1 {
  flex: 1 1 0% !important;
}
.\!flex-none {
  flex: none !important;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-\[0\.8\] {
  flex: 0.8;
}
.flex-\[0_0_100\%\] {
  flex: 0 0 100%;
}
.flex-\[1\] {
  flex: 1;
}
.flex-\[1_1_240px\] {
  flex: 1 1 240px;
}
.flex-\[1_1_480px\] {
  flex: 1 1 480px;
}
.flex-\[2\] {
  flex: 2;
}
.flex-\[3\] {
  flex: 3;
}
.flex-\[5\] {
  flex: 5;
}
.flex-none {
  flex: none;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.\!shrink-0 {
  flex-shrink: 0 !important;
}
.shrink {
  flex-shrink: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.flex-grow-0 {
  flex-grow: 0;
}
.\!grow {
  flex-grow: 1 !important;
}
.\!grow-0 {
  flex-grow: 0 !important;
}
.grow {
  flex-grow: 1;
}
.grow-0 {
  flex-grow: 0;
}
.\!basis-12 {
  flex-basis: 3rem !important;
}
.basis-0 {
  flex-basis: 0px;
}
.basis-40 {
  flex-basis: 10rem;
}
.basis-44 {
  flex-basis: 11rem;
}
.basis-52 {
  flex-basis: 13rem;
}
.basis-\[0\%\] {
  flex-basis: 0%;
}
.basis-\[14rem\] {
  flex-basis: 14rem;
}
.basis-\[200px\] {
  flex-basis: 200px;
}
.basis-\[220px\] {
  flex-basis: 220px;
}
.basis-\[38\%\] {
  flex-basis: 38%;
}
.basis-\[5rem\] {
  flex-basis: 5rem;
}
.basis-\[8rem\] {
  flex-basis: 8rem;
}
.basis-full {
  flex-basis: 100%;
}
.table-auto {
  table-layout: auto;
}
.table-fixed {
  table-layout: fixed;
}
.caption-bottom {
  caption-side: bottom;
}
.border-collapse {
  border-collapse: collapse;
}
.border-separate {
  border-collapse: separate;
}
.border-spacing-0 {
  --tw-border-spacing-x: 0px;
  --tw-border-spacing-y: 0px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-1 {
  --tw-border-spacing-x: 0.25rem;
  --tw-border-spacing-y: 0.25rem;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-2 {
  --tw-border-spacing-y: 0.5rem;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.origin-\[--kb-combobox-content-transform-origin\] {
  transform-origin: var(--kb-combobox-content-transform-origin);
}
.origin-\[--radix-dropdown-menu-content-transform-origin\] {
  transform-origin: var(--radix-dropdown-menu-content-transform-origin);
}
.origin-\[--radix-tooltip-content-transform-origin\] {
  transform-origin: var(--radix-tooltip-content-transform-origin);
}
.origin-\[var\(--radix-popover-content-transform-origin\)\] {
  transform-origin: var(--radix-popover-content-transform-origin);
}
.origin-\[var\(--radix-tooltip-content-transform-origin\)\] {
  transform-origin: var(--radix-tooltip-content-transform-origin);
}
.origin-bottom {
  transform-origin: bottom;
}
.origin-bottom-left {
  transform-origin: bottom left;
}
.origin-center {
  transform-origin: center;
}
.origin-left {
  transform-origin: left;
}
.origin-right {
  transform-origin: right;
}
.origin-top {
  transform-origin: top;
}
.origin-top-left {
  transform-origin: top left;
}
.origin-top-right {
  transform-origin: top right;
}
.-translate-x-1 {
  --tw-translate-x: -0.25rem;
  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));
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  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));
}
.-translate-x-10 {
  --tw-translate-x: -2.5rem;
  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));
}
.-translate-x-2 {
  --tw-translate-x: -0.5rem;
  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));
}
.-translate-x-\[14px\] {
  --tw-translate-x: -14px;
  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));
}
.-translate-x-\[2\.5px\] {
  --tw-translate-x: -2.5px;
  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));
}
.-translate-x-\[20\%\] {
  --tw-translate-x: -20%;
  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));
}
.-translate-x-\[30\%\] {
  --tw-translate-x: -30%;
  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));
}
.-translate-x-\[6px\] {
  --tw-translate-x: -6px;
  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));
}
.-translate-x-\[calc\(\(100vw-100\%\)\/2\)\] {
  --tw-translate-x: calc(calc((100vw - 100%) / 2) * -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));
}
.-translate-x-\[calc\(100\%\+2px\)\] {
  --tw-translate-x: calc(calc(100% + 2px) * -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));
}
.-translate-x-\[calc\(100\%\+4px\)\] {
  --tw-translate-x: calc(calc(100% + 4px) * -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));
}
.-translate-x-full {
  --tw-translate-x: -100%;
  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));
}
.-translate-x-px {
  --tw-translate-x: -1px;
  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));
}
.-translate-y-1 {
  --tw-translate-y: -0.25rem;
  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));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  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));
}
.-translate-y-2 {
  --tw-translate-y: -0.5rem;
  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));
}
.-translate-y-2\/4 {
  --tw-translate-y: -50%;
  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));
}
.-translate-y-8 {
  --tw-translate-y: -2rem;
  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));
}
.-translate-y-\[350px\] {
  --tw-translate-y: -350px;
  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));
}
.-translate-y-\[calc\(100\%\+8px\)\] {
  --tw-translate-y: calc(calc(100% + 8px) * -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));
}
.-translate-y-full {
  --tw-translate-y: -100%;
  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));
}
.-translate-y-px {
  --tw-translate-y: -1px;
  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));
}
.translate-x-0 {
  --tw-translate-x: 0px;
  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));
}
.translate-x-0\.5 {
  --tw-translate-x: 0.125rem;
  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));
}
.translate-x-1 {
  --tw-translate-x: 0.25rem;
  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));
}
.translate-x-1\/2 {
  --tw-translate-x: 50%;
  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));
}
.translate-x-14 {
  --tw-translate-x: 3.5rem;
  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));
}
.translate-x-2 {
  --tw-translate-x: 0.5rem;
  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));
}
.translate-x-3 {
  --tw-translate-x: 0.75rem;
  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));
}
.translate-x-4 {
  --tw-translate-x: 1rem;
  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));
}
.translate-x-5 {
  --tw-translate-x: 1.25rem;
  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));
}
.translate-x-6 {
  --tw-translate-x: 1.5rem;
  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));
}
.translate-x-\[\$\{getTransformValue\(10\)\}px\] {
  --tw-translate-x: ${getTransformValue(10)}px;
  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));
}
.translate-x-\[-0\.5px\] {
  --tw-translate-x: -0.5px;
  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));
}
.translate-x-\[-50\%\] {
  --tw-translate-x: -50%;
  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));
}
.translate-x-\[0\%\] {
  --tw-translate-x: 0%;
  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));
}
.translate-x-\[0\.5px\] {
  --tw-translate-x: 0.5px;
  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));
}
.translate-x-\[10\%\] {
  --tw-translate-x: 10%;
  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));
}
.translate-x-\[100\%\] {
  --tw-translate-x: 100%;
  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));
}
.translate-x-\[10px\] {
  --tw-translate-x: 10px;
  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));
}
.translate-x-\[14px\] {
  --tw-translate-x: 14px;
  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));
}
.translate-x-\[15\%\] {
  --tw-translate-x: 15%;
  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));
}
.translate-x-\[1px\] {
  --tw-translate-x: 1px;
  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));
}
.translate-x-\[calc\(100\%\+4px\)\] {
  --tw-translate-x: calc(100% + 4px);
  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));
}
.translate-x-full {
  --tw-translate-x: 100%;
  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));
}
.translate-x-px {
  --tw-translate-x: 1px;
  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));
}
.translate-y-0 {
  --tw-translate-y: 0px;
  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));
}
.translate-y-0\.5 {
  --tw-translate-y: 0.125rem;
  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));
}
.translate-y-1 {
  --tw-translate-y: 0.25rem;
  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));
}
.translate-y-1\.5 {
  --tw-translate-y: 0.375rem;
  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));
}
.translate-y-1\/2 {
  --tw-translate-y: 50%;
  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));
}
.translate-y-10 {
  --tw-translate-y: 2.5rem;
  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));
}
.translate-y-2 {
  --tw-translate-y: 0.5rem;
  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));
}
.translate-y-2\.5 {
  --tw-translate-y: 0.625rem;
  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));
}
.translate-y-20 {
  --tw-translate-y: 5rem;
  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));
}
.translate-y-3\.5 {
  --tw-translate-y: 0.875rem;
  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));
}
.translate-y-4 {
  --tw-translate-y: 1rem;
  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));
}
.translate-y-6 {
  --tw-translate-y: 1.5rem;
  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));
}
.translate-y-8 {
  --tw-translate-y: 2rem;
  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));
}
.translate-y-\[\$\{getTransformValue\(10\)\}px\] {
  --tw-translate-y: ${getTransformValue(10)}px;
  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));
}
.translate-y-\[-50\%\] {
  --tw-translate-y: -50%;
  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));
}
.translate-y-\[0\.15em\] {
  --tw-translate-y: 0.15em;
  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));
}
.translate-y-\[calc\(-50\%-2px\)\] {
  --tw-translate-y: calc(-50% - 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));
}
.translate-y-\[calc\(-50\%_-_2px\)\] {
  --tw-translate-y: calc(-50% - 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));
}
.translate-y-full {
  --tw-translate-y: 100%;
  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));
}
.translate-y-px {
  --tw-translate-y: 1px;
  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));
}
.-rotate-1 {
  --tw-rotate: -1deg;
  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));
}
.-rotate-12 {
  --tw-rotate: -12deg;
  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));
}
.-rotate-180 {
  --tw-rotate: -180deg;
  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));
}
.-rotate-3 {
  --tw-rotate: -3deg;
  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));
}
.-rotate-45 {
  --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));
}
.-rotate-90 {
  --tw-rotate: -90deg;
  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));
}
.-rotate-\[135deg\] {
  --tw-rotate: -135deg;
  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));
}
.rotate-0 {
  --tw-rotate: 0deg;
  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));
}
.rotate-1 {
  --tw-rotate: 1deg;
  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));
}
.rotate-12 {
  --tw-rotate: 12deg;
  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));
}
.rotate-180 {
  --tw-rotate: 180deg;
  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));
}
.rotate-2 {
  --tw-rotate: 2deg;
  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));
}
.rotate-3 {
  --tw-rotate: 3deg;
  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));
}
.rotate-45 {
  --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));
}
.rotate-90 {
  --tw-rotate: 90deg;
  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));
}
.rotate-\[-1deg\] {
  --tw-rotate: -1deg;
  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));
}
.rotate-\[-2deg\] {
  --tw-rotate: -2deg;
  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));
}
.rotate-\[-3deg\] {
  --tw-rotate: -3deg;
  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));
}
.rotate-\[-4deg\] {
  --tw-rotate: -4deg;
  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));
}
.rotate-\[-6deg\] {
  --tw-rotate: -6deg;
  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));
}
.rotate-\[-8deg\] {
  --tw-rotate: -8deg;
  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));
}
.rotate-\[135deg\] {
  --tw-rotate: 135deg;
  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));
}
.rotate-\[2deg\] {
  --tw-rotate: 2deg;
  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));
}
.rotate-\[3deg\] {
  --tw-rotate: 3deg;
  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));
}
.-skew-x-12 {
  --tw-skew-x: -12deg;
  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));
}
.-skew-x-6 {
  --tw-skew-x: -6deg;
  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));
}
.-skew-y-2 {
  --tw-skew-y: -2deg;
  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));
}
.skew-x-6 {
  --tw-skew-x: 6deg;
  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));
}
.scale-0 {
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  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));
}
.scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 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));
}
.scale-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  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));
}
.scale-110 {
  --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));
}
.scale-125 {
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  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));
}
.scale-150 {
  --tw-scale-x: 1.5;
  --tw-scale-y: 1.5;
  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));
}
.scale-50 {
  --tw-scale-x: .5;
  --tw-scale-y: .5;
  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));
}
.scale-75 {
  --tw-scale-x: .75;
  --tw-scale-y: .75;
  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));
}
.scale-90 {
  --tw-scale-x: .9;
  --tw-scale-y: .9;
  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));
}
.scale-95 {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  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));
}
.scale-\[0\.09\] {
  --tw-scale-x: 0.09;
  --tw-scale-y: 0.09;
  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));
}
.scale-\[0\.25\] {
  --tw-scale-x: 0.25;
  --tw-scale-y: 0.25;
  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));
}
.scale-\[0\.45\] {
  --tw-scale-x: 0.45;
  --tw-scale-y: 0.45;
  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));
}
.scale-\[0\.4\] {
  --tw-scale-x: 0.4;
  --tw-scale-y: 0.4;
  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));
}
.scale-\[0\.65\] {
  --tw-scale-x: 0.65;
  --tw-scale-y: 0.65;
  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));
}
.scale-\[0\.6\] {
  --tw-scale-x: 0.6;
  --tw-scale-y: 0.6;
  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));
}
.scale-\[0\.72\] {
  --tw-scale-x: 0.72;
  --tw-scale-y: 0.72;
  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));
}
.scale-\[0\.85\] {
  --tw-scale-x: 0.85;
  --tw-scale-y: 0.85;
  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));
}
.scale-\[0\.96\] {
  --tw-scale-x: 0.96;
  --tw-scale-y: 0.96;
  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));
}
.scale-\[0\.97\] {
  --tw-scale-x: 0.97;
  --tw-scale-y: 0.97;
  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));
}
.scale-\[0\.985\] {
  --tw-scale-x: 0.985;
  --tw-scale-y: 0.985;
  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));
}
.scale-\[0\.98\] {
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  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));
}
.scale-\[1\.005\] {
  --tw-scale-x: 1.005;
  --tw-scale-y: 1.005;
  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));
}
.scale-\[1\.01\] {
  --tw-scale-x: 1.01;
  --tw-scale-y: 1.01;
  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));
}
.scale-\[1\.02\] {
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  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));
}
.scale-\[1\.03\] {
  --tw-scale-x: 1.03;
  --tw-scale-y: 1.03;
  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));
}
.scale-\[1\.04\] {
  --tw-scale-x: 1.04;
  --tw-scale-y: 1.04;
  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));
}
.scale-\[1\.6\] {
  --tw-scale-x: 1.6;
  --tw-scale-y: 1.6;
  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));
}
.scale-x-150 {
  --tw-scale-x: 1.5;
  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));
}
.scale-x-\[-1\] {
  --tw-scale-x: -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));
}
.scale-y-\[-1\] {
  --tw-scale-y: -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));
}
.\!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)) !important;
}
.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));
}
.transform-gpu {
  transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) 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-none {
  transform: none !important;
}
.animate-\[dash_6s_linear_infinite\] {
  animation: dash 6s linear infinite;
}
.animate-\[kenburns_4s_ease-out\] {
  animation: kenburns 4s ease-out;
}
.animate-\[marquee_18s_linear_infinite\] {
  animation: marquee 18s linear infinite;
}
.animate-\[marquee_30s_linear_infinite\] {
  animation: marquee 30s linear infinite;
}
.animate-\[oct27-solar-tilt_10s_infinite_linear\] {
  animation: oct27-solar-tilt 10s infinite linear;
}
.animate-\[progress-indeterminate_1\.5s_ease-in-out_infinite\] {
  animation: progress-indeterminate 1.5s ease-in-out infinite;
}
.animate-\[spin-scale_10s_linear_infinite\] {
  animation: spin-scale 10s linear infinite;
}
.animate-\[spin-scale_15s_linear_infinite\] {
  animation: spin-scale 15s linear infinite;
}
.animate-\[spin-scale_20s_linear_infinite\] {
  animation: spin-scale 20s linear infinite;
}
.animate-\[spin-scale_30s_linear_infinite\] {
  animation: spin-scale 30s linear infinite;
}
.animate-\[spin-scale_40s_linear_infinite\] {
  animation: spin-scale 40s linear infinite;
}
.animate-\[spin-scale_60s_linear_infinite\] {
  animation: spin-scale 60s linear infinite;
}
.animate-\[spin-scale_80s_linear_infinite\] {
  animation: spin-scale 80s linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.animate-\[spin_120s_linear_infinite\] {
  animation: spin 120s linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.animate-\[spin_240s_linear_infinite\] {
  animation: spin 240s linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.animate-\[spin_2s_linear_infinite\] {
  animation: spin 2s linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.animate-\[spin_4s_linear_infinite\] {
  animation: spin 4s linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.animate-\[spin_8s_linear_infinite\] {
  animation: spin 8s linear infinite;
}
.animate-\[tap_1s_ease-in-out_infinite\] {
  animation: tap 1s ease-in-out infinite;
}
.animate-\[ticker_6s_linear_infinite\] {
  animation: ticker 6s linear infinite;
}
.animate-\[vmarquee_14s_linear_infinite\] {
  animation: vmarquee 14s linear infinite;
}
.animate-\[wiggle_1s_ease-in-out_infinite\] {
  animation: wiggle 1s ease-in-out infinite;
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8,0,1,1);
  }
  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}
.animate-bounce {
  animation: bounce 1s infinite;
}
.animate-none {
  animation: none;
}
@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
.animate-ping {
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
@keyframes pulse {
  50% {
    opacity: .5;
  }
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.\!cursor-col-resize {
  cursor: col-resize !important;
}
.\!cursor-grab {
  cursor: grab !important;
}
.\!cursor-grabbing {
  cursor: grabbing !important;
}
.\!cursor-not-allowed {
  cursor: not-allowed !important;
}
.\!cursor-pointer {
  cursor: pointer !important;
}
.cursor-\[inherit\] {
  cursor: inherit;
}
.cursor-cell {
  cursor: cell;
}
.cursor-col-resize {
  cursor: col-resize;
}
.cursor-context-menu {
  cursor: context-menu;
}
.cursor-copy {
  cursor: copy;
}
.cursor-crosshair {
  cursor: crosshair;
}
.cursor-default {
  cursor: default;
}
.cursor-e-resize {
  cursor: e-resize;
}
.cursor-ew-resize {
  cursor: ew-resize;
}
.cursor-grab {
  cursor: grab;
}
.cursor-grabbing {
  cursor: grabbing;
}
.cursor-help {
  cursor: help;
}
.cursor-move {
  cursor: move;
}
.cursor-n-resize {
  cursor: n-resize;
}
.cursor-ne-resize {
  cursor: ne-resize;
}
.cursor-nesw-resize {
  cursor: nesw-resize;
}
.cursor-none {
  cursor: none;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-ns-resize {
  cursor: ns-resize;
}
.cursor-nw-resize {
  cursor: nw-resize;
}
.cursor-nwse-resize {
  cursor: nwse-resize;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-row-resize {
  cursor: row-resize;
}
.cursor-s-resize {
  cursor: s-resize;
}
.cursor-se-resize {
  cursor: se-resize;
}
.cursor-sw-resize {
  cursor: sw-resize;
}
.cursor-text {
  cursor: text;
}
.cursor-w-resize {
  cursor: w-resize;
}
.cursor-wait {
  cursor: wait;
}
.cursor-zoom-in {
  cursor: zoom-in;
}
.cursor-zoom-out {
  cursor: zoom-out;
}
.touch-auto {
  touch-action: auto;
}
.touch-none {
  touch-action: none;
}
.touch-pan-x {
  --tw-pan-x: pan-x;
  touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
}
.touch-pan-y {
  --tw-pan-y: pan-y;
  touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
}
.touch-pinch-zoom {
  --tw-pinch-zoom: pinch-zoom;
  touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
}
.touch-manipulation {
  touch-action: manipulation;
}
.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.select-text {
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}
.select-all {
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}
.select-auto {
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
}
.resize-none {
  resize: none;
}
.resize-y {
  resize: vertical;
}
.\!resize {
  resize: both !important;
}
.resize {
  resize: both;
}
.snap-x {
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
}
.snap-y {
  scroll-snap-type: y var(--tw-scroll-snap-strictness);
}
.snap-mandatory {
  --tw-scroll-snap-strictness: mandatory;
}
.snap-start {
  scroll-snap-align: start;
}
.snap-center {
  scroll-snap-align: center;
}
.scroll-m-4 {
  scroll-margin: 1rem;
}
.scroll-my-1 {
  scroll-margin-top: 0.25rem;
  scroll-margin-bottom: 0.25rem;
}
.scroll-mt-1 {
  scroll-margin-top: 0.25rem;
}
.scroll-mt-16 {
  scroll-margin-top: 4rem;
}
.scroll-mt-2 {
  scroll-margin-top: 0.5rem;
}
.scroll-mt-3 {
  scroll-margin-top: 0.75rem;
}
.scroll-mt-4 {
  scroll-margin-top: 1rem;
}
.scroll-mt-6 {
  scroll-margin-top: 1.5rem;
}
.scroll-mt-8 {
  scroll-margin-top: 2rem;
}
.scroll-py-1 {
  scroll-padding-top: 0.25rem;
  scroll-padding-bottom: 0.25rem;
}
.list-inside {
  list-style-position: inside;
}
.list-decimal {
  list-style-type: decimal;
}
.list-disc {
  list-style-type: disc;
}
.list-none {
  list-style-type: none;
}
.appearance-none {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.columns-1 {
  -moz-columns: 1;
       columns: 1;
}
.columns-2 {
  -moz-columns: 2;
       columns: 2;
}
.columns-3 {
  -moz-columns: 3;
       columns: 3;
}
.columns-4 {
  -moz-columns: 4;
       columns: 4;
}
.columns-5 {
  -moz-columns: 5;
       columns: 5;
}
.columns-6 {
  -moz-columns: 6;
       columns: 6;
}
.break-before-page {
  -moz-column-break-before: page;
       break-before: page;
}
.break-inside-avoid {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}
.auto-cols-fr {
  grid-auto-columns: minmax(0, 1fr);
}
.auto-cols-max {
  grid-auto-columns: max-content;
}
.grid-flow-col {
  grid-auto-flow: column;
}
.grid-flow-dense {
  grid-auto-flow: dense;
}
.auto-rows-\[110px\] {
  grid-auto-rows: 110px;
}
.auto-rows-\[112px\] {
  grid-auto-rows: 112px;
}
.auto-rows-\[160px\] {
  grid-auto-rows: 160px;
}
.auto-rows-\[20px\] {
  grid-auto-rows: 20px;
}
.auto-rows-\[88px\] {
  grid-auto-rows: 88px;
}
.auto-rows-\[minmax\(100px\2c 1fr\)\] {
  grid-auto-rows: minmax(100px,1fr);
}
.auto-rows-\[minmax\(84px\2c 1fr\)\] {
  grid-auto-rows: minmax(84px,1fr);
}
.auto-rows-auto {
  grid-auto-rows: auto;
}
.auto-rows-fr {
  grid-auto-rows: minmax(0, 1fr);
}
.auto-rows-min {
  grid-auto-rows: min-content;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid-cols-\[0_1fr\] {
  grid-template-columns: 0 1fr;
}
.grid-cols-\[1\.1fr_1\.1fr_1fr_1\.1fr\] {
  grid-template-columns: 1.1fr 1.1fr 1fr 1.1fr;
}
.grid-cols-\[1\.25rem_1fr_7rem\] {
  grid-template-columns: 1.25rem 1fr 7rem;
}
.grid-cols-\[1\.4fr_2\.2fr_0\.9fr_0\.9fr_2\.5rem\] {
  grid-template-columns: 1.4fr 2.2fr 0.9fr 0.9fr 2.5rem;
}
.grid-cols-\[100px_1fr\] {
  grid-template-columns: 100px 1fr;
}
.grid-cols-\[100px_1fr_140px_120px_32px\] {
  grid-template-columns: 100px 1fr 140px 120px 32px;
}
.grid-cols-\[100px_1fr_1fr_80px\] {
  grid-template-columns: 100px 1fr 1fr 80px;
}
.grid-cols-\[100px_1fr_60px_50px_70px_70px_30px\] {
  grid-template-columns: 100px 1fr 60px 50px 70px 70px 30px;
}
.grid-cols-\[110px_1fr_2fr\] {
  grid-template-columns: 110px 1fr 2fr;
}
.grid-cols-\[120px_1fr\] {
  grid-template-columns: 120px 1fr;
}
.grid-cols-\[120px_1fr_100px\] {
  grid-template-columns: 120px 1fr 100px;
}
.grid-cols-\[140px_1fr\] {
  grid-template-columns: 140px 1fr;
}
.grid-cols-\[140px_1fr_2fr_28px\] {
  grid-template-columns: 140px 1fr 2fr 28px;
}
.grid-cols-\[160px_1fr\] {
  grid-template-columns: 160px 1fr;
}
.grid-cols-\[180px_1fr\] {
  grid-template-columns: 180px 1fr;
}
.grid-cols-\[188px_minmax\(0\2c 1fr\)_320px\] {
  grid-template-columns: 188px minmax(0,1fr) 320px;
}
.grid-cols-\[18rem_1fr\] {
  grid-template-columns: 18rem 1fr;
}
.grid-cols-\[1fr\2c 80px\2c 80px\] {
  grid-template-columns: 1fr 80px 80px;
}
.grid-cols-\[1fr_1\.25fr\] {
  grid-template-columns: 1fr 1.25fr;
}
.grid-cols-\[1fr_100px_120px_120px_40px_40px\] {
  grid-template-columns: 1fr 100px 120px 120px 40px 40px;
}
.grid-cols-\[1fr_11rem\] {
  grid-template-columns: 1fr 11rem;
}
.grid-cols-\[1fr_120px_100px_100px_40px\] {
  grid-template-columns: 1fr 120px 100px 100px 40px;
}
.grid-cols-\[1fr_120px_180px\] {
  grid-template-columns: 1fr 120px 180px;
}
.grid-cols-\[1fr_120px_90px_120px\] {
  grid-template-columns: 1fr 120px 90px 120px;
}
.grid-cols-\[1fr_1fr_100px_100px\] {
  grid-template-columns: 1fr 1fr 100px 100px;
}
.grid-cols-\[1fr_1fr_1fr_28px\] {
  grid-template-columns: 1fr 1fr 1fr 28px;
}
.grid-cols-\[1fr_1fr_40px\] {
  grid-template-columns: 1fr 1fr 40px;
}
.grid-cols-\[1fr_1fr_90px_50px_80px\] {
  grid-template-columns: 1fr 1fr 90px 50px 80px;
}
.grid-cols-\[1fr_1fr_90px_90px_90px_1fr\] {
  grid-template-columns: 1fr 1fr 90px 90px 90px 1fr;
}
.grid-cols-\[1fr_1fr_auto\] {
  grid-template-columns: 1fr 1fr auto;
}
.grid-cols-\[1fr_240px\] {
  grid-template-columns: 1fr 240px;
}
.grid-cols-\[1fr_2fr_1fr\] {
  grid-template-columns: 1fr 2fr 1fr;
}
.grid-cols-\[1fr_2fr_28px\] {
  grid-template-columns: 1fr 2fr 28px;
}
.grid-cols-\[1fr_2fr_90px_28px\] {
  grid-template-columns: 1fr 2fr 90px 28px;
}
.grid-cols-\[1fr_4rem_5rem\] {
  grid-template-columns: 1fr 4rem 5rem;
}
.grid-cols-\[1fr_4rem_5rem_5rem\] {
  grid-template-columns: 1fr 4rem 5rem 5rem;
}
.grid-cols-\[1fr_50px_70px_24px\] {
  grid-template-columns: 1fr 50px 70px 24px;
}
.grid-cols-\[1fr_80px_100px_100px_32px\] {
  grid-template-columns: 1fr 80px 100px 100px 32px;
}
.grid-cols-\[1fr_80px_110px_auto\] {
  grid-template-columns: 1fr 80px 110px auto;
}
.grid-cols-\[1fr_80px_1fr_100px_100px_80px_100px_40px\] {
  grid-template-columns: 1fr 80px 1fr 100px 100px 80px 100px 40px;
}
.grid-cols-\[1fr_80px_1fr_80px\] {
  grid-template-columns: 1fr 80px 1fr 80px;
}
.grid-cols-\[1fr_80px_70px_1fr_60px_32px\] {
  grid-template-columns: 1fr 80px 70px 1fr 60px 32px;
}
.grid-cols-\[1fr_92px_96px\] {
  grid-template-columns: 1fr 92px 96px;
}
.grid-cols-\[1fr_auto\] {
  grid-template-columns: 1fr auto;
}
.grid-cols-\[1fr_auto_auto\] {
  grid-template-columns: 1fr auto auto;
}
.grid-cols-\[2\.5rem_minmax\(18rem\2c 1fr\)_5\.5rem_9rem_8rem_7rem_13rem_11rem\] {
  grid-template-columns: 2.5rem minmax(18rem,1fr) 5.5rem 9rem 8rem 7rem 13rem 11rem;
}
.grid-cols-\[20px_minmax\(0\2c 1fr\)_72px_64px\] {
  grid-template-columns: 20px minmax(0,1fr) 72px 64px;
}
.grid-cols-\[220px_1fr\] {
  grid-template-columns: 220px 1fr;
}
.grid-cols-\[220px_repeat\(28\2c minmax\(20px\2c 1fr\)\)\] {
  grid-template-columns: 220px repeat(28,minmax(20px,1fr));
}
.grid-cols-\[230px_1fr\] {
  grid-template-columns: 230px 1fr;
}
.grid-cols-\[24px_1fr_120px_140px_120px\] {
  grid-template-columns: 24px 1fr 120px 140px 120px;
}
.grid-cols-\[280px_1fr\] {
  grid-template-columns: 280px 1fr;
}
.grid-cols-\[2fr\2c 1fr\2c 1fr\] {
  grid-template-columns: 2fr 1fr 1fr;
}
.grid-cols-\[2fr_1fr_1fr_1fr_1fr_1fr_1\.5fr\] {
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr 1.5fr;
}
.grid-cols-\[2rem_1fr\] {
  grid-template-columns: 2rem 1fr;
}
.grid-cols-\[2rem_1fr_5rem_6rem_6rem_5rem\] {
  grid-template-columns: 2rem 1fr 5rem 6rem 6rem 5rem;
}
.grid-cols-\[300px_1fr\] {
  grid-template-columns: 300px 1fr;
}
.grid-cols-\[32px_1fr_auto_auto\] {
  grid-template-columns: 32px 1fr auto auto;
}
.grid-cols-\[3rem_1fr_5rem_4rem_4\.5rem\] {
  grid-template-columns: 3rem 1fr 5rem 4rem 4.5rem;
}
.grid-cols-\[3rem_minmax\(0\2c 42\%\)_minmax\(0\2c 1fr\)_minmax\(3\.5rem\2c 16\%\)_3\.5rem\] {
  grid-template-columns: 3rem minmax(0,42%) minmax(0,1fr) minmax(3.5rem,16%) 3.5rem;
}
.grid-cols-\[40px_1fr_100px_80px_140px_140px_40px\] {
  grid-template-columns: 40px 1fr 100px 80px 140px 140px 40px;
}
.grid-cols-\[40px_220px_minmax\(0\2c 1fr\)_320px\] {
  grid-template-columns: 40px 220px minmax(0,1fr) 320px;
}
.grid-cols-\[420px_1fr\] {
  grid-template-columns: 420px 1fr;
}
.grid-cols-\[48px_1fr\] {
  grid-template-columns: 48px 1fr;
}
.grid-cols-\[50px_1fr\] {
  grid-template-columns: 50px 1fr;
}
.grid-cols-\[56px_1fr\] {
  grid-template-columns: 56px 1fr;
}
.grid-cols-\[56px_minmax\(0\2c 1fr\)\] {
  grid-template-columns: 56px minmax(0,1fr);
}
.grid-cols-\[5rem_1fr\] {
  grid-template-columns: 5rem 1fr;
}
.grid-cols-\[60px_repeat\(7\2c 1fr\)\] {
  grid-template-columns: 60px repeat(7,1fr);
}
.grid-cols-\[6px_minmax\(0\2c 1fr\)_60px\] {
  grid-template-columns: 6px minmax(0,1fr) 60px;
}
.grid-cols-\[7\.5rem_minmax\(0\2c 1fr\)\] {
  grid-template-columns: 7.5rem minmax(0,1fr);
}
.grid-cols-\[72px_1fr\] {
  grid-template-columns: 72px 1fr;
}
.grid-cols-\[7rem_1fr_auto\] {
  grid-template-columns: 7rem 1fr auto;
}
.grid-cols-\[80px_repeat\(7\2c 1fr\)\] {
  grid-template-columns: 80px repeat(7,1fr);
}
.grid-cols-\[88px_1fr\] {
  grid-template-columns: 88px 1fr;
}
.grid-cols-\[8rem_1fr\] {
  grid-template-columns: 8rem 1fr;
}
.grid-cols-\[90px_1fr_80px_100px\] {
  grid-template-columns: 90px 1fr 80px 100px;
}
.grid-cols-\[auto_1fr\] {
  grid-template-columns: auto 1fr;
}
.grid-cols-\[auto_1fr_120px_100px_120px_40px\] {
  grid-template-columns: auto 1fr 120px 100px 120px 40px;
}
.grid-cols-\[auto_1fr_auto\] {
  grid-template-columns: auto 1fr auto;
}
.grid-cols-\[auto_4rem_minmax\(0\2c 1fr\)_4rem_4rem_4rem_minmax\(4\.5rem\2c auto\)_auto\] {
  grid-template-columns: auto 4rem minmax(0,1fr) 4rem 4rem 4rem minmax(4.5rem,auto) auto;
}
.grid-cols-\[auto_4rem_minmax\(0\2c 1fr\)_minmax\(4\.5rem\2c auto\)_auto\] {
  grid-template-columns: auto 4rem minmax(0,1fr) minmax(4.5rem,auto) auto;
}
.grid-cols-\[auto_80px_90px_1fr_auto_60px_60px\] {
  grid-template-columns: auto 80px 90px 1fr auto 60px 60px;
}
.grid-cols-\[auto_minmax\(0\2c 1fr\)\] {
  grid-template-columns: auto minmax(0,1fr);
}
.grid-cols-\[auto_minmax\(0\2c 1fr\)_4rem_4rem_4rem_minmax\(4\.5rem\2c auto\)_auto\] {
  grid-template-columns: auto minmax(0,1fr) 4rem 4rem 4rem minmax(4.5rem,auto) auto;
}
.grid-cols-\[auto_minmax\(0\2c 1fr\)_minmax\(4\.5rem\2c auto\)_auto\] {
  grid-template-columns: auto minmax(0,1fr) minmax(4.5rem,auto) auto;
}
.grid-cols-\[max-content_1fr\] {
  grid-template-columns: max-content 1fr;
}
.grid-cols-\[minmax\(0\2c 1fr\)\] {
  grid-template-columns: minmax(0,1fr);
}
.grid-cols-\[minmax\(0\2c 1fr\)_140px_80px\] {
  grid-template-columns: minmax(0,1fr) 140px 80px;
}
.grid-cols-\[minmax\(0\2c 1fr\)_2\.75rem\] {
  grid-template-columns: minmax(0,1fr) 2.75rem;
}
.grid-cols-\[minmax\(0\2c 1fr\)_7rem_4rem_7rem_8rem_3\.5rem_4\.5rem\] {
  grid-template-columns: minmax(0,1fr) 7rem 4rem 7rem 8rem 3.5rem 4.5rem;
}
.grid-cols-\[minmax\(0\2c 1fr\)_auto\] {
  grid-template-columns: minmax(0,1fr) auto;
}
.grid-cols-\[minmax\(0\2c 1fr\)_auto_2\.75rem\] {
  grid-template-columns: minmax(0,1fr) auto 2.75rem;
}
.grid-cols-\[minmax\(0\2c 1fr\)_auto_minmax\(0\2c 1fr\)\] {
  grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
}
.grid-cols-\[minmax\(18rem\2c 1fr\)_9rem_10rem_8rem_13rem_7rem_10rem\] {
  grid-template-columns: minmax(18rem,1fr) 9rem 10rem 8rem 13rem 7rem 10rem;
}
.grid-cols-\[minmax\(20rem\2c 1fr\)_7rem_7rem_7rem_12rem\] {
  grid-template-columns: minmax(20rem,1fr) 7rem 7rem 7rem 12rem;
}
.grid-cols-\[minmax\(260px\2c 1fr\)_120px_130px_110px\] {
  grid-template-columns: minmax(260px,1fr) 120px 130px 110px;
}
.grid-cols-\[repeat\(13\2c minmax\(0\2c 1fr\)\)\] {
  grid-template-columns: repeat(13,minmax(0,1fr));
}
.grid-cols-\[repeat\(32\2c minmax\(0\2c 1fr\)\)\] {
  grid-template-columns: repeat(32,minmax(0,1fr));
}
.grid-cols-\[repeat\(auto-fill\2c minmax\(108px\2c 1fr\)\)\] {
  grid-template-columns: repeat(auto-fill,minmax(108px,1fr));
}
.grid-cols-\[repeat\(auto-fill\2c minmax\(140px\2c 1fr\)\)\] {
  grid-template-columns: repeat(auto-fill,minmax(140px,1fr));
}
.grid-cols-\[repeat\(auto-fill\2c minmax\(160px\2c 1fr\)\)\] {
  grid-template-columns: repeat(auto-fill,minmax(160px,1fr));
}
.grid-cols-\[repeat\(auto-fill\2c minmax\(168px\2c 1fr\)\)\] {
  grid-template-columns: repeat(auto-fill,minmax(168px,1fr));
}
.grid-cols-\[repeat\(auto-fill\2c minmax\(168px\2c 200px\)\)\] {
  grid-template-columns: repeat(auto-fill,minmax(168px,200px));
}
.grid-cols-\[repeat\(auto-fill\2c minmax\(180px\2c 1fr\)\)\] {
  grid-template-columns: repeat(auto-fill,minmax(180px,1fr));
}
.grid-cols-\[repeat\(auto-fill\2c minmax\(200px\2c 1fr\)\)\] {
  grid-template-columns: repeat(auto-fill,minmax(200px,1fr));
}
.grid-cols-\[repeat\(auto-fill\2c minmax\(200px\2c 240px\)\)\] {
  grid-template-columns: repeat(auto-fill,minmax(200px,240px));
}
.grid-cols-\[repeat\(auto-fill\2c minmax\(220px\2c 1fr\)\)\] {
  grid-template-columns: repeat(auto-fill,minmax(220px,1fr));
}
.grid-cols-\[repeat\(auto-fill\2c minmax\(240px\2c 1fr\)\)\] {
  grid-template-columns: repeat(auto-fill,minmax(240px,1fr));
}
.grid-cols-\[repeat\(auto-fill\2c minmax\(3rem\2c 1fr\)\)\] {
  grid-template-columns: repeat(auto-fill,minmax(3rem,1fr));
}
.grid-cols-\[repeat\(auto-fill\2c minmax\(4\.5rem\2c 1fr\)\)\] {
  grid-template-columns: repeat(auto-fill,minmax(4.5rem,1fr));
}
.grid-cols-\[repeat\(auto-fill\2c minmax\(48px\2c 1fr\)\)\] {
  grid-template-columns: repeat(auto-fill,minmax(48px,1fr));
}
.grid-cols-\[repeat\(auto-fill\2c minmax\(5\.25rem\2c 1fr\)\)\] {
  grid-template-columns: repeat(auto-fill,minmax(5.25rem,1fr));
}
.grid-cols-\[repeat\(auto-fill\2c minmax\(72px\2c 1fr\)\)\] {
  grid-template-columns: repeat(auto-fill,minmax(72px,1fr));
}
.grid-cols-\[repeat\(auto-fill\2c minmax\(80px\2c 1fr\)\)\] {
  grid-template-columns: repeat(auto-fill,minmax(80px,1fr));
}
.grid-cols-\[repeat\(auto-fill\2c minmax\(96px\2c 1fr\)\)\] {
  grid-template-columns: repeat(auto-fill,minmax(96px,1fr));
}
.grid-cols-\[repeat\(auto-fill\2c minmax\(min\(100\%\2c 240px\)\2c 1fr\)\)\] {
  grid-template-columns: repeat(auto-fill,minmax(min(100%,240px),1fr));
}
.grid-cols-\[repeat\(auto-fill\2c minmax\(var\(--directory-card-min-width\2c 5\.25rem\)\2c 1fr\)\)\] {
  grid-template-columns: repeat(auto-fill,minmax(var(--directory-card-min-width,5.25rem),1fr));
}
.grid-cols-\[repeat\(auto-fit\2c 0\.75rem\)\] {
  grid-template-columns: repeat(auto-fit,0.75rem);
}
.grid-cols-\[repeat\(auto-fit\2c minmax\(150px\2c 1fr\)\)\] {
  grid-template-columns: repeat(auto-fit,minmax(150px,1fr));
}
.grid-cols-\[repeat\(auto-fit\2c minmax\(min\(100\%\2c 240px\)\2c 1fr\)\)\] {
  grid-template-columns: repeat(auto-fit,minmax(min(100%,240px),1fr));
}
.grid-cols-subgrid {
  grid-template-columns: subgrid;
}
.grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}
.grid-rows-12 {
  grid-template-rows: repeat(12, minmax(0, 1fr));
}
.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}
.grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr));
}
.grid-rows-4 {
  grid-template-rows: repeat(4, minmax(0, 1fr));
}
.grid-rows-5 {
  grid-template-rows: repeat(5, minmax(0, 1fr));
}
.grid-rows-6 {
  grid-template-rows: repeat(6, minmax(0, 1fr));
}
.grid-rows-\[0fr\] {
  grid-template-rows: 0fr;
}
.grid-rows-\[1fr\] {
  grid-template-rows: 1fr;
}
.grid-rows-\[36px_minmax\(0\2c 1fr\)_28px\] {
  grid-template-rows: 36px minmax(0,1fr) 28px;
}
.grid-rows-\[3fr_2fr\] {
  grid-template-rows: 3fr 2fr;
}
.grid-rows-\[auto_1fr\] {
  grid-template-rows: auto 1fr;
}
.grid-rows-\[auto_auto\] {
  grid-template-rows: auto auto;
}
.grid-rows-\[auto_minmax\(0\2c 1fr\)\] {
  grid-template-rows: auto minmax(0,1fr);
}
.grid-rows-\[minmax\(0\2c 1fr\)_minmax\(0\2c 1fr\)_auto\] {
  grid-template-rows: minmax(0,1fr) minmax(0,1fr) auto;
}
.grid-rows-\[minmax\(0\2c 42\%\)_minmax\(0\2c 1fr\)\] {
  grid-template-rows: minmax(0,42%) minmax(0,1fr);
}
.\!flex-row {
  flex-direction: row !important;
}
.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.\!flex-col {
  flex-direction: column !important;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.\!flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.place-content-center {
  place-content: center;
}
.place-content-start {
  place-content: start;
}
.place-items-start {
  place-items: start;
}
.place-items-end {
  place-items: end;
}
.place-items-center {
  place-items: center;
}
.place-items-baseline {
  place-items: baseline;
}
.content-center {
  align-content: center;
}
.content-start {
  align-content: flex-start;
}
.content-around {
  align-content: space-around;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.\!items-stretch {
  align-items: stretch !important;
}
.items-stretch {
  align-items: stretch;
}
.\!justify-start {
  justify-content: flex-start !important;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.\!justify-center {
  justify-content: center !important;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.justify-evenly {
  justify-content: space-evenly;
}
.justify-stretch {
  justify-content: stretch;
}
.justify-items-start {
  justify-items: start;
}
.justify-items-center {
  justify-items: center;
}
.\!gap-0 {
  gap: 0px !important;
}
.\!gap-0\.5 {
  gap: 0.125rem !important;
}
.\!gap-1\.5 {
  gap: 0.375rem !important;
}
.gap-0 {
  gap: 0px;
}
.gap-0\.5 {
  gap: 0.125rem;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-10 {
  gap: 2.5rem;
}
.gap-12 {
  gap: 3rem;
}
.gap-14 {
  gap: 3.5rem;
}
.gap-16 {
  gap: 4rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-2\.5 {
  gap: 0.625rem;
}
.gap-20 {
  gap: 5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-3\.5 {
  gap: 0.875rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-7 {
  gap: 1.75rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-\[--spacing\(var\(--gap\)\)\] {
  gap: var(--spacing(var(--gap)));
}
.gap-\[-4px\] {
  gap: -4px;
}
.gap-\[1\.5px\] {
  gap: 1.5px;
}
.gap-\[120px\] {
  gap: 120px;
}
.gap-\[13px\] {
  gap: 13px;
}
.gap-\[17px\] {
  gap: 17px;
}
.gap-\[180px\] {
  gap: 180px;
}
.gap-\[18px\] {
  gap: 18px;
}
.gap-\[1px\] {
  gap: 1px;
}
.gap-\[2px\] {
  gap: 2px;
}
.gap-\[3px\] {
  gap: 3px;
}
.gap-\[4px\] {
  gap: 4px;
}
.gap-\[5px\] {
  gap: 5px;
}
.gap-\[6px\] {
  gap: 6px;
}
.gap-\[7px\] {
  gap: 7px;
}
.gap-\[8px\] {
  gap: 8px;
}
.gap-\[inherit\] {
  gap: inherit;
}
.gap-\[var\(--directory-grid-gap\2c 0\.25rem\)\] {
  gap: var(--directory-grid-gap,0.25rem);
}
.gap-\[var\(--directory-section-gap\2c 0\.125rem\)\] {
  gap: var(--directory-section-gap,0.125rem);
}
.gap-\[var\(--directory-section-gap\2c 0\.25rem\)\] {
  gap: var(--directory-section-gap,0.25rem);
}
.gap-\[var\(--directory-toolbar-gap\2c 0\.25rem\)\] {
  gap: var(--directory-toolbar-gap,0.25rem);
}
.gap-\[var\(--stacks-canvas-tool-gap\2c 4px\)\] {
  gap: var(--stacks-canvas-tool-gap,4px);
}
.gap-px {
  gap: 1px;
}
.gap-x-0\.5 {
  -moz-column-gap: 0.125rem;
       column-gap: 0.125rem;
}
.gap-x-1 {
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}
.gap-x-1\.5 {
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
}
.gap-x-10 {
  -moz-column-gap: 2.5rem;
       column-gap: 2.5rem;
}
.gap-x-12 {
  -moz-column-gap: 3rem;
       column-gap: 3rem;
}
.gap-x-2 {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.gap-x-2\.5 {
  -moz-column-gap: 0.625rem;
       column-gap: 0.625rem;
}
.gap-x-3 {
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}
.gap-x-3\.5 {
  -moz-column-gap: 0.875rem;
       column-gap: 0.875rem;
}
.gap-x-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.gap-x-5 {
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}
.gap-x-56 {
  -moz-column-gap: 14rem;
       column-gap: 14rem;
}
.gap-x-6 {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
.gap-x-8 {
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
.gap-x-\[26px\] {
  -moz-column-gap: 26px;
       column-gap: 26px;
}
.gap-y-0 {
  row-gap: 0px;
}
.gap-y-0\.5 {
  row-gap: 0.125rem;
}
.gap-y-1 {
  row-gap: 0.25rem;
}
.gap-y-1\.5 {
  row-gap: 0.375rem;
}
.gap-y-16 {
  row-gap: 4rem;
}
.gap-y-2 {
  row-gap: 0.5rem;
}
.gap-y-3 {
  row-gap: 0.75rem;
}
.gap-y-4 {
  row-gap: 1rem;
}
.gap-y-5 {
  row-gap: 1.25rem;
}
.gap-y-6 {
  row-gap: 1.5rem;
}
.gap-y-8 {
  row-gap: 2rem;
}
.gap-y-\[3px\] {
  row-gap: 3px;
}
.gap-y-px {
  row-gap: 1px;
}
.\!space-y-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(0px * var(--tw-space-y-reverse)) !important;
}
.-space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(-0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(-0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.-space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(-0.375rem * var(--tw-space-x-reverse));
  margin-left: calc(-0.375rem * calc(1 - var(--tw-space-x-reverse)));
}
.-space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(-0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.-space-x-72 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(-18rem * var(--tw-space-x-reverse));
  margin-left: calc(-18rem * calc(1 - var(--tw-space-x-reverse)));
}
.-space-x-px > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(-1px * var(--tw-space-x-reverse));
  margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0px * var(--tw-space-x-reverse));
  margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.125rem * var(--tw-space-x-reverse));
  margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.375rem * var(--tw-space-x-reverse));
  margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.625rem * var(--tw-space-x-reverse));
  margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.875rem * var(--tw-space-x-reverse));
  margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(2rem * var(--tw-space-x-reverse));
  margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-9 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(2.25rem * var(--tw-space-x-reverse));
  margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
.space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.space-y-10 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
}
.space-y-12 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(3rem * var(--tw-space-y-reverse));
}
.space-y-16 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(4rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
}
.space-y-24 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(6rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-7 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.space-y-\[25px\] > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(25px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(25px * var(--tw-space-y-reverse));
}
.space-y-px > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1px * var(--tw-space-y-reverse));
}
.divide-x > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
}
.divide-y-\[3px\] > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(3px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(3px * var(--tw-divide-y-reverse));
}
.divide-dashed > :not([hidden]) ~ :not([hidden]) {
  border-style: dashed;
}
.divide-\[\#1d1d1d\] > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(29 29 29 / var(--tw-divide-opacity));
}
.divide-\[\#2A2A2A\] > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(42 42 42 / var(--tw-divide-opacity));
}
.divide-black > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-divide-opacity));
}
.divide-border > :not([hidden]) ~ :not([hidden]) {
  border-color: hsl(var(--border));
}
.divide-border\/30 > :not([hidden]) ~ :not([hidden]) {
  border-color: hsl(var(--border) / 0.3);
}
.divide-border\/40 > :not([hidden]) ~ :not([hidden]) {
  border-color: hsl(var(--border) / 0.4);
}
.divide-border\/50 > :not([hidden]) ~ :not([hidden]) {
  border-color: hsl(var(--border) / 0.5);
}
.divide-border\/60 > :not([hidden]) ~ :not([hidden]) {
  border-color: hsl(var(--border) / 0.6);
}
.divide-border\/70 > :not([hidden]) ~ :not([hidden]) {
  border-color: hsl(var(--border) / 0.7);
}
.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-divide-opacity));
}
.divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-divide-opacity));
}
.divide-neutral-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(229 229 229 / var(--tw-divide-opacity));
}
.divide-notion-border > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(55 55 55 / var(--tw-divide-opacity));
}
.divide-notion-border\/35 > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(55 55 55 / 0.35);
}
.divide-notion-border\/40 > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(55 55 55 / 0.4);
}
.divide-notion-border\/50 > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(55 55 55 / 0.5);
}
.divide-slate-800\/50 > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(30 41 59 / 0.5);
}
.divide-slate-900 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(15 23 42 / var(--tw-divide-opacity));
}
.divide-white\/10 > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(255 255 255 / 0.1);
}
.divide-white\/5 > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(255 255 255 / 0.05);
}
.divide-white\/\[0\.05\] > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(255 255 255 / 0.05);
}
.divide-white\/\[0\.06\] > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(255 255 255 / 0.06);
}
.divide-white\/\[0\.08\] > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(255 255 255 / 0.08);
}
.divide-zinc-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(244 244 245 / var(--tw-divide-opacity));
}
.divide-zinc-800\/60 > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(39 39 42 / 0.6);
}
.divide-zinc-900 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(24 24 27 / var(--tw-divide-opacity));
}
.divide-zinc-900\/60 > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(24 24 27 / 0.6);
}
.place-self-end {
  place-self: end;
}
.place-self-center {
  place-self: center;
}
.self-start {
  align-self: flex-start;
}
.self-end {
  align-self: flex-end;
}
.self-center {
  align-self: center;
}
.self-stretch {
  align-self: stretch;
}
.justify-self-start {
  justify-self: start;
}
.justify-self-end {
  justify-self: end;
}
.overflow-auto {
  overflow: auto;
}
.\!overflow-hidden {
  overflow: hidden !important;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-clip {
  overflow: clip;
}
.overflow-visible {
  overflow: visible;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-x-clip {
  overflow-x: clip;
}
.overflow-y-visible {
  overflow-y: visible;
}
.overflow-x-scroll {
  overflow-x: scroll;
}
.overscroll-contain {
  overscroll-behavior: contain;
}
.overscroll-none {
  overscroll-behavior: none;
}
.overscroll-y-contain {
  overscroll-behavior-y: contain;
}
.overscroll-x-contain {
  overscroll-behavior-x: contain;
}
.scroll-smooth {
  scroll-behavior: smooth;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overflow-ellipsis {
  text-overflow: ellipsis;
}
.text-ellipsis {
  text-overflow: ellipsis;
}
.whitespace-normal {
  white-space: normal;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre {
  white-space: pre;
}
.whitespace-pre-line {
  white-space: pre-line;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.whitespace-break-spaces {
  white-space: break-spaces;
}
.text-wrap {
  text-wrap: wrap;
}
.text-nowrap {
  text-wrap: nowrap;
}
.text-balance {
  text-wrap: balance;
}
.text-pretty {
  text-wrap: pretty;
}
.break-words {
  overflow-wrap: break-word;
}
.break-all {
  word-break: break-all;
}
.\!rounded-\[1px\] {
  border-radius: 1px !important;
}
.\!rounded-lg {
  border-radius: var(--radius) !important;
}
.\!rounded-md {
  border-radius: calc(var(--radius) - 2px) !important;
}
.\!rounded-none {
  border-radius: 0px !important;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: calc(var(--radius) + 8px);
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-\[1\.1rem\] {
  border-radius: 1.1rem;
}
.rounded-\[1\.25rem\] {
  border-radius: 1.25rem;
}
.rounded-\[1\.35rem\] {
  border-radius: 1.35rem;
}
.rounded-\[1\.4rem\] {
  border-radius: 1.4rem;
}
.rounded-\[1\.5px\] {
  border-radius: 1.5px;
}
.rounded-\[1\.5rem\] {
  border-radius: 1.5rem;
}
.rounded-\[1\.75rem\] {
  border-radius: 1.75rem;
}
.rounded-\[1\.85rem\] {
  border-radius: 1.85rem;
}
.rounded-\[1\.9rem\] {
  border-radius: 1.9rem;
}
.rounded-\[106\.07px\] {
  border-radius: 106.07px;
}
.rounded-\[10px\] {
  border-radius: 10px;
}
.rounded-\[11px\] {
  border-radius: 11px;
}
.rounded-\[12px\] {
  border-radius: 12px;
}
.rounded-\[13px\] {
  border-radius: 13px;
}
.rounded-\[14px\] {
  border-radius: 14px;
}
.rounded-\[15px\] {
  border-radius: 15px;
}
.rounded-\[16px\] {
  border-radius: 16px;
}
.rounded-\[18px\] {
  border-radius: 18px;
}
.rounded-\[19px\] {
  border-radius: 19px;
}
.rounded-\[1px\] {
  border-radius: 1px;
}
.rounded-\[2\.15rem\] {
  border-radius: 2.15rem;
}
.rounded-\[2\.5px\] {
  border-radius: 2.5px;
}
.rounded-\[2\.5rem\] {
  border-radius: 2.5rem;
}
.rounded-\[20\%\] {
  border-radius: 20%;
}
.rounded-\[20px\] {
  border-radius: 20px;
}
.rounded-\[21px\] {
  border-radius: 21px;
}
.rounded-\[22\%\] {
  border-radius: 22%;
}
.rounded-\[22px\] {
  border-radius: 22px;
}
.rounded-\[24px\] {
  border-radius: 24px;
}
.rounded-\[26px\] {
  border-radius: 26px;
}
.rounded-\[27px\] {
  border-radius: 27px;
}
.rounded-\[28px\] {
  border-radius: 28px;
}
.rounded-\[2px\] {
  border-radius: 2px;
}
.rounded-\[2rem\] {
  border-radius: 2rem;
}
.rounded-\[3\.5\%\] {
  border-radius: 3.5%;
}
.rounded-\[30px\] {
  border-radius: 30px;
}
.rounded-\[32px\] {
  border-radius: 32px;
}
.rounded-\[36px\] {
  border-radius: 36px;
}
.rounded-\[3px\] {
  border-radius: 3px;
}
.rounded-\[3rem\] {
  border-radius: 3rem;
}
.rounded-\[4\%\] {
  border-radius: 4%;
}
.rounded-\[40px\] {
  border-radius: 40px;
}
.rounded-\[42px\] {
  border-radius: 42px;
}
.rounded-\[4px\] {
  border-radius: 4px;
}
.rounded-\[5\.88cqw\] {
  border-radius: 5.88cqw;
}
.rounded-\[50\%\] {
  border-radius: 50%;
}
.rounded-\[50px\] {
  border-radius: 50px;
}
.rounded-\[55px\] {
  border-radius: 55px;
}
.rounded-\[5px\] {
  border-radius: 5px;
}
.rounded-\[6\.75px\] {
  border-radius: 6.75px;
}
.rounded-\[60px\] {
  border-radius: 60px;
}
.rounded-\[6px\] {
  border-radius: 6px;
}
.rounded-\[70px\] {
  border-radius: 70px;
}
.rounded-\[7px\] {
  border-radius: 7px;
}
.rounded-\[8\.46cqw\] {
  border-radius: 8.46cqw;
}
.rounded-\[8px\] {
  border-radius: 8px;
}
.rounded-\[9988px\] {
  border-radius: 9988px;
}
.rounded-\[999px\] {
  border-radius: 999px;
}
.rounded-\[99px\] {
  border-radius: 99px;
}
.rounded-\[9px\] {
  border-radius: 9px;
}
.rounded-\[calc\(var\(--radius\)-3px\)\] {
  border-radius: calc(var(--radius) - 3px);
}
.rounded-\[calc\(var\(--radius\)-5px\)\] {
  border-radius: calc(var(--radius) - 5px);
}
.rounded-\[inherit\] {
  border-radius: inherit;
}
.rounded-\[min\(32px\2c var\(--radius-3xl\2c 32px\)\)\] {
  border-radius: min(32px,var(--radius-3xl,32px));
}
.rounded-\[min\(var\(--radius-md\)\2c 10px\)\] {
  border-radius: min(var(--radius-md),10px);
}
.rounded-\[min\(var\(--radius-md\)\2c 12px\)\] {
  border-radius: min(var(--radius-md),12px);
}
.rounded-\[min\(var\(--radius-md\)\2c 8px\)\] {
  border-radius: min(var(--radius-md),8px);
}
.rounded-\[var\(--radius\)\] {
  border-radius: var(--radius);
}
.rounded-\[var\(--radius-card\)\] {
  border-radius: var(--radius-card);
}
.rounded-\[var\(--radius-glyph\)\] {
  border-radius: var(--radius-glyph);
}
.rounded-\[var\(--shell-radius-win\)\] {
  border-radius: var(--shell-radius-win);
}
.rounded-\[var\(--widget-radius\)\] {
  border-radius: var(--widget-radius);
}
.rounded-\[var\(--widget-radius\2c 1rem\)\] {
  border-radius: var(--widget-radius,1rem);
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: var(--radius);
}
.rounded-md {
  border-radius: calc(var(--radius) - 2px);
}
.rounded-none {
  border-radius: 0px;
}
.rounded-sm {
  border-radius: calc(var(--radius) - 4px);
}
.rounded-xl {
  border-radius: calc(var(--radius) + 4px);
}
.rounded-b {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.rounded-b-2xl {
  border-bottom-right-radius: calc(var(--radius) + 8px);
  border-bottom-left-radius: calc(var(--radius) + 8px);
}
.rounded-b-3xl {
  border-bottom-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
}
.rounded-b-\[1\.75rem\] {
  border-bottom-right-radius: 1.75rem;
  border-bottom-left-radius: 1.75rem;
}
.rounded-b-\[10px\] {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.rounded-b-\[11px\] {
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
}
.rounded-b-\[27px\] {
  border-bottom-right-radius: 27px;
  border-bottom-left-radius: 27px;
}
.rounded-b-\[28px\] {
  border-bottom-right-radius: 28px;
  border-bottom-left-radius: 28px;
}
.rounded-b-\[2px\] {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
.rounded-b-\[inherit\] {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.rounded-b-full {
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
}
.rounded-b-lg {
  border-bottom-right-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
}
.rounded-b-md {
  border-bottom-right-radius: calc(var(--radius) - 2px);
  border-bottom-left-radius: calc(var(--radius) - 2px);
}
.rounded-b-none {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.rounded-b-sm {
  border-bottom-right-radius: calc(var(--radius) - 4px);
  border-bottom-left-radius: calc(var(--radius) - 4px);
}
.rounded-b-xl {
  border-bottom-right-radius: calc(var(--radius) + 4px);
  border-bottom-left-radius: calc(var(--radius) + 4px);
}
.rounded-e-none {
  border-start-end-radius: 0px;
  border-end-end-radius: 0px;
}
.rounded-l {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.rounded-l-2xl {
  border-top-left-radius: calc(var(--radius) + 8px);
  border-bottom-left-radius: calc(var(--radius) + 8px);
}
.rounded-l-\[16px\] {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}
.rounded-l-\[24px\] {
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}
.rounded-l-\[4px\] {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.rounded-l-\[50px\] {
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}
.rounded-l-full {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}
.rounded-l-lg {
  border-top-left-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
}
.rounded-l-md {
  border-top-left-radius: calc(var(--radius) - 2px);
  border-bottom-left-radius: calc(var(--radius) - 2px);
}
.rounded-l-none {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.rounded-l-sm {
  border-top-left-radius: calc(var(--radius) - 4px);
  border-bottom-left-radius: calc(var(--radius) - 4px);
}
.rounded-l-xl {
  border-top-left-radius: calc(var(--radius) + 4px);
  border-bottom-left-radius: calc(var(--radius) + 4px);
}
.rounded-r {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.rounded-r-2xl {
  border-top-right-radius: calc(var(--radius) + 8px);
  border-bottom-right-radius: calc(var(--radius) + 8px);
}
.rounded-r-\[16px\] {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}
.rounded-r-\[22px\] {
  border-top-right-radius: 22px;
  border-bottom-right-radius: 22px;
}
.rounded-r-\[24px\] {
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}
.rounded-r-\[28px\] {
  border-top-right-radius: 28px;
  border-bottom-right-radius: 28px;
}
.rounded-r-\[3px\] {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.rounded-r-\[4px\] {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.rounded-r-\[50px\] {
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}
.rounded-r-full {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}
.rounded-r-lg {
  border-top-right-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}
.rounded-r-md {
  border-top-right-radius: calc(var(--radius) - 2px);
  border-bottom-right-radius: calc(var(--radius) - 2px);
}
.rounded-r-none {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.rounded-r-sm {
  border-top-right-radius: calc(var(--radius) - 4px);
  border-bottom-right-radius: calc(var(--radius) - 4px);
}
.rounded-r-xl {
  border-top-right-radius: calc(var(--radius) + 4px);
  border-bottom-right-radius: calc(var(--radius) + 4px);
}
.rounded-s-none {
  border-start-start-radius: 0px;
  border-end-start-radius: 0px;
}
.rounded-t {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.rounded-t-2xl {
  border-top-left-radius: calc(var(--radius) + 8px);
  border-top-right-radius: calc(var(--radius) + 8px);
}
.rounded-t-3xl {
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
}
.rounded-t-\[10px\] {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.rounded-t-\[24px\] {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}
.rounded-t-\[27px\] {
  border-top-left-radius: 27px;
  border-top-right-radius: 27px;
}
.rounded-t-\[28px\] {
  border-top-left-radius: 28px;
  border-top-right-radius: 28px;
}
.rounded-t-\[32px\] {
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
}
.rounded-t-\[3rem\] {
  border-top-left-radius: 3rem;
  border-top-right-radius: 3rem;
}
.rounded-t-\[40px\] {
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
}
.rounded-t-\[50px\] {
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
}
.rounded-t-\[55px\] {
  border-top-left-radius: 55px;
  border-top-right-radius: 55px;
}
.rounded-t-\[60px\] {
  border-top-left-radius: 60px;
  border-top-right-radius: 60px;
}
.rounded-t-\[inherit\] {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.rounded-t-full {
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
}
.rounded-t-lg {
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
}
.rounded-t-md {
  border-top-left-radius: calc(var(--radius) - 2px);
  border-top-right-radius: calc(var(--radius) - 2px);
}
.rounded-t-none {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.rounded-t-sm {
  border-top-left-radius: calc(var(--radius) - 4px);
  border-top-right-radius: calc(var(--radius) - 4px);
}
.rounded-t-xl {
  border-top-left-radius: calc(var(--radius) + 4px);
  border-top-right-radius: calc(var(--radius) + 4px);
}
.rounded-bl {
  border-bottom-left-radius: 0.25rem;
}
.rounded-bl-\[6px\] {
  border-bottom-left-radius: 6px;
}
.rounded-bl-full {
  border-bottom-left-radius: 9999px;
}
.rounded-bl-md {
  border-bottom-left-radius: calc(var(--radius) - 2px);
}
.rounded-bl-none {
  border-bottom-left-radius: 0px;
}
.rounded-bl-sm {
  border-bottom-left-radius: calc(var(--radius) - 4px);
}
.rounded-bl-xl {
  border-bottom-left-radius: calc(var(--radius) + 4px);
}
.rounded-br {
  border-bottom-right-radius: 0.25rem;
}
.rounded-br-\[16px\] {
  border-bottom-right-radius: 16px;
}
.rounded-br-\[6px\] {
  border-bottom-right-radius: 6px;
}
.rounded-br-full {
  border-bottom-right-radius: 9999px;
}
.rounded-br-lg {
  border-bottom-right-radius: var(--radius);
}
.rounded-br-md {
  border-bottom-right-radius: calc(var(--radius) - 2px);
}
.rounded-br-none {
  border-bottom-right-radius: 0px;
}
.rounded-br-sm {
  border-bottom-right-radius: calc(var(--radius) - 4px);
}
.rounded-br-xl {
  border-bottom-right-radius: calc(var(--radius) + 4px);
}
.rounded-ee-sm {
  border-end-end-radius: calc(var(--radius) - 4px);
}
.rounded-tl {
  border-top-left-radius: 0.25rem;
}
.rounded-tl-\[6px\] {
  border-top-left-radius: 6px;
}
.rounded-tl-full {
  border-top-left-radius: 9999px;
}
.rounded-tl-lg {
  border-top-left-radius: var(--radius);
}
.rounded-tl-md {
  border-top-left-radius: calc(var(--radius) - 2px);
}
.rounded-tl-none {
  border-top-left-radius: 0px;
}
.rounded-tl-sm {
  border-top-left-radius: calc(var(--radius) - 4px);
}
.rounded-tl-xl {
  border-top-left-radius: calc(var(--radius) + 4px);
}
.rounded-tr-3xl {
  border-top-right-radius: 1.5rem;
}
.rounded-tr-full {
  border-top-right-radius: 9999px;
}
.rounded-tr-md {
  border-top-right-radius: calc(var(--radius) - 2px);
}
.rounded-tr-none {
  border-top-right-radius: 0px;
}
.rounded-tr-sm {
  border-top-right-radius: calc(var(--radius) - 4px);
}
.rounded-tr-xl {
  border-top-right-radius: calc(var(--radius) + 4px);
}
.\!border {
  border-width: 1px !important;
}
.\!border-0 {
  border-width: 0px !important;
}
.\!border-2 {
  border-width: 2px !important;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-2 {
  border-width: 2px;
}
.border-4 {
  border-width: 4px;
}
.border-8 {
  border-width: 8px;
}
.border-\[0\.5px\] {
  border-width: 0.5px;
}
.border-\[1\.5px\] {
  border-width: 1.5px;
}
.border-\[14px\] {
  border-width: 14px;
}
.border-\[1px\] {
  border-width: 1px;
}
.border-\[2\.5px\] {
  border-width: 2.5px;
}
.border-\[2px\] {
  border-width: 2px;
}
.border-\[3px\] {
  border-width: 3px;
}
.border-\[4px\] {
  border-width: 4px;
}
.border-\[5px\] {
  border-width: 5px;
}
.border-\[6px\] {
  border-width: 6px;
}
.border-\[8px\] {
  border-width: 8px;
}
.\!border-y-0 {
  border-top-width: 0px !important;
  border-bottom-width: 0px !important;
}
.border-x {
  border-left-width: 1px;
  border-right-width: 1px;
}
.border-x-0 {
  border-left-width: 0px;
  border-right-width: 0px;
}
.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.border-y-0 {
  border-top-width: 0px;
  border-bottom-width: 0px;
}
.border-y-2 {
  border-top-width: 2px;
  border-bottom-width: 2px;
}
.border-y-4 {
  border-top-width: 4px;
  border-bottom-width: 4px;
}
.border-y-\[2px\] {
  border-top-width: 2px;
  border-bottom-width: 2px;
}
.border-y-\[4px\] {
  border-top-width: 4px;
  border-bottom-width: 4px;
}
.border-y-\[5px\] {
  border-top-width: 5px;
  border-bottom-width: 5px;
}
.border-y-\[6px\] {
  border-top-width: 6px;
  border-bottom-width: 6px;
}
.border-y-\[length\:var\(--directory-triangle-height\2c 2px\)\] {
  border-top-width: var(--directory-triangle-height,2px);
  border-bottom-width: var(--directory-triangle-height,2px);
}
.\!border-b-0 {
  border-bottom-width: 0px !important;
}
.\!border-l-0 {
  border-left-width: 0px !important;
}
.\!border-r-0 {
  border-right-width: 0px !important;
}
.\!border-t {
  border-top-width: 1px !important;
}
.\!border-t-0 {
  border-top-width: 0px !important;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-0 {
  border-bottom-width: 0px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-b-4 {
  border-bottom-width: 4px;
}
.border-b-\[1\.5px\] {
  border-bottom-width: 1.5px;
}
.border-b-\[3px\] {
  border-bottom-width: 3px;
}
.border-b-\[5px\] {
  border-bottom-width: 5px;
}
.border-b-\[6px\] {
  border-bottom-width: 6px;
}
.border-e {
  border-inline-end-width: 1px;
}
.border-l {
  border-left-width: 1px;
}
.border-l-0 {
  border-left-width: 0px;
}
.border-l-2 {
  border-left-width: 2px;
}
.border-l-4 {
  border-left-width: 4px;
}
.border-l-8 {
  border-left-width: 8px;
}
.border-l-\[1\.5px\] {
  border-left-width: 1.5px;
}
.border-l-\[10px\] {
  border-left-width: 10px;
}
.border-l-\[2px\] {
  border-left-width: 2px;
}
.border-l-\[3\.5px\] {
  border-left-width: 3.5px;
}
.border-l-\[3px\] {
  border-left-width: 3px;
}
.border-l-\[4px\] {
  border-left-width: 4px;
}
.border-l-\[6px\] {
  border-left-width: 6px;
}
.border-l-\[8px\] {
  border-left-width: 8px;
}
.border-l-\[length\:var\(--directory-triangle-width\2c 3\.5px\)\] {
  border-left-width: var(--directory-triangle-width,3.5px);
}
.border-r {
  border-right-width: 1px;
}
.border-r-0 {
  border-right-width: 0px;
}
.border-r-2 {
  border-right-width: 2px;
}
.border-r-4 {
  border-right-width: 4px;
}
.border-r-\[4px\] {
  border-right-width: 4px;
}
.border-s-2 {
  border-inline-start-width: 2px;
}
.border-s-8 {
  border-inline-start-width: 8px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-0 {
  border-top-width: 0px;
}
.border-t-2 {
  border-top-width: 2px;
}
.border-t-4 {
  border-top-width: 4px;
}
.border-t-\[1px\] {
  border-top-width: 1px;
}
.border-t-\[5px\] {
  border-top-width: 5px;
}
.border-t-\[6px\] {
  border-top-width: 6px;
}
.border-solid {
  border-style: solid;
}
.border-dashed {
  border-style: dashed;
}
.border-dotted {
  border-style: dotted;
}
.border-double {
  border-style: double;
}
.\!border-none {
  border-style: none !important;
}
.border-none {
  border-style: none;
}
.\!border-\[\#555\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(85 85 85 / var(--tw-border-opacity)) !important;
}
.\!border-accent-foreground {
  border-color: hsl(var(--accent-foreground)) !important;
}
.\!border-background {
  border-color: hsl(var(--background)) !important;
}
.\!border-border {
  border-color: hsl(var(--border)) !important;
}
.\!border-card {
  border-color: hsl(var(--card)) !important;
}
.\!border-cyan-300 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(103 232 249 / var(--tw-border-opacity)) !important;
}
.\!border-emerald-300 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(110 231 183 / var(--tw-border-opacity)) !important;
}
.\!border-foreground {
  border-color: hsl(var(--foreground)) !important;
}
.\!border-orange-300 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(253 186 116 / var(--tw-border-opacity)) !important;
}
.\!border-primary {
  border-color: hsl(var(--primary)) !important;
}
.\!border-primary-foreground {
  border-color: hsl(var(--primary-foreground)) !important;
}
.\!border-primary\/40 {
  border-color: hsl(var(--primary) / 0.4) !important;
}
.\!border-red-300 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(252 165 165 / var(--tw-border-opacity)) !important;
}
.\!border-rose-300 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(253 164 175 / var(--tw-border-opacity)) !important;
}
.\!border-workflow-handle-border {
  border-color: hsl(var(--workflow-handle-border)) !important;
}
.\!border-yellow-300 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(253 224 71 / var(--tw-border-opacity)) !important;
}
.\!border-zinc-400\/25 {
  border-color: rgb(161 161 170 / 0.25) !important;
}
.border-\[\#000000\] {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.border-\[\#000\] {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.border-\[\#0054e3\] {
  --tw-border-opacity: 1;
  border-color: rgb(0 84 227 / var(--tw-border-opacity));
}
.border-\[\#00a9e5\] {
  --tw-border-opacity: 1;
  border-color: rgb(0 169 229 / var(--tw-border-opacity));
}
.border-\[\#00ff41\] {
  --tw-border-opacity: 1;
  border-color: rgb(0 255 65 / var(--tw-border-opacity));
}
.border-\[\#00ff41\]\/30 {
  border-color: rgb(0 255 65 / 0.3);
}
.border-\[\#00ff41\]\/50 {
  border-color: rgb(0 255 65 / 0.5);
}
.border-\[\#050505\] {
  --tw-border-opacity: 1;
  border-color: rgb(5 5 5 / var(--tw-border-opacity));
}
.border-\[\#0a84ff\] {
  --tw-border-opacity: 1;
  border-color: rgb(10 132 255 / var(--tw-border-opacity));
}
.border-\[\#0a84ff\]\/60 {
  border-color: rgb(10 132 255 / 0.6);
}
.border-\[\#10a37f\] {
  --tw-border-opacity: 1;
  border-color: rgb(16 163 127 / var(--tw-border-opacity));
}
.border-\[\#181818\]\/20 {
  border-color: rgb(24 24 24 / 0.2);
}
.border-\[\#181818\]\/40 {
  border-color: rgb(24 24 24 / 0.4);
}
.border-\[\#1C422B\] {
  --tw-border-opacity: 1;
  border-color: rgb(28 66 43 / var(--tw-border-opacity));
}
.border-\[\#1F1F1F\] {
  --tw-border-opacity: 1;
  border-color: rgb(31 31 31 / var(--tw-border-opacity));
}
.border-\[\#1a1a1a\] {
  --tw-border-opacity: 1;
  border-color: rgb(26 26 26 / var(--tw-border-opacity));
}
.border-\[\#1a1a22\] {
  --tw-border-opacity: 1;
  border-color: rgb(26 26 34 / var(--tw-border-opacity));
}
.border-\[\#1a1c2c\] {
  --tw-border-opacity: 1;
  border-color: rgb(26 28 44 / var(--tw-border-opacity));
}
.border-\[\#1a252f\] {
  --tw-border-opacity: 1;
  border-color: rgb(26 37 47 / var(--tw-border-opacity));
}
.border-\[\#1c1c1c\] {
  --tw-border-opacity: 1;
  border-color: rgb(28 28 28 / var(--tw-border-opacity));
}
.border-\[\#1d2f25\] {
  --tw-border-opacity: 1;
  border-color: rgb(29 47 37 / var(--tw-border-opacity));
}
.border-\[\#1e1e1e\] {
  --tw-border-opacity: 1;
  border-color: rgb(30 30 30 / var(--tw-border-opacity));
}
.border-\[\#1e1e20\] {
  --tw-border-opacity: 1;
  border-color: rgb(30 30 32 / var(--tw-border-opacity));
}
.border-\[\#1e3b2b\] {
  --tw-border-opacity: 1;
  border-color: rgb(30 59 43 / var(--tw-border-opacity));
}
.border-\[\#1e3c27\] {
  --tw-border-opacity: 1;
  border-color: rgb(30 60 39 / var(--tw-border-opacity));
}
.border-\[\#1f1f1f\] {
  --tw-border-opacity: 1;
  border-color: rgb(31 31 31 / var(--tw-border-opacity));
}
.border-\[\#222c3c\] {
  --tw-border-opacity: 1;
  border-color: rgb(34 44 60 / var(--tw-border-opacity));
}
.border-\[\#232323\] {
  --tw-border-opacity: 1;
  border-color: rgb(35 35 35 / var(--tw-border-opacity));
}
.border-\[\#23354f\] {
  --tw-border-opacity: 1;
  border-color: rgb(35 53 79 / var(--tw-border-opacity));
}
.border-\[\#242424\]\/10 {
  border-color: rgb(36 36 36 / 0.1);
}
.border-\[\#262626\] {
  --tw-border-opacity: 1;
  border-color: rgb(38 38 38 / var(--tw-border-opacity));
}
.border-\[\#264230\] {
  --tw-border-opacity: 1;
  border-color: rgb(38 66 48 / var(--tw-border-opacity));
}
.border-\[\#264431\] {
  --tw-border-opacity: 1;
  border-color: rgb(38 68 49 / var(--tw-border-opacity));
}
.border-\[\#272727\] {
  --tw-border-opacity: 1;
  border-color: rgb(39 39 39 / var(--tw-border-opacity));
}
.border-\[\#272727\]\/60 {
  border-color: rgb(39 39 39 / 0.6);
}
.border-\[\#292929\] {
  --tw-border-opacity: 1;
  border-color: rgb(41 41 41 / var(--tw-border-opacity));
}
.border-\[\#2A2A2A\] {
  --tw-border-opacity: 1;
  border-color: rgb(42 42 42 / var(--tw-border-opacity));
}
.border-\[\#2A2A2A\]\/50 {
  border-color: rgb(42 42 42 / 0.5);
}
.border-\[\#2A2A2A\]\/80 {
  border-color: rgb(42 42 42 / 0.8);
}
.border-\[\#2C6630\]\/30 {
  border-color: rgb(44 102 48 / 0.3);
}
.border-\[\#2a2a2a\] {
  --tw-border-opacity: 1;
  border-color: rgb(42 42 42 / var(--tw-border-opacity));
}
.border-\[\#2a2a30\] {
  --tw-border-opacity: 1;
  border-color: rgb(42 42 48 / var(--tw-border-opacity));
}
.border-\[\#2a2a32\] {
  --tw-border-opacity: 1;
  border-color: rgb(42 42 50 / var(--tw-border-opacity));
}
.border-\[\#2a2a3e\] {
  --tw-border-opacity: 1;
  border-color: rgb(42 42 62 / var(--tw-border-opacity));
}
.border-\[\#2a2b2f\] {
  --tw-border-opacity: 1;
  border-color: rgb(42 43 47 / var(--tw-border-opacity));
}
.border-\[\#2a3942\] {
  --tw-border-opacity: 1;
  border-color: rgb(42 57 66 / var(--tw-border-opacity));
}
.border-\[\#2a3942\]\/60 {
  border-color: rgb(42 57 66 / 0.6);
}
.border-\[\#2c2c2c\] {
  --tw-border-opacity: 1;
  border-color: rgb(44 44 44 / var(--tw-border-opacity));
}
.border-\[\#2c2c2e\] {
  --tw-border-opacity: 1;
  border-color: rgb(44 44 46 / var(--tw-border-opacity));
}
.border-\[\#2c3238\] {
  --tw-border-opacity: 1;
  border-color: rgb(44 50 56 / var(--tw-border-opacity));
}
.border-\[\#2d1b00\] {
  --tw-border-opacity: 1;
  border-color: rgb(45 27 0 / var(--tw-border-opacity));
}
.border-\[\#2d3a2d\] {
  --tw-border-opacity: 1;
  border-color: rgb(45 58 45 / var(--tw-border-opacity));
}
.border-\[\#2e2e2e\] {
  --tw-border-opacity: 1;
  border-color: rgb(46 46 46 / var(--tw-border-opacity));
}
.border-\[\#2f2f2f\] {
  --tw-border-opacity: 1;
  border-color: rgb(47 47 47 / var(--tw-border-opacity));
}
.border-\[\#2f3137\] {
  --tw-border-opacity: 1;
  border-color: rgb(47 49 55 / var(--tw-border-opacity));
}
.border-\[\#303030\] {
  --tw-border-opacity: 1;
  border-color: rgb(48 48 48 / var(--tw-border-opacity));
}
.border-\[\#311f21\] {
  --tw-border-opacity: 1;
  border-color: rgb(49 31 33 / var(--tw-border-opacity));
}
.border-\[\#313131\] {
  --tw-border-opacity: 1;
  border-color: rgb(49 49 49 / var(--tw-border-opacity));
}
.border-\[\#333333\] {
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / var(--tw-border-opacity));
}
.border-\[\#333\] {
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / var(--tw-border-opacity));
}
.border-\[\#333\]\/60 {
  border-color: rgb(51 51 51 / 0.6);
}
.border-\[\#343434\] {
  --tw-border-opacity: 1;
  border-color: rgb(52 52 52 / var(--tw-border-opacity));
}
.border-\[\#343840\] {
  --tw-border-opacity: 1;
  border-color: rgb(52 56 64 / var(--tw-border-opacity));
}
.border-\[\#34495e\] {
  --tw-border-opacity: 1;
  border-color: rgb(52 73 94 / var(--tw-border-opacity));
}
.border-\[\#383838\] {
  --tw-border-opacity: 1;
  border-color: rgb(56 56 56 / var(--tw-border-opacity));
}
.border-\[\#383a40\] {
  --tw-border-opacity: 1;
  border-color: rgb(56 58 64 / var(--tw-border-opacity));
}
.border-\[\#3A3A3A\] {
  --tw-border-opacity: 1;
  border-color: rgb(58 58 58 / var(--tw-border-opacity));
}
.border-\[\#3B82F6\] {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
}
.border-\[\#3a3530\] {
  --tw-border-opacity: 1;
  border-color: rgb(58 53 48 / var(--tw-border-opacity));
}
.border-\[\#3a3a3a\] {
  --tw-border-opacity: 1;
  border-color: rgb(58 58 58 / var(--tw-border-opacity));
}
.border-\[\#3a3a3c\] {
  --tw-border-opacity: 1;
  border-color: rgb(58 58 60 / var(--tw-border-opacity));
}
.border-\[\#3a3a42\] {
  --tw-border-opacity: 1;
  border-color: rgb(58 58 66 / var(--tw-border-opacity));
}
.border-\[\#3a3a4a\] {
  --tw-border-opacity: 1;
  border-color: rgb(58 58 74 / var(--tw-border-opacity));
}
.border-\[\#3a3a4e\] {
  --tw-border-opacity: 1;
  border-color: rgb(58 58 78 / var(--tw-border-opacity));
}
.border-\[\#3a4a3a\] {
  --tw-border-opacity: 1;
  border-color: rgb(58 74 58 / var(--tw-border-opacity));
}
.border-\[\#3b2114\] {
  --tw-border-opacity: 1;
  border-color: rgb(59 33 20 / var(--tw-border-opacity));
}
.border-\[\#3c3c3c\] {
  --tw-border-opacity: 1;
  border-color: rgb(60 60 60 / var(--tw-border-opacity));
}
.border-\[\#3c4043\] {
  --tw-border-opacity: 1;
  border-color: rgb(60 64 67 / var(--tw-border-opacity));
}
.border-\[\#3d3846\] {
  --tw-border-opacity: 1;
  border-color: rgb(61 56 70 / var(--tw-border-opacity));
}
.border-\[\#3daee9\]\/40 {
  border-color: rgb(61 174 233 / 0.4);
}
.border-\[\#3e3e42\] {
  --tw-border-opacity: 1;
  border-color: rgb(62 62 66 / var(--tw-border-opacity));
}
.border-\[\#3eb48955\] {
  border-color: #3eb48955;
}
.border-\[\#3f3f3f\] {
  --tw-border-opacity: 1;
  border-color: rgb(63 63 63 / var(--tw-border-opacity));
}
.border-\[\#3f3f3f\]\/80 {
  border-color: rgb(63 63 63 / 0.8);
}
.border-\[\#404040\] {
  --tw-border-opacity: 1;
  border-color: rgb(64 64 64 / var(--tw-border-opacity));
}
.border-\[\#40CCB7\] {
  --tw-border-opacity: 1;
  border-color: rgb(64 204 183 / var(--tw-border-opacity));
}
.border-\[\#443016\] {
  --tw-border-opacity: 1;
  border-color: rgb(68 48 22 / var(--tw-border-opacity));
}
.border-\[\#444\] {
  --tw-border-opacity: 1;
  border-color: rgb(68 68 68 / var(--tw-border-opacity));
}
.border-\[\#45272a\] {
  --tw-border-opacity: 1;
  border-color: rgb(69 39 42 / var(--tw-border-opacity));
}
.border-\[\#45CE99\] {
  --tw-border-opacity: 1;
  border-color: rgb(69 206 153 / var(--tw-border-opacity));
}
.border-\[\#45ce99\] {
  --tw-border-opacity: 1;
  border-color: rgb(69 206 153 / var(--tw-border-opacity));
}
.border-\[\#48dbfb\]\/30 {
  border-color: rgb(72 219 251 / 0.3);
}
.border-\[\#496da6\] {
  --tw-border-opacity: 1;
  border-color: rgb(73 109 166 / var(--tw-border-opacity));
}
.border-\[\#4A4A4A\] {
  --tw-border-opacity: 1;
  border-color: rgb(74 74 74 / var(--tw-border-opacity));
}
.border-\[\#4DB6AC\] {
  --tw-border-opacity: 1;
  border-color: rgb(77 182 172 / var(--tw-border-opacity));
}
.border-\[\#4a1020\] {
  --tw-border-opacity: 1;
  border-color: rgb(74 16 32 / var(--tw-border-opacity));
}
.border-\[\#4a4a4a\] {
  --tw-border-opacity: 1;
  border-color: rgb(74 74 74 / var(--tw-border-opacity));
}
.border-\[\#4a4a4a\]\/30 {
  border-color: rgb(74 74 74 / 0.3);
}
.border-\[\#4a5ab8\] {
  --tw-border-opacity: 1;
  border-color: rgb(74 90 184 / var(--tw-border-opacity));
}
.border-\[\#4c2429\] {
  --tw-border-opacity: 1;
  border-color: rgb(76 36 41 / var(--tw-border-opacity));
}
.border-\[\#4eb96b\] {
  --tw-border-opacity: 1;
  border-color: rgb(78 185 107 / var(--tw-border-opacity));
}
.border-\[\#4ecdc4\]\/60 {
  border-color: rgb(78 205 196 / 0.6);
}
.border-\[\#4f79d8\] {
  --tw-border-opacity: 1;
  border-color: rgb(79 121 216 / var(--tw-border-opacity));
}
.border-\[\#505050\] {
  --tw-border-opacity: 1;
  border-color: rgb(80 80 80 / var(--tw-border-opacity));
}
.border-\[\#525252\]\/25 {
  border-color: rgb(82 82 82 / 0.25);
}
.border-\[\#525252\]\/30 {
  border-color: rgb(82 82 82 / 0.3);
}
.border-\[\#555\] {
  --tw-border-opacity: 1;
  border-color: rgb(85 85 85 / var(--tw-border-opacity));
}
.border-\[\#5b4636\] {
  --tw-border-opacity: 1;
  border-color: rgb(91 70 54 / var(--tw-border-opacity));
}
.border-\[\#606068\] {
  --tw-border-opacity: 1;
  border-color: rgb(96 96 104 / var(--tw-border-opacity));
}
.border-\[\#64B5F6\] {
  --tw-border-opacity: 1;
  border-color: rgb(100 181 246 / var(--tw-border-opacity));
}
.border-\[\#656565\] {
  --tw-border-opacity: 1;
  border-color: rgb(101 101 101 / var(--tw-border-opacity));
}
.border-\[\#6b501f\] {
  --tw-border-opacity: 1;
  border-color: rgb(107 80 31 / var(--tw-border-opacity));
}
.border-\[\#6b5a31\] {
  --tw-border-opacity: 1;
  border-color: rgb(107 90 49 / var(--tw-border-opacity));
}
.border-\[\#70d996\] {
  --tw-border-opacity: 1;
  border-color: rgb(112 217 150 / var(--tw-border-opacity));
}
.border-\[\#737373\] {
  --tw-border-opacity: 1;
  border-color: rgb(115 115 115 / var(--tw-border-opacity));
}
.border-\[\#74a6ff\] {
  --tw-border-opacity: 1;
  border-color: rgb(116 166 255 / var(--tw-border-opacity));
}
.border-\[\#7986CB\] {
  --tw-border-opacity: 1;
  border-color: rgb(121 134 203 / var(--tw-border-opacity));
}
.border-\[\#7F1D1D\] {
  --tw-border-opacity: 1;
  border-color: rgb(127 29 29 / var(--tw-border-opacity));
}
.border-\[\#7de5a6\] {
  --tw-border-opacity: 1;
  border-color: rgb(125 229 166 / var(--tw-border-opacity));
}
.border-\[\#808080\] {
  --tw-border-opacity: 1;
  border-color: rgb(128 128 128 / var(--tw-border-opacity));
}
.border-\[\#81C784\] {
  --tw-border-opacity: 1;
  border-color: rgb(129 199 132 / var(--tw-border-opacity));
}
.border-\[\#888\] {
  --tw-border-opacity: 1;
  border-color: rgb(136 136 136 / var(--tw-border-opacity));
}
.border-\[\#8DA9D4\] {
  --tw-border-opacity: 1;
  border-color: rgb(141 169 212 / var(--tw-border-opacity));
}
.border-\[\#8a2be2\] {
  --tw-border-opacity: 1;
  border-color: rgb(138 43 226 / var(--tw-border-opacity));
}
.border-\[\#8a6a2f\] {
  --tw-border-opacity: 1;
  border-color: rgb(138 106 47 / var(--tw-border-opacity));
}
.border-\[\#909090\] {
  --tw-border-opacity: 1;
  border-color: rgb(144 144 144 / var(--tw-border-opacity));
}
.border-\[\#98a0a8\] {
  --tw-border-opacity: 1;
  border-color: rgb(152 160 168 / var(--tw-border-opacity));
}
.border-\[\#9acd32\] {
  --tw-border-opacity: 1;
  border-color: rgb(154 205 50 / var(--tw-border-opacity));
}
.border-\[\#BA68C8\] {
  --tw-border-opacity: 1;
  border-color: rgb(186 104 200 / var(--tw-border-opacity));
}
.border-\[\#BDBDBD\] {
  --tw-border-opacity: 1;
  border-color: rgb(189 189 189 / var(--tw-border-opacity));
}
.border-\[\#D9FE00\] {
  --tw-border-opacity: 1;
  border-color: rgb(217 254 0 / var(--tw-border-opacity));
}
.border-\[\#D9FE00\]\/30 {
  border-color: rgb(217 254 0 / 0.3);
}
.border-\[\#E0DCCF\] {
  --tw-border-opacity: 1;
  border-color: rgb(224 220 207 / var(--tw-border-opacity));
}
.border-\[\#E0DCCF\]\/40 {
  border-color: rgb(224 220 207 / 0.4);
}
.border-\[\#E0DCCF\]\/45 {
  border-color: rgb(224 220 207 / 0.45);
}
.border-\[\#E0E0E0\] {
  --tw-border-opacity: 1;
  border-color: rgb(224 224 224 / var(--tw-border-opacity));
}
.border-\[\#EF9A9A\] {
  --tw-border-opacity: 1;
  border-color: rgb(239 154 154 / var(--tw-border-opacity));
}
.border-\[\#FF6B00\] {
  --tw-border-opacity: 1;
  border-color: rgb(255 107 0 / var(--tw-border-opacity));
}
.border-\[\#FF6B00\]\/30 {
  border-color: rgb(255 107 0 / 0.3);
}
.border-\[\#FF6B00\]\/50 {
  border-color: rgb(255 107 0 / 0.5);
}
.border-\[\#FF8A65\] {
  --tw-border-opacity: 1;
  border-color: rgb(255 138 101 / var(--tw-border-opacity));
}
.border-\[\#FFD54C\] {
  --tw-border-opacity: 1;
  border-color: rgb(255 213 76 / var(--tw-border-opacity));
}
.border-\[\#a89968\] {
  --tw-border-opacity: 1;
  border-color: rgb(168 153 104 / var(--tw-border-opacity));
}
.border-\[\#aaa\] {
  --tw-border-opacity: 1;
  border-color: rgb(170 170 170 / var(--tw-border-opacity));
}
.border-\[\#b05ad4\] {
  --tw-border-opacity: 1;
  border-color: rgb(176 90 212 / var(--tw-border-opacity));
}
.border-\[\#b2b7c0\] {
  --tw-border-opacity: 1;
  border-color: rgb(178 183 192 / var(--tw-border-opacity));
}
.border-\[\#b35309\]\/40 {
  border-color: rgb(179 83 9 / 0.4);
}
.border-\[\#b98cff\] {
  --tw-border-opacity: 1;
  border-color: rgb(185 140 255 / var(--tw-border-opacity));
}
.border-\[\#bad0bd\] {
  --tw-border-opacity: 1;
  border-color: rgb(186 208 189 / var(--tw-border-opacity));
}
.border-\[\#bbb\] {
  --tw-border-opacity: 1;
  border-color: rgb(187 187 187 / var(--tw-border-opacity));
}
.border-\[\#c4a882\]\/50 {
  border-color: rgb(196 168 130 / 0.5);
}
.border-\[\#c96442\] {
  --tw-border-opacity: 1;
  border-color: rgb(201 100 66 / var(--tw-border-opacity));
}
.border-\[\#cfc6b7\] {
  --tw-border-opacity: 1;
  border-color: rgb(207 198 183 / var(--tw-border-opacity));
}
.border-\[\#d08cff\] {
  --tw-border-opacity: 1;
  border-color: rgb(208 140 255 / var(--tw-border-opacity));
}
.border-\[\#d5b59f\] {
  --tw-border-opacity: 1;
  border-color: rgb(213 181 159 / var(--tw-border-opacity));
}
.border-\[\#d7bcb4\] {
  --tw-border-opacity: 1;
  border-color: rgb(215 188 180 / var(--tw-border-opacity));
}
.border-\[\#d96a6a\] {
  --tw-border-opacity: 1;
  border-color: rgb(217 106 106 / var(--tw-border-opacity));
}
.border-\[\#e0598b55\] {
  border-color: #e0598b55;
}
.border-\[\#e6e0d4\] {
  --tw-border-opacity: 1;
  border-color: rgb(230 224 212 / var(--tw-border-opacity));
}
.border-\[\#e8a04a\] {
  --tw-border-opacity: 1;
  border-color: rgb(232 160 74 / var(--tw-border-opacity));
}
.border-\[\#e9b44c\] {
  --tw-border-opacity: 1;
  border-color: rgb(233 180 76 / var(--tw-border-opacity));
}
.border-\[\#eadfce\] {
  --tw-border-opacity: 1;
  border-color: rgb(234 223 206 / var(--tw-border-opacity));
}
.border-\[\#efe6d8\] {
  --tw-border-opacity: 1;
  border-color: rgb(239 230 216 / var(--tw-border-opacity));
}
.border-\[\#f1e8dc\] {
  --tw-border-opacity: 1;
  border-color: rgb(241 232 220 / var(--tw-border-opacity));
}
.border-\[\#f5ede2\] {
  --tw-border-opacity: 1;
  border-color: rgb(245 237 226 / var(--tw-border-opacity));
}
.border-\[\#fbbf24\] {
  --tw-border-opacity: 1;
  border-color: rgb(251 191 36 / var(--tw-border-opacity));
}
.border-\[\#ff6b35\] {
  --tw-border-opacity: 1;
  border-color: rgb(255 107 53 / var(--tw-border-opacity));
}
.border-\[\#ff71ce\] {
  --tw-border-opacity: 1;
  border-color: rgb(255 113 206 / var(--tw-border-opacity));
}
.border-\[\#ffcb7a\] {
  --tw-border-opacity: 1;
  border-color: rgb(255 203 122 / var(--tw-border-opacity));
}
.border-\[\#ffffff\]\/10 {
  border-color: rgb(255 255 255 / 0.1);
}
.border-\[--color-border\] {
  border-color: var(--color-border);
}
.border-\[color\:\#000\] {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.border-\[color\:value\] {
  border-color: value;
}
.border-\[color\:var\(--bjork-border\)\] {
  border-color: var(--bjork-border);
}
.border-\[color\:var\(--bjork-border-muted\)\] {
  border-color: var(--bjork-border-muted);
}
.border-\[color\:var\(--bjork-border-strong\)\] {
  border-color: var(--bjork-border-strong);
}
.border-\[color\:var\(--bjork-text-muted\)\] {
  border-color: var(--bjork-text-muted);
}
.border-\[color\:var\(--blocks-column-outline\2c rgba\(255\2c 255\2c 255\2c 0\.55\)\)\] {
  border-color: var(--blocks-column-outline,rgba(255,255,255,0.55));
}
.border-\[color\:var\(--border-color\)\] {
  border-color: var(--border-color);
}
.border-\[color\:var\(--sep\)\] {
  border-color: var(--sep);
}
.border-\[color\:var\(--separator\)\] {
  border-color: var(--separator);
}
.border-\[hsl\(0_0\%_100\%\/0\.12\)\] {
  border-color: hsl(0 0% 100%/0.12);
}
.border-\[hsl\(0_0\%_100\%\/0\.2\)\] {
  border-color: hsl(0 0% 100%/0.2);
}
.border-\[hsl\(0_84\%_60\%\/0\.3\)\] {
  border-color: hsl(0 84% 60%/0.3);
}
.border-\[hsl\(141_76\%_42\%\)\] {
  --tw-border-opacity: 1;
  border-color: hsl(141 76% 42% / var(--tw-border-opacity));
}
.border-\[hsl\(142_71\%_45\%\/0\.3\)\] {
  border-color: hsl(142 71% 45%/0.3);
}
.border-\[hsl\(210\2c 40\%\2c 30\%\)\] {
  --tw-border-opacity: 1;
  border-color: hsl(210 40% 30% / var(--tw-border-opacity));
}
.border-\[hsl\(214_9\%_15\%\)\] {
  --tw-border-opacity: 1;
  border-color: hsl(214 9% 15% / var(--tw-border-opacity));
}
.border-\[hsl\(217_91\%_60\%\/0\.2\)\] {
  border-color: hsl(217 91% 60%/0.2);
}
.border-\[hsl\(35\2c 40\%\2c 32\%\)\] {
  --tw-border-opacity: 1;
  border-color: hsl(35 40% 32% / var(--tw-border-opacity));
}
.border-\[hsl\(40\2c 8\%\2c 30\%\)\] {
  --tw-border-opacity: 1;
  border-color: hsl(40 8% 30% / var(--tw-border-opacity));
}
.border-\[hsl\(48_96\%_53\%\/0\.3\)\] {
  border-color: hsl(48 96% 53%/0.3);
}
.border-\[hsl\(95\2c 30\%\2c 28\%\)\] {
  --tw-border-opacity: 1;
  border-color: hsl(95 30% 28% / var(--tw-border-opacity));
}
.border-\[hsl\(var\(--accent-teal\2c 168_80\%_45\%\)\)\] {
  border-color: hsl(var(--accent-teal,168 80% 45%));
}
.border-\[hsl\(var\(--border\)\)\] {
  border-color: hsl(var(--border));
}
.border-\[hsl\(var\(--column-accent\)\/0\.4\)\] {
  border-color: hsl(var(--column-accent)/0.4);
}
.border-\[hsl\(var\(--column-accent\)\/0\.45\)\] {
  border-color: hsl(var(--column-accent)/0.45);
}
.border-\[hsl\(var\(--linear-accent\)\)\] {
  border-color: hsl(var(--linear-accent));
}
.border-\[hsl\(var\(--linear-accent\)\/0\.2\)\] {
  border-color: hsl(var(--linear-accent)/0.2);
}
.border-\[hsl\(var\(--linear-border\)\)\] {
  border-color: hsl(var(--linear-border));
}
.border-\[hsl\(var\(--linear-border-subtle\)\)\] {
  border-color: hsl(var(--linear-border-subtle));
}
.border-\[hsl\(var\(--linear-border-subtle\)\)\]\/30 {
  border-color: hsl(var(--linear-border-subtle) / 0.3);
}
.border-\[hsl\(var\(--node-border\2c 220_10\%_20\%\)\)\] {
  border-color: hsl(var(--node-border,220 10% 20%));
}
.border-\[hsl\(var\(--primary\)\)\] {
  border-color: hsl(var(--primary));
}
.border-\[hsl\(var\(--primary-foreground\)\)\]\/20 {
  border-color: hsl(var(--primary-foreground) / 0.2);
}
.border-\[oklch\(0\.78_0\.15_200\)\] {
  border-color: oklch(0.78 0.15 200);
}
.border-\[oklch\(0\.9_0\.15_200\)\] {
  border-color: oklch(0.9 0.15 200);
}
.border-\[rgb\(168_168_168_\/_0\.75\)\] {
  border-color: rgb(168 168 168 / 0.75);
}
.border-\[rgb\(240_235_227_\/_0\.35\)\] {
  border-color: rgb(240 235 227 / 0.35);
}
.border-\[rgba\(0\2c 0\2c 0\2c 0\.8\)\] {
  border-color: rgba(0,0,0,0.8);
}
.border-\[rgba\(0\2c 0\2c 0\2c 0\.9\)\] {
  border-color: rgba(0,0,0,0.9);
}
.border-\[rgba\(173\2c 173\2c 173\2c 0\)\] {
  border-color: rgba(173,173,173,0);
}
.border-\[rgba\(255\2c 255\2c 255\2c 0\.14\)\] {
  border-color: rgba(255,255,255,0.14);
}
.border-\[rgba\(69\2c 206\2c 153\2c 1\)\] {
  border-color: rgba(69,206,153,1);
}
.border-\[var\(--blender-stroke\)\] {
  border-color: var(--blender-stroke);
}
.border-\[var\(--blender-stroke-subtle\)\] {
  border-color: var(--blender-stroke-subtle);
}
.border-\[var\(--blocks-column-divider\)\] {
  border-color: var(--blocks-column-divider);
}
.border-\[var\(--border\)\] {
  border-color: var(--border);
}
.border-\[var\(--color-border\)\] {
  border-color: var(--color-border);
}
.border-\[var\(--color-border-subtle\)\] {
  border-color: var(--color-border-subtle);
}
.border-\[var\(--color-destructive-soft\2c var\(--color-red-100\)\)\] {
  border-color: var(--color-destructive-soft,var(--color-red-100));
}
.border-\[var\(--color-info-soft\2c var\(--color-violet-100\)\)\] {
  border-color: var(--color-info-soft,var(--color-violet-100));
}
.border-\[var\(--color-muted\)\] {
  border-color: var(--color-muted);
}
.border-\[var\(--color-primary-soft\2c var\(--color-blue-100\)\)\] {
  border-color: var(--color-primary-soft,var(--color-blue-100));
}
.border-\[var\(--color-success-soft\2c var\(--color-green-200\)\)\] {
  border-color: var(--color-success-soft,var(--color-green-200));
}
.border-\[var\(--color-warning-soft\2c var\(--color-yellow-200\)\)\] {
  border-color: var(--color-warning-soft,var(--color-yellow-200));
}
.border-\[var\(--core-line\2c hsl\(var\(--border\)\)\)\] {
  border-color: var(--core-line,hsl(var(--border)));
}
.border-\[var\(--dc-border\)\] {
  border-color: var(--dc-border);
}
.border-\[var\(--dev-ws-divider-strong\2c hsl\(var\(--border\)\)\)\] {
  border-color: var(--dev-ws-divider-strong,hsl(var(--border)));
}
.border-\[var\(--dm-ink\)\] {
  border-color: var(--dm-ink);
}
.border-\[var\(--dm-line\)\] {
  border-color: var(--dm-line);
}
.border-\[var\(--ec-brand\)\] {
  border-color: var(--ec-brand);
}
.border-\[var\(--em-line\)\] {
  border-color: var(--em-line);
}
.border-\[var\(--ide-border\)\] {
  border-color: var(--ide-border);
}
.border-\[var\(--ide-border-subtle\)\] {
  border-color: var(--ide-border-subtle);
}
.border-\[var\(--linux-chrome-border\2c \#3d3846\)\] {
  border-color: var(--linux-chrome-border,#3d3846);
}
.border-\[var\(--marquee-border\)\] {
  border-color: var(--marquee-border);
}
.border-\[var\(--nle-border\)\] {
  border-color: var(--nle-border);
}
.border-\[var\(--nle-timeline-divider\2c \#4a4a4a\)\] {
  border-color: var(--nle-timeline-divider,#4a4a4a);
}
.border-\[var\(--nle-timeline-divider-strong\2c \#5e5e5e\)\] {
  border-color: var(--nle-timeline-divider-strong,#5e5e5e);
}
.border-\[var\(--rd-search-border\)\] {
  border-color: var(--rd-search-border);
}
.border-\[var\(--reveal-accent\)\] {
  border-color: var(--reveal-accent);
}
.border-\[var\(--reveal-border\)\] {
  border-color: var(--reveal-border);
}
.border-\[var\(--rss-reader-border\)\] {
  border-color: var(--rss-reader-border);
}
.border-\[var\(--sep\)\] {
  border-color: var(--sep);
}
.border-\[var\(--sheet-border\)\] {
  border-color: var(--sheet-border);
}
.border-accent {
  border-color: hsl(var(--accent));
}
.border-accent\/20 {
  border-color: hsl(var(--accent) / 0.2);
}
.border-accent\/30 {
  border-color: hsl(var(--accent) / 0.3);
}
.border-accent\/40 {
  border-color: hsl(var(--accent) / 0.4);
}
.border-accent\/45 {
  border-color: hsl(var(--accent) / 0.45);
}
.border-accent\/50 {
  border-color: hsl(var(--accent) / 0.5);
}
.border-accent\/60 {
  border-color: hsl(var(--accent) / 0.6);
}
.border-amber-100 {
  --tw-border-opacity: 1;
  border-color: rgb(254 243 199 / var(--tw-border-opacity));
}
.border-amber-200 {
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity));
}
.border-amber-200\/50 {
  border-color: rgb(253 230 138 / 0.5);
}
.border-amber-200\/60 {
  border-color: rgb(253 230 138 / 0.6);
}
.border-amber-200\/70 {
  border-color: rgb(253 230 138 / 0.7);
}
.border-amber-300 {
  --tw-border-opacity: 1;
  border-color: rgb(252 211 77 / var(--tw-border-opacity));
}
.border-amber-300\/20 {
  border-color: rgb(252 211 77 / 0.2);
}
.border-amber-300\/50 {
  border-color: rgb(252 211 77 / 0.5);
}
.border-amber-300\/60 {
  border-color: rgb(252 211 77 / 0.6);
}
.border-amber-300\/80 {
  border-color: rgb(252 211 77 / 0.8);
}
.border-amber-400 {
  --tw-border-opacity: 1;
  border-color: rgb(251 191 36 / var(--tw-border-opacity));
}
.border-amber-400\/20 {
  border-color: rgb(251 191 36 / 0.2);
}
.border-amber-400\/30 {
  border-color: rgb(251 191 36 / 0.3);
}
.border-amber-400\/35 {
  border-color: rgb(251 191 36 / 0.35);
}
.border-amber-400\/40 {
  border-color: rgb(251 191 36 / 0.4);
}
.border-amber-400\/50 {
  border-color: rgb(251 191 36 / 0.5);
}
.border-amber-400\/70 {
  border-color: rgb(251 191 36 / 0.7);
}
.border-amber-400\/80 {
  border-color: rgb(251 191 36 / 0.8);
}
.border-amber-500 {
  --tw-border-opacity: 1;
  border-color: rgb(245 158 11 / var(--tw-border-opacity));
}
.border-amber-500\/10 {
  border-color: rgb(245 158 11 / 0.1);
}
.border-amber-500\/20 {
  border-color: rgb(245 158 11 / 0.2);
}
.border-amber-500\/25 {
  border-color: rgb(245 158 11 / 0.25);
}
.border-amber-500\/30 {
  border-color: rgb(245 158 11 / 0.3);
}
.border-amber-500\/35 {
  border-color: rgb(245 158 11 / 0.35);
}
.border-amber-500\/40 {
  border-color: rgb(245 158 11 / 0.4);
}
.border-amber-500\/50 {
  border-color: rgb(245 158 11 / 0.5);
}
.border-amber-500\/60 {
  border-color: rgb(245 158 11 / 0.6);
}
.border-amber-500\/70 {
  border-color: rgb(245 158 11 / 0.7);
}
.border-amber-600 {
  --tw-border-opacity: 1;
  border-color: rgb(217 119 6 / var(--tw-border-opacity));
}
.border-amber-600\/20 {
  border-color: rgb(217 119 6 / 0.2);
}
.border-amber-600\/30 {
  border-color: rgb(217 119 6 / 0.3);
}
.border-amber-600\/50 {
  border-color: rgb(217 119 6 / 0.5);
}
.border-amber-700 {
  --tw-border-opacity: 1;
  border-color: rgb(180 83 9 / var(--tw-border-opacity));
}
.border-amber-700\/10 {
  border-color: rgb(180 83 9 / 0.1);
}
.border-amber-700\/30 {
  border-color: rgb(180 83 9 / 0.3);
}
.border-amber-700\/40 {
  border-color: rgb(180 83 9 / 0.4);
}
.border-amber-700\/50 {
  border-color: rgb(180 83 9 / 0.5);
}
.border-amber-700\/60 {
  border-color: rgb(180 83 9 / 0.6);
}
.border-amber-700\/70 {
  border-color: rgb(180 83 9 / 0.7);
}
.border-amber-800 {
  --tw-border-opacity: 1;
  border-color: rgb(146 64 14 / var(--tw-border-opacity));
}
.border-amber-800\/30 {
  border-color: rgb(146 64 14 / 0.3);
}
.border-amber-800\/40 {
  border-color: rgb(146 64 14 / 0.4);
}
.border-amber-800\/50 {
  border-color: rgb(146 64 14 / 0.5);
}
.border-amber-900 {
  --tw-border-opacity: 1;
  border-color: rgb(120 53 15 / var(--tw-border-opacity));
}
.border-amber-900\/15 {
  border-color: rgb(120 53 15 / 0.15);
}
.border-amber-900\/20 {
  border-color: rgb(120 53 15 / 0.2);
}
.border-amber-900\/30 {
  border-color: rgb(120 53 15 / 0.3);
}
.border-amber-900\/40 {
  border-color: rgb(120 53 15 / 0.4);
}
.border-amber-900\/50 {
  border-color: rgb(120 53 15 / 0.5);
}
.border-amber-950 {
  --tw-border-opacity: 1;
  border-color: rgb(69 26 3 / var(--tw-border-opacity));
}
.border-amber-950\/30 {
  border-color: rgb(69 26 3 / 0.3);
}
.border-amber-950\/40 {
  border-color: rgb(69 26 3 / 0.4);
}
.border-background {
  border-color: hsl(var(--background));
}
.border-background\/0 {
  border-color: hsl(var(--background) / 0);
}
.border-background\/20 {
  border-color: hsl(var(--background) / 0.2);
}
.border-background\/30 {
  border-color: hsl(var(--background) / 0.3);
}
.border-black {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.border-black\/10 {
  border-color: rgb(0 0 0 / 0.1);
}
.border-black\/15 {
  border-color: rgb(0 0 0 / 0.15);
}
.border-black\/20 {
  border-color: rgb(0 0 0 / 0.2);
}
.border-black\/25 {
  border-color: rgb(0 0 0 / 0.25);
}
.border-black\/30 {
  border-color: rgb(0 0 0 / 0.3);
}
.border-black\/40 {
  border-color: rgb(0 0 0 / 0.4);
}
.border-black\/5 {
  border-color: rgb(0 0 0 / 0.05);
}
.border-black\/50 {
  border-color: rgb(0 0 0 / 0.5);
}
.border-black\/60 {
  border-color: rgb(0 0 0 / 0.6);
}
.border-black\/80 {
  border-color: rgb(0 0 0 / 0.8);
}
.border-black\/\[0\.035\] {
  border-color: rgb(0 0 0 / 0.035);
}
.border-black\/\[0\.06\] {
  border-color: rgb(0 0 0 / 0.06);
}
.border-blue-200 {
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity));
}
.border-blue-300 {
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253 / var(--tw-border-opacity));
}
.border-blue-300\/30 {
  border-color: rgb(147 197 253 / 0.3);
}
.border-blue-400 {
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity));
}
.border-blue-400\/30 {
  border-color: rgb(96 165 250 / 0.3);
}
.border-blue-400\/35 {
  border-color: rgb(96 165 250 / 0.35);
}
.border-blue-400\/40 {
  border-color: rgb(96 165 250 / 0.4);
}
.border-blue-500 {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
}
.border-blue-500\/10 {
  border-color: rgb(59 130 246 / 0.1);
}
.border-blue-500\/20 {
  border-color: rgb(59 130 246 / 0.2);
}
.border-blue-500\/25 {
  border-color: rgb(59 130 246 / 0.25);
}
.border-blue-500\/30 {
  border-color: rgb(59 130 246 / 0.3);
}
.border-blue-500\/40 {
  border-color: rgb(59 130 246 / 0.4);
}
.border-blue-500\/50 {
  border-color: rgb(59 130 246 / 0.5);
}
.border-blue-500\/60 {
  border-color: rgb(59 130 246 / 0.6);
}
.border-blue-600 {
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity));
}
.border-blue-600\/30 {
  border-color: rgb(37 99 235 / 0.3);
}
.border-blue-700 {
  --tw-border-opacity: 1;
  border-color: rgb(29 78 216 / var(--tw-border-opacity));
}
.border-blue-800 {
  --tw-border-opacity: 1;
  border-color: rgb(30 64 175 / var(--tw-border-opacity));
}
.border-blue-800\/50 {
  border-color: rgb(30 64 175 / 0.5);
}
.border-blue-900 {
  --tw-border-opacity: 1;
  border-color: rgb(30 58 138 / var(--tw-border-opacity));
}
.border-blue-900\/30 {
  border-color: rgb(30 58 138 / 0.3);
}
.border-blue-900\/35 {
  border-color: rgb(30 58 138 / 0.35);
}
.border-blue-900\/60 {
  border-color: rgb(30 58 138 / 0.6);
}
.border-border {
  border-color: hsl(var(--border));
}
.border-border\/10 {
  border-color: hsl(var(--border) / 0.1);
}
.border-border\/15 {
  border-color: hsl(var(--border) / 0.15);
}
.border-border\/20 {
  border-color: hsl(var(--border) / 0.2);
}
.border-border\/25 {
  border-color: hsl(var(--border) / 0.25);
}
.border-border\/30 {
  border-color: hsl(var(--border) / 0.3);
}
.border-border\/35 {
  border-color: hsl(var(--border) / 0.35);
}
.border-border\/40 {
  border-color: hsl(var(--border) / 0.4);
}
.border-border\/45 {
  border-color: hsl(var(--border) / 0.45);
}
.border-border\/50 {
  border-color: hsl(var(--border) / 0.5);
}
.border-border\/60 {
  border-color: hsl(var(--border) / 0.6);
}
.border-border\/65 {
  border-color: hsl(var(--border) / 0.65);
}
.border-border\/70 {
  border-color: hsl(var(--border) / 0.7);
}
.border-border\/80 {
  border-color: hsl(var(--border) / 0.8);
}
.border-border\/90 {
  border-color: hsl(var(--border) / 0.9);
}
.border-card {
  border-color: hsl(var(--card));
}
.border-chart-3\/30 {
  border-color: hsl(var(--chart-3) / 0.3);
}
.border-chart-3\/40 {
  border-color: hsl(var(--chart-3) / 0.4);
}
.border-chart-4\/30 {
  border-color: hsl(var(--chart-4) / 0.3);
}
.border-chart-4\/40 {
  border-color: hsl(var(--chart-4) / 0.4);
}
.border-current {
  border-color: currentColor;
}
.border-cyan-200 {
  --tw-border-opacity: 1;
  border-color: rgb(165 243 252 / var(--tw-border-opacity));
}
.border-cyan-200\/50 {
  border-color: rgb(165 243 252 / 0.5);
}
.border-cyan-300 {
  --tw-border-opacity: 1;
  border-color: rgb(103 232 249 / var(--tw-border-opacity));
}
.border-cyan-300\/35 {
  border-color: rgb(103 232 249 / 0.35);
}
.border-cyan-400 {
  --tw-border-opacity: 1;
  border-color: rgb(34 211 238 / var(--tw-border-opacity));
}
.border-cyan-400\/20 {
  border-color: rgb(34 211 238 / 0.2);
}
.border-cyan-400\/30 {
  border-color: rgb(34 211 238 / 0.3);
}
.border-cyan-400\/35 {
  border-color: rgb(34 211 238 / 0.35);
}
.border-cyan-400\/40 {
  border-color: rgb(34 211 238 / 0.4);
}
.border-cyan-400\/50 {
  border-color: rgb(34 211 238 / 0.5);
}
.border-cyan-400\/60 {
  border-color: rgb(34 211 238 / 0.6);
}
.border-cyan-400\/70 {
  border-color: rgb(34 211 238 / 0.7);
}
.border-cyan-500 {
  --tw-border-opacity: 1;
  border-color: rgb(6 182 212 / var(--tw-border-opacity));
}
.border-cyan-500\/20 {
  border-color: rgb(6 182 212 / 0.2);
}
.border-cyan-500\/25 {
  border-color: rgb(6 182 212 / 0.25);
}
.border-cyan-500\/30 {
  border-color: rgb(6 182 212 / 0.3);
}
.border-cyan-500\/40 {
  border-color: rgb(6 182 212 / 0.4);
}
.border-cyan-500\/50 {
  border-color: rgb(6 182 212 / 0.5);
}
.border-cyan-500\/60 {
  border-color: rgb(6 182 212 / 0.6);
}
.border-cyan-700 {
  --tw-border-opacity: 1;
  border-color: rgb(14 116 144 / var(--tw-border-opacity));
}
.border-destructive {
  border-color: hsl(var(--destructive));
}
.border-destructive-foreground {
  border-color: hsl(var(--destructive-foreground));
}
.border-destructive\/20 {
  border-color: hsl(var(--destructive) / 0.2);
}
.border-destructive\/25 {
  border-color: hsl(var(--destructive) / 0.25);
}
.border-destructive\/30 {
  border-color: hsl(var(--destructive) / 0.3);
}
.border-destructive\/40 {
  border-color: hsl(var(--destructive) / 0.4);
}
.border-destructive\/50 {
  border-color: hsl(var(--destructive) / 0.5);
}
.border-destructive\/60 {
  border-color: hsl(var(--destructive) / 0.6);
}
.border-destructive\/70 {
  border-color: hsl(var(--destructive) / 0.7);
}
.border-emerald-200 {
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / var(--tw-border-opacity));
}
.border-emerald-300\/30 {
  border-color: rgb(110 231 183 / 0.3);
}
.border-emerald-300\/40 {
  border-color: rgb(110 231 183 / 0.4);
}
.border-emerald-400 {
  --tw-border-opacity: 1;
  border-color: rgb(52 211 153 / var(--tw-border-opacity));
}
.border-emerald-400\/20 {
  border-color: rgb(52 211 153 / 0.2);
}
.border-emerald-400\/30 {
  border-color: rgb(52 211 153 / 0.3);
}
.border-emerald-400\/35 {
  border-color: rgb(52 211 153 / 0.35);
}
.border-emerald-400\/40 {
  border-color: rgb(52 211 153 / 0.4);
}
.border-emerald-400\/50 {
  border-color: rgb(52 211 153 / 0.5);
}
.border-emerald-400\/60 {
  border-color: rgb(52 211 153 / 0.6);
}
.border-emerald-400\/70 {
  border-color: rgb(52 211 153 / 0.7);
}
.border-emerald-500 {
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129 / var(--tw-border-opacity));
}
.border-emerald-500\/10 {
  border-color: rgb(16 185 129 / 0.1);
}
.border-emerald-500\/20 {
  border-color: rgb(16 185 129 / 0.2);
}
.border-emerald-500\/25 {
  border-color: rgb(16 185 129 / 0.25);
}
.border-emerald-500\/30 {
  border-color: rgb(16 185 129 / 0.3);
}
.border-emerald-500\/35 {
  border-color: rgb(16 185 129 / 0.35);
}
.border-emerald-500\/40 {
  border-color: rgb(16 185 129 / 0.4);
}
.border-emerald-500\/50 {
  border-color: rgb(16 185 129 / 0.5);
}
.border-emerald-500\/60 {
  border-color: rgb(16 185 129 / 0.6);
}
.border-emerald-600 {
  --tw-border-opacity: 1;
  border-color: rgb(5 150 105 / var(--tw-border-opacity));
}
.border-emerald-600\/40 {
  border-color: rgb(5 150 105 / 0.4);
}
.border-emerald-600\/50 {
  border-color: rgb(5 150 105 / 0.5);
}
.border-emerald-600\/60 {
  border-color: rgb(5 150 105 / 0.6);
}
.border-emerald-700\/60 {
  border-color: rgb(4 120 87 / 0.6);
}
.border-emerald-800 {
  --tw-border-opacity: 1;
  border-color: rgb(6 95 70 / var(--tw-border-opacity));
}
.border-emerald-800\/40 {
  border-color: rgb(6 95 70 / 0.4);
}
.border-emerald-800\/50 {
  border-color: rgb(6 95 70 / 0.5);
}
.border-emerald-800\/60 {
  border-color: rgb(6 95 70 / 0.6);
}
.border-emerald-800\/80 {
  border-color: rgb(6 95 70 / 0.8);
}
.border-emerald-900 {
  --tw-border-opacity: 1;
  border-color: rgb(6 78 59 / var(--tw-border-opacity));
}
.border-emerald-900\/30 {
  border-color: rgb(6 78 59 / 0.3);
}
.border-emerald-900\/35 {
  border-color: rgb(6 78 59 / 0.35);
}
.border-emerald-900\/40 {
  border-color: rgb(6 78 59 / 0.4);
}
.border-emerald-900\/50 {
  border-color: rgb(6 78 59 / 0.5);
}
.border-emerald-900\/60 {
  border-color: rgb(6 78 59 / 0.6);
}
.border-emerald-900\/70 {
  border-color: rgb(6 78 59 / 0.7);
}
.border-emerald-950 {
  --tw-border-opacity: 1;
  border-color: rgb(2 44 34 / var(--tw-border-opacity));
}
.border-folder-back\/30 {
  border-color: hsl(var(--folder-back) / 0.3);
}
.border-folder-front\/30 {
  border-color: hsl(var(--folder-front) / 0.3);
}
.border-folder-tab\/30 {
  border-color: hsl(var(--folder-tab) / 0.3);
}
.border-foreground {
  border-color: hsl(var(--foreground));
}
.border-foreground\/10 {
  border-color: hsl(var(--foreground) / 0.1);
}
.border-foreground\/15 {
  border-color: hsl(var(--foreground) / 0.15);
}
.border-foreground\/20 {
  border-color: hsl(var(--foreground) / 0.2);
}
.border-foreground\/25 {
  border-color: hsl(var(--foreground) / 0.25);
}
.border-foreground\/30 {
  border-color: hsl(var(--foreground) / 0.3);
}
.border-foreground\/35 {
  border-color: hsl(var(--foreground) / 0.35);
}
.border-foreground\/40 {
  border-color: hsl(var(--foreground) / 0.4);
}
.border-foreground\/45 {
  border-color: hsl(var(--foreground) / 0.45);
}
.border-foreground\/50 {
  border-color: hsl(var(--foreground) / 0.5);
}
.border-foreground\/60 {
  border-color: hsl(var(--foreground) / 0.6);
}
.border-foreground\/70 {
  border-color: hsl(var(--foreground) / 0.7);
}
.border-foreground\/80 {
  border-color: hsl(var(--foreground) / 0.8);
}
.border-fuchsia-200 {
  --tw-border-opacity: 1;
  border-color: rgb(245 208 254 / var(--tw-border-opacity));
}
.border-fuchsia-200\/50 {
  border-color: rgb(245 208 254 / 0.5);
}
.border-fuchsia-400 {
  --tw-border-opacity: 1;
  border-color: rgb(232 121 249 / var(--tw-border-opacity));
}
.border-fuchsia-400\/30 {
  border-color: rgb(232 121 249 / 0.3);
}
.border-fuchsia-400\/50 {
  border-color: rgb(232 121 249 / 0.5);
}
.border-fuchsia-500 {
  --tw-border-opacity: 1;
  border-color: rgb(217 70 239 / var(--tw-border-opacity));
}
.border-fuchsia-500\/20 {
  border-color: rgb(217 70 239 / 0.2);
}
.border-fuchsia-500\/30 {
  border-color: rgb(217 70 239 / 0.3);
}
.border-fuchsia-500\/40 {
  border-color: rgb(217 70 239 / 0.4);
}
.border-fuchsia-500\/50 {
  border-color: rgb(217 70 239 / 0.5);
}
.border-fuchsia-500\/60 {
  border-color: rgb(217 70 239 / 0.6);
}
.border-fuchsia-700 {
  --tw-border-opacity: 1;
  border-color: rgb(162 28 175 / var(--tw-border-opacity));
}
.border-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity));
}
.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.border-gray-200\/60 {
  border-color: rgb(229 231 235 / 0.6);
}
.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.border-gray-400 {
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity));
}
.border-gray-400\/30 {
  border-color: rgb(156 163 175 / 0.3);
}
.border-gray-500 {
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity));
}
.border-gray-500\/20 {
  border-color: rgb(107 114 128 / 0.2);
}
.border-gray-500\/30 {
  border-color: rgb(107 114 128 / 0.3);
}
.border-gray-500\/50 {
  border-color: rgb(107 114 128 / 0.5);
}
.border-gray-600 {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity));
}
.border-gray-700 {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
}
.border-gray-700\/40 {
  border-color: rgb(55 65 81 / 0.4);
}
.border-gray-700\/50 {
  border-color: rgb(55 65 81 / 0.5);
}
.border-gray-800 {
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity));
}
.border-gray-800\/10 {
  border-color: rgb(31 41 55 / 0.1);
}
.border-gray-800\/50 {
  border-color: rgb(31 41 55 / 0.5);
}
.border-gray-900 {
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity));
}
.border-green-100 {
  --tw-border-opacity: 1;
  border-color: rgb(220 252 231 / var(--tw-border-opacity));
}
.border-green-200 {
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / var(--tw-border-opacity));
}
.border-green-300 {
  --tw-border-opacity: 1;
  border-color: rgb(134 239 172 / var(--tw-border-opacity));
}
.border-green-400 {
  --tw-border-opacity: 1;
  border-color: rgb(74 222 128 / var(--tw-border-opacity));
}
.border-green-400\/30 {
  border-color: rgb(74 222 128 / 0.3);
}
.border-green-500 {
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity));
}
.border-green-500\/20 {
  border-color: rgb(34 197 94 / 0.2);
}
.border-green-500\/30 {
  border-color: rgb(34 197 94 / 0.3);
}
.border-green-500\/50 {
  border-color: rgb(34 197 94 / 0.5);
}
.border-green-600 {
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity));
}
.border-green-600\/30 {
  border-color: rgb(22 163 74 / 0.3);
}
.border-green-700 {
  --tw-border-opacity: 1;
  border-color: rgb(21 128 61 / var(--tw-border-opacity));
}
.border-green-800 {
  --tw-border-opacity: 1;
  border-color: rgb(22 101 52 / var(--tw-border-opacity));
}
.border-green-800\/50 {
  border-color: rgb(22 101 52 / 0.5);
}
.border-green-900 {
  --tw-border-opacity: 1;
  border-color: rgb(20 83 45 / var(--tw-border-opacity));
}
.border-green-900\/50 {
  border-color: rgb(20 83 45 / 0.5);
}
.border-indigo-200 {
  --tw-border-opacity: 1;
  border-color: rgb(199 210 254 / var(--tw-border-opacity));
}
.border-indigo-400 {
  --tw-border-opacity: 1;
  border-color: rgb(129 140 248 / var(--tw-border-opacity));
}
.border-indigo-400\/40 {
  border-color: rgb(129 140 248 / 0.4);
}
.border-indigo-500 {
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity));
}
.border-indigo-500\/20 {
  border-color: rgb(99 102 241 / 0.2);
}
.border-indigo-500\/25 {
  border-color: rgb(99 102 241 / 0.25);
}
.border-indigo-500\/30 {
  border-color: rgb(99 102 241 / 0.3);
}
.border-indigo-500\/40 {
  border-color: rgb(99 102 241 / 0.4);
}
.border-indigo-500\/50 {
  border-color: rgb(99 102 241 / 0.5);
}
.border-indigo-500\/60 {
  border-color: rgb(99 102 241 / 0.6);
}
.border-indigo-500\/80 {
  border-color: rgb(99 102 241 / 0.8);
}
.border-indigo-700 {
  --tw-border-opacity: 1;
  border-color: rgb(67 56 202 / var(--tw-border-opacity));
}
.border-indigo-800\/40 {
  border-color: rgb(55 48 163 / 0.4);
}
.border-indigo-800\/50 {
  border-color: rgb(55 48 163 / 0.5);
}
.border-indigo-900 {
  --tw-border-opacity: 1;
  border-color: rgb(49 46 129 / var(--tw-border-opacity));
}
.border-indigo-900\/40 {
  border-color: rgb(49 46 129 / 0.4);
}
.border-indigo-900\/60 {
  border-color: rgb(49 46 129 / 0.6);
}
.border-inherit {
  border-color: inherit;
}
.border-input {
  border-color: hsl(var(--input));
}
.border-input\/30 {
  border-color: hsl(var(--input) / 0.3);
}
.border-lime {
  border-color: var(--aether-lime);
}
.border-muted {
  border-color: hsl(var(--muted));
}
.border-muted-foreground {
  border-color: hsl(var(--muted-foreground));
}
.border-muted-foreground\/10 {
  border-color: hsl(var(--muted-foreground) / 0.1);
}
.border-muted-foreground\/20 {
  border-color: hsl(var(--muted-foreground) / 0.2);
}
.border-muted-foreground\/25 {
  border-color: hsl(var(--muted-foreground) / 0.25);
}
.border-muted-foreground\/30 {
  border-color: hsl(var(--muted-foreground) / 0.3);
}
.border-muted-foreground\/35 {
  border-color: hsl(var(--muted-foreground) / 0.35);
}
.border-muted-foreground\/40 {
  border-color: hsl(var(--muted-foreground) / 0.4);
}
.border-muted-foreground\/45 {
  border-color: hsl(var(--muted-foreground) / 0.45);
}
.border-muted-foreground\/5 {
  border-color: hsl(var(--muted-foreground) / 0.05);
}
.border-muted-foreground\/50 {
  border-color: hsl(var(--muted-foreground) / 0.5);
}
.border-muted-foreground\/60 {
  border-color: hsl(var(--muted-foreground) / 0.6);
}
.border-muted\/50 {
  border-color: hsl(var(--muted) / 0.5);
}
.border-muted\/60 {
  border-color: hsl(var(--muted) / 0.6);
}
.border-neutral-100 {
  --tw-border-opacity: 1;
  border-color: rgb(245 245 245 / var(--tw-border-opacity));
}
.border-neutral-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 229 229 / var(--tw-border-opacity));
}
.border-neutral-200\/70 {
  border-color: rgb(229 229 229 / 0.7);
}
.border-neutral-200\/80 {
  border-color: rgb(229 229 229 / 0.8);
}
.border-neutral-300 {
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212 / var(--tw-border-opacity));
}
.border-neutral-300\/60 {
  border-color: rgb(212 212 212 / 0.6);
}
.border-neutral-400 {
  --tw-border-opacity: 1;
  border-color: rgb(163 163 163 / var(--tw-border-opacity));
}
.border-neutral-500 {
  --tw-border-opacity: 1;
  border-color: rgb(115 115 115 / var(--tw-border-opacity));
}
.border-neutral-600 {
  --tw-border-opacity: 1;
  border-color: rgb(82 82 82 / var(--tw-border-opacity));
}
.border-neutral-600\/30 {
  border-color: rgb(82 82 82 / 0.3);
}
.border-neutral-700 {
  --tw-border-opacity: 1;
  border-color: rgb(64 64 64 / var(--tw-border-opacity));
}
.border-neutral-700\/50 {
  border-color: rgb(64 64 64 / 0.5);
}
.border-neutral-700\/70 {
  border-color: rgb(64 64 64 / 0.7);
}
.border-neutral-700\/80 {
  border-color: rgb(64 64 64 / 0.8);
}
.border-neutral-800 {
  --tw-border-opacity: 1;
  border-color: rgb(38 38 38 / var(--tw-border-opacity));
}
.border-neutral-800\/40 {
  border-color: rgb(38 38 38 / 0.4);
}
.border-neutral-800\/60 {
  border-color: rgb(38 38 38 / 0.6);
}
.border-neutral-800\/80 {
  border-color: rgb(38 38 38 / 0.8);
}
.border-neutral-900 {
  --tw-border-opacity: 1;
  border-color: rgb(23 23 23 / var(--tw-border-opacity));
}
.border-neutral-900\/10 {
  border-color: rgb(23 23 23 / 0.1);
}
.border-neutral-900\/15 {
  border-color: rgb(23 23 23 / 0.15);
}
.border-neutral-950 {
  --tw-border-opacity: 1;
  border-color: rgb(10 10 10 / var(--tw-border-opacity));
}
.border-notion-blue {
  --tw-border-opacity: 1;
  border-color: rgb(35 131 226 / var(--tw-border-opacity));
}
.border-notion-blue\/20 {
  border-color: rgb(35 131 226 / 0.2);
}
.border-notion-blue\/30 {
  border-color: rgb(35 131 226 / 0.3);
}
.border-notion-blue\/50 {
  border-color: rgb(35 131 226 / 0.5);
}
.border-notion-border {
  --tw-border-opacity: 1;
  border-color: rgb(55 55 55 / var(--tw-border-opacity));
}
.border-notion-border\/30 {
  border-color: rgb(55 55 55 / 0.3);
}
.border-notion-border\/40 {
  border-color: rgb(55 55 55 / 0.4);
}
.border-notion-border\/50 {
  border-color: rgb(55 55 55 / 0.5);
}
.border-notion-border\/60 {
  border-color: rgb(55 55 55 / 0.6);
}
.border-notion-green {
  --tw-border-opacity: 1;
  border-color: rgb(46 168 115 / var(--tw-border-opacity));
}
.border-notion-green\/20 {
  border-color: rgb(46 168 115 / 0.2);
}
.border-notion-green\/30 {
  border-color: rgb(46 168 115 / 0.3);
}
.border-notion-red {
  --tw-border-opacity: 1;
  border-color: rgb(226 85 83 / var(--tw-border-opacity));
}
.border-notion-red\/20 {
  border-color: rgb(226 85 83 / 0.2);
}
.border-notion-red\/30 {
  border-color: rgb(226 85 83 / 0.3);
}
.border-notion-red\/50 {
  border-color: rgb(226 85 83 / 0.5);
}
.border-notion-yellow {
  --tw-border-opacity: 1;
  border-color: rgb(223 171 1 / var(--tw-border-opacity));
}
.border-notion-yellow\/20 {
  border-color: rgb(223 171 1 / 0.2);
}
.border-orange-100\/50 {
  border-color: rgb(255 237 213 / 0.5);
}
.border-orange-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 215 170 / var(--tw-border-opacity));
}
.border-orange-300 {
  --tw-border-opacity: 1;
  border-color: rgb(253 186 116 / var(--tw-border-opacity));
}
.border-orange-400 {
  --tw-border-opacity: 1;
  border-color: rgb(251 146 60 / var(--tw-border-opacity));
}
.border-orange-400\/30 {
  border-color: rgb(251 146 60 / 0.3);
}
.border-orange-400\/35 {
  border-color: rgb(251 146 60 / 0.35);
}
.border-orange-400\/40 {
  border-color: rgb(251 146 60 / 0.4);
}
.border-orange-400\/50 {
  border-color: rgb(251 146 60 / 0.5);
}
.border-orange-500 {
  --tw-border-opacity: 1;
  border-color: rgb(249 115 22 / var(--tw-border-opacity));
}
.border-orange-500\/20 {
  border-color: rgb(249 115 22 / 0.2);
}
.border-orange-500\/25 {
  border-color: rgb(249 115 22 / 0.25);
}
.border-orange-500\/30 {
  border-color: rgb(249 115 22 / 0.3);
}
.border-orange-500\/40 {
  border-color: rgb(249 115 22 / 0.4);
}
.border-orange-500\/50 {
  border-color: rgb(249 115 22 / 0.5);
}
.border-orange-500\/60 {
  border-color: rgb(249 115 22 / 0.6);
}
.border-orange-600 {
  --tw-border-opacity: 1;
  border-color: rgb(234 88 12 / var(--tw-border-opacity));
}
.border-orange-600\/30 {
  border-color: rgb(234 88 12 / 0.3);
}
.border-orange-600\/50 {
  border-color: rgb(234 88 12 / 0.5);
}
.border-orange-700 {
  --tw-border-opacity: 1;
  border-color: rgb(194 65 12 / var(--tw-border-opacity));
}
.border-orange-800\/50 {
  border-color: rgb(154 52 18 / 0.5);
}
.border-pink-200 {
  --tw-border-opacity: 1;
  border-color: rgb(251 207 232 / var(--tw-border-opacity));
}
.border-pink-300 {
  --tw-border-opacity: 1;
  border-color: rgb(249 168 212 / var(--tw-border-opacity));
}
.border-pink-300\/50 {
  border-color: rgb(249 168 212 / 0.5);
}
.border-pink-400 {
  --tw-border-opacity: 1;
  border-color: rgb(244 114 182 / var(--tw-border-opacity));
}
.border-pink-400\/30 {
  border-color: rgb(244 114 182 / 0.3);
}
.border-pink-500 {
  --tw-border-opacity: 1;
  border-color: rgb(236 72 153 / var(--tw-border-opacity));
}
.border-pink-500\/20 {
  border-color: rgb(236 72 153 / 0.2);
}
.border-pink-500\/30 {
  border-color: rgb(236 72 153 / 0.3);
}
.border-pink-500\/40 {
  border-color: rgb(236 72 153 / 0.4);
}
.border-pink-500\/50 {
  border-color: rgb(236 72 153 / 0.5);
}
.border-pink-500\/60 {
  border-color: rgb(236 72 153 / 0.6);
}
.border-pink-600 {
  --tw-border-opacity: 1;
  border-color: rgb(219 39 119 / var(--tw-border-opacity));
}
.border-pink-700 {
  --tw-border-opacity: 1;
  border-color: rgb(190 24 93 / var(--tw-border-opacity));
}
.border-pink-800\/50 {
  border-color: rgb(157 23 77 / 0.5);
}
.border-primary {
  border-color: hsl(var(--primary));
}
.border-primary-foreground {
  border-color: hsl(var(--primary-foreground));
}
.border-primary-foreground\/20 {
  border-color: hsl(var(--primary-foreground) / 0.2);
}
.border-primary-foreground\/40 {
  border-color: hsl(var(--primary-foreground) / 0.4);
}
.border-primary\/10 {
  border-color: hsl(var(--primary) / 0.1);
}
.border-primary\/15 {
  border-color: hsl(var(--primary) / 0.15);
}
.border-primary\/20 {
  border-color: hsl(var(--primary) / 0.2);
}
.border-primary\/25 {
  border-color: hsl(var(--primary) / 0.25);
}
.border-primary\/30 {
  border-color: hsl(var(--primary) / 0.3);
}
.border-primary\/35 {
  border-color: hsl(var(--primary) / 0.35);
}
.border-primary\/40 {
  border-color: hsl(var(--primary) / 0.4);
}
.border-primary\/45 {
  border-color: hsl(var(--primary) / 0.45);
}
.border-primary\/50 {
  border-color: hsl(var(--primary) / 0.5);
}
.border-primary\/55 {
  border-color: hsl(var(--primary) / 0.55);
}
.border-primary\/60 {
  border-color: hsl(var(--primary) / 0.6);
}
.border-primary\/70 {
  border-color: hsl(var(--primary) / 0.7);
}
.border-purple-200 {
  --tw-border-opacity: 1;
  border-color: rgb(233 213 255 / var(--tw-border-opacity));
}
.border-purple-200\/50 {
  border-color: rgb(233 213 255 / 0.5);
}
.border-purple-300 {
  --tw-border-opacity: 1;
  border-color: rgb(216 180 254 / var(--tw-border-opacity));
}
.border-purple-400\/40 {
  border-color: rgb(192 132 252 / 0.4);
}
.border-purple-500 {
  --tw-border-opacity: 1;
  border-color: rgb(168 85 247 / var(--tw-border-opacity));
}
.border-purple-500\/20 {
  border-color: rgb(168 85 247 / 0.2);
}
.border-purple-500\/30 {
  border-color: rgb(168 85 247 / 0.3);
}
.border-purple-500\/40 {
  border-color: rgb(168 85 247 / 0.4);
}
.border-purple-500\/50 {
  border-color: rgb(168 85 247 / 0.5);
}
.border-purple-500\/60 {
  border-color: rgb(168 85 247 / 0.6);
}
.border-purple-600 {
  --tw-border-opacity: 1;
  border-color: rgb(147 51 234 / var(--tw-border-opacity));
}
.border-purple-700 {
  --tw-border-opacity: 1;
  border-color: rgb(126 34 206 / var(--tw-border-opacity));
}
.border-purple-800 {
  --tw-border-opacity: 1;
  border-color: rgb(107 33 168 / var(--tw-border-opacity));
}
.border-purple-800\/50 {
  border-color: rgb(107 33 168 / 0.5);
}
.border-purple-900 {
  --tw-border-opacity: 1;
  border-color: rgb(88 28 135 / var(--tw-border-opacity));
}
.border-purple-900\/30 {
  border-color: rgb(88 28 135 / 0.3);
}
.border-red-100 {
  --tw-border-opacity: 1;
  border-color: rgb(254 226 226 / var(--tw-border-opacity));
}
.border-red-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity));
}
.border-red-300 {
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / var(--tw-border-opacity));
}
.border-red-400 {
  --tw-border-opacity: 1;
  border-color: rgb(248 113 113 / var(--tw-border-opacity));
}
.border-red-400\/20 {
  border-color: rgb(248 113 113 / 0.2);
}
.border-red-400\/30 {
  border-color: rgb(248 113 113 / 0.3);
}
.border-red-500 {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
}
.border-red-500\/20 {
  border-color: rgb(239 68 68 / 0.2);
}
.border-red-500\/25 {
  border-color: rgb(239 68 68 / 0.25);
}
.border-red-500\/30 {
  border-color: rgb(239 68 68 / 0.3);
}
.border-red-500\/35 {
  border-color: rgb(239 68 68 / 0.35);
}
.border-red-500\/40 {
  border-color: rgb(239 68 68 / 0.4);
}
.border-red-500\/50 {
  border-color: rgb(239 68 68 / 0.5);
}
.border-red-500\/60 {
  border-color: rgb(239 68 68 / 0.6);
}
.border-red-600 {
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity));
}
.border-red-600\/30 {
  border-color: rgb(220 38 38 / 0.3);
}
.border-red-700 {
  --tw-border-opacity: 1;
  border-color: rgb(185 28 28 / var(--tw-border-opacity));
}
.border-red-800 {
  --tw-border-opacity: 1;
  border-color: rgb(153 27 27 / var(--tw-border-opacity));
}
.border-red-800\/50 {
  border-color: rgb(153 27 27 / 0.5);
}
.border-red-900 {
  --tw-border-opacity: 1;
  border-color: rgb(127 29 29 / var(--tw-border-opacity));
}
.border-red-900\/20 {
  border-color: rgb(127 29 29 / 0.2);
}
.border-red-900\/30 {
  border-color: rgb(127 29 29 / 0.3);
}
.border-red-900\/50 {
  border-color: rgb(127 29 29 / 0.5);
}
.border-red-900\/60 {
  border-color: rgb(127 29 29 / 0.6);
}
.border-red-950\/40 {
  border-color: rgb(69 10 10 / 0.4);
}
.border-ring {
  border-color: hsl(var(--ring));
}
.border-ring\/40 {
  border-color: hsl(var(--ring) / 0.4);
}
.border-ring\/50 {
  border-color: hsl(var(--ring) / 0.5);
}
.border-ring\/60 {
  border-color: hsl(var(--ring) / 0.6);
}
.border-rose-100 {
  --tw-border-opacity: 1;
  border-color: rgb(255 228 230 / var(--tw-border-opacity));
}
.border-rose-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity));
}
.border-rose-300 {
  --tw-border-opacity: 1;
  border-color: rgb(253 164 175 / var(--tw-border-opacity));
}
.border-rose-300\/40 {
  border-color: rgb(253 164 175 / 0.4);
}
.border-rose-400 {
  --tw-border-opacity: 1;
  border-color: rgb(251 113 133 / var(--tw-border-opacity));
}
.border-rose-400\/30 {
  border-color: rgb(251 113 133 / 0.3);
}
.border-rose-400\/35 {
  border-color: rgb(251 113 133 / 0.35);
}
.border-rose-400\/40 {
  border-color: rgb(251 113 133 / 0.4);
}
.border-rose-400\/50 {
  border-color: rgb(251 113 133 / 0.5);
}
.border-rose-500 {
  --tw-border-opacity: 1;
  border-color: rgb(244 63 94 / var(--tw-border-opacity));
}
.border-rose-500\/20 {
  border-color: rgb(244 63 94 / 0.2);
}
.border-rose-500\/25 {
  border-color: rgb(244 63 94 / 0.25);
}
.border-rose-500\/30 {
  border-color: rgb(244 63 94 / 0.3);
}
.border-rose-500\/35 {
  border-color: rgb(244 63 94 / 0.35);
}
.border-rose-500\/40 {
  border-color: rgb(244 63 94 / 0.4);
}
.border-rose-500\/50 {
  border-color: rgb(244 63 94 / 0.5);
}
.border-rose-500\/60 {
  border-color: rgb(244 63 94 / 0.6);
}
.border-rose-600 {
  --tw-border-opacity: 1;
  border-color: rgb(225 29 72 / var(--tw-border-opacity));
}
.border-rose-700 {
  --tw-border-opacity: 1;
  border-color: rgb(190 18 60 / var(--tw-border-opacity));
}
.border-rose-900 {
  --tw-border-opacity: 1;
  border-color: rgb(136 19 55 / var(--tw-border-opacity));
}
.border-rose-900\/30 {
  border-color: rgb(136 19 55 / 0.3);
}
.border-rose-900\/50 {
  border-color: rgb(136 19 55 / 0.5);
}
.border-rose-950 {
  --tw-border-opacity: 1;
  border-color: rgb(76 5 25 / var(--tw-border-opacity));
}
.border-rose-950\/25 {
  border-color: rgb(76 5 25 / 0.25);
}
.border-rose-950\/40 {
  border-color: rgb(76 5 25 / 0.4);
}
.border-secondary {
  border-color: hsl(var(--secondary));
}
.border-secondary\/50 {
  border-color: hsl(var(--secondary) / 0.5);
}
.border-sidebar-border {
  border-color: hsl(var(--sidebar-border));
}
.border-sidebar-border\/40 {
  border-color: hsl(var(--sidebar-border) / 0.4);
}
.border-sidebar-border\/60 {
  border-color: hsl(var(--sidebar-border) / 0.6);
}
.border-sidebar-border\/70 {
  border-color: hsl(var(--sidebar-border) / 0.7);
}
.border-sidebar-border\/80 {
  border-color: hsl(var(--sidebar-border) / 0.8);
}
.border-sidebar-foreground {
  border-color: hsl(var(--sidebar-foreground));
}
.border-sidebar-foreground\/20 {
  border-color: hsl(var(--sidebar-foreground) / 0.2);
}
.border-sidebar-primary {
  border-color: hsl(var(--sidebar-primary));
}
.border-sidebar-primary\/20 {
  border-color: hsl(var(--sidebar-primary) / 0.2);
}
.border-sidebar-primary\/25 {
  border-color: hsl(var(--sidebar-primary) / 0.25);
}
.border-sidebar-primary\/30 {
  border-color: hsl(var(--sidebar-primary) / 0.3);
}
.border-sidebar-primary\/40 {
  border-color: hsl(var(--sidebar-primary) / 0.4);
}
.border-sidebar-primary\/60 {
  border-color: hsl(var(--sidebar-primary) / 0.6);
}
.border-sidebar-primary\/70 {
  border-color: hsl(var(--sidebar-primary) / 0.7);
}
.border-sky-200 {
  --tw-border-opacity: 1;
  border-color: rgb(186 230 253 / var(--tw-border-opacity));
}
.border-sky-300 {
  --tw-border-opacity: 1;
  border-color: rgb(125 211 252 / var(--tw-border-opacity));
}
.border-sky-300\/30 {
  border-color: rgb(125 211 252 / 0.3);
}
.border-sky-300\/70 {
  border-color: rgb(125 211 252 / 0.7);
}
.border-sky-300\/80 {
  border-color: rgb(125 211 252 / 0.8);
}
.border-sky-400 {
  --tw-border-opacity: 1;
  border-color: rgb(56 189 248 / var(--tw-border-opacity));
}
.border-sky-400\/20 {
  border-color: rgb(56 189 248 / 0.2);
}
.border-sky-400\/35 {
  border-color: rgb(56 189 248 / 0.35);
}
.border-sky-400\/40 {
  border-color: rgb(56 189 248 / 0.4);
}
.border-sky-400\/45 {
  border-color: rgb(56 189 248 / 0.45);
}
.border-sky-400\/50 {
  border-color: rgb(56 189 248 / 0.5);
}
.border-sky-400\/55 {
  border-color: rgb(56 189 248 / 0.55);
}
.border-sky-400\/70 {
  border-color: rgb(56 189 248 / 0.7);
}
.border-sky-400\/80 {
  border-color: rgb(56 189 248 / 0.8);
}
.border-sky-400\/90 {
  border-color: rgb(56 189 248 / 0.9);
}
.border-sky-500 {
  --tw-border-opacity: 1;
  border-color: rgb(14 165 233 / var(--tw-border-opacity));
}
.border-sky-500\/10 {
  border-color: rgb(14 165 233 / 0.1);
}
.border-sky-500\/20 {
  border-color: rgb(14 165 233 / 0.2);
}
.border-sky-500\/25 {
  border-color: rgb(14 165 233 / 0.25);
}
.border-sky-500\/30 {
  border-color: rgb(14 165 233 / 0.3);
}
.border-sky-500\/40 {
  border-color: rgb(14 165 233 / 0.4);
}
.border-sky-500\/50 {
  border-color: rgb(14 165 233 / 0.5);
}
.border-sky-500\/70 {
  border-color: rgb(14 165 233 / 0.7);
}
.border-sky-600 {
  --tw-border-opacity: 1;
  border-color: rgb(2 132 199 / var(--tw-border-opacity));
}
.border-sky-600\/20 {
  border-color: rgb(2 132 199 / 0.2);
}
.border-sky-700 {
  --tw-border-opacity: 1;
  border-color: rgb(3 105 161 / var(--tw-border-opacity));
}
.border-sky-800 {
  --tw-border-opacity: 1;
  border-color: rgb(7 89 133 / var(--tw-border-opacity));
}
.border-sky-900\/35 {
  border-color: rgb(12 74 110 / 0.35);
}
.border-sky-900\/60 {
  border-color: rgb(12 74 110 / 0.6);
}
.border-slate-100 {
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
}
.border-slate-200 {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}
.border-slate-300 {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
}
.border-slate-400\/35 {
  border-color: rgb(148 163 184 / 0.35);
}
.border-slate-400\/60 {
  border-color: rgb(148 163 184 / 0.6);
}
.border-slate-500 {
  --tw-border-opacity: 1;
  border-color: rgb(100 116 139 / var(--tw-border-opacity));
}
.border-slate-500\/20 {
  border-color: rgb(100 116 139 / 0.2);
}
.border-slate-500\/30 {
  border-color: rgb(100 116 139 / 0.3);
}
.border-slate-500\/50 {
  border-color: rgb(100 116 139 / 0.5);
}
.border-slate-600 {
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity));
}
.border-slate-700 {
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}
.border-slate-700\/40 {
  border-color: rgb(51 65 85 / 0.4);
}
.border-slate-800 {
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity));
}
.border-slate-800\/60 {
  border-color: rgb(30 41 59 / 0.6);
}
.border-slate-800\/70 {
  border-color: rgb(30 41 59 / 0.7);
}
.border-slate-800\/80 {
  border-color: rgb(30 41 59 / 0.8);
}
.border-slate-900\/50 {
  border-color: rgb(15 23 42 / 0.5);
}
.border-slate-950 {
  --tw-border-opacity: 1;
  border-color: rgb(2 6 23 / var(--tw-border-opacity));
}
.border-stone-100 {
  --tw-border-opacity: 1;
  border-color: rgb(245 245 244 / var(--tw-border-opacity));
}
.border-stone-200 {
  --tw-border-opacity: 1;
  border-color: rgb(231 229 228 / var(--tw-border-opacity));
}
.border-stone-200\/80 {
  border-color: rgb(231 229 228 / 0.8);
}
.border-stone-300 {
  --tw-border-opacity: 1;
  border-color: rgb(214 211 209 / var(--tw-border-opacity));
}
.border-stone-300\/80 {
  border-color: rgb(214 211 209 / 0.8);
}
.border-stone-500\/20 {
  border-color: rgb(120 113 108 / 0.2);
}
.border-stone-800 {
  --tw-border-opacity: 1;
  border-color: rgb(41 37 36 / var(--tw-border-opacity));
}
.border-teal-200 {
  --tw-border-opacity: 1;
  border-color: rgb(153 246 228 / var(--tw-border-opacity));
}
.border-teal-400 {
  --tw-border-opacity: 1;
  border-color: rgb(45 212 191 / var(--tw-border-opacity));
}
.border-teal-500 {
  --tw-border-opacity: 1;
  border-color: rgb(20 184 166 / var(--tw-border-opacity));
}
.border-teal-500\/15 {
  border-color: rgb(20 184 166 / 0.15);
}
.border-teal-500\/20 {
  border-color: rgb(20 184 166 / 0.2);
}
.border-teal-500\/25 {
  border-color: rgb(20 184 166 / 0.25);
}
.border-teal-500\/30 {
  border-color: rgb(20 184 166 / 0.3);
}
.border-teal-500\/50 {
  border-color: rgb(20 184 166 / 0.5);
}
.border-teal-500\/60 {
  border-color: rgb(20 184 166 / 0.6);
}
.border-teal-600 {
  --tw-border-opacity: 1;
  border-color: rgb(13 148 136 / var(--tw-border-opacity));
}
.border-teal-600\/40 {
  border-color: rgb(13 148 136 / 0.4);
}
.border-teal-700 {
  --tw-border-opacity: 1;
  border-color: rgb(15 118 110 / var(--tw-border-opacity));
}
.border-teal-700\/30 {
  border-color: rgb(15 118 110 / 0.3);
}
.border-teal-700\/40 {
  border-color: rgb(15 118 110 / 0.4);
}
.border-teal-700\/50 {
  border-color: rgb(15 118 110 / 0.5);
}
.border-teal-800 {
  --tw-border-opacity: 1;
  border-color: rgb(17 94 89 / var(--tw-border-opacity));
}
.border-teal-800\/30 {
  border-color: rgb(17 94 89 / 0.3);
}
.border-teal-800\/40 {
  border-color: rgb(17 94 89 / 0.4);
}
.border-teal-800\/50 {
  border-color: rgb(17 94 89 / 0.5);
}
.border-teal-900 {
  --tw-border-opacity: 1;
  border-color: rgb(19 78 74 / var(--tw-border-opacity));
}
.border-teal-900\/30 {
  border-color: rgb(19 78 74 / 0.3);
}
.border-teal-900\/40 {
  border-color: rgb(19 78 74 / 0.4);
}
.border-teal-900\/60 {
  border-color: rgb(19 78 74 / 0.6);
}
.border-transparent {
  border-color: transparent;
}
.border-violet-200 {
  --tw-border-opacity: 1;
  border-color: rgb(221 214 254 / var(--tw-border-opacity));
}
.border-violet-300 {
  --tw-border-opacity: 1;
  border-color: rgb(196 181 253 / var(--tw-border-opacity));
}
.border-violet-400 {
  --tw-border-opacity: 1;
  border-color: rgb(167 139 250 / var(--tw-border-opacity));
}
.border-violet-400\/30 {
  border-color: rgb(167 139 250 / 0.3);
}
.border-violet-400\/35 {
  border-color: rgb(167 139 250 / 0.35);
}
.border-violet-400\/40 {
  border-color: rgb(167 139 250 / 0.4);
}
.border-violet-400\/50 {
  border-color: rgb(167 139 250 / 0.5);
}
.border-violet-400\/80 {
  border-color: rgb(167 139 250 / 0.8);
}
.border-violet-500 {
  --tw-border-opacity: 1;
  border-color: rgb(139 92 246 / var(--tw-border-opacity));
}
.border-violet-500\/15 {
  border-color: rgb(139 92 246 / 0.15);
}
.border-violet-500\/20 {
  border-color: rgb(139 92 246 / 0.2);
}
.border-violet-500\/25 {
  border-color: rgb(139 92 246 / 0.25);
}
.border-violet-500\/30 {
  border-color: rgb(139 92 246 / 0.3);
}
.border-violet-500\/40 {
  border-color: rgb(139 92 246 / 0.4);
}
.border-violet-500\/50 {
  border-color: rgb(139 92 246 / 0.5);
}
.border-violet-500\/70 {
  border-color: rgb(139 92 246 / 0.7);
}
.border-violet-600\/20 {
  border-color: rgb(124 58 237 / 0.2);
}
.border-violet-700 {
  --tw-border-opacity: 1;
  border-color: rgb(109 40 217 / var(--tw-border-opacity));
}
.border-violet-900\/50 {
  border-color: rgb(76 29 149 / 0.5);
}
.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-white\/10 {
  border-color: rgb(255 255 255 / 0.1);
}
.border-white\/15 {
  border-color: rgb(255 255 255 / 0.15);
}
.border-white\/20 {
  border-color: rgb(255 255 255 / 0.2);
}
.border-white\/25 {
  border-color: rgb(255 255 255 / 0.25);
}
.border-white\/30 {
  border-color: rgb(255 255 255 / 0.3);
}
.border-white\/35 {
  border-color: rgb(255 255 255 / 0.35);
}
.border-white\/40 {
  border-color: rgb(255 255 255 / 0.4);
}
.border-white\/45 {
  border-color: rgb(255 255 255 / 0.45);
}
.border-white\/5 {
  border-color: rgb(255 255 255 / 0.05);
}
.border-white\/50 {
  border-color: rgb(255 255 255 / 0.5);
}
.border-white\/55 {
  border-color: rgb(255 255 255 / 0.55);
}
.border-white\/60 {
  border-color: rgb(255 255 255 / 0.6);
}
.border-white\/70 {
  border-color: rgb(255 255 255 / 0.7);
}
.border-white\/80 {
  border-color: rgb(255 255 255 / 0.8);
}
.border-white\/\[0\.04\] {
  border-color: rgb(255 255 255 / 0.04);
}
.border-white\/\[0\.05\] {
  border-color: rgb(255 255 255 / 0.05);
}
.border-white\/\[0\.06\] {
  border-color: rgb(255 255 255 / 0.06);
}
.border-white\/\[0\.07\] {
  border-color: rgb(255 255 255 / 0.07);
}
.border-white\/\[0\.08\] {
  border-color: rgb(255 255 255 / 0.08);
}
.border-white\/\[0\.10\] {
  border-color: rgb(255 255 255 / 0.10);
}
.border-white\/\[0\.12\] {
  border-color: rgb(255 255 255 / 0.12);
}
.border-white\/\[0\.14\] {
  border-color: rgb(255 255 255 / 0.14);
}
.border-white\/\[0\.1\] {
  border-color: rgb(255 255 255 / 0.1);
}
.border-workflow-border {
  border-color: hsl(var(--workflow-border));
}
.border-workflow-border-subtle {
  border-color: hsl(var(--workflow-border-subtle));
}
.border-workflow-border\/50 {
  border-color: hsl(var(--workflow-border) / 0.5);
}
.border-workflow-border\/70 {
  border-color: hsl(var(--workflow-border) / 0.7);
}
.border-yellow-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 240 138 / var(--tw-border-opacity));
}
.border-yellow-300 {
  --tw-border-opacity: 1;
  border-color: rgb(253 224 71 / var(--tw-border-opacity));
}
.border-yellow-300\/20 {
  border-color: rgb(253 224 71 / 0.2);
}
.border-yellow-300\/50 {
  border-color: rgb(253 224 71 / 0.5);
}
.border-yellow-400 {
  --tw-border-opacity: 1;
  border-color: rgb(250 204 21 / var(--tw-border-opacity));
}
.border-yellow-400\/30 {
  border-color: rgb(250 204 21 / 0.3);
}
.border-yellow-400\/60 {
  border-color: rgb(250 204 21 / 0.6);
}
.border-yellow-500 {
  --tw-border-opacity: 1;
  border-color: rgb(234 179 8 / var(--tw-border-opacity));
}
.border-yellow-500\/20 {
  border-color: rgb(234 179 8 / 0.2);
}
.border-yellow-500\/30 {
  border-color: rgb(234 179 8 / 0.3);
}
.border-yellow-500\/40 {
  border-color: rgb(234 179 8 / 0.4);
}
.border-yellow-500\/50 {
  border-color: rgb(234 179 8 / 0.5);
}
.border-yellow-500\/60 {
  border-color: rgb(234 179 8 / 0.6);
}
.border-yellow-600 {
  --tw-border-opacity: 1;
  border-color: rgb(202 138 4 / var(--tw-border-opacity));
}
.border-yellow-700 {
  --tw-border-opacity: 1;
  border-color: rgb(161 98 7 / var(--tw-border-opacity));
}
.border-yellow-800 {
  --tw-border-opacity: 1;
  border-color: rgb(133 77 14 / var(--tw-border-opacity));
}
.border-yellow-800\/50 {
  border-color: rgb(133 77 14 / 0.5);
}
.border-yellow-900\/50 {
  border-color: rgb(113 63 18 / 0.5);
}
.border-zinc-100 {
  --tw-border-opacity: 1;
  border-color: rgb(244 244 245 / var(--tw-border-opacity));
}
.border-zinc-200 {
  --tw-border-opacity: 1;
  border-color: rgb(228 228 231 / var(--tw-border-opacity));
}
.border-zinc-200\/50 {
  border-color: rgb(228 228 231 / 0.5);
}
.border-zinc-200\/60 {
  border-color: rgb(228 228 231 / 0.6);
}
.border-zinc-300 {
  --tw-border-opacity: 1;
  border-color: rgb(212 212 216 / var(--tw-border-opacity));
}
.border-zinc-400 {
  --tw-border-opacity: 1;
  border-color: rgb(161 161 170 / var(--tw-border-opacity));
}
.border-zinc-400\/30 {
  border-color: rgb(161 161 170 / 0.3);
}
.border-zinc-500 {
  --tw-border-opacity: 1;
  border-color: rgb(113 113 122 / var(--tw-border-opacity));
}
.border-zinc-500\/20 {
  border-color: rgb(113 113 122 / 0.2);
}
.border-zinc-500\/50 {
  border-color: rgb(113 113 122 / 0.5);
}
.border-zinc-500\/60 {
  border-color: rgb(113 113 122 / 0.6);
}
.border-zinc-600 {
  --tw-border-opacity: 1;
  border-color: rgb(82 82 91 / var(--tw-border-opacity));
}
.border-zinc-600\/30 {
  border-color: rgb(82 82 91 / 0.3);
}
.border-zinc-600\/50 {
  border-color: rgb(82 82 91 / 0.5);
}
.border-zinc-600\/60 {
  border-color: rgb(82 82 91 / 0.6);
}
.border-zinc-700 {
  --tw-border-opacity: 1;
  border-color: rgb(63 63 70 / var(--tw-border-opacity));
}
.border-zinc-700\/30 {
  border-color: rgb(63 63 70 / 0.3);
}
.border-zinc-700\/40 {
  border-color: rgb(63 63 70 / 0.4);
}
.border-zinc-700\/50 {
  border-color: rgb(63 63 70 / 0.5);
}
.border-zinc-800 {
  --tw-border-opacity: 1;
  border-color: rgb(39 39 42 / var(--tw-border-opacity));
}
.border-zinc-800\/20 {
  border-color: rgb(39 39 42 / 0.2);
}
.border-zinc-800\/40 {
  border-color: rgb(39 39 42 / 0.4);
}
.border-zinc-800\/50 {
  border-color: rgb(39 39 42 / 0.5);
}
.border-zinc-800\/60 {
  border-color: rgb(39 39 42 / 0.6);
}
.border-zinc-800\/70 {
  border-color: rgb(39 39 42 / 0.7);
}
.border-zinc-800\/80 {
  border-color: rgb(39 39 42 / 0.8);
}
.border-zinc-900 {
  --tw-border-opacity: 1;
  border-color: rgb(24 24 27 / var(--tw-border-opacity));
}
.border-zinc-900\/40 {
  border-color: rgb(24 24 27 / 0.4);
}
.border-zinc-900\/60 {
  border-color: rgb(24 24 27 / 0.6);
}
.border-zinc-900\/90 {
  border-color: rgb(24 24 27 / 0.9);
}
.border-zinc-950\/40 {
  border-color: rgb(9 9 11 / 0.4);
}
.border-y-transparent {
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.border-b-\[\#2A2A2A\] {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(42 42 42 / var(--tw-border-opacity));
}
.border-b-\[\#5c5c5c\] {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(92 92 92 / var(--tw-border-opacity));
}
.border-b-\[\#808080\] {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(128 128 128 / var(--tw-border-opacity));
}
.border-b-\[color-mix\(in_srgb\2c var\(--foreground\)_18\%\2c var\(--card\)\)\] {
  border-bottom-color: color-mix(in srgb,var(--foreground) 18%,var(--card));
}
.border-b-\[color-mix\(in_srgb\2c var\(--foreground\)_22\%\2c var\(--card\)\)\] {
  border-bottom-color: color-mix(in srgb,var(--foreground) 22%,var(--card));
}
.border-b-background {
  border-bottom-color: hsl(var(--background));
}
.border-b-black {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.border-b-black\/20 {
  border-bottom-color: rgb(0 0 0 / 0.2);
}
.border-b-border {
  border-bottom-color: hsl(var(--border));
}
.border-b-border\/50 {
  border-bottom-color: hsl(var(--border) / 0.5);
}
.border-b-destructive {
  border-bottom-color: hsl(var(--destructive));
}
.border-b-foreground {
  border-bottom-color: hsl(var(--foreground));
}
.border-b-foreground\/35 {
  border-bottom-color: hsl(var(--foreground) / 0.35);
}
.border-b-foreground\/50 {
  border-bottom-color: hsl(var(--foreground) / 0.5);
}
.border-b-neutral-500 {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(115 115 115 / var(--tw-border-opacity));
}
.border-b-neutral-600 {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(82 82 82 / var(--tw-border-opacity));
}
.border-b-primary {
  border-bottom-color: hsl(var(--primary));
}
.border-b-primary\/50 {
  border-bottom-color: hsl(var(--primary) / 0.5);
}
.border-b-sidebar-foreground\/50 {
  border-bottom-color: hsl(var(--sidebar-foreground) / 0.5);
}
.border-b-transparent {
  border-bottom-color: transparent;
}
.border-b-white {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-b-white\/25 {
  border-bottom-color: rgb(255 255 255 / 0.25);
}
.border-b-white\/\[0\.08\] {
  border-bottom-color: rgb(255 255 255 / 0.08);
}
.border-b-zinc-400 {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(161 161 170 / var(--tw-border-opacity));
}
.border-b-zinc-600 {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(82 82 91 / var(--tw-border-opacity));
}
.border-l-\[\#10a37f\] {
  --tw-border-opacity: 1;
  border-left-color: rgb(16 163 127 / var(--tw-border-opacity));
}
.border-l-\[\#3a3aff\] {
  --tw-border-opacity: 1;
  border-left-color: rgb(58 58 255 / var(--tw-border-opacity));
}
.border-l-\[\#5c5c5c\] {
  --tw-border-opacity: 1;
  border-left-color: rgb(92 92 92 / var(--tw-border-opacity));
}
.border-l-\[\#666\] {
  --tw-border-opacity: 1;
  border-left-color: rgb(102 102 102 / var(--tw-border-opacity));
}
.border-l-\[\#808080\] {
  --tw-border-opacity: 1;
  border-left-color: rgb(128 128 128 / var(--tw-border-opacity));
}
.border-l-\[\#FF6B00\] {
  --tw-border-opacity: 1;
  border-left-color: rgb(255 107 0 / var(--tw-border-opacity));
}
.border-l-\[color-mix\(in_srgb\2c var\(--foreground\)_28\%\2c var\(--card\)\)\] {
  border-left-color: color-mix(in srgb,var(--foreground) 28%,var(--card));
}
.border-l-\[color-mix\(in_srgb\2c var\(--foreground\)_70\%\2c var\(--card\)\)\] {
  border-left-color: color-mix(in srgb,var(--foreground) 70%,var(--card));
}
.border-l-\[var\(--color-foreground\)\] {
  border-left-color: var(--color-foreground);
}
.border-l-accent-foreground\/40 {
  border-left-color: hsl(var(--accent-foreground) / 0.4);
}
.border-l-amber-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(245 158 11 / var(--tw-border-opacity));
}
.border-l-amber-600 {
  --tw-border-opacity: 1;
  border-left-color: rgb(217 119 6 / var(--tw-border-opacity));
}
.border-l-black {
  --tw-border-opacity: 1;
  border-left-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.border-l-blue-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(59 130 246 / var(--tw-border-opacity));
}
.border-l-cyan-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(6 182 212 / var(--tw-border-opacity));
}
.border-l-emerald-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(16 185 129 / var(--tw-border-opacity));
}
.border-l-foreground {
  border-left-color: hsl(var(--foreground));
}
.border-l-foreground\/40 {
  border-left-color: hsl(var(--foreground) / 0.4);
}
.border-l-green-400\/60 {
  border-left-color: rgb(74 222 128 / 0.6);
}
.border-l-indigo-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(99 102 241 / var(--tw-border-opacity));
}
.border-l-muted-foreground {
  border-left-color: hsl(var(--muted-foreground));
}
.border-l-muted-foreground\/30 {
  border-left-color: hsl(var(--muted-foreground) / 0.3);
}
.border-l-muted-foreground\/60 {
  border-left-color: hsl(var(--muted-foreground) / 0.6);
}
.border-l-neutral-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(115 115 115 / var(--tw-border-opacity));
}
.border-l-orange-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(249 115 22 / var(--tw-border-opacity));
}
.border-l-pink-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(236 72 153 / var(--tw-border-opacity));
}
.border-l-primary {
  border-left-color: hsl(var(--primary));
}
.border-l-primary\/50 {
  border-left-color: hsl(var(--primary) / 0.5);
}
.border-l-primary\/60 {
  border-left-color: hsl(var(--primary) / 0.6);
}
.border-l-purple-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(168 85 247 / var(--tw-border-opacity));
}
.border-l-red-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(239 68 68 / var(--tw-border-opacity));
}
.border-l-ring\/60 {
  border-left-color: hsl(var(--ring) / 0.6);
}
.border-l-rose-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(244 63 94 / var(--tw-border-opacity));
}
.border-l-sky-400\/70 {
  border-left-color: rgb(56 189 248 / 0.7);
}
.border-l-slate-400 {
  --tw-border-opacity: 1;
  border-left-color: rgb(148 163 184 / var(--tw-border-opacity));
}
.border-l-teal-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(20 184 166 / var(--tw-border-opacity));
}
.border-l-transparent {
  border-left-color: transparent;
}
.border-l-white {
  --tw-border-opacity: 1;
  border-left-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-l-white\/90 {
  border-left-color: rgb(255 255 255 / 0.9);
}
.border-l-yellow-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(234 179 8 / var(--tw-border-opacity));
}
.border-l-zinc-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(113 113 122 / var(--tw-border-opacity));
}
.border-r-\[\#5c5c5c\] {
  --tw-border-opacity: 1;
  border-right-color: rgb(92 92 92 / var(--tw-border-opacity));
}
.border-r-\[\#808080\] {
  --tw-border-opacity: 1;
  border-right-color: rgb(128 128 128 / var(--tw-border-opacity));
}
.border-r-black {
  --tw-border-opacity: 1;
  border-right-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.border-r-border {
  border-right-color: hsl(var(--border));
}
.border-r-foreground {
  border-right-color: hsl(var(--foreground));
}
.border-r-foreground\/20 {
  border-right-color: hsl(var(--foreground) / 0.2);
}
.border-r-muted-foreground {
  border-right-color: hsl(var(--muted-foreground));
}
.border-r-neutral-500 {
  --tw-border-opacity: 1;
  border-right-color: rgb(115 115 115 / var(--tw-border-opacity));
}
.border-r-neutral-600 {
  --tw-border-opacity: 1;
  border-right-color: rgb(82 82 82 / var(--tw-border-opacity));
}
.border-r-transparent {
  border-right-color: transparent;
}
.border-r-white {
  --tw-border-opacity: 1;
  border-right-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-r-zinc-600 {
  --tw-border-opacity: 1;
  border-right-color: rgb(82 82 91 / var(--tw-border-opacity));
}
.border-s-destructive {
  border-inline-start-color: hsl(var(--destructive));
}
.border-s-primary {
  border-inline-start-color: hsl(var(--primary));
}
.border-t-\[\#3a3a3a\] {
  --tw-border-opacity: 1;
  border-top-color: rgb(58 58 58 / var(--tw-border-opacity));
}
.border-t-\[\#3a3aff\] {
  --tw-border-opacity: 1;
  border-top-color: rgb(58 58 255 / var(--tw-border-opacity));
}
.border-t-\[\#5c5c5c\] {
  --tw-border-opacity: 1;
  border-top-color: rgb(92 92 92 / var(--tw-border-opacity));
}
.border-t-\[\#666\] {
  --tw-border-opacity: 1;
  border-top-color: rgb(102 102 102 / var(--tw-border-opacity));
}
.border-t-\[\#808080\] {
  --tw-border-opacity: 1;
  border-top-color: rgb(128 128 128 / var(--tw-border-opacity));
}
.border-t-\[\#d9ccb8\] {
  --tw-border-opacity: 1;
  border-top-color: rgb(217 204 184 / var(--tw-border-opacity));
}
.border-t-\[color-mix\(in_srgb\2c var\(--foreground\)_16\%\2c var\(--card\)\)\] {
  border-top-color: color-mix(in srgb,var(--foreground) 16%,var(--card));
}
.border-t-\[var\(--nle-playhead\)\] {
  border-top-color: var(--nle-playhead);
}
.border-t-accent {
  border-top-color: hsl(var(--accent));
}
.border-t-amber-400 {
  --tw-border-opacity: 1;
  border-top-color: rgb(251 191 36 / var(--tw-border-opacity));
}
.border-t-amber-500 {
  --tw-border-opacity: 1;
  border-top-color: rgb(245 158 11 / var(--tw-border-opacity));
}
.border-t-black {
  --tw-border-opacity: 1;
  border-top-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.border-t-blue-500 {
  --tw-border-opacity: 1;
  border-top-color: rgb(59 130 246 / var(--tw-border-opacity));
}
.border-t-border {
  border-top-color: hsl(var(--border));
}
.border-t-foreground {
  border-top-color: hsl(var(--foreground));
}
.border-t-foreground\/50 {
  border-top-color: hsl(var(--foreground) / 0.5);
}
.border-t-green-500 {
  --tw-border-opacity: 1;
  border-top-color: rgb(34 197 94 / var(--tw-border-opacity));
}
.border-t-muted-foreground {
  border-top-color: hsl(var(--muted-foreground));
}
.border-t-muted-foreground\/70 {
  border-top-color: hsl(var(--muted-foreground) / 0.7);
}
.border-t-neutral-500 {
  --tw-border-opacity: 1;
  border-top-color: rgb(115 115 115 / var(--tw-border-opacity));
}
.border-t-primary {
  border-top-color: hsl(var(--primary));
}
.border-t-transparent {
  border-top-color: transparent;
}
.border-t-white {
  --tw-border-opacity: 1;
  border-top-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-t-zinc-500 {
  --tw-border-opacity: 1;
  border-top-color: rgb(113 113 122 / var(--tw-border-opacity));
}
.border-opacity-60 {
  --tw-border-opacity: 0.6;
}
.\!bg-\[\#2d2d2d\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(45 45 45 / var(--tw-bg-opacity)) !important;
}
.\!bg-\[\#4a4a4a\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(74 74 74 / var(--tw-bg-opacity)) !important;
}
.\!bg-\[\#666\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(102 102 102 / var(--tw-bg-opacity)) !important;
}
.\!bg-\[hsl\(var\(--muted-foreground\)\)\] {
  background-color: hsl(var(--muted-foreground)) !important;
}
.\!bg-accent {
  background-color: hsl(var(--accent)) !important;
}
.\!bg-amber-400 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(251 191 36 / var(--tw-bg-opacity)) !important;
}
.\!bg-amber-500 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity)) !important;
}
.\!bg-background {
  background-color: hsl(var(--background)) !important;
}
.\!bg-blue-500 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity)) !important;
}
.\!bg-card {
  background-color: hsl(var(--card)) !important;
}
.\!bg-card\/90 {
  background-color: hsl(var(--card) / 0.9) !important;
}
.\!bg-cyan-500 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(6 182 212 / var(--tw-bg-opacity)) !important;
}
.\!bg-emerald-500 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity)) !important;
}
.\!bg-foreground {
  background-color: hsl(var(--foreground)) !important;
}
.\!bg-foreground\/30 {
  background-color: hsl(var(--foreground) / 0.3) !important;
}
.\!bg-indigo-500 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity)) !important;
}
.\!bg-muted {
  background-color: hsl(var(--muted)) !important;
}
.\!bg-muted-foreground {
  background-color: hsl(var(--muted-foreground)) !important;
}
.\!bg-muted-foreground\/30 {
  background-color: hsl(var(--muted-foreground) / 0.3) !important;
}
.\!bg-muted-foreground\/40 {
  background-color: hsl(var(--muted-foreground) / 0.4) !important;
}
.\!bg-muted-foreground\/50 {
  background-color: hsl(var(--muted-foreground) / 0.5) !important;
}
.\!bg-muted\/40 {
  background-color: hsl(var(--muted) / 0.4) !important;
}
.\!bg-neutral-500 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(115 115 115 / var(--tw-bg-opacity)) !important;
}
.\!bg-orange-500 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity)) !important;
}
.\!bg-primary {
  background-color: hsl(var(--primary)) !important;
}
.\!bg-primary-foreground {
  background-color: hsl(var(--primary-foreground)) !important;
}
.\!bg-primary\/20 {
  background-color: hsl(var(--primary) / 0.2) !important;
}
.\!bg-red-500 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity)) !important;
}
.\!bg-rose-500 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(244 63 94 / var(--tw-bg-opacity)) !important;
}
.\!bg-transparent {
  background-color: transparent !important;
}
.\!bg-white {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
.\!bg-white\/5 {
  background-color: rgb(255 255 255 / 0.05) !important;
}
.\!bg-workflow-handle {
  background-color: hsl(var(--workflow-handle)) !important;
}
.\!bg-yellow-500 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity)) !important;
}
.bg-\[\#000080\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 128 / var(--tw-bg-opacity));
}
.bg-\[\#000\]\/60 {
  background-color: rgb(0 0 0 / 0.6);
}
.bg-\[\#001428\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 20 40 / var(--tw-bg-opacity));
}
.bg-\[\#0055aa\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 85 170 / var(--tw-bg-opacity));
}
.bg-\[\#005c4b\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 92 75 / var(--tw-bg-opacity));
}
.bg-\[\#005f87\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 95 135 / var(--tw-bg-opacity));
}
.bg-\[\#0077B5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 119 181 / var(--tw-bg-opacity));
}
.bg-\[\#0078d4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 120 212 / var(--tw-bg-opacity));
}
.bg-\[\#0078d7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 120 215 / var(--tw-bg-opacity));
}
.bg-\[\#007AFF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 122 255 / var(--tw-bg-opacity));
}
.bg-\[\#007acc\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 122 204 / var(--tw-bg-opacity));
}
.bg-\[\#00AB6C\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 171 108 / var(--tw-bg-opacity));
}
.bg-\[\#00a884\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 168 132 / var(--tw-bg-opacity));
}
.bg-\[\#00a9e5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 169 229 / var(--tw-bg-opacity));
}
.bg-\[\#00a9e5\]\/20 {
  background-color: rgb(0 169 229 / 0.2);
}
.bg-\[\#00ff41\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 255 65 / var(--tw-bg-opacity));
}
.bg-\[\#010101\] {
  --tw-bg-opacity: 1;
  background-color: rgb(1 1 1 / var(--tw-bg-opacity));
}
.bg-\[\#010103\] {
  --tw-bg-opacity: 1;
  background-color: rgb(1 1 3 / var(--tw-bg-opacity));
}
.bg-\[\#02080a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(2 8 10 / var(--tw-bg-opacity));
}
.bg-\[\#030303\] {
  --tw-bg-opacity: 1;
  background-color: rgb(3 3 3 / var(--tw-bg-opacity));
}
.bg-\[\#030508\] {
  --tw-bg-opacity: 1;
  background-color: rgb(3 5 8 / var(--tw-bg-opacity));
}
.bg-\[\#03140c\] {
  --tw-bg-opacity: 1;
  background-color: rgb(3 20 12 / var(--tw-bg-opacity));
}
.bg-\[\#050505\] {
  --tw-bg-opacity: 1;
  background-color: rgb(5 5 5 / var(--tw-bg-opacity));
}
.bg-\[\#050507\] {
  --tw-bg-opacity: 1;
  background-color: rgb(5 5 7 / var(--tw-bg-opacity));
}
.bg-\[\#05060a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(5 6 10 / var(--tw-bg-opacity));
}
.bg-\[\#05070a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(5 7 10 / var(--tw-bg-opacity));
}
.bg-\[\#059669\] {
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity));
}
.bg-\[\#070707\]\/30 {
  background-color: rgb(7 7 7 / 0.3);
}
.bg-\[\#070910\]\/90 {
  background-color: rgb(7 9 16 / 0.9);
}
.bg-\[\#070b12\] {
  --tw-bg-opacity: 1;
  background-color: rgb(7 11 18 / var(--tw-bg-opacity));
}
.bg-\[\#080a12\]\/20 {
  background-color: rgb(8 10 18 / 0.2);
}
.bg-\[\#080a12\]\/30 {
  background-color: rgb(8 10 18 / 0.3);
}
.bg-\[\#080b16\] {
  --tw-bg-opacity: 1;
  background-color: rgb(8 11 22 / var(--tw-bg-opacity));
}
.bg-\[\#0A0A0A\] {
  --tw-bg-opacity: 1;
  background-color: rgb(10 10 10 / var(--tw-bg-opacity));
}
.bg-\[\#0B0B0B\] {
  --tw-bg-opacity: 1;
  background-color: rgb(11 11 11 / var(--tw-bg-opacity));
}
.bg-\[\#0B0B0D\] {
  --tw-bg-opacity: 1;
  background-color: rgb(11 11 13 / var(--tw-bg-opacity));
}
.bg-\[\#0D0D0D\] {
  --tw-bg-opacity: 1;
  background-color: rgb(13 13 13 / var(--tw-bg-opacity));
}
.bg-\[\#0D0D0D\]\/30 {
  background-color: rgb(13 13 13 / 0.3);
}
.bg-\[\#0D0D0D\]\/95 {
  background-color: rgb(13 13 13 / 0.95);
}
.bg-\[\#0E0E0E\] {
  --tw-bg-opacity: 1;
  background-color: rgb(14 14 14 / var(--tw-bg-opacity));
}
.bg-\[\#0E0E0E\]\/30 {
  background-color: rgb(14 14 14 / 0.3);
}
.bg-\[\#0E0E0E\]\/50 {
  background-color: rgb(14 14 14 / 0.5);
}
.bg-\[\#0F0F0F\] {
  --tw-bg-opacity: 1;
  background-color: rgb(15 15 15 / var(--tw-bg-opacity));
}
.bg-\[\#0a0812\] {
  --tw-bg-opacity: 1;
  background-color: rgb(10 8 18 / var(--tw-bg-opacity));
}
.bg-\[\#0a0a0a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(10 10 10 / var(--tw-bg-opacity));
}
.bg-\[\#0a0a0a\]\/95 {
  background-color: rgb(10 10 10 / 0.95);
}
.bg-\[\#0a0a0b\] {
  --tw-bg-opacity: 1;
  background-color: rgb(10 10 11 / var(--tw-bg-opacity));
}
.bg-\[\#0a0a0b\]\/95 {
  background-color: rgb(10 10 11 / 0.95);
}
.bg-\[\#0a0a0c\] {
  --tw-bg-opacity: 1;
  background-color: rgb(10 10 12 / var(--tw-bg-opacity));
}
.bg-\[\#0a0a0c\]\/95 {
  background-color: rgb(10 10 12 / 0.95);
}
.bg-\[\#0a0a14\] {
  --tw-bg-opacity: 1;
  background-color: rgb(10 10 20 / var(--tw-bg-opacity));
}
.bg-\[\#0a0f14\] {
  --tw-bg-opacity: 1;
  background-color: rgb(10 15 20 / var(--tw-bg-opacity));
}
.bg-\[\#0a0f18\]\/80 {
  background-color: rgb(10 15 24 / 0.8);
}
.bg-\[\#0a0f1a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(10 15 26 / var(--tw-bg-opacity));
}
.bg-\[\#0a101b\]\/85 {
  background-color: rgb(10 16 27 / 0.85);
}
.bg-\[\#0a1525\] {
  --tw-bg-opacity: 1;
  background-color: rgb(10 21 37 / var(--tw-bg-opacity));
}
.bg-\[\#0a1628\] {
  --tw-bg-opacity: 1;
  background-color: rgb(10 22 40 / var(--tw-bg-opacity));
}
.bg-\[\#0a192f\] {
  --tw-bg-opacity: 1;
  background-color: rgb(10 25 47 / var(--tw-bg-opacity));
}
.bg-\[\#0a1a2a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(10 26 42 / var(--tw-bg-opacity));
}
.bg-\[\#0a84ff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(10 132 255 / var(--tw-bg-opacity));
}
.bg-\[\#0a84ff\]\/10 {
  background-color: rgb(10 132 255 / 0.1);
}
.bg-\[\#0a84ff\]\/15 {
  background-color: rgb(10 132 255 / 0.15);
}
.bg-\[\#0a84ff\]\/20 {
  background-color: rgb(10 132 255 / 0.2);
}
.bg-\[\#0a84ff\]\/35 {
  background-color: rgb(10 132 255 / 0.35);
}
.bg-\[\#0a84ff\]\/40 {
  background-color: rgb(10 132 255 / 0.4);
}
.bg-\[\#0b0b0b\] {
  --tw-bg-opacity: 1;
  background-color: rgb(11 11 11 / var(--tw-bg-opacity));
}
.bg-\[\#0b0c0e\] {
  --tw-bg-opacity: 1;
  background-color: rgb(11 12 14 / var(--tw-bg-opacity));
}
.bg-\[\#0b0d0f\] {
  --tw-bg-opacity: 1;
  background-color: rgb(11 13 15 / var(--tw-bg-opacity));
}
.bg-\[\#0b0d12\] {
  --tw-bg-opacity: 1;
  background-color: rgb(11 13 18 / var(--tw-bg-opacity));
}
.bg-\[\#0b1220\] {
  --tw-bg-opacity: 1;
  background-color: rgb(11 18 32 / var(--tw-bg-opacity));
}
.bg-\[\#0b1322\]\/65 {
  background-color: rgb(11 19 34 / 0.65);
}
.bg-\[\#0b141a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(11 20 26 / var(--tw-bg-opacity));
}
.bg-\[\#0c0c0c\] {
  --tw-bg-opacity: 1;
  background-color: rgb(12 12 12 / var(--tw-bg-opacity));
}
.bg-\[\#0c0c0d\] {
  --tw-bg-opacity: 1;
  background-color: rgb(12 12 13 / var(--tw-bg-opacity));
}
.bg-\[\#0c0c0e\] {
  --tw-bg-opacity: 1;
  background-color: rgb(12 12 14 / var(--tw-bg-opacity));
}
.bg-\[\#0c0d10\] {
  --tw-bg-opacity: 1;
  background-color: rgb(12 13 16 / var(--tw-bg-opacity));
}
.bg-\[\#0c0f14\] {
  --tw-bg-opacity: 1;
  background-color: rgb(12 15 20 / var(--tw-bg-opacity));
}
.bg-\[\#0c1015\] {
  --tw-bg-opacity: 1;
  background-color: rgb(12 16 21 / var(--tw-bg-opacity));
}
.bg-\[\#0c1018\]\/60 {
  background-color: rgb(12 16 24 / 0.6);
}
.bg-\[\#0c1018\]\/90 {
  background-color: rgb(12 16 24 / 0.9);
}
.bg-\[\#0c1320\]\/45 {
  background-color: rgb(12 19 32 / 0.45);
}
.bg-\[\#0c1320\]\/55 {
  background-color: rgb(12 19 32 / 0.55);
}
.bg-\[\#0c1320\]\/60 {
  background-color: rgb(12 19 32 / 0.6);
}
.bg-\[\#0c1320\]\/70 {
  background-color: rgb(12 19 32 / 0.7);
}
.bg-\[\#0c1320\]\/80 {
  background-color: rgb(12 19 32 / 0.8);
}
.bg-\[\#0d0614\] {
  --tw-bg-opacity: 1;
  background-color: rgb(13 6 20 / var(--tw-bg-opacity));
}
.bg-\[\#0d0d0d\] {
  --tw-bg-opacity: 1;
  background-color: rgb(13 13 13 / var(--tw-bg-opacity));
}
.bg-\[\#0d0e10\] {
  --tw-bg-opacity: 1;
  background-color: rgb(13 14 16 / var(--tw-bg-opacity));
}
.bg-\[\#0d0e12\] {
  --tw-bg-opacity: 1;
  background-color: rgb(13 14 18 / var(--tw-bg-opacity));
}
.bg-\[\#0d0e15\] {
  --tw-bg-opacity: 1;
  background-color: rgb(13 14 21 / var(--tw-bg-opacity));
}
.bg-\[\#0d0f12\] {
  --tw-bg-opacity: 1;
  background-color: rgb(13 15 18 / var(--tw-bg-opacity));
}
.bg-\[\#0d1117\] {
  --tw-bg-opacity: 1;
  background-color: rgb(13 17 23 / var(--tw-bg-opacity));
}
.bg-\[\#0d1420\]\/80 {
  background-color: rgb(13 20 32 / 0.8);
}
.bg-\[\#0d99ff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(13 153 255 / var(--tw-bg-opacity));
}
.bg-\[\#0e0e10\] {
  --tw-bg-opacity: 1;
  background-color: rgb(14 14 16 / var(--tw-bg-opacity));
}
.bg-\[\#0e1622\]\/70 {
  background-color: rgb(14 22 34 / 0.7);
}
.bg-\[\#0f0e0d\] {
  --tw-bg-opacity: 1;
  background-color: rgb(15 14 13 / var(--tw-bg-opacity));
}
.bg-\[\#0f0f0f\] {
  --tw-bg-opacity: 1;
  background-color: rgb(15 15 15 / var(--tw-bg-opacity));
}
.bg-\[\#0f0f10\]\/85 {
  background-color: rgb(15 15 16 / 0.85);
}
.bg-\[\#0f0f11\] {
  --tw-bg-opacity: 1;
  background-color: rgb(15 15 17 / var(--tw-bg-opacity));
}
.bg-\[\#0f0f14\] {
  --tw-bg-opacity: 1;
  background-color: rgb(15 15 20 / var(--tw-bg-opacity));
}
.bg-\[\#0f1012\] {
  --tw-bg-opacity: 1;
  background-color: rgb(15 16 18 / var(--tw-bg-opacity));
}
.bg-\[\#0f1012\]\/95 {
  background-color: rgb(15 16 18 / 0.95);
}
.bg-\[\#0f101a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(15 16 26 / var(--tw-bg-opacity));
}
.bg-\[\#0f1115\] {
  --tw-bg-opacity: 1;
  background-color: rgb(15 17 21 / var(--tw-bg-opacity));
}
.bg-\[\#0f1115\]\/70 {
  background-color: rgb(15 17 21 / 0.7);
}
.bg-\[\#0f1419\] {
  --tw-bg-opacity: 1;
  background-color: rgb(15 20 25 / var(--tw-bg-opacity));
}
.bg-\[\#0f1520\]\/70 {
  background-color: rgb(15 21 32 / 0.7);
}
.bg-\[\#0f1720\] {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 32 / var(--tw-bg-opacity));
}
.bg-\[\#0f1826\]\/85 {
  background-color: rgb(15 24 38 / 0.85);
}
.bg-\[\#0f2a2e\] {
  --tw-bg-opacity: 1;
  background-color: rgb(15 42 46 / var(--tw-bg-opacity));
}
.bg-\[\#0f380f\] {
  --tw-bg-opacity: 1;
  background-color: rgb(15 56 15 / var(--tw-bg-opacity));
}
.bg-\[\#101012\] {
  --tw-bg-opacity: 1;
  background-color: rgb(16 16 18 / var(--tw-bg-opacity));
}
.bg-\[\#101014\] {
  --tw-bg-opacity: 1;
  background-color: rgb(16 16 20 / var(--tw-bg-opacity));
}
.bg-\[\#101112\] {
  --tw-bg-opacity: 1;
  background-color: rgb(16 17 18 / var(--tw-bg-opacity));
}
.bg-\[\#101418\] {
  --tw-bg-opacity: 1;
  background-color: rgb(16 20 24 / var(--tw-bg-opacity));
}
.bg-\[\#10151f\]\/95 {
  background-color: rgb(16 21 31 / 0.95);
}
.bg-\[\#101722\]\/80 {
  background-color: rgb(16 23 34 / 0.8);
}
.bg-\[\#107c10\] {
  --tw-bg-opacity: 1;
  background-color: rgb(16 124 16 / var(--tw-bg-opacity));
}
.bg-\[\#10a37f\] {
  --tw-bg-opacity: 1;
  background-color: rgb(16 163 127 / var(--tw-bg-opacity));
}
.bg-\[\#10a37f\]\/10 {
  background-color: rgb(16 163 127 / 0.1);
}
.bg-\[\#10b981\] {
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity));
}
.bg-\[\#11111198\] {
  background-color: #11111198;
}
.bg-\[\#111111\] {
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 17 / var(--tw-bg-opacity));
}
.bg-\[\#111111d1\] {
  background-color: #111111d1;
}
.bg-\[\#111113\] {
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 19 / var(--tw-bg-opacity));
}
.bg-\[\#111214\] {
  --tw-bg-opacity: 1;
  background-color: rgb(17 18 20 / var(--tw-bg-opacity));
}
.bg-\[\#111217\] {
  --tw-bg-opacity: 1;
  background-color: rgb(17 18 23 / var(--tw-bg-opacity));
}
.bg-\[\#111316\] {
  --tw-bg-opacity: 1;
  background-color: rgb(17 19 22 / var(--tw-bg-opacity));
}
.bg-\[\#111317\] {
  --tw-bg-opacity: 1;
  background-color: rgb(17 19 23 / var(--tw-bg-opacity));
}
.bg-\[\#111827\]\/85 {
  background-color: rgb(17 24 39 / 0.85);
}
.bg-\[\#111\] {
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 17 / var(--tw-bg-opacity));
}
.bg-\[\#111b21\]\/75 {
  background-color: rgb(17 27 33 / 0.75);
}
.bg-\[\#111b21\]\/85 {
  background-color: rgb(17 27 33 / 0.85);
}
.bg-\[\#111b21\]\/90 {
  background-color: rgb(17 27 33 / 0.9);
}
.bg-\[\#121212\] {
  --tw-bg-opacity: 1;
  background-color: rgb(18 18 18 / var(--tw-bg-opacity));
}
.bg-\[\#121212\]\/70 {
  background-color: rgb(18 18 18 / 0.7);
}
.bg-\[\#121214\] {
  --tw-bg-opacity: 1;
  background-color: rgb(18 18 20 / var(--tw-bg-opacity));
}
.bg-\[\#121314\] {
  --tw-bg-opacity: 1;
  background-color: rgb(18 19 20 / var(--tw-bg-opacity));
}
.bg-\[\#122A1C\] {
  --tw-bg-opacity: 1;
  background-color: rgb(18 42 28 / var(--tw-bg-opacity));
}
.bg-\[\#13161c\] {
  --tw-bg-opacity: 1;
  background-color: rgb(19 22 28 / var(--tw-bg-opacity));
}
.bg-\[\#14101c\] {
  --tw-bg-opacity: 1;
  background-color: rgb(20 16 28 / var(--tw-bg-opacity));
}
.bg-\[\#141414\] {
  --tw-bg-opacity: 1;
  background-color: rgb(20 20 20 / var(--tw-bg-opacity));
}
.bg-\[\#141414\]\/30 {
  background-color: rgb(20 20 20 / 0.3);
}
.bg-\[\#141414\]\/65 {
  background-color: rgb(20 20 20 / 0.65);
}
.bg-\[\#141416\] {
  --tw-bg-opacity: 1;
  background-color: rgb(20 20 22 / var(--tw-bg-opacity));
}
.bg-\[\#141416\]\/50 {
  background-color: rgb(20 20 22 / 0.5);
}
.bg-\[\#141619\] {
  --tw-bg-opacity: 1;
  background-color: rgb(20 22 25 / var(--tw-bg-opacity));
}
.bg-\[\#14181B\] {
  --tw-bg-opacity: 1;
  background-color: rgb(20 24 27 / var(--tw-bg-opacity));
}
.bg-\[\#15101e\] {
  --tw-bg-opacity: 1;
  background-color: rgb(21 16 30 / var(--tw-bg-opacity));
}
.bg-\[\#15161b\] {
  --tw-bg-opacity: 1;
  background-color: rgb(21 22 27 / var(--tw-bg-opacity));
}
.bg-\[\#15191e\] {
  --tw-bg-opacity: 1;
  background-color: rgb(21 25 30 / var(--tw-bg-opacity));
}
.bg-\[\#151b28\]\/80 {
  background-color: rgb(21 27 40 / 0.8);
}
.bg-\[\#152033\] {
  --tw-bg-opacity: 1;
  background-color: rgb(21 32 51 / var(--tw-bg-opacity));
}
.bg-\[\#15231c\] {
  --tw-bg-opacity: 1;
  background-color: rgb(21 35 28 / var(--tw-bg-opacity));
}
.bg-\[\#15271a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(21 39 26 / var(--tw-bg-opacity));
}
.bg-\[\#16120a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(22 18 10 / var(--tw-bg-opacity));
}
.bg-\[\#161217\] {
  --tw-bg-opacity: 1;
  background-color: rgb(22 18 23 / var(--tw-bg-opacity));
}
.bg-\[\#161616\] {
  --tw-bg-opacity: 1;
  background-color: rgb(22 22 22 / var(--tw-bg-opacity));
}
.bg-\[\#161616\]\/95 {
  background-color: rgb(22 22 22 / 0.95);
}
.bg-\[\#161619\] {
  --tw-bg-opacity: 1;
  background-color: rgb(22 22 25 / var(--tw-bg-opacity));
}
.bg-\[\#161619\]\/90 {
  background-color: rgb(22 22 25 / 0.9);
}
.bg-\[\#16161a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(22 22 26 / var(--tw-bg-opacity));
}
.bg-\[\#16161e\] {
  --tw-bg-opacity: 1;
  background-color: rgb(22 22 30 / var(--tw-bg-opacity));
}
.bg-\[\#161719\] {
  --tw-bg-opacity: 1;
  background-color: rgb(22 23 25 / var(--tw-bg-opacity));
}
.bg-\[\#161827\] {
  --tw-bg-opacity: 1;
  background-color: rgb(22 24 39 / var(--tw-bg-opacity));
}
.bg-\[\#161827\]\/50 {
  background-color: rgb(22 24 39 / 0.5);
}
.bg-\[\#161b22\] {
  --tw-bg-opacity: 1;
  background-color: rgb(22 27 34 / var(--tw-bg-opacity));
}
.bg-\[\#17171B\] {
  --tw-bg-opacity: 1;
  background-color: rgb(23 23 27 / var(--tw-bg-opacity));
}
.bg-\[\#17171c\] {
  --tw-bg-opacity: 1;
  background-color: rgb(23 23 28 / var(--tw-bg-opacity));
}
.bg-\[\#171819\] {
  --tw-bg-opacity: 1;
  background-color: rgb(23 24 25 / var(--tw-bg-opacity));
}
.bg-\[\#171a1f\] {
  --tw-bg-opacity: 1;
  background-color: rgb(23 26 31 / var(--tw-bg-opacity));
}
.bg-\[\#181818\] {
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 24 / var(--tw-bg-opacity));
}
.bg-\[\#181818\]\/10 {
  background-color: rgb(24 24 24 / 0.1);
}
.bg-\[\#181818\]\/20 {
  background-color: rgb(24 24 24 / 0.2);
}
.bg-\[\#181818\]\/5 {
  background-color: rgb(24 24 24 / 0.05);
}
.bg-\[\#181818\]\/80 {
  background-color: rgb(24 24 24 / 0.8);
}
.bg-\[\#18181C\] {
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 28 / var(--tw-bg-opacity));
}
.bg-\[\#18181D\] {
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 29 / var(--tw-bg-opacity));
}
.bg-\[\#18181b\] {
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 27 / var(--tw-bg-opacity));
}
.bg-\[\#18191b\] {
  --tw-bg-opacity: 1;
  background-color: rgb(24 25 27 / var(--tw-bg-opacity));
}
.bg-\[\#181d1b\] {
  --tw-bg-opacity: 1;
  background-color: rgb(24 29 27 / var(--tw-bg-opacity));
}
.bg-\[\#18212f\] {
  --tw-bg-opacity: 1;
  background-color: rgb(24 33 47 / var(--tw-bg-opacity));
}
.bg-\[\#182229\]\/90 {
  background-color: rgb(24 34 41 / 0.9);
}
.bg-\[\#182A1E\] {
  --tw-bg-opacity: 1;
  background-color: rgb(24 42 30 / var(--tw-bg-opacity));
}
.bg-\[\#191919\] {
  --tw-bg-opacity: 1;
  background-color: rgb(25 25 25 / var(--tw-bg-opacity));
}
.bg-\[\#19191c\] {
  --tw-bg-opacity: 1;
  background-color: rgb(25 25 28 / var(--tw-bg-opacity));
}
.bg-\[\#191b1e\] {
  --tw-bg-opacity: 1;
  background-color: rgb(25 27 30 / var(--tw-bg-opacity));
}
.bg-\[\#191b1f\] {
  --tw-bg-opacity: 1;
  background-color: rgb(25 27 31 / var(--tw-bg-opacity));
}
.bg-\[\#191d24\] {
  --tw-bg-opacity: 1;
  background-color: rgb(25 29 36 / var(--tw-bg-opacity));
}
.bg-\[\#1A1A1A\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26 / var(--tw-bg-opacity));
}
.bg-\[\#1A1A1E\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 30 / var(--tw-bg-opacity));
}
.bg-\[\#1B1B1B\] {
  --tw-bg-opacity: 1;
  background-color: rgb(27 27 27 / var(--tw-bg-opacity));
}
.bg-\[\#1C1917\] {
  --tw-bg-opacity: 1;
  background-color: rgb(28 25 23 / var(--tw-bg-opacity));
}
.bg-\[\#1C1C1C\] {
  --tw-bg-opacity: 1;
  background-color: rgb(28 28 28 / var(--tw-bg-opacity));
}
.bg-\[\#1C1C20\] {
  --tw-bg-opacity: 1;
  background-color: rgb(28 28 32 / var(--tw-bg-opacity));
}
.bg-\[\#1C3F62\] {
  --tw-bg-opacity: 1;
  background-color: rgb(28 63 98 / var(--tw-bg-opacity));
}
.bg-\[\#1DB954\] {
  --tw-bg-opacity: 1;
  background-color: rgb(29 185 84 / var(--tw-bg-opacity));
}
.bg-\[\#1DB954\]\/10 {
  background-color: rgb(29 185 84 / 0.1);
}
.bg-\[\#1E1E22\] {
  --tw-bg-opacity: 1;
  background-color: rgb(30 30 34 / var(--tw-bg-opacity));
}
.bg-\[\#1F1F1F\] {
  --tw-bg-opacity: 1;
  background-color: rgb(31 31 31 / var(--tw-bg-opacity));
}
.bg-\[\#1F1F24\] {
  --tw-bg-opacity: 1;
  background-color: rgb(31 31 36 / var(--tw-bg-opacity));
}
.bg-\[\#1a0533\]\/90 {
  background-color: rgb(26 5 51 / 0.9);
}
.bg-\[\#1a1025\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 16 37 / var(--tw-bg-opacity));
}
.bg-\[\#1a1a1a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26 / var(--tw-bg-opacity));
}
.bg-\[\#1a1a1a\]\/55 {
  background-color: rgb(26 26 26 / 0.55);
}
.bg-\[\#1a1a1a\]\/95 {
  background-color: rgb(26 26 26 / 0.95);
}
.bg-\[\#1a1a1c\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 28 / var(--tw-bg-opacity));
}
.bg-\[\#1a1a1c\]\/95 {
  background-color: rgb(26 26 28 / 0.95);
}
.bg-\[\#1a1a1e\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 30 / var(--tw-bg-opacity));
}
.bg-\[\#1a1a22\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 34 / var(--tw-bg-opacity));
}
.bg-\[\#1a1a2e\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 46 / var(--tw-bg-opacity));
}
.bg-\[\#1a1a2e\]\/90 {
  background-color: rgb(26 26 46 / 0.9);
}
.bg-\[\#1a1b1c\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 27 28 / var(--tw-bg-opacity));
}
.bg-\[\#1a1b1e\]\/95 {
  background-color: rgb(26 27 30 / 0.95);
}
.bg-\[\#1a1c2c\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 28 44 / var(--tw-bg-opacity));
}
.bg-\[\#1a1d24\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 29 36 / var(--tw-bg-opacity));
}
.bg-\[\#1a2331\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 35 49 / var(--tw-bg-opacity));
}
.bg-\[\#1a2e1a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 46 26 / var(--tw-bg-opacity));
}
.bg-\[\#1a2e1f\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 46 31 / var(--tw-bg-opacity));
}
.bg-\[\#1a3a6b\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 58 107 / var(--tw-bg-opacity));
}
.bg-\[\#1a4789\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 71 137 / var(--tw-bg-opacity));
}
.bg-\[\#1a73e8\]\/10 {
  background-color: rgb(26 115 232 / 0.1);
}
.bg-\[\#1b1b1b\] {
  --tw-bg-opacity: 1;
  background-color: rgb(27 27 27 / var(--tw-bg-opacity));
}
.bg-\[\#1b1b1e\] {
  --tw-bg-opacity: 1;
  background-color: rgb(27 27 30 / var(--tw-bg-opacity));
}
.bg-\[\#1b2b21\] {
  --tw-bg-opacity: 1;
  background-color: rgb(27 43 33 / var(--tw-bg-opacity));
}
.bg-\[\#1c1710\] {
  --tw-bg-opacity: 1;
  background-color: rgb(28 23 16 / var(--tw-bg-opacity));
}
.bg-\[\#1c1b22\] {
  --tw-bg-opacity: 1;
  background-color: rgb(28 27 34 / var(--tw-bg-opacity));
}
.bg-\[\#1c1c1c\] {
  --tw-bg-opacity: 1;
  background-color: rgb(28 28 28 / var(--tw-bg-opacity));
}
.bg-\[\#1c1c1e\] {
  --tw-bg-opacity: 1;
  background-color: rgb(28 28 30 / var(--tw-bg-opacity));
}
.bg-\[\#1c2e22\] {
  --tw-bg-opacity: 1;
  background-color: rgb(28 46 34 / var(--tw-bg-opacity));
}
.bg-\[\#1d1b26\] {
  --tw-bg-opacity: 1;
  background-color: rgb(29 27 38 / var(--tw-bg-opacity));
}
.bg-\[\#1d1d1d\] {
  --tw-bg-opacity: 1;
  background-color: rgb(29 29 29 / var(--tw-bg-opacity));
}
.bg-\[\#1d1e1d\] {
  --tw-bg-opacity: 1;
  background-color: rgb(29 30 29 / var(--tw-bg-opacity));
}
.bg-\[\#1d1e1d\]\/90 {
  background-color: rgb(29 30 29 / 0.9);
}
.bg-\[\#1d1e1d\]\/95 {
  background-color: rgb(29 30 29 / 0.95);
}
.bg-\[\#1d2a43\] {
  --tw-bg-opacity: 1;
  background-color: rgb(29 42 67 / var(--tw-bg-opacity));
}
.bg-\[\#1d4032\]\/60 {
  background-color: rgb(29 64 50 / 0.6);
}
.bg-\[\#1d4ed8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity));
}
.bg-\[\#1e1a16\] {
  --tw-bg-opacity: 1;
  background-color: rgb(30 26 22 / var(--tw-bg-opacity));
}
.bg-\[\#1e1a1b\] {
  --tw-bg-opacity: 1;
  background-color: rgb(30 26 27 / var(--tw-bg-opacity));
}
.bg-\[\#1e1e1e\] {
  --tw-bg-opacity: 1;
  background-color: rgb(30 30 30 / var(--tw-bg-opacity));
}
.bg-\[\#1e1e1e\]\/40 {
  background-color: rgb(30 30 30 / 0.4);
}
.bg-\[\#1e1e22\] {
  --tw-bg-opacity: 1;
  background-color: rgb(30 30 34 / var(--tw-bg-opacity));
}
.bg-\[\#1e1e22\]\/60 {
  background-color: rgb(30 30 34 / 0.6);
}
.bg-\[\#1e1e22\]\/95 {
  background-color: rgb(30 30 34 / 0.95);
}
.bg-\[\#1e1e2e\] {
  --tw-bg-opacity: 1;
  background-color: rgb(30 30 46 / var(--tw-bg-opacity));
}
.bg-\[\#1e1f22\] {
  --tw-bg-opacity: 1;
  background-color: rgb(30 31 34 / var(--tw-bg-opacity));
}
.bg-\[\#1e272e\] {
  --tw-bg-opacity: 1;
  background-color: rgb(30 39 46 / var(--tw-bg-opacity));
}
.bg-\[\#1e293b\] {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}
.bg-\[\#1e2a1e\] {
  --tw-bg-opacity: 1;
  background-color: rgb(30 42 30 / var(--tw-bg-opacity));
}
.bg-\[\#1e2a3a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(30 42 58 / var(--tw-bg-opacity));
}
.bg-\[\#1f1a17\] {
  --tw-bg-opacity: 1;
  background-color: rgb(31 26 23 / var(--tw-bg-opacity));
}
.bg-\[\#1f1f1f\] {
  --tw-bg-opacity: 1;
  background-color: rgb(31 31 31 / var(--tw-bg-opacity));
}
.bg-\[\#1f2d4a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(31 45 74 / var(--tw-bg-opacity));
}
.bg-\[\#1f3c2c\] {
  --tw-bg-opacity: 1;
  background-color: rgb(31 60 44 / var(--tw-bg-opacity));
}
.bg-\[\#201a2a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(32 26 42 / var(--tw-bg-opacity));
}
.bg-\[\#202020\] {
  --tw-bg-opacity: 1;
  background-color: rgb(32 32 32 / var(--tw-bg-opacity));
}
.bg-\[\#202124\] {
  --tw-bg-opacity: 1;
  background-color: rgb(32 33 36 / var(--tw-bg-opacity));
}
.bg-\[\#202226\] {
  --tw-bg-opacity: 1;
  background-color: rgb(32 34 38 / var(--tw-bg-opacity));
}
.bg-\[\#20242b\] {
  --tw-bg-opacity: 1;
  background-color: rgb(32 36 43 / var(--tw-bg-opacity));
}
.bg-\[\#202a39\]\/70 {
  background-color: rgb(32 42 57 / 0.7);
}
.bg-\[\#202c33\] {
  --tw-bg-opacity: 1;
  background-color: rgb(32 44 51 / var(--tw-bg-opacity));
}
.bg-\[\#202c33\]\/85 {
  background-color: rgb(32 44 51 / 0.85);
}
.bg-\[\#202c33\]\/90 {
  background-color: rgb(32 44 51 / 0.9);
}
.bg-\[\#202c33\]\/95 {
  background-color: rgb(32 44 51 / 0.95);
}
.bg-\[\#212121\] {
  --tw-bg-opacity: 1;
  background-color: rgb(33 33 33 / var(--tw-bg-opacity));
}
.bg-\[\#212126\] {
  --tw-bg-opacity: 1;
  background-color: rgb(33 33 38 / var(--tw-bg-opacity));
}
.bg-\[\#21262d\] {
  --tw-bg-opacity: 1;
  background-color: rgb(33 38 45 / var(--tw-bg-opacity));
}
.bg-\[\#222216\]\/50 {
  background-color: rgb(34 34 22 / 0.5);
}
.bg-\[\#222226\] {
  --tw-bg-opacity: 1;
  background-color: rgb(34 34 38 / var(--tw-bg-opacity));
}
.bg-\[\#222326\] {
  --tw-bg-opacity: 1;
  background-color: rgb(34 35 38 / var(--tw-bg-opacity));
}
.bg-\[\#22252a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(34 37 42 / var(--tw-bg-opacity));
}
.bg-\[\#222\] {
  --tw-bg-opacity: 1;
  background-color: rgb(34 34 34 / var(--tw-bg-opacity));
}
.bg-\[\#22c55e\]\/85 {
  background-color: rgb(34 197 94 / 0.85);
}
.bg-\[\#232323\] {
  --tw-bg-opacity: 1;
  background-color: rgb(35 35 35 / var(--tw-bg-opacity));
}
.bg-\[\#232325\] {
  --tw-bg-opacity: 1;
  background-color: rgb(35 35 37 / var(--tw-bg-opacity));
}
.bg-\[\#23272f\] {
  --tw-bg-opacity: 1;
  background-color: rgb(35 39 47 / var(--tw-bg-opacity));
}
.bg-\[\#241f1b\] {
  --tw-bg-opacity: 1;
  background-color: rgb(36 31 27 / var(--tw-bg-opacity));
}
.bg-\[\#242424\] {
  --tw-bg-opacity: 1;
  background-color: rgb(36 36 36 / var(--tw-bg-opacity));
}
.bg-\[\#242424\]\/10 {
  background-color: rgb(36 36 36 / 0.1);
}
.bg-\[\#242424\]\/15 {
  background-color: rgb(36 36 36 / 0.15);
}
.bg-\[\#24272b\] {
  --tw-bg-opacity: 1;
  background-color: rgb(36 39 43 / var(--tw-bg-opacity));
}
.bg-\[\#252525\] {
  --tw-bg-opacity: 1;
  background-color: rgb(37 37 37 / var(--tw-bg-opacity));
}
.bg-\[\#252526\] {
  --tw-bg-opacity: 1;
  background-color: rgb(37 37 38 / var(--tw-bg-opacity));
}
.bg-\[\#256FFF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(37 111 255 / var(--tw-bg-opacity));
}
.bg-\[\#2581a2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(37 129 162 / var(--tw-bg-opacity));
}
.bg-\[\#262220\] {
  --tw-bg-opacity: 1;
  background-color: rgb(38 34 32 / var(--tw-bg-opacity));
}
.bg-\[\#262624\] {
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 36 / var(--tw-bg-opacity));
}
.bg-\[\#272727\] {
  --tw-bg-opacity: 1;
  background-color: rgb(39 39 39 / var(--tw-bg-opacity));
}
.bg-\[\#272727\]\/80 {
  background-color: rgb(39 39 39 / 0.8);
}
.bg-\[\#27C93F\] {
  --tw-bg-opacity: 1;
  background-color: rgb(39 201 63 / var(--tw-bg-opacity));
}
.bg-\[\#27c93f\] {
  --tw-bg-opacity: 1;
  background-color: rgb(39 201 63 / var(--tw-bg-opacity));
}
.bg-\[\#28c840\] {
  --tw-bg-opacity: 1;
  background-color: rgb(40 200 64 / var(--tw-bg-opacity));
}
.bg-\[\#292a2d\] {
  --tw-bg-opacity: 1;
  background-color: rgb(41 42 45 / var(--tw-bg-opacity));
}
.bg-\[\#292a30\] {
  --tw-bg-opacity: 1;
  background-color: rgb(41 42 48 / var(--tw-bg-opacity));
}
.bg-\[\#2A2A2A\] {
  --tw-bg-opacity: 1;
  background-color: rgb(42 42 42 / var(--tw-bg-opacity));
}
.bg-\[\#2A2A30\] {
  --tw-bg-opacity: 1;
  background-color: rgb(42 42 48 / var(--tw-bg-opacity));
}
.bg-\[\#2C6630\] {
  --tw-bg-opacity: 1;
  background-color: rgb(44 102 48 / var(--tw-bg-opacity));
}
.bg-\[\#2a1a1c\] {
  --tw-bg-opacity: 1;
  background-color: rgb(42 26 28 / var(--tw-bg-opacity));
}
.bg-\[\#2a2520\] {
  --tw-bg-opacity: 1;
  background-color: rgb(42 37 32 / var(--tw-bg-opacity));
}
.bg-\[\#2a2a2a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(42 42 42 / var(--tw-bg-opacity));
}
.bg-\[\#2a2a2a\]\/95 {
  background-color: rgb(42 42 42 / 0.95);
}
.bg-\[\#2a2a2e\] {
  --tw-bg-opacity: 1;
  background-color: rgb(42 42 46 / var(--tw-bg-opacity));
}
.bg-\[\#2a2a3e\] {
  --tw-bg-opacity: 1;
  background-color: rgb(42 42 62 / var(--tw-bg-opacity));
}
.bg-\[\#2a3942\] {
  --tw-bg-opacity: 1;
  background-color: rgb(42 57 66 / var(--tw-bg-opacity));
}
.bg-\[\#2a3a2a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(42 58 42 / var(--tw-bg-opacity));
}
.bg-\[\#2a4a6b\] {
  --tw-bg-opacity: 1;
  background-color: rgb(42 74 107 / var(--tw-bg-opacity));
}
.bg-\[\#2a5a5a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(42 90 90 / var(--tw-bg-opacity));
}
.bg-\[\#2b1b12\] {
  --tw-bg-opacity: 1;
  background-color: rgb(43 27 18 / var(--tw-bg-opacity));
}
.bg-\[\#2b261a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(43 38 26 / var(--tw-bg-opacity));
}
.bg-\[\#2b2a33\] {
  --tw-bg-opacity: 1;
  background-color: rgb(43 42 51 / var(--tw-bg-opacity));
}
.bg-\[\#2b2b2b\] {
  --tw-bg-opacity: 1;
  background-color: rgb(43 43 43 / var(--tw-bg-opacity));
}
.bg-\[\#2b4d39\] {
  --tw-bg-opacity: 1;
  background-color: rgb(43 77 57 / var(--tw-bg-opacity));
}
.bg-\[\#2c2c2c\] {
  --tw-bg-opacity: 1;
  background-color: rgb(44 44 44 / var(--tw-bg-opacity));
}
.bg-\[\#2c2c2e\] {
  --tw-bg-opacity: 1;
  background-color: rgb(44 44 46 / var(--tw-bg-opacity));
}
.bg-\[\#2c3238\] {
  --tw-bg-opacity: 1;
  background-color: rgb(44 50 56 / var(--tw-bg-opacity));
}
.bg-\[\#2d1b00\] {
  --tw-bg-opacity: 1;
  background-color: rgb(45 27 0 / var(--tw-bg-opacity));
}
.bg-\[\#2d2214\] {
  --tw-bg-opacity: 1;
  background-color: rgb(45 34 20 / var(--tw-bg-opacity));
}
.bg-\[\#2d2830\] {
  --tw-bg-opacity: 1;
  background-color: rgb(45 40 48 / var(--tw-bg-opacity));
}
.bg-\[\#2d2d2d\] {
  --tw-bg-opacity: 1;
  background-color: rgb(45 45 45 / var(--tw-bg-opacity));
}
.bg-\[\#2d2d2d\]\/90 {
  background-color: rgb(45 45 45 / 0.9);
}
.bg-\[\#2d2d30\] {
  --tw-bg-opacity: 1;
  background-color: rgb(45 45 48 / var(--tw-bg-opacity));
}
.bg-\[\#2d3436\] {
  --tw-bg-opacity: 1;
  background-color: rgb(45 52 54 / var(--tw-bg-opacity));
}
.bg-\[\#2d3a2d\] {
  --tw-bg-opacity: 1;
  background-color: rgb(45 58 45 / var(--tw-bg-opacity));
}
.bg-\[\#2d3b2d\] {
  --tw-bg-opacity: 1;
  background-color: rgb(45 59 45 / var(--tw-bg-opacity));
}
.bg-\[\#2d503a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(45 80 58 / var(--tw-bg-opacity));
}
.bg-\[\#2e2e2e\] {
  --tw-bg-opacity: 1;
  background-color: rgb(46 46 46 / var(--tw-bg-opacity));
}
.bg-\[\#2e5a3e\] {
  --tw-bg-opacity: 1;
  background-color: rgb(46 90 62 / var(--tw-bg-opacity));
}
.bg-\[\#2f2f2f\] {
  --tw-bg-opacity: 1;
  background-color: rgb(47 47 47 / var(--tw-bg-opacity));
}
.bg-\[\#2f6b8e\] {
  --tw-bg-opacity: 1;
  background-color: rgb(47 107 142 / var(--tw-bg-opacity));
}
.bg-\[\#2f6f5e\] {
  --tw-bg-opacity: 1;
  background-color: rgb(47 111 94 / var(--tw-bg-opacity));
}
.bg-\[\#302b28\] {
  --tw-bg-opacity: 1;
  background-color: rgb(48 43 40 / var(--tw-bg-opacity));
}
.bg-\[\#30302E\] {
  --tw-bg-opacity: 1;
  background-color: rgb(48 48 46 / var(--tw-bg-opacity));
}
.bg-\[\#303030\] {
  --tw-bg-opacity: 1;
  background-color: rgb(48 48 48 / var(--tw-bg-opacity));
}
.bg-\[\#316ac5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(49 106 197 / var(--tw-bg-opacity));
}
.bg-\[\#321c1f\] {
  --tw-bg-opacity: 1;
  background-color: rgb(50 28 31 / var(--tw-bg-opacity));
}
.bg-\[\#322b37\] {
  --tw-bg-opacity: 1;
  background-color: rgb(50 43 55 / var(--tw-bg-opacity));
}
.bg-\[\#333333\] {
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity));
}
.bg-\[\#333\] {
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity));
}
.bg-\[\#33ff33\] {
  --tw-bg-opacity: 1;
  background-color: rgb(51 255 51 / var(--tw-bg-opacity));
}
.bg-\[\#34495e\] {
  --tw-bg-opacity: 1;
  background-color: rgb(52 73 94 / var(--tw-bg-opacity));
}
.bg-\[\#345742\] {
  --tw-bg-opacity: 1;
  background-color: rgb(52 87 66 / var(--tw-bg-opacity));
}
.bg-\[\#35363a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(53 54 58 / var(--tw-bg-opacity));
}
.bg-\[\#355b42\] {
  --tw-bg-opacity: 1;
  background-color: rgb(53 91 66 / var(--tw-bg-opacity));
}
.bg-\[\#3584e4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(53 132 228 / var(--tw-bg-opacity));
}
.bg-\[\#3584e4\]\/40 {
  background-color: rgb(53 132 228 / 0.4);
}
.bg-\[\#363636\] {
  --tw-bg-opacity: 1;
  background-color: rgb(54 54 54 / var(--tw-bg-opacity));
}
.bg-\[\#363636\]\/60 {
  background-color: rgb(54 54 54 / 0.6);
}
.bg-\[\#37373d\] {
  --tw-bg-opacity: 1;
  background-color: rgb(55 55 61 / var(--tw-bg-opacity));
}
.bg-\[\#383838\] {
  --tw-bg-opacity: 1;
  background-color: rgb(56 56 56 / var(--tw-bg-opacity));
}
.bg-\[\#3875d7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(56 117 215 / var(--tw-bg-opacity));
}
.bg-\[\#3a0c18\] {
  --tw-bg-opacity: 1;
  background-color: rgb(58 12 24 / var(--tw-bg-opacity));
}
.bg-\[\#3a2614\] {
  --tw-bg-opacity: 1;
  background-color: rgb(58 38 20 / var(--tw-bg-opacity));
}
.bg-\[\#3a2c12\] {
  --tw-bg-opacity: 1;
  background-color: rgb(58 44 18 / var(--tw-bg-opacity));
}
.bg-\[\#3a3a3a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(58 58 58 / var(--tw-bg-opacity));
}
.bg-\[\#3a3a3c\] {
  --tw-bg-opacity: 1;
  background-color: rgb(58 58 60 / var(--tw-bg-opacity));
}
.bg-\[\#3a3a4e\] {
  --tw-bg-opacity: 1;
  background-color: rgb(58 58 78 / var(--tw-bg-opacity));
}
.bg-\[\#3a4a62\] {
  --tw-bg-opacity: 1;
  background-color: rgb(58 74 98 / var(--tw-bg-opacity));
}
.bg-\[\#3b2114\] {
  --tw-bg-opacity: 1;
  background-color: rgb(59 33 20 / var(--tw-bg-opacity));
}
.bg-\[\#3b82f6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.bg-\[\#3b82f6\]\/70 {
  background-color: rgb(59 130 246 / 0.7);
}
.bg-\[\#3b82f6\]\/80 {
  background-color: rgb(59 130 246 / 0.8);
}
.bg-\[\#3caa3c\] {
  --tw-bg-opacity: 1;
  background-color: rgb(60 170 60 / var(--tw-bg-opacity));
}
.bg-\[\#3d3846\] {
  --tw-bg-opacity: 1;
  background-color: rgb(61 56 70 / var(--tw-bg-opacity));
}
.bg-\[\#3d3846\]\/70 {
  background-color: rgb(61 56 70 / 0.7);
}
.bg-\[\#3d3d3d\] {
  --tw-bg-opacity: 1;
  background-color: rgb(61 61 61 / var(--tw-bg-opacity));
}
.bg-\[\#3daee9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(61 174 233 / var(--tw-bg-opacity));
}
.bg-\[\#3daee9\]\/20 {
  background-color: rgb(61 174 233 / 0.2);
}
.bg-\[\#3daee9\]\/30 {
  background-color: rgb(61 174 233 / 0.3);
}
.bg-\[\#3dbb78\] {
  --tw-bg-opacity: 1;
  background-color: rgb(61 187 120 / var(--tw-bg-opacity));
}
.bg-\[\#3e3353\] {
  --tw-bg-opacity: 1;
  background-color: rgb(62 51 83 / var(--tw-bg-opacity));
}
.bg-\[\#3ec1d3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(62 193 211 / var(--tw-bg-opacity));
}
.bg-\[\#3f1f1f\] {
  --tw-bg-opacity: 1;
  background-color: rgb(63 31 31 / var(--tw-bg-opacity));
}
.bg-\[\#3f2f10\] {
  --tw-bg-opacity: 1;
  background-color: rgb(63 47 16 / var(--tw-bg-opacity));
}
.bg-\[\#3f3f3f\] {
  --tw-bg-opacity: 1;
  background-color: rgb(63 63 63 / var(--tw-bg-opacity));
}
.bg-\[\#3f3f42\] {
  --tw-bg-opacity: 1;
  background-color: rgb(63 63 66 / var(--tw-bg-opacity));
}
.bg-\[\#402430\]\/60 {
  background-color: rgb(64 36 48 / 0.6);
}
.bg-\[\#40454d\] {
  --tw-bg-opacity: 1;
  background-color: rgb(64 69 77 / var(--tw-bg-opacity));
}
.bg-\[\#40CCB799\] {
  background-color: #40CCB799;
}
.bg-\[\#42414d\] {
  --tw-bg-opacity: 1;
  background-color: rgb(66 65 77 / var(--tw-bg-opacity));
}
.bg-\[\#424242\] {
  --tw-bg-opacity: 1;
  background-color: rgb(66 66 66 / var(--tw-bg-opacity));
}
.bg-\[\#43523d\] {
  --tw-bg-opacity: 1;
  background-color: rgb(67 82 61 / var(--tw-bg-opacity));
}
.bg-\[\#43523d\]\/90 {
  background-color: rgb(67 82 61 / 0.9);
}
.bg-\[\#43523d\]\/95 {
  background-color: rgb(67 82 61 / 0.95);
}
.bg-\[\#444\] {
  --tw-bg-opacity: 1;
  background-color: rgb(68 68 68 / var(--tw-bg-opacity));
}
.bg-\[\#454545\] {
  --tw-bg-opacity: 1;
  background-color: rgb(69 69 69 / var(--tw-bg-opacity));
}
.bg-\[\#45ce99\]\/30 {
  background-color: rgb(69 206 153 / 0.3);
}
.bg-\[\#464646\] {
  --tw-bg-opacity: 1;
  background-color: rgb(70 70 70 / var(--tw-bg-opacity));
}
.bg-\[\#47364d\] {
  --tw-bg-opacity: 1;
  background-color: rgb(71 54 77 / var(--tw-bg-opacity));
}
.bg-\[\#47785c\] {
  --tw-bg-opacity: 1;
  background-color: rgb(71 120 92 / var(--tw-bg-opacity));
}
.bg-\[\#4CAF50\] {
  --tw-bg-opacity: 1;
  background-color: rgb(76 175 80 / var(--tw-bg-opacity));
}
.bg-\[\#4a3559\] {
  --tw-bg-opacity: 1;
  background-color: rgb(74 53 89 / var(--tw-bg-opacity));
}
.bg-\[\#4a3c63\] {
  --tw-bg-opacity: 1;
  background-color: rgb(74 60 99 / var(--tw-bg-opacity));
}
.bg-\[\#4a3d5c\] {
  --tw-bg-opacity: 1;
  background-color: rgb(74 61 92 / var(--tw-bg-opacity));
}
.bg-\[\#4a4a4a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(74 74 74 / var(--tw-bg-opacity));
}
.bg-\[\#4a4f58\] {
  --tw-bg-opacity: 1;
  background-color: rgb(74 79 88 / var(--tw-bg-opacity));
}
.bg-\[\#4a5560\] {
  --tw-bg-opacity: 1;
  background-color: rgb(74 85 96 / var(--tw-bg-opacity));
}
.bg-\[\#4ade80\] {
  --tw-bg-opacity: 1;
  background-color: rgb(74 222 128 / var(--tw-bg-opacity));
}
.bg-\[\#4caf50\] {
  --tw-bg-opacity: 1;
  background-color: rgb(76 175 80 / var(--tw-bg-opacity));
}
.bg-\[\#4d3f2f\] {
  --tw-bg-opacity: 1;
  background-color: rgb(77 63 47 / var(--tw-bg-opacity));
}
.bg-\[\#4ecdc4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(78 205 196 / var(--tw-bg-opacity));
}
.bg-\[\#4ecdc4\]\/20 {
  background-color: rgb(78 205 196 / 0.2);
}
.bg-\[\#5061ff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(80 97 255 / var(--tw-bg-opacity));
}
.bg-\[\#525252\] {
  --tw-bg-opacity: 1;
  background-color: rgb(82 82 82 / var(--tw-bg-opacity));
}
.bg-\[\#525252\]\/15 {
  background-color: rgb(82 82 82 / 0.15);
}
.bg-\[\#525252\]\/20 {
  background-color: rgb(82 82 82 / 0.2);
}
.bg-\[\#555\] {
  --tw-bg-opacity: 1;
  background-color: rgb(85 85 85 / var(--tw-bg-opacity));
}
.bg-\[\#566c86\] {
  --tw-bg-opacity: 1;
  background-color: rgb(86 108 134 / var(--tw-bg-opacity));
}
.bg-\[\#573d69\] {
  --tw-bg-opacity: 1;
  background-color: rgb(87 61 105 / var(--tw-bg-opacity));
}
.bg-\[\#5a2a5a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(90 42 90 / var(--tw-bg-opacity));
}
.bg-\[\#5a4832\] {
  --tw-bg-opacity: 1;
  background-color: rgb(90 72 50 / var(--tw-bg-opacity));
}
.bg-\[\#5a5a62\] {
  --tw-bg-opacity: 1;
  background-color: rgb(90 90 98 / var(--tw-bg-opacity));
}
.bg-\[\#5a9a6a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(90 154 106 / var(--tw-bg-opacity));
}
.bg-\[\#5b4636\] {
  --tw-bg-opacity: 1;
  background-color: rgb(91 70 54 / var(--tw-bg-opacity));
}
.bg-\[\#5be0c8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(91 224 200 / var(--tw-bg-opacity));
}
.bg-\[\#5c2d91\] {
  --tw-bg-opacity: 1;
  background-color: rgb(92 45 145 / var(--tw-bg-opacity));
}
.bg-\[\#5c3317\] {
  --tw-bg-opacity: 1;
  background-color: rgb(92 51 23 / var(--tw-bg-opacity));
}
.bg-\[\#5e5c64\] {
  --tw-bg-opacity: 1;
  background-color: rgb(94 92 100 / var(--tw-bg-opacity));
}
.bg-\[\#606068\] {
  --tw-bg-opacity: 1;
  background-color: rgb(96 96 104 / var(--tw-bg-opacity));
}
.bg-\[\#635bff\]\/10 {
  background-color: rgb(99 91 255 / 0.1);
}
.bg-\[\#6b1530\] {
  --tw-bg-opacity: 1;
  background-color: rgb(107 21 48 / var(--tw-bg-opacity));
}
.bg-\[\#6b3535\] {
  --tw-bg-opacity: 1;
  background-color: rgb(107 53 53 / var(--tw-bg-opacity));
}
.bg-\[\#6b3e1f\] {
  --tw-bg-opacity: 1;
  background-color: rgb(107 62 31 / var(--tw-bg-opacity));
}
.bg-\[\#6b4a32\] {
  --tw-bg-opacity: 1;
  background-color: rgb(107 74 50 / var(--tw-bg-opacity));
}
.bg-\[\#6b6b35\] {
  --tw-bg-opacity: 1;
  background-color: rgb(107 107 53 / var(--tw-bg-opacity));
}
.bg-\[\#6b7a5f\] {
  --tw-bg-opacity: 1;
  background-color: rgb(107 122 95 / var(--tw-bg-opacity));
}
.bg-\[\#737373\] {
  --tw-bg-opacity: 1;
  background-color: rgb(115 115 115 / var(--tw-bg-opacity));
}
.bg-\[\#77b58b\] {
  --tw-bg-opacity: 1;
  background-color: rgb(119 181 139 / var(--tw-bg-opacity));
}
.bg-\[\#7a4a2a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(122 74 42 / var(--tw-bg-opacity));
}
.bg-\[\#7c5cff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(124 92 255 / var(--tw-bg-opacity));
}
.bg-\[\#7ecf9f\] {
  --tw-bg-opacity: 1;
  background-color: rgb(126 207 159 / var(--tw-bg-opacity));
}
.bg-\[\#888\] {
  --tw-bg-opacity: 1;
  background-color: rgb(136 136 136 / var(--tw-bg-opacity));
}
.bg-\[\#8B5CF6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(139 92 246 / var(--tw-bg-opacity));
}
.bg-\[\#8DA9D4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(141 169 212 / var(--tw-bg-opacity));
}
.bg-\[\#8a2be2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(138 43 226 / var(--tw-bg-opacity));
}
.bg-\[\#8a542c\] {
  --tw-bg-opacity: 1;
  background-color: rgb(138 84 44 / var(--tw-bg-opacity));
}
.bg-\[\#8a9a8a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(138 154 138 / var(--tw-bg-opacity));
}
.bg-\[\#8a9a9a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(138 154 154 / var(--tw-bg-opacity));
}
.bg-\[\#8b1e3f\] {
  --tw-bg-opacity: 1;
  background-color: rgb(139 30 63 / var(--tw-bg-opacity));
}
.bg-\[\#8b5a2b\] {
  --tw-bg-opacity: 1;
  background-color: rgb(139 90 43 / var(--tw-bg-opacity));
}
.bg-\[\#94b0c2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(148 176 194 / var(--tw-bg-opacity));
}
.bg-\[\#989ba2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(152 155 162 / var(--tw-bg-opacity));
}
.bg-\[\#9acd32\] {
  --tw-bg-opacity: 1;
  background-color: rgb(154 205 50 / var(--tw-bg-opacity));
}
.bg-\[\#9bbad3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(155 186 211 / var(--tw-bg-opacity));
}
.bg-\[\#9bbc0f\] {
  --tw-bg-opacity: 1;
  background-color: rgb(155 188 15 / var(--tw-bg-opacity));
}
.bg-\[\#9d5149\] {
  --tw-bg-opacity: 1;
  background-color: rgb(157 81 73 / var(--tw-bg-opacity));
}
.bg-\[\#9ee37d\] {
  --tw-bg-opacity: 1;
  background-color: rgb(158 227 125 / var(--tw-bg-opacity));
}
.bg-\[\#9f4317\] {
  --tw-bg-opacity: 1;
  background-color: rgb(159 67 23 / var(--tw-bg-opacity));
}
.bg-\[\#A8E6CF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(168 230 207 / var(--tw-bg-opacity));
}
.bg-\[\#B2DFDB\] {
  --tw-bg-opacity: 1;
  background-color: rgb(178 223 219 / var(--tw-bg-opacity));
}
.bg-\[\#BBDEFB\] {
  --tw-bg-opacity: 1;
  background-color: rgb(187 222 251 / var(--tw-bg-opacity));
}
.bg-\[\#C0C0C0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(192 192 192 / var(--tw-bg-opacity));
}
.bg-\[\#C5CAE9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(197 202 233 / var(--tw-bg-opacity));
}
.bg-\[\#C8E6C9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(200 230 201 / var(--tw-bg-opacity));
}
.bg-\[\#CCE5FF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(204 229 255 / var(--tw-bg-opacity));
}
.bg-\[\#D4D9E6\]\/30 {
  background-color: rgb(212 217 230 / 0.3);
}
.bg-\[\#D4F4DD\] {
  --tw-bg-opacity: 1;
  background-color: rgb(212 244 221 / var(--tw-bg-opacity));
}
.bg-\[\#D5DAE7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(213 218 231 / var(--tw-bg-opacity));
}
.bg-\[\#D9FE00\] {
  --tw-bg-opacity: 1;
  background-color: rgb(217 254 0 / var(--tw-bg-opacity));
}
.bg-\[\#E0DCCF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(224 220 207 / var(--tw-bg-opacity));
}
.bg-\[\#E0E0E0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(224 224 224 / var(--tw-bg-opacity));
}
.bg-\[\#E1BEE7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(225 190 231 / var(--tw-bg-opacity));
}
.bg-\[\#E3E3E8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(227 227 232 / var(--tw-bg-opacity));
}
.bg-\[\#E8D9B5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(232 217 181 / var(--tw-bg-opacity));
}
.bg-\[\#E8F5E9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(232 245 233 / var(--tw-bg-opacity));
}
.bg-\[\#E91E63\]\/95 {
  background-color: rgb(233 30 99 / 0.95);
}
.bg-\[\#F1F1F1\] {
  --tw-bg-opacity: 1;
  background-color: rgb(241 241 241 / var(--tw-bg-opacity));
}
.bg-\[\#F5E6D3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 230 211 / var(--tw-bg-opacity));
}
.bg-\[\#F5F5F5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
.bg-\[\#F5F5F7\]\/95 {
  background-color: rgb(245 245 247 / 0.95);
}
.bg-\[\#F8F8FA\] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 250 / var(--tw-bg-opacity));
}
.bg-\[\#F8FAFF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 255 / var(--tw-bg-opacity));
}
.bg-\[\#FAFAF0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 240 / var(--tw-bg-opacity));
}
.bg-\[\#FAFAFA\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
.bg-\[\#FCFAF2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(252 250 242 / var(--tw-bg-opacity));
}
.bg-\[\#FCFCFD\] {
  --tw-bg-opacity: 1;
  background-color: rgb(252 252 253 / var(--tw-bg-opacity));
}
.bg-\[\#FEF5E7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 245 231 / var(--tw-bg-opacity));
}
.bg-\[\#FEF9E7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 231 / var(--tw-bg-opacity));
}
.bg-\[\#FF4D00\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 77 0 / var(--tw-bg-opacity));
}
.bg-\[\#FF5F56\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 95 86 / var(--tw-bg-opacity));
}
.bg-\[\#FF5F57\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 95 87 / var(--tw-bg-opacity));
}
.bg-\[\#FF6719\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 103 25 / var(--tw-bg-opacity));
}
.bg-\[\#FF6B00\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 107 0 / var(--tw-bg-opacity));
}
.bg-\[\#FF6B00\]\/10 {
  background-color: rgb(255 107 0 / 0.1);
}
.bg-\[\#FF6B00\]\/15 {
  background-color: rgb(255 107 0 / 0.15);
}
.bg-\[\#FF6B00\]\/20 {
  background-color: rgb(255 107 0 / 0.2);
}
.bg-\[\#FF6B00\]\/30 {
  background-color: rgb(255 107 0 / 0.3);
}
.bg-\[\#FF6B00\]\/5 {
  background-color: rgb(255 107 0 / 0.05);
}
.bg-\[\#FFBD2E\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 189 46 / var(--tw-bg-opacity));
}
.bg-\[\#FFCCBC\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 204 188 / var(--tw-bg-opacity));
}
.bg-\[\#FFCDD2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 205 210 / var(--tw-bg-opacity));
}
.bg-\[\#FFD7B5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 215 181 / var(--tw-bg-opacity));
}
.bg-\[\#FFD9E5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 217 229 / var(--tw-bg-opacity));
}
.bg-\[\#FFE5CC\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 229 204 / var(--tw-bg-opacity));
}
.bg-\[\#a4b494\] {
  --tw-bg-opacity: 1;
  background-color: rgb(164 180 148 / var(--tw-bg-opacity));
}
.bg-\[\#a78bfa\] {
  --tw-bg-opacity: 1;
  background-color: rgb(167 139 250 / var(--tw-bg-opacity));
}
.bg-\[\#aaaaab\] {
  --tw-bg-opacity: 1;
  background-color: rgb(170 170 171 / var(--tw-bg-opacity));
}
.bg-\[\#b05ad4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(176 90 212 / var(--tw-bg-opacity));
}
.bg-\[\#b0b0b0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(176 176 176 / var(--tw-bg-opacity));
}
.bg-\[\#b35309\] {
  --tw-bg-opacity: 1;
  background-color: rgb(179 83 9 / var(--tw-bg-opacity));
}
.bg-\[\#c0c0c0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(192 192 192 / var(--tw-bg-opacity));
}
.bg-\[\#c45c26\] {
  --tw-bg-opacity: 1;
  background-color: rgb(196 92 38 / var(--tw-bg-opacity));
}
.bg-\[\#c4a24e\] {
  --tw-bg-opacity: 1;
  background-color: rgb(196 162 78 / var(--tw-bg-opacity));
}
.bg-\[\#c4a574\] {
  --tw-bg-opacity: 1;
  background-color: rgb(196 165 116 / var(--tw-bg-opacity));
}
.bg-\[\#c6e0a3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(198 224 163 / var(--tw-bg-opacity));
}
.bg-\[\#c84c0c\] {
  --tw-bg-opacity: 1;
  background-color: rgb(200 76 12 / var(--tw-bg-opacity));
}
.bg-\[\#c96442\] {
  --tw-bg-opacity: 1;
  background-color: rgb(201 100 66 / var(--tw-bg-opacity));
}
.bg-\[\#c96442\]\/10 {
  background-color: rgb(201 100 66 / 0.1);
}
.bg-\[\#cc9b7a\]\/10 {
  background-color: rgb(204 155 122 / 0.1);
}
.bg-\[\#ccc\] {
  --tw-bg-opacity: 1;
  background-color: rgb(204 204 204 / var(--tw-bg-opacity));
}
.bg-\[\#cf7c72\] {
  --tw-bg-opacity: 1;
  background-color: rgb(207 124 114 / var(--tw-bg-opacity));
}
.bg-\[\#d4c0a0\]\/80 {
  background-color: rgb(212 192 160 / 0.8);
}
.bg-\[\#d83b01\] {
  --tw-bg-opacity: 1;
  background-color: rgb(216 59 1 / var(--tw-bg-opacity));
}
.bg-\[\#d86a2c\] {
  --tw-bg-opacity: 1;
  background-color: rgb(216 106 44 / var(--tw-bg-opacity));
}
.bg-\[\#d8c2e3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(216 194 227 / var(--tw-bg-opacity));
}
.bg-\[\#d9c48a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(217 196 138 / var(--tw-bg-opacity));
}
.bg-\[\#dce6c9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(220 230 201 / var(--tw-bg-opacity));
}
.bg-\[\#dce8dc\] {
  --tw-bg-opacity: 1;
  background-color: rgb(220 232 220 / var(--tw-bg-opacity));
}
.bg-\[\#ddd\] {
  --tw-bg-opacity: 1;
  background-color: rgb(221 221 221 / var(--tw-bg-opacity));
}
.bg-\[\#dddddd\] {
  --tw-bg-opacity: 1;
  background-color: rgb(221 221 221 / var(--tw-bg-opacity));
}
.bg-\[\#ded7ca\] {
  --tw-bg-opacity: 1;
  background-color: rgb(222 215 202 / var(--tw-bg-opacity));
}
.bg-\[\#e0e5ec\] {
  --tw-bg-opacity: 1;
  background-color: rgb(224 229 236 / var(--tw-bg-opacity));
}
.bg-\[\#e4e4e4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(228 228 228 / var(--tw-bg-opacity));
}
.bg-\[\#e4e8ee\] {
  --tw-bg-opacity: 1;
  background-color: rgb(228 232 238 / var(--tw-bg-opacity));
}
.bg-\[\#e4eaf3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(228 234 243 / var(--tw-bg-opacity));
}
.bg-\[\#e8a04a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(232 160 74 / var(--tw-bg-opacity));
}
.bg-\[\#e8d392\] {
  --tw-bg-opacity: 1;
  background-color: rgb(232 211 146 / var(--tw-bg-opacity));
}
.bg-\[\#e8d5a8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(232 213 168 / var(--tw-bg-opacity));
}
.bg-\[\#e8d5b7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(232 213 183 / var(--tw-bg-opacity));
}
.bg-\[\#e8e1ea\] {
  --tw-bg-opacity: 1;
  background-color: rgb(232 225 234 / var(--tw-bg-opacity));
}
.bg-\[\#e8e8e8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(232 232 232 / var(--tw-bg-opacity));
}
.bg-\[\#e8e8ed\] {
  --tw-bg-opacity: 1;
  background-color: rgb(232 232 237 / var(--tw-bg-opacity));
}
.bg-\[\#e8edf5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(232 237 245 / var(--tw-bg-opacity));
}
.bg-\[\#e8eef7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(232 238 247 / var(--tw-bg-opacity));
}
.bg-\[\#e9dff0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(233 223 240 / var(--tw-bg-opacity));
}
.bg-\[\#ea580c\] {
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
}
.bg-\[\#eab308\] {
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity));
}
.bg-\[\#eab308\]\/90 {
  background-color: rgb(234 179 8 / 0.9);
}
.bg-\[\#ead9cb\] {
  --tw-bg-opacity: 1;
  background-color: rgb(234 217 203 / var(--tw-bg-opacity));
}
.bg-\[\#eadad5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(234 218 213 / var(--tw-bg-opacity));
}
.bg-\[\#ece8f4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(236 232 244 / var(--tw-bg-opacity));
}
.bg-\[\#ece9d8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(236 233 216 / var(--tw-bg-opacity));
}
.bg-\[\#ececec\] {
  --tw-bg-opacity: 1;
  background-color: rgb(236 236 236 / var(--tw-bg-opacity));
}
.bg-\[\#ede8e4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(237 232 228 / var(--tw-bg-opacity));
}
.bg-\[\#ededed\]\/45 {
  background-color: rgb(237 237 237 / 0.45);
}
.bg-\[\#edf1f6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(237 241 246 / var(--tw-bg-opacity));
}
.bg-\[\#eef1f6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 241 246 / var(--tw-bg-opacity));
}
.bg-\[\#ef4444\] {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}
.bg-\[\#ef7d57\] {
  --tw-bg-opacity: 1;
  background-color: rgb(239 125 87 / var(--tw-bg-opacity));
}
.bg-\[\#eff0f1\] {
  --tw-bg-opacity: 1;
  background-color: rgb(239 240 241 / var(--tw-bg-opacity));
}
.bg-\[\#f05545\] {
  --tw-bg-opacity: 1;
  background-color: rgb(240 85 69 / var(--tw-bg-opacity));
}
.bg-\[\#f0f3f7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(240 243 247 / var(--tw-bg-opacity));
}
.bg-\[\#f1f1f1\] {
  --tw-bg-opacity: 1;
  background-color: rgb(241 241 241 / var(--tw-bg-opacity));
}
.bg-\[\#f3e2b6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 226 182 / var(--tw-bg-opacity));
}
.bg-\[\#f3e6c8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 230 200 / var(--tw-bg-opacity));
}
.bg-\[\#f3efe6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 239 230 / var(--tw-bg-opacity));
}
.bg-\[\#f3f3f3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 243 243 / var(--tw-bg-opacity));
}
.bg-\[\#f4e4c1\] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 228 193 / var(--tw-bg-opacity));
}
.bg-\[\#f4e9d8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 233 216 / var(--tw-bg-opacity));
}
.bg-\[\#f4ead5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 234 213 / var(--tw-bg-opacity));
}
.bg-\[\#f4eddb\] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 237 219 / var(--tw-bg-opacity));
}
.bg-\[\#f4efe4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 239 228 / var(--tw-bg-opacity));
}
.bg-\[\#f4efe5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 239 229 / var(--tw-bg-opacity));
}
.bg-\[\#f4f1eb\] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 241 235 / var(--tw-bg-opacity));
}
.bg-\[\#f4f4f5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 245 / var(--tw-bg-opacity));
}
.bg-\[\#f4f4f7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 247 / var(--tw-bg-opacity));
}
.bg-\[\#f5f1e8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 241 232 / var(--tw-bg-opacity));
}
.bg-\[\#f5f1e8\]\/80 {
  background-color: rgb(245 241 232 / 0.8);
}
.bg-\[\#f5f5f5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
.bg-\[\#f5f5f7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 247 / var(--tw-bg-opacity));
}
.bg-\[\#f6e6c8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(246 230 200 / var(--tw-bg-opacity));
}
.bg-\[\#f6e8dc\] {
  --tw-bg-opacity: 1;
  background-color: rgb(246 232 220 / var(--tw-bg-opacity));
}
.bg-\[\#f6ecd4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(246 236 212 / var(--tw-bg-opacity));
}
.bg-\[\#f6f3eb\] {
  --tw-bg-opacity: 1;
  background-color: rgb(246 243 235 / var(--tw-bg-opacity));
}
.bg-\[\#f6f6f6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 246 / var(--tw-bg-opacity));
}
.bg-\[\#f7f0d8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(247 240 216 / var(--tw-bg-opacity));
}
.bg-\[\#f7f2e4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(247 242 228 / var(--tw-bg-opacity));
}
.bg-\[\#f7f3ea\] {
  --tw-bg-opacity: 1;
  background-color: rgb(247 243 234 / var(--tw-bg-opacity));
}
.bg-\[\#f7f6f3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(247 246 243 / var(--tw-bg-opacity));
}
.bg-\[\#f7f7f5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 245 / var(--tw-bg-opacity));
}
.bg-\[\#f8d88a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 216 138 / var(--tw-bg-opacity));
}
.bg-\[\#f8edd0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 237 208 / var(--tw-bg-opacity));
}
.bg-\[\#f8f2e7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 242 231 / var(--tw-bg-opacity));
}
.bg-\[\#f8f7fb\] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 247 251 / var(--tw-bg-opacity));
}
.bg-\[\#f8fafc\] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}
.bg-\[\#f8faff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 255 / var(--tw-bg-opacity));
}
.bg-\[\#f97316\] {
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity));
}
.bg-\[\#faf6ef\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 246 239 / var(--tw-bg-opacity));
}
.bg-\[\#faf8f4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 248 244 / var(--tw-bg-opacity));
}
.bg-\[\#faf8f5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 248 245 / var(--tw-bg-opacity));
}
.bg-\[\#fafafa\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
.bg-\[\#fbbf24\] {
  --tw-bg-opacity: 1;
  background-color: rgb(251 191 36 / var(--tw-bg-opacity));
}
.bg-\[\#fbf7ef\] {
  --tw-bg-opacity: 1;
  background-color: rgb(251 247 239 / var(--tw-bg-opacity));
}
.bg-\[\#fe2c55\] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 44 85 / var(--tw-bg-opacity));
}
.bg-\[\#febc2e\] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 188 46 / var(--tw-bg-opacity));
}
.bg-\[\#fef3c7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity));
}
.bg-\[\#ff5500\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 85 0 / var(--tw-bg-opacity));
}
.bg-\[\#ff5500\]\/10 {
  background-color: rgb(255 85 0 / 0.1);
}
.bg-\[\#ff5c8a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 92 138 / var(--tw-bg-opacity));
}
.bg-\[\#ff5f56\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 95 86 / var(--tw-bg-opacity));
}
.bg-\[\#ff5f57\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 95 87 / var(--tw-bg-opacity));
}
.bg-\[\#ff71ce\]\/30 {
  background-color: rgb(255 113 206 / 0.3);
}
.bg-\[\#ff8800\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 136 0 / var(--tw-bg-opacity));
}
.bg-\[\#ff8a80\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 138 128 / var(--tw-bg-opacity));
}
.bg-\[\#ff9900\]\/10 {
  background-color: rgb(255 153 0 / 0.1);
}
.bg-\[\#ffbd2e\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 189 46 / var(--tw-bg-opacity));
}
.bg-\[\#ffcc00\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 204 0 / var(--tw-bg-opacity));
}
.bg-\[\#ffd700\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 215 0 / var(--tw-bg-opacity));
}
.bg-\[\#fff4c4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 244 196 / var(--tw-bg-opacity));
}
.bg-\[\#fff8e7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 231 / var(--tw-bg-opacity));
}
.bg-\[\#fff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-\[\#fffcf6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 252 246 / var(--tw-bg-opacity));
}
.bg-\[\#fffef8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 254 248 / var(--tw-bg-opacity));
}
.bg-\[\#fffef9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 254 249 / var(--tw-bg-opacity));
}
.bg-\[--color-bg\] {
  background-color: var(--color-bg);
}
.bg-\[color-mix\(in_srgb\2c var\(--ec-brand\)_10\%\2c transparent\)\] {
  background-color: color-mix(in srgb,var(--ec-brand) 10%,transparent);
}
.bg-\[color\:var\(--bjork-accent\)\] {
  background-color: var(--bjork-accent);
}
.bg-\[color\:var\(--bjork-accent-fill\)\] {
  background-color: var(--bjork-accent-fill);
}
.bg-\[color\:var\(--bjork-accent-soft\)\] {
  background-color: var(--bjork-accent-soft);
}
.bg-\[color\:var\(--bjork-card\)\] {
  background-color: var(--bjork-card);
}
.bg-\[color\:var\(--bjork-card-raised\)\] {
  background-color: var(--bjork-card-raised);
}
.bg-\[color\:var\(--bjork-error-soft\)\] {
  background-color: var(--bjork-error-soft);
}
.bg-\[color\:var\(--bjork-hair\)\] {
  background-color: var(--bjork-hair);
}
.bg-\[color\:var\(--bjork-success-soft\)\] {
  background-color: var(--bjork-success-soft);
}
.bg-\[color\:var\(--bjork-surface\)\] {
  background-color: var(--bjork-surface);
}
.bg-\[color\:var\(--bjork-surface-hover\)\] {
  background-color: var(--bjork-surface-hover);
}
.bg-\[color\:var\(--bjork-text\)\] {
  background-color: var(--bjork-text);
}
.bg-\[color\:var\(--bjork-track\)\] {
  background-color: var(--bjork-track);
}
.bg-\[color\:var\(--bjork-warning-soft\)\] {
  background-color: var(--bjork-warning-soft);
}
.bg-\[color\:var\(--glass-panel\)\] {
  background-color: var(--glass-panel);
}
.bg-\[color\:var\(--inset\)\] {
  background-color: var(--inset);
}
.bg-\[color\:var\(--surface\)\] {
  background-color: var(--surface);
}
.bg-\[color\:var\(--window-bg\)\] {
  background-color: var(--window-bg);
}
.bg-\[currentColor\] {
  background-color: currentColor;
}
.bg-\[hsl\(0\2c 72\%\2c 51\%\)\] {
  --tw-bg-opacity: 1;
  background-color: hsl(0 72% 51% / var(--tw-bg-opacity));
}
.bg-\[hsl\(0\2c 84\%\2c 60\%\)\] {
  --tw-bg-opacity: 1;
  background-color: hsl(0 84% 60% / var(--tw-bg-opacity));
}
.bg-\[hsl\(0_0\%_10\%\)\] {
  --tw-bg-opacity: 1;
  background-color: hsl(0 0% 10% / var(--tw-bg-opacity));
}
.bg-\[hsl\(0_0\%_12\%\)\] {
  --tw-bg-opacity: 1;
  background-color: hsl(0 0% 12% / var(--tw-bg-opacity));
}
.bg-\[hsl\(0_0\%_3\.9\%\)\] {
  --tw-bg-opacity: 1;
  background-color: hsl(0 0% 3.9% / var(--tw-bg-opacity));
}
.bg-\[hsl\(0_0\%_38\%\)\] {
  --tw-bg-opacity: 1;
  background-color: hsl(0 0% 38% / var(--tw-bg-opacity));
}
.bg-\[hsl\(0_0\%_9\%\)\] {
  --tw-bg-opacity: 1;
  background-color: hsl(0 0% 9% / var(--tw-bg-opacity));
}
.bg-\[hsl\(0_0\%_90\%\)\] {
  --tw-bg-opacity: 1;
  background-color: hsl(0 0% 90% / var(--tw-bg-opacity));
}
.bg-\[hsl\(0_84\%_60\%\/0\.1\)\] {
  background-color: hsl(0 84% 60%/0.1);
}
.bg-\[hsl\(141_76\%_48\%\)\] {
  --tw-bg-opacity: 1;
  background-color: hsl(141 76% 48% / var(--tw-bg-opacity));
}
.bg-\[hsl\(142\2c 71\%\2c 45\%\)\] {
  --tw-bg-opacity: 1;
  background-color: hsl(142 71% 45% / var(--tw-bg-opacity));
}
.bg-\[hsl\(142_71\%_45\%\/0\.1\)\] {
  background-color: hsl(142 71% 45%/0.1);
}
.bg-\[hsl\(152\2c 60\%\2c 42\%\)\] {
  --tw-bg-opacity: 1;
  background-color: hsl(152 60% 42% / var(--tw-bg-opacity));
}
.bg-\[hsl\(155\2c 65\%\2c 45\%\)\] {
  --tw-bg-opacity: 1;
  background-color: hsl(155 65% 45% / var(--tw-bg-opacity));
}
.bg-\[hsl\(155\2c 65\%\2c 45\%\2c 0\.1\)\] {
  background-color: hsl(155,65%,45%,0.1);
}
.bg-\[hsl\(195_22\%_60\%\)\] {
  --tw-bg-opacity: 1;
  background-color: hsl(195 22% 60% / var(--tw-bg-opacity));
}
.bg-\[hsl\(200\2c 8\%\2c 7\%\)\] {
  --tw-bg-opacity: 1;
  background-color: hsl(200 8% 7% / var(--tw-bg-opacity));
}
.bg-\[hsl\(200\2c 9\%\2c 9\%\)\] {
  --tw-bg-opacity: 1;
  background-color: hsl(200 9% 9% / var(--tw-bg-opacity));
}
.bg-\[hsl\(210\2c 80\%\2c 15\%\)\] {
  --tw-bg-opacity: 1;
  background-color: hsl(210 80% 15% / var(--tw-bg-opacity));
}
.bg-\[hsl\(210_22\%_7\%\)\] {
  --tw-bg-opacity: 1;
  background-color: hsl(210 22% 7% / var(--tw-bg-opacity));
}
.bg-\[hsl\(215\2c 25\%\2c 18\%\)\] {
  --tw-bg-opacity: 1;
  background-color: hsl(215 25% 18% / var(--tw-bg-opacity));
}
.bg-\[hsl\(215\2c 28\%\2c 13\%\)\] {
  --tw-bg-opacity: 1;
  background-color: hsl(215 28% 13% / var(--tw-bg-opacity));
}
.bg-\[hsl\(217\2c 91\%\2c 60\%\)\] {
  --tw-bg-opacity: 1;
  background-color: hsl(217 91% 60% / var(--tw-bg-opacity));
}
.bg-\[hsl\(217_91\%_60\%\/0\.08\)\] {
  background-color: hsl(217 91% 60%/0.08);
}
.bg-\[hsl\(220\2c 72\%\2c 50\%\)\] {
  --tw-bg-opacity: 1;
  background-color: hsl(220 72% 50% / var(--tw-bg-opacity));
}
.bg-\[hsl\(24_95\%_72\%\)\] {
  --tw-bg-opacity: 1;
  background-color: hsl(24 95% 72% / var(--tw-bg-opacity));
}
.bg-\[hsl\(25\2c 95\%\2c 53\%\)\] {
  --tw-bg-opacity: 1;
  background-color: hsl(25 95% 53% / var(--tw-bg-opacity));
}
.bg-\[hsl\(280\2c 60\%\2c 55\%\)\] {
  --tw-bg-opacity: 1;
  background-color: hsl(280 60% 55% / var(--tw-bg-opacity));
}
.bg-\[hsl\(330\2c 65\%\2c 55\%\)\] {
  --tw-bg-opacity: 1;
  background-color: hsl(330 65% 55% / var(--tw-bg-opacity));
}
.bg-\[hsl\(35\2c 55\%\2c 18\%\)\] {
  --tw-bg-opacity: 1;
  background-color: hsl(35 55% 18% / var(--tw-bg-opacity));
}
.bg-\[hsl\(38\2c 92\%\2c 50\%\)\] {
  --tw-bg-opacity: 1;
  background-color: hsl(38 92% 50% / var(--tw-bg-opacity));
}
.bg-\[hsl\(40\2c 8\%\2c 18\%\)\] {
  --tw-bg-opacity: 1;
  background-color: hsl(40 8% 18% / var(--tw-bg-opacity));
}
.bg-\[hsl\(45\2c 93\%\2c 47\%\)\] {
  --tw-bg-opacity: 1;
  background-color: hsl(45 93% 47% / var(--tw-bg-opacity));
}
.bg-\[hsl\(48_96\%_53\%\/0\.1\)\] {
  background-color: hsl(48 96% 53%/0.1);
}
.bg-\[hsl\(95\2c 40\%\2c 15\%\)\] {
  --tw-bg-opacity: 1;
  background-color: hsl(95 40% 15% / var(--tw-bg-opacity));
}
.bg-\[hsl\(var\(--accent\)\)\] {
  background-color: hsl(var(--accent));
}
.bg-\[hsl\(var\(--accent-teal\2c 168_80\%_45\%\)\)\] {
  background-color: hsl(var(--accent-teal,168 80% 45%));
}
.bg-\[hsl\(var\(--background\)\)\] {
  background-color: hsl(var(--background));
}
.bg-\[hsl\(var\(--border\)\)\] {
  background-color: hsl(var(--border));
}
.bg-\[hsl\(var\(--brand-alternate\)\)\] {
  background-color: hsl(var(--brand-alternate));
}
.bg-\[hsl\(var\(--canvas-bg\2c 220_15\%_6\%\)\)\] {
  background-color: hsl(var(--canvas-bg,220 15% 6%));
}
.bg-\[hsl\(var\(--card\)\)\] {
  background-color: hsl(var(--card));
}
.bg-\[hsl\(var\(--column-accent\)\)\] {
  background-color: hsl(var(--column-accent));
}
.bg-\[hsl\(var\(--column-accent\)\/0\.07\)\] {
  background-color: hsl(var(--column-accent)/0.07);
}
.bg-\[hsl\(var\(--column-accent\)\/0\.12\)\] {
  background-color: hsl(var(--column-accent)/0.12);
}
.bg-\[hsl\(var\(--column-accent\)\/0\.14\)\] {
  background-color: hsl(var(--column-accent)/0.14);
}
.bg-\[hsl\(var\(--column-accent\)\/0\.18\)\] {
  background-color: hsl(var(--column-accent)/0.18);
}
.bg-\[hsl\(var\(--coral\)\)\] {
  background-color: hsl(var(--coral));
}
.bg-\[hsl\(var\(--linear-accent\)\)\] {
  background-color: hsl(var(--linear-accent));
}
.bg-\[hsl\(var\(--linear-accent\)\)\]\/10 {
  background-color: hsl(var(--linear-accent) / 0.1);
}
.bg-\[hsl\(var\(--linear-accent\)\)\]\/20 {
  background-color: hsl(var(--linear-accent) / 0.2);
}
.bg-\[hsl\(var\(--linear-accent\)\)\]\/60 {
  background-color: hsl(var(--linear-accent) / 0.6);
}
.bg-\[hsl\(var\(--linear-accent\)\/0\.1\)\] {
  background-color: hsl(var(--linear-accent)/0.1);
}
.bg-\[hsl\(var\(--linear-bg\)\)\] {
  background-color: hsl(var(--linear-bg));
}
.bg-\[hsl\(var\(--linear-bg-secondary\)\)\] {
  background-color: hsl(var(--linear-bg-secondary));
}
.bg-\[hsl\(var\(--linear-border\)\)\] {
  background-color: hsl(var(--linear-border));
}
.bg-\[hsl\(var\(--linear-border-subtle\)\)\] {
  background-color: hsl(var(--linear-border-subtle));
}
.bg-\[hsl\(var\(--linear-surface\)\)\] {
  background-color: hsl(var(--linear-surface));
}
.bg-\[hsl\(var\(--mod-beats\)\/0\.35\)\] {
  background-color: hsl(var(--mod-beats)/0.35);
}
.bg-\[hsl\(var\(--mod-boards\)\/0\.35\)\] {
  background-color: hsl(var(--mod-boards)/0.35);
}
.bg-\[hsl\(var\(--mod-breakdown\)\)\] {
  background-color: hsl(var(--mod-breakdown));
}
.bg-\[hsl\(var\(--mod-chapters\)\)\] {
  background-color: hsl(var(--mod-chapters));
}
.bg-\[hsl\(var\(--mod-maps\)\/0\.35\)\] {
  background-color: hsl(var(--mod-maps)/0.35);
}
.bg-\[hsl\(var\(--mod-mindmaps\)\/0\.25\)\] {
  background-color: hsl(var(--mod-mindmaps)/0.25);
}
.bg-\[hsl\(var\(--mod-moodboard\)\/0\.25\)\] {
  background-color: hsl(var(--mod-moodboard)/0.25);
}
.bg-\[hsl\(var\(--mod-timelines-fg\)\/0\.35\)\] {
  background-color: hsl(var(--mod-timelines-fg)/0.35);
}
.bg-\[hsl\(var\(--muted\)\)\] {
  background-color: hsl(var(--muted));
}
.bg-\[hsl\(var\(--muted\)\/0\.2\)\] {
  background-color: hsl(var(--muted)/0.2);
}
.bg-\[hsl\(var\(--node-bg\2c 220_15\%_12\%\)\)\] {
  background-color: hsl(var(--node-bg,220 15% 12%));
}
.bg-\[hsl\(var\(--popover\)\)\] {
  background-color: hsl(var(--popover));
}
.bg-\[hsl\(var\(--primary\)\)\] {
  background-color: hsl(var(--primary));
}
.bg-\[hsl\(var\(--primary-background\)\)\] {
  background-color: hsl(var(--primary-background));
}
.bg-\[oklch\(0\.08_0\.01_260\)\] {
  background-color: oklch(0.08 0.01 260);
}
.bg-\[oklch\(0\.08_0_0\)\] {
  background-color: oklch(0.08 0 0);
}
.bg-\[oklch\(0\.12_0\.004_260\)\] {
  background-color: oklch(0.12 0.004 260);
}
.bg-\[oklch\(0\.12_0\.01_260\)\] {
  background-color: oklch(0.12 0.01 260);
}
.bg-\[oklch\(0\.13_0\.004_260\)\] {
  background-color: oklch(0.13 0.004 260);
}
.bg-\[oklch\(0\.13_0\.005_260\)\] {
  background-color: oklch(0.13 0.005 260);
}
.bg-\[oklch\(0\.145_0_0\)\] {
  background-color: oklch(0.145 0 0);
}
.bg-\[oklch\(0\.14_0\.01_260\)\] {
  background-color: oklch(0.14 0.01 260);
}
.bg-\[oklch\(0\.17_0_0\)\] {
  background-color: oklch(0.17 0 0);
}
.bg-\[oklch\(0\.18_0_0\)\] {
  background-color: oklch(0.18 0 0);
}
.bg-\[oklch\(0\.1_0\.004_260\)\] {
  background-color: oklch(0.1 0.004 260);
}
.bg-\[oklch\(0\.1_0\.01_260\)\] {
  background-color: oklch(0.1 0.01 260);
}
.bg-\[oklch\(0\.62_0\.17_255\)\] {
  background-color: oklch(0.62 0.17 255);
}
.bg-\[oklch\(0\.62_0\.2_305\)\] {
  background-color: oklch(0.62 0.2 305);
}
.bg-\[oklch\(0\.646_0\.222_27\)\] {
  background-color: oklch(0.646 0.222 27);
}
.bg-\[oklch\(0\.6_0\.118_184\.704\)\] {
  background-color: oklch(0.6 0.118 184.704);
}
.bg-\[oklch\(0\.72_0\.15_200\)\] {
  background-color: oklch(0.72 0.15 200);
}
.bg-\[oklch\(0\.78_0\.19_150\)\] {
  background-color: oklch(0.78 0.19 150);
}
.bg-\[oklch\(0\.82_0\.12_210\)\] {
  background-color: oklch(0.82 0.12 210);
}
.bg-\[oklch\(0\.88_0\.17_95\)\] {
  background-color: oklch(0.88 0.17 95);
}
.bg-\[oklch\(0\.953_0\.1051_123\.71\)\] {
  background-color: oklch(0.953 0.1051 123.71);
}
.bg-\[oklch\(0\.96_0_0\)\] {
  background-color: oklch(0.96 0 0);
}
.bg-\[radial-gradient\(circle_at_15\%_20\%\2c \#76e4ff_0\%\2c transparent_42\%\)\2c radial-gradient\(circle_at_85\%_78\%\2c \#08b8e8_0\%\2c transparent_40\%\)\2c \#02060a\] {
  background-color: radial-gradient(circle at 15% 20%,#76e4ff 0%,transparent 42%),radial-gradient(circle at 85% 78%,#08b8e8 0%,transparent 40%),#02060a;
}
.bg-\[radial-gradient\(circle_at_25\%_20\%\2c \#6b4cff_0\%\2c transparent_38\%\)\2c radial-gradient\(circle_at_80\%_70\%\2c \#00d4ff_0\%\2c transparent_42\%\)\2c \#100f1d\] {
  background-color: radial-gradient(circle at 25% 20%,#6b4cff 0%,transparent 38%),radial-gradient(circle at 80% 70%,#00d4ff 0%,transparent 42%),#100f1d;
}
.bg-\[rgb\(156_176_204_\/_0\.45\)\] {
  background-color: rgb(156 176 204 / 0.45);
}
.bg-\[rgb\(240_235_227_\/_0\.14\)\] {
  background-color: rgb(240 235 227 / 0.14);
}
.bg-\[rgb\(40_42_40_\/_88\%\)\] {
  background-color: rgb(40 42 40 / 88%);
}
.bg-\[rgb\(48_50_48_\/_94\%\)\] {
  background-color: rgb(48 50 48 / 94%);
}
.bg-\[rgba\(16\2c 24\2c 40\2c 0\.9\)\] {
  background-color: rgba(16,24,40,0.9);
}
.bg-\[rgba\(24\2c 24\2c 27\2c 0\.7\)\] {
  background-color: rgba(24,24,27,0.7);
}
.bg-\[rgba\(240\2c 242\2c 247\2c 1\)\] {
  background-color: rgba(240,242,247,1);
}
.bg-\[rgba\(69\2c 206\2c 153\2c 0\.1\)\] {
  background-color: rgba(69,206,153,0.1);
}
.bg-\[rgba\(69\2c 206\2c 153\2c 0\.30\)\] {
  background-color: rgba(69,206,153,0.30);
}
.bg-\[sidebar-accent-foreground\] {
  background-color: sidebar-accent-foreground;
}
.bg-\[tomato\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 99 71 / var(--tw-bg-opacity));
}
.bg-\[var\(--accent\)\] {
  background-color: var(--accent);
}
.bg-\[var\(--accent-pro\2c \#f12e54\)\] {
  background-color: var(--accent-pro,#f12e54);
}
.bg-\[var\(--background\)\] {
  background-color: var(--background);
}
.bg-\[var\(--batch-prep\)\] {
  background-color: var(--batch-prep);
}
.bg-\[var\(--bg-color\)\] {
  background-color: var(--bg-color);
}
.bg-\[var\(--bjork-bg\)\] {
  background-color: var(--bjork-bg);
}
.bg-\[var\(--blender-accent-orange-bg\)\] {
  background-color: var(--blender-accent-orange-bg);
}
.bg-\[var\(--blender-bg\)\] {
  background-color: var(--blender-bg);
}
.bg-\[var\(--blender-header\)\] {
  background-color: var(--blender-header);
}
.bg-\[var\(--blender-input\)\] {
  background-color: var(--blender-input);
}
.bg-\[var\(--blender-stroke\)\] {
  background-color: var(--blender-stroke);
}
.bg-\[var\(--blender-stroke\2c \#121212\)\] {
  background-color: var(--blender-stroke,#121212);
}
.bg-\[var\(--blender-viewport\)\] {
  background-color: var(--blender-viewport);
}
.bg-\[var\(--blocks-column-divider\)\] {
  background-color: var(--blocks-column-divider);
}
.bg-\[var\(--canvas-bg\)\] {
  background-color: var(--canvas-bg);
}
.bg-\[var\(--card\)\] {
  background-color: var(--card);
}
.bg-\[var\(--code-bg\)\] {
  background-color: var(--code-bg);
}
.bg-\[var\(--color-accent\)\] {
  background-color: var(--color-accent);
}
.bg-\[var\(--color-background\)\] {
  background-color: var(--color-background);
}
.bg-\[var\(--color-chart-gray\)\] {
  background-color: var(--color-chart-gray);
}
.bg-\[var\(--color-chart-orange\)\] {
  background-color: var(--color-chart-orange);
}
.bg-\[var\(--color-destructive-soft\2c var\(--color-red-50\)\)\] {
  background-color: var(--color-destructive-soft,var(--color-red-50));
}
.bg-\[var\(--color-foreground\)\] {
  background-color: var(--color-foreground);
}
.bg-\[var\(--color-info-accent\2c var\(--color-violet-500\)\)\] {
  background-color: var(--color-info-accent,var(--color-violet-500));
}
.bg-\[var\(--color-info-soft\2c var\(--color-violet-100\)\)\] {
  background-color: var(--color-info-soft,var(--color-violet-100));
}
.bg-\[var\(--color-info-soft\2c var\(--color-violet-50\)\)\] {
  background-color: var(--color-info-soft,var(--color-violet-50));
}
.bg-\[var\(--color-muted\)\] {
  background-color: var(--color-muted);
}
.bg-\[var\(--color-primary-soft\2c var\(--color-blue-50\)\)\] {
  background-color: var(--color-primary-soft,var(--color-blue-50));
}
.bg-\[var\(--color-success-accent\2c var\(--color-green-500\)\)\] {
  background-color: var(--color-success-accent,var(--color-green-500));
}
.bg-\[var\(--color-success-soft\2c var\(--color-green-100\)\)\] {
  background-color: var(--color-success-soft,var(--color-green-100));
}
.bg-\[var\(--color-success-soft\2c var\(--color-green-50\)\)\] {
  background-color: var(--color-success-soft,var(--color-green-50));
}
.bg-\[var\(--color-warning-accent\2c var\(--color-yellow-500\)\)\] {
  background-color: var(--color-warning-accent,var(--color-yellow-500));
}
.bg-\[var\(--color-warning-soft\2c var\(--color-yellow-100\)\)\] {
  background-color: var(--color-warning-soft,var(--color-yellow-100));
}
.bg-\[var\(--color-warning-soft\2c var\(--color-yellow-50\)\)\] {
  background-color: var(--color-warning-soft,var(--color-yellow-50));
}
.bg-\[var\(--container-surface\2c hsl\(var\(--background\)\)\)\] {
  background-color: var(--container-surface,hsl(var(--background)));
}
.bg-\[var\(--core-bar\2c var\(--linux-chrome-bg\2c \#242424\)\)\] {
  background-color: var(--core-bar,var(--linux-chrome-bg,#242424));
}
.bg-\[var\(--core-panel\)\] {
  background-color: var(--core-panel);
}
.bg-\[var\(--core-selected\2c hsl\(var\(--muted\)\)\)\] {
  background-color: var(--core-selected,hsl(var(--muted)));
}
.bg-\[var\(--dc-surface\)\] {
  background-color: var(--dc-surface);
}
.bg-\[var\(--dm-board\)\] {
  background-color: var(--dm-board);
}
.bg-\[var\(--dm-ink-muted\)\] {
  background-color: var(--dm-ink-muted);
}
.bg-\[var\(--dm-line\)\] {
  background-color: var(--dm-line);
}
.bg-\[var\(--ec-brand\)\] {
  background-color: var(--ec-brand);
}
.bg-\[var\(--em-line\)\] {
  background-color: var(--em-line);
}
.bg-\[var\(--em-panel\)\] {
  background-color: var(--em-panel);
}
.bg-\[var\(--eraser-chrome\)\] {
  background-color: var(--eraser-chrome);
}
.bg-\[var\(--eraser-chrome-elevated\)\] {
  background-color: var(--eraser-chrome-elevated);
}
.bg-\[var\(--fill\)\] {
  background-color: var(--fill);
}
.bg-\[var\(--fill2\)\] {
  background-color: var(--fill2);
}
.bg-\[var\(--folder-card-bezel\)\] {
  background-color: var(--folder-card-bezel);
}
.bg-\[var\(--folder-card-surface\)\] {
  background-color: var(--folder-card-surface);
}
.bg-\[var\(--foreground\)\] {
  background-color: var(--foreground);
}
.bg-\[var\(--glass-bar\)\] {
  background-color: var(--glass-bar);
}
.bg-\[var\(--glass-menu\)\] {
  background-color: var(--glass-menu);
}
.bg-\[var\(--grouped\)\] {
  background-color: var(--grouped);
}
.bg-\[var\(--hb-hdr-blue\)\] {
  background-color: var(--hb-hdr-blue);
}
.bg-\[var\(--ide-accent\)\] {
  background-color: var(--ide-accent);
}
.bg-\[var\(--ide-accent-soft\)\] {
  background-color: var(--ide-accent-soft);
}
.bg-\[var\(--ide-amber\)\] {
  background-color: var(--ide-amber);
}
.bg-\[var\(--ide-bg\)\] {
  background-color: var(--ide-bg);
}
.bg-\[var\(--ide-bg-active\)\] {
  background-color: var(--ide-bg-active);
}
.bg-\[var\(--ide-bg-editor\)\] {
  background-color: var(--ide-bg-editor);
}
.bg-\[var\(--ide-bg-elevated\)\] {
  background-color: var(--ide-bg-elevated);
}
.bg-\[var\(--ide-green\)\] {
  background-color: var(--ide-green);
}
.bg-\[var\(--ide-red\)\] {
  background-color: var(--ide-red);
}
.bg-\[var\(--kb-color-current\)\] {
  background-color: var(--kb-color-current);
}
.bg-\[var\(--linux-chrome-bg\2c \#242424\)\] {
  background-color: var(--linux-chrome-bg,#242424);
}
.bg-\[var\(--linux-chrome-hover\2c hsl\(0_0\%_100\%\/0\.06\)\)\] {
  background-color: var(--linux-chrome-hover,hsl(0 0% 100%/0.06));
}
.bg-\[var\(--marquee\)\] {
  background-color: var(--marquee);
}
.bg-\[var\(--meal-breakfast\)\] {
  background-color: var(--meal-breakfast);
}
.bg-\[var\(--meal-dinner\)\] {
  background-color: var(--meal-dinner);
}
.bg-\[var\(--meal-lunch\)\] {
  background-color: var(--meal-lunch);
}
.bg-\[var\(--meal-snack\)\] {
  background-color: var(--meal-snack);
}
.bg-\[var\(--mica-win\2c var\(--card\)\)\] {
  background-color: var(--mica-win,var(--card));
}
.bg-\[var\(--mica-win\2c var\(--sidebar\)\)\] {
  background-color: var(--mica-win,var(--sidebar));
}
.bg-\[var\(--muted\)\] {
  background-color: var(--muted);
}
.bg-\[var\(--nc-blue\)\] {
  background-color: var(--nc-blue);
}
.bg-\[var\(--nc-violet\)\] {
  background-color: var(--nc-violet);
}
.bg-\[var\(--nifty-bg\)\] {
  background-color: var(--nifty-bg);
}
.bg-\[var\(--nle-bg\)\] {
  background-color: var(--nle-bg);
}
.bg-\[var\(--nle-panel\)\] {
  background-color: var(--nle-panel);
}
.bg-\[var\(--nle-panel-3\)\] {
  background-color: var(--nle-panel-3);
}
.bg-\[var\(--nle-playhead\)\] {
  background-color: var(--nle-playhead);
}
.bg-\[var\(--nle-timeline-divider\2c \#4a4a4a\)\] {
  background-color: var(--nle-timeline-divider,#4a4a4a);
}
.bg-\[var\(--primary\)\] {
  background-color: var(--primary);
}
.bg-\[var\(--rd-search-hover\)\] {
  background-color: var(--rd-search-hover);
}
.bg-\[var\(--reveal-surface\)\] {
  background-color: var(--reveal-surface);
}
.bg-\[var\(--rss-reader-border\)\] {
  background-color: var(--rss-reader-border);
}
.bg-\[var\(--rss-reader-code\)\] {
  background-color: var(--rss-reader-code);
}
.bg-\[var\(--selection-bg\)\] {
  background-color: var(--selection-bg);
}
.bg-\[var\(--sheet-footer-bg\)\] {
  background-color: var(--sheet-footer-bg);
}
.bg-\[var\(--stack-accent\)\] {
  background-color: var(--stack-accent);
}
.bg-\[var\(--stack-bg\)\] {
  background-color: var(--stack-bg);
}
.bg-\[var\(--stack-card\)\] {
  background-color: var(--stack-card);
}
.bg-\[var\(--stack-muted\)\] {
  background-color: var(--stack-muted);
}
.bg-\[var\(--surface-0\2c \#1a1a1a\)\] {
  background-color: var(--surface-0,#1a1a1a);
}
.bg-\[var\(--swatch-color\)\] {
  background-color: var(--swatch-color);
}
.bg-\[var\(--tb-check\2c \#3b82f6\)\] {
  background-color: var(--tb-check,#3b82f6);
}
.bg-\[var\(--tb-surface\2c \#121212\)\] {
  background-color: var(--tb-surface,#121212);
}
.bg-\[var\(--ve-playhead\2c \#ff3b30\)\] {
  background-color: var(--ve-playhead,#ff3b30);
}
.bg-\[var\(--ve-stage\2c \#0c0d10\)\] {
  background-color: var(--ve-stage,#0c0d10);
}
.bg-\[var\(--wet-paint\2c \#6366f1\)\] {
  background-color: var(--wet-paint,#6366f1);
}
.bg-accent {
  background-color: hsl(var(--accent));
}
.bg-accent\/10 {
  background-color: hsl(var(--accent) / 0.1);
}
.bg-accent\/15 {
  background-color: hsl(var(--accent) / 0.15);
}
.bg-accent\/20 {
  background-color: hsl(var(--accent) / 0.2);
}
.bg-accent\/25 {
  background-color: hsl(var(--accent) / 0.25);
}
.bg-accent\/30 {
  background-color: hsl(var(--accent) / 0.3);
}
.bg-accent\/35 {
  background-color: hsl(var(--accent) / 0.35);
}
.bg-accent\/40 {
  background-color: hsl(var(--accent) / 0.4);
}
.bg-accent\/5 {
  background-color: hsl(var(--accent) / 0.05);
}
.bg-accent\/50 {
  background-color: hsl(var(--accent) / 0.5);
}
.bg-accent\/55 {
  background-color: hsl(var(--accent) / 0.55);
}
.bg-accent\/60 {
  background-color: hsl(var(--accent) / 0.6);
}
.bg-accent\/70 {
  background-color: hsl(var(--accent) / 0.7);
}
.bg-accent\/80 {
  background-color: hsl(var(--accent) / 0.8);
}
.bg-accent\/90 {
  background-color: hsl(var(--accent) / 0.9);
}
.bg-amber-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity));
}
.bg-amber-100\/15 {
  background-color: rgb(254 243 199 / 0.15);
}
.bg-amber-100\/50 {
  background-color: rgb(254 243 199 / 0.5);
}
.bg-amber-100\/70 {
  background-color: rgb(254 243 199 / 0.7);
}
.bg-amber-100\/80 {
  background-color: rgb(254 243 199 / 0.8);
}
.bg-amber-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 230 138 / var(--tw-bg-opacity));
}
.bg-amber-200\/60 {
  background-color: rgb(253 230 138 / 0.6);
}
.bg-amber-200\/70 {
  background-color: rgb(253 230 138 / 0.7);
}
.bg-amber-200\/90 {
  background-color: rgb(253 230 138 / 0.9);
}
.bg-amber-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 211 77 / var(--tw-bg-opacity));
}
.bg-amber-300\/10 {
  background-color: rgb(252 211 77 / 0.1);
}
.bg-amber-300\/40 {
  background-color: rgb(252 211 77 / 0.4);
}
.bg-amber-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(251 191 36 / var(--tw-bg-opacity));
}
.bg-amber-400\/10 {
  background-color: rgb(251 191 36 / 0.1);
}
.bg-amber-400\/15 {
  background-color: rgb(251 191 36 / 0.15);
}
.bg-amber-400\/20 {
  background-color: rgb(251 191 36 / 0.2);
}
.bg-amber-400\/35 {
  background-color: rgb(251 191 36 / 0.35);
}
.bg-amber-400\/40 {
  background-color: rgb(251 191 36 / 0.4);
}
.bg-amber-400\/5 {
  background-color: rgb(251 191 36 / 0.05);
}
.bg-amber-400\/50 {
  background-color: rgb(251 191 36 / 0.5);
}
.bg-amber-400\/80 {
  background-color: rgb(251 191 36 / 0.8);
}
.bg-amber-400\/85 {
  background-color: rgb(251 191 36 / 0.85);
}
.bg-amber-400\/90 {
  background-color: rgb(251 191 36 / 0.9);
}
.bg-amber-400\/\[0\.03\] {
  background-color: rgb(251 191 36 / 0.03);
}
.bg-amber-400\/\[0\.04\] {
  background-color: rgb(251 191 36 / 0.04);
}
.bg-amber-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity));
}
.bg-amber-50\/40 {
  background-color: rgb(255 251 235 / 0.4);
}
.bg-amber-50\/50 {
  background-color: rgb(255 251 235 / 0.5);
}
.bg-amber-50\/60 {
  background-color: rgb(255 251 235 / 0.6);
}
.bg-amber-50\/70 {
  background-color: rgb(255 251 235 / 0.7);
}
.bg-amber-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity));
}
.bg-amber-500\/10 {
  background-color: rgb(245 158 11 / 0.1);
}
.bg-amber-500\/15 {
  background-color: rgb(245 158 11 / 0.15);
}
.bg-amber-500\/20 {
  background-color: rgb(245 158 11 / 0.2);
}
.bg-amber-500\/25 {
  background-color: rgb(245 158 11 / 0.25);
}
.bg-amber-500\/30 {
  background-color: rgb(245 158 11 / 0.3);
}
.bg-amber-500\/5 {
  background-color: rgb(245 158 11 / 0.05);
}
.bg-amber-500\/60 {
  background-color: rgb(245 158 11 / 0.6);
}
.bg-amber-500\/70 {
  background-color: rgb(245 158 11 / 0.7);
}
.bg-amber-500\/80 {
  background-color: rgb(245 158 11 / 0.8);
}
.bg-amber-500\/90 {
  background-color: rgb(245 158 11 / 0.9);
}
.bg-amber-500\/95 {
  background-color: rgb(245 158 11 / 0.95);
}
.bg-amber-500\/\[0\.03\] {
  background-color: rgb(245 158 11 / 0.03);
}
.bg-amber-500\/\[0\.05\] {
  background-color: rgb(245 158 11 / 0.05);
}
.bg-amber-500\/\[0\.06\] {
  background-color: rgb(245 158 11 / 0.06);
}
.bg-amber-500\/\[0\.1\] {
  background-color: rgb(245 158 11 / 0.1);
}
.bg-amber-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / var(--tw-bg-opacity));
}
.bg-amber-600\/10 {
  background-color: rgb(217 119 6 / 0.1);
}
.bg-amber-600\/15 {
  background-color: rgb(217 119 6 / 0.15);
}
.bg-amber-600\/20 {
  background-color: rgb(217 119 6 / 0.2);
}
.bg-amber-600\/30 {
  background-color: rgb(217 119 6 / 0.3);
}
.bg-amber-600\/5 {
  background-color: rgb(217 119 6 / 0.05);
}
.bg-amber-600\/50 {
  background-color: rgb(217 119 6 / 0.5);
}
.bg-amber-600\/80 {
  background-color: rgb(217 119 6 / 0.8);
}
.bg-amber-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(180 83 9 / var(--tw-bg-opacity));
}
.bg-amber-700\/10 {
  background-color: rgb(180 83 9 / 0.1);
}
.bg-amber-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(146 64 14 / var(--tw-bg-opacity));
}
.bg-amber-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(120 53 15 / var(--tw-bg-opacity));
}
.bg-amber-900\/10 {
  background-color: rgb(120 53 15 / 0.1);
}
.bg-amber-900\/15 {
  background-color: rgb(120 53 15 / 0.15);
}
.bg-amber-900\/20 {
  background-color: rgb(120 53 15 / 0.2);
}
.bg-amber-900\/30 {
  background-color: rgb(120 53 15 / 0.3);
}
.bg-amber-900\/40 {
  background-color: rgb(120 53 15 / 0.4);
}
.bg-amber-900\/50 {
  background-color: rgb(120 53 15 / 0.5);
}
.bg-amber-900\/60 {
  background-color: rgb(120 53 15 / 0.6);
}
.bg-amber-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(69 26 3 / var(--tw-bg-opacity));
}
.bg-amber-950\/20 {
  background-color: rgb(69 26 3 / 0.2);
}
.bg-amber-950\/30 {
  background-color: rgb(69 26 3 / 0.3);
}
.bg-amber-950\/40 {
  background-color: rgb(69 26 3 / 0.4);
}
.bg-amber-950\/50 {
  background-color: rgb(69 26 3 / 0.5);
}
.bg-amber-950\/70 {
  background-color: rgb(69 26 3 / 0.7);
}
.bg-amber-950\/80 {
  background-color: rgb(69 26 3 / 0.8);
}
.bg-amber-950\/85 {
  background-color: rgb(69 26 3 / 0.85);
}
.bg-amber-950\/90 {
  background-color: rgb(69 26 3 / 0.9);
}
.bg-background {
  background-color: hsl(var(--background));
}
.bg-background\/0 {
  background-color: hsl(var(--background) / 0);
}
.bg-background\/10 {
  background-color: hsl(var(--background) / 0.1);
}
.bg-background\/15 {
  background-color: hsl(var(--background) / 0.15);
}
.bg-background\/20 {
  background-color: hsl(var(--background) / 0.2);
}
.bg-background\/25 {
  background-color: hsl(var(--background) / 0.25);
}
.bg-background\/30 {
  background-color: hsl(var(--background) / 0.3);
}
.bg-background\/35 {
  background-color: hsl(var(--background) / 0.35);
}
.bg-background\/40 {
  background-color: hsl(var(--background) / 0.4);
}
.bg-background\/45 {
  background-color: hsl(var(--background) / 0.45);
}
.bg-background\/50 {
  background-color: hsl(var(--background) / 0.5);
}
.bg-background\/55 {
  background-color: hsl(var(--background) / 0.55);
}
.bg-background\/60 {
  background-color: hsl(var(--background) / 0.6);
}
.bg-background\/65 {
  background-color: hsl(var(--background) / 0.65);
}
.bg-background\/70 {
  background-color: hsl(var(--background) / 0.7);
}
.bg-background\/75 {
  background-color: hsl(var(--background) / 0.75);
}
.bg-background\/80 {
  background-color: hsl(var(--background) / 0.8);
}
.bg-background\/85 {
  background-color: hsl(var(--background) / 0.85);
}
.bg-background\/90 {
  background-color: hsl(var(--background) / 0.9);
}
.bg-background\/95 {
  background-color: hsl(var(--background) / 0.95);
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-black\/0 {
  background-color: rgb(0 0 0 / 0);
}
.bg-black\/10 {
  background-color: rgb(0 0 0 / 0.1);
}
.bg-black\/15 {
  background-color: rgb(0 0 0 / 0.15);
}
.bg-black\/20 {
  background-color: rgb(0 0 0 / 0.2);
}
.bg-black\/25 {
  background-color: rgb(0 0 0 / 0.25);
}
.bg-black\/30 {
  background-color: rgb(0 0 0 / 0.3);
}
.bg-black\/35 {
  background-color: rgb(0 0 0 / 0.35);
}
.bg-black\/40 {
  background-color: rgb(0 0 0 / 0.4);
}
.bg-black\/45 {
  background-color: rgb(0 0 0 / 0.45);
}
.bg-black\/5 {
  background-color: rgb(0 0 0 / 0.05);
}
.bg-black\/50 {
  background-color: rgb(0 0 0 / 0.5);
}
.bg-black\/55 {
  background-color: rgb(0 0 0 / 0.55);
}
.bg-black\/60 {
  background-color: rgb(0 0 0 / 0.6);
}
.bg-black\/65 {
  background-color: rgb(0 0 0 / 0.65);
}
.bg-black\/70 {
  background-color: rgb(0 0 0 / 0.7);
}
.bg-black\/75 {
  background-color: rgb(0 0 0 / 0.75);
}
.bg-black\/80 {
  background-color: rgb(0 0 0 / 0.8);
}
.bg-black\/85 {
  background-color: rgb(0 0 0 / 0.85);
}
.bg-black\/90 {
  background-color: rgb(0 0 0 / 0.9);
}
.bg-black\/95 {
  background-color: rgb(0 0 0 / 0.95);
}
.bg-black\/\[0\.02\] {
  background-color: rgb(0 0 0 / 0.02);
}
.bg-black\/\[0\.03\] {
  background-color: rgb(0 0 0 / 0.03);
}
.bg-black\/\[0\.04\] {
  background-color: rgb(0 0 0 / 0.04);
}
.bg-black\/\[0\.06\] {
  background-color: rgb(0 0 0 / 0.06);
}
.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
}
.bg-blue-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(191 219 254 / var(--tw-bg-opacity));
}
.bg-blue-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(147 197 253 / var(--tw-bg-opacity));
}
.bg-blue-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity));
}
.bg-blue-400\/10 {
  background-color: rgb(96 165 250 / 0.1);
}
.bg-blue-400\/15 {
  background-color: rgb(96 165 250 / 0.15);
}
.bg-blue-400\/20 {
  background-color: rgb(96 165 250 / 0.2);
}
.bg-blue-400\/5 {
  background-color: rgb(96 165 250 / 0.05);
}
.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity));
}
.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.bg-blue-500\/10 {
  background-color: rgb(59 130 246 / 0.1);
}
.bg-blue-500\/15 {
  background-color: rgb(59 130 246 / 0.15);
}
.bg-blue-500\/20 {
  background-color: rgb(59 130 246 / 0.2);
}
.bg-blue-500\/25 {
  background-color: rgb(59 130 246 / 0.25);
}
.bg-blue-500\/30 {
  background-color: rgb(59 130 246 / 0.3);
}
.bg-blue-500\/35 {
  background-color: rgb(59 130 246 / 0.35);
}
.bg-blue-500\/40 {
  background-color: rgb(59 130 246 / 0.4);
}
.bg-blue-500\/5 {
  background-color: rgb(59 130 246 / 0.05);
}
.bg-blue-500\/50 {
  background-color: rgb(59 130 246 / 0.5);
}
.bg-blue-500\/55 {
  background-color: rgb(59 130 246 / 0.55);
}
.bg-blue-500\/60 {
  background-color: rgb(59 130 246 / 0.6);
}
.bg-blue-500\/80 {
  background-color: rgb(59 130 246 / 0.8);
}
.bg-blue-500\/85 {
  background-color: rgb(59 130 246 / 0.85);
}
.bg-blue-500\/90 {
  background-color: rgb(59 130 246 / 0.9);
}
.bg-blue-500\/\[0\.08\] {
  background-color: rgb(59 130 246 / 0.08);
}
.bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}
.bg-blue-600\/10 {
  background-color: rgb(37 99 235 / 0.1);
}
.bg-blue-600\/15 {
  background-color: rgb(37 99 235 / 0.15);
}
.bg-blue-600\/20 {
  background-color: rgb(37 99 235 / 0.2);
}
.bg-blue-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity));
}
.bg-blue-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(30 64 175 / var(--tw-bg-opacity));
}
.bg-blue-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / var(--tw-bg-opacity));
}
.bg-blue-900\/20 {
  background-color: rgb(30 58 138 / 0.2);
}
.bg-blue-900\/30 {
  background-color: rgb(30 58 138 / 0.3);
}
.bg-blue-900\/40 {
  background-color: rgb(30 58 138 / 0.4);
}
.bg-blue-900\/50 {
  background-color: rgb(30 58 138 / 0.5);
}
.bg-blue-900\/60 {
  background-color: rgb(30 58 138 / 0.6);
}
.bg-blue-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(23 37 84 / var(--tw-bg-opacity));
}
.bg-blue-950\/20 {
  background-color: rgb(23 37 84 / 0.2);
}
.bg-blue-950\/40 {
  background-color: rgb(23 37 84 / 0.4);
}
.bg-blue-950\/50 {
  background-color: rgb(23 37 84 / 0.5);
}
.bg-blue-950\/80 {
  background-color: rgb(23 37 84 / 0.8);
}
.bg-border {
  background-color: hsl(var(--border));
}
.bg-border\/30 {
  background-color: hsl(var(--border) / 0.3);
}
.bg-border\/40 {
  background-color: hsl(var(--border) / 0.4);
}
.bg-border\/50 {
  background-color: hsl(var(--border) / 0.5);
}
.bg-border\/60 {
  background-color: hsl(var(--border) / 0.6);
}
.bg-border\/70 {
  background-color: hsl(var(--border) / 0.7);
}
.bg-border\/80 {
  background-color: hsl(var(--border) / 0.8);
}
.bg-card {
  background-color: hsl(var(--card));
}
.bg-card\/10 {
  background-color: hsl(var(--card) / 0.1);
}
.bg-card\/15 {
  background-color: hsl(var(--card) / 0.15);
}
.bg-card\/20 {
  background-color: hsl(var(--card) / 0.2);
}
.bg-card\/25 {
  background-color: hsl(var(--card) / 0.25);
}
.bg-card\/30 {
  background-color: hsl(var(--card) / 0.3);
}
.bg-card\/35 {
  background-color: hsl(var(--card) / 0.35);
}
.bg-card\/40 {
  background-color: hsl(var(--card) / 0.4);
}
.bg-card\/45 {
  background-color: hsl(var(--card) / 0.45);
}
.bg-card\/5 {
  background-color: hsl(var(--card) / 0.05);
}
.bg-card\/50 {
  background-color: hsl(var(--card) / 0.5);
}
.bg-card\/55 {
  background-color: hsl(var(--card) / 0.55);
}
.bg-card\/60 {
  background-color: hsl(var(--card) / 0.6);
}
.bg-card\/70 {
  background-color: hsl(var(--card) / 0.7);
}
.bg-card\/75 {
  background-color: hsl(var(--card) / 0.75);
}
.bg-card\/80 {
  background-color: hsl(var(--card) / 0.8);
}
.bg-card\/85 {
  background-color: hsl(var(--card) / 0.85);
}
.bg-card\/90 {
  background-color: hsl(var(--card) / 0.9);
}
.bg-card\/95 {
  background-color: hsl(var(--card) / 0.95);
}
.bg-chart-1 {
  background-color: hsl(var(--chart-1));
}
.bg-chart-1\/10 {
  background-color: hsl(var(--chart-1) / 0.1);
}
.bg-chart-1\/20 {
  background-color: hsl(var(--chart-1) / 0.2);
}
.bg-chart-1\/5 {
  background-color: hsl(var(--chart-1) / 0.05);
}
.bg-chart-2 {
  background-color: hsl(var(--chart-2));
}
.bg-chart-2\/10 {
  background-color: hsl(var(--chart-2) / 0.1);
}
.bg-chart-2\/15 {
  background-color: hsl(var(--chart-2) / 0.15);
}
.bg-chart-2\/20 {
  background-color: hsl(var(--chart-2) / 0.2);
}
.bg-chart-3 {
  background-color: hsl(var(--chart-3));
}
.bg-chart-3\/10 {
  background-color: hsl(var(--chart-3) / 0.1);
}
.bg-chart-3\/15 {
  background-color: hsl(var(--chart-3) / 0.15);
}
.bg-chart-3\/20 {
  background-color: hsl(var(--chart-3) / 0.2);
}
.bg-chart-4 {
  background-color: hsl(var(--chart-4));
}
.bg-chart-4\/10 {
  background-color: hsl(var(--chart-4) / 0.1);
}
.bg-chart-4\/15 {
  background-color: hsl(var(--chart-4) / 0.15);
}
.bg-chart-4\/20 {
  background-color: hsl(var(--chart-4) / 0.2);
}
.bg-chart-5 {
  background-color: hsl(var(--chart-5));
}
.bg-chart-5\/10 {
  background-color: hsl(var(--chart-5) / 0.1);
}
.bg-chart-5\/15 {
  background-color: hsl(var(--chart-5) / 0.15);
}
.bg-chart-5\/20 {
  background-color: hsl(var(--chart-5) / 0.2);
}
.bg-current {
  background-color: currentColor;
}
.bg-cyan-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(207 250 254 / var(--tw-bg-opacity));
}
.bg-cyan-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(103 232 249 / var(--tw-bg-opacity));
}
.bg-cyan-300\/70 {
  background-color: rgb(103 232 249 / 0.7);
}
.bg-cyan-300\/90 {
  background-color: rgb(103 232 249 / 0.9);
}
.bg-cyan-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(34 211 238 / var(--tw-bg-opacity));
}
.bg-cyan-400\/10 {
  background-color: rgb(34 211 238 / 0.1);
}
.bg-cyan-400\/15 {
  background-color: rgb(34 211 238 / 0.15);
}
.bg-cyan-400\/20 {
  background-color: rgb(34 211 238 / 0.2);
}
.bg-cyan-400\/30 {
  background-color: rgb(34 211 238 / 0.3);
}
.bg-cyan-400\/5 {
  background-color: rgb(34 211 238 / 0.05);
}
.bg-cyan-400\/80 {
  background-color: rgb(34 211 238 / 0.8);
}
.bg-cyan-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 254 255 / var(--tw-bg-opacity));
}
.bg-cyan-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(6 182 212 / var(--tw-bg-opacity));
}
.bg-cyan-500\/0 {
  background-color: rgb(6 182 212 / 0);
}
.bg-cyan-500\/10 {
  background-color: rgb(6 182 212 / 0.1);
}
.bg-cyan-500\/15 {
  background-color: rgb(6 182 212 / 0.15);
}
.bg-cyan-500\/20 {
  background-color: rgb(6 182 212 / 0.2);
}
.bg-cyan-500\/25 {
  background-color: rgb(6 182 212 / 0.25);
}
.bg-cyan-500\/30 {
  background-color: rgb(6 182 212 / 0.3);
}
.bg-cyan-500\/5 {
  background-color: rgb(6 182 212 / 0.05);
}
.bg-cyan-500\/80 {
  background-color: rgb(6 182 212 / 0.8);
}
.bg-cyan-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(8 145 178 / var(--tw-bg-opacity));
}
.bg-cyan-600\/40 {
  background-color: rgb(8 145 178 / 0.4);
}
.bg-cyan-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(14 116 144 / var(--tw-bg-opacity));
}
.bg-cyan-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(21 94 117 / var(--tw-bg-opacity));
}
.bg-cyan-900\/40 {
  background-color: rgb(22 78 99 / 0.4);
}
.bg-cyan-900\/60 {
  background-color: rgb(22 78 99 / 0.6);
}
.bg-cyan-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(8 51 68 / var(--tw-bg-opacity));
}
.bg-cyan-950\/30 {
  background-color: rgb(8 51 68 / 0.3);
}
.bg-cyan-950\/40 {
  background-color: rgb(8 51 68 / 0.4);
}
.bg-destructive {
  background-color: hsl(var(--destructive));
}
.bg-destructive\/10 {
  background-color: hsl(var(--destructive) / 0.1);
}
.bg-destructive\/15 {
  background-color: hsl(var(--destructive) / 0.15);
}
.bg-destructive\/20 {
  background-color: hsl(var(--destructive) / 0.2);
}
.bg-destructive\/30 {
  background-color: hsl(var(--destructive) / 0.3);
}
.bg-destructive\/5 {
  background-color: hsl(var(--destructive) / 0.05);
}
.bg-destructive\/60 {
  background-color: hsl(var(--destructive) / 0.6);
}
.bg-destructive\/70 {
  background-color: hsl(var(--destructive) / 0.7);
}
.bg-destructive\/80 {
  background-color: hsl(var(--destructive) / 0.8);
}
.bg-destructive\/90 {
  background-color: hsl(var(--destructive) / 0.9);
}
.bg-emerald-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity));
}
.bg-emerald-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(52 211 153 / var(--tw-bg-opacity));
}
.bg-emerald-400\/10 {
  background-color: rgb(52 211 153 / 0.1);
}
.bg-emerald-400\/15 {
  background-color: rgb(52 211 153 / 0.15);
}
.bg-emerald-400\/20 {
  background-color: rgb(52 211 153 / 0.2);
}
.bg-emerald-400\/5 {
  background-color: rgb(52 211 153 / 0.05);
}
.bg-emerald-400\/60 {
  background-color: rgb(52 211 153 / 0.6);
}
.bg-emerald-400\/80 {
  background-color: rgb(52 211 153 / 0.8);
}
.bg-emerald-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity));
}
.bg-emerald-50\/60 {
  background-color: rgb(236 253 245 / 0.6);
}
.bg-emerald-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity));
}
.bg-emerald-500\/10 {
  background-color: rgb(16 185 129 / 0.1);
}
.bg-emerald-500\/15 {
  background-color: rgb(16 185 129 / 0.15);
}
.bg-emerald-500\/20 {
  background-color: rgb(16 185 129 / 0.2);
}
.bg-emerald-500\/5 {
  background-color: rgb(16 185 129 / 0.05);
}
.bg-emerald-500\/70 {
  background-color: rgb(16 185 129 / 0.7);
}
.bg-emerald-500\/80 {
  background-color: rgb(16 185 129 / 0.8);
}
.bg-emerald-500\/90 {
  background-color: rgb(16 185 129 / 0.9);
}
.bg-emerald-500\/\[0\.06\] {
  background-color: rgb(16 185 129 / 0.06);
}
.bg-emerald-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity));
}
.bg-emerald-600\/10 {
  background-color: rgb(5 150 105 / 0.1);
}
.bg-emerald-600\/15 {
  background-color: rgb(5 150 105 / 0.15);
}
.bg-emerald-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(4 120 87 / var(--tw-bg-opacity));
}
.bg-emerald-700\/30 {
  background-color: rgb(4 120 87 / 0.3);
}
.bg-emerald-700\/80 {
  background-color: rgb(4 120 87 / 0.8);
}
.bg-emerald-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(6 95 70 / var(--tw-bg-opacity));
}
.bg-emerald-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(6 78 59 / var(--tw-bg-opacity));
}
.bg-emerald-900\/20 {
  background-color: rgb(6 78 59 / 0.2);
}
.bg-emerald-900\/30 {
  background-color: rgb(6 78 59 / 0.3);
}
.bg-emerald-900\/40 {
  background-color: rgb(6 78 59 / 0.4);
}
.bg-emerald-900\/50 {
  background-color: rgb(6 78 59 / 0.5);
}
.bg-emerald-900\/60 {
  background-color: rgb(6 78 59 / 0.6);
}
.bg-emerald-900\/70 {
  background-color: rgb(6 78 59 / 0.7);
}
.bg-emerald-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(2 44 34 / var(--tw-bg-opacity));
}
.bg-emerald-950\/20 {
  background-color: rgb(2 44 34 / 0.2);
}
.bg-emerald-950\/30 {
  background-color: rgb(2 44 34 / 0.3);
}
.bg-emerald-950\/40 {
  background-color: rgb(2 44 34 / 0.4);
}
.bg-emerald-950\/50 {
  background-color: rgb(2 44 34 / 0.5);
}
.bg-emerald-950\/70 {
  background-color: rgb(2 44 34 / 0.7);
}
.bg-folder-back {
  background-color: hsl(var(--folder-back));
}
.bg-folder-front {
  background-color: hsl(var(--folder-front));
}
.bg-folder-front\/10 {
  background-color: hsl(var(--folder-front) / 0.1);
}
.bg-folder-tab {
  background-color: hsl(var(--folder-tab));
}
.bg-foreground {
  background-color: hsl(var(--foreground));
}
.bg-foreground\/10 {
  background-color: hsl(var(--foreground) / 0.1);
}
.bg-foreground\/15 {
  background-color: hsl(var(--foreground) / 0.15);
}
.bg-foreground\/20 {
  background-color: hsl(var(--foreground) / 0.2);
}
.bg-foreground\/25 {
  background-color: hsl(var(--foreground) / 0.25);
}
.bg-foreground\/30 {
  background-color: hsl(var(--foreground) / 0.3);
}
.bg-foreground\/35 {
  background-color: hsl(var(--foreground) / 0.35);
}
.bg-foreground\/40 {
  background-color: hsl(var(--foreground) / 0.4);
}
.bg-foreground\/5 {
  background-color: hsl(var(--foreground) / 0.05);
}
.bg-foreground\/50 {
  background-color: hsl(var(--foreground) / 0.5);
}
.bg-foreground\/55 {
  background-color: hsl(var(--foreground) / 0.55);
}
.bg-foreground\/60 {
  background-color: hsl(var(--foreground) / 0.6);
}
.bg-foreground\/70 {
  background-color: hsl(var(--foreground) / 0.7);
}
.bg-foreground\/80 {
  background-color: hsl(var(--foreground) / 0.8);
}
.bg-foreground\/90 {
  background-color: hsl(var(--foreground) / 0.9);
}
.bg-foreground\/95 {
  background-color: hsl(var(--foreground) / 0.95);
}
.bg-foreground\/\[0\.015\] {
  background-color: hsl(var(--foreground) / 0.015);
}
.bg-foreground\/\[0\.02\] {
  background-color: hsl(var(--foreground) / 0.02);
}
.bg-foreground\/\[0\.03\] {
  background-color: hsl(var(--foreground) / 0.03);
}
.bg-foreground\/\[0\.04\] {
  background-color: hsl(var(--foreground) / 0.04);
}
.bg-foreground\/\[0\.055\] {
  background-color: hsl(var(--foreground) / 0.055);
}
.bg-foreground\/\[0\.06\] {
  background-color: hsl(var(--foreground) / 0.06);
}
.bg-foreground\/\[0\.07\] {
  background-color: hsl(var(--foreground) / 0.07);
}
.bg-foreground\/\[0\.08\] {
  background-color: hsl(var(--foreground) / 0.08);
}
.bg-foreground\/\[0\.1\] {
  background-color: hsl(var(--foreground) / 0.1);
}
.bg-fuchsia-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 171 252 / var(--tw-bg-opacity));
}
.bg-fuchsia-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(232 121 249 / var(--tw-bg-opacity));
}
.bg-fuchsia-400\/20 {
  background-color: rgb(232 121 249 / 0.2);
}
.bg-fuchsia-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 244 255 / var(--tw-bg-opacity));
}
.bg-fuchsia-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(217 70 239 / var(--tw-bg-opacity));
}
.bg-fuchsia-500\/10 {
  background-color: rgb(217 70 239 / 0.1);
}
.bg-fuchsia-500\/15 {
  background-color: rgb(217 70 239 / 0.15);
}
.bg-fuchsia-500\/20 {
  background-color: rgb(217 70 239 / 0.2);
}
.bg-fuchsia-500\/25 {
  background-color: rgb(217 70 239 / 0.25);
}
.bg-fuchsia-500\/30 {
  background-color: rgb(217 70 239 / 0.3);
}
.bg-fuchsia-500\/70 {
  background-color: rgb(217 70 239 / 0.7);
}
.bg-fuchsia-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(192 38 211 / var(--tw-bg-opacity));
}
.bg-fuchsia-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(162 28 175 / var(--tw-bg-opacity));
}
.bg-fuchsia-900\/60 {
  background-color: rgb(112 26 117 / 0.6);
}
.bg-fuchsia-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(74 4 78 / var(--tw-bg-opacity));
}
.bg-fuchsia-950\/40 {
  background-color: rgb(74 4 78 / 0.4);
}
.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.bg-gray-100\/40 {
  background-color: rgb(243 244 246 / 0.4);
}
.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}
.bg-gray-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}
.bg-gray-400\/10 {
  background-color: rgb(156 163 175 / 0.1);
}
.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.bg-gray-50\/50 {
  background-color: rgb(249 250 251 / 0.5);
}
.bg-gray-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
}
.bg-gray-500\/10 {
  background-color: rgb(107 114 128 / 0.1);
}
.bg-gray-500\/20 {
  background-color: rgb(107 114 128 / 0.2);
}
.bg-gray-500\/80 {
  background-color: rgb(107 114 128 / 0.8);
}
.bg-gray-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}
.bg-gray-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
.bg-gray-700\/50 {
  background-color: rgb(55 65 81 / 0.5);
}
.bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.bg-gray-800\/10 {
  background-color: rgb(31 41 55 / 0.1);
}
.bg-gray-800\/5 {
  background-color: rgb(31 41 55 / 0.05);
}
.bg-gray-800\/50 {
  background-color: rgb(31 41 55 / 0.5);
}
.bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}
.bg-gray-900\/30 {
  background-color: rgb(17 24 39 / 0.3);
}
.bg-gray-900\/50 {
  background-color: rgb(17 24 39 / 0.5);
}
.bg-gray-900\/60 {
  background-color: rgb(17 24 39 / 0.6);
}
.bg-gray-900\/80 {
  background-color: rgb(17 24 39 / 0.8);
}
.bg-gray-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(3 7 18 / var(--tw-bg-opacity));
}
.bg-gray-950\/10 {
  background-color: rgb(3 7 18 / 0.1);
}
.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity));
}
.bg-green-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(187 247 208 / var(--tw-bg-opacity));
}
.bg-green-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(134 239 172 / var(--tw-bg-opacity));
}
.bg-green-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(74 222 128 / var(--tw-bg-opacity));
}
.bg-green-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity));
}
.bg-green-50\/50 {
  background-color: rgb(240 253 244 / 0.5);
}
.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
.bg-green-500\/10 {
  background-color: rgb(34 197 94 / 0.1);
}
.bg-green-500\/15 {
  background-color: rgb(34 197 94 / 0.15);
}
.bg-green-500\/20 {
  background-color: rgb(34 197 94 / 0.2);
}
.bg-green-500\/80 {
  background-color: rgb(34 197 94 / 0.8);
}
.bg-green-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity));
}
.bg-green-600\/10 {
  background-color: rgb(22 163 74 / 0.1);
}
.bg-green-600\/20 {
  background-color: rgb(22 163 74 / 0.2);
}
.bg-green-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity));
}
.bg-green-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(22 101 52 / var(--tw-bg-opacity));
}
.bg-green-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(20 83 45 / var(--tw-bg-opacity));
}
.bg-green-900\/20 {
  background-color: rgb(20 83 45 / 0.2);
}
.bg-green-900\/30 {
  background-color: rgb(20 83 45 / 0.3);
}
.bg-green-900\/50 {
  background-color: rgb(20 83 45 / 0.5);
}
.bg-green-900\/60 {
  background-color: rgb(20 83 45 / 0.6);
}
.bg-green-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(5 46 22 / var(--tw-bg-opacity));
}
.bg-green-950\/50 {
  background-color: rgb(5 46 22 / 0.5);
}
.bg-indigo-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity));
}
.bg-indigo-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(129 140 248 / var(--tw-bg-opacity));
}
.bg-indigo-400\/10 {
  background-color: rgb(129 140 248 / 0.1);
}
.bg-indigo-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity));
}
.bg-indigo-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity));
}
.bg-indigo-500\/10 {
  background-color: rgb(99 102 241 / 0.1);
}
.bg-indigo-500\/15 {
  background-color: rgb(99 102 241 / 0.15);
}
.bg-indigo-500\/20 {
  background-color: rgb(99 102 241 / 0.2);
}
.bg-indigo-500\/5 {
  background-color: rgb(99 102 241 / 0.05);
}
.bg-indigo-500\/70 {
  background-color: rgb(99 102 241 / 0.7);
}
.bg-indigo-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity));
}
.bg-indigo-600\/30 {
  background-color: rgb(79 70 229 / 0.3);
}
.bg-indigo-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(67 56 202 / var(--tw-bg-opacity));
}
.bg-indigo-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(55 48 163 / var(--tw-bg-opacity));
}
.bg-indigo-900\/30 {
  background-color: rgb(49 46 129 / 0.3);
}
.bg-indigo-900\/40 {
  background-color: rgb(49 46 129 / 0.4);
}
.bg-indigo-900\/50 {
  background-color: rgb(49 46 129 / 0.5);
}
.bg-indigo-900\/60 {
  background-color: rgb(49 46 129 / 0.6);
}
.bg-indigo-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(30 27 75 / var(--tw-bg-opacity));
}
.bg-indigo-950\/20 {
  background-color: rgb(30 27 75 / 0.2);
}
.bg-indigo-950\/25 {
  background-color: rgb(30 27 75 / 0.25);
}
.bg-indigo-950\/40 {
  background-color: rgb(30 27 75 / 0.4);
}
.bg-indigo-950\/80 {
  background-color: rgb(30 27 75 / 0.8);
}
.bg-inherit {
  background-color: inherit;
}
.bg-input {
  background-color: hsl(var(--input));
}
.bg-input\/30 {
  background-color: hsl(var(--input) / 0.3);
}
.bg-input\/40 {
  background-color: hsl(var(--input) / 0.4);
}
.bg-input\/50 {
  background-color: hsl(var(--input) / 0.5);
}
.bg-lime {
  background-color: var(--aether-lime);
}
.bg-muted {
  background-color: hsl(var(--muted));
}
.bg-muted-foreground {
  background-color: hsl(var(--muted-foreground));
}
.bg-muted-foreground\/10 {
  background-color: hsl(var(--muted-foreground) / 0.1);
}
.bg-muted-foreground\/15 {
  background-color: hsl(var(--muted-foreground) / 0.15);
}
.bg-muted-foreground\/20 {
  background-color: hsl(var(--muted-foreground) / 0.2);
}
.bg-muted-foreground\/25 {
  background-color: hsl(var(--muted-foreground) / 0.25);
}
.bg-muted-foreground\/30 {
  background-color: hsl(var(--muted-foreground) / 0.3);
}
.bg-muted-foreground\/35 {
  background-color: hsl(var(--muted-foreground) / 0.35);
}
.bg-muted-foreground\/40 {
  background-color: hsl(var(--muted-foreground) / 0.4);
}
.bg-muted-foreground\/45 {
  background-color: hsl(var(--muted-foreground) / 0.45);
}
.bg-muted-foreground\/50 {
  background-color: hsl(var(--muted-foreground) / 0.5);
}
.bg-muted-foreground\/55 {
  background-color: hsl(var(--muted-foreground) / 0.55);
}
.bg-muted-foreground\/60 {
  background-color: hsl(var(--muted-foreground) / 0.6);
}
.bg-muted-foreground\/70 {
  background-color: hsl(var(--muted-foreground) / 0.7);
}
.bg-muted-foreground\/80 {
  background-color: hsl(var(--muted-foreground) / 0.8);
}
.bg-muted\/0 {
  background-color: hsl(var(--muted) / 0);
}
.bg-muted\/10 {
  background-color: hsl(var(--muted) / 0.1);
}
.bg-muted\/15 {
  background-color: hsl(var(--muted) / 0.15);
}
.bg-muted\/20 {
  background-color: hsl(var(--muted) / 0.2);
}
.bg-muted\/25 {
  background-color: hsl(var(--muted) / 0.25);
}
.bg-muted\/30 {
  background-color: hsl(var(--muted) / 0.3);
}
.bg-muted\/35 {
  background-color: hsl(var(--muted) / 0.35);
}
.bg-muted\/40 {
  background-color: hsl(var(--muted) / 0.4);
}
.bg-muted\/45 {
  background-color: hsl(var(--muted) / 0.45);
}
.bg-muted\/5 {
  background-color: hsl(var(--muted) / 0.05);
}
.bg-muted\/50 {
  background-color: hsl(var(--muted) / 0.5);
}
.bg-muted\/55 {
  background-color: hsl(var(--muted) / 0.55);
}
.bg-muted\/60 {
  background-color: hsl(var(--muted) / 0.6);
}
.bg-muted\/70 {
  background-color: hsl(var(--muted) / 0.7);
}
.bg-muted\/80 {
  background-color: hsl(var(--muted) / 0.8);
}
.bg-muted\/90 {
  background-color: hsl(var(--muted) / 0.9);
}
.bg-muted\/\[0\.08\] {
  background-color: hsl(var(--muted) / 0.08);
}
.bg-muted\/\[0\.12\] {
  background-color: hsl(var(--muted) / 0.12);
}
.bg-neutral-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
.bg-neutral-100\/60 {
  background-color: rgb(245 245 245 / 0.6);
}
.bg-neutral-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 229 / var(--tw-bg-opacity));
}
.bg-neutral-200\/10 {
  background-color: rgb(229 229 229 / 0.1);
}
.bg-neutral-200\/40 {
  background-color: rgb(229 229 229 / 0.4);
}
.bg-neutral-200\/50 {
  background-color: rgb(229 229 229 / 0.5);
}
.bg-neutral-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(212 212 212 / var(--tw-bg-opacity));
}
.bg-neutral-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(163 163 163 / var(--tw-bg-opacity));
}
.bg-neutral-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
.bg-neutral-50\/40 {
  background-color: rgb(250 250 250 / 0.4);
}
.bg-neutral-50\/60 {
  background-color: rgb(250 250 250 / 0.6);
}
.bg-neutral-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(115 115 115 / var(--tw-bg-opacity));
}
.bg-neutral-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(82 82 82 / var(--tw-bg-opacity));
}
.bg-neutral-600\/80 {
  background-color: rgb(82 82 82 / 0.8);
}
.bg-neutral-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(64 64 64 / var(--tw-bg-opacity));
}
.bg-neutral-700\/20 {
  background-color: rgb(64 64 64 / 0.2);
}
.bg-neutral-700\/30 {
  background-color: rgb(64 64 64 / 0.3);
}
.bg-neutral-700\/80 {
  background-color: rgb(64 64 64 / 0.8);
}
.bg-neutral-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
}
.bg-neutral-800\/50 {
  background-color: rgb(38 38 38 / 0.5);
}
.bg-neutral-800\/60 {
  background-color: rgb(38 38 38 / 0.6);
}
.bg-neutral-800\/65 {
  background-color: rgb(38 38 38 / 0.65);
}
.bg-neutral-800\/70 {
  background-color: rgb(38 38 38 / 0.7);
}
.bg-neutral-800\/80 {
  background-color: rgb(38 38 38 / 0.8);
}
.bg-neutral-800\/90 {
  background-color: rgb(38 38 38 / 0.9);
}
.bg-neutral-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(23 23 23 / var(--tw-bg-opacity));
}
.bg-neutral-900\/10 {
  background-color: rgb(23 23 23 / 0.1);
}
.bg-neutral-900\/30 {
  background-color: rgb(23 23 23 / 0.3);
}
.bg-neutral-900\/40 {
  background-color: rgb(23 23 23 / 0.4);
}
.bg-neutral-900\/5 {
  background-color: rgb(23 23 23 / 0.05);
}
.bg-neutral-900\/50 {
  background-color: rgb(23 23 23 / 0.5);
}
.bg-neutral-900\/60 {
  background-color: rgb(23 23 23 / 0.6);
}
.bg-neutral-900\/70 {
  background-color: rgb(23 23 23 / 0.7);
}
.bg-neutral-900\/80 {
  background-color: rgb(23 23 23 / 0.8);
}
.bg-neutral-900\/90 {
  background-color: rgb(23 23 23 / 0.9);
}
.bg-neutral-900\/\[\.03\] {
  background-color: rgb(23 23 23 / .03);
}
.bg-neutral-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(10 10 10 / var(--tw-bg-opacity));
}
.bg-neutral-950\/10 {
  background-color: rgb(10 10 10 / 0.1);
}
.bg-neutral-950\/40 {
  background-color: rgb(10 10 10 / 0.4);
}
.bg-neutral-950\/50 {
  background-color: rgb(10 10 10 / 0.5);
}
.bg-neutral-950\/80 {
  background-color: rgb(10 10 10 / 0.8);
}
.bg-notion-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(25 25 25 / var(--tw-bg-opacity));
}
.bg-notion-bg\/40 {
  background-color: rgb(25 25 25 / 0.4);
}
.bg-notion-bg\/50 {
  background-color: rgb(25 25 25 / 0.5);
}
.bg-notion-blue {
  --tw-bg-opacity: 1;
  background-color: rgb(35 131 226 / var(--tw-bg-opacity));
}
.bg-notion-blue\/10 {
  background-color: rgb(35 131 226 / 0.1);
}
.bg-notion-blue\/15 {
  background-color: rgb(35 131 226 / 0.15);
}
.bg-notion-blue\/5 {
  background-color: rgb(35 131 226 / 0.05);
}
.bg-notion-border {
  --tw-bg-opacity: 1;
  background-color: rgb(55 55 55 / var(--tw-bg-opacity));
}
.bg-notion-border\/20 {
  background-color: rgb(55 55 55 / 0.2);
}
.bg-notion-border\/30 {
  background-color: rgb(55 55 55 / 0.3);
}
.bg-notion-border\/40 {
  background-color: rgb(55 55 55 / 0.4);
}
.bg-notion-border\/50 {
  background-color: rgb(55 55 55 / 0.5);
}
.bg-notion-card {
  --tw-bg-opacity: 1;
  background-color: rgb(32 32 32 / var(--tw-bg-opacity));
}
.bg-notion-card\/20 {
  background-color: rgb(32 32 32 / 0.2);
}
.bg-notion-card\/30 {
  background-color: rgb(32 32 32 / 0.3);
}
.bg-notion-card\/40 {
  background-color: rgb(32 32 32 / 0.4);
}
.bg-notion-card\/50 {
  background-color: rgb(32 32 32 / 0.5);
}
.bg-notion-card\/60 {
  background-color: rgb(32 32 32 / 0.6);
}
.bg-notion-green {
  --tw-bg-opacity: 1;
  background-color: rgb(46 168 115 / var(--tw-bg-opacity));
}
.bg-notion-green\/10 {
  background-color: rgb(46 168 115 / 0.1);
}
.bg-notion-green\/60 {
  background-color: rgb(46 168 115 / 0.6);
}
.bg-notion-green\/70 {
  background-color: rgb(46 168 115 / 0.7);
}
.bg-notion-hover {
  --tw-bg-opacity: 1;
  background-color: rgb(47 47 47 / var(--tw-bg-opacity));
}
.bg-notion-hover\/10 {
  background-color: rgb(47 47 47 / 0.1);
}
.bg-notion-hover\/30 {
  background-color: rgb(47 47 47 / 0.3);
}
.bg-notion-hover\/50 {
  background-color: rgb(47 47 47 / 0.5);
}
.bg-notion-hover\/60 {
  background-color: rgb(47 47 47 / 0.6);
}
.bg-notion-red {
  --tw-bg-opacity: 1;
  background-color: rgb(226 85 83 / var(--tw-bg-opacity));
}
.bg-notion-red\/10 {
  background-color: rgb(226 85 83 / 0.1);
}
.bg-notion-red\/60 {
  background-color: rgb(226 85 83 / 0.6);
}
.bg-notion-red\/70 {
  background-color: rgb(226 85 83 / 0.7);
}
.bg-notion-sidebar {
  --tw-bg-opacity: 1;
  background-color: rgb(32 32 32 / var(--tw-bg-opacity));
}
.bg-notion-sidebar\/10 {
  background-color: rgb(32 32 32 / 0.1);
}
.bg-notion-sidebar\/20 {
  background-color: rgb(32 32 32 / 0.2);
}
.bg-notion-sidebar\/30 {
  background-color: rgb(32 32 32 / 0.3);
}
.bg-notion-sidebar\/40 {
  background-color: rgb(32 32 32 / 0.4);
}
.bg-notion-sidebar\/5 {
  background-color: rgb(32 32 32 / 0.05);
}
.bg-notion-sidebar\/50 {
  background-color: rgb(32 32 32 / 0.5);
}
.bg-notion-sidebar\/60 {
  background-color: rgb(32 32 32 / 0.6);
}
.bg-notion-sidebar\/80 {
  background-color: rgb(32 32 32 / 0.8);
}
.bg-notion-sidebar\/95 {
  background-color: rgb(32 32 32 / 0.95);
}
.bg-notion-yellow {
  --tw-bg-opacity: 1;
  background-color: rgb(223 171 1 / var(--tw-bg-opacity));
}
.bg-notion-yellow\/10 {
  background-color: rgb(223 171 1 / 0.1);
}
.bg-orange-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity));
}
.bg-orange-200\/60 {
  background-color: rgb(254 215 170 / 0.6);
}
.bg-orange-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 186 116 / var(--tw-bg-opacity));
}
.bg-orange-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(251 146 60 / var(--tw-bg-opacity));
}
.bg-orange-400\/10 {
  background-color: rgb(251 146 60 / 0.1);
}
.bg-orange-400\/15 {
  background-color: rgb(251 146 60 / 0.15);
}
.bg-orange-400\/20 {
  background-color: rgb(251 146 60 / 0.2);
}
.bg-orange-400\/30 {
  background-color: rgb(251 146 60 / 0.3);
}
.bg-orange-400\/40 {
  background-color: rgb(251 146 60 / 0.4);
}
.bg-orange-400\/5 {
  background-color: rgb(251 146 60 / 0.05);
}
.bg-orange-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / var(--tw-bg-opacity));
}
.bg-orange-50\/40 {
  background-color: rgb(255 247 237 / 0.4);
}
.bg-orange-50\/60 {
  background-color: rgb(255 247 237 / 0.6);
}
.bg-orange-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity));
}
.bg-orange-500\/10 {
  background-color: rgb(249 115 22 / 0.1);
}
.bg-orange-500\/15 {
  background-color: rgb(249 115 22 / 0.15);
}
.bg-orange-500\/20 {
  background-color: rgb(249 115 22 / 0.2);
}
.bg-orange-500\/30 {
  background-color: rgb(249 115 22 / 0.3);
}
.bg-orange-500\/40 {
  background-color: rgb(249 115 22 / 0.4);
}
.bg-orange-500\/5 {
  background-color: rgb(249 115 22 / 0.05);
}
.bg-orange-500\/50 {
  background-color: rgb(249 115 22 / 0.5);
}
.bg-orange-500\/90 {
  background-color: rgb(249 115 22 / 0.9);
}
.bg-orange-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
}
.bg-orange-600\/10 {
  background-color: rgb(234 88 12 / 0.1);
}
.bg-orange-600\/20 {
  background-color: rgb(234 88 12 / 0.2);
}
.bg-orange-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(194 65 12 / var(--tw-bg-opacity));
}
.bg-orange-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(154 52 18 / var(--tw-bg-opacity));
}
.bg-orange-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(124 45 18 / var(--tw-bg-opacity));
}
.bg-orange-900\/30 {
  background-color: rgb(124 45 18 / 0.3);
}
.bg-orange-900\/40 {
  background-color: rgb(124 45 18 / 0.4);
}
.bg-orange-900\/60 {
  background-color: rgb(124 45 18 / 0.6);
}
.bg-orange-950\/20 {
  background-color: rgb(67 20 7 / 0.2);
}
.bg-orange-950\/40 {
  background-color: rgb(67 20 7 / 0.4);
}
.bg-orange-950\/80 {
  background-color: rgb(67 20 7 / 0.8);
}
.bg-pink-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 231 243 / var(--tw-bg-opacity));
}
.bg-pink-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(251 207 232 / var(--tw-bg-opacity));
}
.bg-pink-200\/60 {
  background-color: rgb(251 207 232 / 0.6);
}
.bg-pink-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 168 212 / var(--tw-bg-opacity));
}
.bg-pink-300\/70 {
  background-color: rgb(249 168 212 / 0.7);
}
.bg-pink-300\/90 {
  background-color: rgb(249 168 212 / 0.9);
}
.bg-pink-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(244 114 182 / var(--tw-bg-opacity));
}
.bg-pink-400\/10 {
  background-color: rgb(244 114 182 / 0.1);
}
.bg-pink-400\/15 {
  background-color: rgb(244 114 182 / 0.15);
}
.bg-pink-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 242 248 / var(--tw-bg-opacity));
}
.bg-pink-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 72 153 / var(--tw-bg-opacity));
}
.bg-pink-500\/10 {
  background-color: rgb(236 72 153 / 0.1);
}
.bg-pink-500\/15 {
  background-color: rgb(236 72 153 / 0.15);
}
.bg-pink-500\/20 {
  background-color: rgb(236 72 153 / 0.2);
}
.bg-pink-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(219 39 119 / var(--tw-bg-opacity));
}
.bg-pink-600\/15 {
  background-color: rgb(219 39 119 / 0.15);
}
.bg-pink-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(190 24 93 / var(--tw-bg-opacity));
}
.bg-pink-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(157 23 77 / var(--tw-bg-opacity));
}
.bg-pink-900\/30 {
  background-color: rgb(131 24 67 / 0.3);
}
.bg-pink-900\/40 {
  background-color: rgb(131 24 67 / 0.4);
}
.bg-pink-900\/60 {
  background-color: rgb(131 24 67 / 0.6);
}
.bg-pink-950\/20 {
  background-color: rgb(80 7 36 / 0.2);
}
.bg-pink-950\/40 {
  background-color: rgb(80 7 36 / 0.4);
}
.bg-pink-950\/80 {
  background-color: rgb(80 7 36 / 0.8);
}
.bg-popover {
  background-color: hsl(var(--popover));
}
.bg-popover\/40 {
  background-color: hsl(var(--popover) / 0.4);
}
.bg-popover\/45 {
  background-color: hsl(var(--popover) / 0.45);
}
.bg-popover\/80 {
  background-color: hsl(var(--popover) / 0.8);
}
.bg-popover\/90 {
  background-color: hsl(var(--popover) / 0.9);
}
.bg-popover\/95 {
  background-color: hsl(var(--popover) / 0.95);
}
.bg-primary {
  background-color: hsl(var(--primary));
}
.bg-primary-foreground {
  background-color: hsl(var(--primary-foreground));
}
.bg-primary-foreground\/10 {
  background-color: hsl(var(--primary-foreground) / 0.1);
}
.bg-primary-foreground\/20 {
  background-color: hsl(var(--primary-foreground) / 0.2);
}
.bg-primary-foreground\/90 {
  background-color: hsl(var(--primary-foreground) / 0.9);
}
.bg-primary\/10 {
  background-color: hsl(var(--primary) / 0.1);
}
.bg-primary\/15 {
  background-color: hsl(var(--primary) / 0.15);
}
.bg-primary\/20 {
  background-color: hsl(var(--primary) / 0.2);
}
.bg-primary\/25 {
  background-color: hsl(var(--primary) / 0.25);
}
.bg-primary\/30 {
  background-color: hsl(var(--primary) / 0.3);
}
.bg-primary\/40 {
  background-color: hsl(var(--primary) / 0.4);
}
.bg-primary\/5 {
  background-color: hsl(var(--primary) / 0.05);
}
.bg-primary\/50 {
  background-color: hsl(var(--primary) / 0.5);
}
.bg-primary\/55 {
  background-color: hsl(var(--primary) / 0.55);
}
.bg-primary\/60 {
  background-color: hsl(var(--primary) / 0.6);
}
.bg-primary\/70 {
  background-color: hsl(var(--primary) / 0.7);
}
.bg-primary\/80 {
  background-color: hsl(var(--primary) / 0.8);
}
.bg-primary\/90 {
  background-color: hsl(var(--primary) / 0.9);
}
.bg-primary\/\[0\.03\] {
  background-color: hsl(var(--primary) / 0.03);
}
.bg-primary\/\[0\.04\] {
  background-color: hsl(var(--primary) / 0.04);
}
.bg-primary\/\[0\.05\] {
  background-color: hsl(var(--primary) / 0.05);
}
.bg-primary\/\[0\.07\] {
  background-color: hsl(var(--primary) / 0.07);
}
.bg-primary\/\[0\.08\] {
  background-color: hsl(var(--primary) / 0.08);
}
.bg-primary\/\[0\.14\] {
  background-color: hsl(var(--primary) / 0.14);
}
.bg-purple-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity));
}
.bg-purple-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(233 213 255 / var(--tw-bg-opacity));
}
.bg-purple-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(216 180 254 / var(--tw-bg-opacity));
}
.bg-purple-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(192 132 252 / var(--tw-bg-opacity));
}
.bg-purple-400\/10 {
  background-color: rgb(192 132 252 / 0.1);
}
.bg-purple-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 245 255 / var(--tw-bg-opacity));
}
.bg-purple-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(168 85 247 / var(--tw-bg-opacity));
}
.bg-purple-500\/10 {
  background-color: rgb(168 85 247 / 0.1);
}
.bg-purple-500\/15 {
  background-color: rgb(168 85 247 / 0.15);
}
.bg-purple-500\/20 {
  background-color: rgb(168 85 247 / 0.2);
}
.bg-purple-500\/5 {
  background-color: rgb(168 85 247 / 0.05);
}
.bg-purple-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(147 51 234 / var(--tw-bg-opacity));
}
.bg-purple-600\/20 {
  background-color: rgb(147 51 234 / 0.2);
}
.bg-purple-600\/30 {
  background-color: rgb(147 51 234 / 0.3);
}
.bg-purple-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(126 34 206 / var(--tw-bg-opacity));
}
.bg-purple-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(107 33 168 / var(--tw-bg-opacity));
}
.bg-purple-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(88 28 135 / var(--tw-bg-opacity));
}
.bg-purple-900\/20 {
  background-color: rgb(88 28 135 / 0.2);
}
.bg-purple-900\/30 {
  background-color: rgb(88 28 135 / 0.3);
}
.bg-purple-900\/40 {
  background-color: rgb(88 28 135 / 0.4);
}
.bg-purple-900\/50 {
  background-color: rgb(88 28 135 / 0.5);
}
.bg-purple-900\/60 {
  background-color: rgb(88 28 135 / 0.6);
}
.bg-purple-950\/20 {
  background-color: rgb(59 7 100 / 0.2);
}
.bg-purple-950\/40 {
  background-color: rgb(59 7 100 / 0.4);
}
.bg-purple-950\/80 {
  background-color: rgb(59 7 100 / 0.8);
}
.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
}
.bg-red-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 202 202 / var(--tw-bg-opacity));
}
.bg-red-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 165 165 / var(--tw-bg-opacity));
}
.bg-red-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / var(--tw-bg-opacity));
}
.bg-red-400\/10 {
  background-color: rgb(248 113 113 / 0.1);
}
.bg-red-400\/15 {
  background-color: rgb(248 113 113 / 0.15);
}
.bg-red-400\/20 {
  background-color: rgb(248 113 113 / 0.2);
}
.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
}
.bg-red-50\/50 {
  background-color: rgb(254 242 242 / 0.5);
}
.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}
.bg-red-500\/10 {
  background-color: rgb(239 68 68 / 0.1);
}
.bg-red-500\/15 {
  background-color: rgb(239 68 68 / 0.15);
}
.bg-red-500\/20 {
  background-color: rgb(239 68 68 / 0.2);
}
.bg-red-500\/25 {
  background-color: rgb(239 68 68 / 0.25);
}
.bg-red-500\/5 {
  background-color: rgb(239 68 68 / 0.05);
}
.bg-red-500\/60 {
  background-color: rgb(239 68 68 / 0.6);
}
.bg-red-500\/70 {
  background-color: rgb(239 68 68 / 0.7);
}
.bg-red-500\/80 {
  background-color: rgb(239 68 68 / 0.8);
}
.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}
.bg-red-600\/10 {
  background-color: rgb(220 38 38 / 0.1);
}
.bg-red-600\/20 {
  background-color: rgb(220 38 38 / 0.2);
}
.bg-red-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity));
}
.bg-red-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(153 27 27 / var(--tw-bg-opacity));
}
.bg-red-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / var(--tw-bg-opacity));
}
.bg-red-900\/20 {
  background-color: rgb(127 29 29 / 0.2);
}
.bg-red-900\/30 {
  background-color: rgb(127 29 29 / 0.3);
}
.bg-red-900\/40 {
  background-color: rgb(127 29 29 / 0.4);
}
.bg-red-900\/50 {
  background-color: rgb(127 29 29 / 0.5);
}
.bg-red-900\/60 {
  background-color: rgb(127 29 29 / 0.6);
}
.bg-red-900\/80 {
  background-color: rgb(127 29 29 / 0.8);
}
.bg-red-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(69 10 10 / var(--tw-bg-opacity));
}
.bg-red-950\/20 {
  background-color: rgb(69 10 10 / 0.2);
}
.bg-red-950\/25 {
  background-color: rgb(69 10 10 / 0.25);
}
.bg-red-950\/30 {
  background-color: rgb(69 10 10 / 0.3);
}
.bg-red-950\/40 {
  background-color: rgb(69 10 10 / 0.4);
}
.bg-red-950\/50 {
  background-color: rgb(69 10 10 / 0.5);
}
.bg-ring {
  background-color: hsl(var(--ring));
}
.bg-ring\/15 {
  background-color: hsl(var(--ring) / 0.15);
}
.bg-rose-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 228 230 / var(--tw-bg-opacity));
}
.bg-rose-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 205 211 / var(--tw-bg-opacity));
}
.bg-rose-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(251 113 133 / var(--tw-bg-opacity));
}
.bg-rose-400\/10 {
  background-color: rgb(251 113 133 / 0.1);
}
.bg-rose-400\/15 {
  background-color: rgb(251 113 133 / 0.15);
}
.bg-rose-400\/5 {
  background-color: rgb(251 113 133 / 0.05);
}
.bg-rose-400\/80 {
  background-color: rgb(251 113 133 / 0.8);
}
.bg-rose-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity));
}
.bg-rose-50\/60 {
  background-color: rgb(255 241 242 / 0.6);
}
.bg-rose-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(244 63 94 / var(--tw-bg-opacity));
}
.bg-rose-500\/10 {
  background-color: rgb(244 63 94 / 0.1);
}
.bg-rose-500\/15 {
  background-color: rgb(244 63 94 / 0.15);
}
.bg-rose-500\/20 {
  background-color: rgb(244 63 94 / 0.2);
}
.bg-rose-500\/5 {
  background-color: rgb(244 63 94 / 0.05);
}
.bg-rose-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(225 29 72 / var(--tw-bg-opacity));
}
.bg-rose-600\/15 {
  background-color: rgb(225 29 72 / 0.15);
}
.bg-rose-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(190 18 60 / var(--tw-bg-opacity));
}
.bg-rose-700\/80 {
  background-color: rgb(190 18 60 / 0.8);
}
.bg-rose-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(159 18 57 / var(--tw-bg-opacity));
}
.bg-rose-900\/20 {
  background-color: rgb(136 19 55 / 0.2);
}
.bg-rose-900\/60 {
  background-color: rgb(136 19 55 / 0.6);
}
.bg-rose-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(76 5 25 / var(--tw-bg-opacity));
}
.bg-rose-950\/20 {
  background-color: rgb(76 5 25 / 0.2);
}
.bg-rose-950\/30 {
  background-color: rgb(76 5 25 / 0.3);
}
.bg-rose-950\/35 {
  background-color: rgb(76 5 25 / 0.35);
}
.bg-rose-950\/40 {
  background-color: rgb(76 5 25 / 0.4);
}
.bg-rose-950\/50 {
  background-color: rgb(76 5 25 / 0.5);
}
.bg-rose-950\/70 {
  background-color: rgb(76 5 25 / 0.7);
}
.bg-secondary {
  background-color: hsl(var(--secondary));
}
.bg-secondary-foreground {
  background-color: hsl(var(--secondary-foreground));
}
.bg-secondary\/10 {
  background-color: hsl(var(--secondary) / 0.1);
}
.bg-secondary\/20 {
  background-color: hsl(var(--secondary) / 0.2);
}
.bg-secondary\/25 {
  background-color: hsl(var(--secondary) / 0.25);
}
.bg-secondary\/30 {
  background-color: hsl(var(--secondary) / 0.3);
}
.bg-secondary\/35 {
  background-color: hsl(var(--secondary) / 0.35);
}
.bg-secondary\/40 {
  background-color: hsl(var(--secondary) / 0.4);
}
.bg-secondary\/45 {
  background-color: hsl(var(--secondary) / 0.45);
}
.bg-secondary\/5 {
  background-color: hsl(var(--secondary) / 0.05);
}
.bg-secondary\/50 {
  background-color: hsl(var(--secondary) / 0.5);
}
.bg-secondary\/60 {
  background-color: hsl(var(--secondary) / 0.6);
}
.bg-secondary\/70 {
  background-color: hsl(var(--secondary) / 0.7);
}
.bg-secondary\/80 {
  background-color: hsl(var(--secondary) / 0.8);
}
.bg-sidebar {
  background-color: hsl(var(--sidebar));
}
.bg-sidebar-accent {
  background-color: hsl(var(--sidebar-accent));
}
.bg-sidebar-accent\/20 {
  background-color: hsl(var(--sidebar-accent) / 0.2);
}
.bg-sidebar-accent\/30 {
  background-color: hsl(var(--sidebar-accent) / 0.3);
}
.bg-sidebar-accent\/50 {
  background-color: hsl(var(--sidebar-accent) / 0.5);
}
.bg-sidebar-accent\/60 {
  background-color: hsl(var(--sidebar-accent) / 0.6);
}
.bg-sidebar-accent\/70 {
  background-color: hsl(var(--sidebar-accent) / 0.7);
}
.bg-sidebar-border {
  background-color: hsl(var(--sidebar-border));
}
.bg-sidebar-border\/70 {
  background-color: hsl(var(--sidebar-border) / 0.7);
}
.bg-sidebar-foreground {
  background-color: hsl(var(--sidebar-foreground));
}
.bg-sidebar-foreground\/10 {
  background-color: hsl(var(--sidebar-foreground) / 0.1);
}
.bg-sidebar-foreground\/15 {
  background-color: hsl(var(--sidebar-foreground) / 0.15);
}
.bg-sidebar-foreground\/30 {
  background-color: hsl(var(--sidebar-foreground) / 0.3);
}
.bg-sidebar-foreground\/40 {
  background-color: hsl(var(--sidebar-foreground) / 0.4);
}
.bg-sidebar-foreground\/50 {
  background-color: hsl(var(--sidebar-foreground) / 0.5);
}
.bg-sidebar-foreground\/\[0\.04\] {
  background-color: hsl(var(--sidebar-foreground) / 0.04);
}
.bg-sidebar-foreground\/\[0\.08\] {
  background-color: hsl(var(--sidebar-foreground) / 0.08);
}
.bg-sidebar-primary {
  background-color: hsl(var(--sidebar-primary));
}
.bg-sidebar-primary\/10 {
  background-color: hsl(var(--sidebar-primary) / 0.1);
}
.bg-sidebar-primary\/15 {
  background-color: hsl(var(--sidebar-primary) / 0.15);
}
.bg-sidebar-primary\/20 {
  background-color: hsl(var(--sidebar-primary) / 0.2);
}
.bg-sidebar-primary\/5 {
  background-color: hsl(var(--sidebar-primary) / 0.05);
}
.bg-sidebar\/40 {
  background-color: hsl(var(--sidebar) / 0.4);
}
.bg-sidebar\/65 {
  background-color: hsl(var(--sidebar) / 0.65);
}
.bg-sidebar\/70 {
  background-color: hsl(var(--sidebar) / 0.7);
}
.bg-sky-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(224 242 254 / var(--tw-bg-opacity));
}
.bg-sky-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(186 230 253 / var(--tw-bg-opacity));
}
.bg-sky-200\/60 {
  background-color: rgb(186 230 253 / 0.6);
}
.bg-sky-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(125 211 252 / var(--tw-bg-opacity));
}
.bg-sky-300\/15 {
  background-color: rgb(125 211 252 / 0.15);
}
.bg-sky-300\/20 {
  background-color: rgb(125 211 252 / 0.2);
}
.bg-sky-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(56 189 248 / var(--tw-bg-opacity));
}
.bg-sky-400\/10 {
  background-color: rgb(56 189 248 / 0.1);
}
.bg-sky-400\/15 {
  background-color: rgb(56 189 248 / 0.15);
}
.bg-sky-400\/20 {
  background-color: rgb(56 189 248 / 0.2);
}
.bg-sky-400\/30 {
  background-color: rgb(56 189 248 / 0.3);
}
.bg-sky-400\/60 {
  background-color: rgb(56 189 248 / 0.6);
}
.bg-sky-400\/80 {
  background-color: rgb(56 189 248 / 0.8);
}
.bg-sky-400\/\[0\.04\] {
  background-color: rgb(56 189 248 / 0.04);
}
.bg-sky-400\/\[0\.06\] {
  background-color: rgb(56 189 248 / 0.06);
}
.bg-sky-400\/\[0\.07\] {
  background-color: rgb(56 189 248 / 0.07);
}
.bg-sky-400\/\[0\.08\] {
  background-color: rgb(56 189 248 / 0.08);
}
.bg-sky-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / var(--tw-bg-opacity));
}
.bg-sky-50\/60 {
  background-color: rgb(240 249 255 / 0.6);
}
.bg-sky-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(14 165 233 / var(--tw-bg-opacity));
}
.bg-sky-500\/10 {
  background-color: rgb(14 165 233 / 0.1);
}
.bg-sky-500\/15 {
  background-color: rgb(14 165 233 / 0.15);
}
.bg-sky-500\/20 {
  background-color: rgb(14 165 233 / 0.2);
}
.bg-sky-500\/25 {
  background-color: rgb(14 165 233 / 0.25);
}
.bg-sky-500\/30 {
  background-color: rgb(14 165 233 / 0.3);
}
.bg-sky-500\/35 {
  background-color: rgb(14 165 233 / 0.35);
}
.bg-sky-500\/5 {
  background-color: rgb(14 165 233 / 0.05);
}
.bg-sky-500\/70 {
  background-color: rgb(14 165 233 / 0.7);
}
.bg-sky-500\/80 {
  background-color: rgb(14 165 233 / 0.8);
}
.bg-sky-500\/95 {
  background-color: rgb(14 165 233 / 0.95);
}
.bg-sky-500\/\[0\.08\] {
  background-color: rgb(14 165 233 / 0.08);
}
.bg-sky-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(2 132 199 / var(--tw-bg-opacity));
}
.bg-sky-600\/10 {
  background-color: rgb(2 132 199 / 0.1);
}
.bg-sky-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(3 105 161 / var(--tw-bg-opacity));
}
.bg-sky-900\/50 {
  background-color: rgb(12 74 110 / 0.5);
}
.bg-sky-900\/60 {
  background-color: rgb(12 74 110 / 0.6);
}
.bg-sky-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(8 47 73 / var(--tw-bg-opacity));
}
.bg-sky-950\/40 {
  background-color: rgb(8 47 73 / 0.4);
}
.bg-sky-950\/70 {
  background-color: rgb(8 47 73 / 0.7);
}
.bg-slate-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}
.bg-slate-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}
.bg-slate-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity));
}
.bg-slate-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(148 163 184 / var(--tw-bg-opacity));
}
.bg-slate-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}
.bg-slate-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / var(--tw-bg-opacity));
}
.bg-slate-500\/10 {
  background-color: rgb(100 116 139 / 0.1);
}
.bg-slate-500\/20 {
  background-color: rgb(100 116 139 / 0.2);
}
.bg-slate-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
}
.bg-slate-600\/20 {
  background-color: rgb(71 85 105 / 0.2);
}
.bg-slate-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}
.bg-slate-700\/50 {
  background-color: rgb(51 65 85 / 0.5);
}
.bg-slate-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}
.bg-slate-800\/30 {
  background-color: rgb(30 41 59 / 0.3);
}
.bg-slate-800\/40 {
  background-color: rgb(30 41 59 / 0.4);
}
.bg-slate-800\/50 {
  background-color: rgb(30 41 59 / 0.5);
}
.bg-slate-800\/60 {
  background-color: rgb(30 41 59 / 0.6);
}
.bg-slate-800\/70 {
  background-color: rgb(30 41 59 / 0.7);
}
.bg-slate-800\/80 {
  background-color: rgb(30 41 59 / 0.8);
}
.bg-slate-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}
.bg-slate-900\/30 {
  background-color: rgb(15 23 42 / 0.3);
}
.bg-slate-900\/40 {
  background-color: rgb(15 23 42 / 0.4);
}
.bg-slate-900\/50 {
  background-color: rgb(15 23 42 / 0.5);
}
.bg-slate-900\/60 {
  background-color: rgb(15 23 42 / 0.6);
}
.bg-slate-900\/80 {
  background-color: rgb(15 23 42 / 0.8);
}
.bg-slate-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
}
.bg-slate-950\/20 {
  background-color: rgb(2 6 23 / 0.2);
}
.bg-slate-950\/40 {
  background-color: rgb(2 6 23 / 0.4);
}
.bg-slate-950\/50 {
  background-color: rgb(2 6 23 / 0.5);
}
.bg-slate-950\/60 {
  background-color: rgb(2 6 23 / 0.6);
}
.bg-slate-950\/80 {
  background-color: rgb(2 6 23 / 0.8);
}
.bg-slate-950\/90 {
  background-color: rgb(2 6 23 / 0.9);
}
.bg-stone-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 244 / var(--tw-bg-opacity));
}
.bg-stone-100\/70 {
  background-color: rgb(245 245 244 / 0.7);
}
.bg-stone-100\/80 {
  background-color: rgb(245 245 244 / 0.8);
}
.bg-stone-100\/90 {
  background-color: rgb(245 245 244 / 0.9);
}
.bg-stone-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(231 229 228 / var(--tw-bg-opacity));
}
.bg-stone-200\/50 {
  background-color: rgb(231 229 228 / 0.5);
}
.bg-stone-200\/80 {
  background-color: rgb(231 229 228 / 0.8);
}
.bg-stone-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(214 211 209 / var(--tw-bg-opacity));
}
.bg-stone-300\/40 {
  background-color: rgb(214 211 209 / 0.4);
}
.bg-stone-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(168 162 158 / var(--tw-bg-opacity));
}
.bg-stone-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 249 / var(--tw-bg-opacity));
}
.bg-stone-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(120 113 108 / var(--tw-bg-opacity));
}
.bg-stone-500\/10 {
  background-color: rgb(120 113 108 / 0.1);
}
.bg-stone-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(87 83 78 / var(--tw-bg-opacity));
}
.bg-stone-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(68 64 60 / var(--tw-bg-opacity));
}
.bg-stone-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(41 37 36 / var(--tw-bg-opacity));
}
.bg-stone-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(28 25 23 / var(--tw-bg-opacity));
}
.bg-stone-900\/30 {
  background-color: rgb(28 25 23 / 0.3);
}
.bg-surface {
  background-color: var(--aether-surface);
}
.bg-surface-hover {
  background-color: var(--aether-surface-hover);
}
.bg-teal-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(204 251 241 / var(--tw-bg-opacity));
}
.bg-teal-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(153 246 228 / var(--tw-bg-opacity));
}
.bg-teal-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(94 234 212 / var(--tw-bg-opacity));
}
.bg-teal-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(45 212 191 / var(--tw-bg-opacity));
}
.bg-teal-400\/10 {
  background-color: rgb(45 212 191 / 0.1);
}
.bg-teal-400\/20 {
  background-color: rgb(45 212 191 / 0.2);
}
.bg-teal-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 250 / var(--tw-bg-opacity));
}
.bg-teal-50\/80 {
  background-color: rgb(240 253 250 / 0.8);
}
.bg-teal-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(20 184 166 / var(--tw-bg-opacity));
}
.bg-teal-500\/10 {
  background-color: rgb(20 184 166 / 0.1);
}
.bg-teal-500\/15 {
  background-color: rgb(20 184 166 / 0.15);
}
.bg-teal-500\/20 {
  background-color: rgb(20 184 166 / 0.2);
}
.bg-teal-500\/5 {
  background-color: rgb(20 184 166 / 0.05);
}
.bg-teal-500\/\[0\.06\] {
  background-color: rgb(20 184 166 / 0.06);
}
.bg-teal-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(13 148 136 / var(--tw-bg-opacity));
}
.bg-teal-600\/15 {
  background-color: rgb(13 148 136 / 0.15);
}
.bg-teal-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(15 118 110 / var(--tw-bg-opacity));
}
.bg-teal-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(17 94 89 / var(--tw-bg-opacity));
}
.bg-teal-800\/20 {
  background-color: rgb(17 94 89 / 0.2);
}
.bg-teal-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(19 78 74 / var(--tw-bg-opacity));
}
.bg-teal-900\/20 {
  background-color: rgb(19 78 74 / 0.2);
}
.bg-teal-900\/40 {
  background-color: rgb(19 78 74 / 0.4);
}
.bg-teal-900\/50 {
  background-color: rgb(19 78 74 / 0.5);
}
.bg-teal-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(4 47 46 / var(--tw-bg-opacity));
}
.bg-teal-950\/20 {
  background-color: rgb(4 47 46 / 0.2);
}
.bg-teal-950\/40 {
  background-color: rgb(4 47 46 / 0.4);
}
.bg-teal-950\/50 {
  background-color: rgb(4 47 46 / 0.5);
}
.bg-teal-950\/60 {
  background-color: rgb(4 47 46 / 0.6);
}
.bg-teal-950\/65 {
  background-color: rgb(4 47 46 / 0.65);
}
.bg-teal-950\/80 {
  background-color: rgb(4 47 46 / 0.8);
}
.bg-transparent {
  background-color: transparent;
}
.bg-violet-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity));
}
.bg-violet-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(196 181 253 / var(--tw-bg-opacity));
}
.bg-violet-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(167 139 250 / var(--tw-bg-opacity));
}
.bg-violet-400\/10 {
  background-color: rgb(167 139 250 / 0.1);
}
.bg-violet-400\/15 {
  background-color: rgb(167 139 250 / 0.15);
}
.bg-violet-400\/20 {
  background-color: rgb(167 139 250 / 0.2);
}
.bg-violet-400\/30 {
  background-color: rgb(167 139 250 / 0.3);
}
.bg-violet-400\/5 {
  background-color: rgb(167 139 250 / 0.05);
}
.bg-violet-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 255 / var(--tw-bg-opacity));
}
.bg-violet-50\/60 {
  background-color: rgb(245 243 255 / 0.6);
}
.bg-violet-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(139 92 246 / var(--tw-bg-opacity));
}
.bg-violet-500\/10 {
  background-color: rgb(139 92 246 / 0.1);
}
.bg-violet-500\/15 {
  background-color: rgb(139 92 246 / 0.15);
}
.bg-violet-500\/20 {
  background-color: rgb(139 92 246 / 0.2);
}
.bg-violet-500\/25 {
  background-color: rgb(139 92 246 / 0.25);
}
.bg-violet-500\/30 {
  background-color: rgb(139 92 246 / 0.3);
}
.bg-violet-500\/5 {
  background-color: rgb(139 92 246 / 0.05);
}
.bg-violet-500\/55 {
  background-color: rgb(139 92 246 / 0.55);
}
.bg-violet-500\/70 {
  background-color: rgb(139 92 246 / 0.7);
}
.bg-violet-500\/80 {
  background-color: rgb(139 92 246 / 0.8);
}
.bg-violet-500\/\[0\.06\] {
  background-color: rgb(139 92 246 / 0.06);
}
.bg-violet-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(124 58 237 / var(--tw-bg-opacity));
}
.bg-violet-600\/10 {
  background-color: rgb(124 58 237 / 0.1);
}
.bg-violet-600\/20 {
  background-color: rgb(124 58 237 / 0.2);
}
.bg-violet-600\/80 {
  background-color: rgb(124 58 237 / 0.8);
}
.bg-violet-600\/90 {
  background-color: rgb(124 58 237 / 0.9);
}
.bg-violet-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(109 40 217 / var(--tw-bg-opacity));
}
.bg-violet-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(91 33 182 / var(--tw-bg-opacity));
}
.bg-violet-900\/30 {
  background-color: rgb(76 29 149 / 0.3);
}
.bg-violet-900\/60 {
  background-color: rgb(76 29 149 / 0.6);
}
.bg-violet-950\/40 {
  background-color: rgb(46 16 101 / 0.4);
}
.bg-violet-950\/70 {
  background-color: rgb(46 16 101 / 0.7);
}
.bg-violet-950\/80 {
  background-color: rgb(46 16 101 / 0.8);
}
.bg-violet-950\/90 {
  background-color: rgb(46 16 101 / 0.9);
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-white\/10 {
  background-color: rgb(255 255 255 / 0.1);
}
.bg-white\/15 {
  background-color: rgb(255 255 255 / 0.15);
}
.bg-white\/20 {
  background-color: rgb(255 255 255 / 0.2);
}
.bg-white\/25 {
  background-color: rgb(255 255 255 / 0.25);
}
.bg-white\/30 {
  background-color: rgb(255 255 255 / 0.3);
}
.bg-white\/35 {
  background-color: rgb(255 255 255 / 0.35);
}
.bg-white\/40 {
  background-color: rgb(255 255 255 / 0.4);
}
.bg-white\/45 {
  background-color: rgb(255 255 255 / 0.45);
}
.bg-white\/5 {
  background-color: rgb(255 255 255 / 0.05);
}
.bg-white\/50 {
  background-color: rgb(255 255 255 / 0.5);
}
.bg-white\/60 {
  background-color: rgb(255 255 255 / 0.6);
}
.bg-white\/70 {
  background-color: rgb(255 255 255 / 0.7);
}
.bg-white\/75 {
  background-color: rgb(255 255 255 / 0.75);
}
.bg-white\/80 {
  background-color: rgb(255 255 255 / 0.8);
}
.bg-white\/85 {
  background-color: rgb(255 255 255 / 0.85);
}
.bg-white\/90 {
  background-color: rgb(255 255 255 / 0.9);
}
.bg-white\/95 {
  background-color: rgb(255 255 255 / 0.95);
}
.bg-white\/\[0\.015\] {
  background-color: rgb(255 255 255 / 0.015);
}
.bg-white\/\[0\.025\] {
  background-color: rgb(255 255 255 / 0.025);
}
.bg-white\/\[0\.02\] {
  background-color: rgb(255 255 255 / 0.02);
}
.bg-white\/\[0\.03\] {
  background-color: rgb(255 255 255 / 0.03);
}
.bg-white\/\[0\.04\] {
  background-color: rgb(255 255 255 / 0.04);
}
.bg-white\/\[0\.055\] {
  background-color: rgb(255 255 255 / 0.055);
}
.bg-white\/\[0\.05\] {
  background-color: rgb(255 255 255 / 0.05);
}
.bg-white\/\[0\.06\] {
  background-color: rgb(255 255 255 / 0.06);
}
.bg-white\/\[0\.07\] {
  background-color: rgb(255 255 255 / 0.07);
}
.bg-white\/\[0\.08\] {
  background-color: rgb(255 255 255 / 0.08);
}
.bg-white\/\[0\.09\] {
  background-color: rgb(255 255 255 / 0.09);
}
.bg-white\/\[0\.10\] {
  background-color: rgb(255 255 255 / 0.10);
}
.bg-white\/\[0\.12\] {
  background-color: rgb(255 255 255 / 0.12);
}
.bg-white\/\[0\.14\] {
  background-color: rgb(255 255 255 / 0.14);
}
.bg-white\/\[0\.1\] {
  background-color: rgb(255 255 255 / 0.1);
}
.bg-workflow-bg {
  background-color: hsl(var(--workflow-bg));
}
.bg-workflow-node-input {
  background-color: hsl(var(--workflow-node-input));
}
.bg-workflow-node-input\/40 {
  background-color: hsl(var(--workflow-node-input) / 0.4);
}
.bg-workflow-node-input\/50 {
  background-color: hsl(var(--workflow-node-input) / 0.5);
}
.bg-workflow-node-input\/55 {
  background-color: hsl(var(--workflow-node-input) / 0.55);
}
.bg-workflow-surface {
  background-color: hsl(var(--workflow-surface));
}
.bg-workflow-surface-hover {
  background-color: hsl(var(--workflow-surface-hover));
}
.bg-yellow-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / var(--tw-bg-opacity));
}
.bg-yellow-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 240 138 / var(--tw-bg-opacity));
}
.bg-yellow-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 224 71 / var(--tw-bg-opacity));
}
.bg-yellow-300\/15 {
  background-color: rgb(253 224 71 / 0.15);
}
.bg-yellow-300\/60 {
  background-color: rgb(253 224 71 / 0.6);
}
.bg-yellow-300\/90 {
  background-color: rgb(253 224 71 / 0.9);
}
.bg-yellow-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21 / var(--tw-bg-opacity));
}
.bg-yellow-400\/10 {
  background-color: rgb(250 204 21 / 0.1);
}
.bg-yellow-400\/20 {
  background-color: rgb(250 204 21 / 0.2);
}
.bg-yellow-400\/40 {
  background-color: rgb(250 204 21 / 0.4);
}
.bg-yellow-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / var(--tw-bg-opacity));
}
.bg-yellow-50\/50 {
  background-color: rgb(254 252 232 / 0.5);
}
.bg-yellow-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity));
}
.bg-yellow-500\/10 {
  background-color: rgb(234 179 8 / 0.1);
}
.bg-yellow-500\/15 {
  background-color: rgb(234 179 8 / 0.15);
}
.bg-yellow-500\/20 {
  background-color: rgb(234 179 8 / 0.2);
}
.bg-yellow-500\/5 {
  background-color: rgb(234 179 8 / 0.05);
}
.bg-yellow-500\/60 {
  background-color: rgb(234 179 8 / 0.6);
}
.bg-yellow-500\/70 {
  background-color: rgb(234 179 8 / 0.7);
}
.bg-yellow-500\/80 {
  background-color: rgb(234 179 8 / 0.8);
}
.bg-yellow-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(202 138 4 / var(--tw-bg-opacity));
}
.bg-yellow-600\/15 {
  background-color: rgb(202 138 4 / 0.15);
}
.bg-yellow-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(161 98 7 / var(--tw-bg-opacity));
}
.bg-yellow-700\/40 {
  background-color: rgb(161 98 7 / 0.4);
}
.bg-yellow-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(133 77 14 / var(--tw-bg-opacity));
}
.bg-yellow-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(113 63 18 / var(--tw-bg-opacity));
}
.bg-yellow-900\/20 {
  background-color: rgb(113 63 18 / 0.2);
}
.bg-yellow-900\/30 {
  background-color: rgb(113 63 18 / 0.3);
}
.bg-yellow-950\/20 {
  background-color: rgb(66 32 6 / 0.2);
}
.bg-yellow-950\/40 {
  background-color: rgb(66 32 6 / 0.4);
}
.bg-yellow-950\/50 {
  background-color: rgb(66 32 6 / 0.5);
}
.bg-zinc-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 245 / var(--tw-bg-opacity));
}
.bg-zinc-100\/80 {
  background-color: rgb(244 244 245 / 0.8);
}
.bg-zinc-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(228 228 231 / var(--tw-bg-opacity));
}
.bg-zinc-200\/50 {
  background-color: rgb(228 228 231 / 0.5);
}
.bg-zinc-200\/80 {
  background-color: rgb(228 228 231 / 0.8);
}
.bg-zinc-200\/85 {
  background-color: rgb(228 228 231 / 0.85);
}
.bg-zinc-200\/90 {
  background-color: rgb(228 228 231 / 0.9);
}
.bg-zinc-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(212 212 216 / var(--tw-bg-opacity));
}
.bg-zinc-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(161 161 170 / var(--tw-bg-opacity));
}
.bg-zinc-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
.bg-zinc-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(113 113 122 / var(--tw-bg-opacity));
}
.bg-zinc-500\/10 {
  background-color: rgb(113 113 122 / 0.1);
}
.bg-zinc-500\/15 {
  background-color: rgb(113 113 122 / 0.15);
}
.bg-zinc-500\/20 {
  background-color: rgb(113 113 122 / 0.2);
}
.bg-zinc-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(82 82 91 / var(--tw-bg-opacity));
}
.bg-zinc-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(63 63 70 / var(--tw-bg-opacity));
}
.bg-zinc-700\/30 {
  background-color: rgb(63 63 70 / 0.3);
}
.bg-zinc-700\/50 {
  background-color: rgb(63 63 70 / 0.5);
}
.bg-zinc-700\/60 {
  background-color: rgb(63 63 70 / 0.6);
}
.bg-zinc-700\/80 {
  background-color: rgb(63 63 70 / 0.8);
}
.bg-zinc-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(39 39 42 / var(--tw-bg-opacity));
}
.bg-zinc-800\/10 {
  background-color: rgb(39 39 42 / 0.1);
}
.bg-zinc-800\/20 {
  background-color: rgb(39 39 42 / 0.2);
}
.bg-zinc-800\/30 {
  background-color: rgb(39 39 42 / 0.3);
}
.bg-zinc-800\/35 {
  background-color: rgb(39 39 42 / 0.35);
}
.bg-zinc-800\/40 {
  background-color: rgb(39 39 42 / 0.4);
}
.bg-zinc-800\/50 {
  background-color: rgb(39 39 42 / 0.5);
}
.bg-zinc-800\/60 {
  background-color: rgb(39 39 42 / 0.6);
}
.bg-zinc-800\/70 {
  background-color: rgb(39 39 42 / 0.7);
}
.bg-zinc-800\/80 {
  background-color: rgb(39 39 42 / 0.8);
}
.bg-zinc-800\/90 {
  background-color: rgb(39 39 42 / 0.9);
}
.bg-zinc-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 27 / var(--tw-bg-opacity));
}
.bg-zinc-900\/10 {
  background-color: rgb(24 24 27 / 0.1);
}
.bg-zinc-900\/20 {
  background-color: rgb(24 24 27 / 0.2);
}
.bg-zinc-900\/30 {
  background-color: rgb(24 24 27 / 0.3);
}
.bg-zinc-900\/40 {
  background-color: rgb(24 24 27 / 0.4);
}
.bg-zinc-900\/50 {
  background-color: rgb(24 24 27 / 0.5);
}
.bg-zinc-900\/60 {
  background-color: rgb(24 24 27 / 0.6);
}
.bg-zinc-900\/70 {
  background-color: rgb(24 24 27 / 0.7);
}
.bg-zinc-900\/80 {
  background-color: rgb(24 24 27 / 0.8);
}
.bg-zinc-900\/90 {
  background-color: rgb(24 24 27 / 0.9);
}
.bg-zinc-900\/95 {
  background-color: rgb(24 24 27 / 0.95);
}
.bg-zinc-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(9 9 11 / var(--tw-bg-opacity));
}
.bg-zinc-950\/40 {
  background-color: rgb(9 9 11 / 0.4);
}
.bg-zinc-950\/80 {
  background-color: rgb(9 9 11 / 0.8);
}
.bg-zinc-950\/85 {
  background-color: rgb(9 9 11 / 0.85);
}
.bg-zinc-950\/90 {
  background-color: rgb(9 9 11 / 0.9);
}
.bg-opacity-0 {
  --tw-bg-opacity: 0;
}
.bg-opacity-20 {
  --tw-bg-opacity: 0.2;
}
.bg-opacity-25 {
  --tw-bg-opacity: 0.25;
}
.bg-opacity-50 {
  --tw-bg-opacity: 0.5;
}
.bg-opacity-70 {
  --tw-bg-opacity: 0.7;
}
.bg-opacity-75 {
  --tw-bg-opacity: 0.75;
}
.bg-opacity-80 {
  --tw-bg-opacity: 0.8;
}
.bg-opacity-90 {
  --tw-bg-opacity: 0.9;
}
.bg-\[conic-gradient\(from_120deg_at_50\%_50\%\2c \#080b11_0\%\2c \#172033_70\%\2c \#e86705_90\%\)\] {
  background-image: conic-gradient(from 120deg at 50% 50%,#080b11 0%,#172033 70%,#e86705 90%);
}
.bg-\[conic-gradient\(from_120deg_at_50\%_50\%\2c \#adfda2_0\%\2c \#11d3f3_50\%\2c \#2278fb_100\%\)\] {
  background-image: conic-gradient(from 120deg at 50% 50%,#adfda2 0%,#11d3f3 50%,#2278fb 100%);
}
.bg-\[conic-gradient\(from_180deg_at_50\%_50\%\2c \#22d3ee\2c \#a78bfa\2c \#f472b6\2c \#22d3ee\)\] {
  background-image: conic-gradient(from 180deg at 50% 50%,#22d3ee,#a78bfa,#f472b6,#22d3ee);
}
.bg-\[conic-gradient\(from_45deg_at_50\%_50\%\2c \#080b11_0\%\2c \#172033_80\%\2c \#fff_100\%\)\] {
  background-image: conic-gradient(from 45deg at 50% 50%,#080b11 0%,#172033 80%,#fff 100%);
}
.bg-\[conic-gradient\(from_45deg_at_50\%_50\%\2c \#080b11_0\%\2c \#1B1B26_80\%\2c \#0968e5_100\%\)\] {
  background-image: conic-gradient(from 45deg at 50% 50%,#080b11 0%,#1B1B26 80%,#0968e5 100%);
}
.bg-\[conic-gradient\(from_90deg_at_50\%_50\%\2c \#85d797_0\%\2c \#1a806b_50\%\2c \#85d797_100\%\)\] {
  background-image: conic-gradient(from 90deg at 50% 50%,#85d797 0%,#1a806b 50%,#85d797 100%);
}
.bg-\[conic-gradient\(from_90deg_at_50\%_50\%\2c \#A77BFE_0\%\2c \#8860D0_50\%\2c \#A77BFE_100\%\)\] {
  background-image: conic-gradient(from 90deg at 50% 50%,#A77BFE 0%,#8860D0 50%,#A77BFE 100%);
}
.bg-\[conic-gradient\(from_90deg_at_50\%_50\%\2c \#E2CBFF_0\%\2c \#393BB2_50\%\2c \#E2CBFF_100\%\)\] {
  background-image: conic-gradient(from 90deg at 50% 50%,#E2CBFF 0%,#393BB2 50%,#E2CBFF 100%);
}
.bg-\[conic-gradient\(from_90deg_at_50\%_50\%\2c \#a1c4fd_0\%\2c \#c2e9fb_50\%\2c \#a1c4fd_100\%\)\] {
  background-image: conic-gradient(from 90deg at 50% 50%,#a1c4fd 0%,#c2e9fb 50%,#a1c4fd 100%);
}
.bg-\[conic-gradient\(from_90deg_at_50\%_50\%\2c \#fe5d75_0\%\2c \#f5af19_50\%\2c \#fe5d75_100\%\)\] {
  background-image: conic-gradient(from 90deg at 50% 50%,#fe5d75 0%,#f5af19 50%,#fe5d75 100%);
}
.bg-\[conic-gradient\(from_90deg_at_50\%_50\%\2c \#ff9a9e_0\%\2c \#fad0c4_50\%\2c \#fad0c4_90\%\2c \#ff9a9e_100\%\)\] {
  background-image: conic-gradient(from 90deg at 50% 50%,#ff9a9e 0%,#fad0c4 50%,#fad0c4 90%,#ff9a9e 100%);
}
.bg-\[linear-gradient\(\#fff\2c \#fff\)\2c linear-gradient\(\#fff_50\%\2c rgba\(255\2c 255\2c 255\2c 0\.6\)_80\%\2c rgba\(0\2c 0\2c 0\2c 0\)\)\2c linear-gradient\(90deg\2c hsl\(0\2c 100\%\2c 63\%\)\2c hsl\(90\2c 100\%\2c 63\%\)\2c hsl\(210\2c 100\%\2c 63\%\)\2c hsl\(195\2c 100\%\2c 63\%\)\2c hsl\(270\2c 100\%\2c 63\%\)\)\] {
  background-image: linear-gradient(#fff,#fff),linear-gradient(#fff 50%,rgba(255,255,255,0.6) 80%,rgba(0,0,0,0)),linear-gradient(90deg,hsl(0,100%,63%),hsl(90,100%,63%),hsl(210,100%,63%),hsl(195,100%,63%),hsl(270,100%,63%));
}
.bg-\[linear-gradient\(135deg\2c \#2a2f6b\2c \#ff7ac4\)\] {
  background-image: linear-gradient(135deg,#2a2f6b,#ff7ac4);
}
.bg-\[linear-gradient\(180deg\2c \#26262a\2c \#1b1b1e\)\] {
  background-image: linear-gradient(180deg,#26262a,#1b1b1e);
}
.bg-\[linear-gradient\(180deg\2c oklch\(0\.21_0_0\)_0\%\2c oklch\(0\.165_0_0\)_100\%\)\] {
  background-image: linear-gradient(180deg,oklch(0.21 0 0) 0%,oklch(0.165 0 0) 100%);
}
.bg-\[linear-gradient\(180deg\2c oklch\(0\.22_0_0\)_0\%\2c oklch\(0\.18_0_0\)_100\%\)\] {
  background-image: linear-gradient(180deg,oklch(0.22 0 0) 0%,oklch(0.18 0 0) 100%);
}
.bg-\[linear-gradient\(180deg\2c oklch\(0\.22_0_0\/0\.88\)_0\%\2c oklch\(0\.15_0_0\/0\.92\)_100\%\)\] {
  background-image: linear-gradient(180deg,oklch(0.22 0 0/0.88) 0%,oklch(0.15 0 0/0.92) 100%);
}
.bg-\[linear-gradient\(180deg\2c oklch\(0\.25_0_0\)\2c oklch\(0\.08_0_0\)\)\] {
  background-image: linear-gradient(180deg,oklch(0.25 0 0),oklch(0.08 0 0));
}
.bg-\[linear-gradient\(180deg\2c oklch\(0\.95_0_0\)\2c oklch\(0\.82_0_0\)\)\] {
  background-image: linear-gradient(180deg,oklch(0.95 0 0),oklch(0.82 0 0));
}
.bg-\[linear-gradient\(180deg\2c rgba\(255\2c 255\2c 255\2c 0\.30\)\2c rgba\(255\2c 255\2c 255\2c 0\.06\)_45\%\2c rgba\(0\2c 0\2c 0\2c 0\.06\)\)\] {
  background-image: linear-gradient(180deg,rgba(255,255,255,0.30),rgba(255,255,255,0.06) 45%,rgba(0,0,0,0.06));
}
.bg-\[linear-gradient\(45deg\2c \#80808012_25\%\2c transparent_25\%\)\2c linear-gradient\(-45deg\2c \#80808012_25\%\2c transparent_25\%\)\2c linear-gradient\(45deg\2c transparent_75\%\2c \#80808012_75\%\)\2c linear-gradient\(-45deg\2c transparent_75\%\2c \#80808012_75\%\)\] {
  background-image: linear-gradient(45deg,#80808012 25%,transparent 25%),linear-gradient(-45deg,#80808012 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#80808012 75%),linear-gradient(-45deg,transparent 75%,#80808012 75%);
}
.bg-\[linear-gradient\(45deg\2c \#aaf_25\%\2c transparent_25\%\2c transparent_75\%\2c \#aaf_75\%\2c \#aaf\)\2c linear-gradient\(45deg\2c \#aaf_25\%\2c transparent_25\%\2c transparent_75\%\2c \#aaf_75\%\2c \#aaf\)\] {
  background-image: linear-gradient(45deg,#aaf 25%,transparent 25%,transparent 75%,#aaf 75%,#aaf),linear-gradient(45deg,#aaf 25%,transparent 25%,transparent 75%,#aaf 75%,#aaf);
}
.bg-\[linear-gradient\(45deg\2c \#ffd700_25\%\2c transparent_25\%\2c transparent_75\%\2c \#ffd700_75\%\2c \#ffd700\)\2c linear-gradient\(45deg\2c \#ffd700_25\%\2c transparent_25\%\2c transparent_75\%\2c \#ffd700_75\%\2c \#ffd700\)\] {
  background-image: linear-gradient(45deg,#ffd700 25%,transparent 25%,transparent 75%,#ffd700 75%,#ffd700),linear-gradient(45deg,#ffd700 25%,transparent 25%,transparent 75%,#ffd700 75%,#ffd700);
}
.bg-\[linear-gradient\(45deg\2c hsl\(var\(--muted\)\)_25\%\2c transparent_25\%\)\2c linear-gradient\(-45deg\2c hsl\(var\(--muted\)\)_25\%\2c transparent_25\%\)\] {
  background-image: linear-gradient(45deg,hsl(var(--muted)) 25%,transparent 25%),linear-gradient(-45deg,hsl(var(--muted)) 25%,transparent 25%);
}
.bg-\[linear-gradient\(90deg\2c transparent_50\%\2c \#4f8130_50\%\)\] {
  background-image: linear-gradient(90deg,transparent 50%,#4f8130 50%);
}
.bg-\[linear-gradient\(90deg\2c transparent_50\%\2c \#ed7648_50\%\)\] {
  background-image: linear-gradient(90deg,transparent 50%,#ed7648 50%);
}
.bg-\[linear-gradient\(hsl\(var\(--border\)\)_1px\2c transparent_1px\)\2c linear-gradient\(90deg\2c hsl\(var\(--border\)\)_1px\2c transparent_1px\)\] {
  background-image: linear-gradient(hsl(var(--border)) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--border)) 1px,transparent 1px);
}
.bg-\[linear-gradient\(hsl\(var\(--linear-border\)\)_1px\2c transparent_1px\)\2c linear-gradient\(90deg\2c hsl\(var\(--linear-border\)\)_1px\2c transparent_1px\)\] {
  background-image: linear-gradient(hsl(var(--linear-border)) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--linear-border)) 1px,transparent 1px);
}
.bg-\[linear-gradient\(hsl\(var\(--primary\)\/0\)\2c hsl\(var\(--primary\)\/0\.4\)\2c hsl\(var\(--primary\)\/0\.8\)_100\%\)\] {
  background-image: linear-gradient(hsl(var(--primary)/0),hsl(var(--primary)/0.4),hsl(var(--primary)/0.8) 100%);
}
.bg-\[linear-gradient\(rgba\(34\2c 211\2c 238\2c 0\.06\)_1px\2c transparent_1px\)\] {
  background-image: linear-gradient(rgba(34,211,238,0.06) 1px,transparent 1px);
}
.bg-\[linear-gradient\(to_right\2c \#ddd_1px\2c transparent_1px\)\2c linear-gradient\(to_bottom\2c \#ddd_1px\2c transparent_1px\)\] {
  background-image: linear-gradient(to right,#ddd 1px,transparent 1px),linear-gradient(to bottom,#ddd 1px,transparent 1px);
}
.bg-\[linear-gradient\(to_right\2c \#fff3_1px\2c transparent_1px\)\2c linear-gradient\(to_bottom\2c \#fff3_1px\2c transparent_1px\)\] {
  background-image: linear-gradient(to right,#fff3 1px,transparent 1px),linear-gradient(to bottom,#fff3 1px,transparent 1px);
}
.bg-\[linear-gradient\(to_right\2c hsl\(var\(--foreground\)\/0\.12\)_1px\2c transparent_1px\)\2c linear-gradient\(to_bottom\2c hsl\(var\(--foreground\)\/0\.12\)_1px\2c transparent_1px\)\] {
  background-image: linear-gradient(to right,hsl(var(--foreground)/0.12) 1px,transparent 1px),linear-gradient(to bottom,hsl(var(--foreground)/0.12) 1px,transparent 1px);
}
.bg-\[linear-gradient\(to_right\2c rgba\(255\2c 255\2c 255\2c \.06\)_1px\2c transparent_1px\)\] {
  background-image: linear-gradient(to right,rgba(255,255,255,.06) 1px,transparent 1px);
}
.bg-\[linear-gradient\(to_right\2c rgba\(255\2c 255\2c 255\2c 0\.02\)_1px\2c transparent_1px\)\2c linear-gradient\(to_bottom\2c rgba\(255\2c 255\2c 255\2c 0\.02\)_1px\2c transparent_1px\)\] {
  background-image: linear-gradient(to right,rgba(255,255,255,0.02) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,0.02) 1px,transparent 1px);
}
.bg-\[linear-gradient\(to_right\2c var\(--border\)_1px\2c transparent_1px\)\2c linear-gradient\(to_bottom\2c var\(--border\)_1px\2c transparent_1px\)\] {
  background-image: linear-gradient(to right,var(--border) 1px,transparent 1px),linear-gradient(to bottom,var(--border) 1px,transparent 1px);
}
.bg-\[linear-gradient\(to_right\2c var\(--brand\)\2c var\(--lcd-foreground\)\)\] {
  background-image: linear-gradient(to right,var(--brand),var(--lcd-foreground));
}
.bg-\[linear-gradient\(to_top\2c oklch\(0\.72_0\.15_200\)\2c oklch\(0\.7_0\.24_305\)\2c oklch\(0\.7_0\.24_25\)\)\] {
  background-image: linear-gradient(to top,oklch(0.72 0.15 200),oklch(0.7 0.24 305),oklch(0.7 0.24 25));
}
.bg-\[radial-gradient\(\#333_1px\2c transparent_1px\)\] {
  background-image: radial-gradient(#333 1px,transparent 1px);
}
.bg-\[radial-gradient\(\#4b5563_1px\2c transparent_1px\)\] {
  background-image: radial-gradient(#4b5563 1px,transparent 1px);
}
.bg-\[radial-gradient\(\#d1d5db_1px\2c transparent_1px\)\] {
  background-image: radial-gradient(#d1d5db 1px,transparent 1px);
}
.bg-\[radial-gradient\(\#e5e7eb_1px\2c transparent_1px\)\] {
  background-image: radial-gradient(#e5e7eb 1px,transparent 1px);
}
.bg-\[radial-gradient\(50\%_50\%_at_50\%_50\%\2c hsla\(0\2c 0\%\2c 85\%\2c \.04\)_0\2c hsla\(0\2c 0\%\2c 45\%\2c \.02\)_80\%\2c transparent_100\%\)\] {
  background-image: radial-gradient(50% 50% at 50% 50%,hsla(0,0%,85%,.04) 0,hsla(0,0%,45%,.02) 80%,transparent 100%);
}
.bg-\[radial-gradient\(50\%_50\%_at_50\%_50\%\2c hsla\(0\2c 0\%\2c 85\%\2c \.06\)_0\2c hsla\(0\2c 0\%\2c 45\%\2c \.02\)_80\%\2c transparent_100\%\)\] {
  background-image: radial-gradient(50% 50% at 50% 50%,hsla(0,0%,85%,.06) 0,hsla(0,0%,45%,.02) 80%,transparent 100%);
}
.bg-\[radial-gradient\(60\%_50\%_at_50\%_-10\%\2c rgba\(59\2c 130\2c 246\2c 0\.15\)\2c transparent_70\%\)\2c radial-gradient\(40\%_40\%_at_90\%_100\%\2c rgba\(139\2c 92\2c 246\2c 0\.1\)\2c transparent_70\%\)\] {
  background-image: radial-gradient(60% 50% at 50% -10%,rgba(59,130,246,0.15),transparent 70%),radial-gradient(40% 40% at 90% 100%,rgba(139,92,246,0.1),transparent 70%);
}
.bg-\[radial-gradient\(600px_80px_at_0\%_0\%\2c rgba\(13\2c 148\2c 136\2c 0\.1\)\2c transparent_55\%\)\] {
  background-image: radial-gradient(600px 80px at 0% 0%,rgba(13,148,136,0.1),transparent 55%);
}
.bg-\[radial-gradient\(68\.54\%_68\.72\%_at_55\.02\%_31\.46\%\2c hsla\(0\2c 0\%\2c 85\%\2c \.08\)_0\2c hsla\(0\2c 0\%\2c 55\%\2c \.02\)_50\%\2c hsla\(0\2c 0\%\2c 45\%\2c 0\)_80\%\)\] {
  background-image: radial-gradient(68.54% 68.72% at 55.02% 31.46%,hsla(0,0%,85%,.08) 0,hsla(0,0%,55%,.02) 50%,hsla(0,0%,45%,0) 80%);
}
.bg-\[radial-gradient\(circle\2c \#292929\2c \#131313_55\%\)\] {
  background-image: radial-gradient(circle,#292929,#131313 55%);
}
.bg-\[radial-gradient\(circle\2c hsl\(var\(--border\)\)_1px\2c transparent_1px\)\] {
  background-image: radial-gradient(circle,hsl(var(--border)) 1px,transparent 1px);
}
.bg-\[radial-gradient\(circle\2c var\(--color-border\)_1px\2c transparent_1px\)\] {
  background-image: radial-gradient(circle,var(--color-border) 1px,transparent 1px);
}
.bg-\[radial-gradient\(circle\2c var\(--color-foreground\)_1px\2c transparent_1px\)\] {
  background-image: radial-gradient(circle,var(--color-foreground) 1px,transparent 1px);
}
.bg-\[radial-gradient\(circle_at_1px_1px\2c rgb\(0_0_0\/0\.05\)_1px\2c transparent_0\)\] {
  background-image: radial-gradient(circle at 1px 1px,rgb(0 0 0/0.05) 1px,transparent 0);
}
.bg-\[radial-gradient\(circle_at_1px_1px\2c var\(--border\)_1px\2c transparent_0\)\] {
  background-image: radial-gradient(circle at 1px 1px,var(--border) 1px,transparent 0);
}
.bg-\[radial-gradient\(circle_at_20\%_20\%\2c \#22d3ee\2c transparent_40\%\)\2c radial-gradient\(circle_at_80\%_0\%\2c \#a855f7\2c transparent_40\%\)\2c radial-gradient\(circle_at_50\%_100\%\2c \#f97316\2c transparent_45\%\)\] {
  background-image: radial-gradient(circle at 20% 20%,#22d3ee,transparent 40%),radial-gradient(circle at 80% 0%,#a855f7,transparent 40%),radial-gradient(circle at 50% 100%,#f97316,transparent 45%);
}
.bg-\[radial-gradient\(circle_at_20\%_20\%\2c \#22d3ee55\2c transparent_40\%\)\2c radial-gradient\(circle_at_80\%_0\%\2c \#a78bfa55\2c transparent_35\%\)\] {
  background-image: radial-gradient(circle at 20% 20%,#22d3ee55,transparent 40%),radial-gradient(circle at 80% 0%,#a78bfa55,transparent 35%);
}
.bg-\[radial-gradient\(circle_at_90\%_10\%\2c hsl\(var\(--muted\)\/0\.35\)\2c transparent_55\%\)\] {
  background-image: radial-gradient(circle at 90% 10%,hsl(var(--muted)/0.35),transparent 55%);
}
.bg-\[radial-gradient\(circle_at_center\2c transparent_0\%\2c \#000_100\%\)\] {
  background-image: radial-gradient(circle at center,transparent 0%,#000 100%);
}
.bg-\[radial-gradient\(circle_at_top\2c hsl\(var\(--muted\)\)_0\2c transparent_34rem\)\] {
  background-image: radial-gradient(circle at top,hsl(var(--muted)) 0,transparent 34rem);
}
.bg-\[radial-gradient\(circle_at_top\2c rgba\(255\2c 255\2c 255\2c 0\.55\)\2c transparent_55\%\)\] {
  background-image: radial-gradient(circle at top,rgba(255,255,255,0.55),transparent 55%);
}
.bg-\[radial-gradient\(ellipse_60\%_50\%_at_50\%_45\%\2c transparent_0\%\2c var\(--background\)_70\%\)\] {
  background-image: radial-gradient(ellipse 60% 50% at 50% 45%,transparent 0%,var(--background) 70%);
}
.bg-\[radial-gradient\(ellipse_70\%_120\%_at_0\%_0\%\2c \#2C663033\2c transparent_55\%\)\] {
  background-image: radial-gradient(ellipse 70% 120% at 0% 0%,#2C663033,transparent 55%);
}
.bg-\[radial-gradient\(ellipse_at_30\%_0\%\2c rgba\(255\2c 255\2c 255\2c 0\.14\)\2c transparent_60\%\)\] {
  background-image: radial-gradient(ellipse at 30% 0%,rgba(255,255,255,0.14),transparent 60%);
}
.bg-\[radial-gradient\(ellipse_at_center\2c _rgba\(14\2c 165\2c 233\2c 0\.08\)_0\%\2c _transparent_70\%\)\] {
  background-image: radial-gradient(ellipse at center, rgba(14,165,233,0.08) 0%, transparent 70%);
}
.bg-\[radial-gradient\(ellipse_at_top\2c _\#1f2547_0\%\2c _\#0a0a0f_70\%\)\] {
  background-image: radial-gradient(ellipse at top, #1f2547 0%, #0a0a0f 70%);
}
.bg-\[radial-gradient\(ellipse_at_top\2c _hsl\(var\(--muted\)\)_0\%\2c _hsl\(var\(--background\)\)_55\%\)\] {
  background-image: radial-gradient(ellipse at top, hsl(var(--muted)) 0%, hsl(var(--background)) 55%);
}
.bg-\[radial-gradient\(ellipse_at_top\2c hsl\(var\(--muted\)\/0\.55\)\2c transparent_65\%\)\] {
  background-image: radial-gradient(ellipse at top,hsl(var(--muted)/0.55),transparent 65%);
}
.bg-\[radial-gradient\(hsl\(var\(--border\)\)_1px\2c transparent_1px\)\] {
  background-image: radial-gradient(hsl(var(--border)) 1px,transparent 1px);
}
.bg-\[repeating-conic-gradient\(\#0000_0deg_90deg\2c \#8884_90deg_180deg\)\] {
  background-image: repeating-conic-gradient(#0000 0deg 90deg,#8884 90deg 180deg);
}
.bg-\[repeating-conic-gradient\(var\(--muted\)_0_25\%\2c transparent_0_50\%\)\] {
  background-image: repeating-conic-gradient(var(--muted) 0 25%,transparent 0 50%);
}
.bg-\[repeating-linear-gradient\(135deg\2c \#fda4af_0_12px\2c \#86efac_12px_24px\2c \#93c5fd_24px_36px\2c \#fde047_36px_48px\)\] {
  background-image: repeating-linear-gradient(135deg,#fda4af 0 12px,#86efac 12px 24px,#93c5fd 24px 36px,#fde047 36px 48px);
}
.bg-\[repeating-linear-gradient\(135deg\2c transparent\2c transparent_5px\2c color-mix\(in_oklab\2c var\(--color-border\)_35\%\2c transparent\)_5px\2c color-mix\(in_oklab\2c var\(--color-border\)_35\%\2c transparent\)_6px\)\] {
  background-image: repeating-linear-gradient(135deg,transparent,transparent 5px,color-mix(in oklab,var(--color-border) 35%,transparent) 5px,color-mix(in oklab,var(--color-border) 35%,transparent) 6px);
}
.bg-\[repeating-linear-gradient\(45deg\2c \#000_0_8px\2c \#f97316_8px_16px\)\] {
  background-image: repeating-linear-gradient(45deg,#000 0 8px,#f97316 8px 16px);
}
.bg-\[repeating-linear-gradient\(45deg\2c \#111_0_8px\2c \#facc15_8px_16px\)\] {
  background-image: repeating-linear-gradient(45deg,#111 0 8px,#facc15 8px 16px);
}
.bg-\[repeating-linear-gradient\(45deg\2c rgba\(255\2c 255\2c 255\2c 0\.08\)_0_14px\2c transparent_14px_28px\)\] {
  background-image: repeating-linear-gradient(45deg,rgba(255,255,255,0.08) 0 14px,transparent 14px 28px);
}
.bg-\[repeating-linear-gradient\(to_bottom\2c var\(--color-border\)_0\2c var\(--color-border\)_3px\2c transparent_3px\2c transparent_6px\)\] {
  background-image: repeating-linear-gradient(to bottom,var(--color-border) 0,var(--color-border) 3px,transparent 3px,transparent 6px);
}
.bg-\[url\(\'\/book-background\.jpg\'\)\] {
  background-image: url('/book-background.jpg');
}
.bg-\[url\(\'data\:image\/svg\+xml\;base64\2c PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyZWN0IHdpZHRoPSI0IiBoZWlnaHQ9IjQiIGZpbGw9IiM5OTkiLz48cmVjdCB4PSI0IiB5PSI0IiB3aWR0aD0iNCIgaGVpZ2h0PSI0IiBmaWxsPSIjOTk5Ii8\+PC9zdmc\+\'\)\] {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyZWN0IHdpZHRoPSI0IiBoZWlnaHQ9IjQiIGZpbGw9IiM5OTkiLz48cmVjdCB4PSI0IiB5PSI0IiB3aWR0aD0iNCIgaGVpZ2h0PSI0IiBmaWxsPSIjOTk5Ii8+PC9zdmc+');
}
.bg-\[url\(\'data\:image\/svg\+xml\;base64\2c PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjUiPgo8cmVjdCB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSIjZmZmIiBmaWxsLW9wYWNpdHk9IjAuMDUiPjwvcmVjdD4KPHJlY3Qgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0iI2ZmZiIgZmlsbC1vcGFjaXR5PSIwLjAzIj48L3JlY3Q\+Cjwvc3ZnPg\=\=\'\)\] {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjUiPgo8cmVjdCB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSIjZmZmIiBmaWxsLW9wYWNpdHk9IjAuMDUiPjwvcmVjdD4KPHJlY3Qgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0iI2ZmZiIgZmlsbC1vcGFjaXR5PSIwLjAzIj48L3JlY3Q+Cjwvc3ZnPg==');
}
.bg-\[url\(\'https\:\/\/ik\.imagekit\.io\/lapstjup\/Liquid\%20Glass\%20V0\/image\.jpeg\'\)\] {
  background-image: url('https://ik.imagekit.io/lapstjup/Liquid%20Glass%20V0/image.jpeg');
}
.bg-\[url\(https\:\/\/framerusercontent\.com\/images\/7CJtT0Pu3w1vNADktNltoMFC9J4\.png\)\] {
  background-image: url(https://framerusercontent.com/images/7CJtT0Pu3w1vNADktNltoMFC9J4.png);
}
.bg-\[url\(https\:\/\/framerusercontent\.com\/images\/PTO3RQ3S65zfZRFEGZGpiOom6aQ\.png\)\] {
  background-image: url(https://framerusercontent.com/images/PTO3RQ3S65zfZRFEGZGpiOom6aQ.png);
}
.bg-\[url\(https\:\/\/framerusercontent\.com\/images\/gR21e8Wh6l3pU6CciDrqt8wjHM\.png\)\] {
  background-image: url(https://framerusercontent.com/images/gR21e8Wh6l3pU6CciDrqt8wjHM.png);
}
.bg-\[url\(https\:\/\/framerusercontent\.com\/images\/ghyfFEStl6BNusZl0ZQd5r7JpM\.png\)\] {
  background-image: url(https://framerusercontent.com/images/ghyfFEStl6BNusZl0ZQd5r7JpM.png);
}
.bg-\[url\(https\:\/\/framerusercontent\.com\/images\/h496iPSwtSnGZwpJyErl6cLWdtE\.png\)\] {
  background-image: url(https://framerusercontent.com/images/h496iPSwtSnGZwpJyErl6cLWdtE.png);
}
.bg-book-bind-bg {
  background-image: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,0) 12%,hsla(0,0%,100%,.25) 29.25%,hsla(0,0%,100%,0) 50.5%,hsla(0,0%,100%,0) 75.25%,hsla(0,0%,100%,.25) 91%,hsla(0,0%,100%,0)),linear-gradient(90deg,rgba(0,0,0,.03),rgba(0,0,0,.1) 12%,transparent 30%,rgba(0,0,0,.02) 50%,rgba(0,0,0,.2) 73.5%,rgba(0,0,0,.5) 75.25%,rgba(0,0,0,.15) 85.25%,transparent);
}
.bg-book-pages {
  background-image: repeating-linear-gradient(90deg,#fff,#efefef 1px,#fff 3px,#9a9a9a 0);
}
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-bl {
  background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
}
.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-gradient-to-l {
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}
.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.bg-gradient-to-tr {
  background-image: linear-gradient(to top right, var(--tw-gradient-stops));
}
.from-\[\#000000\] {
  --tw-gradient-from: #000000 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#000\] {
  --tw-gradient-from: #000 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#005A43\] {
  --tw-gradient-from: #005A43 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 90 67 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#050507\] {
  --tw-gradient-from: #050507 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(5 5 7 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#0997ff\] {
  --tw-gradient-from: #0997ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(9 151 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#0A2830\] {
  --tw-gradient-from: #0A2830 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(10 40 48 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#0a0a0a\] {
  --tw-gradient-from: #0a0a0a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(10 10 10 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#0c1320\] {
  --tw-gradient-from: #0c1320 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(12 19 32 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#121214\] {
  --tw-gradient-from: #121214 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(18 18 20 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#141414\] {
  --tw-gradient-from: #141414 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(20 20 20 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#141619\] {
  --tw-gradient-from: #141619 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(20 22 25 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#1A1B26\] {
  --tw-gradient-from: #1A1B26 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(26 27 38 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#1a1a1a\] {
  --tw-gradient-from: #1a1a1a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(26 26 26 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#1a1a22\] {
  --tw-gradient-from: #1a1a22 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(26 26 34 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#1a1a2e\] {
  --tw-gradient-from: #1a1a2e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(26 26 46 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#1a2a3a\] {
  --tw-gradient-from: #1a2a3a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(26 42 58 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#1a3a5a\] {
  --tw-gradient-from: #1a3a5a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(26 58 90 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#1a3a8f\] {
  --tw-gradient-from: #1a3a8f var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(26 58 143 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#27ae60\] {
  --tw-gradient-from: #27ae60 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(39 174 96 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#2a2a2a\] {
  --tw-gradient-from: #2a2a2a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(42 42 42 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#2a2a2e\] {
  --tw-gradient-from: #2a2a2e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(42 42 46 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#2a2a32\] {
  --tw-gradient-from: #2a2a32 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(42 42 50 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#2a2a3a\] {
  --tw-gradient-from: #2a2a3a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(42 42 58 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#2a3540\] {
  --tw-gradient-from: #2a3540 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(42 53 64 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#2a4a6a\] {
  --tw-gradient-from: #2a4a6a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(42 74 106 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#2a5f5c\] {
  --tw-gradient-from: #2a5f5c var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(42 95 92 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#2c447a\] {
  --tw-gradient-from: #2c447a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(44 68 122 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#2e3c54\] {
  --tw-gradient-from: #2e3c54 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(46 60 84 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#303030\] {
  --tw-gradient-from: #303030 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(48 48 48 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#3B82F6\] {
  --tw-gradient-from: #3B82F6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#3a3a3a\] {
  --tw-gradient-from: #3a3a3a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(58 58 58 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#3a3a3a\]\/80 {
  --tw-gradient-from: rgb(58 58 58 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(58 58 58 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#3a3a42\] {
  --tw-gradient-from: #3a3a42 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(58 58 66 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#3a4550\] {
  --tw-gradient-from: #3a4550 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(58 69 80 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#3c8cff\] {
  --tw-gradient-from: #3c8cff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(60 140 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#3daee9\] {
  --tw-gradient-from: #3daee9 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(61 174 233 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#4a4a52\] {
  --tw-gradient-from: #4a4a52 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(74 74 82 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#4a5a6f\] {
  --tw-gradient-from: #4a5a6f var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(74 90 111 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#4a90e2\] {
  --tw-gradient-from: #4a90e2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(74 144 226 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#5A0000\] {
  --tw-gradient-from: #5A0000 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(90 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#606068\] {
  --tw-gradient-from: #606068 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(96 96 104 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#6a6a72\] {
  --tw-gradient-from: #6a6a72 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(106 106 114 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#707070\] {
  --tw-gradient-from: #707070 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(112 112 112 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#7b8be8\] {
  --tw-gradient-from: #7b8be8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(123 139 232 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#864813\] {
  --tw-gradient-from: #864813 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(134 72 19 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#8a2be2\] {
  --tw-gradient-from: #8a2be2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(138 43 226 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#8a8a92\] {
  --tw-gradient-from: #8a8a92 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(138 138 146 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#8b4513\] {
  --tw-gradient-from: #8b4513 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(139 69 19 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#917100\] {
  --tw-gradient-from: #917100 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(145 113 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#9ADBC8\] {
  --tw-gradient-from: #9ADBC8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(154 219 200 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#9a9aa2\] {
  --tw-gradient-from: #9a9aa2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(154 154 162 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#9b59b6\] {
  --tw-gradient-from: #9b59b6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(155 89 182 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#B9B9B9\] {
  --tw-gradient-from: #B9B9B9 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(185 185 185 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#D4F1F4\] {
  --tw-gradient-from: #D4F1F4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(212 241 244 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#E5F8F0\] {
  --tw-gradient-from: #E5F8F0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(229 248 240 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#EDC5A1\] {
  --tw-gradient-from: #EDC5A1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(237 197 161 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#F08D8F\] {
  --tw-gradient-from: #F08D8F var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 141 143 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#F0F9D6\] {
  --tw-gradient-from: #F0F9D6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 249 214 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#F3D4F5\] {
  --tw-gradient-from: #F3D4F5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(243 212 245 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#F5A623\] {
  --tw-gradient-from: #F5A623 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 166 35 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#FAFAFA\] {
  --tw-gradient-from: #FAFAFA var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 250 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#FF6B00\] {
  --tw-gradient-from: #FF6B00 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 107 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#FF6B00\]\/70 {
  --tw-gradient-from: rgb(255 107 0 / 0.7) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 107 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#FF6B00\]\/85 {
  --tw-gradient-from: rgb(255 107 0 / 0.85) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 107 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#FFDEDE\] {
  --tw-gradient-from: #FFDEDE var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 222 222 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#FFE3C9\] {
  --tw-gradient-from: #FFE3C9 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 227 201 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#FFE4CC\] {
  --tw-gradient-from: #FFE4CC var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 228 204 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#FFEBA1\] {
  --tw-gradient-from: #FFEBA1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 235 161 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#FFFDDD\] {
  --tw-gradient-from: #FFFDDD var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 253 221 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#a78bfa\]\/10 {
  --tw-gradient-from: rgb(167 139 250 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(167 139 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#b5b8bf\] {
  --tw-gradient-from: #b5b8bf var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(181 184 191 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#c0c0c8\] {
  --tw-gradient-from: #c0c0c8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(192 192 200 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#c8d0d8\] {
  --tw-gradient-from: #c8d0d8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(200 208 216 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#d0d0d0\] {
  --tw-gradient-from: #d0d0d0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(208 208 208 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#d0d0d8\] {
  --tw-gradient-from: #d0d0d8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(208 208 216 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#d4b86a\] {
  --tw-gradient-from: #d4b86a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(212 184 106 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#e0e0e0\] {
  --tw-gradient-from: #e0e0e0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(224 224 224 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#e0e0e5\] {
  --tw-gradient-from: #e0e0e5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(224 224 229 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#e74c3c\] {
  --tw-gradient-from: #e74c3c var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(231 76 60 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#e8ecf0\] {
  --tw-gradient-from: #e8ecf0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(232 236 240 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#e8f4f8\] {
  --tw-gradient-from: #e8f4f8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(232 244 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#fafafa\] {
  --tw-gradient-from: #fafafa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 250 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#fbe6e5\] {
  --tw-gradient-from: #fbe6e5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 230 229 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#ff0080\] {
  --tw-gradient-from: #ff0080 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 0 128 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#ff6b35\] {
  --tw-gradient-from: #ff6b35 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 107 53 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#ff71ce\] {
  --tw-gradient-from: #ff71ce var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 113 206 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#ff71ce\]\/30 {
  --tw-gradient-from: rgb(255 113 206 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 113 206 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#ff8c42\] {
  --tw-gradient-from: #ff8c42 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 140 66 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#ffd700\] {
  --tw-gradient-from: #ffd700 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 215 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#ffffff\] {
  --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[hsl\(var\(--linear-accent\)\/0\.2\)\] {
  --tw-gradient-from: hsl(var(--linear-accent)/0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--linear-accent) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-accent\/20 {
  --tw-gradient-from: hsl(var(--accent) / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--accent) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-accent\/5 {
  --tw-gradient-from: hsl(var(--accent) / 0.05) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--accent) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-accent\/60 {
  --tw-gradient-from: hsl(var(--accent) / 0.6) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--accent) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-accent\/80 {
  --tw-gradient-from: hsl(var(--accent) / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--accent) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-100 {
  --tw-gradient-from: #fef3c7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 243 199 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-200 {
  --tw-gradient-from: #fde68a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(253 230 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-300 {
  --tw-gradient-from: #fcd34d var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(252 211 77 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-400 {
  --tw-gradient-from: #fbbf24 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-400\/10 {
  --tw-gradient-from: rgb(251 191 36 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-400\/30 {
  --tw-gradient-from: rgb(251 191 36 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-400\/40 {
  --tw-gradient-from: rgb(251 191 36 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-400\/50 {
  --tw-gradient-from: rgb(251 191 36 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-400\/70 {
  --tw-gradient-from: rgb(251 191 36 / 0.7) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-500 {
  --tw-gradient-from: #f59e0b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-500\/10 {
  --tw-gradient-from: rgb(245 158 11 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-600 {
  --tw-gradient-from: #d97706 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(217 119 6 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-600\/50 {
  --tw-gradient-from: rgb(217 119 6 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(217 119 6 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-700\/50 {
  --tw-gradient-from: rgb(180 83 9 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(180 83 9 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-800 {
  --tw-gradient-from: #92400e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(146 64 14 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-800\/50 {
  --tw-gradient-from: rgb(146 64 14 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(146 64 14 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-900 {
  --tw-gradient-from: #78350f var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(120 53 15 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-900\/15 {
  --tw-gradient-from: rgb(120 53 15 / 0.15) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(120 53 15 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-900\/20 {
  --tw-gradient-from: rgb(120 53 15 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(120 53 15 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-background {
  --tw-gradient-from: hsl(var(--background)) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-background\/50 {
  --tw-gradient-from: hsl(var(--background) / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-background\/70 {
  --tw-gradient-from: hsl(var(--background) / 0.7) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-background\/80 {
  --tw-gradient-from: hsl(var(--background) / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-background\/90 {
  --tw-gradient-from: hsl(var(--background) / 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black {
  --tw-gradient-from: #000 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/20 {
  --tw-gradient-from: rgb(0 0 0 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/25 {
  --tw-gradient-from: rgb(0 0 0 / 0.25) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/30 {
  --tw-gradient-from: rgb(0 0 0 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/40 {
  --tw-gradient-from: rgb(0 0 0 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/45 {
  --tw-gradient-from: rgb(0 0 0 / 0.45) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/5 {
  --tw-gradient-from: rgb(0 0 0 / 0.05) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/50 {
  --tw-gradient-from: rgb(0 0 0 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/55 {
  --tw-gradient-from: rgb(0 0 0 / 0.55) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/60 {
  --tw-gradient-from: rgb(0 0 0 / 0.6) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/70 {
  --tw-gradient-from: rgb(0 0 0 / 0.7) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/75 {
  --tw-gradient-from: rgb(0 0 0 / 0.75) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/80 {
  --tw-gradient-from: rgb(0 0 0 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/85 {
  --tw-gradient-from: rgb(0 0 0 / 0.85) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/90 {
  --tw-gradient-from: rgb(0 0 0 / 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/95 {
  --tw-gradient-from: rgb(0 0 0 / 0.95) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-300 {
  --tw-gradient-from: #93c5fd var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(147 197 253 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-400 {
  --tw-gradient-from: #60a5fa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-400\/30 {
  --tw-gradient-from: rgb(96 165 250 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-400\/70 {
  --tw-gradient-from: rgb(96 165 250 / 0.7) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-50 {
  --tw-gradient-from: #eff6ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500 {
  --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500\/10 {
  --tw-gradient-from: rgb(59 130 246 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500\/20 {
  --tw-gradient-from: rgb(59 130 246 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500\/25 {
  --tw-gradient-from: rgb(59 130 246 / 0.25) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-600 {
  --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-600\/10 {
  --tw-gradient-from: rgb(37 99 235 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-900 {
  --tw-gradient-from: #1e3a8a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-900\/20 {
  --tw-gradient-from: rgb(30 58 138 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-card {
  --tw-gradient-from: hsl(var(--card)) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--card) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-card\/70 {
  --tw-gradient-from: hsl(var(--card) / 0.7) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--card) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-card\/80 {
  --tw-gradient-from: hsl(var(--card) / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--card) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-current {
  --tw-gradient-from: currentColor var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-cyan-300 {
  --tw-gradient-from: #67e8f9 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(103 232 249 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-cyan-400 {
  --tw-gradient-from: #22d3ee var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(34 211 238 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-cyan-400\/20 {
  --tw-gradient-from: rgb(34 211 238 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(34 211 238 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-cyan-50\/50 {
  --tw-gradient-from: rgb(236 254 255 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(236 254 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-cyan-500 {
  --tw-gradient-from: #06b6d4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-cyan-500\/20 {
  --tw-gradient-from: rgb(6 182 212 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-cyan-500\/30 {
  --tw-gradient-from: rgb(6 182 212 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-cyan-900\/20 {
  --tw-gradient-from: rgb(22 78 99 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(22 78 99 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-destructive\/20 {
  --tw-gradient-from: hsl(var(--destructive) / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--destructive) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-destructive\/80 {
  --tw-gradient-from: hsl(var(--destructive) / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--destructive) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-100 {
  --tw-gradient-from: #d1fae5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(209 250 229 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-300 {
  --tw-gradient-from: #6ee7b7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(110 231 183 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-400 {
  --tw-gradient-from: #34d399 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(52 211 153 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-400\/30 {
  --tw-gradient-from: rgb(52 211 153 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(52 211 153 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-500 {
  --tw-gradient-from: #10b981 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-500\/10 {
  --tw-gradient-from: rgb(16 185 129 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-500\/30 {
  --tw-gradient-from: rgb(16 185 129 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-600 {
  --tw-gradient-from: #059669 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(5 150 105 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-700\/40 {
  --tw-gradient-from: rgb(4 120 87 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(4 120 87 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-foreground {
  --tw-gradient-from: hsl(var(--foreground)) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--foreground) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-foreground\/10 {
  --tw-gradient-from: hsl(var(--foreground) / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--foreground) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-foreground\/20 {
  --tw-gradient-from: hsl(var(--foreground) / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--foreground) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-foreground\/40 {
  --tw-gradient-from: hsl(var(--foreground) / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--foreground) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-foreground\/70 {
  --tw-gradient-from: hsl(var(--foreground) / 0.7) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--foreground) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-foreground\/80 {
  --tw-gradient-from: hsl(var(--foreground) / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--foreground) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-foreground\/\[0\.04\] {
  --tw-gradient-from: hsl(var(--foreground) / 0.04) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--foreground) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-foreground\/\[0\.05\] {
  --tw-gradient-from: hsl(var(--foreground) / 0.05) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--foreground) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-fuchsia-300 {
  --tw-gradient-from: #f0abfc var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 171 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-fuchsia-400\/80 {
  --tw-gradient-from: rgb(232 121 249 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(232 121 249 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-fuchsia-50\/50 {
  --tw-gradient-from: rgb(253 244 255 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(253 244 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-fuchsia-500 {
  --tw-gradient-from: #d946ef var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(217 70 239 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-fuchsia-500\/40 {
  --tw-gradient-from: rgb(217 70 239 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(217 70 239 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-fuchsia-500\/70 {
  --tw-gradient-from: rgb(217 70 239 / 0.7) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(217 70 239 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-fuchsia-600 {
  --tw-gradient-from: #c026d3 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(192 38 211 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-100 {
  --tw-gradient-from: #f3f4f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(243 244 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-200 {
  --tw-gradient-from: #e5e7eb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(229 231 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-300 {
  --tw-gradient-from: #d1d5db var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(209 213 219 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-400 {
  --tw-gradient-from: #9ca3af var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(156 163 175 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-50 {
  --tw-gradient-from: #f9fafb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-500 {
  --tw-gradient-from: #6b7280 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(107 114 128 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-500\/50 {
  --tw-gradient-from: rgb(107 114 128 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(107 114 128 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-600 {
  --tw-gradient-from: #4b5563 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(75 85 99 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-700 {
  --tw-gradient-from: #374151 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(55 65 81 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-800 {
  --tw-gradient-from: #1f2937 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-900 {
  --tw-gradient-from: #111827 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-400 {
  --tw-gradient-from: #4ade80 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(74 222 128 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-50 {
  --tw-gradient-from: #f0fdf4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 253 244 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-500 {
  --tw-gradient-from: #22c55e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-600 {
  --tw-gradient-from: #16a34a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-100 {
  --tw-gradient-from: #e0e7ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(224 231 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-300 {
  --tw-gradient-from: #a5b4fc var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(165 180 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-400 {
  --tw-gradient-from: #818cf8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(129 140 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-400\/20 {
  --tw-gradient-from: rgb(129 140 248 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(129 140 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-500 {
  --tw-gradient-from: #6366f1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-500\/0 {
  --tw-gradient-from: rgb(99 102 241 / 0) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-500\/20 {
  --tw-gradient-from: rgb(99 102 241 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-500\/40 {
  --tw-gradient-from: rgb(99 102 241 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-500\/50 {
  --tw-gradient-from: rgb(99 102 241 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-600 {
  --tw-gradient-from: #4f46e5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-800\/30 {
  --tw-gradient-from: rgb(55 48 163 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(55 48 163 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-950 {
  --tw-gradient-from: #1e1b4b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 27 75 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-950\/20 {
  --tw-gradient-from: rgb(30 27 75 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 27 75 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-950\/40 {
  --tw-gradient-from: rgb(30 27 75 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 27 75 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-950\/60 {
  --tw-gradient-from: rgb(30 27 75 / 0.6) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 27 75 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-muted {
  --tw-gradient-from: hsl(var(--muted)) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-muted-foreground {
  --tw-gradient-from: hsl(var(--muted-foreground)) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--muted-foreground) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-muted\/20 {
  --tw-gradient-from: hsl(var(--muted) / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-muted\/30 {
  --tw-gradient-from: hsl(var(--muted) / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-muted\/40 {
  --tw-gradient-from: hsl(var(--muted) / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-muted\/50 {
  --tw-gradient-from: hsl(var(--muted) / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-muted\/75 {
  --tw-gradient-from: hsl(var(--muted) / 0.75) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-muted\/90 {
  --tw-gradient-from: hsl(var(--muted) / 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-neutral-100 {
  --tw-gradient-from: #f5f5f5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 245 245 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-neutral-200 {
  --tw-gradient-from: #e5e5e5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(229 229 229 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-neutral-300 {
  --tw-gradient-from: #d4d4d4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(212 212 212 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-neutral-300\/70 {
  --tw-gradient-from: rgb(212 212 212 / 0.7) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(212 212 212 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-neutral-400 {
  --tw-gradient-from: #a3a3a3 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(163 163 163 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-neutral-800 {
  --tw-gradient-from: #262626 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(38 38 38 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-notion-sidebar {
  --tw-gradient-from: #202020 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(32 32 32 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-orange-300 {
  --tw-gradient-from: #fdba74 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(253 186 116 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-orange-400 {
  --tw-gradient-from: #fb923c var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 146 60 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-orange-500 {
  --tw-gradient-from: #f97316 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-orange-500\/10 {
  --tw-gradient-from: rgb(249 115 22 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-orange-500\/15 {
  --tw-gradient-from: rgb(249 115 22 / 0.15) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-orange-500\/20 {
  --tw-gradient-from: rgb(249 115 22 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-orange-500\/40 {
  --tw-gradient-from: rgb(249 115 22 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-orange-600 {
  --tw-gradient-from: #ea580c var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(234 88 12 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-orange-800 {
  --tw-gradient-from: #9a3412 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(154 52 18 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-pink-200 {
  --tw-gradient-from: #fbcfe8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 207 232 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-pink-300 {
  --tw-gradient-from: #f9a8d4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 168 212 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-pink-400 {
  --tw-gradient-from: #f472b6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(244 114 182 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-pink-50 {
  --tw-gradient-from: #fdf2f8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(253 242 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-pink-500 {
  --tw-gradient-from: #ec4899 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-pink-500\/10 {
  --tw-gradient-from: rgb(236 72 153 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-pink-500\/20 {
  --tw-gradient-from: rgb(236 72 153 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-pink-600 {
  --tw-gradient-from: #db2777 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(219 39 119 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-pink-900\/20 {
  --tw-gradient-from: rgb(131 24 67 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(131 24 67 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary {
  --tw-gradient-from: hsl(var(--primary)) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary-foreground {
  --tw-gradient-from: hsl(var(--primary-foreground)) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary-foreground) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary\/10 {
  --tw-gradient-from: hsl(var(--primary) / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary\/15 {
  --tw-gradient-from: hsl(var(--primary) / 0.15) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary\/20 {
  --tw-gradient-from: hsl(var(--primary) / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary\/30 {
  --tw-gradient-from: hsl(var(--primary) / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary\/40 {
  --tw-gradient-from: hsl(var(--primary) / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary\/5 {
  --tw-gradient-from: hsl(var(--primary) / 0.05) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary\/50 {
  --tw-gradient-from: hsl(var(--primary) / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary\/60 {
  --tw-gradient-from: hsl(var(--primary) / 0.6) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary\/70 {
  --tw-gradient-from: hsl(var(--primary) / 0.7) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary\/80 {
  --tw-gradient-from: hsl(var(--primary) / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-100 {
  --tw-gradient-from: #f3e8ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(243 232 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-400 {
  --tw-gradient-from: #c084fc var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-400\/40 {
  --tw-gradient-from: rgb(192 132 252 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-50 {
  --tw-gradient-from: #faf5ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 245 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-50\/50 {
  --tw-gradient-from: rgb(250 245 255 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 245 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-500 {
  --tw-gradient-from: #a855f7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-500\/10 {
  --tw-gradient-from: rgb(168 85 247 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-500\/15 {
  --tw-gradient-from: rgb(168 85 247 / 0.15) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-500\/20 {
  --tw-gradient-from: rgb(168 85 247 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-500\/25 {
  --tw-gradient-from: rgb(168 85 247 / 0.25) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-500\/30 {
  --tw-gradient-from: rgb(168 85 247 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-600 {
  --tw-gradient-from: #9333ea var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-600\/80 {
  --tw-gradient-from: rgb(147 51 234 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-900 {
  --tw-gradient-from: #581c87 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-900\/15 {
  --tw-gradient-from: rgb(88 28 135 / 0.15) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-900\/20 {
  --tw-gradient-from: rgb(88 28 135 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-900\/30 {
  --tw-gradient-from: rgb(88 28 135 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-950 {
  --tw-gradient-from: #3b0764 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 7 100 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-400 {
  --tw-gradient-from: #f87171 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(248 113 113 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-500 {
  --tw-gradient-from: #ef4444 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-500\/10 {
  --tw-gradient-from: rgb(239 68 68 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-500\/20 {
  --tw-gradient-from: rgb(239 68 68 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-500\/30 {
  --tw-gradient-from: rgb(239 68 68 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-500\/5 {
  --tw-gradient-from: rgb(239 68 68 / 0.05) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-600 {
  --tw-gradient-from: #dc2626 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(220 38 38 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-rose-300 {
  --tw-gradient-from: #fda4af var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(253 164 175 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-rose-400 {
  --tw-gradient-from: #fb7185 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 113 133 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-rose-400\/50 {
  --tw-gradient-from: rgb(251 113 133 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 113 133 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-rose-400\/70 {
  --tw-gradient-from: rgb(251 113 133 / 0.7) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 113 133 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-rose-50 {
  --tw-gradient-from: #fff1f2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 241 242 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-rose-500 {
  --tw-gradient-from: #f43f5e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-rose-500\/10 {
  --tw-gradient-from: rgb(244 63 94 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-rose-500\/15 {
  --tw-gradient-from: rgb(244 63 94 / 0.15) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-rose-600 {
  --tw-gradient-from: #e11d48 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(225 29 72 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-secondary\/70 {
  --tw-gradient-from: hsl(var(--secondary) / 0.7) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--secondary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sidebar-primary {
  --tw-gradient-from: hsl(var(--sidebar-primary)) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--sidebar-primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sky-100 {
  --tw-gradient-from: #e0f2fe var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(224 242 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sky-200 {
  --tw-gradient-from: #bae6fd var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(186 230 253 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sky-300 {
  --tw-gradient-from: #7dd3fc var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(125 211 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sky-300\/70 {
  --tw-gradient-from: rgb(125 211 252 / 0.7) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(125 211 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sky-400 {
  --tw-gradient-from: #38bdf8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(56 189 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sky-400\/20 {
  --tw-gradient-from: rgb(56 189 248 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(56 189 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sky-400\/50 {
  --tw-gradient-from: rgb(56 189 248 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(56 189 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sky-400\/70 {
  --tw-gradient-from: rgb(56 189 248 / 0.7) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(56 189 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sky-400\/80 {
  --tw-gradient-from: rgb(56 189 248 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(56 189 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sky-500 {
  --tw-gradient-from: #0ea5e9 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(14 165 233 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sky-500\/10 {
  --tw-gradient-from: rgb(14 165 233 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(14 165 233 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sky-500\/5 {
  --tw-gradient-from: rgb(14 165 233 / 0.05) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(14 165 233 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sky-600 {
  --tw-gradient-from: #0284c7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(2 132 199 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sky-800\/50 {
  --tw-gradient-from: rgb(7 89 133 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(7 89 133 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-100 {
  --tw-gradient-from: #f1f5f9 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(241 245 249 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-300\/80 {
  --tw-gradient-from: rgb(203 213 225 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(203 213 225 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-400 {
  --tw-gradient-from: #94a3b8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(148 163 184 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-400\/20 {
  --tw-gradient-from: rgb(148 163 184 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(148 163 184 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-50 {
  --tw-gradient-from: #f8fafc var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(248 250 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-600 {
  --tw-gradient-from: #475569 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(71 85 105 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-700 {
  --tw-gradient-from: #334155 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(51 65 85 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-800 {
  --tw-gradient-from: #1e293b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-800\/70 {
  --tw-gradient-from: rgb(30 41 59 / 0.7) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-900 {
  --tw-gradient-from: #0f172a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-900\/15 {
  --tw-gradient-from: rgb(15 23 42 / 0.15) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-900\/20 {
  --tw-gradient-from: rgb(15 23 42 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-900\/80 {
  --tw-gradient-from: rgb(15 23 42 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-950 {
  --tw-gradient-from: #020617 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(2 6 23 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-950\/60 {
  --tw-gradient-from: rgb(2 6 23 / 0.6) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(2 6 23 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-stone-100 {
  --tw-gradient-from: #f5f5f4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 245 244 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-stone-300 {
  --tw-gradient-from: #d6d3d1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(214 211 209 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-stone-400\/50 {
  --tw-gradient-from: rgb(168 162 158 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(168 162 158 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-stone-700 {
  --tw-gradient-from: #44403c var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(68 64 60 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-stone-800 {
  --tw-gradient-from: #292524 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(41 37 36 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-teal-100\/50 {
  --tw-gradient-from: rgb(204 251 241 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(204 251 241 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-teal-200 {
  --tw-gradient-from: #99f6e4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(153 246 228 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-teal-300 {
  --tw-gradient-from: #5eead4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(94 234 212 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-teal-400 {
  --tw-gradient-from: #2dd4bf var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(45 212 191 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-teal-400\/30 {
  --tw-gradient-from: rgb(45 212 191 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(45 212 191 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-teal-400\/40 {
  --tw-gradient-from: rgb(45 212 191 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(45 212 191 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-teal-500 {
  --tw-gradient-from: #14b8a6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(20 184 166 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-teal-600 {
  --tw-gradient-from: #0d9488 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(13 148 136 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-teal-600\/40 {
  --tw-gradient-from: rgb(13 148 136 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(13 148 136 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-teal-950 {
  --tw-gradient-from: #042f2e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(4 47 46 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-transparent {
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-violet-400 {
  --tw-gradient-from: #a78bfa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(167 139 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-violet-50 {
  --tw-gradient-from: #f5f3ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 243 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-violet-500 {
  --tw-gradient-from: #8b5cf6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-violet-500\/10 {
  --tw-gradient-from: rgb(139 92 246 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-violet-500\/15 {
  --tw-gradient-from: rgb(139 92 246 / 0.15) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-violet-500\/20 {
  --tw-gradient-from: rgb(139 92 246 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-violet-500\/25 {
  --tw-gradient-from: rgb(139 92 246 / 0.25) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-violet-500\/30 {
  --tw-gradient-from: rgb(139 92 246 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-violet-500\/40 {
  --tw-gradient-from: rgb(139 92 246 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-violet-500\/50 {
  --tw-gradient-from: rgb(139 92 246 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-violet-600 {
  --tw-gradient-from: #7c3aed var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(124 58 237 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-violet-600\/30 {
  --tw-gradient-from: rgb(124 58 237 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(124 58 237 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-violet-600\/40 {
  --tw-gradient-from: rgb(124 58 237 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(124 58 237 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-violet-600\/80 {
  --tw-gradient-from: rgb(124 58 237 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(124 58 237 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-violet-900\/20 {
  --tw-gradient-from: rgb(76 29 149 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(76 29 149 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-violet-950\/30 {
  --tw-gradient-from: rgb(46 16 101 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(46 16 101 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white {
  --tw-gradient-from: #fff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white\/0 {
  --tw-gradient-from: rgb(255 255 255 / 0) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white\/10 {
  --tw-gradient-from: rgb(255 255 255 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white\/15 {
  --tw-gradient-from: rgb(255 255 255 / 0.15) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white\/20 {
  --tw-gradient-from: rgb(255 255 255 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white\/30 {
  --tw-gradient-from: rgb(255 255 255 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white\/40 {
  --tw-gradient-from: rgb(255 255 255 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white\/5 {
  --tw-gradient-from: rgb(255 255 255 / 0.05) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white\/50 {
  --tw-gradient-from: rgb(255 255 255 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white\/\[0\.045\] {
  --tw-gradient-from: rgb(255 255 255 / 0.045) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white\/\[0\.07\] {
  --tw-gradient-from: rgb(255 255 255 / 0.07) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white\/\[0\.08\] {
  --tw-gradient-from: rgb(255 255 255 / 0.08) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-yellow-300 {
  --tw-gradient-from: #fde047 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(253 224 71 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-yellow-300\/10 {
  --tw-gradient-from: rgb(253 224 71 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(253 224 71 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-yellow-400 {
  --tw-gradient-from: #facc15 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-yellow-500 {
  --tw-gradient-from: #eab308 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-yellow-500\/20 {
  --tw-gradient-from: rgb(234 179 8 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-zinc-100 {
  --tw-gradient-from: #f4f4f5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(244 244 245 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-zinc-200 {
  --tw-gradient-from: #e4e4e7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(228 228 231 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-zinc-200\/90 {
  --tw-gradient-from: rgb(228 228 231 / 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(228 228 231 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-zinc-300 {
  --tw-gradient-from: #d4d4d8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(212 212 216 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-zinc-300\/20 {
  --tw-gradient-from: rgb(212 212 216 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(212 212 216 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-zinc-800 {
  --tw-gradient-from: #27272a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(39 39 42 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-zinc-800\/50 {
  --tw-gradient-from: rgb(39 39 42 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(39 39 42 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-zinc-900 {
  --tw-gradient-from: #18181b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(24 24 27 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-zinc-900\/20 {
  --tw-gradient-from: rgb(24 24 27 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(24 24 27 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-zinc-900\/90 {
  --tw-gradient-from: rgb(24 24 27 / 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(24 24 27 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-0\% {
  --tw-gradient-from-position: 0%;
}
.from-35\% {
  --tw-gradient-from-position: 35%;
}
.via-\[\#00352F\] {
  --tw-gradient-to: rgb(0 53 47 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #00352F var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#0053ee\] {
  --tw-gradient-to: rgb(0 83 238 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #0053ee var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#0D4F5C\] {
  --tw-gradient-to: rgb(13 79 92 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #0D4F5C var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#0a0a0a\] {
  --tw-gradient-to: rgb(10 10 10 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #0a0a0a var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#0a1a2a\] {
  --tw-gradient-to: rgb(10 26 42 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #0a1a2a var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#0a2a4a\] {
  --tw-gradient-to: rgb(10 42 74 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #0a2a4a var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#0f0f1e\] {
  --tw-gradient-to: rgb(15 15 30 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #0f0f1e var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#121214\]\/60 {
  --tw-gradient-to: rgb(18 18 20 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(18 18 20 / 0.6) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#151515\] {
  --tw-gradient-to: rgb(21 21 21 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #151515 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#1B1B26\] {
  --tw-gradient-to: rgb(27 27 38 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #1B1B26 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#1a1a1a\] {
  --tw-gradient-to: rgb(26 26 26 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #1a1a1a var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#1a1a1a\]\/40 {
  --tw-gradient-to: rgb(26 26 26 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(26 26 26 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#1a1a22\] {
  --tw-gradient-to: rgb(26 26 34 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #1a1a22 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#1a252f\] {
  --tw-gradient-to: rgb(26 37 47 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #1a252f var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#1a3a5a\] {
  --tw-gradient-to: rgb(26 58 90 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #1a3a5a var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#1e5a9a\] {
  --tw-gradient-to: rgb(30 90 154 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #1e5a9a var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#202b3f\] {
  --tw-gradient-to: rgb(32 43 63 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #202b3f var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#2a2a32\] {
  --tw-gradient-to: rgb(42 42 50 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #2a2a32 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#2c3e50\] {
  --tw-gradient-to: rgb(44 62 80 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #2c3e50 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#33487a\] {
  --tw-gradient-to: rgb(51 72 122 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #33487a var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#3E3E3E\] {
  --tw-gradient-to: rgb(62 62 62 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #3E3E3E var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#3a3a42\] {
  --tw-gradient-to: rgb(58 58 66 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #3a3a42 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#3d3370\] {
  --tw-gradient-to: rgb(61 51 112 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #3d3370 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#4a4a52\] {
  --tw-gradient-to: rgb(74 74 82 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #4a4a52 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#5F2D01\] {
  --tw-gradient-to: rgb(95 45 1 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #5F2D01 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#680002\] {
  --tw-gradient-to: rgb(104 0 2 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #680002 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#6a6a72\] {
  --tw-gradient-to: rgb(106 106 114 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #6a6a72 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#6b7bd8\] {
  --tw-gradient-to: rgb(107 123 216 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #6b7bd8 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#7928ca\] {
  --tw-gradient-to: rgb(121 40 202 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #7928ca var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#808088\] {
  --tw-gradient-to: rgb(128 128 136 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #808088 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#856807\] {
  --tw-gradient-to: rgb(133 104 7 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #856807 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#8a8a8a\] {
  --tw-gradient-to: rgb(138 138 138 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #8a8a8a var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#909090\] {
  --tw-gradient-to: rgb(144 144 144 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #909090 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#B8E3F5\] {
  --tw-gradient-to: rgb(184 227 245 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #B8E3F5 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#a0a0a8\] {
  --tw-gradient-to: rgb(160 160 168 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #a0a0a8 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#a8b0b8\] {
  --tw-gradient-to: rgb(168 176 184 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #a8b0b8 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#b967ff\] {
  --tw-gradient-to: rgb(185 103 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #b967ff var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#d8dce0\] {
  --tw-gradient-to: rgb(216 220 224 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #d8dce0 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#d8e4e8\] {
  --tw-gradient-to: rgb(216 228 232 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #d8e4e8 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#edcbc9\] {
  --tw-gradient-to: rgb(237 203 201 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #edcbc9 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#f5f5f7\] {
  --tw-gradient-to: rgb(245 245 247 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #f5f5f7 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#ffed4e\] {
  --tw-gradient-to: rgb(255 237 78 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #ffed4e var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-accent {
  --tw-gradient-to: hsl(var(--accent) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--accent)) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-accent\/10 {
  --tw-gradient-to: hsl(var(--accent) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--accent) / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-amber-200\/5 {
  --tw-gradient-to: rgb(253 230 138 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(253 230 138 / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-amber-300 {
  --tw-gradient-to: rgb(252 211 77 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fcd34d var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-amber-400 {
  --tw-gradient-to: rgb(251 191 36 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fbbf24 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-amber-500 {
  --tw-gradient-to: rgb(245 158 11 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #f59e0b var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-background {
  --tw-gradient-to: hsl(var(--background) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--background)) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-background\/10 {
  --tw-gradient-to: hsl(var(--background) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--background) / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-background\/30 {
  --tw-gradient-to: hsl(var(--background) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--background) / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-background\/40 {
  --tw-gradient-to: hsl(var(--background) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--background) / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-background\/80 {
  --tw-gradient-to: hsl(var(--background) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--background) / 0.8) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-background\/85 {
  --tw-gradient-to: hsl(var(--background) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--background) / 0.85) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-background\/95 {
  --tw-gradient-to: hsl(var(--background) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--background) / 0.95) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black {
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #000 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black\/0 {
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black\/10 {
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black\/15 {
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.15) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black\/20 {
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black\/25 {
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.25) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black\/30 {
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black\/35 {
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.35) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black\/40 {
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black\/5 {
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black\/50 {
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black\/95 {
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.95) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-blue-300 {
  --tw-gradient-to: rgb(147 197 253 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #93c5fd var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-blue-50 {
  --tw-gradient-to: rgb(239 246 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #eff6ff var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-blue-500 {
  --tw-gradient-to: rgb(59 130 246 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #3b82f6 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-blue-500\/10 {
  --tw-gradient-to: rgb(59 130 246 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(59 130 246 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-blue-500\/20 {
  --tw-gradient-to: rgb(59 130 246 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(59 130 246 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-blue-500\/30 {
  --tw-gradient-to: rgb(59 130 246 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(59 130 246 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-blue-600 {
  --tw-gradient-to: rgb(37 99 235 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #2563eb var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-blue-900 {
  --tw-gradient-to: rgb(30 58 138 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-border {
  --tw-gradient-to: hsl(var(--border) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--border)) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-card\/40 {
  --tw-gradient-to: hsl(var(--card) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--card) / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-cyan-100 {
  --tw-gradient-to: rgb(207 250 254 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #cffafe var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-cyan-200\/50 {
  --tw-gradient-to: rgb(165 243 252 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(165 243 252 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-cyan-400 {
  --tw-gradient-to: rgb(34 211 238 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #22d3ee var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-cyan-500\/40 {
  --tw-gradient-to: rgb(6 182 212 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(6 182 212 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-cyan-600 {
  --tw-gradient-to: rgb(8 145 178 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #0891b2 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-cyan-600\/20 {
  --tw-gradient-to: rgb(8 145 178 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(8 145 178 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-cyan-950 {
  --tw-gradient-to: rgb(8 51 68 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #083344 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-destructive\/45 {
  --tw-gradient-to: hsl(var(--destructive) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--destructive) / 0.45) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-emerald-100 {
  --tw-gradient-to: rgb(209 250 229 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #d1fae5 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-emerald-400 {
  --tw-gradient-to: rgb(52 211 153 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #34d399 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-emerald-600 {
  --tw-gradient-to: rgb(5 150 105 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #059669 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-emerald-800\/30 {
  --tw-gradient-to: rgb(6 95 70 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(6 95 70 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-foreground {
  --tw-gradient-to: hsl(var(--foreground) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--foreground)) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-foreground\/20 {
  --tw-gradient-to: hsl(var(--foreground) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--foreground) / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-foreground\/30 {
  --tw-gradient-to: hsl(var(--foreground) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--foreground) / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-fuchsia-400 {
  --tw-gradient-to: rgb(232 121 249 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #e879f9 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-fuchsia-500 {
  --tw-gradient-to: rgb(217 70 239 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #d946ef var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-gray-300\/20 {
  --tw-gradient-to: rgb(209 213 219 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(209 213 219 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-gray-400 {
  --tw-gradient-to: rgb(156 163 175 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #9ca3af var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-green-500\/40 {
  --tw-gradient-to: rgb(34 197 94 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(34 197 94 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-indigo-300\/10 {
  --tw-gradient-to: rgb(165 180 252 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(165 180 252 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-indigo-300\/40 {
  --tw-gradient-to: rgb(165 180 252 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(165 180 252 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-indigo-400 {
  --tw-gradient-to: rgb(129 140 248 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #818cf8 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-indigo-400\/40 {
  --tw-gradient-to: rgb(129 140 248 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(129 140 248 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-indigo-500\/80 {
  --tw-gradient-to: rgb(99 102 241 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(99 102 241 / 0.8) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-indigo-800\/10 {
  --tw-gradient-to: rgb(55 48 163 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(55 48 163 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-indigo-900\/20 {
  --tw-gradient-to: rgb(49 46 129 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(49 46 129 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-indigo-950 {
  --tw-gradient-to: rgb(30 27 75 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #1e1b4b var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-indigo-950\/10 {
  --tw-gradient-to: rgb(30 27 75 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(30 27 75 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-muted {
  --tw-gradient-to: hsl(var(--muted) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--muted)) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-muted\/20 {
  --tw-gradient-to: hsl(var(--muted) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--muted) / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-muted\/45 {
  --tw-gradient-to: hsl(var(--muted) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--muted) / 0.45) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-muted\/60 {
  --tw-gradient-to: hsl(var(--muted) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--muted) / 0.6) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-neutral-100 {
  --tw-gradient-to: rgb(245 245 245 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #f5f5f5 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-neutral-900 {
  --tw-gradient-to: rgb(23 23 23 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #171717 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-neutral-950 {
  --tw-gradient-to: rgb(10 10 10 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #0a0a0a var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-notion-card {
  --tw-gradient-to: rgb(32 32 32 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #202020 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-orange-300 {
  --tw-gradient-to: rgb(253 186 116 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fdba74 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-orange-500 {
  --tw-gradient-to: rgb(249 115 22 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #f97316 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-orange-500\/40 {
  --tw-gradient-to: rgb(249 115 22 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(249 115 22 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-orange-900\/20 {
  --tw-gradient-to: rgb(124 45 18 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(124 45 18 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-pink-400\/30 {
  --tw-gradient-to: rgb(244 114 182 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(244 114 182 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-pink-500 {
  --tw-gradient-to: rgb(236 72 153 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #ec4899 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-pink-500\/15 {
  --tw-gradient-to: rgb(236 72 153 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(236 72 153 / 0.15) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-pink-500\/40 {
  --tw-gradient-to: rgb(236 72 153 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(236 72 153 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-pink-600 {
  --tw-gradient-to: rgb(219 39 119 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #db2777 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-primary {
  --tw-gradient-to: hsl(var(--primary) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--primary)) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-primary\/10 {
  --tw-gradient-to: hsl(var(--primary) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--primary) / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-primary\/20 {
  --tw-gradient-to: hsl(var(--primary) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--primary) / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-primary\/30 {
  --tw-gradient-to: hsl(var(--primary) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--primary) / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-primary\/5 {
  --tw-gradient-to: hsl(var(--primary) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--primary) / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-primary\/70 {
  --tw-gradient-to: hsl(var(--primary) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--primary) / 0.7) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-primary\/75 {
  --tw-gradient-to: hsl(var(--primary) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--primary) / 0.75) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-300 {
  --tw-gradient-to: rgb(216 180 254 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #d8b4fe var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-400 {
  --tw-gradient-to: rgb(192 132 252 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #c084fc var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-500 {
  --tw-gradient-to: rgb(168 85 247 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #a855f7 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-500\/10 {
  --tw-gradient-to: rgb(168 85 247 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(168 85 247 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-500\/20 {
  --tw-gradient-to: rgb(168 85 247 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(168 85 247 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-600 {
  --tw-gradient-to: rgb(147 51 234 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #9333ea var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-900 {
  --tw-gradient-to: rgb(88 28 135 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #581c87 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-900\/20 {
  --tw-gradient-to: rgb(88 28 135 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(88 28 135 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-950\/50 {
  --tw-gradient-to: rgb(59 7 100 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(59 7 100 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-red-500 {
  --tw-gradient-to: rgb(239 68 68 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #ef4444 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-red-500\/30 {
  --tw-gradient-to: rgb(239 68 68 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(239 68 68 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-red-600 {
  --tw-gradient-to: rgb(220 38 38 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #dc2626 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-rose-400 {
  --tw-gradient-to: rgb(251 113 133 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fb7185 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-rose-400\/10 {
  --tw-gradient-to: rgb(251 113 133 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(251 113 133 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-rose-500 {
  --tw-gradient-to: rgb(244 63 94 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #f43f5e var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-rose-500\/10 {
  --tw-gradient-to: rgb(244 63 94 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(244 63 94 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-rose-900\/10 {
  --tw-gradient-to: rgb(136 19 55 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(136 19 55 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-rose-900\/20 {
  --tw-gradient-to: rgb(136 19 55 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(136 19 55 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-secondary {
  --tw-gradient-to: hsl(var(--secondary) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--secondary)) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-sky-100 {
  --tw-gradient-to: rgb(224 242 254 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #e0f2fe var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-sky-200 {
  --tw-gradient-to: rgb(186 230 253 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #bae6fd var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-sky-200\/5 {
  --tw-gradient-to: rgb(186 230 253 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(186 230 253 / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-sky-200\/80 {
  --tw-gradient-to: rgb(186 230 253 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(186 230 253 / 0.8) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-sky-500\/30 {
  --tw-gradient-to: rgb(14 165 233 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(14 165 233 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-sky-900\/20 {
  --tw-gradient-to: rgb(12 74 110 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(12 74 110 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-slate-200\/10 {
  --tw-gradient-to: rgb(226 232 240 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(226 232 240 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-slate-300 {
  --tw-gradient-to: rgb(203 213 225 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #cbd5e1 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-slate-800 {
  --tw-gradient-to: rgb(30 41 59 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #1e293b var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-slate-900 {
  --tw-gradient-to: rgb(15 23 42 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #0f172a var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-slate-900\/0 {
  --tw-gradient-to: rgb(15 23 42 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(15 23 42 / 0) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-slate-900\/10 {
  --tw-gradient-to: rgb(15 23 42 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(15 23 42 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-slate-900\/40 {
  --tw-gradient-to: rgb(15 23 42 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(15 23 42 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-stone-300 {
  --tw-gradient-to: rgb(214 211 209 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #d6d3d1 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-teal-600 {
  --tw-gradient-to: rgb(13 148 136 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #0d9488 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-transparent {
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-violet-500 {
  --tw-gradient-to: rgb(139 92 246 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-violet-600 {
  --tw-gradient-to: rgb(124 58 237 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #7c3aed var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-violet-800 {
  --tw-gradient-to: rgb(91 33 182 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #5b21b6 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-white {
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-white\/10 {
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-white\/20 {
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-white\/30 {
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-white\/40 {
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-white\/5 {
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-white\/55 {
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.55) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-white\/60 {
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.6) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-white\/80 {
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.8) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-white\/90 {
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.9) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-white\/\[0\.02\] {
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.02) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-white\/\[0\.03\] {
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.03) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-yellow-200\/5 {
  --tw-gradient-to: rgb(254 240 138 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(254 240 138 / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-yellow-500 {
  --tw-gradient-to: rgb(234 179 8 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #eab308 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-zinc-300\/30 {
  --tw-gradient-to: rgb(212 212 216 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(212 212 216 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-zinc-600 {
  --tw-gradient-to: rgb(82 82 91 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #52525b var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-zinc-800\/20 {
  --tw-gradient-to: rgb(39 39 42 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(39 39 42 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-zinc-900\/20 {
  --tw-gradient-to: rgb(24 24 27 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(24 24 27 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-zinc-950 {
  --tw-gradient-to: rgb(9 9 11 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #09090b var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-15\% {
  --tw-gradient-via-position: 15%;
}
.to-\[\#0050ee\] {
  --tw-gradient-to: #0050ee var(--tw-gradient-to-position);
}
.to-\[\#0070f3\] {
  --tw-gradient-to: #0070f3 var(--tw-gradient-to-position);
}
.to-\[\#01cdfe\] {
  --tw-gradient-to: #01cdfe var(--tw-gradient-to-position);
}
.to-\[\#01cdfe\]\/30 {
  --tw-gradient-to: rgb(1 205 254 / 0.3) var(--tw-gradient-to-position);
}
.to-\[\#0A3040\] {
  --tw-gradient-to: #0A3040 var(--tw-gradient-to-position);
}
.to-\[\#0a0a0a\] {
  --tw-gradient-to: #0a0a0a var(--tw-gradient-to-position);
}
.to-\[\#0a0a12\] {
  --tw-gradient-to: #0a0a12 var(--tw-gradient-to-position);
}
.to-\[\#0a2a4a\] {
  --tw-gradient-to: #0a2a4a var(--tw-gradient-to-position);
}
.to-\[\#0d0e14\] {
  --tw-gradient-to: #0d0e14 var(--tw-gradient-to-position);
}
.to-\[\#0f0f1e\] {
  --tw-gradient-to: #0f0f1e var(--tw-gradient-to-position);
}
.to-\[\#0f1419\] {
  --tw-gradient-to: #0f1419 var(--tw-gradient-to-position);
}
.to-\[\#131c2b\] {
  --tw-gradient-to: #131c2b var(--tw-gradient-to-position);
}
.to-\[\#1a1a1a\] {
  --tw-gradient-to: #1a1a1a var(--tw-gradient-to-position);
}
.to-\[\#1a1a1c\] {
  --tw-gradient-to: #1a1a1c var(--tw-gradient-to-position);
}
.to-\[\#1a1a22\] {
  --tw-gradient-to: #1a1a22 var(--tw-gradient-to-position);
}
.to-\[\#1a1a2a\] {
  --tw-gradient-to: #1a1a2a var(--tw-gradient-to-position);
}
.to-\[\#1a1a2e\] {
  --tw-gradient-to: #1a1a2e var(--tw-gradient-to-position);
}
.to-\[\#1a252f\] {
  --tw-gradient-to: #1a252f var(--tw-gradient-to-position);
}
.to-\[\#1a2530\] {
  --tw-gradient-to: #1a2530 var(--tw-gradient-to-position);
}
.to-\[\#1a2a3a\] {
  --tw-gradient-to: #1a2a3a var(--tw-gradient-to-position);
}
.to-\[\#1a3a5a\] {
  --tw-gradient-to: #1a3a5a var(--tw-gradient-to-position);
}
.to-\[\#1d99f3\] {
  --tw-gradient-to: #1d99f3 var(--tw-gradient-to-position);
}
.to-\[\#21222C\] {
  --tw-gradient-to: #21222C var(--tw-gradient-to-position);
}
.to-\[\#229954\] {
  --tw-gradient-to: #229954 var(--tw-gradient-to-position);
}
.to-\[\#26525f\] {
  --tw-gradient-to: #26525f var(--tw-gradient-to-position);
}
.to-\[\#2a2a2a\] {
  --tw-gradient-to: #2a2a2a var(--tw-gradient-to-position);
}
.to-\[\#2a2a32\] {
  --tw-gradient-to: #2a2a32 var(--tw-gradient-to-position);
}
.to-\[\#2d9b9b\] {
  --tw-gradient-to: #2d9b9b var(--tw-gradient-to-position);
}
.to-\[\#30302E\] {
  --tw-gradient-to: #30302E var(--tw-gradient-to-position);
}
.to-\[\#357abd\] {
  --tw-gradient-to: #357abd var(--tw-gradient-to-position);
}
.to-\[\#38bdf8\]\/10 {
  --tw-gradient-to: rgb(56 189 248 / 0.1) var(--tw-gradient-to-position);
}
.to-\[\#3E8F7C\] {
  --tw-gradient-to: #3E8F7C var(--tw-gradient-to-position);
}
.to-\[\#3a3a42\] {
  --tw-gradient-to: #3a3a42 var(--tw-gradient-to-position);
}
.to-\[\#4a2d55\] {
  --tw-gradient-to: #4a2d55 var(--tw-gradient-to-position);
}
.to-\[\#4a4a52\] {
  --tw-gradient-to: #4a4a52 var(--tw-gradient-to-position);
}
.to-\[\#505050\] {
  --tw-gradient-to: #505050 var(--tw-gradient-to-position);
}
.to-\[\#5a6bc8\] {
  --tw-gradient-to: #5a6bc8 var(--tw-gradient-to-position);
}
.to-\[\#5c3310\] {
  --tw-gradient-to: #5c3310 var(--tw-gradient-to-position);
}
.to-\[\#606068\] {
  --tw-gradient-to: #606068 var(--tw-gradient-to-position);
}
.to-\[\#654321\] {
  --tw-gradient-to: #654321 var(--tw-gradient-to-position);
}
.to-\[\#7CCB9B\] {
  --tw-gradient-to: #7CCB9B var(--tw-gradient-to-position);
}
.to-\[\#7a7a82\] {
  --tw-gradient-to: #7a7a82 var(--tw-gradient-to-position);
}
.to-\[\#808088\] {
  --tw-gradient-to: #808088 var(--tw-gradient-to-position);
}
.to-\[\#858890\] {
  --tw-gradient-to: #858890 var(--tw-gradient-to-position);
}
.to-\[\#8890a0\] {
  --tw-gradient-to: #8890a0 var(--tw-gradient-to-position);
}
.to-\[\#8B5CF6\] {
  --tw-gradient-to: #8B5CF6 var(--tw-gradient-to-position);
}
.to-\[\#8a8a92\] {
  --tw-gradient-to: #8a8a92 var(--tw-gradient-to-position);
}
.to-\[\#8c6b2e\] {
  --tw-gradient-to: #8c6b2e var(--tw-gradient-to-position);
}
.to-\[\#8e44ad\] {
  --tw-gradient-to: #8e44ad var(--tw-gradient-to-position);
}
.to-\[\#969696\] {
  --tw-gradient-to: #969696 var(--tw-gradient-to-position);
}
.to-\[\#9B873F\] {
  --tw-gradient-to: #9B873F var(--tw-gradient-to-position);
}
.to-\[\#A0A0A0\] {
  --tw-gradient-to: #A0A0A0 var(--tw-gradient-to-position);
}
.to-\[\#A2F1D3\] {
  --tw-gradient-to: #A2F1D3 var(--tw-gradient-to-position);
}
.to-\[\#A36F3D\] {
  --tw-gradient-to: #A36F3D var(--tw-gradient-to-position);
}
.to-\[\#A45253\] {
  --tw-gradient-to: #A45253 var(--tw-gradient-to-position);
}
.to-\[\#A5C9FF\] {
  --tw-gradient-to: #A5C9FF var(--tw-gradient-to-position);
}
.to-\[\#D1F0E6\] {
  --tw-gradient-to: #D1F0E6 var(--tw-gradient-to-position);
}
.to-\[\#E55A00\] {
  --tw-gradient-to: #E55A00 var(--tw-gradient-to-position);
}
.to-\[\#E55A00\]\/70 {
  --tw-gradient-to: rgb(229 90 0 / 0.7) var(--tw-gradient-to-position);
}
.to-\[\#E55A00\]\/85 {
  --tw-gradient-to: rgb(229 90 0 / 0.85) var(--tw-gradient-to-position);
}
.to-\[\#E5E5E5\] {
  --tw-gradient-to: #E5E5E5 var(--tw-gradient-to-position);
}
.to-\[\#E8920A\] {
  --tw-gradient-to: #E8920A var(--tw-gradient-to-position);
}
.to-\[\#E9B486\] {
  --tw-gradient-to: #E9B486 var(--tw-gradient-to-position);
}
.to-\[\#EAD98F\] {
  --tw-gradient-to: #EAD98F var(--tw-gradient-to-position);
}
.to-\[\#F97316\] {
  --tw-gradient-to: #F97316 var(--tw-gradient-to-position);
}
.to-\[\#FFAEB0\] {
  --tw-gradient-to: #FFAEB0 var(--tw-gradient-to-position);
}
.to-\[\#FFB8C8\] {
  --tw-gradient-to: #FFB8C8 var(--tw-gradient-to-position);
}
.to-\[\#FFDB99\] {
  --tw-gradient-to: #FFDB99 var(--tw-gradient-to-position);
}
.to-\[\#FFDEC1\] {
  --tw-gradient-to: #FFDEC1 var(--tw-gradient-to-position);
}
.to-\[\#FFE9E9\] {
  --tw-gradient-to: #FFE9E9 var(--tw-gradient-to-position);
}
.to-\[\#FFF1B3\] {
  --tw-gradient-to: #FFF1B3 var(--tw-gradient-to-position);
}
.to-\[\#b0b0b0\] {
  --tw-gradient-to: #b0b0b0 var(--tw-gradient-to-position);
}
.to-\[\#b0b0b8\] {
  --tw-gradient-to: #b0b0b8 var(--tw-gradient-to-position);
}
.to-\[\#b8c0c8\] {
  --tw-gradient-to: #b8c0c8 var(--tw-gradient-to-position);
}
.to-\[\#c0392b\] {
  --tw-gradient-to: #c0392b var(--tw-gradient-to-position);
}
.to-\[\#c8d4d8\] {
  --tw-gradient-to: #c8d4d8 var(--tw-gradient-to-position);
}
.to-\[\#cf9d9a\] {
  --tw-gradient-to: #cf9d9a var(--tw-gradient-to-position);
}
.to-\[\#d8d8dd\] {
  --tw-gradient-to: #d8d8dd var(--tw-gradient-to-position);
}
.to-\[\#e8e8e8\] {
  --tw-gradient-to: #e8e8e8 var(--tw-gradient-to-position);
}
.to-\[\#f0f0f2\] {
  --tw-gradient-to: #f0f0f2 var(--tw-gradient-to-position);
}
.to-\[\#ff4500\] {
  --tw-gradient-to: #ff4500 var(--tw-gradient-to-position);
}
.to-\[\#ff6b35\] {
  --tw-gradient-to: #ff6b35 var(--tw-gradient-to-position);
}
.to-\[\#ff8c42\] {
  --tw-gradient-to: #ff8c42 var(--tw-gradient-to-position);
}
.to-\[\#ffa500\] {
  --tw-gradient-to: #ffa500 var(--tw-gradient-to-position);
}
.to-\[\#ffed4e\] {
  --tw-gradient-to: #ffed4e var(--tw-gradient-to-position);
}
.to-accent {
  --tw-gradient-to: hsl(var(--accent)) var(--tw-gradient-to-position);
}
.to-accent\/10 {
  --tw-gradient-to: hsl(var(--accent) / 0.1) var(--tw-gradient-to-position);
}
.to-accent\/20 {
  --tw-gradient-to: hsl(var(--accent) / 0.2) var(--tw-gradient-to-position);
}
.to-accent\/5 {
  --tw-gradient-to: hsl(var(--accent) / 0.05) var(--tw-gradient-to-position);
}
.to-amber-200 {
  --tw-gradient-to: #fde68a var(--tw-gradient-to-position);
}
.to-amber-300 {
  --tw-gradient-to: #fcd34d var(--tw-gradient-to-position);
}
.to-amber-400 {
  --tw-gradient-to: #fbbf24 var(--tw-gradient-to-position);
}
.to-amber-400\/30 {
  --tw-gradient-to: rgb(251 191 36 / 0.3) var(--tw-gradient-to-position);
}
.to-amber-500 {
  --tw-gradient-to: #f59e0b var(--tw-gradient-to-position);
}
.to-amber-500\/20 {
  --tw-gradient-to: rgb(245 158 11 / 0.2) var(--tw-gradient-to-position);
}
.to-amber-500\/5 {
  --tw-gradient-to: rgb(245 158 11 / 0.05) var(--tw-gradient-to-position);
}
.to-amber-600 {
  --tw-gradient-to: #d97706 var(--tw-gradient-to-position);
}
.to-amber-700 {
  --tw-gradient-to: #b45309 var(--tw-gradient-to-position);
}
.to-amber-800 {
  --tw-gradient-to: #92400e var(--tw-gradient-to-position);
}
.to-amber-800\/40 {
  --tw-gradient-to: rgb(146 64 14 / 0.4) var(--tw-gradient-to-position);
}
.to-amber-900 {
  --tw-gradient-to: #78350f var(--tw-gradient-to-position);
}
.to-amber-900\/60 {
  --tw-gradient-to: rgb(120 53 15 / 0.6) var(--tw-gradient-to-position);
}
.to-amber-950 {
  --tw-gradient-to: #451a03 var(--tw-gradient-to-position);
}
.to-background {
  --tw-gradient-to: hsl(var(--background)) var(--tw-gradient-to-position);
}
.to-background\/30 {
  --tw-gradient-to: hsl(var(--background) / 0.3) var(--tw-gradient-to-position);
}
.to-background\/50 {
  --tw-gradient-to: hsl(var(--background) / 0.5) var(--tw-gradient-to-position);
}
.to-black {
  --tw-gradient-to: #000 var(--tw-gradient-to-position);
}
.to-black\/0 {
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
}
.to-black\/10 {
  --tw-gradient-to: rgb(0 0 0 / 0.1) var(--tw-gradient-to-position);
}
.to-black\/20 {
  --tw-gradient-to: rgb(0 0 0 / 0.2) var(--tw-gradient-to-position);
}
.to-black\/25 {
  --tw-gradient-to: rgb(0 0 0 / 0.25) var(--tw-gradient-to-position);
}
.to-black\/30 {
  --tw-gradient-to: rgb(0 0 0 / 0.3) var(--tw-gradient-to-position);
}
.to-black\/35 {
  --tw-gradient-to: rgb(0 0 0 / 0.35) var(--tw-gradient-to-position);
}
.to-black\/5 {
  --tw-gradient-to: rgb(0 0 0 / 0.05) var(--tw-gradient-to-position);
}
.to-black\/50 {
  --tw-gradient-to: rgb(0 0 0 / 0.5) var(--tw-gradient-to-position);
}
.to-black\/55 {
  --tw-gradient-to: rgb(0 0 0 / 0.55) var(--tw-gradient-to-position);
}
.to-black\/65 {
  --tw-gradient-to: rgb(0 0 0 / 0.65) var(--tw-gradient-to-position);
}
.to-black\/70 {
  --tw-gradient-to: rgb(0 0 0 / 0.7) var(--tw-gradient-to-position);
}
.to-black\/80 {
  --tw-gradient-to: rgb(0 0 0 / 0.8) var(--tw-gradient-to-position);
}
.to-black\/90 {
  --tw-gradient-to: rgb(0 0 0 / 0.9) var(--tw-gradient-to-position);
}
.to-blue-100 {
  --tw-gradient-to: #dbeafe var(--tw-gradient-to-position);
}
.to-blue-100\/50 {
  --tw-gradient-to: rgb(219 234 254 / 0.5) var(--tw-gradient-to-position);
}
.to-blue-400 {
  --tw-gradient-to: #60a5fa var(--tw-gradient-to-position);
}
.to-blue-400\/20 {
  --tw-gradient-to: rgb(96 165 250 / 0.2) var(--tw-gradient-to-position);
}
.to-blue-400\/30 {
  --tw-gradient-to: rgb(96 165 250 / 0.3) var(--tw-gradient-to-position);
}
.to-blue-400\/35 {
  --tw-gradient-to: rgb(96 165 250 / 0.35) var(--tw-gradient-to-position);
}
.to-blue-50 {
  --tw-gradient-to: #eff6ff var(--tw-gradient-to-position);
}
.to-blue-500 {
  --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position);
}
.to-blue-500\/20 {
  --tw-gradient-to: rgb(59 130 246 / 0.2) var(--tw-gradient-to-position);
}
.to-blue-600 {
  --tw-gradient-to: #2563eb var(--tw-gradient-to-position);
}
.to-blue-600\/30 {
  --tw-gradient-to: rgb(37 99 235 / 0.3) var(--tw-gradient-to-position);
}
.to-blue-600\/80 {
  --tw-gradient-to: rgb(37 99 235 / 0.8) var(--tw-gradient-to-position);
}
.to-blue-800 {
  --tw-gradient-to: #1e40af var(--tw-gradient-to-position);
}
.to-blue-900 {
  --tw-gradient-to: #1e3a8a var(--tw-gradient-to-position);
}
.to-blue-900\/20 {
  --tw-gradient-to: rgb(30 58 138 / 0.2) var(--tw-gradient-to-position);
}
.to-blue-900\/50 {
  --tw-gradient-to: rgb(30 58 138 / 0.5) var(--tw-gradient-to-position);
}
.to-card {
  --tw-gradient-to: hsl(var(--card)) var(--tw-gradient-to-position);
}
.to-card\/40 {
  --tw-gradient-to: hsl(var(--card) / 0.4) var(--tw-gradient-to-position);
}
.to-chart-1 {
  --tw-gradient-to: hsl(var(--chart-1)) var(--tw-gradient-to-position);
}
.to-chart-2 {
  --tw-gradient-to: hsl(var(--chart-2)) var(--tw-gradient-to-position);
}
.to-cyan-100\/30 {
  --tw-gradient-to: rgb(207 250 254 / 0.3) var(--tw-gradient-to-position);
}
.to-cyan-100\/50 {
  --tw-gradient-to: rgb(207 250 254 / 0.5) var(--tw-gradient-to-position);
}
.to-cyan-300 {
  --tw-gradient-to: #67e8f9 var(--tw-gradient-to-position);
}
.to-cyan-400 {
  --tw-gradient-to: #22d3ee var(--tw-gradient-to-position);
}
.to-cyan-400\/70 {
  --tw-gradient-to: rgb(34 211 238 / 0.7) var(--tw-gradient-to-position);
}
.to-cyan-50 {
  --tw-gradient-to: #ecfeff var(--tw-gradient-to-position);
}
.to-cyan-500 {
  --tw-gradient-to: #06b6d4 var(--tw-gradient-to-position);
}
.to-cyan-500\/30 {
  --tw-gradient-to: rgb(6 182 212 / 0.3) var(--tw-gradient-to-position);
}
.to-cyan-500\/40 {
  --tw-gradient-to: rgb(6 182 212 / 0.4) var(--tw-gradient-to-position);
}
.to-cyan-500\/70 {
  --tw-gradient-to: rgb(6 182 212 / 0.7) var(--tw-gradient-to-position);
}
.to-cyan-600 {
  --tw-gradient-to: #0891b2 var(--tw-gradient-to-position);
}
.to-cyan-700 {
  --tw-gradient-to: #0e7490 var(--tw-gradient-to-position);
}
.to-cyan-950 {
  --tw-gradient-to: #083344 var(--tw-gradient-to-position);
}
.to-destructive\/15 {
  --tw-gradient-to: hsl(var(--destructive) / 0.15) var(--tw-gradient-to-position);
}
.to-destructive\/5 {
  --tw-gradient-to: hsl(var(--destructive) / 0.05) var(--tw-gradient-to-position);
}
.to-emerald-50 {
  --tw-gradient-to: #ecfdf5 var(--tw-gradient-to-position);
}
.to-emerald-500 {
  --tw-gradient-to: #10b981 var(--tw-gradient-to-position);
}
.to-emerald-600 {
  --tw-gradient-to: #059669 var(--tw-gradient-to-position);
}
.to-emerald-800\/40 {
  --tw-gradient-to: rgb(6 95 70 / 0.4) var(--tw-gradient-to-position);
}
.to-emerald-950 {
  --tw-gradient-to: #022c22 var(--tw-gradient-to-position);
}
.to-foreground {
  --tw-gradient-to: hsl(var(--foreground)) var(--tw-gradient-to-position);
}
.to-foreground\/20 {
  --tw-gradient-to: hsl(var(--foreground) / 0.2) var(--tw-gradient-to-position);
}
.to-foreground\/5 {
  --tw-gradient-to: hsl(var(--foreground) / 0.05) var(--tw-gradient-to-position);
}
.to-foreground\/50 {
  --tw-gradient-to: hsl(var(--foreground) / 0.5) var(--tw-gradient-to-position);
}
.to-foreground\/60 {
  --tw-gradient-to: hsl(var(--foreground) / 0.6) var(--tw-gradient-to-position);
}
.to-foreground\/70 {
  --tw-gradient-to: hsl(var(--foreground) / 0.7) var(--tw-gradient-to-position);
}
.to-foreground\/80 {
  --tw-gradient-to: hsl(var(--foreground) / 0.8) var(--tw-gradient-to-position);
}
.to-fuchsia-100\/50 {
  --tw-gradient-to: rgb(250 232 255 / 0.5) var(--tw-gradient-to-position);
}
.to-fuchsia-400 {
  --tw-gradient-to: #e879f9 var(--tw-gradient-to-position);
}
.to-fuchsia-500 {
  --tw-gradient-to: #d946ef var(--tw-gradient-to-position);
}
.to-fuchsia-500\/10 {
  --tw-gradient-to: rgb(217 70 239 / 0.1) var(--tw-gradient-to-position);
}
.to-fuchsia-600 {
  --tw-gradient-to: #c026d3 var(--tw-gradient-to-position);
}
.to-fuchsia-600\/40 {
  --tw-gradient-to: rgb(192 38 211 / 0.4) var(--tw-gradient-to-position);
}
.to-fuchsia-700 {
  --tw-gradient-to: #a21caf var(--tw-gradient-to-position);
}
.to-fuchsia-900\/20 {
  --tw-gradient-to: rgb(112 26 117 / 0.2) var(--tw-gradient-to-position);
}
.to-fuchsia-950\/20 {
  --tw-gradient-to: rgb(74 4 78 / 0.2) var(--tw-gradient-to-position);
}
.to-gray-100 {
  --tw-gradient-to: #f3f4f6 var(--tw-gradient-to-position);
}
.to-gray-200 {
  --tw-gradient-to: #e5e7eb var(--tw-gradient-to-position);
}
.to-gray-300 {
  --tw-gradient-to: #d1d5db var(--tw-gradient-to-position);
}
.to-gray-400 {
  --tw-gradient-to: #9ca3af var(--tw-gradient-to-position);
}
.to-gray-400\/20 {
  --tw-gradient-to: rgb(156 163 175 / 0.2) var(--tw-gradient-to-position);
}
.to-gray-50 {
  --tw-gradient-to: #f9fafb var(--tw-gradient-to-position);
}
.to-gray-500 {
  --tw-gradient-to: #6b7280 var(--tw-gradient-to-position);
}
.to-gray-600 {
  --tw-gradient-to: #4b5563 var(--tw-gradient-to-position);
}
.to-gray-800 {
  --tw-gradient-to: #1f2937 var(--tw-gradient-to-position);
}
.to-gray-900 {
  --tw-gradient-to: #111827 var(--tw-gradient-to-position);
}
.to-gray-950 {
  --tw-gradient-to: #030712 var(--tw-gradient-to-position);
}
.to-green-400 {
  --tw-gradient-to: #4ade80 var(--tw-gradient-to-position);
}
.to-green-600 {
  --tw-gradient-to: #16a34a var(--tw-gradient-to-position);
}
.to-indigo-100 {
  --tw-gradient-to: #e0e7ff var(--tw-gradient-to-position);
}
.to-indigo-200 {
  --tw-gradient-to: #c7d2fe var(--tw-gradient-to-position);
}
.to-indigo-300 {
  --tw-gradient-to: #a5b4fc var(--tw-gradient-to-position);
}
.to-indigo-300\/70 {
  --tw-gradient-to: rgb(165 180 252 / 0.7) var(--tw-gradient-to-position);
}
.to-indigo-300\/80 {
  --tw-gradient-to: rgb(165 180 252 / 0.8) var(--tw-gradient-to-position);
}
.to-indigo-400 {
  --tw-gradient-to: #818cf8 var(--tw-gradient-to-position);
}
.to-indigo-400\/20 {
  --tw-gradient-to: rgb(129 140 248 / 0.2) var(--tw-gradient-to-position);
}
.to-indigo-400\/30 {
  --tw-gradient-to: rgb(129 140 248 / 0.3) var(--tw-gradient-to-position);
}
.to-indigo-50 {
  --tw-gradient-to: #eef2ff var(--tw-gradient-to-position);
}
.to-indigo-500 {
  --tw-gradient-to: #6366f1 var(--tw-gradient-to-position);
}
.to-indigo-500\/20 {
  --tw-gradient-to: rgb(99 102 241 / 0.2) var(--tw-gradient-to-position);
}
.to-indigo-500\/60 {
  --tw-gradient-to: rgb(99 102 241 / 0.6) var(--tw-gradient-to-position);
}
.to-indigo-500\/70 {
  --tw-gradient-to: rgb(99 102 241 / 0.7) var(--tw-gradient-to-position);
}
.to-indigo-600 {
  --tw-gradient-to: #4f46e5 var(--tw-gradient-to-position);
}
.to-indigo-600\/80 {
  --tw-gradient-to: rgb(79 70 229 / 0.8) var(--tw-gradient-to-position);
}
.to-indigo-700 {
  --tw-gradient-to: #4338ca var(--tw-gradient-to-position);
}
.to-indigo-800 {
  --tw-gradient-to: #3730a3 var(--tw-gradient-to-position);
}
.to-indigo-900 {
  --tw-gradient-to: #312e81 var(--tw-gradient-to-position);
}
.to-indigo-900\/50 {
  --tw-gradient-to: rgb(49 46 129 / 0.5) var(--tw-gradient-to-position);
}
.to-indigo-900\/60 {
  --tw-gradient-to: rgb(49 46 129 / 0.6) var(--tw-gradient-to-position);
}
.to-indigo-950 {
  --tw-gradient-to: #1e1b4b var(--tw-gradient-to-position);
}
.to-indigo-950\/30 {
  --tw-gradient-to: rgb(30 27 75 / 0.3) var(--tw-gradient-to-position);
}
.to-muted {
  --tw-gradient-to: hsl(var(--muted)) var(--tw-gradient-to-position);
}
.to-muted-foreground {
  --tw-gradient-to: hsl(var(--muted-foreground)) var(--tw-gradient-to-position);
}
.to-muted-foreground\/20 {
  --tw-gradient-to: hsl(var(--muted-foreground) / 0.2) var(--tw-gradient-to-position);
}
.to-muted-foreground\/40 {
  --tw-gradient-to: hsl(var(--muted-foreground) / 0.4) var(--tw-gradient-to-position);
}
.to-muted\/10 {
  --tw-gradient-to: hsl(var(--muted) / 0.1) var(--tw-gradient-to-position);
}
.to-muted\/20 {
  --tw-gradient-to: hsl(var(--muted) / 0.2) var(--tw-gradient-to-position);
}
.to-muted\/25 {
  --tw-gradient-to: hsl(var(--muted) / 0.25) var(--tw-gradient-to-position);
}
.to-muted\/30 {
  --tw-gradient-to: hsl(var(--muted) / 0.3) var(--tw-gradient-to-position);
}
.to-muted\/35 {
  --tw-gradient-to: hsl(var(--muted) / 0.35) var(--tw-gradient-to-position);
}
.to-muted\/40 {
  --tw-gradient-to: hsl(var(--muted) / 0.4) var(--tw-gradient-to-position);
}
.to-muted\/5 {
  --tw-gradient-to: hsl(var(--muted) / 0.05) var(--tw-gradient-to-position);
}
.to-muted\/50 {
  --tw-gradient-to: hsl(var(--muted) / 0.5) var(--tw-gradient-to-position);
}
.to-muted\/60 {
  --tw-gradient-to: hsl(var(--muted) / 0.6) var(--tw-gradient-to-position);
}
.to-muted\/80 {
  --tw-gradient-to: hsl(var(--muted) / 0.8) var(--tw-gradient-to-position);
}
.to-neutral-200 {
  --tw-gradient-to: #e5e5e5 var(--tw-gradient-to-position);
}
.to-neutral-200\/30 {
  --tw-gradient-to: rgb(229 229 229 / 0.3) var(--tw-gradient-to-position);
}
.to-neutral-300 {
  --tw-gradient-to: #d4d4d4 var(--tw-gradient-to-position);
}
.to-neutral-400 {
  --tw-gradient-to: #a3a3a3 var(--tw-gradient-to-position);
}
.to-neutral-500 {
  --tw-gradient-to: #737373 var(--tw-gradient-to-position);
}
.to-neutral-500\/70 {
  --tw-gradient-to: rgb(115 115 115 / 0.7) var(--tw-gradient-to-position);
}
.to-neutral-600 {
  --tw-gradient-to: #525252 var(--tw-gradient-to-position);
}
.to-neutral-800 {
  --tw-gradient-to: #262626 var(--tw-gradient-to-position);
}
.to-neutral-900\/20 {
  --tw-gradient-to: rgb(23 23 23 / 0.2) var(--tw-gradient-to-position);
}
.to-notion-hover {
  --tw-gradient-to: #2f2f2f var(--tw-gradient-to-position);
}
.to-orange-300 {
  --tw-gradient-to: #fdba74 var(--tw-gradient-to-position);
}
.to-orange-400 {
  --tw-gradient-to: #fb923c var(--tw-gradient-to-position);
}
.to-orange-400\/10 {
  --tw-gradient-to: rgb(251 146 60 / 0.1) var(--tw-gradient-to-position);
}
.to-orange-400\/15 {
  --tw-gradient-to: rgb(251 146 60 / 0.15) var(--tw-gradient-to-position);
}
.to-orange-400\/30 {
  --tw-gradient-to: rgb(251 146 60 / 0.3) var(--tw-gradient-to-position);
}
.to-orange-500 {
  --tw-gradient-to: #f97316 var(--tw-gradient-to-position);
}
.to-orange-500\/10 {
  --tw-gradient-to: rgb(249 115 22 / 0.1) var(--tw-gradient-to-position);
}
.to-orange-500\/20 {
  --tw-gradient-to: rgb(249 115 22 / 0.2) var(--tw-gradient-to-position);
}
.to-orange-600 {
  --tw-gradient-to: #ea580c var(--tw-gradient-to-position);
}
.to-orange-600\/70 {
  --tw-gradient-to: rgb(234 88 12 / 0.7) var(--tw-gradient-to-position);
}
.to-orange-800 {
  --tw-gradient-to: #9a3412 var(--tw-gradient-to-position);
}
.to-orange-900 {
  --tw-gradient-to: #7c2d12 var(--tw-gradient-to-position);
}
.to-orange-900\/30 {
  --tw-gradient-to: rgb(124 45 18 / 0.3) var(--tw-gradient-to-position);
}
.to-pink-100 {
  --tw-gradient-to: #fce7f3 var(--tw-gradient-to-position);
}
.to-pink-300 {
  --tw-gradient-to: #f9a8d4 var(--tw-gradient-to-position);
}
.to-pink-400 {
  --tw-gradient-to: #f472b6 var(--tw-gradient-to-position);
}
.to-pink-50 {
  --tw-gradient-to: #fdf2f8 var(--tw-gradient-to-position);
}
.to-pink-500 {
  --tw-gradient-to: #ec4899 var(--tw-gradient-to-position);
}
.to-pink-500\/10 {
  --tw-gradient-to: rgb(236 72 153 / 0.1) var(--tw-gradient-to-position);
}
.to-pink-500\/20 {
  --tw-gradient-to: rgb(236 72 153 / 0.2) var(--tw-gradient-to-position);
}
.to-pink-500\/80 {
  --tw-gradient-to: rgb(236 72 153 / 0.8) var(--tw-gradient-to-position);
}
.to-pink-600 {
  --tw-gradient-to: #db2777 var(--tw-gradient-to-position);
}
.to-pink-900 {
  --tw-gradient-to: #831843 var(--tw-gradient-to-position);
}
.to-primary {
  --tw-gradient-to: hsl(var(--primary)) var(--tw-gradient-to-position);
}
.to-primary\/10 {
  --tw-gradient-to: hsl(var(--primary) / 0.1) var(--tw-gradient-to-position);
}
.to-primary\/20 {
  --tw-gradient-to: hsl(var(--primary) / 0.2) var(--tw-gradient-to-position);
}
.to-primary\/40 {
  --tw-gradient-to: hsl(var(--primary) / 0.4) var(--tw-gradient-to-position);
}
.to-primary\/5 {
  --tw-gradient-to: hsl(var(--primary) / 0.05) var(--tw-gradient-to-position);
}
.to-primary\/50 {
  --tw-gradient-to: hsl(var(--primary) / 0.5) var(--tw-gradient-to-position);
}
.to-primary\/60 {
  --tw-gradient-to: hsl(var(--primary) / 0.6) var(--tw-gradient-to-position);
}
.to-primary\/80 {
  --tw-gradient-to: hsl(var(--primary) / 0.8) var(--tw-gradient-to-position);
}
.to-primary\/85 {
  --tw-gradient-to: hsl(var(--primary) / 0.85) var(--tw-gradient-to-position);
}
.to-primary\/90 {
  --tw-gradient-to: hsl(var(--primary) / 0.9) var(--tw-gradient-to-position);
}
.to-purple-100 {
  --tw-gradient-to: #f3e8ff var(--tw-gradient-to-position);
}
.to-purple-100\/50 {
  --tw-gradient-to: rgb(243 232 255 / 0.5) var(--tw-gradient-to-position);
}
.to-purple-400 {
  --tw-gradient-to: #c084fc var(--tw-gradient-to-position);
}
.to-purple-50 {
  --tw-gradient-to: #faf5ff var(--tw-gradient-to-position);
}
.to-purple-500 {
  --tw-gradient-to: #a855f7 var(--tw-gradient-to-position);
}
.to-purple-500\/10 {
  --tw-gradient-to: rgb(168 85 247 / 0.1) var(--tw-gradient-to-position);
}
.to-purple-500\/20 {
  --tw-gradient-to: rgb(168 85 247 / 0.2) var(--tw-gradient-to-position);
}
.to-purple-600 {
  --tw-gradient-to: #9333ea var(--tw-gradient-to-position);
}
.to-purple-600\/40 {
  --tw-gradient-to: rgb(147 51 234 / 0.4) var(--tw-gradient-to-position);
}
.to-purple-600\/70 {
  --tw-gradient-to: rgb(147 51 234 / 0.7) var(--tw-gradient-to-position);
}
.to-purple-700 {
  --tw-gradient-to: #7e22ce var(--tw-gradient-to-position);
}
.to-purple-900\/20 {
  --tw-gradient-to: rgb(88 28 135 / 0.2) var(--tw-gradient-to-position);
}
.to-purple-900\/40 {
  --tw-gradient-to: rgb(88 28 135 / 0.4) var(--tw-gradient-to-position);
}
.to-purple-950 {
  --tw-gradient-to: #3b0764 var(--tw-gradient-to-position);
}
.to-purple-950\/30 {
  --tw-gradient-to: rgb(59 7 100 / 0.3) var(--tw-gradient-to-position);
}
.to-red-500 {
  --tw-gradient-to: #ef4444 var(--tw-gradient-to-position);
}
.to-red-500\/10 {
  --tw-gradient-to: rgb(239 68 68 / 0.1) var(--tw-gradient-to-position);
}
.to-red-500\/20 {
  --tw-gradient-to: rgb(239 68 68 / 0.2) var(--tw-gradient-to-position);
}
.to-red-500\/5 {
  --tw-gradient-to: rgb(239 68 68 / 0.05) var(--tw-gradient-to-position);
}
.to-red-500\/70 {
  --tw-gradient-to: rgb(239 68 68 / 0.7) var(--tw-gradient-to-position);
}
.to-red-600 {
  --tw-gradient-to: #dc2626 var(--tw-gradient-to-position);
}
.to-red-700 {
  --tw-gradient-to: #b91c1c var(--tw-gradient-to-position);
}
.to-red-800 {
  --tw-gradient-to: #991b1b var(--tw-gradient-to-position);
}
.to-red-800\/40 {
  --tw-gradient-to: rgb(153 27 27 / 0.4) var(--tw-gradient-to-position);
}
.to-red-900\/20 {
  --tw-gradient-to: rgb(127 29 29 / 0.2) var(--tw-gradient-to-position);
}
.to-rose-300\/30 {
  --tw-gradient-to: rgb(253 164 175 / 0.3) var(--tw-gradient-to-position);
}
.to-rose-400 {
  --tw-gradient-to: #fb7185 var(--tw-gradient-to-position);
}
.to-rose-50 {
  --tw-gradient-to: #fff1f2 var(--tw-gradient-to-position);
}
.to-rose-500 {
  --tw-gradient-to: #f43f5e var(--tw-gradient-to-position);
}
.to-rose-500\/30 {
  --tw-gradient-to: rgb(244 63 94 / 0.3) var(--tw-gradient-to-position);
}
.to-rose-500\/40 {
  --tw-gradient-to: rgb(244 63 94 / 0.4) var(--tw-gradient-to-position);
}
.to-rose-600 {
  --tw-gradient-to: #e11d48 var(--tw-gradient-to-position);
}
.to-rose-700\/30 {
  --tw-gradient-to: rgb(190 18 60 / 0.3) var(--tw-gradient-to-position);
}
.to-secondary\/10 {
  --tw-gradient-to: hsl(var(--secondary) / 0.1) var(--tw-gradient-to-position);
}
.to-secondary\/20 {
  --tw-gradient-to: hsl(var(--secondary) / 0.2) var(--tw-gradient-to-position);
}
.to-secondary\/30 {
  --tw-gradient-to: hsl(var(--secondary) / 0.3) var(--tw-gradient-to-position);
}
.to-sky-200\/40 {
  --tw-gradient-to: rgb(186 230 253 / 0.4) var(--tw-gradient-to-position);
}
.to-sky-300\/30 {
  --tw-gradient-to: rgb(125 211 252 / 0.3) var(--tw-gradient-to-position);
}
.to-sky-400 {
  --tw-gradient-to: #38bdf8 var(--tw-gradient-to-position);
}
.to-sky-400\/30 {
  --tw-gradient-to: rgb(56 189 248 / 0.3) var(--tw-gradient-to-position);
}
.to-sky-500 {
  --tw-gradient-to: #0ea5e9 var(--tw-gradient-to-position);
}
.to-sky-500\/10 {
  --tw-gradient-to: rgb(14 165 233 / 0.1) var(--tw-gradient-to-position);
}
.to-sky-500\/25 {
  --tw-gradient-to: rgb(14 165 233 / 0.25) var(--tw-gradient-to-position);
}
.to-sky-500\/30 {
  --tw-gradient-to: rgb(14 165 233 / 0.3) var(--tw-gradient-to-position);
}
.to-sky-600 {
  --tw-gradient-to: #0284c7 var(--tw-gradient-to-position);
}
.to-sky-600\/30 {
  --tw-gradient-to: rgb(2 132 199 / 0.3) var(--tw-gradient-to-position);
}
.to-slate-100 {
  --tw-gradient-to: #f1f5f9 var(--tw-gradient-to-position);
}
.to-slate-200 {
  --tw-gradient-to: #e2e8f0 var(--tw-gradient-to-position);
}
.to-slate-400 {
  --tw-gradient-to: #94a3b8 var(--tw-gradient-to-position);
}
.to-slate-600 {
  --tw-gradient-to: #475569 var(--tw-gradient-to-position);
}
.to-slate-600\/20 {
  --tw-gradient-to: rgb(71 85 105 / 0.2) var(--tw-gradient-to-position);
}
.to-slate-600\/40 {
  --tw-gradient-to: rgb(71 85 105 / 0.4) var(--tw-gradient-to-position);
}
.to-slate-800 {
  --tw-gradient-to: #1e293b var(--tw-gradient-to-position);
}
.to-slate-900 {
  --tw-gradient-to: #0f172a var(--tw-gradient-to-position);
}
.to-slate-900\/0 {
  --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
}
.to-slate-900\/50 {
  --tw-gradient-to: rgb(15 23 42 / 0.5) var(--tw-gradient-to-position);
}
.to-slate-900\/70 {
  --tw-gradient-to: rgb(15 23 42 / 0.7) var(--tw-gradient-to-position);
}
.to-slate-950 {
  --tw-gradient-to: #020617 var(--tw-gradient-to-position);
}
.to-stone-300 {
  --tw-gradient-to: #d6d3d1 var(--tw-gradient-to-position);
}
.to-stone-500 {
  --tw-gradient-to: #78716c var(--tw-gradient-to-position);
}
.to-stone-700\/40 {
  --tw-gradient-to: rgb(68 64 60 / 0.4) var(--tw-gradient-to-position);
}
.to-stone-800\/40 {
  --tw-gradient-to: rgb(41 37 36 / 0.4) var(--tw-gradient-to-position);
}
.to-stone-900 {
  --tw-gradient-to: #1c1917 var(--tw-gradient-to-position);
}
.to-teal-200 {
  --tw-gradient-to: #99f6e4 var(--tw-gradient-to-position);
}
.to-teal-400 {
  --tw-gradient-to: #2dd4bf var(--tw-gradient-to-position);
}
.to-teal-50 {
  --tw-gradient-to: #f0fdfa var(--tw-gradient-to-position);
}
.to-teal-500 {
  --tw-gradient-to: #14b8a6 var(--tw-gradient-to-position);
}
.to-teal-500\/10 {
  --tw-gradient-to: rgb(20 184 166 / 0.1) var(--tw-gradient-to-position);
}
.to-teal-600 {
  --tw-gradient-to: #0d9488 var(--tw-gradient-to-position);
}
.to-teal-700 {
  --tw-gradient-to: #0f766e var(--tw-gradient-to-position);
}
.to-teal-800\/40 {
  --tw-gradient-to: rgb(17 94 89 / 0.4) var(--tw-gradient-to-position);
}
.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.to-violet-200 {
  --tw-gradient-to: #ddd6fe var(--tw-gradient-to-position);
}
.to-violet-50 {
  --tw-gradient-to: #f5f3ff var(--tw-gradient-to-position);
}
.to-violet-500 {
  --tw-gradient-to: #8b5cf6 var(--tw-gradient-to-position);
}
.to-violet-500\/10 {
  --tw-gradient-to: rgb(139 92 246 / 0.1) var(--tw-gradient-to-position);
}
.to-violet-500\/20 {
  --tw-gradient-to: rgb(139 92 246 / 0.2) var(--tw-gradient-to-position);
}
.to-violet-500\/40 {
  --tw-gradient-to: rgb(139 92 246 / 0.4) var(--tw-gradient-to-position);
}
.to-violet-500\/5 {
  --tw-gradient-to: rgb(139 92 246 / 0.05) var(--tw-gradient-to-position);
}
.to-violet-600 {
  --tw-gradient-to: #7c3aed var(--tw-gradient-to-position);
}
.to-violet-600\/40 {
  --tw-gradient-to: rgb(124 58 237 / 0.4) var(--tw-gradient-to-position);
}
.to-violet-600\/80 {
  --tw-gradient-to: rgb(124 58 237 / 0.8) var(--tw-gradient-to-position);
}
.to-violet-700 {
  --tw-gradient-to: #6d28d9 var(--tw-gradient-to-position);
}
.to-violet-950\/60 {
  --tw-gradient-to: rgb(46 16 101 / 0.6) var(--tw-gradient-to-position);
}
.to-white {
  --tw-gradient-to: #fff var(--tw-gradient-to-position);
}
.to-white\/0 {
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
}
.to-white\/10 {
  --tw-gradient-to: rgb(255 255 255 / 0.1) var(--tw-gradient-to-position);
}
.to-white\/20 {
  --tw-gradient-to: rgb(255 255 255 / 0.2) var(--tw-gradient-to-position);
}
.to-white\/30 {
  --tw-gradient-to: rgb(255 255 255 / 0.3) var(--tw-gradient-to-position);
}
.to-white\/5 {
  --tw-gradient-to: rgb(255 255 255 / 0.05) var(--tw-gradient-to-position);
}
.to-white\/80 {
  --tw-gradient-to: rgb(255 255 255 / 0.8) var(--tw-gradient-to-position);
}
.to-white\/\[0\.02\] {
  --tw-gradient-to: rgb(255 255 255 / 0.02) var(--tw-gradient-to-position);
}
.to-yellow-300 {
  --tw-gradient-to: #fde047 var(--tw-gradient-to-position);
}
.to-yellow-400 {
  --tw-gradient-to: #facc15 var(--tw-gradient-to-position);
}
.to-yellow-600 {
  --tw-gradient-to: #ca8a04 var(--tw-gradient-to-position);
}
.to-yellow-700 {
  --tw-gradient-to: #a16207 var(--tw-gradient-to-position);
}
.to-yellow-900\/20 {
  --tw-gradient-to: rgb(113 63 18 / 0.2) var(--tw-gradient-to-position);
}
.to-zinc-200 {
  --tw-gradient-to: #e4e4e7 var(--tw-gradient-to-position);
}
.to-zinc-300\/20 {
  --tw-gradient-to: rgb(212 212 216 / 0.2) var(--tw-gradient-to-position);
}
.to-zinc-300\/50 {
  --tw-gradient-to: rgb(212 212 216 / 0.5) var(--tw-gradient-to-position);
}
.to-zinc-500 {
  --tw-gradient-to: #71717a var(--tw-gradient-to-position);
}
.to-zinc-700 {
  --tw-gradient-to: #3f3f46 var(--tw-gradient-to-position);
}
.to-zinc-800 {
  --tw-gradient-to: #27272a var(--tw-gradient-to-position);
}
.to-zinc-900 {
  --tw-gradient-to: #18181b var(--tw-gradient-to-position);
}
.to-zinc-900\/20 {
  --tw-gradient-to: rgb(24 24 27 / 0.2) var(--tw-gradient-to-position);
}
.to-zinc-900\/50 {
  --tw-gradient-to: rgb(24 24 27 / 0.5) var(--tw-gradient-to-position);
}
.to-zinc-950 {
  --tw-gradient-to: #09090b var(--tw-gradient-to-position);
}
.to-40\% {
  --tw-gradient-to-position: 40%;
}
.to-50\% {
  --tw-gradient-to-position: 50%;
}
.bg-\[length\:100\%_4px\] {
  background-size: 100% 4px;
}
.bg-\[length\:12px_12px\] {
  background-size: 12px 12px;
}
.bg-\[length\:16px_16px\] {
  background-size: 16px 16px;
}
.bg-\[length\:200\%\] {
  background-size: 200%;
}
.bg-\[length\:24px_24px\] {
  background-size: 24px 24px;
}
.bg-\[length\:400\%_100\%\] {
  background-size: 400% 100%;
}
.bg-\[length\:4px_4px\] {
  background-size: 4px 4px;
}
.bg-\[length\:6px_6px\] {
  background-size: 6px 6px;
}
.bg-\[length\:8px_8px\] {
  background-size: 8px 8px;
}
.bg-\[size\:10\%_10\%\] {
  background-size: 10% 10%;
}
.bg-\[size\:16\.666\%_100\%\] {
  background-size: 16.666% 100%;
}
.bg-\[size\:20px_20px\] {
  background-size: 20px 20px;
}
.bg-\[size\:32px_32px\] {
  background-size: 32px 32px;
}
.bg-contain {
  background-size: contain;
}
.bg-cover {
  background-size: cover;
}
.bg-clip-padding {
  background-clip: padding-box;
}
.bg-clip-text {
  -webkit-background-clip: text;
          background-clip: text;
}
.bg-\[position\:0_0\2c 0_8px\2c 8px_-8px\2c -8px_0\] {
  background-position: 0 0,0 8px,8px -8px,-8px 0;
}
.bg-\[position\:0_0\2c 2px_2px\] {
  background-position: 0 0,2px 2px;
}
.bg-\[position\:0_0\2c 4px_4px\] {
  background-position: 0 0,4px 4px;
}
.bg-\[position\:0_0\2c 6px_6px\] {
  background-position: 0 0,6px 6px;
}
.bg-bottom {
  background-position: bottom;
}
.bg-center {
  background-position: center;
}
.bg-repeat {
  background-repeat: repeat;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.fill-\[\#14181B\] {
  fill: #14181B;
}
.fill-\[\#E5E5E5\] {
  fill: #E5E5E5;
}
.fill-\[\#e8a04a\] {
  fill: #e8a04a;
}
.fill-\[hsl\(var\(--mod-maps-fg\)\)\] {
  fill: hsl(var(--mod-maps-fg));
}
.fill-\[var\(--wet-paint\2c \#6366f1\)\] {
  fill: var(--wet-paint,#6366f1);
}
.fill-accent-foreground {
  fill: hsl(var(--accent-foreground));
}
.fill-amber-100\/20 {
  fill: rgb(254 243 199 / 0.2);
}
.fill-amber-400 {
  fill: #fbbf24;
}
.fill-amber-400\/80 {
  fill: rgb(251 191 36 / 0.8);
}
.fill-amber-500 {
  fill: #f59e0b;
}
.fill-amber-600\/30 {
  fill: rgb(217 119 6 / 0.3);
}
.fill-background {
  fill: hsl(var(--background));
}
.fill-black {
  fill: #000;
}
.fill-blue-100 {
  fill: #dbeafe;
}
.fill-blue-200 {
  fill: #bfdbfe;
}
.fill-blue-500 {
  fill: #3b82f6;
}
.fill-border {
  fill: hsl(var(--border));
}
.fill-card {
  fill: hsl(var(--card));
}
.fill-card-foreground {
  fill: hsl(var(--card-foreground));
}
.fill-current {
  fill: currentColor;
}
.fill-destructive {
  fill: hsl(var(--destructive));
}
.fill-emerald-400 {
  fill: #34d399;
}
.fill-emerald-500\/20 {
  fill: rgb(16 185 129 / 0.2);
}
.fill-foreground {
  fill: hsl(var(--foreground));
}
.fill-foreground\/10 {
  fill: hsl(var(--foreground) / 0.1);
}
.fill-muted {
  fill: hsl(var(--muted));
}
.fill-muted-foreground {
  fill: hsl(var(--muted-foreground));
}
.fill-muted-foreground\/20 {
  fill: hsl(var(--muted-foreground) / 0.2);
}
.fill-muted-foreground\/30 {
  fill: hsl(var(--muted-foreground) / 0.3);
}
.fill-muted-foreground\/40 {
  fill: hsl(var(--muted-foreground) / 0.4);
}
.fill-muted-foreground\/50 {
  fill: hsl(var(--muted-foreground) / 0.5);
}
.fill-muted-foreground\/60 {
  fill: hsl(var(--muted-foreground) / 0.6);
}
.fill-muted\/30 {
  fill: hsl(var(--muted) / 0.3);
}
.fill-muted\/40 {
  fill: hsl(var(--muted) / 0.4);
}
.fill-muted\/80 {
  fill: hsl(var(--muted) / 0.8);
}
.fill-neutral-300 {
  fill: #d4d4d4;
}
.fill-neutral-800 {
  fill: #262626;
}
.fill-neutral-950 {
  fill: #0a0a0a;
}
.fill-none {
  fill: none;
}
.fill-notion-green\/75 {
  fill: rgb(46 168 115 / 0.75);
}
.fill-notion-red\/70 {
  fill: rgb(226 85 83 / 0.7);
}
.fill-primary {
  fill: hsl(var(--primary));
}
.fill-primary-foreground {
  fill: hsl(var(--primary-foreground));
}
.fill-primary\/10 {
  fill: hsl(var(--primary) / 0.1);
}
.fill-primary\/15 {
  fill: hsl(var(--primary) / 0.15);
}
.fill-primary\/20 {
  fill: hsl(var(--primary) / 0.2);
}
.fill-primary\/25 {
  fill: hsl(var(--primary) / 0.25);
}
.fill-primary\/30 {
  fill: hsl(var(--primary) / 0.3);
}
.fill-primary\/40 {
  fill: hsl(var(--primary) / 0.4);
}
.fill-red-400 {
  fill: #f87171;
}
.fill-red-500 {
  fill: #ef4444;
}
.fill-rose-400 {
  fill: #fb7185;
}
.fill-rose-500 {
  fill: #f43f5e;
}
.fill-secondary {
  fill: hsl(var(--secondary));
}
.fill-sky-500 {
  fill: #0ea5e9;
}
.fill-sky-500\/20 {
  fill: rgb(14 165 233 / 0.2);
}
.fill-slate-500\/50 {
  fill: rgb(100 116 139 / 0.5);
}
.fill-surface {
  fill: var(--aether-surface);
}
.fill-teal-600\/80 {
  fill: rgb(13 148 136 / 0.8);
}
.fill-transparent {
  fill: transparent;
}
.fill-white {
  fill: #fff;
}
.fill-white\/25 {
  fill: rgb(255 255 255 / 0.25);
}
.fill-yellow-400 {
  fill: #facc15;
}
.fill-yellow-500 {
  fill: #eab308;
}
.fill-yellow-500\/20 {
  fill: rgb(234 179 8 / 0.2);
}
.stroke-\[\#2A2A2A\] {
  stroke: #2A2A2A;
}
.stroke-\[\#E0DCCF\] {
  stroke: #E0DCCF;
}
.stroke-amber-500 {
  stroke: #f59e0b;
}
.stroke-amber-500\/50 {
  stroke: rgb(245 158 11 / 0.5);
}
.stroke-amber-600\/10 {
  stroke: rgb(217 119 6 / 0.1);
}
.stroke-background {
  stroke: hsl(var(--background));
}
.stroke-blue-500 {
  stroke: #3b82f6;
}
.stroke-border {
  stroke: hsl(var(--border));
}
.stroke-card {
  stroke: hsl(var(--card));
}
.stroke-current {
  stroke: currentColor;
}
.stroke-cyan-400 {
  stroke: #22d3ee;
}
.stroke-destructive {
  stroke: hsl(var(--destructive));
}
.stroke-emerald-500 {
  stroke: #10b981;
}
.stroke-emerald-600 {
  stroke: #059669;
}
.stroke-emerald-600\/50 {
  stroke: rgb(5 150 105 / 0.5);
}
.stroke-foreground\/20 {
  stroke: hsl(var(--foreground) / 0.2);
}
.stroke-gray-200 {
  stroke: #e5e7eb;
}
.stroke-muted {
  stroke: hsl(var(--muted));
}
.stroke-muted-foreground {
  stroke: hsl(var(--muted-foreground));
}
.stroke-muted-foreground\/10 {
  stroke: hsl(var(--muted-foreground) / 0.1);
}
.stroke-muted-foreground\/30 {
  stroke: hsl(var(--muted-foreground) / 0.3);
}
.stroke-muted-foreground\/40 {
  stroke: hsl(var(--muted-foreground) / 0.4);
}
.stroke-muted-foreground\/50 {
  stroke: hsl(var(--muted-foreground) / 0.5);
}
.stroke-muted-foreground\/60 {
  stroke: hsl(var(--muted-foreground) / 0.6);
}
.stroke-muted\/30 {
  stroke: hsl(var(--muted) / 0.3);
}
.stroke-neutral-200 {
  stroke: #e5e5e5;
}
.stroke-neutral-950 {
  stroke: #0a0a0a;
}
.stroke-pink-400 {
  stroke: #f472b6;
}
.stroke-primary {
  stroke: hsl(var(--primary));
}
.stroke-primary-foreground {
  stroke: hsl(var(--primary-foreground));
}
.stroke-primary\/40 {
  stroke: hsl(var(--primary) / 0.4);
}
.stroke-primary\/60 {
  stroke: hsl(var(--primary) / 0.6);
}
.stroke-secondary {
  stroke: hsl(var(--secondary));
}
.stroke-sky-400 {
  stroke: #38bdf8;
}
.stroke-stone-500\/70 {
  stroke: rgb(120 113 108 / 0.7);
}
.stroke-teal-500\/80 {
  stroke: rgb(20 184 166 / 0.8);
}
.stroke-violet-500 {
  stroke: #8b5cf6;
}
.stroke-white {
  stroke: #fff;
}
.stroke-yellow-400 {
  stroke: #facc15;
}
.stroke-1 {
  stroke-width: 1;
}
.stroke-2 {
  stroke-width: 2;
}
.stroke-\[1\.5\] {
  stroke-width: 1.5;
}
.stroke-\[1\.75\] {
  stroke-width: 1.75;
}
.stroke-\[1\] {
  stroke-width: 1;
}
.stroke-\[2\.5\] {
  stroke-width: 2.5;
}
.stroke-\[2\] {
  stroke-width: 2;
}
.stroke-\[3px\] {
  stroke-width: 3px;
}
.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.object-fill {
  -o-object-fit: fill;
     object-fit: fill;
}
.object-bottom {
  -o-object-position: bottom;
     object-position: bottom;
}
.object-center {
  -o-object-position: center;
     object-position: center;
}
.object-left {
  -o-object-position: left;
     object-position: left;
}
.object-left-top {
  -o-object-position: left top;
     object-position: left top;
}
.object-top {
  -o-object-position: top;
     object-position: top;
}
.\!p-0 {
  padding: 0px !important;
}
.\!p-1 {
  padding: 0.25rem !important;
}
.\!p-2 {
  padding: 0.5rem !important;
}
.\!p-3 {
  padding: 0.75rem !important;
}
.\!p-px {
  padding: 1px !important;
}
.p-0 {
  padding: 0px;
}
.p-0\.5 {
  padding: 0.125rem;
}
.p-1 {
  padding: 0.25rem;
}
.p-1\.5 {
  padding: 0.375rem;
}
.p-10 {
  padding: 2.5rem;
}
.p-12 {
  padding: 3rem;
}
.p-16 {
  padding: 4rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-2\.5 {
  padding: 0.625rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-3\.5 {
  padding: 0.875rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-7 {
  padding: 1.75rem;
}
.p-8 {
  padding: 2rem;
}
.p-\[1\.25px\] {
  padding: 1.25px;
}
.p-\[10\%\] {
  padding: 10%;
}
.p-\[18\%\] {
  padding: 18%;
}
.p-\[1px\] {
  padding: 1px;
}
.p-\[2\.57cqw\] {
  padding: 2.57cqw;
}
.p-\[2px\] {
  padding: 2px;
}
.p-\[3px\] {
  padding: 3px;
}
.p-\[4px\] {
  padding: 4px;
}
.p-\[5px\] {
  padding: 5px;
}
.p-\[6px\] {
  padding: 6px;
}
.p-\[7\%\] {
  padding: 7%;
}
.p-\[\^\.\] {
  padding: ^.;
}
.p-px {
  padding: 1px;
}
.\!px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.\!px-1\.5 {
  padding-left: 0.375rem !important;
  padding-right: 0.375rem !important;
}
.\!px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.\!px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}
.\!px-5 {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}
.\!py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.\!py-0\.5 {
  padding-top: 0.125rem !important;
  padding-bottom: 0.125rem !important;
}
.\!py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.\!py-1\.5 {
  padding-top: 0.375rem !important;
  padding-bottom: 0.375rem !important;
}
.\!py-2\.5 {
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
}
.\!py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
.\!py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.px-0\.5 {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}
.px-16 {
  padding-left: 4rem;
  padding-right: 4rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-20 {
  padding-left: 5rem;
  padding-right: 5rem;
}
.px-24 {
  padding-left: 6rem;
  padding-right: 6rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-9 {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}
.px-\[--cell-size\] {
  padding-left: var(--cell-size);
  padding-right: var(--cell-size);
}
.px-\[0\.04em\] {
  padding-left: 0.04em;
  padding-right: 0.04em;
}
.px-\[0\.166\%\] {
  padding-left: 0.166%;
  padding-right: 0.166%;
}
.px-\[0\.1em\] {
  padding-left: 0.1em;
  padding-right: 0.1em;
}
.px-\[0\.25rem\] {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-\[0\.325rem\] {
  padding-left: 0.325rem;
  padding-right: 0.325rem;
}
.px-\[0\.45rem\] {
  padding-left: 0.45rem;
  padding-right: 0.45rem;
}
.px-\[0\.5rem\] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-\[11px\] {
  padding-left: 11px;
  padding-right: 11px;
}
.px-\[12px\] {
  padding-left: 12px;
  padding-right: 12px;
}
.px-\[13px\] {
  padding-left: 13px;
  padding-right: 13px;
}
.px-\[15px\] {
  padding-left: 15px;
  padding-right: 15px;
}
.px-\[18\%\] {
  padding-left: 18%;
  padding-right: 18%;
}
.px-\[18px\] {
  padding-left: 18px;
  padding-right: 18px;
}
.px-\[2\.5px\] {
  padding-left: 2.5px;
  padding-right: 2.5px;
}
.px-\[20px\] {
  padding-left: 20px;
  padding-right: 20px;
}
.px-\[2px\] {
  padding-left: 2px;
  padding-right: 2px;
}
.px-\[3px\] {
  padding-left: 3px;
  padding-right: 3px;
}
.px-\[4px\] {
  padding-left: 4px;
  padding-right: 4px;
}
.px-\[5px\] {
  padding-left: 5px;
  padding-right: 5px;
}
.px-\[64px\] {
  padding-left: 64px;
  padding-right: 64px;
}
.px-\[6px\] {
  padding-left: 6px;
  padding-right: 6px;
}
.px-\[7px\] {
  padding-left: 7px;
  padding-right: 7px;
}
.px-\[8px\] {
  padding-left: 8px;
  padding-right: 8px;
}
.px-\[9px\] {
  padding-left: 9px;
  padding-right: 9px;
}
.px-\[calc\(50vw-200px\)\] {
  padding-left: calc(50vw - 200px);
  padding-right: calc(50vw - 200px);
}
.px-\[var\(--dashboard-sidebar-text-inset\2c 0\.625rem\)\] {
  padding-left: var(--dashboard-sidebar-text-inset,0.625rem);
  padding-right: var(--dashboard-sidebar-text-inset,0.625rem);
}
.px-\[var\(--directory-card-padding-x\2c 0\.25rem\)\] {
  padding-left: var(--directory-card-padding-x,0.25rem);
  padding-right: var(--directory-card-padding-x,0.25rem);
}
.px-\[var\(--directory-section-padding\2c 0\.25rem\)\] {
  padding-left: var(--directory-section-padding,0.25rem);
  padding-right: var(--directory-section-padding,0.25rem);
}
.px-\[var\(--directory-toolbar-padding\2c 0\.375rem\)\] {
  padding-left: var(--directory-toolbar-padding,0.375rem);
  padding-right: var(--directory-toolbar-padding,0.375rem);
}
.px-\[var\(--pad\)\] {
  padding-left: var(--pad);
  padding-right: var(--pad);
}
.px-px {
  padding-left: 1px;
  padding-right: 1px;
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-3\.5 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.py-32 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-7 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-\[11px\] {
  padding-top: 11px;
  padding-bottom: 11px;
}
.py-\[12px\] {
  padding-top: 12px;
  padding-bottom: 12px;
}
.py-\[13px\] {
  padding-top: 13px;
  padding-bottom: 13px;
}
.py-\[15px\] {
  padding-top: 15px;
  padding-bottom: 15px;
}
.py-\[16\%\] {
  padding-top: 16%;
  padding-bottom: 16%;
}
.py-\[16px\] {
  padding-top: 16px;
  padding-bottom: 16px;
}
.py-\[17px\] {
  padding-top: 17px;
  padding-bottom: 17px;
}
.py-\[1px\] {
  padding-top: 1px;
  padding-bottom: 1px;
}
.py-\[2\.5px\] {
  padding-top: 2.5px;
  padding-bottom: 2.5px;
}
.py-\[2px\] {
  padding-top: 2px;
  padding-bottom: 2px;
}
.py-\[3\.2px\] {
  padding-top: 3.2px;
  padding-bottom: 3.2px;
}
.py-\[30px\] {
  padding-top: 30px;
  padding-bottom: 30px;
}
.py-\[3px\] {
  padding-top: 3px;
  padding-bottom: 3px;
}
.py-\[4px\] {
  padding-top: 4px;
  padding-bottom: 4px;
}
.py-\[59px\] {
  padding-top: 59px;
  padding-bottom: 59px;
}
.py-\[5px\] {
  padding-top: 5px;
  padding-bottom: 5px;
}
.py-\[6px\] {
  padding-top: 6px;
  padding-bottom: 6px;
}
.py-\[7px\] {
  padding-top: 7px;
  padding-bottom: 7px;
}
.py-\[8px\] {
  padding-top: 8px;
  padding-bottom: 8px;
}
.py-\[var\(--directory-branch-spacing\2c 0\.125rem\)\] {
  padding-top: var(--directory-branch-spacing,0.125rem);
  padding-bottom: var(--directory-branch-spacing,0.125rem);
}
.py-\[var\(--directory-card-padding-y\2c 0\.125rem\)\] {
  padding-top: var(--directory-card-padding-y,0.125rem);
  padding-bottom: var(--directory-card-padding-y,0.125rem);
}
.py-px {
  padding-top: 1px;
  padding-bottom: 1px;
}
.\!pb-0 {
  padding-bottom: 0px !important;
}
.\!pl-0\.5 {
  padding-left: 0.125rem !important;
}
.\!pl-1 {
  padding-left: 0.25rem !important;
}
.\!pr-0\.5 {
  padding-right: 0.125rem !important;
}
.\!pt-0 {
  padding-top: 0px !important;
}
.pb-0 {
  padding-bottom: 0px;
}
.pb-0\.5 {
  padding-bottom: 0.125rem;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-1\.5 {
  padding-bottom: 0.375rem;
}
.pb-10 {
  padding-bottom: 2.5rem;
}
.pb-12 {
  padding-bottom: 3rem;
}
.pb-14 {
  padding-bottom: 3.5rem;
}
.pb-16 {
  padding-bottom: 4rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-2\.5 {
  padding-bottom: 0.625rem;
}
.pb-20 {
  padding-bottom: 5rem;
}
.pb-24 {
  padding-bottom: 6rem;
}
.pb-28 {
  padding-bottom: 7rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-3\.5 {
  padding-bottom: 0.875rem;
}
.pb-32 {
  padding-bottom: 8rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-40 {
  padding-bottom: 10rem;
}
.pb-5 {
  padding-bottom: 1.25rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-7 {
  padding-bottom: 1.75rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pb-9 {
  padding-bottom: 2.25rem;
}
.pb-\[17px\] {
  padding-bottom: 17px;
}
.pb-\[1px\] {
  padding-bottom: 1px;
}
.pb-\[2\.75rem\] {
  padding-bottom: 2.75rem;
}
.pb-\[56\.25\%\] {
  padding-bottom: 56.25%;
}
.pb-\[5px\] {
  padding-bottom: 5px;
}
.pb-\[8px\] {
  padding-bottom: 8px;
}
.pb-\[calc\(var\(--sai-bottom\2c 0px\)\+1\.5rem\)\] {
  padding-bottom: calc(var(--sai-bottom,0px) + 1.5rem);
}
.pb-\[calc\(var\(--sai-bottom\2c 0px\)\+1rem\)\] {
  padding-bottom: calc(var(--sai-bottom,0px) + 1rem);
}
.pb-\[env\(safe-area-inset-bottom\)\] {
  padding-bottom: env(safe-area-inset-bottom);
}
.pb-\[max\(1\.25rem\2c var\(--sai-bottom\2c 0px\)\)\] {
  padding-bottom: max(1.25rem,var(--sai-bottom,0px));
}
.pb-\[max\(1rem\2c env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: max(1rem,env(safe-area-inset-bottom));
}
.pb-\[max\(1rem\2c var\(--sai-bottom\2c 0px\)\)\] {
  padding-bottom: max(1rem,var(--sai-bottom,0px));
}
.pb-\[var\(--stacks-canvas-shelf-padding\2c 4px\)\] {
  padding-bottom: var(--stacks-canvas-shelf-padding,4px);
}
.pb-px {
  padding-bottom: 1px;
}
.pe-2 {
  padding-inline-end: 0.5rem;
}
.pe-2\.5 {
  padding-inline-end: 0.625rem;
}
.pe-3 {
  padding-inline-end: 0.75rem;
}
.pe-6 {
  padding-inline-end: 1.5rem;
}
.pl-0 {
  padding-left: 0px;
}
.pl-0\.5 {
  padding-left: 0.125rem;
}
.pl-1 {
  padding-left: 0.25rem;
}
.pl-1\.5 {
  padding-left: 0.375rem;
}
.pl-10 {
  padding-left: 2.5rem;
}
.pl-11 {
  padding-left: 2.75rem;
}
.pl-12 {
  padding-left: 3rem;
}
.pl-14 {
  padding-left: 3.5rem;
}
.pl-16 {
  padding-left: 4rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-2\.5 {
  padding-left: 0.625rem;
}
.pl-20 {
  padding-left: 5rem;
}
.pl-24 {
  padding-left: 6rem;
}
.pl-28 {
  padding-left: 7rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pl-3\.5 {
  padding-left: 0.875rem;
}
.pl-32 {
  padding-left: 8rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pl-5 {
  padding-left: 1.25rem;
}
.pl-6 {
  padding-left: 1.5rem;
}
.pl-7 {
  padding-left: 1.75rem;
}
.pl-8 {
  padding-left: 2rem;
}
.pl-9 {
  padding-left: 2.25rem;
}
.pl-\[0\.4375rem\] {
  padding-left: 0.4375rem;
}
.pl-\[1\.125rem\] {
  padding-left: 1.125rem;
}
.pl-\[11px\] {
  padding-left: 11px;
}
.pl-\[16px\] {
  padding-left: 16px;
}
.pl-\[17px\] {
  padding-left: 17px;
}
.pl-\[18px\] {
  padding-left: 18px;
}
.pl-\[20px\] {
  padding-left: 20px;
}
.pl-\[2px\] {
  padding-left: 2px;
}
.pl-\[30px\] {
  padding-left: 30px;
}
.pl-\[34px\] {
  padding-left: 34px;
}
.pl-\[3px\] {
  padding-left: 3px;
}
.pl-\[46px\] {
  padding-left: 46px;
}
.pl-\[52px\] {
  padding-left: 52px;
}
.pl-\[5px\] {
  padding-left: 5px;
}
.pl-\[6px\] {
  padding-left: 6px;
}
.pl-\[72px\] {
  padding-left: 72px;
}
.pl-\[7px\] {
  padding-left: 7px;
}
.pl-\[var\(--dashboard-sidebar-text-inset\2c 0\.625rem\)\] {
  padding-left: var(--dashboard-sidebar-text-inset,0.625rem);
}
.pl-\[var\(--directory-branch-padding\2c 0\.5rem\)\] {
  padding-left: var(--directory-branch-padding,0.5rem);
}
.pr-0 {
  padding-right: 0px;
}
.pr-0\.5 {
  padding-right: 0.125rem;
}
.pr-1 {
  padding-right: 0.25rem;
}
.pr-1\.5 {
  padding-right: 0.375rem;
}
.pr-10 {
  padding-right: 2.5rem;
}
.pr-12 {
  padding-right: 3rem;
}
.pr-14 {
  padding-right: 3.5rem;
}
.pr-16 {
  padding-right: 4rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-2\.5 {
  padding-right: 0.625rem;
}
.pr-20 {
  padding-right: 5rem;
}
.pr-24 {
  padding-right: 6rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.pr-3\.5 {
  padding-right: 0.875rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-5 {
  padding-right: 1.25rem;
}
.pr-6 {
  padding-right: 1.5rem;
}
.pr-7 {
  padding-right: 1.75rem;
}
.pr-8 {
  padding-right: 2rem;
}
.pr-9 {
  padding-right: 2.25rem;
}
.pr-\[11px\] {
  padding-right: 11px;
}
.pr-\[323px\] {
  padding-right: 323px;
}
.pr-\[min\(23rem\2c 50\%\)\] {
  padding-right: min(23rem,50%);
}
.pr-\[var\(--editor-gutter-width\)\] {
  padding-right: var(--editor-gutter-width);
}
.pr-px {
  padding-right: 1px;
}
.ps-1 {
  padding-inline-start: 0.25rem;
}
.ps-1\.5 {
  padding-inline-start: 0.375rem;
}
.ps-10 {
  padding-inline-start: 2.5rem;
}
.ps-11 {
  padding-inline-start: 2.75rem;
}
.ps-12 {
  padding-inline-start: 3rem;
}
.ps-14 {
  padding-inline-start: 3.5rem;
}
.ps-16 {
  padding-inline-start: 4rem;
}
.ps-2 {
  padding-inline-start: 0.5rem;
}
.ps-20 {
  padding-inline-start: 5rem;
}
.ps-3 {
  padding-inline-start: 0.75rem;
}
.ps-4 {
  padding-inline-start: 1rem;
}
.ps-5 {
  padding-inline-start: 1.25rem;
}
.ps-6 {
  padding-inline-start: 1.5rem;
}
.ps-7 {
  padding-inline-start: 1.75rem;
}
.ps-8 {
  padding-inline-start: 2rem;
}
.ps-9 {
  padding-inline-start: 2.25rem;
}
.ps-\[calc\(var\(--tree-padding\)\+8px\)\] {
  padding-inline-start: calc(var(--tree-padding) + 8px);
}
.pt-0 {
  padding-top: 0px;
}
.pt-0\.5 {
  padding-top: 0.125rem;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-1\.5 {
  padding-top: 0.375rem;
}
.pt-10 {
  padding-top: 2.5rem;
}
.pt-12 {
  padding-top: 3rem;
}
.pt-14 {
  padding-top: 3.5rem;
}
.pt-16 {
  padding-top: 4rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-2\.5 {
  padding-top: 0.625rem;
}
.pt-20 {
  padding-top: 5rem;
}
.pt-24 {
  padding-top: 6rem;
}
.pt-28 {
  padding-top: 7rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-3\.5 {
  padding-top: 0.875rem;
}
.pt-32 {
  padding-top: 8rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-40 {
  padding-top: 10rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-64 {
  padding-top: 16rem;
}
.pt-8 {
  padding-top: 2rem;
}
.pt-9 {
  padding-top: 2.25rem;
}
.pt-\[10vh\] {
  padding-top: 10vh;
}
.pt-\[12vh\] {
  padding-top: 12vh;
}
.pt-\[15vh\] {
  padding-top: 15vh;
}
.pt-\[16vh\] {
  padding-top: 16vh;
}
.pt-\[17px\] {
  padding-top: 17px;
}
.pt-\[18px\] {
  padding-top: 18px;
}
.pt-\[18vh\] {
  padding-top: 18vh;
}
.pt-\[1px\] {
  padding-top: 1px;
}
.pt-\[2px\] {
  padding-top: 2px;
}
.pt-\[38px\] {
  padding-top: 38px;
}
.pt-\[3px\] {
  padding-top: 3px;
}
.pt-\[5px\] {
  padding-top: 5px;
}
.pt-\[7px\] {
  padding-top: 7px;
}
.pt-\[calc\(var\(--sai-top\)_\+_0\.5rem\)\] {
  padding-top: calc(var(--sai-top) + 0.5rem);
}
.pt-\[env\(safe-area-inset-top\)\] {
  padding-top: env(safe-area-inset-top);
}
.pt-\[max\(2\.25rem\2c var\(--sai-top\2c 0px\)\)\] {
  padding-top: max(2.25rem,var(--sai-top,0px));
}
.pt-px {
  padding-top: 1px;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align: justify;
}
.text-start {
  text-align: start;
}
.text-end {
  text-align: end;
}
.align-baseline {
  vertical-align: baseline;
}
.align-top {
  vertical-align: top;
}
.align-middle {
  vertical-align: middle;
}
.align-bottom {
  vertical-align: bottom;
}
.align-\[4px\] {
  vertical-align: 4px;
}
.align-\[6px\] {
  vertical-align: 6px;
}
.font-\[\'Geist\'\] {
  font-family: 'Geist';
}
.font-\[\'Raleway\'\2c _sans-serif\] {
  font-family: 'Raleway', sans-serif;
}
.font-\[\'Raleway\'\2c ui-sans-serif\2c sans-serif\] {
  font-family: 'Raleway',ui-sans-serif,sans-serif;
}
.font-\[Inter\2c ui-sans-serif\2c system-ui\] {
  font-family: Inter,ui-sans-serif,system-ui;
}
.font-\[family-name\:var\(--font-geist-pixel\)\] {
  font-family: var(--font-geist-pixel);
}
.font-\[family-name\:var\(--font-geist-pixel-square\)\] {
  font-family: var(--font-geist-pixel-square);
}
.font-\[family-name\:var\(--shell-font\)\] {
  font-family: var(--shell-font);
}
.font-\[inherit\] {
  font-family: inherit;
}
.font-geist {
  font-family: Geist, Inter, sans-serif;
}
.font-mono {
  font-family: Fira Code, monospace;
}
.font-raleway {
  font-family: Raleway, ui-sans-serif, system-ui, sans-serif;
}
.font-sans {
  font-family: var(--font-sans), TT Commons, Neue Haas Display, Inter, sans-serif;
}
.font-serif {
  font-family: Georgia, serif;
}
.\!text-\[10px\] {
  font-size: 10px !important;
}
.\!text-\[11px\] {
  font-size: 11px !important;
}
.\!text-\[12px\] {
  font-size: 12px !important;
}
.\!text-\[16px\] {
  font-size: 16px !important;
}
.\!text-\[17px\] {
  font-size: 17px !important;
}
.\!text-\[8\.5px\] {
  font-size: 8.5px !important;
}
.\!text-\[9px\] {
  font-size: 9px !important;
}
.\!text-\[length\:var\(--workspace-tab-font-size\)\] {
  font-size: var(--workspace-tab-font-size) !important;
}
.\!text-\[length\:var\(--workspace-ui-font-size\2c 7px\)\] {
  font-size: var(--workspace-ui-font-size,7px) !important;
}
.\!text-base {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}
.\!text-xs {
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-2xl\/8 {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-5xl {
  font-size: 3rem;
  line-height: 1;
}
.text-6xl {
  font-size: 3.75rem;
  line-height: 1;
}
.text-7xl {
  font-size: 4.5rem;
  line-height: 1;
}
.text-8xl {
  font-size: 6rem;
  line-height: 1;
}
.text-\[0\.375rem\] {
  font-size: 0.375rem;
}
.text-\[0\.4375rem\] {
  font-size: 0.4375rem;
}
.text-\[0\.5625rem\] {
  font-size: 0.5625rem;
}
.text-\[0\.5rem\] {
  font-size: 0.5rem;
}
.text-\[0\.625rem\] {
  font-size: 0.625rem;
}
.text-\[0\.65rem\] {
  font-size: 0.65rem;
}
.text-\[0\.6875rem\] {
  font-size: 0.6875rem;
}
.text-\[0\.6rem\] {
  font-size: 0.6rem;
}
.text-\[0\.75rem\] {
  font-size: 0.75rem;
}
.text-\[0\.7rem\] {
  font-size: 0.7rem;
}
.text-\[0\.8125rem\] {
  font-size: 0.8125rem;
}
.text-\[0\.85em\] {
  font-size: 0.85em;
}
.text-\[0\.85rem\] {
  font-size: 0.85rem;
}
.text-\[0\.8rem\] {
  font-size: 0.8rem;
}
.text-\[0\.92em\] {
  font-size: 0.92em;
}
.text-\[0\] {
  font-size: 0;
}
.text-\[1\.05rem\] {
  font-size: 1.05rem;
}
.text-\[1\.2rem\] {
  font-size: 1.2rem;
}
.text-\[1\.35rem\] {
  font-size: 1.35rem;
}
.text-\[1\.55rem\] {
  font-size: 1.55rem;
}
.text-\[1\.7rem\] {
  font-size: 1.7rem;
}
.text-\[10\.5px\] {
  font-size: 10.5px;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[10px\]\/relaxed {
  font-size: 10px;
  line-height: 1.625;
}
.text-\[10vw\] {
  font-size: 10vw;
}
.text-\[11\.5px\] {
  font-size: 11.5px;
}
.text-\[11\.5px\]\/4 {
  font-size: 11.5px;
  line-height: 1rem;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[11px\]\/\[18px\] {
  font-size: 11px;
  line-height: 18px;
}
.text-\[12\.5px\] {
  font-size: 12.5px;
}
.text-\[12\.5px\]\/\[18px\] {
  font-size: 12.5px;
  line-height: 18px;
}
.text-\[12px\] {
  font-size: 12px;
}
.text-\[12vw\] {
  font-size: 12vw;
}
.text-\[13\.5px\] {
  font-size: 13.5px;
}
.text-\[13\.5px\]\/\[18px\] {
  font-size: 13.5px;
  line-height: 18px;
}
.text-\[13px\] {
  font-size: 13px;
}
.text-\[13px\]\/\[18px\] {
  font-size: 13px;
  line-height: 18px;
}
.text-\[14\.2px\] {
  font-size: 14.2px;
}
.text-\[14\.5px\] {
  font-size: 14.5px;
}
.text-\[14px\] {
  font-size: 14px;
}
.text-\[15px\] {
  font-size: 15px;
}
.text-\[16px\] {
  font-size: 16px;
}
.text-\[16vw\] {
  font-size: 16vw;
}
.text-\[17px\] {
  font-size: 17px;
}
.text-\[18px\] {
  font-size: 18px;
}
.text-\[18vw\] {
  font-size: 18vw;
}
.text-\[1rem\] {
  font-size: 1rem;
}
.text-\[2\.1rem\] {
  font-size: 2.1rem;
}
.text-\[2\.5rem\] {
  font-size: 2.5rem;
}
.text-\[2\.75rem\] {
  font-size: 2.75rem;
}
.text-\[20px\] {
  font-size: 20px;
}
.text-\[22px\] {
  font-size: 22px;
}
.text-\[24px\] {
  font-size: 24px;
}
.text-\[25px\] {
  font-size: 25px;
}
.text-\[26px\] {
  font-size: 26px;
}
.text-\[28px\] {
  font-size: 28px;
}
.text-\[2rem\] {
  font-size: 2rem;
}
.text-\[30px\] {
  font-size: 30px;
}
.text-\[32px\] {
  font-size: 32px;
}
.text-\[34px\] {
  font-size: 34px;
}
.text-\[35px\] {
  font-size: 35px;
}
.text-\[38px\] {
  font-size: 38px;
}
.text-\[3px\] {
  font-size: 3px;
}
.text-\[4\.25cqw\] {
  font-size: 4.25cqw;
}
.text-\[4\.2cqw\] {
  font-size: 4.2cqw;
}
.text-\[4\.4cqw\] {
  font-size: 4.4cqw;
}
.text-\[4px\] {
  font-size: 4px;
}
.text-\[52px\] {
  font-size: 52px;
}
.text-\[5px\] {
  font-size: 5px;
}
.text-\[6px\] {
  font-size: 6px;
}
.text-\[7px\] {
  font-size: 7px;
}
.text-\[8\.5px\] {
  font-size: 8.5px;
}
.text-\[85px\] {
  font-size: 85px;
}
.text-\[8px\] {
  font-size: 8px;
}
.text-\[9\.2cqw\] {
  font-size: 9.2cqw;
}
.text-\[9\.5px\] {
  font-size: 9.5px;
}
.text-\[9px\] {
  font-size: 9px;
}
.text-\[clamp\(0\.45rem\2c 0\.85vw\2c 0\.7rem\)\] {
  font-size: clamp(0.45rem,0.85vw,0.7rem);
}
.text-\[clamp\(0\.45rem\2c 0\.9vw\2c 0\.7rem\)\] {
  font-size: clamp(0.45rem,0.9vw,0.7rem);
}
.text-\[clamp\(0\.4rem\2c 0\.7vw\2c 0\.6rem\)\] {
  font-size: clamp(0.4rem,0.7vw,0.6rem);
}
.text-\[clamp\(0\.625rem\2c 0\.5263rem\+0\.5263vw\2c 1rem\)\] {
  font-size: clamp(0.625rem,0.5263rem + 0.5263vw,1rem);
}
.text-\[clamp\(1\.75rem\2c 8cqw\2c 3\.75rem\)\] {
  font-size: clamp(1.75rem,8cqw,3.75rem);
}
.text-\[clamp\(2\.5rem\2c 12cqw\2c 6rem\)\] {
  font-size: clamp(2.5rem,12cqw,6rem);
}
.text-\[clamp\(22px\2c 3vw\2c 36px\)\] {
  font-size: clamp(22px,3vw,36px);
}
.text-\[clamp\(2rem\2c min\(26cqw\2c 40cqh\)\2c 16rem\)\] {
  font-size: clamp(2rem,min(26cqw,40cqh),16rem);
}
.text-\[clamp\(4\.5rem\2c 18vw\2c 9rem\)\] {
  font-size: clamp(4.5rem,18vw,9rem);
}
.text-\[clamp\(72px\2c 12vw\2c 140px\)\] {
  font-size: clamp(72px,12vw,140px);
}
.text-\[length\:inherit\] {
  font-size: inherit;
}
.text-\[length\:var\(--ai-chat-control-size\2c 11px\)\] {
  font-size: var(--ai-chat-control-size,11px);
}
.text-\[length\:var\(--ai-chat-message-size\2c 14px\)\] {
  font-size: var(--ai-chat-message-size,14px);
}
.text-\[length\:var\(--build-page-font-size\)\] {
  font-size: var(--build-page-font-size);
}
.text-\[length\:var\(--dashboard-sidebar-font-size\)\] {
  font-size: var(--dashboard-sidebar-font-size);
}
.text-\[length\:var\(--dashboard-sidebar-meta-font-size\)\] {
  font-size: var(--dashboard-sidebar-meta-font-size);
}
.text-\[length\:var\(--directory-card-font-size\2c 6px\)\] {
  font-size: var(--directory-card-font-size,6px);
}
.text-\[length\:var\(--directory-font-size\2c 6px\)\] {
  font-size: var(--directory-font-size,6px);
}
.text-\[length\:var\(--primary-ui-chrome-font-size\2c 12px\)\] {
  font-size: var(--primary-ui-chrome-font-size,12px);
}
.text-\[length\:var\(--sheet-cell-font-size\)\] {
  font-size: var(--sheet-cell-font-size);
}
.text-\[length\:var\(--stacks-sidebar-font-size\2c 8px\)\] {
  font-size: var(--stacks-sidebar-font-size,8px);
}
.text-\[length\:var\(--stacks-sidebar-font-size\2c 9px\)\] {
  font-size: var(--stacks-sidebar-font-size,9px);
}
.text-\[length\:var\(--workspace-body-font-size\2c 9px\)\] {
  font-size: var(--workspace-body-font-size,9px);
}
.text-\[length\:var\(--workspace-tab-font-size\)\] {
  font-size: var(--workspace-tab-font-size);
}
.text-\[length\:var\(--workspace-ui-font-size\)\] {
  font-size: var(--workspace-ui-font-size);
}
.text-\[length\:var\(--workspace-ui-font-size\2c 7px\)\] {
  font-size: var(--workspace-ui-font-size,7px);
}
.text-\[min\(0\.625rem\2c 18cqw\)\] {
  font-size: min(0.625rem,18cqw);
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-sm\/6 {
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.text-sm\/relaxed {
  font-size: 0.875rem;
  line-height: 1.625;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.\!font-medium {
  font-weight: 500 !important;
}
.font-\[500\] {
  font-weight: 500;
}
.font-\[510\] {
  font-weight: 510;
}
.font-\[590\] {
  font-weight: 590;
}
.font-\[var\(--build-page-font-weight\2c 600\)\] {
  font-weight: var(--build-page-font-weight,600);
}
.font-black {
  font-weight: 900;
}
.font-bold {
  font-weight: 700;
}
.font-extrabold {
  font-weight: 800;
}
.font-extralight {
  font-weight: 200;
}
.font-light {
  font-weight: 300;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.font-thin {
  font-weight: 100;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.normal-case {
  text-transform: none;
}
.\!italic {
  font-style: italic !important;
}
.italic {
  font-style: italic;
}
.not-italic {
  font-style: normal;
}
.ordinal {
  --tw-ordinal: ordinal;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.slashed-zero {
  --tw-slashed-zero: slashed-zero;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.lining-nums {
  --tw-numeric-figure: lining-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.oldstyle-nums {
  --tw-numeric-figure: oldstyle-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.proportional-nums {
  --tw-numeric-spacing: proportional-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.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);
}
.diagonal-fractions {
  --tw-numeric-fraction: diagonal-fractions;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.stacked-fractions {
  --tw-numeric-fraction: stacked-fractions;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.\!leading-\[1\.1\] {
  line-height: 1.1 !important;
}
.\!leading-none {
  line-height: 1 !important;
}
.\!leading-snug {
  line-height: 1.375 !important;
}
.leading-3 {
  line-height: .75rem;
}
.leading-4 {
  line-height: 1rem;
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-6 {
  line-height: 1.5rem;
}
.leading-7 {
  line-height: 1.75rem;
}
.leading-8 {
  line-height: 2rem;
}
.leading-9 {
  line-height: 2.25rem;
}
.leading-\[\.9\] {
  line-height: .9;
}
.leading-\[0\.5rem\] {
  line-height: 0.5rem;
}
.leading-\[0\.75rem\] {
  line-height: 0.75rem;
}
.leading-\[0\.85\] {
  line-height: 0.85;
}
.leading-\[0\.95\] {
  line-height: 0.95;
}
.leading-\[0\] {
  line-height: 0;
}
.leading-\[1\.05\] {
  line-height: 1.05;
}
.leading-\[1\.15\] {
  line-height: 1.15;
}
.leading-\[1\.1\] {
  line-height: 1.1;
}
.leading-\[1\.25\] {
  line-height: 1.25;
}
.leading-\[1\.2\] {
  line-height: 1.2;
}
.leading-\[1\.35\] {
  line-height: 1.35;
}
.leading-\[1\.3\] {
  line-height: 1.3;
}
.leading-\[1\.45\] {
  line-height: 1.45;
}
.leading-\[1\.4\] {
  line-height: 1.4;
}
.leading-\[1\.5\] {
  line-height: 1.5;
}
.leading-\[1\.6\] {
  line-height: 1.6;
}
.leading-\[1\.75\] {
  line-height: 1.75;
}
.leading-\[1\.7\] {
  line-height: 1.7;
}
.leading-\[1\.9\] {
  line-height: 1.9;
}
.leading-\[100\%\] {
  line-height: 100%;
}
.leading-\[11px\] {
  line-height: 11px;
}
.leading-\[120\%\] {
  line-height: 120%;
}
.leading-\[12px\] {
  line-height: 12px;
}
.leading-\[130\%\] {
  line-height: 130%;
}
.leading-\[13px\] {
  line-height: 13px;
}
.leading-\[14px\] {
  line-height: 14px;
}
.leading-\[16px\] {
  line-height: 16px;
}
.leading-\[18\.20px\] {
  line-height: 18.20px;
}
.leading-\[18px\] {
  line-height: 18px;
}
.leading-\[19px\] {
  line-height: 19px;
}
.leading-\[1\] {
  line-height: 1;
}
.leading-\[21px\] {
  line-height: 21px;
}
.leading-\[22px\] {
  line-height: 22px;
}
.leading-\[26px\] {
  line-height: 26px;
}
.leading-\[27px\] {
  line-height: 27px;
}
.leading-\[33px\] {
  line-height: 33px;
}
.leading-\[52px\] {
  line-height: 52px;
}
.leading-\[var\(--build-page-line-height\2c 1\.25\)\] {
  line-height: var(--build-page-line-height,1.25);
}
.leading-loose {
  line-height: 2;
}
.leading-none {
  line-height: 1;
}
.leading-normal {
  line-height: 1.5;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-snug {
  line-height: 1.375;
}
.leading-tight {
  line-height: 1.25;
}
.-tracking-normal {
  letter-spacing: 0.025em;
}
.tracking-\[-0\.006em\] {
  letter-spacing: -0.006em;
}
.tracking-\[-0\.01em\] {
  letter-spacing: -0.01em;
}
.tracking-\[-0\.02em\] {
  letter-spacing: -0.02em;
}
.tracking-\[-0\.035em\] {
  letter-spacing: -0.035em;
}
.tracking-\[-0\.03em\] {
  letter-spacing: -0.03em;
}
.tracking-\[-0\.04em\] {
  letter-spacing: -0.04em;
}
.tracking-\[-0\.05em\] {
  letter-spacing: -0.05em;
}
.tracking-\[-0\.6px\] {
  letter-spacing: -0.6px;
}
.tracking-\[-0\.8px\] {
  letter-spacing: -0.8px;
}
.tracking-\[-2px\] {
  letter-spacing: -2px;
}
.tracking-\[0\.005em\] {
  letter-spacing: 0.005em;
}
.tracking-\[0\.01em\] {
  letter-spacing: 0.01em;
}
.tracking-\[0\.04em\] {
  letter-spacing: 0.04em;
}
.tracking-\[0\.055em\] {
  letter-spacing: 0.055em;
}
.tracking-\[0\.06em\] {
  letter-spacing: 0.06em;
}
.tracking-\[0\.07em\] {
  letter-spacing: 0.07em;
}
.tracking-\[0\.08em\] {
  letter-spacing: 0.08em;
}
.tracking-\[0\.12em\] {
  letter-spacing: 0.12em;
}
.tracking-\[0\.13em\] {
  letter-spacing: 0.13em;
}
.tracking-\[0\.14em\] {
  letter-spacing: 0.14em;
}
.tracking-\[0\.15em\] {
  letter-spacing: 0.15em;
}
.tracking-\[0\.16em\] {
  letter-spacing: 0.16em;
}
.tracking-\[0\.18em\] {
  letter-spacing: 0.18em;
}
.tracking-\[0\.1em\] {
  letter-spacing: 0.1em;
}
.tracking-\[0\.22em\] {
  letter-spacing: 0.22em;
}
.tracking-\[0\.25em\] {
  letter-spacing: 0.25em;
}
.tracking-\[0\.28em\] {
  letter-spacing: 0.28em;
}
.tracking-\[0\.2em\] {
  letter-spacing: 0.2em;
}
.tracking-\[0\.35em\] {
  letter-spacing: 0.35em;
}
.tracking-\[0\.3em\] {
  letter-spacing: 0.3em;
}
.tracking-\[0\.4em\] {
  letter-spacing: 0.4em;
}
.tracking-\[0\.5em\] {
  letter-spacing: 0.5em;
}
.tracking-\[0\.5px\] {
  letter-spacing: 0.5px;
}
.tracking-\[1px\] {
  letter-spacing: 1px;
}
.tracking-normal {
  letter-spacing: -0.025em;
}
.tracking-tight {
  letter-spacing: -0.025em;
}
.tracking-tighter {
  letter-spacing: -0.05em;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.tracking-wider {
  letter-spacing: 0.05em;
}
.tracking-widest {
  letter-spacing: 0.1em;
}
.\!text-\[\#0a0a0a\] {
  --tw-text-opacity: 1 !important;
  color: rgb(10 10 10 / var(--tw-text-opacity)) !important;
}
.\!text-\[\#1a1a1a\] {
  --tw-text-opacity: 1 !important;
  color: rgb(26 26 26 / var(--tw-text-opacity)) !important;
}
.\!text-accent-foreground {
  color: hsl(var(--accent-foreground)) !important;
}
.\!text-destructive {
  color: hsl(var(--destructive)) !important;
}
.\!text-foreground {
  color: hsl(var(--foreground)) !important;
}
.\!text-gray-900 {
  --tw-text-opacity: 1 !important;
  color: rgb(17 24 39 / var(--tw-text-opacity)) !important;
}
.\!text-muted-foreground {
  color: hsl(var(--muted-foreground)) !important;
}
.\!text-red-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(239 68 68 / var(--tw-text-opacity)) !important;
}
.\!text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.text-\[\#00695C\] {
  --tw-text-opacity: 1;
  color: rgb(0 105 92 / var(--tw-text-opacity));
}
.text-\[\#0078d4\] {
  --tw-text-opacity: 1;
  color: rgb(0 120 212 / var(--tw-text-opacity));
}
.text-\[\#00a884\] {
  --tw-text-opacity: 1;
  color: rgb(0 168 132 / var(--tw-text-opacity));
}
.text-\[\#00a9e5\] {
  --tw-text-opacity: 1;
  color: rgb(0 169 229 / var(--tw-text-opacity));
}
.text-\[\#00ff41\] {
  --tw-text-opacity: 1;
  color: rgb(0 255 65 / var(--tw-text-opacity));
}
.text-\[\#01cdfe\] {
  --tw-text-opacity: 1;
  color: rgb(1 205 254 / var(--tw-text-opacity));
}
.text-\[\#0B0B0C\] {
  --tw-text-opacity: 1;
  color: rgb(11 11 12 / var(--tw-text-opacity));
}
.text-\[\#0D0D0D\] {
  --tw-text-opacity: 1;
  color: rgb(13 13 13 / var(--tw-text-opacity));
}
.text-\[\#0a84ff\] {
  --tw-text-opacity: 1;
  color: rgb(10 132 255 / var(--tw-text-opacity));
}
.text-\[\#0b0d0f\] {
  --tw-text-opacity: 1;
  color: rgb(11 13 15 / var(--tw-text-opacity));
}
.text-\[\#0b2a3a\] {
  --tw-text-opacity: 1;
  color: rgb(11 42 58 / var(--tw-text-opacity));
}
.text-\[\#0b2a3a\]\/70 {
  color: rgb(11 42 58 / 0.7);
}
.text-\[\#0c1320\] {
  --tw-text-opacity: 1;
  color: rgb(12 19 32 / var(--tw-text-opacity));
}
.text-\[\#0d0e12\] {
  --tw-text-opacity: 1;
  color: rgb(13 14 18 / var(--tw-text-opacity));
}
.text-\[\#0f380f\] {
  --tw-text-opacity: 1;
  color: rgb(15 56 15 / var(--tw-text-opacity));
}
.text-\[\#0f380f\]\/70 {
  color: rgb(15 56 15 / 0.7);
}
.text-\[\#10a37f\] {
  --tw-text-opacity: 1;
  color: rgb(16 163 127 / var(--tw-text-opacity));
}
.text-\[\#111111\] {
  --tw-text-opacity: 1;
  color: rgb(17 17 17 / var(--tw-text-opacity));
}
.text-\[\#121212\] {
  --tw-text-opacity: 1;
  color: rgb(18 18 18 / var(--tw-text-opacity));
}
.text-\[\#14201f\] {
  --tw-text-opacity: 1;
  color: rgb(20 32 31 / var(--tw-text-opacity));
}
.text-\[\#151515\] {
  --tw-text-opacity: 1;
  color: rgb(21 21 21 / var(--tw-text-opacity));
}
.text-\[\#1565C0\] {
  --tw-text-opacity: 1;
  color: rgb(21 101 192 / var(--tw-text-opacity));
}
.text-\[\#161618\] {
  --tw-text-opacity: 1;
  color: rgb(22 22 24 / var(--tw-text-opacity));
}
.text-\[\#171717\] {
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / var(--tw-text-opacity));
}
.text-\[\#171717\]\/50 {
  color: rgb(23 23 23 / 0.5);
}
.text-\[\#171717\]\/60 {
  color: rgb(23 23 23 / 0.6);
}
.text-\[\#181818\] {
  --tw-text-opacity: 1;
  color: rgb(24 24 24 / var(--tw-text-opacity));
}
.text-\[\#181818\]\/30 {
  color: rgb(24 24 24 / 0.3);
}
.text-\[\#181818\]\/50 {
  color: rgb(24 24 24 / 0.5);
}
.text-\[\#181818\]\/70 {
  color: rgb(24 24 24 / 0.7);
}
.text-\[\#191919\] {
  --tw-text-opacity: 1;
  color: rgb(25 25 25 / var(--tw-text-opacity));
}
.text-\[\#1DB954\] {
  --tw-text-opacity: 1;
  color: rgb(29 185 84 / var(--tw-text-opacity));
}
.text-\[\#1a1a1a\] {
  --tw-text-opacity: 1;
  color: rgb(26 26 26 / var(--tw-text-opacity));
}
.text-\[\#1a1c2c\] {
  --tw-text-opacity: 1;
  color: rgb(26 28 44 / var(--tw-text-opacity));
}
.text-\[\#1a2530\] {
  --tw-text-opacity: 1;
  color: rgb(26 37 48 / var(--tw-text-opacity));
}
.text-\[\#1a3520\] {
  --tw-text-opacity: 1;
  color: rgb(26 53 32 / var(--tw-text-opacity));
}
.text-\[\#1a4789\] {
  --tw-text-opacity: 1;
  color: rgb(26 71 137 / var(--tw-text-opacity));
}
.text-\[\#1a73e8\] {
  --tw-text-opacity: 1;
  color: rgb(26 115 232 / var(--tw-text-opacity));
}
.text-\[\#1f1f1f\] {
  --tw-text-opacity: 1;
  color: rgb(31 31 31 / var(--tw-text-opacity));
}
.text-\[\#1f4d4a\] {
  --tw-text-opacity: 1;
  color: rgb(31 77 74 / var(--tw-text-opacity));
}
.text-\[\#22C55E\] {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}
.text-\[\#2E7D32\] {
  --tw-text-opacity: 1;
  color: rgb(46 125 50 / var(--tw-text-opacity));
}
.text-\[\#2a1c0c\] {
  --tw-text-opacity: 1;
  color: rgb(42 28 12 / var(--tw-text-opacity));
}
.text-\[\#2a2a2a\] {
  --tw-text-opacity: 1;
  color: rgb(42 42 42 / var(--tw-text-opacity));
}
.text-\[\#2a3a2a\] {
  --tw-text-opacity: 1;
  color: rgb(42 58 42 / var(--tw-text-opacity));
}
.text-\[\#2d1b00\] {
  --tw-text-opacity: 1;
  color: rgb(45 27 0 / var(--tw-text-opacity));
}
.text-\[\#2d1b00\]\/70 {
  color: rgb(45 27 0 / 0.7);
}
.text-\[\#303030\] {
  --tw-text-opacity: 1;
  color: rgb(48 48 48 / var(--tw-text-opacity));
}
.text-\[\#303F9F\] {
  --tw-text-opacity: 1;
  color: rgb(48 63 159 / var(--tw-text-opacity));
}
.text-\[\#33ff33\] {
  --tw-text-opacity: 1;
  color: rgb(51 255 51 / var(--tw-text-opacity));
}
.text-\[\#33ff33\]\/70 {
  color: rgb(51 255 51 / 0.7);
}
.text-\[\#3B82F6\] {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}
.text-\[\#3D7ACC\] {
  --tw-text-opacity: 1;
  color: rgb(61 122 204 / var(--tw-text-opacity));
}
.text-\[\#3a3a3a\] {
  --tw-text-opacity: 1;
  color: rgb(58 58 58 / var(--tw-text-opacity));
}
.text-\[\#3d3d3d\] {
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
.text-\[\#3eb489\] {
  --tw-text-opacity: 1;
  color: rgb(62 180 137 / var(--tw-text-opacity));
}
.text-\[\#3f2f10\] {
  --tw-text-opacity: 1;
  color: rgb(63 47 16 / var(--tw-text-opacity));
}
.text-\[\#3f2f10\]\/70 {
  color: rgb(63 47 16 / 0.7);
}
.text-\[\#403520\] {
  --tw-text-opacity: 1;
  color: rgb(64 53 32 / var(--tw-text-opacity));
}
.text-\[\#424242\] {
  --tw-text-opacity: 1;
  color: rgb(66 66 66 / var(--tw-text-opacity));
}
.text-\[\#444444\] {
  --tw-text-opacity: 1;
  color: rgb(68 68 68 / var(--tw-text-opacity));
}
.text-\[\#444\] {
  --tw-text-opacity: 1;
  color: rgb(68 68 68 / var(--tw-text-opacity));
}
.text-\[\#45CE99\] {
  --tw-text-opacity: 1;
  color: rgb(69 206 153 / var(--tw-text-opacity));
}
.text-\[\#47785c\] {
  --tw-text-opacity: 1;
  color: rgb(71 120 92 / var(--tw-text-opacity));
}
.text-\[\#48dbfb\] {
  --tw-text-opacity: 1;
  color: rgb(72 219 251 / var(--tw-text-opacity));
}
.text-\[\#4A4A4A\] {
  --tw-text-opacity: 1;
  color: rgb(74 74 74 / var(--tw-text-opacity));
}
.text-\[\#4A7C59\] {
  --tw-text-opacity: 1;
  color: rgb(74 124 89 / var(--tw-text-opacity));
}
.text-\[\#4a1020\] {
  --tw-text-opacity: 1;
  color: rgb(74 16 32 / var(--tw-text-opacity));
}
.text-\[\#4a4a4a\] {
  --tw-text-opacity: 1;
  color: rgb(74 74 74 / var(--tw-text-opacity));
}
.text-\[\#4a5a6a\] {
  --tw-text-opacity: 1;
  color: rgb(74 90 106 / var(--tw-text-opacity));
}
.text-\[\#4ade80\] {
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity));
}
.text-\[\#4ea06a\] {
  --tw-text-opacity: 1;
  color: rgb(78 160 106 / var(--tw-text-opacity));
}
.text-\[\#4ec9b0\] {
  --tw-text-opacity: 1;
  color: rgb(78 201 176 / var(--tw-text-opacity));
}
.text-\[\#4ecdc4\] {
  --tw-text-opacity: 1;
  color: rgb(78 205 196 / var(--tw-text-opacity));
}
.text-\[\#4f79d8\] {
  --tw-text-opacity: 1;
  color: rgb(79 121 216 / var(--tw-text-opacity));
}
.text-\[\#504a46\] {
  --tw-text-opacity: 1;
  color: rgb(80 74 70 / var(--tw-text-opacity));
}
.text-\[\#525252\] {
  --tw-text-opacity: 1;
  color: rgb(82 82 82 / var(--tw-text-opacity));
}
.text-\[\#53bdeb\] {
  --tw-text-opacity: 1;
  color: rgb(83 189 235 / var(--tw-text-opacity));
}
.text-\[\#555\] {
  --tw-text-opacity: 1;
  color: rgb(85 85 85 / var(--tw-text-opacity));
}
.text-\[\#565c66\] {
  --tw-text-opacity: 1;
  color: rgb(86 92 102 / var(--tw-text-opacity));
}
.text-\[\#569cd6\] {
  --tw-text-opacity: 1;
  color: rgb(86 156 214 / var(--tw-text-opacity));
}
.text-\[\#58a6ff\] {
  --tw-text-opacity: 1;
  color: rgb(88 166 255 / var(--tw-text-opacity));
}
.text-\[\#5a5a5a\] {
  --tw-text-opacity: 1;
  color: rgb(90 90 90 / var(--tw-text-opacity));
}
.text-\[\#5ac8c8\] {
  --tw-text-opacity: 1;
  color: rgb(90 200 200 / var(--tw-text-opacity));
}
.text-\[\#5d6174\] {
  --tw-text-opacity: 1;
  color: rgb(93 97 116 / var(--tw-text-opacity));
}
.text-\[\#606068\] {
  --tw-text-opacity: 1;
  color: rgb(96 96 104 / var(--tw-text-opacity));
}
.text-\[\#60a5fa\] {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity));
}
.text-\[\#616161\] {
  --tw-text-opacity: 1;
  color: rgb(97 97 97 / var(--tw-text-opacity));
}
.text-\[\#635bff\] {
  --tw-text-opacity: 1;
  color: rgb(99 91 255 / var(--tw-text-opacity));
}
.text-\[\#636366\] {
  --tw-text-opacity: 1;
  color: rgb(99 99 102 / var(--tw-text-opacity));
}
.text-\[\#666666\] {
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity));
}
.text-\[\#666\] {
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity));
}
.text-\[\#66ff66\] {
  --tw-text-opacity: 1;
  color: rgb(102 255 102 / var(--tw-text-opacity));
}
.text-\[\#6A1B9A\] {
  --tw-text-opacity: 1;
  color: rgb(106 27 154 / var(--tw-text-opacity));
}
.text-\[\#6a9ae8\] {
  --tw-text-opacity: 1;
  color: rgb(106 154 232 / var(--tw-text-opacity));
}
.text-\[\#6b5d42\] {
  --tw-text-opacity: 1;
  color: rgb(107 93 66 / var(--tw-text-opacity));
}
.text-\[\#6b6058\] {
  --tw-text-opacity: 1;
  color: rgb(107 96 88 / var(--tw-text-opacity));
}
.text-\[\#6bc98c\] {
  --tw-text-opacity: 1;
  color: rgb(107 201 140 / var(--tw-text-opacity));
}
.text-\[\#6eb8e4\] {
  --tw-text-opacity: 1;
  color: rgb(110 184 228 / var(--tw-text-opacity));
}
.text-\[\#717171\] {
  --tw-text-opacity: 1;
  color: rgb(113 113 113 / var(--tw-text-opacity));
}
.text-\[\#77b58b\] {
  --tw-text-opacity: 1;
  color: rgb(119 181 139 / var(--tw-text-opacity));
}
.text-\[\#7A7A7A\] {
  --tw-text-opacity: 1;
  color: rgb(122 122 122 / var(--tw-text-opacity));
}
.text-\[\#7F1D1D\] {
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity));
}
.text-\[\#7d8590\] {
  --tw-text-opacity: 1;
  color: rgb(125 133 144 / var(--tw-text-opacity));
}
.text-\[\#7dceb8\] {
  --tw-text-opacity: 1;
  color: rgb(125 206 184 / var(--tw-text-opacity));
}
.text-\[\#808080\] {
  --tw-text-opacity: 1;
  color: rgb(128 128 128 / var(--tw-text-opacity));
}
.text-\[\#8696a0\] {
  --tw-text-opacity: 1;
  color: rgb(134 150 160 / var(--tw-text-opacity));
}
.text-\[\#86efac\] {
  --tw-text-opacity: 1;
  color: rgb(134 239 172 / var(--tw-text-opacity));
}
.text-\[\#888\] {
  --tw-text-opacity: 1;
  color: rgb(136 136 136 / var(--tw-text-opacity));
}
.text-\[\#8a7a58\] {
  --tw-text-opacity: 1;
  color: rgb(138 122 88 / var(--tw-text-opacity));
}
.text-\[\#8a8078\] {
  --tw-text-opacity: 1;
  color: rgb(138 128 120 / var(--tw-text-opacity));
}
.text-\[\#8a807a\] {
  --tw-text-opacity: 1;
  color: rgb(138 128 122 / var(--tw-text-opacity));
}
.text-\[\#8a857c\] {
  --tw-text-opacity: 1;
  color: rgb(138 133 124 / var(--tw-text-opacity));
}
.text-\[\#8a9a8a\] {
  --tw-text-opacity: 1;
  color: rgb(138 154 138 / var(--tw-text-opacity));
}
.text-\[\#8b949e\] {
  --tw-text-opacity: 1;
  color: rgb(139 148 158 / var(--tw-text-opacity));
}
.text-\[\#91c3fd\] {
  --tw-text-opacity: 1;
  color: rgb(145 195 253 / var(--tw-text-opacity));
}
.text-\[\#9298a4\] {
  --tw-text-opacity: 1;
  color: rgb(146 152 164 / var(--tw-text-opacity));
}
.text-\[\#93c5fd\] {
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity));
}
.text-\[\#999\] {
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity));
}
.text-\[\#9A9A9A\] {
  --tw-text-opacity: 1;
  color: rgb(154 154 154 / var(--tw-text-opacity));
}
.text-\[\#9a908a\] {
  --tw-text-opacity: 1;
  color: rgb(154 144 138 / var(--tw-text-opacity));
}
.text-\[\#9a9996\] {
  --tw-text-opacity: 1;
  color: rgb(154 153 150 / var(--tw-text-opacity));
}
.text-\[\#9a9a9a\] {
  --tw-text-opacity: 1;
  color: rgb(154 154 154 / var(--tw-text-opacity));
}
.text-\[\#9aa0aa\] {
  --tw-text-opacity: 1;
  color: rgb(154 160 170 / var(--tw-text-opacity));
}
.text-\[\#9aa5b0\] {
  --tw-text-opacity: 1;
  color: rgb(154 165 176 / var(--tw-text-opacity));
}
.text-\[\#9ab89a\] {
  --tw-text-opacity: 1;
  color: rgb(154 184 154 / var(--tw-text-opacity));
}
.text-\[\#9acd32\] {
  --tw-text-opacity: 1;
  color: rgb(154 205 50 / var(--tw-text-opacity));
}
.text-\[\#9bbc0f\] {
  --tw-text-opacity: 1;
  color: rgb(155 188 15 / var(--tw-text-opacity));
}
.text-\[\#9bbcff\] {
  --tw-text-opacity: 1;
  color: rgb(155 188 255 / var(--tw-text-opacity));
}
.text-\[\#9d5149\] {
  --tw-text-opacity: 1;
  color: rgb(157 81 73 / var(--tw-text-opacity));
}
.text-\[\#9f4317\] {
  --tw-text-opacity: 1;
  color: rgb(159 67 23 / var(--tw-text-opacity));
}
.text-\[\#BF360C\] {
  --tw-text-opacity: 1;
  color: rgb(191 54 12 / var(--tw-text-opacity));
}
.text-\[\#BFBFBF\] {
  --tw-text-opacity: 1;
  color: rgb(191 191 191 / var(--tw-text-opacity));
}
.text-\[\#C2C0B6\] {
  --tw-text-opacity: 1;
  color: rgb(194 192 182 / var(--tw-text-opacity));
}
.text-\[\#C62828\] {
  --tw-text-opacity: 1;
  color: rgb(198 40 40 / var(--tw-text-opacity));
}
.text-\[\#CC5C7A\] {
  --tw-text-opacity: 1;
  color: rgb(204 92 122 / var(--tw-text-opacity));
}
.text-\[\#CC7A3D\] {
  --tw-text-opacity: 1;
  color: rgb(204 122 61 / var(--tw-text-opacity));
}
.text-\[\#CCCCCC\] {
  --tw-text-opacity: 1;
  color: rgb(204 204 204 / var(--tw-text-opacity));
}
.text-\[\#D9FE00\] {
  --tw-text-opacity: 1;
  color: rgb(217 254 0 / var(--tw-text-opacity));
}
.text-\[\#E0DCCF\] {
  --tw-text-opacity: 1;
  color: rgb(224 220 207 / var(--tw-text-opacity));
}
.text-\[\#E0DCCF\]\/30 {
  color: rgb(224 220 207 / 0.3);
}
.text-\[\#E0DCCF\]\/40 {
  color: rgb(224 220 207 / 0.4);
}
.text-\[\#E0DCCF\]\/45 {
  color: rgb(224 220 207 / 0.45);
}
.text-\[\#E0DCCF\]\/50 {
  color: rgb(224 220 207 / 0.5);
}
.text-\[\#E0DCCF\]\/55 {
  color: rgb(224 220 207 / 0.55);
}
.text-\[\#E0DCCF\]\/60 {
  color: rgb(224 220 207 / 0.6);
}
.text-\[\#E0DCCF\]\/65 {
  color: rgb(224 220 207 / 0.65);
}
.text-\[\#E0DCCF\]\/70 {
  color: rgb(224 220 207 / 0.7);
}
.text-\[\#E0DCCF\]\/80 {
  color: rgb(224 220 207 / 0.8);
}
.text-\[\#E0DCCF\]\/90 {
  color: rgb(224 220 207 / 0.9);
}
.text-\[\#E0E0E0\] {
  --tw-text-opacity: 1;
  color: rgb(224 224 224 / var(--tw-text-opacity));
}
.text-\[\#E4E4E7\] {
  --tw-text-opacity: 1;
  color: rgb(228 228 231 / var(--tw-text-opacity));
}
.text-\[\#E6E6E6\] {
  --tw-text-opacity: 1;
  color: rgb(230 230 230 / var(--tw-text-opacity));
}
.text-\[\#EDEDED\] {
  --tw-text-opacity: 1;
  color: rgb(237 237 237 / var(--tw-text-opacity));
}
.text-\[\#FF4D00\] {
  --tw-text-opacity: 1;
  color: rgb(255 77 0 / var(--tw-text-opacity));
}
.text-\[\#FF6B00\] {
  --tw-text-opacity: 1;
  color: rgb(255 107 0 / var(--tw-text-opacity));
}
.text-\[\#FFF7F0\] {
  --tw-text-opacity: 1;
  color: rgb(255 247 240 / var(--tw-text-opacity));
}
.text-\[\#FFFDE5\] {
  --tw-text-opacity: 1;
  color: rgb(255 253 229 / var(--tw-text-opacity));
}
.text-\[\#FFFFFF\] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-\[\#a0a0a0\] {
  --tw-text-opacity: 1;
  color: rgb(160 160 160 / var(--tw-text-opacity));
}
.text-\[\#a1a1aa\] {
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity));
}
.text-\[\#a3a3a3\] {
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / var(--tw-text-opacity));
}
.text-\[\#a5abb5\] {
  --tw-text-opacity: 1;
  color: rgb(165 171 181 / var(--tw-text-opacity));
}
.text-\[\#a5b4fc\] {
  --tw-text-opacity: 1;
  color: rgb(165 180 252 / var(--tw-text-opacity));
}
.text-\[\#a78bfa\] {
  --tw-text-opacity: 1;
  color: rgb(167 139 250 / var(--tw-text-opacity));
}
.text-\[\#aaa\] {
  --tw-text-opacity: 1;
  color: rgb(170 170 170 / var(--tw-text-opacity));
}
.text-\[\#aebac1\] {
  --tw-text-opacity: 1;
  color: rgb(174 186 193 / var(--tw-text-opacity));
}
.text-\[\#b35309\] {
  --tw-text-opacity: 1;
  color: rgb(179 83 9 / var(--tw-text-opacity));
}
.text-\[\#b3b3b3\] {
  --tw-text-opacity: 1;
  color: rgb(179 179 179 / var(--tw-text-opacity));
}
.text-\[\#b8d0b8\] {
  --tw-text-opacity: 1;
  color: rgb(184 208 184 / var(--tw-text-opacity));
}
.text-\[\#b8f5ce\] {
  --tw-text-opacity: 1;
  color: rgb(184 245 206 / var(--tw-text-opacity));
}
.text-\[\#bbb\] {
  --tw-text-opacity: 1;
  color: rgb(187 187 187 / var(--tw-text-opacity));
}
.text-\[\#bd4514\] {
  --tw-text-opacity: 1;
  color: rgb(189 69 20 / var(--tw-text-opacity));
}
.text-\[\#c0c0c8\] {
  --tw-text-opacity: 1;
  color: rgb(192 192 200 / var(--tw-text-opacity));
}
.text-\[\#c4b8a8\] {
  --tw-text-opacity: 1;
  color: rgb(196 184 168 / var(--tw-text-opacity));
}
.text-\[\#c586c0\] {
  --tw-text-opacity: 1;
  color: rgb(197 134 192 / var(--tw-text-opacity));
}
.text-\[\#c6d9ff\] {
  --tw-text-opacity: 1;
  color: rgb(198 217 255 / var(--tw-text-opacity));
}
.text-\[\#c6e0a3\] {
  --tw-text-opacity: 1;
  color: rgb(198 224 163 / var(--tw-text-opacity));
}
.text-\[\#c7ccd4\] {
  --tw-text-opacity: 1;
  color: rgb(199 204 212 / var(--tw-text-opacity));
}
.text-\[\#c84c0c\] {
  --tw-text-opacity: 1;
  color: rgb(200 76 12 / var(--tw-text-opacity));
}
.text-\[\#c85ac8\] {
  --tw-text-opacity: 1;
  color: rgb(200 90 200 / var(--tw-text-opacity));
}
.text-\[\#c8c8c8\] {
  --tw-text-opacity: 1;
  color: rgb(200 200 200 / var(--tw-text-opacity));
}
.text-\[\#c8c8cf\] {
  --tw-text-opacity: 1;
  color: rgb(200 200 207 / var(--tw-text-opacity));
}
.text-\[\#c96442\] {
  --tw-text-opacity: 1;
  color: rgb(201 100 66 / var(--tw-text-opacity));
}
.text-\[\#c9d1d9\] {
  --tw-text-opacity: 1;
  color: rgb(201 209 217 / var(--tw-text-opacity));
}
.text-\[\#cc9b7a\] {
  --tw-text-opacity: 1;
  color: rgb(204 155 122 / var(--tw-text-opacity));
}
.text-\[\#ccc\] {
  --tw-text-opacity: 1;
  color: rgb(204 204 204 / var(--tw-text-opacity));
}
.text-\[\#ce9178\] {
  --tw-text-opacity: 1;
  color: rgb(206 145 120 / var(--tw-text-opacity));
}
.text-\[\#cf7c72\] {
  --tw-text-opacity: 1;
  color: rgb(207 124 114 / var(--tw-text-opacity));
}
.text-\[\#d0e0f0\] {
  --tw-text-opacity: 1;
  color: rgb(208 224 240 / var(--tw-text-opacity));
}
.text-\[\#d4d46a\] {
  --tw-text-opacity: 1;
  color: rgb(212 212 106 / var(--tw-text-opacity));
}
.text-\[\#d4d4d4\] {
  --tw-text-opacity: 1;
  color: rgb(212 212 212 / var(--tw-text-opacity));
}
.text-\[\#d7d8da\] {
  --tw-text-opacity: 1;
  color: rgb(215 216 218 / var(--tw-text-opacity));
}
.text-\[\#d86a2c\] {
  --tw-text-opacity: 1;
  color: rgb(216 106 44 / var(--tw-text-opacity));
}
.text-\[\#d9dee8\] {
  --tw-text-opacity: 1;
  color: rgb(217 222 232 / var(--tw-text-opacity));
}
.text-\[\#dcdcaa\] {
  --tw-text-opacity: 1;
  color: rgb(220 220 170 / var(--tw-text-opacity));
}
.text-\[\#deddda\] {
  --tw-text-opacity: 1;
  color: rgb(222 221 218 / var(--tw-text-opacity));
}
.text-\[\#dfe3ea\] {
  --tw-text-opacity: 1;
  color: rgb(223 227 234 / var(--tw-text-opacity));
}
.text-\[\#e0598b\] {
  --tw-text-opacity: 1;
  color: rgb(224 89 139 / var(--tw-text-opacity));
}
.text-\[\#e0e0e0\] {
  --tw-text-opacity: 1;
  color: rgb(224 224 224 / var(--tw-text-opacity));
}
.text-\[\#e3e3e3\] {
  --tw-text-opacity: 1;
  color: rgb(227 227 227 / var(--tw-text-opacity));
}
.text-\[\#e3e3e7\] {
  --tw-text-opacity: 1;
  color: rgb(227 227 231 / var(--tw-text-opacity));
}
.text-\[\#e4f3c2\] {
  --tw-text-opacity: 1;
  color: rgb(228 243 194 / var(--tw-text-opacity));
}
.text-\[\#e5e5e5\] {
  --tw-text-opacity: 1;
  color: rgb(229 229 229 / var(--tw-text-opacity));
}
.text-\[\#e6e0d4\] {
  --tw-text-opacity: 1;
  color: rgb(230 224 212 / var(--tw-text-opacity));
}
.text-\[\#e6e0d4\]\/80 {
  color: rgb(230 224 212 / 0.8);
}
.text-\[\#e6e6e6\] {
  --tw-text-opacity: 1;
  color: rgb(230 230 230 / var(--tw-text-opacity));
}
.text-\[\#e86a6a\] {
  --tw-text-opacity: 1;
  color: rgb(232 106 106 / var(--tw-text-opacity));
}
.text-\[\#e89c5a\] {
  --tw-text-opacity: 1;
  color: rgb(232 156 90 / var(--tw-text-opacity));
}
.text-\[\#e8a04a\] {
  --tw-text-opacity: 1;
  color: rgb(232 160 74 / var(--tw-text-opacity));
}
.text-\[\#e8dfd4\] {
  --tw-text-opacity: 1;
  color: rgb(232 223 212 / var(--tw-text-opacity));
}
.text-\[\#e8e6e3\] {
  --tw-text-opacity: 1;
  color: rgb(232 230 227 / var(--tw-text-opacity));
}
.text-\[\#e9edef\] {
  --tw-text-opacity: 1;
  color: rgb(233 237 239 / var(--tw-text-opacity));
}
.text-\[\#ebebf5\] {
  --tw-text-opacity: 1;
  color: rgb(235 235 245 / var(--tw-text-opacity));
}
.text-\[\#ebebf5\]\/60 {
  color: rgb(235 235 245 / 0.6);
}
.text-\[\#ececec\] {
  --tw-text-opacity: 1;
  color: rgb(236 236 236 / var(--tw-text-opacity));
}
.text-\[\#ededed\] {
  --tw-text-opacity: 1;
  color: rgb(237 237 237 / var(--tw-text-opacity));
}
.text-\[\#ededed\]\/40 {
  color: rgb(237 237 237 / 0.4);
}
.text-\[\#ededed\]\/70 {
  color: rgb(237 237 237 / 0.7);
}
.text-\[\#ededed\]\/90 {
  color: rgb(237 237 237 / 0.9);
}
.text-\[\#f0a060\] {
  --tw-text-opacity: 1;
  color: rgb(240 160 96 / var(--tw-text-opacity));
}
.text-\[\#f0f0f0\] {
  --tw-text-opacity: 1;
  color: rgb(240 240 240 / var(--tw-text-opacity));
}
.text-\[\#f0f1f3\] {
  --tw-text-opacity: 1;
  color: rgb(240 241 243 / var(--tw-text-opacity));
}
.text-\[\#f1f1f1\] {
  --tw-text-opacity: 1;
  color: rgb(241 241 241 / var(--tw-text-opacity));
}
.text-\[\#f2f2f2\] {
  --tw-text-opacity: 1;
  color: rgb(242 242 242 / var(--tw-text-opacity));
}
.text-\[\#f3e2b6\] {
  --tw-text-opacity: 1;
  color: rgb(243 226 182 / var(--tw-text-opacity));
}
.text-\[\#f3e3a8\] {
  --tw-text-opacity: 1;
  color: rgb(243 227 168 / var(--tw-text-opacity));
}
.text-\[\#f4e9d8\] {
  --tw-text-opacity: 1;
  color: rgb(244 233 216 / var(--tw-text-opacity));
}
.text-\[\#f4efe4\] {
  --tw-text-opacity: 1;
  color: rgb(244 239 228 / var(--tw-text-opacity));
}
.text-\[\#f5b6b6\] {
  --tw-text-opacity: 1;
  color: rgb(245 182 182 / var(--tw-text-opacity));
}
.text-\[\#f5f5f5\] {
  --tw-text-opacity: 1;
  color: rgb(245 245 245 / var(--tw-text-opacity));
}
.text-\[\#f6f6f6\] {
  --tw-text-opacity: 1;
  color: rgb(246 246 246 / var(--tw-text-opacity));
}
.text-\[\#f7f1ed\] {
  --tw-text-opacity: 1;
  color: rgb(247 241 237 / var(--tw-text-opacity));
}
.text-\[\#f7f3ea\] {
  --tw-text-opacity: 1;
  color: rgb(247 243 234 / var(--tw-text-opacity));
}
.text-\[\#f87171\] {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity));
}
.text-\[\#f8d88a\] {
  --tw-text-opacity: 1;
  color: rgb(248 216 138 / var(--tw-text-opacity));
}
.text-\[\#f8ddb0\] {
  --tw-text-opacity: 1;
  color: rgb(248 221 176 / var(--tw-text-opacity));
}
.text-\[\#fca5a5\] {
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity));
}
.text-\[\#feca57\] {
  --tw-text-opacity: 1;
  color: rgb(254 202 87 / var(--tw-text-opacity));
}
.text-\[\#ff5500\] {
  --tw-text-opacity: 1;
  color: rgb(255 85 0 / var(--tw-text-opacity));
}
.text-\[\#ff6b6b\] {
  --tw-text-opacity: 1;
  color: rgb(255 107 107 / var(--tw-text-opacity));
}
.text-\[\#ff71ce\] {
  --tw-text-opacity: 1;
  color: rgb(255 113 206 / var(--tw-text-opacity));
}
.text-\[\#ff71ce\]\/80 {
  color: rgb(255 113 206 / 0.8);
}
.text-\[\#ff8c42\] {
  --tw-text-opacity: 1;
  color: rgb(255 140 66 / var(--tw-text-opacity));
}
.text-\[\#ff9900\] {
  --tw-text-opacity: 1;
  color: rgb(255 153 0 / var(--tw-text-opacity));
}
.text-\[\#ffc078\] {
  --tw-text-opacity: 1;
  color: rgb(255 192 120 / var(--tw-text-opacity));
}
.text-\[\#ffd700\] {
  --tw-text-opacity: 1;
  color: rgb(255 215 0 / var(--tw-text-opacity));
}
.text-\[color-mix\(in_oklab\2c var\(--color-accent-strong\)_45\%\2c var\(--color-ink\)\)\] {
  color: color-mix(in oklab,var(--color-accent-strong) 45%,var(--color-ink));
}
.text-\[color\:var\(--bjork-accent\)\] {
  color: var(--bjork-accent);
}
.text-\[color\:var\(--bjork-accent-foreground\)\] {
  color: var(--bjork-accent-foreground);
}
.text-\[color\:var\(--bjork-accent-ink\)\] {
  color: var(--bjork-accent-ink);
}
.text-\[color\:var\(--bjork-card\)\] {
  color: var(--bjork-card);
}
.text-\[color\:var\(--bjork-error\)\] {
  color: var(--bjork-error);
}
.text-\[color\:var\(--bjork-success\)\] {
  color: var(--bjork-success);
}
.text-\[color\:var\(--bjork-text\)\] {
  color: var(--bjork-text);
}
.text-\[color\:var\(--bjork-text-faint\)\] {
  color: var(--bjork-text-faint);
}
.text-\[color\:var\(--bjork-text-medium\)\] {
  color: var(--bjork-text-medium);
}
.text-\[color\:var\(--bjork-text-muted\)\] {
  color: var(--bjork-text-muted);
}
.text-\[color\:var\(--bjork-text-soft\)\] {
  color: var(--bjork-text-soft);
}
.text-\[color\:var\(--bjork-warning\)\] {
  color: var(--bjork-warning);
}
.text-\[color\:var\(--rss-reader-muted\)\] {
  color: var(--rss-reader-muted);
}
.text-\[color\:var\(--text\)\] {
  color: var(--text);
}
.text-\[color\:var\(--text-dim\)\] {
  color: var(--text-dim);
}
.text-\[color\:var\(--text-faint\)\] {
  color: var(--text-faint);
}
.text-\[hsl\(0_0\%_18\%\)\] {
  --tw-text-opacity: 1;
  color: hsl(0 0% 18% / var(--tw-text-opacity));
}
.text-\[hsl\(0_0\%_98\%\)\] {
  --tw-text-opacity: 1;
  color: hsl(0 0% 98% / var(--tw-text-opacity));
}
.text-\[hsl\(141_76\%_42\%\)\] {
  --tw-text-opacity: 1;
  color: hsl(141 76% 42% / var(--tw-text-opacity));
}
.text-\[hsl\(141_76\%_48\%\)\] {
  --tw-text-opacity: 1;
  color: hsl(141 76% 48% / var(--tw-text-opacity));
}
.text-\[hsl\(155\2c 65\%\2c 45\%\)\] {
  --tw-text-opacity: 1;
  color: hsl(155 65% 45% / var(--tw-text-opacity));
}
.text-\[hsl\(175\2c 65\%\2c 45\%\)\] {
  --tw-text-opacity: 1;
  color: hsl(175 65% 45% / var(--tw-text-opacity));
}
.text-\[hsl\(200\2c 70\%\2c 55\%\)\] {
  --tw-text-opacity: 1;
  color: hsl(200 70% 55% / var(--tw-text-opacity));
}
.text-\[hsl\(200_30\%_12\%\)\] {
  --tw-text-opacity: 1;
  color: hsl(200 30% 12% / var(--tw-text-opacity));
}
.text-\[hsl\(20_40\%_18\%\)\] {
  --tw-text-opacity: 1;
  color: hsl(20 40% 18% / var(--tw-text-opacity));
}
.text-\[hsl\(210\2c 90\%\2c 75\%\)\] {
  --tw-text-opacity: 1;
  color: hsl(210 90% 75% / var(--tw-text-opacity));
}
.text-\[hsl\(215\2c 75\%\2c 55\%\)\] {
  --tw-text-opacity: 1;
  color: hsl(215 75% 55% / var(--tw-text-opacity));
}
.text-\[hsl\(219_6\%_45\%\)\] {
  --tw-text-opacity: 1;
  color: hsl(219 6% 45% / var(--tw-text-opacity));
}
.text-\[hsl\(219_6\%_57\%\)\] {
  --tw-text-opacity: 1;
  color: hsl(219 6% 57% / var(--tw-text-opacity));
}
.text-\[hsl\(270\2c 60\%\2c 55\%\)\] {
  --tw-text-opacity: 1;
  color: hsl(270 60% 55% / var(--tw-text-opacity));
}
.text-\[hsl\(330\2c 80\%\2c 60\%\)\] {
  --tw-text-opacity: 1;
  color: hsl(330 80% 60% / var(--tw-text-opacity));
}
.text-\[hsl\(35\2c 90\%\2c 55\%\)\] {
  --tw-text-opacity: 1;
  color: hsl(35 90% 55% / var(--tw-text-opacity));
}
.text-\[hsl\(38\2c 90\%\2c 70\%\)\] {
  --tw-text-opacity: 1;
  color: hsl(38 90% 70% / var(--tw-text-opacity));
}
.text-\[hsl\(40\2c 8\%\2c 70\%\)\] {
  --tw-text-opacity: 1;
  color: hsl(40 8% 70% / var(--tw-text-opacity));
}
.text-\[hsl\(95\2c 55\%\2c 70\%\)\] {
  --tw-text-opacity: 1;
  color: hsl(95 55% 70% / var(--tw-text-opacity));
}
.text-\[hsl\(var\(--accent-foreground\)\)\] {
  color: hsl(var(--accent-foreground));
}
.text-\[hsl\(var\(--foreground\)\)\] {
  color: hsl(var(--foreground));
}
.text-\[hsl\(var\(--label\)\)\] {
  color: hsl(var(--label));
}
.text-\[hsl\(var\(--linear-accent\)\)\] {
  color: hsl(var(--linear-accent));
}
.text-\[hsl\(var\(--linear-text\)\)\] {
  color: hsl(var(--linear-text));
}
.text-\[hsl\(var\(--linear-text\)\)\]\/70 {
  color: hsl(var(--linear-text) / 0.7);
}
.text-\[hsl\(var\(--linear-text-muted\)\)\] {
  color: hsl(var(--linear-text-muted));
}
.text-\[hsl\(var\(--linear-text-subtle\)\)\] {
  color: hsl(var(--linear-text-subtle));
}
.text-\[hsl\(var\(--mod-breakdown-fg\)\)\] {
  color: hsl(var(--mod-breakdown-fg));
}
.text-\[hsl\(var\(--mod-chapters-fg\)\)\] {
  color: hsl(var(--mod-chapters-fg));
}
.text-\[hsl\(var\(--mod-maps-fg\)\)\] {
  color: hsl(var(--mod-maps-fg));
}
.text-\[hsl\(var\(--mod-timelines-fg\)\)\] {
  color: hsl(var(--mod-timelines-fg));
}
.text-\[hsl\(var\(--muted-foreground\)\)\] {
  color: hsl(var(--muted-foreground));
}
.text-\[hsl\(var\(--muted-foreground\)\)\]\/60 {
  color: hsl(var(--muted-foreground) / 0.6);
}
.text-\[hsl\(var\(--muted-foreground\)\)\]\/70 {
  color: hsl(var(--muted-foreground) / 0.7);
}
.text-\[hsl\(var\(--primary\)\)\] {
  color: hsl(var(--primary));
}
.text-\[hsl\(var\(--primary-foreground\)\)\] {
  color: hsl(var(--primary-foreground));
}
.text-\[hsl\(var\(--secondary-text\)\)\] {
  color: hsl(var(--secondary-text));
}
.text-\[inherit\] {
  color: inherit;
}
.text-\[oklch\(0\.55_0\.15_160\)\] {
  color: oklch(0.55 0.15 160);
}
.text-\[oklch\(0\.55_0\.17_256\)\] {
  color: oklch(0.55 0.17 256);
}
.text-\[oklch\(0\.55_0\.18_300\)\] {
  color: oklch(0.55 0.18 300);
}
.text-\[oklch\(0\.58_0\.2_25\)\] {
  color: oklch(0.58 0.2 25);
}
.text-\[oklch\(0\.65_0\.12_160\)\] {
  color: oklch(0.65 0.12 160);
}
.text-\[oklch\(0\.65_0\.12_85\)\] {
  color: oklch(0.65 0.12 85);
}
.text-\[oklch\(0\.65_0\.18_220\)\] {
  color: oklch(0.65 0.18 220);
}
.text-\[oklch\(0\.65_0\.2_280\)\] {
  color: oklch(0.65 0.2 280);
}
.text-\[oklch\(0\.6_0\.15_230\)\] {
  color: oklch(0.6 0.15 230);
}
.text-\[oklch\(0\.6_0\.15_70\)\] {
  color: oklch(0.6 0.15 70);
}
.text-\[oklch\(0\.75_0\.13_190\)\] {
  color: oklch(0.75 0.13 190);
}
.text-\[oklch\(0\.75_0\.15_85\)\] {
  color: oklch(0.75 0.15 85);
}
.text-\[oklch\(0\.7_0\.15_160\)\] {
  color: oklch(0.7 0.15 160);
}
.text-\[oklch\(0\.7_0\.15_85\)\] {
  color: oklch(0.7 0.15 85);
}
.text-\[oklch\(0\.7_0\.1_80\)\] {
  color: oklch(0.7 0.1 80);
}
.text-\[oklch\(0\.7_0\.2_200\)\] {
  color: oklch(0.7 0.2 200);
}
.text-\[oklch\(0\.8_0\.18_90\)\] {
  color: oklch(0.8 0.18 90);
}
.text-\[rgb\(200_200_200\)\] {
  --tw-text-opacity: 1;
  color: rgb(200 200 200 / var(--tw-text-opacity));
}
.text-\[rgba\(97\2c 97\2c 97\2c 0\.85\)\] {
  color: rgba(97,97,97,0.85);
}
.text-\[var\(--accent\)\] {
  color: var(--accent);
}
.text-\[var\(--amber-soft-foreground\)\] {
  color: var(--amber-soft-foreground);
}
.text-\[var\(--background\)\] {
  color: var(--background);
}
.text-\[var\(--batch-prep\)\] {
  color: var(--batch-prep);
}
.text-\[var\(--bjork-text\)\] {
  color: var(--bjork-text);
}
.text-\[var\(--blender-accent-orange\)\] {
  color: var(--blender-accent-orange);
}
.text-\[var\(--blender-fg\)\] {
  color: var(--blender-fg);
}
.text-\[var\(--blender-fg-dim\)\] {
  color: var(--blender-fg-dim);
}
.text-\[var\(--blender-fg-muted\)\] {
  color: var(--blender-fg-muted);
}
.text-\[var\(--code-fg\)\] {
  color: var(--code-fg);
}
.text-\[var\(--color-delta-negative\)\] {
  color: var(--color-delta-negative);
}
.text-\[var\(--color-delta-positive\)\] {
  color: var(--color-delta-positive);
}
.text-\[var\(--color-destructive-accent\2c var\(--color-red-700\)\)\] {
  color: var(--color-destructive-accent,var(--color-red-700));
}
.text-\[var\(--color-foreground\)\] {
  color: var(--color-foreground);
}
.text-\[var\(--color-info-accent\2c var\(--color-violet-500\)\)\] {
  color: var(--color-info-accent,var(--color-violet-500));
}
.text-\[var\(--color-info-accent\2c var\(--color-violet-700\)\)\] {
  color: var(--color-info-accent,var(--color-violet-700));
}
.text-\[var\(--color-info-foreground\2c var\(--color-white\)\)\] {
  color: var(--color-info-foreground,var(--color-white));
}
.text-\[var\(--color-muted-foreground\)\] {
  color: var(--color-muted-foreground);
}
.text-\[var\(--color-negative\)\] {
  color: var(--color-negative);
}
.text-\[var\(--color-positive\)\] {
  color: var(--color-positive);
}
.text-\[var\(--color-primary-accent\2c var\(--color-blue-700\)\)\] {
  color: var(--color-primary-accent,var(--color-blue-700));
}
.text-\[var\(--color-success-accent\2c var\(--color-green-500\)\)\] {
  color: var(--color-success-accent,var(--color-green-500));
}
.text-\[var\(--color-success-accent\2c var\(--color-green-700\)\)\] {
  color: var(--color-success-accent,var(--color-green-700));
}
.text-\[var\(--color-success-accent\2c var\(--color-green-800\)\)\] {
  color: var(--color-success-accent,var(--color-green-800));
}
.text-\[var\(--color-success-foreground\2c var\(--color-white\)\)\] {
  color: var(--color-success-foreground,var(--color-white));
}
.text-\[var\(--color-warning-accent\2c var\(--color-yellow-500\)\)\] {
  color: var(--color-warning-accent,var(--color-yellow-500));
}
.text-\[var\(--color-warning-accent\2c var\(--color-yellow-700\)\)\] {
  color: var(--color-warning-accent,var(--color-yellow-700));
}
.text-\[var\(--color-warning-foreground\2c var\(--color-white\)\)\] {
  color: var(--color-warning-foreground,var(--color-white));
}
.text-\[var\(--core-ink\2c var\(--linux-chrome-fg\2c \#deddda\)\)\] {
  color: var(--core-ink,var(--linux-chrome-fg,#deddda));
}
.text-\[var\(--dc-fg\)\] {
  color: var(--dc-fg);
}
.text-\[var\(--dc-muted\)\] {
  color: var(--dc-muted);
}
.text-\[var\(--destructive\)\] {
  color: var(--destructive);
}
.text-\[var\(--destructive-soft-foreground\)\] {
  color: var(--destructive-soft-foreground);
}
.text-\[var\(--dev-ws-accent\)\] {
  color: var(--dev-ws-accent);
}
.text-\[var\(--dm-ink\)\] {
  color: var(--dm-ink);
}
.text-\[var\(--dm-ink-muted\)\] {
  color: var(--dm-ink-muted);
}
.text-\[var\(--ec-brand-fg\)\] {
  color: var(--ec-brand-fg);
}
.text-\[var\(--folder-card-subtitle\)\] {
  color: var(--folder-card-subtitle);
}
.text-\[var\(--folder-card-title\)\] {
  color: var(--folder-card-title);
}
.text-\[var\(--foreground\)\] {
  color: var(--foreground);
}
.text-\[var\(--handle\)\] {
  color: var(--handle);
}
.text-\[var\(--ide-accent\)\] {
  color: var(--ide-accent);
}
.text-\[var\(--ide-accent-fg\)\] {
  color: var(--ide-accent-fg);
}
.text-\[var\(--ide-amber\)\] {
  color: var(--ide-amber);
}
.text-\[var\(--ide-fg\)\] {
  color: var(--ide-fg);
}
.text-\[var\(--ide-fg-dim\)\] {
  color: var(--ide-fg-dim);
}
.text-\[var\(--ide-fg-muted\)\] {
  color: var(--ide-fg-muted);
}
.text-\[var\(--ide-green\)\] {
  color: var(--ide-green);
}
.text-\[var\(--ide-red\)\] {
  color: var(--ide-red);
}
.text-\[var\(--linux-chrome-fg\2c \#deddda\)\] {
  color: var(--linux-chrome-fg,#deddda);
}
.text-\[var\(--linux-chrome-muted\2c \#9a9996\)\] {
  color: var(--linux-chrome-muted,#9a9996);
}
.text-\[var\(--muted-foreground\)\] {
  color: var(--muted-foreground);
}
.text-\[var\(--nle-danger\)\] {
  color: var(--nle-danger);
}
.text-\[var\(--nle-faint\)\] {
  color: var(--nle-faint);
}
.text-\[var\(--nle-fg\)\] {
  color: var(--nle-fg);
}
.text-\[var\(--nle-fg-bright\)\] {
  color: var(--nle-fg-bright);
}
.text-\[var\(--nle-muted\)\] {
  color: var(--nle-muted);
}
.text-\[var\(--primary-foreground\)\] {
  color: var(--primary-foreground);
}
.text-\[var\(--rd-search-fg\)\] {
  color: var(--rd-search-fg);
}
.text-\[var\(--rd-search-muted\)\] {
  color: var(--rd-search-muted);
}
.text-\[var\(--reveal-accent\)\] {
  color: var(--reveal-accent);
}
.text-\[var\(--reveal-text-primary\)\] {
  color: var(--reveal-text-primary);
}
.text-\[var\(--reveal-text-secondary\)\] {
  color: var(--reveal-text-secondary);
}
.text-\[var\(--sheet-accent\)\] {
  color: var(--sheet-accent);
}
.text-\[var\(--sheet-text\)\] {
  color: var(--sheet-text);
}
.text-\[var\(--sheet-text-muted\)\] {
  color: var(--sheet-text-muted);
}
.text-\[var\(--stack-accent\)\] {
  color: var(--stack-accent);
}
.text-\[var\(--stack-accent-fg\)\] {
  color: var(--stack-accent-fg);
}
.text-\[var\(--stack-fg\)\] {
  color: var(--stack-fg);
}
.text-\[var\(--type-color\)\] {
  color: var(--type-color);
}
.text-\[var\(--type-idea\)\] {
  color: var(--type-idea);
}
.text-\[var\(--type-image\)\] {
  color: var(--type-image);
}
.text-\[var\(--type-link\)\] {
  color: var(--type-link);
}
.text-\[var\(--type-quote\)\] {
  color: var(--type-quote);
}
.text-\[var\(--type-text\)\] {
  color: var(--type-text);
}
.text-accent {
  color: hsl(var(--accent));
}
.text-accent-foreground {
  color: hsl(var(--accent-foreground));
}
.text-accent-foreground\/70 {
  color: hsl(var(--accent-foreground) / 0.7);
}
.text-accent-foreground\/80 {
  color: hsl(var(--accent-foreground) / 0.8);
}
.text-amber-100 {
  --tw-text-opacity: 1;
  color: rgb(254 243 199 / var(--tw-text-opacity));
}
.text-amber-100\/40 {
  color: rgb(254 243 199 / 0.4);
}
.text-amber-100\/50 {
  color: rgb(254 243 199 / 0.5);
}
.text-amber-100\/60 {
  color: rgb(254 243 199 / 0.6);
}
.text-amber-100\/70 {
  color: rgb(254 243 199 / 0.7);
}
.text-amber-100\/75 {
  color: rgb(254 243 199 / 0.75);
}
.text-amber-100\/80 {
  color: rgb(254 243 199 / 0.8);
}
.text-amber-100\/90 {
  color: rgb(254 243 199 / 0.9);
}
.text-amber-200 {
  --tw-text-opacity: 1;
  color: rgb(253 230 138 / var(--tw-text-opacity));
}
.text-amber-200\/50 {
  color: rgb(253 230 138 / 0.5);
}
.text-amber-200\/60 {
  color: rgb(253 230 138 / 0.6);
}
.text-amber-200\/70 {
  color: rgb(253 230 138 / 0.7);
}
.text-amber-200\/80 {
  color: rgb(253 230 138 / 0.8);
}
.text-amber-200\/90 {
  color: rgb(253 230 138 / 0.9);
}
.text-amber-300 {
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity));
}
.text-amber-300\/70 {
  color: rgb(252 211 77 / 0.7);
}
.text-amber-300\/80 {
  color: rgb(252 211 77 / 0.8);
}
.text-amber-300\/85 {
  color: rgb(252 211 77 / 0.85);
}
.text-amber-300\/90 {
  color: rgb(252 211 77 / 0.9);
}
.text-amber-400 {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity));
}
.text-amber-400\/70 {
  color: rgb(251 191 36 / 0.7);
}
.text-amber-400\/80 {
  color: rgb(251 191 36 / 0.8);
}
.text-amber-400\/90 {
  color: rgb(251 191 36 / 0.9);
}
.text-amber-50 {
  --tw-text-opacity: 1;
  color: rgb(255 251 235 / var(--tw-text-opacity));
}
.text-amber-50\/90 {
  color: rgb(255 251 235 / 0.9);
}
.text-amber-500 {
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity));
}
.text-amber-500\/70 {
  color: rgb(245 158 11 / 0.7);
}
.text-amber-500\/80 {
  color: rgb(245 158 11 / 0.8);
}
.text-amber-600 {
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity));
}
.text-amber-600\/10 {
  color: rgb(217 119 6 / 0.1);
}
.text-amber-600\/80 {
  color: rgb(217 119 6 / 0.8);
}
.text-amber-600\/90 {
  color: rgb(217 119 6 / 0.9);
}
.text-amber-700 {
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity));
}
.text-amber-700\/60 {
  color: rgb(180 83 9 / 0.6);
}
.text-amber-700\/70 {
  color: rgb(180 83 9 / 0.7);
}
.text-amber-700\/80 {
  color: rgb(180 83 9 / 0.8);
}
.text-amber-700\/90 {
  color: rgb(180 83 9 / 0.9);
}
.text-amber-800 {
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity));
}
.text-amber-800\/60 {
  color: rgb(146 64 14 / 0.6);
}
.text-amber-800\/70 {
  color: rgb(146 64 14 / 0.7);
}
.text-amber-900 {
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / var(--tw-text-opacity));
}
.text-amber-900\/60 {
  color: rgb(120 53 15 / 0.6);
}
.text-amber-900\/70 {
  color: rgb(120 53 15 / 0.7);
}
.text-amber-950 {
  --tw-text-opacity: 1;
  color: rgb(69 26 3 / var(--tw-text-opacity));
}
.text-amber-950\/70 {
  color: rgb(69 26 3 / 0.7);
}
.text-amber-950\/80 {
  color: rgb(69 26 3 / 0.8);
}
.text-background {
  color: hsl(var(--background));
}
.text-background\/50 {
  color: hsl(var(--background) / 0.5);
}
.text-background\/60 {
  color: hsl(var(--background) / 0.6);
}
.text-background\/70 {
  color: hsl(var(--background) / 0.7);
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-black\/40 {
  color: rgb(0 0 0 / 0.4);
}
.text-black\/50 {
  color: rgb(0 0 0 / 0.5);
}
.text-black\/55 {
  color: rgb(0 0 0 / 0.55);
}
.text-black\/60 {
  color: rgb(0 0 0 / 0.6);
}
.text-black\/70 {
  color: rgb(0 0 0 / 0.7);
}
.text-black\/80 {
  color: rgb(0 0 0 / 0.8);
}
.text-black\/90 {
  color: rgb(0 0 0 / 0.9);
}
.text-blue-100 {
  --tw-text-opacity: 1;
  color: rgb(219 234 254 / var(--tw-text-opacity));
}
.text-blue-200 {
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / var(--tw-text-opacity));
}
.text-blue-200\/90 {
  color: rgb(191 219 254 / 0.9);
}
.text-blue-300 {
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity));
}
.text-blue-300\/80 {
  color: rgb(147 197 253 / 0.8);
}
.text-blue-400 {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity));
}
.text-blue-400\/50 {
  color: rgb(96 165 250 / 0.5);
}
.text-blue-400\/70 {
  color: rgb(96 165 250 / 0.7);
}
.text-blue-50 {
  --tw-text-opacity: 1;
  color: rgb(239 246 255 / var(--tw-text-opacity));
}
.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}
.text-blue-500\/60 {
  color: rgb(59 130 246 / 0.6);
}
.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}
.text-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity));
}
.text-blue-800 {
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity));
}
.text-blue-900 {
  --tw-text-opacity: 1;
  color: rgb(30 58 138 / var(--tw-text-opacity));
}
.text-blue-950 {
  --tw-text-opacity: 1;
  color: rgb(23 37 84 / var(--tw-text-opacity));
}
.text-border {
  color: hsl(var(--border));
}
.text-border\/60 {
  color: hsl(var(--border) / 0.6);
}
.text-card-foreground {
  color: hsl(var(--card-foreground));
}
.text-card-foreground\/70 {
  color: hsl(var(--card-foreground) / 0.7);
}
.text-card-foreground\/80 {
  color: hsl(var(--card-foreground) / 0.8);
}
.text-card-foreground\/85 {
  color: hsl(var(--card-foreground) / 0.85);
}
.text-card-foreground\/90 {
  color: hsl(var(--card-foreground) / 0.9);
}
.text-chart-1 {
  color: hsl(var(--chart-1));
}
.text-chart-2 {
  color: hsl(var(--chart-2));
}
.text-chart-3 {
  color: hsl(var(--chart-3));
}
.text-chart-4 {
  color: hsl(var(--chart-4));
}
.text-chart-5 {
  color: hsl(var(--chart-5));
}
.text-current {
  color: currentColor;
}
.text-cyan-100 {
  --tw-text-opacity: 1;
  color: rgb(207 250 254 / var(--tw-text-opacity));
}
.text-cyan-200 {
  --tw-text-opacity: 1;
  color: rgb(165 243 252 / var(--tw-text-opacity));
}
.text-cyan-200\/80 {
  color: rgb(165 243 252 / 0.8);
}
.text-cyan-200\/90 {
  color: rgb(165 243 252 / 0.9);
}
.text-cyan-300 {
  --tw-text-opacity: 1;
  color: rgb(103 232 249 / var(--tw-text-opacity));
}
.text-cyan-300\/70 {
  color: rgb(103 232 249 / 0.7);
}
.text-cyan-400 {
  --tw-text-opacity: 1;
  color: rgb(34 211 238 / var(--tw-text-opacity));
}
.text-cyan-400\/50 {
  color: rgb(34 211 238 / 0.5);
}
.text-cyan-400\/60 {
  color: rgb(34 211 238 / 0.6);
}
.text-cyan-400\/70 {
  color: rgb(34 211 238 / 0.7);
}
.text-cyan-400\/80 {
  color: rgb(34 211 238 / 0.8);
}
.text-cyan-50 {
  --tw-text-opacity: 1;
  color: rgb(236 254 255 / var(--tw-text-opacity));
}
.text-cyan-500 {
  --tw-text-opacity: 1;
  color: rgb(6 182 212 / var(--tw-text-opacity));
}
.text-cyan-500\/60 {
  color: rgb(6 182 212 / 0.6);
}
.text-cyan-500\/70 {
  color: rgb(6 182 212 / 0.7);
}
.text-cyan-500\/80 {
  color: rgb(6 182 212 / 0.8);
}
.text-cyan-600 {
  --tw-text-opacity: 1;
  color: rgb(8 145 178 / var(--tw-text-opacity));
}
.text-cyan-600\/70 {
  color: rgb(8 145 178 / 0.7);
}
.text-cyan-700 {
  --tw-text-opacity: 1;
  color: rgb(14 116 144 / var(--tw-text-opacity));
}
.text-cyan-800 {
  --tw-text-opacity: 1;
  color: rgb(21 94 117 / var(--tw-text-opacity));
}
.text-cyan-800\/60 {
  color: rgb(21 94 117 / 0.6);
}
.text-cyan-800\/70 {
  color: rgb(21 94 117 / 0.7);
}
.text-cyan-900\/70 {
  color: rgb(22 78 99 / 0.7);
}
.text-cyan-950 {
  --tw-text-opacity: 1;
  color: rgb(8 51 68 / var(--tw-text-opacity));
}
.text-destructive {
  color: hsl(var(--destructive));
}
.text-destructive-foreground {
  color: hsl(var(--destructive-foreground));
}
.text-destructive\/50 {
  color: hsl(var(--destructive) / 0.5);
}
.text-destructive\/60 {
  color: hsl(var(--destructive) / 0.6);
}
.text-destructive\/70 {
  color: hsl(var(--destructive) / 0.7);
}
.text-destructive\/80 {
  color: hsl(var(--destructive) / 0.8);
}
.text-destructive\/90 {
  color: hsl(var(--destructive) / 0.9);
}
.text-emerald-100 {
  --tw-text-opacity: 1;
  color: rgb(209 250 229 / var(--tw-text-opacity));
}
.text-emerald-100\/75 {
  color: rgb(209 250 229 / 0.75);
}
.text-emerald-200 {
  --tw-text-opacity: 1;
  color: rgb(167 243 208 / var(--tw-text-opacity));
}
.text-emerald-200\/90 {
  color: rgb(167 243 208 / 0.9);
}
.text-emerald-300 {
  --tw-text-opacity: 1;
  color: rgb(110 231 183 / var(--tw-text-opacity));
}
.text-emerald-300\/70 {
  color: rgb(110 231 183 / 0.7);
}
.text-emerald-300\/80 {
  color: rgb(110 231 183 / 0.8);
}
.text-emerald-300\/90 {
  color: rgb(110 231 183 / 0.9);
}
.text-emerald-400 {
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity));
}
.text-emerald-400\/70 {
  color: rgb(52 211 153 / 0.7);
}
.text-emerald-400\/80 {
  color: rgb(52 211 153 / 0.8);
}
.text-emerald-400\/90 {
  color: rgb(52 211 153 / 0.9);
}
.text-emerald-50 {
  --tw-text-opacity: 1;
  color: rgb(236 253 245 / var(--tw-text-opacity));
}
.text-emerald-500 {
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity));
}
.text-emerald-500\/70 {
  color: rgb(16 185 129 / 0.7);
}
.text-emerald-500\/80 {
  color: rgb(16 185 129 / 0.8);
}
.text-emerald-500\/90 {
  color: rgb(16 185 129 / 0.9);
}
.text-emerald-600 {
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity));
}
.text-emerald-700 {
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity));
}
.text-emerald-700\/80 {
  color: rgb(4 120 87 / 0.8);
}
.text-emerald-800 {
  --tw-text-opacity: 1;
  color: rgb(6 95 70 / var(--tw-text-opacity));
}
.text-emerald-950 {
  --tw-text-opacity: 1;
  color: rgb(2 44 34 / var(--tw-text-opacity));
}
.text-foreground {
  color: hsl(var(--foreground));
}
.text-foreground\/10 {
  color: hsl(var(--foreground) / 0.1);
}
.text-foreground\/15 {
  color: hsl(var(--foreground) / 0.15);
}
.text-foreground\/20 {
  color: hsl(var(--foreground) / 0.2);
}
.text-foreground\/25 {
  color: hsl(var(--foreground) / 0.25);
}
.text-foreground\/30 {
  color: hsl(var(--foreground) / 0.3);
}
.text-foreground\/35 {
  color: hsl(var(--foreground) / 0.35);
}
.text-foreground\/40 {
  color: hsl(var(--foreground) / 0.4);
}
.text-foreground\/45 {
  color: hsl(var(--foreground) / 0.45);
}
.text-foreground\/5 {
  color: hsl(var(--foreground) / 0.05);
}
.text-foreground\/50 {
  color: hsl(var(--foreground) / 0.5);
}
.text-foreground\/55 {
  color: hsl(var(--foreground) / 0.55);
}
.text-foreground\/60 {
  color: hsl(var(--foreground) / 0.6);
}
.text-foreground\/70 {
  color: hsl(var(--foreground) / 0.7);
}
.text-foreground\/75 {
  color: hsl(var(--foreground) / 0.75);
}
.text-foreground\/80 {
  color: hsl(var(--foreground) / 0.8);
}
.text-foreground\/85 {
  color: hsl(var(--foreground) / 0.85);
}
.text-foreground\/90 {
  color: hsl(var(--foreground) / 0.9);
}
.text-foreground\/95 {
  color: hsl(var(--foreground) / 0.95);
}
.text-fuchsia-100 {
  --tw-text-opacity: 1;
  color: rgb(250 232 255 / var(--tw-text-opacity));
}
.text-fuchsia-200 {
  --tw-text-opacity: 1;
  color: rgb(245 208 254 / var(--tw-text-opacity));
}
.text-fuchsia-300 {
  --tw-text-opacity: 1;
  color: rgb(240 171 252 / var(--tw-text-opacity));
}
.text-fuchsia-400 {
  --tw-text-opacity: 1;
  color: rgb(232 121 249 / var(--tw-text-opacity));
}
.text-fuchsia-400\/50 {
  color: rgb(232 121 249 / 0.5);
}
.text-fuchsia-400\/60 {
  color: rgb(232 121 249 / 0.6);
}
.text-fuchsia-400\/70 {
  color: rgb(232 121 249 / 0.7);
}
.text-fuchsia-500 {
  --tw-text-opacity: 1;
  color: rgb(217 70 239 / var(--tw-text-opacity));
}
.text-fuchsia-500\/80 {
  color: rgb(217 70 239 / 0.8);
}
.text-fuchsia-600 {
  --tw-text-opacity: 1;
  color: rgb(192 38 211 / var(--tw-text-opacity));
}
.text-fuchsia-700 {
  --tw-text-opacity: 1;
  color: rgb(162 28 175 / var(--tw-text-opacity));
}
.text-gray-100 {
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity));
}
.text-gray-200 {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}
.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}
.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}
.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}
.text-gray-800\/60 {
  color: rgb(31 41 55 / 0.6);
}
.text-gray-800\/75 {
  color: rgb(31 41 55 / 0.75);
}
.text-gray-800\/80 {
  color: rgb(31 41 55 / 0.8);
}
.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}
.text-green-100 {
  --tw-text-opacity: 1;
  color: rgb(220 252 231 / var(--tw-text-opacity));
}
.text-green-200 {
  --tw-text-opacity: 1;
  color: rgb(187 247 208 / var(--tw-text-opacity));
}
.text-green-300 {
  --tw-text-opacity: 1;
  color: rgb(134 239 172 / var(--tw-text-opacity));
}
.text-green-400 {
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity));
}
.text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}
.text-green-600 {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity));
}
.text-green-700 {
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity));
}
.text-green-800 {
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity));
}
.text-green-900 {
  --tw-text-opacity: 1;
  color: rgb(20 83 45 / var(--tw-text-opacity));
}
.text-green-950 {
  --tw-text-opacity: 1;
  color: rgb(5 46 22 / var(--tw-text-opacity));
}
.text-indigo-100 {
  --tw-text-opacity: 1;
  color: rgb(224 231 255 / var(--tw-text-opacity));
}
.text-indigo-100\/70 {
  color: rgb(224 231 255 / 0.7);
}
.text-indigo-200 {
  --tw-text-opacity: 1;
  color: rgb(199 210 254 / var(--tw-text-opacity));
}
.text-indigo-300 {
  --tw-text-opacity: 1;
  color: rgb(165 180 252 / var(--tw-text-opacity));
}
.text-indigo-400 {
  --tw-text-opacity: 1;
  color: rgb(129 140 248 / var(--tw-text-opacity));
}
.text-indigo-50 {
  --tw-text-opacity: 1;
  color: rgb(238 242 255 / var(--tw-text-opacity));
}
.text-indigo-500 {
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity));
}
.text-indigo-500\/15 {
  color: rgb(99 102 241 / 0.15);
}
.text-indigo-600 {
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity));
}
.text-indigo-600\/80 {
  color: rgb(79 70 229 / 0.8);
}
.text-indigo-700 {
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity));
}
.text-indigo-800 {
  --tw-text-opacity: 1;
  color: rgb(55 48 163 / var(--tw-text-opacity));
}
.text-indigo-900 {
  --tw-text-opacity: 1;
  color: rgb(49 46 129 / var(--tw-text-opacity));
}
.text-indigo-950\/70 {
  color: rgb(30 27 75 / 0.7);
}
.text-inherit {
  color: inherit;
}
.text-input {
  color: hsl(var(--input));
}
.text-lime {
  color: var(--aether-lime);
}
.text-muted {
  color: hsl(var(--muted));
}
.text-muted-foreground {
  color: hsl(var(--muted-foreground));
}
.text-muted-foreground\/0 {
  color: hsl(var(--muted-foreground) / 0);
}
.text-muted-foreground\/10 {
  color: hsl(var(--muted-foreground) / 0.1);
}
.text-muted-foreground\/20 {
  color: hsl(var(--muted-foreground) / 0.2);
}
.text-muted-foreground\/25 {
  color: hsl(var(--muted-foreground) / 0.25);
}
.text-muted-foreground\/30 {
  color: hsl(var(--muted-foreground) / 0.3);
}
.text-muted-foreground\/35 {
  color: hsl(var(--muted-foreground) / 0.35);
}
.text-muted-foreground\/40 {
  color: hsl(var(--muted-foreground) / 0.4);
}
.text-muted-foreground\/45 {
  color: hsl(var(--muted-foreground) / 0.45);
}
.text-muted-foreground\/50 {
  color: hsl(var(--muted-foreground) / 0.5);
}
.text-muted-foreground\/55 {
  color: hsl(var(--muted-foreground) / 0.55);
}
.text-muted-foreground\/60 {
  color: hsl(var(--muted-foreground) / 0.6);
}
.text-muted-foreground\/65 {
  color: hsl(var(--muted-foreground) / 0.65);
}
.text-muted-foreground\/70 {
  color: hsl(var(--muted-foreground) / 0.7);
}
.text-muted-foreground\/75 {
  color: hsl(var(--muted-foreground) / 0.75);
}
.text-muted-foreground\/80 {
  color: hsl(var(--muted-foreground) / 0.8);
}
.text-muted-foreground\/90 {
  color: hsl(var(--muted-foreground) / 0.9);
}
.text-muted\/20 {
  color: hsl(var(--muted) / 0.2);
}
.text-muted\/30 {
  color: hsl(var(--muted) / 0.3);
}
.text-muted\/40 {
  color: hsl(var(--muted) / 0.4);
}
.text-neutral-100 {
  --tw-text-opacity: 1;
  color: rgb(245 245 245 / var(--tw-text-opacity));
}
.text-neutral-200 {
  --tw-text-opacity: 1;
  color: rgb(229 229 229 / var(--tw-text-opacity));
}
.text-neutral-300 {
  --tw-text-opacity: 1;
  color: rgb(212 212 212 / var(--tw-text-opacity));
}
.text-neutral-300\/80 {
  color: rgb(212 212 212 / 0.8);
}
.text-neutral-400 {
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / var(--tw-text-opacity));
}
.text-neutral-50 {
  --tw-text-opacity: 1;
  color: rgb(250 250 250 / var(--tw-text-opacity));
}
.text-neutral-500 {
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity));
}
.text-neutral-600 {
  --tw-text-opacity: 1;
  color: rgb(82 82 82 / var(--tw-text-opacity));
}
.text-neutral-700 {
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / var(--tw-text-opacity));
}
.text-neutral-800 {
  --tw-text-opacity: 1;
  color: rgb(38 38 38 / var(--tw-text-opacity));
}
.text-neutral-900 {
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / var(--tw-text-opacity));
}
.text-neutral-900\/55 {
  color: rgb(23 23 23 / 0.55);
}
.text-neutral-950 {
  --tw-text-opacity: 1;
  color: rgb(10 10 10 / var(--tw-text-opacity));
}
.text-notion-blue {
  --tw-text-opacity: 1;
  color: rgb(35 131 226 / var(--tw-text-opacity));
}
.text-notion-blue\/70 {
  color: rgb(35 131 226 / 0.7);
}
.text-notion-border {
  --tw-text-opacity: 1;
  color: rgb(55 55 55 / var(--tw-text-opacity));
}
.text-notion-green {
  --tw-text-opacity: 1;
  color: rgb(46 168 115 / var(--tw-text-opacity));
}
.text-notion-green\/70 {
  color: rgb(46 168 115 / 0.7);
}
.text-notion-muted {
  --tw-text-opacity: 1;
  color: rgb(155 155 155 / var(--tw-text-opacity));
}
.text-notion-muted\/50 {
  color: rgb(155 155 155 / 0.5);
}
.text-notion-muted\/60 {
  color: rgb(155 155 155 / 0.6);
}
.text-notion-muted\/70 {
  color: rgb(155 155 155 / 0.7);
}
.text-notion-muted\/80 {
  color: rgb(155 155 155 / 0.8);
}
.text-notion-muted\/90 {
  color: rgb(155 155 155 / 0.9);
}
.text-notion-red {
  --tw-text-opacity: 1;
  color: rgb(226 85 83 / var(--tw-text-opacity));
}
.text-notion-red\/70 {
  color: rgb(226 85 83 / 0.7);
}
.text-notion-red\/80 {
  color: rgb(226 85 83 / 0.8);
}
.text-notion-text {
  --tw-text-opacity: 1;
  color: rgb(230 230 230 / var(--tw-text-opacity));
}
.text-notion-text\/90 {
  color: rgb(230 230 230 / 0.9);
}
.text-notion-yellow {
  --tw-text-opacity: 1;
  color: rgb(223 171 1 / var(--tw-text-opacity));
}
.text-notion-yellow\/70 {
  color: rgb(223 171 1 / 0.7);
}
.text-orange-100 {
  --tw-text-opacity: 1;
  color: rgb(255 237 213 / var(--tw-text-opacity));
}
.text-orange-100\/70 {
  color: rgb(255 237 213 / 0.7);
}
.text-orange-200 {
  --tw-text-opacity: 1;
  color: rgb(254 215 170 / var(--tw-text-opacity));
}
.text-orange-200\/90 {
  color: rgb(254 215 170 / 0.9);
}
.text-orange-300 {
  --tw-text-opacity: 1;
  color: rgb(253 186 116 / var(--tw-text-opacity));
}
.text-orange-400 {
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / var(--tw-text-opacity));
}
.text-orange-400\/30 {
  color: rgb(251 146 60 / 0.3);
}
.text-orange-400\/40 {
  color: rgb(251 146 60 / 0.4);
}
.text-orange-400\/50 {
  color: rgb(251 146 60 / 0.5);
}
.text-orange-400\/60 {
  color: rgb(251 146 60 / 0.6);
}
.text-orange-400\/80 {
  color: rgb(251 146 60 / 0.8);
}
.text-orange-50 {
  --tw-text-opacity: 1;
  color: rgb(255 247 237 / var(--tw-text-opacity));
}
.text-orange-500 {
  --tw-text-opacity: 1;
  color: rgb(249 115 22 / var(--tw-text-opacity));
}
.text-orange-500\/30 {
  color: rgb(249 115 22 / 0.3);
}
.text-orange-500\/40 {
  color: rgb(249 115 22 / 0.4);
}
.text-orange-500\/50 {
  color: rgb(249 115 22 / 0.5);
}
.text-orange-500\/60 {
  color: rgb(249 115 22 / 0.6);
}
.text-orange-500\/80 {
  color: rgb(249 115 22 / 0.8);
}
.text-orange-600 {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity));
}
.text-orange-700 {
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity));
}
.text-orange-800 {
  --tw-text-opacity: 1;
  color: rgb(154 52 18 / var(--tw-text-opacity));
}
.text-orange-900 {
  --tw-text-opacity: 1;
  color: rgb(124 45 18 / var(--tw-text-opacity));
}
.text-orange-950 {
  --tw-text-opacity: 1;
  color: rgb(67 20 7 / var(--tw-text-opacity));
}
.text-pink-100 {
  --tw-text-opacity: 1;
  color: rgb(252 231 243 / var(--tw-text-opacity));
}
.text-pink-100\/70 {
  color: rgb(252 231 243 / 0.7);
}
.text-pink-200 {
  --tw-text-opacity: 1;
  color: rgb(251 207 232 / var(--tw-text-opacity));
}
.text-pink-300 {
  --tw-text-opacity: 1;
  color: rgb(249 168 212 / var(--tw-text-opacity));
}
.text-pink-400 {
  --tw-text-opacity: 1;
  color: rgb(244 114 182 / var(--tw-text-opacity));
}
.text-pink-400\/30 {
  color: rgb(244 114 182 / 0.3);
}
.text-pink-400\/40 {
  color: rgb(244 114 182 / 0.4);
}
.text-pink-50 {
  --tw-text-opacity: 1;
  color: rgb(253 242 248 / var(--tw-text-opacity));
}
.text-pink-500 {
  --tw-text-opacity: 1;
  color: rgb(236 72 153 / var(--tw-text-opacity));
}
.text-pink-500\/40 {
  color: rgb(236 72 153 / 0.4);
}
.text-pink-500\/50 {
  color: rgb(236 72 153 / 0.5);
}
.text-pink-600 {
  --tw-text-opacity: 1;
  color: rgb(219 39 119 / var(--tw-text-opacity));
}
.text-pink-700 {
  --tw-text-opacity: 1;
  color: rgb(190 24 93 / var(--tw-text-opacity));
}
.text-pink-800 {
  --tw-text-opacity: 1;
  color: rgb(157 23 77 / var(--tw-text-opacity));
}
.text-pink-900 {
  --tw-text-opacity: 1;
  color: rgb(131 24 67 / var(--tw-text-opacity));
}
.text-pink-950 {
  --tw-text-opacity: 1;
  color: rgb(80 7 36 / var(--tw-text-opacity));
}
.text-popover-foreground {
  color: hsl(var(--popover-foreground));
}
.text-popover-foreground\/80 {
  color: hsl(var(--popover-foreground) / 0.8);
}
.text-primary {
  color: hsl(var(--primary));
}
.text-primary-foreground {
  color: hsl(var(--primary-foreground));
}
.text-primary-foreground\/50 {
  color: hsl(var(--primary-foreground) / 0.5);
}
.text-primary-foreground\/60 {
  color: hsl(var(--primary-foreground) / 0.6);
}
.text-primary-foreground\/70 {
  color: hsl(var(--primary-foreground) / 0.7);
}
.text-primary-foreground\/80 {
  color: hsl(var(--primary-foreground) / 0.8);
}
.text-primary-foreground\/90 {
  color: hsl(var(--primary-foreground) / 0.9);
}
.text-primary\/10 {
  color: hsl(var(--primary) / 0.1);
}
.text-primary\/20 {
  color: hsl(var(--primary) / 0.2);
}
.text-primary\/30 {
  color: hsl(var(--primary) / 0.3);
}
.text-primary\/40 {
  color: hsl(var(--primary) / 0.4);
}
.text-primary\/50 {
  color: hsl(var(--primary) / 0.5);
}
.text-primary\/60 {
  color: hsl(var(--primary) / 0.6);
}
.text-primary\/70 {
  color: hsl(var(--primary) / 0.7);
}
.text-primary\/80 {
  color: hsl(var(--primary) / 0.8);
}
.text-primary\/90 {
  color: hsl(var(--primary) / 0.9);
}
.text-purple-100 {
  --tw-text-opacity: 1;
  color: rgb(243 232 255 / var(--tw-text-opacity));
}
.text-purple-200 {
  --tw-text-opacity: 1;
  color: rgb(233 213 255 / var(--tw-text-opacity));
}
.text-purple-300 {
  --tw-text-opacity: 1;
  color: rgb(216 180 254 / var(--tw-text-opacity));
}
.text-purple-400 {
  --tw-text-opacity: 1;
  color: rgb(192 132 252 / var(--tw-text-opacity));
}
.text-purple-400\/40 {
  color: rgb(192 132 252 / 0.4);
}
.text-purple-500 {
  --tw-text-opacity: 1;
  color: rgb(168 85 247 / var(--tw-text-opacity));
}
.text-purple-500\/30 {
  color: rgb(168 85 247 / 0.3);
}
.text-purple-500\/50 {
  color: rgb(168 85 247 / 0.5);
}
.text-purple-600 {
  --tw-text-opacity: 1;
  color: rgb(147 51 234 / var(--tw-text-opacity));
}
.text-purple-700 {
  --tw-text-opacity: 1;
  color: rgb(126 34 206 / var(--tw-text-opacity));
}
.text-purple-800 {
  --tw-text-opacity: 1;
  color: rgb(107 33 168 / var(--tw-text-opacity));
}
.text-purple-900 {
  --tw-text-opacity: 1;
  color: rgb(88 28 135 / var(--tw-text-opacity));
}
.text-purple-950 {
  --tw-text-opacity: 1;
  color: rgb(59 7 100 / var(--tw-text-opacity));
}
.text-red-100 {
  --tw-text-opacity: 1;
  color: rgb(254 226 226 / var(--tw-text-opacity));
}
.text-red-200 {
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / var(--tw-text-opacity));
}
.text-red-300 {
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity));
}
.text-red-300\/90 {
  color: rgb(252 165 165 / 0.9);
}
.text-red-400 {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity));
}
.text-red-400\/50 {
  color: rgb(248 113 113 / 0.5);
}
.text-red-400\/70 {
  color: rgb(248 113 113 / 0.7);
}
.text-red-400\/80 {
  color: rgb(248 113 113 / 0.8);
}
.text-red-400\/90 {
  color: rgb(248 113 113 / 0.9);
}
.text-red-50 {
  --tw-text-opacity: 1;
  color: rgb(254 242 242 / var(--tw-text-opacity));
}
.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}
.text-red-500\/60 {
  color: rgb(239 68 68 / 0.6);
}
.text-red-500\/70 {
  color: rgb(239 68 68 / 0.7);
}
.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}
.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}
.text-red-800 {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity));
}
.text-red-900 {
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity));
}
.text-red-950 {
  --tw-text-opacity: 1;
  color: rgb(69 10 10 / var(--tw-text-opacity));
}
.text-ring {
  color: hsl(var(--ring));
}
.text-rose-100 {
  --tw-text-opacity: 1;
  color: rgb(255 228 230 / var(--tw-text-opacity));
}
.text-rose-100\/75 {
  color: rgb(255 228 230 / 0.75);
}
.text-rose-100\/80 {
  color: rgb(255 228 230 / 0.8);
}
.text-rose-200 {
  --tw-text-opacity: 1;
  color: rgb(254 205 211 / var(--tw-text-opacity));
}
.text-rose-200\/60 {
  color: rgb(254 205 211 / 0.6);
}
.text-rose-300 {
  --tw-text-opacity: 1;
  color: rgb(253 164 175 / var(--tw-text-opacity));
}
.text-rose-400 {
  --tw-text-opacity: 1;
  color: rgb(251 113 133 / var(--tw-text-opacity));
}
.text-rose-400\/90 {
  color: rgb(251 113 133 / 0.9);
}
.text-rose-50 {
  --tw-text-opacity: 1;
  color: rgb(255 241 242 / var(--tw-text-opacity));
}
.text-rose-500 {
  --tw-text-opacity: 1;
  color: rgb(244 63 94 / var(--tw-text-opacity));
}
.text-rose-600 {
  --tw-text-opacity: 1;
  color: rgb(225 29 72 / var(--tw-text-opacity));
}
.text-rose-700 {
  --tw-text-opacity: 1;
  color: rgb(190 18 60 / var(--tw-text-opacity));
}
.text-rose-800 {
  --tw-text-opacity: 1;
  color: rgb(159 18 57 / var(--tw-text-opacity));
}
.text-rose-900 {
  --tw-text-opacity: 1;
  color: rgb(136 19 55 / var(--tw-text-opacity));
}
.text-secondary {
  color: hsl(var(--secondary));
}
.text-secondary-foreground {
  color: hsl(var(--secondary-foreground));
}
.text-secondary-foreground\/50 {
  color: hsl(var(--secondary-foreground) / 0.5);
}
.text-secondary-foreground\/70 {
  color: hsl(var(--secondary-foreground) / 0.7);
}
.text-secondary-foreground\/80 {
  color: hsl(var(--secondary-foreground) / 0.8);
}
.text-sidebar-accent-foreground {
  color: hsl(var(--sidebar-accent-foreground));
}
.text-sidebar-foreground {
  color: hsl(var(--sidebar-foreground));
}
.text-sidebar-foreground\/35 {
  color: hsl(var(--sidebar-foreground) / 0.35);
}
.text-sidebar-foreground\/40 {
  color: hsl(var(--sidebar-foreground) / 0.4);
}
.text-sidebar-foreground\/50 {
  color: hsl(var(--sidebar-foreground) / 0.5);
}
.text-sidebar-foreground\/55 {
  color: hsl(var(--sidebar-foreground) / 0.55);
}
.text-sidebar-foreground\/60 {
  color: hsl(var(--sidebar-foreground) / 0.6);
}
.text-sidebar-foreground\/70 {
  color: hsl(var(--sidebar-foreground) / 0.7);
}
.text-sidebar-foreground\/75 {
  color: hsl(var(--sidebar-foreground) / 0.75);
}
.text-sidebar-foreground\/80 {
  color: hsl(var(--sidebar-foreground) / 0.8);
}
.text-sidebar-foreground\/90 {
  color: hsl(var(--sidebar-foreground) / 0.9);
}
.text-sidebar-primary {
  color: hsl(var(--sidebar-primary));
}
.text-sidebar-primary-foreground {
  color: hsl(var(--sidebar-primary-foreground));
}
.text-sidebar-primary\/90 {
  color: hsl(var(--sidebar-primary) / 0.9);
}
.text-sky-100 {
  --tw-text-opacity: 1;
  color: rgb(224 242 254 / var(--tw-text-opacity));
}
.text-sky-100\/75 {
  color: rgb(224 242 254 / 0.75);
}
.text-sky-200 {
  --tw-text-opacity: 1;
  color: rgb(186 230 253 / var(--tw-text-opacity));
}
.text-sky-200\/70 {
  color: rgb(186 230 253 / 0.7);
}
.text-sky-200\/90 {
  color: rgb(186 230 253 / 0.9);
}
.text-sky-300 {
  --tw-text-opacity: 1;
  color: rgb(125 211 252 / var(--tw-text-opacity));
}
.text-sky-300\/70 {
  color: rgb(125 211 252 / 0.7);
}
.text-sky-300\/80 {
  color: rgb(125 211 252 / 0.8);
}
.text-sky-300\/90 {
  color: rgb(125 211 252 / 0.9);
}
.text-sky-400 {
  --tw-text-opacity: 1;
  color: rgb(56 189 248 / var(--tw-text-opacity));
}
.text-sky-400\/60 {
  color: rgb(56 189 248 / 0.6);
}
.text-sky-400\/70 {
  color: rgb(56 189 248 / 0.7);
}
.text-sky-400\/80 {
  color: rgb(56 189 248 / 0.8);
}
.text-sky-400\/90 {
  color: rgb(56 189 248 / 0.9);
}
.text-sky-50 {
  --tw-text-opacity: 1;
  color: rgb(240 249 255 / var(--tw-text-opacity));
}
.text-sky-500 {
  --tw-text-opacity: 1;
  color: rgb(14 165 233 / var(--tw-text-opacity));
}
.text-sky-600 {
  --tw-text-opacity: 1;
  color: rgb(2 132 199 / var(--tw-text-opacity));
}
.text-sky-700 {
  --tw-text-opacity: 1;
  color: rgb(3 105 161 / var(--tw-text-opacity));
}
.text-sky-700\/70 {
  color: rgb(3 105 161 / 0.7);
}
.text-sky-800 {
  --tw-text-opacity: 1;
  color: rgb(7 89 133 / var(--tw-text-opacity));
}
.text-sky-900 {
  --tw-text-opacity: 1;
  color: rgb(12 74 110 / var(--tw-text-opacity));
}
.text-sky-950 {
  --tw-text-opacity: 1;
  color: rgb(8 47 73 / var(--tw-text-opacity));
}
.text-sky-950\/70 {
  color: rgb(8 47 73 / 0.7);
}
.text-slate-100 {
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity));
}
.text-slate-100\/75 {
  color: rgb(241 245 249 / 0.75);
}
.text-slate-200 {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity));
}
.text-slate-300 {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}
.text-slate-400 {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}
.text-slate-50 {
  --tw-text-opacity: 1;
  color: rgb(248 250 252 / var(--tw-text-opacity));
}
.text-slate-500 {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}
.text-slate-600 {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}
.text-slate-700 {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}
.text-slate-700\/80 {
  color: rgb(51 65 85 / 0.8);
}
.text-slate-800 {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}
.text-slate-900 {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}
.text-slate-950 {
  --tw-text-opacity: 1;
  color: rgb(2 6 23 / var(--tw-text-opacity));
}
.text-stone-100 {
  --tw-text-opacity: 1;
  color: rgb(245 245 244 / var(--tw-text-opacity));
}
.text-stone-300 {
  --tw-text-opacity: 1;
  color: rgb(214 211 209 / var(--tw-text-opacity));
}
.text-stone-400 {
  --tw-text-opacity: 1;
  color: rgb(168 162 158 / var(--tw-text-opacity));
}
.text-stone-500 {
  --tw-text-opacity: 1;
  color: rgb(120 113 108 / var(--tw-text-opacity));
}
.text-stone-600 {
  --tw-text-opacity: 1;
  color: rgb(87 83 78 / var(--tw-text-opacity));
}
.text-stone-700 {
  --tw-text-opacity: 1;
  color: rgb(68 64 60 / var(--tw-text-opacity));
}
.text-stone-800 {
  --tw-text-opacity: 1;
  color: rgb(41 37 36 / var(--tw-text-opacity));
}
.text-stone-900 {
  --tw-text-opacity: 1;
  color: rgb(28 25 23 / var(--tw-text-opacity));
}
.text-teal-100 {
  --tw-text-opacity: 1;
  color: rgb(204 251 241 / var(--tw-text-opacity));
}
.text-teal-100\/75 {
  color: rgb(204 251 241 / 0.75);
}
.text-teal-100\/90 {
  color: rgb(204 251 241 / 0.9);
}
.text-teal-200 {
  --tw-text-opacity: 1;
  color: rgb(153 246 228 / var(--tw-text-opacity));
}
.text-teal-200\/70 {
  color: rgb(153 246 228 / 0.7);
}
.text-teal-200\/90 {
  color: rgb(153 246 228 / 0.9);
}
.text-teal-300 {
  --tw-text-opacity: 1;
  color: rgb(94 234 212 / var(--tw-text-opacity));
}
.text-teal-300\/80 {
  color: rgb(94 234 212 / 0.8);
}
.text-teal-400 {
  --tw-text-opacity: 1;
  color: rgb(45 212 191 / var(--tw-text-opacity));
}
.text-teal-400\/40 {
  color: rgb(45 212 191 / 0.4);
}
.text-teal-50 {
  --tw-text-opacity: 1;
  color: rgb(240 253 250 / var(--tw-text-opacity));
}
.text-teal-500 {
  --tw-text-opacity: 1;
  color: rgb(20 184 166 / var(--tw-text-opacity));
}
.text-teal-600 {
  --tw-text-opacity: 1;
  color: rgb(13 148 136 / var(--tw-text-opacity));
}
.text-teal-600\/80 {
  color: rgb(13 148 136 / 0.8);
}
.text-teal-700 {
  --tw-text-opacity: 1;
  color: rgb(15 118 110 / var(--tw-text-opacity));
}
.text-teal-700\/80 {
  color: rgb(15 118 110 / 0.8);
}
.text-teal-800 {
  --tw-text-opacity: 1;
  color: rgb(17 94 89 / var(--tw-text-opacity));
}
.text-teal-900 {
  --tw-text-opacity: 1;
  color: rgb(19 78 74 / var(--tw-text-opacity));
}
.text-teal-900\/80 {
  color: rgb(19 78 74 / 0.8);
}
.text-teal-950 {
  --tw-text-opacity: 1;
  color: rgb(4 47 46 / var(--tw-text-opacity));
}
.text-teal-950\/70 {
  color: rgb(4 47 46 / 0.7);
}
.text-transparent {
  color: transparent;
}
.text-violet-100 {
  --tw-text-opacity: 1;
  color: rgb(237 233 254 / var(--tw-text-opacity));
}
.text-violet-100\/70 {
  color: rgb(237 233 254 / 0.7);
}
.text-violet-100\/75 {
  color: rgb(237 233 254 / 0.75);
}
.text-violet-200 {
  --tw-text-opacity: 1;
  color: rgb(221 214 254 / var(--tw-text-opacity));
}
.text-violet-200\/90 {
  color: rgb(221 214 254 / 0.9);
}
.text-violet-300 {
  --tw-text-opacity: 1;
  color: rgb(196 181 253 / var(--tw-text-opacity));
}
.text-violet-300\/70 {
  color: rgb(196 181 253 / 0.7);
}
.text-violet-300\/80 {
  color: rgb(196 181 253 / 0.8);
}
.text-violet-300\/90 {
  color: rgb(196 181 253 / 0.9);
}
.text-violet-400 {
  --tw-text-opacity: 1;
  color: rgb(167 139 250 / var(--tw-text-opacity));
}
.text-violet-50 {
  --tw-text-opacity: 1;
  color: rgb(245 243 255 / var(--tw-text-opacity));
}
.text-violet-500 {
  --tw-text-opacity: 1;
  color: rgb(139 92 246 / var(--tw-text-opacity));
}
.text-violet-500\/70 {
  color: rgb(139 92 246 / 0.7);
}
.text-violet-600 {
  --tw-text-opacity: 1;
  color: rgb(124 58 237 / var(--tw-text-opacity));
}
.text-violet-700 {
  --tw-text-opacity: 1;
  color: rgb(109 40 217 / var(--tw-text-opacity));
}
.text-violet-800 {
  --tw-text-opacity: 1;
  color: rgb(91 33 182 / var(--tw-text-opacity));
}
.text-violet-900 {
  --tw-text-opacity: 1;
  color: rgb(76 29 149 / var(--tw-text-opacity));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-white\/0 {
  color: rgb(255 255 255 / 0);
}
.text-white\/10 {
  color: rgb(255 255 255 / 0.1);
}
.text-white\/15 {
  color: rgb(255 255 255 / 0.15);
}
.text-white\/20 {
  color: rgb(255 255 255 / 0.2);
}
.text-white\/25 {
  color: rgb(255 255 255 / 0.25);
}
.text-white\/30 {
  color: rgb(255 255 255 / 0.3);
}
.text-white\/35 {
  color: rgb(255 255 255 / 0.35);
}
.text-white\/40 {
  color: rgb(255 255 255 / 0.4);
}
.text-white\/45 {
  color: rgb(255 255 255 / 0.45);
}
.text-white\/50 {
  color: rgb(255 255 255 / 0.5);
}
.text-white\/55 {
  color: rgb(255 255 255 / 0.55);
}
.text-white\/60 {
  color: rgb(255 255 255 / 0.6);
}
.text-white\/65 {
  color: rgb(255 255 255 / 0.65);
}
.text-white\/70 {
  color: rgb(255 255 255 / 0.7);
}
.text-white\/75 {
  color: rgb(255 255 255 / 0.75);
}
.text-white\/80 {
  color: rgb(255 255 255 / 0.8);
}
.text-white\/85 {
  color: rgb(255 255 255 / 0.85);
}
.text-white\/90 {
  color: rgb(255 255 255 / 0.9);
}
.text-white\/95 {
  color: rgb(255 255 255 / 0.95);
}
.text-workflow-text {
  color: hsl(var(--workflow-text));
}
.text-workflow-text-muted {
  color: hsl(var(--workflow-text-muted));
}
.text-workflow-text-subtle {
  color: hsl(var(--workflow-text-subtle));
}
.text-yellow-100 {
  --tw-text-opacity: 1;
  color: rgb(254 249 195 / var(--tw-text-opacity));
}
.text-yellow-100\/50 {
  color: rgb(254 249 195 / 0.5);
}
.text-yellow-200 {
  --tw-text-opacity: 1;
  color: rgb(254 240 138 / var(--tw-text-opacity));
}
.text-yellow-200\/40 {
  color: rgb(254 240 138 / 0.4);
}
.text-yellow-200\/50 {
  color: rgb(254 240 138 / 0.5);
}
.text-yellow-200\/60 {
  color: rgb(254 240 138 / 0.6);
}
.text-yellow-200\/70 {
  color: rgb(254 240 138 / 0.7);
}
.text-yellow-200\/80 {
  color: rgb(254 240 138 / 0.8);
}
.text-yellow-300 {
  --tw-text-opacity: 1;
  color: rgb(253 224 71 / var(--tw-text-opacity));
}
.text-yellow-300\/80 {
  color: rgb(253 224 71 / 0.8);
}
.text-yellow-400 {
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity));
}
.text-yellow-400\/80 {
  color: rgb(250 204 21 / 0.8);
}
.text-yellow-500 {
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / var(--tw-text-opacity));
}
.text-yellow-500\/70 {
  color: rgb(234 179 8 / 0.7);
}
.text-yellow-500\/80 {
  color: rgb(234 179 8 / 0.8);
}
.text-yellow-600 {
  --tw-text-opacity: 1;
  color: rgb(202 138 4 / var(--tw-text-opacity));
}
.text-yellow-700 {
  --tw-text-opacity: 1;
  color: rgb(161 98 7 / var(--tw-text-opacity));
}
.text-yellow-800 {
  --tw-text-opacity: 1;
  color: rgb(133 77 14 / var(--tw-text-opacity));
}
.text-yellow-900 {
  --tw-text-opacity: 1;
  color: rgb(113 63 18 / var(--tw-text-opacity));
}
.text-yellow-950 {
  --tw-text-opacity: 1;
  color: rgb(66 32 6 / var(--tw-text-opacity));
}
.text-zinc-100 {
  --tw-text-opacity: 1;
  color: rgb(244 244 245 / var(--tw-text-opacity));
}
.text-zinc-200 {
  --tw-text-opacity: 1;
  color: rgb(228 228 231 / var(--tw-text-opacity));
}
.text-zinc-300 {
  --tw-text-opacity: 1;
  color: rgb(212 212 216 / var(--tw-text-opacity));
}
.text-zinc-300\/85 {
  color: rgb(212 212 216 / 0.85);
}
.text-zinc-400 {
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity));
}
.text-zinc-50 {
  --tw-text-opacity: 1;
  color: rgb(250 250 250 / var(--tw-text-opacity));
}
.text-zinc-500 {
  --tw-text-opacity: 1;
  color: rgb(113 113 122 / var(--tw-text-opacity));
}
.text-zinc-600 {
  --tw-text-opacity: 1;
  color: rgb(82 82 91 / var(--tw-text-opacity));
}
.text-zinc-700 {
  --tw-text-opacity: 1;
  color: rgb(63 63 70 / var(--tw-text-opacity));
}
.text-zinc-800 {
  --tw-text-opacity: 1;
  color: rgb(39 39 42 / var(--tw-text-opacity));
}
.text-zinc-900 {
  --tw-text-opacity: 1;
  color: rgb(24 24 27 / var(--tw-text-opacity));
}
.text-zinc-950 {
  --tw-text-opacity: 1;
  color: rgb(9 9 11 / var(--tw-text-opacity));
}
.underline {
  text-decoration-line: underline;
}
.overline {
  text-decoration-line: overline;
}
.line-through {
  text-decoration-line: line-through;
}
.no-underline {
  text-decoration-line: none;
}
.decoration-border {
  text-decoration-color: hsl(var(--border));
}
.decoration-border\/80 {
  text-decoration-color: hsl(var(--border) / 0.8);
}
.decoration-current {
  text-decoration-color: currentColor;
}
.decoration-foreground {
  text-decoration-color: hsl(var(--foreground));
}
.decoration-foreground\/50 {
  text-decoration-color: hsl(var(--foreground) / 0.5);
}
.decoration-muted-foreground\/40 {
  text-decoration-color: hsl(var(--muted-foreground) / 0.4);
}
.decoration-muted-foreground\/50 {
  text-decoration-color: hsl(var(--muted-foreground) / 0.5);
}
.decoration-neutral-400 {
  text-decoration-color: #a3a3a3;
}
.decoration-neutral-600 {
  text-decoration-color: #525252;
}
.decoration-neutral-700 {
  text-decoration-color: #404040;
}
.decoration-orange-500\/70 {
  text-decoration-color: rgb(249 115 22 / 0.7);
}
.decoration-white\/50 {
  text-decoration-color: rgb(255 255 255 / 0.5);
}
.decoration-solid {
  text-decoration-style: solid;
}
.decoration-dotted {
  text-decoration-style: dotted;
}
.decoration-dashed {
  text-decoration-style: dashed;
}
.decoration-1 {
  text-decoration-thickness: 1px;
}
.decoration-2 {
  text-decoration-thickness: 2px;
}
.underline-offset-2 {
  text-underline-offset: 2px;
}
.underline-offset-4 {
  text-underline-offset: 4px;
}
.underline-offset-8 {
  text-underline-offset: 8px;
}
.underline-offset-\[3px\] {
  text-underline-offset: 3px;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.subpixel-antialiased {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}
.placeholder-amber-400::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(251 191 36 / var(--tw-placeholder-opacity));
}
.placeholder-amber-400::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(251 191 36 / var(--tw-placeholder-opacity));
}
.placeholder-foreground\/40::-moz-placeholder {
  color: hsl(var(--foreground) / 0.4);
}
.placeholder-foreground\/40::placeholder {
  color: hsl(var(--foreground) / 0.4);
}
.placeholder-gray-500::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / var(--tw-placeholder-opacity));
}
.placeholder-gray-500::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / var(--tw-placeholder-opacity));
}
.placeholder-muted-foreground::-moz-placeholder {
  color: hsl(var(--muted-foreground));
}
.placeholder-muted-foreground::placeholder {
  color: hsl(var(--muted-foreground));
}
.placeholder-slate-500::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(100 116 139 / var(--tw-placeholder-opacity));
}
.placeholder-slate-500::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(100 116 139 / var(--tw-placeholder-opacity));
}
.placeholder-slate-600::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(71 85 105 / var(--tw-placeholder-opacity));
}
.placeholder-slate-600::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(71 85 105 / var(--tw-placeholder-opacity));
}
.placeholder-stone-300::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(214 211 209 / var(--tw-placeholder-opacity));
}
.placeholder-stone-300::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(214 211 209 / var(--tw-placeholder-opacity));
}
.placeholder-zinc-300::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(212 212 216 / var(--tw-placeholder-opacity));
}
.placeholder-zinc-300::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(212 212 216 / var(--tw-placeholder-opacity));
}
.placeholder-zinc-500::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(113 113 122 / var(--tw-placeholder-opacity));
}
.placeholder-zinc-500::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(113 113 122 / var(--tw-placeholder-opacity));
}
.placeholder-zinc-600::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(82 82 91 / var(--tw-placeholder-opacity));
}
.placeholder-zinc-600::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(82 82 91 / var(--tw-placeholder-opacity));
}
.placeholder-zinc-700::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(63 63 70 / var(--tw-placeholder-opacity));
}
.placeholder-zinc-700::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(63 63 70 / var(--tw-placeholder-opacity));
}
.caret-foreground {
  caret-color: hsl(var(--foreground));
}
.caret-primary {
  caret-color: hsl(var(--primary));
}
.caret-transparent {
  caret-color: transparent;
}
.caret-violet-400 {
  caret-color: #a78bfa;
}
.caret-white {
  caret-color: #fff;
}
.accent-\[\#0a84ff\] {
  accent-color: #0a84ff;
}
.accent-\[\#8DA9D4\] {
  accent-color: #8DA9D4;
}
.accent-\[\#D9FE00\] {
  accent-color: #D9FE00;
}
.accent-\[\#E0DCCF\] {
  accent-color: #E0DCCF;
}
.accent-\[hsl\(234_56\%_60\%\)\] {
  accent-color: hsl(234 56% 60%);
}
.accent-\[hsl\(var\(--primary\)\)\] {
  accent-color: hsl(var(--primary));
}
.accent-\[var\(--accent\)\] {
  accent-color: var(--accent);
}
.accent-\[var\(--ec-brand\)\] {
  accent-color: var(--ec-brand);
}
.accent-\[var\(--primary\)\] {
  accent-color: var(--primary);
}
.accent-\[var\(--sheet-accent\)\] {
  accent-color: var(--sheet-accent);
}
.accent-\[var\(--synth-accent\)\] {
  accent-color: var(--synth-accent);
}
.accent-amber-400 {
  accent-color: #fbbf24;
}
.accent-amber-500 {
  accent-color: #f59e0b;
}
.accent-amber-600 {
  accent-color: #d97706;
}
.accent-background {
  accent-color: hsl(var(--background));
}
.accent-blue-500 {
  accent-color: #3b82f6;
}
.accent-border {
  accent-color: hsl(var(--border));
}
.accent-chart-3 {
  accent-color: hsl(var(--chart-3));
}
.accent-current {
  accent-color: currentColor;
}
.accent-cyan-400 {
  accent-color: #22d3ee;
}
.accent-cyan-500 {
  accent-color: #06b6d4;
}
.accent-destructive {
  accent-color: hsl(var(--destructive));
}
.accent-emerald-500 {
  accent-color: #10b981;
}
.accent-foreground {
  accent-color: hsl(var(--foreground));
}
.accent-neutral-200 {
  accent-color: #e5e5e5;
}
.accent-neutral-300 {
  accent-color: #d4d4d4;
}
.accent-notion-blue {
  accent-color: #2383e2;
}
.accent-notion-green {
  accent-color: #2ea873;
}
.accent-notion-yellow {
  accent-color: #dfab01;
}
.accent-orange-500 {
  accent-color: #f97316;
}
.accent-primary {
  accent-color: hsl(var(--primary));
}
.accent-secondary {
  accent-color: hsl(var(--secondary));
}
.accent-sky-500 {
  accent-color: #0ea5e9;
}
.accent-teal-400 {
  accent-color: #2dd4bf;
}
.accent-teal-500 {
  accent-color: #14b8a6;
}
.accent-teal-700 {
  accent-color: #0f766e;
}
.accent-violet-500 {
  accent-color: #8b5cf6;
}
.accent-white {
  accent-color: #fff;
}
.accent-zinc-200 {
  accent-color: #e4e4e7;
}
.accent-zinc-500 {
  accent-color: #71717a;
}
.\!opacity-0 {
  opacity: 0 !important;
}
.\!opacity-100 {
  opacity: 1 !important;
}
.\!opacity-50 {
  opacity: 0.5 !important;
}
.\!opacity-60 {
  opacity: 0.6 !important;
}
.opacity-0 {
  opacity: 0;
}
.opacity-10 {
  opacity: 0.1;
}
.opacity-100 {
  opacity: 1;
}
.opacity-15 {
  opacity: 0.15;
}
.opacity-20 {
  opacity: 0.2;
}
.opacity-25 {
  opacity: 0.25;
}
.opacity-30 {
  opacity: 0.3;
}
.opacity-35 {
  opacity: 0.35;
}
.opacity-40 {
  opacity: 0.4;
}
.opacity-45 {
  opacity: 0.45;
}
.opacity-5 {
  opacity: 0.05;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-55 {
  opacity: 0.55;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-65 {
  opacity: 0.65;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-75 {
  opacity: 0.75;
}
.opacity-80 {
  opacity: 0.8;
}
.opacity-85 {
  opacity: 0.85;
}
.opacity-90 {
  opacity: 0.9;
}
.opacity-95 {
  opacity: 0.95;
}
.opacity-\[0\.02\] {
  opacity: 0.02;
}
.opacity-\[0\.03\] {
  opacity: 0.03;
}
.opacity-\[0\.04\] {
  opacity: 0.04;
}
.opacity-\[0\.07\] {
  opacity: 0.07;
}
.opacity-\[0\.08\] {
  opacity: 0.08;
}
.opacity-\[0\.12\] {
  opacity: 0.12;
}
.opacity-\[0\.15\] {
  opacity: 0.15;
}
.opacity-\[0\.18\] {
  opacity: 0.18;
}
.opacity-\[0\.22\] {
  opacity: 0.22;
}
.opacity-\[0\.25\] {
  opacity: 0.25;
}
.opacity-\[0\.35\] {
  opacity: 0.35;
}
.opacity-\[0\.38\] {
  opacity: 0.38;
}
.opacity-\[0\.78\] {
  opacity: 0.78;
}
.bg-blend-color {
  background-blend-mode: color;
}
.mix-blend-normal {
  mix-blend-mode: normal;
}
.mix-blend-multiply {
  mix-blend-mode: multiply;
}
.mix-blend-overlay {
  mix-blend-mode: overlay;
}
.mix-blend-color-dodge {
  mix-blend-mode: color-dodge;
}
.mix-blend-soft-light {
  mix-blend-mode: soft-light;
}
.mix-blend-difference {
  mix-blend-mode: difference;
}
.mix-blend-luminosity {
  mix-blend-mode: luminosity;
}
.\!shadow {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.\!shadow-lg {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.\!shadow-md {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.\!shadow-none {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.\!shadow-sm {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xs {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[-12px_0_40px_-16px_rgba\(0\2c 0\2c 0\2c 0\.55\)\] {
  --tw-shadow: -12px 0 40px -16px rgba(0,0,0,0.55);
  --tw-shadow-colored: -12px 0 40px -16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[-20px_0_60px_-20px_rgba\(0\2c 0\2c 0\2c 0\.5\)\] {
  --tw-shadow: -20px 0 60px -20px rgba(0,0,0,0.5);
  --tw-shadow-colored: -20px 0 60px -20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[-6px_0_18px_-12px_rgba\(0\2c 0\2c 0\2c 0\.35\)\] {
  --tw-shadow: -6px 0 18px -12px rgba(0,0,0,0.35);
  --tw-shadow-colored: -6px 0 18px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[-8px_0_24px_-12px_rgba\(0\2c 0\2c 0\2c 0\.15\)\] {
  --tw-shadow: -8px 0 24px -12px rgba(0,0,0,0.15);
  --tw-shadow-colored: -8px 0 24px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_-12px_32px_rgba\(0\2c 0\2c 0\2c 0\.35\)\] {
  --tw-shadow: 0 -12px 32px rgba(0,0,0,0.35);
  --tw-shadow-colored: 0 -12px 32px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_-12px_40px_rgba\(0\2c 0\2c 0\2c 0\.4\)\] {
  --tw-shadow: 0 -12px 40px rgba(0,0,0,0.4);
  --tw-shadow-colored: 0 -12px 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_-8px_24px_-8px_rgba\(0\2c 0\2c 0\2c 0\.45\)\] {
  --tw-shadow: 0 -8px 24px -8px rgba(0,0,0,0.45);
  --tw-shadow-colored: 0 -8px 24px -8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_-8px_30px_rgb\(0\2c 0\2c 0\2c 0\.12\)\] {
  --tw-shadow: 0 -8px 30px rgb(0,0,0,0.12);
  --tw-shadow-colored: 0 -8px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_-8px_32px_rgba\(0\2c 0\2c 0\2c 0\.45\)\] {
  --tw-shadow: 0 -8px 32px rgba(0,0,0,0.45);
  --tw-shadow-colored: 0 -8px 32px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_1px_\#064e3b\] {
  --tw-shadow: 0 0 0 1px #064e3b;
  --tw-shadow-colored: 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);
}
.shadow-\[0_0_0_1px_color-mix\(in_oklab\2c hsl\(var\(--foreground\)\)_20\%\2c transparent\)\2c 0_10px_28px_color-mix\(in_oklab\2c black_42\%\2c transparent\)\] {
  --tw-shadow: 0 0 0 1px color-mix(in oklab,hsl(var(--foreground)) 20%,transparent),0 10px 28px color-mix(in oklab,black 42%,transparent);
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 10px 28px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_1px_hsl\(var\(--foreground\)\/0\.65\)\2c 0_0_12px_hsl\(var\(--primary\)\/0\.55\)\] {
  --tw-shadow: 0 0 0 1px hsl(var(--foreground)/0.65),0 0 12px hsl(var(--primary)/0.55);
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_1px_hsl\(var\(--primary\)\/0\.25\)\] {
  --tw-shadow: 0 0 0 1px hsl(var(--primary)/0.25);
  --tw-shadow-colored: 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);
}
.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
  --tw-shadow: 0 0 0 1px hsl(var(--sidebar-border));
  --tw-shadow-colored: 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);
}
.shadow-\[0_0_0_1px_oklch\(0\.6_0\.15_265\/0\.35\)\2c 0_16px_32px_oklch\(0_0_0\/0\.3\)\] {
  --tw-shadow: 0 0 0 1px oklch(0.6 0.15 265/0.35),0 16px 32px oklch(0 0 0/0.3);
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 16px 32px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_1px_rgba\(0\2c 0\2c 0\2c 0\.06\)\2c 0_4px_12px_rgba\(0\2c 0\2c 0\2c 0\.06\)\2c 0_12px_36px_rgba\(0\2c 0\2c 0\2c 0\.08\)\] {
  --tw-shadow: 0 0 0 1px rgba(0,0,0,0.06),0 4px 12px rgba(0,0,0,0.06),0 12px 36px rgba(0,0,0,0.08);
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 4px 12px var(--tw-shadow-color), 0 12px 36px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_1px_rgba\(0\2c 0\2c 0\2c 0\.08\)\2c 0_8px_16px_-4px_rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
  --tw-shadow: 0 0 0 1px rgba(0,0,0,0.08),0 8px 16px -4px rgba(0,0,0,0.1);
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 8px 16px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_1px_rgba\(0\2c 0\2c 0\2c 0\.08\)\] {
  --tw-shadow: 0 0 0 1px rgba(0,0,0,0.08);
  --tw-shadow-colored: 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);
}
.shadow-\[0_0_0_1px_rgba\(0\2c 0\2c 0\2c 0\.1\)_inset\2c 0_0\.5px_0\.5px_rgba\(0\2c 0\2c 0\2c 0\.05\)_inset\2c 0_-0\.5px_0\.5px_rgba\(0\2c 0\2c 0\2c 0\.05\)_inset\2c 0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
  --tw-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset,0 0.5px 0.5px rgba(0,0,0,0.05) inset,0 -0.5px 0.5px rgba(0,0,0,0.05) inset,0 1px 2px rgba(0,0,0,0.1);
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color), inset 0 0.5px 0.5px var(--tw-shadow-color), inset 0 -0.5px 0.5px var(--tw-shadow-color), 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_1px_rgba\(0\2c 0\2c 0\2c 0\.6\)\] {
  --tw-shadow: 0 0 0 1px rgba(0,0,0,0.6);
  --tw-shadow-colored: 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);
}
.shadow-\[0_0_0_1px_rgba\(14\2c 165\2c 233\2c 0\.35\)\] {
  --tw-shadow: 0 0 0 1px rgba(14,165,233,0.35);
  --tw-shadow-colored: 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);
}
.shadow-\[0_0_0_1px_rgba\(251\2c 146\2c 60\2c 0\.25\)\] {
  --tw-shadow: 0 0 0 1px rgba(251,146,60,0.25);
  --tw-shadow-colored: 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);
}
.shadow-\[0_0_0_1px_rgba\(251\2c 191\2c 36\2c 0\.35\)\] {
  --tw-shadow: 0 0 0 1px rgba(251,191,36,0.35);
  --tw-shadow-colored: 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);
}
.shadow-\[0_0_0_1px_rgba\(255\2c 255\2c 255\2c 0\.16\)\2c 0_6px_14px_rgba\(0\2c 0\2c 0\2c 0\.3\)\] {
  --tw-shadow: 0 0 0 1px rgba(255,255,255,0.16),0 6px 14px rgba(0,0,0,0.3);
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 6px 14px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_1px_var\(--sidebar-border\)\] {
  --tw-shadow: 0 0 0 1px var(--sidebar-border);
  --tw-shadow-colored: 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);
}
.shadow-\[0_0_0_2px_hsl\(var\(--primary\)\/0\.3\)\] {
  --tw-shadow: 0 0 0 2px hsl(var(--primary)/0.3);
  --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_2px_rgba\(251\2c 191\2c 36\2c 0\.4\)\] {
  --tw-shadow: 0 0 0 2px rgba(251,191,36,0.4);
  --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_9999px_\#0009\] {
  --tw-shadow: 0 0 0 9999px #0009;
  --tw-shadow-colored: 0 0 0 9999px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_9999px_rgba\(0\2c 0\2c 0\2c 0\.5\)\] {
  --tw-shadow: 0 0 0 9999px rgba(0,0,0,0.5);
  --tw-shadow-colored: 0 0 0 9999px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_10px_\#22d3ee\] {
  --tw-shadow: 0 0 10px #22d3ee;
  --tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_10px_2px\] {
  --tw-shadow: 0 0 10px 2px;
  --tw-shadow-colored: 0 0 10px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_10px_rgba\(147\2c 51\2c 234\2c 0\.8\)\] {
  --tw-shadow: 0 0 10px rgba(147,51,234,0.8);
  --tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_10px_rgba\(16\2c 185\2c 129\2c 0\.7\)\] {
  --tw-shadow: 0 0 10px rgba(16,185,129,0.7);
  --tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_10px_rgba\(168\2c 85\2c 247\2c 0\.8\)\] {
  --tw-shadow: 0 0 10px rgba(168,85,247,0.8);
  --tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_10px_rgba\(236\2c 72\2c 153\2c 0\.8\)\] {
  --tw-shadow: 0 0 10px rgba(236,72,153,0.8);
  --tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_10px_rgba\(239\2c 68\2c 68\2c 0\.8\)\] {
  --tw-shadow: 0 0 10px rgba(239,68,68,0.8);
  --tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_10px_rgba\(255\2c 255\2c 255\2c 0\.7\)\] {
  --tw-shadow: 0 0 10px rgba(255,255,255,0.7);
  --tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_10px_rgba\(34\2c 197\2c 94\2c 0\.8\)\] {
  --tw-shadow: 0 0 10px rgba(34,197,94,0.8);
  --tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_10px_rgba\(34\2c 211\2c 238\2c 0\.25\)\] {
  --tw-shadow: 0 0 10px rgba(34,211,238,0.25);
  --tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_10px_rgba\(34\2c 211\2c 238\2c 0\.8\)\] {
  --tw-shadow: 0 0 10px rgba(34,211,238,0.8);
  --tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_10px_rgba\(56\2c 189\2c 248\2c 0\.45\)\] {
  --tw-shadow: 0 0 10px rgba(56,189,248,0.45);
  --tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_10px_rgba\(56\2c 189\2c 248\2c 0\.75\)\] {
  --tw-shadow: 0 0 10px rgba(56,189,248,0.75);
  --tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_10px_var\(--record\)\] {
  --tw-shadow: 0 0 10px var(--record);
  --tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_12px_\#ef4444\] {
  --tw-shadow: 0 0 12px #ef4444;
  --tw-shadow-colored: 0 0 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_12px_currentColor\] {
  --tw-shadow: 0 0 12px currentColor;
  --tw-shadow-colored: 0 0 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_12px_hsl\(var\(--primary\)\/0\.6\)\] {
  --tw-shadow: 0 0 12px hsl(var(--primary)/0.6);
  --tw-shadow-colored: 0 0 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_12px_rgba\(0\2c 168\2c 132\2c 0\.35\)\] {
  --tw-shadow: 0 0 12px rgba(0,168,132,0.35);
  --tw-shadow-colored: 0 0 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_12px_rgba\(168\2c 85\2c 247\2c 0\.8\)\] {
  --tw-shadow: 0 0 12px rgba(168,85,247,0.8);
  --tw-shadow-colored: 0 0 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_12px_rgba\(217\2c 254\2c 0\2c 0\.15\)\] {
  --tw-shadow: 0 0 12px rgba(217,254,0,0.15);
  --tw-shadow-colored: 0 0 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_12px_rgba\(217\2c 254\2c 0\2c 0\.4\)\] {
  --tw-shadow: 0 0 12px rgba(217,254,0,0.4);
  --tw-shadow-colored: 0 0 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_12px_rgba\(34\2c 211\2c 238\2c 0\.3\)\] {
  --tw-shadow: 0 0 12px rgba(34,211,238,0.3);
  --tw-shadow-colored: 0 0 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_12px_rgba\(34\2c 211\2c 238\2c 0\.35\)\] {
  --tw-shadow: 0 0 12px rgba(34,211,238,0.35);
  --tw-shadow-colored: 0 0 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_12px_rgba\(34\2c 211\2c 238\2c 0\.4\)\] {
  --tw-shadow: 0 0 12px rgba(34,211,238,0.4);
  --tw-shadow-colored: 0 0 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_12px_rgba\(34\2c 211\2c 238\2c 0\.5\)\] {
  --tw-shadow: 0 0 12px rgba(34,211,238,0.5);
  --tw-shadow-colored: 0 0 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_12px_rgba\(34\2c 211\2c 238\2c 1\)\] {
  --tw-shadow: 0 0 12px rgba(34,211,238,1);
  --tw-shadow-colored: 0 0 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_12px_rgba\(56\2c 189\2c 248\2c 0\.85\)\] {
  --tw-shadow: 0 0 12px rgba(56,189,248,0.85);
  --tw-shadow-colored: 0 0 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_12px_var\(--lcd-foreground\)\] {
  --tw-shadow: 0 0 12px var(--lcd-foreground);
  --tw-shadow-colored: 0 0 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_12px_var\(--primary\)\] {
  --tw-shadow: 0 0 12px var(--primary);
  --tw-shadow-colored: 0 0 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_15px_hsl\(var\(--primary\)\/0\.3\)\] {
  --tw-shadow: 0 0 15px hsl(var(--primary)/0.3);
  --tw-shadow-colored: 0 0 15px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_15px_rgba\(147\2c 51\2c 234\2c 0\.8\)\] {
  --tw-shadow: 0 0 15px rgba(147,51,234,0.8);
  --tw-shadow-colored: 0 0 15px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_15px_rgba\(16\2c 185\2c 129\2c 0\.25\)\] {
  --tw-shadow: 0 0 15px rgba(16,185,129,0.25);
  --tw-shadow-colored: 0 0 15px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_15px_rgba\(161\2c 161\2c 170\2c 0\.18\)\] {
  --tw-shadow: 0 0 15px rgba(161,161,170,0.18);
  --tw-shadow-colored: 0 0 15px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_15px_rgba\(164\2c 180\2c 148\2c 0\.4\)\2c 0_2px_4px_rgba\(0\2c 0\2c 0\2c 0\.3\)_inset\] {
  --tw-shadow: 0 0 15px rgba(164,180,148,0.4),0 2px 4px rgba(0,0,0,0.3) inset;
  --tw-shadow-colored: 0 0 15px var(--tw-shadow-color), inset 0 2px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_15px_rgba\(168\2c 85\2c 247\2c 0\.8\)\] {
  --tw-shadow: 0 0 15px rgba(168,85,247,0.8);
  --tw-shadow-colored: 0 0 15px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_15px_rgba\(234\2c 179\2c 8\2c 0\.15\)\] {
  --tw-shadow: 0 0 15px rgba(234,179,8,0.15);
  --tw-shadow-colored: 0 0 15px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_15px_rgba\(234\2c 179\2c 8\2c 0\.5\)\] {
  --tw-shadow: 0 0 15px rgba(234,179,8,0.5);
  --tw-shadow-colored: 0 0 15px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_15px_rgba\(236\2c 72\2c 153\2c 0\.8\)\] {
  --tw-shadow: 0 0 15px rgba(236,72,153,0.8);
  --tw-shadow-colored: 0 0 15px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_15px_rgba\(239\2c 68\2c 68\2c 0\.8\)\] {
  --tw-shadow: 0 0 15px rgba(239,68,68,0.8);
  --tw-shadow-colored: 0 0 15px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_15px_rgba\(244\2c 63\2c 94\2c 0\.2\)\] {
  --tw-shadow: 0 0 15px rgba(244,63,94,0.2);
  --tw-shadow-colored: 0 0 15px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_15px_rgba\(34\2c 197\2c 94\2c 0\.8\)\] {
  --tw-shadow: 0 0 15px rgba(34,197,94,0.8);
  --tw-shadow-colored: 0 0 15px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_15px_rgba\(34\2c 211\2c 238\2c 0\.8\)\] {
  --tw-shadow: 0 0 15px rgba(34,211,238,0.8);
  --tw-shadow-colored: 0 0 15px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_15px_rgba\(99\2c 102\2c 241\2c 0\.25\)\] {
  --tw-shadow: 0 0 15px rgba(99,102,241,0.25);
  --tw-shadow-colored: 0 0 15px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_16px_-2px_\#22d3ee\] {
  --tw-shadow: 0 0 16px -2px #22d3ee;
  --tw-shadow-colored: 0 0 16px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_16px_rgba\(250\2c 204\2c 21\2c 0\.2\)\] {
  --tw-shadow: 0 0 16px rgba(250,204,21,0.2);
  --tw-shadow-colored: 0 0 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_16px_rgba\(34\2c 211\2c 238\2c 0\.15\)\] {
  --tw-shadow: 0 0 16px rgba(34,211,238,0.15);
  --tw-shadow-colored: 0 0 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_16px_rgba\(34\2c 211\2c 238\2c 0\.2\)\] {
  --tw-shadow: 0 0 16px rgba(34,211,238,0.2);
  --tw-shadow-colored: 0 0 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_16px_rgba\(34\2c 211\2c 238\2c 0\.6\)\] {
  --tw-shadow: 0 0 16px rgba(34,211,238,0.6);
  --tw-shadow-colored: 0 0 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_16px_rgba\(56\2c 189\2c 248\2c 0\.9\)\] {
  --tw-shadow: 0 0 16px rgba(56,189,248,0.9);
  --tw-shadow-colored: 0 0 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_16px_rgba\(99\2c 102\2c 241\2c 0\.45\)\] {
  --tw-shadow: 0 0 16px rgba(99,102,241,0.45);
  --tw-shadow-colored: 0 0 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_18px_rgba\(217\2c 70\2c 239\2c 0\.28\)\] {
  --tw-shadow: 0 0 18px rgba(217,70,239,0.28);
  --tw-shadow-colored: 0 0 18px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_20px_\#06b6d4\] {
  --tw-shadow: 0 0 20px #06b6d4;
  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_20px_\#22c55e\] {
  --tw-shadow: 0 0 20px #22c55e;
  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_20px_\#9333ea\] {
  --tw-shadow: 0 0 20px #9333ea;
  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_20px_\#a855f7\] {
  --tw-shadow: 0 0 20px #a855f7;
  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_20px_\#ec4899\] {
  --tw-shadow: 0 0 20px #ec4899;
  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_20px_\#ef4444\] {
  --tw-shadow: 0 0 20px #ef4444;
  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_20px_\#ff71ce\] {
  --tw-shadow: 0 0 20px #ff71ce;
  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_20px_hsl\(var\(--primary\)\)\] {
  --tw-shadow: 0 0 20px hsl(var(--primary));
  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_20px_rgba\(0\2c 0\2c 0\2c 0\.2\)\] {
  --tw-shadow: 0 0 20px rgba(0,0,0,0.2);
  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_20px_rgba\(147\2c 51\2c 234\2c 0\.8\)\] {
  --tw-shadow: 0 0 20px rgba(147,51,234,0.8);
  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_20px_rgba\(168\2c 85\2c 247\2c 0\.8\)\] {
  --tw-shadow: 0 0 20px rgba(168,85,247,0.8);
  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_20px_rgba\(204\2c 255\2c 0\2c 0\.3\)\] {
  --tw-shadow: 0 0 20px rgba(204,255,0,0.3);
  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_20px_rgba\(217\2c 70\2c 239\2c 0\.25\)\] {
  --tw-shadow: 0 0 20px rgba(217,70,239,0.25);
  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_20px_rgba\(217\2c 70\2c 239\2c 0\.35\)\] {
  --tw-shadow: 0 0 20px rgba(217,70,239,0.35);
  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_20px_rgba\(234\2c 179\2c 8\2c 0\.3\)\] {
  --tw-shadow: 0 0 20px rgba(234,179,8,0.3);
  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_20px_rgba\(236\2c 72\2c 153\2c 0\.8\)\] {
  --tw-shadow: 0 0 20px rgba(236,72,153,0.8);
  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_20px_rgba\(239\2c 68\2c 68\2c 0\.25\)\] {
  --tw-shadow: 0 0 20px rgba(239,68,68,0.25);
  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_20px_rgba\(239\2c 68\2c 68\2c 0\.8\)\] {
  --tw-shadow: 0 0 20px rgba(239,68,68,0.8);
  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_20px_rgba\(255\2c 255\2c 255\2c 0\.6\)\] {
  --tw-shadow: 0 0 20px rgba(255,255,255,0.6);
  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_20px_rgba\(34\2c 197\2c 94\2c 0\.8\)\] {
  --tw-shadow: 0 0 20px rgba(34,197,94,0.8);
  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_20px_rgba\(34\2c 211\2c 238\2c 0\.2\)\] {
  --tw-shadow: 0 0 20px rgba(34,211,238,0.2);
  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_20px_rgba\(34\2c 211\2c 238\2c 0\.25\)\] {
  --tw-shadow: 0 0 20px rgba(34,211,238,0.25);
  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_20px_rgba\(34\2c 211\2c 238\2c 0\.8\)\] {
  --tw-shadow: 0 0 20px rgba(34,211,238,0.8);
  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_20px_rgba\(56\2c 189\2c 248\2c 0\.12\)\] {
  --tw-shadow: 0 0 20px rgba(56,189,248,0.12);
  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_20px_rgba\(59\2c 130\2c 246\2c 0\.3\)\] {
  --tw-shadow: 0 0 20px rgba(59,130,246,0.3);
  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_20px_rgba\(59\2c 130\2c 246\2c 0\.4\)\] {
  --tw-shadow: 0 0 20px rgba(59,130,246,0.4);
  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_20px_rgba\(99\2c 102\2c 241\2c 0\.22\)\] {
  --tw-shadow: 0 0 20px rgba(99,102,241,0.22);
  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_20px_rgba\(99\2c 102\2c 241\2c 0\.6\)\] {
  --tw-shadow: 0 0 20px rgba(99,102,241,0.6);
  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_22px_rgba\(245\2c 158\2c 11\2c 0\.3\)\] {
  --tw-shadow: 0 0 22px rgba(245,158,11,0.3);
  --tw-shadow-colored: 0 0 22px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_24px_-2px_\#22d3ee\] {
  --tw-shadow: 0 0 24px -2px #22d3ee;
  --tw-shadow-colored: 0 0 24px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_24px_-6px_\#22d3ee\] {
  --tw-shadow: 0 0 24px -6px #22d3ee;
  --tw-shadow-colored: 0 0 24px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_24px_rgba\(163\2c 230\2c 53\2c 0\.15\)\] {
  --tw-shadow: 0 0 24px rgba(163,230,53,0.15);
  --tw-shadow-colored: 0 0 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_24px_rgba\(217\2c 70\2c 239\2c 0\.25\)\] {
  --tw-shadow: 0 0 24px rgba(217,70,239,0.25);
  --tw-shadow-colored: 0 0 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_24px_rgba\(232\2c 121\2c 249\2c 0\.2\)\] {
  --tw-shadow: 0 0 24px rgba(232,121,249,0.2);
  --tw-shadow-colored: 0 0 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_24px_rgba\(255\2c 255\2c 255\2c 0\.2\)\] {
  --tw-shadow: 0 0 24px rgba(255,255,255,0.2);
  --tw-shadow-colored: 0 0 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_24px_rgba\(34\2c 211\2c 238\2c 0\.25\)\] {
  --tw-shadow: 0 0 24px rgba(34,211,238,0.25);
  --tw-shadow-colored: 0 0 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_24px_rgba\(34\2c 211\2c 238\2c 0\.35\)\] {
  --tw-shadow: 0 0 24px rgba(34,211,238,0.35);
  --tw-shadow-colored: 0 0 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_30px_hsl\(var\(--primary\)\/0\.25\)\] {
  --tw-shadow: 0 0 30px hsl(var(--primary)/0.25);
  --tw-shadow-colored: 0 0 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_30px_rgba\(34\2c 211\2c 238\2c 0\.35\)\] {
  --tw-shadow: 0 0 30px rgba(34,211,238,0.35);
  --tw-shadow-colored: 0 0 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_3px_\#000\] {
  --tw-shadow: 0 0 3px #000;
  --tw-shadow-colored: 0 0 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_4px_\#ff00ff\] {
  --tw-shadow: 0 0 4px #ff00ff;
  --tw-shadow-colored: 0 0 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_4px_rgba\(255\2c 255\2c 255\2c 0\.45\)\] {
  --tw-shadow: 0 0 4px rgba(255,255,255,0.45);
  --tw-shadow-colored: 0 0 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_6px_\#22d3ee\] {
  --tw-shadow: 0 0 6px #22d3ee;
  --tw-shadow-colored: 0 0 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_6px_1px_rgba\(148\2c 163\2c 184\2c 0\.35\)\] {
  --tw-shadow: 0 0 6px 1px rgba(148,163,184,0.35);
  --tw-shadow-colored: 0 0 6px 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);
}
.shadow-\[0_0_6px_rgba\(0\2c 0\2c 0\2c 0\.03\)\2c 0_2px_6px_rgba\(0\2c 0\2c 0\2c 0\.08\)\2c inset_3px_3px_0\.5px_-3px_rgba\(0\2c 0\2c 0\2c 0\.9\)\2c inset_-3px_-3px_0\.5px_-3px_rgba\(0\2c 0\2c 0\2c 0\.85\)\2c inset_1px_1px_1px_-0\.5px_rgba\(0\2c 0\2c 0\2c 0\.6\)\2c inset_-1px_-1px_1px_-0\.5px_rgba\(0\2c 0\2c 0\2c 0\.6\)\2c inset_0_0_6px_6px_rgba\(0\2c 0\2c 0\2c 0\.12\)\2c inset_0_0_2px_2px_rgba\(0\2c 0\2c 0\2c 0\.06\)\2c 0_0_12px_rgba\(255\2c 255\2c 255\2c 0\.15\)\] {
  --tw-shadow: 0 0 6px rgba(0,0,0,0.03),0 2px 6px rgba(0,0,0,0.08),inset 3px 3px 0.5px -3px rgba(0,0,0,0.9),inset -3px -3px 0.5px -3px rgba(0,0,0,0.85),inset 1px 1px 1px -0.5px rgba(0,0,0,0.6),inset -1px -1px 1px -0.5px rgba(0,0,0,0.6),inset 0 0 6px 6px rgba(0,0,0,0.12),inset 0 0 2px 2px rgba(0,0,0,0.06),0 0 12px rgba(255,255,255,0.15);
  --tw-shadow-colored: 0 0 6px var(--tw-shadow-color), 0 2px 6px var(--tw-shadow-color), inset 3px 3px 0.5px -3px var(--tw-shadow-color), inset -3px -3px 0.5px -3px var(--tw-shadow-color), inset 1px 1px 1px -0.5px var(--tw-shadow-color), inset -1px -1px 1px -0.5px var(--tw-shadow-color), inset 0 0 6px 6px var(--tw-shadow-color), inset 0 0 2px 2px var(--tw-shadow-color), 0 0 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_6px_rgba\(45\2c 212\2c 191\2c 0\.7\)\] {
  --tw-shadow: 0 0 6px rgba(45,212,191,0.7);
  --tw-shadow-colored: 0 0 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_6px_var\(--lcd-foreground\)\] {
  --tw-shadow: 0 0 6px var(--lcd-foreground);
  --tw-shadow-colored: 0 0 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_6px_var\(--synth-accent\)\] {
  --tw-shadow: 0 0 6px var(--synth-accent);
  --tw-shadow-colored: 0 0 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_80px_rgba\(0\2c 0\2c 0\2c 0\.8\)\] {
  --tw-shadow: 0 0 80px rgba(0,0,0,0.8);
  --tw-shadow-colored: 0 0 80px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_8px_\#00ffff\] {
  --tw-shadow: 0 0 8px #00ffff;
  --tw-shadow-colored: 0 0 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_8px_\#22d3ee\] {
  --tw-shadow: 0 0 8px #22d3ee;
  --tw-shadow-colored: 0 0 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_8px_\#bef264\] {
  --tw-shadow: 0 0 8px #bef264;
  --tw-shadow-colored: 0 0 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_8px_\#d946ef\] {
  --tw-shadow: 0 0 8px #d946ef;
  --tw-shadow-colored: 0 0 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_8px_\#e879f9\] {
  --tw-shadow: 0 0 8px #e879f9;
  --tw-shadow-colored: 0 0 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_8px_2px\] {
  --tw-shadow: 0 0 8px 2px;
  --tw-shadow-colored: 0 0 8px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_8px_hsl\(var\(--primary\)\/0\.4\)\] {
  --tw-shadow: 0 0 8px hsl(var(--primary)/0.4);
  --tw-shadow-colored: 0 0 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_8px_rgba\(147\2c 51\2c 234\2c 0\.8\)\] {
  --tw-shadow: 0 0 8px rgba(147,51,234,0.8);
  --tw-shadow-colored: 0 0 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_8px_rgba\(16\2c 185\2c 129\2c 0\.5\)\] {
  --tw-shadow: 0 0 8px rgba(16,185,129,0.5);
  --tw-shadow-colored: 0 0 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_8px_rgba\(168\2c 85\2c 247\2c 0\.8\)\] {
  --tw-shadow: 0 0 8px rgba(168,85,247,0.8);
  --tw-shadow-colored: 0 0 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_8px_rgba\(217\2c 70\2c 239\2c 0\.4\)\] {
  --tw-shadow: 0 0 8px rgba(217,70,239,0.4);
  --tw-shadow-colored: 0 0 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_8px_rgba\(239\2c 68\2c 68\2c 0\.6\)\] {
  --tw-shadow: 0 0 8px rgba(239,68,68,0.6);
  --tw-shadow-colored: 0 0 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_8px_rgba\(239\2c 68\2c 68\2c 0\.8\)\] {
  --tw-shadow: 0 0 8px rgba(239,68,68,0.8);
  --tw-shadow-colored: 0 0 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_8px_rgba\(255\2c 255\2c 255\2c 0\.45\)\] {
  --tw-shadow: 0 0 8px rgba(255,255,255,0.45);
  --tw-shadow-colored: 0 0 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_8px_rgba\(34\2c 197\2c 94\2c 0\.8\)\] {
  --tw-shadow: 0 0 8px rgba(34,197,94,0.8);
  --tw-shadow-colored: 0 0 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_8px_rgba\(34\2c 211\2c 238\2c 0\.8\)\] {
  --tw-shadow: 0 0 8px rgba(34,211,238,0.8);
  --tw-shadow-colored: 0 0 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_8px_rgba\(52\2c 211\2c 153\2c 0\.6\)\] {
  --tw-shadow: 0 0 8px rgba(52,211,153,0.6);
  --tw-shadow-colored: 0 0 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_8px_rgba\(56\2c 189\2c 248\2c 0\.55\)\] {
  --tw-shadow: 0 0 8px rgba(56,189,248,0.55);
  --tw-shadow-colored: 0 0 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_8px_var\(--color-foreground\)\/30\] {
  --tw-shadow: 0 0 8px var(--color-foreground)/30;
  --tw-shadow-colored: 0 0 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_8px_var\(--lcd-foreground\)\] {
  --tw-shadow: 0 0 8px var(--lcd-foreground);
  --tw-shadow-colored: 0 0 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_10px_24px_-12px_rgba\(0\2c 0\2c 0\2c 0\.6\)\] {
  --tw-shadow: 0 10px 24px -12px rgba(0,0,0,0.6);
  --tw-shadow-colored: 0 10px 24px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_10px_30px_-8px_rgba\(0\2c 0\2c 0\2c 0\.7\)\] {
  --tw-shadow: 0 10px 30px -8px rgba(0,0,0,0.7);
  --tw-shadow-colored: 0 10px 30px -8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_10px_30px_rgba\(0\2c 0\2c 0\2c 0\.5\)\2c 0_0_0_1px_rgba\(255\2c 255\2c 255\2c 0\.05\)_inset\] {
  --tw-shadow: 0 10px 30px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.05) inset;
  --tw-shadow-colored: 0 10px 30px var(--tw-shadow-color), 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);
}
.shadow-\[0_10px_30px_rgba\(0\2c 0\2c 0\2c 0\.5\)\2c 0_0_0_1px_rgba\(255\2c 255\2c 255\2c 0\.1\)_inset\] {
  --tw-shadow: 0 10px 30px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.1) inset;
  --tw-shadow-colored: 0 10px 30px var(--tw-shadow-color), 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);
}
.shadow-\[0_10px_30px_rgba\(0\2c 0\2c 0\2c 0\.5\)\2c 0_0_0_1px_rgba\(255\2c 255\2c 255\2c 0\.2\)_inset\] {
  --tw-shadow: 0 10px 30px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.2) inset;
  --tw-shadow-colored: 0 10px 30px var(--tw-shadow-color), 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);
}
.shadow-\[0_10px_30px_rgba\(15\2c 23\2c 42\2c 0\.2\)\] {
  --tw-shadow: 0 10px 30px rgba(15,23,42,0.2);
  --tw-shadow-colored: 0 10px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_10px_34px_rgba\(0\2c 0\2c 0\2c 0\.5\)\] {
  --tw-shadow: 0 10px 34px rgba(0,0,0,0.5);
  --tw-shadow-colored: 0 10px 34px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_10px_40px_rgba\(0\2c 0\2c 0\2c 0\.04\)\] {
  --tw-shadow: 0 10px 40px rgba(0,0,0,0.04);
  --tw-shadow-colored: 0 10px 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_28px_oklch\(0_0_0\/0\.28\)\] {
  --tw-shadow: 0 12px 28px oklch(0 0 0/0.28);
  --tw-shadow-colored: 0 12px 28px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_28px_rgba\(0\2c 0\2c 0\2c 0\.22\)\] {
  --tw-shadow: 0 12px 28px rgba(0,0,0,0.22);
  --tw-shadow-colored: 0 12px 28px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_32px_-8px_rgba\(0\2c 0\2c 0\2c 0\.15\)\] {
  --tw-shadow: 0 12px 32px -8px rgba(0,0,0,0.15);
  --tw-shadow-colored: 0 12px 32px -8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_32px_rgba\(0\2c 0\2c 0\2c 0\.5\)\] {
  --tw-shadow: 0 12px 32px rgba(0,0,0,0.5);
  --tw-shadow-colored: 0 12px 32px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_40px_-12px_rgba\(0\2c 0\2c 0\2c 0\.65\)\2c 0_0_0_1px_rgba\(255\2c 255\2c 255\2c 0\.04\)_inset\] {
  --tw-shadow: 0 12px 40px -12px rgba(0,0,0,0.65),0 0 0 1px rgba(255,255,255,0.04) inset;
  --tw-shadow-colored: 0 12px 40px -12px var(--tw-shadow-color), 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);
}
.shadow-\[0_12px_40px_-8px_rgba\(0\2c 0\2c 0\2c 0\.18\)\2c 0_0_0_1px_rgba\(0\2c 0\2c 0\2c 0\.04\)\] {
  --tw-shadow: 0 12px 40px -8px rgba(0,0,0,0.18),0 0 0 1px rgba(0,0,0,0.04);
  --tw-shadow-colored: 0 12px 40px -8px var(--tw-shadow-color), 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);
}
.shadow-\[0_12px_40px_-8px_rgba\(0\2c 0\2c 0\2c 0\.18\)\] {
  --tw-shadow: 0 12px 40px -8px rgba(0,0,0,0.18);
  --tw-shadow-colored: 0 12px 40px -8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_40px_-8px_rgba\(0\2c 0\2c 0\2c 0\.55\)\] {
  --tw-shadow: 0 12px 40px -8px rgba(0,0,0,0.55);
  --tw-shadow-colored: 0 12px 40px -8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_40px_rgba\(0\2c 0\2c 0\2c 0\.35\)\] {
  --tw-shadow: 0 12px 40px rgba(0,0,0,0.35);
  --tw-shadow-colored: 0 12px 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_40px_rgba\(0\2c 0\2c 0\2c 0\.6\)\] {
  --tw-shadow: 0 12px 40px rgba(0,0,0,0.6);
  --tw-shadow-colored: 0 12px 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_16px_48px_rgba\(15\2c 23\2c 42\2c 0\.08\)\] {
  --tw-shadow: 0 16px 48px rgba(15,23,42,0.08);
  --tw-shadow-colored: 0 16px 48px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_0_0_hsl\(0_0\%_100\%\/0\.04\)_inset\2c 0_10px_28px_-16px_hsl\(0_0\%_0\%\/0\.7\)\] {
  --tw-shadow: 0 1px 0 0 hsl(0 0% 100%/0.04) inset,0 10px 28px -16px hsl(0 0% 0%/0.7);
  --tw-shadow-colored: inset 0 1px 0 0 var(--tw-shadow-color), 0 10px 28px -16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_0_0_rgba\(0\2c 0\2c 0\2c 0\.06\)\2c 0_8px_20px_-12px_rgba\(0\2c 0\2c 0\2c 0\.35\)\] {
  --tw-shadow: 0 1px 0 0 rgba(0,0,0,0.06),0 8px 20px -12px rgba(0,0,0,0.35);
  --tw-shadow-colored: 0 1px 0 0 var(--tw-shadow-color), 0 8px 20px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_0_hsl\(0_0\%_100\%\/0\.04\)\] {
  --tw-shadow: 0 1px 0 hsl(0 0% 100%/0.04);
  --tw-shadow-colored: 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_0_hsl\(var\(--border\)\/0\.35\)\] {
  --tw-shadow: 0 1px 0 hsl(var(--border)/0.35);
  --tw-shadow-colored: 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_0_hsl\(var\(--foreground\)\/0\.04\)\] {
  --tw-shadow: 0 1px 0 hsl(var(--foreground)/0.04);
  --tw-shadow-colored: 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_0_rgba\(0\2c 0\2c 0\2c 0\.02\)\2c 0_8px_24px_rgba\(15\2c 23\2c 42\2c 0\.08\)\] {
  --tw-shadow: 0 1px 0 rgba(0,0,0,0.02),0 8px 24px rgba(15,23,42,0.08);
  --tw-shadow-colored: 0 1px 0 var(--tw-shadow-color), 0 8px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.04\)\] {
  --tw-shadow: 0 1px 0 rgba(255,255,255,0.04);
  --tw-shadow-colored: 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.08\)_inset\2c 0_1px_2px_rgba\(15\2c 23\2c 42\2c 0\.05\)\2c 0_4px_14px_rgba\(15\2c 23\2c 42\2c 0\.06\)\] {
  --tw-shadow: 0 1px 0 rgba(255,255,255,0.08) inset,0 1px 2px rgba(15,23,42,0.05),0 4px 14px rgba(15,23,42,0.06);
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color), 0 1px 2px var(--tw-shadow-color), 0 4px 14px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.1\)_inset\2c 0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.04\)\2c 0_4px_14px_rgba\(0\2c 0\2c 0\2c 0\.05\)\] {
  --tw-shadow: 0 1px 0 rgba(255,255,255,0.1) inset,0 1px 2px rgba(0,0,0,0.04),0 4px 14px rgba(0,0,0,0.05);
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color), 0 1px 2px var(--tw-shadow-color), 0 4px 14px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.1\)_inset\2c 0_4px_14px_rgba\(0\2c 0\2c 0\2c 0\.12\)\] {
  --tw-shadow: 0 1px 0 rgba(255,255,255,0.1) inset,0 4px 14px rgba(0,0,0,0.12);
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color), 0 4px 14px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.12\)_inset\2c 0_2px_6px_rgba\(15\2c 23\2c 42\2c 0\.08\)\] {
  --tw-shadow: 0 1px 0 rgba(255,255,255,0.12) inset,0 2px 6px rgba(15,23,42,0.08);
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color), 0 2px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.2\)\] {
  --tw-shadow: 0 1px 0 rgba(255,255,255,0.2);
  --tw-shadow-colored: 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.4\)_inset\2c 0_18px_50px_-10px_rgba\(0\2c 0\2c 0\2c 0\.5\)\] {
  --tw-shadow: 0 1px 0 rgba(255,255,255,0.4) inset,0 18px 50px -10px rgba(0,0,0,0.5);
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color), 0 18px 50px -10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.8\)\] {
  --tw-shadow: 0 1px 0 rgba(255,255,255,0.8);
  --tw-shadow-colored: 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_1px_rgba\(0\2c 0\2c 0\2c 0\.06\)\] {
  --tw-shadow: 0 1px 1px rgba(0,0,0,0.06);
  --tw-shadow-colored: 0 1px 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);
}
.shadow-\[0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.04\)\2c 0_12px_32px_-8px_rgba\(0\2c 0\2c 0\2c 0\.10\)\] {
  --tw-shadow: 0 1px 2px rgba(0,0,0,0.04),0 12px 32px -8px rgba(0,0,0,0.10);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color), 0 12px 32px -8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.2\)\] {
  --tw-shadow: 0 1px 2px rgba(0,0,0,0.2);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.22\)\] {
  --tw-shadow: 0 1px 2px rgba(0,0,0,0.22);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.3\)\] {
  --tw-shadow: 0 1px 2px rgba(0,0,0,0.3);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.4\)\] {
  --tw-shadow: 0 1px 2px rgba(0,0,0,0.4);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.8\)_inset\2c 0_0\.5px_0_rgba\(255\2c 255\2c 255\2c 0\.1\)\] {
  --tw-shadow: 0 1px 2px rgba(0,0,0,0.8) inset,0 0.5px 0 rgba(255,255,255,0.1);
  --tw-shadow-colored: inset 0 1px 2px var(--tw-shadow-color), 0 0.5px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_2px_rgba\(28\2c 25\2c 23\2c 0\.06\)\2c 0_4px_10px_-8px_rgba\(28\2c 25\2c 23\2c 0\.45\)\] {
  --tw-shadow: 0 1px 2px rgba(28,25,23,0.06),0 4px 10px -8px rgba(28,25,23,0.45);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color), 0 4px 10px -8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_3px_rgba\(0\2c 0\2c 0\2c 0\.08\)\] {
  --tw-shadow: 0 1px 3px rgba(0,0,0,0.08);
  --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_3px_rgba\(0\2c 0\2c 0\2c 0\.2\)\] {
  --tw-shadow: 0 1px 3px rgba(0,0,0,0.2);
  --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_3px_rgba\(0\2c 0\2c 0\2c 0\.4\)\] {
  --tw-shadow: 0 1px 3px rgba(0,0,0,0.4);
  --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_4px_rgba\(0\2c 0\2c 0\2c 0\.35\)\] {
  --tw-shadow: 0 1px 4px rgba(0,0,0,0.35);
  --tw-shadow-colored: 0 1px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_8px_rgba\(0\2c 0\2c 0\2c 0\.06\)\] {
  --tw-shadow: 0 1px 8px rgba(0,0,0,0.06);
  --tw-shadow-colored: 0 1px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_20px_50px_rgba\(0\2c 0\2c 0\2c 0\.7\)\] {
  --tw-shadow: 0 20px 50px rgba(0,0,0,0.7);
  --tw-shadow-colored: 0 20px 50px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_20px_60px_-30px_oklch\(0\.2_0\.02_262\/0\.5\)\] {
  --tw-shadow: 0 20px 60px -30px oklch(0.2 0.02 262/0.5);
  --tw-shadow-colored: 0 20px 60px -30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_20px_60px_-30px_rgba\(79\2c 70\2c 229\2c 0\.75\)\] {
  --tw-shadow: 0 20px 60px -30px rgba(79,70,229,0.75);
  --tw-shadow-colored: 0 20px 60px -30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_20px_60px_rgba\(0\2c 0\2c 0\2c 0\.5\)\2c 0_0_0_1px_rgba\(255\2c 255\2c 255\2c 0\.1\)_inset\] {
  --tw-shadow: 0 20px 60px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.1) inset;
  --tw-shadow-colored: 0 20px 60px var(--tw-shadow-color), 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);
}
.shadow-\[0_20px_60px_rgba\(0\2c 0\2c 0\2c 0\.5\)\] {
  --tw-shadow: 0 20px 60px rgba(0,0,0,0.5);
  --tw-shadow-colored: 0 20px 60px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_22px_70px_rgba\(0\2c 0\2c 0\2c 0\.28\)\] {
  --tw-shadow: 0 22px 70px rgba(0,0,0,0.28);
  --tw-shadow-colored: 0 22px 70px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_22px_70px_rgba\(0\2c 0\2c 0\2c 0\.5\)\] {
  --tw-shadow: 0 22px 70px rgba(0,0,0,0.5);
  --tw-shadow-colored: 0 22px 70px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_22px_70px_rgba\(0\2c 0\2c 0\2c 0\.55\)\] {
  --tw-shadow: 0 22px 70px rgba(0,0,0,0.55);
  --tw-shadow-colored: 0 22px 70px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_24px_50px_-12px_rgba\(0\2c 0\2c 0\2c 0\.08\)\] {
  --tw-shadow: 0 24px 50px -12px rgba(0,0,0,0.08);
  --tw-shadow-colored: 0 24px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_24px_70px_-20px_oklch\(0_0_0\/0\.7\)\] {
  --tw-shadow: 0 24px 70px -20px oklch(0 0 0/0.7);
  --tw-shadow-colored: 0 24px 70px -20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_24px_70px_-45px_rgba\(15\2c 23\2c 42\2c 0\.35\)\] {
  --tw-shadow: 0 24px 70px -45px rgba(15,23,42,0.35);
  --tw-shadow-colored: 0 24px 70px -45px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_24px_80px_-12px_rgba\(0\2c 0\2c 0\2c 0\.35\)\] {
  --tw-shadow: 0 24px 80px -12px rgba(0,0,0,0.35);
  --tw-shadow-colored: 0 24px 80px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_24px_80px_-12px_rgba\(0\2c 0\2c 0\2c 0\.85\)\] {
  --tw-shadow: 0 24px 80px -12px rgba(0,0,0,0.85);
  --tw-shadow-colored: 0 24px 80px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_24px_80px_rgba\(0\2c 0\2c 0\2c 0\.35\)\] {
  --tw-shadow: 0 24px 80px rgba(0,0,0,0.35);
  --tw-shadow-colored: 0 24px 80px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_25px_60px_rgba\(15\2c 23\2c 42\2c 0\.3\)\] {
  --tw-shadow: 0 25px 60px rgba(15,23,42,0.3);
  --tw-shadow-colored: 0 25px 60px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_28px_80px_rgba\(0\2c 0\2c 0\2c 0\.5\)\] {
  --tw-shadow: 0 28px 80px rgba(0,0,0,0.5);
  --tw-shadow-colored: 0 28px 80px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2cqw_5cqw_-2cqw_rgb\(0_0_0\/\.5\)\] {
  --tw-shadow: 0 2cqw 5cqw -2cqw rgb(0 0 0/.5);
  --tw-shadow-colored: 0 2cqw 5cqw -2cqw var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_0_0_rgba\(0\2c 0\2c 0\2c 0\.25\)\] {
  --tw-shadow: 0 2px 0 0 rgba(0,0,0,0.25);
  --tw-shadow-colored: 0 2px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_10px_rgba\(0\2c 0\2c 0\2c 0\.5\)\] {
  --tw-shadow: 0 2px 10px rgba(0,0,0,0.5);
  --tw-shadow-colored: 0 2px 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_14px_rgba\(0\2c 0\2c 0\2c 0\.5\)\] {
  --tw-shadow: 0 2px 14px rgba(0,0,0,0.5);
  --tw-shadow-colored: 0 2px 14px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_16px_rgba\(0\2c 0\2c 0\2c 0\.06\)\] {
  --tw-shadow: 0 2px 16px rgba(0,0,0,0.06);
  --tw-shadow-colored: 0 2px 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_4px_rgba\(0\2c 0\2c 0\2c 0\.15\)\2c inset_0_1px_1px_rgba\(255\2c 255\2c 255\2c 0\.15\)\2c inset_0_-1px_2px_rgba\(0\2c 0\2c 0\2c 0\.3\)\] {
  --tw-shadow: 0 2px 4px rgba(0,0,0,0.15),inset 0 1px 1px rgba(255,255,255,0.15),inset 0 -1px 2px rgba(0,0,0,0.3);
  --tw-shadow-colored: 0 2px 4px var(--tw-shadow-color), inset 0 1px 1px var(--tw-shadow-color), inset 0 -1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_4px_rgba\(0\2c 0\2c 0\2c 0\.3\)\] {
  --tw-shadow: 0 2px 4px rgba(0,0,0,0.3);
  --tw-shadow-colored: 0 2px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_4px_rgba\(0\2c 0\2c 0\2c 0\.3\)_inset\] {
  --tw-shadow: 0 2px 4px rgba(0,0,0,0.3) inset;
  --tw-shadow-colored: inset 0 2px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_4px_rgba\(0\2c 0\2c 0\2c 0\.4\)\2c 0_0_0_1px_rgba\(255\2c 255\2c 255\2c 0\.05\)_inset\] {
  --tw-shadow: 0 2px 4px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.05) inset;
  --tw-shadow-colored: 0 2px 4px var(--tw-shadow-color), 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);
}
.shadow-\[0_2px_4px_rgba\(0\2c 0\2c 0\2c 0\.4\)\] {
  --tw-shadow: 0 2px 4px rgba(0,0,0,0.4);
  --tw-shadow-colored: 0 2px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_4px_rgba\(0\2c 0\2c 0\2c 0\.4\)_inset\] {
  --tw-shadow: 0 2px 4px rgba(0,0,0,0.4) inset;
  --tw-shadow-colored: inset 0 2px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_4px_rgba\(0\2c 0\2c 0\2c 0\.6\)\] {
  --tw-shadow: 0 2px 4px rgba(0,0,0,0.6);
  --tw-shadow-colored: 0 2px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_4px_rgba\(0\2c 0\2c 0\2c 0\.6\)_inset\] {
  --tw-shadow: 0 2px 4px rgba(0,0,0,0.6) inset;
  --tw-shadow-colored: inset 0 2px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_5px_rgba\(0\2c 0\2c 0\2c 0\.22\)\] {
  --tw-shadow: 0 2px 5px rgba(0,0,0,0.22);
  --tw-shadow-colored: 0 2px 5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_6px_rgba\(0\2c 0\2c 0\2c 0\.22\)\] {
  --tw-shadow: 0 2px 6px rgba(0,0,0,0.22);
  --tw-shadow-colored: 0 2px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_6px_rgba\(0\2c 0\2c 0\2c 0\.6\)_inset\] {
  --tw-shadow: 0 2px 6px rgba(0,0,0,0.6) inset;
  --tw-shadow-colored: inset 0 2px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_8px_rgba\(0\2c 0\2c 0\2c 0\.3\)_inset\2c 0_-1px_0_rgba\(255\2c 255\2c 255\2c 0\.5\)_inset\] {
  --tw-shadow: 0 2px 8px rgba(0,0,0,0.3) inset,0 -1px 0 rgba(255,255,255,0.5) inset;
  --tw-shadow-colored: inset 0 2px 8px var(--tw-shadow-color), inset 0 -1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_8px_rgba\(0\2c 0\2c 0\2c 0\.3\)_inset\] {
  --tw-shadow: 0 2px 8px rgba(0,0,0,0.3) inset;
  --tw-shadow-colored: inset 0 2px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_8px_rgba\(0\2c 0\2c 0\2c 0\.6\)_inset\] {
  --tw-shadow: 0 2px 8px rgba(0,0,0,0.6) inset;
  --tw-shadow-colored: inset 0 2px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_32px_64px_rgba\(0\2c 0\2c 0\2c 0\.4\)\2c 0_16px_32px_rgba\(139\2c 92\2c 246\2c 0\.15\)\] {
  --tw-shadow: 0 32px 64px rgba(0,0,0,0.4),0 16px 32px rgba(139,92,246,0.15);
  --tw-shadow-colored: 0 32px 64px var(--tw-shadow-color), 0 16px 32px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_3px_5px_rgba\(0\2c 0\2c 0\2c 0\.2\)\2c inset_0_0\.5px_1px_rgba\(255\2c 255\2c 255\2c 0\.1\)\2c inset_0_-2px_3px_rgba\(0\2c 0\2c 0\2c 0\.4\)\] {
  --tw-shadow: 0 3px 5px rgba(0,0,0,0.2),inset 0 0.5px 1px rgba(255,255,255,0.1),inset 0 -2px 3px rgba(0,0,0,0.4);
  --tw-shadow-colored: 0 3px 5px var(--tw-shadow-color), inset 0 0.5px 1px var(--tw-shadow-color), inset 0 -2px 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_3px_5px_rgba\(0\2c 0\2c 0\2c 0\.5\)\2c 0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.7\)_inset\2c 0_-1px_0_rgba\(0\2c 0\2c 0\2c 0\.2\)_inset\] {
  --tw-shadow: 0 3px 5px rgba(0,0,0,0.5),0 1px 0 rgba(255,255,255,0.7) inset,0 -1px 0 rgba(0,0,0,0.2) inset;
  --tw-shadow-colored: 0 3px 5px var(--tw-shadow-color), inset 0 1px 0 var(--tw-shadow-color), inset 0 -1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_3px_6px_rgba\(0\2c 0\2c 0\2c 0\.6\)\2c 0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.6\)_inset\2c 0_-1px_0_rgba\(0\2c 0\2c 0\2c 0\.2\)_inset\] {
  --tw-shadow: 0 3px 6px rgba(0,0,0,0.6),0 1px 0 rgba(255,255,255,0.6) inset,0 -1px 0 rgba(0,0,0,0.2) inset;
  --tw-shadow-colored: 0 3px 6px var(--tw-shadow-color), inset 0 1px 0 var(--tw-shadow-color), inset 0 -1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_3px_8px_rgba\(0\2c 0\2c 0\2c 0\.6\)_inset\2c 0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.05\)\] {
  --tw-shadow: 0 3px 8px rgba(0,0,0,0.6) inset,0 1px 0 rgba(255,255,255,0.05);
  --tw-shadow-colored: inset 0 3px 8px var(--tw-shadow-color), 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_3px_9px_rgba\(32\2c 32\2c 36\2c 0\.09\)\2c 0_1px_1px_rgba\(32\2c 32\2c 36\2c 0\.06\)\2c inset_0_2px_0_rgba\(255\2c 255\2c 255\2c 0\.92\)\] {
  --tw-shadow: 0 3px 9px rgba(32,32,36,0.09),0 1px 1px rgba(32,32,36,0.06),inset 0 2px 0 rgba(255,255,255,0.92);
  --tw-shadow-colored: 0 3px 9px var(--tw-shadow-color), 0 1px 1px var(--tw-shadow-color), inset 0 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_4px_0_0_rgba\(0\2c 0\2c 0\2c 0\.35\)\] {
  --tw-shadow: 0 4px 0 0 rgba(0,0,0,0.35);
  --tw-shadow-colored: 0 4px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_4px_12px_rgba\(0\2c 0\2c 0\2c 0\.5\)\2c 0_-1px_2px_rgba\(255\2c 255\2c 255\2c 0\.1\)_inset\] {
  --tw-shadow: 0 4px 12px rgba(0,0,0,0.5),0 -1px 2px rgba(255,255,255,0.1) inset;
  --tw-shadow-colored: 0 4px 12px var(--tw-shadow-color), inset 0 -1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_4px_12px_rgba\(0\2c 0\2c 0\2c 0\.5\)\] {
  --tw-shadow: 0 4px 12px rgba(0,0,0,0.5);
  --tw-shadow-colored: 0 4px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_4px_12px_rgba\(0\2c 0\2c 0\2c 0\.6\)\2c 0_0_0_1px_rgba\(0\2c 0\2c 0\2c 0\.8\)\] {
  --tw-shadow: 0 4px 12px rgba(0,0,0,0.6),0 0 0 1px rgba(0,0,0,0.8);
  --tw-shadow-colored: 0 4px 12px var(--tw-shadow-color), 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);
}
.shadow-\[0_4px_12px_rgba\(0\2c 0\2c 0\2c 0\.6\)\2c 0_0_0_1px_rgba\(255\2c 255\2c 255\2c 0\.1\)\] {
  --tw-shadow: 0 4px 12px rgba(0,0,0,0.6),0 0 0 1px rgba(255,255,255,0.1);
  --tw-shadow-colored: 0 4px 12px var(--tw-shadow-color), 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);
}
.shadow-\[0_4px_12px_rgba\(0\2c 0\2c 0\2c 0\.8\)_inset\2c 0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.03\)\] {
  --tw-shadow: 0 4px 12px rgba(0,0,0,0.8) inset,0 1px 0 rgba(255,255,255,0.03);
  --tw-shadow-colored: inset 0 4px 12px var(--tw-shadow-color), 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_4px_12px_rgba\(217\2c 254\2c 0\2c 0\.1\)\] {
  --tw-shadow: 0 4px 12px rgba(217,254,0,0.1);
  --tw-shadow-colored: 0 4px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_4px_14px_rgba\(0\2c 0\2c 0\2c 0\.4\)\] {
  --tw-shadow: 0 4px 14px rgba(0,0,0,0.4);
  --tw-shadow-colored: 0 4px 14px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_4px_16px_-4px_rgba\(0\2c 0\2c 0\2c 0\.55\)\] {
  --tw-shadow: 0 4px 16px -4px rgba(0,0,0,0.55);
  --tw-shadow-colored: 0 4px 16px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_4px_20px_rgba\(245\2c 166\2c 35\2c 0\.35\)\] {
  --tw-shadow: 0 4px 20px rgba(245,166,35,0.35);
  --tw-shadow-colored: 0 4px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_4px_6px_rgba\(0\2c 0\2c 0\2c 0\.25\)\2c inset_0_1px_2px_rgba\(255\2c 255\2c 255\2c 0\.2\)\2c inset_0_-2px_4px_rgba\(0\2c 0\2c 0\2c 0\.5\)\] {
  --tw-shadow: 0 4px 6px rgba(0,0,0,0.25),inset 0 1px 2px rgba(255,255,255,0.2),inset 0 -2px 4px rgba(0,0,0,0.5);
  --tw-shadow-colored: 0 4px 6px var(--tw-shadow-color), inset 0 1px 2px var(--tw-shadow-color), inset 0 -2px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_4px_8px_rgba\(0\2c 0\2c 0\2c 0\.6\)\2c 0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.3\)_inset\2c 0_-1px_0_rgba\(0\2c 0\2c 0\2c 0\.3\)_inset\] {
  --tw-shadow: 0 4px 8px rgba(0,0,0,0.6),0 1px 0 rgba(255,255,255,0.3) inset,0 -1px 0 rgba(0,0,0,0.3) inset;
  --tw-shadow-colored: 0 4px 8px var(--tw-shadow-color), inset 0 1px 0 var(--tw-shadow-color), inset 0 -1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_50px_15px_var\(--primary\)\] {
  --tw-shadow: 0 50px 15px var(--primary);
  --tw-shadow-colored: 0 50px 15px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_5px_0_0_rgba\(0\2c 0\2c 0\2c 0\.35\)\] {
  --tw-shadow: 0 5px 0 0 rgba(0,0,0,0.35);
  --tw-shadow-colored: 0 5px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_5px_15px_rgba\(0\2c 0\2c 0\2c 0\.9\)_inset\2c 0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.05\)\] {
  --tw-shadow: 0 5px 15px rgba(0,0,0,0.9) inset,0 1px 0 rgba(255,255,255,0.05);
  --tw-shadow-colored: inset 0 5px 15px var(--tw-shadow-color), 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_6px_0_0_rgba\(0\2c 0\2c 0\2c 0\.35\)\] {
  --tw-shadow: 0 6px 0 0 rgba(0,0,0,0.35);
  --tw-shadow-colored: 0 6px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_6px_0_0_rgba\(0\2c 0\2c 0\2c 0\.4\)\] {
  --tw-shadow: 0 6px 0 0 rgba(0,0,0,0.4);
  --tw-shadow-colored: 0 6px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_6px_20px_rgba\(0\2c 0\2c 0\2c 0\.08\)\] {
  --tw-shadow: 0 6px 20px rgba(0,0,0,0.08);
  --tw-shadow-colored: 0 6px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_6px_8px_rgba\(0\2c 0\2c 0\2c 0\.3\)\2c inset_0_2px_3px_rgba\(255\2c 255\2c 255\2c 0\.25\)\2c inset_0_-3px_6px_rgba\(0\2c 0\2c 0\2c 0\.6\)\] {
  --tw-shadow: 0 6px 8px rgba(0,0,0,0.3),inset 0 2px 3px rgba(255,255,255,0.25),inset 0 -3px 6px rgba(0,0,0,0.6);
  --tw-shadow-colored: 0 6px 8px var(--tw-shadow-color), inset 0 2px 3px var(--tw-shadow-color), inset 0 -3px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_7px_18px_rgba\(32\2c 32\2c 36\2c 0\.14\)\2c 0_1px_2px_rgba\(32\2c 32\2c 36\2c 0\.08\)\2c inset_0_2px_0_rgba\(255\2c 255\2c 255\2c 0\.98\)\] {
  --tw-shadow: 0 7px 18px rgba(32,32,36,0.14),0 1px 2px rgba(32,32,36,0.08),inset 0 2px 0 rgba(255,255,255,0.98);
  --tw-shadow-colored: 0 7px 18px var(--tw-shadow-color), 0 1px 2px var(--tw-shadow-color), inset 0 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_18px_-10px_rgba\(0\2c 0\2c 0\2c 0\.6\)\] {
  --tw-shadow: 0 8px 18px -10px rgba(0,0,0,0.6);
  --tw-shadow-colored: 0 8px 18px -10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_18px_rgba\(0\2c 0\2c 0\2c 0\.5\)\] {
  --tw-shadow: 0 8px 18px rgba(0,0,0,0.5);
  --tw-shadow-colored: 0 8px 18px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_20px_rgba\(0\2c 0\2c 0\2c 0\.8\)_inset\2c 0_2px_4px_rgba\(255\2c 255\2c 255\2c 0\.1\)\] {
  --tw-shadow: 0 8px 20px rgba(0,0,0,0.8) inset,0 2px 4px rgba(255,255,255,0.1);
  --tw-shadow-colored: inset 0 8px 20px var(--tw-shadow-color), 0 2px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_22px_rgba\(0\2c 0\2c 0\2c 0\.5\)\] {
  --tw-shadow: 0 8px 22px rgba(0,0,0,0.5);
  --tw-shadow-colored: 0 8px 22px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_24px_\#0000000f\] {
  --tw-shadow: 0 8px 24px #0000000f;
  --tw-shadow-colored: 0 8px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_24px_-8px_rgba\(0\2c 0\2c 0\2c 0\.25\)\] {
  --tw-shadow: 0 8px 24px -8px rgba(0,0,0,0.25);
  --tw-shadow-colored: 0 8px 24px -8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_24px_-8px_rgba\(0\2c 0\2c 0\2c 0\.45\)\] {
  --tw-shadow: 0 8px 24px -8px rgba(0,0,0,0.45);
  --tw-shadow-colored: 0 8px 24px -8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_24px_oklch\(0_0_0\/0\.35\)\] {
  --tw-shadow: 0 8px 24px oklch(0 0 0/0.35);
  --tw-shadow-colored: 0 8px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_24px_rgba\(0\2c 0\2c 0\2c 0\.45\)\] {
  --tw-shadow: 0 8px 24px rgba(0,0,0,0.45);
  --tw-shadow-colored: 0 8px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_24px_rgba\(0\2c 0\2c 0\2c 0\.6\)\2c 0_0_0_1px_rgba\(255\2c 255\2c 255\2c 0\.05\)_inset\2c 0_-2px_4px_rgba\(255\2c 255\2c 255\2c 0\.1\)_inset\] {
  --tw-shadow: 0 8px 24px rgba(0,0,0,0.6),0 0 0 1px rgba(255,255,255,0.05) inset,0 -2px 4px rgba(255,255,255,0.1) inset;
  --tw-shadow-colored: 0 8px 24px var(--tw-shadow-color), inset 0 0 0 1px var(--tw-shadow-color), inset 0 -2px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_28px_rgba\(0\2c 0\2c 0\2c 0\.35\)\2c 0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.06\)_inset\] {
  --tw-shadow: 0 8px 28px rgba(0,0,0,0.35),0 1px 0 rgba(255,255,255,0.06) inset;
  --tw-shadow-colored: 0 8px 28px var(--tw-shadow-color), inset 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_30px_rgb\(0\2c 0\2c 0\2c 0\.04\)\] {
  --tw-shadow: 0 8px 30px rgb(0,0,0,0.04);
  --tw-shadow-colored: 0 8px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_30px_rgb\(0\2c 0\2c 0\2c 0\.12\)\] {
  --tw-shadow: 0 8px 30px rgb(0,0,0,0.12);
  --tw-shadow-colored: 0 8px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_30px_rgba\(0\2c 0\2c 0\2c 0\.4\)\] {
  --tw-shadow: 0 8px 30px rgba(0,0,0,0.4);
  --tw-shadow-colored: 0 8px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_32px_oklch\(0_0_0\/0\.45\)\] {
  --tw-shadow: 0 8px 32px oklch(0 0 0/0.45);
  --tw-shadow-colored: 0 8px 32px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_32px_rgba\(0\2c 0\2c 0\2c 0\.3\)\] {
  --tw-shadow: 0 8px 32px rgba(0,0,0,0.3);
  --tw-shadow-colored: 0 8px 32px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_32px_rgba\(0\2c 0\2c 0\2c 0\.5\)\] {
  --tw-shadow: 0 8px 32px rgba(0,0,0,0.5);
  --tw-shadow-colored: 0 8px 32px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_50px_rgba\(0\2c 0\2c 0\2c 0\.08\)\] {
  --tw-shadow: 0 8px 50px rgba(0,0,0,0.08);
  --tw-shadow-colored: 0 8px 50px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_0px_0px_1\.0714285373687744px_rgba\(3\2c 112\2c 232\2c 1\.00\)\] {
  --tw-shadow: 0px 0px 0px 1.0714285373687744px rgba(3,112,232,1.00);
  --tw-shadow-colored: 0px 0px 0px 1.0714285373687744px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_0px_0px_1px_rgba\(0\2c 0\2c 0\2c \.07\)\2c 0px_0px_0px_3px_\#fff\2c 0px_0px_0px_4px_rgba\(0\2c 0\2c 0\2c \.08\)\] {
  --tw-shadow: 0px 0px 0px 1px rgba(0,0,0,.07),0px 0px 0px 3px #fff,0px 0px 0px 4px rgba(0,0,0,.08);
  --tw-shadow-colored: 0px 0px 0px 1px var(--tw-shadow-color), 0px 0px 0px 3px var(--tw-shadow-color), 0px 0px 0px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_0px_0px_1px_rgba\(0\2c 0\2c 0\2c 0\.13\)\] {
  --tw-shadow: 0px 0px 0px 1px rgba(0,0,0,0.13);
  --tw-shadow-colored: 0px 0px 0px 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);
}
.shadow-\[0px_0px_0px_1px_rgba\(255\2c 255\2c 255\2c 0\.08\)\] {
  --tw-shadow: 0px 0px 0px 1px rgba(255,255,255,0.08);
  --tw-shadow-colored: 0px 0px 0px 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);
}
.shadow-\[0px_1\.0714285373687744px_2\.142857074737549px_0px_rgba\(0\2c 0\2c 0\2c 0\.12\)\] {
  --tw-shadow: 0px 1.0714285373687744px 2.142857074737549px 0px rgba(0,0,0,0.12);
  --tw-shadow-colored: 0px 1.0714285373687744px 2.142857074737549px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_1\.0714285373687744px_2\.142857074737549px_0px_rgba\(0\2c 0\2c 0\2c 0\.50\)\] {
  --tw-shadow: 0px 1.0714285373687744px 2.142857074737549px 0px rgba(0,0,0,0.50);
  --tw-shadow-colored: 0px 1.0714285373687744px 2.142857074737549px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_1px_1px_0px_rgba\(0\2c 0\2c 0\2c 0\.05\)\2c 0px_1px_1px_0px_rgba\(255\2c 252\2c 240\2c 0\.5\)_inset\2c 0px_0px_0px_1px_hsla\(0\2c 0\%\2c 100\%\2c 0\.1\)_inset\2c 0px_0px_1px_0px_rgba\(28\2c 27\2c 26\2c 0\.5\)\] {
  --tw-shadow: 0px 1px 1px 0px rgba(0,0,0,0.05),0px 1px 1px 0px rgba(255,252,240,0.5) inset,0px 0px 0px 1px hsla(0,0%,100%,0.1) inset,0px 0px 1px 0px rgba(28,27,26,0.5);
  --tw-shadow-colored: 0px 1px 1px 0px var(--tw-shadow-color), inset 0px 1px 1px 0px var(--tw-shadow-color), inset 0px 0px 0px 1px var(--tw-shadow-color), 0px 0px 1px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_1px_2px_-0\.5px_rgba\(0\2c 0\2c 0\2c 0\.10\)\] {
  --tw-shadow: 0px 1px 2px -0.5px rgba(0,0,0,0.10);
  --tw-shadow-colored: 0px 1px 2px -0.5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_1px_3px_rgba\(0\2c 0\2c 0\2c 0\.15\)\] {
  --tw-shadow: 0px 1px 3px rgba(0,0,0,0.15);
  --tw-shadow-colored: 0px 1px 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_2px_4px_-1px_rgba\(0\2c 0\2c 0\2c 0\.06\)\] {
  --tw-shadow: 0px 2px 4px -1px rgba(0,0,0,0.06);
  --tw-shadow-colored: 0px 2px 4px -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);
}
.shadow-\[0px_2px_4px_0px_rgba\(0\2c 0\2c 0\2c 0\.16\)\] {
  --tw-shadow: 0px 2px 4px 0px rgba(0,0,0,0.16);
  --tw-shadow-colored: 0px 2px 4px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[10px_10px_0_0_\#000\] {
  --tw-shadow: 10px 10px 0 0 #000;
  --tw-shadow-colored: 10px 10px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[12px_12px_24px_rgba\(0\2c 0\2c 0\2c 0\.15\)\2c -12px_-12px_24px_rgba\(255\2c 255\2c 255\2c 0\.9\)\] {
  --tw-shadow: 12px 12px 24px rgba(0,0,0,0.15),-12px -12px 24px rgba(255,255,255,0.9);
  --tw-shadow-colored: 12px 12px 24px var(--tw-shadow-color), -12px -12px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[1px_0_0_0_hsl\(var\(--border\)\)\] {
  --tw-shadow: 1px 0 0 0 hsl(var(--border));
  --tw-shadow-colored: 1px 0 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[2px_0_12px_rgba\(0\2c 0\2c 0\2c 0\.22\)\2c inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.06\)\] {
  --tw-shadow: 2px 0 12px rgba(0,0,0,0.22),inset 0 1px 0 rgba(255,255,255,0.06);
  --tw-shadow-colored: 2px 0 12px var(--tw-shadow-color), inset 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[2px_2px_0_\#881337\] {
  --tw-shadow: 2px 2px 0 #881337;
  --tw-shadow-colored: 2px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[2px_2px_0_\#888\] {
  --tw-shadow: 2px 2px 0 #888;
  --tw-shadow-colored: 2px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[2px_2px_0_0_\#000\] {
  --tw-shadow: 2px 2px 0 0 #000;
  --tw-shadow-colored: 2px 2px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[2px_2px_0_0_rgba\(0\2c 0\2c 0\2c 0\.12\)\] {
  --tw-shadow: 2px 2px 0 0 rgba(0,0,0,0.12);
  --tw-shadow-colored: 2px 2px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[2px_2px_4px_\#bcbcbc\2c -2px_-2px_4px_\#ffffff\] {
  --tw-shadow: 2px 2px 4px #bcbcbc,-2px -2px 4px #ffffff;
  --tw-shadow-colored: 2px 2px 4px var(--tw-shadow-color), -2px -2px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[2px_2px_4px_rgba\(0\2c 0\2c 0\2c 0\.05\)\2c -2px_-2px_4px_rgba\(255\2c 255\2c 255\2c 0\.8\)\] {
  --tw-shadow: 2px 2px 4px rgba(0,0,0,0.05),-2px -2px 4px rgba(255,255,255,0.8);
  --tw-shadow-colored: 2px 2px 4px var(--tw-shadow-color), -2px -2px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[2px_2px_4px_rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
  --tw-shadow: 2px 2px 4px rgba(0,0,0,0.1);
  --tw-shadow-colored: 2px 2px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[2px_2px_5px_rgba\(0\2c 0\2c 0\2c 0\.05\)\2c -2px_-2px_5px_rgba\(255\2c 255\2c 255\2c 0\.8\)\] {
  --tw-shadow: 2px 2px 5px rgba(0,0,0,0.05),-2px -2px 5px rgba(255,255,255,0.8);
  --tw-shadow-colored: 2px 2px 5px var(--tw-shadow-color), -2px -2px 5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[3px_3px_0_0_\#000\] {
  --tw-shadow: 3px 3px 0 0 #000;
  --tw-shadow-colored: 3px 3px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[3px_3px_0px_0px_rgba\(0\2c 0\2c 0\2c 1\)\] {
  --tw-shadow: 3px 3px 0px 0px rgba(0,0,0,1);
  --tw-shadow-colored: 3px 3px 0px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[3px_3px_6px_\#a3b1c6\2c -3px_-3px_6px_\#ffffff\] {
  --tw-shadow: 3px 3px 6px #a3b1c6,-3px -3px 6px #ffffff;
  --tw-shadow-colored: 3px 3px 6px var(--tw-shadow-color), -3px -3px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[3px_3px_6px_\#bcbcbc\2c -3px_-3px_6px_\#ffffff\] {
  --tw-shadow: 3px 3px 6px #bcbcbc,-3px -3px 6px #ffffff;
  --tw-shadow-colored: 3px 3px 6px var(--tw-shadow-color), -3px -3px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[3px_3px_6px_\#c5ccd8\2c -3px_-3px_6px_\#fff\] {
  --tw-shadow: 3px 3px 6px #c5ccd8,-3px -3px 6px #fff;
  --tw-shadow-colored: 3px 3px 6px var(--tw-shadow-color), -3px -3px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[3px_3px_6px_\#c5ccd8\2c -3px_-3px_6px_\#ffffff\] {
  --tw-shadow: 3px 3px 6px #c5ccd8,-3px -3px 6px #ffffff;
  --tw-shadow-colored: 3px 3px 6px var(--tw-shadow-color), -3px -3px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[3px_3px_6px_\#c9d0dc\2c -3px_-3px_6px_\#fff\] {
  --tw-shadow: 3px 3px 6px #c9d0dc,-3px -3px 6px #fff;
  --tw-shadow-colored: 3px 3px 6px var(--tw-shadow-color), -3px -3px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[3px_3px_6px_rgba\(0\2c 0\2c 0\2c 0\.08\)\2c -3px_-3px_6px_rgba\(255\2c 255\2c 255\2c 0\.6\)\] {
  --tw-shadow: 3px 3px 6px rgba(0,0,0,0.08),-3px -3px 6px rgba(255,255,255,0.6);
  --tw-shadow-colored: 3px 3px 6px var(--tw-shadow-color), -3px -3px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[3px_3px_8px_rgba\(0\2c 0\2c 0\2c 0\.08\)\2c -2px_-2px_6px_rgba\(255\2c 255\2c 255\2c 0\.6\)\] {
  --tw-shadow: 3px 3px 8px rgba(0,0,0,0.08),-2px -2px 6px rgba(255,255,255,0.6);
  --tw-shadow-colored: 3px 3px 8px var(--tw-shadow-color), -2px -2px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[3px_3px_8px_rgba\(0\2c 0\2c 0\2c 0\.08\)\2c -3px_-3px_8px_rgba\(255\2c 255\2c 255\2c 0\.65\)\] {
  --tw-shadow: 3px 3px 8px rgba(0,0,0,0.08),-3px -3px 8px rgba(255,255,255,0.65);
  --tw-shadow-colored: 3px 3px 8px var(--tw-shadow-color), -3px -3px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[4px_0_0_\#22d3ee\2c -4px_0_0_\#eab308\] {
  --tw-shadow: 4px 0 0 #22d3ee,-4px 0 0 #eab308;
  --tw-shadow-colored: 4px 0 0 var(--tw-shadow-color), -4px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[4px_0_24px_rgba\(0\2c 0\2c 0\2c 0\.35\)\] {
  --tw-shadow: 4px 0 24px rgba(0,0,0,0.35);
  --tw-shadow-colored: 4px 0 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[4px_4px_0_\#0f766e\] {
  --tw-shadow: 4px 4px 0 #0f766e;
  --tw-shadow-colored: 4px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[4px_4px_0_0_\#000\] {
  --tw-shadow: 4px 4px 0 0 #000;
  --tw-shadow-colored: 4px 4px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[4px_4px_0_0_\#2d1b00\] {
  --tw-shadow: 4px 4px 0 0 #2d1b00;
  --tw-shadow-colored: 4px 4px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[4px_4px_0_0_black\] {
  --tw-shadow: 4px 4px 0 0 black;
  --tw-shadow-colored: 4px 4px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[4px_4px_0_0_rgba\(15\2c 118\2c 110\2c 0\.4\)\] {
  --tw-shadow: 4px 4px 0 0 rgba(15,118,110,0.4);
  --tw-shadow-colored: 4px 4px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[4px_4px_0px_0px\] {
  --tw-shadow: 4px 4px 0px 0px;
  --tw-shadow-colored: 4px 4px 0px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[4px_4px_0px_0px_rgba\(0\2c 0\2c 0\2c 1\)\] {
  --tw-shadow: 4px 4px 0px 0px rgba(0,0,0,1);
  --tw-shadow-colored: 4px 4px 0px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[4px_4px_10px_rgba\(0\2c 0\2c 0\2c 0\.06\)\2c -4px_-4px_10px_rgba\(255\2c 255\2c 255\2c 0\.7\)\] {
  --tw-shadow: 4px 4px 10px rgba(0,0,0,0.06),-4px -4px 10px rgba(255,255,255,0.7);
  --tw-shadow-colored: 4px 4px 10px var(--tw-shadow-color), -4px -4px 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[4px_4px_8px_\#a3b1c6\2c -4px_-4px_8px_\#ffffff\] {
  --tw-shadow: 4px 4px 8px #a3b1c6,-4px -4px 8px #ffffff;
  --tw-shadow-colored: 4px 4px 8px var(--tw-shadow-color), -4px -4px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[4px_4px_8px_\#bcbcbc\2c -4px_-4px_8px_\#fff\] {
  --tw-shadow: 4px 4px 8px #bcbcbc,-4px -4px 8px #fff;
  --tw-shadow-colored: 4px 4px 8px var(--tw-shadow-color), -4px -4px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[4px_4px_8px_\#c5ccd8\2c -4px_-4px_8px_\#fff\] {
  --tw-shadow: 4px 4px 8px #c5ccd8,-4px -4px 8px #fff;
  --tw-shadow-colored: 4px 4px 8px var(--tw-shadow-color), -4px -4px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[4px_4px_8px_\#c5d0e0\2c -4px_-4px_8px_\#fff\] {
  --tw-shadow: 4px 4px 8px #c5d0e0,-4px -4px 8px #fff;
  --tw-shadow-colored: 4px 4px 8px var(--tw-shadow-color), -4px -4px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[4px_4px_8px_\#c9d0dc\2c -4px_-4px_8px_\#ffffff\] {
  --tw-shadow: 4px 4px 8px #c9d0dc,-4px -4px 8px #ffffff;
  --tw-shadow-colored: 4px 4px 8px var(--tw-shadow-color), -4px -4px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[4px_4px_8px_rgba\(0\2c 0\2c 0\2c 0\.05\)\2c -4px_-4px_8px_rgba\(255\2c 255\2c 255\2c 0\.8\)\] {
  --tw-shadow: 4px 4px 8px rgba(0,0,0,0.05),-4px -4px 8px rgba(255,255,255,0.8);
  --tw-shadow-colored: 4px 4px 8px var(--tw-shadow-color), -4px -4px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[5px_5px_0_0_\#000\] {
  --tw-shadow: 5px 5px 0 0 #000;
  --tw-shadow-colored: 5px 5px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[5px_5px_10px_\#c5ccd8\2c -5px_-5px_10px_\#fff\] {
  --tw-shadow: 5px 5px 10px #c5ccd8,-5px -5px 10px #fff;
  --tw-shadow-colored: 5px 5px 10px var(--tw-shadow-color), -5px -5px 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[6px_6px_0_0_\#000\] {
  --tw-shadow: 6px 6px 0 0 #000;
  --tw-shadow-colored: 6px 6px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[6px_6px_0px_0px_rgba\(0\2c 0\2c 0\2c 1\)\] {
  --tw-shadow: 6px 6px 0px 0px rgba(0,0,0,1);
  --tw-shadow-colored: 6px 6px 0px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[6px_6px_12px_\#bcbcbc\2c -6px_-6px_12px_\#ffffff\] {
  --tw-shadow: 6px 6px 12px #bcbcbc,-6px -6px 12px #ffffff;
  --tw-shadow-colored: 6px 6px 12px var(--tw-shadow-color), -6px -6px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[6px_6px_12px_rgba\(0\2c 0\2c 0\2c 0\.1\)\2c -6px_-6px_12px_rgba\(255\2c 255\2c 255\2c 0\.9\)\] {
  --tw-shadow: 6px 6px 12px rgba(0,0,0,0.1),-6px -6px 12px rgba(255,255,255,0.9);
  --tw-shadow-colored: 6px 6px 12px var(--tw-shadow-color), -6px -6px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[6px_6px_12px_rgba\(0\2c 0\2c 0\2c 0\.12\)\2c -6px_-6px_12px_rgba\(255\2c 255\2c 255\2c 0\.7\)\] {
  --tw-shadow: 6px 6px 12px rgba(0,0,0,0.12),-6px -6px 12px rgba(255,255,255,0.7);
  --tw-shadow-colored: 6px 6px 12px var(--tw-shadow-color), -6px -6px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[8px_8px_0_0_var\(--foreground\)\] {
  --tw-shadow: 8px 8px 0 0 var(--foreground);
  --tw-shadow-colored: 8px 8px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[8px_8px_0px_0px_rgba\(0\2c 0\2c 0\2c 1\)\] {
  --tw-shadow: 8px 8px 0px 0px rgba(0,0,0,1);
  --tw-shadow-colored: 8px 8px 0px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[8px_8px_16px_\#a3b1c6\2c -8px_-8px_16px_\#ffffff\] {
  --tw-shadow: 8px 8px 16px #a3b1c6,-8px -8px 16px #ffffff;
  --tw-shadow-colored: 8px 8px 16px var(--tw-shadow-color), -8px -8px 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[8px_8px_18px_\#c9c2d8\2c -8px_-8px_18px_\#ffffff\] {
  --tw-shadow: 8px 8px 18px #c9c2d8,-8px -8px 18px #ffffff;
  --tw-shadow-colored: 8px 8px 18px var(--tw-shadow-color), -8px -8px 18px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[8px_8px_20px_\#c5d0e0\2c -8px_-8px_20px_\#ffffff\] {
  --tw-shadow: 8px 8px 20px #c5d0e0,-8px -8px 20px #ffffff;
  --tw-shadow-colored: 8px 8px 20px var(--tw-shadow-color), -8px -8px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_-1px_-1px_0_\#0a0a0a\2c inset_1px_1px_0_\#3a3a3a\] {
  --tw-shadow: inset -1px -1px 0 #0a0a0a,inset 1px 1px 0 #3a3a3a;
  --tw-shadow-colored: inset -1px -1px 0 var(--tw-shadow-color), inset 1px 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_-1px_-1px_0_\#808080\2c inset_1px_1px_0_\#fff\] {
  --tw-shadow: inset -1px -1px 0 #808080,inset 1px 1px 0 #fff;
  --tw-shadow-colored: inset -1px -1px 0 var(--tw-shadow-color), inset 1px 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_-1px_0_hsl\(var\(--foreground\)\/0\.28\)\] {
  --tw-shadow: inset 0 -1px 0 hsl(var(--foreground)/0.28);
  --tw-shadow-colored: inset 0 -1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_-2px_0_0_hsl\(var\(--primary\)\)\] {
  --tw-shadow: inset 0 -2px 0 0 hsl(var(--primary));
  --tw-shadow-colored: inset 0 -2px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_-2px_0_hsl\(var\(--foreground\)\/0\.42\)\] {
  --tw-shadow: inset 0 -2px 0 hsl(var(--foreground)/0.42);
  --tw-shadow-colored: inset 0 -2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_-2px_4px_rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
  --tw-shadow: inset 0 -2px 4px rgba(0,0,0,0.1);
  --tw-shadow-colored: inset 0 -2px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_-2px_4px_rgba\(0\2c 0\2c 0\2c 0\.3\)\] {
  --tw-shadow: inset 0 -2px 4px rgba(0,0,0,0.3);
  --tw-shadow-colored: inset 0 -2px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_0_0_0\.5px_rgba\(0\2c 0\2c 0\2c 0\.18\)\] {
  --tw-shadow: inset 0 0 0 0.5px rgba(0,0,0,0.18);
  --tw-shadow-colored: inset 0 0 0 0.5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_0_0_1\.5px_hsl\(var\(--primary\)\/0\.45\)\] {
  --tw-shadow: inset 0 0 0 1.5px hsl(var(--primary)/0.45);
  --tw-shadow-colored: inset 0 0 0 1.5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_0_0_1px_color-mix\(in_srgb\2c var\(--sidebar-primary\)_25\%\2c transparent\)\] {
  --tw-shadow: inset 0 0 0 1px color-mix(in srgb,var(--sidebar-primary) 25%,transparent);
  --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);
}
.shadow-\[inset_0_0_0_1px_color-mix\(in_srgb\2c var\(--sidebar-primary\)_30\%\2c transparent\)\] {
  --tw-shadow: inset 0 0 0 1px color-mix(in srgb,var(--sidebar-primary) 30%,transparent);
  --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);
}
.shadow-\[inset_0_0_0_1px_oklch\(0\.75_0\.14_55\/0\.45\)\] {
  --tw-shadow: inset 0 0 0 1px oklch(0.75 0.14 55/0.45);
  --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);
}
.shadow-\[inset_0_0_0_1px_oklch\(1_0_0\/0\.1\)\] {
  --tw-shadow: inset 0 0 0 1px oklch(1 0 0/0.1);
  --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);
}
.shadow-\[inset_0_0_0_1px_oklch\(1_0_0\/0\.12\)\] {
  --tw-shadow: inset 0 0 0 1px oklch(1 0 0/0.12);
  --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);
}
.shadow-\[inset_0_0_0_1px_rgba\(0\2c 0\2c 0\2c 0\.06\)\] {
  --tw-shadow: inset 0 0 0 1px rgba(0,0,0,0.06);
  --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);
}
.shadow-\[inset_0_0_0_1px_rgba\(255\2c 255\2c 255\2c 0\.08\)\] {
  --tw-shadow: inset 0 0 0 1px rgba(255,255,255,0.08);
  --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);
}
.shadow-\[inset_0_0_0_1px_rgba\(255\2c 255\2c 255\2c 0\.1\)\] {
  --tw-shadow: inset 0 0 0 1px rgba(255,255,255,0.1);
  --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);
}
.shadow-\[inset_0_0_0_1px_rgba\(255\2c 255\2c 255\2c 0\.22\)\] {
  --tw-shadow: inset 0 0 0 1px rgba(255,255,255,0.22);
  --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);
}
.shadow-\[inset_0_0_0_1px_rgba\(56\2c 189\2c 248\2c 0\.15\)\] {
  --tw-shadow: inset 0 0 0 1px rgba(56,189,248,0.15);
  --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);
}
.shadow-\[inset_0_0_0_1px_rgba\(56\2c 189\2c 248\2c 0\.25\)\] {
  --tw-shadow: inset 0 0 0 1px rgba(56,189,248,0.25);
  --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);
}
.shadow-\[inset_0_0_0_2px_\#0f380f\] {
  --tw-shadow: inset 0 0 0 2px #0f380f;
  --tw-shadow-colored: inset 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_0_0_2px_hsl\(var\(--primary\)\)\] {
  --tw-shadow: inset 0 0 0 2px hsl(var(--primary));
  --tw-shadow-colored: inset 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_0_0_2px_var\(--primary\)\] {
  --tw-shadow: inset 0 0 0 2px var(--primary);
  --tw-shadow-colored: inset 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_0_12px_rgba\(239\2c 68\2c 68\2c 0\.35\)\] {
  --tw-shadow: inset 0 0 12px rgba(239,68,68,0.35);
  --tw-shadow-colored: inset 0 0 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_0_12px_rgba\(250\2c 204\2c 21\2c 0\.15\)\] {
  --tw-shadow: inset 0 0 12px rgba(250,204,21,0.15);
  --tw-shadow-colored: inset 0 0 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_0_80px_rgba\(0\2c 0\2c 0\2c 0\.15\)\] {
  --tw-shadow: inset 0 0 80px rgba(0,0,0,0.15);
  --tw-shadow-colored: inset 0 0 80px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_1px_0_0_hsl\(0_0\%_100\%\/0\.15\)\2c inset_0_-1px_0_0_hsl\(0_0\%_100\%\/0\.05\)\] {
  --tw-shadow: inset 0 1px 0 0 hsl(0 0% 100%/0.15),inset 0 -1px 0 0 hsl(0 0% 100%/0.05);
  --tw-shadow-colored: inset 0 1px 0 0 var(--tw-shadow-color), inset 0 -1px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_1px_0_0_hsl\(0_0\%_100\%\/0\.2\)\] {
  --tw-shadow: inset 0 1px 0 0 hsl(0 0% 100%/0.2);
  --tw-shadow-colored: inset 0 1px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_1px_0_0_rgba\(255\2c 255\2c 255\2c 0\.14\)\2c 0_12px_28px_-16px_rgba\(0\2c 0\2c 0\2c 0\.55\)\] {
  --tw-shadow: inset 0 1px 0 0 rgba(255,255,255,0.14),0 12px 28px -16px rgba(0,0,0,0.55);
  --tw-shadow-colored: inset 0 1px 0 0 var(--tw-shadow-color), 0 12px 28px -16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.03\)\] {
  --tw-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.04\)\] {
  --tw-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.045\)\] {
  --tw-shadow: inset 0 1px 0 rgba(255,255,255,0.045);
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.05\)\2c -2px_0_14px_rgba\(0\2c 0\2c 0\2c 0\.18\)\] {
  --tw-shadow: inset 0 1px 0 rgba(255,255,255,0.05),-2px 0 14px rgba(0,0,0,0.18);
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color), -2px 0 14px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.05\)\] {
  --tw-shadow: inset 0 1px 0 rgba(255,255,255,0.05);
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.055\)\2c inset_0_12px_24px_rgba\(255\2c 255\2c 255\2c 0\.018\)\2c 0_22px_42px_-22px_rgba\(0\2c 0\2c 0\2c 0\.9\)\] {
  --tw-shadow: inset 0 1px 0 rgba(255,255,255,0.055),inset 0 12px 24px rgba(255,255,255,0.018),0 22px 42px -22px rgba(0,0,0,0.9);
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color), inset 0 12px 24px var(--tw-shadow-color), 0 22px 42px -22px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.06\)\] {
  --tw-shadow: inset 0 1px 0 rgba(255,255,255,0.06);
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.08\)\2c inset_0_-1px_0_rgba\(0\2c 0\2c 0\2c 0\.15\)\] {
  --tw-shadow: inset 0 1px 0 rgba(255,255,255,0.08),inset 0 -1px 0 rgba(0,0,0,0.15);
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color), inset 0 -1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.08\)\] {
  --tw-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.09\)\2c inset_0_-12px_24px_rgba\(0\2c 0\2c 0\2c 0\.22\)\] {
  --tw-shadow: inset 0 1px 0 rgba(255,255,255,0.09),inset 0 -12px 24px rgba(0,0,0,0.22);
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color), inset 0 -12px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.09\)\2c inset_0_-1px_0_rgba\(0\2c 0\2c 0\2c 0\.55\)\2c 0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.45\)\] {
  --tw-shadow: inset 0 1px 0 rgba(255,255,255,0.09),inset 0 -1px 0 rgba(0,0,0,0.55),0 1px 2px rgba(0,0,0,0.45);
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color), inset 0 -1px 0 var(--tw-shadow-color), 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.1\)\] {
  --tw-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.12\)\] {
  --tw-shadow: inset 0 1px 0 rgba(255,255,255,0.12);
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.15\)\] {
  --tw-shadow: inset 0 1px 0 rgba(255,255,255,0.15);
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.16\)\] {
  --tw-shadow: inset 0 1px 0 rgba(255,255,255,0.16);
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.45\)\] {
  --tw-shadow: inset 0 1px 0 rgba(255,255,255,0.45);
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.6\)\] {
  --tw-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.65\)\] {
  --tw-shadow: inset 0 1px 0 rgba(255,255,255,0.65);
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.98\)\] {
  --tw-shadow: inset 0 1px 0 rgba(255,255,255,0.98);
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_1px_0_rgba\(88\2c 72\2c 49\2c 0\.04\)\2c inset_0_12px_24px_rgba\(88\2c 72\2c 49\2c 0\.022\)\2c 0_22px_44px_-26px_rgba\(66\2c 52\2c 33\2c 0\.22\)\] {
  --tw-shadow: inset 0 1px 0 rgba(88,72,49,0.04),inset 0 12px 24px rgba(88,72,49,0.022),0 22px 44px -26px rgba(66,52,33,0.22);
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color), inset 0 12px 24px var(--tw-shadow-color), 0 22px 44px -26px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_1px_1px_rgba\(255\2c 255\2c 255\2c 0\.14\)\2c inset_0_-2px_6px_rgba\(0\2c 0\2c 0\2c 0\.8\)\] {
  --tw-shadow: inset 0 1px 1px rgba(255,255,255,0.14),inset 0 -2px 6px rgba(0,0,0,0.8);
  --tw-shadow-colored: inset 0 1px 1px var(--tw-shadow-color), inset 0 -2px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_1px_1px_rgba\(255\2c 255\2c 255\2c 0\.6\)\2c 0_1px_3px_rgba\(0\2c 0\2c 0\2c 0\.8\)\] {
  --tw-shadow: inset 0 1px 1px rgba(255,255,255,0.6),0 1px 3px rgba(0,0,0,0.8);
  --tw-shadow-colored: inset 0 1px 1px var(--tw-shadow-color), 0 1px 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_1px_1px_rgba\(255\2c 255\2c 255\2c 0\.6\)\2c inset_0_-1px_2px_rgba\(150\2c 100\2c 100\2c 0\.2\)\2c 0_30px_60px_-12px_rgba\(0\2c 0\2c 0\2c 0\.8\)\] {
  --tw-shadow: inset 0 1px 1px rgba(255,255,255,0.6),inset 0 -1px 2px rgba(150,100,100,0.2),0 30px 60px -12px rgba(0,0,0,0.8);
  --tw-shadow-colored: inset 0 1px 1px var(--tw-shadow-color), inset 0 -1px 2px var(--tw-shadow-color), 0 30px 60px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_1px_1px_rgba\(255\2c 255\2c 255\2c 0\.8\)\2c 0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.3\)\] {
  --tw-shadow: inset 0 1px 1px rgba(255,255,255,0.8),0 1px 2px rgba(0,0,0,0.3);
  --tw-shadow-colored: inset 0 1px 1px var(--tw-shadow-color), 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.3\)\] {
  --tw-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  --tw-shadow-colored: inset 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_1px_3px_rgba\(0\2c 0\2c 0\2c 0\.85\)\2c inset_0_0_0_1px_rgba\(255\2c 255\2c 255\2c 0\.045\)\] {
  --tw-shadow: inset 0 1px 3px rgba(0,0,0,0.85),inset 0 0 0 1px rgba(255,255,255,0.045);
  --tw-shadow-colored: inset 0 1px 3px var(--tw-shadow-color), 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);
}
.shadow-\[inset_0_2px_0_0_hsl\(var\(--foreground\)\/0\.35\)\] {
  --tw-shadow: inset 0 2px 0 0 hsl(var(--foreground)/0.35);
  --tw-shadow-colored: inset 0 2px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_2px_8px_rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
  --tw-shadow: inset 0 2px 8px rgba(0,0,0,0.1);
  --tw-shadow-colored: inset 0 2px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_2px_8px_rgba\(0\2c 0\2c 0\2c 0\.45\)\] {
  --tw-shadow: inset 0 2px 8px rgba(0,0,0,0.45);
  --tw-shadow-colored: inset 0 2px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_2px_8px_rgba\(0\2c 0\2c 0\2c 1\)\] {
  --tw-shadow: inset 0 2px 8px rgba(0,0,0,1);
  --tw-shadow-colored: inset 0 2px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_2px_8px_rgba\(255\2c 255\2c 255\2c 0\.1\)\] {
  --tw-shadow: inset 0 2px 8px rgba(255,255,255,0.1);
  --tw-shadow-colored: inset 0 2px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_4px_12px_rgba\(0\2c 0\2c 0\2c 0\.8\)\] {
  --tw-shadow: inset 0 4px 12px rgba(0,0,0,0.8);
  --tw-shadow-colored: inset 0 4px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_7px_14px_rgba\(255\2c 255\2c 255\2c 0\.03\)\2c inset_0_0\.5px_0\.5px_rgba\(255\2c 255\2c 255\2c 0\.06\)\2c 0_14px_20px_-6px_rgba\(0\2c 0\2c 0\2c 0\.45\)\] {
  --tw-shadow: inset 0 7px 14px rgba(255,255,255,0.03),inset 0 0.5px 0.5px rgba(255,255,255,0.06),0 14px 20px -6px rgba(0,0,0,0.45);
  --tw-shadow-colored: inset 0 7px 14px var(--tw-shadow-color), inset 0 0.5px 0.5px var(--tw-shadow-color), 0 14px 20px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_7px_14px_rgba\(88\2c 72\2c 49\2c 0\.045\)\2c inset_0_0\.5px_0\.5px_rgba\(255\2c 255\2c 255\2c 0\.92\)\2c inset_1px_0_0_rgba\(88\2c 72\2c 49\2c 0\.026\)\2c inset_-1px_0_0_rgba\(255\2c 255\2c 255\2c 0\.68\)\2c 0_14px_22px_-9px_rgba\(66\2c 52\2c 33\2c 0\.11\)\] {
  --tw-shadow: inset 0 7px 14px rgba(88,72,49,0.045),inset 0 0.5px 0.5px rgba(255,255,255,0.92),inset 1px 0 0 rgba(88,72,49,0.026),inset -1px 0 0 rgba(255,255,255,0.68),0 14px 22px -9px rgba(66,52,33,0.11);
  --tw-shadow-colored: inset 0 7px 14px var(--tw-shadow-color), inset 0 0.5px 0.5px var(--tw-shadow-color), inset 1px 0 0 var(--tw-shadow-color), inset -1px 0 0 var(--tw-shadow-color), 0 14px 22px -9px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_1px_1px_0_\#000\] {
  --tw-shadow: inset 1px 1px 0 #000;
  --tw-shadow-colored: inset 1px 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_1px_1px_1px_var\(--shadow-light\)\2c inset_-1px_-1px_1px_var\(--shadow-dark\)\2c 2px_2px_4px_\#000\] {
  --tw-shadow: inset 1px 1px 1px var(--shadow-light),inset -1px -1px 1px var(--shadow-dark),2px 2px 4px #000;
  --tw-shadow-colored: inset 1px 1px 1px var(--tw-shadow-color), inset -1px -1px 1px var(--tw-shadow-color), 2px 2px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_2px_0_0_\#22d3ee\] {
  --tw-shadow: inset 2px 0 0 #22d3ee;
  --tw-shadow-colored: inset 2px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_2px_0_0_0_\#fff\] {
  --tw-shadow: inset 2px 0 0 0 #fff;
  --tw-shadow-colored: inset 2px 0 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_2px_0_0_0_hsl\(var\(--foreground\)\/0\.35\)\] {
  --tw-shadow: inset 2px 0 0 0 hsl(var(--foreground)/0.35);
  --tw-shadow-colored: inset 2px 0 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_2px_0_0_0_var\(--sidebar-primary\)\] {
  --tw-shadow: inset 2px 0 0 0 var(--sidebar-primary);
  --tw-shadow-colored: inset 2px 0 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_2px_0_0_hsl\(var\(--sidebar-primary\)\)\] {
  --tw-shadow: inset 2px 0 0 hsl(var(--sidebar-primary));
  --tw-shadow-colored: inset 2px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_2px_2px_4px_\#334155\] {
  --tw-shadow: inset 2px 2px 4px #334155;
  --tw-shadow-colored: inset 2px 2px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_2px_2px_4px_\#a3b1c6\2c inset_-2px_-2px_4px_\#ffffff\] {
  --tw-shadow: inset 2px 2px 4px #a3b1c6,inset -2px -2px 4px #ffffff;
  --tw-shadow-colored: inset 2px 2px 4px var(--tw-shadow-color), inset -2px -2px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_2px_2px_4px_\#b0b0b0\2c inset_-2px_-2px_4px_\#fff\] {
  --tw-shadow: inset 2px 2px 4px #b0b0b0,inset -2px -2px 4px #fff;
  --tw-shadow-colored: inset 2px 2px 4px var(--tw-shadow-color), inset -2px -2px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_2px_2px_4px_\#bcbcbc\2c inset_-2px_-2px_4px_\#ffffff\] {
  --tw-shadow: inset 2px 2px 4px #bcbcbc,inset -2px -2px 4px #ffffff;
  --tw-shadow-colored: inset 2px 2px 4px var(--tw-shadow-color), inset -2px -2px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_2px_2px_4px_\#c5ccd8\] {
  --tw-shadow: inset 2px 2px 4px #c5ccd8;
  --tw-shadow-colored: inset 2px 2px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_2px_2px_4px_\#c5d0e0\2c inset_-2px_-2px_4px_\#fff\] {
  --tw-shadow: inset 2px 2px 4px #c5d0e0,inset -2px -2px 4px #fff;
  --tw-shadow-colored: inset 2px 2px 4px var(--tw-shadow-color), inset -2px -2px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_2px_2px_4px_\#c9d0dc\] {
  --tw-shadow: inset 2px 2px 4px #c9d0dc;
  --tw-shadow-colored: inset 2px 2px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_2px_2px_5px_\#b0b0b0\2c inset_-2px_-2px_5px_\#fff\] {
  --tw-shadow: inset 2px 2px 5px #b0b0b0,inset -2px -2px 5px #fff;
  --tw-shadow-colored: inset 2px 2px 5px var(--tw-shadow-color), inset -2px -2px 5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_2px_2px_5px_\#c9d0dc\2c inset_-2px_-2px_5px_\#fff\] {
  --tw-shadow: inset 2px 2px 5px #c9d0dc,inset -2px -2px 5px #fff;
  --tw-shadow-colored: inset 2px 2px 5px var(--tw-shadow-color), inset -2px -2px 5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_2px_2px_6px_\#a3b1c6\2c inset_-2px_-2px_6px_\#ffffff\] {
  --tw-shadow: inset 2px 2px 6px #a3b1c6,inset -2px -2px 6px #ffffff;
  --tw-shadow-colored: inset 2px 2px 6px var(--tw-shadow-color), inset -2px -2px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_2px_2px_6px_rgba\(0\2c 0\2c 0\2c 0\.06\)\] {
  --tw-shadow: inset 2px 2px 6px rgba(0,0,0,0.06);
  --tw-shadow-colored: inset 2px 2px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_2px_2px_6px_rgba\(0\2c 0\2c 0\2c 0\.08\)\2c inset_-2px_-2px_6px_rgba\(255\2c 255\2c 255\2c 0\.7\)\] {
  --tw-shadow: inset 2px 2px 6px rgba(0,0,0,0.08),inset -2px -2px 6px rgba(255,255,255,0.7);
  --tw-shadow-colored: inset 2px 2px 6px var(--tw-shadow-color), inset -2px -2px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_3px_0_0_\#22d3ee\] {
  --tw-shadow: inset 3px 0 0 #22d3ee;
  --tw-shadow-colored: inset 3px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_3px_0_0_0_\#fff\] {
  --tw-shadow: inset 3px 0 0 0 #fff;
  --tw-shadow-colored: inset 3px 0 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_3px_0_0_0_hsl\(var\(--primary\)\)\2c inset_0_0_0_1px_hsl\(var\(--primary\)\/0\.22\)\] {
  --tw-shadow: inset 3px 0 0 0 hsl(var(--primary)),inset 0 0 0 1px hsl(var(--primary)/0.22);
  --tw-shadow-colored: inset 3px 0 0 0 var(--tw-shadow-color), 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);
}
.shadow-\[inset_3px_0_0_0_hsl\(var\(--primary\)\)\] {
  --tw-shadow: inset 3px 0 0 0 hsl(var(--primary));
  --tw-shadow-colored: inset 3px 0 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_3px_3px_6px_\#a3b1c6\2c inset_-3px_-3px_6px_\#ffffff\] {
  --tw-shadow: inset 3px 3px 6px #a3b1c6,inset -3px -3px 6px #ffffff;
  --tw-shadow-colored: inset 3px 3px 6px var(--tw-shadow-color), inset -3px -3px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_3px_3px_6px_\#bcbcbc\2c inset_-3px_-3px_6px_\#ffffff\] {
  --tw-shadow: inset 3px 3px 6px #bcbcbc,inset -3px -3px 6px #ffffff;
  --tw-shadow-colored: inset 3px 3px 6px var(--tw-shadow-color), inset -3px -3px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_3px_3px_6px_\#c5ccd8\2c inset_-3px_-3px_6px_\#fff\] {
  --tw-shadow: inset 3px 3px 6px #c5ccd8,inset -3px -3px 6px #fff;
  --tw-shadow-colored: inset 3px 3px 6px var(--tw-shadow-color), inset -3px -3px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_3px_3px_6px_\#c5ccd8\2c inset_-3px_-3px_6px_\#ffffff\] {
  --tw-shadow: inset 3px 3px 6px #c5ccd8,inset -3px -3px 6px #ffffff;
  --tw-shadow-colored: inset 3px 3px 6px var(--tw-shadow-color), inset -3px -3px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_3px_3px_6px_\#c5d0e0\2c inset_-3px_-3px_6px_\#fff\] {
  --tw-shadow: inset 3px 3px 6px #c5d0e0,inset -3px -3px 6px #fff;
  --tw-shadow-colored: inset 3px 3px 6px var(--tw-shadow-color), inset -3px -3px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_3px_3px_6px_\#c9d0dc\2c inset_-3px_-3px_6px_\#fff\] {
  --tw-shadow: inset 3px 3px 6px #c9d0dc,inset -3px -3px 6px #fff;
  --tw-shadow-colored: inset 3px 3px 6px var(--tw-shadow-color), inset -3px -3px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_3px_3px_6px_\#c9d0dc\2c inset_-3px_-3px_6px_\#ffffff\] {
  --tw-shadow: inset 3px 3px 6px #c9d0dc,inset -3px -3px 6px #ffffff;
  --tw-shadow-colored: inset 3px 3px 6px var(--tw-shadow-color), inset -3px -3px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_3px_3px_8px_\#c5d0e0\2c inset_-3px_-3px_8px_\#ffffff\] {
  --tw-shadow: inset 3px 3px 8px #c5d0e0,inset -3px -3px 8px #ffffff;
  --tw-shadow-colored: inset 3px 3px 8px var(--tw-shadow-color), inset -3px -3px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_3px_3px_8px_rgba\(0\2c 0\2c 0\2c 0\.12\)\] {
  --tw-shadow: inset 3px 3px 8px rgba(0,0,0,0.12);
  --tw-shadow-colored: inset 3px 3px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_4px_4px_8px_\#a3b1c6\2c inset_-4px_-4px_8px_\#ffffff\] {
  --tw-shadow: inset 4px 4px 8px #a3b1c6,inset -4px -4px 8px #ffffff;
  --tw-shadow-colored: inset 4px 4px 8px var(--tw-shadow-color), inset -4px -4px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_4px_4px_8px_\#c5ccd8\2c inset_-4px_-4px_8px_\#fff\] {
  --tw-shadow: inset 4px 4px 8px #c5ccd8,inset -4px -4px 8px #fff;
  --tw-shadow-colored: inset 4px 4px 8px var(--tw-shadow-color), inset -4px -4px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_6px_6px_12px_rgba\(0\2c 0\2c 0\2c 0\.1\)\2c inset_-6px_-6px_12px_rgba\(255\2c 255\2c 255\2c 0\.9\)\] {
  --tw-shadow: inset 6px 6px 12px rgba(0,0,0,0.1),inset -6px -6px 12px rgba(255,255,255,0.9);
  --tw-shadow-colored: inset 6px 6px 12px var(--tw-shadow-color), inset -6px -6px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[rgba\(17\2c 24\2c 28\2c 0\.08\)_0_0_0_1px\2c rgba\(17\2c 24\2c 28\2c 0\.08\)_0_1px_2px_-1px\2c rgba\(17\2c 24\2c 28\2c 0\.04\)_0_2px_4px\] {
  --tw-shadow: rgba(17,24,28,0.08) 0 0 0 1px,rgba(17,24,28,0.08) 0 1px 2px -1px,rgba(17,24,28,0.04) 0 2px 4px;
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color), 0 2px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[var\(--linux-chrome-shadow\2c 0_2px_8px_hsl\(0_0\%_0\%\/0\.35\)\)\] {
  --tw-shadow: var(--linux-chrome-shadow,0 2px 8px hsl(0 0% 0%/0.35));
  --tw-shadow-colored: 2px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[var\(--shadow\2c 0_1px_2px_oklch\(0_0_0\/0\.08\)\)\] {
  --tw-shadow: var(--shadow,0 1px 2px oklch(0 0 0/0.08));
  --tw-shadow-colored: 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-book {
  --tw-shadow: 0 1.8px 3.6px rgba(0,0,0,.05),0 10.8px 21.6px rgba(0,0,0,.08),inset 0 -.9px 0 rgba(0,0,0,.1),inset 0 1.8px 1.8px hsla(0,0%,100%,.1),inset 3.6px 0 3.6px rgba(0,0,0,.1);
  --tw-shadow-colored: 0 1.8px 3.6px var(--tw-shadow-color), 0 10.8px 21.6px var(--tw-shadow-color), inset 0 -.9px 0 var(--tw-shadow-color), inset 0 1.8px 1.8px var(--tw-shadow-color), inset 3.6px 0 3.6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-inner {
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xs {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[\#00a9e5\]\/20 {
  --tw-shadow-color: rgb(0 169 229 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-\[\#3dbb78\]\/30 {
  --tw-shadow-color: rgb(61 187 120 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-\[\#FF6B00\]\/10 {
  --tw-shadow-color: rgb(255 107 0 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-\[\#FF6B00\]\/15 {
  --tw-shadow-color: rgb(255 107 0 / 0.15);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-\[\#FF6B00\]\/20 {
  --tw-shadow-color: rgb(255 107 0 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-\[var\(--bjork-raised-shadow\)\] {
  --tw-shadow-color: var(--bjork-raised-shadow);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-\[var\(--bjork-shadow-soft\)\] {
  --tw-shadow-color: var(--bjork-shadow-soft);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-\[var\(--bjork-shadow-surface\)\] {
  --tw-shadow-color: var(--bjork-shadow-surface);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-\[var\(--dev-ws-container-shadow\)\] {
  --tw-shadow-color: var(--dev-ws-container-shadow);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-\[var\(--reveal-accent-glow\)\] {
  --tw-shadow-color: var(--reveal-accent-glow);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-\[var\(--shadow\2c none\)\] {
  --tw-shadow-color: var(--shadow,none);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-\[var\(--shadow-card\)\] {
  --tw-shadow-color: var(--shadow-card);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-\[var\(--shadow-float\)\] {
  --tw-shadow-color: var(--shadow-float);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-\[var\(--shadow-pop\)\] {
  --tw-shadow-color: var(--shadow-pop);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-\[var\(--shadow-win\)\] {
  --tw-shadow-color: var(--shadow-win);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-accent\/10 {
  --tw-shadow-color: hsl(var(--accent) / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-amber-500\/50 {
  --tw-shadow-color: rgb(245 158 11 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-black\/20 {
  --tw-shadow-color: rgb(0 0 0 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-black\/30 {
  --tw-shadow-color: rgb(0 0 0 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-black\/40 {
  --tw-shadow-color: rgb(0 0 0 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-black\/5 {
  --tw-shadow-color: rgb(0 0 0 / 0.05);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-black\/50 {
  --tw-shadow-color: rgb(0 0 0 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-black\/60 {
  --tw-shadow-color: rgb(0 0 0 / 0.6);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-black\/70 {
  --tw-shadow-color: rgb(0 0 0 / 0.7);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-blue-200\/50 {
  --tw-shadow-color: rgb(191 219 254 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-blue-500\/15 {
  --tw-shadow-color: rgb(59 130 246 / 0.15);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-blue-500\/20 {
  --tw-shadow-color: rgb(59 130 246 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-blue-500\/25 {
  --tw-shadow-color: rgb(59 130 246 / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-blue-500\/30 {
  --tw-shadow-color: rgb(59 130 246 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-blue-600\/10 {
  --tw-shadow-color: rgb(37 99 235 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-blue-800\/50 {
  --tw-shadow-color: rgb(30 64 175 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-blue-900\/20 {
  --tw-shadow-color: rgb(30 58 138 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-card {
  --tw-shadow-color: hsl(var(--card));
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-chart-5\/20 {
  --tw-shadow-color: hsl(var(--chart-5) / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-cyan-400\/60 {
  --tw-shadow-color: rgb(34 211 238 / 0.6);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-cyan-400\/70 {
  --tw-shadow-color: rgb(34 211 238 / 0.7);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-cyan-500\/30 {
  --tw-shadow-color: rgb(6 182 212 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-emerald-500\/10 {
  --tw-shadow-color: rgb(16 185 129 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-foreground\/10 {
  --tw-shadow-color: hsl(var(--foreground) / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-foreground\/15 {
  --tw-shadow-color: hsl(var(--foreground) / 0.15);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-foreground\/30 {
  --tw-shadow-color: hsl(var(--foreground) / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-foreground\/40 {
  --tw-shadow-color: hsl(var(--foreground) / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-foreground\/50 {
  --tw-shadow-color: hsl(var(--foreground) / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-gray-900\/50 {
  --tw-shadow-color: rgb(17 24 39 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-indigo-500\/10 {
  --tw-shadow-color: rgb(99 102 241 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-indigo-600\/10 {
  --tw-shadow-color: rgb(79 70 229 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-indigo-600\/30 {
  --tw-shadow-color: rgb(79 70 229 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-orange-400\/10 {
  --tw-shadow-color: rgb(251 146 60 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-orange-500\/15 {
  --tw-shadow-color: rgb(249 115 22 / 0.15);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-orange-500\/25 {
  --tw-shadow-color: rgb(249 115 22 / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-pink-500\/15 {
  --tw-shadow-color: rgb(236 72 153 / 0.15);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/10 {
  --tw-shadow-color: hsl(var(--primary) / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/20 {
  --tw-shadow-color: hsl(var(--primary) / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/25 {
  --tw-shadow-color: hsl(var(--primary) / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/30 {
  --tw-shadow-color: hsl(var(--primary) / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/5 {
  --tw-shadow-color: hsl(var(--primary) / 0.05);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-purple-500\/10 {
  --tw-shadow-color: rgb(168 85 247 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-purple-500\/15 {
  --tw-shadow-color: rgb(168 85 247 / 0.15);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-purple-900\/10 {
  --tw-shadow-color: rgb(88 28 135 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-purple-900\/20 {
  --tw-shadow-color: rgb(88 28 135 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-red-500\/10 {
  --tw-shadow-color: rgb(239 68 68 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-red-500\/15 {
  --tw-shadow-color: rgb(239 68 68 / 0.15);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-sidebar-primary\/5 {
  --tw-shadow-color: hsl(var(--sidebar-primary) / 0.05);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-slate-200\/50 {
  --tw-shadow-color: rgb(226 232 240 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-white\/10 {
  --tw-shadow-color: rgb(255 255 255 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-white\/20 {
  --tw-shadow-color: rgb(255 255 255 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-white\/50 {
  --tw-shadow-color: rgb(255 255 255 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-yellow-500\/15 {
  --tw-shadow-color: rgb(234 179 8 / 0.15);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-zinc-300\/20 {
  --tw-shadow-color: rgb(212 212 216 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-zinc-950\/15 {
  --tw-shadow-color: rgb(9 9 11 / 0.15);
  --tw-shadow: var(--tw-shadow-colored);
}
.\!outline-none {
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.outline-dashed {
  outline-style: dashed;
}
.outline-1 {
  outline-width: 1px;
}
.outline-2 {
  outline-width: 2px;
}
.outline-\[3px\] {
  outline-width: 3px;
}
.-outline-offset-1 {
  outline-offset: -1px;
}
.-outline-offset-2 {
  outline-offset: -2px;
}
.outline-offset-2 {
  outline-offset: 2px;
}
.outline-offset-4 {
  outline-offset: 4px;
}
.outline-offset-\[-1px\] {
  outline-offset: -1px;
}
.outline-\[\#0a84ff\]\/50 {
  outline-color: rgb(10 132 255 / 0.5);
}
.outline-\[\#21222C\] {
  outline-color: #21222C;
}
.outline-amber-500\/40 {
  outline-color: rgb(245 158 11 / 0.4);
}
.outline-black\/10 {
  outline-color: rgb(0 0 0 / 0.1);
}
.outline-border\/30 {
  outline-color: hsl(var(--border) / 0.3);
}
.outline-border\/70 {
  outline-color: hsl(var(--border) / 0.7);
}
.outline-destructive {
  outline-color: hsl(var(--destructive));
}
.outline-foreground {
  outline-color: hsl(var(--foreground));
}
.outline-foreground\/50 {
  outline-color: hsl(var(--foreground) / 0.5);
}
.outline-foreground\/60 {
  outline-color: hsl(var(--foreground) / 0.6);
}
.outline-green-500 {
  outline-color: #22c55e;
}
.outline-pink-500 {
  outline-color: #ec4899;
}
.outline-primary {
  outline-color: hsl(var(--primary));
}
.outline-primary\/40 {
  outline-color: hsl(var(--primary) / 0.4);
}
.outline-primary\/60 {
  outline-color: hsl(var(--primary) / 0.6);
}
.outline-primary\/80 {
  outline-color: hsl(var(--primary) / 0.8);
}
.outline-ring\/25 {
  outline-color: hsl(var(--ring) / 0.25);
}
.outline-ring\/50 {
  outline-color: hsl(var(--ring) / 0.5);
}
.outline-secondary {
  outline-color: hsl(var(--secondary));
}
.outline-sky-400 {
  outline-color: #38bdf8;
}
.outline-white\/70 {
  outline-color: rgb(255 255 255 / 0.7);
}
.ring {
  --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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-0 {
  --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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-1 {
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-2 {
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-4 {
  --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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-\[3px\] {
  --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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-inset {
  --tw-ring-inset: inset;
}
.ring-\[\#00a9e5\] {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 169 229 / var(--tw-ring-opacity));
}
.ring-\[\#00a9e5\]\/40 {
  --tw-ring-color: rgb(0 169 229 / 0.4);
}
.ring-\[\#00a9e5\]\/50 {
  --tw-ring-color: rgb(0 169 229 / 0.5);
}
.ring-\[\#10a37f\] {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(16 163 127 / var(--tw-ring-opacity));
}
.ring-\[\#4ecdc4\] {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(78 205 196 / var(--tw-ring-opacity));
}
.ring-\[\#58a6ff\]\/70 {
  --tw-ring-color: rgb(88 166 255 / 0.7);
}
.ring-\[\#8DA9D4\] {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(141 169 212 / var(--tw-ring-opacity));
}
.ring-\[\#D9FE00\] {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(217 254 0 / var(--tw-ring-opacity));
}
.ring-\[hsl\(var\(--accent\)\)\] {
  --tw-ring-color: hsl(var(--accent));
}
.ring-\[hsl\(var\(--accent-teal\2c 168_80\%_45\%\)\)\] {
  --tw-ring-color: hsl(var(--accent-teal,168 80% 45%));
}
.ring-\[hsl\(var\(--linear-accent\)\)\] {
  --tw-ring-color: hsl(var(--linear-accent));
}
.ring-\[hsl\(var\(--primary\)\)\] {
  --tw-ring-color: hsl(var(--primary));
}
.ring-\[hsl\(var\(--ring\)\)\] {
  --tw-ring-color: hsl(var(--ring));
}
.ring-\[rgb\(var\(--blocks-column-contrast-rgb\)\/0\.55\)\] {
  --tw-ring-color: rgb(var(--blocks-column-contrast-rgb)/0.55);
}
.ring-\[var\(--accent\)\] {
  --tw-ring-color: var(--accent);
}
.ring-\[var\(--border\)\] {
  --tw-ring-color: var(--border);
}
.ring-\[var\(--dm-line-strong\)\] {
  --tw-ring-color: var(--dm-line-strong);
}
.ring-\[var\(--ec-brand\)\] {
  --tw-ring-color: var(--ec-brand);
}
.ring-\[var\(--nle-accent\)\] {
  --tw-ring-color: var(--nle-accent);
}
.ring-\[var\(--ring\)\] {
  --tw-ring-color: var(--ring);
}
.ring-\[var\(--swatch-color\)00\] {
  --tw-ring-color: var(--swatch-color)00;
}
.ring-accent {
  --tw-ring-color: hsl(var(--accent));
}
.ring-accent\/20 {
  --tw-ring-color: hsl(var(--accent) / 0.2);
}
.ring-amber-200\/30 {
  --tw-ring-color: rgb(253 230 138 / 0.3);
}
.ring-amber-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 211 77 / var(--tw-ring-opacity));
}
.ring-amber-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(251 191 36 / var(--tw-ring-opacity));
}
.ring-amber-400\/25 {
  --tw-ring-color: rgb(251 191 36 / 0.25);
}
.ring-amber-400\/30 {
  --tw-ring-color: rgb(251 191 36 / 0.3);
}
.ring-amber-400\/40 {
  --tw-ring-color: rgb(251 191 36 / 0.4);
}
.ring-amber-400\/60 {
  --tw-ring-color: rgb(251 191 36 / 0.6);
}
.ring-amber-400\/70 {
  --tw-ring-color: rgb(251 191 36 / 0.7);
}
.ring-amber-400\/75 {
  --tw-ring-color: rgb(251 191 36 / 0.75);
}
.ring-amber-400\/80 {
  --tw-ring-color: rgb(251 191 36 / 0.8);
}
.ring-amber-500\/20 {
  --tw-ring-color: rgb(245 158 11 / 0.2);
}
.ring-amber-500\/25 {
  --tw-ring-color: rgb(245 158 11 / 0.25);
}
.ring-amber-500\/30 {
  --tw-ring-color: rgb(245 158 11 / 0.3);
}
.ring-amber-500\/40 {
  --tw-ring-color: rgb(245 158 11 / 0.4);
}
.ring-amber-500\/50 {
  --tw-ring-color: rgb(245 158 11 / 0.5);
}
.ring-amber-600 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(217 119 6 / var(--tw-ring-opacity));
}
.ring-amber-800 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(146 64 14 / var(--tw-ring-opacity));
}
.ring-amber-900 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(120 53 15 / var(--tw-ring-opacity));
}
.ring-background {
  --tw-ring-color: hsl(var(--background));
}
.ring-background\/80 {
  --tw-ring-color: hsl(var(--background) / 0.8);
}
.ring-black {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
}
.ring-black\/10 {
  --tw-ring-color: rgb(0 0 0 / 0.1);
}
.ring-black\/20 {
  --tw-ring-color: rgb(0 0 0 / 0.2);
}
.ring-black\/40 {
  --tw-ring-color: rgb(0 0 0 / 0.4);
}
.ring-black\/5 {
  --tw-ring-color: rgb(0 0 0 / 0.05);
}
.ring-black\/\[0\.03\] {
  --tw-ring-color: rgb(0 0 0 / 0.03);
}
.ring-black\/\[0\.04\] {
  --tw-ring-color: rgb(0 0 0 / 0.04);
}
.ring-black\/\[0\.06\] {
  --tw-ring-color: rgb(0 0 0 / 0.06);
}
.ring-blue-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(219 234 254 / var(--tw-ring-opacity));
}
.ring-blue-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity));
}
.ring-blue-300\/50 {
  --tw-ring-color: rgb(147 197 253 / 0.5);
}
.ring-blue-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity));
}
.ring-blue-400\/20 {
  --tw-ring-color: rgb(96 165 250 / 0.2);
}
.ring-blue-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
}
.ring-blue-500\/10 {
  --tw-ring-color: rgb(59 130 246 / 0.1);
}
.ring-blue-500\/20 {
  --tw-ring-color: rgb(59 130 246 / 0.2);
}
.ring-blue-500\/30 {
  --tw-ring-color: rgb(59 130 246 / 0.3);
}
.ring-border {
  --tw-ring-color: hsl(var(--border));
}
.ring-border\/10 {
  --tw-ring-color: hsl(var(--border) / 0.1);
}
.ring-border\/40 {
  --tw-ring-color: hsl(var(--border) / 0.4);
}
.ring-border\/50 {
  --tw-ring-color: hsl(var(--border) / 0.5);
}
.ring-border\/60 {
  --tw-ring-color: hsl(var(--border) / 0.6);
}
.ring-border\/70 {
  --tw-ring-color: hsl(var(--border) / 0.7);
}
.ring-border\/80 {
  --tw-ring-color: hsl(var(--border) / 0.8);
}
.ring-card {
  --tw-ring-color: hsl(var(--card));
}
.ring-chart-1\/50 {
  --tw-ring-color: hsl(var(--chart-1) / 0.5);
}
.ring-chart-2\/50 {
  --tw-ring-color: hsl(var(--chart-2) / 0.5);
}
.ring-chart-3\/50 {
  --tw-ring-color: hsl(var(--chart-3) / 0.5);
}
.ring-chart-5\/30 {
  --tw-ring-color: hsl(var(--chart-5) / 0.3);
}
.ring-cyan-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(34 211 238 / var(--tw-ring-opacity));
}
.ring-cyan-400\/30 {
  --tw-ring-color: rgb(34 211 238 / 0.3);
}
.ring-cyan-400\/40 {
  --tw-ring-color: rgb(34 211 238 / 0.4);
}
.ring-cyan-400\/50 {
  --tw-ring-color: rgb(34 211 238 / 0.5);
}
.ring-cyan-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(6 182 212 / var(--tw-ring-opacity));
}
.ring-cyan-500\/20 {
  --tw-ring-color: rgb(6 182 212 / 0.2);
}
.ring-destructive\/20 {
  --tw-ring-color: hsl(var(--destructive) / 0.2);
}
.ring-destructive\/30 {
  --tw-ring-color: hsl(var(--destructive) / 0.3);
}
.ring-destructive\/40 {
  --tw-ring-color: hsl(var(--destructive) / 0.4);
}
.ring-emerald-400\/30 {
  --tw-ring-color: rgb(52 211 153 / 0.3);
}
.ring-emerald-500\/20 {
  --tw-ring-color: rgb(16 185 129 / 0.2);
}
.ring-emerald-500\/25 {
  --tw-ring-color: rgb(16 185 129 / 0.25);
}
.ring-emerald-500\/30 {
  --tw-ring-color: rgb(16 185 129 / 0.3);
}
.ring-emerald-500\/50 {
  --tw-ring-color: rgb(16 185 129 / 0.5);
}
.ring-foreground {
  --tw-ring-color: hsl(var(--foreground));
}
.ring-foreground\/10 {
  --tw-ring-color: hsl(var(--foreground) / 0.1);
}
.ring-foreground\/15 {
  --tw-ring-color: hsl(var(--foreground) / 0.15);
}
.ring-foreground\/20 {
  --tw-ring-color: hsl(var(--foreground) / 0.2);
}
.ring-foreground\/25 {
  --tw-ring-color: hsl(var(--foreground) / 0.25);
}
.ring-foreground\/30 {
  --tw-ring-color: hsl(var(--foreground) / 0.3);
}
.ring-foreground\/35 {
  --tw-ring-color: hsl(var(--foreground) / 0.35);
}
.ring-foreground\/40 {
  --tw-ring-color: hsl(var(--foreground) / 0.4);
}
.ring-foreground\/5 {
  --tw-ring-color: hsl(var(--foreground) / 0.05);
}
.ring-foreground\/50 {
  --tw-ring-color: hsl(var(--foreground) / 0.5);
}
.ring-foreground\/60 {
  --tw-ring-color: hsl(var(--foreground) / 0.6);
}
.ring-foreground\/70 {
  --tw-ring-color: hsl(var(--foreground) / 0.7);
}
.ring-foreground\/\[0\.03\] {
  --tw-ring-color: hsl(var(--foreground) / 0.03);
}
.ring-foreground\/\[0\.04\] {
  --tw-ring-color: hsl(var(--foreground) / 0.04);
}
.ring-fuchsia-400\/40 {
  --tw-ring-color: rgb(232 121 249 / 0.4);
}
.ring-fuchsia-400\/50 {
  --tw-ring-color: rgb(232 121 249 / 0.5);
}
.ring-gray-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity));
}
.ring-green-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity));
}
.ring-indigo-500\/20 {
  --tw-ring-color: rgb(99 102 241 / 0.2);
}
.ring-indigo-500\/40 {
  --tw-ring-color: rgb(99 102 241 / 0.4);
}
.ring-muted {
  --tw-ring-color: hsl(var(--muted));
}
.ring-muted-foreground {
  --tw-ring-color: hsl(var(--muted-foreground));
}
.ring-muted-foreground\/30 {
  --tw-ring-color: hsl(var(--muted-foreground) / 0.3);
}
.ring-neutral-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(245 245 245 / var(--tw-ring-opacity));
}
.ring-neutral-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(229 229 229 / var(--tw-ring-opacity));
}
.ring-neutral-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(212 212 212 / var(--tw-ring-opacity));
}
.ring-neutral-800 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(38 38 38 / var(--tw-ring-opacity));
}
.ring-notion-blue {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(35 131 226 / var(--tw-ring-opacity));
}
.ring-notion-blue\/20 {
  --tw-ring-color: rgb(35 131 226 / 0.2);
}
.ring-notion-blue\/40 {
  --tw-ring-color: rgb(35 131 226 / 0.4);
}
.ring-notion-border\/40 {
  --tw-ring-color: rgb(55 55 55 / 0.4);
}
.ring-orange-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity));
}
.ring-primary {
  --tw-ring-color: hsl(var(--primary));
}
.ring-primary-foreground\/50 {
  --tw-ring-color: hsl(var(--primary-foreground) / 0.5);
}
.ring-primary\/15 {
  --tw-ring-color: hsl(var(--primary) / 0.15);
}
.ring-primary\/20 {
  --tw-ring-color: hsl(var(--primary) / 0.2);
}
.ring-primary\/25 {
  --tw-ring-color: hsl(var(--primary) / 0.25);
}
.ring-primary\/30 {
  --tw-ring-color: hsl(var(--primary) / 0.3);
}
.ring-primary\/35 {
  --tw-ring-color: hsl(var(--primary) / 0.35);
}
.ring-primary\/40 {
  --tw-ring-color: hsl(var(--primary) / 0.4);
}
.ring-primary\/50 {
  --tw-ring-color: hsl(var(--primary) / 0.5);
}
.ring-primary\/55 {
  --tw-ring-color: hsl(var(--primary) / 0.55);
}
.ring-primary\/60 {
  --tw-ring-color: hsl(var(--primary) / 0.6);
}
.ring-primary\/70 {
  --tw-ring-color: hsl(var(--primary) / 0.7);
}
.ring-primary\/80 {
  --tw-ring-color: hsl(var(--primary) / 0.8);
}
.ring-purple-500\/20 {
  --tw-ring-color: rgb(168 85 247 / 0.2);
}
.ring-red-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
}
.ring-red-500\/10 {
  --tw-ring-color: rgb(239 68 68 / 0.1);
}
.ring-red-500\/20 {
  --tw-ring-color: rgb(239 68 68 / 0.2);
}
.ring-red-700\/40 {
  --tw-ring-color: rgb(185 28 28 / 0.4);
}
.ring-ring {
  --tw-ring-color: hsl(var(--ring));
}
.ring-ring\/10 {
  --tw-ring-color: hsl(var(--ring) / 0.1);
}
.ring-ring\/40 {
  --tw-ring-color: hsl(var(--ring) / 0.4);
}
.ring-ring\/50 {
  --tw-ring-color: hsl(var(--ring) / 0.5);
}
.ring-sidebar {
  --tw-ring-color: hsl(var(--sidebar));
}
.ring-sidebar-border {
  --tw-ring-color: hsl(var(--sidebar-border));
}
.ring-sidebar-foreground\/\[0\.025\] {
  --tw-ring-color: hsl(var(--sidebar-foreground) / 0.025);
}
.ring-sidebar-primary {
  --tw-ring-color: hsl(var(--sidebar-primary));
}
.ring-sidebar-primary\/20 {
  --tw-ring-color: hsl(var(--sidebar-primary) / 0.2);
}
.ring-sidebar-primary\/25 {
  --tw-ring-color: hsl(var(--sidebar-primary) / 0.25);
}
.ring-sidebar-primary\/30 {
  --tw-ring-color: hsl(var(--sidebar-primary) / 0.3);
}
.ring-sidebar-primary\/40 {
  --tw-ring-color: hsl(var(--sidebar-primary) / 0.4);
}
.ring-sidebar-primary\/50 {
  --tw-ring-color: hsl(var(--sidebar-primary) / 0.5);
}
.ring-sidebar-primary\/60 {
  --tw-ring-color: hsl(var(--sidebar-primary) / 0.6);
}
.ring-sidebar-ring {
  --tw-ring-color: hsl(var(--sidebar-ring));
}
.ring-sky-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(56 189 248 / var(--tw-ring-opacity));
}
.ring-sky-400\/25 {
  --tw-ring-color: rgb(56 189 248 / 0.25);
}
.ring-sky-400\/30 {
  --tw-ring-color: rgb(56 189 248 / 0.3);
}
.ring-sky-400\/35 {
  --tw-ring-color: rgb(56 189 248 / 0.35);
}
.ring-sky-400\/40 {
  --tw-ring-color: rgb(56 189 248 / 0.4);
}
.ring-sky-400\/50 {
  --tw-ring-color: rgb(56 189 248 / 0.5);
}
.ring-sky-400\/60 {
  --tw-ring-color: rgb(56 189 248 / 0.6);
}
.ring-sky-400\/70 {
  --tw-ring-color: rgb(56 189 248 / 0.7);
}
.ring-sky-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(14 165 233 / var(--tw-ring-opacity));
}
.ring-sky-500\/20 {
  --tw-ring-color: rgb(14 165 233 / 0.2);
}
.ring-sky-500\/25 {
  --tw-ring-color: rgb(14 165 233 / 0.25);
}
.ring-sky-500\/30 {
  --tw-ring-color: rgb(14 165 233 / 0.3);
}
.ring-sky-500\/40 {
  --tw-ring-color: rgb(14 165 233 / 0.4);
}
.ring-slate-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(100 116 139 / var(--tw-ring-opacity));
}
.ring-stone-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(231 229 228 / var(--tw-ring-opacity));
}
.ring-stone-200\/50 {
  --tw-ring-color: rgb(231 229 228 / 0.5);
}
.ring-stone-200\/60 {
  --tw-ring-color: rgb(231 229 228 / 0.6);
}
.ring-stone-200\/70 {
  --tw-ring-color: rgb(231 229 228 / 0.7);
}
.ring-stone-200\/80 {
  --tw-ring-color: rgb(231 229 228 / 0.8);
}
.ring-stone-300\/80 {
  --tw-ring-color: rgb(214 211 209 / 0.8);
}
.ring-stone-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(168 162 158 / var(--tw-ring-opacity));
}
.ring-teal-500\/15 {
  --tw-ring-color: rgb(20 184 166 / 0.15);
}
.ring-teal-500\/25 {
  --tw-ring-color: rgb(20 184 166 / 0.25);
}
.ring-teal-500\/40 {
  --tw-ring-color: rgb(20 184 166 / 0.4);
}
.ring-teal-600\/25 {
  --tw-ring-color: rgb(13 148 136 / 0.25);
}
.ring-teal-600\/50 {
  --tw-ring-color: rgb(13 148 136 / 0.5);
}
.ring-transparent {
  --tw-ring-color: transparent;
}
.ring-violet-400\/60 {
  --tw-ring-color: rgb(167 139 250 / 0.6);
}
.ring-violet-500\/20 {
  --tw-ring-color: rgb(139 92 246 / 0.2);
}
.ring-white {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
}
.ring-white\/10 {
  --tw-ring-color: rgb(255 255 255 / 0.1);
}
.ring-white\/15 {
  --tw-ring-color: rgb(255 255 255 / 0.15);
}
.ring-white\/20 {
  --tw-ring-color: rgb(255 255 255 / 0.2);
}
.ring-white\/25 {
  --tw-ring-color: rgb(255 255 255 / 0.25);
}
.ring-white\/30 {
  --tw-ring-color: rgb(255 255 255 / 0.3);
}
.ring-white\/35 {
  --tw-ring-color: rgb(255 255 255 / 0.35);
}
.ring-white\/40 {
  --tw-ring-color: rgb(255 255 255 / 0.4);
}
.ring-white\/50 {
  --tw-ring-color: rgb(255 255 255 / 0.5);
}
.ring-white\/70 {
  --tw-ring-color: rgb(255 255 255 / 0.7);
}
.ring-white\/80 {
  --tw-ring-color: rgb(255 255 255 / 0.8);
}
.ring-white\/\[0\.05\] {
  --tw-ring-color: rgb(255 255 255 / 0.05);
}
.ring-white\/\[0\.08\] {
  --tw-ring-color: rgb(255 255 255 / 0.08);
}
.ring-white\/\[0\.1\] {
  --tw-ring-color: rgb(255 255 255 / 0.1);
}
.ring-workflow-border {
  --tw-ring-color: hsl(var(--workflow-border));
}
.ring-yellow-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(250 204 21 / var(--tw-ring-opacity));
}
.ring-yellow-500\/20 {
  --tw-ring-color: rgb(234 179 8 / 0.2);
}
.ring-zinc-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(228 228 231 / var(--tw-ring-opacity));
}
.ring-zinc-400\/35 {
  --tw-ring-color: rgb(161 161 170 / 0.35);
}
.ring-zinc-800\/50 {
  --tw-ring-color: rgb(39 39 42 / 0.5);
}
.ring-opacity-30 {
  --tw-ring-opacity: 0.3;
}
.ring-opacity-5 {
  --tw-ring-opacity: 0.05;
}
.ring-opacity-50 {
  --tw-ring-opacity: 0.5;
}
.ring-offset-0 {
  --tw-ring-offset-width: 0px;
}
.ring-offset-1 {
  --tw-ring-offset-width: 1px;
}
.ring-offset-2 {
  --tw-ring-offset-width: 2px;
}
.ring-offset-\[\#0a0a0a\] {
  --tw-ring-offset-color: #0a0a0a;
}
.ring-offset-\[\#141414\] {
  --tw-ring-offset-color: #141414;
}
.ring-offset-\[\#1a1a1a\] {
  --tw-ring-offset-color: #1a1a1a;
}
.ring-offset-\[\#1a1b1e\] {
  --tw-ring-offset-color: #1a1b1e;
}
.ring-offset-\[\#1a1d24\] {
  --tw-ring-offset-color: #1a1d24;
}
.ring-offset-\[\#1f1f1f\] {
  --tw-ring-offset-color: #1f1f1f;
}
.ring-offset-\[\#222326\] {
  --tw-ring-offset-color: #222326;
}
.ring-offset-\[hsl\(220_9\%_12\%\)\] {
  --tw-ring-offset-color: hsl(220 9% 12%);
}
.ring-offset-\[var\(--canvas-bg\)\] {
  --tw-ring-offset-color: var(--canvas-bg);
}
.ring-offset-\[var\(--card\)\] {
  --tw-ring-offset-color: var(--card);
}
.ring-offset-\[var\(--eraser-chrome\)\] {
  --tw-ring-offset-color: var(--eraser-chrome);
}
.ring-offset-background {
  --tw-ring-offset-color: hsl(var(--background));
}
.ring-offset-black {
  --tw-ring-offset-color: #000;
}
.ring-offset-card {
  --tw-ring-offset-color: hsl(var(--card));
}
.ring-offset-muted {
  --tw-ring-offset-color: hsl(var(--muted));
}
.ring-offset-neutral-900 {
  --tw-ring-offset-color: #171717;
}
.ring-offset-popover {
  --tw-ring-offset-color: hsl(var(--popover));
}
.ring-offset-primary\/10 {
  --tw-ring-offset-color: hsl(var(--primary) / 0.1);
}
.ring-offset-sidebar {
  --tw-ring-offset-color: hsl(var(--sidebar));
}
.ring-offset-transparent {
  --tw-ring-offset-color: transparent;
}
.\!blur {
  --tw-blur: blur(8px) !important;
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-0 {
  --tw-blur: blur(0);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-2xl {
  --tw-blur: blur(40px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-3xl {
  --tw-blur: blur(64px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[100px\] {
  --tw-blur: blur(100px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[110px\] {
  --tw-blur: blur(110px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[120px\] {
  --tw-blur: blur(120px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[128px\] {
  --tw-blur: blur(128px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[130px\] {
  --tw-blur: blur(130px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[140px\] {
  --tw-blur: blur(140px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[15px\] {
  --tw-blur: blur(15px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[1px\] {
  --tw-blur: blur(1px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[2px\] {
  --tw-blur: blur(2px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[3\.5px\] {
  --tw-blur: blur(3.5px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[3px\] {
  --tw-blur: blur(3px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[4px\] {
  --tw-blur: blur(4px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[80px\] {
  --tw-blur: blur(80px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[90px\] {
  --tw-blur: blur(90px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[96px\] {
  --tw-blur: blur(96px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-lg {
  --tw-blur: blur(16px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-md {
  --tw-blur: blur(12px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-sm {
  --tw-blur: blur(4px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-xl {
  --tw-blur: blur(24px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.brightness-0 {
  --tw-brightness: brightness(0);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.brightness-100 {
  --tw-brightness: brightness(1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.brightness-125 {
  --tw-brightness: brightness(1.25);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.brightness-75 {
  --tw-brightness: brightness(.75);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.brightness-\[0\.7\] {
  --tw-brightness: brightness(0.7);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.contrast-50 {
  --tw-contrast: contrast(.5);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.contrast-\[1\.1\] {
  --tw-contrast: contrast(1.1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-2xl {
  --tw-drop-shadow: drop-shadow(0 25px 25px rgb(0 0 0 / 0.15));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_-10px_20px_rgba\(0\2c 0\2c 0\2c 0\.8\)\] {
  --tw-drop-shadow: drop-shadow(0 -10px 20px rgba(0,0,0,0.8));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_0_10px_rgba\(255\2c 255\2c 255\2c 0\.5\)\] {
  --tw-drop-shadow: drop-shadow(0 0 10px rgba(255,255,255,0.5));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_0_12px_hsl\(var\(--primary\)\/0\.35\)\] {
  --tw-drop-shadow: drop-shadow(0 0 12px hsl(var(--primary)/0.35));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_0_1px_black\] {
  --tw-drop-shadow: drop-shadow(0 0 1px black);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_0_30px_rgba\(0\2c 0\2c 0\2c 0\.6\)\] {
  --tw-drop-shadow: drop-shadow(0 0 30px rgba(0,0,0,0.6));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_0_35px_rgba\(255\2c 255\2c 255\2c 0\.25\)\] {
  --tw-drop-shadow: drop-shadow(0 0 35px rgba(255,255,255,0.25));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_0_6px_rgba\(232\2c 121\2c 249\2c 0\.8\)\] {
  --tw-drop-shadow: drop-shadow(0 0 6px rgba(232,121,249,0.8));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_0_6px_rgba\(34\2c 211\2c 238\2c 0\.8\)\] {
  --tw-drop-shadow: drop-shadow(0 0 6px rgba(34,211,238,0.8));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_0_8px_rgba\(163\2c 230\2c 53\2c 0\.8\)\] {
  --tw-drop-shadow: drop-shadow(0 0 8px rgba(163,230,53,0.8));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_0_8px_rgba\(34\2c 211\2c 238\2c 0\.8\)\] {
  --tw-drop-shadow: drop-shadow(0 0 8px rgba(34,211,238,0.8));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_1px_1px_rgb\(0_0_0\/0\.25\)\] {
  --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0/0.25));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_1px_1px_rgba\(0\2c 0\2c 0\2c 0\.35\)\] {
  --tw-drop-shadow: drop-shadow(0 1px 1px rgba(0,0,0,0.35));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_1px_1px_rgba\(0\2c 0\2c 0\2c 0\.6\)\] {
  --tw-drop-shadow: drop-shadow(0 1px 1px rgba(0,0,0,0.6));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_1px_1px_rgba\(0\2c 0\2c 0\2c 0\.8\)\] {
  --tw-drop-shadow: drop-shadow(0 1px 1px rgba(0,0,0,0.8));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.14\)\] {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0,0,0,0.14));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.15\)\] {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0,0,0,0.15));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.35\)\] {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0,0,0,0.35));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.8\)\] {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0,0,0,0.8));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.85\)\] {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0,0,0,0.85));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_2px_16px_rgba\(0\2c 0\2c 0\2c 0\.55\)\] {
  --tw-drop-shadow: drop-shadow(0 2px 16px rgba(0,0,0,0.55));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_2px_1px_rgba\(0\2c 0\2c 0\2c 0\.3\)\] {
  --tw-drop-shadow: drop-shadow(0 2px 1px rgba(0,0,0,0.3));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_2px_4px_rgba\(0\2c 0\2c 0\2c 0\.2\)\] {
  --tw-drop-shadow: drop-shadow(0 2px 4px rgba(0,0,0,0.2));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_2px_4px_rgba\(0\2c 0\2c 0\2c 0\.6\)\] {
  --tw-drop-shadow: drop-shadow(0 2px 4px rgba(0,0,0,0.6));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_2px_4px_rgba\(0\2c 0\2c 0\2c 0\.8\)\] {
  --tw-drop-shadow: drop-shadow(0 2px 4px rgba(0,0,0,0.8));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_40px_40px_rgba\(0\2c 0\2c 0\2c 1\)\] {
  --tw-drop-shadow: drop-shadow(0 40px 40px rgba(0,0,0,1));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_4px_8px_rgba\(0\2c 0\2c 0\2c 0\.3\)\] {
  --tw-drop-shadow: drop-shadow(0 4px 8px rgba(0,0,0,0.3));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_6px_10px_rgba\(0\2c 0\2c 0\2c 0\.3\)\] {
  --tw-drop-shadow: drop-shadow(0 6px 10px rgba(0,0,0,0.3));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_8px_24px_rgba\(0\2c 0\2c 0\2c 0\.28\)\] {
  --tw-drop-shadow: drop-shadow(0 8px 24px rgba(0,0,0,0.28));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-lg {
  --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-md {
  --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-sm {
  --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert-0 {
  --tw-invert: invert(0);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.saturate-150 {
  --tw-saturate: saturate(1.5);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.sepia {
  --tw-sepia: sepia(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.\!filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur {
  --tw-backdrop-blur: blur(8px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-2xl {
  --tw-backdrop-blur: blur(40px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-3xl {
  --tw-backdrop-blur: blur(64px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[14px\] {
  --tw-backdrop-blur: blur(14px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[1px\] {
  --tw-backdrop-blur: blur(1px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[2px\] {
  --tw-backdrop-blur: blur(2px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-lg {
  --tw-backdrop-blur: blur(16px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-md {
  --tw-backdrop-blur: blur(12px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-none {
  --tw-backdrop-blur:  ;
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-xl {
  --tw-backdrop-blur: blur(24px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-saturate-150 {
  --tw-backdrop-saturate: saturate(1.5);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-filter {
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.\!transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[background-color\2c backdrop-filter\2c border-color\2c box-shadow\] {
  transition-property: background-color,backdrop-filter,border-color,box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[background-color\2c border-color\2c box-shadow\] {
  transition-property: background-color,border-color,box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[background-color\2c border-color\2c color\2c box-shadow\] {
  transition-property: background-color,border-color,color,box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[background-color\2c border-color\2c color\2c transform\2c opacity\] {
  transition-property: background-color,border-color,color,transform,opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[background-color\2c border-color\2c transform\] {
  transition-property: background-color,border-color,transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[background-color\2c border-color\] {
  transition-property: background-color,border-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[background-color\2c box-shadow\2c border-color\] {
  transition-property: background-color,box-shadow,border-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[background-color\2c box-shadow\2c color\2c opacity\] {
  transition-property: background-color,box-shadow,color,opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[background-color\2c box-shadow\2c transform\] {
  transition-property: background-color,box-shadow,transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[background-color\2c box-shadow\] {
  transition-property: background-color,box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[background-color\2c color\2c box-shadow\2c border-radius\] {
  transition-property: background-color,color,box-shadow,border-radius;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[background-color\2c color\2c box-shadow\2c transform\] {
  transition-property: background-color,color,box-shadow,transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[background-color\2c color\2c box-shadow\] {
  transition-property: background-color,color,box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[background-color\2c color\2c transform\] {
  transition-property: background-color,color,transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[background-color\2c filter\] {
  transition-property: background-color,filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[background-color\] {
  transition-property: background-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[background\] {
  transition-property: background;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[border-color\2c background-color\] {
  transition-property: border-color,background-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[border-color\2c box-shadow\2c background-color\] {
  transition-property: border-color,box-shadow,background-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[border-color\] {
  transition-property: border-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[border-radius\] {
  transition-property: border-radius;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[box-shadow\2c border-color\] {
  transition-property: box-shadow,border-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[clip-path\] {
  transition-property: clip-path;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[color\2c background-color\2c transform\] {
  transition-property: color,background-color,transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[color\2c box-shadow\] {
  transition-property: color,box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[color\2c transform\] {
  transition-property: color,transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[filter\2c background-color\] {
  transition-property: filter,background-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[filter\] {
  transition-property: filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[flex-basis\] {
  transition-property: flex-basis;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[grid-template-rows\2c opacity\] {
  transition-property: grid-template-rows,opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[grid-template-rows\] {
  transition-property: grid-template-rows;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[height\] {
  transition-property: height;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[left\2c right\2c width\] {
  transition-property: left,right,width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[left\2c top\2c width\2c height\2c filter\] {
  transition-property: left,top,width,height,filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[left\] {
  transition-property: left;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[margin\2c opa\] {
  transition-property: margin,opa;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[margin\2c opacity\] {
  transition-property: margin,opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[max-width\2c opacity\] {
  transition-property: max-width,opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[opacity\2c color\2c transform\] {
  transition-property: opacity,color,transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[opacity\2c color\] {
  transition-property: opacity,color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[opacity\2c filter\] {
  transition-property: opacity,filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[opacity\2c rotate\] {
  transition-property: opacity,rotate;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[opacity\2c shadow\] {
  transition-property: opacity,shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[opacity\2c transform\2c box-shadow\] {
  transition-property: opacity,transform,box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[opacity\2c transform\] {
  transition-property: opacity,transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[opacity\2c translate\2c color\] {
  transition-property: opacity,translate,color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[opacity\2c translate\] {
  transition-property: opacity,translate;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[outline\2c box-shadow\2c opacity\] {
  transition-property: outline,box-shadow,opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[padding\] {
  transition-property: padding;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[r\2c color\2c opacity\] {
  transition-property: r,color,opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[ring-color\2c transform\] {
  transition-property: ring-color,transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[stroke-dashoffset\] {
  transition-property: stroke-dashoffset;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[stroke-width\] {
  transition-property: stroke-width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[transform\2c box-shadow\] {
  transition-property: transform,box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[transform\2c opacity\2c filter\] {
  transition-property: transform,opacity,filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[transform\2c opacity\] {
  transition-property: transform,opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[transform\2c width\] {
  transition-property: transform,width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[translate\2c opacity\2c background-color\2c scale\] {
  transition-property: translate,opacity,background-color,scale;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[translate\2c scale\2c opacity\] {
  transition-property: translate,scale,opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[width\2c background-color\2c border-color\] {
  transition-property: width,background-color,border-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[width\2c height\2c background-color\] {
  transition-property: width,height,background-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[width\2c height\2c padding\] {
  transition-property: width,height,padding;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[width\] {
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-none {
  transition-property: none;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.delay-100 {
  transition-delay: 100ms;
}
.delay-1000 {
  transition-delay: 1000ms;
}
.delay-150 {
  transition-delay: 150ms;
}
.delay-200 {
  transition-delay: 200ms;
}
.delay-300 {
  transition-delay: 300ms;
}
.delay-700 {
  transition-delay: 700ms;
}
.delay-75 {
  transition-delay: 75ms;
}
.duration-0 {
  transition-duration: 0s;
}
.duration-100 {
  transition-duration: 100ms;
}
.duration-1000 {
  transition-duration: 1000ms;
}
.duration-150 {
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.duration-500 {
  transition-duration: 500ms;
}
.duration-700 {
  transition-duration: 700ms;
}
.duration-75 {
  transition-duration: 75ms;
}
.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-linear {
  transition-timing-function: linear;
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.will-change-transform {
  will-change: transform;
}
.contain-content {
  contain: content;
}
.contain-strict {
  contain: strict;
}
.contain-inline-size {
  --tw-contain-size: inline-size;
  contain: var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style);
}
.contain-layout {
  --tw-contain-layout: layout;
  contain: var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style);
}
.contain-paint {
  --tw-contain-paint: paint;
  contain: var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style);
}
.content-\[\'\'\] {
  --tw-content: '';
  content: var(--tw-content);
}
@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
  }
}
@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
  }
}
.animate-in {
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.animate-out {
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}
.fade-in {
  --tw-enter-opacity: 0;
}
.fade-in-0 {
  --tw-enter-opacity: 0;
}
.fade-in-50 {
  --tw-enter-opacity: 0.5;
}
.fade-in-80 {
  --tw-enter-opacity: 0.8;
}
.fade-out {
  --tw-exit-opacity: 0;
}
.fade-out-0 {
  --tw-exit-opacity: 0;
}
.zoom-in {
  --tw-enter-scale: 0;
}
.zoom-in-50 {
  --tw-enter-scale: .5;
}
.zoom-in-95 {
  --tw-enter-scale: .95;
}
.zoom-out {
  --tw-exit-scale: 0;
}
.zoom-out-50 {
  --tw-exit-scale: .5;
}
.zoom-out-95 {
  --tw-exit-scale: .95;
}
.slide-in-from-bottom {
  --tw-enter-translate-y: 100%;
}
.slide-in-from-bottom-1 {
  --tw-enter-translate-y: 0.25rem;
}
.slide-in-from-bottom-2 {
  --tw-enter-translate-y: 0.5rem;
}
.slide-in-from-bottom-4 {
  --tw-enter-translate-y: 1rem;
}
.slide-in-from-left-2 {
  --tw-enter-translate-x: -0.5rem;
}
.slide-in-from-left-4 {
  --tw-enter-translate-x: -1rem;
}
.slide-in-from-left-6 {
  --tw-enter-translate-x: -1.5rem;
}
.slide-in-from-left-full {
  --tw-enter-translate-x: -100%;
}
.slide-in-from-right {
  --tw-enter-translate-x: 100%;
}
.slide-in-from-right-2 {
  --tw-enter-translate-x: 0.5rem;
}
.slide-in-from-right-4 {
  --tw-enter-translate-x: 1rem;
}
.slide-in-from-right-5 {
  --tw-enter-translate-x: 1.25rem;
}
.slide-in-from-right-6 {
  --tw-enter-translate-x: 1.5rem;
}
.slide-in-from-top {
  --tw-enter-translate-y: -100%;
}
.slide-in-from-top-1 {
  --tw-enter-translate-y: -0.25rem;
}
.slide-in-from-top-2 {
  --tw-enter-translate-y: -0.5rem;
}
.duration-0 {
  animation-duration: 0s;
}
.duration-100 {
  animation-duration: 100ms;
}
.duration-1000 {
  animation-duration: 1000ms;
}
.duration-150 {
  animation-duration: 150ms;
}
.duration-200 {
  animation-duration: 200ms;
}
.duration-300 {
  animation-duration: 300ms;
}
.duration-500 {
  animation-duration: 500ms;
}
.duration-700 {
  animation-duration: 700ms;
}
.duration-75 {
  animation-duration: 75ms;
}
.delay-100 {
  animation-delay: 100ms;
}
.delay-1000 {
  animation-delay: 1000ms;
}
.delay-150 {
  animation-delay: 150ms;
}
.delay-200 {
  animation-delay: 200ms;
}
.delay-300 {
  animation-delay: 300ms;
}
.delay-700 {
  animation-delay: 700ms;
}
.delay-75 {
  animation-delay: 75ms;
}
.ease-in {
  animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out {
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-linear {
  animation-timing-function: linear;
}
.ease-out {
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.\!running {
  animation-play-state: running !important;
}
.running {
  animation-play-state: running;
}
.\!paused {
  animation-play-state: paused !important;
}
.paused {
  animation-play-state: paused;
}
.fill-mode-backwards {
  animation-fill-mode: backwards;
}
.fill-mode-both {
  animation-fill-mode: both;
}
.repeat-1 {
  animation-iteration-count: 1;
}
.\[--aurora-accent\:rgba\(148\2c 163\2c 184\2c 0\.15\)\] {
  --aurora-accent: rgba(148,163,184,0.15);
}
.\[--aurora-base\:\#ffffff\] {
  --aurora-base: #ffffff;
}
.\[--bg-color-active\:theme\(colors\.neutral\.300\)\] {
  --bg-color-active: #d4d4d4;
}
.\[--bg-color-active\:theme\(colors\.neutral\.500\)\] {
  --bg-color-active: #737373;
}
.\[--bg-color-active\:theme\(colors\.neutral\.700\)\] {
  --bg-color-active: #404040;
}
.\[--bg-color-active\:theme\(colors\.neutral\.800\)\] {
  --bg-color-active: #262626;
}
.\[--bg-color-active\:theme\(colors\.orange\.600\)\] {
  --bg-color-active: #ea580c;
}
.\[--bg-color\:theme\(colors\.neutral\.200\)\] {
  --bg-color: #e5e5e5;
}
.\[--bg-color\:theme\(colors\.neutral\.400\)\] {
  --bg-color: #a3a3a3;
}
.\[--bg-color\:theme\(colors\.neutral\.600\)\] {
  --bg-color: #525252;
}
.\[--bg-color\:theme\(colors\.neutral\.700\)\] {
  --bg-color: #404040;
}
.\[--bg-color\:theme\(colors\.orange\.500\)\] {
  --bg-color: #f97316;
}
.\[--card-spacing\:--spacing\(4\)\] {
  --card-spacing: var(--spacing(4));
}
.\[--card-spacing\:--spacing\(6\)\] {
  --card-spacing: var(--spacing(6));
}
.\[--cell-border-color\:color-mix\(in_oklab\2c var\(--accent\)\2c black_10\%\)\] {
  --cell-border-color: color-mix(in oklab,var(--accent),black 10%);
}
.\[--cell-fill-color\:var\(--accent\)\] {
  --cell-fill-color: var(--accent);
}
.\[--cell-radius\:var\(--radius-control\)\] {
  --cell-radius: var(--radius-control);
}
.\[--cell-radius\:var\(--radius-md\)\] {
  --cell-radius: var(--radius-md);
}
.\[--cell-shadow-color\:color-mix\(in_oklab\2c var\(--accent\)\2c black_43\%\)\] {
  --cell-shadow-color: color-mix(in oklab,var(--accent),black 43%);
}
.\[--cell-size\:--spacing\(7\)\] {
  --cell-size: var(--spacing(7));
}
.\[--cell-size\:--spacing\(8\)\] {
  --cell-size: var(--spacing(8));
}
.\[--cell-size\:1\.75rem\] {
  --cell-size: 1.75rem;
}
.\[--cell-size\:2rem\] {
  --cell-size: 2rem;
}
.\[--color\:var\(--muted-foreground\)\] {
  --color: var(--muted-foreground);
}
.\[--detail-overlay-width\:min\(42rem\2c calc\(100\%_-_14rem\)\)\] {
  --detail-overlay-width: min(42rem,calc(100% - 14rem));
}
.\[--edge-color\:rgba\(255\2c 255\2c 255\2c 1\)\] {
  --edge-color: rgba(255,255,255,1);
}
.\[--folder-card-bezel\:\#f3f3ea\] {
  --folder-card-bezel: #f3f3ea;
}
.\[--folder-card-panel-from\:\#f3f3ea\] {
  --folder-card-panel-from: #f3f3ea;
}
.\[--folder-card-panel-to\:\#f3f3ea\] {
  --folder-card-panel-to: #f3f3ea;
}
.\[--folder-card-subtitle\:\#6e6e6a\] {
  --folder-card-subtitle: #6e6e6a;
}
.\[--folder-card-surface\:\#f3f3ea\] {
  --folder-card-surface: #f3f3ea;
}
.\[--folder-card-title\:\#000000\] {
  --folder-card-title: #000000;
}
.\[--grid-color\:rgba\(17\2c 17\2c 17\2c 0\.08\)\] {
  --grid-color: rgba(17,17,17,0.08);
}
.\[--gutter\:96px\] {
  --gutter: 96px;
}
.\[--meta\:3\.75rem\] {
  --meta: 3.75rem;
}
.\[--radius\:var\(--radius-xl\)\] {
  --radius: var(--radius-xl);
}
.\[--retro-label-color\:\#171717\] {
  --retro-label-color: #171717;
}
.\[--retro-label-color\:\#ffffff\] {
  --retro-label-color: #ffffff;
}
.\[--shadow-dark\:theme\(colors\.neutral\.500\)\] {
  --shadow-dark: #737373;
}
.\[--shadow-dark\:theme\(colors\.neutral\.600\)\] {
  --shadow-dark: #525252;
}
.\[--shadow-dark\:theme\(colors\.neutral\.800\)\] {
  --shadow-dark: #262626;
}
.\[--shadow-dark\:theme\(colors\.neutral\.900\)\] {
  --shadow-dark: #171717;
}
.\[--shadow-dark\:theme\(colors\.orange\.700\)\] {
  --shadow-dark: #c2410c;
}
.\[--shadow-light\:theme\(colors\.neutral\.200\)\] {
  --shadow-light: #e5e5e5;
}
.\[--shadow-light\:theme\(colors\.neutral\.400\)\] {
  --shadow-light: #a3a3a3;
}
.\[--shadow-light\:theme\(colors\.orange\.300\)\] {
  --shadow-light: #fdba74;
}
.\[--shadow-light\:theme\(colors\.white\)\] {
  --shadow-light: #fff;
}
.\[--shimmering-color\:var\(--foreground\)\] {
  --shimmering-color: var(--foreground);
}
.\[--spectrum-chart-1\:\#171717\] {
  --spectrum-chart-1: #171717;
}
.\[--spectrum-chart-1\:\#2563eb\] {
  --spectrum-chart-1: #2563eb;
}
.\[--spectrum-chart-2\:\#737373\] {
  --spectrum-chart-2: #737373;
}
.\[--spectrum-chart-2\:\#f59e0b\] {
  --spectrum-chart-2: #f59e0b;
}
.\[--spectrum-chart-3\:\#0d9488\] {
  --spectrum-chart-3: #0d9488;
}
.\[--spectrum-chart-3\:\#52525b\] {
  --spectrum-chart-3: #52525b;
}
.\[--spectrum-chart-4\:\#7c3aed\] {
  --spectrum-chart-4: #7c3aed;
}
.\[--spectrum-chart-4\:\#a3a3a3\] {
  --spectrum-chart-4: #a3a3a3;
}
.\[--spectrum-chart-5\:\#64748b\] {
  --spectrum-chart-5: #64748b;
}
.\[--spectrum-chart-5\:\#d4d4d8\] {
  --spectrum-chart-5: #d4d4d8;
}
.\[--spectrum-chart-down\:\#e11d48\] {
  --spectrum-chart-down: #e11d48;
}
.\[--spectrum-chart-surface\:\#fff\] {
  --spectrum-chart-surface: #fff;
}
.\[--spectrum-chart-up\:\#059669\] {
  --spectrum-chart-up: #059669;
}
.\[--tree-item-height\:1\.75rem\] {
  --tree-item-height: 1.75rem;
}
.\[--tree-item-height\:2\.125rem\] {
  --tree-item-height: 2.125rem;
}
.\[--tree-item-height\:2\.5rem\] {
  --tree-item-height: 2.5rem;
}
.\[-moz-appearance\:textfield\] {
  -moz-appearance: textfield;
}
.\[-ms-overflow-style\:none\] {
  -ms-overflow-style: none;
}
.\[-webkit-touch-callout\:none\] {
  -webkit-touch-callout: none;
}
.\[a-z0-9\:-\] {
  a-z0-9: -;
}
.\[a-zA-Z0-9\:_-\] {
  a-z-a--z0-9: -;
}
.\[admin-tabs\:persist-fail\] {
  admin-tabs: persist-fail;
}
.\[animation-delay\:-0\.15s\] {
  animation-delay: -0.15s;
}
.\[animation-delay\:-0\.3s\] {
  animation-delay: -0.3s;
}
.\[animation-delay\:0\.2s\] {
  animation-delay: 0.2s;
}
.\[animation-delay\:150ms\] {
  animation-delay: 150ms;
}
.\[animation-delay\:300ms\] {
  animation-delay: 300ms;
}
.\[animation-direction\:reverse\] {
  animation-direction: reverse;
}
.\[animation-duration\:1\.5s\] {
  animation-duration: 1.5s;
}
.\[animation-duration\:150ms\!important\] {
  animation-duration: 150ms !important;
}
.\[animation-duration\:2s\] {
  animation-duration: 2s;
}
.\[animation\:mobileAppOpen_var\(--m3-dur-spatial-slow\)_var\(--m3-spatial\)\] {
  animation: mobileAppOpen var(--m3-dur-spatial-slow) var(--m3-spatial);
}
.\[animation\:mobileAppOpen_var\(--shell-dur\)_var\(--shell-ease\)\] {
  animation: mobileAppOpen var(--shell-dur) var(--shell-ease);
}
.\[animation\:winClose_var\(--shell-dur-fast\)_var\(--shell-ease\)_forwards\] {
  animation: winClose var(--shell-dur-fast) var(--shell-ease) forwards;
}
.\[animation\:winMin_var\(--shell-dur\)_var\(--shell-ease\)_forwards\] {
  animation: winMin var(--shell-dur) var(--shell-ease) forwards;
}
.\[animation\:winOpen_var\(--shell-dur-fast\)_var\(--shell-ease\)\] {
  animation: winOpen var(--shell-dur-fast) var(--shell-ease);
}
.\[animation\:wpFloatA_26s_ease-in-out_infinite\] {
  animation: wpFloatA 26s ease-in-out infinite;
}
.\[animation\:wpFloatB_32s_ease-in-out_infinite\] {
  animation: wpFloatB 32s ease-in-out infinite;
}
.\[animation\:wpFloatB_40s_ease-in-out_infinite_reverse\] {
  animation: wpFloatB 40s ease-in-out infinite reverse;
}
.\[aspect-ratio\:1\] {
  aspect-ratio: 1;
}
.\[background-clip\:padding-box\2c border-box\2c border-box\] {
  background-clip: padding-box,border-box,border-box;
}
.\[background-image\:radial-gradient\(circle\2c currentColor_0\.55px\2c transparent_0\.55px\)\] {
  background-image: radial-gradient(circle,currentColor 0.55px,transparent 0.55px);
}
.\[background-origin\:border-box\] {
  background-origin: border-box;
}
.\[background-size\:12px_12px\] {
  background-size: 12px 12px;
}
.\[background-size\:16px_16px\] {
  background-size: 16px 16px;
}
.\[background-size\:20px_20px\] {
  background-size: 20px 20px;
}
.\[background\:conic-gradient\(from_calc\(270deg-\(var\(--spread\)\*0\.5\)\)\2c transparent_0\2c var\(--shimmer-color\)_var\(--spread\)\2c transparent_var\(--spread\)\)\] {
  background: conic-gradient(from calc(270deg - (var(--spread) * 0.5)),transparent 0,var(--shimmer-color) var(--spread),transparent var(--spread));
}
.\[background\:radial-gradient\(125\%_125\%_at_50\%_100\%\2c transparent_0\%\2c var\(--background\)_75\%\)\] {
  background: radial-gradient(125% 125% at 50% 100%,transparent 0%,var(--background) 75%);
}
.\[background\:var\(--bg\)\] {
  background: var(--bg);
}
.\[border-color\:var\(\$\{varName\}\)\] {
  border-color: var(${varName});
}
.\[border-color\:var\(--border-color\)\] {
  border-color: var(--border-color);
}
.\[border-radius\:0\] {
  border-radius: 0;
}
.\[border-radius\:var\(--radius\)\] {
  border-radius: var(--radius);
}
.\[border\:calc\(0\.08\*1rem\)_solid_transparent\] {
  border: calc(0.08 * 1rem) solid transparent;
}
.\[build-nav-launcher\:persist-fail\] {
  build-nav-launcher: persist-fail;
}
.\[clip-path\:inset\(0_round_var\(--widget-radius\)\)\] {
  clip-path: inset(0 round var(--widget-radius));
}
.\[clip-path\:polygon\(0_0\2c 100\%_100\%\2c 100\%_0\)\] {
  clip-path: polygon(0 0,100% 100%,100% 0);
}
.\[clip-path\:polygon\(0_0\2c 100\%_15\%\2c 100\%_85\%\2c 0_100\%\)\] {
  clip-path: polygon(0 0,100% 15%,100% 85%,0 100%);
}
.\[clip-path\:polygon\(0_15\%\2c 100\%_0\2c 100\%_100\%\2c 0_85\%\)\] {
  clip-path: polygon(0 15%,100% 0,100% 100%,0 85%);
}
.\[clip-path\:polygon\(5\%_100\%\2c 25\%_0\2c 75\%_0\2c 95\%_100\%\)\] {
  clip-path: polygon(5% 100%,25% 0,75% 0,95% 100%);
}
.\[color-scheme\:dark\] {
  color-scheme: dark;
}
.\[column-count\:1\] {
  -moz-column-count: 1;
       column-count: 1;
}
.\[column-count\:2\] {
  -moz-column-count: 2;
       column-count: 2;
}
.\[column-count\:3\] {
  -moz-column-count: 3;
       column-count: 3;
}
.\[column-count\:4\] {
  -moz-column-count: 4;
       column-count: 4;
}
.\[column-fill\:_balance\] {
  -moz-column-fill: balance;
       column-fill: balance;
}
.\[column-span\:all\] {
  -moz-column-span: all;
       column-span: all;
}
.\[contain-intrinsic-size\:72px_72px\] {
  contain-intrinsic-size: 72px 72px;
}
.\[contain-intrinsic-size\:auto_10rem\] {
  contain-intrinsic-size: auto 10rem;
}
.\[container-type\:inline-size\] {
  container-type: inline-size;
}
.\[container-type\:size\] {
  container-type: size;
}
.\[content-visibility\:auto\] {
  content-visibility: auto;
}
.\[contenthash\:8\] {
  contenthash: 8;
}
.\[counter-increment\:source\] {
  counter-increment: source;
}
.\[counter-reset\:source\] {
  counter-reset: source;
}
.\[e2e\:perf\] {
  e2e: perf;
}
.\[field-sizing\:fixed\] {
  field-sizing: fixed;
}
.\[filter\:brightness\(0\)\] {
  filter: brightness(0);
}
.\[filter\:brightness\(0\)_invert\(1\)\] {
  filter: brightness(0) invert(1);
}
.\[filter\:contrast\(1\.22\)_brightness\(1\.12\)_drop-shadow\(0_0_0\.55px_rgba\(255\2c 255\2c 255\2c 0\.95\)\)\] {
  filter: contrast(1.22) brightness(1.12) drop-shadow(0 0 0.55px rgba(255,255,255,0.95));
}
.\[font-family\:var\(--font-mono-ui\)\] {
  font-family: var(--font-mono-ui);
}
.\[font-variant-numeric\:tabular-nums\] {
  font-variant-numeric: tabular-nums;
}
.\[grid-column\:var\(--bento-col\)\] {
  grid-column: var(--bento-col);
}
.\[grid-row\:var\(--bento-row\)\] {
  grid-row: var(--bento-row);
}
.\[grid-template-columns\:0\.75rem_minmax\(0\2c var\(--blocks-prop-grid-width\2c 12rem\)\)_1px_minmax\(0\2c 1fr\)\] {
  grid-template-columns: 0.75rem minmax(0,var(--blocks-prop-grid-width,12rem)) 1px minmax(0,1fr);
}
.\[image-rendering\:pixelated\] {
  image-rendering: pixelated;
}
.\[inset\:var\(--cut\)\] {
  inset: var(--cut);
}
.\[mask-clip\:padding-box\2c border-box\] {
  -webkit-mask-clip: padding-box,border-box;
          mask-clip: padding-box,border-box;
}
.\[mask-composite\:intersect\] {
  -webkit-mask-composite: source-in, xor;
          mask-composite: intersect;
}
.\[mask-image\:linear-gradient\(to_bottom\2c transparent\2c \#000_12\%\2c \#000_88\%\2c transparent\)\] {
  -webkit-mask-image: linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);
          mask-image: linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);
}
.\[mask-image\:linear-gradient\(to_bottom\2c transparent\2c white_10\%\2c white_90\%\2c transparent\)\] {
  -webkit-mask-image: linear-gradient(to bottom,transparent,white 10%,white 90%,transparent);
          mask-image: linear-gradient(to bottom,transparent,white 10%,white 90%,transparent);
}
.\[mask-image\:linear-gradient\(to_top\2c black_50\%\2c transparent\)\] {
  -webkit-mask-image: linear-gradient(to top,black 50%,transparent);
          mask-image: linear-gradient(to top,black 50%,transparent);
}
.\[mask-image\:linear-gradient\(transparent\2c transparent\)\2c linear-gradient\(\#000\2c \#000\)\] {
  -webkit-mask-image: linear-gradient(transparent,transparent),linear-gradient(#000,#000);
          mask-image: linear-gradient(transparent,transparent),linear-gradient(#000,#000);
}
.\[mask-image\:radial-gradient\(circle_at_50\%_50\%\2c \#000_70\%\2c transparent_100\%\)\] {
  -webkit-mask-image: radial-gradient(circle at 50% 50%,#000 70%,transparent 100%);
          mask-image: radial-gradient(circle at 50% 50%,#000 70%,transparent 100%);
}
.\[mask-image\:radial-gradient\(ellipse_50\%_50\%_at_50\%_50\%\2c \#000_70\%\2c transparent_100\%\)\] {
  -webkit-mask-image: radial-gradient(ellipse 50% 50% at 50% 50%,#000 70%,transparent 100%);
          mask-image: radial-gradient(ellipse 50% 50% at 50% 50%,#000 70%,transparent 100%);
}
.\[mask-image\:radial-gradient\(ellipse_at_center\2c var\(--background\)_10\%\2c transparent\)\] {
  -webkit-mask-image: radial-gradient(ellipse at center,var(--background) 10%,transparent);
          mask-image: radial-gradient(ellipse at center,var(--background) 10%,transparent);
}
.\[mask-image\:repeating-linear-gradient\(90deg\2c \#000_0_4px\2c transparent_4px_16px\)\] {
  -webkit-mask-image: repeating-linear-gradient(90deg,#000 0 4px,transparent 4px 16px);
          mask-image: repeating-linear-gradient(90deg,#000 0 4px,transparent 4px 16px);
}
.\[mask-image\:repeating-linear-gradient\(90deg\2c \#000_0_6px\2c transparent_6px_12px\)\] {
  -webkit-mask-image: repeating-linear-gradient(90deg,#000 0 6px,transparent 6px 12px);
          mask-image: repeating-linear-gradient(90deg,#000 0 6px,transparent 6px 12px);
}
.\[mask\:none\] {
  -webkit-mask: none;
          mask: none;
}
.\[overflow-anchor\:none\] {
  overflow-anchor: none;
}
.\[overflow-wrap\:anywhere\] {
  overflow-wrap: anywhere;
}
.\[padding-bottom\:calc\(0\.375rem\+var\(--sai-bottom\)\)\] {
  padding-bottom: calc(0.375rem + var(--sai-bottom));
}
.\[padding-bottom\:calc\(0\.375rem\+var\(--sai-bottom\2c 0px\)\)\] {
  padding-bottom: calc(0.375rem + var(--sai-bottom,0px));
}
.\[padding-bottom\:calc\(0\.75rem\+var\(--sai-bottom\)\)\] {
  padding-bottom: calc(0.75rem + var(--sai-bottom));
}
.\[padding-bottom\:calc\(0\.875rem\+var\(--sai-bottom\)\)\] {
  padding-bottom: calc(0.875rem + var(--sai-bottom));
}
.\[padding-bottom\:calc\(1\.25rem\+var\(--sai-bottom\)\)\] {
  padding-bottom: calc(1.25rem + var(--sai-bottom));
}
.\[padding-bottom\:calc\(1\.5rem\+var\(--sai-bottom\)\)\] {
  padding-bottom: calc(1.5rem + var(--sai-bottom));
}
.\[padding-bottom\:calc\(1rem\+var\(--sai-bottom\)\)\] {
  padding-bottom: calc(1rem + var(--sai-bottom));
}
.\[padding-bottom\:var\(--sai-bottom\)\] {
  padding-bottom: var(--sai-bottom);
}
.\[padding-bottom\:var\(--sai-bottom\2c 0px\)\] {
  padding-bottom: var(--sai-bottom,0px);
}
.\[perspective\:1500px\] {
  perspective: 1500px;
}
.\[perspective\:900px\] {
  perspective: 900px;
}
.\[pointer-events\:stroke\] {
  pointer-events: stroke;
}
.\[prop\:testId\] {
  prop: testId;
}
.\[scroll-snap-align\:center\] {
  scroll-snap-align: center;
}
.\[scroll-snap-type\:x_proximity\] {
  scroll-snap-type: x proximity;
}
.\[scrollbar-color\:rgba\(255\2c 255\2c 255\2c 0\.15\)_transparent\] {
  scrollbar-color: rgba(255,255,255,0.15) transparent;
}
.\[scrollbar-color\:var\(--color-border\2c \#d4d4d8\)_transparent\] {
  scrollbar-color: var(--color-border,#d4d4d8) transparent;
}
.\[scrollbar-gutter\:stable\] {
  scrollbar-gutter: stable;
}
.\[scrollbar-width\:none\] {
  scrollbar-width: none;
}
.\[scrollbar-width\:thin\] {
  scrollbar-width: thin;
}
.\[text-box\:trim-both_cap_alphabetic\] {
  text-box: trim-both cap alphabetic;
}
.\[text-shadow\:0_0\.5px_0_rgba\(255\2c 255\2c 255\2c 0\.3\)\] {
  text-shadow: 0 0.5px 0 rgba(255,255,255,0.3);
}
.\[text-shadow\:0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.5\)\] {
  text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}
.\[text-shadow\:0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.5\)\] {
  text-shadow: 0 1px 2px rgba(0,0,0,0.5);
}
.\[text-shadow\:0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.8\)\2c 0_-0\.5px_0_rgba\(255\2c 255\2c 255\2c 0\.15\)\] {
  text-shadow: 0 1px 2px rgba(0,0,0,0.8),0 -0.5px 0 rgba(255,255,255,0.15);
}
.\[text-shadow\:0_1px_3px_rgba\(0\2c 0\2c 0\2c 0\.5\)\] {
  text-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
.\[text-shadow\:0_1px_3px_rgba\(0\2c 0\2c 0\2c 0\.9\)\] {
  text-shadow: 0 1px 3px rgba(0,0,0,0.9);
}
.\[text-shadow\:_0_-1px_0_rgb\(124_45_18_\/_100\%\)\] {
  text-shadow: 0 -1px 0 rgb(124 45 18 / 100%);
}
.\[text-shadow\:_0_-1px_0_rgb\(146_64_14_\/_100\%\)\] {
  text-shadow: 0 -1px 0 rgb(146 64 14 / 100%);
}
.\[text-shadow\:_0_-1px_0_rgb\(178_140_2_\/_100\%\)\] {
  text-shadow: 0 -1px 0 rgb(178 140 2 / 100%);
}
.\[text-shadow\:_0_-1px_0_rgb\(30_58_138_\/_100\%\)\] {
  text-shadow: 0 -1px 0 rgb(30 58 138 / 100%);
}
.\[text-shadow\:_0_-1px_0_rgb\(6_78_59_\/_100\%\)\] {
  text-shadow: 0 -1px 0 rgb(6 78 59 / 100%);
}
.\[text-shadow\:_0_-1px_0_rgb\(80_80_80_\/_100\%\)\] {
  text-shadow: 0 -1px 0 rgb(80 80 80 / 100%);
}
.\[touch-action\:none\] {
  touch-action: none;
}
.\[transform-origin\:center_bottom\] {
  transform-origin: center bottom;
}
.\[transform-style\:preserve-3d\] {
  transform-style: preserve-3d;
}
.\[transform\:translateZ\(0\)\] {
  transform: translateZ(0);
}
.\[transition-duration\:120ms\] {
  transition-duration: 120ms;
}
.\[transition-duration\:150ms\!important\] {
  transition-duration: 150ms !important;
}
.\[transition-duration\:160ms\] {
  transition-duration: 160ms;
}
.\[transition-timing-function\:cubic-bezier\(\.2\2c \.9\2c \.25\2c 1\)\] {
  transition-timing-function: cubic-bezier(.2,.9,.25,1);
}
.\[transition-timing-function\:cubic-bezier\(0\.23\2c 1\2c 0\.32\2c 1\)\] {
  transition-timing-function: cubic-bezier(0.23,1,0.32,1);
}
.\[translate\:0_0\] {
  translate: 0 0;
}
.\[translate\:5\%_-50\%\] {
  translate: 5% -50%;
}
.\[writing-mode\:vertical-rl\] {
  writing-mode: vertical-rl;
}
[data-style-sandbox-inspector] input,
[data-style-sandbox-inspector] select,
[data-style-sandbox-inspector] textarea {
  font-size: 12px !important;
  min-height: 18px !important;
}
/*
 * Official Docs master-nav strip chrome.
 * Beats global 16px / 44px input+button rules (components.css) and any
 * inherited theme font sizes that otherwise make the strip look huge.
 */
[data-rd-master-nav-strip-toggle],
[data-official-docs-nav-divider] {
  height: 14px !important;
  min-height: 14px !important;
  max-height: 14px !important;
  padding-block: 0 !important;
  font-size: 8px !important;
  line-height: 1 !important;
}
[data-rd-master-nav-strip-toggle] button,
[data-official-docs-nav-divider] button {
  height: 12px !important;
  min-height: 0 !important;
  min-width: 0 !important;
  padding: 0 4px !important;
  font-size: 8px !important;
  line-height: 1 !important;
}
[data-official-docs-nav-divider] label {
  height: 12px !important;
  min-height: 0 !important;
  width: 5rem !important;
  max-width: 5rem !important;
  padding: 0 4px !important;
  gap: 3px !important;
}
[data-official-docs-nav-divider] input[type='search'][aria-label] {
  font-size: 8px !important;
  line-height: 1 !important;
  min-height: 0 !important;
  height: 100% !important;
  padding: 0 !important;
}
[data-rd-master-nav-strip-toggle] svg,
[data-official-docs-nav-divider] svg {
  width: 8px !important;
  height: 8px !important;
}
/* Note: Core CSS variables are defined in base.css */
/* Radix UI Themes handles theming via the <Theme> component */
/* Leaflet container fix for dynamic layouts */
.leaflet-container {
  width: 100% !important;
  height: 100% !important;
}
/* Column containment for editor multi-column layouts */
[data-column] {
  overflow: hidden;
  position: relative;
  min-width: 0;
}
/* Lab background overflow fix */
.lab-bg::before {
  overflow: hidden;
  max-width: 100vw;
  max-height: 100vh;
  box-sizing: border-box;
}
/* ─── Light-panel auto-contrast for Focus Workspace desk cards ─── */
[data-light-panel="true"] {
  color: rgba(0, 0, 0, 1);
}
[data-light-panel="true"] .text-foreground,
[data-light-panel="true"] .text-muted-foreground,
[data-light-panel="true"] .text-secondary-foreground,
[data-light-panel="true"] .text-accent-foreground,
[data-light-panel="true"] .text-primary,
[data-light-panel="true"] [class*="text-white\/"] {
  color: rgba(0, 0, 0, 0.9) !important;
}
[data-light-panel="true"] h3,
[data-light-panel="true"] p,
[data-light-panel="true"] span,
[data-light-panel="true"] label {
  color: inherit;
}
[data-light-panel="true"] input,
[data-light-panel="true"] textarea {
  color: rgba(0, 0, 0, 1) !important;
}
[data-light-panel="true"] input::-moz-placeholder, [data-light-panel="true"] textarea::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}
[data-light-panel="true"] input::placeholder,
[data-light-panel="true"] textarea::placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}
[data-light-panel="true"] .border-border,
[data-light-panel="true"] .border-border\/30,
[data-light-panel="true"] .border-border\/50 {
  border-color: rgba(0, 0, 0, 0.15) !important;
}
[data-light-panel="true"] .bg-muted\/50,
[data-light-panel="true"] .bg-muted\/40,
[data-light-panel="true"] .bg-muted\/30,
[data-light-panel="true"] .bg-muted\/60,
[data-light-panel="true"] .bg-muted {
  background-color: rgba(0, 0, 0, 0.06) !important;
}
[data-light-panel="true"] .bg-secondary {
  background-color: rgba(0, 0, 0, 0.08) !important;
}
[data-light-panel="true"] svg {
  color: inherit;
}
[data-light-panel="true"] .text-green-500,
[data-light-panel="true"] .text-blue-500,
[data-light-panel="true"] .text-purple-500,
[data-light-panel="true"] .text-orange-500,
[data-light-panel="true"] .text-red-500 {
  filter: brightness(0.7) saturate(1.2);
}
[data-light-panel="true"] .bg-destructive\/20 {
  background-color: rgba(220, 38, 38, 0.15) !important;
}
[data-light-panel="true"] .text-destructive {
  color: rgba(185, 28, 28, 0.9) !important;
}
[data-light-panel="true"] .bg-primary\/20 {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
/* ─── Icon brightness sweep ─── */
/* Force icon-only buttons (no visible text label) to render icons at full foreground.
   Notion-like dim defaults were over-applied; this restores legibility everywhere
   without touching dozens of components. Text-bearing buttons are unaffected. */
button > svg:only-child,
a > svg:only-child,
[role="button"] > svg:only-child {
  color: hsl(var(--foreground)) !important;
  opacity: 1 !important;
}
/* Light panels: keep contrast inverted but at full strength */
[data-light-panel="true"] button > svg:only-child,
[data-light-panel="true"] a > svg:only-child,
[data-light-panel="true"] [role="button"] > svg:only-child {
  color: rgba(0, 0, 0, 0.95) !important;
  filter: none !important;
}
/* ─── MySpace-era block effects ─── */
@keyframes myspace-scroll {
  0%   { transform: translateX(0%); }
  100% { transform: translateX(-50%); }
}
.myspace-marquee {
  display: inline-block;
  padding-left: 100%;
  animation-name: myspace-scroll;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@keyframes myspace-blink {
  0%, 70%, 100% { opacity: 1; }
  80%, 90% { opacity: 0.35; }
}
.myspace-blink { animation: myspace-blink 1.4s infinite; }
@keyframes myspace-rainbow {
  0%   { background-position: 0% 50%; }
  100% { background-position: 200% 50%; }
}
.myspace-glitter-rainbow {
  background-image: linear-gradient(90deg, #ff007f, #ffae00, #ffee00, #00ff7b, #00d9ff, #b400ff, #ff007f);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: myspace-rainbow 4s linear infinite;
  text-shadow: 0 0 12px rgba(255,255,255,0.25);
}
.myspace-glitter-chrome {
  background-image: linear-gradient(180deg, #ffffff 0%, #b8c1c9 45%, #5a6976 55%, #ffffff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}
@keyframes myspace-sparkle {
  0%, 100% { filter: drop-shadow(0 0 2px #fff) drop-shadow(0 0 6px #ff7bd1); }
  50%      { filter: drop-shadow(0 0 6px #fff) drop-shadow(0 0 14px #c084fc); }
}
.myspace-glitter-sparkle {
  color: #ff7bd1;
  animation: myspace-sparkle 1.8s ease-in-out infinite;
}
/* Sitewide font picker — primary theme face with SF Pro Text fallback (full text coverage). */
html.site-font-active,
html.site-font-active body,
html.site-font-active #root,
html.site-font-active #app-root,
html.site-font-active .font-sans:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]),
html.site-font-active button:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]),
html.site-font-active label:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]),
html.site-font-active a:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]),
html.site-font-active li:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]),
html.site-font-active p:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]),
html.site-font-active span:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]),
html.site-font-active div:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]),
html.site-font-active h1:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]),
html.site-font-active h2:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]),
html.site-font-active h3:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]),
html.site-font-active h4:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]),
html.site-font-active h5:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]),
html.site-font-active h6:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]),
html.site-font-active nav:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]),
html.site-font-active aside:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]),
html.site-font-active header:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]),
html.site-font-active footer:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]),
html.site-font-active .radix-themes:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]) {
  font-family: var(--site-font-sans) !important;
  font-feature-settings: "liga" 0, "calt" 0, "dlig" 0;
}
html.site-font-active [role="tab"]:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]),
html.site-font-active [role="tablist"]:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]),
html.site-font-active [role="tabpanel"]:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]),
html.site-font-active input:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]),
html.site-font-active textarea:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]),
html.site-font-active select:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]),
html.site-font-active [data-radix-collection-item]:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]) {
  font-family: var(--site-font-sans) !important;
  font-feature-settings: "liga" 0, "calt" 0, "dlig" 0;
  font-variant-numeric: tabular-nums !important;
}
html.site-font-active [data-ui-font="system"]:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]) {
  font-family: "SF Pro Text", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
  font-feature-settings: normal !important;
}
html.site-font-active .radix-themes:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]) {
  --default-font-family: var(--site-font-sans) !important;
}
html.site-font-active .font-mono:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]),
html.site-font-active code:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]),
html.site-font-active pre:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]),
html.site-font-active kbd:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]) {
  font-family: var(--font-mono, ui-monospace, monospace) !important;
}
/* Site desk menubar — match cross-browser weight/smoothing (RDS has no semibold face). */
:root {
  --rd-site-chrome-gradient: linear-gradient(180deg, #26262a, #1b1b1e);
}
.desk-os-menubar,
.linux-container-title-bar.desk-os-menubar,
.workspace-container-site-chrome .desk-os-menubar {
  background: var(--rd-site-chrome-gradient) !important;
}
.desk-os-menubar,
.desk-os-menubar [role="menubar"],
.desk-os-menubar [role="menubar"] button,
.desk-os-menubar [role="menubar"] input {
  font-family: var(--font-sans);
  font-synthesis: none;
  font-synthesis-weight: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.desk-os-menubar [role="menubar"] button.bg-background {
  color: hsl(var(--foreground)) !important;
}
.desk-os-menubar [data-beveled-toolbar-row] {
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  height: 100%;
  overflow: visible;
  background: transparent;
  font-family: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 9px;
}
.desk-os-menubar [data-beveled-toolbar-row] .btb-row {
  height: 100%;
  min-height: 0;
  align-items: stretch;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent;
  box-shadow: none;
}
/* Portaled topbar menus — Primary UI 1a panel (raised slab rows, recessed list). */
.desk-os-menubar-menu {
  background: #141416 !important;
  color: #ffffff !important;
  border: 1px solid #1e1e20 !important;
  border-radius: 4px;
  box-shadow:
    0 12px 32px rgba(0, 0, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  z-index: 2147483646;
  pointer-events: auto;
  font-family: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 10px;
  font-weight: 600;
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.desk-os-menubar-menu .site-menubar-head {
  height: 24px;
  background: linear-gradient(180deg, #1d1d20, #171719);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 1px 0 rgba(0, 0, 0, 0.7);
}
.desk-os-menubar-menu .site-menubar-head > div {
  height: 24px !important;
  gap: 4px;
  padding-left: 6px;
  padding-right: 6px;
}
.desk-os-menubar-menu .site-menubar-body,
.desk-os-menubar-menu > .site-menubar-body {
  display: flex;
  flex-direction: column;
  gap: 1px;
  padding: 2px;
  background: #0d0d0e;
  box-shadow:
    inset 0 1px 0 rgba(0, 0, 0, 0.8),
    inset 0 2px 0 rgba(255, 255, 255, 0.03);
}
.desk-os-menubar-menu .site-menubar-stack {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.desk-os-menubar-menu .site-menubar-slab {
  height: 22px !important;
  min-height: 22px;
  padding: 0 6px !important;
  border: 0;
  border-radius: 4px;
  background: linear-gradient(180deg, #2b2b2f, #202024) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    inset 0 -1px 0 rgba(0, 0, 0, 0.55),
    0 1px 2px rgba(0, 0, 0, 0.45);
  color: #ffffff;
}
.desk-os-menubar-menu .site-menubar-slab:hover {
  background: linear-gradient(180deg, #303035, #242428) !important;
}
.desk-os-menubar-menu .site-menubar-slab[data-active='true'] {
  box-shadow:
    inset 2px 0 0 hsl(var(--column-accent)),
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    inset 0 -1px 0 rgba(0, 0, 0, 0.55),
    0 1px 2px rgba(0, 0, 0, 0.45);
}
.desk-os-menubar-menu .site-menubar-chevron {
  display: inline-flex;
  width: 12px;
  height: 12px;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  border: 1px solid hsl(var(--column-accent) / 0.7);
  background: #0e0e10;
  box-shadow:
    inset 0 1px 2px rgba(0, 0, 0, 0.8),
    0 1px 0 rgba(255, 255, 255, 0.05);
}
.desk-os-menubar-menu .site-menubar-rule {
  height: 1px;
  margin: 0 4px;
  background: rgba(0, 0, 0, 0.75);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
}
/* Site font rule's :not() chain outranks a plain menu selector, and Residents Desk Sans
   has no semibold face. Repeat that chain so menu labels use IBM Plex Sans 600. */
html.site-font-active .desk-os-menubar-menu:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]),
html.site-font-active .desk-os-menubar-menu :is(button, span, input):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]) {
  font-family: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
}
/* Topbar tabs — IBM Plex 600 so semibold actually draws (site face is regular-only). */
html.site-font-active .desk-os-menubar:not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]),
html.site-font-active .desk-os-menubar :is(button, span, input):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]) {
  font-family: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif !important;
  font-weight: 600 !important;
}
.desk-os-menubar-menu,
.desk-os-menubar-menu button,
.desk-os-menubar-menu input {
  font-family: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
}
.desk-os-menubar [data-beveled-toolbar-row] .btb-chip {
  height: 100%;
  min-height: 0;
  max-height: none;
}
.desk-os-menubar [data-beveled-toolbar-row] .btb-row > .btb-chip:first-child {
  border-radius: 0;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    inset 0 -1px 0 rgba(0, 0, 0, 0.55);
}
.desk-os-menubar [data-beveled-toolbar-row] .btb-chip-face {
  gap: 5px;
  padding: 0 8px;
  font-size: 9px !important;
  font-weight: 600;
  line-height: 1 !important;
}
.desk-os-menubar [data-beveled-toolbar-row] .btb-chip input {
  font-size: 9px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: -0.005em;
  text-transform: lowercase;
}
.desk-os-menubar [data-beveled-toolbar-row] .btb-chip svg {
  width: 11px;
  height: 11px;
}
.desk-os-menubar [data-beveled-toolbar-row] .site-menubar-section-icon {
  width: 11px;
  height: 11px;
}
.desk-os-menubar .site-menubar-settings-divider {
  align-self: stretch;
  width: 1px;
  flex-shrink: 0;
  margin-left: 2px;
  background: rgba(255, 255, 255, 0.12);
  box-shadow: 1px 0 0 rgba(0, 0, 0, 0.45);
}

  :is(html, .component-theme-scope).ableton .file\:text-sm::file-selector-button {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
  }
:is(html, .component-theme-scope).ableton .placeholder\:text-xs::-moz-placeholder {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
  }

  :is(html, .component-theme-scope).ableton .placeholder\:text-xs::placeholder {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
  }
:is(html, .component-theme-scope).ableton .placeholder\:italic::-moz-placeholder {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
    font-style: italic;
  }

  :is(html, .component-theme-scope).ableton .placeholder\:italic::placeholder {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
    font-style: italic;
  }
:is(html, .component-theme-scope).deskdarklegacy .placeholder\:text-muted-foreground::-moz-placeholder {
    font-size: 12px;
  }
:is(html, .component-theme-scope).deskdarklegacy .placeholder\:text-muted-foreground::placeholder {
    font-size: 12px;
  }
.before\:rounded::before {
    content: var(--tw-content);
    border-radius: var(--radius) !important;
  }
.before\:rounded-sm::before {
    content: var(--tw-content);
    border-radius: var(--radius) !important;
  }
.before\:rounded-xl::before {
    content: var(--tw-content);
    border-radius: var(--radius) !important;
  }
.before\:rounded-2xl::before {
    content: var(--tw-content);
    border-radius: var(--radius) !important;
  }
.before\:rounded-3xl::before {
    content: var(--tw-content);
    border-radius: var(--radius) !important;
  }
.before\:rounded-full::before {
    content: var(--tw-content);
    border-radius: 9999px !important;
  }
html.rounded-corners .before\:rounded::before { content: var(--tw-content); border-radius: 0.375rem !important; }
html.rounded-corners .before\:rounded-sm::before { content: var(--tw-content); border-radius: 0.25rem !important; }
html.rounded-corners .before\:rounded-xl::before { content: var(--tw-content); border-radius: 0.75rem !important; }
html.rounded-corners .before\:rounded-2xl::before { content: var(--tw-content); border-radius: 1rem !important; }
html.rounded-corners .before\:rounded-3xl::before { content: var(--tw-content); border-radius: 1.5rem !important; }
.after\:rounded-sm::after {
    content: var(--tw-content);
    border-radius: var(--radius) !important;
  }
.after\:rounded-full::after {
    content: var(--tw-content);
    border-radius: 9999px !important;
  }
html.rounded-corners .after\:rounded-sm::after { content: var(--tw-content); border-radius: 0.25rem !important; }
:is(html, .component-theme-scope).deskdarklegacy .empty\:before\:text-muted-foreground:empty::before {
    content: var(--tw-content);
    font-size: 12px;
  }
:is(html, .component-theme-scope).deskdarklegacy .hover\:text-muted-foreground:hover {
    font-size: 12px;
  }
.focus\:rounded-md:focus {
    border-radius: var(--radius) !important;
  }
html.rounded-corners .focus\:rounded-md:focus { border-radius: 0.375rem !important; }
:is(html, .component-theme-scope).deskdarklegacy .disabled\:text-muted-foreground:disabled {
    font-size: 12px;
  }
:is(html, .component-theme-scope).deskdarklegacy .disabled\:hover\:text-muted-foreground:hover:disabled {
    font-size: 12px;
  }
:is(html, .component-theme-scope).deskdarklegacy .group:hover .group-hover\:text-muted-foreground {
    font-size: 12px;
  }
:is(html, .component-theme-scope).deskdarklegacy .group.toast .group-\[\.toast\]\:text-muted-foreground {
    font-size: 12px;
  }
.has-\[\>\[data-slot\=field\]\]\:rounded-md:has(>[data-slot=field]) {
    border-radius: var(--radius) !important;
  }
.has-\[\>\[data-slot\=field\]\]\:rounded-lg:has(>[data-slot=field]) {
    border-radius: var(--radius) !important;
  }
.has-\[\>\[data-slot\=field\]\]\:rounded-none:has(>[data-slot=field]) {
    border-radius: 0px !important;
  }
html.rounded-corners .has-\[\>\[data-slot\=field\]\]\:rounded-md:has(>[data-slot=field]) { border-radius: 0.375rem !important; }
html.rounded-corners .has-\[\>\[data-slot\=field\]\]\:rounded-lg:has(>[data-slot=field]) { border-radius: 0.5rem !important; }
:is(html, .component-theme-scope).deskdarklegacy .aria-selected\:text-muted-foreground[aria-selected="true"] {
    font-size: 12px;
  }

  :is(html, .component-theme-scope).ableton .data-\[size\=sm\]\:text-xs[data-size="sm"] {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
  }

  :is(html, .component-theme-scope).ableton .data-\[size\=md\]\:text-sm[data-size="md"] {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
  }

  :is(html, .component-theme-scope).ableton .data-\[variant\=label\]\:text-sm[data-variant="label"] {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
  }

  :is(html, .component-theme-scope).ableton .data-\[state\=active\]\:font-bold[data-state="active"] {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
    font-weight: 700;
  }
:is(html, .component-theme-scope).deskdarklegacy .data-\[entering\]\:text-muted-foreground[data-entering] {
    font-size: 12px;
  }
:is(html, .component-theme-scope).deskdarklegacy .data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
    font-size: 12px;
  }
:is(html, .component-theme-scope).deskdarklegacy .data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
    font-size: 12px;
  }
.data-\[range-end\=true\]\:rounded-md[data-range-end="true"] {
    border-radius: var(--radius) !important;
  }
.data-\[range-start\=true\]\:rounded-md[data-range-start="true"] {
    border-radius: var(--radius) !important;
  }
.data-\[range-end\=true\]\:rounded-none[data-range-end="true"] {
    border-radius: 0px !important;
  }
.data-\[range-middle\=true\]\:rounded-none[data-range-middle="true"] {
    border-radius: 0px !important;
  }
.data-\[range-start\=true\]\:rounded-none[data-range-start="true"] {
    border-radius: 0px !important;
  }
.data-\[selected-single\=true\]\:rounded-none[data-selected-single="true"] {
    border-radius: 0px !important;
  }
.data-\[selected\=true\]\:rounded-none[data-selected="true"] {
    border-radius: 0px !important;
  }
.data-\[variant\=line\]\:rounded-none[data-variant="line"] {
    border-radius: 0px !important;
  }
html.rounded-corners .data-\[range-end\=true\]\:rounded-md[data-range-end="true"] { border-radius: 0.375rem !important; }
html.rounded-corners .data-\[range-start\=true\]\:rounded-md[data-range-start="true"] { border-radius: 0.375rem !important; }
.before\:data-\[selected\=true\]\:rounded-full[data-selected="true"]::before {
    content: var(--tw-content);
    border-radius: 9999px !important;
  }

  :is(html, .component-theme-scope).ableton .group\/avatar[data-size="sm"] .group-data-\[size\=sm\]\/avatar\:text-xs {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
  }

  :is(html, .component-theme-scope).ableton .group\/card[data-size="sm"] .group-data-\[size\=sm\]\/card\:text-sm {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
  }
:is(html, .component-theme-scope).deskdarklegacy .group\/row[data-state="queued"] .group-data-\[state\=queued\]\/row\:text-muted-foreground {
    font-size: 12px;
  }
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md {
    border-radius: var(--radius) !important;
  }
.group[data-variant="floating"] .group-data-\[variant\=floating\]\:rounded-lg {
    border-radius: var(--radius) !important;
  }
.group[data-variant="floating"] .group-data-\[variant\=floating\]\:rounded-2xl {
    border-radius: var(--radius) !important;
  }
.group\/toggle-group[data-spacing="0"] .group-data-\[spacing\=0\]\/toggle-group\:rounded-none {
    border-radius: 0px !important;
  }
.group[data-variant="floating"] .group-data-\[variant\=floating\]\:rounded-none {
    border-radius: 0px !important;
  }
.group\/tabs-list[data-variant="line"] .group-data-\[variant\=line\]\/tabs-list\:rounded-none {
    border-radius: 0px !important;
  }
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:rounded-none {
    border-radius: 0px !important;
  }
html.rounded-corners .group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md { border-radius: 0.375rem !important; }
html.rounded-corners .group[data-variant="floating"] .group-data-\[variant\=floating\]\:rounded-lg { border-radius: 0.5rem !important; }
html.rounded-corners .group[data-variant="floating"] .group-data-\[variant\=floating\]\:rounded-2xl { border-radius: 1rem !important; }
:is(html, .component-theme-scope).deskdarklegacy .dark\:text-muted-foreground:is(.dark *) {
    font-size: 12px;
  }
@media not all and (min-width: 768px) {
  .max-md\:rounded-none {
    border-radius: 0px !important;
  }

  :is(html, .component-theme-scope).deskdarklegacy .max-md\:hover\:\!text-muted-foreground:hover {
    font-size: 12px !important;
  }

  :is(html, .component-theme-scope).deskdarklegacy .max-md\:focus\:\!text-muted-foreground:focus {
    font-size: 12px !important;
  }

  :is(html, .component-theme-scope).deskdarklegacy .max-md\:focus-visible\:\!text-muted-foreground:focus-visible {
    font-size: 12px !important;
  }

  :is(html, .component-theme-scope).deskdarklegacy .max-md\:active\:\!text-muted-foreground:active {
    font-size: 12px !important;
  }
}
@media (min-width: 640px) {

  
  :is(html, .component-theme-scope).ableton .sm\:text-xs {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
  }

  
  :is(html, .component-theme-scope).ableton .sm\:text-sm {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
  }
  .sm\:rounded-lg {
    border-radius: var(--radius) !important;
  }
  .sm\:rounded-xl {
    border-radius: var(--radius) !important;
  }
  .sm\:rounded-2xl {
    border-radius: var(--radius) !important;
  }
  .sm\:rounded-3xl {
    border-radius: var(--radius) !important;
  }
  .sm\:rounded-none {
    border-radius: 0px !important;
  }
  html.rounded-corners .sm\:rounded-lg { border-radius: 0.5rem !important; }
  html.rounded-corners .sm\:rounded-xl { border-radius: 0.75rem !important; }
  html.rounded-corners .sm\:rounded-2xl { border-radius: 1rem !important; }
  html.rounded-corners .sm\:rounded-3xl { border-radius: 1.5rem !important; }
}
@media (min-width: 768px) {

  
  :is(html, .component-theme-scope).ableton .md\:text-xs {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
  }

  
  :is(html, .component-theme-scope).ableton .md\:text-sm {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
  }
  .md\:rounded-md {
    border-radius: var(--radius) !important;
  }
  .md\:rounded-lg {
    border-radius: var(--radius) !important;
  }
  .md\:rounded-xl {
    border-radius: var(--radius) !important;
  }
  .md\:rounded-2xl {
    border-radius: var(--radius) !important;
  }
  html.rounded-corners .md\:rounded-md { border-radius: 0.375rem !important; }
  html.rounded-corners .md\:rounded-lg { border-radius: 0.5rem !important; }
  html.rounded-corners .md\:rounded-xl { border-radius: 0.75rem !important; }
  html.rounded-corners .md\:rounded-2xl { border-radius: 1rem !important; }
  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:rounded-xl {
    border-radius: var(--radius) !important;
  }
  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:rounded-2xl {
    border-radius: var(--radius) !important;
  }
  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:rounded-none {
    border-radius: 0px !important;
  }
  html.rounded-corners .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:rounded-xl { border-radius: 0.75rem !important; }
  html.rounded-corners .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:rounded-2xl { border-radius: 1rem !important; }
}
@media (min-width: 1024px) {

  
  :is(html, .component-theme-scope).ableton .lg\:text-sm {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
  }
  .lg\:rounded-2xl {
    border-radius: var(--radius) !important;
  }
  .lg\:rounded-3xl {
    border-radius: var(--radius) !important;
  }
  html.rounded-corners .lg\:rounded-2xl { border-radius: 1rem !important; }
  html.rounded-corners .lg\:rounded-3xl { border-radius: 1.5rem !important; }
}
@media (min-width: 1536px) {

  
  :is(html, .component-theme-scope).ableton .\32xl\:text-sm {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
  }
}
.\[\&\:\:-webkit-color-swatch\]\:rounded-md::-webkit-color-swatch {
    border-radius: var(--radius) !important;
  }
.\[\&\:\:-webkit-color-swatch\]\:rounded-full::-webkit-color-swatch {
    border-radius: 9999px !important;
  }
html.rounded-corners .\[\&\:\:-webkit-color-swatch\]\:rounded-md::-webkit-color-swatch { border-radius: 0.375rem !important; }
.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded::-webkit-scrollbar-thumb {
    border-radius: var(--radius) !important;
  }
.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full::-webkit-scrollbar-thumb {
    border-radius: 9999px !important;
  }
html.rounded-corners .\[\&\:\:-webkit-scrollbar-thumb\]\:rounded::-webkit-scrollbar-thumb { border-radius: 0.375rem !important; }
.\[\&\:\:-webkit-scrollbar-track\]\:rounded::-webkit-scrollbar-track {
    border-radius: var(--radius) !important;
  }
html.rounded-corners .\[\&\:\:-webkit-scrollbar-track\]\:rounded::-webkit-scrollbar-track { border-radius: 0.375rem !important; }
.\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb {
    border-radius: 9999px !important;
  }
.\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]) {
    border-radius: var(--radius) !important;
  }
html.rounded-corners .\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]) { border-radius: 0.375rem !important; }
.\[\&\>\*\]\:rounded-md>* {
    border-radius: var(--radius) !important;
  }
html.rounded-corners .\[\&\>\*\]\:rounded-md>* { border-radius: 0.375rem !important; }
:is(html, .component-theme-scope).brooklet .\[\&\>button\>span\]\:tracking-normal>button>span {
    letter-spacing: 0em !important;
  }
.\[\&\>div\:first-child\]\:\!rounded>div:first-child {
    border-radius: var(--radius) !important;
  }
html.rounded-corners .\[\&\>div\:first-child\]\:\!rounded>div:first-child { border-radius: 0.375rem !important; }
.\[\&\>div\]\:rounded-full>div {
    border-radius: 9999px !important;
  }

  :is(html, .component-theme-scope).ableton .\[\&\>span\]\:text-xs>span {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
  }
:is(html, .component-theme-scope).deskdarklegacy .\[\&\>svg\]\:text-muted-foreground>svg {
    font-size: 12px;
  }
.\[\&_\.ProseMirror_\.fake-selection\]\:rounded-sm .ProseMirror .fake-selection {
    border-radius: var(--radius) !important;
  }
html.rounded-corners .\[\&_\.ProseMirror_\.fake-selection\]\:rounded-sm .ProseMirror .fake-selection { border-radius: 0.25rem !important; }

  :is(html, .component-theme-scope).ableton .\[\&_\.ProseMirror_blockquote\]\:italic .ProseMirror blockquote {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
    font-style: italic;
  }
:is(html, .component-theme-scope).deskdarklegacy .\[\&_\.ProseMirror_blockquote\]\:text-muted-foreground .ProseMirror blockquote {
    font-size: 12px;
  }
:is(html, .component-theme-scope).caffe .\[\&_\.ProseMirror_code\]\:font-mono .ProseMirror code {
    font-family: 'DM Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
  }
:is(html, .component-theme-scope).brooklet .\[\&_\.ProseMirror_code\]\:font-mono .ProseMirror code {
    font-family: "Source Code Pro", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
  }
:is(html, .component-theme-scope).ableton .\[\&_\.ProseMirror_code\]\:font-mono .ProseMirror code {
    font-family: 'Ableton Sans Small', ui-monospace, monospace !important;
    font-weight: 400;
  }

  :is(html, .component-theme-scope).ableton .\[\&_\.ProseMirror_code\]\:text-sm .ProseMirror code {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
  }
:is(html, .component-theme-scope).deskdark .\[\&_\.ProseMirror_code\]\:font-mono .ProseMirror code {
    font-family: var(--font-mono) !important;
  }
:is(html, .component-theme-scope).desklight .\[\&_\.ProseMirror_code\]\:font-mono .ProseMirror code,
  :is(html, .component-theme-scope).deskdarklegacy .\[\&_\.ProseMirror_code\]\:font-mono .ProseMirror code {
    font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
  }

  :is(html, .component-theme-scope).sketchpad .\[\&_\.ProseMirror_code\]\:font-mono .ProseMirror code {
    font-family: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
  }
:is(html, .component-theme-scope).forrestville .\[\&_\.ProseMirror_code\]\:font-mono .ProseMirror code {
    font-family: "JetBrains Mono", "Fira Code", ui-monospace, monospace !important;
  }
.\[\&_\.ProseMirror_code\]\:rounded .ProseMirror code {
    border-radius: var(--radius) !important;
  }
html.rounded-corners .\[\&_\.ProseMirror_code\]\:rounded .ProseMirror code { border-radius: 0.375rem !important; }

  :is(html, .component-theme-scope).ableton .\[\&_\.ProseMirror_h1\]\:font-bold .ProseMirror h1 {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
    font-weight: 700;
  }

  :is(html, .component-theme-scope).ableton .\[\&_\.ProseMirror_h2\]\:font-semibold .ProseMirror h2 {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
    font-weight: 700;
  }

  :is(html, .component-theme-scope).ableton .\[\&_\.ProseMirror_h3\]\:font-semibold .ProseMirror h3 {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
    font-weight: 700;
  }
.\[\&_\.ProseMirror_mark\]\:rounded-sm .ProseMirror mark {
    border-radius: var(--radius) !important;
  }
html.rounded-corners .\[\&_\.ProseMirror_mark\]\:rounded-sm .ProseMirror mark { border-radius: 0.25rem !important; }
:is(html, .component-theme-scope).deskdarklegacy .\[\&_\.ProseMirror_p\.is-editor-empty\:first-child\]\:before\:text-muted-foreground .ProseMirror p.is-editor-empty:first-child::before {
    content: var(--tw-content);
    font-size: 12px;
  }
.\[\&_\.ProseMirror_pre\]\:rounded-lg .ProseMirror pre {
    border-radius: var(--radius) !important;
  }
html.rounded-corners .\[\&_\.ProseMirror_pre\]\:rounded-lg .ProseMirror pre { border-radius: 0.5rem !important; }
@media not all and (min-width: 640px) {

  
  :is(html, .component-theme-scope).ableton .max-sm\:\[\&_\.ProseMirror_pre\]\:text-xs .ProseMirror pre {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
  }
}

  :is(html, .component-theme-scope).ableton .\[\&_\.ProseMirror_pre_code\]\:text-sm .ProseMirror pre code {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
  }
:is(html, .component-theme-scope).caffe .\[\&_\.cm-scroller\]\:font-mono .cm-scroller {
    font-family: 'DM Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
  }
:is(html, .component-theme-scope).brooklet .\[\&_\.cm-scroller\]\:font-mono .cm-scroller {
    font-family: "Source Code Pro", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
  }
:is(html, .component-theme-scope).ableton .\[\&_\.cm-scroller\]\:font-mono .cm-scroller {
    font-family: 'Ableton Sans Small', ui-monospace, monospace !important;
    font-weight: 400;
  }
:is(html, .component-theme-scope).deskdark .\[\&_\.cm-scroller\]\:font-mono .cm-scroller {
    font-family: var(--font-mono) !important;
  }
:is(html, .component-theme-scope).desklight .\[\&_\.cm-scroller\]\:font-mono .cm-scroller,
  :is(html, .component-theme-scope).deskdarklegacy .\[\&_\.cm-scroller\]\:font-mono .cm-scroller {
    font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
  }

  :is(html, .component-theme-scope).sketchpad .\[\&_\.cm-scroller\]\:font-mono .cm-scroller {
    font-family: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
  }
:is(html, .component-theme-scope).forrestville .\[\&_\.cm-scroller\]\:font-mono .cm-scroller {
    font-family: "JetBrains Mono", "Fira Code", ui-monospace, monospace !important;
  }
.\[\&_\.react-colorful\]\:rounded-lg .react-colorful {
    border-radius: var(--radius) !important;
  }
html.rounded-corners .\[\&_\.react-colorful\]\:rounded-lg .react-colorful { border-radius: 0.5rem !important; }

  :is(html, .component-theme-scope).ableton .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
  }
:is(html, .component-theme-scope).deskdarklegacy .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] {
    font-size: 12px;
  }
.\[\&_\[data-slot\=context-menu-item\]\]\:rounded-sm [data-slot=context-menu-item] {
    border-radius: var(--radius) !important;
  }
html.rounded-corners .\[\&_\[data-slot\=context-menu-item\]\]\:rounded-sm [data-slot=context-menu-item] { border-radius: 0.25rem !important; }
.\[\&_\[data-slot\=dropdown-menu-item\]\]\:rounded-sm [data-slot=dropdown-menu-item] {
    border-radius: var(--radius) !important;
  }
html.rounded-corners .\[\&_\[data-slot\=dropdown-menu-item\]\]\:rounded-sm [data-slot=dropdown-menu-item] { border-radius: 0.25rem !important; }
.\[\&_a\[href\^\=\'\#cite-\'\]\]\:rounded a[href^='#cite-'] {
    border-radius: var(--radius) !important;
  }
html.rounded-corners .\[\&_a\[href\^\=\'\#cite-\'\]\]\:rounded a[href^='#cite-'] { border-radius: 0.375rem !important; }

  :is(html, .component-theme-scope).ableton .\[\&_blockquote\]\:italic blockquote {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
    font-style: italic;
  }
:is(html, .component-theme-scope).deskdarklegacy .\[\&_blockquote\]\:text-muted-foreground blockquote {
    font-size: 12px;
  }

  :is(html, .component-theme-scope).ableton .\[\&_button\]\:text-xs button {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
  }
.\[\&_button\]\:rounded-md button {
    border-radius: var(--radius) !important;
  }
.\[\&_button\]\:rounded-full button {
    border-radius: 9999px !important;
  }
html.rounded-corners .\[\&_button\]\:rounded-md button { border-radius: 0.375rem !important; }
:is(html, .component-theme-scope).caffe .\[\&_code\]\:font-mono code {
    font-family: 'DM Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
  }
:is(html, .component-theme-scope).brooklet .\[\&_code\]\:font-mono code {
    font-family: "Source Code Pro", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
  }
:is(html, .component-theme-scope).ableton .\[\&_code\]\:font-mono code {
    font-family: 'Ableton Sans Small', ui-monospace, monospace !important;
    font-weight: 400;
  }

  :is(html, .component-theme-scope).ableton .\[\&_code\]\:text-sm code {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
  }
:is(html, .component-theme-scope).deskdark .\[\&_code\]\:font-mono code {
    font-family: var(--font-mono) !important;
  }
:is(html, .component-theme-scope).desklight .\[\&_code\]\:font-mono code,
  :is(html, .component-theme-scope).deskdarklegacy .\[\&_code\]\:font-mono code {
    font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
  }

  :is(html, .component-theme-scope).sketchpad .\[\&_code\]\:font-mono code {
    font-family: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
  }
:is(html, .component-theme-scope).forrestville .\[\&_code\]\:font-mono code {
    font-family: "JetBrains Mono", "Fira Code", ui-monospace, monospace !important;
  }
.\[\&_code\]\:rounded code {
    border-radius: var(--radius) !important;
  }
html.rounded-corners .\[\&_code\]\:rounded code { border-radius: 0.375rem !important; }

  :is(html, .component-theme-scope).ableton .\[\&_h1\]\:font-bold h1 {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
    font-weight: 700;
  }

  :is(html, .component-theme-scope).ableton .\[\&_h2\]\:text-sm h2 {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
  }

  :is(html, .component-theme-scope).ableton .\[\&_h2\]\:font-semibold h2 {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
    font-weight: 700;
  }

  :is(html, .component-theme-scope).ableton .\[\&_h3\]\:font-semibold h3 {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
    font-weight: 700;
  }
.\[\&_img\]\:rounded-lg img {
    border-radius: var(--radius) !important;
  }
html.rounded-corners .\[\&_img\]\:rounded-lg img { border-radius: 0.5rem !important; }
:is(html, .component-theme-scope).caffe .\[\&_pre\]\:font-mono pre {
    font-family: 'DM Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
  }
:is(html, .component-theme-scope).brooklet .\[\&_pre\]\:font-mono pre {
    font-family: "Source Code Pro", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
  }
:is(html, .component-theme-scope).ableton .\[\&_pre\]\:font-mono pre {
    font-family: 'Ableton Sans Small', ui-monospace, monospace !important;
    font-weight: 400;
  }

  :is(html, .component-theme-scope).ableton .\[\&_pre\]\:text-xs pre {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
  }

  :is(html, .component-theme-scope).ableton .\[\&_pre\]\:text-sm pre {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
  }
:is(html, .component-theme-scope).deskdark .\[\&_pre\]\:font-mono pre {
    font-family: var(--font-mono) !important;
  }
:is(html, .component-theme-scope).desklight .\[\&_pre\]\:font-mono pre,
  :is(html, .component-theme-scope).deskdarklegacy .\[\&_pre\]\:font-mono pre {
    font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
  }

  :is(html, .component-theme-scope).sketchpad .\[\&_pre\]\:font-mono pre {
    font-family: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
  }
:is(html, .component-theme-scope).forrestville .\[\&_pre\]\:font-mono pre {
    font-family: "JetBrains Mono", "Fira Code", ui-monospace, monospace !important;
  }
.\[\&_pre\]\:rounded pre {
    border-radius: var(--radius) !important;
  }
.\[\&_pre\]\:rounded-lg pre {
    border-radius: var(--radius) !important;
  }
html.rounded-corners .\[\&_pre\]\:rounded pre { border-radius: 0.375rem !important; }
html.rounded-corners .\[\&_pre\]\:rounded-lg pre { border-radius: 0.5rem !important; }

  :is(html, .component-theme-scope).ableton .\[\&_strong\]\:font-semibold strong {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
    font-weight: 700;
  }
:is(html, .component-theme-scope).deskdarklegacy .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*='text-']) {
    font-size: 12px;
  }

  :is(html, .component-theme-scope).ableton .\[\&_th\]\:text-xs th {
    font-family: 'Ableton Sans Small', 'Ableton Sans', ui-sans-serif, sans-serif;
  }
[data-format-bar-density=default] .\[\[data-format-bar-density\=default\]_\&\]\:rounded-sm {
    border-radius: var(--radius) !important;
  }
html.rounded-corners [data-format-bar-density=default] .\[\[data-format-bar-density\=default\]_\&\]\:rounded-sm { border-radius: 0.25rem !important; }
.\*\:col-start-1 > * {
  grid-column-start: 1;
}
.\*\:row-start-1 > * {
  grid-row-start: 1;
}
.\*\:my-auto > * {
  margin-top: auto;
  margin-bottom: auto;
}
.\*\:w-full > * {
  width: 100%;
}
.\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\] > * {
  svg: not([class*='size-']);
}
.selection\:bg-\[\#FFE862\]\/30 *::-moz-selection {
  background-color: rgb(255 232 98 / 0.3);
}
.selection\:bg-\[\#FFE862\]\/30 *::selection {
  background-color: rgb(255 232 98 / 0.3);
}
.selection\:bg-black *::-moz-selection {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.selection\:bg-black *::selection {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.selection\:bg-primary *::-moz-selection {
  background-color: hsl(var(--primary));
}
.selection\:bg-primary *::selection {
  background-color: hsl(var(--primary));
}
.selection\:bg-primary\/20 *::-moz-selection {
  background-color: hsl(var(--primary) / 0.2);
}
.selection\:bg-primary\/20 *::selection {
  background-color: hsl(var(--primary) / 0.2);
}
.selection\:bg-primary\/30 *::-moz-selection {
  background-color: hsl(var(--primary) / 0.3);
}
.selection\:bg-primary\/30 *::selection {
  background-color: hsl(var(--primary) / 0.3);
}
.selection\:bg-sky-500\/40 *::-moz-selection {
  background-color: rgb(14 165 233 / 0.4);
}
.selection\:bg-sky-500\/40 *::selection {
  background-color: rgb(14 165 233 / 0.4);
}
.selection\:bg-transparent *::-moz-selection {
  background-color: transparent;
}
.selection\:bg-transparent *::selection {
  background-color: transparent;
}
.selection\:text-\[\#FF4D00\] *::-moz-selection {
  --tw-text-opacity: 1;
  color: rgb(255 77 0 / var(--tw-text-opacity));
}
.selection\:text-\[\#FF4D00\] *::selection {
  --tw-text-opacity: 1;
  color: rgb(255 77 0 / var(--tw-text-opacity));
}
.selection\:text-primary-foreground *::-moz-selection {
  color: hsl(var(--primary-foreground));
}
.selection\:text-primary-foreground *::selection {
  color: hsl(var(--primary-foreground));
}
.selection\:bg-\[\#FFE862\]\/30::-moz-selection {
  background-color: rgb(255 232 98 / 0.3);
}
.selection\:bg-\[\#FFE862\]\/30::selection {
  background-color: rgb(255 232 98 / 0.3);
}
.selection\:bg-black::-moz-selection {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.selection\:bg-black::selection {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.selection\:bg-primary::-moz-selection {
  background-color: hsl(var(--primary));
}
.selection\:bg-primary::selection {
  background-color: hsl(var(--primary));
}
.selection\:bg-primary\/20::-moz-selection {
  background-color: hsl(var(--primary) / 0.2);
}
.selection\:bg-primary\/20::selection {
  background-color: hsl(var(--primary) / 0.2);
}
.selection\:bg-primary\/30::-moz-selection {
  background-color: hsl(var(--primary) / 0.3);
}
.selection\:bg-primary\/30::selection {
  background-color: hsl(var(--primary) / 0.3);
}
.selection\:bg-sky-500\/40::-moz-selection {
  background-color: rgb(14 165 233 / 0.4);
}
.selection\:bg-sky-500\/40::selection {
  background-color: rgb(14 165 233 / 0.4);
}
.selection\:bg-transparent::-moz-selection {
  background-color: transparent;
}
.selection\:bg-transparent::selection {
  background-color: transparent;
}
.selection\:text-\[\#FF4D00\]::-moz-selection {
  --tw-text-opacity: 1;
  color: rgb(255 77 0 / var(--tw-text-opacity));
}
.selection\:text-\[\#FF4D00\]::selection {
  --tw-text-opacity: 1;
  color: rgb(255 77 0 / var(--tw-text-opacity));
}
.selection\:text-primary-foreground::-moz-selection {
  color: hsl(var(--primary-foreground));
}
.selection\:text-primary-foreground::selection {
  color: hsl(var(--primary-foreground));
}
.file\:inline-flex::file-selector-button {
  display: inline-flex;
}
.file\:h-5::file-selector-button {
  height: 1.25rem;
}
.file\:h-6::file-selector-button {
  height: 1.5rem;
}
.file\:h-7::file-selector-button {
  height: 1.75rem;
}
.file\:border-0::file-selector-button {
  border-width: 0px;
}
.file\:bg-transparent::file-selector-button {
  background-color: transparent;
}
.file\:text-\[10px\]::file-selector-button {
  font-size: 10px;
}
.file\:text-sm::file-selector-button {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.file\:font-medium::file-selector-button {
  font-weight: 500;
}
.file\:text-foreground::file-selector-button {
  color: hsl(var(--foreground));
}
.placeholder\:text-\[0\.70rem\]::-moz-placeholder {
  font-size: 0.70rem;
}
.placeholder\:text-\[0\.70rem\]::placeholder {
  font-size: 0.70rem;
}
.placeholder\:text-xs::-moz-placeholder {
  font-size: 0.75rem;
  line-height: 1rem;
}
.placeholder\:text-xs::placeholder {
  font-size: 0.75rem;
  line-height: 1rem;
}
.placeholder\:font-medium::-moz-placeholder {
  font-weight: 500;
}
.placeholder\:font-medium::placeholder {
  font-weight: 500;
}
.placeholder\:font-normal::-moz-placeholder {
  font-weight: 400;
}
.placeholder\:font-normal::placeholder {
  font-weight: 400;
}
.placeholder\:lowercase::-moz-placeholder {
  text-transform: lowercase;
}
.placeholder\:lowercase::placeholder {
  text-transform: lowercase;
}
.placeholder\:normal-case::-moz-placeholder {
  text-transform: none;
}
.placeholder\:normal-case::placeholder {
  text-transform: none;
}
.placeholder\:italic::-moz-placeholder {
  font-style: italic;
}
.placeholder\:italic::placeholder {
  font-style: italic;
}
.placeholder\:text-\[\#181818\]\/50::-moz-placeholder {
  color: rgb(24 24 24 / 0.5);
}
.placeholder\:text-\[\#181818\]\/50::placeholder {
  color: rgb(24 24 24 / 0.5);
}
.placeholder\:text-\[\#666\]::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity));
}
.placeholder\:text-\[\#666\]::placeholder {
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity));
}
.placeholder\:text-\[\#717171\]::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(113 113 113 / var(--tw-text-opacity));
}
.placeholder\:text-\[\#717171\]::placeholder {
  --tw-text-opacity: 1;
  color: rgb(113 113 113 / var(--tw-text-opacity));
}
.placeholder\:text-\[\#8696a0\]::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(134 150 160 / var(--tw-text-opacity));
}
.placeholder\:text-\[\#8696a0\]::placeholder {
  --tw-text-opacity: 1;
  color: rgb(134 150 160 / var(--tw-text-opacity));
}
.placeholder\:text-\[\#9A9A9A\]::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(154 154 154 / var(--tw-text-opacity));
}
.placeholder\:text-\[\#9A9A9A\]::placeholder {
  --tw-text-opacity: 1;
  color: rgb(154 154 154 / var(--tw-text-opacity));
}
.placeholder\:text-\[hsl\(0_0\%_30\%\/0\.5\)\]::-moz-placeholder {
  color: hsl(0 0% 30%/0.5);
}
.placeholder\:text-\[hsl\(0_0\%_30\%\/0\.5\)\]::placeholder {
  color: hsl(0 0% 30%/0.5);
}
.placeholder\:text-\[hsl\(200_25\%_18\%\/0\.55\)\]::-moz-placeholder {
  color: hsl(200 25% 18%/0.55);
}
.placeholder\:text-\[hsl\(200_25\%_18\%\/0\.55\)\]::placeholder {
  color: hsl(200 25% 18%/0.55);
}
.placeholder\:text-\[hsl\(20_30\%_30\%\/0\.55\)\]::-moz-placeholder {
  color: hsl(20 30% 30%/0.55);
}
.placeholder\:text-\[hsl\(20_30\%_30\%\/0\.55\)\]::placeholder {
  color: hsl(20 30% 30%/0.55);
}
.placeholder\:text-\[hsl\(var\(--linear-text-muted\)\)\]::-moz-placeholder {
  color: hsl(var(--linear-text-muted));
}
.placeholder\:text-\[hsl\(var\(--linear-text-muted\)\)\]::placeholder {
  color: hsl(var(--linear-text-muted));
}
.placeholder\:text-\[hsl\(var\(--linear-text-subtle\)\)\]::-moz-placeholder {
  color: hsl(var(--linear-text-subtle));
}
.placeholder\:text-\[hsl\(var\(--linear-text-subtle\)\)\]::placeholder {
  color: hsl(var(--linear-text-subtle));
}
.placeholder\:text-\[hsl\(var\(--muted-foreground\)\)\]::-moz-placeholder {
  color: hsl(var(--muted-foreground));
}
.placeholder\:text-\[hsl\(var\(--muted-foreground\)\)\]::placeholder {
  color: hsl(var(--muted-foreground));
}
.placeholder\:text-\[var\(--blender-fg-dim\)\]::-moz-placeholder {
  color: var(--blender-fg-dim);
}
.placeholder\:text-\[var\(--blender-fg-dim\)\]::placeholder {
  color: var(--blender-fg-dim);
}
.placeholder\:text-\[var\(--color-muted-foreground\)\]::-moz-placeholder {
  color: var(--color-muted-foreground);
}
.placeholder\:text-\[var\(--color-muted-foreground\)\]::placeholder {
  color: var(--color-muted-foreground);
}
.placeholder\:text-\[var\(--dm-ink-muted\)\]::-moz-placeholder {
  color: var(--dm-ink-muted);
}
.placeholder\:text-\[var\(--dm-ink-muted\)\]::placeholder {
  color: var(--dm-ink-muted);
}
.placeholder\:text-\[var\(--ide-fg-dim\)\]::-moz-placeholder {
  color: var(--ide-fg-dim);
}
.placeholder\:text-\[var\(--ide-fg-dim\)\]::placeholder {
  color: var(--ide-fg-dim);
}
.placeholder\:text-amber-200\/40::-moz-placeholder {
  color: rgb(253 230 138 / 0.4);
}
.placeholder\:text-amber-200\/40::placeholder {
  color: rgb(253 230 138 / 0.4);
}
.placeholder\:text-background\/50::-moz-placeholder {
  color: hsl(var(--background) / 0.5);
}
.placeholder\:text-background\/50::placeholder {
  color: hsl(var(--background) / 0.5);
}
.placeholder\:text-black\/45::-moz-placeholder {
  color: rgb(0 0 0 / 0.45);
}
.placeholder\:text-black\/45::placeholder {
  color: rgb(0 0 0 / 0.45);
}
.placeholder\:text-current::-moz-placeholder {
  color: currentColor;
}
.placeholder\:text-current::placeholder {
  color: currentColor;
}
.placeholder\:text-emerald-700::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity));
}
.placeholder\:text-emerald-700::placeholder {
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity));
}
.placeholder\:text-foreground\/30::-moz-placeholder {
  color: hsl(var(--foreground) / 0.3);
}
.placeholder\:text-foreground\/30::placeholder {
  color: hsl(var(--foreground) / 0.3);
}
.placeholder\:text-foreground\/40::-moz-placeholder {
  color: hsl(var(--foreground) / 0.4);
}
.placeholder\:text-foreground\/40::placeholder {
  color: hsl(var(--foreground) / 0.4);
}
.placeholder\:text-gray-500::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.placeholder\:text-gray-500::placeholder {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.placeholder\:text-green-900::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(20 83 45 / var(--tw-text-opacity));
}
.placeholder\:text-green-900::placeholder {
  --tw-text-opacity: 1;
  color: rgb(20 83 45 / var(--tw-text-opacity));
}
.placeholder\:text-muted-foreground::-moz-placeholder {
  color: hsl(var(--muted-foreground));
}
.placeholder\:text-muted-foreground::placeholder {
  color: hsl(var(--muted-foreground));
}
.placeholder\:text-muted-foreground\/30::-moz-placeholder {
  color: hsl(var(--muted-foreground) / 0.3);
}
.placeholder\:text-muted-foreground\/30::placeholder {
  color: hsl(var(--muted-foreground) / 0.3);
}
.placeholder\:text-muted-foreground\/40::-moz-placeholder {
  color: hsl(var(--muted-foreground) / 0.4);
}
.placeholder\:text-muted-foreground\/40::placeholder {
  color: hsl(var(--muted-foreground) / 0.4);
}
.placeholder\:text-muted-foreground\/50::-moz-placeholder {
  color: hsl(var(--muted-foreground) / 0.5);
}
.placeholder\:text-muted-foreground\/50::placeholder {
  color: hsl(var(--muted-foreground) / 0.5);
}
.placeholder\:text-muted-foreground\/55::-moz-placeholder {
  color: hsl(var(--muted-foreground) / 0.55);
}
.placeholder\:text-muted-foreground\/55::placeholder {
  color: hsl(var(--muted-foreground) / 0.55);
}
.placeholder\:text-muted-foreground\/60::-moz-placeholder {
  color: hsl(var(--muted-foreground) / 0.6);
}
.placeholder\:text-muted-foreground\/60::placeholder {
  color: hsl(var(--muted-foreground) / 0.6);
}
.placeholder\:text-muted-foreground\/70::-moz-placeholder {
  color: hsl(var(--muted-foreground) / 0.7);
}
.placeholder\:text-muted-foreground\/70::placeholder {
  color: hsl(var(--muted-foreground) / 0.7);
}
.placeholder\:text-neutral-300::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(212 212 212 / var(--tw-text-opacity));
}
.placeholder\:text-neutral-300::placeholder {
  --tw-text-opacity: 1;
  color: rgb(212 212 212 / var(--tw-text-opacity));
}
.placeholder\:text-neutral-400::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / var(--tw-text-opacity));
}
.placeholder\:text-neutral-400::placeholder {
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / var(--tw-text-opacity));
}
.placeholder\:text-neutral-500::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity));
}
.placeholder\:text-neutral-500::placeholder {
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity));
}
.placeholder\:text-neutral-600::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(82 82 82 / var(--tw-text-opacity));
}
.placeholder\:text-neutral-600::placeholder {
  --tw-text-opacity: 1;
  color: rgb(82 82 82 / var(--tw-text-opacity));
}
.placeholder\:text-neutral-700::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / var(--tw-text-opacity));
}
.placeholder\:text-neutral-700::placeholder {
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / var(--tw-text-opacity));
}
.placeholder\:text-notion-muted\/50::-moz-placeholder {
  color: rgb(155 155 155 / 0.5);
}
.placeholder\:text-notion-muted\/50::placeholder {
  color: rgb(155 155 155 / 0.5);
}
.placeholder\:text-primary-foreground\/50::-moz-placeholder {
  color: hsl(var(--primary-foreground) / 0.5);
}
.placeholder\:text-primary-foreground\/50::placeholder {
  color: hsl(var(--primary-foreground) / 0.5);
}
.placeholder\:text-sidebar-foreground\/35::-moz-placeholder {
  color: hsl(var(--sidebar-foreground) / 0.35);
}
.placeholder\:text-sidebar-foreground\/35::placeholder {
  color: hsl(var(--sidebar-foreground) / 0.35);
}
.placeholder\:text-sidebar-foreground\/50::-moz-placeholder {
  color: hsl(var(--sidebar-foreground) / 0.5);
}
.placeholder\:text-sidebar-foreground\/50::placeholder {
  color: hsl(var(--sidebar-foreground) / 0.5);
}
.placeholder\:text-slate-400::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}
.placeholder\:text-slate-400::placeholder {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}
.placeholder\:text-slate-500::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}
.placeholder\:text-slate-500::placeholder {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}
.placeholder\:text-stone-300::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(214 211 209 / var(--tw-text-opacity));
}
.placeholder\:text-stone-300::placeholder {
  --tw-text-opacity: 1;
  color: rgb(214 211 209 / var(--tw-text-opacity));
}
.placeholder\:text-stone-400::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(168 162 158 / var(--tw-text-opacity));
}
.placeholder\:text-stone-400::placeholder {
  --tw-text-opacity: 1;
  color: rgb(168 162 158 / var(--tw-text-opacity));
}
.placeholder\:text-white::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.placeholder\:text-white::placeholder {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.placeholder\:text-white\/20::-moz-placeholder {
  color: rgb(255 255 255 / 0.2);
}
.placeholder\:text-white\/20::placeholder {
  color: rgb(255 255 255 / 0.2);
}
.placeholder\:text-white\/25::-moz-placeholder {
  color: rgb(255 255 255 / 0.25);
}
.placeholder\:text-white\/25::placeholder {
  color: rgb(255 255 255 / 0.25);
}
.placeholder\:text-white\/30::-moz-placeholder {
  color: rgb(255 255 255 / 0.3);
}
.placeholder\:text-white\/30::placeholder {
  color: rgb(255 255 255 / 0.3);
}
.placeholder\:text-white\/35::-moz-placeholder {
  color: rgb(255 255 255 / 0.35);
}
.placeholder\:text-white\/35::placeholder {
  color: rgb(255 255 255 / 0.35);
}
.placeholder\:text-white\/40::-moz-placeholder {
  color: rgb(255 255 255 / 0.4);
}
.placeholder\:text-white\/40::placeholder {
  color: rgb(255 255 255 / 0.4);
}
.placeholder\:text-white\/45::-moz-placeholder {
  color: rgb(255 255 255 / 0.45);
}
.placeholder\:text-white\/45::placeholder {
  color: rgb(255 255 255 / 0.45);
}
.placeholder\:text-white\/50::-moz-placeholder {
  color: rgb(255 255 255 / 0.5);
}
.placeholder\:text-white\/50::placeholder {
  color: rgb(255 255 255 / 0.5);
}
.placeholder\:text-white\/60::-moz-placeholder {
  color: rgb(255 255 255 / 0.6);
}
.placeholder\:text-white\/60::placeholder {
  color: rgb(255 255 255 / 0.6);
}
.placeholder\:text-white\/70::-moz-placeholder {
  color: rgb(255 255 255 / 0.7);
}
.placeholder\:text-white\/70::placeholder {
  color: rgb(255 255 255 / 0.7);
}
.placeholder\:text-white\/80::-moz-placeholder {
  color: rgb(255 255 255 / 0.8);
}
.placeholder\:text-white\/80::placeholder {
  color: rgb(255 255 255 / 0.8);
}
.placeholder\:text-workflow-text-muted::-moz-placeholder {
  color: hsl(var(--workflow-text-muted));
}
.placeholder\:text-workflow-text-muted::placeholder {
  color: hsl(var(--workflow-text-muted));
}
.placeholder\:text-zinc-500::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(113 113 122 / var(--tw-text-opacity));
}
.placeholder\:text-zinc-500::placeholder {
  --tw-text-opacity: 1;
  color: rgb(113 113 122 / var(--tw-text-opacity));
}
.placeholder\:text-zinc-600::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(82 82 91 / var(--tw-text-opacity));
}
.placeholder\:text-zinc-600::placeholder {
  --tw-text-opacity: 1;
  color: rgb(82 82 91 / var(--tw-text-opacity));
}
.placeholder\:opacity-35::-moz-placeholder {
  opacity: 0.35;
}
.placeholder\:opacity-35::placeholder {
  opacity: 0.35;
}
.placeholder\:opacity-40::-moz-placeholder {
  opacity: 0.4;
}
.placeholder\:opacity-40::placeholder {
  opacity: 0.4;
}
.placeholder\:opacity-50::-moz-placeholder {
  opacity: 0.5;
}
.placeholder\:opacity-50::placeholder {
  opacity: 0.5;
}
.placeholder\:opacity-60::-moz-placeholder {
  opacity: 0.6;
}
.placeholder\:opacity-60::placeholder {
  opacity: 0.6;
}
.placeholder\:opacity-70::-moz-placeholder {
  opacity: 0.7;
}
.placeholder\:opacity-70::placeholder {
  opacity: 0.7;
}
.before\:pointer-events-none::before {
  content: var(--tw-content);
  pointer-events: none;
}
.before\:absolute::before {
  content: var(--tw-content);
  position: absolute;
}
.before\:-inset-1::before {
  content: var(--tw-content);
  inset: -0.25rem;
}
.before\:inset-0::before {
  content: var(--tw-content);
  inset: 0px;
}
.before\:-inset-y-2::before {
  content: var(--tw-content);
  top: -0.5rem;
  bottom: -0.5rem;
}
.before\:inset-x-0::before {
  content: var(--tw-content);
  left: 0px;
  right: 0px;
}
.before\:inset-y-0::before {
  content: var(--tw-content);
  top: 0px;
  bottom: 0px;
}
.before\:inset-y-1::before {
  content: var(--tw-content);
  top: 0.25rem;
  bottom: 0.25rem;
}
.before\:-start-5::before {
  content: var(--tw-content);
  inset-inline-start: -1.25rem;
}
.before\:-top-\[10px\]::before {
  content: var(--tw-content);
  top: -10px;
}
.before\:-top-\[15px\]::before {
  content: var(--tw-content);
  top: -15px;
}
.before\:-top-\[3px\]::before {
  content: var(--tw-content);
  top: -3px;
}
.before\:-top-px::before {
  content: var(--tw-content);
  top: -1px;
}
.before\:bottom-0::before {
  content: var(--tw-content);
  bottom: 0px;
}
.before\:bottom-2::before {
  content: var(--tw-content);
  bottom: 0.5rem;
}
.before\:bottom-\[-20\%\]::before {
  content: var(--tw-content);
  bottom: -20%;
}
.before\:left-0::before {
  content: var(--tw-content);
  left: 0px;
}
.before\:left-1::before {
  content: var(--tw-content);
  left: 0.25rem;
}
.before\:left-1\/2::before {
  content: var(--tw-content);
  left: 50%;
}
.before\:left-2::before {
  content: var(--tw-content);
  left: 0.5rem;
}
.before\:left-\[75\.5px\]::before {
  content: var(--tw-content);
  left: 75.5px;
}
.before\:right-0::before {
  content: var(--tw-content);
  right: 0px;
}
.before\:right-1::before {
  content: var(--tw-content);
  right: 0.25rem;
}
.before\:right-\[142px\]::before {
  content: var(--tw-content);
  right: 142px;
}
.before\:top-0::before {
  content: var(--tw-content);
  top: 0px;
}
.before\:top-1::before {
  content: var(--tw-content);
  top: 0.25rem;
}
.before\:top-2::before {
  content: var(--tw-content);
  top: 0.5rem;
}
.before\:top-\[9px\]::before {
  content: var(--tw-content);
  top: 9px;
}
.before\:-z-10::before {
  content: var(--tw-content);
  z-index: -10;
}
.before\:z-10::before {
  content: var(--tw-content);
  z-index: 10;
}
.before\:z-\[0\]::before {
  content: var(--tw-content);
  z-index: 0;
}
.before\:z-\[1\]::before {
  content: var(--tw-content);
  z-index: 1;
}
.before\:size-3::before {
  content: var(--tw-content);
  width: 0.75rem;
  height: 0.75rem;
}
.before\:h-0\.5::before {
  content: var(--tw-content);
  height: 0.125rem;
}
.before\:h-4::before {
  content: var(--tw-content);
  height: 1rem;
}
.before\:h-\[20\%\]::before {
  content: var(--tw-content);
  height: 20%;
}
.before\:h-\[2px\]::before {
  content: var(--tw-content);
  height: 2px;
}
.before\:h-\[50\%\]::before {
  content: var(--tw-content);
  height: 50%;
}
.before\:h-\[60\%\]::before {
  content: var(--tw-content);
  height: 60%;
}
.before\:h-px::before {
  content: var(--tw-content);
  height: 1px;
}
.before\:w-0\.5::before {
  content: var(--tw-content);
  width: 0.125rem;
}
.before\:w-1\.5::before {
  content: var(--tw-content);
  width: 0.375rem;
}
.before\:w-4::before {
  content: var(--tw-content);
  width: 1rem;
}
.before\:w-5::before {
  content: var(--tw-content);
  width: 1.25rem;
}
.before\:w-\[1\.5px\]::before {
  content: var(--tw-content);
  width: 1.5px;
}
.before\:w-\[3px\]::before {
  content: var(--tw-content);
  width: 3px;
}
.before\:w-\[5px\]::before {
  content: var(--tw-content);
  width: 5px;
}
.before\:w-\[60\%\]::before {
  content: var(--tw-content);
  width: 60%;
}
.before\:-translate-x-1\/2::before {
  content: var(--tw-content);
  --tw-translate-x: -50%;
  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\:translate-x-\[150\%\]::before {
  content: var(--tw-content);
  --tw-translate-x: 150%;
  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\:translate-y-\[150\%\]::before {
  content: var(--tw-content);
  --tw-translate-y: 150%;
  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\:scale-\[2\.5\]::before {
  content: var(--tw-content);
  --tw-scale-x: 2.5;
  --tw-scale-y: 2.5;
  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\:scale-x-0::before {
  content: var(--tw-content);
  --tw-scale-x: 0;
  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\:rounded::before {
  content: var(--tw-content);
  border-radius: 0.25rem;
}
.before\:rounded-2xl::before {
  content: var(--tw-content);
  border-radius: calc(var(--radius) + 8px);
}
.before\:rounded-3xl::before {
  content: var(--tw-content);
  border-radius: 1.5rem;
}
.before\:rounded-\[100\%\]::before {
  content: var(--tw-content);
  border-radius: 100%;
}
.before\:rounded-\[9991px\]::before {
  content: var(--tw-content);
  border-radius: 9991px;
}
.before\:rounded-\[calc\(var\(--radius-lg\)-1px\)\]::before {
  content: var(--tw-content);
  border-radius: calc(var(--radius-lg) - 1px);
}
.before\:rounded-\[inherit\]::before {
  content: var(--tw-content);
  border-radius: inherit;
}
.before\:rounded-full::before {
  content: var(--tw-content);
  border-radius: 9999px;
}
.before\:rounded-sm::before {
  content: var(--tw-content);
  border-radius: calc(var(--radius) - 4px);
}
.before\:rounded-xl::before {
  content: var(--tw-content);
  border-radius: calc(var(--radius) + 4px);
}
.before\:rounded-r::before {
  content: var(--tw-content);
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.before\:rounded-r-sm::before {
  content: var(--tw-content);
  border-top-right-radius: calc(var(--radius) - 4px);
  border-bottom-right-radius: calc(var(--radius) - 4px);
}
.before\:border::before {
  content: var(--tw-content);
  border-width: 1px;
}
.before\:border-accent\/20::before {
  content: var(--tw-content);
  border-color: hsl(var(--accent) / 0.2);
}
.before\:bg-\[hsl\(var\(--column-accent\)\)\]::before {
  content: var(--tw-content);
  background-color: hsl(var(--column-accent));
}
.before\:bg-\[var\(--glow-color\)\]::before {
  content: var(--tw-content);
  background-color: var(--glow-color);
}
.before\:bg-amber-400::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(251 191 36 / var(--tw-bg-opacity));
}
.before\:bg-amber-600::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / var(--tw-bg-opacity));
}
.before\:bg-foreground::before {
  content: var(--tw-content);
  background-color: hsl(var(--foreground));
}
.before\:bg-muted-foreground::before {
  content: var(--tw-content);
  background-color: hsl(var(--muted-foreground));
}
.before\:bg-primary::before {
  content: var(--tw-content);
  background-color: hsl(var(--primary));
}
.before\:bg-sidebar-foreground\/50::before {
  content: var(--tw-content);
  background-color: hsl(var(--sidebar-foreground) / 0.5);
}
.before\:bg-zinc-900\/60::before {
  content: var(--tw-content);
  background-color: rgb(24 24 27 / 0.6);
}
.before\:bg-\[linear-gradient\(90deg\2c hsl\(0\2c 100\%\2c 63\%\)\2c hsl\(90\2c 100\%\2c 63\%\)\2c hsl\(210\2c 100\%\2c 63\%\)\2c hsl\(195\2c 100\%\2c 63\%\)\2c hsl\(270\2c 100\%\2c 63\%\)\)\]::before {
  content: var(--tw-content);
  background-image: linear-gradient(90deg,hsl(0,100%,63%),hsl(90,100%,63%),hsl(210,100%,63%),hsl(195,100%,63%),hsl(270,100%,63%));
}
.before\:bg-gradient-to-r::before {
  content: var(--tw-content);
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.before\:from-background::before {
  content: var(--tw-content);
  --tw-gradient-from: hsl(var(--background)) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.before\:from-zinc-400::before {
  content: var(--tw-content);
  --tw-gradient-from: #a1a1aa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(161 161 170 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.before\:to-transparent::before {
  content: var(--tw-content);
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.before\:opacity-0::before {
  content: var(--tw-content);
  opacity: 0;
}
.before\:shadow-\[1px_0_2px_var\(--glow-color-shadow\)\]::before {
  content: var(--tw-content);
  --tw-shadow: 1px 0 2px var(--glow-color-shadow);
  --tw-shadow-colored: 1px 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.before\:shadow-\[2px_0_10px_var\(--glow-color\)\]::before {
  content: var(--tw-content);
  --tw-shadow: 2px 0 10px var(--glow-color);
  --tw-shadow-colored: 2px 0 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.before\:shadow-\[inset_0_0_0_1px_rgba\(170\2c 202\2c 255\2c 0\.2\)\2c inset_0_0_10px_0_rgba\(170\2c 202\2c 255\2c 0\.3\)\2c inset_0_3px_7px_0_rgba\(170\2c 202\2c 255\2c 0\.4\)\2c inset_0_-4px_3px_0_rgba\(170\2c 202\2c 255\2c 0\.4\)\2c 0_1px_3px_0_rgba\(0\2c 0\2c 0\2c 0\.50\)\2c 0_4px_12px_0_rgba\(0\2c 0\2c 0\2c 0\.65\)\]::before {
  content: var(--tw-content);
  --tw-shadow: inset 0 0 0 1px rgba(170,202,255,0.2),inset 0 0 10px 0 rgba(170,202,255,0.3),inset 0 3px 7px 0 rgba(170,202,255,0.4),inset 0 -4px 3px 0 rgba(170,202,255,0.4),0 1px 3px 0 rgba(0,0,0,0.50),0 4px 12px 0 rgba(0,0,0,0.65);
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color), inset 0 0 10px 0 var(--tw-shadow-color), inset 0 3px 7px 0 var(--tw-shadow-color), inset 0 -4px 3px 0 var(--tw-shadow-color), 0 1px 3px 0 var(--tw-shadow-color), 0 4px 12px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.before\:ring-2::before {
  content: var(--tw-content);
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.before\:ring-neutral-100\/40::before {
  content: var(--tw-content);
  --tw-ring-color: rgb(245 245 245 / 0.4);
}
.before\:transition::before {
  content: var(--tw-content);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.before\:transition-all::before {
  content: var(--tw-content);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.before\:transition-transform::before {
  content: var(--tw-content);
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.before\:duration-1000::before {
  content: var(--tw-content);
  transition-duration: 1000ms;
}
.before\:duration-200::before {
  content: var(--tw-content);
  transition-duration: 200ms;
}
.before\:content-\[\"\"\]::before {
  --tw-content: "";
  content: var(--tw-content);
}
.before\:content-\[\'\'\]::before {
  --tw-content: '';
  content: var(--tw-content);
}
.before\:content-\[counter\(source\)\]::before {
  --tw-content: counter(source);
  content: var(--tw-content);
}
.before\:duration-1000::before {
  content: var(--tw-content);
  animation-duration: 1000ms;
}
.before\:duration-200::before {
  content: var(--tw-content);
  animation-duration: 200ms;
}
.before\:\[clip-path\:polygon\(0_35\%\2c 0\%_100\%\2c 50\%_100\%\)\;\]::before {
  content: var(--tw-content);
  clip-path: polygon(0 35%,0% 100%,50% 100%);;
}
.before\:\[clip-path\:polygon\(100\%_14\%\2c 50\%_100\%\2c 100\%_100\%\)\;\]::before {
  content: var(--tw-content);
  clip-path: polygon(100% 14%,50% 100%,100% 100%);;
}
.before\:\[filter\:blur\(calc\(0\.8\*1rem\)\)\]::before {
  content: var(--tw-content);
  filter: blur(calc(0.8 * 1rem));
}
.after\:pointer-events-none::after {
  content: var(--tw-content);
  pointer-events: none;
}
.after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}
.after\:-inset-2::after {
  content: var(--tw-content);
  inset: -0.5rem;
}
.after\:inset-0::after {
  content: var(--tw-content);
  inset: 0px;
}
.after\:inset-px::after {
  content: var(--tw-content);
  inset: 1px;
}
.after\:-inset-x-3::after {
  content: var(--tw-content);
  left: -0.75rem;
  right: -0.75rem;
}
.after\:-inset-y-2::after {
  content: var(--tw-content);
  top: -0.5rem;
  bottom: -0.5rem;
}
.after\:inset-x-0::after {
  content: var(--tw-content);
  left: 0px;
  right: 0px;
}
.after\:inset-x-2\.5::after {
  content: var(--tw-content);
  left: 0.625rem;
  right: 0.625rem;
}
.after\:inset-y-0::after {
  content: var(--tw-content);
  top: 0px;
  bottom: 0px;
}
.after\:\!bottom-0::after {
  content: var(--tw-content);
  bottom: 0px !important;
}
.after\:\!left-0\.5::after {
  content: var(--tw-content);
  left: 0.125rem !important;
}
.after\:\!right-0\.5::after {
  content: var(--tw-content);
  right: 0.125rem !important;
}
.after\:-bottom-\[17px\]::after {
  content: var(--tw-content);
  bottom: -17px;
}
.after\:-bottom-\[3px\]::after {
  content: var(--tw-content);
  bottom: -3px;
}
.after\:-bottom-px::after {
  content: var(--tw-content);
  bottom: -1px;
}
.after\:-end-1::after {
  content: var(--tw-content);
  inset-inline-end: -0.25rem;
}
.after\:-start-1::after {
  content: var(--tw-content);
  inset-inline-start: -0.25rem;
}
.after\:bottom-0::after {
  content: var(--tw-content);
  bottom: 0px;
}
.after\:bottom-\[99\%\]::after {
  content: var(--tw-content);
  bottom: 99%;
}
.after\:left-0::after {
  content: var(--tw-content);
  left: 0px;
}
.after\:left-1::after {
  content: var(--tw-content);
  left: 0.25rem;
}
.after\:left-1\/2::after {
  content: var(--tw-content);
  left: 50%;
}
.after\:left-2::after {
  content: var(--tw-content);
  left: 0.5rem;
}
.after\:left-4::after {
  content: var(--tw-content);
  left: 1rem;
}
.after\:left-\[2px\]::after {
  content: var(--tw-content);
  left: 2px;
}
.after\:left-\[60px\]::after {
  content: var(--tw-content);
  left: 60px;
}
.after\:left-\[68px\]::after {
  content: var(--tw-content);
  left: 68px;
}
.after\:right-0::after {
  content: var(--tw-content);
  right: 0px;
}
.after\:right-1::after {
  content: var(--tw-content);
  right: 0.25rem;
}
.after\:right-2::after {
  content: var(--tw-content);
  right: 0.5rem;
}
.after\:right-4::after {
  content: var(--tw-content);
  right: 1rem;
}
.after\:start-1\/2::after {
  content: var(--tw-content);
  inset-inline-start: 50%;
}
.after\:top-0::after {
  content: var(--tw-content);
  top: 0px;
}
.after\:top-1\/2::after {
  content: var(--tw-content);
  top: 50%;
}
.after\:top-\[2px\]::after {
  content: var(--tw-content);
  top: 2px;
}
.after\:top-full::after {
  content: var(--tw-content);
  top: 100%;
}
.after\:-z-10::after {
  content: var(--tw-content);
  z-index: -10;
}
.after\:z-10::after {
  content: var(--tw-content);
  z-index: 10;
}
.after\:m-auto::after {
  content: var(--tw-content);
  margin: auto;
}
.after\:h-0\.5::after {
  content: var(--tw-content);
  height: 0.125rem;
}
.after\:h-1\.5::after {
  content: var(--tw-content);
  height: 0.375rem;
}
.after\:h-16::after {
  content: var(--tw-content);
  height: 4rem;
}
.after\:h-2\.5::after {
  content: var(--tw-content);
  height: 0.625rem;
}
.after\:h-4::after {
  content: var(--tw-content);
  height: 1rem;
}
.after\:h-5::after {
  content: var(--tw-content);
  height: 1.25rem;
}
.after\:h-\[16px\]::after {
  content: var(--tw-content);
  height: 16px;
}
.after\:h-\[2px\]::after {
  content: var(--tw-content);
  height: 2px;
}
.after\:h-px::after {
  content: var(--tw-content);
  height: 1px;
}
.after\:w-1::after {
  content: var(--tw-content);
  width: 0.25rem;
}
.after\:w-1\.5::after {
  content: var(--tw-content);
  width: 0.375rem;
}
.after\:w-2::after {
  content: var(--tw-content);
  width: 0.5rem;
}
.after\:w-20::after {
  content: var(--tw-content);
  width: 5rem;
}
.after\:w-3::after {
  content: var(--tw-content);
  width: 0.75rem;
}
.after\:w-4::after {
  content: var(--tw-content);
  width: 1rem;
}
.after\:w-5::after {
  content: var(--tw-content);
  width: 1.25rem;
}
.after\:w-\[146px\]::after {
  content: var(--tw-content);
  width: 146px;
}
.after\:w-\[2px\]::after {
  content: var(--tw-content);
  width: 2px;
}
.after\:w-full::after {
  content: var(--tw-content);
  width: 100%;
}
.after\:w-px::after {
  content: var(--tw-content);
  width: 1px;
}
.after\:origin-center::after {
  content: var(--tw-content);
  transform-origin: center;
}
.after\:-translate-x-1\/2::after {
  content: var(--tw-content);
  --tw-translate-x: -50%;
  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));
}
.after\:-translate-y-1\/2::after {
  content: var(--tw-content);
  --tw-translate-y: -50%;
  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));
}
.after\:translate-x-\[-150\%\]::after {
  content: var(--tw-content);
  --tw-translate-x: -150%;
  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));
}
.after\:translate-y-\[150\%\]::after {
  content: var(--tw-content);
  --tw-translate-y: 150%;
  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));
}
.after\:scale-\[2\.5\]::after {
  content: var(--tw-content);
  --tw-scale-x: 2.5;
  --tw-scale-y: 2.5;
  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));
}
.after\:scale-x-0::after {
  content: var(--tw-content);
  --tw-scale-x: 0;
  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));
}
.after\:rounded-\[100\%\]::after {
  content: var(--tw-content);
  border-radius: 100%;
}
.after\:rounded-\[9987px\]::after {
  content: var(--tw-content);
  border-radius: 9987px;
}
.after\:rounded-\[inherit\]::after {
  content: var(--tw-content);
  border-radius: inherit;
}
.after\:rounded-full::after {
  content: var(--tw-content);
  border-radius: 9999px;
}
.after\:rounded-sm::after {
  content: var(--tw-content);
  border-radius: calc(var(--radius) - 4px);
}
.after\:rounded-t-2xl::after {
  content: var(--tw-content);
  border-top-left-radius: calc(var(--radius) + 8px);
  border-top-right-radius: calc(var(--radius) + 8px);
}
.after\:border::after {
  content: var(--tw-content);
  border-width: 1px;
}
.after\:border-0::after {
  content: var(--tw-content);
  border-width: 0px;
}
.after\:border-none::after {
  content: var(--tw-content);
  border-style: none;
}
.after\:border-border::after {
  content: var(--tw-content);
  border-color: hsl(var(--border));
}
.after\:border-slate-700::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}
.after\:bg-\[\#303030\]::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(48 48 48 / var(--tw-bg-opacity));
}
.after\:bg-\[var\(--brand\)\]::after {
  content: var(--tw-content);
  background-color: var(--brand);
}
.after\:bg-\[var\(--sep\)\]::after {
  content: var(--tw-content);
  background-color: var(--sep);
}
.after\:bg-amber-400::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(251 191 36 / var(--tw-bg-opacity));
}
.after\:bg-amber-600::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / var(--tw-bg-opacity));
}
.after\:bg-border::after {
  content: var(--tw-content);
  background-color: hsl(var(--border));
}
.after\:bg-border\/60::after {
  content: var(--tw-content);
  background-color: hsl(var(--border) / 0.6);
}
.after\:bg-foreground::after {
  content: var(--tw-content);
  background-color: hsl(var(--foreground));
}
.after\:bg-muted::after {
  content: var(--tw-content);
  background-color: hsl(var(--muted));
}
.after\:bg-primary::after {
  content: var(--tw-content);
  background-color: hsl(var(--primary));
}
.after\:bg-sidebar-border::after {
  content: var(--tw-content);
  background-color: hsl(var(--sidebar-border));
}
.after\:bg-sidebar-primary::after {
  content: var(--tw-content);
  background-color: hsl(var(--sidebar-primary));
}
.after\:bg-transparent::after {
  content: var(--tw-content);
  background-color: transparent;
}
.after\:bg-white::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.after\:bg-white\/\[0\.1\]::after {
  content: var(--tw-content);
  background-color: rgb(255 255 255 / 0.1);
}
.after\:bg-gradient-to-b::after {
  content: var(--tw-content);
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.after\:bg-gradient-to-l::after {
  content: var(--tw-content);
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}
.after\:bg-gradient-to-r::after {
  content: var(--tw-content);
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.after\:from-transparent::after {
  content: var(--tw-content);
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.after\:from-zinc-400::after {
  content: var(--tw-content);
  --tw-gradient-from: #a1a1aa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(161 161 170 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.after\:from-40\%::after {
  content: var(--tw-content);
  --tw-gradient-from-position: 40%;
}
.after\:from-60\%::after {
  content: var(--tw-content);
  --tw-gradient-from-position: 60%;
}
.after\:via-\[var\(--glow-color-via\)\]::after {
  content: var(--tw-content);
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--glow-color-via) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.after\:via-white\/20::after {
  content: var(--tw-content);
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.after\:via-70\%::after {
  content: var(--tw-content);
  --tw-gradient-via-position: 70%;
}
.after\:via-85\%::after {
  content: var(--tw-content);
  --tw-gradient-via-position: 85%;
}
.after\:to-\[var\(--glow-color-to\)\]::after {
  content: var(--tw-content);
  --tw-gradient-to: var(--glow-color-to) var(--tw-gradient-to-position);
}
.after\:to-current::after {
  content: var(--tw-content);
  --tw-gradient-to: currentColor var(--tw-gradient-to-position);
}
.after\:to-transparent::after {
  content: var(--tw-content);
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.after\:opacity-0::after {
  content: var(--tw-content);
  opacity: 0;
}
.after\:mix-blend-darken::after {
  content: var(--tw-content);
  mix-blend-mode: darken;
}
.after\:shadow-\[hsl\(var\(--foreground\)\/0\.04\)_0px_1px_0px_inset\]::after {
  content: var(--tw-content);
  --tw-shadow: hsl(var(--foreground)/0.04) 0px 1px 0px inset;
  --tw-shadow-colored: inset 0px 1px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.after\:shadow-\[hsl\(var\(--foreground\)\/0\.15\)_0px_1px_0px_inset\]::after {
  content: var(--tw-content);
  --tw-shadow: hsl(var(--foreground)/0.15) 0px 1px 0px inset;
  --tw-shadow-colored: inset 0px 1px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.after\:shadow-\[inset_0_1px_1px_rgba\(0\2c 0\2c 0\2c 0\.9\)\]::after {
  content: var(--tw-content);
  --tw-shadow: inset 0 1px 1px rgba(0,0,0,0.9);
  --tw-shadow-colored: inset 0 1px 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);
}
.after\:shadow-white\/5::after {
  content: var(--tw-content);
  --tw-shadow-color: rgb(255 255 255 / 0.05);
  --tw-shadow: var(--tw-shadow-colored);
}
.after\:transition::after {
  content: var(--tw-content);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.after\:transition-all::after {
  content: var(--tw-content);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.after\:transition-opacity::after {
  content: var(--tw-content);
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.after\:transition-transform::after {
  content: var(--tw-content);
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.after\:duration-1000::after {
  content: var(--tw-content);
  transition-duration: 1000ms;
}
.after\:duration-200::after {
  content: var(--tw-content);
  transition-duration: 200ms;
}
.after\:content-\[\"\"\]::after {
  --tw-content: "";
  content: var(--tw-content);
}
.after\:content-\[\'\'\]::after {
  --tw-content: '';
  content: var(--tw-content);
}
.after\:content-\[\\\"\\\"\]::after {
  --tw-content: \"\";
  content: var(--tw-content);
}
.after\:duration-1000::after {
  content: var(--tw-content);
  animation-duration: 1000ms;
}
.after\:duration-200::after {
  content: var(--tw-content);
  animation-duration: 200ms;
}
.first\:ml-0:first-child {
  margin-left: 0px;
}
.first\:mt-0:first-child {
  margin-top: 0px;
}
.first\:rounded-l-lg:first-child {
  border-top-left-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
}
.first\:rounded-l-md:first-child {
  border-top-left-radius: calc(var(--radius) - 2px);
  border-bottom-left-radius: calc(var(--radius) - 2px);
}
.first\:rounded-s:first-child {
  border-start-start-radius: 0.25rem;
  border-end-start-radius: 0.25rem;
}
.first\:rounded-t-md:first-child {
  border-top-left-radius: calc(var(--radius) - 2px);
  border-top-right-radius: calc(var(--radius) - 2px);
}
.first\:border-0:first-child {
  border-width: 0px;
}
.first\:border-l:first-child {
  border-left-width: 1px;
}
.first\:border-l-0:first-child {
  border-left-width: 0px;
}
.first\:border-t-0:first-child {
  border-top-width: 0px;
}
.first\:pl-4:first-child {
  padding-left: 1rem;
}
.first\:pt-0:first-child {
  padding-top: 0px;
}
.first\:pt-0\.5:first-child {
  padding-top: 0.125rem;
}
.first\:pt-1:first-child {
  padding-top: 0.25rem;
}
.first\:pt-1\.5:first-child {
  padding-top: 0.375rem;
}
.last\:mb-0:last-child {
  margin-bottom: 0px;
}
.last\:mb-2:last-child {
  margin-bottom: 0.5rem;
}
.last\:mt-0:last-child {
  margin-top: 0px;
}
.last\:hidden:last-child {
  display: none;
}
.last\:flex-none:last-child {
  flex: none;
}
.last\:rounded-b-md:last-child {
  border-bottom-right-radius: calc(var(--radius) - 2px);
  border-bottom-left-radius: calc(var(--radius) - 2px);
}
.last\:rounded-e:last-child {
  border-start-end-radius: 0.25rem;
  border-end-end-radius: 0.25rem;
}
.last\:rounded-r-lg:last-child {
  border-top-right-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}
.last\:rounded-r-md:last-child {
  border-top-right-radius: calc(var(--radius) - 2px);
  border-bottom-right-radius: calc(var(--radius) - 2px);
}
.last\:border-0:last-child {
  border-width: 0px;
}
.last\:border-b-0:last-child {
  border-bottom-width: 0px;
}
.last\:border-r:last-child {
  border-right-width: 1px;
}
.last\:border-r-0:last-child {
  border-right-width: 0px;
}
.last\:border-none:last-child {
  border-style: none;
}
.last\:pb-0:last-child {
  padding-bottom: 0px;
}
.last\:pr-0:last-child {
  padding-right: 0px;
}
.last\:after\:hidden:last-child::after {
  content: var(--tw-content);
  display: none;
}
.odd\:bg-muted\/20:nth-child(odd) {
  background-color: hsl(var(--muted) / 0.2);
}
.odd\:bg-muted\/30:nth-child(odd) {
  background-color: hsl(var(--muted) / 0.3);
}
.odd\:bg-gradient-to-br:nth-child(odd) {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.odd\:from-neutral-200\/30:nth-child(odd) {
  --tw-gradient-from: rgb(229 229 229 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(229 229 229 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.odd\:to-neutral-200:nth-child(odd) {
  --tw-gradient-to: #e5e5e5 var(--tw-gradient-to-position);
}
.even\:rotate-\[1deg\]:nth-child(even) {
  --tw-rotate: 1deg;
  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));
}
.even\:rotate-\[2deg\]:nth-child(even) {
  --tw-rotate: 2deg;
  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));
}
.even\:bg-muted\/30:nth-child(even) {
  background-color: hsl(var(--muted) / 0.3);
}
.even\:bg-white\/\[0\.03\]:nth-child(even) {
  background-color: rgb(255 255 255 / 0.03);
}
.empty\:before\:pointer-events-none:empty::before {
  content: var(--tw-content);
  pointer-events: none;
}
.empty\:before\:text-\[11px\]:empty::before {
  content: var(--tw-content);
  font-size: 11px;
}
.empty\:before\:text-muted-foreground:empty::before {
  content: var(--tw-content);
  color: hsl(var(--muted-foreground));
}
.empty\:before\:text-muted-foreground\/40:empty::before {
  content: var(--tw-content);
  color: hsl(var(--muted-foreground) / 0.4);
}
.empty\:before\:opacity-40:empty::before {
  content: var(--tw-content);
  opacity: 0.4;
}
.empty\:before\:opacity-45:empty::before {
  content: var(--tw-content);
  opacity: 0.45;
}
.empty\:before\:content-\[\'Type_here_to_add_content\.\.\.\'\]:empty::before {
  --tw-content: 'Type here to add content...';
  content: var(--tw-content);
}
.empty\:before\:content-\[\'Untitled\'\]:empty::before {
  --tw-content: 'Untitled';
  content: var(--tw-content);
}
.empty\:before\:content-\[attr\(data-placeholder\)\]:empty::before {
  --tw-content: attr(data-placeholder);
  content: var(--tw-content);
}
.focus-within\:pointer-events-auto:focus-within {
  pointer-events: auto;
}
.focus-within\:relative:focus-within {
  position: relative;
}
.focus-within\:z-20:focus-within {
  z-index: 20;
}
.focus-within\:flex:focus-within {
  display: flex;
}
.focus-within\:h-auto:focus-within {
  height: auto;
}
.focus-within\:border-none:focus-within {
  border-style: none;
}
.focus-within\:border-\[\#666\]:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(102 102 102 / var(--tw-border-opacity));
}
.focus-within\:border-accent\/60:focus-within {
  border-color: hsl(var(--accent) / 0.6);
}
.focus-within\:border-border:focus-within {
  border-color: hsl(var(--border));
}
.focus-within\:border-border\/80:focus-within {
  border-color: hsl(var(--border) / 0.8);
}
.focus-within\:border-foreground:focus-within {
  border-color: hsl(var(--foreground));
}
.focus-within\:border-foreground\/60:focus-within {
  border-color: hsl(var(--foreground) / 0.6);
}
.focus-within\:border-primary:focus-within {
  border-color: hsl(var(--primary));
}
.focus-within\:border-primary\/50:focus-within {
  border-color: hsl(var(--primary) / 0.5);
}
.focus-within\:border-primary\/60:focus-within {
  border-color: hsl(var(--primary) / 0.6);
}
.focus-within\:border-ring:focus-within {
  border-color: hsl(var(--ring));
}
.focus-within\:border-ring\/70:focus-within {
  border-color: hsl(var(--ring) / 0.7);
}
.focus-within\:border-white\/20:focus-within {
  border-color: rgb(255 255 255 / 0.2);
}
.focus-within\:border-white\/30:focus-within {
  border-color: rgb(255 255 255 / 0.3);
}
.focus-within\:border-white\/\[0\.14\]:focus-within {
  border-color: rgb(255 255 255 / 0.14);
}
.focus-within\:bg-accent:focus-within {
  background-color: hsl(var(--accent));
}
.focus-within\:bg-background:focus-within {
  background-color: hsl(var(--background));
}
.focus-within\:bg-background\/55:focus-within {
  background-color: hsl(var(--background) / 0.55);
}
.focus-within\:bg-black\/30:focus-within {
  background-color: rgb(0 0 0 / 0.3);
}
.focus-within\:bg-gray-800\/50:focus-within {
  background-color: rgb(31 41 55 / 0.5);
}
.focus-within\:bg-muted\/35:focus-within {
  background-color: hsl(var(--muted) / 0.35);
}
.focus-within\:bg-muted\/40:focus-within {
  background-color: hsl(var(--muted) / 0.4);
}
.focus-within\:bg-muted\/45:focus-within {
  background-color: hsl(var(--muted) / 0.45);
}
.focus-within\:text-foreground:focus-within {
  color: hsl(var(--foreground));
}
.focus-within\:opacity-100:focus-within {
  opacity: 1;
}
.focus-within\:shadow-\[0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.14\)_inset\2c 0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.09\)\2c 0_4px_14px_rgba\(0\2c 0\2c 0\2c 0\.11\)\]:focus-within {
  --tw-shadow: 0 1px 0 rgba(255,255,255,0.14) inset,0 1px 2px rgba(0,0,0,0.09),0 4px 14px rgba(0,0,0,0.11);
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color), 0 1px 2px var(--tw-shadow-color), 0 4px 14px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus-within\:outline-none:focus-within {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-within\:ring-0:focus-within {
  --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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-within\:ring-1:focus-within {
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-within\:ring-2:focus-within {
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-within\:ring-\[3px\]:focus-within {
  --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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-within\:ring-inset:focus-within {
  --tw-ring-inset: inset;
}
.focus-within\:ring-amber-400\/70:focus-within {
  --tw-ring-color: rgb(251 191 36 / 0.7);
}
.focus-within\:ring-indigo-500\/20:focus-within {
  --tw-ring-color: rgb(99 102 241 / 0.2);
}
.focus-within\:ring-ring:focus-within {
  --tw-ring-color: hsl(var(--ring));
}
.focus-within\:ring-ring\/50:focus-within {
  --tw-ring-color: hsl(var(--ring) / 0.5);
}
.focus-within\:ring-white\/30:focus-within {
  --tw-ring-color: rgb(255 255 255 / 0.3);
}
.focus-within\:ring-white\/80:focus-within {
  --tw-ring-color: rgb(255 255 255 / 0.8);
}
.focus-within\:ring-offset-0:focus-within {
  --tw-ring-offset-width: 0px;
}
.focus-within\:ring-offset-1:focus-within {
  --tw-ring-offset-width: 1px;
}
.focus-within\:ring-offset-2:focus-within {
  --tw-ring-offset-width: 2px;
}
.focus-within\:ring-offset-background:focus-within {
  --tw-ring-offset-color: hsl(var(--background));
}
.focus-within\:before\:opacity-100:focus-within::before {
  content: var(--tw-content);
  opacity: 1;
}
.focus-within\:after\:shadow-neutral-100\/20:focus-within::after {
  content: var(--tw-content);
  --tw-shadow-color: rgb(245 245 245 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.hover\:z-10:hover {
  z-index: 10;
}
.hover\:z-20:hover {
  z-index: 20;
}
.hover\:h-0\.5:hover {
  height: 0.125rem;
}
.hover\:h-1\.5:hover {
  height: 0.375rem;
}
.hover\:h-\[3px\]:hover {
  height: 3px;
}
.hover\:w-1\.5:hover {
  width: 0.375rem;
}
.hover\:w-2:hover {
  width: 0.5rem;
}
.hover\:w-6:hover {
  width: 1.5rem;
}
.hover\:flex-\[1\.3\]:hover {
  flex: 1.3;
}
.hover\:-translate-y-0\.5:hover {
  --tw-translate-y: -0.125rem;
  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\:-translate-y-1:hover {
  --tw-translate-y: -0.25rem;
  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\:-translate-y-px:hover {
  --tw-translate-y: -1px;
  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\:translate-x-1:hover {
  --tw-translate-x: 0.25rem;
  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\:translate-y-\[-1px\]:hover {
  --tw-translate-y: -1px;
  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\:translate-y-\[-2px\]:hover {
  --tw-translate-y: -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));
}
.hover\:rotate-90:hover {
  --tw-rotate: 90deg;
  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\:scale-100:hover {
  --tw-scale-x: 1;
  --tw-scale-y: 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\:scale-105:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  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\: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\:scale-125:hover {
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  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\:scale-150:hover {
  --tw-scale-x: 1.5;
  --tw-scale-y: 1.5;
  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\:scale-95:hover {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  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\:scale-\[1\.01\]:hover {
  --tw-scale-x: 1.01;
  --tw-scale-y: 1.01;
  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\:scale-\[1\.02\]:hover {
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  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\:scale-\[1\.04\]:hover {
  --tw-scale-x: 1.04;
  --tw-scale-y: 1.04;
  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\:scale-\[1\.06\]:hover {
  --tw-scale-x: 1.06;
  --tw-scale-y: 1.06;
  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-solid:hover {
  border-style: solid;
}
.hover\:\!border-\[\#4ecdc4\]:hover {
  --tw-border-opacity: 1 !important;
  border-color: rgb(78 205 196 / var(--tw-border-opacity)) !important;
}
.hover\:border-\[\#10a37f\]\/50:hover {
  border-color: rgb(16 163 127 / 0.5);
}
.hover\:border-\[\#1976D2\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(25 118 210 / var(--tw-border-opacity));
}
.hover\:border-\[\#2E7D32\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(46 125 50 / var(--tw-border-opacity));
}
.hover\:border-\[\#333\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / var(--tw-border-opacity));
}
.hover\:border-\[\#404040\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(64 64 64 / var(--tw-border-opacity));
}
.hover\:border-\[\#4a4540\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(74 69 64 / var(--tw-border-opacity));
}
.hover\:border-\[\#4a4a5e\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(74 74 94 / var(--tw-border-opacity));
}
.hover\:border-\[\#4ecdc4\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(78 205 196 / var(--tw-border-opacity));
}
.hover\:border-\[\#636366\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(99 99 102 / var(--tw-border-opacity));
}
.hover\:border-\[\#9E68F7\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(158 104 247 / var(--tw-border-opacity));
}
.hover\:border-\[\#9acd32\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(154 205 50 / var(--tw-border-opacity));
}
.hover\:border-\[\#C2185B\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(194 24 91 / var(--tw-border-opacity));
}
.hover\:border-\[\#E0DCCF\]\/40:hover {
  border-color: rgb(224 220 207 / 0.4);
}
.hover\:border-\[\#E0DCCF\]\/45:hover {
  border-color: rgb(224 220 207 / 0.45);
}
.hover\:border-\[\#E0DCCF\]\/50:hover {
  border-color: rgb(224 220 207 / 0.5);
}
.hover\:border-\[\#E0DCCF\]\/55:hover {
  border-color: rgb(224 220 207 / 0.55);
}
.hover\:border-\[\#E55A00\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(229 90 0 / var(--tw-border-opacity));
}
.hover\:border-\[\#F57C00\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(245 124 0 / var(--tw-border-opacity));
}
.hover\:border-\[\#FF6B00\]\/30:hover {
  border-color: rgb(255 107 0 / 0.3);
}
.hover\:border-\[\#FF6B00\]\/50:hover {
  border-color: rgb(255 107 0 / 0.5);
}
.hover\:border-\[\#fe2c55\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(254 44 85 / var(--tw-border-opacity));
}
.hover\:border-\[color\:var\(--bjork-border-strong\)\]:hover {
  border-color: var(--bjork-border-strong);
}
.hover\:border-\[color\:var\(--bjork-error\)\]:hover {
  border-color: var(--bjork-error);
}
.hover\:border-\[hsl\(155\2c 65\%\2c 45\%\)\]:hover {
  --tw-border-opacity: 1;
  border-color: hsl(155 65% 45% / var(--tw-border-opacity));
}
.hover\:border-\[hsl\(var\(--accent-teal\2c 168_80\%_45\%\)\)\]:hover {
  border-color: hsl(var(--accent-teal,168 80% 45%));
}
.hover\:border-\[hsl\(var\(--linear-accent\)\)\]:hover {
  border-color: hsl(var(--linear-accent));
}
.hover\:border-\[hsl\(var\(--linear-accent\)\)\]\/50:hover {
  border-color: hsl(var(--linear-accent) / 0.5);
}
.hover\:border-\[hsl\(var\(--linear-accent\)\/0\.5\)\]:hover {
  border-color: hsl(var(--linear-accent)/0.5);
}
.hover\:border-\[rgb\(200_200_200\)\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(200 200 200 / var(--tw-border-opacity));
}
.hover\:border-\[var\(--accent\)\]:hover {
  border-color: var(--accent);
}
.hover\:border-\[var\(--color-border\)\]:hover {
  border-color: var(--color-border);
}
.hover\:border-\[var\(--color-delta-negative\)\]:hover {
  border-color: var(--color-delta-negative);
}
.hover\:border-\[var\(--color-muted\)\]:hover {
  border-color: var(--color-muted);
}
.hover\:border-\[var\(--reveal-text-secondary\)\]:hover {
  border-color: var(--reveal-text-secondary);
}
.hover\:border-accent:hover {
  border-color: hsl(var(--accent));
}
.hover\:border-accent-foreground\/20:hover {
  border-color: hsl(var(--accent-foreground) / 0.2);
}
.hover\:border-accent\/40:hover {
  border-color: hsl(var(--accent) / 0.4);
}
.hover\:border-accent\/50:hover {
  border-color: hsl(var(--accent) / 0.5);
}
.hover\:border-amber-300\/50:hover {
  border-color: rgb(252 211 77 / 0.5);
}
.hover\:border-amber-400\/70:hover {
  border-color: rgb(251 191 36 / 0.7);
}
.hover\:border-amber-500\/30:hover {
  border-color: rgb(245 158 11 / 0.3);
}
.hover\:border-amber-500\/50:hover {
  border-color: rgb(245 158 11 / 0.5);
}
.hover\:border-amber-600\/30:hover {
  border-color: rgb(217 119 6 / 0.3);
}
.hover\:border-amber-600\/40:hover {
  border-color: rgb(217 119 6 / 0.4);
}
.hover\:border-amber-600\/50:hover {
  border-color: rgb(217 119 6 / 0.5);
}
.hover\:border-black:hover {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.hover\:border-blue-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity));
}
.hover\:border-blue-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253 / var(--tw-border-opacity));
}
.hover\:border-blue-400\/30:hover {
  border-color: rgb(96 165 250 / 0.3);
}
.hover\:border-blue-400\/35:hover {
  border-color: rgb(96 165 250 / 0.35);
}
.hover\:border-blue-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
}
.hover\:border-blue-500\/40:hover {
  border-color: rgb(59 130 246 / 0.4);
}
.hover\:border-blue-500\/50:hover {
  border-color: rgb(59 130 246 / 0.5);
}
.hover\:border-blue-900:hover {
  --tw-border-opacity: 1;
  border-color: rgb(30 58 138 / var(--tw-border-opacity));
}
.hover\:border-border:hover {
  border-color: hsl(var(--border));
}
.hover\:border-border\/15:hover {
  border-color: hsl(var(--border) / 0.15);
}
.hover\:border-border\/30:hover {
  border-color: hsl(var(--border) / 0.3);
}
.hover\:border-border\/40:hover {
  border-color: hsl(var(--border) / 0.4);
}
.hover\:border-border\/50:hover {
  border-color: hsl(var(--border) / 0.5);
}
.hover\:border-border\/60:hover {
  border-color: hsl(var(--border) / 0.6);
}
.hover\:border-border\/70:hover {
  border-color: hsl(var(--border) / 0.7);
}
.hover\:border-border\/80:hover {
  border-color: hsl(var(--border) / 0.8);
}
.hover\:border-cyan-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(34 211 238 / var(--tw-border-opacity));
}
.hover\:border-cyan-400\/50:hover {
  border-color: rgb(34 211 238 / 0.5);
}
.hover\:border-cyan-400\/70:hover {
  border-color: rgb(34 211 238 / 0.7);
}
.hover\:border-cyan-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(6 182 212 / var(--tw-border-opacity));
}
.hover\:border-cyan-500\/50:hover {
  border-color: rgb(6 182 212 / 0.5);
}
.hover\:border-destructive:hover {
  border-color: hsl(var(--destructive));
}
.hover\:border-destructive\/30:hover {
  border-color: hsl(var(--destructive) / 0.3);
}
.hover\:border-destructive\/40:hover {
  border-color: hsl(var(--destructive) / 0.4);
}
.hover\:border-destructive\/50:hover {
  border-color: hsl(var(--destructive) / 0.5);
}
.hover\:border-emerald-400\/70:hover {
  border-color: rgb(52 211 153 / 0.7);
}
.hover\:border-foreground:hover {
  border-color: hsl(var(--foreground));
}
.hover\:border-foreground\/20:hover {
  border-color: hsl(var(--foreground) / 0.2);
}
.hover\:border-foreground\/25:hover {
  border-color: hsl(var(--foreground) / 0.25);
}
.hover\:border-foreground\/30:hover {
  border-color: hsl(var(--foreground) / 0.3);
}
.hover\:border-foreground\/40:hover {
  border-color: hsl(var(--foreground) / 0.4);
}
.hover\:border-foreground\/50:hover {
  border-color: hsl(var(--foreground) / 0.5);
}
.hover\:border-foreground\/60:hover {
  border-color: hsl(var(--foreground) / 0.6);
}
.hover\:border-foreground\/70:hover {
  border-color: hsl(var(--foreground) / 0.7);
}
.hover\:border-gray-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.hover\:border-gray-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity));
}
.hover\:border-gray-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity));
}
.hover\:border-gray-600:hover {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity));
}
.hover\:border-green-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / var(--tw-border-opacity));
}
.hover\:border-green-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(134 239 172 / var(--tw-border-opacity));
}
.hover\:border-green-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity));
}
.hover\:border-indigo-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(165 180 252 / var(--tw-border-opacity));
}
.hover\:border-input:hover {
  border-color: hsl(var(--input));
}
.hover\:border-muted-foreground:hover {
  border-color: hsl(var(--muted-foreground));
}
.hover\:border-muted-foreground\/30:hover {
  border-color: hsl(var(--muted-foreground) / 0.3);
}
.hover\:border-muted-foreground\/40:hover {
  border-color: hsl(var(--muted-foreground) / 0.4);
}
.hover\:border-muted-foreground\/50:hover {
  border-color: hsl(var(--muted-foreground) / 0.5);
}
.hover\:border-muted-foreground\/60:hover {
  border-color: hsl(var(--muted-foreground) / 0.6);
}
.hover\:border-neutral-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(163 163 163 / var(--tw-border-opacity));
}
.hover\:border-neutral-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(115 115 115 / var(--tw-border-opacity));
}
.hover\:border-neutral-600:hover {
  --tw-border-opacity: 1;
  border-color: rgb(82 82 82 / var(--tw-border-opacity));
}
.hover\:border-neutral-700:hover {
  --tw-border-opacity: 1;
  border-color: rgb(64 64 64 / var(--tw-border-opacity));
}
.hover\:border-neutral-800:hover {
  --tw-border-opacity: 1;
  border-color: rgb(38 38 38 / var(--tw-border-opacity));
}
.hover\:border-notion-muted:hover {
  --tw-border-opacity: 1;
  border-color: rgb(155 155 155 / var(--tw-border-opacity));
}
.hover\:border-notion-muted\/50:hover {
  border-color: rgb(155 155 155 / 0.5);
}
.hover\:border-orange-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(249 115 22 / var(--tw-border-opacity));
}
.hover\:border-orange-500\/30:hover {
  border-color: rgb(249 115 22 / 0.3);
}
.hover\:border-orange-500\/40:hover {
  border-color: rgb(249 115 22 / 0.4);
}
.hover\:border-orange-500\/50:hover {
  border-color: rgb(249 115 22 / 0.5);
}
.hover\:border-orange-600:hover {
  --tw-border-opacity: 1;
  border-color: rgb(234 88 12 / var(--tw-border-opacity));
}
.hover\:border-pink-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(236 72 153 / var(--tw-border-opacity));
}
.hover\:border-pink-500\/50:hover {
  border-color: rgb(236 72 153 / 0.5);
}
.hover\:border-primary:hover {
  border-color: hsl(var(--primary));
}
.hover\:border-primary\/20:hover {
  border-color: hsl(var(--primary) / 0.2);
}
.hover\:border-primary\/30:hover {
  border-color: hsl(var(--primary) / 0.3);
}
.hover\:border-primary\/35:hover {
  border-color: hsl(var(--primary) / 0.35);
}
.hover\:border-primary\/40:hover {
  border-color: hsl(var(--primary) / 0.4);
}
.hover\:border-primary\/50:hover {
  border-color: hsl(var(--primary) / 0.5);
}
.hover\:border-primary\/60:hover {
  border-color: hsl(var(--primary) / 0.6);
}
.hover\:border-purple-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(192 132 252 / var(--tw-border-opacity));
}
.hover\:border-purple-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(168 85 247 / var(--tw-border-opacity));
}
.hover\:border-purple-500\/40:hover {
  border-color: rgb(168 85 247 / 0.4);
}
.hover\:border-purple-500\/50:hover {
  border-color: rgb(168 85 247 / 0.5);
}
.hover\:border-red-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity));
}
.hover\:border-red-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / var(--tw-border-opacity));
}
.hover\:border-red-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
}
.hover\:border-red-500\/40:hover {
  border-color: rgb(239 68 68 / 0.4);
}
.hover\:border-red-500\/50:hover {
  border-color: rgb(239 68 68 / 0.5);
}
.hover\:border-red-700:hover {
  --tw-border-opacity: 1;
  border-color: rgb(185 28 28 / var(--tw-border-opacity));
}
.hover\:border-red-900\/40:hover {
  border-color: rgb(127 29 29 / 0.4);
}
.hover\:border-ring:hover {
  border-color: hsl(var(--ring));
}
.hover\:border-ring\/40:hover {
  border-color: hsl(var(--ring) / 0.4);
}
.hover\:border-ring\/50:hover {
  border-color: hsl(var(--ring) / 0.5);
}
.hover\:border-rose-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity));
}
.hover\:border-rose-400\/70:hover {
  border-color: rgb(251 113 133 / 0.7);
}
.hover\:border-rose-500\/30:hover {
  border-color: rgb(244 63 94 / 0.3);
}
.hover\:border-rose-500\/40:hover {
  border-color: rgb(244 63 94 / 0.4);
}
.hover\:border-rose-900:hover {
  --tw-border-opacity: 1;
  border-color: rgb(136 19 55 / var(--tw-border-opacity));
}
.hover\:border-rose-900\/30:hover {
  border-color: rgb(136 19 55 / 0.3);
}
.hover\:border-rose-900\/50:hover {
  border-color: rgb(136 19 55 / 0.5);
}
.hover\:border-sky-400\/30:hover {
  border-color: rgb(56 189 248 / 0.3);
}
.hover\:border-sky-400\/70:hover {
  border-color: rgb(56 189 248 / 0.7);
}
.hover\:border-sky-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(14 165 233 / var(--tw-border-opacity));
}
.hover\:border-slate-700:hover {
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}
.hover\:border-slate-700\/80:hover {
  border-color: rgb(51 65 85 / 0.8);
}
.hover\:border-stone-200\/60:hover {
  border-color: rgb(231 229 228 / 0.6);
}
.hover\:border-stone-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(168 162 158 / var(--tw-border-opacity));
}
.hover\:border-teal-400\/40:hover {
  border-color: rgb(45 212 191 / 0.4);
}
.hover\:border-teal-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(20 184 166 / var(--tw-border-opacity));
}
.hover\:border-transparent:hover {
  border-color: transparent;
}
.hover\:border-violet-400\/40:hover {
  border-color: rgb(167 139 250 / 0.4);
}
.hover\:border-violet-400\/70:hover {
  border-color: rgb(167 139 250 / 0.7);
}
.hover\:border-white:hover {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.hover\:border-white\/10:hover {
  border-color: rgb(255 255 255 / 0.1);
}
.hover\:border-white\/15:hover {
  border-color: rgb(255 255 255 / 0.15);
}
.hover\:border-white\/20:hover {
  border-color: rgb(255 255 255 / 0.2);
}
.hover\:border-white\/25:hover {
  border-color: rgb(255 255 255 / 0.25);
}
.hover\:border-white\/30:hover {
  border-color: rgb(255 255 255 / 0.3);
}
.hover\:border-white\/40:hover {
  border-color: rgb(255 255 255 / 0.4);
}
.hover\:border-white\/50:hover {
  border-color: rgb(255 255 255 / 0.5);
}
.hover\:border-white\/60:hover {
  border-color: rgb(255 255 255 / 0.6);
}
.hover\:border-white\/70:hover {
  border-color: rgb(255 255 255 / 0.7);
}
.hover\:border-white\/80:hover {
  border-color: rgb(255 255 255 / 0.8);
}
.hover\:border-white\/\[0\.12\]:hover {
  border-color: rgb(255 255 255 / 0.12);
}
.hover\:border-white\/\[0\.14\]:hover {
  border-color: rgb(255 255 255 / 0.14);
}
.hover\:border-white\/\[0\.16\]:hover {
  border-color: rgb(255 255 255 / 0.16);
}
.hover\:border-white\/\[0\.1\]:hover {
  border-color: rgb(255 255 255 / 0.1);
}
.hover\:border-workflow-border:hover {
  border-color: hsl(var(--workflow-border));
}
.hover\:border-yellow-500\/50:hover {
  border-color: rgb(234 179 8 / 0.5);
}
.hover\:border-zinc-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(212 212 216 / var(--tw-border-opacity));
}
.hover\:border-zinc-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(113 113 122 / var(--tw-border-opacity));
}
.hover\:border-zinc-600:hover {
  --tw-border-opacity: 1;
  border-color: rgb(82 82 91 / var(--tw-border-opacity));
}
.hover\:border-zinc-700:hover {
  --tw-border-opacity: 1;
  border-color: rgb(63 63 70 / var(--tw-border-opacity));
}
.hover\:border-zinc-800:hover {
  --tw-border-opacity: 1;
  border-color: rgb(39 39 42 / var(--tw-border-opacity));
}
.hover\:border-b-current:hover {
  border-bottom-color: currentColor;
}
.hover\:\!bg-\[\#00a9e5\]:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 169 229 / var(--tw-bg-opacity)) !important;
}
.hover\:\!bg-\[\#2A2A2A\]:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(42 42 42 / var(--tw-bg-opacity)) !important;
}
.hover\:\!bg-\[\#4ecdc4\]:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(78 205 196 / var(--tw-bg-opacity)) !important;
}
.hover\:\!bg-current:hover {
  background-color: currentColor !important;
}
.hover\:\!bg-primary\/25:hover {
  background-color: hsl(var(--primary) / 0.25) !important;
}
.hover\:\!bg-red-600\/20:hover {
  background-color: rgb(220 38 38 / 0.2) !important;
}
.hover\:\!bg-white\/10:hover {
  background-color: rgb(255 255 255 / 0.1) !important;
}
.hover\:bg-\[\#000080\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 128 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#000080\]\/10:hover {
  background-color: rgb(0 0 128 / 0.1);
}
.hover\:bg-\[\#000080\]\/25:hover {
  background-color: rgb(0 0 128 / 0.25);
}
.hover\:bg-\[\#0000aa\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 170 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#0077B5\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 119 181 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#00a884\]\/60:hover {
  background-color: rgb(0 168 132 / 0.6);
}
.hover\:bg-\[\#059669\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#06cf9c\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(6 207 156 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#0a1525\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(10 21 37 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#0c1320\]\/75:hover {
  background-color: rgb(12 19 32 / 0.75);
}
.hover\:bg-\[\#0d0e15\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(13 14 21 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#101722\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(16 23 34 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#111111d1\]:hover {
  background-color: #111111d1;
}
.hover\:bg-\[\#128a6c\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(18 138 108 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#141414\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(20 20 20 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#141414\]\/40:hover {
  background-color: rgb(20 20 20 / 0.4);
}
.hover\:bg-\[\#141414\]\/55:hover {
  background-color: rgb(20 20 20 / 0.55);
}
.hover\:bg-\[\#15101e\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(21 16 30 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#181818\]\/10:hover {
  background-color: rgb(24 24 24 / 0.1);
}
.hover\:bg-\[\#181818\]\/20:hover {
  background-color: rgb(24 24 24 / 0.2);
}
.hover\:bg-\[\#181818\]\/70:hover {
  background-color: rgb(24 24 24 / 0.7);
}
.hover\:bg-\[\#181818\]\/90:hover {
  background-color: rgb(24 24 24 / 0.9);
}
.hover\:bg-\[\#1A1A1E\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 30 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#1B1B1B\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(27 27 27 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#1C1C1C\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(28 28 28 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#1C1C20\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(28 28 32 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#1C3324\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(28 51 36 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#1F1F1F\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(31 31 31 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#1a1510\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(26 21 16 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#1a1a1a\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#1a1c20\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(26 28 32 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#1a1f23\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(26 31 35 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#1a3a6b\]\/20:hover {
  background-color: rgb(26 58 107 / 0.2);
}
.hover\:bg-\[\#1b1b1b\]\/80:hover {
  background-color: rgb(27 27 27 / 0.8);
}
.hover\:bg-\[\#1b1b20\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(27 27 32 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#1e2028\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 32 40 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#1ed760\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 215 96 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#202020\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(32 32 32 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#202025\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(32 32 37 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#222228\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(34 34 40 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#222\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(34 34 34 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#224A25\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(34 74 37 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#232323\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(35 35 35 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#242424\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(36 36 36 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#243424\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(36 52 36 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#252525\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(37 37 37 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#2563eb\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#272727\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(39 39 39 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#282d29\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(40 45 41 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#28c840\]\/80:hover {
  background-color: rgb(40 200 64 / 0.8);
}
.hover\:bg-\[\#2A2A2A\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(42 42 42 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#2a2a2a\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(42 42 42 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#2a2a30\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(42 42 48 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#2a2a3e\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(42 42 62 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#2a2d2e\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(42 45 46 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#2a3942\]\/60:hover {
  background-color: rgb(42 57 66 / 0.6);
}
.hover\:bg-\[\#2a3942\]\/80:hover {
  background-color: rgb(42 57 66 / 0.8);
}
.hover\:bg-\[\#2c2c2c\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(44 44 44 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#2c2c2c\]\/80:hover {
  background-color: rgb(44 44 44 / 0.8);
}
.hover\:bg-\[\#2c2c2e\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(44 44 46 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#2d1b00\]\/10:hover {
  background-color: rgb(45 27 0 / 0.1);
}
.hover\:bg-\[\#2d1b1e\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(45 27 30 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#2e2e2e\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(46 46 46 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#316ac5\]\/15:hover {
  background-color: rgb(49 106 197 / 0.15);
}
.hover\:bg-\[\#32323A\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(50 50 58 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#333333\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#333\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#33bae8\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(51 186 232 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#342426\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(52 36 38 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#3584e4\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(53 132 228 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#3584e4\]\/20:hover {
  background-color: rgb(53 132 228 / 0.2);
}
.hover\:bg-\[\#35a76a\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(53 167 106 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#3A3A3A\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(58 58 58 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#3a3a3a\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(58 58 58 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#3a3a3c\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(58 58 60 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#3a3a4e\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(58 58 78 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#3daee9\]\/20:hover {
  background-color: rgb(61 174 233 / 0.2);
}
.hover\:bg-\[\#3ec1d3\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(62 193 211 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#3f3f3f\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(63 63 63 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#3f3f3f\]\/90:hover {
  background-color: rgb(63 63 63 / 0.9);
}
.hover\:bg-\[\#40CCB7\]\/90:hover {
  background-color: rgb(64 204 183 / 0.9);
}
.hover\:bg-\[\#43523d\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(67 82 61 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#45A049\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(69 160 73 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#45ce99\]\/40:hover {
  background-color: rgb(69 206 153 / 0.4);
}
.hover\:bg-\[\#4A4A4A\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(74 74 74 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#4a4a5e\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(74 74 94 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#4ecdc4\]\/90:hover {
  background-color: rgb(78 205 196 / 0.9);
}
.hover\:bg-\[\#505050\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(80 80 80 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#515151\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(81 81 81 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#5be0c8\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(91 224 200 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#666BFA\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(102 107 250 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#666\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(102 102 102 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#7C3AED\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(124 58 237 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#8FD9B6\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(143 217 182 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#8b5cf6\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(139 92 246 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#9acd32\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(154 205 50 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#C0E8CC\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(192 232 204 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#E0DCCF\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(224 220 207 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#E55A00\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(229 90 0 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#FF5F57\]\/80:hover {
  background-color: rgb(255 95 87 / 0.8);
}
.hover\:bg-\[\#FF6B00\]\/25:hover {
  background-color: rgb(255 107 0 / 0.25);
}
.hover\:bg-\[\#c01c28\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(192 28 40 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#c2e400\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(194 228 0 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#d19717\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(209 151 23 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#dc2626\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#dedede\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(222 222 222 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#e0e0e0\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(224 224 224 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#e5dcc8\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(229 220 200 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#e6e6e6\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(230 230 230 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#e8e8ed\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(232 232 237 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#e91e4d\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(233 30 77 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#f59e0b\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#f5a623\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(245 166 35 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#f8f2e7\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 242 231 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#febc2e\]\/80:hover {
  background-color: rgb(254 188 46 / 0.8);
}
.hover\:bg-\[\#ff5f57\]\/80:hover {
  background-color: rgb(255 95 87 / 0.8);
}
.hover\:bg-\[\#ff6a1f\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 106 31 / var(--tw-bg-opacity));
}
.hover\:bg-\[color-mix\(in_oklch\2c var\(--secondary\)\2c var\(--foreground\)_5\%\)\]:hover {
  background-color: color-mix(in oklch,var(--secondary),var(--foreground) 5%);
}
.hover\:bg-\[color-mix\(in_srgb\2c var\(--muted\)_50\%\2c var\(--background\)\)\]:hover {
  background-color: color-mix(in srgb,var(--muted) 50%,var(--background));
}
.hover\:bg-\[color\:var\(--bjork-accent-fill-hover\)\]:hover {
  background-color: var(--bjork-accent-fill-hover);
}
.hover\:bg-\[color\:var\(--bjork-card-hover\)\]:hover {
  background-color: var(--bjork-card-hover);
}
.hover\:bg-\[color\:var\(--bjork-surface-hover\)\]:hover {
  background-color: var(--bjork-surface-hover);
}
.hover\:bg-\[hsl\(141_76\%_42\%\)\]:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(141 76% 42% / var(--tw-bg-opacity));
}
.hover\:bg-\[hsl\(var\(--accent\)\)\]:hover {
  background-color: hsl(var(--accent));
}
.hover\:bg-\[hsl\(var\(--accent\)\)\]\/50:hover {
  background-color: hsl(var(--accent) / 0.5);
}
.hover\:bg-\[hsl\(var\(--linear-accent\)\)\]\/5:hover {
  background-color: hsl(var(--linear-accent) / 0.05);
}
.hover\:bg-\[hsl\(var\(--linear-accent\)\)\]\/90:hover {
  background-color: hsl(var(--linear-accent) / 0.9);
}
.hover\:bg-\[hsl\(var\(--linear-accent\)\/0\.05\)\]:hover {
  background-color: hsl(var(--linear-accent)/0.05);
}
.hover\:bg-\[hsl\(var\(--linear-bg\)\)\]:hover {
  background-color: hsl(var(--linear-bg));
}
.hover\:bg-\[hsl\(var\(--linear-surface\)\)\]:hover {
  background-color: hsl(var(--linear-surface));
}
.hover\:bg-\[hsl\(var\(--primary\)\)\]\/90:hover {
  background-color: hsl(var(--primary) / 0.9);
}
.hover\:bg-\[hsl\(var\(--primary\)\/0\.3\)\]:hover {
  background-color: hsl(var(--primary)/0.3);
}
.hover\:bg-\[oklch\(0\.19_0_0\)\]:hover {
  background-color: oklch(0.19 0 0);
}
.hover\:bg-\[oklch\(0\.1_0\.01_260\)\]:hover {
  background-color: oklch(0.1 0.01 260);
}
.hover\:bg-\[oklch\(0\.8_0\.15_200\)\]:hover {
  background-color: oklch(0.8 0.15 200);
}
.hover\:bg-\[rgb\(240_235_227_\/_0\.06\)\]:hover {
  background-color: rgb(240 235 227 / 0.06);
}
.hover\:bg-\[rgb\(240_235_227_\/_0\.1\)\]:hover {
  background-color: rgb(240 235 227 / 0.1);
}
.hover\:bg-\[rgb\(48_50_48_\/_94\%\)\]:hover {
  background-color: rgb(48 50 48 / 94%);
}
.hover\:bg-\[rgb\(var\(--blocks-column-contrast-rgb\)\/0\.2\)\]:hover {
  background-color: rgb(var(--blocks-column-contrast-rgb)/0.2);
}
.hover\:bg-\[rgba\(240\2c 242\2c 247\2c 1\)\]:hover {
  background-color: rgba(240,242,247,1);
}
.hover\:bg-\[var\(--blender-stroke-subtle\)\]:hover {
  background-color: var(--blender-stroke-subtle);
}
.hover\:bg-\[var\(--block-hover\)\]:hover {
  background-color: var(--block-hover);
}
.hover\:bg-\[var\(--dc-bg\)\]:hover {
  background-color: var(--dc-bg);
}
.hover\:bg-\[var\(--eraser-chrome-elevated\)\]:hover {
  background-color: var(--eraser-chrome-elevated);
}
.hover\:bg-\[var\(--fill\)\]:hover {
  background-color: var(--fill);
}
.hover\:bg-\[var\(--hover-strong\)\]:hover {
  background-color: var(--hover-strong);
}
.hover\:bg-\[var\(--ide-bg-hover\)\]:hover {
  background-color: var(--ide-bg-hover);
}
.hover\:bg-\[var\(--linux-chrome-hover\2c hsl\(0_0\%_100\%\/0\.06\)\)\]:hover {
  background-color: var(--linux-chrome-hover,hsl(0 0% 100%/0.06));
}
.hover\:bg-\[var\(--muted\)\]:hover {
  background-color: var(--muted);
}
.hover\:bg-\[var\(--rd-search-hover\)\]:hover {
  background-color: var(--rd-search-hover);
}
.hover\:bg-\[var\(--sheet-accent\)\]:hover {
  background-color: var(--sheet-accent);
}
.hover\:bg-\[var\(--sheet-row-hover\)\]:hover {
  background-color: var(--sheet-row-hover);
}
.hover\:bg-\[var\(--stack-muted\)\]:hover {
  background-color: var(--stack-muted);
}
.hover\:bg-accent:hover {
  background-color: hsl(var(--accent));
}
.hover\:bg-accent\/10:hover {
  background-color: hsl(var(--accent) / 0.1);
}
.hover\:bg-accent\/15:hover {
  background-color: hsl(var(--accent) / 0.15);
}
.hover\:bg-accent\/20:hover {
  background-color: hsl(var(--accent) / 0.2);
}
.hover\:bg-accent\/25:hover {
  background-color: hsl(var(--accent) / 0.25);
}
.hover\:bg-accent\/30:hover {
  background-color: hsl(var(--accent) / 0.3);
}
.hover\:bg-accent\/40:hover {
  background-color: hsl(var(--accent) / 0.4);
}
.hover\:bg-accent\/45:hover {
  background-color: hsl(var(--accent) / 0.45);
}
.hover\:bg-accent\/5:hover {
  background-color: hsl(var(--accent) / 0.05);
}
.hover\:bg-accent\/50:hover {
  background-color: hsl(var(--accent) / 0.5);
}
.hover\:bg-accent\/60:hover {
  background-color: hsl(var(--accent) / 0.6);
}
.hover\:bg-accent\/70:hover {
  background-color: hsl(var(--accent) / 0.7);
}
.hover\:bg-accent\/80:hover {
  background-color: hsl(var(--accent) / 0.8);
}
.hover\:bg-accent\/90:hover {
  background-color: hsl(var(--accent) / 0.9);
}
.hover\:bg-amber-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity));
}
.hover\:bg-amber-100\/10:hover {
  background-color: rgb(254 243 199 / 0.1);
}
.hover\:bg-amber-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(253 230 138 / var(--tw-bg-opacity));
}
.hover\:bg-amber-200\/60:hover {
  background-color: rgb(253 230 138 / 0.6);
}
.hover\:bg-amber-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 191 36 / var(--tw-bg-opacity));
}
.hover\:bg-amber-400\/10:hover {
  background-color: rgb(251 191 36 / 0.1);
}
.hover\:bg-amber-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity));
}
.hover\:bg-amber-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity));
}
.hover\:bg-amber-500\/10:hover {
  background-color: rgb(245 158 11 / 0.1);
}
.hover\:bg-amber-500\/20:hover {
  background-color: rgb(245 158 11 / 0.2);
}
.hover\:bg-amber-500\/25:hover {
  background-color: rgb(245 158 11 / 0.25);
}
.hover\:bg-amber-500\/30:hover {
  background-color: rgb(245 158 11 / 0.3);
}
.hover\:bg-amber-500\/5:hover {
  background-color: rgb(245 158 11 / 0.05);
}
.hover\:bg-amber-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / var(--tw-bg-opacity));
}
.hover\:bg-amber-600\/10:hover {
  background-color: rgb(217 119 6 / 0.1);
}
.hover\:bg-amber-600\/20:hover {
  background-color: rgb(217 119 6 / 0.2);
}
.hover\:bg-amber-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(180 83 9 / var(--tw-bg-opacity));
}
.hover\:bg-amber-700\/10:hover {
  background-color: rgb(180 83 9 / 0.1);
}
.hover\:bg-amber-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(146 64 14 / var(--tw-bg-opacity));
}
.hover\:bg-amber-800\/30:hover {
  background-color: rgb(146 64 14 / 0.3);
}
.hover\:bg-amber-800\/70:hover {
  background-color: rgb(146 64 14 / 0.7);
}
.hover\:bg-amber-900\/40:hover {
  background-color: rgb(120 53 15 / 0.4);
}
.hover\:bg-amber-900\/50:hover {
  background-color: rgb(120 53 15 / 0.5);
}
.hover\:bg-background:hover {
  background-color: hsl(var(--background));
}
.hover\:bg-background\/20:hover {
  background-color: hsl(var(--background) / 0.2);
}
.hover\:bg-background\/25:hover {
  background-color: hsl(var(--background) / 0.25);
}
.hover\:bg-background\/30:hover {
  background-color: hsl(var(--background) / 0.3);
}
.hover\:bg-background\/50:hover {
  background-color: hsl(var(--background) / 0.5);
}
.hover\:bg-background\/60:hover {
  background-color: hsl(var(--background) / 0.6);
}
.hover\:bg-background\/70:hover {
  background-color: hsl(var(--background) / 0.7);
}
.hover\:bg-background\/80:hover {
  background-color: hsl(var(--background) / 0.8);
}
.hover\:bg-background\/90:hover {
  background-color: hsl(var(--background) / 0.9);
}
.hover\:bg-black:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.hover\:bg-black\/10:hover {
  background-color: rgb(0 0 0 / 0.1);
}
.hover\:bg-black\/15:hover {
  background-color: rgb(0 0 0 / 0.15);
}
.hover\:bg-black\/20:hover {
  background-color: rgb(0 0 0 / 0.2);
}
.hover\:bg-black\/25:hover {
  background-color: rgb(0 0 0 / 0.25);
}
.hover\:bg-black\/30:hover {
  background-color: rgb(0 0 0 / 0.3);
}
.hover\:bg-black\/35:hover {
  background-color: rgb(0 0 0 / 0.35);
}
.hover\:bg-black\/40:hover {
  background-color: rgb(0 0 0 / 0.4);
}
.hover\:bg-black\/5:hover {
  background-color: rgb(0 0 0 / 0.05);
}
.hover\:bg-black\/50:hover {
  background-color: rgb(0 0 0 / 0.5);
}
.hover\:bg-black\/55:hover {
  background-color: rgb(0 0 0 / 0.55);
}
.hover\:bg-black\/60:hover {
  background-color: rgb(0 0 0 / 0.6);
}
.hover\:bg-black\/65:hover {
  background-color: rgb(0 0 0 / 0.65);
}
.hover\:bg-black\/70:hover {
  background-color: rgb(0 0 0 / 0.7);
}
.hover\:bg-black\/75:hover {
  background-color: rgb(0 0 0 / 0.75);
}
.hover\:bg-black\/80:hover {
  background-color: rgb(0 0 0 / 0.8);
}
.hover\:bg-black\/85:hover {
  background-color: rgb(0 0 0 / 0.85);
}
.hover\:bg-black\/90:hover {
  background-color: rgb(0 0 0 / 0.9);
}
.hover\:bg-blue-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(191 219 254 / var(--tw-bg-opacity));
}
.hover\:bg-blue-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity));
}
.hover\:bg-blue-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity));
}
.hover\:bg-blue-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.hover\:bg-blue-500\/10:hover {
  background-color: rgb(59 130 246 / 0.1);
}
.hover\:bg-blue-500\/20:hover {
  background-color: rgb(59 130 246 / 0.2);
}
.hover\:bg-blue-500\/30:hover {
  background-color: rgb(59 130 246 / 0.3);
}
.hover\:bg-blue-500\/50:hover {
  background-color: rgb(59 130 246 / 0.5);
}
.hover\:bg-blue-500\/85:hover {
  background-color: rgb(59 130 246 / 0.85);
}
.hover\:bg-blue-500\/90:hover {
  background-color: rgb(59 130 246 / 0.9);
}
.hover\:bg-blue-500\/\[0\.06\]:hover {
  background-color: rgb(59 130 246 / 0.06);
}
.hover\:bg-blue-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}
.hover\:bg-blue-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity));
}
.hover\:bg-blue-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 64 175 / var(--tw-bg-opacity));
}
.hover\:bg-blue-800\/50:hover {
  background-color: rgb(30 64 175 / 0.5);
}
.hover\:bg-blue-950\/30:hover {
  background-color: rgb(23 37 84 / 0.3);
}
.hover\:bg-blue-950\/40:hover {
  background-color: rgb(23 37 84 / 0.4);
}
.hover\:bg-card:hover {
  background-color: hsl(var(--card));
}
.hover\:bg-card\/30:hover {
  background-color: hsl(var(--card) / 0.3);
}
.hover\:bg-card\/40:hover {
  background-color: hsl(var(--card) / 0.4);
}
.hover\:bg-card\/50:hover {
  background-color: hsl(var(--card) / 0.5);
}
.hover\:bg-card\/60:hover {
  background-color: hsl(var(--card) / 0.6);
}
.hover\:bg-card\/70:hover {
  background-color: hsl(var(--card) / 0.7);
}
.hover\:bg-card\/75:hover {
  background-color: hsl(var(--card) / 0.75);
}
.hover\:bg-card\/80:hover {
  background-color: hsl(var(--card) / 0.8);
}
.hover\:bg-card\/90:hover {
  background-color: hsl(var(--card) / 0.9);
}
.hover\:bg-cyan-300\/30:hover {
  background-color: rgb(103 232 249 / 0.3);
}
.hover\:bg-cyan-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(34 211 238 / var(--tw-bg-opacity));
}
.hover\:bg-cyan-400\/10:hover {
  background-color: rgb(34 211 238 / 0.1);
}
.hover\:bg-cyan-400\/20:hover {
  background-color: rgb(34 211 238 / 0.2);
}
.hover\:bg-cyan-400\/5:hover {
  background-color: rgb(34 211 238 / 0.05);
}
.hover\:bg-cyan-500\/20:hover {
  background-color: rgb(6 182 212 / 0.2);
}
.hover\:bg-cyan-500\/30:hover {
  background-color: rgb(6 182 212 / 0.3);
}
.hover\:bg-cyan-500\/5:hover {
  background-color: rgb(6 182 212 / 0.05);
}
.hover\:bg-cyan-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(14 116 144 / var(--tw-bg-opacity));
}
.hover\:bg-destructive:hover {
  background-color: hsl(var(--destructive));
}
.hover\:bg-destructive\/10:hover {
  background-color: hsl(var(--destructive) / 0.1);
}
.hover\:bg-destructive\/15:hover {
  background-color: hsl(var(--destructive) / 0.15);
}
.hover\:bg-destructive\/20:hover {
  background-color: hsl(var(--destructive) / 0.2);
}
.hover\:bg-destructive\/30:hover {
  background-color: hsl(var(--destructive) / 0.3);
}
.hover\:bg-destructive\/5:hover {
  background-color: hsl(var(--destructive) / 0.05);
}
.hover\:bg-destructive\/80:hover {
  background-color: hsl(var(--destructive) / 0.8);
}
.hover\:bg-destructive\/90:hover {
  background-color: hsl(var(--destructive) / 0.9);
}
.hover\:bg-emerald-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity));
}
.hover\:bg-emerald-400\/5:hover {
  background-color: rgb(52 211 153 / 0.05);
}
.hover\:bg-emerald-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity));
}
.hover\:bg-emerald-500\/10:hover {
  background-color: rgb(16 185 129 / 0.1);
}
.hover\:bg-emerald-500\/20:hover {
  background-color: rgb(16 185 129 / 0.2);
}
.hover\:bg-emerald-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity));
}
.hover\:bg-emerald-600\/30:hover {
  background-color: rgb(5 150 105 / 0.3);
}
.hover\:bg-emerald-600\/90:hover {
  background-color: rgb(5 150 105 / 0.9);
}
.hover\:bg-emerald-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(4 120 87 / var(--tw-bg-opacity));
}
.hover\:bg-emerald-800\/70:hover {
  background-color: rgb(6 95 70 / 0.7);
}
.hover\:bg-emerald-900\/40:hover {
  background-color: rgb(6 78 59 / 0.4);
}
.hover\:bg-emerald-950\/40:hover {
  background-color: rgb(2 44 34 / 0.4);
}
.hover\:bg-emerald-950\/60:hover {
  background-color: rgb(2 44 34 / 0.6);
}
.hover\:bg-foreground:hover {
  background-color: hsl(var(--foreground));
}
.hover\:bg-foreground\/10:hover {
  background-color: hsl(var(--foreground) / 0.1);
}
.hover\:bg-foreground\/15:hover {
  background-color: hsl(var(--foreground) / 0.15);
}
.hover\:bg-foreground\/20:hover {
  background-color: hsl(var(--foreground) / 0.2);
}
.hover\:bg-foreground\/25:hover {
  background-color: hsl(var(--foreground) / 0.25);
}
.hover\:bg-foreground\/30:hover {
  background-color: hsl(var(--foreground) / 0.3);
}
.hover\:bg-foreground\/40:hover {
  background-color: hsl(var(--foreground) / 0.4);
}
.hover\:bg-foreground\/5:hover {
  background-color: hsl(var(--foreground) / 0.05);
}
.hover\:bg-foreground\/80:hover {
  background-color: hsl(var(--foreground) / 0.8);
}
.hover\:bg-foreground\/85:hover {
  background-color: hsl(var(--foreground) / 0.85);
}
.hover\:bg-foreground\/90:hover {
  background-color: hsl(var(--foreground) / 0.9);
}
.hover\:bg-foreground\/\[0\.03\]:hover {
  background-color: hsl(var(--foreground) / 0.03);
}
.hover\:bg-foreground\/\[0\.04\]:hover {
  background-color: hsl(var(--foreground) / 0.04);
}
.hover\:bg-foreground\/\[0\.06\]:hover {
  background-color: hsl(var(--foreground) / 0.06);
}
.hover\:bg-foreground\/\[0\.07\]:hover {
  background-color: hsl(var(--foreground) / 0.07);
}
.hover\:bg-foreground\/\[0\.1\]:hover {
  background-color: hsl(var(--foreground) / 0.1);
}
.hover\:bg-fuchsia-500\/10:hover {
  background-color: rgb(217 70 239 / 0.1);
}
.hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.hover\:bg-gray-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.hover\:bg-gray-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}
.hover\:bg-gray-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}
.hover\:bg-gray-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.hover\:bg-gray-50\/30:hover {
  background-color: rgb(249 250 251 / 0.3);
}
.hover\:bg-gray-50\/50:hover {
  background-color: rgb(249 250 251 / 0.5);
}
.hover\:bg-gray-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
}
.hover\:bg-gray-500\/80:hover {
  background-color: rgb(107 114 128 / 0.8);
}
.hover\:bg-gray-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}
.hover\:bg-gray-600\/50:hover {
  background-color: rgb(75 85 99 / 0.5);
}
.hover\:bg-gray-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
.hover\:bg-gray-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.hover\:bg-gray-800\/50:hover {
  background-color: rgb(31 41 55 / 0.5);
}
.hover\:bg-gray-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}
.hover\:bg-green-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity));
}
.hover\:bg-green-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity));
}
.hover\:bg-green-500\/20:hover {
  background-color: rgb(34 197 94 / 0.2);
}
.hover\:bg-green-500\/30:hover {
  background-color: rgb(34 197 94 / 0.3);
}
.hover\:bg-green-500\/85:hover {
  background-color: rgb(34 197 94 / 0.85);
}
.hover\:bg-green-500\/90:hover {
  background-color: rgb(34 197 94 / 0.9);
}
.hover\:bg-green-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity));
}
.hover\:bg-green-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity));
}
.hover\:bg-green-900\/40:hover {
  background-color: rgb(20 83 45 / 0.4);
}
.hover\:bg-indigo-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity));
}
.hover\:bg-indigo-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity));
}
.hover\:bg-indigo-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(67 56 202 / var(--tw-bg-opacity));
}
.hover\:bg-indigo-900\/60:hover {
  background-color: rgb(49 46 129 / 0.6);
}
.hover\:bg-indigo-900\/70:hover {
  background-color: rgb(49 46 129 / 0.7);
}
.hover\:bg-indigo-950\/45:hover {
  background-color: rgb(30 27 75 / 0.45);
}
.hover\:bg-input\/30:hover {
  background-color: hsl(var(--input) / 0.3);
}
.hover\:bg-muted:hover {
  background-color: hsl(var(--muted));
}
.hover\:bg-muted-foreground:hover {
  background-color: hsl(var(--muted-foreground));
}
.hover\:bg-muted-foreground\/10:hover {
  background-color: hsl(var(--muted-foreground) / 0.1);
}
.hover\:bg-muted-foreground\/20:hover {
  background-color: hsl(var(--muted-foreground) / 0.2);
}
.hover\:bg-muted-foreground\/30:hover {
  background-color: hsl(var(--muted-foreground) / 0.3);
}
.hover\:bg-muted-foreground\/40:hover {
  background-color: hsl(var(--muted-foreground) / 0.4);
}
.hover\:bg-muted-foreground\/50:hover {
  background-color: hsl(var(--muted-foreground) / 0.5);
}
.hover\:bg-muted-foreground\/60:hover {
  background-color: hsl(var(--muted-foreground) / 0.6);
}
.hover\:bg-muted\/10:hover {
  background-color: hsl(var(--muted) / 0.1);
}
.hover\:bg-muted\/15:hover {
  background-color: hsl(var(--muted) / 0.15);
}
.hover\:bg-muted\/20:hover {
  background-color: hsl(var(--muted) / 0.2);
}
.hover\:bg-muted\/25:hover {
  background-color: hsl(var(--muted) / 0.25);
}
.hover\:bg-muted\/30:hover {
  background-color: hsl(var(--muted) / 0.3);
}
.hover\:bg-muted\/35:hover {
  background-color: hsl(var(--muted) / 0.35);
}
.hover\:bg-muted\/40:hover {
  background-color: hsl(var(--muted) / 0.4);
}
.hover\:bg-muted\/50:hover {
  background-color: hsl(var(--muted) / 0.5);
}
.hover\:bg-muted\/60:hover {
  background-color: hsl(var(--muted) / 0.6);
}
.hover\:bg-muted\/70:hover {
  background-color: hsl(var(--muted) / 0.7);
}
.hover\:bg-muted\/80:hover {
  background-color: hsl(var(--muted) / 0.8);
}
.hover\:bg-neutral-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
.hover\:bg-neutral-100\/80:hover {
  background-color: rgb(245 245 245 / 0.8);
}
.hover\:bg-neutral-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 229 / var(--tw-bg-opacity));
}
.hover\:bg-neutral-200\/80:hover {
  background-color: rgb(229 229 229 / 0.8);
}
.hover\:bg-neutral-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(212 212 212 / var(--tw-bg-opacity));
}
.hover\:bg-neutral-400\/50:hover {
  background-color: rgb(163 163 163 / 0.5);
}
.hover\:bg-neutral-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
.hover\:bg-neutral-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(82 82 82 / var(--tw-bg-opacity));
}
.hover\:bg-neutral-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(64 64 64 / var(--tw-bg-opacity));
}
.hover\:bg-neutral-700\/20:hover {
  background-color: rgb(64 64 64 / 0.2);
}
.hover\:bg-neutral-700\/40:hover {
  background-color: rgb(64 64 64 / 0.4);
}
.hover\:bg-neutral-700\/50:hover {
  background-color: rgb(64 64 64 / 0.5);
}
.hover\:bg-neutral-700\/60:hover {
  background-color: rgb(64 64 64 / 0.6);
}
.hover\:bg-neutral-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
}
.hover\:bg-neutral-800\/30:hover {
  background-color: rgb(38 38 38 / 0.3);
}
.hover\:bg-neutral-800\/40:hover {
  background-color: rgb(38 38 38 / 0.4);
}
.hover\:bg-neutral-800\/50:hover {
  background-color: rgb(38 38 38 / 0.5);
}
.hover\:bg-neutral-800\/60:hover {
  background-color: rgb(38 38 38 / 0.6);
}
.hover\:bg-neutral-800\/80:hover {
  background-color: rgb(38 38 38 / 0.8);
}
.hover\:bg-neutral-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(23 23 23 / var(--tw-bg-opacity));
}
.hover\:bg-neutral-900\/40:hover {
  background-color: rgb(23 23 23 / 0.4);
}
.hover\:bg-neutral-900\/5:hover {
  background-color: rgb(23 23 23 / 0.05);
}
.hover\:bg-neutral-900\/60:hover {
  background-color: rgb(23 23 23 / 0.6);
}
.hover\:bg-neutral-950\/10:hover {
  background-color: rgb(10 10 10 / 0.1);
}
.hover\:bg-notion-blue-hover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(27 104 184 / var(--tw-bg-opacity));
}
.hover\:bg-notion-border:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(55 55 55 / var(--tw-bg-opacity));
}
.hover\:bg-notion-green-hover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(38 138 94 / var(--tw-bg-opacity));
}
.hover\:bg-notion-hover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(47 47 47 / var(--tw-bg-opacity));
}
.hover\:bg-notion-hover\/10:hover {
  background-color: rgb(47 47 47 / 0.1);
}
.hover\:bg-notion-hover\/20:hover {
  background-color: rgb(47 47 47 / 0.2);
}
.hover\:bg-notion-hover\/30:hover {
  background-color: rgb(47 47 47 / 0.3);
}
.hover\:bg-notion-hover\/40:hover {
  background-color: rgb(47 47 47 / 0.4);
}
.hover\:bg-notion-hover\/50:hover {
  background-color: rgb(47 47 47 / 0.5);
}
.hover\:bg-notion-red\/10:hover {
  background-color: rgb(226 85 83 / 0.1);
}
.hover\:bg-orange-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity));
}
.hover\:bg-orange-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 146 60 / var(--tw-bg-opacity));
}
.hover\:bg-orange-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity));
}
.hover\:bg-orange-500\/10:hover {
  background-color: rgb(249 115 22 / 0.1);
}
.hover\:bg-orange-500\/85:hover {
  background-color: rgb(249 115 22 / 0.85);
}
.hover\:bg-orange-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
}
.hover\:bg-orange-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(194 65 12 / var(--tw-bg-opacity));
}
.hover\:bg-orange-900\/70:hover {
  background-color: rgb(124 45 18 / 0.7);
}
.hover\:bg-orange-950:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(67 20 7 / var(--tw-bg-opacity));
}
.hover\:bg-orange-950\/30:hover {
  background-color: rgb(67 20 7 / 0.3);
}
.hover\:bg-pink-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(253 242 248 / var(--tw-bg-opacity));
}
.hover\:bg-pink-500\/20:hover {
  background-color: rgb(236 72 153 / 0.2);
}
.hover\:bg-pink-500\/85:hover {
  background-color: rgb(236 72 153 / 0.85);
}
.hover\:bg-pink-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(219 39 119 / var(--tw-bg-opacity));
}
.hover\:bg-pink-900\/70:hover {
  background-color: rgb(131 24 67 / 0.7);
}
.hover\:bg-pink-950\/30:hover {
  background-color: rgb(80 7 36 / 0.3);
}
.hover\:bg-popover:hover {
  background-color: hsl(var(--popover));
}
.hover\:bg-popover\/70:hover {
  background-color: hsl(var(--popover) / 0.7);
}
.hover\:bg-primary:hover {
  background-color: hsl(var(--primary));
}
.hover\:bg-primary-foreground\/20:hover {
  background-color: hsl(var(--primary-foreground) / 0.2);
}
.hover\:bg-primary\/10:hover {
  background-color: hsl(var(--primary) / 0.1);
}
.hover\:bg-primary\/15:hover {
  background-color: hsl(var(--primary) / 0.15);
}
.hover\:bg-primary\/20:hover {
  background-color: hsl(var(--primary) / 0.2);
}
.hover\:bg-primary\/25:hover {
  background-color: hsl(var(--primary) / 0.25);
}
.hover\:bg-primary\/30:hover {
  background-color: hsl(var(--primary) / 0.3);
}
.hover\:bg-primary\/35:hover {
  background-color: hsl(var(--primary) / 0.35);
}
.hover\:bg-primary\/40:hover {
  background-color: hsl(var(--primary) / 0.4);
}
.hover\:bg-primary\/5:hover {
  background-color: hsl(var(--primary) / 0.05);
}
.hover\:bg-primary\/50:hover {
  background-color: hsl(var(--primary) / 0.5);
}
.hover\:bg-primary\/60:hover {
  background-color: hsl(var(--primary) / 0.6);
}
.hover\:bg-primary\/80:hover {
  background-color: hsl(var(--primary) / 0.8);
}
.hover\:bg-primary\/90:hover {
  background-color: hsl(var(--primary) / 0.9);
}
.hover\:bg-primary\/\[0\.09\]:hover {
  background-color: hsl(var(--primary) / 0.09);
}
.hover\:bg-purple-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(233 213 255 / var(--tw-bg-opacity));
}
.hover\:bg-purple-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(192 132 252 / var(--tw-bg-opacity));
}
.hover\:bg-purple-500\/10:hover {
  background-color: rgb(168 85 247 / 0.1);
}
.hover\:bg-purple-500\/20:hover {
  background-color: rgb(168 85 247 / 0.2);
}
.hover\:bg-purple-500\/85:hover {
  background-color: rgb(168 85 247 / 0.85);
}
.hover\:bg-purple-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(147 51 234 / var(--tw-bg-opacity));
}
.hover\:bg-purple-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(126 34 206 / var(--tw-bg-opacity));
}
.hover\:bg-purple-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(107 33 168 / var(--tw-bg-opacity));
}
.hover\:bg-purple-800\/50:hover {
  background-color: rgb(107 33 168 / 0.5);
}
.hover\:bg-purple-950\/30:hover {
  background-color: rgb(59 7 100 / 0.3);
}
.hover\:bg-red-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
}
.hover\:bg-red-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 202 202 / var(--tw-bg-opacity));
}
.hover\:bg-red-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / var(--tw-bg-opacity));
}
.hover\:bg-red-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
}
.hover\:bg-red-50\/80:hover {
  background-color: rgb(254 242 242 / 0.8);
}
.hover\:bg-red-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}
.hover\:bg-red-500\/10:hover {
  background-color: rgb(239 68 68 / 0.1);
}
.hover\:bg-red-500\/15:hover {
  background-color: rgb(239 68 68 / 0.15);
}
.hover\:bg-red-500\/20:hover {
  background-color: rgb(239 68 68 / 0.2);
}
.hover\:bg-red-500\/30:hover {
  background-color: rgb(239 68 68 / 0.3);
}
.hover\:bg-red-500\/5:hover {
  background-color: rgb(239 68 68 / 0.05);
}
.hover\:bg-red-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}
.hover\:bg-red-600\/20:hover {
  background-color: rgb(220 38 38 / 0.2);
}
.hover\:bg-red-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity));
}
.hover\:bg-red-800\/50:hover {
  background-color: rgb(153 27 27 / 0.5);
}
.hover\:bg-red-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / var(--tw-bg-opacity));
}
.hover\:bg-red-900\/30:hover {
  background-color: rgb(127 29 29 / 0.3);
}
.hover\:bg-red-900\/40:hover {
  background-color: rgb(127 29 29 / 0.4);
}
.hover\:bg-red-900\/50:hover {
  background-color: rgb(127 29 29 / 0.5);
}
.hover\:bg-red-950:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(69 10 10 / var(--tw-bg-opacity));
}
.hover\:bg-red-950\/20:hover {
  background-color: rgb(69 10 10 / 0.2);
}
.hover\:bg-red-950\/30:hover {
  background-color: rgb(69 10 10 / 0.3);
}
.hover\:bg-red-950\/40:hover {
  background-color: rgb(69 10 10 / 0.4);
}
.hover\:bg-red-950\/70:hover {
  background-color: rgb(69 10 10 / 0.7);
}
.hover\:bg-red-950\/80:hover {
  background-color: rgb(69 10 10 / 0.8);
}
.hover\:bg-rose-400\/15:hover {
  background-color: rgb(251 113 133 / 0.15);
}
.hover\:bg-rose-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity));
}
.hover\:bg-rose-500\/10:hover {
  background-color: rgb(244 63 94 / 0.1);
}
.hover\:bg-rose-500\/15:hover {
  background-color: rgb(244 63 94 / 0.15);
}
.hover\:bg-rose-500\/20:hover {
  background-color: rgb(244 63 94 / 0.2);
}
.hover\:bg-rose-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(225 29 72 / var(--tw-bg-opacity));
}
.hover\:bg-rose-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(190 18 60 / var(--tw-bg-opacity));
}
.hover\:bg-rose-800\/70:hover {
  background-color: rgb(159 18 57 / 0.7);
}
.hover\:bg-rose-900\/30:hover {
  background-color: rgb(136 19 55 / 0.3);
}
.hover\:bg-rose-900\/40:hover {
  background-color: rgb(136 19 55 / 0.4);
}
.hover\:bg-rose-950:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(76 5 25 / var(--tw-bg-opacity));
}
.hover\:bg-rose-950\/10:hover {
  background-color: rgb(76 5 25 / 0.1);
}
.hover\:bg-rose-950\/20:hover {
  background-color: rgb(76 5 25 / 0.2);
}
.hover\:bg-rose-950\/40:hover {
  background-color: rgb(76 5 25 / 0.4);
}
.hover\:bg-rose-950\/50:hover {
  background-color: rgb(76 5 25 / 0.5);
}
.hover\:bg-rose-950\/60:hover {
  background-color: rgb(76 5 25 / 0.6);
}
.hover\:bg-secondary:hover {
  background-color: hsl(var(--secondary));
}
.hover\:bg-secondary\/10:hover {
  background-color: hsl(var(--secondary) / 0.1);
}
.hover\:bg-secondary\/20:hover {
  background-color: hsl(var(--secondary) / 0.2);
}
.hover\:bg-secondary\/25:hover {
  background-color: hsl(var(--secondary) / 0.25);
}
.hover\:bg-secondary\/30:hover {
  background-color: hsl(var(--secondary) / 0.3);
}
.hover\:bg-secondary\/40:hover {
  background-color: hsl(var(--secondary) / 0.4);
}
.hover\:bg-secondary\/50:hover {
  background-color: hsl(var(--secondary) / 0.5);
}
.hover\:bg-secondary\/60:hover {
  background-color: hsl(var(--secondary) / 0.6);
}
.hover\:bg-secondary\/70:hover {
  background-color: hsl(var(--secondary) / 0.7);
}
.hover\:bg-secondary\/80:hover {
  background-color: hsl(var(--secondary) / 0.8);
}
.hover\:bg-secondary\/90:hover {
  background-color: hsl(var(--secondary) / 0.9);
}
.hover\:bg-sidebar-accent:hover {
  background-color: hsl(var(--sidebar-accent));
}
.hover\:bg-sidebar-accent\/40:hover {
  background-color: hsl(var(--sidebar-accent) / 0.4);
}
.hover\:bg-sidebar-accent\/45:hover {
  background-color: hsl(var(--sidebar-accent) / 0.45);
}
.hover\:bg-sidebar-accent\/50:hover {
  background-color: hsl(var(--sidebar-accent) / 0.5);
}
.hover\:bg-sidebar-accent\/60:hover {
  background-color: hsl(var(--sidebar-accent) / 0.6);
}
.hover\:bg-sidebar-accent\/80:hover {
  background-color: hsl(var(--sidebar-accent) / 0.8);
}
.hover\:bg-sidebar-primary:hover {
  background-color: hsl(var(--sidebar-primary));
}
.hover\:bg-sidebar-primary\/15:hover {
  background-color: hsl(var(--sidebar-primary) / 0.15);
}
.hover\:bg-sidebar-primary\/90:hover {
  background-color: hsl(var(--sidebar-primary) / 0.9);
}
.hover\:bg-sidebar\/50:hover {
  background-color: hsl(var(--sidebar) / 0.5);
}
.hover\:bg-sky-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(224 242 254 / var(--tw-bg-opacity));
}
.hover\:bg-sky-300\/25:hover {
  background-color: rgb(125 211 252 / 0.25);
}
.hover\:bg-sky-400\/15:hover {
  background-color: rgb(56 189 248 / 0.15);
}
.hover\:bg-sky-400\/20:hover {
  background-color: rgb(56 189 248 / 0.2);
}
.hover\:bg-sky-500\/30:hover {
  background-color: rgb(14 165 233 / 0.3);
}
.hover\:bg-sky-800\/70:hover {
  background-color: rgb(7 89 133 / 0.7);
}
.hover\:bg-sky-950\/60:hover {
  background-color: rgb(8 47 73 / 0.6);
}
.hover\:bg-slate-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}
.hover\:bg-slate-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}
.hover\:bg-slate-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
}
.hover\:bg-slate-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}
.hover\:bg-slate-700\/50:hover {
  background-color: rgb(51 65 85 / 0.5);
}
.hover\:bg-slate-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}
.hover\:bg-slate-800\/70:hover {
  background-color: rgb(30 41 59 / 0.7);
}
.hover\:bg-slate-800\/80:hover {
  background-color: rgb(30 41 59 / 0.8);
}
.hover\:bg-stone-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 244 / var(--tw-bg-opacity));
}
.hover\:bg-stone-100\/30:hover {
  background-color: rgb(245 245 244 / 0.3);
}
.hover\:bg-stone-100\/50:hover {
  background-color: rgb(245 245 244 / 0.5);
}
.hover\:bg-stone-100\/60:hover {
  background-color: rgb(245 245 244 / 0.6);
}
.hover\:bg-stone-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(231 229 228 / var(--tw-bg-opacity));
}
.hover\:bg-stone-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 249 / var(--tw-bg-opacity));
}
.hover\:bg-stone-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(68 64 60 / var(--tw-bg-opacity));
}
.hover\:bg-stone-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(41 37 36 / var(--tw-bg-opacity));
}
.hover\:bg-surface-hover:hover {
  background-color: var(--aether-surface-hover);
}
.hover\:bg-teal-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(204 251 241 / var(--tw-bg-opacity));
}
.hover\:bg-teal-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(20 184 166 / var(--tw-bg-opacity));
}
.hover\:bg-teal-500\/10:hover {
  background-color: rgb(20 184 166 / 0.1);
}
.hover\:bg-teal-500\/15:hover {
  background-color: rgb(20 184 166 / 0.15);
}
.hover\:bg-teal-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(13 148 136 / var(--tw-bg-opacity));
}
.hover\:bg-teal-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(15 118 110 / var(--tw-bg-opacity));
}
.hover\:bg-teal-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(17 94 89 / var(--tw-bg-opacity));
}
.hover\:bg-teal-800\/10:hover {
  background-color: rgb(17 94 89 / 0.1);
}
.hover\:bg-teal-800\/50:hover {
  background-color: rgb(17 94 89 / 0.5);
}
.hover\:bg-teal-900\/50:hover {
  background-color: rgb(19 78 74 / 0.5);
}
.hover\:bg-teal-900\/70:hover {
  background-color: rgb(19 78 74 / 0.7);
}
.hover\:bg-teal-900\/80:hover {
  background-color: rgb(19 78 74 / 0.8);
}
.hover\:bg-teal-950:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(4 47 46 / var(--tw-bg-opacity));
}
.hover\:bg-teal-950\/40:hover {
  background-color: rgb(4 47 46 / 0.4);
}
.hover\:bg-teal-950\/60:hover {
  background-color: rgb(4 47 46 / 0.6);
}
.hover\:bg-transparent:hover {
  background-color: transparent;
}
.hover\:bg-violet-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(139 92 246 / var(--tw-bg-opacity));
}
.hover\:bg-violet-500\/20:hover {
  background-color: rgb(139 92 246 / 0.2);
}
.hover\:bg-violet-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(109 40 217 / var(--tw-bg-opacity));
}
.hover\:bg-violet-800\/70:hover {
  background-color: rgb(91 33 182 / 0.7);
}
.hover\:bg-violet-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(76 29 149 / var(--tw-bg-opacity));
}
.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.hover\:bg-white\/10:hover {
  background-color: rgb(255 255 255 / 0.1);
}
.hover\:bg-white\/15:hover {
  background-color: rgb(255 255 255 / 0.15);
}
.hover\:bg-white\/20:hover {
  background-color: rgb(255 255 255 / 0.2);
}
.hover\:bg-white\/25:hover {
  background-color: rgb(255 255 255 / 0.25);
}
.hover\:bg-white\/30:hover {
  background-color: rgb(255 255 255 / 0.3);
}
.hover\:bg-white\/35:hover {
  background-color: rgb(255 255 255 / 0.35);
}
.hover\:bg-white\/40:hover {
  background-color: rgb(255 255 255 / 0.4);
}
.hover\:bg-white\/45:hover {
  background-color: rgb(255 255 255 / 0.45);
}
.hover\:bg-white\/5:hover {
  background-color: rgb(255 255 255 / 0.05);
}
.hover\:bg-white\/50:hover {
  background-color: rgb(255 255 255 / 0.5);
}
.hover\:bg-white\/60:hover {
  background-color: rgb(255 255 255 / 0.6);
}
.hover\:bg-white\/70:hover {
  background-color: rgb(255 255 255 / 0.7);
}
.hover\:bg-white\/75:hover {
  background-color: rgb(255 255 255 / 0.75);
}
.hover\:bg-white\/80:hover {
  background-color: rgb(255 255 255 / 0.8);
}
.hover\:bg-white\/90:hover {
  background-color: rgb(255 255 255 / 0.9);
}
.hover\:bg-white\/\[0\.025\]:hover {
  background-color: rgb(255 255 255 / 0.025);
}
.hover\:bg-white\/\[0\.02\]:hover {
  background-color: rgb(255 255 255 / 0.02);
}
.hover\:bg-white\/\[0\.03\]:hover {
  background-color: rgb(255 255 255 / 0.03);
}
.hover\:bg-white\/\[0\.04\]:hover {
  background-color: rgb(255 255 255 / 0.04);
}
.hover\:bg-white\/\[0\.05\]:hover {
  background-color: rgb(255 255 255 / 0.05);
}
.hover\:bg-white\/\[0\.06\]:hover {
  background-color: rgb(255 255 255 / 0.06);
}
.hover\:bg-white\/\[0\.07\]:hover {
  background-color: rgb(255 255 255 / 0.07);
}
.hover\:bg-white\/\[0\.08\]:hover {
  background-color: rgb(255 255 255 / 0.08);
}
.hover\:bg-white\/\[0\.09\]:hover {
  background-color: rgb(255 255 255 / 0.09);
}
.hover\:bg-white\/\[0\.10\]:hover {
  background-color: rgb(255 255 255 / 0.10);
}
.hover\:bg-white\/\[0\.12\]:hover {
  background-color: rgb(255 255 255 / 0.12);
}
.hover\:bg-white\/\[0\.14\]:hover {
  background-color: rgb(255 255 255 / 0.14);
}
.hover\:bg-white\/\[0\.16\]:hover {
  background-color: rgb(255 255 255 / 0.16);
}
.hover\:bg-white\/\[0\.1\]:hover {
  background-color: rgb(255 255 255 / 0.1);
}
.hover\:bg-workflow-node-input:hover {
  background-color: hsl(var(--workflow-node-input));
}
.hover\:bg-workflow-surface-hover:hover {
  background-color: hsl(var(--workflow-surface-hover));
}
.hover\:bg-yellow-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / var(--tw-bg-opacity));
}
.hover\:bg-yellow-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 240 138 / var(--tw-bg-opacity));
}
.hover\:bg-yellow-300\/10:hover {
  background-color: rgb(253 224 71 / 0.1);
}
.hover\:bg-yellow-300\/5:hover {
  background-color: rgb(253 224 71 / 0.05);
}
.hover\:bg-yellow-400\/85:hover {
  background-color: rgb(250 204 21 / 0.85);
}
.hover\:bg-yellow-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity));
}
.hover\:bg-yellow-500\/20:hover {
  background-color: rgb(234 179 8 / 0.2);
}
.hover\:bg-yellow-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(202 138 4 / var(--tw-bg-opacity));
}
.hover\:bg-yellow-950\/30:hover {
  background-color: rgb(66 32 6 / 0.3);
}
.hover\:bg-zinc-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 245 / var(--tw-bg-opacity));
}
.hover\:bg-zinc-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(228 228 231 / var(--tw-bg-opacity));
}
.hover\:bg-zinc-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(161 161 170 / var(--tw-bg-opacity));
}
.hover\:bg-zinc-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
.hover\:bg-zinc-50\/70:hover {
  background-color: rgb(250 250 250 / 0.7);
}
.hover\:bg-zinc-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(113 113 122 / var(--tw-bg-opacity));
}
.hover\:bg-zinc-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(82 82 91 / var(--tw-bg-opacity));
}
.hover\:bg-zinc-600\/50:hover {
  background-color: rgb(82 82 91 / 0.5);
}
.hover\:bg-zinc-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(63 63 70 / var(--tw-bg-opacity));
}
.hover\:bg-zinc-700\/50:hover {
  background-color: rgb(63 63 70 / 0.5);
}
.hover\:bg-zinc-700\/80:hover {
  background-color: rgb(63 63 70 / 0.8);
}
.hover\:bg-zinc-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(39 39 42 / var(--tw-bg-opacity));
}
.hover\:bg-zinc-800\/25:hover {
  background-color: rgb(39 39 42 / 0.25);
}
.hover\:bg-zinc-800\/30:hover {
  background-color: rgb(39 39 42 / 0.3);
}
.hover\:bg-zinc-800\/35:hover {
  background-color: rgb(39 39 42 / 0.35);
}
.hover\:bg-zinc-800\/50:hover {
  background-color: rgb(39 39 42 / 0.5);
}
.hover\:bg-zinc-800\/60:hover {
  background-color: rgb(39 39 42 / 0.6);
}
.hover\:bg-zinc-800\/80:hover {
  background-color: rgb(39 39 42 / 0.8);
}
.hover\:bg-zinc-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 27 / var(--tw-bg-opacity));
}
.hover\:bg-zinc-900\/30:hover {
  background-color: rgb(24 24 27 / 0.3);
}
.hover\:bg-zinc-900\/60:hover {
  background-color: rgb(24 24 27 / 0.6);
}
.hover\:bg-zinc-950:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(9 9 11 / var(--tw-bg-opacity));
}
.hover\:bg-zinc-950\/90:hover {
  background-color: rgb(9 9 11 / 0.9);
}
.hover\:bg-opacity-20:hover {
  --tw-bg-opacity: 0.2;
}
.hover\:bg-opacity-80:hover {
  --tw-bg-opacity: 0.8;
}
.hover\:bg-opacity-90:hover {
  --tw-bg-opacity: 0.9;
}
.hover\:from-\[\#5aa0ff\]:hover {
  --tw-gradient-from: #5aa0ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(90 160 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-amber-700:hover {
  --tw-gradient-from: #b45309 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(180 83 9 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-blue-700:hover {
  --tw-gradient-from: #1d4ed8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(29 78 216 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-cyan-600:hover {
  --tw-gradient-from: #0891b2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(8 145 178 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-gray-100:hover {
  --tw-gradient-from: #f3f4f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(243 244 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-gray-200:hover {
  --tw-gradient-from: #e5e7eb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(229 231 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-green-700:hover {
  --tw-gradient-from: #15803d var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(21 128 61 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-muted\/85:hover {
  --tw-gradient-from: hsl(var(--muted) / 0.85) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-orange-700:hover {
  --tw-gradient-from: #c2410c var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(194 65 12 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-pink-600:hover {
  --tw-gradient-from: #db2777 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(219 39 119 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-primary\/20:hover {
  --tw-gradient-from: hsl(var(--primary) / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-primary\/90:hover {
  --tw-gradient-from: hsl(var(--primary) / 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-purple-700:hover {
  --tw-gradient-from: #7e22ce var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(126 34 206 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-rose-700:hover {
  --tw-gradient-from: #be123c var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(190 18 60 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-teal-700:hover {
  --tw-gradient-from: #0f766e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(15 118 110 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-violet-700:hover {
  --tw-gradient-from: #6d28d9 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(109 40 217 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-yellow-600:hover {
  --tw-gradient-from: #ca8a04 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(202 138 4 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-zinc-200:hover {
  --tw-gradient-from: #e4e4e7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(228 228 231 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-zinc-700:hover {
  --tw-gradient-from: #3f3f46 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(63 63 70 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-zinc-800:hover {
  --tw-gradient-from: #27272a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(39 39 42 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:to-\[\#2060ff\]:hover {
  --tw-gradient-to: #2060ff var(--tw-gradient-to-position);
}
.hover\:to-accent\/20:hover {
  --tw-gradient-to: hsl(var(--accent) / 0.2) var(--tw-gradient-to-position);
}
.hover\:to-blue-400:hover {
  --tw-gradient-to: #60a5fa var(--tw-gradient-to-position);
}
.hover\:to-blue-600:hover {
  --tw-gradient-to: #2563eb var(--tw-gradient-to-position);
}
.hover\:to-blue-700:hover {
  --tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position);
}
.hover\:to-cyan-700:hover {
  --tw-gradient-to: #0e7490 var(--tw-gradient-to-position);
}
.hover\:to-emerald-700:hover {
  --tw-gradient-to: #047857 var(--tw-gradient-to-position);
}
.hover\:to-gray-200:hover {
  --tw-gradient-to: #e5e7eb var(--tw-gradient-to-position);
}
.hover\:to-gray-300:hover {
  --tw-gradient-to: #d1d5db var(--tw-gradient-to-position);
}
.hover\:to-indigo-700:hover {
  --tw-gradient-to: #4338ca var(--tw-gradient-to-position);
}
.hover\:to-muted\/40:hover {
  --tw-gradient-to: hsl(var(--muted) / 0.4) var(--tw-gradient-to-position);
}
.hover\:to-orange-600:hover {
  --tw-gradient-to: #ea580c var(--tw-gradient-to-position);
}
.hover\:to-pink-700:hover {
  --tw-gradient-to: #be185d var(--tw-gradient-to-position);
}
.hover\:to-primary\/80:hover {
  --tw-gradient-to: hsl(var(--primary) / 0.8) var(--tw-gradient-to-position);
}
.hover\:to-purple-600:hover {
  --tw-gradient-to: #9333ea var(--tw-gradient-to-position);
}
.hover\:to-purple-700:hover {
  --tw-gradient-to: #7e22ce var(--tw-gradient-to-position);
}
.hover\:to-red-700:hover {
  --tw-gradient-to: #b91c1c var(--tw-gradient-to-position);
}
.hover\:to-violet-700:hover {
  --tw-gradient-to: #6d28d9 var(--tw-gradient-to-position);
}
.hover\:to-yellow-700:hover {
  --tw-gradient-to: #a16207 var(--tw-gradient-to-position);
}
.hover\:to-zinc-300:hover {
  --tw-gradient-to: #d4d4d8 var(--tw-gradient-to-position);
}
.hover\:to-zinc-700:hover {
  --tw-gradient-to: #3f3f46 var(--tw-gradient-to-position);
}
.hover\:to-zinc-800:hover {
  --tw-gradient-to: #27272a var(--tw-gradient-to-position);
}
.hover\:fill-destructive\/20:hover {
  fill: hsl(var(--destructive) / 0.2);
}
.hover\:fill-primary\/80:hover {
  fill: hsl(var(--primary) / 0.8);
}
.hover\:fill-white\/5:hover {
  fill: rgb(255 255 255 / 0.05);
}
.hover\:stroke-destructive\/50:hover {
  stroke: hsl(var(--destructive) / 0.5);
}
.hover\:stroke-muted\/40:hover {
  stroke: hsl(var(--muted) / 0.4);
}
.hover\:stroke-\[15px\]:hover {
  stroke-width: 15px;
}
.hover\:stroke-\[3px\]:hover {
  stroke-width: 3px;
}
.hover\:pl-1:hover {
  padding-left: 0.25rem;
}
.hover\:pl-3:hover {
  padding-left: 0.75rem;
}
.hover\:pl-5:hover {
  padding-left: 1.25rem;
}
.hover\:pr-1:hover {
  padding-right: 0.25rem;
}
.hover\:pt-1:hover {
  padding-top: 0.25rem;
}
.hover\:\!text-red-300:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(252 165 165 / var(--tw-text-opacity)) !important;
}
.hover\:text-\[\#01cdfe\]:hover {
  --tw-text-opacity: 1;
  color: rgb(1 205 254 / var(--tw-text-opacity));
}
.hover\:text-\[\#0D0D0D\]:hover {
  --tw-text-opacity: 1;
  color: rgb(13 13 13 / var(--tw-text-opacity));
}
.hover\:text-\[\#10a37f\]:hover {
  --tw-text-opacity: 1;
  color: rgb(16 163 127 / var(--tw-text-opacity));
}
.hover\:text-\[\#128a6c\]:hover {
  --tw-text-opacity: 1;
  color: rgb(18 138 108 / var(--tw-text-opacity));
}
.hover\:text-\[\#1a1a1a\]:hover {
  --tw-text-opacity: 1;
  color: rgb(26 26 26 / var(--tw-text-opacity));
}
.hover\:text-\[\#1e272e\]:hover {
  --tw-text-opacity: 1;
  color: rgb(30 39 46 / var(--tw-text-opacity));
}
.hover\:text-\[\#33bae8\]:hover {
  --tw-text-opacity: 1;
  color: rgb(51 186 232 / var(--tw-text-opacity));
}
.hover\:text-\[\#4ecdc4\]\/80:hover {
  color: rgb(78 205 196 / 0.8);
}
.hover\:text-\[\#666\]:hover {
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity));
}
.hover\:text-\[\#79b8ff\]:hover {
  --tw-text-opacity: 1;
  color: rgb(121 184 255 / var(--tw-text-opacity));
}
.hover\:text-\[\#888\]:hover {
  --tw-text-opacity: 1;
  color: rgb(136 136 136 / var(--tw-text-opacity));
}
.hover\:text-\[\#D9FE00\]:hover {
  --tw-text-opacity: 1;
  color: rgb(217 254 0 / var(--tw-text-opacity));
}
.hover\:text-\[\#FF6B00\]:hover {
  --tw-text-opacity: 1;
  color: rgb(255 107 0 / var(--tw-text-opacity));
}
.hover\:text-\[\#c4956a\]:hover {
  --tw-text-opacity: 1;
  color: rgb(196 149 106 / var(--tw-text-opacity));
}
.hover\:text-\[\#c4b8a8\]:hover {
  --tw-text-opacity: 1;
  color: rgb(196 184 168 / var(--tw-text-opacity));
}
.hover\:text-\[\#deddda\]:hover {
  --tw-text-opacity: 1;
  color: rgb(222 221 218 / var(--tw-text-opacity));
}
.hover\:text-\[\#e0e0e0\]:hover {
  --tw-text-opacity: 1;
  color: rgb(224 224 224 / var(--tw-text-opacity));
}
.hover\:text-\[\#e6e6e6\]:hover {
  --tw-text-opacity: 1;
  color: rgb(230 230 230 / var(--tw-text-opacity));
}
.hover\:text-\[\#e8dfd4\]:hover {
  --tw-text-opacity: 1;
  color: rgb(232 223 212 / var(--tw-text-opacity));
}
.hover\:text-\[\#e8e6e3\]:hover {
  --tw-text-opacity: 1;
  color: rgb(232 230 227 / var(--tw-text-opacity));
}
.hover\:text-\[\#ebebf5\]:hover {
  --tw-text-opacity: 1;
  color: rgb(235 235 245 / var(--tw-text-opacity));
}
.hover\:text-\[\#f0a060\]:hover {
  --tw-text-opacity: 1;
  color: rgb(240 160 96 / var(--tw-text-opacity));
}
.hover\:text-\[\#f0f1f3\]:hover {
  --tw-text-opacity: 1;
  color: rgb(240 241 243 / var(--tw-text-opacity));
}
.hover\:text-\[\#f1f1f1\]:hover {
  --tw-text-opacity: 1;
  color: rgb(241 241 241 / var(--tw-text-opacity));
}
.hover\:text-\[color\:var\(--bjork-accent\)\]:hover {
  color: var(--bjork-accent);
}
.hover\:text-\[color\:var\(--bjork-text\)\]:hover {
  color: var(--bjork-text);
}
.hover\:text-\[hsl\(var\(--accent-foreground\)\)\]:hover {
  color: hsl(var(--accent-foreground));
}
.hover\:text-\[hsl\(var\(--foreground\)\)\]:hover {
  color: hsl(var(--foreground));
}
.hover\:text-\[hsl\(var\(--linear-accent\)\)\]:hover {
  color: hsl(var(--linear-accent));
}
.hover\:text-\[hsl\(var\(--linear-text\)\)\]:hover {
  color: hsl(var(--linear-text));
}
.hover\:text-\[hsl\(var\(--linear-text-muted\)\)\]:hover {
  color: hsl(var(--linear-text-muted));
}
.hover\:text-\[var\(--blender-fg\)\]:hover {
  color: var(--blender-fg);
}
.hover\:text-\[var\(--brand\)\]:hover {
  color: var(--brand);
}
.hover\:text-\[var\(--color-foreground\)\]:hover {
  color: var(--color-foreground);
}
.hover\:text-\[var\(--dc-fg\)\]:hover {
  color: var(--dc-fg);
}
.hover\:text-\[var\(--dm-ink\)\]:hover {
  color: var(--dm-ink);
}
.hover\:text-\[var\(--foreground\)\]:hover {
  color: var(--foreground);
}
.hover\:text-\[var\(--ide-fg\)\]:hover {
  color: var(--ide-fg);
}
.hover\:text-\[var\(--ide-fg-muted\)\]:hover {
  color: var(--ide-fg-muted);
}
.hover\:text-\[var\(--linux-chrome-fg\2c \#deddda\)\]:hover {
  color: var(--linux-chrome-fg,#deddda);
}
.hover\:text-\[var\(--nle-danger\)\]:hover {
  color: var(--nle-danger);
}
.hover\:text-\[var\(--rd-search-fg\)\]:hover {
  color: var(--rd-search-fg);
}
.hover\:text-\[var\(--sheet-text\)\]:hover {
  color: var(--sheet-text);
}
.hover\:text-accent:hover {
  color: hsl(var(--accent));
}
.hover\:text-accent-foreground:hover {
  color: hsl(var(--accent-foreground));
}
.hover\:text-amber-100:hover {
  --tw-text-opacity: 1;
  color: rgb(254 243 199 / var(--tw-text-opacity));
}
.hover\:text-amber-300:hover {
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity));
}
.hover\:text-amber-400:hover {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity));
}
.hover\:text-amber-50:hover {
  --tw-text-opacity: 1;
  color: rgb(255 251 235 / var(--tw-text-opacity));
}
.hover\:text-amber-500:hover {
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity));
}
.hover\:text-amber-600:hover {
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity));
}
.hover\:text-background:hover {
  color: hsl(var(--background));
}
.hover\:text-black:hover {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.hover\:text-black\/80:hover {
  color: rgb(0 0 0 / 0.8);
}
.hover\:text-blue-100:hover {
  --tw-text-opacity: 1;
  color: rgb(219 234 254 / var(--tw-text-opacity));
}
.hover\:text-blue-200:hover {
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / var(--tw-text-opacity));
}
.hover\:text-blue-300:hover {
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity));
}
.hover\:text-blue-400:hover {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity));
}
.hover\:text-blue-500:hover {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}
.hover\:text-blue-600:hover {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}
.hover\:text-blue-700:hover {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity));
}
.hover\:text-card-foreground:hover {
  color: hsl(var(--card-foreground));
}
.hover\:text-current:hover {
  color: currentColor;
}
.hover\:text-cyan-200:hover {
  --tw-text-opacity: 1;
  color: rgb(165 243 252 / var(--tw-text-opacity));
}
.hover\:text-cyan-300:hover {
  --tw-text-opacity: 1;
  color: rgb(103 232 249 / var(--tw-text-opacity));
}
.hover\:text-cyan-400:hover {
  --tw-text-opacity: 1;
  color: rgb(34 211 238 / var(--tw-text-opacity));
}
.hover\:text-cyan-500:hover {
  --tw-text-opacity: 1;
  color: rgb(6 182 212 / var(--tw-text-opacity));
}
.hover\:text-destructive:hover {
  color: hsl(var(--destructive));
}
.hover\:text-destructive-foreground:hover {
  color: hsl(var(--destructive-foreground));
}
.hover\:text-destructive\/80:hover {
  color: hsl(var(--destructive) / 0.8);
}
.hover\:text-emerald-100:hover {
  --tw-text-opacity: 1;
  color: rgb(209 250 229 / var(--tw-text-opacity));
}
.hover\:text-emerald-200:hover {
  --tw-text-opacity: 1;
  color: rgb(167 243 208 / var(--tw-text-opacity));
}
.hover\:text-emerald-300:hover {
  --tw-text-opacity: 1;
  color: rgb(110 231 183 / var(--tw-text-opacity));
}
.hover\:text-emerald-400:hover {
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity));
}
.hover\:text-emerald-50:hover {
  --tw-text-opacity: 1;
  color: rgb(236 253 245 / var(--tw-text-opacity));
}
.hover\:text-foreground:hover {
  color: hsl(var(--foreground));
}
.hover\:text-foreground\/60:hover {
  color: hsl(var(--foreground) / 0.6);
}
.hover\:text-foreground\/70:hover {
  color: hsl(var(--foreground) / 0.7);
}
.hover\:text-foreground\/80:hover {
  color: hsl(var(--foreground) / 0.8);
}
.hover\:text-foreground\/90:hover {
  color: hsl(var(--foreground) / 0.9);
}
.hover\:text-fuchsia-100:hover {
  --tw-text-opacity: 1;
  color: rgb(250 232 255 / var(--tw-text-opacity));
}
.hover\:text-fuchsia-300:hover {
  --tw-text-opacity: 1;
  color: rgb(240 171 252 / var(--tw-text-opacity));
}
.hover\:text-fuchsia-400:hover {
  --tw-text-opacity: 1;
  color: rgb(232 121 249 / var(--tw-text-opacity));
}
.hover\:text-gray-300:hover {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}
.hover\:text-gray-500:hover {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.hover\:text-gray-600:hover {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}
.hover\:text-gray-700:hover {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}
.hover\:text-gray-800:hover {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}
.hover\:text-gray-900:hover {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}
.hover\:text-green-400:hover {
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity));
}
.hover\:text-green-500:hover {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}
.hover\:text-green-700:hover {
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity));
}
.hover\:text-indigo-200:hover {
  --tw-text-opacity: 1;
  color: rgb(199 210 254 / var(--tw-text-opacity));
}
.hover\:text-indigo-300:hover {
  --tw-text-opacity: 1;
  color: rgb(165 180 252 / var(--tw-text-opacity));
}
.hover\:text-indigo-50:hover {
  --tw-text-opacity: 1;
  color: rgb(238 242 255 / var(--tw-text-opacity));
}
.hover\:text-muted:hover {
  color: hsl(var(--muted));
}
.hover\:text-muted-foreground:hover {
  color: hsl(var(--muted-foreground));
}
.hover\:text-muted-foreground\/60:hover {
  color: hsl(var(--muted-foreground) / 0.6);
}
.hover\:text-neutral-100:hover {
  --tw-text-opacity: 1;
  color: rgb(245 245 245 / var(--tw-text-opacity));
}
.hover\:text-neutral-200:hover {
  --tw-text-opacity: 1;
  color: rgb(229 229 229 / var(--tw-text-opacity));
}
.hover\:text-neutral-300:hover {
  --tw-text-opacity: 1;
  color: rgb(212 212 212 / var(--tw-text-opacity));
}
.hover\:text-neutral-400:hover {
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / var(--tw-text-opacity));
}
.hover\:text-neutral-500:hover {
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity));
}
.hover\:text-neutral-800:hover {
  --tw-text-opacity: 1;
  color: rgb(38 38 38 / var(--tw-text-opacity));
}
.hover\:text-neutral-900:hover {
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / var(--tw-text-opacity));
}
.hover\:text-neutral-950:hover {
  --tw-text-opacity: 1;
  color: rgb(10 10 10 / var(--tw-text-opacity));
}
.hover\:text-notion-red:hover {
  --tw-text-opacity: 1;
  color: rgb(226 85 83 / var(--tw-text-opacity));
}
.hover\:text-notion-yellow:hover {
  --tw-text-opacity: 1;
  color: rgb(223 171 1 / var(--tw-text-opacity));
}
.hover\:text-orange-200:hover {
  --tw-text-opacity: 1;
  color: rgb(254 215 170 / var(--tw-text-opacity));
}
.hover\:text-orange-50:hover {
  --tw-text-opacity: 1;
  color: rgb(255 247 237 / var(--tw-text-opacity));
}
.hover\:text-orange-500:hover {
  --tw-text-opacity: 1;
  color: rgb(249 115 22 / var(--tw-text-opacity));
}
.hover\:text-pink-200:hover {
  --tw-text-opacity: 1;
  color: rgb(251 207 232 / var(--tw-text-opacity));
}
.hover\:text-pink-50:hover {
  --tw-text-opacity: 1;
  color: rgb(253 242 248 / var(--tw-text-opacity));
}
.hover\:text-pink-500:hover {
  --tw-text-opacity: 1;
  color: rgb(236 72 153 / var(--tw-text-opacity));
}
.hover\:text-pink-600:hover {
  --tw-text-opacity: 1;
  color: rgb(219 39 119 / var(--tw-text-opacity));
}
.hover\:text-pink-700:hover {
  --tw-text-opacity: 1;
  color: rgb(190 24 93 / var(--tw-text-opacity));
}
.hover\:text-popover-foreground:hover {
  color: hsl(var(--popover-foreground));
}
.hover\:text-primary:hover {
  color: hsl(var(--primary));
}
.hover\:text-primary-foreground:hover {
  color: hsl(var(--primary-foreground));
}
.hover\:text-primary\/80:hover {
  color: hsl(var(--primary) / 0.8);
}
.hover\:text-primary\/90:hover {
  color: hsl(var(--primary) / 0.9);
}
.hover\:text-purple-300:hover {
  --tw-text-opacity: 1;
  color: rgb(216 180 254 / var(--tw-text-opacity));
}
.hover\:text-purple-400:hover {
  --tw-text-opacity: 1;
  color: rgb(192 132 252 / var(--tw-text-opacity));
}
.hover\:text-red-200:hover {
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / var(--tw-text-opacity));
}
.hover\:text-red-300:hover {
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity));
}
.hover\:text-red-400:hover {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity));
}
.hover\:text-red-400\/90:hover {
  color: rgb(248 113 113 / 0.9);
}
.hover\:text-red-500:hover {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}
.hover\:text-red-600:hover {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}
.hover\:text-red-700:hover {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}
.hover\:text-rose-200:hover {
  --tw-text-opacity: 1;
  color: rgb(254 205 211 / var(--tw-text-opacity));
}
.hover\:text-rose-300:hover {
  --tw-text-opacity: 1;
  color: rgb(253 164 175 / var(--tw-text-opacity));
}
.hover\:text-rose-400:hover {
  --tw-text-opacity: 1;
  color: rgb(251 113 133 / var(--tw-text-opacity));
}
.hover\:text-rose-50:hover {
  --tw-text-opacity: 1;
  color: rgb(255 241 242 / var(--tw-text-opacity));
}
.hover\:text-rose-500:hover {
  --tw-text-opacity: 1;
  color: rgb(244 63 94 / var(--tw-text-opacity));
}
.hover\:text-sidebar-accent-foreground:hover {
  color: hsl(var(--sidebar-accent-foreground));
}
.hover\:text-sidebar-foreground:hover {
  color: hsl(var(--sidebar-foreground));
}
.hover\:text-sidebar-foreground\/70:hover {
  color: hsl(var(--sidebar-foreground) / 0.7);
}
.hover\:text-sidebar-primary:hover {
  color: hsl(var(--sidebar-primary));
}
.hover\:text-sky-100:hover {
  --tw-text-opacity: 1;
  color: rgb(224 242 254 / var(--tw-text-opacity));
}
.hover\:text-sky-300:hover {
  --tw-text-opacity: 1;
  color: rgb(125 211 252 / var(--tw-text-opacity));
}
.hover\:text-sky-400:hover {
  --tw-text-opacity: 1;
  color: rgb(56 189 248 / var(--tw-text-opacity));
}
.hover\:text-sky-50:hover {
  --tw-text-opacity: 1;
  color: rgb(240 249 255 / var(--tw-text-opacity));
}
.hover\:text-sky-500:hover {
  --tw-text-opacity: 1;
  color: rgb(14 165 233 / var(--tw-text-opacity));
}
.hover\:text-sky-700:hover {
  --tw-text-opacity: 1;
  color: rgb(3 105 161 / var(--tw-text-opacity));
}
.hover\:text-slate-100:hover {
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity));
}
.hover\:text-slate-200:hover {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity));
}
.hover\:text-slate-300:hover {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}
.hover\:text-slate-50:hover {
  --tw-text-opacity: 1;
  color: rgb(248 250 252 / var(--tw-text-opacity));
}
.hover\:text-slate-600:hover {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}
.hover\:text-slate-700:hover {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}
.hover\:text-slate-800:hover {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}
.hover\:text-slate-900:hover {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}
.hover\:text-stone-500:hover {
  --tw-text-opacity: 1;
  color: rgb(120 113 108 / var(--tw-text-opacity));
}
.hover\:text-stone-600:hover {
  --tw-text-opacity: 1;
  color: rgb(87 83 78 / var(--tw-text-opacity));
}
.hover\:text-stone-700:hover {
  --tw-text-opacity: 1;
  color: rgb(68 64 60 / var(--tw-text-opacity));
}
.hover\:text-stone-800:hover {
  --tw-text-opacity: 1;
  color: rgb(41 37 36 / var(--tw-text-opacity));
}
.hover\:text-teal-300:hover {
  --tw-text-opacity: 1;
  color: rgb(94 234 212 / var(--tw-text-opacity));
}
.hover\:text-teal-400:hover {
  --tw-text-opacity: 1;
  color: rgb(45 212 191 / var(--tw-text-opacity));
}
.hover\:text-teal-50:hover {
  --tw-text-opacity: 1;
  color: rgb(240 253 250 / var(--tw-text-opacity));
}
.hover\:text-violet-200:hover {
  --tw-text-opacity: 1;
  color: rgb(221 214 254 / var(--tw-text-opacity));
}
.hover\:text-violet-400:hover {
  --tw-text-opacity: 1;
  color: rgb(167 139 250 / var(--tw-text-opacity));
}
.hover\:text-violet-50:hover {
  --tw-text-opacity: 1;
  color: rgb(245 243 255 / var(--tw-text-opacity));
}
.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hover\:text-white\/45:hover {
  color: rgb(255 255 255 / 0.45);
}
.hover\:text-white\/50:hover {
  color: rgb(255 255 255 / 0.5);
}
.hover\:text-white\/55:hover {
  color: rgb(255 255 255 / 0.55);
}
.hover\:text-white\/60:hover {
  color: rgb(255 255 255 / 0.6);
}
.hover\:text-white\/70:hover {
  color: rgb(255 255 255 / 0.7);
}
.hover\:text-white\/75:hover {
  color: rgb(255 255 255 / 0.75);
}
.hover\:text-white\/80:hover {
  color: rgb(255 255 255 / 0.8);
}
.hover\:text-white\/85:hover {
  color: rgb(255 255 255 / 0.85);
}
.hover\:text-white\/90:hover {
  color: rgb(255 255 255 / 0.9);
}
.hover\:text-white\/95:hover {
  color: rgb(255 255 255 / 0.95);
}
.hover\:text-workflow-text:hover {
  color: hsl(var(--workflow-text));
}
.hover\:text-yellow-300:hover {
  --tw-text-opacity: 1;
  color: rgb(253 224 71 / var(--tw-text-opacity));
}
.hover\:text-yellow-400:hover {
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity));
}
.hover\:text-yellow-500:hover {
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / var(--tw-text-opacity));
}
.hover\:text-zinc-100:hover {
  --tw-text-opacity: 1;
  color: rgb(244 244 245 / var(--tw-text-opacity));
}
.hover\:text-zinc-200:hover {
  --tw-text-opacity: 1;
  color: rgb(228 228 231 / var(--tw-text-opacity));
}
.hover\:text-zinc-300:hover {
  --tw-text-opacity: 1;
  color: rgb(212 212 216 / var(--tw-text-opacity));
}
.hover\:text-zinc-400:hover {
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity));
}
.hover\:text-zinc-600:hover {
  --tw-text-opacity: 1;
  color: rgb(82 82 91 / var(--tw-text-opacity));
}
.hover\:text-zinc-700:hover {
  --tw-text-opacity: 1;
  color: rgb(63 63 70 / var(--tw-text-opacity));
}
.hover\:text-zinc-800:hover {
  --tw-text-opacity: 1;
  color: rgb(39 39 42 / var(--tw-text-opacity));
}
.hover\:text-zinc-900:hover {
  --tw-text-opacity: 1;
  color: rgb(24 24 27 / var(--tw-text-opacity));
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.hover\:no-underline:hover {
  text-decoration-line: none;
}
.hover\:decoration-foreground:hover {
  text-decoration-color: hsl(var(--foreground));
}
.hover\:decoration-foreground\/40:hover {
  text-decoration-color: hsl(var(--foreground) / 0.4);
}
.hover\:decoration-neutral-200:hover {
  text-decoration-color: #e5e5e5;
}
.hover\:decoration-neutral-400:hover {
  text-decoration-color: #a3a3a3;
}
.hover\:decoration-solid:hover {
  text-decoration-style: solid;
}
.hover\:decoration-dashed:hover {
  text-decoration-style: dashed;
}
.hover\:underline-offset-4:hover {
  text-underline-offset: 4px;
}
.hover\:\!opacity-100:hover {
  opacity: 1 !important;
}
.hover\:opacity-100:hover {
  opacity: 1;
}
.hover\:opacity-50:hover {
  opacity: 0.5;
}
.hover\:opacity-60:hover {
  opacity: 0.6;
}
.hover\:opacity-70:hover {
  opacity: 0.7;
}
.hover\:opacity-75:hover {
  opacity: 0.75;
}
.hover\:opacity-80:hover {
  opacity: 0.8;
}
.hover\:opacity-85:hover {
  opacity: 0.85;
}
.hover\:opacity-90:hover {
  opacity: 0.9;
}
.hover\:shadow:hover {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-2xl:hover {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover {
  --tw-shadow: 0 0 0 1px hsl(var(--sidebar-accent));
  --tw-shadow-colored: 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\:shadow-\[0_0_0_1px_var\(--sidebar-accent\)\]:hover {
  --tw-shadow: 0 0 0 1px var(--sidebar-accent);
  --tw-shadow-colored: 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\:shadow-\[0_0_20px_rgba\(0\2c 0\2c 0\2c 0\.04\)\]:hover {
  --tw-shadow: 0 0 20px rgba(0,0,0,0.04);
  --tw-shadow-colored: 0 0 20px 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\:shadow-\[0_0_8px_rgba\(0\2c 168\2c 132\2c 0\.3\)\]:hover {
  --tw-shadow: 0 0 8px rgba(0,168,132,0.3);
  --tw-shadow-colored: 0 0 8px 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\:shadow-\[0_20px_60px_rgba\(0\2c 0\2c 0\2c 0\.08\)\]:hover {
  --tw-shadow: 0 20px 60px rgba(0,0,0,0.08);
  --tw-shadow-colored: 0 20px 60px 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\:shadow-\[0_25px_50px_-12px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]:hover {
  --tw-shadow: 0 25px 50px -12px rgba(0,0,0,0.5);
  --tw-shadow-colored: 0 25px 50px -12px 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\:shadow-\[0_2px_10px_rgba\(0\2c 0\2c 0\2c 0\.45\)\]:hover {
  --tw-shadow: 0 2px 10px rgba(0,0,0,0.45);
  --tw-shadow-colored: 0 2px 10px 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\:shadow-\[0_4px_24px_rgba\(0\2c 0\2c 0\2c 0\.10\)\]:hover {
  --tw-shadow: 0 4px 24px rgba(0,0,0,0.10);
  --tw-shadow-colored: 0 4px 24px 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\:shadow-\[0_8px_24px_-12px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]:hover {
  --tw-shadow: 0 8px 24px -12px rgba(0,0,0,0.5);
  --tw-shadow-colored: 0 8px 24px -12px 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\:shadow-\[2px_2px_4px_rgba\(0\2c 0\2c 0\2c 0\.05\)\2c -2px_-2px_4px_rgba\(255\2c 255\2c 255\2c 0\.8\)\]:hover {
  --tw-shadow: 2px 2px 4px rgba(0,0,0,0.05),-2px -2px 4px rgba(255,255,255,0.8);
  --tw-shadow-colored: 2px 2px 4px var(--tw-shadow-color), -2px -2px 4px 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\:shadow-\[2px_2px_5px_rgba\(0\2c 0\2c 0\2c 0\.05\)\2c -2px_-2px_5px_rgba\(255\2c 255\2c 255\2c 0\.8\)\]:hover {
  --tw-shadow: 2px 2px 5px rgba(0,0,0,0.05),-2px -2px 5px rgba(255,255,255,0.8);
  --tw-shadow-colored: 2px 2px 5px var(--tw-shadow-color), -2px -2px 5px 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\:shadow-\[4px_4px_8px_rgba\(0\2c 0\2c 0\2c 0\.05\)\2c -4px_-4px_8px_rgba\(255\2c 255\2c 255\2c 0\.8\)\]:hover {
  --tw-shadow: 4px 4px 8px rgba(0,0,0,0.05),-4px -4px 8px rgba(255,255,255,0.8);
  --tw-shadow-colored: 4px 4px 8px var(--tw-shadow-color), -4px -4px 8px 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\:shadow-\[6px_6px_12px_rgba\(0\2c 0\2c 0\2c 0\.1\)\2c -6px_-6px_12px_rgba\(255\2c 255\2c 255\2c 0\.8\)\]:hover {
  --tw-shadow: 6px 6px 12px rgba(0,0,0,0.1),-6px -6px 12px rgba(255,255,255,0.8);
  --tw-shadow-colored: 6px 6px 12px var(--tw-shadow-color), -6px -6px 12px 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\:shadow-\[6px_6px_12px_rgba\(0\2c 0\2c 0\2c 0\.1\)\2c -6px_-6px_12px_rgba\(255\2c 255\2c 255\2c 0\.9\)\]:hover {
  --tw-shadow: 6px 6px 12px rgba(0,0,0,0.1),-6px -6px 12px rgba(255,255,255,0.9);
  --tw-shadow-colored: 6px 6px 12px var(--tw-shadow-color), -6px -6px 12px 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\:shadow-lg:hover {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-md:hover {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-none:hover {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-sm:hover {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-xl:hover {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-accent\/15:hover {
  --tw-shadow-color: hsl(var(--accent) / 0.15);
  --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-black\/10:hover {
  --tw-shadow-color: rgb(0 0 0 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-black\/20:hover {
  --tw-shadow-color: rgb(0 0 0 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-card:hover {
  --tw-shadow-color: hsl(var(--card));
  --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-indigo-500\/30:hover {
  --tw-shadow-color: rgb(99 102 241 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-orange-500\/40:hover {
  --tw-shadow-color: rgb(249 115 22 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary\/20:hover {
  --tw-shadow-color: hsl(var(--primary) / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary\/30:hover {
  --tw-shadow-color: hsl(var(--primary) / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary\/5:hover {
  --tw-shadow-color: hsl(var(--primary) / 0.05);
  --tw-shadow: var(--tw-shadow-colored);
}
.hover\:outline:hover {
  outline-style: solid;
}
.hover\:outline-1:hover {
  outline-width: 1px;
}
.hover\:outline-primary:hover {
  outline-color: hsl(var(--primary));
}
.hover\:ring-1:hover {
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.hover\:ring-2:hover {
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.hover\:ring-4:hover {
  --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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.hover\:ring-\[rgb\(var\(--blocks-column-contrast-rgb\)\/0\.9\)\]:hover {
  --tw-ring-color: rgb(var(--blocks-column-contrast-rgb)/0.9);
}
.hover\:ring-\[var\(--swatch-color\)\]:hover {
  --tw-ring-color: var(--swatch-color);
}
.hover\:ring-accent\/50:hover {
  --tw-ring-color: hsl(var(--accent) / 0.5);
}
.hover\:ring-black:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
}
.hover\:ring-blue-500:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
}
.hover\:ring-foreground\/40:hover {
  --tw-ring-color: hsl(var(--foreground) / 0.4);
}
.hover\:ring-gray-200:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity));
}
.hover\:ring-green-400:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(74 222 128 / var(--tw-ring-opacity));
}
.hover\:ring-muted-foreground\/40:hover {
  --tw-ring-color: hsl(var(--muted-foreground) / 0.4);
}
.hover\:ring-notion-border\/50:hover {
  --tw-ring-color: rgb(55 55 55 / 0.5);
}
.hover\:ring-primary:hover {
  --tw-ring-color: hsl(var(--primary));
}
.hover\:ring-primary\/15:hover {
  --tw-ring-color: hsl(var(--primary) / 0.15);
}
.hover\:ring-primary\/20:hover {
  --tw-ring-color: hsl(var(--primary) / 0.2);
}
.hover\:ring-primary\/30:hover {
  --tw-ring-color: hsl(var(--primary) / 0.3);
}
.hover\:ring-primary\/40:hover {
  --tw-ring-color: hsl(var(--primary) / 0.4);
}
.hover\:ring-primary\/50:hover {
  --tw-ring-color: hsl(var(--primary) / 0.5);
}
.hover\:ring-primary\/90:hover {
  --tw-ring-color: hsl(var(--primary) / 0.9);
}
.hover\:ring-ring:hover {
  --tw-ring-color: hsl(var(--ring));
}
.hover\:ring-stone-300:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(214 211 209 / var(--tw-ring-opacity));
}
.hover\:ring-white\/20:hover {
  --tw-ring-color: rgb(255 255 255 / 0.2);
}
.hover\:ring-white\/40:hover {
  --tw-ring-color: rgb(255 255 255 / 0.4);
}
.hover\:ring-white\/50:hover {
  --tw-ring-color: rgb(255 255 255 / 0.5);
}
.hover\:ring-white\/60:hover {
  --tw-ring-color: rgb(255 255 255 / 0.6);
}
.hover\:ring-offset-1:hover {
  --tw-ring-offset-width: 1px;
}
.hover\:ring-offset-2:hover {
  --tw-ring-offset-width: 2px;
}
.hover\:ring-offset-4:hover {
  --tw-ring-offset-width: 4px;
}
.hover\:ring-offset-black\/20:hover {
  --tw-ring-offset-color: rgb(0 0 0 / 0.2);
}
.hover\:brightness-110:hover {
  --tw-brightness: brightness(1.1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.hover\:brightness-125:hover {
  --tw-brightness: brightness(1.25);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.hover\:brightness-90:hover {
  --tw-brightness: brightness(.9);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.hover\:brightness-95:hover {
  --tw-brightness: brightness(.95);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.hover\:brightness-\[0\.92\]:hover {
  --tw-brightness: brightness(0.92);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.hover\:brightness-\[0\.96\]:hover {
  --tw-brightness: brightness(0.96);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.hover\:brightness-\[0\.97\]:hover {
  --tw-brightness: brightness(0.97);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.hover\:brightness-\[0\.98\]:hover {
  --tw-brightness: brightness(0.98);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.hover\:brightness-\[1\.04\]:hover {
  --tw-brightness: brightness(1.04);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.hover\:brightness-\[1\.06\]:hover {
  --tw-brightness: brightness(1.06);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.hover\:brightness-\[1\.07\]:hover {
  --tw-brightness: brightness(1.07);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.hover\:brightness-\[1\.08\]:hover {
  --tw-brightness: brightness(1.08);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.hover\:grayscale-0:hover {
  --tw-grayscale: grayscale(0);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.hover\:\[animation-play-state\:paused\]:hover {
  animation-play-state: paused;
}
.hover\:before\:-translate-x-full:hover::before {
  content: var(--tw-content);
  --tw-translate-x: -100%;
  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\:before\:translate-x-\[0\%\]:hover::before {
  content: var(--tw-content);
  --tw-translate-x: 0%;
  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\:before\:translate-y-\[0\%\]:hover::before {
  content: var(--tw-content);
  --tw-translate-y: 0%;
  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\:before\:scale-x-100:hover::before {
  content: var(--tw-content);
  --tw-scale-x: 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\:after\:translate-x-\[0\%\]:hover::after {
  content: var(--tw-content);
  --tw-translate-x: 0%;
  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\:after\:translate-y-\[0\%\]:hover::after {
  content: var(--tw-content);
  --tw-translate-y: 0%;
  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\:after\:bg-sidebar-border:hover::after {
  content: var(--tw-content);
  background-color: hsl(var(--sidebar-border));
}
.focus\:not-sr-only:focus {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}
.focus\:absolute:focus {
  position: absolute;
}
.focus\:left-2:focus {
  left: 0.5rem;
}
.focus\:top-2:focus {
  top: 0.5rem;
}
.focus\:z-10:focus {
  z-index: 10;
}
.focus\:z-\[var\(--z-skip-link\)\]:focus {
  z-index: var(--z-skip-link);
}
.focus\:w-44:focus {
  width: 11rem;
}
.focus\:scale-\[1\.01\]:focus {
  --tw-scale-x: 1.01;
  --tw-scale-y: 1.01;
  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));
}
.focus\:rounded-md:focus {
  border-radius: calc(var(--radius) - 2px);
}
.focus\:border-0:focus {
  border-width: 0px;
}
.focus\:border-none:focus {
  border-style: none;
}
.focus\:border-\[\#00a9e5\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(0 169 229 / var(--tw-border-opacity));
}
.focus\:border-\[\#0a84ff\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(10 132 255 / var(--tw-border-opacity));
}
.focus\:border-\[\#3f3f3f\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(63 63 63 / var(--tw-border-opacity));
}
.focus\:border-\[\#4ecdc4\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(78 205 196 / var(--tw-border-opacity));
}
.focus\:border-\[\#505050\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(80 80 80 / var(--tw-border-opacity));
}
.focus\:border-\[\#D9FE00\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(217 254 0 / var(--tw-border-opacity));
}
.focus\:border-\[\#E0DCCF\]\/70:focus {
  border-color: rgb(224 220 207 / 0.7);
}
.focus\:border-\[color\:var\(--accent\)\]:focus {
  border-color: var(--accent);
}
.focus\:border-\[var\(--ring\)\]:focus {
  border-color: var(--ring);
}
.focus\:border-accent:focus {
  border-color: hsl(var(--accent));
}
.focus\:border-amber-500\/60:focus {
  border-color: rgb(245 158 11 / 0.6);
}
.focus\:border-amber-600\/50:focus {
  border-color: rgb(217 119 6 / 0.5);
}
.focus\:border-black\/25:focus {
  border-color: rgb(0 0 0 / 0.25);
}
.focus\:border-blue-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity));
}
.focus\:border-blue-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
}
.focus\:border-border:focus {
  border-color: hsl(var(--border));
}
.focus\:border-border\/60:focus {
  border-color: hsl(var(--border) / 0.6);
}
.focus\:border-cyan-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(6 182 212 / var(--tw-border-opacity));
}
.focus\:border-destructive:focus {
  border-color: hsl(var(--destructive));
}
.focus\:border-foreground:focus {
  border-color: hsl(var(--foreground));
}
.focus\:border-foreground\/25:focus {
  border-color: hsl(var(--foreground) / 0.25);
}
.focus\:border-foreground\/30:focus {
  border-color: hsl(var(--foreground) / 0.3);
}
.focus\:border-foreground\/40:focus {
  border-color: hsl(var(--foreground) / 0.4);
}
.focus\:border-foreground\/50:focus {
  border-color: hsl(var(--foreground) / 0.5);
}
.focus\:border-foreground\/60:focus {
  border-color: hsl(var(--foreground) / 0.6);
}
.focus\:border-indigo-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity));
}
.focus\:border-input:focus {
  border-color: hsl(var(--input));
}
.focus\:border-muted-foreground:focus {
  border-color: hsl(var(--muted-foreground));
}
.focus\:border-neutral-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(163 163 163 / var(--tw-border-opacity));
}
.focus\:border-neutral-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(115 115 115 / var(--tw-border-opacity));
}
.focus\:border-neutral-700:focus {
  --tw-border-opacity: 1;
  border-color: rgb(64 64 64 / var(--tw-border-opacity));
}
.focus\:border-notion-blue:focus {
  --tw-border-opacity: 1;
  border-color: rgb(35 131 226 / var(--tw-border-opacity));
}
.focus\:border-notion-blue\/70:focus {
  border-color: rgb(35 131 226 / 0.7);
}
.focus\:border-notion-border:focus {
  --tw-border-opacity: 1;
  border-color: rgb(55 55 55 / var(--tw-border-opacity));
}
.focus\:border-notion-green:focus {
  --tw-border-opacity: 1;
  border-color: rgb(46 168 115 / var(--tw-border-opacity));
}
.focus\:border-notion-red:focus {
  --tw-border-opacity: 1;
  border-color: rgb(226 85 83 / var(--tw-border-opacity));
}
.focus\:border-notion-yellow:focus {
  --tw-border-opacity: 1;
  border-color: rgb(223 171 1 / var(--tw-border-opacity));
}
.focus\:border-pink-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(236 72 153 / var(--tw-border-opacity));
}
.focus\:border-primary:focus {
  border-color: hsl(var(--primary));
}
.focus\:border-primary\/30:focus {
  border-color: hsl(var(--primary) / 0.3);
}
.focus\:border-primary\/50:focus {
  border-color: hsl(var(--primary) / 0.5);
}
.focus\:border-primary\/60:focus {
  border-color: hsl(var(--primary) / 0.6);
}
.focus\:border-primary\/80:focus {
  border-color: hsl(var(--primary) / 0.8);
}
.focus\:border-red-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
}
.focus\:border-ring:focus {
  border-color: hsl(var(--ring));
}
.focus\:border-sidebar-primary:focus {
  border-color: hsl(var(--sidebar-primary));
}
.focus\:border-sidebar-primary\/40:focus {
  border-color: hsl(var(--sidebar-primary) / 0.4);
}
.focus\:border-sky-300\/70:focus {
  border-color: rgb(125 211 252 / 0.7);
}
.focus\:border-sky-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(56 189 248 / var(--tw-border-opacity));
}
.focus\:border-sky-400\/50:focus {
  border-color: rgb(56 189 248 / 0.5);
}
.focus\:border-sky-500\/40:focus {
  border-color: rgb(14 165 233 / 0.4);
}
.focus\:border-teal-500\/50:focus {
  border-color: rgb(20 184 166 / 0.5);
}
.focus\:border-teal-500\/60:focus {
  border-color: rgb(20 184 166 / 0.6);
}
.focus\:border-transparent:focus {
  border-color: transparent;
}
.focus\:border-violet-400\/50:focus {
  border-color: rgb(167 139 250 / 0.5);
}
.focus\:border-white:focus {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.focus\:border-white\/20:focus {
  border-color: rgb(255 255 255 / 0.2);
}
.focus\:border-white\/25:focus {
  border-color: rgb(255 255 255 / 0.25);
}
.focus\:border-white\/30:focus {
  border-color: rgb(255 255 255 / 0.3);
}
.focus\:border-white\/40:focus {
  border-color: rgb(255 255 255 / 0.4);
}
.focus\:border-white\/50:focus {
  border-color: rgb(255 255 255 / 0.5);
}
.focus\:border-white\/70:focus {
  border-color: rgb(255 255 255 / 0.7);
}
.focus\:border-zinc-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(161 161 170 / var(--tw-border-opacity));
}
.focus\:border-zinc-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(113 113 122 / var(--tw-border-opacity));
}
.focus\:border-zinc-700:focus {
  --tw-border-opacity: 1;
  border-color: rgb(63 63 70 / var(--tw-border-opacity));
}
.focus\:border-zinc-700\/80:focus {
  border-color: rgb(63 63 70 / 0.8);
}
.focus\:bg-\[\#0f0f0f\]:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(15 15 15 / var(--tw-bg-opacity));
}
.focus\:bg-\[\#2A2A2A\]:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(42 42 42 / var(--tw-bg-opacity));
}
.focus\:bg-\[\#2e2d34\]:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(46 45 52 / var(--tw-bg-opacity));
}
.focus\:bg-\[rgb\(var\(--blocks-column-contrast-rgb\)\/0\.06\)\]:focus {
  background-color: rgb(var(--blocks-column-contrast-rgb)/0.06);
}
.focus\:bg-\[var\(--background\)\]:focus {
  background-color: var(--background);
}
.focus\:bg-accent:focus {
  background-color: hsl(var(--accent));
}
.focus\:bg-accent\/10:focus {
  background-color: hsl(var(--accent) / 0.1);
}
.focus\:bg-accent\/30:focus {
  background-color: hsl(var(--accent) / 0.3);
}
.focus\:bg-accent\/50:focus {
  background-color: hsl(var(--accent) / 0.5);
}
.focus\:bg-background:focus {
  background-color: hsl(var(--background));
}
.focus\:bg-background\/40:focus {
  background-color: hsl(var(--background) / 0.4);
}
.focus\:bg-card:focus {
  background-color: hsl(var(--card));
}
.focus\:bg-destructive:focus {
  background-color: hsl(var(--destructive));
}
.focus\:bg-destructive\/10:focus {
  background-color: hsl(var(--destructive) / 0.1);
}
.focus\:bg-destructive\/5:focus {
  background-color: hsl(var(--destructive) / 0.05);
}
.focus\:bg-emerald-950:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(2 44 34 / var(--tw-bg-opacity));
}
.focus\:bg-foreground:focus {
  background-color: hsl(var(--foreground));
}
.focus\:bg-gray-700:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
.focus\:bg-input\/60:focus {
  background-color: hsl(var(--input) / 0.6);
}
.focus\:bg-muted:focus {
  background-color: hsl(var(--muted));
}
.focus\:bg-muted\/50:focus {
  background-color: hsl(var(--muted) / 0.5);
}
.focus\:bg-muted\/60:focus {
  background-color: hsl(var(--muted) / 0.6);
}
.focus\:bg-neutral-950:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(10 10 10 / var(--tw-bg-opacity));
}
.focus\:bg-notion-bg:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(25 25 25 / var(--tw-bg-opacity));
}
.focus\:bg-primary:focus {
  background-color: hsl(var(--primary));
}
.focus\:bg-red-500\/10:focus {
  background-color: rgb(239 68 68 / 0.1);
}
.focus\:bg-secondary:focus {
  background-color: hsl(var(--secondary));
}
.focus\:bg-secondary\/60:focus {
  background-color: hsl(var(--secondary) / 0.6);
}
.focus\:bg-secondary\/80:focus {
  background-color: hsl(var(--secondary) / 0.8);
}
.focus\:bg-sidebar-accent:focus {
  background-color: hsl(var(--sidebar-accent));
}
.focus\:bg-sidebar-accent\/60:focus {
  background-color: hsl(var(--sidebar-accent) / 0.6);
}
.focus\:bg-transparent:focus {
  background-color: transparent;
}
.focus\:bg-white:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.focus\:bg-white\/10:focus {
  background-color: rgb(255 255 255 / 0.1);
}
.focus\:bg-white\/20:focus {
  background-color: rgb(255 255 255 / 0.2);
}
.focus\:bg-white\/5:focus {
  background-color: rgb(255 255 255 / 0.05);
}
.focus\:bg-white\/\[0\.04\]:focus {
  background-color: rgb(255 255 255 / 0.04);
}
.focus\:bg-white\/\[0\.05\]:focus {
  background-color: rgb(255 255 255 / 0.05);
}
.focus\:bg-white\/\[0\.06\]:focus {
  background-color: rgb(255 255 255 / 0.06);
}
.focus\:bg-white\/\[0\.10\]:focus {
  background-color: rgb(255 255 255 / 0.10);
}
.focus\:bg-zinc-800:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(39 39 42 / var(--tw-bg-opacity));
}
.focus\:px-3:focus {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.focus\:py-2:focus {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.focus\:text-\[\#e8e6e3\]:focus {
  --tw-text-opacity: 1;
  color: rgb(232 230 227 / var(--tw-text-opacity));
}
.focus\:text-accent-foreground:focus {
  color: hsl(var(--accent-foreground));
}
.focus\:text-amber-300:focus {
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity));
}
.focus\:text-background:focus {
  color: hsl(var(--background));
}
.focus\:text-blue-300:focus {
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity));
}
.focus\:text-destructive:focus {
  color: hsl(var(--destructive));
}
.focus\:text-emerald-300:focus {
  --tw-text-opacity: 1;
  color: rgb(110 231 183 / var(--tw-text-opacity));
}
.focus\:text-foreground:focus {
  color: hsl(var(--foreground));
}
.focus\:text-pink-300:focus {
  --tw-text-opacity: 1;
  color: rgb(249 168 212 / var(--tw-text-opacity));
}
.focus\:text-primary:focus {
  color: hsl(var(--primary));
}
.focus\:text-primary-foreground:focus {
  color: hsl(var(--primary-foreground));
}
.focus\:text-purple-300:focus {
  --tw-text-opacity: 1;
  color: rgb(216 180 254 / var(--tw-text-opacity));
}
.focus\:text-red-200:focus {
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / var(--tw-text-opacity));
}
.focus\:text-red-300:focus {
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity));
}
.focus\:text-red-400:focus {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity));
}
.focus\:text-red-500:focus {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}
.focus\:text-sidebar-foreground:focus {
  color: hsl(var(--sidebar-foreground));
}
.focus\:text-sidebar-primary:focus {
  color: hsl(var(--sidebar-primary));
}
.focus\:text-sky-300:focus {
  --tw-text-opacity: 1;
  color: rgb(125 211 252 / var(--tw-text-opacity));
}
.focus\:text-teal-300:focus {
  --tw-text-opacity: 1;
  color: rgb(94 234 212 / var(--tw-text-opacity));
}
.focus\:text-violet-300:focus {
  --tw-text-opacity: 1;
  color: rgb(196 181 253 / var(--tw-text-opacity));
}
.focus\:text-white:focus {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.focus\:text-zinc-100:focus {
  --tw-text-opacity: 1;
  color: rgb(244 244 245 / var(--tw-text-opacity));
}
.focus\:opacity-100:focus {
  opacity: 1;
}
.focus\:shadow-md:focus {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:outline-2:focus {
  outline-width: 2px;
}
.focus\:outline-ring:focus {
  outline-color: hsl(var(--ring));
}
.focus\:outline-white:focus {
  outline-color: #fff;
}
.focus\:ring-0: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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.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);
  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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-4: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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-inset:focus {
  --tw-ring-inset: inset;
}
.focus\:ring-\[\#2C6630\]\/40:focus {
  --tw-ring-color: rgb(44 102 48 / 0.4);
}
.focus\:ring-\[\#E0DCCF\]:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(224 220 207 / var(--tw-ring-opacity));
}
.focus\:ring-\[\#b35309\]\/40:focus {
  --tw-ring-color: rgb(179 83 9 / 0.4);
}
.focus\:ring-\[var\(--blender-select\)\]:focus {
  --tw-ring-color: var(--blender-select);
}
.focus\:ring-accent:focus {
  --tw-ring-color: hsl(var(--accent));
}
.focus\:ring-amber-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 211 77 / var(--tw-ring-opacity));
}
.focus\:ring-amber-600:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(217 119 6 / var(--tw-ring-opacity));
}
.focus\:ring-black:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
}
.focus\:ring-blue-100:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(219 234 254 / var(--tw-ring-opacity));
}
.focus\:ring-blue-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
}
.focus\:ring-blue-500\/10:focus {
  --tw-ring-color: rgb(59 130 246 / 0.1);
}
.focus\:ring-blue-500\/15:focus {
  --tw-ring-color: rgb(59 130 246 / 0.15);
}
.focus\:ring-blue-500\/20:focus {
  --tw-ring-color: rgb(59 130 246 / 0.2);
}
.focus\:ring-border:focus {
  --tw-ring-color: hsl(var(--border));
}
.focus\:ring-destructive\/30:focus {
  --tw-ring-color: hsl(var(--destructive) / 0.3);
}
.focus\:ring-foreground:focus {
  --tw-ring-color: hsl(var(--foreground));
}
.focus\:ring-foreground\/20:focus {
  --tw-ring-color: hsl(var(--foreground) / 0.2);
}
.focus\:ring-foreground\/30:focus {
  --tw-ring-color: hsl(var(--foreground) / 0.3);
}
.focus\:ring-foreground\/50:focus {
  --tw-ring-color: hsl(var(--foreground) / 0.5);
}
.focus\:ring-green-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity));
}
.focus\:ring-indigo-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));
}
.focus\:ring-indigo-500\/20:focus {
  --tw-ring-color: rgb(99 102 241 / 0.2);
}
.focus\:ring-lime:focus {
  --tw-ring-color: var(--aether-lime);
}
.focus\:ring-notion-blue\/30:focus {
  --tw-ring-color: rgb(35 131 226 / 0.3);
}
.focus\:ring-primary:focus {
  --tw-ring-color: hsl(var(--primary));
}
.focus\:ring-primary\/20:focus {
  --tw-ring-color: hsl(var(--primary) / 0.2);
}
.focus\:ring-primary\/30:focus {
  --tw-ring-color: hsl(var(--primary) / 0.3);
}
.focus\:ring-primary\/40:focus {
  --tw-ring-color: hsl(var(--primary) / 0.4);
}
.focus\:ring-primary\/50:focus {
  --tw-ring-color: hsl(var(--primary) / 0.5);
}
.focus\:ring-red-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
}
.focus\:ring-ring:focus {
  --tw-ring-color: hsl(var(--ring));
}
.focus\:ring-ring\/20:focus {
  --tw-ring-color: hsl(var(--ring) / 0.2);
}
.focus\:ring-ring\/30:focus {
  --tw-ring-color: hsl(var(--ring) / 0.3);
}
.focus\:ring-ring\/40:focus {
  --tw-ring-color: hsl(var(--ring) / 0.4);
}
.focus\:ring-ring\/50:focus {
  --tw-ring-color: hsl(var(--ring) / 0.5);
}
.focus\:ring-sidebar-primary\/30:focus {
  --tw-ring-color: hsl(var(--sidebar-primary) / 0.3);
}
.focus\:ring-stone-100:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(245 245 244 / var(--tw-ring-opacity));
}
.focus\:ring-stone-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(214 211 209 / var(--tw-ring-opacity));
}
.focus\:ring-teal-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(20 184 166 / var(--tw-ring-opacity));
}
.focus\:ring-teal-500\/30:focus {
  --tw-ring-color: rgb(20 184 166 / 0.3);
}
.focus\:ring-teal-500\/40:focus {
  --tw-ring-color: rgb(20 184 166 / 0.4);
}
.focus\:ring-teal-600\/40:focus {
  --tw-ring-color: rgb(13 148 136 / 0.4);
}
.focus\:ring-white:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
}
.focus\:ring-white\/10:focus {
  --tw-ring-color: rgb(255 255 255 / 0.1);
}
.focus\:ring-white\/20:focus {
  --tw-ring-color: rgb(255 255 255 / 0.2);
}
.focus\:ring-white\/25:focus {
  --tw-ring-color: rgb(255 255 255 / 0.25);
}
.focus\:ring-white\/30:focus {
  --tw-ring-color: rgb(255 255 255 / 0.3);
}
.focus\:ring-white\/50:focus {
  --tw-ring-color: rgb(255 255 255 / 0.5);
}
.focus\:ring-workflow-border:focus {
  --tw-ring-color: hsl(var(--workflow-border));
}
.focus\:ring-zinc-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(161 161 170 / var(--tw-ring-opacity));
}
.focus\:ring-zinc-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(113 113 122 / var(--tw-ring-opacity));
}
.focus\:ring-zinc-700:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(63 63 70 / var(--tw-ring-opacity));
}
.focus\:ring-zinc-700\/80:focus {
  --tw-ring-color: rgb(63 63 70 / 0.8);
}
.focus\:ring-opacity-50:focus {
  --tw-ring-opacity: 0.5;
}
.focus\:ring-offset-0:focus {
  --tw-ring-offset-width: 0px;
}
.focus\:ring-offset-1:focus {
  --tw-ring-offset-width: 1px;
}
.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}
.focus\:ring-offset-\[\#1f1f1f\]:focus {
  --tw-ring-offset-color: #1f1f1f;
}
.focus\:before\:scale-x-100:focus::before {
  content: var(--tw-content);
  --tw-scale-x: 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));
}
.focus-visible\:z-10:focus-visible {
  z-index: 10;
}
.focus-visible\:scale-\[1\.06\]:focus-visible {
  --tw-scale-x: 1.06;
  --tw-scale-y: 1.06;
  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));
}
.focus-visible\:border:focus-visible {
  border-width: 1px;
}
.focus-visible\:border-0:focus-visible {
  border-width: 0px;
}
.focus-visible\:border-border:focus-visible {
  border-color: hsl(var(--border));
}
.focus-visible\:border-border\/15:focus-visible {
  border-color: hsl(var(--border) / 0.15);
}
.focus-visible\:border-border\/70:focus-visible {
  border-color: hsl(var(--border) / 0.7);
}
.focus-visible\:border-destructive\/40:focus-visible {
  border-color: hsl(var(--destructive) / 0.4);
}
.focus-visible\:border-foreground\/30:focus-visible {
  border-color: hsl(var(--foreground) / 0.3);
}
.focus-visible\:border-input:focus-visible {
  border-color: hsl(var(--input));
}
.focus-visible\:border-ring:focus-visible {
  border-color: hsl(var(--ring));
}
.focus-visible\:border-transparent:focus-visible {
  border-color: transparent;
}
.focus-visible\:border-white\/20:focus-visible {
  border-color: rgb(255 255 255 / 0.2);
}
.focus-visible\:border-white\/30:focus-visible {
  border-color: rgb(255 255 255 / 0.3);
}
.focus-visible\:bg-\[\#4568FF\]\/\[0\.06\]:focus-visible {
  background-color: rgb(69 104 255 / 0.06);
}
.focus-visible\:bg-accent:focus-visible {
  background-color: hsl(var(--accent));
}
.focus-visible\:bg-background:focus-visible {
  background-color: hsl(var(--background));
}
.focus-visible\:bg-muted:focus-visible {
  background-color: hsl(var(--muted));
}
.focus-visible\:bg-primary:focus-visible {
  background-color: hsl(var(--primary));
}
.focus-visible\:bg-primary\/20:focus-visible {
  background-color: hsl(var(--primary) / 0.2);
}
.focus-visible\:bg-primary\/30:focus-visible {
  background-color: hsl(var(--primary) / 0.3);
}
.focus-visible\:bg-transparent:focus-visible {
  background-color: transparent;
}
.focus-visible\:bg-white\/\[0\.03\]:focus-visible {
  background-color: rgb(255 255 255 / 0.03);
}
.focus-visible\:px-2:focus-visible {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.focus-visible\:text-primary-foreground:focus-visible {
  color: hsl(var(--primary-foreground));
}
.focus-visible\:text-sidebar-foreground:focus-visible {
  color: hsl(var(--sidebar-foreground));
}
.focus-visible\:opacity-100:focus-visible {
  opacity: 1;
}
.focus-visible\:shadow-\[inset_0_0_0_1px_\#4568FF\]:focus-visible {
  --tw-shadow: inset 0 0 0 1px #4568FF;
  --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);
}
.focus-visible\:outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-visible\:outline:focus-visible {
  outline-style: solid;
}
.focus-visible\:outline-1:focus-visible {
  outline-width: 1px;
}
.focus-visible\:outline-2:focus-visible {
  outline-width: 2px;
}
.focus-visible\:outline-4:focus-visible {
  outline-width: 4px;
}
.focus-visible\:-outline-offset-2:focus-visible {
  outline-offset: -2px;
}
.focus-visible\:outline-offset-1:focus-visible {
  outline-offset: 1px;
}
.focus-visible\:outline-offset-2:focus-visible {
  outline-offset: 2px;
}
.focus-visible\:outline-offset-\[3px\]:focus-visible {
  outline-offset: 3px;
}
.focus-visible\:outline-accent:focus-visible {
  outline-color: hsl(var(--accent));
}
.focus-visible\:outline-amber-400:focus-visible {
  outline-color: #fbbf24;
}
.focus-visible\:outline-foreground:focus-visible {
  outline-color: hsl(var(--foreground));
}
.focus-visible\:outline-neutral-400\/80:focus-visible {
  outline-color: rgb(163 163 163 / 0.8);
}
.focus-visible\:outline-primary:focus-visible {
  outline-color: hsl(var(--primary));
}
.focus-visible\:outline-ring:focus-visible {
  outline-color: hsl(var(--ring));
}
.focus-visible\:outline-white:focus-visible {
  outline-color: #fff;
}
.focus-visible\:ring-0:focus-visible {
  --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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-1:focus-visible {
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-2:focus-visible {
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-4:focus-visible {
  --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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-\[2\.5px\]:focus-visible {
  --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(2.5px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-\[3px\]:focus-visible {
  --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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-inset:focus-visible {
  --tw-ring-inset: inset;
}
.focus-visible\:ring-\[\#2383e2\]:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(35 131 226 / var(--tw-ring-opacity));
}
.focus-visible\:ring-\[\#3dbb78\]\/50:focus-visible {
  --tw-ring-color: rgb(61 187 120 / 0.5);
}
.focus-visible\:ring-\[color\:var\(--bjork-accent\)\]:focus-visible {
  --tw-ring-color: var(--bjork-accent);
}
.focus-visible\:ring-\[hsl\(var\(--accent\)\)\]:focus-visible {
  --tw-ring-color: hsl(var(--accent));
}
.focus-visible\:ring-\[var\(--sheet-accent\)\]:focus-visible {
  --tw-ring-color: var(--sheet-accent);
}
.focus-visible\:ring-accent:focus-visible {
  --tw-ring-color: hsl(var(--accent));
}
.focus-visible\:ring-amber-600\/20:focus-visible {
  --tw-ring-color: rgb(217 119 6 / 0.2);
}
.focus-visible\:ring-black\/70:focus-visible {
  --tw-ring-color: rgb(0 0 0 / 0.7);
}
.focus-visible\:ring-cyan-500:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(6 182 212 / var(--tw-ring-opacity));
}
.focus-visible\:ring-destructive:focus-visible {
  --tw-ring-color: hsl(var(--destructive));
}
.focus-visible\:ring-destructive\/20:focus-visible {
  --tw-ring-color: hsl(var(--destructive) / 0.2);
}
.focus-visible\:ring-destructive\/30:focus-visible {
  --tw-ring-color: hsl(var(--destructive) / 0.3);
}
.focus-visible\:ring-destructive\/50:focus-visible {
  --tw-ring-color: hsl(var(--destructive) / 0.5);
}
.focus-visible\:ring-foreground\/30:focus-visible {
  --tw-ring-color: hsl(var(--foreground) / 0.3);
}
.focus-visible\:ring-foreground\/40:focus-visible {
  --tw-ring-color: hsl(var(--foreground) / 0.4);
}
.focus-visible\:ring-green-600\/20:focus-visible {
  --tw-ring-color: rgb(22 163 74 / 0.2);
}
.focus-visible\:ring-neutral-400\/20:focus-visible {
  --tw-ring-color: rgb(163 163 163 / 0.2);
}
.focus-visible\:ring-primary:focus-visible {
  --tw-ring-color: hsl(var(--primary));
}
.focus-visible\:ring-primary\/20:focus-visible {
  --tw-ring-color: hsl(var(--primary) / 0.2);
}
.focus-visible\:ring-primary\/30:focus-visible {
  --tw-ring-color: hsl(var(--primary) / 0.3);
}
.focus-visible\:ring-primary\/40:focus-visible {
  --tw-ring-color: hsl(var(--primary) / 0.4);
}
.focus-visible\:ring-primary\/50:focus-visible {
  --tw-ring-color: hsl(var(--primary) / 0.5);
}
.focus-visible\:ring-primary\/70:focus-visible {
  --tw-ring-color: hsl(var(--primary) / 0.7);
}
.focus-visible\:ring-purple-500:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity));
}
.focus-visible\:ring-red-500:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
}
.focus-visible\:ring-ring:focus-visible {
  --tw-ring-color: hsl(var(--ring));
}
.focus-visible\:ring-ring\/25:focus-visible {
  --tw-ring-color: hsl(var(--ring) / 0.25);
}
.focus-visible\:ring-ring\/30:focus-visible {
  --tw-ring-color: hsl(var(--ring) / 0.3);
}
.focus-visible\:ring-ring\/40:focus-visible {
  --tw-ring-color: hsl(var(--ring) / 0.4);
}
.focus-visible\:ring-ring\/50:focus-visible {
  --tw-ring-color: hsl(var(--ring) / 0.5);
}
.focus-visible\:ring-ring\/60:focus-visible {
  --tw-ring-color: hsl(var(--ring) / 0.6);
}
.focus-visible\:ring-sidebar-ring:focus-visible {
  --tw-ring-color: hsl(var(--sidebar-ring));
}
.focus-visible\:ring-sky-400\/50:focus-visible {
  --tw-ring-color: rgb(56 189 248 / 0.5);
}
.focus-visible\:ring-sky-400\/70:focus-visible {
  --tw-ring-color: rgb(56 189 248 / 0.7);
}
.focus-visible\:ring-teal-500\/40:focus-visible {
  --tw-ring-color: rgb(20 184 166 / 0.4);
}
.focus-visible\:ring-teal-600\/40:focus-visible {
  --tw-ring-color: rgb(13 148 136 / 0.4);
}
.focus-visible\:ring-white\/20:focus-visible {
  --tw-ring-color: rgb(255 255 255 / 0.2);
}
.focus-visible\:ring-white\/25:focus-visible {
  --tw-ring-color: rgb(255 255 255 / 0.25);
}
.focus-visible\:ring-white\/30:focus-visible {
  --tw-ring-color: rgb(255 255 255 / 0.3);
}
.focus-visible\:ring-white\/40:focus-visible {
  --tw-ring-color: rgb(255 255 255 / 0.4);
}
.focus-visible\:ring-white\/50:focus-visible {
  --tw-ring-color: rgb(255 255 255 / 0.5);
}
.focus-visible\:ring-white\/60:focus-visible {
  --tw-ring-color: rgb(255 255 255 / 0.6);
}
.focus-visible\:ring-white\/70:focus-visible {
  --tw-ring-color: rgb(255 255 255 / 0.7);
}
.focus-visible\:ring-yellow-400\/20:focus-visible {
  --tw-ring-color: rgb(250 204 21 / 0.2);
}
.focus-visible\:ring-zinc-900:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(24 24 27 / var(--tw-ring-opacity));
}
.focus-visible\:ring-offset-0:focus-visible {
  --tw-ring-offset-width: 0px;
}
.focus-visible\:ring-offset-1:focus-visible {
  --tw-ring-offset-width: 1px;
}
.focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
}
.focus-visible\:ring-offset-4:focus-visible {
  --tw-ring-offset-width: 4px;
}
.focus-visible\:ring-offset-\[\#E3E3E8\]:focus-visible {
  --tw-ring-offset-color: #E3E3E8;
}
.focus-visible\:ring-offset-\[color\:var\(--bjork-ring-offset\)\]:focus-visible {
  --tw-ring-offset-color: var(--bjork-ring-offset);
}
.focus-visible\:ring-offset-background:focus-visible {
  --tw-ring-offset-color: hsl(var(--background));
}
.focus-visible\:ring-offset-black:focus-visible {
  --tw-ring-offset-color: #000;
}
.focus-visible\:ring-offset-black\/10:focus-visible {
  --tw-ring-offset-color: rgb(0 0 0 / 0.1);
}
.focus-visible\:ring-offset-card:focus-visible {
  --tw-ring-offset-color: hsl(var(--card));
}
.focus-visible\:ring-offset-foreground\/20:focus-visible {
  --tw-ring-offset-color: hsl(var(--foreground) / 0.2);
}
.focus-visible\:ring-offset-sidebar:focus-visible {
  --tw-ring-offset-color: hsl(var(--sidebar));
}
.focus-visible\:ring-offset-transparent:focus-visible {
  --tw-ring-offset-color: transparent;
}
.\*\:focus-visible\:relative:focus-visible > * {
  position: relative;
}
.\*\:focus-visible\:z-10:focus-visible > * {
  z-index: 10;
}
.active\:translate-x-0:active {
  --tw-translate-x: 0px;
  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));
}
.active\:translate-x-0\.5:active {
  --tw-translate-x: 0.125rem;
  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));
}
.active\:translate-x-1:active {
  --tw-translate-x: 0.25rem;
  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));
}
.active\:translate-y-0:active {
  --tw-translate-y: 0px;
  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));
}
.active\:translate-y-0\.5:active {
  --tw-translate-y: 0.125rem;
  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));
}
.active\:translate-y-1:active {
  --tw-translate-y: 0.25rem;
  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));
}
.active\:translate-y-\[1px\]:active {
  --tw-translate-y: 1px;
  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));
}
.active\:translate-y-px:active {
  --tw-translate-y: 1px;
  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));
}
.active\:scale-90:active {
  --tw-scale-x: .9;
  --tw-scale-y: .9;
  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));
}
.active\:scale-95:active {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  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));
}
.active\:scale-\[0\.92\]:active {
  --tw-scale-x: 0.92;
  --tw-scale-y: 0.92;
  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));
}
.active\:scale-\[0\.94\]:active {
  --tw-scale-x: 0.94;
  --tw-scale-y: 0.94;
  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));
}
.active\:scale-\[0\.96\]:active {
  --tw-scale-x: 0.96;
  --tw-scale-y: 0.96;
  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));
}
.active\:scale-\[0\.97\]:active {
  --tw-scale-x: 0.97;
  --tw-scale-y: 0.97;
  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));
}
.active\:scale-\[0\.98\]:active {
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  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));
}
.active\:scale-\[0\.99\]:active {
  --tw-scale-x: 0.99;
  --tw-scale-y: 0.99;
  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));
}
.active\:\!cursor-grabbing:active {
  cursor: grabbing !important;
}
.active\:cursor-grabbing:active {
  cursor: grabbing;
}
.active\:cursor-pointer:active {
  cursor: pointer;
}
.active\:border-b-\[\#3a3aff\]:active {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(58 58 255 / var(--tw-border-opacity));
}
.active\:border-b-\[\#666\]:active {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(102 102 102 / var(--tw-border-opacity));
}
.active\:border-b-zinc-500:active {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(113 113 122 / var(--tw-border-opacity));
}
.active\:border-l-black:active {
  --tw-border-opacity: 1;
  border-left-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.active\:border-r-\[\#3a3aff\]:active {
  --tw-border-opacity: 1;
  border-right-color: rgb(58 58 255 / var(--tw-border-opacity));
}
.active\:border-r-\[\#666\]:active {
  --tw-border-opacity: 1;
  border-right-color: rgb(102 102 102 / var(--tw-border-opacity));
}
.active\:border-r-zinc-500:active {
  --tw-border-opacity: 1;
  border-right-color: rgb(113 113 122 / var(--tw-border-opacity));
}
.active\:border-t-black:active {
  --tw-border-opacity: 1;
  border-top-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.active\:bg-\[\#9acd32\]:active {
  --tw-bg-opacity: 1;
  background-color: rgb(154 205 50 / var(--tw-bg-opacity));
}
.active\:bg-\[oklch\(0\.4_0\.05_190\)\]:active {
  background-color: oklch(0.4 0.05 190);
}
.active\:bg-\[oklch\(0\.7_0\.05_190\)\]:active {
  background-color: oklch(0.7 0.05 190);
}
.active\:bg-\[rgb\(var\(--blocks-column-contrast-rgb\)\/0\.35\)\]:active {
  background-color: rgb(var(--blocks-column-contrast-rgb)/0.35);
}
.active\:bg-\[var\(--bg-color-active\)\]:active {
  background-color: var(--bg-color-active);
}
.active\:bg-\[var\(--fill\)\]:active {
  background-color: var(--fill);
}
.active\:bg-\[var\(--sheet-accent\)\]:active {
  background-color: var(--sheet-accent);
}
.active\:bg-accent\/70:active {
  background-color: hsl(var(--accent) / 0.7);
}
.active\:bg-accent\/80:active {
  background-color: hsl(var(--accent) / 0.8);
}
.active\:bg-background:active {
  background-color: hsl(var(--background));
}
.active\:bg-card:active {
  background-color: hsl(var(--card));
}
.active\:bg-destructive\/20:active {
  background-color: hsl(var(--destructive) / 0.2);
}
.active\:bg-foreground:active {
  background-color: hsl(var(--foreground));
}
.active\:bg-foreground\/20:active {
  background-color: hsl(var(--foreground) / 0.2);
}
.active\:bg-foreground\/25:active {
  background-color: hsl(var(--foreground) / 0.25);
}
.active\:bg-foreground\/35:active {
  background-color: hsl(var(--foreground) / 0.35);
}
.active\:bg-gray-100:active {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.active\:bg-gray-900:active {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}
.active\:bg-muted:active {
  background-color: hsl(var(--muted));
}
.active\:bg-muted\/60:active {
  background-color: hsl(var(--muted) / 0.6);
}
.active\:bg-neutral-50\/15:active {
  background-color: rgb(250 250 250 / 0.15);
}
.active\:bg-primary:active {
  background-color: hsl(var(--primary));
}
.active\:bg-primary\/20:active {
  background-color: hsl(var(--primary) / 0.2);
}
.active\:bg-primary\/30:active {
  background-color: hsl(var(--primary) / 0.3);
}
.active\:bg-primary\/60:active {
  background-color: hsl(var(--primary) / 0.6);
}
.active\:bg-secondary:active {
  background-color: hsl(var(--secondary));
}
.active\:bg-sidebar-accent:active {
  background-color: hsl(var(--sidebar-accent));
}
.active\:bg-sidebar-primary:active {
  background-color: hsl(var(--sidebar-primary));
}
.active\:bg-sky-400\/35:active {
  background-color: rgb(56 189 248 / 0.35);
}
.active\:bg-teal-600:active {
  --tw-bg-opacity: 1;
  background-color: rgb(13 148 136 / var(--tw-bg-opacity));
}
.active\:bg-transparent:active {
  background-color: transparent;
}
.active\:bg-white\/10:active {
  background-color: rgb(255 255 255 / 0.1);
}
.active\:bg-white\/25:active {
  background-color: rgb(255 255 255 / 0.25);
}
.active\:bg-white\/35:active {
  background-color: rgb(255 255 255 / 0.35);
}
.active\:text-destructive:active {
  color: hsl(var(--destructive));
}
.active\:text-sidebar-accent-foreground:active {
  color: hsl(var(--sidebar-accent-foreground));
}
.active\:shadow-\[0_1px_1px_rgba\(0\2c 0\2c 0\2c 0\.4\)_inset\]:active {
  --tw-shadow: 0 1px 1px rgba(0,0,0,0.4) inset;
  --tw-shadow-colored: inset 0 1px 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);
}
.active\:shadow-\[0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.4\)_inset\]:active {
  --tw-shadow: 0 1px 2px rgba(0,0,0,0.4) inset;
  --tw-shadow-colored: inset 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.active\:shadow-\[0_2px_0_0_rgba\(0\2c 0\2c 0\2c 0\.35\)\]:active {
  --tw-shadow: 0 2px 0 0 rgba(0,0,0,0.35);
  --tw-shadow-colored: 0 2px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.active\:shadow-\[0_2px_3px_rgba\(0\2c 0\2c 0\2c 0\.5\)_inset\]:active {
  --tw-shadow: 0 2px 3px rgba(0,0,0,0.5) inset;
  --tw-shadow-colored: inset 0 2px 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.active\:shadow-\[0_2px_4px_rgba\(0\2c 0\2c 0\2c 0\.6\)_inset\]:active {
  --tw-shadow: 0 2px 4px rgba(0,0,0,0.6) inset;
  --tw-shadow-colored: inset 0 2px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.active\:shadow-\[0_2px_8px_rgba\(0\2c 0\2c 0\2c 0\.6\)_inset\]:active {
  --tw-shadow: 0 2px 8px rgba(0,0,0,0.6) inset;
  --tw-shadow-colored: inset 0 2px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.active\:shadow-\[0_3px_0_0_rgba\(0\2c 0\2c 0\2c 0\.4\)\]:active {
  --tw-shadow: 0 3px 0 0 rgba(0,0,0,0.4);
  --tw-shadow-colored: 0 3px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.active\:shadow-\[1px_1px_0_0_\#000\]:active {
  --tw-shadow: 1px 1px 0 0 #000;
  --tw-shadow-colored: 1px 1px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.active\:shadow-\[inset_0_0_4px_\#000\2c inset_1px_1px_1px_transparent\2c inset_-1px_-1px_1px_transparent\2c 2px_2px_4px_transparent\]:active {
  --tw-shadow: inset 0 0 4px #000,inset 1px 1px 1px transparent,inset -1px -1px 1px transparent,2px 2px 4px transparent;
  --tw-shadow-colored: inset 0 0 4px var(--tw-shadow-color), inset 1px 1px 1px var(--tw-shadow-color), inset -1px -1px 1px var(--tw-shadow-color), 2px 2px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.active\:shadow-\[inset_2px_2px_4px_\#a3b1c6\2c inset_-2px_-2px_4px_\#ffffff\]:active {
  --tw-shadow: inset 2px 2px 4px #a3b1c6,inset -2px -2px 4px #ffffff;
  --tw-shadow-colored: inset 2px 2px 4px var(--tw-shadow-color), inset -2px -2px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.active\:shadow-inner:active {
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.active\:brightness-150:active {
  --tw-brightness: brightness(1.5);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.active\:brightness-90:active {
  --tw-brightness: brightness(.9);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.active\:brightness-95:active {
  --tw-brightness: brightness(.95);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.disabled\:pointer-events-none:disabled {
  pointer-events: none;
}
.disabled\:pointer-events-auto:disabled {
  pointer-events: auto;
}
.disabled\:invisible:disabled {
  visibility: hidden;
}
.disabled\:cursor-default:disabled {
  cursor: default;
}
.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
.disabled\:bg-input\/50:disabled {
  background-color: hsl(var(--input) / 0.5);
}
.disabled\:bg-muted:disabled {
  background-color: hsl(var(--muted));
}
.disabled\:bg-neutral-800:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
}
.disabled\:bg-primary\/40:disabled {
  background-color: hsl(var(--primary) / 0.4);
}
.disabled\:bg-transparent:disabled {
  background-color: transparent;
}
.disabled\:bg-white\/10:disabled {
  background-color: rgb(255 255 255 / 0.1);
}
.disabled\:bg-zinc-900:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 27 / var(--tw-bg-opacity));
}
.disabled\:from-card\/60:disabled {
  --tw-gradient-from: hsl(var(--card) / 0.6) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--card) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.disabled\:to-card\/60:disabled {
  --tw-gradient-to: hsl(var(--card) / 0.6) var(--tw-gradient-to-position);
}
.disabled\:text-foreground:disabled {
  color: hsl(var(--foreground));
}
.disabled\:text-muted-foreground:disabled {
  color: hsl(var(--muted-foreground));
}
.disabled\:text-muted-foreground\/30:disabled {
  color: hsl(var(--muted-foreground) / 0.3);
}
.disabled\:text-muted-foreground\/50:disabled {
  color: hsl(var(--muted-foreground) / 0.5);
}
.disabled\:text-neutral-600:disabled {
  --tw-text-opacity: 1;
  color: rgb(82 82 82 / var(--tw-text-opacity));
}
.disabled\:text-primary-foreground\/50:disabled {
  color: hsl(var(--primary-foreground) / 0.5);
}
.disabled\:opacity-0:disabled {
  opacity: 0;
}
.disabled\:opacity-100:disabled {
  opacity: 1;
}
.disabled\:opacity-20:disabled {
  opacity: 0.2;
}
.disabled\:opacity-25:disabled {
  opacity: 0.25;
}
.disabled\:opacity-30:disabled {
  opacity: 0.3;
}
.disabled\:opacity-35:disabled {
  opacity: 0.35;
}
.disabled\:opacity-40:disabled {
  opacity: 0.4;
}
.disabled\:opacity-45:disabled {
  opacity: 0.45;
}
.disabled\:opacity-50:disabled {
  opacity: 0.5;
}
.disabled\:opacity-60:disabled {
  opacity: 0.6;
}
.disabled\:opacity-70:disabled {
  opacity: 0.7;
}
.disabled\:opacity-\[0\.38\]:disabled {
  opacity: 0.38;
}
.disabled\:shadow-none:disabled {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.disabled\:hover\:scale-100:hover:disabled {
  --tw-scale-x: 1;
  --tw-scale-y: 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));
}
.disabled\:hover\:bg-transparent:hover:disabled {
  background-color: transparent;
}
.disabled\:hover\:text-foreground:hover:disabled {
  color: hsl(var(--foreground));
}
.disabled\:hover\:text-muted-foreground:hover:disabled {
  color: hsl(var(--muted-foreground));
}
.disabled\:hover\:opacity-65:hover:disabled {
  opacity: 0.65;
}
.disabled\:active\:scale-100:active:disabled {
  --tw-scale-x: 1;
  --tw-scale-y: 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));
}
.group:first-child .group-first\:rounded-l-md {
  border-top-left-radius: calc(var(--radius) - 2px);
  border-bottom-left-radius: calc(var(--radius) - 2px);
}
.group:last-child .group-last\:rounded-r-md {
  border-top-right-radius: calc(var(--radius) - 2px);
  border-bottom-right-radius: calc(var(--radius) - 2px);
}
.group\/reasoning[open] .group-open\/reasoning\:hidden {
  display: none;
}
.group\/reasoning[open] .group-open\/reasoning\:rotate-90 {
  --tw-rotate: 90deg;
  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[open] .group-open\:rotate-0 {
  --tw-rotate: 0deg;
  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[open] .group-open\:rotate-180 {
  --tw-rotate: 180deg;
  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\/block:focus-within .group-focus-within\/block\:pointer-events-auto {
  pointer-events: auto;
}
.group\/block:focus-within .group-focus-within\/block\:max-w-\[999px\] {
  max-width: 999px;
}
.group\/block:focus-within .group-focus-within\/block\:opacity-100 {
  opacity: 1;
}
.group\/column:focus-within .group-focus-within\/column\:opacity-0 {
  opacity: 0;
}
.group\/column:focus-within .group-focus-within\/column\:opacity-100 {
  opacity: 1;
}
.group\/file:focus-within .group-focus-within\/file\:opacity-100 {
  opacity: 1;
}
.group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100 {
  opacity: 1;
}
.group\/message:focus-within .group-focus-within\/message\:opacity-100 {
  opacity: 1;
}
.group\/name-cell:focus-within .group-focus-within\/name-cell\:opacity-100 {
  opacity: 1;
}
.group\/note:focus-within .group-focus-within\/note\:opacity-100 {
  opacity: 1;
}
.group\/pager:focus-within .group-focus-within\/pager\:opacity-100 {
  opacity: 1;
}
.group\/row:focus-within .group-focus-within\/row\:opacity-100 {
  opacity: 1;
}
.group\/tier:focus-within .group-focus-within\/tier\:opacity-100 {
  opacity: 1;
}
.group:focus-within .group-focus-within\:opacity-100 {
  opacity: 1;
}
.group\/block:hover .group-hover\/block\:pointer-events-auto {
  pointer-events: auto;
}
.group\/minipaint:hover .group-hover\/minipaint\:pointer-events-auto {
  pointer-events: auto;
}
.group\/opendaw:hover .group-hover\/opendaw\:pointer-events-auto {
  pointer-events: auto;
}
.group\/threejs:hover .group-hover\/threejs\:pointer-events-auto {
  pointer-events: auto;
}
.group:hover .group-hover\:pointer-events-auto {
  pointer-events: auto;
}
.group\/expand:hover .group-hover\/expand\:visible {
  visibility: visible;
}
.group\/song:hover .group-hover\/song\:visible {
  visibility: visible;
}
.group:hover .group-hover\:visible {
  visibility: visible;
}
.group\/row:hover .group-hover\/row\:invisible {
  visibility: hidden;
}
.group\/song:hover .group-hover\/song\:invisible {
  visibility: hidden;
}
.group:hover .group-hover\:mb-1 {
  margin-bottom: 0.25rem;
}
.group:hover .group-hover\:ml-1 {
  margin-left: 0.25rem;
}
.group:hover .group-hover\:mr-1 {
  margin-right: 0.25rem;
}
.group\/row:hover .group-hover\/row\:block {
  display: block;
}
.group\/type:hover .group-hover\/type\:block {
  display: block;
}
.group:hover .group-hover\:block {
  display: block;
}
.group:hover .group-hover\:inline {
  display: inline;
}
.group\/row:hover .group-hover\/row\:flex {
  display: flex;
}
.group\/tab:hover .group-hover\/tab\:flex {
  display: flex;
}
.group:hover .group-hover\:flex {
  display: flex;
}
.group\/lk:hover .group-hover\/lk\:inline-flex {
  display: inline-flex;
}
.group\/row:hover .group-hover\/row\:inline-flex {
  display: inline-flex;
}
.group:hover .group-hover\:inline-flex {
  display: inline-flex;
}
.group\/row:hover .group-hover\/row\:hidden {
  display: none;
}
.group:hover .group-hover\:hidden {
  display: none;
}
.group\/message:hover .group-hover\/message\:h-auto {
  height: auto;
}
.group:hover .group-hover\:h-1\.5 {
  height: 0.375rem;
}
.group:hover .group-hover\:max-h-\[2rem\] {
  max-height: 2rem;
}
.group:hover .group-hover\:max-h-\[7rem\] {
  max-height: 7rem;
}
.group\/dash-nav:hover .group-hover\/dash-nav\:w-3\.5 {
  width: 0.875rem;
}
.group\/tn-nav:hover .group-hover\/tn-nav\:w-3\.5 {
  width: 0.875rem;
}
.group:hover .group-hover\:w-1 {
  width: 0.25rem;
}
.group:hover .group-hover\:w-4\/5 {
  width: 80%;
}
.group:hover .group-hover\:w-5 {
  width: 1.25rem;
}
.group:hover .group-hover\:w-6 {
  width: 1.5rem;
}
.group:hover .group-hover\:w-\[calc\(100\%-8px\)\] {
  width: calc(100% - 8px);
}
.group:hover .group-hover\:w-full {
  width: 100%;
}
.group\/block:hover .group-hover\/block\:max-w-\[999px\] {
  max-width: 999px;
}
.group:hover .group-hover\:max-w-\[7rem\] {
  max-width: 7rem;
}
.group\/btn:hover .group-hover\/btn\:translate-x-0\.5 {
  --tw-translate-x: 0.125rem;
  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\/card:hover .group-hover\/card\:-translate-y-0\.5 {
  --tw-translate-y: -0.125rem;
  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\/card:hover .group-hover\/card\:-translate-y-3 {
  --tw-translate-y: -0.75rem;
  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\/card:hover .group-hover\/card\:-translate-y-6 {
  --tw-translate-y: -1.5rem;
  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\:-translate-x-1\/2 {
  --tw-translate-x: -50%;
  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\:-translate-x-\[35\%\] {
  --tw-translate-x: -35%;
  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\:-translate-x-\[65\%\] {
  --tw-translate-x: -65%;
  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\:-translate-x-full {
  --tw-translate-x: -100%;
  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\:-translate-y-0\.5 {
  --tw-translate-y: -0.125rem;
  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\:-translate-y-full {
  --tw-translate-y: -100%;
  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\:-translate-y-px {
  --tw-translate-y: -1px;
  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\:translate-x-0 {
  --tw-translate-x: 0px;
  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\:translate-x-0\.5 {
  --tw-translate-x: 0.125rem;
  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\:translate-x-1 {
  --tw-translate-x: 0.25rem;
  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\:translate-x-10 {
  --tw-translate-x: 2.5rem;
  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\:translate-x-4 {
  --tw-translate-x: 1rem;
  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\:translate-x-full {
  --tw-translate-x: 100%;
  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\:translate-y-0 {
  --tw-translate-y: 0px;
  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\:translate-y-\[-10px\] {
  --tw-translate-y: -10px;
  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\:translate-y-\[-5px\] {
  --tw-translate-y: -5px;
  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\:translate-y-\[4px\] {
  --tw-translate-y: 4px;
  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\/button:hover .group-hover\/button\:rotate-90 {
  --tw-rotate: 90deg;
  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\:-rotate-3 {
  --tw-rotate: -3deg;
  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\:-rotate-\[15deg\] {
  --tw-rotate: -15deg;
  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\:rotate-12 {
  --tw-rotate: 12deg;
  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\:rotate-180 {
  --tw-rotate: 180deg;
  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\:rotate-45 {
  --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));
}
.group:hover .group-hover\:rotate-\[15deg\] {
  --tw-rotate: 15deg;
  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\/add:hover .group-hover\/add\:scale-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  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\/btn:hover .group-hover\/btn\:scale-110 {
  --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));
}
.group\/card:hover .group-hover\/card\:scale-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  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\/card:hover .group-hover\/card\:scale-110 {
  --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));
}
.group\/card:hover .group-hover\/card\:scale-125 {
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  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\/tile:hover .group-hover\/tile\:scale-\[1\.04\] {
  --tw-scale-x: 1.04;
  --tw-scale-y: 1.04;
  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;
  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-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  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;
  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-125 {
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  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-\[1\.02\] {
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  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-\[1\.03\] {
  --tw-scale-x: 1.03;
  --tw-scale-y: 1.03;
  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-\[1\.05\] {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  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\/add:hover .group-hover\/add\:border-primary\/30 {
  border-color: hsl(var(--primary) / 0.3);
}
.group\/new-shelf:hover .group-hover\/new-shelf\:border-white\/45 {
  border-color: rgb(255 255 255 / 0.45);
}
.group\/row:hover .group-hover\/row\:border-border\/40 {
  border-color: hsl(var(--border) / 0.4);
}
.group:hover .group-hover\:border-blue-500\/30 {
  border-color: rgb(59 130 246 / 0.3);
}
.group:hover .group-hover\:border-border {
  border-color: hsl(var(--border));
}
.group:hover .group-hover\:border-border\/40 {
  border-color: hsl(var(--border) / 0.4);
}
.group:hover .group-hover\:border-foreground\/30 {
  border-color: hsl(var(--foreground) / 0.3);
}
.group:hover .group-hover\:border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.group:hover .group-hover\:border-muted-foreground\/50 {
  border-color: hsl(var(--muted-foreground) / 0.5);
}
.group:hover .group-hover\:border-neutral-300 {
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212 / var(--tw-border-opacity));
}
.group:hover .group-hover\:border-neutral-600 {
  --tw-border-opacity: 1;
  border-color: rgb(82 82 82 / var(--tw-border-opacity));
}
.group:hover .group-hover\:border-orange-500\/30 {
  border-color: rgb(249 115 22 / 0.3);
}
.group:hover .group-hover\:border-primary {
  border-color: hsl(var(--primary));
}
.group:hover .group-hover\:border-primary\/40 {
  border-color: hsl(var(--primary) / 0.4);
}
.group:hover .group-hover\:border-purple-500\/30 {
  border-color: rgb(168 85 247 / 0.3);
}
.group:hover .group-hover\:border-sidebar-primary\/40 {
  border-color: hsl(var(--sidebar-primary) / 0.4);
}
.group:hover .group-hover\:border-stone-300 {
  --tw-border-opacity: 1;
  border-color: rgb(214 211 209 / var(--tw-border-opacity));
}
.group:hover .group-hover\:border-stone-400 {
  --tw-border-opacity: 1;
  border-color: rgb(168 162 158 / var(--tw-border-opacity));
}
.group:hover .group-hover\:border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.group:hover .group-hover\:border-white\/30 {
  border-color: rgb(255 255 255 / 0.3);
}
.group\/handle:hover .group-hover\/handle\:bg-border {
  background-color: hsl(var(--border));
}
.group\/hub-row:hover .group-hover\/hub-row\:bg-sidebar-accent {
  background-color: hsl(var(--sidebar-accent));
}
.group\/new-shelf:hover .group-hover\/new-shelf\:bg-white\/\[0\.04\] {
  background-color: rgb(255 255 255 / 0.04);
}
.group\/resize:hover .group-hover\/resize\:bg-primary {
  background-color: hsl(var(--primary));
}
.group\/resize:hover .group-hover\/resize\:bg-primary\/40 {
  background-color: hsl(var(--primary) / 0.4);
}
.group\/resize:hover .group-hover\/resize\:bg-primary\/50 {
  background-color: hsl(var(--primary) / 0.5);
}
.group\/row:hover .group-hover\/row\:bg-accent\/40 {
  background-color: hsl(var(--accent) / 0.4);
}
.group:hover .group-hover\:bg-\[\#333\] {
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-\[oklch\(0\.2322_0\.0201_212\.57\)\] {
  background-color: oklch(0.2322 0.0201 212.57);
}
.group:hover .group-hover\:bg-\[var\(--wet-paint-hover\2c \#4f46e5\)\] {
  background-color: var(--wet-paint-hover,#4f46e5);
}
.group:hover .group-hover\:bg-accent {
  background-color: hsl(var(--accent));
}
.group:hover .group-hover\:bg-accent\/10 {
  background-color: hsl(var(--accent) / 0.1);
}
.group:hover .group-hover\:bg-accent\/50 {
  background-color: hsl(var(--accent) / 0.5);
}
.group:hover .group-hover\:bg-background {
  background-color: hsl(var(--background));
}
.group:hover .group-hover\:bg-background\/20 {
  background-color: hsl(var(--background) / 0.2);
}
.group:hover .group-hover\:bg-background\/30 {
  background-color: hsl(var(--background) / 0.3);
}
.group:hover .group-hover\:bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-black\/10 {
  background-color: rgb(0 0 0 / 0.1);
}
.group:hover .group-hover\:bg-black\/20 {
  background-color: rgb(0 0 0 / 0.2);
}
.group:hover .group-hover\:bg-black\/30 {
  background-color: rgb(0 0 0 / 0.3);
}
.group:hover .group-hover\:bg-black\/40 {
  background-color: rgb(0 0 0 / 0.4);
}
.group:hover .group-hover\:bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-border {
  background-color: hsl(var(--border));
}
.group:hover .group-hover\:bg-border\/70 {
  background-color: hsl(var(--border) / 0.7);
}
.group:hover .group-hover\:bg-card {
  background-color: hsl(var(--card));
}
.group:hover .group-hover\:bg-card\/75 {
  background-color: hsl(var(--card) / 0.75);
}
.group:hover .group-hover\:bg-cyan-500\/10 {
  background-color: rgb(6 182 212 / 0.1);
}
.group:hover .group-hover\:bg-foreground\/10 {
  background-color: hsl(var(--foreground) / 0.1);
}
.group:hover .group-hover\:bg-foreground\/20 {
  background-color: hsl(var(--foreground) / 0.2);
}
.group:hover .group-hover\:bg-foreground\/80 {
  background-color: hsl(var(--foreground) / 0.8);
}
.group:hover .group-hover\:bg-muted {
  background-color: hsl(var(--muted));
}
.group:hover .group-hover\:bg-muted-foreground\/25 {
  background-color: hsl(var(--muted-foreground) / 0.25);
}
.group:hover .group-hover\:bg-muted\/50 {
  background-color: hsl(var(--muted) / 0.5);
}
.group:hover .group-hover\:bg-muted\/80 {
  background-color: hsl(var(--muted) / 0.8);
}
.group:hover .group-hover\:bg-neutral-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(163 163 163 / var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-notion-green {
  --tw-bg-opacity: 1;
  background-color: rgb(46 168 115 / var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-notion-red {
  --tw-bg-opacity: 1;
  background-color: rgb(226 85 83 / var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-orange-500\/20 {
  background-color: rgb(249 115 22 / 0.2);
}
.group:hover .group-hover\:bg-pink-500\/20 {
  background-color: rgb(236 72 153 / 0.2);
}
.group:hover .group-hover\:bg-primary {
  background-color: hsl(var(--primary));
}
.group:hover .group-hover\:bg-primary\/10 {
  background-color: hsl(var(--primary) / 0.1);
}
.group:hover .group-hover\:bg-primary\/20 {
  background-color: hsl(var(--primary) / 0.2);
}
.group:hover .group-hover\:bg-primary\/5 {
  background-color: hsl(var(--primary) / 0.05);
}
.group:hover .group-hover\:bg-primary\/50 {
  background-color: hsl(var(--primary) / 0.5);
}
.group:hover .group-hover\:bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-sidebar-border {
  background-color: hsl(var(--sidebar-border));
}
.group:hover .group-hover\:bg-sidebar-primary\/15 {
  background-color: hsl(var(--sidebar-primary) / 0.15);
}
.group:hover .group-hover\:bg-sky-500\/20 {
  background-color: rgb(14 165 233 / 0.2);
}
.group:hover .group-hover\:bg-violet-500\/20 {
  background-color: rgb(139 92 246 / 0.2);
}
.group:hover .group-hover\:bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-white\/15 {
  background-color: rgb(255 255 255 / 0.15);
}
.group:hover .group-hover\:bg-white\/30 {
  background-color: rgb(255 255 255 / 0.3);
}
.group:hover .group-hover\:bg-white\/40 {
  background-color: rgb(255 255 255 / 0.4);
}
.group:hover .group-hover\:bg-white\/45 {
  background-color: rgb(255 255 255 / 0.45);
}
.group:hover .group-hover\:bg-white\/55 {
  background-color: rgb(255 255 255 / 0.55);
}
.group:hover .group-hover\:bg-white\/90 {
  background-color: rgb(255 255 255 / 0.9);
}
.group:hover .group-hover\:bg-yellow-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-zinc-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(228 228 231 / var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-zinc-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(63 63 70 / var(--tw-bg-opacity));
}
.group:hover .group-hover\:from-indigo-400\/60 {
  --tw-gradient-from: rgb(129 140 248 / 0.6) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(129 140 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.group:hover .group-hover\:to-indigo-500\/40 {
  --tw-gradient-to: rgb(99 102 241 / 0.4) var(--tw-gradient-to-position);
}
.group\/handle:hover .group-hover\/handle\:fill-sky-300 {
  fill: #7dd3fc;
}
.group:hover .group-hover\:fill-\[var\(--wet-paint-hover\2c \#4f46e5\)\] {
  fill: var(--wet-paint-hover,#4f46e5);
}
.group:hover .group-hover\:fill-notion-green {
  fill: #2ea873;
}
.group:hover .group-hover\:fill-notion-red {
  fill: #e25553;
}
.group:hover .group-hover\:stroke-destructive {
  stroke: hsl(var(--destructive));
}
.group:hover .group-hover\:stroke-\[3px\] {
  stroke-width: 3px;
}
.group:hover .group-hover\:pl-2 {
  padding-left: 0.5rem;
}
.group:hover .group-hover\:pr-2 {
  padding-right: 0.5rem;
}
.group\/item:hover .group-hover\/item\:text-foreground {
  color: hsl(var(--foreground));
}
.group\/link:hover .group-hover\/link\:text-primary {
  color: hsl(var(--primary));
}
.group\/new-shelf:hover .group-hover\/new-shelf\:text-white\/85 {
  color: rgb(255 255 255 / 0.85);
}
.group\/new-shelf:hover .group-hover\/new-shelf\:text-white\/90 {
  color: rgb(255 255 255 / 0.9);
}
.group:hover .group-hover\:text-\[\#0A0A0A\] {
  --tw-text-opacity: 1;
  color: rgb(10 10 10 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-\[\#10a37f\] {
  --tw-text-opacity: 1;
  color: rgb(16 163 127 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-\[\#1a1a1a\]\/60 {
  color: rgb(26 26 26 / 0.6);
}
.group:hover .group-hover\:text-\[\#444\] {
  --tw-text-opacity: 1;
  color: rgb(68 68 68 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-\[\#6a6a6a\] {
  --tw-text-opacity: 1;
  color: rgb(106 106 106 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-\[\#D9FE00\] {
  --tw-text-opacity: 1;
  color: rgb(217 254 0 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-\[\#f1f1f1\] {
  --tw-text-opacity: 1;
  color: rgb(241 241 241 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-\[oklch\(0\.953_0\.1051_123\.71\)\] {
  color: oklch(0.953 0.1051 123.71);
}
.group:hover .group-hover\:text-\[var\(--accent\)\] {
  color: var(--accent);
}
.group:hover .group-hover\:text-accent {
  color: hsl(var(--accent));
}
.group:hover .group-hover\:text-amber-300 {
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-amber-400 {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-blue-100 {
  --tw-text-opacity: 1;
  color: rgb(219 234 254 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-cyan-400 {
  --tw-text-opacity: 1;
  color: rgb(34 211 238 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-emerald-400 {
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-foreground {
  color: hsl(var(--foreground));
}
.group:hover .group-hover\:text-foreground\/70 {
  color: hsl(var(--foreground) / 0.7);
}
.group:hover .group-hover\:text-foreground\/80 {
  color: hsl(var(--foreground) / 0.8);
}
.group:hover .group-hover\:text-foreground\/90 {
  color: hsl(var(--foreground) / 0.9);
}
.group:hover .group-hover\:text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-indigo-400 {
  --tw-text-opacity: 1;
  color: rgb(129 140 248 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-lime {
  color: var(--aether-lime);
}
.group:hover .group-hover\:text-muted-foreground {
  color: hsl(var(--muted-foreground));
}
.group:hover .group-hover\:text-muted-foreground\/50 {
  color: hsl(var(--muted-foreground) / 0.5);
}
.group:hover .group-hover\:text-muted-foreground\/60 {
  color: hsl(var(--muted-foreground) / 0.6);
}
.group:hover .group-hover\:text-muted-foreground\/70 {
  color: hsl(var(--muted-foreground) / 0.7);
}
.group:hover .group-hover\:text-neutral-200 {
  --tw-text-opacity: 1;
  color: rgb(229 229 229 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-neutral-500 {
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-neutral-600 {
  --tw-text-opacity: 1;
  color: rgb(82 82 82 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-neutral-950 {
  --tw-text-opacity: 1;
  color: rgb(10 10 10 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-orange-500 {
  --tw-text-opacity: 1;
  color: rgb(249 115 22 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-pink-500 {
  --tw-text-opacity: 1;
  color: rgb(236 72 153 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-primary {
  color: hsl(var(--primary));
}
.group:hover .group-hover\:text-primary-foreground {
  color: hsl(var(--primary-foreground));
}
.group:hover .group-hover\:text-primary\/70 {
  color: hsl(var(--primary) / 0.7);
}
.group:hover .group-hover\:text-purple-500 {
  --tw-text-opacity: 1;
  color: rgb(168 85 247 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-sidebar-foreground {
  color: hsl(var(--sidebar-foreground));
}
.group:hover .group-hover\:text-sidebar-primary {
  color: hsl(var(--sidebar-primary));
}
.group:hover .group-hover\:text-slate-300 {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-stone-700 {
  --tw-text-opacity: 1;
  color: rgb(68 64 60 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-teal-500 {
  --tw-text-opacity: 1;
  color: rgb(20 184 166 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-white\/100 {
  color: rgb(255 255 255 / 1);
}
.group:hover .group-hover\:text-white\/60 {
  color: rgb(255 255 255 / 0.6);
}
.group:hover .group-hover\:text-white\/70 {
  color: rgb(255 255 255 / 0.7);
}
.group:hover .group-hover\:text-white\/90 {
  color: rgb(255 255 255 / 0.9);
}
.group:hover .group-hover\:text-yellow-300 {
  --tw-text-opacity: 1;
  color: rgb(253 224 71 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-zinc-300 {
  --tw-text-opacity: 1;
  color: rgb(212 212 216 / var(--tw-text-opacity));
}
.group:hover .group-hover\:underline {
  text-decoration-line: underline;
}
.group:hover .group-hover\:underline-offset-2 {
  text-underline-offset: 2px;
}
.group\/actions:hover .group-hover\/actions\:opacity-100 {
  opacity: 1;
}
.group\/aiimg:hover .group-hover\/aiimg\:opacity-100 {
  opacity: 1;
}
.group\/art:hover .group-hover\/art\:opacity-100 {
  opacity: 1;
}
.group\/atag:hover .group-hover\/atag\:opacity-100 {
  opacity: 1;
}
.group\/back:hover .group-hover\/back\:opacity-0 {
  opacity: 0;
}
.group\/block:hover .group-hover\/block\:opacity-100 {
  opacity: 1;
}
.group\/brand:hover .group-hover\/brand\:opacity-100 {
  opacity: 1;
}
.group\/btn:hover .group-hover\/btn\:opacity-100 {
  opacity: 1;
}
.group\/bullet:hover .group-hover\/bullet\:opacity-100 {
  opacity: 1;
}
.group\/button:hover .group-hover\/button\:opacity-100 {
  opacity: 1;
}
.group\/c:hover .group-hover\/c\:opacity-50 {
  opacity: 0.5;
}
.group\/card:hover .group-hover\/card\:opacity-100 {
  opacity: 1;
}
.group\/carousel:hover .group-hover\/carousel\:opacity-100 {
  opacity: 1;
}
.group\/cat:hover .group-hover\/cat\:opacity-100 {
  opacity: 1;
}
.group\/category:hover .group-hover\/category\:opacity-100 {
  opacity: 1;
}
.group\/catlabel:hover .group-hover\/catlabel\:opacity-100 {
  opacity: 1;
}
.group\/catlabel:hover .group-hover\/catlabel\:opacity-60 {
  opacity: 0.6;
}
.group\/cell:hover .group-hover\/cell\:opacity-100 {
  opacity: 1;
}
.group\/cell:hover .group-hover\/cell\:opacity-70 {
  opacity: 0.7;
}
.group\/chip:hover .group-hover\/chip\:opacity-100 {
  opacity: 1;
}
.group\/cohort:hover .group-hover\/cohort\:opacity-100 {
  opacity: 1;
}
.group\/col-header:hover .group-hover\/col-header\:opacity-70 {
  opacity: 0.7;
}
.group\/col:hover .group-hover\/col\:opacity-100 {
  opacity: 1;
}
.group\/col:hover .group-hover\/col\:opacity-60 {
  opacity: 0.6;
}
.group\/col:hover .group-hover\/col\:opacity-70 {
  opacity: 0.7;
}
.group\/collapsed:hover .group-hover\/collapsed\:opacity-100 {
  opacity: 1;
}
.group\/column-header:hover .group-hover\/column-header\:opacity-100 {
  opacity: 1;
}
.group\/column:hover .group-hover\/column\:opacity-0 {
  opacity: 0;
}
.group\/column:hover .group-hover\/column\:opacity-100 {
  opacity: 1;
}
.group\/comp:hover .group-hover\/comp\:opacity-100 {
  opacity: 1;
}
.group\/dash-nav:hover .group-hover\/dash-nav\:opacity-100 {
  opacity: 1;
}
.group\/drag:hover .group-hover\/drag\:opacity-100 {
  opacity: 1;
}
.group\/file:hover .group-hover\/file\:opacity-100 {
  opacity: 1;
}
.group\/filled:hover .group-hover\/filled\:opacity-100 {
  opacity: 1;
}
.group\/frame:hover .group-hover\/frame\:opacity-100 {
  opacity: 1;
}
.group\/gantt-bar-group:hover .group-hover\/gantt-bar-group\:opacity-100 {
  opacity: 1;
}
.group\/gantt-row:hover .group-hover\/gantt-row\:opacity-100 {
  opacity: 1;
}
.group\/gantt-splitter:hover .group-hover\/gantt-splitter\:opacity-100 {
  opacity: 1;
}
.group\/group:hover .group-hover\/group\:opacity-100 {
  opacity: 1;
}
.group\/hdr:hover .group-hover\/hdr\:opacity-100 {
  opacity: 1;
}
.group\/html:hover .group-hover\/html\:opacity-100 {
  opacity: 1;
}
.group\/hub-row:hover .group-hover\/hub-row\:opacity-80 {
  opacity: 0.8;
}
.group\/img:hover .group-hover\/img\:opacity-100 {
  opacity: 1;
}
.group\/item:hover .group-hover\/item\:opacity-100 {
  opacity: 1;
}
.group\/item:hover .group-hover\/item\:opacity-40 {
  opacity: 0.4;
}
.group\/item:hover .group-hover\/item\:opacity-50 {
  opacity: 0.5;
}
.group\/kanban-column:hover .group-hover\/kanban-column\:opacity-100 {
  opacity: 1;
}
.group\/lights:hover .group-hover\/lights\:opacity-60 {
  opacity: 0.6;
}
.group\/link:hover .group-hover\/link\:opacity-100 {
  opacity: 1;
}
.group\/lk:hover .group-hover\/lk\:opacity-100 {
  opacity: 1;
}
.group\/menu-item:hover .group-hover\/menu-item\:opacity-100 {
  opacity: 1;
}
.group\/message:hover .group-hover\/message\:opacity-100 {
  opacity: 1;
}
.group\/minipaint:hover .group-hover\/minipaint\:opacity-100 {
  opacity: 1;
}
.group\/mrow:hover .group-hover\/mrow\:opacity-100 {
  opacity: 1;
}
.group\/name-cell:hover .group-hover\/name-cell\:opacity-100 {
  opacity: 1;
}
.group\/name:hover .group-hover\/name\:opacity-100 {
  opacity: 1;
}
.group\/navigation-section:hover .group-hover\/navigation-section\:opacity-100 {
  opacity: 1;
}
.group\/note:hover .group-hover\/note\:opacity-100 {
  opacity: 1;
}
.group\/opendaw:hover .group-hover\/opendaw\:opacity-100 {
  opacity: 1;
}
.group\/page-header:hover .group-hover\/page-header\:opacity-100 {
  opacity: 1;
}
.group\/pager:hover .group-hover\/pager\:opacity-100 {
  opacity: 1;
}
.group\/pill:hover .group-hover\/pill\:opacity-70 {
  opacity: 0.7;
}
.group\/player:hover .group-hover\/player\:opacity-100 {
  opacity: 1;
}
.group\/progress:hover .group-hover\/progress\:opacity-100 {
  opacity: 1;
}
.group\/row:hover .group-hover\/row\:opacity-100 {
  opacity: 1;
}
.group\/row:hover .group-hover\/row\:opacity-40 {
  opacity: 0.4;
}
.group\/row:hover .group-hover\/row\:opacity-60 {
  opacity: 0.6;
}
.group\/rowhdr:hover .group-hover\/rowhdr\:opacity-0 {
  opacity: 0;
}
.group\/rowhdr:hover .group-hover\/rowhdr\:opacity-100 {
  opacity: 1;
}
.group\/section:hover .group-hover\/section\:opacity-100 {
  opacity: 1;
}
.group\/shelf:hover .group-hover\/shelf\:opacity-100 {
  opacity: 1;
}
.group\/shelf:hover .group-hover\/shelf\:opacity-60 {
  opacity: 0.6;
}
.group\/slide:hover .group-hover\/slide\:opacity-100 {
  opacity: 1;
}
.group\/slot:hover .group-hover\/slot\:opacity-100 {
  opacity: 1;
}
.group\/sortable:hover .group-hover\/sortable\:opacity-100 {
  opacity: 1;
}
.group\/stack-row:hover .group-hover\/stack-row\:opacity-60 {
  opacity: 0.6;
}
.group\/sub:hover .group-hover\/sub\:opacity-100 {
  opacity: 1;
}
.group\/tab:hover .group-hover\/tab\:opacity-100 {
  opacity: 1;
}
.group\/tag:hover .group-hover\/tag\:opacity-100 {
  opacity: 1;
}
.group\/task:hover .group-hover\/task\:opacity-100 {
  opacity: 1;
}
.group\/threejs:hover .group-hover\/threejs\:opacity-100 {
  opacity: 1;
}
.group\/tier:hover .group-hover\/tier\:opacity-100 {
  opacity: 1;
}
.group\/tile:hover .group-hover\/tile\:opacity-100 {
  opacity: 1;
}
.group\/title:hover .group-hover\/title\:opacity-100 {
  opacity: 1;
}
.group\/tn-nav:hover .group-hover\/tn-nav\:opacity-100 {
  opacity: 1;
}
.group\/todo:hover .group-hover\/todo\:opacity-100 {
  opacity: 1;
}
.group\/ver:hover .group-hover\/ver\:opacity-100 {
  opacity: 1;
}
.group\/volume:hover .group-hover\/volume\:opacity-100 {
  opacity: 1;
}
.group:hover .group-hover\:opacity-0 {
  opacity: 0;
}
.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}
.group:hover .group-hover\:opacity-30 {
  opacity: 0.3;
}
.group:hover .group-hover\:opacity-40 {
  opacity: 0.4;
}
.group:hover .group-hover\:opacity-50 {
  opacity: 0.5;
}
.group:hover .group-hover\:opacity-60 {
  opacity: 0.6;
}
.group:hover .group-hover\:opacity-70 {
  opacity: 0.7;
}
.group:hover .group-hover\:opacity-80 {
  opacity: 0.8;
}
.group:hover .group-hover\:opacity-90 {
  opacity: 0.9;
}
.group:hover .group-hover\:opacity-95 {
  opacity: 0.95;
}
.group:hover .group-hover\:opacity-\[0\.02\] {
  opacity: 0.02;
}
.group\/card:hover .group-hover\/card\:shadow-2xl {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group\/card:hover .group-hover\/card\:shadow-xl {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:hover .group-hover\:shadow-\[0_0_30px_hsl\(var\(--primary\)\/0\.3\)\] {
  --tw-shadow: 0 0 30px hsl(var(--primary)/0.3);
  --tw-shadow-colored: 0 0 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:hover .group-hover\:shadow-\[0_10px_30px_rgba\(15\2c 23\2c 42\2c 0\.3\)\] {
  --tw-shadow: 0 10px 30px rgba(15,23,42,0.3);
  --tw-shadow-colored: 0 10px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:hover .group-hover\:shadow-\[0_20px_40px_rgba\(0\2c 0\2c 0\2c \.2\)\] {
  --tw-shadow: 0 20px 40px rgba(0,0,0,.2);
  --tw-shadow-colored: 0 20px 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:hover .group-hover\:shadow-\[0_8px_30px_-12px_oklch\(0\.47_0\.19_264\/0\.35\)\] {
  --tw-shadow: 0 8px 30px -12px oklch(0.47 0.19 264/0.35);
  --tw-shadow-colored: 0 8px 30px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:hover .group-hover\:shadow-\[inset_0_20px_40px_\#fbbf24\2c _inset_0_-20px_40px_\#d97706\] {
  --tw-shadow: inset 0 20px 40px #fbbf24, inset 0 -20px 40px #d97706;
  --tw-shadow-colored: inset 0 20px 40px var(--tw-shadow-color), inset 0 -20px 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:hover .group-hover\:shadow-lg {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:hover .group-hover\:shadow-xl {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group\/card:hover .group-hover\/card\:shadow-accent\/40 {
  --tw-shadow-color: hsl(var(--accent) / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary\/5 {
  --tw-shadow-color: hsl(var(--primary) / 0.05);
  --tw-shadow: var(--tw-shadow-colored);
}
.group\/card:hover .group-hover\/card\:ring-1 {
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.group\/card:hover .group-hover\/card\:ring-2 {
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.group\/card:hover .group-hover\/card\:ring-accent {
  --tw-ring-color: hsl(var(--accent));
}
.group\/card:hover .group-hover\/card\:ring-white\/70 {
  --tw-ring-color: rgb(255 255 255 / 0.7);
}
.group:hover .group-hover\:ring-foreground\/\[0\.08\] {
  --tw-ring-color: hsl(var(--foreground) / 0.08);
}
.group:hover .group-hover\:ring-primary\/20 {
  --tw-ring-color: hsl(var(--primary) / 0.2);
}
.group:hover .group-hover\:ring-primary\/40 {
  --tw-ring-color: hsl(var(--primary) / 0.4);
}
.group:hover .group-hover\:blur-\[1px\] {
  --tw-blur: blur(1px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.group\/preview:hover .group-hover\/preview\:brightness-105 {
  --tw-brightness: brightness(1.05);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.group:hover .group-hover\:brightness-110 {
  --tw-brightness: brightness(1.1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.group:hover .group-hover\:transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.group:hover .group-hover\:\[animation-play-state\:paused\] {
  animation-play-state: paused;
}
.group:hover .group-hover\:\[stroke-dashoffset\:12\] {
  stroke-dashoffset: 12;
}
.group:hover .group-hover\:\[transform\:rotateX\(-20deg\)\] {
  transform: rotateX(-20deg);
}
.group:hover .group-hover\:\[transform\:rotateX\(-30deg\)\] {
  transform: rotateX(-30deg);
}
.group:hover .group-hover\:\[transform\:rotateX\(-38deg\)\] {
  transform: rotateX(-38deg);
}
.group:hover .group-hover\:\[transform\:rotateX\(-46deg\)_translateY\(1px\)\] {
  transform: rotateX(-46deg) translateY(1px);
}
.group:hover .group-hover\:\[transform\:rotateY\(-18deg\)\] {
  transform: rotateY(-18deg);
}
.group:hover .group-hover\:hover\:opacity-100:hover {
  opacity: 1;
}
.group:focus .group-focus\:inline {
  display: inline;
}
.group\/context-menu-item:focus .group-focus\/context-menu-item\:text-accent-foreground {
  color: hsl(var(--accent-foreground));
}
.group\/dropdown-menu-item:focus .group-focus\/dropdown-menu-item\:text-accent-foreground {
  color: hsl(var(--accent-foreground));
}
.group:focus-visible .group-focus-visible\:pointer-events-auto {
  pointer-events: auto;
}
.group\/menu-button:focus-visible .group-focus-visible\/menu-button\:block {
  display: block;
}
.group\/menu-button:focus-visible .group-focus-visible\/menu-button\:hidden {
  display: none;
}
.group:focus-visible .group-focus-visible\:-translate-y-full {
  --tw-translate-y: -100%;
  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:focus-visible .group-focus-visible\:translate-y-0 {
  --tw-translate-y: 0px;
  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:focus-visible .group-focus-visible\:scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 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));
}
.group:focus-visible .group-focus-visible\:border-primary {
  border-color: hsl(var(--primary));
}
.group:focus-visible .group-focus-visible\:border-sidebar-primary {
  border-color: hsl(var(--sidebar-primary));
}
.group:focus-visible .group-focus-visible\:text-primary-foreground {
  color: hsl(var(--primary-foreground));
}
.group\/gantt-splitter:focus-visible .group-focus-visible\/gantt-splitter\:opacity-100 {
  opacity: 1;
}
.group:focus-visible .group-focus-visible\:opacity-0 {
  opacity: 0;
}
.group:focus-visible .group-focus-visible\:opacity-100 {
  opacity: 1;
}
.group:focus-visible .group-focus-visible\:shadow-\[0_20px_40px_rgba\(0\2c 0\2c 0\2c \.2\)\] {
  --tw-shadow: 0 20px 40px rgba(0,0,0,.2);
  --tw-shadow-colored: 0 20px 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:focus-visible .group-focus-visible\:shadow-\[inset_0_20px_40px_\#fbbf24\2c _inset_0_-20px_40px_\#d97706\] {
  --tw-shadow: inset 0 20px 40px #fbbf24, inset 0 -20px 40px #d97706;
  --tw-shadow-colored: inset 0 20px 40px var(--tw-shadow-color), inset 0 -20px 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:focus-visible .group-focus-visible\:ring-2 {
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.group:focus-visible .group-focus-visible\:ring-neutral-400\/50 {
  --tw-ring-color: rgb(163 163 163 / 0.5);
}
.group:focus-visible .group-focus-visible\:ring-ring {
  --tw-ring-color: hsl(var(--ring));
}
.group:focus-visible .group-focus-visible\:ring-white {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
}
.group:focus-visible .group-focus-visible\:\[transform\:rotateX\(-20deg\)\] {
  transform: rotateX(-20deg);
}
.group:focus-visible .group-focus-visible\:\[transform\:rotateX\(-30deg\)\] {
  transform: rotateX(-30deg);
}
.group:focus-visible .group-focus-visible\:\[transform\:rotateX\(-38deg\)\] {
  transform: rotateX(-38deg);
}
.group:focus-visible .group-focus-visible\:\[transform\:rotateX\(-46deg\)_translateY\(1px\)\] {
  transform: rotateX(-46deg) translateY(1px);
}
.group:active .group-active\:translate-y-0 {
  --tw-translate-y: 0px;
  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:active .group-active\:scale-90 {
  --tw-scale-x: .9;
  --tw-scale-y: .9;
  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:active .group-active\:scale-95 {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  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:active .group-active\:scale-\[0\.99\] {
  --tw-scale-x: 0.99;
  --tw-scale-y: 0.99;
  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:active .group-active\:bg-foreground\/30 {
  background-color: hsl(var(--foreground) / 0.3);
}
.group:active .group-active\:bg-muted-foreground\/40 {
  background-color: hsl(var(--muted-foreground) / 0.4);
}
.group.destructive .group-\[\.destructive\]\:border-muted\/40 {
  border-color: hsl(var(--muted) / 0.4);
}
.group.toast .group-\[\.toast\]\:border-border {
  border-color: hsl(var(--border));
}
.group.toaster .group-\[\.toaster\]\:border-border {
  border-color: hsl(var(--border));
}
.group.toast .group-\[\.toast\]\:bg-background {
  background-color: hsl(var(--background));
}
.group.toast .group-\[\.toast\]\:bg-muted {
  background-color: hsl(var(--muted));
}
.group.toast .group-\[\.toast\]\:bg-primary {
  background-color: hsl(var(--primary));
}
.group.toaster .group-\[\.toaster\]\:bg-background {
  background-color: hsl(var(--background));
}
.group.destructive .group-\[\.destructive\]\:text-red-300 {
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity));
}
.group.toast .group-\[\.toast\]\:text-foreground {
  color: hsl(var(--foreground));
}
.group.toast .group-\[\.toast\]\:text-muted-foreground {
  color: hsl(var(--muted-foreground));
}
.group.toast .group-\[\.toast\]\:text-primary-foreground {
  color: hsl(var(--primary-foreground));
}
.group.toaster .group-\[\.toaster\]\:text-foreground {
  color: hsl(var(--foreground));
}
.group.selected .group-\[\.selected\]\:opacity-100 {
  opacity: 1;
}
.group.toast .group-\[\.toast\]\:opacity-100 {
  opacity: 1;
}
.group.toaster .group-\[\.toaster\]\:shadow-lg {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group.toaster .group-\[\.toaster\]\:shadow-sm {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover {
  border-color: hsl(var(--destructive) / 0.3);
}
.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover {
  background-color: hsl(var(--destructive));
}
.group.toast .hover\:group-\[\.toast\]\:bg-muted:hover {
  background-color: hsl(var(--muted));
}
.group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover {
  color: hsl(var(--destructive-foreground));
}
.group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover {
  --tw-text-opacity: 1;
  color: rgb(254 242 242 / var(--tw-text-opacity));
}
.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus {
  --tw-ring-color: hsl(var(--destructive));
}
.group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity));
}
.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus {
  --tw-ring-offset-color: #dc2626;
}
.peer:checked ~ .peer-checked\:bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}
.peer:checked ~ .peer-checked\:after\:translate-x-full::after {
  content: var(--tw-content);
  --tw-translate-x: 100%;
  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));
}
.peer:checked ~ .peer-checked\:after\:border-white::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.peer\/menu-button:hover ~ .peer-hover\/menu-button\:text-sidebar-accent-foreground {
  color: hsl(var(--sidebar-accent-foreground));
}
.peer:focus ~ .peer-focus\:outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.peer:disabled ~ .peer-disabled\:cursor-not-allowed {
  cursor: not-allowed;
}
.peer:disabled ~ .peer-disabled\:opacity-50 {
  opacity: 0.5;
}
.peer:disabled ~ .peer-disabled\:opacity-70 {
  opacity: 0.7;
}
.has-\[\>button\]\:-ml-1:has(>button) {
  margin-left: -0.25rem;
}
.has-\[\>button\]\:-mr-1:has(>button) {
  margin-right: -0.25rem;
}
.has-\[\>button\]\:ml-\[-0\.3rem\]:has(>button) {
  margin-left: -0.3rem;
}
.has-\[\>button\]\:ml-\[-0\.45rem\]:has(>button) {
  margin-left: -0.45rem;
}
.has-\[\>button\]\:mr-\[-0\.3rem\]:has(>button) {
  margin-right: -0.3rem;
}
.has-\[\>button\]\:mr-\[-0\.45rem\]:has(>button) {
  margin-right: -0.45rem;
}
.has-\[\>button\]\:mr-\[-0\.4rem\]:has(>button) {
  margin-right: -0.4rem;
}
.has-\[\>kbd\]\:ml-\[-0\.15rem\]:has(>kbd) {
  margin-left: -0.15rem;
}
.has-\[\>kbd\]\:ml-\[-0\.35rem\]:has(>kbd) {
  margin-left: -0.35rem;
}
.has-\[\>kbd\]\:mr-\[-0\.15rem\]:has(>kbd) {
  margin-right: -0.15rem;
}
.has-\[\>kbd\]\:mr-\[-0\.35rem\]:has(>kbd) {
  margin-right: -0.35rem;
}
.has-\[\>\[data-align\=block-end\]\]\:h-auto:has(>[data-align=block-end]) {
  height: auto;
}
.has-\[\>\[data-align\=block-start\]\]\:h-auto:has(>[data-align=block-start]) {
  height: auto;
}
.has-\[\>textarea\]\:h-auto:has(>textarea) {
  height: auto;
}
.has-\[\[aria-pressed\=true\]\]\:h-auto:has([aria-pressed=true]) {
  height: auto;
}
.has-\[\[data-state\=copied\]\]\:h-auto:has([data-state=copied]) {
  height: auto;
}
.has-\[\>\[data-slot\=field\]\]\:w-full:has(>[data-slot=field]) {
  width: 100%;
}
.has-\[\>svg\]\:grid-cols-\[auto_1fr\]:has(>svg) {
  grid-template-columns: auto 1fr;
}
.has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has(>svg) {
  grid-template-columns: calc(var(--spacing) * 4) 1fr;
}
.has-\[\>\[data-align\=block-end\]\]\:flex-col:has(>[data-align=block-end]) {
  flex-direction: column;
}
.has-\[\>\[data-align\=block-start\]\]\:flex-col:has(>[data-align=block-start]) {
  flex-direction: column;
}
.has-\[\>\[data-slot\=field\]\]\:flex-col:has(>[data-slot=field]) {
  flex-direction: column;
}
.has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]) {
  align-items: flex-start;
}
.has-\[\>\[data-slot\=button-group\]\]\:gap-2:has(>[data-slot=button-group]) {
  gap: 0.5rem;
}
.has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has(>[data-slot=checkbox-group]) {
  gap: 0.75rem;
}
.has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has(>[data-slot=radio-group]) {
  gap: 0.75rem;
}
.has-\[\>svg\]\:gap-x-2\.5:has(>svg) {
  -moz-column-gap: 0.625rem;
       column-gap: 0.625rem;
}
.has-\[\>svg\]\:gap-x-3:has(>svg) {
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}
.has-\[\>\[data-slot\=field\]\]\:rounded-lg:has(>[data-slot=field]) {
  border-radius: var(--radius);
}
.has-\[\>\[data-slot\=field\]\]\:rounded-md:has(>[data-slot=field]) {
  border-radius: calc(var(--radius) - 2px);
}
.has-\[\>\[data-slot\=field\]\]\:rounded-none:has(>[data-slot=field]) {
  border-radius: 0px;
}
.has-\[\>\[data-slot\=field\]\]\:border:has(>[data-slot=field]) {
  border-width: 1px;
}
.has-\[\:checked\]\:border-primary:has(:checked) {
  border-color: hsl(var(--primary));
}
.has-\[\>\[data-slot\=field\]\]\:has-\[\:focus-visible\]\:border-ring:has(:focus-visible):has(>[data-slot=field]) {
  border-color: hsl(var(--ring));
}
.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring:has([data-slot=input-group-control]:focus-visible) {
  border-color: hsl(var(--ring));
}
.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has([data-slot][aria-invalid=true]) {
  border-color: hsl(var(--destructive));
}
.has-\[\[data-state\=checked\]\]\:border-primary:has([data-state=checked]) {
  border-color: hsl(var(--primary));
}
.has-\[\:checked\]\:bg-primary\/5:has(:checked) {
  background-color: hsl(var(--primary) / 0.05);
}
.has-\[\[data-state\=checked\]\]\:bg-primary\/5:has([data-state=checked]) {
  background-color: hsl(var(--primary) / 0.05);
}
.has-\[\[data-variant\=inset\]\]\:bg-sidebar:has([data-variant=inset]) {
  background-color: hsl(var(--sidebar));
}
.has-\[\>svg\]\:p-0:has(>svg) {
  padding: 0px;
}
.has-\[\>svg\]\:px-1:has(>svg) {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.has-\[\>svg\]\:px-1\.5:has(>svg) {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.has-\[\>svg\]\:px-2:has(>svg) {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.has-\[\>svg\]\:px-2\.5:has(>svg) {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.has-\[\>svg\]\:px-3:has(>svg) {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.has-\[\>svg\]\:px-4:has(>svg) {
  padding-left: 1rem;
  padding-right: 1rem;
}
.has-\[\>svg\]\:px-6:has(>svg) {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.has-\[\>svg\]\:px-8:has(>svg) {
  padding-left: 2rem;
  padding-right: 2rem;
}
.has-\[\>img\:first-child\]\:pt-0:has(>img:first-child) {
  padding-top: 0px;
}
.has-\[\>svg\:first-child\]\:pl-2\.5:has(>svg:first-child) {
  padding-left: 0.625rem;
}
.has-\[\>svg\:first-child\]\:pl-3:has(>svg:first-child) {
  padding-left: 0.75rem;
}
.has-\[\>svg\:last-child\]\:pr-2\.5:has(>svg:last-child) {
  padding-right: 0.625rem;
}
.has-\[\>svg\]\:pr-1\.5:has(>svg) {
  padding-right: 0.375rem;
}
.has-\[\>svg\]\:pr-2:has(>svg) {
  padding-right: 0.5rem;
}
.has-\[\>svg\]\:pr-3:has(>svg) {
  padding-right: 0.75rem;
}
.has-\[\:disabled\]\:opacity-50:has(:disabled) {
  opacity: 0.5;
}
.has-\[\[aria-pressed\=true\]\]\:opacity-100:has([aria-pressed=true]) {
  opacity: 1;
}
.has-\[\[data-state\=copied\]\]\:opacity-100:has([data-state=copied]) {
  opacity: 1;
}
.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-1:has([data-slot=input-group-control]:focus-visible) {
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-\[3px\]:has([data-slot=input-group-control]:focus-visible) {
  --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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.has-\[\>\[data-slot\=field\]\]\:has-\[\:focus-visible\]\:ring-ring\/50:has(:focus-visible):has(>[data-slot=field]) {
  --tw-ring-color: hsl(var(--ring) / 0.5);
}
.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring:has([data-slot=input-group-control]:focus-visible) {
  --tw-ring-color: hsl(var(--ring));
}
.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot=input-group-control]:focus-visible) {
  --tw-ring-color: hsl(var(--ring) / 0.5);
}
.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid=true]) {
  --tw-ring-color: hsl(var(--destructive) / 0.2);
}
.group\/alert:has(>svg) .group-has-\[\>svg\]\/alert\:col-start-2 {
  grid-column-start: 2;
}
.group\/item:has([data-slot=item-description]) .group-has-\[\[data-slot\=item-description\]\]\/item\:translate-y-0\.5 {
  --tw-translate-y: 0.125rem;
  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\/item:has([data-slot=item-description]) .group-has-\[\[data-slot\=item-description\]\]\/item\:self-start {
  align-self: flex-start;
}
.group\/field:has([data-orientation=horizontal]) .group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance {
  text-wrap: balance;
}
.group\/field-label:has(:focus-visible) .group-has-\[\:focus-visible\]\/field-label\:border-transparent {
  border-color: transparent;
}
.group\/input-group:has(>input) .group-has-\[\>input\]\/input-group\:pb-2 {
  padding-bottom: 0.5rem;
}
.group\/input-group:has(>input) .group-has-\[\>input\]\/input-group\:pb-2\.5 {
  padding-bottom: 0.625rem;
}
.group\/input-group:has(>input) .group-has-\[\>input\]\/input-group\:pt-2 {
  padding-top: 0.5rem;
}
.group\/input-group:has(>input) .group-has-\[\>input\]\/input-group\:pt-2\.5 {
  padding-top: 0.625rem;
}
.group\/menu-item:has([data-sidebar=menu-action]) .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8 {
  padding-right: 2rem;
}
.group\/field-label:has(:focus-visible) .group-has-\[\:focus-visible\]\/field-label\:ring-0 {
  --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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.aria-disabled\:pointer-events-none[aria-disabled="true"] {
  pointer-events: none;
}
.aria-disabled\:cursor-not-allowed[aria-disabled="true"] {
  cursor: not-allowed;
}
.aria-disabled\:opacity-50[aria-disabled="true"] {
  opacity: 0.5;
}
.aria-disabled\:hover\:bg-transparent:hover[aria-disabled="true"] {
  background-color: transparent;
}
.aria-expanded\:border-ring[aria-expanded="true"] {
  border-color: hsl(var(--ring));
}
.aria-expanded\:bg-muted[aria-expanded="true"] {
  background-color: hsl(var(--muted));
}
.aria-expanded\:bg-secondary[aria-expanded="true"] {
  background-color: hsl(var(--secondary));
}
.aria-expanded\:text-foreground[aria-expanded="true"] {
  color: hsl(var(--foreground));
}
.aria-expanded\:text-secondary-foreground[aria-expanded="true"] {
  color: hsl(var(--secondary-foreground));
}
.aria-expanded\:opacity-100[aria-expanded="true"] {
  opacity: 1;
}
.aria-expanded\:ring-ring\/30[aria-expanded="true"] {
  --tw-ring-color: hsl(var(--ring) / 0.3);
}
.aria-pressed\:border-blue-400[aria-pressed="true"] {
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity));
}
.aria-pressed\:bg-\[\#424242\][aria-pressed="true"] {
  --tw-bg-opacity: 1;
  background-color: rgb(66 66 66 / var(--tw-bg-opacity));
}
.aria-pressed\:bg-accent[aria-pressed="true"] {
  background-color: hsl(var(--accent));
}
.aria-pressed\:bg-muted[aria-pressed="true"] {
  background-color: hsl(var(--muted));
}
.aria-pressed\:bg-neutral-700[aria-pressed="true"] {
  --tw-bg-opacity: 1;
  background-color: rgb(64 64 64 / var(--tw-bg-opacity));
}
.aria-pressed\:bg-secondary[aria-pressed="true"] {
  background-color: hsl(var(--secondary));
}
.aria-pressed\:text-blue-300[aria-pressed="true"] {
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity));
}
.aria-pressed\:text-foreground[aria-pressed="true"] {
  color: hsl(var(--foreground));
}
.aria-pressed\:text-neutral-100[aria-pressed="true"] {
  --tw-text-opacity: 1;
  color: rgb(245 245 245 / var(--tw-text-opacity));
}
.aria-pressed\:text-primary[aria-pressed="true"] {
  color: hsl(var(--primary));
}
.aria-pressed\:text-white[aria-pressed="true"] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.aria-pressed\:opacity-100[aria-pressed="true"] {
  opacity: 1;
}
.aria-pressed\:ring-1[aria-pressed="true"] {
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.aria-pressed\:ring-foreground[aria-pressed="true"] {
  --tw-ring-color: hsl(var(--foreground));
}
.aria-selected\:bg-accent[aria-selected="true"] {
  background-color: hsl(var(--accent));
}
.aria-selected\:bg-accent\/50[aria-selected="true"] {
  background-color: hsl(var(--accent) / 0.5);
}
.aria-selected\:bg-primary[aria-selected="true"] {
  background-color: hsl(var(--primary));
}
.aria-selected\:text-accent-foreground[aria-selected="true"] {
  color: hsl(var(--accent-foreground));
}
.aria-selected\:text-muted-foreground[aria-selected="true"] {
  color: hsl(var(--muted-foreground));
}
.aria-selected\:text-primary-foreground[aria-selected="true"] {
  color: hsl(var(--primary-foreground));
}
.aria-selected\:opacity-100[aria-selected="true"] {
  opacity: 1;
}
.aria-selected\:opacity-30[aria-selected="true"] {
  opacity: 0.3;
}
.aria-\[orientation\=horizontal\]\:h-px[aria-orientation="horizontal"] {
  height: 1px;
}
.aria-\[orientation\=horizontal\]\:w-full[aria-orientation="horizontal"] {
  width: 100%;
}
.aria-\[orientation\=vertical\]\:flex-col[aria-orientation="vertical"] {
  flex-direction: column;
}
.aria-\[invalid\=true\]\:border-red-500[aria-invalid="true"] {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
}
.aria-\[pressed\=false\]\:text-neutral-600[aria-pressed="false"] {
  --tw-text-opacity: 1;
  color: rgb(82 82 82 / var(--tw-text-opacity));
}
.aria-\[orientation\=horizontal\]\:after\:left-0[aria-orientation="horizontal"]::after {
  content: var(--tw-content);
  left: 0px;
}
.aria-\[orientation\=horizontal\]\:after\:h-1[aria-orientation="horizontal"]::after {
  content: var(--tw-content);
  height: 0.25rem;
}
.aria-\[orientation\=horizontal\]\:after\:w-full[aria-orientation="horizontal"]::after {
  content: var(--tw-content);
  width: 100%;
}
.aria-\[orientation\=horizontal\]\:after\:-translate-y-1\/2[aria-orientation="horizontal"]::after {
  content: var(--tw-content);
  --tw-translate-y: -50%;
  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));
}
.aria-\[orientation\=horizontal\]\:after\:translate-x-0[aria-orientation="horizontal"]::after {
  content: var(--tw-content);
  --tw-translate-x: 0px;
  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));
}
.aria-\[invalid\=true\]\:focus-visible\:ring-red-500:focus-visible[aria-invalid="true"] {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
}
.data-\[active\=false\]\:pointer-events-none[data-active="false"] {
  pointer-events: none;
}
.data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
  pointer-events: none;
}
.data-\[disabled\]\:pointer-events-none[data-disabled] {
  pointer-events: none;
}
.data-\[pan\=true\]\:pointer-events-none[data-pan="true"] {
  pointer-events: none;
}
.data-\[side\=bottom\]\:inset-x-0[data-side="bottom"] {
  left: 0px;
  right: 0px;
}
.data-\[side\=left\]\:inset-y-0[data-side="left"] {
  top: 0px;
  bottom: 0px;
}
.data-\[side\=right\]\:inset-y-0[data-side="right"] {
  top: 0px;
  bottom: 0px;
}
.data-\[side\=top\]\:inset-x-0[data-side="top"] {
  left: 0px;
  right: 0px;
}
.data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction="bottom"] {
  left: 0px;
  right: 0px;
}
.data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction="left"] {
  top: 0px;
  bottom: 0px;
}
.data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction="right"] {
  top: 0px;
  bottom: 0px;
}
.data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction="top"] {
  left: 0px;
  right: 0px;
}
.data-\[direction\=end\]\:bottom-4[data-direction="end"] {
  bottom: 1rem;
}
.data-\[direction\=start\]\:top-4[data-direction="start"] {
  top: 1rem;
}
.data-\[side\=bottom\]\:bottom-0[data-side="bottom"] {
  bottom: 0px;
}
.data-\[side\=bottom\]\:top-1[data-side="bottom"] {
  top: 0.25rem;
}
.data-\[side\=inline-end\]\:-left-1[data-side="inline-end"] {
  left: -0.25rem;
}
.data-\[side\=inline-start\]\:-right-1[data-side="inline-start"] {
  right: -0.25rem;
}
.data-\[side\=left\]\:-right-1[data-side="left"] {
  right: -0.25rem;
}
.data-\[side\=left\]\:left-0[data-side="left"] {
  left: 0px;
}
.data-\[side\=right\]\:-left-1[data-side="right"] {
  left: -0.25rem;
}
.data-\[side\=right\]\:right-0[data-side="right"] {
  right: 0px;
}
.data-\[side\=top\]\:-bottom-2\.5[data-side="top"] {
  bottom: -0.625rem;
}
.data-\[side\=top\]\:top-0[data-side="top"] {
  top: 0px;
}
.data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction="bottom"] {
  bottom: 0px;
}
.data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction="left"] {
  left: 0px;
}
.data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction="right"] {
  right: 0px;
}
.data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction="top"] {
  top: 0px;
}
.data-\[active\=true\]\:z-10[data-active="true"] {
  z-index: 10;
}
.data-\[dragging\=true\]\:z-10[data-dragging="true"] {
  z-index: 10;
}
.data-\[orientation\=horizontal\]\:mt-2[data-orientation="horizontal"] {
  margin-top: 0.5rem;
}
.data-\[orientation\=vertical\]\:-ms-2[data-orientation="vertical"] {
  margin-inline-start: -0.5rem;
}
.data-\[orientation\=vertical\]\:ml-0[data-orientation="vertical"] {
  margin-left: 0px;
}
.data-\[orientation\=vertical\]\:ml-2[data-orientation="vertical"] {
  margin-left: 0.5rem;
}
.data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction="bottom"] {
  margin-top: 6rem;
}
.data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction="top"] {
  margin-bottom: 6rem;
}
.data-\[orientation\=vertical\]\:flex[data-orientation="vertical"] {
  display: flex;
}
.data-\[state\=active\]\:flex[data-state="active"] {
  display: flex;
}
.data-\[state\=open\]\:flex[data-state="open"] {
  display: flex;
}
.data-\[state\=inactive\]\:hidden[data-state="inactive"] {
  display: none;
}
.data-\[size\=lg\]\:size-10[data-size="lg"] {
  width: 2.5rem;
  height: 2.5rem;
}
.data-\[size\=sm\]\:size-6[data-size="sm"] {
  width: 1.5rem;
  height: 1.5rem;
}
.data-\[handle\=e\]\:h-full[data-handle="e"] {
  height: 100%;
}
.data-\[handle\=w\]\:h-full[data-handle="w"] {
  height: 100%;
}
.data-\[orientation\=horizontal\]\:h-1\.5[data-orientation="horizontal"] {
  height: 0.375rem;
}
.data-\[orientation\=horizontal\]\:h-\[1px\][data-orientation="horizontal"] {
  height: 1px;
}
.data-\[orientation\=horizontal\]\:h-full[data-orientation="horizontal"] {
  height: 100%;
}
.data-\[orientation\=horizontal\]\:h-px[data-orientation="horizontal"] {
  height: 1px;
}
.data-\[orientation\=vertical\]\:h-4[data-orientation="vertical"] {
  height: 1rem;
}
.data-\[orientation\=vertical\]\:h-auto[data-orientation="vertical"] {
  height: auto;
}
.data-\[orientation\=vertical\]\:h-full[data-orientation="vertical"] {
  height: 100%;
}
.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction="vertical"] {
  height: 1px;
}
.data-\[side\=bottom\]\:h-auto[data-side="bottom"] {
  height: auto;
}
.data-\[side\=left\]\:h-full[data-side="left"] {
  height: 100%;
}
.data-\[side\=right\]\:h-full[data-side="right"] {
  height: 100%;
}
.data-\[side\=top\]\:h-auto[data-side="top"] {
  height: auto;
}
.data-\[size\=default\]\:h-7[data-size="default"] {
  height: 1.75rem;
}
.data-\[size\=default\]\:h-8[data-size="default"] {
  height: 2rem;
}
.data-\[size\=default\]\:h-9[data-size="default"] {
  height: 2.25rem;
}
.data-\[size\=default\]\:h-\[18\.4px\][data-size="default"] {
  height: 18.4px;
}
.data-\[size\=sm\]\:h-6[data-size="sm"] {
  height: 1.5rem;
}
.data-\[size\=sm\]\:h-7[data-size="sm"] {
  height: 1.75rem;
}
.data-\[size\=sm\]\:h-8[data-size="sm"] {
  height: 2rem;
}
.data-\[size\=sm\]\:h-\[14px\][data-size="sm"] {
  height: 14px;
}
.data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction="bottom"] {
  max-height: 80vh;
}
.data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction="top"] {
  max-height: 80vh;
}
.data-\[orientation\=vertical\]\:min-h-44[data-orientation="vertical"] {
  min-height: 11rem;
}
.data-\[handle\=n\]\:w-full[data-handle="n"] {
  width: 100%;
}
.data-\[handle\=s\]\:w-full[data-handle="s"] {
  width: 100%;
}
.data-\[orientation\=horizontal\]\:w-full[data-orientation="horizontal"] {
  width: 100%;
}
.data-\[orientation\=vertical\]\:w-1\.5[data-orientation="vertical"] {
  width: 0.375rem;
}
.data-\[orientation\=vertical\]\:w-\[1px\][data-orientation="vertical"] {
  width: 1px;
}
.data-\[orientation\=vertical\]\:w-auto[data-orientation="vertical"] {
  width: auto;
}
.data-\[orientation\=vertical\]\:w-full[data-orientation="vertical"] {
  width: 100%;
}
.data-\[orientation\=vertical\]\:w-px[data-orientation="vertical"] {
  width: 1px;
}
.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction="vertical"] {
  width: 100%;
}
.data-\[side\=left\]\:w-3\/4[data-side="left"] {
  width: 75%;
}
.data-\[side\=right\]\:w-3\/4[data-side="right"] {
  width: 75%;
}
.data-\[size\=default\]\:w-\[32px\][data-size="default"] {
  width: 32px;
}
.data-\[size\=sm\]\:w-\[24px\][data-size="sm"] {
  width: 24px;
}
.data-\[state\=open\]\:w-full[data-state="open"] {
  width: 100%;
}
.data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction="left"] {
  width: 75%;
}
.data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction="right"] {
  width: 75%;
}
.data-\[size\=default\]\:max-w-xs[data-size="default"] {
  max-width: 20rem;
}
.data-\[size\=sm\]\:max-w-xs[data-size="sm"] {
  max-width: 20rem;
}
.data-\[state\=open\]\:flex-1[data-state="open"] {
  flex: 1 1 0%;
}
.data-\[active\=true\]\:translate-y-0[data-active="true"] {
  --tw-translate-y: 0px;
  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));
}
.data-\[checked\]\:translate-x-4[data-checked] {
  --tw-translate-x: 1rem;
  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));
}
.data-\[direction\=end\]\:data-\[active\=false\]\:translate-y-full[data-active="false"][data-direction="end"] {
  --tw-translate-y: 100%;
  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));
}
.data-\[direction\=start\]\:data-\[active\=false\]\:-translate-y-full[data-active="false"][data-direction="start"] {
  --tw-translate-y: -100%;
  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));
}
.data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
  --tw-translate-y: 0.25rem;
  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));
}
.data-\[side\=inline-end\]\:-translate-y-1\/2[data-side="inline-end"] {
  --tw-translate-y: -50%;
  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));
}
.data-\[side\=inline-end\]\:translate-x-\[1\.5px\][data-side="inline-end"] {
  --tw-translate-x: 1.5px;
  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));
}
.data-\[side\=inline-start\]\:-translate-y-1\/2[data-side="inline-start"] {
  --tw-translate-y: -50%;
  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));
}
.data-\[side\=inline-start\]\:translate-x-\[-1\.5px\][data-side="inline-start"] {
  --tw-translate-x: -1.5px;
  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));
}
.data-\[side\=left\]\:-translate-x-1[data-side="left"] {
  --tw-translate-x: -0.25rem;
  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));
}
.data-\[side\=left\]\:-translate-y-1\/2[data-side="left"] {
  --tw-translate-y: -50%;
  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));
}
.data-\[side\=left\]\:translate-x-\[-1\.5px\][data-side="left"] {
  --tw-translate-x: -1.5px;
  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));
}
.data-\[side\=right\]\:-translate-y-1\/2[data-side="right"] {
  --tw-translate-y: -50%;
  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));
}
.data-\[side\=right\]\:translate-x-1[data-side="right"] {
  --tw-translate-x: 0.25rem;
  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));
}
.data-\[side\=right\]\:translate-x-\[1\.5px\][data-side="right"] {
  --tw-translate-x: 1.5px;
  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));
}
.data-\[side\=top\]\:-translate-y-1[data-side="top"] {
  --tw-translate-y: -0.25rem;
  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));
}
.data-\[state\=checked\]\:translate-x-4[data-state="checked"] {
  --tw-translate-x: 1rem;
  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));
}
.data-\[state\=checked\]\:translate-x-5[data-state="checked"] {
  --tw-translate-x: 1.25rem;
  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));
}
.data-\[state\=checked\]\:translate-x-\[calc\(100\%-1px\)\][data-state="checked"] {
  --tw-translate-x: calc(100% - 1px);
  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));
}
.data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state="checked"] {
  --tw-translate-x: calc(100% - 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));
}
.data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] {
  --tw-translate-x: 0px;
  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));
}
.data-\[swipe\=cancel\]\:translate-x-0[data-swipe="cancel"] {
  --tw-translate-x: 0px;
  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));
}
.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe="end"] {
  --tw-translate-x: var(--radix-toast-swipe-end-x);
  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));
}
.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe="move"] {
  --tw-translate-x: var(--radix-toast-swipe-move-x);
  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));
}
.data-\[open\=true\]\:rotate-180[data-open="true"] {
  --tw-rotate: 180deg;
  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));
}
.data-\[active\=false\]\:scale-95[data-active="false"] {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  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));
}
.data-\[active\=true\]\:scale-100[data-active="true"] {
  --tw-scale-x: 1;
  --tw-scale-y: 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));
}
.data-\[ending-style\]\:scale-\[0\.98\][data-ending-style] {
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  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));
}
.data-\[running\]\:scale-\[0\.99\][data-running] {
  --tw-scale-x: 0.99;
  --tw-scale-y: 0.99;
  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));
}
.data-\[starting-style\]\:scale-\[0\.98\][data-starting-style] {
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  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));
}
.data-\[align-trigger\=true\]\:animate-none[data-align-trigger="true"] {
  animation: none;
}
@keyframes accordion-up {
  from {
    height: var(--radix-accordion-content-height);
  }
  to {
    height: 0;
  }
}
.data-\[state\=closed\]\:animate-accordion-up[data-state="closed"] {
  animation: accordion-up 0.2s ease-out;
}
.data-\[state\=closed\]\:animate-none[data-state="closed"] {
  animation: none;
}
@keyframes accordion-down {
  from {
    height: 0;
  }
  to {
    height: var(--radix-accordion-content-height);
  }
}
.data-\[state\=open\]\:animate-accordion-down[data-state="open"] {
  animation: accordion-down 0.2s ease-out;
}
.data-\[state\=open\]\:animate-none[data-state="open"] {
  animation: none;
}
.data-\[align\=end\]\:flex-row-reverse[data-align="end"] {
  flex-direction: row-reverse;
}
.data-\[orientation\=horizontal\]\:flex-col[data-orientation="horizontal"] {
  flex-direction: column;
}
.data-\[orientation\=vertical\]\:flex-col[data-orientation="vertical"] {
  flex-direction: column;
}
.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction="vertical"] {
  flex-direction: column;
}
.data-\[state\=active\]\:flex-col[data-state="active"] {
  flex-direction: column;
}
.data-\[state\=open\]\:flex-col[data-state="open"] {
  flex-direction: column;
}
.data-\[orientation\=vertical\]\:items-start[data-orientation="vertical"] {
  align-items: flex-start;
}
.data-\[orientation\=horizontal\]\:items-center[data-orientation="horizontal"] {
  align-items: center;
}
.data-\[orientation\=vertical\]\:justify-start[data-orientation="vertical"] {
  justify-content: flex-start;
}
.data-\[slot\=checkbox-group\]\:gap-3[data-slot="checkbox-group"] {
  gap: 0.75rem;
}
.data-\[pressed\=true\]\:rounded-\[12px\][data-pressed="true"] {
  border-radius: 12px;
}
.data-\[pressed\=true\]\:rounded-\[20px\][data-pressed="true"] {
  border-radius: 20px;
}
.data-\[pressed\=true\]\:rounded-\[28px\][data-pressed="true"] {
  border-radius: 28px;
}
.data-\[pressed\=true\]\:rounded-\[8px\][data-pressed="true"] {
  border-radius: 8px;
}
.data-\[range-end\=true\]\:rounded-md[data-range-end="true"] {
  border-radius: calc(var(--radius) - 2px);
}
.data-\[range-end\=true\]\:rounded-none[data-range-end="true"] {
  border-radius: 0px;
}
.data-\[range-middle\=true\]\:rounded-none[data-range-middle="true"] {
  border-radius: 0px;
}
.data-\[range-start\=true\]\:rounded-md[data-range-start="true"] {
  border-radius: calc(var(--radius) - 2px);
}
.data-\[range-start\=true\]\:rounded-none[data-range-start="true"] {
  border-radius: 0px;
}
.data-\[selected-single\=true\]\:rounded-none[data-selected-single="true"] {
  border-radius: 0px;
}
.data-\[selected\=true\]\:rounded-none[data-selected="true"] {
  border-radius: 0px;
}
.data-\[size\=sm\]\:rounded-\[min\(var\(--radius-md\)\2c 10px\)\][data-size="sm"] {
  border-radius: min(var(--radius-md),10px);
}
.data-\[variant\=line\]\:rounded-none[data-variant="line"] {
  border-radius: 0px;
}
.data-\[pressed\=true\]\:rounded-l-\[16px\][data-pressed="true"] {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}
.data-\[pressed\=true\]\:rounded-l-\[24px\][data-pressed="true"] {
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}
.data-\[pressed\=true\]\:rounded-r-\[16px\][data-pressed="true"] {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}
.data-\[pressed\=true\]\:rounded-r-\[24px\][data-pressed="true"] {
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}
.data-\[range-end\=true\]\:rounded-r-md[data-range-end="true"] {
  border-top-right-radius: calc(var(--radius) - 2px);
  border-bottom-right-radius: calc(var(--radius) - 2px);
}
.data-\[range-start\=true\]\:rounded-l-md[data-range-start="true"] {
  border-top-left-radius: calc(var(--radius) - 2px);
  border-bottom-left-radius: calc(var(--radius) - 2px);
}
.data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction="bottom"] {
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
}
.data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction="top"] {
  border-bottom-right-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
}
.data-\[active\=true\]\:border-l-4[data-active="true"] {
  border-left-width: 4px;
}
.data-\[side\=bottom\]\:border-t[data-side="bottom"] {
  border-top-width: 1px;
}
.data-\[side\=left\]\:border-r[data-side="left"] {
  border-right-width: 1px;
}
.data-\[side\=right\]\:border-l[data-side="right"] {
  border-left-width: 1px;
}
.data-\[side\=top\]\:border-b[data-side="top"] {
  border-bottom-width: 1px;
}
.data-\[state\=active\]\:border-b-2[data-state="active"] {
  border-bottom-width: 2px;
}
.data-\[streaming\=true\]\:border-b[data-streaming="true"] {
  border-bottom-width: 1px;
}
.data-\[variant\=outline\]\:border-l-0[data-variant="outline"] {
  border-left-width: 0px;
}
.data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction="bottom"] {
  border-top-width: 1px;
}
.data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction="left"] {
  border-right-width: 1px;
}
.data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction="right"] {
  border-left-width: 1px;
}
.data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction="top"] {
  border-bottom-width: 1px;
}
.data-\[active\=true\]\:border-foreground\/40[data-active="true"] {
  border-color: hsl(var(--foreground) / 0.4);
}
.data-\[active\=true\]\:border-primary[data-active="true"] {
  border-color: hsl(var(--primary));
}
.data-\[active\=true\]\:border-ring[data-active="true"] {
  border-color: hsl(var(--ring));
}
.data-\[state\=active\]\:border-border[data-state="active"] {
  border-color: hsl(var(--border));
}
.data-\[state\=active\]\:border-foreground[data-state="active"] {
  border-color: hsl(var(--foreground));
}
.data-\[state\=active\]\:border-primary[data-state="active"] {
  border-color: hsl(var(--primary));
}
.data-\[state\=active\]\:border-white[data-state="active"] {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.data-\[state\=checked\]\:border-\[\#00a9e5\][data-state="checked"] {
  --tw-border-opacity: 1;
  border-color: rgb(0 169 229 / var(--tw-border-opacity));
}
.data-\[state\=checked\]\:border-\[\#1a1a1a\][data-state="checked"] {
  --tw-border-opacity: 1;
  border-color: rgb(26 26 26 / var(--tw-border-opacity));
}
.data-\[state\=checked\]\:border-\[\#2383e2\][data-state="checked"] {
  --tw-border-opacity: 1;
  border-color: rgb(35 131 226 / var(--tw-border-opacity));
}
.data-\[state\=checked\]\:border-\[\#FF6B00\][data-state="checked"] {
  --tw-border-opacity: 1;
  border-color: rgb(255 107 0 / var(--tw-border-opacity));
}
.data-\[state\=checked\]\:border-blue-500[data-state="checked"] {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
}
.data-\[state\=checked\]\:border-foreground[data-state="checked"] {
  border-color: hsl(var(--foreground));
}
.data-\[state\=checked\]\:border-primary[data-state="checked"] {
  border-color: hsl(var(--primary));
}
.data-\[state\=checked\]\:border-white[data-state="checked"] {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.data-\[state\=open\]\:border-b-white[data-state="open"] {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.data-\[state\=open\]\:border-l-neutral-600[data-state="open"] {
  --tw-border-opacity: 1;
  border-left-color: rgb(82 82 82 / var(--tw-border-opacity));
}
.data-\[state\=open\]\:border-r-white[data-state="open"] {
  --tw-border-opacity: 1;
  border-right-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.data-\[state\=open\]\:border-t-neutral-600[data-state="open"] {
  --tw-border-opacity: 1;
  border-top-color: rgb(82 82 82 / var(--tw-border-opacity));
}
.data-\[active\=true\]\:bg-accent[data-active="true"] {
  background-color: hsl(var(--accent));
}
.data-\[active\=true\]\:bg-accent\/50[data-active="true"] {
  background-color: hsl(var(--accent) / 0.5);
}
.data-\[active\=true\]\:bg-destructive\/5[data-active="true"] {
  background-color: hsl(var(--destructive) / 0.05);
}
.data-\[active\=true\]\:bg-muted[data-active="true"] {
  background-color: hsl(var(--muted));
}
.data-\[active\=true\]\:bg-muted\/25[data-active="true"] {
  background-color: hsl(var(--muted) / 0.25);
}
.data-\[active\=true\]\:bg-primary\/15[data-active="true"] {
  background-color: hsl(var(--primary) / 0.15);
}
.data-\[active\=true\]\:bg-sidebar-accent[data-active="true"] {
  background-color: hsl(var(--sidebar-accent));
}
.data-\[active\=true\]\:bg-white\/\[0\.10\][data-active="true"] {
  background-color: rgb(255 255 255 / 0.10);
}
.data-\[active\]\:bg-accent\/50[data-active] {
  background-color: hsl(var(--accent) / 0.5);
}
.data-\[checked\]\:bg-primary[data-checked] {
  background-color: hsl(var(--primary));
}
.data-\[cross-pane-drop-active\]\:bg-primary\/\[0\.06\][data-cross-pane-drop-active] {
  background-color: hsl(var(--primary) / 0.06);
}
.data-\[dark\]\:bg-gray-800[data-dark] {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.data-\[entering\]\:bg-accent[data-entering] {
  background-color: hsl(var(--accent));
}
.data-\[expanded\]\:bg-accent[data-expanded] {
  background-color: hsl(var(--accent));
}
.data-\[focused\]\:bg-accent[data-focused] {
  background-color: hsl(var(--accent));
}
.data-\[here\=true\]\:bg-accent[data-here="true"] {
  background-color: hsl(var(--accent));
}
.data-\[highlighted\]\:bg-accent[data-highlighted] {
  background-color: hsl(var(--accent));
}
.data-\[highlighted\]\:bg-transparent[data-highlighted] {
  background-color: transparent;
}
.data-\[highlighted\]\:bg-white\/10[data-highlighted] {
  background-color: rgb(255 255 255 / 0.1);
}
.data-\[progress\=complete\]\:bg-primary[data-progress="complete"] {
  background-color: hsl(var(--primary));
}
.data-\[range-end\=true\]\:bg-primary[data-range-end="true"] {
  background-color: hsl(var(--primary));
}
.data-\[range-middle\=true\]\:bg-accent[data-range-middle="true"] {
  background-color: hsl(var(--accent));
}
.data-\[range-middle\=true\]\:bg-muted[data-range-middle="true"] {
  background-color: hsl(var(--muted));
}
.data-\[range-start\=true\]\:bg-primary[data-range-start="true"] {
  background-color: hsl(var(--primary));
}
.data-\[resize-handle-active\]\:bg-white\/55[data-resize-handle-active] {
  background-color: rgb(255 255 255 / 0.55);
}
.data-\[running\]\:bg-\[color-mix\(in_oklab\2c hsl\(var\(--accent\)\)_80\%\2c hsl\(var\(--foreground\)\)\)\][data-running] {
  background-color: color-mix(in oklab,hsl(var(--accent)) 80%,hsl(var(--foreground)));
}
.data-\[selected-single\=true\]\:bg-primary[data-selected-single="true"] {
  background-color: hsl(var(--primary));
}
.data-\[selected\=\'true\'\]\:bg-accent[data-selected='true'] {
  background-color: hsl(var(--accent));
}
.data-\[selected\=true\]\:bg-accent[data-selected="true"] {
  background-color: hsl(var(--accent));
}
.data-\[selected\=true\]\:bg-accent\/80[data-selected="true"] {
  background-color: hsl(var(--accent) / 0.8);
}
.data-\[selected\=true\]\:bg-muted[data-selected="true"] {
  background-color: hsl(var(--muted));
}
.data-\[selected\=true\]\:bg-muted\/40[data-selected="true"] {
  background-color: hsl(var(--muted) / 0.4);
}
.data-\[selected\=true\]\:bg-primary\/10[data-selected="true"] {
  background-color: hsl(var(--primary) / 0.1);
}
.data-\[selected\=true\]\:bg-zinc-100[data-selected="true"] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 245 / var(--tw-bg-opacity));
}
.data-\[state\=active\]\:bg-\[\#40CCB71A\][data-state="active"] {
  background-color: #40CCB71A;
}
.data-\[state\=active\]\:bg-accent[data-state="active"] {
  background-color: hsl(var(--accent));
}
.data-\[state\=active\]\:bg-amber-500[data-state="active"] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity));
}
.data-\[state\=active\]\:bg-amber-600[data-state="active"] {
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / var(--tw-bg-opacity));
}
.data-\[state\=active\]\:bg-background[data-state="active"] {
  background-color: hsl(var(--background));
}
.data-\[state\=active\]\:bg-card[data-state="active"] {
  background-color: hsl(var(--card));
}
.data-\[state\=active\]\:bg-cyan-500\/20[data-state="active"] {
  background-color: rgb(6 182 212 / 0.2);
}
.data-\[state\=active\]\:bg-muted[data-state="active"] {
  background-color: hsl(var(--muted));
}
.data-\[state\=active\]\:bg-muted\/50[data-state="active"] {
  background-color: hsl(var(--muted) / 0.5);
}
.data-\[state\=active\]\:bg-primary[data-state="active"] {
  background-color: hsl(var(--primary));
}
.data-\[state\=active\]\:bg-purple-900\/50[data-state="active"] {
  background-color: rgb(88 28 135 / 0.5);
}
.data-\[state\=active\]\:bg-sidebar-accent[data-state="active"] {
  background-color: hsl(var(--sidebar-accent));
}
.data-\[state\=active\]\:bg-transparent[data-state="active"] {
  background-color: transparent;
}
.data-\[state\=active\]\:bg-white[data-state="active"] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.data-\[state\=active\]\:bg-white\/10[data-state="active"] {
  background-color: rgb(255 255 255 / 0.1);
}
.data-\[state\=active\]\:bg-white\/20[data-state="active"] {
  background-color: rgb(255 255 255 / 0.2);
}
.data-\[state\=active\]\:bg-white\/\[0\.12\][data-state="active"] {
  background-color: rgb(255 255 255 / 0.12);
}
.data-\[state\=checked\]\:bg-\[\#00a9e5\][data-state="checked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 169 229 / var(--tw-bg-opacity));
}
.data-\[state\=checked\]\:bg-\[\#1a1a1a\][data-state="checked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26 / var(--tw-bg-opacity));
}
.data-\[state\=checked\]\:bg-\[\#2383e2\][data-state="checked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(35 131 226 / var(--tw-bg-opacity));
}
.data-\[state\=checked\]\:bg-\[\#FF6B00\][data-state="checked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 107 0 / var(--tw-bg-opacity));
}
.data-\[state\=checked\]\:bg-accent[data-state="checked"] {
  background-color: hsl(var(--accent));
}
.data-\[state\=checked\]\:bg-blue-500[data-state="checked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.data-\[state\=checked\]\:bg-foreground[data-state="checked"] {
  background-color: hsl(var(--foreground));
}
.data-\[state\=checked\]\:bg-primary[data-state="checked"] {
  background-color: hsl(var(--primary));
}
.data-\[state\=checked\]\:bg-white[data-state="checked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.data-\[state\=indeterminate\]\:bg-primary[data-state="indeterminate"] {
  background-color: hsl(var(--primary));
}
.data-\[state\=on\]\:bg-\[\#505050\][data-state="on"] {
  --tw-bg-opacity: 1;
  background-color: rgb(80 80 80 / var(--tw-bg-opacity));
}
.data-\[state\=on\]\:bg-accent[data-state="on"] {
  background-color: hsl(var(--accent));
}
.data-\[state\=on\]\:bg-background[data-state="on"] {
  background-color: hsl(var(--background));
}
.data-\[state\=on\]\:bg-muted[data-state="on"] {
  background-color: hsl(var(--muted));
}
.data-\[state\=on\]\:bg-primary[data-state="on"] {
  background-color: hsl(var(--primary));
}
.data-\[state\=on\]\:bg-transparent[data-state="on"] {
  background-color: transparent;
}
.data-\[state\=on\]\:bg-white\/10[data-state="on"] {
  background-color: rgb(255 255 255 / 0.1);
}
.data-\[state\=on\]\:bg-white\/\[0\.08\][data-state="on"] {
  background-color: rgb(255 255 255 / 0.08);
}
.data-\[state\=on\]\:bg-white\/\[0\.1\][data-state="on"] {
  background-color: rgb(255 255 255 / 0.1);
}
.data-\[state\=open\]\:bg-accent[data-state="open"] {
  background-color: hsl(var(--accent));
}
.data-\[state\=open\]\:bg-accent\/50[data-state="open"] {
  background-color: hsl(var(--accent) / 0.5);
}
.data-\[state\=open\]\:bg-accent\/60[data-state="open"] {
  background-color: hsl(var(--accent) / 0.6);
}
.data-\[state\=open\]\:bg-accent\/90[data-state="open"] {
  background-color: hsl(var(--accent) / 0.9);
}
.data-\[state\=open\]\:bg-background[data-state="open"] {
  background-color: hsl(var(--background));
}
.data-\[state\=open\]\:bg-destructive\/5[data-state="open"] {
  background-color: hsl(var(--destructive) / 0.05);
}
.data-\[state\=open\]\:bg-destructive\/90[data-state="open"] {
  background-color: hsl(var(--destructive) / 0.9);
}
.data-\[state\=open\]\:bg-muted[data-state="open"] {
  background-color: hsl(var(--muted));
}
.data-\[state\=open\]\:bg-muted-foreground\/20[data-state="open"] {
  background-color: hsl(var(--muted-foreground) / 0.2);
}
.data-\[state\=open\]\:bg-muted\/70[data-state="open"] {
  background-color: hsl(var(--muted) / 0.7);
}
.data-\[state\=open\]\:bg-primary[data-state="open"] {
  background-color: hsl(var(--primary));
}
.data-\[state\=open\]\:bg-primary\/25[data-state="open"] {
  background-color: hsl(var(--primary) / 0.25);
}
.data-\[state\=open\]\:bg-primary\/5[data-state="open"] {
  background-color: hsl(var(--primary) / 0.05);
}
.data-\[state\=open\]\:bg-primary\/90[data-state="open"] {
  background-color: hsl(var(--primary) / 0.9);
}
.data-\[state\=open\]\:bg-secondary[data-state="open"] {
  background-color: hsl(var(--secondary));
}
.data-\[state\=open\]\:bg-secondary\/90[data-state="open"] {
  background-color: hsl(var(--secondary) / 0.9);
}
.data-\[state\=open\]\:bg-sidebar-accent[data-state="open"] {
  background-color: hsl(var(--sidebar-accent));
}
.data-\[state\=open\]\:bg-transparent[data-state="open"] {
  background-color: transparent;
}
.data-\[state\=open\]\:bg-white\/15[data-state="open"] {
  background-color: rgb(255 255 255 / 0.15);
}
.data-\[state\=open\]\:bg-white\/5[data-state="open"] {
  background-color: rgb(255 255 255 / 0.05);
}
.data-\[state\=open\]\:bg-zinc-950\/90[data-state="open"] {
  background-color: rgb(9 9 11 / 0.9);
}
.data-\[state\=running\]\:bg-muted\/60[data-state="running"] {
  background-color: hsl(var(--muted) / 0.6);
}
.data-\[state\=selected\]\:bg-muted[data-state="selected"] {
  background-color: hsl(var(--muted));
}
.data-\[state\=selected\]\:bg-muted\/30[data-state="selected"] {
  background-color: hsl(var(--muted) / 0.3);
}
.data-\[state\=unchecked\]\:bg-background[data-state="unchecked"] {
  background-color: hsl(var(--background));
}
.data-\[state\=unchecked\]\:bg-input[data-state="unchecked"] {
  background-color: hsl(var(--input));
}
.data-\[state\=unchecked\]\:bg-muted[data-state="unchecked"] {
  background-color: hsl(var(--muted));
}
.data-\[state\=unchecked\]\:bg-zinc-700[data-state="unchecked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(63 63 70 / var(--tw-bg-opacity));
}
.data-\[swapy-highlighted\]\:bg-accent[data-swapy-highlighted] {
  background-color: hsl(var(--accent));
}
.data-\[state\=active\]\:bg-gradient-to-r[data-state="active"] {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.data-\[state\=checked\]\:bg-gradient-to-r[data-state="checked"] {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.data-\[state\=active\]\:from-cyan-500\/20[data-state="active"] {
  --tw-gradient-from: rgb(6 182 212 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.data-\[state\=checked\]\:from-cyan-500[data-state="checked"] {
  --tw-gradient-from: #06b6d4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.data-\[state\=active\]\:to-blue-500\/20[data-state="active"] {
  --tw-gradient-to: rgb(59 130 246 / 0.2) var(--tw-gradient-to-position);
}
.data-\[state\=checked\]\:to-blue-500[data-state="checked"] {
  --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position);
}
.data-\[selected\=true\]\:fill-neutral-100[data-selected="true"] {
  fill: #f5f5f5;
}
.data-\[inset\]\:pl-6[data-inset] {
  padding-left: 1.5rem;
}
.data-\[inset\]\:pl-8[data-inset] {
  padding-left: 2rem;
}
.data-\[streaming\=true\]\:pb-1\.5[data-streaming="true"] {
  padding-bottom: 0.375rem;
}
.data-\[size\=md\]\:text-sm[data-size="md"] {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.data-\[size\=sm\]\:text-xs[data-size="sm"] {
  font-size: 0.75rem;
  line-height: 1rem;
}
.data-\[variant\=label\]\:text-\[10px\][data-variant="label"] {
  font-size: 10px;
}
.data-\[variant\=label\]\:text-sm[data-variant="label"] {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.data-\[variant\=legend\]\:text-\[10px\][data-variant="legend"] {
  font-size: 10px;
}
.data-\[variant\=legend\]\:text-base[data-variant="legend"] {
  font-size: 1rem;
  line-height: 1.5rem;
}
.data-\[active\=true\]\:font-medium[data-active="true"] {
  font-weight: 500;
}
.data-\[selected\=true\]\:font-medium[data-selected="true"] {
  font-weight: 500;
}
.data-\[state\=active\]\:font-bold[data-state="active"] {
  font-weight: 700;
}
.data-\[active\=true\]\:text-accent-foreground[data-active="true"] {
  color: hsl(var(--accent-foreground));
}
.data-\[active\=true\]\:text-foreground[data-active="true"] {
  color: hsl(var(--foreground));
}
.data-\[active\=true\]\:text-sidebar-accent-foreground[data-active="true"] {
  color: hsl(var(--sidebar-accent-foreground));
}
.data-\[child\=true\]\:text-blue-500[data-child="true"] {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}
.data-\[entering\]\:text-muted-foreground[data-entering] {
  color: hsl(var(--muted-foreground));
}
.data-\[error\=true\]\:text-destructive[data-error="true"] {
  color: hsl(var(--destructive));
}
.data-\[focused\]\:text-accent-foreground[data-focused] {
  color: hsl(var(--accent-foreground));
}
.data-\[focused\]\:text-destructive[data-focused] {
  color: hsl(var(--destructive));
}
.data-\[here\=true\]\:text-foreground[data-here="true"] {
  color: hsl(var(--foreground));
}
.data-\[highlighted\]\:text-accent-foreground[data-highlighted] {
  color: hsl(var(--accent-foreground));
}
.data-\[highlighted\]\:text-white[data-highlighted] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.data-\[ink\=dark\]\:text-\[rgba\(23\2c 23\2c 23\2c 0\.84\)\][data-ink="dark"] {
  color: rgba(23,23,23,0.84);
}
.data-\[ink\=light\]\:text-\[rgba\(255\2c 248\2c 242\2c 0\.94\)\][data-ink="light"] {
  color: rgba(255,248,242,0.94);
}
.data-\[invalid\=true\]\:text-destructive[data-invalid="true"] {
  color: hsl(var(--destructive));
}
.data-\[invalid\]\:text-destructive[data-invalid] {
  color: hsl(var(--destructive));
}
.data-\[on\=1\]\:text-\[color\:var\(--bjork-text\)\][data-on="1"] {
  color: var(--bjork-text);
}
.data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
  color: hsl(var(--muted-foreground));
}
.data-\[range-end\=true\]\:text-primary-foreground[data-range-end="true"] {
  color: hsl(var(--primary-foreground));
}
.data-\[range-middle\=true\]\:text-accent-foreground[data-range-middle="true"] {
  color: hsl(var(--accent-foreground));
}
.data-\[range-middle\=true\]\:text-foreground[data-range-middle="true"] {
  color: hsl(var(--foreground));
}
.data-\[range-start\=true\]\:text-primary-foreground[data-range-start="true"] {
  color: hsl(var(--primary-foreground));
}
.data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single="true"] {
  color: hsl(var(--primary-foreground));
}
.data-\[selected\=true\]\:text-accent-foreground[data-selected="true"] {
  color: hsl(var(--accent-foreground));
}
.data-\[selected\=true\]\:text-blue-600[data-selected="true"] {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}
.data-\[selected\=true\]\:text-foreground[data-selected="true"] {
  color: hsl(var(--foreground));
}
.data-\[selected\=true\]\:text-primary[data-selected="true"] {
  color: hsl(var(--primary));
}
.data-\[selected\=true\]\:text-zinc-900[data-selected="true"] {
  --tw-text-opacity: 1;
  color: rgb(24 24 27 / var(--tw-text-opacity));
}
.data-\[selected\]\:text-foreground[data-selected] {
  color: hsl(var(--foreground));
}
.data-\[state\=active\]\:text-accent-foreground[data-state="active"] {
  color: hsl(var(--accent-foreground));
}
.data-\[state\=active\]\:text-black[data-state="active"] {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.data-\[state\=active\]\:text-cyan-300[data-state="active"] {
  --tw-text-opacity: 1;
  color: rgb(103 232 249 / var(--tw-text-opacity));
}
.data-\[state\=active\]\:text-foreground[data-state="active"] {
  color: hsl(var(--foreground));
}
.data-\[state\=active\]\:text-primary-foreground[data-state="active"] {
  color: hsl(var(--primary-foreground));
}
.data-\[state\=active\]\:text-stone-900[data-state="active"] {
  --tw-text-opacity: 1;
  color: rgb(28 25 23 / var(--tw-text-opacity));
}
.data-\[state\=active\]\:text-white[data-state="active"] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.data-\[state\=checked\]\:text-\[\#16a34a\][data-state="checked"] {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity));
}
.data-\[state\=checked\]\:text-\[\#1a1a1a\][data-state="checked"] {
  --tw-text-opacity: 1;
  color: rgb(26 26 26 / var(--tw-text-opacity));
}
.data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] {
  color: hsl(var(--primary-foreground));
}
.data-\[state\=checked\]\:text-white[data-state="checked"] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.data-\[state\=on\]\:text-\[hsl\(var\(--linear-text\)\)\][data-state="on"] {
  color: hsl(var(--linear-text));
}
.data-\[state\=on\]\:text-accent-foreground[data-state="on"] {
  color: hsl(var(--accent-foreground));
}
.data-\[state\=on\]\:text-foreground[data-state="on"] {
  color: hsl(var(--foreground));
}
.data-\[state\=on\]\:text-foreground\/90[data-state="on"] {
  color: hsl(var(--foreground) / 0.9);
}
.data-\[state\=on\]\:text-primary-foreground[data-state="on"] {
  color: hsl(var(--primary-foreground));
}
.data-\[state\=on\]\:text-white[data-state="on"] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.data-\[state\=on\]\:text-white\/85[data-state="on"] {
  color: rgb(255 255 255 / 0.85);
}
.data-\[state\=open\]\:text-accent-foreground[data-state="open"] {
  color: hsl(var(--accent-foreground));
}
.data-\[state\=open\]\:text-foreground[data-state="open"] {
  color: hsl(var(--foreground));
}
.data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
  color: hsl(var(--muted-foreground));
}
.data-\[state\=open\]\:text-primary-foreground[data-state="open"] {
  color: hsl(var(--primary-foreground));
}
.data-\[state\=open\]\:text-sidebar-accent-foreground[data-state="open"] {
  color: hsl(var(--sidebar-accent-foreground));
}
.data-\[variant\=destructive\]\:text-destructive[data-variant="destructive"] {
  color: hsl(var(--destructive));
}
.data-\[active\=false\]\:opacity-0[data-active="false"] {
  opacity: 0;
}
.data-\[active\=true\]\:opacity-100[data-active="true"] {
  opacity: 1;
}
.data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
  opacity: 0.5;
}
.data-\[disabled\]\:opacity-40[data-disabled] {
  opacity: 0.4;
}
.data-\[disabled\]\:opacity-50[data-disabled] {
  opacity: 0.5;
}
.data-\[drag-kind\=move\]\:opacity-0[data-drag-kind="move"] {
  opacity: 0;
}
.data-\[drag-kind\=resize-end\]\:opacity-40[data-drag-kind="resize-end"] {
  opacity: 0.4;
}
.data-\[drag-kind\=resize-start\]\:opacity-40[data-drag-kind="resize-start"] {
  opacity: 0.4;
}
.data-\[dragging\=true\]\:opacity-40[data-dragging="true"] {
  opacity: 0.4;
}
.data-\[dragging\=true\]\:opacity-80[data-dragging="true"] {
  opacity: 0.8;
}
.data-\[ending-style\]\:opacity-0[data-ending-style] {
  opacity: 0;
}
.data-\[on\=1\]\:opacity-100[data-on="1"] {
  opacity: 1;
}
.data-\[popup-open\]\:opacity-100[data-popup-open] {
  opacity: 1;
}
.data-\[starting-style\]\:opacity-0[data-starting-style] {
  opacity: 0;
}
.data-\[state\=checked\]\:opacity-100[data-state="checked"] {
  opacity: 1;
}
.data-\[state\=open\]\:opacity-100[data-state="open"] {
  opacity: 1;
}
.data-\[swapy-dragging\]\:opacity-10[data-swapy-dragging] {
  opacity: 0.1;
}
.data-\[swapy-dragging\]\:opacity-100[data-swapy-dragging] {
  opacity: 1;
}
.data-\[swapy-dragging\]\:opacity-20[data-swapy-dragging] {
  opacity: 0.2;
}
.data-\[swapy-dragging\]\:opacity-30[data-swapy-dragging] {
  opacity: 0.3;
}
.data-\[swapy-dragging\]\:opacity-40[data-swapy-dragging] {
  opacity: 0.4;
}
.data-\[swapy-dragging\]\:opacity-50[data-swapy-dragging] {
  opacity: 0.5;
}
.data-\[swapy-dragging\]\:opacity-60[data-swapy-dragging] {
  opacity: 0.6;
}
.data-\[swapy-dragging\]\:opacity-70[data-swapy-dragging] {
  opacity: 0.7;
}
.data-\[swapy-dragging\]\:opacity-80[data-swapy-dragging] {
  opacity: 0.8;
}
.data-\[swapy-dragging\]\:opacity-90[data-swapy-dragging] {
  opacity: 0.9;
}
.data-\[pressed\=true\]\:shadow-sm[data-pressed="true"] {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.data-\[spacing\=0\]\:data-\[variant\=outline\]\:shadow-xs[data-variant="outline"][data-spacing="0"] {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.data-\[state\=active\]\:shadow[data-state="active"] {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.data-\[state\=active\]\:shadow-none[data-state="active"] {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.data-\[state\=active\]\:shadow-sm[data-state="active"] {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.data-\[state\=on\]\:shadow-sm[data-state="on"] {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.data-\[variant\=outline\]\:shadow-xs[data-variant="outline"] {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.data-\[active\=true\]\:ring-\[3px\][data-active="true"] {
  --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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.data-\[drop\=inside\]\:ring-1[data-drop="inside"] {
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.data-\[state\=active\]\:ring-1[data-state="active"] {
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.data-\[state\=active\]\:ring-2[data-state="active"] {
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.data-\[state\=open\]\:ring-0[data-state="open"] {
  --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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.data-\[state\=open\]\:ring-1[data-state="open"] {
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.data-\[swapy-highlighted\]\:ring-2[data-swapy-highlighted] {
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.data-\[drop\=inside\]\:ring-inset[data-drop="inside"] {
  --tw-ring-inset: inset;
}
.data-\[state\=active\]\:ring-inset[data-state="active"] {
  --tw-ring-inset: inset;
}
.data-\[state\=open\]\:ring-inset[data-state="open"] {
  --tw-ring-inset: inset;
}
.data-\[active\=true\]\:ring-ring\/50[data-active="true"] {
  --tw-ring-color: hsl(var(--ring) / 0.5);
}
.data-\[dark\]\:ring-white\/15[data-dark] {
  --tw-ring-color: rgb(255 255 255 / 0.15);
}
.data-\[drop\=inside\]\:ring-blue-400[data-drop="inside"] {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity));
}
.data-\[state\=active\]\:ring-sidebar-primary\/40[data-state="active"] {
  --tw-ring-color: hsl(var(--sidebar-primary) / 0.4);
}
.data-\[state\=active\]\:ring-white[data-state="active"] {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
}
.data-\[state\=open\]\:ring-primary\/55[data-state="open"] {
  --tw-ring-color: hsl(var(--primary) / 0.55);
}
.data-\[swapy-highlighted\]\:ring-ring[data-swapy-highlighted] {
  --tw-ring-color: hsl(var(--ring));
}
.data-\[state\=open\]\:ring-offset-0[data-state="open"] {
  --tw-ring-offset-width: 0px;
}
.data-\[measured\=true\]\:transition-\[height\][data-measured="true"] {
  transition-property: height;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.data-\[swipe\=move\]\:transition-none[data-swipe="move"] {
  transition-property: none;
}
.data-\[entering\]\:duration-500[data-entering] {
  transition-duration: 500ms;
}
.data-\[exiting\]\:duration-300[data-exiting] {
  transition-duration: 300ms;
}
.data-\[state\=closed\]\:duration-300[data-state="closed"] {
  transition-duration: 300ms;
}
.data-\[state\=open\]\:duration-150[data-state="open"] {
  transition-duration: 150ms;
}
.data-\[state\=open\]\:duration-500[data-state="open"] {
  transition-duration: 500ms;
}
.data-\[entering\]\:animate-in[data-entering] {
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.data-\[motion\^\=from-\]\:animate-in[data-motion^="from-"] {
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.data-\[slot\=open\]\:animate-in[data-slot="open"] {
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.data-\[state\=delayed-open\]\:animate-in[data-state="delayed-open"] {
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.data-\[state\=open\]\:animate-in[data-state="open"] {
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.data-\[state\=visible\]\:animate-in[data-state="visible"] {
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.data-\[exiting\]\:animate-out[data-exiting] {
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}
.data-\[motion\^\=to-\]\:animate-out[data-motion^="to-"] {
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}
.data-\[state\=closed\]\:animate-out[data-state="closed"] {
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}
.data-\[state\=hidden\]\:animate-out[data-state="hidden"] {
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}
.data-\[swipe\=end\]\:animate-out[data-swipe="end"] {
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}
.data-\[entering\]\:fade-in-0[data-entering] {
  --tw-enter-opacity: 0;
}
.data-\[exiting\]\:fade-out-0[data-exiting] {
  --tw-exit-opacity: 0;
}
.data-\[motion\^\=from-\]\:fade-in[data-motion^="from-"] {
  --tw-enter-opacity: 0;
}
.data-\[motion\^\=to-\]\:fade-out[data-motion^="to-"] {
  --tw-exit-opacity: 0;
}
.data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
  --tw-exit-opacity: 0;
}
.data-\[state\=closed\]\:fade-out-80[data-state="closed"] {
  --tw-exit-opacity: 0.8;
}
.data-\[state\=delayed-open\]\:fade-in-0[data-state="delayed-open"] {
  --tw-enter-opacity: 0;
}
.data-\[state\=hidden\]\:fade-out[data-state="hidden"] {
  --tw-exit-opacity: 0;
}
.data-\[state\=open\]\:fade-in-0[data-state="open"] {
  --tw-enter-opacity: 0;
}
.data-\[state\=visible\]\:fade-in[data-state="visible"] {
  --tw-enter-opacity: 0;
}
.data-\[entering\]\:zoom-in-95[data-entering] {
  --tw-enter-scale: .95;
}
.data-\[exiting\]\:zoom-out-95[data-exiting] {
  --tw-exit-scale: .95;
}
.data-\[slot\=open\]\:zoom-in-95[data-slot="open"] {
  --tw-enter-scale: .95;
}
.data-\[state\=closed\]\:zoom-out-100[data-state="closed"] {
  --tw-exit-scale: 1;
}
.data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
  --tw-exit-scale: .95;
}
.data-\[state\=delayed-open\]\:zoom-in-95[data-state="delayed-open"] {
  --tw-enter-scale: .95;
}
.data-\[state\=open\]\:zoom-in-100[data-state="open"] {
  --tw-enter-scale: 1;
}
.data-\[state\=open\]\:zoom-in-90[data-state="open"] {
  --tw-enter-scale: .9;
}
.data-\[state\=open\]\:zoom-in-95[data-state="open"] {
  --tw-enter-scale: .95;
}
.data-\[closed\]\:slide-out-to-bottom[data-closed] {
  --tw-exit-translate-y: 100%;
}
.data-\[closed\]\:slide-out-to-left[data-closed] {
  --tw-exit-translate-x: -100%;
}
.data-\[closed\]\:slide-out-to-right[data-closed] {
  --tw-exit-translate-x: 100%;
}
.data-\[closed\]\:slide-out-to-top[data-closed] {
  --tw-exit-translate-y: -100%;
}
.data-\[entering\]\:slide-in-from-bottom[data-entering] {
  --tw-enter-translate-y: 100%;
}
.data-\[entering\]\:slide-in-from-left[data-entering] {
  --tw-enter-translate-x: -100%;
}
.data-\[entering\]\:slide-in-from-right[data-entering] {
  --tw-enter-translate-x: 100%;
}
.data-\[entering\]\:slide-in-from-top[data-entering] {
  --tw-enter-translate-y: -100%;
}
.data-\[exiting\]\:slide-out-to-bottom[data-exiting] {
  --tw-exit-translate-y: 100%;
}
.data-\[exiting\]\:slide-out-to-left[data-exiting] {
  --tw-exit-translate-x: -100%;
}
.data-\[exiting\]\:slide-out-to-right[data-exiting] {
  --tw-exit-translate-x: 100%;
}
.data-\[exiting\]\:slide-out-to-top[data-exiting] {
  --tw-exit-translate-y: -100%;
}
.data-\[expanded\]\:slide-in-from-bottom[data-expanded] {
  --tw-enter-translate-y: 100%;
}
.data-\[expanded\]\:slide-in-from-left[data-expanded] {
  --tw-enter-translate-x: -100%;
}
.data-\[expanded\]\:slide-in-from-right[data-expanded] {
  --tw-enter-translate-x: 100%;
}
.data-\[expanded\]\:slide-in-from-top[data-expanded] {
  --tw-enter-translate-y: -100%;
}
.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion="from-end"] {
  --tw-enter-translate-x: 13rem;
}
.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion="from-start"] {
  --tw-enter-translate-x: -13rem;
}
.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion="to-end"] {
  --tw-exit-translate-x: 13rem;
}
.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion="to-start"] {
  --tw-exit-translate-x: -13rem;
}
.data-\[placement\=bottom\]\:slide-in-from-top-2[data-placement="bottom"] {
  --tw-enter-translate-y: -0.5rem;
}
.data-\[placement\=left\]\:slide-in-from-right-2[data-placement="left"] {
  --tw-enter-translate-x: 0.5rem;
}
.data-\[placement\=right\]\:slide-in-from-left-2[data-placement="right"] {
  --tw-enter-translate-x: -0.5rem;
}
.data-\[placement\=top\]\:slide-in-from-bottom-2[data-placement="top"] {
  --tw-enter-translate-y: 0.5rem;
}
.data-\[side\=bottom\]\:slide-in-from-top-1[data-side="bottom"] {
  --tw-enter-translate-y: -0.25rem;
}
.data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
  --tw-enter-translate-y: -0.5rem;
}
.data-\[side\=inline-end\]\:slide-in-from-left-2[data-side="inline-end"] {
  --tw-enter-translate-x: -0.5rem;
}
.data-\[side\=inline-start\]\:slide-in-from-right-2[data-side="inline-start"] {
  --tw-enter-translate-x: 0.5rem;
}
.data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
  --tw-enter-translate-x: 0.5rem;
}
.data-\[side\=right\]\:slide-in-from-left-1[data-side="right"] {
  --tw-enter-translate-x: -0.25rem;
}
.data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
  --tw-enter-translate-x: -0.5rem;
}
.data-\[side\=top\]\:slide-in-from-bottom-1[data-side="top"] {
  --tw-enter-translate-y: 0.25rem;
}
.data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
  --tw-enter-translate-y: 0.5rem;
}
.data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"] {
  --tw-exit-translate-y: 100%;
}
.data-\[state\=closed\]\:slide-out-to-left[data-state="closed"] {
  --tw-exit-translate-x: -100%;
}
.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"] {
  --tw-exit-translate-x: -50%;
}
.data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] {
  --tw-exit-translate-x: 100%;
}
.data-\[state\=closed\]\:slide-out-to-right-full[data-state="closed"] {
  --tw-exit-translate-x: 100%;
}
.data-\[state\=closed\]\:slide-out-to-top[data-state="closed"] {
  --tw-exit-translate-y: -100%;
}
.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"] {
  --tw-exit-translate-y: -48%;
}
.data-\[state\=open\]\:slide-in-from-bottom[data-state="open"] {
  --tw-enter-translate-y: 100%;
}
.data-\[state\=open\]\:slide-in-from-left[data-state="open"] {
  --tw-enter-translate-x: -100%;
}
.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"] {
  --tw-enter-translate-x: -50%;
}
.data-\[state\=open\]\:slide-in-from-right[data-state="open"] {
  --tw-enter-translate-x: 100%;
}
.data-\[state\=open\]\:slide-in-from-top[data-state="open"] {
  --tw-enter-translate-y: -100%;
}
.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"] {
  --tw-enter-translate-y: -48%;
}
.data-\[state\=open\]\:slide-in-from-top-full[data-state="open"] {
  --tw-enter-translate-y: -100%;
}
.data-\[entering\]\:duration-500[data-entering] {
  animation-duration: 500ms;
}
.data-\[exiting\]\:duration-300[data-exiting] {
  animation-duration: 300ms;
}
.data-\[state\=closed\]\:duration-300[data-state="closed"] {
  animation-duration: 300ms;
}
.data-\[state\=open\]\:duration-150[data-state="open"] {
  animation-duration: 150ms;
}
.data-\[state\=open\]\:duration-500[data-state="open"] {
  animation-duration: 500ms;
}
.data-\[size\=sm\]\:\[--card-spacing\:--spacing\(3\)\][data-size="sm"] {
  --card-spacing: var(--spacing(3));
}
.data-\[size\=sm\]\:\[--card-spacing\:--spacing\(4\)\][data-size="sm"] {
  --card-spacing: var(--spacing(4));
}
.data-\[measured\=true\]\:\[transition-duration\:160ms\][data-measured="true"] {
  transition-duration: 160ms;
}
.data-\[measured\=true\]\:\[transition-timing-function\:cubic-bezier\(0\.23\2c 1\2c 0\.32\2c 1\)\][data-measured="true"] {
  transition-timing-function: cubic-bezier(0.23,1,0.32,1);
}
.\*\:data-\[slot\=input-group\]\:m-1[data-slot="input-group"] > * {
  margin: 0.25rem;
}
.\*\:data-\[slot\=input-group\]\:mb-0[data-slot="input-group"] > * {
  margin-bottom: 0px;
}
.\*\:data-\[slot\=select-value\]\:line-clamp-1[data-slot="select-value"] > * {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.\*\:data-\[slot\=select-value\]\:flex[data-slot="select-value"] > * {
  display: flex;
}
.\*\:data-\[slot\=icon\]\:size-2\.5[data-slot="icon"] > * {
  width: 0.625rem;
  height: 0.625rem;
}
.\*\:data-\[slot\=icon\]\:size-3[data-slot="icon"] > * {
  width: 0.75rem;
  height: 0.75rem;
}
.\*\:data-\[slot\=input-group\]\:h-8[data-slot="input-group"] > * {
  height: 2rem;
}
.\*\:data-\[slot\=field-label\]\:flex-auto[data-slot="field-label"] > * {
  flex: 1 1 auto;
}
.\*\:data-\[slot\=select-value\]\:items-center[data-slot="select-value"] > * {
  align-items: center;
}
.\*\:data-\[slot\=field-group\]\:gap-4[data-slot="field-group"] > * {
  gap: 1rem;
}
.\*\:data-\[slot\=select-value\]\:gap-1\.5[data-slot="select-value"] > * {
  gap: 0.375rem;
}
.\*\:data-\[slot\=select-value\]\:gap-2[data-slot="select-value"] > * {
  gap: 0.5rem;
}
.\*\:data-\[slot\=card-content\]\:space-y-5[data-slot="card-content"] > * > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.\*\:data-\[slot\=card-content\]\:space-y-6[data-slot="card-content"] > * > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.\*\:data-\[slot\=input-group\]\:border-input\/30[data-slot="input-group"] > * {
  border-color: hsl(var(--input) / 0.3);
}
.\*\:data-\[slot\=input-group\]\:bg-input\/30[data-slot="input-group"] > * {
  background-color: hsl(var(--input) / 0.3);
}
.\*\:data-\[slot\=card\]\:bg-gradient-to-t[data-slot="card"] > * {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.\*\:data-\[slot\=card\]\:from-primary\/5[data-slot="card"] > * {
  --tw-gradient-from: hsl(var(--primary) / 0.05) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.\*\:data-\[slot\=card\]\:to-card[data-slot="card"] > * {
  --tw-gradient-to: hsl(var(--card)) var(--tw-gradient-to-position);
}
.\*\:data-\[slot\=field\]\:p-2\.5[data-slot="field"] > * {
  padding: 0.625rem;
}
.\*\:data-\[slot\=field\]\:p-3[data-slot="field"] > * {
  padding: 0.75rem;
}
.\*\:data-\[slot\=toggle-group-item\]\:\!px-4[data-slot="toggle-group-item"] > * {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.\*\:data-\[slot\=alert-description\]\:text-destructive\/90[data-slot="alert-description"] > * {
  color: hsl(var(--destructive) / 0.9);
}
.data-\[inert\=true\]\:\*\:opacity-50 > *[data-inert="true"] {
  opacity: 0.5;
}
.\*\:data-\[slot\=card\]\:shadow-xs[data-slot="card"] > * {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.\*\:data-\[slot\=input-group\]\:shadow-none[data-slot="input-group"] > * {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.\*\:data-\[slot\=avatar\]\:ring-2[data-slot="avatar"] > * {
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.\*\:data-\[slot\=avatar\]\:ring-background[data-slot="avatar"] > * {
  --tw-ring-color: hsl(var(--background));
}
.before\:data-\[selected\=true\]\:absolute[data-selected="true"]::before {
  content: var(--tw-content);
  position: absolute;
}
.data-\[drop\=before\]\:before\:absolute[data-drop="before"]::before {
  content: var(--tw-content);
  position: absolute;
}
.data-\[drop\=before\]\:before\:inset-x-0[data-drop="before"]::before {
  content: var(--tw-content);
  left: 0px;
  right: 0px;
}
.before\:data-\[selected\=true\]\:bottom-1\.5[data-selected="true"]::before {
  content: var(--tw-content);
  bottom: 0.375rem;
}
.before\:data-\[selected\=true\]\:left-0[data-selected="true"]::before {
  content: var(--tw-content);
  left: 0px;
}
.before\:data-\[selected\=true\]\:top-1\.5[data-selected="true"]::before {
  content: var(--tw-content);
  top: 0.375rem;
}
.data-\[drop\=before\]\:before\:-top-px[data-drop="before"]::before {
  content: var(--tw-content);
  top: -1px;
}
.before\:data-\[selected\=true\]\:w-1[data-selected="true"]::before {
  content: var(--tw-content);
  width: 0.25rem;
}
.data-\[state\=open\]\:before\:scale-x-100[data-state="open"]::before {
  content: var(--tw-content);
  --tw-scale-x: 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));
}
.before\:data-\[selected\=true\]\:rounded-full[data-selected="true"]::before {
  content: var(--tw-content);
  border-radius: 9999px;
}
.data-\[drop\=before\]\:before\:border-t-2[data-drop="before"]::before {
  content: var(--tw-content);
  border-top-width: 2px;
}
.data-\[drop\=before\]\:before\:border-blue-400[data-drop="before"]::before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity));
}
.before\:data-\[selected\=true\]\:bg-primary[data-selected="true"]::before {
  content: var(--tw-content);
  background-color: hsl(var(--primary));
}
.data-\[drop\=after\]\:after\:absolute[data-drop="after"]::after {
  content: var(--tw-content);
  position: absolute;
}
.data-\[drop\=after\]\:after\:inset-x-0[data-drop="after"]::after {
  content: var(--tw-content);
  left: 0px;
  right: 0px;
}
.data-\[drop\=after\]\:after\:-bottom-px[data-drop="after"]::after {
  content: var(--tw-content);
  bottom: -1px;
}
.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction="vertical"]::after {
  content: var(--tw-content);
  left: 0px;
}
.data-\[state\=inactive\]\:after\:hidden[data-state="inactive"]::after {
  content: var(--tw-content);
  display: none;
}
.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction="vertical"]::after {
  content: var(--tw-content);
  height: 0.25rem;
}
.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction="vertical"]::after {
  content: var(--tw-content);
  width: 100%;
}
.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction="vertical"]::after {
  content: var(--tw-content);
  --tw-translate-y: -50%;
  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));
}
.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction="vertical"]::after {
  content: var(--tw-content);
  --tw-translate-x: 0px;
  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));
}
.data-\[state\=active\]\:after\:scale-x-100[data-state="active"]::after {
  content: var(--tw-content);
  --tw-scale-x: 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));
}
.data-\[drop\=after\]\:after\:border-b-2[data-drop="after"]::after {
  content: var(--tw-content);
  border-bottom-width: 2px;
}
.data-\[drop\=after\]\:after\:border-blue-400[data-drop="after"]::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity));
}
.data-\[state\=active\]\:after\:bg-primary[data-state="active"]::after {
  content: var(--tw-content);
  background-color: hsl(var(--primary));
}
.data-\[state\=active\]\:after\:bg-sidebar-primary[data-state="active"]::after {
  content: var(--tw-content);
  background-color: hsl(var(--sidebar-primary));
}
.data-\[variant\=outline\]\:first\:border-l:first-child[data-variant="outline"] {
  border-left-width: 1px;
}
.data-\[active\=true\]\:hover\:bg-accent:hover[data-active="true"] {
  background-color: hsl(var(--accent));
}
.data-\[state\=open\]\:hover\:bg-accent:hover[data-state="open"] {
  background-color: hsl(var(--accent));
}
.data-\[state\=open\]\:hover\:bg-primary:hover[data-state="open"] {
  background-color: hsl(var(--primary));
}
.data-\[state\=open\]\:hover\:bg-sidebar-accent:hover[data-state="open"] {
  background-color: hsl(var(--sidebar-accent));
}
.data-\[state\=open\]\:hover\:text-primary-foreground:hover[data-state="open"] {
  color: hsl(var(--primary-foreground));
}
.data-\[state\=open\]\:hover\:text-sidebar-accent-foreground:hover[data-state="open"] {
  color: hsl(var(--sidebar-accent-foreground));
}
.data-\[active\=true\]\:focus\:bg-accent:focus[data-active="true"] {
  background-color: hsl(var(--accent));
}
.data-\[state\=open\]\:focus\:bg-accent:focus[data-state="open"] {
  background-color: hsl(var(--accent));
}
.data-\[variant\=destructive\]\:focus\:bg-destructive\/10:focus[data-variant="destructive"] {
  background-color: hsl(var(--destructive) / 0.1);
}
.data-\[variant\=destructive\]\:focus\:text-destructive:focus[data-variant="destructive"] {
  color: hsl(var(--destructive));
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.group[data-disabled="true"] .group-data-\[disabled\=true\]\:pointer-events-none {
  pointer-events: none;
}
.group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:relative {
  position: relative;
}
.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\] {
  left: calc(var(--sidebar-width) * -1);
}
.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\] {
  right: calc(var(--sidebar-width) * -1);
}
.group[data-side="left"] .group-data-\[side\=left\]\:-right-4 {
  right: -1rem;
}
.group[data-side="right"] .group-data-\[side\=right\]\:left-0 {
  left: 0px;
}
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:top-full {
  top: 100%;
}
.group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:z-10 {
  z-index: 10;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:-mt-8 {
  margin-top: -2rem;
}
.group\/field-group[data-variant="outline"] .group-data-\[variant\=outline\]\/field-group\:-mb-2 {
  margin-bottom: -0.5rem;
}
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5 {
  margin-top: 0.375rem;
}
.group[data-checked] .group-data-\[checked\]\:block {
  display: block;
}
.group[data-indeterminate] .group-data-\[indeterminate\]\:block {
  display: block;
}
.group[data-state="active"] .group-data-\[state\=active\]\:block {
  display: block;
}
.group\/drawer-content[data-vaul-drawer-direction="bottom"] .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block {
  display: block;
}
.group\/alert-dialog-content[data-size="sm"] .group-data-\[size\=sm\]\/alert-dialog-content\:grid {
  display: grid;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:hidden {
  display: none;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!size-8 {
  width: 2rem !important;
  height: 2rem !important;
}
.group\/avatar[data-size="default"] .group-data-\[size\=default\]\/avatar\:size-2\.5 {
  width: 0.625rem;
  height: 0.625rem;
}
.group\/switch[data-size="default"] .group-data-\[size\=default\]\/switch\:size-4 {
  width: 1rem;
  height: 1rem;
}
.group\/avatar[data-size="lg"] .group-data-\[size\=lg\]\/avatar\:size-3 {
  width: 0.75rem;
  height: 0.75rem;
}
.group\/avatar[data-size="sm"] .group-data-\[size\=sm\]\/avatar\:size-2 {
  width: 0.5rem;
  height: 0.5rem;
}
.group\/switch[data-size="sm"] .group-data-\[size\=sm\]\/switch\:size-3 {
  width: 0.75rem;
  height: 0.75rem;
}
.group\/tabs[data-orientation="horizontal"] .group-data-\[orientation\=horizontal\]\/tabs\:h-9 {
  height: 2.25rem;
}
.group\/tabs[data-orientation="vertical"] .group-data-\[orientation\=vertical\]\/tabs\:h-fit {
  height: -moz-fit-content;
  height: fit-content;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\] {
  width: var(--sidebar-width-icon);
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\] {
  width: calc(var(--sidebar-width-icon) + (--spacing(4)));
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\] {
  width: calc(var(--sidebar-width-icon) + (--spacing(4)) + 2px);
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\] {
  width: calc(var(--sidebar-width-icon) + 1rem);
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\] {
  width: calc(var(--sidebar-width-icon) + 1rem + 2px);
}
.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:w-0 {
  width: 0px;
}
.group\/tabs[data-orientation="vertical"] .group-data-\[orientation\=vertical\]\/tabs\:w-full {
  width: 100%;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:max-w-none {
  max-width: none;
}
.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:translate-x-0 {
  --tw-translate-x: 0px;
  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[data-side="right"] .group-data-\[side\=right\]\:rotate-180 {
  --tw-rotate: 180deg;
  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[data-state="active"] .group-data-\[state\=active\]\:rotate-0 {
  --tw-rotate: 0deg;
  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\/trigger[data-state="closed"] .group-data-\[state\=closed\]\/trigger\:-rotate-90 {
  --tw-rotate: -90deg;
  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\/collapsible[data-state="open"] .group-data-\[state\=open\]\/collapsible\:rotate-90 {
  --tw-rotate: 90deg;
  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\/fold[data-state="open"] .group-data-\[state\=open\]\/fold\:rotate-90 {
  --tw-rotate: 90deg;
  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\/tool[data-state="open"] .group-data-\[state\=open\]\/tool\:rotate-180 {
  --tw-rotate: 180deg;
  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[data-state="open"] .group-data-\[state\=open\]\:rotate-180 {
  --tw-rotate: 180deg;
  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[data-state="open"] .group-data-\[state\=open\]\:rotate-90 {
  --tw-rotate: 90deg;
  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[data-state="active"] .group-data-\[state\=active\]\:scale-0 {
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  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[data-state="active"] .group-data-\[state\=active\]\:scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 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));
}
.group\/alert-dialog-content[data-size="sm"] .group-data-\[size\=sm\]\/alert-dialog-content\:grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.group\/tabs[data-orientation="vertical"] .group-data-\[orientation\=vertical\]\/tabs\:flex-col {
  flex-direction: column;
}
.group\/tabs[data-orientation="vertical"] .group-data-\[orientation\=vertical\]\/tabs\:justify-start {
  justify-content: flex-start;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:justify-center {
  justify-content: center;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:overflow-hidden {
  overflow: hidden;
}
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden {
  overflow: hidden;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:overflow-y-auto {
  overflow-y: auto;
}
.group\/toggle-group[data-spacing="0"] .group-data-\[spacing\=0\]\/toggle-group\:rounded-none {
  border-radius: 0px;
}
.group[data-variant="floating"] .group-data-\[variant\=floating\]\:rounded-2xl {
  border-radius: calc(var(--radius) + 8px);
}
.group[data-variant="floating"] .group-data-\[variant\=floating\]\:rounded-lg {
  border-radius: var(--radius);
}
.group[data-variant="floating"] .group-data-\[variant\=floating\]\:rounded-none {
  border-radius: 0px;
}
.group\/tabs-list[data-variant="line"] .group-data-\[variant\=line\]\/tabs-list\:rounded-none {
  border-radius: 0px;
}
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md {
  border-radius: calc(var(--radius) - 2px);
}
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:rounded-none {
  border-radius: 0px;
}
.group[data-variant="floating"] .group-data-\[variant\=floating\]\:border {
  border-width: 1px;
}
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:border {
  border-width: 1px;
}
.group[data-side="left"] .group-data-\[side\=left\]\:border-r {
  border-right-width: 1px;
}
.group[data-side="right"] .group-data-\[side\=right\]\:border-l {
  border-left-width: 1px;
}
.group\/tabs-list[data-variant="line"] .group-data-\[variant\=line\]\/tabs-list\:border-b-2 {
  border-bottom-width: 2px;
}
.group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:border-ring {
  border-color: hsl(var(--ring));
}
.group[data-variant="floating"] .group-data-\[variant\=floating\]\:border-sidebar-border {
  border-color: hsl(var(--sidebar-border));
}
.group\/tabs-list[data-variant="line"] .group-data-\[variant\=line\]\/tabs-list\:border-transparent {
  border-color: transparent;
}
.group\/trace[data-run="running"] .group-data-\[run\=running\]\/trace\:bg-primary {
  background-color: hsl(var(--primary));
}
.group\/tabs-list[data-variant="line"] .group-data-\[variant\=line\]\/tabs-list\:bg-transparent {
  background-color: transparent;
}
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:bg-popover {
  background-color: hsl(var(--popover));
}
.group[data-dark] .group-data-\[dark\]\:from-gray-800 {
  --tw-gradient-from: #1f2937 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.group[data-dark] .group-data-\[dark\]\:from-\[-25\%\] {
  --tw-gradient-from-position: -25%;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!p-0 {
  padding: 0px !important;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!p-2 {
  padding: 0.5rem !important;
}
.group\/toggle-group[data-spacing="0"] .group-data-\[spacing\=0\]\/toggle-group\:px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.group\/tabs-list[data-variant="line"] .group-data-\[variant\=line\]\/tabs-list\:px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.group\/tabs-list[data-variant="line"] .group-data-\[variant\=line\]\/tabs-list\:py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.group\/drawer-content[data-vaul-drawer-direction="bottom"] .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:text-center {
  text-align: center;
}
.group\/drawer-content[data-vaul-drawer-direction="top"] .group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:text-center {
  text-align: center;
}
.group\/avatar[data-size="lg"] .group-data-\[size\=lg\]\/avatar\:text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.group\/avatar[data-size="sm"] .group-data-\[size\=sm\]\/avatar\:text-\[11px\] {
  font-size: 11px;
}
.group\/avatar[data-size="sm"] .group-data-\[size\=sm\]\/avatar\:text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.group\/card[data-size="sm"] .group-data-\[size\=sm\]\/card\:text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.group\/item[data-active="true"] .group-data-\[active\=true\]\/item\:text-foreground {
  color: hsl(var(--foreground));
}
.group[data-dark] .group-data-\[dark\]\:text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}
.group[data-dark] .group-data-\[dark\]\:text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.group\/row[data-selected="true"] .group-data-\[selected\=true\]\/row\:text-primary {
  color: hsl(var(--primary));
}
.group\/row[data-state="done"] .group-data-\[state\=done\]\/row\:text-primary {
  color: hsl(var(--primary));
}
.group\/row[data-state="queued"] .group-data-\[state\=queued\]\/row\:text-muted-foreground {
  color: hsl(var(--muted-foreground));
}
.group\/row[data-state="queued"] .group-data-\[state\=queued\]\/row\:text-muted-foreground\/60 {
  color: hsl(var(--muted-foreground) / 0.6);
}
.group\/row[data-state="running"] .group-data-\[state\=running\]\/row\:text-primary {
  color: hsl(var(--primary));
}
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground {
  color: hsl(var(--popover-foreground));
}
.group\/item[data-active="true"] .group-data-\[active\=true\]\/item\:opacity-100 {
  opacity: 1;
}
.group\/command-item[data-checked="true"] .group-data-\[checked\=true\]\/command-item\:opacity-100 {
  opacity: 1;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:opacity-0 {
  opacity: 0;
}
.group\/field[data-disabled="true"] .group-data-\[disabled\=true\]\/field\:opacity-50 {
  opacity: 0.5;
}
.group\/input-group[data-disabled="true"] .group-data-\[disabled\=true\]\/input-group\:opacity-50 {
  opacity: 0.5;
}
.group[data-disabled="true"] .group-data-\[disabled\=true\]\:opacity-50 {
  opacity: 0.5;
}
.group\/gantt-seg[data-drag-kind^="resize"] .group-data-\[drag-kind\^\=resize\]\/gantt-seg\:opacity-0 {
  opacity: 0;
}
.group[data-state="active"] .group-data-\[state\=active\]\:opacity-0 {
  opacity: 0;
}
.group[data-state="active"] .group-data-\[state\=active\]\:opacity-100 {
  opacity: 1;
}
.group\/row[data-state="queued"] .group-data-\[state\=queued\]\/row\:opacity-0 {
  opacity: 0;
}
.group[data-open="true"] .group-data-\[open\=true\]\:shadow-\[0_20px_40px_rgba\(0\2c 0\2c 0\2c \.2\)\] {
  --tw-shadow: 0 20px 40px rgba(0,0,0,.2);
  --tw-shadow-colored: 0 20px 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group[data-open="true"] .group-data-\[open\=true\]\:shadow-\[inset_0_20px_40px_\#fbbf24\2c _inset_0_-20px_40px_\#d97706\] {
  --tw-shadow: inset 0 20px 40px #fbbf24, inset 0 -20px 40px #d97706;
  --tw-shadow-colored: inset 0 20px 40px var(--tw-shadow-color), inset 0 -20px 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group\/toggle-group[data-spacing="0"] .group-data-\[spacing\=0\]\/toggle-group\:shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group[data-tags-drop="after"] .group-data-\[tags-drop\=after\]\:shadow-\[2px_0_0_0_hsl\(var\(--foreground\)\)\] {
  --tw-shadow: 2px 0 0 0 hsl(var(--foreground));
  --tw-shadow-colored: 2px 0 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group[data-tags-drop="before"] .group-data-\[tags-drop\=before\]\:shadow-\[-2px_0_0_0_hsl\(var\(--foreground\)\)\] {
  --tw-shadow: -2px 0 0 0 hsl(var(--foreground));
  --tw-shadow-colored: -2px 0 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group[data-variant="floating"] .group-data-\[variant\=floating\]\:shadow {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group[data-variant="floating"] .group-data-\[variant\=floating\]\:shadow-sm {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:shadow {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:ring-\[3px\] {
  --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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.group[data-variant="floating"] .group-data-\[variant\=floating\]\:ring-1 {
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:ring-ring\/50 {
  --tw-ring-color: hsl(var(--ring) / 0.5);
}
.group[data-variant="floating"] .group-data-\[variant\=floating\]\:ring-sidebar-border {
  --tw-ring-color: hsl(var(--sidebar-border));
}
.group\/command[data-repeat] .group-data-\[repeat\]\/command\:duration-100 {
  transition-duration: 100ms;
}
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:duration-200 {
  transition-duration: 200ms;
}
.group\/command[data-repeat] .group-data-\[repeat\]\/command\:duration-100 {
  animation-duration: 100ms;
}
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:duration-200 {
  animation-duration: 200ms;
}
.group[data-open="true"] .group-data-\[open\=true\]\:\[transform\:rotateX\(-20deg\)\] {
  transform: rotateX(-20deg);
}
.group[data-open="true"] .group-data-\[open\=true\]\:\[transform\:rotateX\(-30deg\)\] {
  transform: rotateX(-30deg);
}
.group[data-open="true"] .group-data-\[open\=true\]\:\[transform\:rotateX\(-38deg\)\] {
  transform: rotateX(-38deg);
}
.group[data-open="true"] .group-data-\[open\=true\]\:\[transform\:rotateX\(-46deg\)_translateY\(1px\)\] {
  transform: rotateX(-46deg) translateY(1px);
}
.group\/tabs[data-orientation="horizontal"] .group-data-\[orientation\=horizontal\]\/tabs\:after\:inset-x-0::after {
  content: var(--tw-content);
  left: 0px;
  right: 0px;
}
.group\/tabs[data-orientation="vertical"] .group-data-\[orientation\=vertical\]\/tabs\:after\:inset-y-0::after {
  content: var(--tw-content);
  top: 0px;
  bottom: 0px;
}
.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:after\:left-full::after {
  content: var(--tw-content);
  left: 100%;
}
.group\/tabs[data-orientation="horizontal"] .group-data-\[orientation\=horizontal\]\/tabs\:after\:bottom-\[-5px\]::after {
  content: var(--tw-content);
  bottom: -5px;
}
.group\/tabs[data-orientation="vertical"] .group-data-\[orientation\=vertical\]\/tabs\:after\:-right-1::after {
  content: var(--tw-content);
  right: -0.25rem;
}
.group\/tabs[data-orientation="horizontal"] .group-data-\[orientation\=horizontal\]\/tabs\:after\:h-0\.5::after {
  content: var(--tw-content);
  height: 0.125rem;
}
.group\/tabs[data-orientation="vertical"] .group-data-\[orientation\=vertical\]\/tabs\:after\:w-0\.5::after {
  content: var(--tw-content);
  width: 0.125rem;
}
.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:hover\:bg-sidebar:hover {
  background-color: hsl(var(--sidebar));
}
.group[data-collapsible="offcanvas"] .hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar:hover {
  background-color: hsl(var(--sidebar));
}
.group[data-collapsible="offcanvas"] .data-\[side\=left\]\:group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\][data-side="left"] {
  left: calc(var(--sidebar-width) * -1);
}
.group[data-collapsible="offcanvas"] .data-\[side\=right\]\:group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\][data-side="right"] {
  right: calc(var(--sidebar-width) * -1);
}
.group\/tabs-list[data-variant="line"] .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:border-primary[data-state="active"] {
  border-color: hsl(var(--primary));
}
.group\/tabs-list[data-variant="line"] .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent[data-state="active"] {
  background-color: transparent;
}
.group\/tabs-list[data-variant="default"] .group-data-\[variant\=default\]\/tabs-list\:data-\[state\=active\]\:shadow-sm[data-state="active"] {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group\/tabs-list[data-variant="line"] .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:shadow-none[data-state="active"] {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:animate-in[data-state="open"] {
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:animate-out[data-state="closed"] {
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
  --tw-exit-opacity: 0;
}
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:fade-in-0[data-state="open"] {
  --tw-enter-opacity: 0;
}
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
  --tw-exit-scale: .95;
}
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:zoom-in-95[data-state="open"] {
  --tw-enter-scale: .95;
}
.group\/tabs-list[data-variant="line"] .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:after\:opacity-100[data-state="active"]::after {
  content: var(--tw-content);
  opacity: 1;
}
.peer\/menu-button[data-size="default"] ~ .peer-data-\[size\=default\]\/menu-button\:top-1\.5 {
  top: 0.375rem;
}
.peer\/menu-button[data-size="lg"] ~ .peer-data-\[size\=lg\]\/menu-button\:top-2\.5 {
  top: 0.625rem;
}
.peer\/menu-button[data-size="sm"] ~ .peer-data-\[size\=sm\]\/menu-button\:top-1 {
  top: 0.25rem;
}
.peer[data-variant="inset"] ~ .peer-data-\[variant\=inset\]\:min-h-\[calc\(100svh-theme\(spacing\.4\)\)\] {
  min-height: calc(100svh - 1rem);
}
.peer[data-state="checked"] ~ .peer-data-\[state\=checked\]\:border-orange-500 {
  --tw-border-opacity: 1;
  border-color: rgb(249 115 22 / var(--tw-border-opacity));
}
.peer[data-state="checked"] ~ .peer-data-\[state\=checked\]\:bg-orange-500\/10 {
  background-color: rgb(249 115 22 / 0.1);
}
.peer\/menu-button[data-active="true"] ~ .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground {
  color: hsl(var(--sidebar-accent-foreground));
}
.peer[data-state="checked"] ~ .peer-data-\[state\=checked\]\:ring-2 {
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.peer[data-state="checked"] ~ .peer-data-\[state\=checked\]\:ring-\[\#1a4789\] {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(26 71 137 / var(--tw-ring-opacity));
}
.peer[data-state="checked"] ~ .peer-data-\[state\=checked\]\:ring-offset-2 {
  --tw-ring-offset-width: 2px;
}
@supports (backdrop-filter: var(--tw)) {
  .supports-\[backdrop-filter\]\:bg-background\/60 {
    background-color: hsl(var(--background) / 0.6);
  }
  .supports-\[backdrop-filter\]\:bg-background\/70 {
    background-color: hsl(var(--background) / 0.7);
  }
  .supports-\[backdrop-filter\]\:bg-background\/80 {
    background-color: hsl(var(--background) / 0.8);
  }
  .supports-\[backdrop-filter\]\:bg-card\/80 {
    background-color: hsl(var(--card) / 0.8);
  }
}
@media (prefers-reduced-motion: no-preference) {
  .motion-safe\:animate-\[ax-fade-in_300ms_ease-out_both\] {
    animation: ax-fade-in 300ms ease-out both;
  }
  .motion-safe\:animate-\[ax-grow-x_500ms_ease-out_both\] {
    animation: ax-grow-x 500ms ease-out both;
  }
  .motion-safe\:animate-\[bento2-card_0\.8s_ease-out_forwards\] {
    animation: bento2-card 0.8s ease-out forwards;
  }
  .motion-safe\:animate-\[bento2-intro_0\.9s_ease-out_forwards\] {
    animation: bento2-intro 0.9s ease-out forwards;
  }
  @keyframes ping {
    75%, 100% {
      transform: scale(2);
      opacity: 0;
    }
  }
  .motion-safe\:animate-ping {
    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  }
  @keyframes pulse {
    50% {
      opacity: .5;
    }
  }
  .motion-safe\:animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }
  .motion-safe\:opacity-0 {
    opacity: 0;
  }
  .motion-safe\:duration-300 {
    transition-duration: 300ms;
  }
  .motion-safe\:animate-in {
    animation-name: enter;
    animation-duration: 150ms;
    --tw-enter-opacity: initial;
    --tw-enter-scale: initial;
    --tw-enter-rotate: initial;
    --tw-enter-translate-x: initial;
    --tw-enter-translate-y: initial;
  }
  .motion-safe\:fade-in-0 {
    --tw-enter-opacity: 0;
  }
  .motion-safe\:duration-300 {
    animation-duration: 300ms;
  }
  .motion-safe\:hover\:-translate-y-1:hover {
    --tw-translate-y: -0.25rem;
    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));
  }
  .motion-safe\:hover\:scale-\[1\.02\]:hover {
    --tw-scale-x: 1.02;
    --tw-scale-y: 1.02;
    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));
  }
}
@media (prefers-reduced-motion: reduce) {
  .motion-reduce\:hidden {
    display: none;
  }
  .motion-reduce\:animate-\[progress-fade_2s_ease-in-out_infinite\] {
    animation: progress-fade 2s ease-in-out infinite;
  }
  .motion-reduce\:animate-none {
    animation: none;
  }
  .motion-reduce\:transition-\[opacity\2c background-color\] {
    transition-property: opacity,background-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .motion-reduce\:transition-none {
    transition-property: none;
  }
  .motion-reduce\:active\:scale-100:active {
    --tw-scale-x: 1;
    --tw-scale-y: 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));
  }
}
.dark\:ml-5:is(.dark *) {
  margin-left: 1.25rem;
}
.dark\:block:is(.dark *) {
  display: block;
}
.dark\:hidden:is(.dark *) {
  display: none;
}
.dark\:-rotate-90:is(.dark *) {
  --tw-rotate: -90deg;
  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));
}
.dark\:rotate-0:is(.dark *) {
  --tw-rotate: 0deg;
  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));
}
.dark\:scale-0:is(.dark *) {
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  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));
}
.dark\:scale-100:is(.dark *) {
  --tw-scale-x: 1;
  --tw-scale-y: 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));
}
.dark\:divide-white\/10:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(255 255 255 / 0.1);
}
.dark\:divide-zinc-700:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(63 63 70 / var(--tw-divide-opacity));
}
.dark\:divide-zinc-800:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(39 39 42 / var(--tw-divide-opacity));
}
.dark\:border:is(.dark *) {
  border-width: 1px;
}
.dark\:border-\[1px\]:is(.dark *) {
  border-width: 1px;
}
.dark\:border-x-0:is(.dark *) {
  border-left-width: 0px;
  border-right-width: 0px;
}
.dark\:border-r:is(.dark *) {
  border-right-width: 1px;
}
.dark\:border-t-0:is(.dark *) {
  border-top-width: 0px;
}
.dark\:border-\[\#ffffff\]\/20:is(.dark *) {
  border-color: rgb(255 255 255 / 0.2);
}
.dark\:border-\[hsl\(var\(--column-accent\)\/0\.45\)\]:is(.dark *) {
  border-color: hsl(var(--column-accent)/0.45);
}
.dark\:border-\[var\(--color-destructive-soft\2c var\(--color-red-900\)\)\]:is(.dark *) {
  border-color: var(--color-destructive-soft,var(--color-red-900));
}
.dark\:border-\[var\(--color-info-soft\2c var\(--color-violet-900\)\)\]:is(.dark *) {
  border-color: var(--color-info-soft,var(--color-violet-900));
}
.dark\:border-\[var\(--color-primary-soft\2c var\(--color-blue-900\)\)\]:is(.dark *) {
  border-color: var(--color-primary-soft,var(--color-blue-900));
}
.dark\:border-\[var\(--color-success-soft\2c var\(--color-green-900\)\)\]:is(.dark *) {
  border-color: var(--color-success-soft,var(--color-green-900));
}
.dark\:border-\[var\(--color-warning-soft\2c var\(--color-yellow-900\)\)\]:is(.dark *) {
  border-color: var(--color-warning-soft,var(--color-yellow-900));
}
.dark\:border-amber-400\/30:is(.dark *) {
  border-color: rgb(251 191 36 / 0.3);
}
.dark\:border-amber-500\/30:is(.dark *) {
  border-color: rgb(245 158 11 / 0.3);
}
.dark\:border-amber-500\/40:is(.dark *) {
  border-color: rgb(245 158 11 / 0.4);
}
.dark\:border-amber-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(180 83 9 / var(--tw-border-opacity));
}
.dark\:border-amber-700\/40:is(.dark *) {
  border-color: rgb(180 83 9 / 0.4);
}
.dark\:border-amber-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(146 64 14 / var(--tw-border-opacity));
}
.dark\:border-amber-900:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(120 53 15 / var(--tw-border-opacity));
}
.dark\:border-amber-900\/50:is(.dark *) {
  border-color: rgb(120 53 15 / 0.5);
}
.dark\:border-background:is(.dark *) {
  border-color: hsl(var(--background));
}
.dark\:border-black\/30:is(.dark *) {
  border-color: rgb(0 0 0 / 0.3);
}
.dark\:border-black\/40:is(.dark *) {
  border-color: rgb(0 0 0 / 0.4);
}
.dark\:border-blue-400\/30:is(.dark *) {
  border-color: rgb(96 165 250 / 0.3);
}
.dark\:border-blue-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(29 78 216 / var(--tw-border-opacity));
}
.dark\:border-blue-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(30 64 175 / var(--tw-border-opacity));
}
.dark\:border-border:is(.dark *) {
  border-color: hsl(var(--border));
}
.dark\:border-border\/30:is(.dark *) {
  border-color: hsl(var(--border) / 0.3);
}
.dark\:border-border\/40:is(.dark *) {
  border-color: hsl(var(--border) / 0.4);
}
.dark\:border-border\/50:is(.dark *) {
  border-color: hsl(var(--border) / 0.5);
}
.dark\:border-border\/60:is(.dark *) {
  border-color: hsl(var(--border) / 0.6);
}
.dark\:border-cyan-400\/30:is(.dark *) {
  border-color: rgb(34 211 238 / 0.3);
}
.dark\:border-cyan-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(21 94 117 / var(--tw-border-opacity));
}
.dark\:border-cyan-800\/50:is(.dark *) {
  border-color: rgb(21 94 117 / 0.5);
}
.dark\:border-destructive:is(.dark *) {
  border-color: hsl(var(--destructive));
}
.dark\:border-emerald-400\/30:is(.dark *) {
  border-color: rgb(52 211 153 / 0.3);
}
.dark\:border-foreground:is(.dark *) {
  border-color: hsl(var(--foreground));
}
.dark\:border-foreground\/30:is(.dark *) {
  border-color: hsl(var(--foreground) / 0.3);
}
.dark\:border-fuchsia-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(134 25 143 / var(--tw-border-opacity));
}
.dark\:border-fuchsia-800\/50:is(.dark *) {
  border-color: rgb(134 25 143 / 0.5);
}
.dark\:border-gray-100\/10:is(.dark *) {
  border-color: rgb(243 244 246 / 0.1);
}
.dark\:border-gray-600:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity));
}
.dark\:border-gray-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
}
.dark\:border-gray-700\/30:is(.dark *) {
  border-color: rgb(55 65 81 / 0.3);
}
.dark\:border-gray-700\/50:is(.dark *) {
  border-color: rgb(55 65 81 / 0.5);
}
.dark\:border-gray-700\/60:is(.dark *) {
  border-color: rgb(55 65 81 / 0.6);
}
.dark\:border-gray-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity));
}
.dark\:border-green-700\/60:is(.dark *) {
  border-color: rgb(21 128 61 / 0.6);
}
.dark\:border-green-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(22 101 52 / var(--tw-border-opacity));
}
.dark\:border-indigo-500\/35:is(.dark *) {
  border-color: rgb(99 102 241 / 0.35);
}
.dark\:border-indigo-500\/40:is(.dark *) {
  border-color: rgb(99 102 241 / 0.4);
}
.dark\:border-indigo-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(67 56 202 / var(--tw-border-opacity));
}
.dark\:border-indigo-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(55 48 163 / var(--tw-border-opacity));
}
.dark\:border-input:is(.dark *) {
  border-color: hsl(var(--input));
}
.dark\:border-input\/50:is(.dark *) {
  border-color: hsl(var(--input) / 0.5);
}
.dark\:border-neutral-200:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(229 229 229 / var(--tw-border-opacity));
}
.dark\:border-neutral-600:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(82 82 82 / var(--tw-border-opacity));
}
.dark\:border-neutral-600\/40:is(.dark *) {
  border-color: rgb(82 82 82 / 0.4);
}
.dark\:border-neutral-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(64 64 64 / var(--tw-border-opacity));
}
.dark\:border-neutral-700\/60:is(.dark *) {
  border-color: rgb(64 64 64 / 0.6);
}
.dark\:border-neutral-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(38 38 38 / var(--tw-border-opacity));
}
.dark\:border-neutral-800\/80:is(.dark *) {
  border-color: rgb(38 38 38 / 0.8);
}
.dark\:border-neutral-900:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(23 23 23 / var(--tw-border-opacity));
}
.dark\:border-orange-400\/30:is(.dark *) {
  border-color: rgb(251 146 60 / 0.3);
}
.dark\:border-orange-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(194 65 12 / var(--tw-border-opacity));
}
.dark\:border-orange-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(154 52 18 / var(--tw-border-opacity));
}
.dark\:border-pink-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(190 24 93 / var(--tw-border-opacity));
}
.dark\:border-pink-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(157 23 77 / var(--tw-border-opacity));
}
.dark\:border-pink-800\/40:is(.dark *) {
  border-color: rgb(157 23 77 / 0.4);
}
.dark\:border-pink-900\/40:is(.dark *) {
  border-color: rgb(131 24 67 / 0.4);
}
.dark\:border-primary:is(.dark *) {
  border-color: hsl(var(--primary));
}
.dark\:border-primary\/10:is(.dark *) {
  border-color: hsl(var(--primary) / 0.1);
}
.dark\:border-primary\/50:is(.dark *) {
  border-color: hsl(var(--primary) / 0.5);
}
.dark\:border-purple-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(107 33 168 / var(--tw-border-opacity));
}
.dark\:border-purple-800\/50:is(.dark *) {
  border-color: rgb(107 33 168 / 0.5);
}
.dark\:border-red-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(185 28 28 / var(--tw-border-opacity));
}
.dark\:border-red-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(153 27 27 / var(--tw-border-opacity));
}
.dark\:border-red-900:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(127 29 29 / var(--tw-border-opacity));
}
.dark\:border-red-900\/50:is(.dark *) {
  border-color: rgb(127 29 29 / 0.5);
}
.dark\:border-rose-400\/30:is(.dark *) {
  border-color: rgb(251 113 133 / 0.3);
}
.dark\:border-rose-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(159 18 57 / var(--tw-border-opacity));
}
.dark\:border-sidebar-border:is(.dark *) {
  border-color: hsl(var(--sidebar-border));
}
.dark\:border-sky-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(3 105 161 / var(--tw-border-opacity));
}
.dark\:border-sky-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(7 89 133 / var(--tw-border-opacity));
}
.dark\:border-sky-900:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(12 74 110 / var(--tw-border-opacity));
}
.dark\:border-slate-400\/30:is(.dark *) {
  border-color: rgb(148 163 184 / 0.3);
}
.dark\:border-slate-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}
.dark\:border-slate-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity));
}
.dark\:border-stone-600:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(87 83 78 / var(--tw-border-opacity));
}
.dark\:border-stone-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(68 64 60 / var(--tw-border-opacity));
}
.dark\:border-stone-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(41 37 36 / var(--tw-border-opacity));
}
.dark\:border-teal-400:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(45 212 191 / var(--tw-border-opacity));
}
.dark\:border-violet-400\/30:is(.dark *) {
  border-color: rgb(167 139 250 / 0.3);
}
.dark\:border-violet-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(91 33 182 / var(--tw-border-opacity));
}
.dark\:border-white:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.dark\:border-white\/10:is(.dark *) {
  border-color: rgb(255 255 255 / 0.1);
}
.dark\:border-white\/15:is(.dark *) {
  border-color: rgb(255 255 255 / 0.15);
}
.dark\:border-white\/20:is(.dark *) {
  border-color: rgb(255 255 255 / 0.2);
}
.dark\:border-white\/40:is(.dark *) {
  border-color: rgb(255 255 255 / 0.4);
}
.dark\:border-white\/5:is(.dark *) {
  border-color: rgb(255 255 255 / 0.05);
}
.dark\:border-white\/\[0\.055\]:is(.dark *) {
  border-color: rgb(255 255 255 / 0.055);
}
.dark\:border-white\/\[0\.08\]:is(.dark *) {
  border-color: rgb(255 255 255 / 0.08);
}
.dark\:border-white\/\[0\.16\]:is(.dark *) {
  border-color: rgb(255 255 255 / 0.16);
}
.dark\:border-yellow-700\/60:is(.dark *) {
  border-color: rgb(161 98 7 / 0.6);
}
.dark\:border-yellow-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(133 77 14 / var(--tw-border-opacity));
}
.dark\:border-zinc-100:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(244 244 245 / var(--tw-border-opacity));
}
.dark\:border-zinc-500:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(113 113 122 / var(--tw-border-opacity));
}
.dark\:border-zinc-600:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(82 82 91 / var(--tw-border-opacity));
}
.dark\:border-zinc-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(63 63 70 / var(--tw-border-opacity));
}
.dark\:border-zinc-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(39 39 42 / var(--tw-border-opacity));
}
.dark\:border-zinc-900:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(24 24 27 / var(--tw-border-opacity));
}
.dark\:border-t-white\/5:is(.dark *) {
  border-top-color: rgb(255 255 255 / 0.05);
}
.dark\:bg-\[\#0E0E0F\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(14 14 15 / var(--tw-bg-opacity));
}
.dark\:bg-\[\#181818\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 24 / var(--tw-bg-opacity));
}
.dark\:bg-\[\#181818\]\/50:is(.dark *) {
  background-color: rgb(24 24 24 / 0.5);
}
.dark\:bg-\[\#1D1D1A\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(29 29 26 / var(--tw-bg-opacity));
}
.dark\:bg-\[\#1E1E1E\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 30 30 / var(--tw-bg-opacity));
}
.dark\:bg-\[\#202023\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(32 32 35 / var(--tw-bg-opacity));
}
.dark\:bg-\[\#232629\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(35 38 41 / var(--tw-bg-opacity));
}
.dark\:bg-\[\#29292C\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(41 41 44 / var(--tw-bg-opacity));
}
.dark\:bg-\[\#2c2c2c\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(44 44 44 / var(--tw-bg-opacity));
}
.dark\:bg-\[\#2e2e2e\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(46 46 46 / var(--tw-bg-opacity));
}
.dark\:bg-\[\#31363b\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(49 54 59 / var(--tw-bg-opacity));
}
.dark\:bg-\[\#323232\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(50 50 50 / var(--tw-bg-opacity));
}
.dark\:bg-\[\#333333\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity));
}
.dark\:bg-\[\#ffffff\]\/10:is(.dark *) {
  background-color: rgb(255 255 255 / 0.1);
}
.dark\:bg-\[\#ffffff\]\/5:is(.dark *) {
  background-color: rgb(255 255 255 / 0.05);
}
.dark\:bg-\[hsl\(0\2c 62\%\2c 55\%\)\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: hsl(0 62% 55% / var(--tw-bg-opacity));
}
.dark\:bg-\[hsl\(152\2c 60\%\2c 50\%\)\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: hsl(152 60% 50% / var(--tw-bg-opacity));
}
.dark\:bg-\[hsl\(220\2c 72\%\2c 55\%\)\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: hsl(220 72% 55% / var(--tw-bg-opacity));
}
.dark\:bg-\[hsl\(25\2c 95\%\2c 58\%\)\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: hsl(25 95% 58% / var(--tw-bg-opacity));
}
.dark\:bg-\[hsl\(330\2c 65\%\2c 60\%\)\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: hsl(330 65% 60% / var(--tw-bg-opacity));
}
.dark\:bg-\[hsl\(var\(--column-accent\)\/0\.18\)\]:is(.dark *) {
  background-color: hsl(var(--column-accent)/0.18);
}
.dark\:bg-\[var\(--color-destructive-soft\2c var\(--color-red-950\)\)\]:is(.dark *) {
  background-color: var(--color-destructive-soft,var(--color-red-950));
}
.dark\:bg-\[var\(--color-info-soft\2c var\(--color-violet-950\)\)\]:is(.dark *) {
  background-color: var(--color-info-soft,var(--color-violet-950));
}
.dark\:bg-\[var\(--color-primary-soft\2c var\(--color-blue-950\)\)\]:is(.dark *) {
  background-color: var(--color-primary-soft,var(--color-blue-950));
}
.dark\:bg-\[var\(--color-success-soft\2c var\(--color-green-950\)\)\]:is(.dark *) {
  background-color: var(--color-success-soft,var(--color-green-950));
}
.dark\:bg-\[var\(--color-warning-soft\2c var\(--color-yellow-950\)\)\]:is(.dark *) {
  background-color: var(--color-warning-soft,var(--color-yellow-950));
}
.dark\:bg-accent:is(.dark *) {
  background-color: hsl(var(--accent));
}
.dark\:bg-amber-400\/10:is(.dark *) {
  background-color: rgb(251 191 36 / 0.1);
}
.dark\:bg-amber-400\/15:is(.dark *) {
  background-color: rgb(251 191 36 / 0.15);
}
.dark\:bg-amber-500\/20:is(.dark *) {
  background-color: rgb(245 158 11 / 0.2);
}
.dark\:bg-amber-600:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / var(--tw-bg-opacity));
}
.dark\:bg-amber-800:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(146 64 14 / var(--tw-bg-opacity));
}
.dark\:bg-amber-800\/60:is(.dark *) {
  background-color: rgb(146 64 14 / 0.6);
}
.dark\:bg-amber-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(120 53 15 / var(--tw-bg-opacity));
}
.dark\:bg-amber-900\/10:is(.dark *) {
  background-color: rgb(120 53 15 / 0.1);
}
.dark\:bg-amber-900\/20:is(.dark *) {
  background-color: rgb(120 53 15 / 0.2);
}
.dark\:bg-amber-900\/30:is(.dark *) {
  background-color: rgb(120 53 15 / 0.3);
}
.dark\:bg-amber-900\/40:is(.dark *) {
  background-color: rgb(120 53 15 / 0.4);
}
.dark\:bg-amber-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(69 26 3 / var(--tw-bg-opacity));
}
.dark\:bg-amber-950\/20:is(.dark *) {
  background-color: rgb(69 26 3 / 0.2);
}
.dark\:bg-amber-950\/30:is(.dark *) {
  background-color: rgb(69 26 3 / 0.3);
}
.dark\:bg-amber-950\/40:is(.dark *) {
  background-color: rgb(69 26 3 / 0.4);
}
.dark\:bg-amber-950\/50:is(.dark *) {
  background-color: rgb(69 26 3 / 0.5);
}
.dark\:bg-background:is(.dark *) {
  background-color: hsl(var(--background));
}
.dark\:bg-background\/40:is(.dark *) {
  background-color: hsl(var(--background) / 0.4);
}
.dark\:bg-background\/60:is(.dark *) {
  background-color: hsl(var(--background) / 0.6);
}
.dark\:bg-black:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.dark\:bg-black\/15:is(.dark *) {
  background-color: rgb(0 0 0 / 0.15);
}
.dark\:bg-black\/20:is(.dark *) {
  background-color: rgb(0 0 0 / 0.2);
}
.dark\:bg-black\/30:is(.dark *) {
  background-color: rgb(0 0 0 / 0.3);
}
.dark\:bg-black\/40:is(.dark *) {
  background-color: rgb(0 0 0 / 0.4);
}
.dark\:bg-black\/50:is(.dark *) {
  background-color: rgb(0 0 0 / 0.5);
}
.dark\:bg-black\/60:is(.dark *) {
  background-color: rgb(0 0 0 / 0.6);
}
.dark\:bg-black\/80:is(.dark *) {
  background-color: rgb(0 0 0 / 0.8);
}
.dark\:bg-black\/90:is(.dark *) {
  background-color: rgb(0 0 0 / 0.9);
}
.dark\:bg-blue-300:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(147 197 253 / var(--tw-bg-opacity));
}
.dark\:bg-blue-400:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity));
}
.dark\:bg-blue-400\/15:is(.dark *) {
  background-color: rgb(96 165 250 / 0.15);
}
.dark\:bg-blue-400\/30:is(.dark *) {
  background-color: rgb(96 165 250 / 0.3);
}
.dark\:bg-blue-400\/55:is(.dark *) {
  background-color: rgb(96 165 250 / 0.55);
}
.dark\:bg-blue-400\/85:is(.dark *) {
  background-color: rgb(96 165 250 / 0.85);
}
.dark\:bg-blue-500:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.dark\:bg-blue-500\/20:is(.dark *) {
  background-color: rgb(59 130 246 / 0.2);
}
.dark\:bg-blue-600:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}
.dark\:bg-blue-700:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity));
}
.dark\:bg-blue-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / var(--tw-bg-opacity));
}
.dark\:bg-blue-900\/20:is(.dark *) {
  background-color: rgb(30 58 138 / 0.2);
}
.dark\:bg-blue-900\/30:is(.dark *) {
  background-color: rgb(30 58 138 / 0.3);
}
.dark\:bg-blue-900\/40:is(.dark *) {
  background-color: rgb(30 58 138 / 0.4);
}
.dark\:bg-blue-900\/50:is(.dark *) {
  background-color: rgb(30 58 138 / 0.5);
}
.dark\:bg-blue-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(23 37 84 / var(--tw-bg-opacity));
}
.dark\:bg-blue-950\/20:is(.dark *) {
  background-color: rgb(23 37 84 / 0.2);
}
.dark\:bg-blue-950\/30:is(.dark *) {
  background-color: rgb(23 37 84 / 0.3);
}
.dark\:bg-blue-950\/50:is(.dark *) {
  background-color: rgb(23 37 84 / 0.5);
}
.dark\:bg-border:is(.dark *) {
  background-color: hsl(var(--border));
}
.dark\:bg-border\/30:is(.dark *) {
  background-color: hsl(var(--border) / 0.3);
}
.dark\:bg-border\/40:is(.dark *) {
  background-color: hsl(var(--border) / 0.4);
}
.dark\:bg-border\/60:is(.dark *) {
  background-color: hsl(var(--border) / 0.6);
}
.dark\:bg-card:is(.dark *) {
  background-color: hsl(var(--card));
}
.dark\:bg-card\/20:is(.dark *) {
  background-color: hsl(var(--card) / 0.2);
}
.dark\:bg-card\/40:is(.dark *) {
  background-color: hsl(var(--card) / 0.4);
}
.dark\:bg-card\/60:is(.dark *) {
  background-color: hsl(var(--card) / 0.6);
}
.dark\:bg-card\/90:is(.dark *) {
  background-color: hsl(var(--card) / 0.9);
}
.dark\:bg-cyan-400\/15:is(.dark *) {
  background-color: rgb(34 211 238 / 0.15);
}
.dark\:bg-cyan-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(22 78 99 / var(--tw-bg-opacity));
}
.dark\:bg-cyan-900\/30:is(.dark *) {
  background-color: rgb(22 78 99 / 0.3);
}
.dark\:bg-cyan-900\/40:is(.dark *) {
  background-color: rgb(22 78 99 / 0.4);
}
.dark\:bg-cyan-950\/30:is(.dark *) {
  background-color: rgb(8 51 68 / 0.3);
}
.dark\:bg-destructive\/20:is(.dark *) {
  background-color: hsl(var(--destructive) / 0.2);
}
.dark\:bg-destructive\/60:is(.dark *) {
  background-color: hsl(var(--destructive) / 0.6);
}
.dark\:bg-emerald-400:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(52 211 153 / var(--tw-bg-opacity));
}
.dark\:bg-emerald-400\/15:is(.dark *) {
  background-color: rgb(52 211 153 / 0.15);
}
.dark\:bg-emerald-400\/90:is(.dark *) {
  background-color: rgb(52 211 153 / 0.9);
}
.dark\:bg-emerald-500:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity));
}
.dark\:bg-emerald-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(6 78 59 / var(--tw-bg-opacity));
}
.dark\:bg-emerald-900\/30:is(.dark *) {
  background-color: rgb(6 78 59 / 0.3);
}
.dark\:bg-emerald-900\/40:is(.dark *) {
  background-color: rgb(6 78 59 / 0.4);
}
.dark\:bg-emerald-950\/20:is(.dark *) {
  background-color: rgb(2 44 34 / 0.2);
}
.dark\:bg-emerald-950\/30:is(.dark *) {
  background-color: rgb(2 44 34 / 0.3);
}
.dark\:bg-emerald-950\/50:is(.dark *) {
  background-color: rgb(2 44 34 / 0.5);
}
.dark\:bg-foreground:is(.dark *) {
  background-color: hsl(var(--foreground));
}
.dark\:bg-foreground\/20:is(.dark *) {
  background-color: hsl(var(--foreground) / 0.2);
}
.dark\:bg-foreground\/30:is(.dark *) {
  background-color: hsl(var(--foreground) / 0.3);
}
.dark\:bg-foreground\/40:is(.dark *) {
  background-color: hsl(var(--foreground) / 0.4);
}
.dark\:bg-foreground\/50:is(.dark *) {
  background-color: hsl(var(--foreground) / 0.5);
}
.dark\:bg-foreground\/60:is(.dark *) {
  background-color: hsl(var(--foreground) / 0.6);
}
.dark\:bg-fuchsia-950\/30:is(.dark *) {
  background-color: rgb(74 4 78 / 0.3);
}
.dark\:bg-gray-100:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.dark\:bg-gray-100\/10:is(.dark *) {
  background-color: rgb(243 244 246 / 0.1);
}
.dark\:bg-gray-100\/5:is(.dark *) {
  background-color: rgb(243 244 246 / 0.05);
}
.dark\:bg-gray-100\/50:is(.dark *) {
  background-color: rgb(243 244 246 / 0.5);
}
.dark\:bg-gray-500:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
}
.dark\:bg-gray-700:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
.dark\:bg-gray-700\/40:is(.dark *) {
  background-color: rgb(55 65 81 / 0.4);
}
.dark\:bg-gray-800:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.dark\:bg-gray-800\/40:is(.dark *) {
  background-color: rgb(31 41 55 / 0.4);
}
.dark\:bg-gray-800\/50:is(.dark *) {
  background-color: rgb(31 41 55 / 0.5);
}
.dark\:bg-gray-800\/70:is(.dark *) {
  background-color: rgb(31 41 55 / 0.7);
}
.dark\:bg-gray-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}
.dark\:bg-gray-900\/30:is(.dark *) {
  background-color: rgb(17 24 39 / 0.3);
}
.dark\:bg-gray-900\/40:is(.dark *) {
  background-color: rgb(17 24 39 / 0.4);
}
.dark\:bg-gray-900\/50:is(.dark *) {
  background-color: rgb(17 24 39 / 0.5);
}
.dark\:bg-gray-950\/20:is(.dark *) {
  background-color: rgb(3 7 18 / 0.2);
}
.dark\:bg-green-400\/10:is(.dark *) {
  background-color: rgb(74 222 128 / 0.1);
}
.dark\:bg-green-700:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity));
}
.dark\:bg-green-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(20 83 45 / var(--tw-bg-opacity));
}
.dark\:bg-green-900\/10:is(.dark *) {
  background-color: rgb(20 83 45 / 0.1);
}
.dark\:bg-green-900\/20:is(.dark *) {
  background-color: rgb(20 83 45 / 0.2);
}
.dark\:bg-green-900\/30:is(.dark *) {
  background-color: rgb(20 83 45 / 0.3);
}
.dark\:bg-green-900\/40:is(.dark *) {
  background-color: rgb(20 83 45 / 0.4);
}
.dark\:bg-green-900\/50:is(.dark *) {
  background-color: rgb(20 83 45 / 0.5);
}
.dark\:bg-green-950\/40:is(.dark *) {
  background-color: rgb(5 46 22 / 0.4);
}
.dark\:bg-indigo-500\/10:is(.dark *) {
  background-color: rgb(99 102 241 / 0.1);
}
.dark\:bg-indigo-500\/30:is(.dark *) {
  background-color: rgb(99 102 241 / 0.3);
}
.dark\:bg-indigo-800:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(55 48 163 / var(--tw-bg-opacity));
}
.dark\:bg-indigo-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(49 46 129 / var(--tw-bg-opacity));
}
.dark\:bg-indigo-900\/20:is(.dark *) {
  background-color: rgb(49 46 129 / 0.2);
}
.dark\:bg-indigo-900\/30:is(.dark *) {
  background-color: rgb(49 46 129 / 0.3);
}
.dark\:bg-indigo-950\/30:is(.dark *) {
  background-color: rgb(30 27 75 / 0.3);
}
.dark\:bg-input:is(.dark *) {
  background-color: hsl(var(--input));
}
.dark\:bg-input\/20:is(.dark *) {
  background-color: hsl(var(--input) / 0.2);
}
.dark\:bg-input\/30:is(.dark *) {
  background-color: hsl(var(--input) / 0.3);
}
.dark\:bg-muted:is(.dark *) {
  background-color: hsl(var(--muted));
}
.dark\:bg-muted\/10:is(.dark *) {
  background-color: hsl(var(--muted) / 0.1);
}
.dark\:bg-muted\/20:is(.dark *) {
  background-color: hsl(var(--muted) / 0.2);
}
.dark\:bg-muted\/30:is(.dark *) {
  background-color: hsl(var(--muted) / 0.3);
}
.dark\:bg-muted\/40:is(.dark *) {
  background-color: hsl(var(--muted) / 0.4);
}
.dark\:bg-muted\/5:is(.dark *) {
  background-color: hsl(var(--muted) / 0.05);
}
.dark\:bg-muted\/50:is(.dark *) {
  background-color: hsl(var(--muted) / 0.5);
}
.dark\:bg-muted\/70:is(.dark *) {
  background-color: hsl(var(--muted) / 0.7);
}
.dark\:bg-muted\/80:is(.dark *) {
  background-color: hsl(var(--muted) / 0.8);
}
.dark\:bg-neutral-100:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
.dark\:bg-neutral-50\/10:is(.dark *) {
  background-color: rgb(250 250 250 / 0.1);
}
.dark\:bg-neutral-600:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(82 82 82 / var(--tw-bg-opacity));
}
.dark\:bg-neutral-700:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(64 64 64 / var(--tw-bg-opacity));
}
.dark\:bg-neutral-700\/30:is(.dark *) {
  background-color: rgb(64 64 64 / 0.3);
}
.dark\:bg-neutral-800:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
}
.dark\:bg-neutral-800\/60:is(.dark *) {
  background-color: rgb(38 38 38 / 0.6);
}
.dark\:bg-neutral-800\/70:is(.dark *) {
  background-color: rgb(38 38 38 / 0.7);
}
.dark\:bg-neutral-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(23 23 23 / var(--tw-bg-opacity));
}
.dark\:bg-neutral-900\/40:is(.dark *) {
  background-color: rgb(23 23 23 / 0.4);
}
.dark\:bg-neutral-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(10 10 10 / var(--tw-bg-opacity));
}
.dark\:bg-neutral-950\/40:is(.dark *) {
  background-color: rgb(10 10 10 / 0.4);
}
.dark\:bg-neutral-950\/70:is(.dark *) {
  background-color: rgb(10 10 10 / 0.7);
}
.dark\:bg-neutral-950\/80:is(.dark *) {
  background-color: rgb(10 10 10 / 0.8);
}
.dark\:bg-neutral-950\/95:is(.dark *) {
  background-color: rgb(10 10 10 / 0.95);
}
.dark\:bg-orange-400\/15:is(.dark *) {
  background-color: rgb(251 146 60 / 0.15);
}
.dark\:bg-orange-800\/60:is(.dark *) {
  background-color: rgb(154 52 18 / 0.6);
}
.dark\:bg-orange-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(124 45 18 / var(--tw-bg-opacity));
}
.dark\:bg-orange-900\/20:is(.dark *) {
  background-color: rgb(124 45 18 / 0.2);
}
.dark\:bg-orange-900\/30:is(.dark *) {
  background-color: rgb(124 45 18 / 0.3);
}
.dark\:bg-orange-900\/40:is(.dark *) {
  background-color: rgb(124 45 18 / 0.4);
}
.dark\:bg-orange-900\/50:is(.dark *) {
  background-color: rgb(124 45 18 / 0.5);
}
.dark\:bg-orange-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(67 20 7 / var(--tw-bg-opacity));
}
.dark\:bg-orange-950\/30:is(.dark *) {
  background-color: rgb(67 20 7 / 0.3);
}
.dark\:bg-orange-950\/40:is(.dark *) {
  background-color: rgb(67 20 7 / 0.4);
}
.dark\:bg-pink-500:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(236 72 153 / var(--tw-bg-opacity));
}
.dark\:bg-pink-800\/60:is(.dark *) {
  background-color: rgb(157 23 77 / 0.6);
}
.dark\:bg-pink-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(131 24 67 / var(--tw-bg-opacity));
}
.dark\:bg-pink-900\/30:is(.dark *) {
  background-color: rgb(131 24 67 / 0.3);
}
.dark\:bg-pink-900\/40:is(.dark *) {
  background-color: rgb(131 24 67 / 0.4);
}
.dark\:bg-pink-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(80 7 36 / var(--tw-bg-opacity));
}
.dark\:bg-pink-950\/20:is(.dark *) {
  background-color: rgb(80 7 36 / 0.2);
}
.dark\:bg-pink-950\/30:is(.dark *) {
  background-color: rgb(80 7 36 / 0.3);
}
.dark\:bg-primary:is(.dark *) {
  background-color: hsl(var(--primary));
}
.dark\:bg-primary\/10:is(.dark *) {
  background-color: hsl(var(--primary) / 0.1);
}
.dark\:bg-primary\/15:is(.dark *) {
  background-color: hsl(var(--primary) / 0.15);
}
.dark\:bg-primary\/20:is(.dark *) {
  background-color: hsl(var(--primary) / 0.2);
}
.dark\:bg-purple-500:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(168 85 247 / var(--tw-bg-opacity));
}
.dark\:bg-purple-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(88 28 135 / var(--tw-bg-opacity));
}
.dark\:bg-purple-900\/20:is(.dark *) {
  background-color: rgb(88 28 135 / 0.2);
}
.dark\:bg-purple-900\/30:is(.dark *) {
  background-color: rgb(88 28 135 / 0.3);
}
.dark\:bg-purple-900\/40:is(.dark *) {
  background-color: rgb(88 28 135 / 0.4);
}
.dark\:bg-purple-900\/50:is(.dark *) {
  background-color: rgb(88 28 135 / 0.5);
}
.dark\:bg-purple-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(59 7 100 / var(--tw-bg-opacity));
}
.dark\:bg-purple-950\/20:is(.dark *) {
  background-color: rgb(59 7 100 / 0.2);
}
.dark\:bg-purple-950\/30:is(.dark *) {
  background-color: rgb(59 7 100 / 0.3);
}
.dark\:bg-red-500:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}
.dark\:bg-red-500\/25:is(.dark *) {
  background-color: rgb(239 68 68 / 0.25);
}
.dark\:bg-red-600:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}
.dark\:bg-red-700:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity));
}
.dark\:bg-red-800:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(153 27 27 / var(--tw-bg-opacity));
}
.dark\:bg-red-800\/40:is(.dark *) {
  background-color: rgb(153 27 27 / 0.4);
}
.dark\:bg-red-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / var(--tw-bg-opacity));
}
.dark\:bg-red-900\/10:is(.dark *) {
  background-color: rgb(127 29 29 / 0.1);
}
.dark\:bg-red-900\/20:is(.dark *) {
  background-color: rgb(127 29 29 / 0.2);
}
.dark\:bg-red-900\/30:is(.dark *) {
  background-color: rgb(127 29 29 / 0.3);
}
.dark\:bg-red-900\/40:is(.dark *) {
  background-color: rgb(127 29 29 / 0.4);
}
.dark\:bg-red-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(69 10 10 / var(--tw-bg-opacity));
}
.dark\:bg-red-950\/20:is(.dark *) {
  background-color: rgb(69 10 10 / 0.2);
}
.dark\:bg-red-950\/30:is(.dark *) {
  background-color: rgb(69 10 10 / 0.3);
}
.dark\:bg-red-950\/50:is(.dark *) {
  background-color: rgb(69 10 10 / 0.5);
}
.dark\:bg-rose-400\/15:is(.dark *) {
  background-color: rgb(251 113 133 / 0.15);
}
.dark\:bg-rose-500\/20:is(.dark *) {
  background-color: rgb(244 63 94 / 0.2);
}
.dark\:bg-rose-900\/30:is(.dark *) {
  background-color: rgb(136 19 55 / 0.3);
}
.dark\:bg-rose-900\/40:is(.dark *) {
  background-color: rgb(136 19 55 / 0.4);
}
.dark\:bg-rose-950\/20:is(.dark *) {
  background-color: rgb(76 5 25 / 0.2);
}
.dark\:bg-rose-950\/30:is(.dark *) {
  background-color: rgb(76 5 25 / 0.3);
}
.dark\:bg-secondary:is(.dark *) {
  background-color: hsl(var(--secondary));
}
.dark\:bg-secondary\/50:is(.dark *) {
  background-color: hsl(var(--secondary) / 0.5);
}
.dark\:bg-secondary\/80:is(.dark *) {
  background-color: hsl(var(--secondary) / 0.8);
}
.dark\:bg-sky-400\/10:is(.dark *) {
  background-color: rgb(56 189 248 / 0.1);
}
.dark\:bg-sky-800\/60:is(.dark *) {
  background-color: rgb(7 89 133 / 0.6);
}
.dark\:bg-sky-900\/40:is(.dark *) {
  background-color: rgb(12 74 110 / 0.4);
}
.dark\:bg-sky-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(8 47 73 / var(--tw-bg-opacity));
}
.dark\:bg-sky-950\/20:is(.dark *) {
  background-color: rgb(8 47 73 / 0.2);
}
.dark\:bg-sky-950\/30:is(.dark *) {
  background-color: rgb(8 47 73 / 0.3);
}
.dark\:bg-sky-950\/50:is(.dark *) {
  background-color: rgb(8 47 73 / 0.5);
}
.dark\:bg-slate-400\/15:is(.dark *) {
  background-color: rgb(148 163 184 / 0.15);
}
.dark\:bg-slate-600:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
}
.dark\:bg-slate-700:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}
.dark\:bg-slate-800:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}
.dark\:bg-slate-800\/50:is(.dark *) {
  background-color: rgb(30 41 59 / 0.5);
}
.dark\:bg-slate-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}
.dark\:bg-slate-900\/40:is(.dark *) {
  background-color: rgb(15 23 42 / 0.4);
}
.dark\:bg-slate-900\/90:is(.dark *) {
  background-color: rgb(15 23 42 / 0.9);
}
.dark\:bg-slate-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
}
.dark\:bg-slate-950\/30:is(.dark *) {
  background-color: rgb(2 6 23 / 0.3);
}
.dark\:bg-stone-100:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 244 / var(--tw-bg-opacity));
}
.dark\:bg-stone-600:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(87 83 78 / var(--tw-bg-opacity));
}
.dark\:bg-stone-700:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(68 64 60 / var(--tw-bg-opacity));
}
.dark\:bg-stone-700\/40:is(.dark *) {
  background-color: rgb(68 64 60 / 0.4);
}
.dark\:bg-stone-800:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(41 37 36 / var(--tw-bg-opacity));
}
.dark\:bg-stone-800\/50:is(.dark *) {
  background-color: rgb(41 37 36 / 0.5);
}
.dark\:bg-stone-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(28 25 23 / var(--tw-bg-opacity));
}
.dark\:bg-stone-900\/40:is(.dark *) {
  background-color: rgb(28 25 23 / 0.4);
}
.dark\:bg-stone-900\/80:is(.dark *) {
  background-color: rgb(28 25 23 / 0.8);
}
.dark\:bg-stone-900\/90:is(.dark *) {
  background-color: rgb(28 25 23 / 0.9);
}
.dark\:bg-stone-900\/95:is(.dark *) {
  background-color: rgb(28 25 23 / 0.95);
}
.dark\:bg-stone-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(12 10 9 / var(--tw-bg-opacity));
}
.dark\:bg-stone-950\/50:is(.dark *) {
  background-color: rgb(12 10 9 / 0.5);
}
.dark\:bg-stone-950\/60:is(.dark *) {
  background-color: rgb(12 10 9 / 0.6);
}
.dark\:bg-stone-950\/70:is(.dark *) {
  background-color: rgb(12 10 9 / 0.7);
}
.dark\:bg-stone-950\/80:is(.dark *) {
  background-color: rgb(12 10 9 / 0.8);
}
.dark\:bg-teal-300:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(94 234 212 / var(--tw-bg-opacity));
}
.dark\:bg-teal-400:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(45 212 191 / var(--tw-bg-opacity));
}
.dark\:bg-teal-500:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(20 184 166 / var(--tw-bg-opacity));
}
.dark\:bg-teal-600:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(13 148 136 / var(--tw-bg-opacity));
}
.dark\:bg-teal-700:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(15 118 110 / var(--tw-bg-opacity));
}
.dark\:bg-teal-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(19 78 74 / var(--tw-bg-opacity));
}
.dark\:bg-teal-900\/20:is(.dark *) {
  background-color: rgb(19 78 74 / 0.2);
}
.dark\:bg-teal-900\/30:is(.dark *) {
  background-color: rgb(19 78 74 / 0.3);
}
.dark\:bg-teal-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(4 47 46 / var(--tw-bg-opacity));
}
.dark\:bg-teal-950\/30:is(.dark *) {
  background-color: rgb(4 47 46 / 0.3);
}
.dark\:bg-teal-950\/40:is(.dark *) {
  background-color: rgb(4 47 46 / 0.4);
}
.dark\:bg-transparent:is(.dark *) {
  background-color: transparent;
}
.dark\:bg-violet-400\/15:is(.dark *) {
  background-color: rgb(167 139 250 / 0.15);
}
.dark\:bg-violet-900\/30:is(.dark *) {
  background-color: rgb(76 29 149 / 0.3);
}
.dark\:bg-violet-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(46 16 101 / var(--tw-bg-opacity));
}
.dark\:bg-violet-950\/30:is(.dark *) {
  background-color: rgb(46 16 101 / 0.3);
}
.dark\:bg-white:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.dark\:bg-white\/10:is(.dark *) {
  background-color: rgb(255 255 255 / 0.1);
}
.dark\:bg-white\/15:is(.dark *) {
  background-color: rgb(255 255 255 / 0.15);
}
.dark\:bg-white\/20:is(.dark *) {
  background-color: rgb(255 255 255 / 0.2);
}
.dark\:bg-white\/5:is(.dark *) {
  background-color: rgb(255 255 255 / 0.05);
}
.dark\:bg-white\/\[0\.025\]:is(.dark *) {
  background-color: rgb(255 255 255 / 0.025);
}
.dark\:bg-white\/\[0\.02\]:is(.dark *) {
  background-color: rgb(255 255 255 / 0.02);
}
.dark\:bg-white\/\[0\.04\]:is(.dark *) {
  background-color: rgb(255 255 255 / 0.04);
}
.dark\:bg-white\/\[0\.07\]:is(.dark *) {
  background-color: rgb(255 255 255 / 0.07);
}
.dark\:bg-yellow-400:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21 / var(--tw-bg-opacity));
}
.dark\:bg-yellow-500:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity));
}
.dark\:bg-yellow-700:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(161 98 7 / var(--tw-bg-opacity));
}
.dark\:bg-yellow-800:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(133 77 14 / var(--tw-bg-opacity));
}
.dark\:bg-yellow-800\/30:is(.dark *) {
  background-color: rgb(133 77 14 / 0.3);
}
.dark\:bg-yellow-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(113 63 18 / var(--tw-bg-opacity));
}
.dark\:bg-yellow-900\/10:is(.dark *) {
  background-color: rgb(113 63 18 / 0.1);
}
.dark\:bg-yellow-900\/20:is(.dark *) {
  background-color: rgb(113 63 18 / 0.2);
}
.dark\:bg-yellow-900\/30:is(.dark *) {
  background-color: rgb(113 63 18 / 0.3);
}
.dark\:bg-yellow-900\/40:is(.dark *) {
  background-color: rgb(113 63 18 / 0.4);
}
.dark\:bg-yellow-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(66 32 6 / var(--tw-bg-opacity));
}
.dark\:bg-yellow-950\/30:is(.dark *) {
  background-color: rgb(66 32 6 / 0.3);
}
.dark\:bg-zinc-100:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 245 / var(--tw-bg-opacity));
}
.dark\:bg-zinc-100\/95:is(.dark *) {
  background-color: rgb(244 244 245 / 0.95);
}
.dark\:bg-zinc-300:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(212 212 216 / var(--tw-bg-opacity));
}
.dark\:bg-zinc-300\/40:is(.dark *) {
  background-color: rgb(212 212 216 / 0.4);
}
.dark\:bg-zinc-300\/45:is(.dark *) {
  background-color: rgb(212 212 216 / 0.45);
}
.dark\:bg-zinc-300\/50:is(.dark *) {
  background-color: rgb(212 212 216 / 0.5);
}
.dark\:bg-zinc-50:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
.dark\:bg-zinc-700:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(63 63 70 / var(--tw-bg-opacity));
}
.dark\:bg-zinc-700\/50:is(.dark *) {
  background-color: rgb(63 63 70 / 0.5);
}
.dark\:bg-zinc-700\/70:is(.dark *) {
  background-color: rgb(63 63 70 / 0.7);
}
.dark\:bg-zinc-700\/80:is(.dark *) {
  background-color: rgb(63 63 70 / 0.8);
}
.dark\:bg-zinc-800:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(39 39 42 / var(--tw-bg-opacity));
}
.dark\:bg-zinc-800\/30:is(.dark *) {
  background-color: rgb(39 39 42 / 0.3);
}
.dark\:bg-zinc-800\/50:is(.dark *) {
  background-color: rgb(39 39 42 / 0.5);
}
.dark\:bg-zinc-800\/60:is(.dark *) {
  background-color: rgb(39 39 42 / 0.6);
}
.dark\:bg-zinc-800\/90:is(.dark *) {
  background-color: rgb(39 39 42 / 0.9);
}
.dark\:bg-zinc-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 27 / var(--tw-bg-opacity));
}
.dark\:bg-zinc-900\/40:is(.dark *) {
  background-color: rgb(24 24 27 / 0.4);
}
.dark\:bg-zinc-900\/70:is(.dark *) {
  background-color: rgb(24 24 27 / 0.7);
}
.dark\:bg-zinc-900\/90:is(.dark *) {
  background-color: rgb(24 24 27 / 0.9);
}
.dark\:bg-zinc-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(9 9 11 / var(--tw-bg-opacity));
}
.dark\:bg-zinc-950\/90:is(.dark *) {
  background-color: rgb(9 9 11 / 0.9);
}
.dark\:bg-\[linear-gradient\(\#121213\2c \#121213\)\2c linear-gradient\(\#121213_50\%\2c rgba\(18\2c 18\2c 19\2c 0\.6\)_80\%\2c rgba\(18\2c 18\2c 19\2c 0\)\)\2c linear-gradient\(90deg\2c hsl\(0\2c 100\%\2c 63\%\)\2c hsl\(90\2c 100\%\2c 63\%\)\2c hsl\(210\2c 100\%\2c 63\%\)\2c hsl\(195\2c 100\%\2c 63\%\)\2c hsl\(270\2c 100\%\2c 63\%\)\)\]:is(.dark *) {
  background-image: linear-gradient(#121213,#121213),linear-gradient(#121213 50%,rgba(18,18,19,0.6) 80%,rgba(18,18,19,0)),linear-gradient(90deg,hsl(0,100%,63%),hsl(90,100%,63%),hsl(210,100%,63%),hsl(195,100%,63%),hsl(270,100%,63%));
}
.dark\:bg-\[radial-gradient\(\#374151_1px\2c transparent_1px\)\]:is(.dark *) {
  background-image: radial-gradient(#374151 1px,transparent 1px);
}
.dark\:from-\[\#303030\]:is(.dark *) {
  --tw-gradient-from: #303030 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(48 48 48 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-amber-300:is(.dark *) {
  --tw-gradient-from: #fcd34d var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(252 211 77 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-background:is(.dark *) {
  --tw-gradient-from: hsl(var(--background)) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-blue-400:is(.dark *) {
  --tw-gradient-from: #60a5fa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-blue-900\/20:is(.dark *) {
  --tw-gradient-from: rgb(30 58 138 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-cyan-950\/40:is(.dark *) {
  --tw-gradient-from: rgb(8 51 68 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(8 51 68 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-cyan-950\/50:is(.dark *) {
  --tw-gradient-from: rgb(8 51 68 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(8 51 68 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-emerald-950:is(.dark *) {
  --tw-gradient-from: #022c22 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(2 44 34 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-fuchsia-950\/50:is(.dark *) {
  --tw-gradient-from: rgb(74 4 78 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(74 4 78 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-gray-300:is(.dark *) {
  --tw-gradient-from: #d1d5db var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(209 213 219 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-gray-700:is(.dark *) {
  --tw-gradient-from: #374151 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(55 65 81 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-green-900\/20:is(.dark *) {
  --tw-gradient-from: rgb(20 83 45 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(20 83 45 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-neutral-400:is(.dark *) {
  --tw-gradient-from: #a3a3a3 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(163 163 163 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-neutral-500\/60:is(.dark *) {
  --tw-gradient-from: rgb(115 115 115 / 0.6) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(115 115 115 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-orange-300:is(.dark *) {
  --tw-gradient-from: #fdba74 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(253 186 116 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-pink-950\/40:is(.dark *) {
  --tw-gradient-from: rgb(80 7 36 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(80 7 36 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-purple-950\/50:is(.dark *) {
  --tw-gradient-from: rgb(59 7 100 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 7 100 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-red-300:is(.dark *) {
  --tw-gradient-from: #fca5a5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(252 165 165 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-rose-950\/40:is(.dark *) {
  --tw-gradient-from: rgb(76 5 25 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(76 5 25 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-sky-300:is(.dark *) {
  --tw-gradient-from: #7dd3fc var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(125 211 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-sky-900:is(.dark *) {
  --tw-gradient-from: #0c4a6e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(12 74 110 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-slate-800:is(.dark *) {
  --tw-gradient-from: #1e293b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-slate-800\/40:is(.dark *) {
  --tw-gradient-from: rgb(30 41 59 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-stone-200:is(.dark *) {
  --tw-gradient-from: #e7e5e4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(231 229 228 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-stone-700:is(.dark *) {
  --tw-gradient-from: #44403c var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(68 64 60 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-teal-200:is(.dark *) {
  --tw-gradient-from: #99f6e4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(153 246 228 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-teal-900:is(.dark *) {
  --tw-gradient-from: #134e4a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(19 78 74 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-violet-950\/30:is(.dark *) {
  --tw-gradient-from: rgb(46 16 101 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(46 16 101 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-white:is(.dark *) {
  --tw-gradient-from: #fff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-white\/5:is(.dark *) {
  --tw-gradient-from: rgb(255 255 255 / 0.05) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-white\/80:is(.dark *) {
  --tw-gradient-from: rgb(255 255 255 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-yellow-200:is(.dark *) {
  --tw-gradient-from: #fef08a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 240 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-zinc-300\/60:is(.dark *) {
  --tw-gradient-from: rgb(212 212 216 / 0.6) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(212 212 216 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-zinc-50:is(.dark *) {
  --tw-gradient-from: #fafafa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 250 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-zinc-950:is(.dark *) {
  --tw-gradient-from: #09090b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(9 9 11 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:via-cyan-950:is(.dark *) {
  --tw-gradient-to: rgb(8 51 68 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #083344 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:via-sky-800:is(.dark *) {
  --tw-gradient-to: rgb(7 89 133 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #075985 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:via-sky-950:is(.dark *) {
  --tw-gradient-to: rgb(8 47 73 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #082f49 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:via-slate-900\/40:is(.dark *) {
  --tw-gradient-to: rgb(15 23 42 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(15 23 42 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:via-stone-600:is(.dark *) {
  --tw-gradient-to: rgb(87 83 78 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #57534e var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:via-white\/10:is(.dark *) {
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:via-white\/5:is(.dark *) {
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:via-white\/80:is(.dark *) {
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.8) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:to-amber-700:is(.dark *) {
  --tw-gradient-to: #b45309 var(--tw-gradient-to-position);
}
.dark\:to-background:is(.dark *) {
  --tw-gradient-to: hsl(var(--background)) var(--tw-gradient-to-position);
}
.dark\:to-background\/30:is(.dark *) {
  --tw-gradient-to: hsl(var(--background) / 0.3) var(--tw-gradient-to-position);
}
.dark\:to-background\/50:is(.dark *) {
  --tw-gradient-to: hsl(var(--background) / 0.5) var(--tw-gradient-to-position);
}
.dark\:to-blue-700:is(.dark *) {
  --tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position);
}
.dark\:to-blue-900\/30:is(.dark *) {
  --tw-gradient-to: rgb(30 58 138 / 0.3) var(--tw-gradient-to-position);
}
.dark\:to-blue-950:is(.dark *) {
  --tw-gradient-to: #172554 var(--tw-gradient-to-position);
}
.dark\:to-cyan-600:is(.dark *) {
  --tw-gradient-to: #0891b2 var(--tw-gradient-to-position);
}
.dark\:to-cyan-900\/50:is(.dark *) {
  --tw-gradient-to: rgb(22 78 99 / 0.5) var(--tw-gradient-to-position);
}
.dark\:to-cyan-950:is(.dark *) {
  --tw-gradient-to: #083344 var(--tw-gradient-to-position);
}
.dark\:to-emerald-900\/20:is(.dark *) {
  --tw-gradient-to: rgb(6 78 59 / 0.2) var(--tw-gradient-to-position);
}
.dark\:to-fuchsia-900\/50:is(.dark *) {
  --tw-gradient-to: rgb(112 26 117 / 0.5) var(--tw-gradient-to-position);
}
.dark\:to-gray-50:is(.dark *) {
  --tw-gradient-to: #f9fafb var(--tw-gradient-to-position);
}
.dark\:to-gray-600:is(.dark *) {
  --tw-gradient-to: #4b5563 var(--tw-gradient-to-position);
}
.dark\:to-gray-950:is(.dark *) {
  --tw-gradient-to: #030712 var(--tw-gradient-to-position);
}
.dark\:to-indigo-700:is(.dark *) {
  --tw-gradient-to: #4338ca var(--tw-gradient-to-position);
}
.dark\:to-indigo-900:is(.dark *) {
  --tw-gradient-to: #312e81 var(--tw-gradient-to-position);
}
.dark\:to-indigo-900\/20:is(.dark *) {
  --tw-gradient-to: rgb(49 46 129 / 0.2) var(--tw-gradient-to-position);
}
.dark\:to-indigo-950:is(.dark *) {
  --tw-gradient-to: #1e1b4b var(--tw-gradient-to-position);
}
.dark\:to-indigo-950\/40:is(.dark *) {
  --tw-gradient-to: rgb(30 27 75 / 0.4) var(--tw-gradient-to-position);
}
.dark\:to-neutral-200:is(.dark *) {
  --tw-gradient-to: #e5e5e5 var(--tw-gradient-to-position);
}
.dark\:to-neutral-300\/60:is(.dark *) {
  --tw-gradient-to: rgb(212 212 212 / 0.6) var(--tw-gradient-to-position);
}
.dark\:to-orange-400:is(.dark *) {
  --tw-gradient-to: #fb923c var(--tw-gradient-to-position);
}
.dark\:to-orange-700:is(.dark *) {
  --tw-gradient-to: #c2410c var(--tw-gradient-to-position);
}
.dark\:to-purple-900\/50:is(.dark *) {
  --tw-gradient-to: rgb(88 28 135 / 0.5) var(--tw-gradient-to-position);
}
.dark\:to-red-700:is(.dark *) {
  --tw-gradient-to: #b91c1c var(--tw-gradient-to-position);
}
.dark\:to-rose-950\/30:is(.dark *) {
  --tw-gradient-to: rgb(76 5 25 / 0.3) var(--tw-gradient-to-position);
}
.dark\:to-sky-900\/30:is(.dark *) {
  --tw-gradient-to: rgb(12 74 110 / 0.3) var(--tw-gradient-to-position);
}
.dark\:to-slate-950\/40:is(.dark *) {
  --tw-gradient-to: rgb(2 6 23 / 0.4) var(--tw-gradient-to-position);
}
.dark\:to-stone-900:is(.dark *) {
  --tw-gradient-to: #1c1917 var(--tw-gradient-to-position);
}
.dark\:to-violet-950\/40:is(.dark *) {
  --tw-gradient-to: rgb(46 16 101 / 0.4) var(--tw-gradient-to-position);
}
.dark\:to-white\/40:is(.dark *) {
  --tw-gradient-to: rgb(255 255 255 / 0.4) var(--tw-gradient-to-position);
}
.dark\:to-white\/5:is(.dark *) {
  --tw-gradient-to: rgb(255 255 255 / 0.05) var(--tw-gradient-to-position);
}
.dark\:to-white\/80:is(.dark *) {
  --tw-gradient-to: rgb(255 255 255 / 0.8) var(--tw-gradient-to-position);
}
.dark\:to-yellow-500:is(.dark *) {
  --tw-gradient-to: #eab308 var(--tw-gradient-to-position);
}
.dark\:to-zinc-200:is(.dark *) {
  --tw-gradient-to: #e4e4e7 var(--tw-gradient-to-position);
}
.dark\:to-zinc-400\/30:is(.dark *) {
  --tw-gradient-to: rgb(161 161 170 / 0.3) var(--tw-gradient-to-position);
}
.dark\:to-zinc-900:is(.dark *) {
  --tw-gradient-to: #18181b var(--tw-gradient-to-position);
}
.dark\:fill-\[\#262626\]:is(.dark *) {
  fill: #262626;
}
.dark\:fill-\[\#404040\]:is(.dark *) {
  fill: #404040;
}
.dark\:fill-amber-400\/30:is(.dark *) {
  fill: rgb(251 191 36 / 0.3);
}
.dark\:fill-blue-900\/30:is(.dark *) {
  fill: rgb(30 58 138 / 0.3);
}
.dark\:fill-card\/70:is(.dark *) {
  fill: hsl(var(--card) / 0.7);
}
.dark\:fill-muted-foreground:is(.dark *) {
  fill: hsl(var(--muted-foreground));
}
.dark\:fill-neutral-50:is(.dark *) {
  fill: #fafafa;
}
.dark\:fill-white:is(.dark *) {
  fill: #fff;
}
.dark\:stroke-amber-400\/10:is(.dark *) {
  stroke: rgb(251 191 36 / 0.1);
}
.dark\:stroke-black:is(.dark *) {
  stroke: #000;
}
.dark\:stroke-blue-400:is(.dark *) {
  stroke: #60a5fa;
}
.dark\:stroke-gray-700:is(.dark *) {
  stroke: #374151;
}
.dark\:stroke-neutral-50:is(.dark *) {
  stroke: #fafafa;
}
.dark\:stroke-neutral-700:is(.dark *) {
  stroke: #404040;
}
.dark\:stroke-teal-400:is(.dark *) {
  stroke: #2dd4bf;
}
.dark\:text-\[\#1A1A1C\]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(26 26 28 / var(--tw-text-opacity));
}
.dark\:text-\[\#F3F3F4\]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(243 243 244 / var(--tw-text-opacity));
}
.dark\:text-\[\#f2f2f2\]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(242 242 242 / var(--tw-text-opacity));
}
.dark\:text-\[\#f2f2f2\]\/30:is(.dark *) {
  color: rgb(242 242 242 / 0.3);
}
.dark\:text-\[\#f2f2f2\]\/50:is(.dark *) {
  color: rgb(242 242 242 / 0.5);
}
.dark\:text-\[\#f2f2f2\]\/70:is(.dark *) {
  color: rgb(242 242 242 / 0.7);
}
.dark\:text-\[var\(--color-destructive-soft\2c var\(--color-red-600\)\)\]:is(.dark *) {
  color: var(--color-destructive-soft,var(--color-red-600));
}
.dark\:text-\[var\(--color-info-soft\2c var\(--color-violet-400\)\)\]:is(.dark *) {
  color: var(--color-info-soft,var(--color-violet-400));
}
.dark\:text-\[var\(--color-primary-soft\2c var\(--color-blue-600\)\)\]:is(.dark *) {
  color: var(--color-primary-soft,var(--color-blue-600));
}
.dark\:text-\[var\(--color-success-soft\2c var\(--color-green-600\)\)\]:is(.dark *) {
  color: var(--color-success-soft,var(--color-green-600));
}
.dark\:text-\[var\(--color-warning-soft\2c var\(--color-yellow-600\)\)\]:is(.dark *) {
  color: var(--color-warning-soft,var(--color-yellow-600));
}
.dark\:text-amber-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(254 243 199 / var(--tw-text-opacity));
}
.dark\:text-amber-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(253 230 138 / var(--tw-text-opacity));
}
.dark\:text-amber-200\/70:is(.dark *) {
  color: rgb(253 230 138 / 0.7);
}
.dark\:text-amber-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity));
}
.dark\:text-amber-300\/70:is(.dark *) {
  color: rgb(252 211 77 / 0.7);
}
.dark\:text-amber-300\/80:is(.dark *) {
  color: rgb(252 211 77 / 0.8);
}
.dark\:text-amber-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity));
}
.dark\:text-amber-400\/90:is(.dark *) {
  color: rgb(251 191 36 / 0.9);
}
.dark\:text-amber-50:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 251 235 / var(--tw-text-opacity));
}
.dark\:text-amber-500:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity));
}
.dark\:text-amber-500\/60:is(.dark *) {
  color: rgb(245 158 11 / 0.6);
}
.dark\:text-amber-500\/70:is(.dark *) {
  color: rgb(245 158 11 / 0.7);
}
.dark\:text-black:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.dark\:text-black\/80:is(.dark *) {
  color: rgb(0 0 0 / 0.8);
}
.dark\:text-blue-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(219 234 254 / var(--tw-text-opacity));
}
.dark\:text-blue-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / var(--tw-text-opacity));
}
.dark\:text-blue-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity));
}
.dark\:text-blue-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity));
}
.dark\:text-blue-50:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(239 246 255 / var(--tw-text-opacity));
}
.dark\:text-blue-500:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}
.dark\:text-cyan-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(165 243 252 / var(--tw-text-opacity));
}
.dark\:text-cyan-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(103 232 249 / var(--tw-text-opacity));
}
.dark\:text-cyan-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(34 211 238 / var(--tw-text-opacity));
}
.dark\:text-destructive:is(.dark *) {
  color: hsl(var(--destructive));
}
.dark\:text-emerald-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(167 243 208 / var(--tw-text-opacity));
}
.dark\:text-emerald-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(110 231 183 / var(--tw-text-opacity));
}
.dark\:text-emerald-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity));
}
.dark\:text-emerald-400\/80:is(.dark *) {
  color: rgb(52 211 153 / 0.8);
}
.dark\:text-foreground:is(.dark *) {
  color: hsl(var(--foreground));
}
.dark\:text-foreground\/40:is(.dark *) {
  color: hsl(var(--foreground) / 0.4);
}
.dark\:text-foreground\/50:is(.dark *) {
  color: hsl(var(--foreground) / 0.5);
}
.dark\:text-foreground\/70:is(.dark *) {
  color: hsl(var(--foreground) / 0.7);
}
.dark\:text-foreground\/80:is(.dark *) {
  color: hsl(var(--foreground) / 0.8);
}
.dark\:text-gray-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity));
}
.dark\:text-gray-100\/60:is(.dark *) {
  color: rgb(243 244 246 / 0.6);
}
.dark\:text-gray-100\/75:is(.dark *) {
  color: rgb(243 244 246 / 0.75);
}
.dark\:text-gray-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}
.dark\:text-gray-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}
.dark\:text-gray-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}
.dark\:text-gray-500:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.dark\:text-gray-900:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}
.dark\:text-green-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(187 247 208 / var(--tw-text-opacity));
}
.dark\:text-green-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(134 239 172 / var(--tw-text-opacity));
}
.dark\:text-green-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity));
}
.dark\:text-indigo-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(199 210 254 / var(--tw-text-opacity));
}
.dark\:text-indigo-200\/90:is(.dark *) {
  color: rgb(199 210 254 / 0.9);
}
.dark\:text-indigo-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(165 180 252 / var(--tw-text-opacity));
}
.dark\:text-indigo-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(129 140 248 / var(--tw-text-opacity));
}
.dark\:text-muted-foreground:is(.dark *) {
  color: hsl(var(--muted-foreground));
}
.dark\:text-muted-foreground\/25:is(.dark *) {
  color: hsl(var(--muted-foreground) / 0.25);
}
.dark\:text-muted-foreground\/30:is(.dark *) {
  color: hsl(var(--muted-foreground) / 0.3);
}
.dark\:text-muted-foreground\/40:is(.dark *) {
  color: hsl(var(--muted-foreground) / 0.4);
}
.dark\:text-muted\/40:is(.dark *) {
  color: hsl(var(--muted) / 0.4);
}
.dark\:text-neutral-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(245 245 245 / var(--tw-text-opacity));
}
.dark\:text-neutral-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(229 229 229 / var(--tw-text-opacity));
}
.dark\:text-neutral-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(212 212 212 / var(--tw-text-opacity));
}
.dark\:text-neutral-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / var(--tw-text-opacity));
}
.dark\:text-neutral-50:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(250 250 250 / var(--tw-text-opacity));
}
.dark\:text-neutral-500:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity));
}
.dark\:text-neutral-600:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(82 82 82 / var(--tw-text-opacity));
}
.dark\:text-neutral-900:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / var(--tw-text-opacity));
}
.dark\:text-orange-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(254 215 170 / var(--tw-text-opacity));
}
.dark\:text-orange-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(253 186 116 / var(--tw-text-opacity));
}
.dark\:text-orange-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / var(--tw-text-opacity));
}
.dark\:text-orange-50:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 247 237 / var(--tw-text-opacity));
}
.dark\:text-orange-500:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(249 115 22 / var(--tw-text-opacity));
}
.dark\:text-pink-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(252 231 243 / var(--tw-text-opacity));
}
.dark\:text-pink-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(251 207 232 / var(--tw-text-opacity));
}
.dark\:text-pink-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(244 114 182 / var(--tw-text-opacity));
}
.dark\:text-pink-50:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(253 242 248 / var(--tw-text-opacity));
}
.dark\:text-primary:is(.dark *) {
  color: hsl(var(--primary));
}
.dark\:text-primary-foreground:is(.dark *) {
  color: hsl(var(--primary-foreground));
}
.dark\:text-purple-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(243 232 255 / var(--tw-text-opacity));
}
.dark\:text-purple-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(233 213 255 / var(--tw-text-opacity));
}
.dark\:text-purple-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(216 180 254 / var(--tw-text-opacity));
}
.dark\:text-purple-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(192 132 252 / var(--tw-text-opacity));
}
.dark\:text-purple-50:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(250 245 255 / var(--tw-text-opacity));
}
.dark\:text-purple-700:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(126 34 206 / var(--tw-text-opacity));
}
.dark\:text-red-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(254 226 226 / var(--tw-text-opacity));
}
.dark\:text-red-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / var(--tw-text-opacity));
}
.dark\:text-red-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity));
}
.dark\:text-red-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity));
}
.dark\:text-rose-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(254 205 211 / var(--tw-text-opacity));
}
.dark\:text-rose-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(253 164 175 / var(--tw-text-opacity));
}
.dark\:text-rose-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(251 113 133 / var(--tw-text-opacity));
}
.dark\:text-sky-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(224 242 254 / var(--tw-text-opacity));
}
.dark\:text-sky-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(186 230 253 / var(--tw-text-opacity));
}
.dark\:text-sky-200\/70:is(.dark *) {
  color: rgb(186 230 253 / 0.7);
}
.dark\:text-sky-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(125 211 252 / var(--tw-text-opacity));
}
.dark\:text-sky-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(56 189 248 / var(--tw-text-opacity));
}
.dark\:text-slate-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity));
}
.dark\:text-slate-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity));
}
.dark\:text-slate-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}
.dark\:text-slate-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}
.dark\:text-slate-700:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}
.dark\:text-stone-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(245 245 244 / var(--tw-text-opacity));
}
.dark\:text-stone-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(231 229 228 / var(--tw-text-opacity));
}
.dark\:text-stone-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(214 211 209 / var(--tw-text-opacity));
}
.dark\:text-stone-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(168 162 158 / var(--tw-text-opacity));
}
.dark\:text-stone-50:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(250 250 249 / var(--tw-text-opacity));
}
.dark\:text-stone-500:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(120 113 108 / var(--tw-text-opacity));
}
.dark\:text-stone-900:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(28 25 23 / var(--tw-text-opacity));
}
.dark\:text-teal-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(204 251 241 / var(--tw-text-opacity));
}
.dark\:text-teal-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(153 246 228 / var(--tw-text-opacity));
}
.dark\:text-teal-200\/80:is(.dark *) {
  color: rgb(153 246 228 / 0.8);
}
.dark\:text-teal-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(94 234 212 / var(--tw-text-opacity));
}
.dark\:text-teal-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(45 212 191 / var(--tw-text-opacity));
}
.dark\:text-teal-950:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(4 47 46 / var(--tw-text-opacity));
}
.dark\:text-violet-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(221 214 254 / var(--tw-text-opacity));
}
.dark\:text-violet-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(196 181 253 / var(--tw-text-opacity));
}
.dark\:text-violet-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(167 139 250 / var(--tw-text-opacity));
}
.dark\:text-white:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.dark\:text-white\/40:is(.dark *) {
  color: rgb(255 255 255 / 0.4);
}
.dark\:text-white\/60:is(.dark *) {
  color: rgb(255 255 255 / 0.6);
}
.dark\:text-white\/70:is(.dark *) {
  color: rgb(255 255 255 / 0.7);
}
.dark\:text-white\/80:is(.dark *) {
  color: rgb(255 255 255 / 0.8);
}
.dark\:text-white\/90:is(.dark *) {
  color: rgb(255 255 255 / 0.9);
}
.dark\:text-yellow-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(254 249 195 / var(--tw-text-opacity));
}
.dark\:text-yellow-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(254 240 138 / var(--tw-text-opacity));
}
.dark\:text-yellow-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(253 224 71 / var(--tw-text-opacity));
}
.dark\:text-yellow-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity));
}
.dark\:text-yellow-50:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(254 252 232 / var(--tw-text-opacity));
}
.dark\:text-zinc-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(244 244 245 / var(--tw-text-opacity));
}
.dark\:text-zinc-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(228 228 231 / var(--tw-text-opacity));
}
.dark\:text-zinc-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(212 212 216 / var(--tw-text-opacity));
}
.dark\:text-zinc-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity));
}
.dark\:text-zinc-50:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(250 250 250 / var(--tw-text-opacity));
}
.dark\:text-zinc-500:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(113 113 122 / var(--tw-text-opacity));
}
.dark\:text-zinc-600:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(82 82 91 / var(--tw-text-opacity));
}
.dark\:text-zinc-900:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(24 24 27 / var(--tw-text-opacity));
}
.dark\:text-opacity-90:is(.dark *) {
  --tw-text-opacity: 0.9;
}
.dark\:underline:is(.dark *) {
  text-decoration-line: underline;
}
.dark\:placeholder-gray-400:is(.dark *)::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity));
}
.dark\:placeholder-gray-400:is(.dark *)::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity));
}
.dark\:caret-violet-400:is(.dark *) {
  caret-color: #a78bfa;
}
.dark\:opacity-5:is(.dark *) {
  opacity: 0.05;
}
.dark\:opacity-60:is(.dark *) {
  opacity: 0.6;
}
.dark\:opacity-90:is(.dark *) {
  opacity: 0.9;
}
.dark\:opacity-95:is(.dark *) {
  opacity: 0.95;
}
.dark\:opacity-\[0\.94\]:is(.dark *) {
  opacity: 0.94;
}
.dark\:opacity-\[0\.98\]:is(.dark *) {
  opacity: 0.98;
}
.dark\:shadow-\[0_0_0_0\.5px_rgba\(255\2c 255\2c 255\2c 0\.06\)_inset\2c 0_0\.5px_0\.5px_rgba\(255\2c 255\2c 255\2c 0\.1\)_inset\2c 0_-0\.5px_0\.5px_rgba\(255\2c 255\2c 255\2c 0\.1\)_inset\2c 0_0\.5px_1px_rgba\(0\2c 0\2c 0\2c 0\.3\)\2c 0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.4\)\]:is(.dark *) {
  --tw-shadow: 0 0 0 0.5px rgba(255,255,255,0.06) inset,0 0.5px 0.5px rgba(255,255,255,0.1) inset,0 -0.5px 0.5px rgba(255,255,255,0.1) inset,0 0.5px 1px rgba(0,0,0,0.3),0 1px 2px rgba(0,0,0,0.4);
  --tw-shadow-colored: inset 0 0 0 0.5px var(--tw-shadow-color), inset 0 0.5px 0.5px var(--tw-shadow-color), inset 0 -0.5px 0.5px var(--tw-shadow-color), 0 0.5px 1px var(--tw-shadow-color), 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[0_0_0_1px_rgba\(255\2c 255\2c 255\2c 0\.08\)\2c 0_8px_16px_-4px_rgba\(0\2c 0\2c 0\2c 0\.2\)\]:is(.dark *) {
  --tw-shadow: 0 0 0 1px rgba(255,255,255,0.08),0 8px 16px -4px rgba(0,0,0,0.2);
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 8px 16px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[0_0_0_1px_rgba\(255\2c 255\2c 255\2c 0\.08\)\]:is(.dark *) {
  --tw-shadow: 0 0 0 1px rgba(255,255,255,0.08);
  --tw-shadow-colored: 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);
}
.dark\:shadow-\[0_0_0_1px_rgba\(255\2c 255\2c 255\2c 0\.12\)\2c 0_8px_24px_rgba\(0\2c 0\2c 0\2c 0\.45\)\]:is(.dark *) {
  --tw-shadow: 0 0 0 1px rgba(255,255,255,0.12),0 8px 24px rgba(0,0,0,0.45);
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 8px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[0_0_0_1px_rgba\(255\2c 255\2c 255\2c 0\.16\)\]:is(.dark *) {
  --tw-shadow: 0 0 0 1px rgba(255,255,255,0.16);
  --tw-shadow-colored: 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);
}
.dark\:shadow-\[0_0_8px_rgba\(0\2c 0\2c 0\2c 0\.03\)\2c 0_2px_6px_rgba\(0\2c 0\2c 0\2c 0\.08\)\2c inset_3px_3px_0\.5px_-3\.5px_rgba\(255\2c 255\2c 255\2c 0\.09\)\2c inset_-3px_-3px_0\.5px_-3\.5px_rgba\(255\2c 255\2c 255\2c 0\.85\)\2c inset_1px_1px_1px_-0\.5px_rgba\(255\2c 255\2c 255\2c 0\.6\)\2c inset_-1px_-1px_1px_-0\.5px_rgba\(255\2c 255\2c 255\2c 0\.6\)\2c inset_0_0_6px_6px_rgba\(255\2c 255\2c 255\2c 0\.12\)\2c inset_0_0_2px_2px_rgba\(255\2c 255\2c 255\2c 0\.06\)\2c 0_0_12px_rgba\(0\2c 0\2c 0\2c 0\.15\)\]:is(.dark *) {
  --tw-shadow: 0 0 8px rgba(0,0,0,0.03),0 2px 6px rgba(0,0,0,0.08),inset 3px 3px 0.5px -3.5px rgba(255,255,255,0.09),inset -3px -3px 0.5px -3.5px rgba(255,255,255,0.85),inset 1px 1px 1px -0.5px rgba(255,255,255,0.6),inset -1px -1px 1px -0.5px rgba(255,255,255,0.6),inset 0 0 6px 6px rgba(255,255,255,0.12),inset 0 0 2px 2px rgba(255,255,255,0.06),0 0 12px rgba(0,0,0,0.15);
  --tw-shadow-colored: 0 0 8px var(--tw-shadow-color), 0 2px 6px var(--tw-shadow-color), inset 3px 3px 0.5px -3.5px var(--tw-shadow-color), inset -3px -3px 0.5px -3.5px var(--tw-shadow-color), inset 1px 1px 1px -0.5px var(--tw-shadow-color), inset -1px -1px 1px -0.5px var(--tw-shadow-color), inset 0 0 6px 6px var(--tw-shadow-color), inset 0 0 2px 2px var(--tw-shadow-color), 0 0 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[0_10px_30px_rgba\(0\2c 0\2c 0\2c 0\.4\)\]:is(.dark *) {
  --tw-shadow: 0 10px 30px rgba(0,0,0,0.4);
  --tw-shadow-colored: 0 10px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[0_18px_40px_rgba\(0\2c 0\2c 0\2c 0\.35\)\]:is(.dark *) {
  --tw-shadow: 0 18px 40px rgba(0,0,0,0.35);
  --tw-shadow-colored: 0 18px 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[0_1px_0_0_rgba\(255\2c 255\2c 255\2c 0\.03\)_inset\2c 0_0_0_1px_rgba\(255\2c 255\2c 255\2c 0\.03\)_inset\2c 0_0_0_1px_rgba\(0\2c 0\2c 0\2c 0\.1\)\2c 0_2px_2px_0_rgba\(0\2c 0\2c 0\2c 0\.1\)\2c 0_4px_4px_0_rgba\(0\2c 0\2c 0\2c 0\.1\)\2c 0_8px_8px_0_rgba\(0\2c 0\2c 0\2c 0\.1\)\]:is(.dark *) {
  --tw-shadow: 0 1px 0 0 rgba(255,255,255,0.03) inset,0 0 0 1px rgba(255,255,255,0.03) inset,0 0 0 1px rgba(0,0,0,0.1),0 2px 2px 0 rgba(0,0,0,0.1),0 4px 4px 0 rgba(0,0,0,0.1),0 8px 8px 0 rgba(0,0,0,0.1);
  --tw-shadow-colored: inset 0 1px 0 0 var(--tw-shadow-color), inset 0 0 0 1px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color), 0 2px 2px 0 var(--tw-shadow-color), 0 4px 4px 0 var(--tw-shadow-color), 0 8px 8px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.05\)_inset\2c 0_4px_20px_rgba\(0\2c 0\2c 0\2c 0\.35\)\]:is(.dark *) {
  --tw-shadow: 0 1px 0 rgba(255,255,255,0.05) inset,0 4px 20px rgba(0,0,0,0.35);
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color), 0 4px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.06\)_inset\2c 0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.35\)\2c 0_4px_20px_rgba\(0\2c 0\2c 0\2c 0\.35\)\]:is(.dark *) {
  --tw-shadow: 0 1px 0 rgba(255,255,255,0.06) inset,0 1px 2px rgba(0,0,0,0.35),0 4px 20px rgba(0,0,0,0.35);
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color), 0 1px 2px var(--tw-shadow-color), 0 4px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.06\)_inset\2c 0_2px_8px_rgba\(0\2c 0\2c 0\2c 0\.35\)\]:is(.dark *) {
  --tw-shadow: 0 1px 0 rgba(255,255,255,0.06) inset,0 2px 8px rgba(0,0,0,0.35);
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color), 0 2px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.06\)_inset\2c 0_6px_16px_rgba\(0\2c 0\2c 0\2c 0\.35\)\]:is(.dark *) {
  --tw-shadow: 0 1px 0 rgba(255,255,255,0.06) inset,0 6px 16px rgba(0,0,0,0.35);
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color), 0 6px 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[0_1px_6px_rgba\(0\2c 0\2c 0\2c 0\.45\)\]:is(.dark *) {
  --tw-shadow: 0 1px 6px rgba(0,0,0,0.45);
  --tw-shadow-colored: 0 1px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[0_20px_60px_rgba\(0\2c 0\2c 0\2c 0\.28\)\]:is(.dark *) {
  --tw-shadow: 0 20px 60px rgba(0,0,0,0.28);
  --tw-shadow-colored: 0 20px 60px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[0_25px_60px_rgba\(0\2c 0\2c 0\2c 0\.6\)\]:is(.dark *) {
  --tw-shadow: 0 25px 60px rgba(0,0,0,0.6);
  --tw-shadow-colored: 0 25px 60px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[0_2px_4px_rgba\(0\2c 0\2c 0\2c 0\.25\)\2c inset_0_1px_1px_rgba\(0\2c 0\2c 0\2c 0\.2\)\2c inset_0_-1px_2px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]:is(.dark *) {
  --tw-shadow: 0 2px 4px rgba(0,0,0,0.25),inset 0 1px 1px rgba(0,0,0,0.2),inset 0 -1px 2px rgba(0,0,0,0.5);
  --tw-shadow-colored: 0 2px 4px var(--tw-shadow-color), inset 0 1px 1px var(--tw-shadow-color), inset 0 -1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[0_30px_70px_-15px_rgba\(0\2c 0\2c 0\2c 0\.8\)\]:is(.dark *) {
  --tw-shadow: 0 30px 70px -15px rgba(0,0,0,0.8);
  --tw-shadow-colored: 0 30px 70px -15px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[0_3px_5px_rgba\(0\2c 0\2c 0\2c 0\.3\)\2c inset_0_0\.5px_1px_rgba\(0\2c 0\2c 0\2c 0\.2\)\2c inset_0_-2px_3px_rgba\(0\2c 0\2c 0\2c 0\.6\)\]:is(.dark *) {
  --tw-shadow: 0 3px 5px rgba(0,0,0,0.3),inset 0 0.5px 1px rgba(0,0,0,0.2),inset 0 -2px 3px rgba(0,0,0,0.6);
  --tw-shadow-colored: 0 3px 5px var(--tw-shadow-color), inset 0 0.5px 1px var(--tw-shadow-color), inset 0 -2px 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[0_3px_9px_rgba\(0\2c 0\2c 0\2c 0\.25\)\2c inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.035\)\2c inset_0_2px_0_rgba\(255\2c 255\2c 255\2c 0\.15\)\]:is(.dark *) {
  --tw-shadow: 0 3px 9px rgba(0,0,0,0.25),inset 0 1px 0 rgba(255,255,255,0.035),inset 0 2px 0 rgba(255,255,255,0.15);
  --tw-shadow-colored: 0 3px 9px var(--tw-shadow-color), inset 0 1px 0 var(--tw-shadow-color), inset 0 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[0_4px_6px_rgba\(0\2c 0\2c 0\2c 0\.35\)\2c inset_0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.3\)\2c inset_0_-2px_4px_rgba\(0\2c 0\2c 0\2c 0\.7\)\]:is(.dark *) {
  --tw-shadow: 0 4px 6px rgba(0,0,0,0.35),inset 0 1px 2px rgba(0,0,0,0.3),inset 0 -2px 4px rgba(0,0,0,0.7);
  --tw-shadow-colored: 0 4px 6px var(--tw-shadow-color), inset 0 1px 2px var(--tw-shadow-color), inset 0 -2px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[0_6px_8px_rgba\(0\2c 0\2c 0\2c 0\.4\)\2c inset_0_2px_3px_rgba\(0\2c 0\2c 0\2c 0\.35\)\2c inset_0_-3px_6px_rgba\(0\2c 0\2c 0\2c 0\.8\)\]:is(.dark *) {
  --tw-shadow: 0 6px 8px rgba(0,0,0,0.4),inset 0 2px 3px rgba(0,0,0,0.35),inset 0 -3px 6px rgba(0,0,0,0.8);
  --tw-shadow-colored: 0 6px 8px var(--tw-shadow-color), inset 0 2px 3px var(--tw-shadow-color), inset 0 -3px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[0_7px_18px_rgba\(0\2c 0\2c 0\2c 0\.34\)\2c inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.06\)\2c inset_0_2px_0_rgba\(255\2c 255\2c 255\2c 0\.18\)\]:is(.dark *) {
  --tw-shadow: 0 7px 18px rgba(0,0,0,0.34),inset 0 1px 0 rgba(255,255,255,0.06),inset 0 2px 0 rgba(255,255,255,0.18);
  --tw-shadow-colored: 0 7px 18px var(--tw-shadow-color), inset 0 1px 0 var(--tw-shadow-color), inset 0 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[0_8px_32px_rgb\(0\2c 0\2c 0\2c 0\.4\)\]:is(.dark *) {
  --tw-shadow: 0 8px 32px rgb(0,0,0,0.4);
  --tw-shadow-colored: 0 8px 32px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[0px_0px_0px_1px_rgba\(0\2c 0\2c 0\2c \.07\)\2c 0px_0px_0px_3px_rgba\(100\2c 100\2c 100\2c 0\.3\)\2c 0px_0px_0px_4px_rgba\(0\2c 0\2c 0\2c \.08\)\]:is(.dark *) {
  --tw-shadow: 0px 0px 0px 1px rgba(0,0,0,.07),0px 0px 0px 3px rgba(100,100,100,0.3),0px 0px 0px 4px rgba(0,0,0,.08);
  --tw-shadow-colored: 0px 0px 0px 1px var(--tw-shadow-color), 0px 0px 0px 3px var(--tw-shadow-color), 0px 0px 0px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[0px_0px_40px_1px_var\(--cell-shadow-color\)_inset\]:is(.dark *) {
  --tw-shadow: 0px 0px 40px 1px var(--cell-shadow-color) inset;
  --tw-shadow-colored: inset 0px 0px 40px 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);
}
.dark\:shadow-\[0px_1px_1px_0px_rgba\(0\2c 0\2c 0\2c 0\.15\)\2c 0px_1px_1px_0px_rgba\(0\2c 0\2c 0\2c 0\.15\)_inset\2c 0px_0px_0px_1px_rgba\(0\2c 0\2c 0\2c 0\.15\)_inset\2c 0px_0px_1px_0px_rgba\(0\2c 0\2c 0\2c 0\.15\)\]:is(.dark *) {
  --tw-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15),0px 1px 1px 0px rgba(0,0,0,0.15) inset,0px 0px 0px 1px rgba(0,0,0,0.15) inset,0px 0px 1px 0px rgba(0,0,0,0.15);
  --tw-shadow-colored: 0px 1px 1px 0px var(--tw-shadow-color), inset 0px 1px 1px 0px var(--tw-shadow-color), inset 0px 0px 0px 1px var(--tw-shadow-color), 0px 0px 1px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[3px_3px_6px_\#111\2c -3px_-3px_6px_\#3f3f46\]:is(.dark *) {
  --tw-shadow: 3px 3px 6px #111,-3px -3px 6px #3f3f46;
  --tw-shadow-colored: 3px 3px 6px var(--tw-shadow-color), -3px -3px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[3px_3px_6px_rgba\(0\2c 0\2c 0\2c 0\.35\)\2c -2px_-2px_5px_rgba\(255\2c 255\2c 255\2c 0\.04\)\]:is(.dark *) {
  --tw-shadow: 3px 3px 6px rgba(0,0,0,0.35),-2px -2px 5px rgba(255,255,255,0.04);
  --tw-shadow-colored: 3px 3px 6px var(--tw-shadow-color), -2px -2px 5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[4px_4px_8px_\#111\2c -4px_-4px_8px_\#3f3f46\]:is(.dark *) {
  --tw-shadow: 4px 4px 8px #111,-4px -4px 8px #3f3f46;
  --tw-shadow-colored: 4px 4px 8px var(--tw-shadow-color), -4px -4px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[5px_5px_10px_\#111\2c -5px_-5px_10px_\#3f3f46\]:is(.dark *) {
  --tw-shadow: 5px 5px 10px #111,-5px -5px 10px #3f3f46;
  --tw-shadow-colored: 5px 5px 10px var(--tw-shadow-color), -5px -5px 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[6px_6px_12px_rgba\(0\2c 0\2c 0\2c 0\.4\)\2c -6px_-6px_12px_rgba\(255\2c 255\2c 255\2c 0\.05\)\]:is(.dark *) {
  --tw-shadow: 6px 6px 12px rgba(0,0,0,0.4),-6px -6px 12px rgba(255,255,255,0.05);
  --tw-shadow-colored: 6px 6px 12px var(--tw-shadow-color), -6px -6px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.16\)\]:is(.dark *) {
  --tw-shadow: inset 0 1px 0 rgba(255,255,255,0.16);
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[inset_2px_2px_4px_\#111\2c inset_-2px_-2px_4px_\#444\]:is(.dark *) {
  --tw-shadow: inset 2px 2px 4px #111,inset -2px -2px 4px #444;
  --tw-shadow-colored: inset 2px 2px 4px var(--tw-shadow-color), inset -2px -2px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[inset_2px_2px_5px_\#111\2c inset_-2px_-2px_5px_\#3f3f46\]:is(.dark *) {
  --tw-shadow: inset 2px 2px 5px #111,inset -2px -2px 5px #3f3f46;
  --tw-shadow-colored: inset 2px 2px 5px var(--tw-shadow-color), inset -2px -2px 5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[inset_2px_2px_5px_\#111\2c inset_-2px_-2px_5px_\#444\]:is(.dark *) {
  --tw-shadow: inset 2px 2px 5px #111,inset -2px -2px 5px #444;
  --tw-shadow-colored: inset 2px 2px 5px var(--tw-shadow-color), inset -2px -2px 5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[inset_2px_2px_6px_rgba\(0\2c 0\2c 0\2c 0\.4\)\2c inset_-2px_-2px_6px_rgba\(255\2c 255\2c 255\2c 0\.05\)\]:is(.dark *) {
  --tw-shadow: inset 2px 2px 6px rgba(0,0,0,0.4),inset -2px -2px 6px rgba(255,255,255,0.05);
  --tw-shadow-colored: inset 2px 2px 6px var(--tw-shadow-color), inset -2px -2px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[inset_3px_3px_6px_\#111\2c inset_-3px_-3px_6px_\#3f3f46\]:is(.dark *) {
  --tw-shadow: inset 3px 3px 6px #111,inset -3px -3px 6px #3f3f46;
  --tw-shadow-colored: inset 3px 3px 6px var(--tw-shadow-color), inset -3px -3px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[inset_4px_4px_8px_\#111\2c inset_-4px_-4px_8px_\#3f3f46\]:is(.dark *) {
  --tw-shadow: inset 4px 4px 8px #111,inset -4px -4px 8px #3f3f46;
  --tw-shadow-colored: inset 4px 4px 8px var(--tw-shadow-color), inset -4px -4px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-none:is(.dark *) {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-black\/10:is(.dark *) {
  --tw-shadow-color: rgb(0 0 0 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.dark\:shadow-black\/20:is(.dark *) {
  --tw-shadow-color: rgb(0 0 0 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.dark\:shadow-black\/50:is(.dark *) {
  --tw-shadow-color: rgb(0 0 0 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.dark\:shadow-zinc-950:is(.dark *) {
  --tw-shadow-color: #09090b;
  --tw-shadow: var(--tw-shadow-colored);
}
.dark\:outline-ring\/40:is(.dark *) {
  outline-color: hsl(var(--ring) / 0.4);
}
.dark\:outline-white\/10:is(.dark *) {
  outline-color: rgb(255 255 255 / 0.1);
}
.dark\:ring-blue-900:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(30 58 138 / var(--tw-ring-opacity));
}
.dark\:ring-foreground\/10:is(.dark *) {
  --tw-ring-color: hsl(var(--foreground) / 0.1);
}
.dark\:ring-gray-600:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity));
}
.dark\:ring-neutral-800:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(38 38 38 / var(--tw-ring-opacity));
}
.dark\:ring-ring\/20:is(.dark *) {
  --tw-ring-color: hsl(var(--ring) / 0.2);
}
.dark\:ring-stone-700:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(68 64 60 / var(--tw-ring-opacity));
}
.dark\:ring-stone-700\/50:is(.dark *) {
  --tw-ring-color: rgb(68 64 60 / 0.5);
}
.dark\:ring-stone-800:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(41 37 36 / var(--tw-ring-opacity));
}
.dark\:ring-white\/10:is(.dark *) {
  --tw-ring-color: rgb(255 255 255 / 0.1);
}
.dark\:ring-white\/5:is(.dark *) {
  --tw-ring-color: rgb(255 255 255 / 0.05);
}
.dark\:ring-white\/\[0\.04\]:is(.dark *) {
  --tw-ring-color: rgb(255 255 255 / 0.04);
}
.dark\:ring-zinc-700:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(63 63 70 / var(--tw-ring-opacity));
}
.dark\:ring-zinc-900:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(24 24 27 / var(--tw-ring-opacity));
}
.dark\:brightness-0:is(.dark *) {
  --tw-brightness: brightness(0);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.dark\:drop-shadow-\[0_1px_3px_rgba\(0\2c 0\2c 0\2c 0\.45\)\]:is(.dark *) {
  --tw-drop-shadow: drop-shadow(0 1px 3px rgba(0,0,0,0.45));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.dark\:invert:is(.dark *) {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.dark\:\[--aurora-accent\:rgba\(59\2c 130\2c 246\2c 0\.15\)\]:is(.dark *) {
  --aurora-accent: rgba(59,130,246,0.15);
}
.dark\:\[--aurora-base\:\#040404\]:is(.dark *) {
  --aurora-base: #040404;
}
.dark\:\[--cell-border-color\:color-mix\(in_oklab\2c var\(--accent\)\2c white_14\%\)\]:is(.dark *) {
  --cell-border-color: color-mix(in oklab,var(--accent),white 14%);
}
.dark\:\[--cell-fill-color\:color-mix\(in_oklab\2c var\(--accent\)\2c white_14\%\)\]:is(.dark *) {
  --cell-fill-color: color-mix(in oklab,var(--accent),white 14%);
}
.dark\:\[--cell-shadow-color\:var\(--accent\)\]:is(.dark *) {
  --cell-shadow-color: var(--accent);
}
.dark\:\[--edge-color\:rgba\(0\2c 0\2c 0\2c 1\)\]:is(.dark *) {
  --edge-color: rgba(0,0,0,1);
}
.dark\:\[--folder-card-bezel\:\#000000\]:is(.dark *) {
  --folder-card-bezel: #000000;
}
.dark\:\[--folder-card-panel-from\:\#242424\]:is(.dark *) {
  --folder-card-panel-from: #242424;
}
.dark\:\[--folder-card-panel-to\:\#151515\]:is(.dark *) {
  --folder-card-panel-to: #151515;
}
.dark\:\[--folder-card-subtitle\:\#8b8b8b\]:is(.dark *) {
  --folder-card-subtitle: #8b8b8b;
}
.dark\:\[--folder-card-surface\:\#151515\]:is(.dark *) {
  --folder-card-surface: #151515;
}
.dark\:\[--folder-card-title\:\#ffffff\]:is(.dark *) {
  --folder-card-title: #ffffff;
}
.dark\:\[--grid-color\:rgba\(255\2c 255\2c 255\2c 0\.06\)\]:is(.dark *) {
  --grid-color: rgba(255,255,255,0.06);
}
.dark\:\[--spectrum-chart-1\:\#60a5fa\]:is(.dark *) {
  --spectrum-chart-1: #60a5fa;
}
.dark\:\[--spectrum-chart-1\:\#f5f5f5\]:is(.dark *) {
  --spectrum-chart-1: #f5f5f5;
}
.dark\:\[--spectrum-chart-2\:\#a3a3a3\]:is(.dark *) {
  --spectrum-chart-2: #a3a3a3;
}
.dark\:\[--spectrum-chart-2\:\#fbbf24\]:is(.dark *) {
  --spectrum-chart-2: #fbbf24;
}
.dark\:\[--spectrum-chart-3\:\#2dd4bf\]:is(.dark *) {
  --spectrum-chart-3: #2dd4bf;
}
.dark\:\[--spectrum-chart-3\:\#d4d4d8\]:is(.dark *) {
  --spectrum-chart-3: #d4d4d8;
}
.dark\:\[--spectrum-chart-4\:\#737373\]:is(.dark *) {
  --spectrum-chart-4: #737373;
}
.dark\:\[--spectrum-chart-4\:\#a78bfa\]:is(.dark *) {
  --spectrum-chart-4: #a78bfa;
}
.dark\:\[--spectrum-chart-5\:\#52525b\]:is(.dark *) {
  --spectrum-chart-5: #52525b;
}
.dark\:\[--spectrum-chart-5\:\#94a3b8\]:is(.dark *) {
  --spectrum-chart-5: #94a3b8;
}
.dark\:\[--spectrum-chart-down\:\#fb7185\]:is(.dark *) {
  --spectrum-chart-down: #fb7185;
}
.dark\:\[--spectrum-chart-surface\:\#0a0a0a\]:is(.dark *) {
  --spectrum-chart-surface: #0a0a0a;
}
.dark\:\[--spectrum-chart-up\:\#34d399\]:is(.dark *) {
  --spectrum-chart-up: #34d399;
}
.dark\:\[border\:1px_solid_rgba\(255\2c 255\2c 255\2c \.1\)\]:is(.dark *) {
  border: 1px solid rgba(255,255,255,.1);
}
.dark\:\[box-shadow\:0_-20px_80px_-20px_\#8686f01f_inset\]:is(.dark *) {
  box-shadow: 0 -20px 80px -20px #8686f01f inset;
}
.dark\:placeholder\:text-\[\#f2f2f2\]\/50:is(.dark *)::-moz-placeholder {
  color: rgb(242 242 242 / 0.5);
}
.dark\:placeholder\:text-\[\#f2f2f2\]\/50:is(.dark *)::placeholder {
  color: rgb(242 242 242 / 0.5);
}
.dark\:placeholder\:text-neutral-500:is(.dark *)::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity));
}
.dark\:placeholder\:text-neutral-500:is(.dark *)::placeholder {
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity));
}
.dark\:placeholder\:text-stone-500:is(.dark *)::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(120 113 108 / var(--tw-text-opacity));
}
.dark\:placeholder\:text-stone-500:is(.dark *)::placeholder {
  --tw-text-opacity: 1;
  color: rgb(120 113 108 / var(--tw-text-opacity));
}
.dark\:placeholder\:text-stone-600:is(.dark *)::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(87 83 78 / var(--tw-text-opacity));
}
.dark\:placeholder\:text-stone-600:is(.dark *)::placeholder {
  --tw-text-opacity: 1;
  color: rgb(87 83 78 / var(--tw-text-opacity));
}
.dark\:placeholder\:text-zinc-400:is(.dark *)::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity));
}
.dark\:placeholder\:text-zinc-400:is(.dark *)::placeholder {
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity));
}
.dark\:before\:border-yellow-400\/40:is(.dark *)::before {
  content: var(--tw-content);
  border-color: rgb(250 204 21 / 0.4);
}
.dark\:before\:ring-2:is(.dark *)::before {
  content: var(--tw-content);
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.dark\:before\:ring-yellow-900\/40:is(.dark *)::before {
  content: var(--tw-content);
  --tw-ring-color: rgb(113 63 18 / 0.4);
}
.dark\:after\:mix-blend-lighten:is(.dark *)::after {
  content: var(--tw-content);
  mix-blend-mode: lighten;
}
.dark\:after\:shadow-white\/5:is(.dark *)::after {
  content: var(--tw-content);
  --tw-shadow-color: rgb(255 255 255 / 0.05);
  --tw-shadow: var(--tw-shadow-colored);
}
.dark\:focus-within\:border-zinc-500\/55:focus-within:is(.dark *) {
  border-color: rgb(113 113 122 / 0.55);
}
.dark\:focus-within\:shadow-\[0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.08\)_inset\2c 0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.42\)\2c 0_4px_20px_rgba\(0\2c 0\2c 0\2c 0\.48\)\]:focus-within:is(.dark *) {
  --tw-shadow: 0 1px 0 rgba(255,255,255,0.08) inset,0 1px 2px rgba(0,0,0,0.42),0 4px 20px rgba(0,0,0,0.48);
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color), 0 1px 2px var(--tw-shadow-color), 0 4px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:focus-within\:after\:shadow-yellow-500\/30:focus-within:is(.dark *)::after {
  content: var(--tw-content);
  --tw-shadow-color: rgb(234 179 8 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.dark\:hover\:border-border\/70:hover:is(.dark *) {
  border-color: hsl(var(--border) / 0.7);
}
.dark\:hover\:border-gray-600:hover:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity));
}
.dark\:hover\:border-rose-900\/30:hover:is(.dark *) {
  border-color: rgb(136 19 55 / 0.3);
}
.dark\:hover\:border-stone-800:hover:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(41 37 36 / var(--tw-border-opacity));
}
.dark\:hover\:border-white\/15:hover:is(.dark *) {
  border-color: rgb(255 255 255 / 0.15);
}
.dark\:hover\:border-zinc-500:hover:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(113 113 122 / var(--tw-border-opacity));
}
.dark\:hover\:border-zinc-700:hover:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(63 63 70 / var(--tw-border-opacity));
}
.dark\:hover\:border-t-border:hover:is(.dark *) {
  border-top-color: hsl(var(--border));
}
.dark\:hover\:bg-\[\#333333\]:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity));
}
.dark\:hover\:bg-\[\#383838\]:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(56 56 56 / var(--tw-bg-opacity));
}
.dark\:hover\:bg-\[\#3a3a3a\]:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(58 58 58 / var(--tw-bg-opacity));
}
.dark\:hover\:bg-\[\#ffffff\]\/10:hover:is(.dark *) {
  background-color: rgb(255 255 255 / 0.1);
}
.dark\:hover\:bg-\[\#ffffff\]\/20:hover:is(.dark *) {
  background-color: rgb(255 255 255 / 0.2);
}
.dark\:hover\:bg-accent:hover:is(.dark *) {
  background-color: hsl(var(--accent));
}
.dark\:hover\:bg-accent\/40:hover:is(.dark *) {
  background-color: hsl(var(--accent) / 0.4);
}
.dark\:hover\:bg-accent\/50:hover:is(.dark *) {
  background-color: hsl(var(--accent) / 0.5);
}
.dark\:hover\:bg-amber-900\/20:hover:is(.dark *) {
  background-color: rgb(120 53 15 / 0.2);
}
.dark\:hover\:bg-amber-900\/40:hover:is(.dark *) {
  background-color: rgb(120 53 15 / 0.4);
}
.dark\:hover\:bg-background\/40:hover:is(.dark *) {
  background-color: hsl(var(--background) / 0.4);
}
.dark\:hover\:bg-blue-900\/40:hover:is(.dark *) {
  background-color: rgb(30 58 138 / 0.4);
}
.dark\:hover\:bg-card:hover:is(.dark *) {
  background-color: hsl(var(--card));
}
.dark\:hover\:bg-card\/50:hover:is(.dark *) {
  background-color: hsl(var(--card) / 0.5);
}
.dark\:hover\:bg-card\/90:hover:is(.dark *) {
  background-color: hsl(var(--card) / 0.9);
}
.dark\:hover\:bg-destructive\/30:hover:is(.dark *) {
  background-color: hsl(var(--destructive) / 0.3);
}
.dark\:hover\:bg-emerald-500\/90:hover:is(.dark *) {
  background-color: rgb(16 185 129 / 0.9);
}
.dark\:hover\:bg-gray-700:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
.dark\:hover\:bg-gray-800:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.dark\:hover\:bg-gray-800\/50:hover:is(.dark *) {
  background-color: rgb(31 41 55 / 0.5);
}
.dark\:hover\:bg-gray-900:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}
.dark\:hover\:bg-input\/30:hover:is(.dark *) {
  background-color: hsl(var(--input) / 0.3);
}
.dark\:hover\:bg-input\/50:hover:is(.dark *) {
  background-color: hsl(var(--input) / 0.5);
}
.dark\:hover\:bg-muted:hover:is(.dark *) {
  background-color: hsl(var(--muted));
}
.dark\:hover\:bg-muted\/50:hover:is(.dark *) {
  background-color: hsl(var(--muted) / 0.5);
}
.dark\:hover\:bg-neutral-200:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 229 / var(--tw-bg-opacity));
}
.dark\:hover\:bg-neutral-50\/10:hover:is(.dark *) {
  background-color: rgb(250 250 250 / 0.1);
}
.dark\:hover\:bg-neutral-500:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(115 115 115 / var(--tw-bg-opacity));
}
.dark\:hover\:bg-neutral-700:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(64 64 64 / var(--tw-bg-opacity));
}
.dark\:hover\:bg-neutral-800:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
}
.dark\:hover\:bg-neutral-800\/80:hover:is(.dark *) {
  background-color: rgb(38 38 38 / 0.8);
}
.dark\:hover\:bg-neutral-900:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(23 23 23 / var(--tw-bg-opacity));
}
.dark\:hover\:bg-neutral-900\/80:hover:is(.dark *) {
  background-color: rgb(23 23 23 / 0.8);
}
.dark\:hover\:bg-red-500\/20:hover:is(.dark *) {
  background-color: rgb(239 68 68 / 0.2);
}
.dark\:hover\:bg-red-900\/20:hover:is(.dark *) {
  background-color: rgb(127 29 29 / 0.2);
}
.dark\:hover\:bg-red-950:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(69 10 10 / var(--tw-bg-opacity));
}
.dark\:hover\:bg-red-950\/30:hover:is(.dark *) {
  background-color: rgb(69 10 10 / 0.3);
}
.dark\:hover\:bg-rose-950\/20:hover:is(.dark *) {
  background-color: rgb(76 5 25 / 0.2);
}
.dark\:hover\:bg-slate-700:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}
.dark\:hover\:bg-slate-700\/50:hover:is(.dark *) {
  background-color: rgb(51 65 85 / 0.5);
}
.dark\:hover\:bg-slate-800\/30:hover:is(.dark *) {
  background-color: rgb(30 41 59 / 0.3);
}
.dark\:hover\:bg-stone-700:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(68 64 60 / var(--tw-bg-opacity));
}
.dark\:hover\:bg-stone-800:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(41 37 36 / var(--tw-bg-opacity));
}
.dark\:hover\:bg-stone-800\/60:hover:is(.dark *) {
  background-color: rgb(41 37 36 / 0.6);
}
.dark\:hover\:bg-stone-900\/40:hover:is(.dark *) {
  background-color: rgb(28 25 23 / 0.4);
}
.dark\:hover\:bg-stone-900\/70:hover:is(.dark *) {
  background-color: rgb(28 25 23 / 0.7);
}
.dark\:hover\:bg-teal-900\/50:hover:is(.dark *) {
  background-color: rgb(19 78 74 / 0.5);
}
.dark\:hover\:bg-transparent:hover:is(.dark *) {
  background-color: transparent;
}
.dark\:hover\:bg-white:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.dark\:hover\:bg-white\/10:hover:is(.dark *) {
  background-color: rgb(255 255 255 / 0.1);
}
.dark\:hover\:bg-white\/20:hover:is(.dark *) {
  background-color: rgb(255 255 255 / 0.2);
}
.dark\:hover\:bg-white\/30:hover:is(.dark *) {
  background-color: rgb(255 255 255 / 0.3);
}
.dark\:hover\:bg-white\/5:hover:is(.dark *) {
  background-color: rgb(255 255 255 / 0.05);
}
.dark\:hover\:bg-white\/\[0\.04\]:hover:is(.dark *) {
  background-color: rgb(255 255 255 / 0.04);
}
.dark\:hover\:bg-zinc-200:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(228 228 231 / var(--tw-bg-opacity));
}
.dark\:hover\:bg-zinc-300\/90:hover:is(.dark *) {
  background-color: rgb(212 212 216 / 0.9);
}
.dark\:hover\:bg-zinc-600:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(82 82 91 / var(--tw-bg-opacity));
}
.dark\:hover\:bg-zinc-700:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(63 63 70 / var(--tw-bg-opacity));
}
.dark\:hover\:bg-zinc-800:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(39 39 42 / var(--tw-bg-opacity));
}
.dark\:hover\:bg-zinc-800\/60:hover:is(.dark *) {
  background-color: rgb(39 39 42 / 0.6);
}
.dark\:hover\:bg-zinc-900:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 27 / var(--tw-bg-opacity));
}
.dark\:hover\:from-background:hover:is(.dark *) {
  --tw-gradient-from: hsl(var(--background)) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:hover\:from-zinc-200:hover:is(.dark *) {
  --tw-gradient-from: #e4e4e7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(228 228 231 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:hover\:to-accent:hover:is(.dark *) {
  --tw-gradient-to: hsl(var(--accent)) var(--tw-gradient-to-position);
}
.dark\:hover\:to-zinc-300:hover:is(.dark *) {
  --tw-gradient-to: #d4d4d8 var(--tw-gradient-to-position);
}
.dark\:hover\:text-accent-foreground:hover:is(.dark *) {
  color: hsl(var(--accent-foreground));
}
.dark\:hover\:text-black:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.dark\:hover\:text-blue-300:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity));
}
.dark\:hover\:text-foreground:hover:is(.dark *) {
  color: hsl(var(--foreground));
}
.dark\:hover\:text-gray-300:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}
.dark\:hover\:text-neutral-200:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(229 229 229 / var(--tw-text-opacity));
}
.dark\:hover\:text-primary:hover:is(.dark *) {
  color: hsl(var(--primary));
}
.dark\:hover\:text-rose-400:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(251 113 133 / var(--tw-text-opacity));
}
.dark\:hover\:text-white:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.dark\:hover\:text-zinc-100:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(244 244 245 / var(--tw-text-opacity));
}
.dark\:hover\:text-zinc-200:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(228 228 231 / var(--tw-text-opacity));
}
.dark\:hover\:text-zinc-300:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(212 212 216 / var(--tw-text-opacity));
}
.dark\:hover\:shadow-\[0_0_0_0\.5px_rgba\(255\2c 255\2c 255\2c 0\.1\)_inset\2c 0_0\.5px_0\.5px_rgba\(255\2c 255\2c 255\2c 0\.1\)_inset\2c 0_-0\.5px_0\.5px_rgba\(255\2c 255\2c 255\2c 0\.1\)_inset\2c 0_0\.5px_1px_rgba\(0\2c 0\2c 0\2c 0\.4\)\2c 0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]:hover:is(.dark *) {
  --tw-shadow: 0 0 0 0.5px rgba(255,255,255,0.1) inset,0 0.5px 0.5px rgba(255,255,255,0.1) inset,0 -0.5px 0.5px rgba(255,255,255,0.1) inset,0 0.5px 1px rgba(0,0,0,0.4),0 1px 2px rgba(0,0,0,0.5);
  --tw-shadow-colored: inset 0 0 0 0.5px var(--tw-shadow-color), inset 0 0.5px 0.5px var(--tw-shadow-color), inset 0 -0.5px 0.5px var(--tw-shadow-color), 0 0.5px 1px var(--tw-shadow-color), 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:hover\:shadow-\[0_28px_70px_rgba\(0\2c 0\2c 0\2c 0\.55\)\]:hover:is(.dark *) {
  --tw-shadow: 0 28px 70px rgba(0,0,0,0.55);
  --tw-shadow-colored: 0 28px 70px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:hover\:shadow-black\/30:hover:is(.dark *) {
  --tw-shadow-color: rgb(0 0 0 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.dark\:hover\:ring-stone-600:hover:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(87 83 78 / var(--tw-ring-opacity));
}
.dark\:focus\:border-blue-400:focus:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity));
}
.dark\:focus\:bg-neutral-900:focus:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(23 23 23 / var(--tw-bg-opacity));
}
.dark\:focus\:ring-blue-400:focus:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity));
}
.dark\:focus\:ring-neutral-900:focus:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(23 23 23 / var(--tw-ring-opacity));
}
.dark\:focus\:ring-zinc-400:focus:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(161 161 170 / var(--tw-ring-opacity));
}
.dark\:focus\:ring-offset-zinc-900:focus:is(.dark *) {
  --tw-ring-offset-color: #18181b;
}
.dark\:focus-visible\:bg-\[\#93B0FF\]\/\[0\.1\]:focus-visible:is(.dark *) {
  background-color: rgb(147 176 255 / 0.1);
}
.dark\:focus-visible\:bg-input\/30:focus-visible:is(.dark *) {
  background-color: hsl(var(--input) / 0.3);
}
.dark\:focus-visible\:bg-transparent:focus-visible:is(.dark *) {
  background-color: transparent;
}
.dark\:focus-visible\:shadow-\[inset_0_0_0_1px_\#93B0FF\]:focus-visible:is(.dark *) {
  --tw-shadow: inset 0 0 0 1px #93B0FF;
  --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);
}
.dark\:focus-visible\:ring-amber-400\/40:focus-visible:is(.dark *) {
  --tw-ring-color: rgb(251 191 36 / 0.4);
}
.dark\:focus-visible\:ring-destructive\/40:focus-visible:is(.dark *) {
  --tw-ring-color: hsl(var(--destructive) / 0.4);
}
.dark\:focus-visible\:ring-green-400\/40:focus-visible:is(.dark *) {
  --tw-ring-color: rgb(74 222 128 / 0.4);
}
.dark\:focus-visible\:ring-primary\/40:focus-visible:is(.dark *) {
  --tw-ring-color: hsl(var(--primary) / 0.4);
}
.dark\:focus-visible\:ring-white\/80:focus-visible:is(.dark *) {
  --tw-ring-color: rgb(255 255 255 / 0.8);
}
.dark\:focus-visible\:ring-zinc-100:focus-visible:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(244 244 245 / var(--tw-ring-opacity));
}
.dark\:focus-visible\:ring-offset-\[\#0E0E0F\]:focus-visible:is(.dark *) {
  --tw-ring-offset-color: #0E0E0F;
}
.dark\:focus-visible\:ring-offset-zinc-900:focus-visible:is(.dark *) {
  --tw-ring-offset-color: #18181b;
}
.dark\:disabled\:bg-input\/80:disabled:is(.dark *) {
  background-color: hsl(var(--input) / 0.8);
}
.dark\:disabled\:bg-transparent:disabled:is(.dark *) {
  background-color: transparent;
}
.group:hover .dark\:group-hover\:border-neutral-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(64 64 64 / var(--tw-border-opacity));
}
.group:hover .dark\:group-hover\:bg-neutral-800:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
}
.group:hover .dark\:group-hover\:bg-zinc-700:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(63 63 70 / var(--tw-bg-opacity));
}
.group:hover .dark\:group-hover\:bg-zinc-700\/90:is(.dark *) {
  background-color: rgb(63 63 70 / 0.9);
}
.group:hover .dark\:group-hover\:text-teal-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(94 234 212 / var(--tw-text-opacity));
}
.group:hover .dark\:group-hover\:text-white:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.group:hover .dark\:group-hover\:shadow-\[0_10px_30px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]:is(.dark *) {
  --tw-shadow: 0 10px 30px rgba(0,0,0,0.5);
  --tw-shadow-colored: 0 10px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:has([data-slot][aria-invalid=true]):is(.dark *) {
  --tw-ring-color: hsl(var(--destructive) / 0.4);
}
.dark\:data-\[state\=active\]\:border-input[data-state="active"]:is(.dark *) {
  border-color: hsl(var(--input));
}
.dark\:data-\[state\=active\]\:border-primary[data-state="active"]:is(.dark *) {
  border-color: hsl(var(--primary));
}
.dark\:data-\[state\=active\]\:border-sidebar-primary\/40[data-state="active"]:is(.dark *) {
  border-color: hsl(var(--sidebar-primary) / 0.4);
}
.dark\:data-\[state\=checked\]\:border-\[\#1a1a1a\][data-state="checked"]:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(26 26 26 / var(--tw-border-opacity));
}
.dark\:data-\[state\=checked\]\:border-blue-500[data-state="checked"]:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
}
.dark\:data-\[state\=checked\]\:border-white[data-state="checked"]:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.dark\:data-\[selected\=true\]\:bg-zinc-800[data-selected="true"]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(39 39 42 / var(--tw-bg-opacity));
}
.dark\:data-\[state\=active\]\:bg-accent[data-state="active"]:is(.dark *) {
  background-color: hsl(var(--accent));
}
.dark\:data-\[state\=active\]\:bg-input\/30[data-state="active"]:is(.dark *) {
  background-color: hsl(var(--input) / 0.3);
}
.dark\:data-\[state\=active\]\:bg-stone-800[data-state="active"]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(41 37 36 / var(--tw-bg-opacity));
}
.dark\:data-\[state\=active\]\:bg-transparent[data-state="active"]:is(.dark *) {
  background-color: transparent;
}
.dark\:data-\[state\=checked\]\:bg-\[\#1a1a1a\][data-state="checked"]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26 / var(--tw-bg-opacity));
}
.dark\:data-\[state\=checked\]\:bg-blue-500[data-state="checked"]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.dark\:data-\[state\=checked\]\:bg-primary[data-state="checked"]:is(.dark *) {
  background-color: hsl(var(--primary));
}
.dark\:data-\[state\=checked\]\:bg-primary-foreground[data-state="checked"]:is(.dark *) {
  background-color: hsl(var(--primary-foreground));
}
.dark\:data-\[state\=checked\]\:bg-white[data-state="checked"]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.dark\:data-\[state\=open\]\:bg-zinc-300\/90[data-state="open"]:is(.dark *) {
  background-color: rgb(212 212 216 / 0.9);
}
.dark\:data-\[state\=unchecked\]\:bg-foreground[data-state="unchecked"]:is(.dark *) {
  background-color: hsl(var(--foreground));
}
.dark\:data-\[state\=unchecked\]\:bg-input\/80[data-state="unchecked"]:is(.dark *) {
  background-color: hsl(var(--input) / 0.8);
}
.dark\:data-\[active\=true\]\:from-accent[data-active="true"]:is(.dark *) {
  --tw-gradient-from: hsl(var(--accent)) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--accent) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:data-\[active\=true\]\:to-accent[data-active="true"]:is(.dark *) {
  --tw-gradient-to: hsl(var(--accent)) var(--tw-gradient-to-position);
}
.dark\:data-\[active\=true\]\:text-primary[data-active="true"]:is(.dark *) {
  color: hsl(var(--primary));
}
.dark\:data-\[selected\=true\]\:text-blue-400[data-selected="true"]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity));
}
.dark\:data-\[selected\=true\]\:text-zinc-100[data-selected="true"]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(244 244 245 / var(--tw-text-opacity));
}
.dark\:data-\[state\=active\]\:text-foreground[data-state="active"]:is(.dark *) {
  color: hsl(var(--foreground));
}
.dark\:data-\[state\=active\]\:text-stone-50[data-state="active"]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(250 250 249 / var(--tw-text-opacity));
}
.dark\:data-\[state\=checked\]\:text-\[\#16a34a\][data-state="checked"]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity));
}
.dark\:data-\[state\=checked\]\:text-white[data-state="checked"]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.dark\:\*\:data-\[slot\=card\]\:bg-card[data-slot="card"] > *:is(.dark *) {
  background-color: hsl(var(--card));
}
.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:focus[data-variant="destructive"]:is(.dark *) {
  background-color: hsl(var(--destructive) / 0.2);
}
.group\/tabs-list[data-variant="line"] .dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:border-transparent[data-state="active"]:is(.dark *) {
  border-color: transparent;
}
.group\/tabs-list[data-variant="line"] .dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent[data-state="active"]:is(.dark *) {
  background-color: transparent;
}
@media not all and (min-width: 1536px) {
  .max-2xl\:opacity-50 {
    opacity: 0.5;
  }
}
@media not all and (min-width: 1280px) {
  .max-xl\:col-span-full {
    grid-column: 1 / -1;
  }
  .max-xl\:opacity-40 {
    opacity: 0.4;
  }
}
@media not all and (min-width: 1024px) {
  .max-lg\:col-span-3 {
    grid-column: span 3 / span 3;
  }
  .max-lg\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .max-lg\:rounded-b-\[2rem\] {
    border-bottom-right-radius: 2rem;
    border-bottom-left-radius: 2rem;
  }
  .max-lg\:rounded-t-\[2rem\] {
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
  }
  .max-lg\:opacity-30 {
    opacity: 0.3;
  }
}
@media not all and (min-width: 768px) {
  .max-md\:pointer-events-auto {
    pointer-events: auto;
  }
  .max-md\:static {
    position: static;
  }
  .max-md\:absolute {
    position: absolute;
  }
  .max-md\:bottom-full {
    bottom: 100%;
  }
  .max-md\:left-3 {
    left: 0.75rem;
  }
  .max-md\:z-10 {
    z-index: 10;
  }
  .max-md\:order-1 {
    order: 1;
  }
  .max-md\:order-2 {
    order: 2;
  }
  .max-md\:order-3 {
    order: 3;
  }
  .max-md\:col-span-full {
    grid-column: 1 / -1;
  }
  .max-md\:mx-2\.5 {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
  .max-md\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .max-md\:mb-3 {
    margin-bottom: 0.75rem;
  }
  .max-md\:mb-4 {
    margin-bottom: 1rem;
  }
  .max-md\:ml-0 {
    margin-left: 0px;
  }
  .max-md\:mr-2\.5 {
    margin-right: 0.625rem;
  }
  .max-md\:mt-10 {
    margin-top: 2.5rem;
  }
  .max-md\:mt-8 {
    margin-top: 2rem;
  }
  .max-md\:contents {
    display: contents;
  }
  .max-md\:hidden {
    display: none;
  }
  .max-md\:h-14 {
    height: 3.5rem;
  }
  .max-md\:h-full {
    height: 100%;
  }
  .max-md\:w-44 {
    width: 11rem;
  }
  .max-md\:w-full {
    width: 100%;
  }
  .max-md\:max-w-full {
    max-width: 100%;
  }
  .max-md\:flex-col {
    flex-direction: column;
  }
  .max-md\:items-stretch {
    align-items: stretch;
  }
  .max-md\:gap-2 {
    gap: 0.5rem;
  }
  .max-md\:gap-8 {
    gap: 2rem;
  }
  .max-md\:place-self-center {
    place-self: center;
  }
  .max-md\:overflow-hidden {
    overflow: hidden;
  }
  .max-md\:rounded-none {
    border-radius: 0px;
  }
  .max-md\:border-0 {
    border-width: 0px;
  }
  .max-md\:border-t {
    border-top-width: 1px;
  }
  .max-md\:bg-neutral-800\/80 {
    background-color: rgb(38 38 38 / 0.8);
  }
  .max-md\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .max-md\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .max-md\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .max-md\:pr-0 {
    padding-right: 0px;
  }
  .max-md\:\!text-white {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  }
  .max-md\:opacity-20 {
    opacity: 0.2;
  }
  .max-md\:\!shadow-none {
    --tw-shadow: 0 0 #0000 !important;
    --tw-shadow-colored: 0 0 #0000 !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  }
  .max-md\:\!outline-none {
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
  }
  .max-md\:backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }
  .max-md\:hover\:\!bg-transparent:hover {
    background-color: transparent !important;
  }
  .max-md\:hover\:\!text-muted-foreground:hover {
    color: hsl(var(--muted-foreground)) !important;
  }
  .max-md\:hover\:\!text-white:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  }
  .max-md\:hover\:\!shadow-none:hover {
    --tw-shadow: 0 0 #0000 !important;
    --tw-shadow-colored: 0 0 #0000 !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  }
  .max-md\:focus\:\!bg-transparent:focus {
    background-color: transparent !important;
  }
  .max-md\:focus\:\!text-muted-foreground:focus {
    color: hsl(var(--muted-foreground)) !important;
  }
  .max-md\:focus\:\!text-white:focus {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  }
  .max-md\:focus\:\!shadow-none:focus {
    --tw-shadow: 0 0 #0000 !important;
    --tw-shadow-colored: 0 0 #0000 !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  }
  .max-md\:focus\:\!outline-none:focus {
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
  }
  .max-md\:focus-visible\:\!bg-transparent:focus-visible {
    background-color: transparent !important;
  }
  .max-md\:focus-visible\:\!text-muted-foreground:focus-visible {
    color: hsl(var(--muted-foreground)) !important;
  }
  .max-md\:focus-visible\:\!shadow-none:focus-visible {
    --tw-shadow: 0 0 #0000 !important;
    --tw-shadow-colored: 0 0 #0000 !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  }
  .max-md\:focus-visible\:\!outline-none:focus-visible {
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
  }
  .max-md\:active\:\!bg-transparent:active {
    background-color: transparent !important;
  }
  .max-md\:active\:\!text-muted-foreground:active {
    color: hsl(var(--muted-foreground)) !important;
  }
  .max-md\:active\:\!text-white:active {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  }
  .max-md\:active\:\!shadow-none:active {
    --tw-shadow: 0 0 #0000 !important;
    --tw-shadow-colored: 0 0 #0000 !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  }
}
@media not all and (min-width: 640px) {
  .max-sm\:hidden {
    display: none;
  }
  .max-sm\:w-full {
    width: 100%;
  }
  .max-sm\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .max-sm\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .max-sm\:flex-col {
    flex-direction: column;
  }
  .max-sm\:gap-1 {
    gap: 0.25rem;
  }
  .max-sm\:text-center {
    text-align: center;
  }
  .max-sm\:opacity-10 {
    opacity: 0.1;
  }
  .max-sm\:\!\[grid-column\:auto\] {
    grid-column: auto !important;
  }
  .max-sm\:\!\[grid-row\:auto\] {
    grid-row: auto !important;
  }
}
@media (min-width: 390px) {
  .min-\[390px\]\:inline {
    display: inline;
  }
}
@media (min-width: 560px) {
  .min-\[560px\]\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 640px) {
  .sm\:not-sr-only {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }
  .sm\:static {
    position: static;
  }
  .sm\:sticky {
    position: sticky;
  }
  .sm\:-inset-8 {
    inset: -2rem;
  }
  .sm\:inset-x-4 {
    left: 1rem;
    right: 1rem;
  }
  .sm\:bottom-0 {
    bottom: 0px;
  }
  .sm\:bottom-20 {
    bottom: 5rem;
  }
  .sm\:bottom-4 {
    bottom: 1rem;
  }
  .sm\:bottom-5 {
    bottom: 1.25rem;
  }
  .sm\:bottom-6 {
    bottom: 1.5rem;
  }
  .sm\:left-5 {
    left: 1.25rem;
  }
  .sm\:left-6 {
    left: 1.5rem;
  }
  .sm\:left-8 {
    left: 2rem;
  }
  .sm\:right-0 {
    right: 0px;
  }
  .sm\:right-1 {
    right: 0.25rem;
  }
  .sm\:right-4 {
    right: 1rem;
  }
  .sm\:right-6 {
    right: 1.5rem;
  }
  .sm\:right-8 {
    right: 2rem;
  }
  .sm\:top-0 {
    top: 0px;
  }
  .sm\:top-1 {
    top: 0.25rem;
  }
  .sm\:top-12 {
    top: 3rem;
  }
  .sm\:top-2 {
    top: 0.5rem;
  }
  .sm\:top-4 {
    top: 1rem;
  }
  .sm\:top-6 {
    top: 1.5rem;
  }
  .sm\:top-8 {
    top: 2rem;
  }
  .sm\:top-auto {
    top: auto;
  }
  .sm\:order-1 {
    order: 1;
  }
  .sm\:order-2 {
    order: 2;
  }
  .sm\:col-auto {
    grid-column: auto;
  }
  .sm\:col-span-12 {
    grid-column: span 12 / span 12;
  }
  .sm\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .sm\:col-span-3 {
    grid-column: span 3 / span 3;
  }
  .sm\:col-span-5 {
    grid-column: span 5 / span 5;
  }
  .sm\:col-span-6 {
    grid-column: span 6 / span 6;
  }
  .sm\:col-span-7 {
    grid-column: span 7 / span 7;
  }
  .sm\:col-start-3 {
    grid-column-start: 3;
  }
  .sm\:row-start-1 {
    grid-row-start: 1;
  }
  .sm\:-m-8 {
    margin: -2rem;
  }
  .sm\:-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
  }
  .sm\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .sm\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .sm\:my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
  .sm\:-mt-8 {
    margin-top: -2rem;
  }
  .sm\:mb-0 {
    margin-bottom: 0px;
  }
  .sm\:mb-1 {
    margin-bottom: 0.25rem;
  }
  .sm\:mb-2 {
    margin-bottom: 0.5rem;
  }
  .sm\:mb-3 {
    margin-bottom: 0.75rem;
  }
  .sm\:mb-4 {
    margin-bottom: 1rem;
  }
  .sm\:mb-6 {
    margin-bottom: 1.5rem;
  }
  .sm\:ml-0 {
    margin-left: 0px;
  }
  .sm\:ml-1 {
    margin-left: 0.25rem;
  }
  .sm\:ml-2 {
    margin-left: 0.5rem;
  }
  .sm\:ml-auto {
    margin-left: auto;
  }
  .sm\:mr-1\.5 {
    margin-right: 0.375rem;
  }
  .sm\:mr-2 {
    margin-right: 0.5rem;
  }
  .sm\:mr-auto {
    margin-right: auto;
  }
  .sm\:mt-0 {
    margin-top: 0px;
  }
  .sm\:mt-1 {
    margin-top: 0.25rem;
  }
  .sm\:mt-12 {
    margin-top: 3rem;
  }
  .sm\:mt-16 {
    margin-top: 4rem;
  }
  .sm\:mt-2 {
    margin-top: 0.5rem;
  }
  .sm\:mt-3 {
    margin-top: 0.75rem;
  }
  .sm\:mt-6 {
    margin-top: 1.5rem;
  }
  .sm\:mt-8 {
    margin-top: 2rem;
  }
  .sm\:mt-auto {
    margin-top: auto;
  }
  .sm\:line-clamp-none {
    overflow: visible;
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-line-clamp: none;
  }
  .sm\:block {
    display: block;
  }
  .sm\:inline-block {
    display: inline-block;
  }
  .sm\:inline {
    display: inline;
  }
  .sm\:flex {
    display: flex;
  }
  .sm\:inline-flex {
    display: inline-flex;
  }
  .sm\:table-cell {
    display: table-cell;
  }
  .sm\:grid {
    display: grid;
  }
  .sm\:hidden {
    display: none;
  }
  .sm\:aspect-\[17\/7\] {
    aspect-ratio: 17/7;
  }
  .sm\:aspect-square {
    aspect-ratio: 1 / 1;
  }
  .sm\:size-11 {
    width: 2.75rem;
    height: 2.75rem;
  }
  .sm\:size-12 {
    width: 3rem;
    height: 3rem;
  }
  .sm\:size-14 {
    width: 3.5rem;
    height: 3.5rem;
  }
  .sm\:size-7 {
    width: 1.75rem;
    height: 1.75rem;
  }
  .sm\:h-10 {
    height: 2.5rem;
  }
  .sm\:h-11 {
    height: 2.75rem;
  }
  .sm\:h-12 {
    height: 3rem;
  }
  .sm\:h-14 {
    height: 3.5rem;
  }
  .sm\:h-16 {
    height: 4rem;
  }
  .sm\:h-2 {
    height: 0.5rem;
  }
  .sm\:h-2\.5 {
    height: 0.625rem;
  }
  .sm\:h-20 {
    height: 5rem;
  }
  .sm\:h-24 {
    height: 6rem;
  }
  .sm\:h-28 {
    height: 7rem;
  }
  .sm\:h-3 {
    height: 0.75rem;
  }
  .sm\:h-3\.5 {
    height: 0.875rem;
  }
  .sm\:h-32 {
    height: 8rem;
  }
  .sm\:h-4 {
    height: 1rem;
  }
  .sm\:h-48 {
    height: 12rem;
  }
  .sm\:h-5 {
    height: 1.25rem;
  }
  .sm\:h-56 {
    height: 14rem;
  }
  .sm\:h-6 {
    height: 1.5rem;
  }
  .sm\:h-64 {
    height: 16rem;
  }
  .sm\:h-7 {
    height: 1.75rem;
  }
  .sm\:h-8 {
    height: 2rem;
  }
  .sm\:h-80 {
    height: 20rem;
  }
  .sm\:h-9 {
    height: 2.25rem;
  }
  .sm\:h-96 {
    height: 24rem;
  }
  .sm\:h-\[160px\] {
    height: 160px;
  }
  .sm\:h-\[280px\] {
    height: 280px;
  }
  .sm\:h-\[340px\] {
    height: 340px;
  }
  .sm\:h-\[4\.5rem\] {
    height: 4.5rem;
  }
  .sm\:h-\[76px\] {
    height: 76px;
  }
  .sm\:h-\[80px\] {
    height: 80px;
  }
  .sm\:h-auto {
    height: auto;
  }
  .sm\:h-full {
    height: 100%;
  }
  .sm\:max-h-48 {
    max-height: 12rem;
  }
  .sm\:max-h-72 {
    max-height: 18rem;
  }
  .sm\:max-h-\[140px\] {
    max-height: 140px;
  }
  .sm\:max-h-\[280px\] {
    max-height: 280px;
  }
  .sm\:max-h-\[32\%\] {
    max-height: 32%;
  }
  .sm\:max-h-\[320px\] {
    max-height: 320px;
  }
  .sm\:max-h-\[84dvh\] {
    max-height: 84dvh;
  }
  .sm\:max-h-\[88dvh\] {
    max-height: 88dvh;
  }
  .sm\:max-h-\[calc\(100\%-144px\)\] {
    max-height: calc(100% - 144px);
  }
  .sm\:min-h-16 {
    min-height: 4rem;
  }
  .sm\:min-h-20 {
    min-height: 5rem;
  }
  .sm\:min-h-24 {
    min-height: 6rem;
  }
  .sm\:min-h-\[100px\] {
    min-height: 100px;
  }
  .sm\:min-h-\[244px\] {
    min-height: 244px;
  }
  .sm\:min-h-\[24rem\] {
    min-height: 24rem;
  }
  .sm\:w-10 {
    width: 2.5rem;
  }
  .sm\:w-12 {
    width: 3rem;
  }
  .sm\:w-14 {
    width: 3.5rem;
  }
  .sm\:w-16 {
    width: 4rem;
  }
  .sm\:w-2 {
    width: 0.5rem;
  }
  .sm\:w-2\.5 {
    width: 0.625rem;
  }
  .sm\:w-20 {
    width: 5rem;
  }
  .sm\:w-24 {
    width: 6rem;
  }
  .sm\:w-28 {
    width: 7rem;
  }
  .sm\:w-3 {
    width: 0.75rem;
  }
  .sm\:w-3\.5 {
    width: 0.875rem;
  }
  .sm\:w-32 {
    width: 8rem;
  }
  .sm\:w-36 {
    width: 9rem;
  }
  .sm\:w-4 {
    width: 1rem;
  }
  .sm\:w-40 {
    width: 10rem;
  }
  .sm\:w-44 {
    width: 11rem;
  }
  .sm\:w-48 {
    width: 12rem;
  }
  .sm\:w-5 {
    width: 1.25rem;
  }
  .sm\:w-52 {
    width: 13rem;
  }
  .sm\:w-56 {
    width: 14rem;
  }
  .sm\:w-6 {
    width: 1.5rem;
  }
  .sm\:w-64 {
    width: 16rem;
  }
  .sm\:w-72 {
    width: 18rem;
  }
  .sm\:w-8 {
    width: 2rem;
  }
  .sm\:w-80 {
    width: 20rem;
  }
  .sm\:w-9 {
    width: 2.25rem;
  }
  .sm\:w-96 {
    width: 24rem;
  }
  .sm\:w-\[112px\] {
    width: 112px;
  }
  .sm\:w-\[120px\] {
    width: 120px;
  }
  .sm\:w-\[128px\] {
    width: 128px;
  }
  .sm\:w-\[12rem\] {
    width: 12rem;
  }
  .sm\:w-\[180px\] {
    width: 180px;
  }
  .sm\:w-\[200px\] {
    width: 200px;
  }
  .sm\:w-\[20px\] {
    width: 20px;
  }
  .sm\:w-\[220px\] {
    width: 220px;
  }
  .sm\:w-\[22rem\] {
    width: 22rem;
  }
  .sm\:w-\[250px\] {
    width: 250px;
  }
  .sm\:w-\[300px\] {
    width: 300px;
  }
  .sm\:w-\[340px\] {
    width: 340px;
  }
  .sm\:w-\[350px\] {
    width: 350px;
  }
  .sm\:w-\[380px\] {
    width: 380px;
  }
  .sm\:w-\[400px\] {
    width: 400px;
  }
  .sm\:w-\[420px\] {
    width: 420px;
  }
  .sm\:w-\[450px\] {
    width: 450px;
  }
  .sm\:w-\[480px\] {
    width: 480px;
  }
  .sm\:w-\[512px\] {
    width: 512px;
  }
  .sm\:w-\[540px\] {
    width: 540px;
  }
  .sm\:w-\[560px\] {
    width: 560px;
  }
  .sm\:w-\[644px\] {
    width: 644px;
  }
  .sm\:w-\[76px\] {
    width: 76px;
  }
  .sm\:w-\[90px\] {
    width: 90px;
  }
  .sm\:w-\[min\(100\%\2c 42rem\)\] {
    width: min(100%,42rem);
  }
  .sm\:w-auto {
    width: auto;
  }
  .sm\:w-full {
    width: 100%;
  }
  .sm\:min-w-0 {
    min-width: 0px;
  }
  .sm\:min-w-\[120px\] {
    min-width: 120px;
  }
  .sm\:min-w-\[48\%\] {
    min-width: 48%;
  }
  .sm\:max-w-2xl {
    max-width: 42rem;
  }
  .sm\:max-w-3xl {
    max-width: 48rem;
  }
  .sm\:max-w-4xl {
    max-width: 56rem;
  }
  .sm\:max-w-5xl {
    max-width: 64rem;
  }
  .sm\:max-w-6xl {
    max-width: 72rem;
  }
  .sm\:max-w-7xl {
    max-width: 80rem;
  }
  .sm\:max-w-\[10rem\] {
    max-width: 10rem;
  }
  .sm\:max-w-\[1100px\] {
    max-width: 1100px;
  }
  .sm\:max-w-\[112px\] {
    max-width: 112px;
  }
  .sm\:max-w-\[15rem\] {
    max-width: 15rem;
  }
  .sm\:max-w-\[160px\] {
    max-width: 160px;
  }
  .sm\:max-w-\[180px\] {
    max-width: 180px;
  }
  .sm\:max-w-\[200px\] {
    max-width: 200px;
  }
  .sm\:max-w-\[220px\] {
    max-width: 220px;
  }
  .sm\:max-w-\[240px\] {
    max-width: 240px;
  }
  .sm\:max-w-\[300px\] {
    max-width: 300px;
  }
  .sm\:max-w-\[320px\] {
    max-width: 320px;
  }
  .sm\:max-w-\[340px\] {
    max-width: 340px;
  }
  .sm\:max-w-\[360px\] {
    max-width: 360px;
  }
  .sm\:max-w-\[400px\] {
    max-width: 400px;
  }
  .sm\:max-w-\[420px\] {
    max-width: 420px;
  }
  .sm\:max-w-\[425px\] {
    max-width: 425px;
  }
  .sm\:max-w-\[440px\] {
    max-width: 440px;
  }
  .sm\:max-w-\[460px\] {
    max-width: 460px;
  }
  .sm\:max-w-\[480px\] {
    max-width: 480px;
  }
  .sm\:max-w-\[500px\] {
    max-width: 500px;
  }
  .sm\:max-w-\[540px\] {
    max-width: 540px;
  }
  .sm\:max-w-\[55\%\] {
    max-width: 55%;
  }
  .sm\:max-w-\[550px\] {
    max-width: 550px;
  }
  .sm\:max-w-\[560px\] {
    max-width: 560px;
  }
  .sm\:max-w-\[600px\] {
    max-width: 600px;
  }
  .sm\:max-w-\[640px\] {
    max-width: 640px;
  }
  .sm\:max-w-\[70\%\] {
    max-width: 70%;
  }
  .sm\:max-w-\[700px\] {
    max-width: 700px;
  }
  .sm\:max-w-\[760px\] {
    max-width: 760px;
  }
  .sm\:max-w-\[800px\] {
    max-width: 800px;
  }
  .sm\:max-w-\[95vw\] {
    max-width: 95vw;
  }
  .sm\:max-w-lg {
    max-width: 32rem;
  }
  .sm\:max-w-md {
    max-width: 28rem;
  }
  .sm\:max-w-none {
    max-width: none;
  }
  .sm\:max-w-sm {
    max-width: 24rem;
  }
  .sm\:max-w-xl {
    max-width: 36rem;
  }
  .sm\:max-w-xs {
    max-width: 20rem;
  }
  .sm\:flex-1 {
    flex: 1 1 0%;
  }
  .sm\:flex-auto {
    flex: 1 1 auto;
  }
  .sm\:flex-none {
    flex: none;
  }
  .sm\:shrink-0 {
    flex-shrink: 0;
  }
  .sm\:basis-0 {
    flex-basis: 0px;
  }
  .sm\:rotate-0 {
    --tw-rotate: 0deg;
    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));
  }
  .sm\:columns-2 {
    -moz-columns: 2;
         columns: 2;
  }
  .sm\:columns-3 {
    -moz-columns: 3;
         columns: 3;
  }
  .sm\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .sm\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .sm\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .sm\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .sm\:grid-cols-\[11rem_1fr\] {
    grid-template-columns: 11rem 1fr;
  }
  .sm\:grid-cols-\[144px_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 144px minmax(0,1fr);
  }
  .sm\:grid-cols-\[1fr_10rem\] {
    grid-template-columns: 1fr 10rem;
  }
  .sm\:grid-cols-\[1fr_140px\] {
    grid-template-columns: 1fr 140px;
  }
  .sm\:grid-cols-\[1fr_9rem_auto\] {
    grid-template-columns: 1fr 9rem auto;
  }
  .sm\:grid-cols-\[200px_1fr\] {
    grid-template-columns: 200px 1fr;
  }
  .sm\:grid-cols-\[240px_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 240px minmax(0,1fr);
  }
  .sm\:grid-cols-\[32px_1fr_1fr_60px_40px\] {
    grid-template-columns: 32px 1fr 1fr 60px 40px;
  }
  .sm\:grid-cols-\[8rem_10rem_1fr_auto\] {
    grid-template-columns: 8rem 10rem 1fr auto;
  }
  .sm\:grid-cols-\[auto_minmax\(0\2c 1fr\)_auto\] {
    grid-template-columns: auto minmax(0,1fr) auto;
  }
  .sm\:grid-cols-\[minmax\(230px\2c 0\.7fr\)_1\.3fr\] {
    grid-template-columns: minmax(230px,0.7fr) 1.3fr;
  }
  .sm\:grid-cols-\[minmax\(8rem\2c 1fr\)_minmax\(9rem\2c auto\)_auto\] {
    grid-template-columns: minmax(8rem,1fr) minmax(9rem,auto) auto;
  }
  .sm\:flex-row {
    flex-direction: row;
  }
  .sm\:flex-col {
    flex-direction: column;
  }
  .sm\:flex-wrap {
    flex-wrap: wrap;
  }
  .sm\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .sm\:items-start {
    align-items: flex-start;
  }
  .sm\:items-end {
    align-items: flex-end;
  }
  .sm\:items-center {
    align-items: center;
  }
  .sm\:items-baseline {
    align-items: baseline;
  }
  .sm\:items-stretch {
    align-items: stretch;
  }
  .sm\:justify-start {
    justify-content: flex-start;
  }
  .sm\:justify-end {
    justify-content: flex-end;
  }
  .sm\:justify-center {
    justify-content: center;
  }
  .sm\:justify-between {
    justify-content: space-between;
  }
  .sm\:gap-0 {
    gap: 0px;
  }
  .sm\:gap-1 {
    gap: 0.25rem;
  }
  .sm\:gap-16 {
    gap: 4rem;
  }
  .sm\:gap-2 {
    gap: 0.5rem;
  }
  .sm\:gap-2\.5 {
    gap: 0.625rem;
  }
  .sm\:gap-24 {
    gap: 6rem;
  }
  .sm\:gap-3 {
    gap: 0.75rem;
  }
  .sm\:gap-3\.5 {
    gap: 0.875rem;
  }
  .sm\:gap-4 {
    gap: 1rem;
  }
  .sm\:gap-5 {
    gap: 1.25rem;
  }
  .sm\:gap-6 {
    gap: 1.5rem;
  }
  .sm\:gap-8 {
    gap: 2rem;
  }
  .sm\:gap-x-16 {
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }
  .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .sm\:space-x-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }
  .sm\:space-y-12 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(3rem * var(--tw-space-y-reverse));
  }
  .sm\:space-y-16 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(4rem * var(--tw-space-y-reverse));
  }
  .sm\:space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
  }
  .sm\:space-y-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
  }
  .sm\:space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
  }
  .sm\:space-y-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
  }
  .sm\:space-y-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
  }
  .sm\:space-y-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
  }
  .sm\:self-auto {
    align-self: auto;
  }
  .sm\:overflow-visible {
    overflow: visible;
  }
  .sm\:whitespace-normal {
    white-space: normal;
  }
  .sm\:text-pretty {
    text-wrap: pretty;
  }
  .sm\:rounded-2xl {
    border-radius: calc(var(--radius) + 8px);
  }
  .sm\:rounded-3xl {
    border-radius: 1.5rem;
  }
  .sm\:rounded-lg {
    border-radius: var(--radius);
  }
  .sm\:rounded-none {
    border-radius: 0px;
  }
  .sm\:rounded-xl {
    border-radius: calc(var(--radius) + 4px);
  }
  .sm\:rounded-b-3xl {
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }
  .sm\:rounded-t-xl {
    border-top-left-radius: calc(var(--radius) + 4px);
    border-top-right-radius: calc(var(--radius) + 4px);
  }
  .sm\:border {
    border-width: 1px;
  }
  .sm\:border-0 {
    border-width: 0px;
  }
  .sm\:border-b-0 {
    border-bottom-width: 0px;
  }
  .sm\:border-r {
    border-right-width: 1px;
  }
  .sm\:bg-card {
    background-color: hsl(var(--card));
  }
  .sm\:bg-transparent {
    background-color: transparent;
  }
  .sm\:p-0 {
    padding: 0px;
  }
  .sm\:p-1 {
    padding: 0.25rem;
  }
  .sm\:p-1\.5 {
    padding: 0.375rem;
  }
  .sm\:p-10 {
    padding: 2.5rem;
  }
  .sm\:p-12 {
    padding: 3rem;
  }
  .sm\:p-2 {
    padding: 0.5rem;
  }
  .sm\:p-3 {
    padding: 0.75rem;
  }
  .sm\:p-4 {
    padding: 1rem;
  }
  .sm\:p-5 {
    padding: 1.25rem;
  }
  .sm\:p-6 {
    padding: 1.5rem;
  }
  .sm\:p-7 {
    padding: 1.75rem;
  }
  .sm\:p-8 {
    padding: 2rem;
  }
  .sm\:p-\[22px\] {
    padding: 22px;
  }
  .sm\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .sm\:px-0\.5 {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }
  .sm\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .sm\:px-1\.5 {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
  }
  .sm\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .sm\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .sm\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .sm\:px-2\.5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .sm\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .sm\:px-3\.5 {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }
  .sm\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .sm\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .sm\:px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .sm\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .sm\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .sm\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .sm\:py-1\.5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
  .sm\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .sm\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .sm\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .sm\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .sm\:py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
  .sm\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .sm\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .sm\:py-3\.5 {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
  }
  .sm\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .sm\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .sm\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .sm\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .sm\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .sm\:pb-0 {
    padding-bottom: 0px;
  }
  .sm\:pb-28 {
    padding-bottom: 7rem;
  }
  .sm\:pb-3 {
    padding-bottom: 0.75rem;
  }
  .sm\:pb-32 {
    padding-bottom: 8rem;
  }
  .sm\:pb-4 {
    padding-bottom: 1rem;
  }
  .sm\:pb-6 {
    padding-bottom: 1.5rem;
  }
  .sm\:pb-8 {
    padding-bottom: 2rem;
  }
  .sm\:pl-0 {
    padding-left: 0px;
  }
  .sm\:pl-2\.5 {
    padding-left: 0.625rem;
  }
  .sm\:pl-\[5rem\] {
    padding-left: 5rem;
  }
  .sm\:pr-12 {
    padding-right: 3rem;
  }
  .sm\:pr-14 {
    padding-right: 3.5rem;
  }
  .sm\:pr-2\.5 {
    padding-right: 0.625rem;
  }
  .sm\:pr-24 {
    padding-right: 6rem;
  }
  .sm\:pr-32 {
    padding-right: 8rem;
  }
  .sm\:pt-14 {
    padding-top: 3.5rem;
  }
  .sm\:pt-20 {
    padding-top: 5rem;
  }
  .sm\:pt-24 {
    padding-top: 6rem;
  }
  .sm\:pt-3 {
    padding-top: 0.75rem;
  }
  .sm\:pt-32 {
    padding-top: 8rem;
  }
  .sm\:pt-4 {
    padding-top: 1rem;
  }
  .sm\:pt-6 {
    padding-top: 1.5rem;
  }
  .sm\:pt-7 {
    padding-top: 1.75rem;
  }
  .sm\:pt-8 {
    padding-top: 2rem;
  }
  .sm\:text-left {
    text-align: left;
  }
  .sm\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .sm\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .sm\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
  .sm\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }
  .sm\:text-6xl {
    font-size: 3.75rem;
    line-height: 1;
  }
  .sm\:text-7xl {
    font-size: 4.5rem;
    line-height: 1;
  }
  .sm\:text-8xl {
    font-size: 6rem;
    line-height: 1;
  }
  .sm\:text-\[0\.7rem\] {
    font-size: 0.7rem;
  }
  .sm\:text-\[1\.2rem\] {
    font-size: 1.2rem;
  }
  .sm\:text-\[10px\] {
    font-size: 10px;
  }
  .sm\:text-\[13px\] {
    font-size: 13px;
  }
  .sm\:text-\[15px\] {
    font-size: 15px;
  }
  .sm\:text-\[2\.35rem\] {
    font-size: 2.35rem;
  }
  .sm\:text-\[26px\] {
    font-size: 26px;
  }
  .sm\:text-\[28px\] {
    font-size: 28px;
  }
  .sm\:text-\[30px\] {
    font-size: 30px;
  }
  .sm\:text-\[34px\] {
    font-size: 34px;
  }
  .sm\:text-\[40px\] {
    font-size: 40px;
  }
  .sm\:text-\[44px\] {
    font-size: 44px;
  }
  .sm\:text-\[7px\] {
    font-size: 7px;
  }
  .sm\:text-\[9px\] {
    font-size: 9px;
  }
  .sm\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .sm\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .sm\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .sm\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .sm\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .sm\:leading-6 {
    line-height: 1.5rem;
  }
  .sm\:tracking-\[0\.8em\] {
    letter-spacing: 0.8em;
  }
  .sm\:opacity-0 {
    opacity: 0;
  }
  .sm\:opacity-10 {
    opacity: 0.1;
  }
  .sm\:opacity-100 {
    opacity: 1;
  }
  .sm\:opacity-20 {
    opacity: 0.2;
  }
  .sm\:blur-2xl {
    --tw-blur: blur(40px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
  .sm\:transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .sm\:zoom-in-95 {
    --tw-enter-scale: .95;
  }
  .sm\:hover\:-translate-y-1:hover {
    --tw-translate-y: -0.25rem;
    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));
  }
  .sm\:hover\:opacity-20:hover {
    opacity: 0.2;
  }
  .sm\:hover\:shadow-\[0_18px_38px_rgba\(0\2c 0\2c 0\2c 0\.32\)\]:hover {
    --tw-shadow: 0 18px 38px rgba(0,0,0,0.32);
    --tw-shadow-colored: 0 18px 38px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .sm\:focus-visible\:opacity-100:focus-visible {
    opacity: 1;
  }
  .group:focus-within .sm\:group-focus-within\:opacity-100 {
    opacity: 1;
  }
  .group:hover .sm\:group-hover\:opacity-100 {
    opacity: 1;
  }
  .data-\[side\=left\]\:sm\:max-w-sm[data-side="left"] {
    max-width: 24rem;
  }
  .data-\[side\=right\]\:sm\:max-w-sm[data-side="right"] {
    max-width: 24rem;
  }
  .data-\[size\=default\]\:sm\:max-w-lg[data-size="default"] {
    max-width: 32rem;
  }
  .data-\[size\=default\]\:sm\:max-w-md[data-size="default"] {
    max-width: 28rem;
  }
  .data-\[size\=default\]\:sm\:max-w-sm[data-size="default"] {
    max-width: 24rem;
  }
  .data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction="left"] {
    max-width: 24rem;
  }
  .data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction="right"] {
    max-width: 24rem;
  }
  .data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state="open"] {
    --tw-enter-translate-y: 100%;
  }
  .group\/alert-dialog-content[data-size="default"] .sm\:group-data-\[size\=default\]\/alert-dialog-content\:row-span-2 {
    grid-row: span 2 / span 2;
  }
  .group\/alert-dialog-content[data-size="default"] .sm\:group-data-\[size\=default\]\/alert-dialog-content\:place-items-start {
    place-items: start;
  }
  .group\/alert-dialog-content[data-size="default"] .sm\:group-data-\[size\=default\]\/alert-dialog-content\:text-left {
    text-align: left;
  }
}
@media (min-width: 720px) {
  .min-\[720px\]\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
@media (min-width: 768px) {
  .md\:sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  .md\:fixed {
    position: fixed;
  }
  .md\:absolute {
    position: absolute;
  }
  .md\:relative {
    position: relative;
  }
  .md\:sticky {
    position: sticky;
  }
  .md\:inset-\[20\%\] {
    inset: 20%;
  }
  .md\:inset-\[2px\] {
    inset: 2px;
  }
  .md\:inset-\[3px\] {
    inset: 3px;
  }
  .md\:inset-auto {
    inset: auto;
  }
  .md\:inset-x-24 {
    left: 6rem;
    right: 6rem;
  }
  .md\:inset-y-0 {
    top: 0px;
    bottom: 0px;
  }
  .md\:bottom-0 {
    bottom: 0px;
  }
  .md\:bottom-12 {
    bottom: 3rem;
  }
  .md\:bottom-16 {
    bottom: 4rem;
  }
  .md\:bottom-20 {
    bottom: 5rem;
  }
  .md\:bottom-28 {
    bottom: 7rem;
  }
  .md\:bottom-3 {
    bottom: 0.75rem;
  }
  .md\:bottom-6 {
    bottom: 1.5rem;
  }
  .md\:bottom-8 {
    bottom: 2rem;
  }
  .md\:bottom-\[37px\] {
    bottom: 37px;
  }
  .md\:bottom-\[calc\(var\(--inset\)\+1\.5rem\)\] {
    bottom: calc(var(--inset) + 1.5rem);
  }
  .md\:left-1\/2 {
    left: 50%;
  }
  .md\:left-10 {
    left: 2.5rem;
  }
  .md\:left-12 {
    left: 3rem;
  }
  .md\:left-8 {
    left: 2rem;
  }
  .md\:left-\[15px\] {
    left: 15px;
  }
  .md\:right-0 {
    right: 0px;
  }
  .md\:right-10 {
    right: 2.5rem;
  }
  .md\:right-12 {
    right: 3rem;
  }
  .md\:right-2 {
    right: 0.5rem;
  }
  .md\:right-4 {
    right: 1rem;
  }
  .md\:right-6 {
    right: 1.5rem;
  }
  .md\:right-8 {
    right: 2rem;
  }
  .md\:top-0 {
    top: 0px;
  }
  .md\:top-1\/2 {
    top: 50%;
  }
  .md\:top-2 {
    top: 0.5rem;
  }
  .md\:top-24 {
    top: 6rem;
  }
  .md\:top-4 {
    top: 1rem;
  }
  .md\:top-8 {
    top: 2rem;
  }
  .md\:top-9 {
    top: 2.25rem;
  }
  .md\:top-\[25px\] {
    top: 25px;
  }
  .md\:top-auto {
    top: auto;
  }
  .md\:order-1 {
    order: 1;
  }
  .md\:order-2 {
    order: 2;
  }
  .md\:order-3 {
    order: 3;
  }
  .md\:order-none {
    order: 0;
  }
  .md\:col-span-1 {
    grid-column: span 1 / span 1;
  }
  .md\:col-span-12 {
    grid-column: span 12 / span 12;
  }
  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .md\:col-span-3 {
    grid-column: span 3 / span 3;
  }
  .md\:col-span-4 {
    grid-column: span 4 / span 4;
  }
  .md\:col-span-5 {
    grid-column: span 5 / span 5;
  }
  .md\:col-span-6 {
    grid-column: span 6 / span 6;
  }
  .md\:col-span-8 {
    grid-column: span 8 / span 8;
  }
  .md\:col-span-9 {
    grid-column: span 9 / span 9;
  }
  .md\:row-span-1 {
    grid-row: span 1 / span 1;
  }
  .md\:row-span-2 {
    grid-row: span 2 / span 2;
  }
  .md\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
  .md\:-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
  }
  .md\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .md\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .md\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .md\:my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .md\:my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
  .md\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .md\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .md\:mb-0 {
    margin-bottom: 0px;
  }
  .md\:mb-10 {
    margin-bottom: 2.5rem;
  }
  .md\:mb-12 {
    margin-bottom: 3rem;
  }
  .md\:mb-14 {
    margin-bottom: 3.5rem;
  }
  .md\:mb-16 {
    margin-bottom: 4rem;
  }
  .md\:mb-2 {
    margin-bottom: 0.5rem;
  }
  .md\:mb-24 {
    margin-bottom: 6rem;
  }
  .md\:mb-3 {
    margin-bottom: 0.75rem;
  }
  .md\:mb-4 {
    margin-bottom: 1rem;
  }
  .md\:mb-5 {
    margin-bottom: 1.25rem;
  }
  .md\:mb-6 {
    margin-bottom: 1.5rem;
  }
  .md\:mb-8 {
    margin-bottom: 2rem;
  }
  .md\:ml-0 {
    margin-left: 0px;
  }
  .md\:ml-12 {
    margin-left: 3rem;
  }
  .md\:ml-6 {
    margin-left: 1.5rem;
  }
  .md\:ml-\[12rem\] {
    margin-left: 12rem;
  }
  .md\:ml-auto {
    margin-left: auto;
  }
  .md\:mr-0\.5 {
    margin-right: 0.125rem;
  }
  .md\:mr-1 {
    margin-right: 0.25rem;
  }
  .md\:mr-6 {
    margin-right: 1.5rem;
  }
  .md\:mr-auto {
    margin-right: auto;
  }
  .md\:mt-0 {
    margin-top: 0px;
  }
  .md\:mt-1 {
    margin-top: 0.25rem;
  }
  .md\:mt-12 {
    margin-top: 3rem;
  }
  .md\:mt-4 {
    margin-top: 1rem;
  }
  .md\:mt-5 {
    margin-top: 1.25rem;
  }
  .md\:mt-8 {
    margin-top: 2rem;
  }
  .md\:mt-auto {
    margin-top: auto;
  }
  .md\:block {
    display: block;
  }
  .md\:inline {
    display: inline;
  }
  .md\:flex {
    display: flex;
  }
  .md\:inline-flex {
    display: inline-flex;
  }
  .md\:table-cell {
    display: table-cell;
  }
  .md\:grid {
    display: grid;
  }
  .md\:contents {
    display: contents;
  }
  .md\:hidden {
    display: none;
  }
  .md\:aspect-\[3\/1\] {
    aspect-ratio: 3/1;
  }
  .md\:aspect-\[5\/4\] {
    aspect-ratio: 5/4;
  }
  .md\:aspect-auto {
    aspect-ratio: auto;
  }
  .md\:aspect-square {
    aspect-ratio: 1 / 1;
  }
  .md\:\!h-10 {
    height: 2.5rem !important;
  }
  .md\:h-10 {
    height: 2.5rem;
  }
  .md\:h-11 {
    height: 2.75rem;
  }
  .md\:h-12 {
    height: 3rem;
  }
  .md\:h-14 {
    height: 3.5rem;
  }
  .md\:h-16 {
    height: 4rem;
  }
  .md\:h-2 {
    height: 0.5rem;
  }
  .md\:h-20 {
    height: 5rem;
  }
  .md\:h-24 {
    height: 6rem;
  }
  .md\:h-28 {
    height: 7rem;
  }
  .md\:h-3 {
    height: 0.75rem;
  }
  .md\:h-32 {
    height: 8rem;
  }
  .md\:h-36 {
    height: 9rem;
  }
  .md\:h-4 {
    height: 1rem;
  }
  .md\:h-5 {
    height: 1.25rem;
  }
  .md\:h-6 {
    height: 1.5rem;
  }
  .md\:h-64 {
    height: 16rem;
  }
  .md\:h-7 {
    height: 1.75rem;
  }
  .md\:h-8 {
    height: 2rem;
  }
  .md\:h-80 {
    height: 20rem;
  }
  .md\:h-96 {
    height: 24rem;
  }
  .md\:h-\[100px\] {
    height: 100px;
  }
  .md\:h-\[150px\] {
    height: 150px;
  }
  .md\:h-\[154px\] {
    height: 154px;
  }
  .md\:h-\[185px\] {
    height: 185px;
  }
  .md\:h-\[28rem\] {
    height: 28rem;
  }
  .md\:h-\[400px\] {
    height: 400px;
  }
  .md\:h-\[440px\] {
    height: 440px;
  }
  .md\:h-\[46px\] {
    height: 46px;
  }
  .md\:h-\[477px\] {
    height: 477px;
  }
  .md\:h-\[485px\] {
    height: 485px;
  }
  .md\:h-\[500px\] {
    height: 500px;
  }
  .md\:h-\[532px\] {
    height: 532px;
  }
  .md\:h-\[550px\] {
    height: 550px;
  }
  .md\:h-\[600px\] {
    height: 600px;
  }
  .md\:h-\[8px\] {
    height: 8px;
  }
  .md\:h-\[calc\(100svh-3rem\)\] {
    height: calc(100svh - 3rem);
  }
  .md\:h-\[calc\(100vh-200px\)\] {
    height: calc(100vh - 200px);
  }
  .md\:h-auto {
    height: auto;
  }
  .md\:h-full {
    height: 100%;
  }
  .md\:h-screen {
    height: 100vh;
  }
  .md\:max-h-64 {
    max-height: 16rem;
  }
  .md\:max-h-\[500px\] {
    max-height: 500px;
  }
  .md\:max-h-\[65vh\] {
    max-height: 65vh;
  }
  .md\:max-h-\[70vh\] {
    max-height: 70vh;
  }
  .md\:max-h-\[85vh\] {
    max-height: 85vh;
  }
  .md\:max-h-\[90vh\] {
    max-height: 90vh;
  }
  .md\:max-h-\[calc\(100dvh-10rem\)\] {
    max-height: calc(100dvh - 10rem);
  }
  .md\:max-h-none {
    max-height: none;
  }
  .md\:min-h-0 {
    min-height: 0px;
  }
  .md\:min-h-\[320px\] {
    min-height: 320px;
  }
  .md\:min-h-\[460px\] {
    min-height: 460px;
  }
  .md\:min-h-screen {
    min-height: 100vh;
  }
  .md\:w-1\/2 {
    width: 50%;
  }
  .md\:w-1\/4 {
    width: 25%;
  }
  .md\:w-10 {
    width: 2.5rem;
  }
  .md\:w-11 {
    width: 2.75rem;
  }
  .md\:w-12 {
    width: 3rem;
  }
  .md\:w-16 {
    width: 4rem;
  }
  .md\:w-2\/5 {
    width: 40%;
  }
  .md\:w-20 {
    width: 5rem;
  }
  .md\:w-24 {
    width: 6rem;
  }
  .md\:w-3 {
    width: 0.75rem;
  }
  .md\:w-3\/4 {
    width: 75%;
  }
  .md\:w-3\/5 {
    width: 60%;
  }
  .md\:w-32 {
    width: 8rem;
  }
  .md\:w-36 {
    width: 9rem;
  }
  .md\:w-4 {
    width: 1rem;
  }
  .md\:w-40 {
    width: 10rem;
  }
  .md\:w-44 {
    width: 11rem;
  }
  .md\:w-48 {
    width: 12rem;
  }
  .md\:w-5 {
    width: 1.25rem;
  }
  .md\:w-52 {
    width: 13rem;
  }
  .md\:w-56 {
    width: 14rem;
  }
  .md\:w-6 {
    width: 1.5rem;
  }
  .md\:w-60 {
    width: 15rem;
  }
  .md\:w-64 {
    width: 16rem;
  }
  .md\:w-7 {
    width: 1.75rem;
  }
  .md\:w-72 {
    width: 18rem;
  }
  .md\:w-8 {
    width: 2rem;
  }
  .md\:w-80 {
    width: 20rem;
  }
  .md\:w-96 {
    width: 24rem;
  }
  .md\:w-\[115px\] {
    width: 115px;
  }
  .md\:w-\[150px\] {
    width: 150px;
  }
  .md\:w-\[180px\] {
    width: 180px;
  }
  .md\:w-\[200px\] {
    width: 200px;
  }
  .md\:w-\[22rem\] {
    width: 22rem;
  }
  .md\:w-\[246px\] {
    width: 246px;
  }
  .md\:w-\[280px\] {
    width: 280px;
  }
  .md\:w-\[293px\] {
    width: 293px;
  }
  .md\:w-\[300px\] {
    width: 300px;
  }
  .md\:w-\[30px\] {
    width: 30px;
  }
  .md\:w-\[340px\] {
    width: 340px;
  }
  .md\:w-\[380px\] {
    width: 380px;
  }
  .md\:w-\[400px\] {
    width: 400px;
  }
  .md\:w-\[420px\] {
    width: 420px;
  }
  .md\:w-\[45\%\] {
    width: 45%;
  }
  .md\:w-\[500px\] {
    width: 500px;
  }
  .md\:w-\[550px\] {
    width: 550px;
  }
  .md\:w-\[700px\] {
    width: 700px;
  }
  .md\:w-\[800px\] {
    width: 800px;
  }
  .md\:w-\[80px\] {
    width: 80px;
  }
  .md\:w-\[850px\] {
    width: 850px;
  }
  .md\:w-\[calc\(100\%\+4rem\)\] {
    width: calc(100% + 4rem);
  }
  .md\:w-\[min\(42\%\2c 26rem\)\] {
    width: min(42%,26rem);
  }
  .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] {
    width: var(--radix-navigation-menu-viewport-width);
  }
  .md\:w-auto {
    width: auto;
  }
  .md\:w-fit {
    width: -moz-fit-content;
    width: fit-content;
  }
  .md\:w-full {
    width: 100%;
  }
  .md\:w-max {
    width: -moz-max-content;
    width: max-content;
  }
  .md\:min-w-0 {
    min-width: 0px;
  }
  .md\:min-w-\[4rem\] {
    min-width: 4rem;
  }
  .md\:max-w-\[200px\] {
    max-width: 200px;
  }
  .md\:max-w-\[220px\] {
    max-width: 220px;
  }
  .md\:max-w-\[240px\] {
    max-width: 240px;
  }
  .md\:max-w-\[35\%\] {
    max-width: 35%;
  }
  .md\:max-w-\[420px\] {
    max-width: 420px;
  }
  .md\:max-w-\[42ch\] {
    max-width: 42ch;
  }
  .md\:max-w-\[600px\] {
    max-width: 600px;
  }
  .md\:max-w-\[80\%\] {
    max-width: 80%;
  }
  .md\:max-w-\[800px\] {
    max-width: 800px;
  }
  .md\:max-w-\[90vw\] {
    max-width: 90vw;
  }
  .md\:max-w-md {
    max-width: 28rem;
  }
  .md\:max-w-none {
    max-width: none;
  }
  .md\:max-w-xs {
    max-width: 20rem;
  }
  .md\:flex-1 {
    flex: 1 1 0%;
  }
  .md\:flex-\[1\.2\] {
    flex: 1.2;
  }
  .md\:flex-none {
    flex: none;
  }
  .md\:flex-shrink-0 {
    flex-shrink: 0;
  }
  .md\:shrink-0 {
    flex-shrink: 0;
  }
  .md\:basis-1\/2 {
    flex-basis: 50%;
  }
  .md\:basis-3\/4 {
    flex-basis: 75%;
  }
  .md\:-translate-x-1\/2 {
    --tw-translate-x: -50%;
    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\:-translate-y-1\/2 {
    --tw-translate-y: -50%;
    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\:translate-y-0 {
    --tw-translate-y: 0px;
    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\:translate-y-1\/3 {
    --tw-translate-y: 33.333333%;
    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\:translate-y-2 {
    --tw-translate-y: 0.5rem;
    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\:rotate-0 {
    --tw-rotate: 0deg;
    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\:columns-2 {
    -moz-columns: 2;
         columns: 2;
  }
  .md\:columns-3 {
    -moz-columns: 3;
         columns: 3;
  }
  .md\:auto-rows-\[180px\] {
    grid-auto-rows: 180px;
  }
  .md\:auto-rows-\[minmax\(120px\2c auto\)\] {
    grid-auto-rows: minmax(120px,auto);
  }
  .md\:auto-rows-\[minmax\(140px\2c auto\)\] {
    grid-auto-rows: minmax(140px,auto);
  }
  .md\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .md\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .md\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .md\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .md\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .md\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .md\:grid-cols-\[1\.4fr_0\.8fr\] {
    grid-template-columns: 1.4fr 0.8fr;
  }
  .md\:grid-cols-\[1\.5fr_1fr\] {
    grid-template-columns: 1.5fr 1fr;
  }
  .md\:grid-cols-\[160px_1fr_220px\] {
    grid-template-columns: 160px 1fr 220px;
  }
  .md\:grid-cols-\[190px_1fr\] {
    grid-template-columns: 190px 1fr;
  }
  .md\:grid-cols-\[1fr_2fr\] {
    grid-template-columns: 1fr 2fr;
  }
  .md\:grid-cols-\[1fr_auto_1fr\] {
    grid-template-columns: 1fr auto 1fr;
  }
  .md\:grid-cols-\[200px_1fr\] {
    grid-template-columns: 200px 1fr;
  }
  .md\:grid-cols-\[220px_1fr\] {
    grid-template-columns: 220px 1fr;
  }
  .md\:grid-cols-\[220px_1fr_auto\] {
    grid-template-columns: 220px 1fr auto;
  }
  .md\:grid-cols-\[220px_minmax\(0\2c 1fr\)_260px\] {
    grid-template-columns: 220px minmax(0,1fr) 260px;
  }
  .md\:grid-cols-\[240px_1fr\] {
    grid-template-columns: 240px 1fr;
  }
  .md\:grid-cols-\[64px_1fr\] {
    grid-template-columns: 64px 1fr;
  }
  .md\:grid-cols-\[80px_1fr\] {
    grid-template-columns: 80px 1fr;
  }
  .md\:grid-cols-\[auto_minmax\(0\2c 1fr\)\] {
    grid-template-columns: auto minmax(0,1fr);
  }
  .md\:grid-cols-\[minmax\(0\2c 16rem\)_1fr\] {
    grid-template-columns: minmax(0,16rem) 1fr;
  }
  .md\:grid-cols-\[minmax\(0\2c 1fr\)_12rem\] {
    grid-template-columns: minmax(0,1fr) 12rem;
  }
  .md\:grid-cols-\[minmax\(0\2c 1fr\)_240px\] {
    grid-template-columns: minmax(0,1fr) 240px;
  }
  .md\:grid-cols-\[minmax\(0\2c 1fr\)_260px\] {
    grid-template-columns: minmax(0,1fr) 260px;
  }
  .md\:grid-cols-\[minmax\(0\2c 1fr\)_48px_minmax\(0\2c 1fr\)_minmax\(0\2c 1fr\)\] {
    grid-template-columns: minmax(0,1fr) 48px minmax(0,1fr) minmax(0,1fr);
  }
  .md\:grid-cols-\[minmax\(0\2c 1fr\)_auto_auto\] {
    grid-template-columns: minmax(0,1fr) auto auto;
  }
  .md\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(18rem\2c 1\.1fr\)\] {
    grid-template-columns: minmax(0,1fr) minmax(18rem,1.1fr);
  }
  .md\:grid-cols-\[minmax\(280px\2c 360px\)_1fr_minmax\(220px\2c 260px\)\] {
    grid-template-columns: minmax(280px,360px) 1fr minmax(220px,260px);
  }
  .md\:flex-row {
    flex-direction: row;
  }
  .md\:flex-col {
    flex-direction: column;
  }
  .md\:flex-wrap {
    flex-wrap: wrap;
  }
  .md\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .md\:items-start {
    align-items: flex-start;
  }
  .md\:items-end {
    align-items: flex-end;
  }
  .md\:items-center {
    align-items: center;
  }
  .md\:items-stretch {
    align-items: stretch;
  }
  .md\:justify-start {
    justify-content: flex-start;
  }
  .md\:justify-end {
    justify-content: flex-end;
  }
  .md\:justify-center {
    justify-content: center;
  }
  .md\:justify-between {
    justify-content: space-between;
  }
  .md\:gap-0 {
    gap: 0px;
  }
  .md\:gap-1\.5 {
    gap: 0.375rem;
  }
  .md\:gap-10 {
    gap: 2.5rem;
  }
  .md\:gap-12 {
    gap: 3rem;
  }
  .md\:gap-16 {
    gap: 4rem;
  }
  .md\:gap-2 {
    gap: 0.5rem;
  }
  .md\:gap-3 {
    gap: 0.75rem;
  }
  .md\:gap-4 {
    gap: 1rem;
  }
  .md\:gap-5 {
    gap: 1.25rem;
  }
  .md\:gap-6 {
    gap: 1.5rem;
  }
  .md\:gap-8 {
    gap: 2rem;
  }
  .md\:gap-x-4 {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
  .md\:gap-y-10 {
    row-gap: 2.5rem;
  }
  .md\:-space-x-80 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-20rem * var(--tw-space-x-reverse));
    margin-left: calc(-20rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .md\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .md\:space-x-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .md\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }
  .md\:space-y-16 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(4rem * var(--tw-space-y-reverse));
  }
  .md\:space-y-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
  }
  .md\:space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
  }
  .md\:space-y-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
  }
  .md\:space-y-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
  }
  .md\:divide-x > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  }
  .md\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
  }
  .md\:self-start {
    align-self: flex-start;
  }
  .md\:self-end {
    align-self: flex-end;
  }
  .md\:self-center {
    align-self: center;
  }
  .md\:overflow-visible {
    overflow: visible;
  }
  .md\:text-pretty {
    text-wrap: pretty;
  }
  .md\:rounded-2xl {
    border-radius: calc(var(--radius) + 8px);
  }
  .md\:rounded-\[11px\] {
    border-radius: 11px;
  }
  .md\:rounded-\[28px\] {
    border-radius: 28px;
  }
  .md\:rounded-\[30px\] {
    border-radius: 30px;
  }
  .md\:rounded-\[31px\] {
    border-radius: 31px;
  }
  .md\:rounded-\[32px\] {
    border-radius: 32px;
  }
  .md\:rounded-\[72px\] {
    border-radius: 72px;
  }
  .md\:rounded-lg {
    border-radius: var(--radius);
  }
  .md\:rounded-md {
    border-radius: calc(var(--radius) - 2px);
  }
  .md\:rounded-xl {
    border-radius: calc(var(--radius) + 4px);
  }
  .md\:rounded-t-\[31px\] {
    border-top-left-radius: 31px;
    border-top-right-radius: 31px;
  }
  .md\:rounded-bl-3xl {
    border-bottom-left-radius: 1.5rem;
  }
  .md\:rounded-br-3xl {
    border-bottom-right-radius: 1.5rem;
  }
  .md\:rounded-tl-3xl {
    border-top-left-radius: 1.5rem;
  }
  .md\:rounded-tl-lg {
    border-top-left-radius: var(--radius);
  }
  .md\:rounded-tr-3xl {
    border-top-right-radius: 1.5rem;
  }
  .md\:border {
    border-width: 1px;
  }
  .md\:border-b-0 {
    border-bottom-width: 0px;
  }
  .md\:border-l {
    border-left-width: 1px;
  }
  .md\:border-r {
    border-right-width: 1px;
  }
  .md\:border-t-0 {
    border-top-width: 0px;
  }
  .md\:border-none {
    border-style: none;
  }
  .md\:border-border {
    border-color: hsl(var(--border));
  }
  .md\:border-input {
    border-color: hsl(var(--input));
  }
  .md\:bg-background {
    background-color: hsl(var(--background));
  }
  .md\:bg-muted\/50 {
    background-color: hsl(var(--muted) / 0.5);
  }
  .md\:bg-primary {
    background-color: hsl(var(--primary));
  }
  .md\:bg-primary-foreground {
    background-color: hsl(var(--primary-foreground));
  }
  .md\:fill-slate-500\/70 {
    fill: rgb(100 116 139 / 0.7);
  }
  .md\:\!p-4 {
    padding: 1rem !important;
  }
  .md\:p-0 {
    padding: 0px;
  }
  .md\:p-1\.5 {
    padding: 0.375rem;
  }
  .md\:p-10 {
    padding: 2.5rem;
  }
  .md\:p-11 {
    padding: 2.75rem;
  }
  .md\:p-12 {
    padding: 3rem;
  }
  .md\:p-14 {
    padding: 3.5rem;
  }
  .md\:p-16 {
    padding: 4rem;
  }
  .md\:p-2 {
    padding: 0.5rem;
  }
  .md\:p-2\.5 {
    padding: 0.625rem;
  }
  .md\:p-3 {
    padding: 0.75rem;
  }
  .md\:p-4 {
    padding: 1rem;
  }
  .md\:p-5 {
    padding: 1.25rem;
  }
  .md\:p-6 {
    padding: 1.5rem;
  }
  .md\:p-8 {
    padding: 2rem;
  }
  .md\:\!px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .md\:\!py-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .md\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .md\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .md\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .md\:px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
  .md\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .md\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .md\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .md\:px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .md\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .md\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .md\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .md\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .md\:px-\[calc\(50vw-250px\)\] {
    padding-left: calc(50vw - 250px);
    padding-right: calc(50vw - 250px);
  }
  .md\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .md\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .md\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .md\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  .md\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .md\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .md\:py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
  .md\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .md\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .md\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .md\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .md\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .md\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .md\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .md\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .md\:pb-0 {
    padding-bottom: 0px;
  }
  .md\:pb-2 {
    padding-bottom: 0.5rem;
  }
  .md\:pb-20 {
    padding-bottom: 5rem;
  }
  .md\:pb-3 {
    padding-bottom: 0.75rem;
  }
  .md\:pb-6 {
    padding-bottom: 1.5rem;
  }
  .md\:pb-8 {
    padding-bottom: 2rem;
  }
  .md\:pl-0 {
    padding-left: 0px;
  }
  .md\:pl-24 {
    padding-left: 6rem;
  }
  .md\:pl-4 {
    padding-left: 1rem;
  }
  .md\:pl-6 {
    padding-left: 1.5rem;
  }
  .md\:pr-0 {
    padding-right: 0px;
  }
  .md\:pr-2 {
    padding-right: 0.5rem;
  }
  .md\:pr-3 {
    padding-right: 0.75rem;
  }
  .md\:pr-6 {
    padding-right: 1.5rem;
  }
  .md\:pt-0 {
    padding-top: 0px;
  }
  .md\:pt-10 {
    padding-top: 2.5rem;
  }
  .md\:pt-12 {
    padding-top: 3rem;
  }
  .md\:pt-14 {
    padding-top: 3.5rem;
  }
  .md\:pt-28 {
    padding-top: 7rem;
  }
  .md\:pt-3 {
    padding-top: 0.75rem;
  }
  .md\:pt-4 {
    padding-top: 1rem;
  }
  .md\:pt-48 {
    padding-top: 12rem;
  }
  .md\:pt-6 {
    padding-top: 1.5rem;
  }
  .md\:pt-\[12vh\] {
    padding-top: 12vh;
  }
  .md\:text-left {
    text-align: left;
  }
  .md\:text-right {
    text-align: right;
  }
  .md\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .md\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .md\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
  .md\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }
  .md\:text-6xl {
    font-size: 3.75rem;
    line-height: 1;
  }
  .md\:text-7xl {
    font-size: 4.5rem;
    line-height: 1;
  }
  .md\:text-8xl {
    font-size: 6rem;
    line-height: 1;
  }
  .md\:text-\[10px\] {
    font-size: 10px;
  }
  .md\:text-\[11px\] {
    font-size: 11px;
  }
  .md\:text-\[15px\] {
    font-size: 15px;
  }
  .md\:text-\[20px\] {
    font-size: 20px;
  }
  .md\:text-\[9px\] {
    font-size: 9px;
  }
  .md\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .md\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .md\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .md\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .md\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .md\:text-foreground {
    color: hsl(var(--foreground));
  }
  .md\:text-primary {
    color: hsl(var(--primary));
  }
  .md\:text-primary-foreground {
    color: hsl(var(--primary-foreground));
  }
  .md\:opacity-0 {
    opacity: 0;
  }
  .md\:opacity-100 {
    opacity: 1;
  }
  .md\:opacity-20 {
    opacity: 0.2;
  }
  .md\:opacity-30 {
    opacity: 0.3;
  }
  .md\:opacity-50 {
    opacity: 0.5;
  }
  .md\:shadow-sm {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .md\:shadow-xs {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .md\:\[--feed-mh\:calc\(100dvh-10rem\)\] {
    --feed-mh: calc(100dvh - 10rem);
  }
  .md\:\[contain-intrinsic-size\:96px_96px\] {
    contain-intrinsic-size: 96px 96px;
  }
  .after\:md\:hidden::after {
    content: var(--tw-content);
    display: none;
  }
  .md\:after\:hidden::after {
    content: var(--tw-content);
    display: none;
  }
  .md\:hover\:translate-x-1:hover {
    --tw-translate-x: 0.25rem;
    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\:hover\:bg-accent:hover {
    background-color: hsl(var(--accent));
  }
  .md\:hover\:text-accent-foreground:hover {
    color: hsl(var(--accent-foreground));
  }
  .md\:hover\:text-foreground:hover {
    color: hsl(var(--foreground));
  }
  .md\:hover\:opacity-80:hover {
    opacity: 0.8;
  }
  .md\:focus\:bg-accent:focus {
    background-color: hsl(var(--accent));
  }
  .md\:focus\:text-accent-foreground:focus {
    color: hsl(var(--accent-foreground));
  }
  .group\/output:hover .md\:group-hover\/output\:translate-y-0 {
    --tw-translate-y: 0px;
    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\/output:hover .md\:group-hover\/output\:opacity-100 {
    opacity: 1;
  }
  .group:hover .md\:group-hover\:opacity-100 {
    opacity: 1;
  }
  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:m-2 {
    margin: 0.5rem;
  }
  .peer[data-state="collapsed"][data-variant="inset"] ~ .md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2 {
    margin-left: 0.5rem;
  }
  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:ml-0 {
    margin-left: 0px;
  }
  .peer[data-variant="inset"][data-state="collapsed"] ~ .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2 {
    margin-left: 0.5rem;
  }
  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:rounded-2xl {
    border-radius: calc(var(--radius) + 8px);
  }
  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:rounded-none {
    border-radius: 0px;
  }
  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:rounded-xl {
    border-radius: calc(var(--radius) + 4px);
  }
  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:shadow {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:shadow-sm {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  @media not all and (min-width: 1280px) {
    .md\:max-xl\:flex {
      display: flex;
    }
  }
  @media not all and (min-width: 1024px) {
    .md\:max-lg\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .md\:max-lg\:flex-col {
      flex-direction: column;
    }
  }
}
@media (min-width: 1024px) {
  .lg\:fixed {
    position: fixed;
  }
  .lg\:relative {
    position: relative;
  }
  .lg\:sticky {
    position: sticky;
  }
  .lg\:inset-\[3px\] {
    inset: 3px;
  }
  .lg\:inset-\[4px\] {
    inset: 4px;
  }
  .lg\:inset-y-0 {
    top: 0px;
    bottom: 0px;
  }
  .lg\:bottom-12 {
    bottom: 3rem;
  }
  .lg\:right-8 {
    right: 2rem;
  }
  .lg\:top-0 {
    top: 0px;
  }
  .lg\:top-24 {
    top: 6rem;
  }
  .lg\:top-8 {
    top: 2rem;
  }
  .lg\:order-1 {
    order: 1;
  }
  .lg\:order-2 {
    order: 2;
  }
  .lg\:order-first {
    order: -9999;
  }
  .lg\:col-span-1 {
    grid-column: span 1 / span 1;
  }
  .lg\:col-span-10 {
    grid-column: span 10 / span 10;
  }
  .lg\:col-span-12 {
    grid-column: span 12 / span 12;
  }
  .lg\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .lg\:col-span-3 {
    grid-column: span 3 / span 3;
  }
  .lg\:col-span-4 {
    grid-column: span 4 / span 4;
  }
  .lg\:col-span-5 {
    grid-column: span 5 / span 5;
  }
  .lg\:col-span-6 {
    grid-column: span 6 / span 6;
  }
  .lg\:col-span-7 {
    grid-column: span 7 / span 7;
  }
  .lg\:col-span-8 {
    grid-column: span 8 / span 8;
  }
  .lg\:col-span-9 {
    grid-column: span 9 / span 9;
  }
  .lg\:col-start-1 {
    grid-column-start: 1;
  }
  .lg\:col-start-2 {
    grid-column-start: 2;
  }
  .lg\:col-start-3 {
    grid-column-start: 3;
  }
  .lg\:col-start-4 {
    grid-column-start: 4;
  }
  .lg\:row-span-2 {
    grid-row: span 2 / span 2;
  }
  .lg\:row-start-1 {
    grid-row-start: 1;
  }
  .lg\:row-start-2 {
    grid-row-start: 2;
  }
  .lg\:row-start-3 {
    grid-row-start: 3;
  }
  .lg\:row-start-4 {
    grid-row-start: 4;
  }
  .lg\:-m-10 {
    margin: -2.5rem;
  }
  .lg\:m-0 {
    margin: 0px;
  }
  .lg\:-mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }
  .lg\:-mx-3 {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
  .lg\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .lg\:mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
  .lg\:-mt-10 {
    margin-top: -2.5rem;
  }
  .lg\:mb-0 {
    margin-bottom: 0px;
  }
  .lg\:mb-16 {
    margin-bottom: 4rem;
  }
  .lg\:mb-4 {
    margin-bottom: 1rem;
  }
  .lg\:mb-9 {
    margin-bottom: 2.25rem;
  }
  .lg\:ml-0 {
    margin-left: 0px;
  }
  .lg\:ml-16 {
    margin-left: 4rem;
  }
  .lg\:ml-60 {
    margin-left: 15rem;
  }
  .lg\:ml-64 {
    margin-left: 16rem;
  }
  .lg\:ml-7 {
    margin-left: 1.75rem;
  }
  .lg\:ml-\[12rem\] {
    margin-left: 12rem;
  }
  .lg\:mr-8 {
    margin-right: 2rem;
  }
  .lg\:mr-auto {
    margin-right: auto;
  }
  .lg\:mt-0 {
    margin-top: 0px;
  }
  .lg\:mt-12 {
    margin-top: 3rem;
  }
  .lg\:block {
    display: block;
  }
  .lg\:inline {
    display: inline;
  }
  .lg\:flex {
    display: flex;
  }
  .lg\:inline-flex {
    display: inline-flex;
  }
  .lg\:table-cell {
    display: table-cell;
  }
  .lg\:grid {
    display: grid;
  }
  .lg\:hidden {
    display: none;
  }
  .lg\:aspect-\[16\/9\] {
    aspect-ratio: 16/9;
  }
  .lg\:aspect-\[4\/5\] {
    aspect-ratio: 4/5;
  }
  .lg\:h-11 {
    height: 2.75rem;
  }
  .lg\:h-14 {
    height: 3.5rem;
  }
  .lg\:h-16 {
    height: 4rem;
  }
  .lg\:h-20 {
    height: 5rem;
  }
  .lg\:h-36 {
    height: 9rem;
  }
  .lg\:h-5 {
    height: 1.25rem;
  }
  .lg\:h-6 {
    height: 1.5rem;
  }
  .lg\:h-\[120px\] {
    height: 120px;
  }
  .lg\:h-\[12vh\] {
    height: 12vh;
  }
  .lg\:h-\[180px\] {
    height: 180px;
  }
  .lg\:h-\[200px\] {
    height: 200px;
  }
  .lg\:h-\[240px\] {
    height: 240px;
  }
  .lg\:h-\[400px\] {
    height: 400px;
  }
  .lg\:h-\[500px\] {
    height: 500px;
  }
  .lg\:h-\[60px\] {
    height: 60px;
  }
  .lg\:h-\[620px\] {
    height: 620px;
  }
  .lg\:h-\[630px\] {
    height: 630px;
  }
  .lg\:h-auto {
    height: auto;
  }
  .lg\:h-dvh {
    height: 100dvh;
  }
  .lg\:h-full {
    height: 100%;
  }
  .lg\:max-h-\[18vh\] {
    max-height: 18vh;
  }
  .lg\:max-h-\[calc\(100dvh-10rem\)\] {
    max-height: calc(100dvh - 10rem);
  }
  .lg\:max-h-none {
    max-height: none;
  }
  .lg\:min-h-0 {
    min-height: 0px;
  }
  .lg\:min-h-\[12vh\] {
    min-height: 12vh;
  }
  .lg\:w-0 {
    width: 0px;
  }
  .lg\:w-1\/2 {
    width: 50%;
  }
  .lg\:w-1\/3 {
    width: 33.333333%;
  }
  .lg\:w-11 {
    width: 2.75rem;
  }
  .lg\:w-2\/3 {
    width: 66.666667%;
  }
  .lg\:w-2\/5 {
    width: 40%;
  }
  .lg\:w-28 {
    width: 7rem;
  }
  .lg\:w-36 {
    width: 9rem;
  }
  .lg\:w-44 {
    width: 11rem;
  }
  .lg\:w-5 {
    width: 1.25rem;
  }
  .lg\:w-56 {
    width: 14rem;
  }
  .lg\:w-6 {
    width: 1.5rem;
  }
  .lg\:w-60 {
    width: 15rem;
  }
  .lg\:w-64 {
    width: 16rem;
  }
  .lg\:w-72 {
    width: 18rem;
  }
  .lg\:w-80 {
    width: 20rem;
  }
  .lg\:w-\[1040px\] {
    width: 1040px;
  }
  .lg\:w-\[10rem\] {
    width: 10rem;
  }
  .lg\:w-\[12rem\] {
    width: 12rem;
  }
  .lg\:w-\[140px\] {
    width: 140px;
  }
  .lg\:w-\[260px\] {
    width: 260px;
  }
  .lg\:w-\[300px\] {
    width: 300px;
  }
  .lg\:w-\[320px\] {
    width: 320px;
  }
  .lg\:w-\[340px\] {
    width: 340px;
  }
  .lg\:w-\[380px\] {
    width: 380px;
  }
  .lg\:w-\[390px\] {
    width: 390px;
  }
  .lg\:w-\[400px\] {
    width: 400px;
  }
  .lg\:w-\[420px\] {
    width: 420px;
  }
  .lg\:w-\[45\%\] {
    width: 45%;
  }
  .lg\:w-\[500px\] {
    width: 500px;
  }
  .lg\:w-\[55\%\] {
    width: 55%;
  }
  .lg\:w-\[600px\] {
    width: 600px;
  }
  .lg\:w-\[7\.5rem\] {
    width: 7.5rem;
  }
  .lg\:w-\[80\%\] {
    width: 80%;
  }
  .lg\:w-auto {
    width: auto;
  }
  .lg\:w-fit {
    width: -moz-fit-content;
    width: fit-content;
  }
  .lg\:w-full {
    width: 100%;
  }
  .lg\:min-w-0 {
    min-width: 0px;
  }
  .lg\:min-w-64 {
    min-width: 16rem;
  }
  .lg\:min-w-\[31\.8\%\] {
    min-width: 31.8%;
  }
  .lg\:max-w-4xl {
    max-width: 56rem;
  }
  .lg\:max-w-\[1000px\] {
    max-width: 1000px;
  }
  .lg\:max-w-\[36\%\] {
    max-width: 36%;
  }
  .lg\:max-w-\[360px\] {
    max-width: 360px;
  }
  .lg\:max-w-full {
    max-width: 100%;
  }
  .lg\:max-w-xl {
    max-width: 36rem;
  }
  .lg\:flex-shrink-0 {
    flex-shrink: 0;
  }
  .lg\:shrink-0 {
    flex-shrink: 0;
  }
  .lg\:flex-grow {
    flex-grow: 1;
  }
  .lg\:basis-1\/3 {
    flex-basis: 33.333333%;
  }
  .lg\:translate-x-0 {
    --tw-translate-x: 0px;
    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));
  }
  .lg\:resize {
    resize: both;
  }
  .lg\:columns-2 {
    -moz-columns: 2;
         columns: 2;
  }
  .lg\:columns-3 {
    -moz-columns: 3;
         columns: 3;
  }
  .lg\:columns-4 {
    -moz-columns: 4;
         columns: 4;
  }
  .lg\:columns-5 {
    -moz-columns: 5;
         columns: 5;
  }
  .lg\:grid-flow-dense {
    grid-auto-flow: dense;
  }
  .lg\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .lg\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .lg\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .lg\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .lg\:grid-cols-\[\.75fr_1fr\] {
    grid-template-columns: .75fr 1fr;
  }
  .lg\:grid-cols-\[0\.42fr_0\.58fr\] {
    grid-template-columns: 0.42fr 0.58fr;
  }
  .lg\:grid-cols-\[1\.1fr_0\.9fr\] {
    grid-template-columns: 1.1fr 0.9fr;
  }
  .lg\:grid-cols-\[1\.2fr_0\.8fr\] {
    grid-template-columns: 1.2fr 0.8fr;
  }
  .lg\:grid-cols-\[1\.2fr_1fr\] {
    grid-template-columns: 1.2fr 1fr;
  }
  .lg\:grid-cols-\[1\.4fr_1fr_1fr\] {
    grid-template-columns: 1.4fr 1fr 1fr;
  }
  .lg\:grid-cols-\[12rem_1fr\] {
    grid-template-columns: 12rem 1fr;
  }
  .lg\:grid-cols-\[13\.5rem_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 13.5rem minmax(0,1fr);
  }
  .lg\:grid-cols-\[13rem_1fr\] {
    grid-template-columns: 13rem 1fr;
  }
  .lg\:grid-cols-\[180px_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 180px minmax(0,1fr);
  }
  .lg\:grid-cols-\[19rem_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 19rem minmax(0,1fr);
  }
  .lg\:grid-cols-\[1fr_1fr_auto\] {
    grid-template-columns: 1fr 1fr auto;
  }
  .lg\:grid-cols-\[1fr_220px\] {
    grid-template-columns: 1fr 220px;
  }
  .lg\:grid-cols-\[1fr_260px\] {
    grid-template-columns: 1fr 260px;
  }
  .lg\:grid-cols-\[1fr_280px\] {
    grid-template-columns: 1fr 280px;
  }
  .lg\:grid-cols-\[1fr_2fr\] {
    grid-template-columns: 1fr 2fr;
  }
  .lg\:grid-cols-\[1fr_320px\] {
    grid-template-columns: 1fr 320px;
  }
  .lg\:grid-cols-\[1fr_360px\] {
    grid-template-columns: 1fr 360px;
  }
  .lg\:grid-cols-\[1fr_400px\] {
    grid-template-columns: 1fr 400px;
  }
  .lg\:grid-cols-\[200px_minmax\(0\2c 1fr\)_230px\] {
    grid-template-columns: 200px minmax(0,1fr) 230px;
  }
  .lg\:grid-cols-\[20rem_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 20rem minmax(0,1fr);
  }
  .lg\:grid-cols-\[230px_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 230px minmax(0,1fr);
  }
  .lg\:grid-cols-\[260px_1fr\] {
    grid-template-columns: 260px 1fr;
  }
  .lg\:grid-cols-\[280px_1fr\] {
    grid-template-columns: 280px 1fr;
  }
  .lg\:grid-cols-\[2fr_1fr_1fr_1fr\] {
    grid-template-columns: 2fr 1fr 1fr 1fr;
  }
  .lg\:grid-cols-\[2fr_3fr\] {
    grid-template-columns: 2fr 3fr;
  }
  .lg\:grid-cols-\[300px_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 300px minmax(0,1fr);
  }
  .lg\:grid-cols-\[320px_1fr\] {
    grid-template-columns: 320px 1fr;
  }
  .lg\:grid-cols-\[340px_1fr\] {
    grid-template-columns: 340px 1fr;
  }
  .lg\:grid-cols-\[400px_1fr\] {
    grid-template-columns: 400px 1fr;
  }
  .lg\:grid-cols-\[420px_1fr\] {
    grid-template-columns: 420px 1fr;
  }
  .lg\:grid-cols-\[minmax\(0\2c 1\.05fr\)_minmax\(280px\2c \.95fr\)\] {
    grid-template-columns: minmax(0,1.05fr) minmax(280px,.95fr);
  }
  .lg\:grid-cols-\[minmax\(0\2c 1\.3fr\)_minmax\(0\2c 1fr\)\] {
    grid-template-columns: minmax(0,1.3fr) minmax(0,1fr);
  }
  .lg\:grid-cols-\[minmax\(0\2c 1fr\)_180px\] {
    grid-template-columns: minmax(0,1fr) 180px;
  }
  .lg\:grid-cols-\[minmax\(0\2c 1fr\)_220px\] {
    grid-template-columns: minmax(0,1fr) 220px;
  }
  .lg\:grid-cols-\[minmax\(220px\2c 0\.8fr\)_minmax\(0\2c 1\.2fr\)\] {
    grid-template-columns: minmax(220px,0.8fr) minmax(0,1.2fr);
  }
  .lg\:grid-cols-\[minmax\(220px\2c 300px\)_1fr\] {
    grid-template-columns: minmax(220px,300px) 1fr;
  }
  .lg\:grid-cols-\[minmax\(280px\2c 320px\)_1fr\] {
    grid-template-columns: minmax(280px,320px) 1fr;
  }
  .lg\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .lg\:flex-row {
    flex-direction: row;
  }
  .lg\:flex-col {
    flex-direction: column;
  }
  .lg\:items-start {
    align-items: flex-start;
  }
  .lg\:items-end {
    align-items: flex-end;
  }
  .lg\:items-center {
    align-items: center;
  }
  .lg\:items-stretch {
    align-items: stretch;
  }
  .lg\:justify-start {
    justify-content: flex-start;
  }
  .lg\:justify-end {
    justify-content: flex-end;
  }
  .lg\:justify-between {
    justify-content: space-between;
  }
  .lg\:gap-0 {
    gap: 0px;
  }
  .lg\:gap-1 {
    gap: 0.25rem;
  }
  .lg\:gap-10 {
    gap: 2.5rem;
  }
  .lg\:gap-12 {
    gap: 3rem;
  }
  .lg\:gap-16 {
    gap: 4rem;
  }
  .lg\:gap-3 {
    gap: 0.75rem;
  }
  .lg\:gap-4 {
    gap: 1rem;
  }
  .lg\:gap-6 {
    gap: 1.5rem;
  }
  .lg\:gap-8 {
    gap: 2rem;
  }
  .lg\:space-x-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }
  .lg\:space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
  }
  .lg\:space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
  }
  .lg\:space-y-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
  }
  .lg\:divide-x > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  }
  .lg\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
  }
  .lg\:overflow-hidden {
    overflow: hidden;
  }
  .lg\:overflow-y-auto {
    overflow-y: auto;
  }
  .lg\:rounded-2xl {
    border-radius: calc(var(--radius) + 8px);
  }
  .lg\:rounded-3xl {
    border-radius: 1.5rem;
  }
  .lg\:rounded-\[14px\] {
    border-radius: 14px;
  }
  .lg\:rounded-\[36px\] {
    border-radius: 36px;
  }
  .lg\:rounded-\[40px\] {
    border-radius: 40px;
  }
  .lg\:rounded-\[42px\] {
    border-radius: 42px;
  }
  .lg\:rounded-t-\[40px\] {
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
  }
  .lg\:rounded-bl-\[2rem\] {
    border-bottom-left-radius: 2rem;
  }
  .lg\:rounded-br-\[2rem\] {
    border-bottom-right-radius: 2rem;
  }
  .lg\:rounded-tl-\[2rem\] {
    border-top-left-radius: 2rem;
  }
  .lg\:rounded-tr-\[2rem\] {
    border-top-right-radius: 2rem;
  }
  .lg\:border-b-0 {
    border-bottom-width: 0px;
  }
  .lg\:border-l {
    border-left-width: 1px;
  }
  .lg\:border-r {
    border-right-width: 1px;
  }
  .lg\:border-t-0 {
    border-top-width: 0px;
  }
  .lg\:border-border {
    border-color: hsl(var(--border));
  }
  .lg\:border-transparent {
    border-color: transparent;
  }
  .lg\:bg-transparent {
    background-color: transparent;
  }
  .lg\:bg-none {
    background-image: none;
  }
  .lg\:object-contain {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .lg\:p-0 {
    padding: 0px;
  }
  .lg\:p-10 {
    padding: 2.5rem;
  }
  .lg\:p-12 {
    padding: 3rem;
  }
  .lg\:p-16 {
    padding: 4rem;
  }
  .lg\:p-2 {
    padding: 0.5rem;
  }
  .lg\:p-3 {
    padding: 0.75rem;
  }
  .lg\:p-4 {
    padding: 1rem;
  }
  .lg\:p-5 {
    padding: 1.25rem;
  }
  .lg\:p-6 {
    padding: 1.5rem;
  }
  .lg\:p-8 {
    padding: 2rem;
  }
  .lg\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .lg\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .lg\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .lg\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .lg\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .lg\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .lg\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .lg\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .lg\:px-\[10px\] {
    padding-left: 10px;
    padding-right: 10px;
  }
  .lg\:px-\[5px\] {
    padding-left: 5px;
    padding-right: 5px;
  }
  .lg\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .lg\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .lg\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .lg\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .lg\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .lg\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .lg\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .lg\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .lg\:py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
  .lg\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .lg\:pb-36 {
    padding-bottom: 9rem;
  }
  .lg\:pl-0 {
    padding-left: 0px;
  }
  .lg\:pl-64 {
    padding-left: 16rem;
  }
  .lg\:pt-0 {
    padding-top: 0px;
  }
  .lg\:pt-12 {
    padding-top: 3rem;
  }
  .lg\:pt-4 {
    padding-top: 1rem;
  }
  .lg\:pt-40 {
    padding-top: 10rem;
  }
  .lg\:text-left {
    text-align: left;
  }
  .lg\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .lg\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .lg\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
  .lg\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }
  .lg\:text-6xl {
    font-size: 3.75rem;
    line-height: 1;
  }
  .lg\:text-7xl {
    font-size: 4.5rem;
    line-height: 1;
  }
  .lg\:text-8xl {
    font-size: 6rem;
    line-height: 1;
  }
  .lg\:text-9xl {
    font-size: 8rem;
    line-height: 1;
  }
  .lg\:text-\[3\.5rem\] {
    font-size: 3.5rem;
  }
  .lg\:text-\[6rem\] {
    font-size: 6rem;
  }
  .lg\:text-\[8rem\] {
    font-size: 8rem;
  }
  .lg\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .lg\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .lg\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .lg\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .lg\:opacity-40 {
    opacity: 0.4;
  }
  .lg\:shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .dark\:lg\:bg-transparent:is(.dark *) {
    background-color: transparent;
  }
  @media not all and (min-width: 1280px) {
    .lg\:max-xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
}
@media (min-width: 1100px) {
  .min-\[1100px\]\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}
@media (min-width: 1280px) {
  .xl\:col-span-10 {
    grid-column: span 10 / span 10;
  }
  .xl\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .xl\:col-span-3 {
    grid-column: span 3 / span 3;
  }
  .xl\:col-span-4 {
    grid-column: span 4 / span 4;
  }
  .xl\:col-span-7 {
    grid-column: span 7 / span 7;
  }
  .xl\:block {
    display: block;
  }
  .xl\:inline {
    display: inline;
  }
  .xl\:flex {
    display: flex;
  }
  .xl\:inline-flex {
    display: inline-flex;
  }
  .xl\:table-cell {
    display: table-cell;
  }
  .xl\:hidden {
    display: none;
  }
  .xl\:size-8 {
    width: 2rem;
    height: 2rem;
  }
  .xl\:h-\[14vh\] {
    height: 14vh;
  }
  .xl\:max-h-\[20vh\] {
    max-height: 20vh;
  }
  .xl\:min-h-\[14vh\] {
    min-height: 14vh;
  }
  .xl\:w-56 {
    width: 14rem;
  }
  .xl\:w-80 {
    width: 20rem;
  }
  .xl\:w-\[32\%\] {
    width: 32%;
  }
  .xl\:w-\[35\%\] {
    width: 35%;
  }
  .xl\:w-\[360px\] {
    width: 360px;
  }
  .xl\:w-\[40\%\] {
    width: 40%;
  }
  .xl\:w-\[420px\] {
    width: 420px;
  }
  .xl\:w-\[480px\] {
    width: 480px;
  }
  .xl\:w-\[50px\] {
    width: 50px;
  }
  .xl\:w-\[560px\] {
    width: 560px;
  }
  .xl\:w-\[calc\(60\%-8px\)\] {
    width: calc(60% - 8px);
  }
  .xl\:w-\[calc\(65\%-8px\)\] {
    width: calc(65% - 8px);
  }
  .xl\:w-\[calc\(68\%-8px\)\] {
    width: calc(68% - 8px);
  }
  .xl\:min-w-0 {
    min-width: 0px;
  }
  .xl\:columns-3 {
    -moz-columns: 3;
         columns: 3;
  }
  .xl\:columns-4 {
    -moz-columns: 4;
         columns: 4;
  }
  .xl\:columns-6 {
    -moz-columns: 6;
         columns: 6;
  }
  .xl\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .xl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .xl\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .xl\:grid-cols-\[19rem_minmax\(0\2c 1fr\)_21rem\] {
    grid-template-columns: 19rem minmax(0,1fr) 21rem;
  }
  .xl\:grid-cols-\[2fr_1fr\] {
    grid-template-columns: 2fr 1fr;
  }
  .xl\:grid-cols-\[320px_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 320px minmax(0,1fr);
  }
  .xl\:grid-cols-\[340px_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 340px minmax(0,1fr);
  }
  .xl\:grid-cols-\[360px_1fr\] {
    grid-template-columns: 360px 1fr;
  }
  .xl\:grid-cols-\[360px_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 360px minmax(0,1fr);
  }
  .xl\:grid-cols-\[minmax\(0\2c 1\.4fr\)_minmax\(0\2c 1fr\)\] {
    grid-template-columns: minmax(0,1.4fr) minmax(0,1fr);
  }
  .xl\:grid-cols-\[minmax\(0\2c 1\.4fr\)_minmax\(280px\2c 0\.8fr\)\] {
    grid-template-columns: minmax(0,1.4fr) minmax(280px,0.8fr);
  }
  .xl\:grid-cols-\[minmax\(0\2c 1fr\)_21rem\] {
    grid-template-columns: minmax(0,1fr) 21rem;
  }
  .xl\:grid-cols-\[minmax\(0\2c 1fr\)_22rem\] {
    grid-template-columns: minmax(0,1fr) 22rem;
  }
  .xl\:grid-cols-\[minmax\(0\2c 1fr\)_23rem\] {
    grid-template-columns: minmax(0,1fr) 23rem;
  }
  .xl\:grid-cols-\[minmax\(0\2c 1fr\)_320px\] {
    grid-template-columns: minmax(0,1fr) 320px;
  }
  .xl\:grid-cols-\[minmax\(0\2c 1fr\)_340px\] {
    grid-template-columns: minmax(0,1fr) 340px;
  }
  .xl\:grid-cols-\[minmax\(0\2c 20rem\)_minmax\(0\2c 1fr\)\] {
    grid-template-columns: minmax(0,20rem) minmax(0,1fr);
  }
  .xl\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .xl\:grid-rows-none {
    grid-template-rows: none;
  }
  .xl\:flex-row {
    flex-direction: row;
  }
  .xl\:flex-col {
    flex-direction: column;
  }
  .xl\:items-center {
    align-items: center;
  }
  .xl\:justify-between {
    justify-content: space-between;
  }
  .xl\:gap-0 {
    gap: 0px;
  }
  .xl\:gap-4 {
    gap: 1rem;
  }
  .xl\:border-b-0 {
    border-bottom-width: 0px;
  }
  .xl\:border-r {
    border-right-width: 1px;
  }
  .xl\:border-border {
    border-color: hsl(var(--border));
  }
  .xl\:border-white\/10 {
    border-color: rgb(255 255 255 / 0.1);
  }
  .xl\:p-6 {
    padding: 1.5rem;
  }
  .xl\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .xl\:pl-1 {
    padding-left: 0.25rem;
  }
  .xl\:pl-2 {
    padding-left: 0.5rem;
  }
  .xl\:pr-0 {
    padding-right: 0px;
  }
  .xl\:pr-2 {
    padding-right: 0.5rem;
  }
  .xl\:pt-1 {
    padding-top: 0.25rem;
  }
  .xl\:pt-2 {
    padding-top: 0.5rem;
  }
  .xl\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .xl\:opacity-20 {
    opacity: 0.2;
  }
  .xl\:opacity-30 {
    opacity: 0.3;
  }
  .xl\:opacity-50 {
    opacity: 0.5;
  }
}
@media (min-width: 1536px) {
  .\32xl\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .\32xl\:col-span-4 {
    grid-column: span 4 / span 4;
  }
  .\32xl\:col-start-3 {
    grid-column-start: 3;
  }
  .\32xl\:ml-\[max\(8rem\2c calc\(50vw-700px\)\)\] {
    margin-left: max(8rem,calc(50vw - 700px));
  }
  .\32xl\:mr-\[max\(0rem\2c calc\(50vw-700px\)\)\] {
    margin-right: max(0rem,calc(50vw - 700px));
  }
  .\32xl\:inline {
    display: inline;
  }
  .\32xl\:w-\[640px\] {
    width: 640px;
  }
  .\32xl\:columns-4 {
    -moz-columns: 4;
         columns: 4;
  }
  .\32xl\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .\32xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .\32xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .\32xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .\32xl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .\32xl\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .\32xl\:grid-cols-\[minmax\(0\2c 22rem\)_minmax\(0\2c 1fr\)\] {
    grid-template-columns: minmax(0,22rem) minmax(0,1fr);
  }
  .\32xl\:gap-3 {
    gap: 0.75rem;
  }
  .\32xl\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .\32xl\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .\32xl\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }
  .\32xl\:text-6xl {
    font-size: 3.75rem;
    line-height: 1;
  }
  .\32xl\:text-7xl {
    font-size: 4.5rem;
    line-height: 1;
  }
  .\32xl\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .\32xl\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .\32xl\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .\32xl\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .\32xl\:opacity-60 {
    opacity: 0.6;
  }
}
@media (min-width: 2160px) {
  .min-\[2160px\]\:right-\[10\%\] {
    right: 10%;
  }
}
.ltr\:-translate-x-1\/2:where([dir="ltr"], [dir="ltr"] *) {
  --tw-translate-x: -50%;
  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));
}
.rtl\:-translate-x-1\/2:where([dir="rtl"], [dir="rtl"] *) {
  --tw-translate-x: -50%;
  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));
}
.rtl\:translate-x-1\/2:where([dir="rtl"], [dir="rtl"] *) {
  --tw-translate-x: 50%;
  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));
}
.rtl\:rotate-180:where([dir="rtl"], [dir="rtl"] *) {
  --tw-rotate: 180deg;
  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));
}
.rtl\:-scale-x-100:where([dir="rtl"], [dir="rtl"] *) {
  --tw-scale-x: -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));
}
.rtl\:space-x-reverse:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}
@media (forced-colors: active) {
  .forced-colors\:bg-\[Highlight\] {
    background-color: Highlight;
  }
  .forced-colors\:stroke-\[GrayText\] {
    stroke: GrayText;
  }
  .forced-colors\:stroke-\[Highlight\] {
    stroke: Highlight;
  }
  .forced-colors\:outline {
    outline-style: solid;
  }
}
@media print {
  .print\:hidden {
    display: none;
  }
  .print\:break-inside-avoid {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }
  .print\:break-after-page {
    -moz-column-break-after: page;
         break-after: page;
  }
  .print\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .print\:bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }
  .print\:p-4 {
    padding: 1rem;
  }
}
.\[\&\&\&\&_\[data-directory-rename\]\]\:\!h-4.\[\&\&\&\&_\[data-directory-rename\]\]\:\!h-4.\[\&\&\&\&_\[data-directory-rename\]\]\:\!h-4.\[\&\&\&\&_\[data-directory-rename\]\]\:\!h-4 [data-directory-rename] {
  height: 1rem !important;
}
.\[\&\&\&\&_\[data-directory-section-title\]\]\:\!text-\[length\:var\(--workspace-tab-font-size\)\].\[\&\&\&\&_\[data-directory-section-title\]\]\:\!text-\[length\:var\(--workspace-tab-font-size\)\].\[\&\&\&\&_\[data-directory-section-title\]\]\:\!text-\[length\:var\(--workspace-tab-font-size\)\].\[\&\&\&\&_\[data-directory-section-title\]\]\:\!text-\[length\:var\(--workspace-tab-font-size\)\] [data-directory-section-title] {
  font-size: var(--workspace-tab-font-size) !important;
}
.\[\&\&\&\&_\[data-directory-section-title\]\]\:\!font-normal.\[\&\&\&\&_\[data-directory-section-title\]\]\:\!font-normal.\[\&\&\&\&_\[data-directory-section-title\]\]\:\!font-normal.\[\&\&\&\&_\[data-directory-section-title\]\]\:\!font-normal [data-directory-section-title] {
  font-weight: 400 !important;
}
.\[\&\&\&_\[data-directory-card-title\]\]\:\!line-clamp-none.\[\&\&\&_\[data-directory-card-title\]\]\:\!line-clamp-none.\[\&\&\&_\[data-directory-card-title\]\]\:\!line-clamp-none [data-directory-card-title] {
  overflow: visible !important;
  display: block !important;
  -webkit-box-orient: horizontal !important;
  -webkit-line-clamp: none !important;
}
.\[\&\&\&_\[data-directory-card-title\]\]\:\!text-\[length\:var\(--workspace-tab-font-size\)\].\[\&\&\&_\[data-directory-card-title\]\]\:\!text-\[length\:var\(--workspace-tab-font-size\)\].\[\&\&\&_\[data-directory-card-title\]\]\:\!text-\[length\:var\(--workspace-tab-font-size\)\] [data-directory-card-title] {
  font-size: var(--workspace-tab-font-size) !important;
}
.\[\&\&\&_\[data-directory-card-title\]\]\:\!leading-snug.\[\&\&\&_\[data-directory-card-title\]\]\:\!leading-snug.\[\&\&\&_\[data-directory-card-title\]\]\:\!leading-snug [data-directory-card-title] {
  line-height: 1.375 !important;
}
.\[\&\&\&_\[data-directory-card-title\]\]\:\[overflow-wrap\:anywhere\].\[\&\&\&_\[data-directory-card-title\]\]\:\[overflow-wrap\:anywhere\].\[\&\&\&_\[data-directory-card-title\]\]\:\[overflow-wrap\:anywhere\] [data-directory-card-title] {
  overflow-wrap: anywhere;
}
.\[\&\&\&_\[data-directory-toggle\]_button\]\:\!text-\[length\:var\(--workspace-tab-font-size\)\].\[\&\&\&_\[data-directory-toggle\]_button\]\:\!text-\[length\:var\(--workspace-tab-font-size\)\].\[\&\&\&_\[data-directory-toggle\]_button\]\:\!text-\[length\:var\(--workspace-tab-font-size\)\] [data-directory-toggle] button {
  font-size: var(--workspace-tab-font-size) !important;
}
.\[\&\&\&_\[data-directory-toggle\]_span\]\:\!text-\[length\:var\(--workspace-tab-font-size\)\].\[\&\&\&_\[data-directory-toggle\]_span\]\:\!text-\[length\:var\(--workspace-tab-font-size\)\].\[\&\&\&_\[data-directory-toggle\]_span\]\:\!text-\[length\:var\(--workspace-tab-font-size\)\] [data-directory-toggle] span {
  font-size: var(--workspace-tab-font-size) !important;
}
.\[\&\&\&_\[data-slot\=item-media\]_svg\]\:\!size-2\.5.\[\&\&\&_\[data-slot\=item-media\]_svg\]\:\!size-2\.5.\[\&\&\&_\[data-slot\=item-media\]_svg\]\:\!size-2\.5 [data-slot=item-media] svg {
  width: 0.625rem !important;
  height: 0.625rem !important;
}
.\[\&\&\&_\[data-slot\=item-title\]\]\:\!text-\[length\:var\(--workspace-tab-font-size\)\].\[\&\&\&_\[data-slot\=item-title\]\]\:\!text-\[length\:var\(--workspace-tab-font-size\)\].\[\&\&\&_\[data-slot\=item-title\]\]\:\!text-\[length\:var\(--workspace-tab-font-size\)\] [data-slot=item-title] {
  font-size: var(--workspace-tab-font-size) !important;
}
.\[\&\&\&_\[data-slot\=item-title\]\]\:\!leading-tight.\[\&\&\&_\[data-slot\=item-title\]\]\:\!leading-tight.\[\&\&\&_\[data-slot\=item-title\]\]\:\!leading-tight [data-slot=item-title] {
  line-height: 1.25 !important;
}
.\[\&\&\&_\[data-slot\=item\]\[data-size\=xs\]\]\:\!h-\[18px\].\[\&\&\&_\[data-slot\=item\]\[data-size\=xs\]\]\:\!h-\[18px\].\[\&\&\&_\[data-slot\=item\]\[data-size\=xs\]\]\:\!h-\[18px\] [data-slot=item][data-size=xs] {
  height: 18px !important;
}
.\[\&\&\&_\[data-slot\=item\]\[data-size\=xs\]\]\:\!min-h-\[18px\].\[\&\&\&_\[data-slot\=item\]\[data-size\=xs\]\]\:\!min-h-\[18px\].\[\&\&\&_\[data-slot\=item\]\[data-size\=xs\]\]\:\!min-h-\[18px\] [data-slot=item][data-size=xs] {
  min-height: 18px !important;
}
.\[\&\&\&_\[role\=tab\]\]\:\!h-\[18px\].\[\&\&\&_\[role\=tab\]\]\:\!h-\[18px\].\[\&\&\&_\[role\=tab\]\]\:\!h-\[18px\] [role=tab] {
  height: 18px !important;
}
.\[\&\&\&_\[role\=tab\]\]\:\!min-h-\[18px\].\[\&\&\&_\[role\=tab\]\]\:\!min-h-\[18px\].\[\&\&\&_\[role\=tab\]\]\:\!min-h-\[18px\] [role=tab] {
  min-height: 18px !important;
}
.\[\&\&\&_\[role\=tab\]\]\:\!px-1.\[\&\&\&_\[role\=tab\]\]\:\!px-1.\[\&\&\&_\[role\=tab\]\]\:\!px-1 [role=tab] {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.\[\&\&\&_\[role\=tab\]\]\:\!text-\[length\:var\(--workspace-tab-font-size\)\].\[\&\&\&_\[role\=tab\]\]\:\!text-\[length\:var\(--workspace-tab-font-size\)\].\[\&\&\&_\[role\=tab\]\]\:\!text-\[length\:var\(--workspace-tab-font-size\)\] [role=tab] {
  font-size: var(--workspace-tab-font-size) !important;
}
.\[\&\&\&_\[role\=tablist\]\]\:\!h-5.\[\&\&\&_\[role\=tablist\]\]\:\!h-5.\[\&\&\&_\[role\=tablist\]\]\:\!h-5 [role=tablist] {
  height: 1.25rem !important;
}
.\[\&\&\&_\[role\=tablist\]\]\:\!min-h-5.\[\&\&\&_\[role\=tablist\]\]\:\!min-h-5.\[\&\&\&_\[role\=tablist\]\]\:\!min-h-5 [role=tablist] {
  min-height: 1.25rem !important;
}
.\[\&\&\&_\[role\=tablist\]\]\:gap-px.\[\&\&\&_\[role\=tablist\]\]\:gap-px.\[\&\&\&_\[role\=tablist\]\]\:gap-px [role=tablist] {
  gap: 1px;
}
.\[\&\&_button\]\:\!text-\[length\:var\(--workspace-tab-font-size\)\].\[\&\&_button\]\:\!text-\[length\:var\(--workspace-tab-font-size\)\] button {
  font-size: var(--workspace-tab-font-size) !important;
}
.\[\&\&_input\]\:\!h-6.\[\&\&_input\]\:\!h-6 input {
  height: 1.5rem !important;
}
.\[\&\&_input\]\:\!text-\[length\:var\(--workspace-tab-font-size\)\].\[\&\&_input\]\:\!text-\[length\:var\(--workspace-tab-font-size\)\] input {
  font-size: var(--workspace-tab-font-size) !important;
}
.\[\&\+\[cmdk-item\]\]\:mt-1+[cmdk-item] {
  margin-top: 0.25rem;
}
.\[\&\+\[data-slot\=item-content\]\]\:flex-none+[data-slot=item-content] {
  flex: none;
}
.\[\&\.board-column-drag-active_section\]\:transition-none.board-column-drag-active section {
  transition-property: none;
}
.\[\&\.board-drag-active\]\:\!scroll-auto.board-drag-active {
  scroll-behavior: auto !important;
}
.\[\&\.board-drag-active_\*\]\:\!transition-none.board-drag-active * {
  transition-property: none !important;
}
.\[\&\.board-drag-active_article\[data-dragging\]\]\:opacity-35.board-drag-active article[data-dragging] {
  opacity: 0.35;
}
.\[\&\.board-drag-active_article\]\:transition-none.board-drag-active article {
  transition-property: none;
}
.\[\&\.board-marquee-active_article\[data-marquee-hit\]\]\:bg-foreground\/20.board-marquee-active article[data-marquee-hit] {
  background-color: hsl(var(--foreground) / 0.2);
}
.\[\&\.board-marquee-active_article\[data-marquee-hit\]\]\:shadow-\[inset_0_0_0_2px_hsl\(var\(--primary\)\)\].board-marquee-active article[data-marquee-hit] {
  --tw-shadow: inset 0 0 0 2px hsl(var(--primary));
  --tw-shadow-colored: inset 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.\[\&\.board-marquee-active_article\[data-marquee-hit\]\]\:shadow-\[inset_0_0_0_2px_var\(--primary\)\].board-marquee-active article[data-marquee-hit] {
  --tw-shadow: inset 0 0 0 2px var(--primary);
  --tw-shadow-colored: inset 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.\[\&\.board-marquee-active_article\]\:transition-none.board-marquee-active article {
  transition-property: none;
}
.\[\&\.board-marquee-replace_article\[data-selected\]\:not\(\[data-marquee-hit\]\)\]\:\!bg-background\/60.board-marquee-replace article[data-selected]:not([data-marquee-hit]) {
  background-color: hsl(var(--background) / 0.6) !important;
}
.\[\&\.board-marquee-replace_article\[data-selected\]\:not\(\[data-marquee-hit\]\)\]\:shadow-none.board-marquee-replace article[data-selected]:not([data-marquee-hit]) {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.\[\&\.board-marquee-replace_article\[data-selected\]\:not\(\[data-marquee-hit\]\)_\[aria-hidden\]\]\:hidden.board-marquee-replace article[data-selected]:not([data-marquee-hit]) [aria-hidden] {
  display: none;
}
.\[\&\.checklist-marquee-active_\[data-checklist-item-id\]\[data-marquee-hit\]\]\:bg-sidebar-primary\/25.checklist-marquee-active [data-checklist-item-id][data-marquee-hit] {
  background-color: hsl(var(--sidebar-primary) / 0.25);
}
.\[\&\.checklist-marquee-active_\[data-checklist-item-id\]\[data-marquee-hit\]\]\:shadow-\[inset_0_0_0_2px_hsl\(var\(--primary\)\)\].checklist-marquee-active [data-checklist-item-id][data-marquee-hit] {
  --tw-shadow: inset 0 0 0 2px hsl(var(--primary));
  --tw-shadow-colored: inset 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.\[\&\.checklist-marquee-active_\[data-checklist-item-id\]\[data-marquee-hit\]\]\:shadow-\[inset_0_0_0_2px_var\(--primary\)\].checklist-marquee-active [data-checklist-item-id][data-marquee-hit] {
  --tw-shadow: inset 0 0 0 2px var(--primary);
  --tw-shadow-colored: inset 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.\[\&\.checklist-marquee-replace_\[data-checklist-item-id\]\[data-selected\]\:not\(\[data-marquee-hit\]\)\]\:\!bg-transparent.checklist-marquee-replace [data-checklist-item-id][data-selected]:not([data-marquee-hit]) {
  background-color: transparent !important;
}
.\[\&\.checklist-marquee-replace_\[data-checklist-item-id\]\[data-selected\]\:not\(\[data-marquee-hit\]\)_\[data-checklist-select-ring\]\]\:hidden.checklist-marquee-replace [data-checklist-item-id][data-selected]:not([data-marquee-hit]) [data-checklist-select-ring] {
  display: none;
}
.\[\&\:\:-webkit-color-swatch-wrapper\]\:p-0::-webkit-color-swatch-wrapper {
  padding: 0px;
}
.\[\&\:\:-webkit-color-swatch\]\:rounded-full::-webkit-color-swatch {
  border-radius: 9999px;
}
.\[\&\:\:-webkit-color-swatch\]\:rounded-md::-webkit-color-swatch {
  border-radius: calc(var(--radius) - 2px);
}
.\[\&\:\:-webkit-color-swatch\]\:border-0::-webkit-color-swatch {
  border-width: 0px;
}
.\[\&\:\:-webkit-color-swatch\]\:border-none::-webkit-color-swatch {
  border-style: none;
}
.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
  display: none;
}
.\[\&\:\:-webkit-inner-spin-button\]\:m-0::-webkit-inner-spin-button {
  margin: 0px;
}
.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
}
.\[\&\:\:-webkit-outer-spin-button\]\:m-0::-webkit-outer-spin-button {
  margin: 0px;
}
.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button {
  -webkit-appearance: none;
          appearance: none;
}
.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded::-webkit-scrollbar-thumb {
  border-radius: 0.25rem;
}
.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full::-webkit-scrollbar-thumb {
  border-radius: 9999px;
}
.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-\[var\(--color-border\2c \#d4d4d8\)\]::-webkit-scrollbar-thumb {
  background-color: var(--color-border,#d4d4d8);
}
.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-white\/30::-webkit-scrollbar-thumb {
  background-color: rgb(255 255 255 / 0.3);
}
.\[\&\:\:-webkit-scrollbar-track\]\:rounded::-webkit-scrollbar-track {
  border-radius: 0.25rem;
}
.\[\&\:\:-webkit-scrollbar-track\]\:bg-transparent::-webkit-scrollbar-track {
  background-color: transparent;
}
.\[\&\:\:-webkit-scrollbar-track\]\:bg-white\/10::-webkit-scrollbar-track {
  background-color: rgb(255 255 255 / 0.1);
}
.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
  display: none;
}
.\[\&\:\:-webkit-scrollbar\]\:h-1\.5::-webkit-scrollbar {
  height: 0.375rem;
}
.\[\&\:\:-webkit-scrollbar\]\:w-1\.5::-webkit-scrollbar {
  width: 0.375rem;
}
.\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button {
  display: none;
}
.\[\&\:\:-webkit-search-cancel-button\]\:appearance-none::-webkit-search-cancel-button {
  -webkit-appearance: none;
          appearance: none;
}
.\[\&\:\:-webkit-slider-thumb\]\:h-3::-webkit-slider-thumb {
  height: 0.75rem;
}
.\[\&\:\:-webkit-slider-thumb\]\:h-4::-webkit-slider-thumb {
  height: 1rem;
}
.\[\&\:\:-webkit-slider-thumb\]\:w-3::-webkit-slider-thumb {
  width: 0.75rem;
}
.\[\&\:\:-webkit-slider-thumb\]\:w-4::-webkit-slider-thumb {
  width: 1rem;
}
.\[\&\:\:-webkit-slider-thumb\]\:cursor-pointer::-webkit-slider-thumb {
  cursor: pointer;
}
.\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
}
.\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb {
  border-radius: 9999px;
}
.\[\&\:\:-webkit-slider-thumb\]\:bg-\[\#9acd32\]::-webkit-slider-thumb {
  --tw-bg-opacity: 1;
  background-color: rgb(154 205 50 / var(--tw-bg-opacity));
}
.\[\&\:\:-webkit-slider-thumb\]\:bg-primary::-webkit-slider-thumb {
  background-color: hsl(var(--primary));
}
.\[\&\:empty\]\:before\:pointer-events-none:empty::before {
  content: var(--tw-content);
  pointer-events: none;
}
.\[\&\:empty\]\:before\:text-muted-foreground\/30:empty::before {
  content: var(--tw-content);
  color: hsl(var(--muted-foreground) / 0.3);
}
.\[\&\:empty\]\:before\:text-muted-foreground\/40:empty::before {
  content: var(--tw-content);
  color: hsl(var(--muted-foreground) / 0.4);
}
.\[\&\:empty\]\:before\:text-muted-foreground\/50:empty::before {
  content: var(--tw-content);
  color: hsl(var(--muted-foreground) / 0.5);
}
.\[\&\:empty\]\:before\:text-muted-foreground\/60:empty::before {
  content: var(--tw-content);
  color: hsl(var(--muted-foreground) / 0.6);
}
.\[\&\:empty\]\:before\:content-\[attr\(data-placeholder\)\]:empty::before {
  --tw-content: attr(data-placeholder);
  content: var(--tw-content);
}
.\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected=true] button {
  border-top-left-radius: calc(var(--radius) - 2px);
  border-bottom-left-radius: calc(var(--radius) - 2px);
}
.\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md:has(>.day-range-end) {
  border-top-right-radius: calc(var(--radius) - 2px);
  border-bottom-right-radius: calc(var(--radius) - 2px);
}
.\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md:has(>.day-range-start) {
  border-top-left-radius: calc(var(--radius) - 2px);
  border-bottom-left-radius: calc(var(--radius) - 2px);
}
.\[\&\:has\(\>\[data-page-header\]\)\>\[data-fallback\]\]\:hidden:has(>[data-page-header])>[data-fallback] {
  display: none;
}
.\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]) {
  border-radius: calc(var(--radius) - 2px);
}
.\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]) {
  background-color: hsl(var(--accent));
}
.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child {
  border-top-left-radius: calc(var(--radius) - 2px);
  border-bottom-left-radius: calc(var(--radius) - 2px);
}
.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child {
  border-top-right-radius: calc(var(--radius) - 2px);
  border-bottom-right-radius: calc(var(--radius) - 2px);
}
.\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50:has([aria-selected].day-outside) {
  background-color: hsl(var(--accent) / 0.5);
}
.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end) {
  border-top-right-radius: calc(var(--radius) - 2px);
  border-bottom-right-radius: calc(var(--radius) - 2px);
}
.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
  padding-right: 0px;
}
.\[\&\:has\(svg\)\]\:pl-11:has(svg) {
  padding-left: 2.75rem;
}
.\[\&\:hover_\.sh-art\]\:opacity-100:hover .sh-art {
  opacity: 1;
}
.\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected=true] button {
  border-top-right-radius: calc(var(--radius) - 2px);
  border-bottom-right-radius: calc(var(--radius) - 2px);
}
.\[\&\:last-child\]\:rounded-b-xl:last-child {
  border-bottom-right-radius: calc(var(--radius) + 4px);
  border-bottom-left-radius: calc(var(--radius) + 4px);
}
.\[\&\:not\(\:first-child\)\]\:mt-2:not(:first-child) {
  margin-top: 0.5rem;
}
.\[\&\:not\(\[data-pinned\]\)\:has\(\+\[data-pinned\]\)_div\.cursor-col-resize\:last-child\]\:opacity-0:not([data-pinned]):has(+[data-pinned]) div.cursor-col-resize:last-child {
  opacity: 0;
}
@media (min-width: 640px) {
  .sm\:\[\&\:nth-child\(2n\)\]\:border-r-0:nth-child(2n) {
    border-right-width: 0px;
  }
}
@media (min-width: 1280px) {
  .xl\:\[\&\:nth-child\(2n\)\]\:border-r:nth-child(2n) {
    border-right-width: 1px;
  }
  .xl\:\[\&\:nth-child\(3n\)\]\:border-r-0:nth-child(3n) {
    border-right-width: 0px;
  }
}
.\[\&\>\*\:first-child\]\:mt-0>*:first-child {
  margin-top: 0px;
}
.\[\&\>\*\:first-child\]\:before\:-top-1>*:first-child::before {
  content: var(--tw-content);
  top: -0.25rem;
}
.\[\&\>\*\:focus-within\]\:z-10>*:focus-within {
  z-index: 10;
}
.\[\&\>\*\:focus-within\]\:ring-1>*:focus-within {
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.\[\&\>\*\:focus-within\]\:ring-offset-1>*:focus-within {
  --tw-ring-offset-width: 1px;
}
.\[\&\>\*\:focus-within\]\:ring-offset-2>*:focus-within {
  --tw-ring-offset-width: 2px;
}
.\[\&\>\*\:last-child\]\:mb-0>*:last-child {
  margin-bottom: 0px;
}
.\[\&\>\*\:last-child\]\:before\:bottom-1\/2>*:last-child::before {
  content: var(--tw-content);
  bottom: 50%;
}
.\[\&\>\*\:not\(\.lucide-check\)\]\:hidden>*:not(.lucide-check) {
  display: none;
}
.\[\&\>\*\:not\(\.lucide-circle\)\]\:hidden>*:not(.lucide-circle) {
  display: none;
}
.\[\&\>\*\:not\(\.lucide-x\)\]\:hidden>*:not(.lucide-x) {
  display: none;
}
.\[\&\>\*\:not\(\.timeline-icon-check\)\]\:hidden>*:not(.timeline-icon-check) {
  display: none;
}
.\[\&\>\*\:not\(\.timeline-icon-circle\)\]\:hidden>*:not(.timeline-icon-circle) {
  display: none;
}
.\[\&\>\*\:not\(\.timeline-icon-x\)\]\:hidden>*:not(.timeline-icon-x) {
  display: none;
}
.\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none>*:not(:first-child) {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none>*:not(:first-child) {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.\[\&\>\*\:not\(\:first-child\)\]\:border-l-0>*:not(:first-child) {
  border-left-width: 0px;
}
.\[\&\>\*\:not\(\:first-child\)\]\:border-t-0>*:not(:first-child) {
  border-top-width: 0px;
}
@media (min-width: 640px) {
  .sm\:\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none>*:not(:first-child) {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }
}
.\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none>*:not(:last-child) {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none>*:not(:last-child) {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
@media (min-width: 640px) {
  .sm\:\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none>*:not(:last-child) {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }
}
.\[\&\>\*\:not\(\:nth-child\(4\)\)\]\:hidden>*:not(:nth-child(4)) {
  display: none;
}
.\[\&\>\*\:nth-child\(4\)\]\:block>*:nth-child(4) {
  display: block;
}
.\[\&\>\*\]\:pointer-events-auto>* {
  pointer-events: auto;
}
.\[\&\>\*\]\:absolute>* {
  position: absolute;
}
.\[\&\>\*\]\:relative>* {
  position: relative;
}
.\[\&\>\*\]\:inset-0>* {
  inset: 0px;
}
.\[\&\>\*\]\:mb-2>* {
  margin-bottom: 0.5rem;
}
.\[\&\>\*\]\:mb-4>* {
  margin-bottom: 1rem;
}
.\[\&\>\*\]\:hidden>* {
  display: none;
}
.\[\&\>\*\]\:h-10>* {
  height: 2.5rem;
}
.\[\&\>\*\]\:h-11>* {
  height: 2.75rem;
}
.\[\&\>\*\]\:h-9>* {
  height: 2.25rem;
}
.\[\&\>\*\]\:h-full>* {
  height: 100%;
}
.\[\&\>\*\]\:\!min-h-0>* {
  min-height: 0px !important;
}
.\[\&\>\*\]\:min-h-0>* {
  min-height: 0px;
}
.\[\&\>\*\]\:min-h-11>* {
  min-height: 2.75rem;
}
.\[\&\>\*\]\:\!w-full>* {
  width: 100% !important;
}
.\[\&\>\*\]\:w-10>* {
  width: 2.5rem;
}
.\[\&\>\*\]\:w-\[11\.25rem\]>* {
  width: 11.25rem;
}
.\[\&\>\*\]\:w-full>* {
  width: 100%;
}
.\[\&\>\*\]\:min-w-0>* {
  min-width: 0px;
}
.\[\&\>\*\]\:min-w-\[11\.25rem\]>* {
  min-width: 11.25rem;
}
.\[\&\>\*\]\:\!max-w-none>* {
  max-width: none !important;
}
.\[\&\>\*\]\:flex-1>* {
  flex: 1 1 0%;
}
.\[\&\>\*\]\:shrink-0>* {
  flex-shrink: 0;
}
.\[\&\>\*\]\:basis-1\/4>* {
  flex-basis: 25%;
}
.\[\&\>\*\]\:justify-center>* {
  justify-content: center;
}
.\[\&\>\*\]\:rounded-md>* {
  border-radius: calc(var(--radius) - 2px);
}
.\[\&\>\*\]\:px-3>* {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.\[\&\>\*\]\:px-4>* {
  padding-left: 1rem;
  padding-right: 1rem;
}
.\[\&\>\*\]\:px-8>* {
  padding-left: 2rem;
  padding-right: 2rem;
}
.\[\&\>\*\]\:py-2>* {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.\[\&\>\*\]\:pl-\[18px\]>* {
  padding-left: 18px;
}
.\[\&\>\*\]\:outline>* {
  outline-style: solid;
}
.\[\&\>\*\]\:outline-1>* {
  outline-width: 1px;
}
.\[\&\>\*\]\:outline-zinc-500>* {
  outline-color: #71717a;
}
.\[\&\>\*\]\:ring-offset-0>* {
  --tw-ring-offset-width: 0px;
}
.\[\&\>\*\]\:before\:pointer-events-none>*::before {
  content: var(--tw-content);
  pointer-events: none;
}
.\[\&\>\*\]\:before\:absolute>*::before {
  content: var(--tw-content);
  position: absolute;
}
.\[\&\>\*\]\:before\:bottom-0>*::before {
  content: var(--tw-content);
  bottom: 0px;
}
.\[\&\>\*\]\:before\:left-\[9px\]>*::before {
  content: var(--tw-content);
  left: 9px;
}
.\[\&\>\*\]\:before\:top-0>*::before {
  content: var(--tw-content);
  top: 0px;
}
.\[\&\>\*\]\:before\:w-px>*::before {
  content: var(--tw-content);
  width: 1px;
}
.\[\&\>\*\]\:before\:bg-foreground\/20>*::before {
  content: var(--tw-content);
  background-color: hsl(var(--foreground) / 0.2);
}
.\[\&\>\*\]\:before\:content-\[\'\'\]>*::before {
  --tw-content: '';
  content: var(--tw-content);
}
.\[\&\>\*\]\:after\:pointer-events-none>*::after {
  content: var(--tw-content);
  pointer-events: none;
}
.\[\&\>\*\]\:after\:absolute>*::after {
  content: var(--tw-content);
  position: absolute;
}
.\[\&\>\*\]\:after\:left-\[9px\]>*::after {
  content: var(--tw-content);
  left: 9px;
}
.\[\&\>\*\]\:after\:top-1\/2>*::after {
  content: var(--tw-content);
  top: 50%;
}
.\[\&\>\*\]\:after\:h-px>*::after {
  content: var(--tw-content);
  height: 1px;
}
.\[\&\>\*\]\:after\:w-\[9px\]>*::after {
  content: var(--tw-content);
  width: 9px;
}
.\[\&\>\*\]\:after\:bg-foreground\/20>*::after {
  content: var(--tw-content);
  background-color: hsl(var(--foreground) / 0.2);
}
.\[\&\>\*\]\:after\:content-\[\'\'\]>*::after {
  --tw-content: '';
  content: var(--tw-content);
}
.\[\&\>\*\]\:focus-visible\:relative:focus-visible>* {
  position: relative;
}
.\[\&\>\*\]\:focus-visible\:z-10:focus-visible>* {
  z-index: 10;
}
.\[\&\>\*\]\:data-\[slot\=field\]\:p-4[data-slot="field"]>* {
  padding: 1rem;
}
.\[\&\>\.lucide-check\]\:text-background>.lucide-check {
  color: hsl(var(--background));
}
.\[\&\>\.lucide-circle\]\:fill-current>.lucide-circle {
  fill: currentColor;
}
.\[\&\>\.lucide-circle\]\:text-current>.lucide-circle {
  color: currentColor;
}
.\[\&\>\.lucide-x\]\:text-background>.lucide-x {
  color: hsl(var(--background));
}
.\[\&\>\.sr-only\]\:w-auto>.sr-only {
  width: auto;
}
.\[\&\>\.timeline-icon-check\>svg\]\:text-background>.timeline-icon-check>svg {
  color: hsl(var(--background));
}
.\[\&\>\.timeline-icon-circle\>svg\]\:fill-current>.timeline-icon-circle>svg {
  fill: currentColor;
}
.\[\&\>\.timeline-icon-circle\>svg\]\:text-current>.timeline-icon-circle>svg {
  color: currentColor;
}
.\[\&\>\.timeline-icon-x\>svg\]\:text-background>.timeline-icon-x>svg {
  color: hsl(var(--background));
}
.\[\&\>\:first-child\:not\(button\2c fieldset\)\]\:ml-2>:first-child:not(button,fieldset) {
  margin-left: 0.5rem;
}
.\[\&\>\[data-home-widget-id\]\:first-child\>div\]\:rounded-t-none>[data-home-widget-id]:first-child>div {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.\[\&\>\[data-home-widget-id\]\:last-child\>div\]\:rounded-b-none>[data-home-widget-id]:last-child>div {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.\[\&\>\[data-orientation\=vertical\]\]\:top-\[65px\]>[data-orientation=vertical] {
  top: 65px;
}
.\[\&\>\[data-orientation\=vertical\]\]\:hidden>[data-orientation=vertical] {
  display: none;
}
.group[data-collapsible="icon"] .\[\&\>\[data-slot\=card\]\]\:group-data-\[collapsible\=icon\]\:hidden>[data-slot=card] {
  display: none;
}
.\[\&\>\[data-slot\=field-group\]\]\:gap-4>[data-slot=field-group] {
  gap: 1rem;
}
.\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label] {
  flex: 1 1 auto;
}
.\[\&\>\[data-slot\=field\]\]\:p-4>[data-slot=field] {
  padding: 1rem;
}
.\[\&\>\[data-slot\=progress-indicator\]\]\:bg-emerald-500>[data-slot=progress-indicator] {
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity));
}
.\[\&\>\[data-slot\=progress-indicator\]\]\:bg-red-500>[data-slot=progress-indicator] {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}
.has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-lg>[data-slot=select-trigger]:last-of-type:has(select[aria-hidden=true]:last-child) {
  border-top-right-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}
.has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md>[data-slot=select-trigger]:last-of-type:has(select[aria-hidden=true]:last-child) {
  border-top-right-radius: calc(var(--radius) - 2px);
  border-bottom-right-radius: calc(var(--radius) - 2px);
}
.\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit>[data-slot=select-trigger]:not([class*='w-']) {
  width: -moz-fit-content;
  width: fit-content;
}
.\[\&\>\[data-slot\=table-container\]\]\:h-full>[data-slot=table-container] {
  height: 100%;
}
.\[\&\>\[data-slot\]\~\[data-slot\]\]\:rounded-l-none>[data-slot]~[data-slot] {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.\[\&\>\[data-slot\]\~\[data-slot\]\]\:rounded-t-none>[data-slot]~[data-slot] {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.\[\&\>\[data-slot\]\~\[data-slot\]\]\:border-l-0>[data-slot]~[data-slot] {
  border-left-width: 0px;
}
.\[\&\>\[data-slot\]\~\[data-slot\]\]\:border-t-0>[data-slot]~[data-slot] {
  border-top-width: 0px;
}
.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox] {
  --tw-translate-y: 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));
}
.\[\&\>a\:hover\]\:text-primary>a:hover {
  color: hsl(var(--primary));
}
.\[\&\>a\]\:underline>a {
  text-decoration-line: underline;
}
.\[\&\>a\]\:underline-offset-4>a {
  text-underline-offset: 4px;
}
.\[\&\>button\:hover\]\:\!bg-accent>button:hover {
  background-color: hsl(var(--accent)) !important;
}
.\[\&\>button\:hover\]\:\!bg-muted>button:hover {
  background-color: hsl(var(--muted)) !important;
}
.\[\&\>button\:last-child\]\:hidden>button:last-child {
  display: none;
}
.\[\&\>button\>span\]\:text-\[11px\]>button>span {
  font-size: 11px;
}
.\[\&\>button\>span\]\:font-medium>button>span {
  font-weight: 500;
}
.\[\&\>button\>span\]\:\!lowercase>button>span {
  text-transform: lowercase !important;
}
.\[\&\>button\>span\]\:\!normal-case>button>span {
  text-transform: none !important;
}
.\[\&\>button\>span\]\:tracking-normal>button>span {
  letter-spacing: -0.025em;
}
.\[\&\>button\]\:pointer-events-auto>button {
  pointer-events: auto;
}
.\[\&\>button\]\:absolute>button {
  position: absolute;
}
.\[\&\>button\]\:bottom-0>button {
  bottom: 0px;
}
.\[\&\>button\]\:right-0>button {
  right: 0px;
}
.\[\&\>button\]\:hidden>button {
  display: none;
}
.\[\&\>button\]\:h-full>button {
  height: 100%;
}
.\[\&\>button\]\:flex-1>button {
  flex: 1 1 0%;
}
.\[\&\>button\]\:justify-center>button {
  justify-content: center;
}
.\[\&\>button\]\:overflow-hidden>button {
  overflow: hidden;
}
.\[\&\>button\]\:\!border-border>button {
  border-color: hsl(var(--border)) !important;
}
.\[\&\>button\]\:\!bg-card>button {
  background-color: hsl(var(--card)) !important;
}
.\[\&\>button\]\:px-1\.5>button {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.\[\&\>button\]\:py-1>button {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.\[\&\>button\]\:\!text-foreground>button {
  color: hsl(var(--foreground)) !important;
}
.\[\&\>button\]\:line-through>button {
  text-decoration-line: line-through;
}
.\[\&\>div\:first-child\]\:overflow-hidden>div:first-child {
  overflow: hidden;
}
.\[\&\>div\:first-child\]\:\!rounded>div:first-child {
  border-radius: 0.25rem !important;
}
.\[\&\>div\:last-child\]\:hidden>div:last-child {
  display: none;
}
.\[\&\>div\]\:h-1\.5>div {
  height: 0.375rem;
}
.\[\&\>div\]\:h-full>div {
  height: 100%;
}
.\[\&\>div\]\:flex-1>div {
  flex: 1 1 0%;
}
.\[\&\>div\]\:flex-wrap>div {
  flex-wrap: wrap;
}
.\[\&\>div\]\:justify-start>div {
  justify-content: flex-start;
}
.\[\&\>div\]\:gap-0\.5>div {
  gap: 0.125rem;
}
.\[\&\>div\]\:rounded-full>div {
  border-radius: 9999px;
}
.\[\&\>div\]\:bg-accent>div {
  background-color: hsl(var(--accent));
}
.\[\&\>div\]\:bg-amber-300>div {
  --tw-bg-opacity: 1;
  background-color: rgb(252 211 77 / var(--tw-bg-opacity));
}
.\[\&\>div\]\:bg-amber-500>div {
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity));
}
.\[\&\>div\]\:bg-amber-600>div {
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / var(--tw-bg-opacity));
}
.\[\&\>div\]\:bg-blue-500>div {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.\[\&\>div\]\:bg-foreground>div {
  background-color: hsl(var(--foreground));
}
.\[\&\>div\]\:bg-foreground\/70>div {
  background-color: hsl(var(--foreground) / 0.7);
}
.\[\&\>div\]\:bg-muted-foreground\/30>div {
  background-color: hsl(var(--muted-foreground) / 0.3);
}
.\[\&\>div\]\:bg-neutral-100>div {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
.\[\&\>div\]\:bg-orange-400>div {
  --tw-bg-opacity: 1;
  background-color: rgb(251 146 60 / var(--tw-bg-opacity));
}
.\[\&\>div\]\:bg-red-500>div {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}
.\[\&\>div\]\:bg-teal-400>div {
  --tw-bg-opacity: 1;
  background-color: rgb(45 212 191 / var(--tw-bg-opacity));
}
.\[\&\>div\]\:text-black>div {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.\[\&\>div\]\:backdrop-blur-xl>div {
  --tw-backdrop-blur: blur(24px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.\[\&\>img\]\:h-3>img {
  height: 0.75rem;
}
.\[\&\>img\]\:h-3\.5>img {
  height: 0.875rem;
}
.\[\&\>img\]\:h-4>img {
  height: 1rem;
}
.\[\&\>img\]\:w-3>img {
  width: 0.75rem;
}
.\[\&\>img\]\:w-3\.5>img {
  width: 0.875rem;
}
.\[\&\>img\]\:w-4>img {
  width: 1rem;
}
.\[\&\>input\]\:flex-1>input {
  flex: 1 1 0%;
}
.has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3>input:has(>[data-align=block-end]) {
  padding-top: 0.75rem;
}
.has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3>input:has(>[data-align=block-start]) {
  padding-bottom: 0.75rem;
}
.has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-1\.5>input:has(>[data-align=inline-end]) {
  padding-right: 0.375rem;
}
.has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2>input:has(>[data-align=inline-end]) {
  padding-right: 0.5rem;
}
.has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-1\.5>input:has(>[data-align=inline-start]) {
  padding-left: 0.375rem;
}
.has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2>input:has(>[data-align=inline-start]) {
  padding-left: 0.5rem;
}
.\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\]>kbd {
  border-radius: calc(var(--radius) - 5px);
}
.\[\&\>li\]\:grid-cols-\[0_min-content_1fr\]>li {
  grid-template-columns: 0 min-content 1fr;
}
.\[\&\>li\]\:grid-cols-\[1fr_min-content\]>li {
  grid-template-columns: 1fr min-content;
}
.\[\&\>li\]\:grid-cols-\[1fr_min-content_1fr\]>li {
  grid-template-columns: 1fr min-content 1fr;
}
.\[\&\>p\]\:mb-3>p {
  margin-bottom: 0.75rem;
}
.\[\&\>span\:last-child\]\:truncate>span:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.\[\&\>span\:last-of-type\]\:sr-only>span:last-of-type {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.\[\&\>span\]\:line-clamp-1>span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.\[\&\>span\]\:flex>span {
  display: flex;
}
.\[\&\>span\]\:h-3>span {
  height: 0.75rem;
}
.\[\&\>span\]\:w-3>span {
  width: 0.75rem;
}
.\[\&\>span\]\:items-center>span {
  align-items: center;
}
.\[\&\>span\]\:border-border\/60>span {
  border-color: hsl(var(--border) / 0.6);
}
.\[\&\>span\]\:border-primary>span {
  border-color: hsl(var(--primary));
}
.\[\&\>span\]\:text-xs>span {
  font-size: 0.75rem;
  line-height: 1rem;
}
.\[\&\>span\]\:leading-none>span {
  line-height: 1;
}
.\[\&\>span\]\:opacity-70>span {
  opacity: 0.7;
}
.\[\&\>span\]\:data-\[state\=checked\]\:translate-x-3[data-state="checked"]>span {
  --tw-translate-x: 0.75rem;
  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));
}
.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div {
  --tw-translate-y: -3px;
  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));
}
.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5>svg:not([class*='size-']) {
  width: 0.875rem;
  height: 0.875rem;
}
.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4>svg:not([class*='size-']) {
  width: 1rem;
  height: 1rem;
}
.\[\&\>svg\]\:pointer-events-none>svg {
  pointer-events: none;
}
.\[\&\>svg\]\:absolute>svg {
  position: absolute;
}
.\[\&\>svg\]\:left-4>svg {
  left: 1rem;
}
.\[\&\>svg\]\:top-4>svg {
  top: 1rem;
}
.\[\&\>svg\]\:top-\[0\.3rem\]>svg {
  top: 0.3rem;
}
.\[\&\>svg\]\:ml-auto>svg {
  margin-left: auto;
}
.\[\&\>svg\]\:size-10>svg {
  width: 2.5rem;
  height: 2.5rem;
}
.\[\&\>svg\]\:size-2\.5>svg {
  width: 0.625rem;
  height: 0.625rem;
}
.\[\&\>svg\]\:size-3>svg {
  width: 0.75rem;
  height: 0.75rem;
}
.\[\&\>svg\]\:size-3\.5>svg {
  width: 0.875rem;
  height: 0.875rem;
}
.\[\&\>svg\]\:size-4>svg {
  width: 1rem;
  height: 1rem;
}
.\[\&\>svg\]\:size-5>svg {
  width: 1.25rem;
  height: 1.25rem;
}
.\[\&\>svg\]\:size-8>svg {
  width: 2rem;
  height: 2rem;
}
.\[\&\>svg\]\:size-full>svg {
  width: 100%;
  height: 100%;
}
.\[\&\>svg\]\:h-1\/2>svg {
  height: 50%;
}
.\[\&\>svg\]\:h-2\.5>svg {
  height: 0.625rem;
}
.\[\&\>svg\]\:h-3>svg {
  height: 0.75rem;
}
.\[\&\>svg\]\:h-3\.5>svg {
  height: 0.875rem;
}
.\[\&\>svg\]\:h-4>svg {
  height: 1rem;
}
.\[\&\>svg\]\:h-5>svg {
  height: 1.25rem;
}
.\[\&\>svg\]\:h-\[22px\]>svg {
  height: 22px;
}
.\[\&\>svg\]\:max-h-full>svg {
  max-height: 100%;
}
.\[\&\>svg\]\:w-1\/2>svg {
  width: 50%;
}
.\[\&\>svg\]\:w-2\.5>svg {
  width: 0.625rem;
}
.\[\&\>svg\]\:w-3>svg {
  width: 0.75rem;
}
.\[\&\>svg\]\:w-3\.5>svg {
  width: 0.875rem;
}
.\[\&\>svg\]\:w-4>svg {
  width: 1rem;
}
.\[\&\>svg\]\:w-5>svg {
  width: 1.25rem;
}
.\[\&\>svg\]\:w-\[22px\]>svg {
  width: 22px;
}
.\[\&\>svg\]\:max-w-full>svg {
  max-width: 100%;
}
.\[\&\>svg\]\:max-w-none>svg {
  max-width: none;
}
.\[\&\>svg\]\:shrink-0>svg {
  flex-shrink: 0;
}
.\[\&\>svg\]\:translate-y-0>svg {
  --tw-translate-y: 0px;
  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));
}
.\[\&\>svg\]\:translate-y-0\.5>svg {
  --tw-translate-y: 0.125rem;
  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));
}
.\[\&\>svg\]\:-rotate-90>svg {
  --tw-rotate: -90deg;
  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));
}
.\[\&\>svg\]\:fill-current>svg {
  fill: currentColor;
}
.\[\&\>svg\]\:text-current>svg {
  color: currentColor;
}
.\[\&\>svg\]\:text-destructive>svg {
  color: hsl(var(--destructive));
}
.\[\&\>svg\]\:text-foreground>svg {
  color: hsl(var(--foreground));
}
.\[\&\>svg\]\:text-muted-foreground>svg {
  color: hsl(var(--muted-foreground));
}
.\[\&\>svg\]\:text-muted-foreground\/50>svg {
  color: hsl(var(--muted-foreground) / 0.5);
}
.\[\&\>svg\]\:text-sidebar-accent-foreground>svg {
  color: hsl(var(--sidebar-accent-foreground));
}
.\[\&\>svg\]\:text-white>svg {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.\[\&\>svg\]\:text-white\/70>svg {
  color: rgb(255 255 255 / 0.7);
}
.\[\&\>svg\]\:opacity-60>svg {
  opacity: 0.6;
}
.\[\&\>svg\]\:transition-colors>svg {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.\[\&\>svg\]\:duration-100>svg {
  transition-duration: 100ms;
}
.\[\&\>svg\]\:ease-out>svg {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.\[\&\>svg\]\:duration-100>svg {
  animation-duration: 100ms;
}
.\[\&\>svg\]\:ease-out>svg {
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.data-\[active\=true\]\:\[\&\>svg\]\:text-foreground>svg[data-active="true"] {
  color: hsl(var(--foreground));
}
.data-\[active\=true\]\:\[\&\>svg\]\:text-sidebar-primary>svg[data-active="true"] {
  color: hsl(var(--sidebar-primary));
}
.group\/avatar[data-size="sm"] .group-data-\[size\=sm\]\/avatar\:\[\&\>svg\]\:hidden>svg {
  display: none;
}
.group\/avatar[data-size="default"] .group-data-\[size\=default\]\/avatar\:\[\&\>svg\]\:size-2>svg {
  width: 0.5rem;
  height: 0.5rem;
}
.group\/avatar[data-size="lg"] .group-data-\[size\=lg\]\/avatar\:\[\&\>svg\]\:size-2>svg {
  width: 0.5rem;
  height: 0.5rem;
}
@media (min-width: 1024px) {
  .lg\:\[\&\>svg\]\:top-1\.5>svg {
    top: 0.375rem;
  }
  .lg\:\[\&\>svg\]\:h-4>svg {
    height: 1rem;
  }
  .lg\:\[\&\>svg\]\:w-4>svg {
    width: 1rem;
  }
}
.\[\&\>svg\~\*\]\:pl-7>svg~* {
  padding-left: 1.75rem;
}
.last\:\[\&\>td\]\:border-b-0>td:last-child {
  border-bottom-width: 0px;
}
.\[\&\>tr\]\:last\:border-b-0:last-child>tr {
  border-bottom-width: 0px;
}
.\[\&\[aria-orientation\=horizontal\]\>div\]\:rotate-90[aria-orientation=horizontal]>div {
  --tw-rotate: 90deg;
  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));
}
.\[\&\[data-artwork-below\]_\.sh-art\]\:bottom-auto[data-artwork-below] .sh-art {
  bottom: auto;
}
.\[\&\[data-artwork-below\]_\.sh-art\]\:top-\[calc\(100\%\+0\.5rem\)\][data-artwork-below] .sh-art {
  top: calc(100% + 0.5rem);
}
.\[\&\[data-autoplay-active\]\]\:border-b-current[data-autoplay-active] {
  border-bottom-color: currentColor;
}
.\[\&\[data-autoplay-active\]_\.sh-art\]\:opacity-100[data-autoplay-active] .sh-art {
  opacity: 1;
}
.\[\&\[data-last-col\=left\]_div\.cursor-col-resize\:last-child\]\:opacity-0[data-last-col=left] div.cursor-col-resize:last-child {
  opacity: 0;
}
.\[\&\[data-open\]\>svg\]\:rotate-180[data-open]>svg {
  --tw-rotate: 180deg;
  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));
}
.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div {
  --tw-rotate: 90deg;
  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));
}
.\[\&\[data-pinned\=right\]\:last-child_div\.cursor-col-resize\:last-child\]\:opacity-0[data-pinned=right]:last-child div.cursor-col-resize:last-child {
  opacity: 0;
}
.\[\&\[data-state\=open\]\>svg\]\:rotate-0[data-state=open]>svg {
  --tw-rotate: 0deg;
  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));
}
.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg {
  --tw-rotate: 180deg;
  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));
}
.\[\&\[data-state\=open\]\]\:rounded-b-none[data-state=open] {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.\[\&\[data-super-hover-active\]\]\:border-b-current[data-super-hover-active] {
  border-bottom-color: currentColor;
}
.\[\&\[data-super-hover-active\]_\.sh-art\]\:opacity-100[data-super-hover-active] .sh-art {
  opacity: 1;
}
.\[\&_\*\]\:\!pointer-events-none * {
  pointer-events: none !important;
}
.\[\&_\*\]\:\!text-\[8px\] * {
  font-size: 8px !important;
}
.\[\&_\*\]\:\[animation-play-state\:paused\] * {
  animation-play-state: paused;
}
.data-\[cursor\=true\]\:\[\&_\*\]\:cursor-\[inherit\] *[data-cursor="true"] {
  cursor: inherit;
}
.\[\&_\.ProseMirror_\.fake-selection\]\:rounded-sm .ProseMirror .fake-selection {
  border-radius: calc(var(--radius) - 4px);
}
.\[\&_\.ProseMirror_\.fake-selection\]\:bg-primary\/20 .ProseMirror .fake-selection {
  background-color: hsl(var(--primary) / 0.2);
}
.\[\&_\.ProseMirror_blockquote\]\:my-3 .ProseMirror blockquote {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.\[\&_\.ProseMirror_blockquote\]\:border-s-4 .ProseMirror blockquote {
  border-inline-start-width: 4px;
}
.\[\&_\.ProseMirror_blockquote\]\:border-primary .ProseMirror blockquote {
  border-color: hsl(var(--primary));
}
.\[\&_\.ProseMirror_blockquote\]\:ps-4 .ProseMirror blockquote {
  padding-inline-start: 1rem;
}
.\[\&_\.ProseMirror_blockquote\]\:italic .ProseMirror blockquote {
  font-style: italic;
}
.\[\&_\.ProseMirror_blockquote\]\:text-muted-foreground .ProseMirror blockquote {
  color: hsl(var(--muted-foreground));
}
.\[\&_\.ProseMirror_code\]\:rounded .ProseMirror code {
  border-radius: 0.25rem;
}
.\[\&_\.ProseMirror_code\]\:bg-muted .ProseMirror code {
  background-color: hsl(var(--muted));
}
.\[\&_\.ProseMirror_code\]\:px-1\.5 .ProseMirror code {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.\[\&_\.ProseMirror_code\]\:py-0\.5 .ProseMirror code {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.\[\&_\.ProseMirror_code\]\:font-mono .ProseMirror code {
  font-family: Fira Code, monospace;
}
.\[\&_\.ProseMirror_code\]\:text-sm .ProseMirror code {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.\[\&_\.ProseMirror_h1\]\:mb-3 .ProseMirror h1 {
  margin-bottom: 0.75rem;
}
.\[\&_\.ProseMirror_h1\]\:mt-6 .ProseMirror h1 {
  margin-top: 1.5rem;
}
.\[\&_\.ProseMirror_h1\]\:text-3xl .ProseMirror h1 {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.\[\&_\.ProseMirror_h1\]\:font-bold .ProseMirror h1 {
  font-weight: 700;
}
@media not all and (min-width: 640px) {
  .max-sm\:\[\&_\.ProseMirror_h1\]\:text-2xl .ProseMirror h1 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.\[\&_\.ProseMirror_h2\]\:mb-2 .ProseMirror h2 {
  margin-bottom: 0.5rem;
}
.\[\&_\.ProseMirror_h2\]\:mt-5 .ProseMirror h2 {
  margin-top: 1.25rem;
}
.\[\&_\.ProseMirror_h2\]\:text-2xl .ProseMirror h2 {
  font-size: 1.5rem;
  line-height: 2rem;
}
.\[\&_\.ProseMirror_h2\]\:font-semibold .ProseMirror h2 {
  font-weight: 600;
}
@media not all and (min-width: 640px) {
  .max-sm\:\[\&_\.ProseMirror_h2\]\:text-xl .ProseMirror h2 {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
.\[\&_\.ProseMirror_h3\]\:mb-2 .ProseMirror h3 {
  margin-bottom: 0.5rem;
}
.\[\&_\.ProseMirror_h3\]\:mt-4 .ProseMirror h3 {
  margin-top: 1rem;
}
.\[\&_\.ProseMirror_h3\]\:text-xl .ProseMirror h3 {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.\[\&_\.ProseMirror_h3\]\:font-semibold .ProseMirror h3 {
  font-weight: 600;
}
@media not all and (min-width: 640px) {
  .max-sm\:\[\&_\.ProseMirror_h3\]\:text-lg .ProseMirror h3 {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.\[\&_\.ProseMirror_hr\]\:my-6 .ProseMirror hr {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.\[\&_\.ProseMirror_hr\]\:border-t .ProseMirror hr {
  border-top-width: 1px;
}
.\[\&_\.ProseMirror_hr\]\:border-border .ProseMirror hr {
  border-color: hsl(var(--border));
}
.\[\&_\.ProseMirror_li\]\:my-1 .ProseMirror li {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.\[\&_\.ProseMirror_li_p\]\:my-0 .ProseMirror li p {
  margin-top: 0px;
  margin-bottom: 0px;
}
.\[\&_\.ProseMirror_mark\]\:rounded-sm .ProseMirror mark {
  border-radius: calc(var(--radius) - 4px);
}
.\[\&_\.ProseMirror_mark\]\:bg-primary .ProseMirror mark {
  background-color: hsl(var(--primary));
}
.\[\&_\.ProseMirror_mark\]\:px-0\.5 .ProseMirror mark {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.\[\&_\.ProseMirror_mark\]\:text-primary-foreground .ProseMirror mark {
  color: hsl(var(--primary-foreground));
}
.\[\&_\.ProseMirror_ol\]\:my-3 .ProseMirror ol {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.\[\&_\.ProseMirror_ol\]\:ms-6 .ProseMirror ol {
  margin-inline-start: 1.5rem;
}
.\[\&_\.ProseMirror_ol\]\:list-decimal .ProseMirror ol {
  list-style-type: decimal;
}
.\[\&_\.ProseMirror_p\.is-editor-empty\:first-child\]\:before\:pointer-events-none .ProseMirror p.is-editor-empty:first-child::before {
  content: var(--tw-content);
  pointer-events: none;
}
.\[\&_\.ProseMirror_p\.is-editor-empty\:first-child\]\:before\:float-start .ProseMirror p.is-editor-empty:first-child::before {
  content: var(--tw-content);
  float: inline-start;
}
.\[\&_\.ProseMirror_p\.is-editor-empty\:first-child\]\:before\:h-0 .ProseMirror p.is-editor-empty:first-child::before {
  content: var(--tw-content);
  height: 0px;
}
.\[\&_\.ProseMirror_p\.is-editor-empty\:first-child\]\:before\:text-muted-foreground .ProseMirror p.is-editor-empty:first-child::before {
  content: var(--tw-content);
  color: hsl(var(--muted-foreground));
}
.\[\&_\.ProseMirror_p\.is-editor-empty\:first-child\]\:before\:content-\[attr\(data-placeholder\)\] .ProseMirror p.is-editor-empty:first-child::before {
  --tw-content: attr(data-placeholder);
  content: var(--tw-content);
}
.\[\&_\.ProseMirror_p\:first-child\]\:mt-0 .ProseMirror p:first-child {
  margin-top: 0px;
}
.\[\&_\.ProseMirror_p\:last-child\]\:mb-0 .ProseMirror p:last-child {
  margin-bottom: 0px;
}
.\[\&_\.ProseMirror_p\]\:my-3 .ProseMirror p {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.\[\&_\.ProseMirror_p\]\:text-base .ProseMirror p {
  font-size: 1rem;
  line-height: 1.5rem;
}
.\[\&_\.ProseMirror_p\]\:leading-7 .ProseMirror p {
  line-height: 1.75rem;
}
.\[\&_\.ProseMirror_pre\]\:my-3 .ProseMirror pre {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.\[\&_\.ProseMirror_pre\]\:overflow-x-auto .ProseMirror pre {
  overflow-x: auto;
}
.\[\&_\.ProseMirror_pre\]\:rounded-lg .ProseMirror pre {
  border-radius: var(--radius);
}
.\[\&_\.ProseMirror_pre\]\:border .ProseMirror pre {
  border-width: 1px;
}
.\[\&_\.ProseMirror_pre\]\:border-border .ProseMirror pre {
  border-color: hsl(var(--border));
}
.\[\&_\.ProseMirror_pre\]\:bg-muted .ProseMirror pre {
  background-color: hsl(var(--muted));
}
.\[\&_\.ProseMirror_pre\]\:p-4 .ProseMirror pre {
  padding: 1rem;
}
@media not all and (min-width: 640px) {
  .max-sm\:\[\&_\.ProseMirror_pre\]\:text-xs .ProseMirror pre {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}
.\[\&_\.ProseMirror_pre_code\]\:bg-transparent .ProseMirror pre code {
  background-color: transparent;
}
.\[\&_\.ProseMirror_pre_code\]\:p-0 .ProseMirror pre code {
  padding: 0px;
}
.\[\&_\.ProseMirror_pre_code\]\:text-sm .ProseMirror pre code {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.\[\&_\.ProseMirror_pre_code\]\:leading-relaxed .ProseMirror pre code {
  line-height: 1.625;
}
.\[\&_\.ProseMirror_ul\]\:my-3 .ProseMirror ul {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.\[\&_\.ProseMirror_ul\]\:ms-6 .ProseMirror ul {
  margin-inline-start: 1.5rem;
}
.\[\&_\.ProseMirror_ul\]\:list-disc .ProseMirror ul {
  list-style-type: disc;
}
.\[\&_\.abcjs-bar\]\:stroke-stone-700 .abcjs-bar {
  stroke: #44403c;
}
.\[\&_\.abcjs-bar\]\:stroke-zinc-300 .abcjs-bar {
  stroke: #d4d4d8;
}
.\[\&_\.abcjs-bar\]\:stroke-zinc-500 .abcjs-bar {
  stroke: #71717a;
}
.\[\&_\.abcjs-bar\]\:stroke-zinc-600 .abcjs-bar {
  stroke: #52525b;
}
.\[\&_\.abcjs-bar\]\:stroke-zinc-700 .abcjs-bar {
  stroke: #3f3f46;
}
.\[\&_\.abcjs-note\]\:fill-black .abcjs-note {
  fill: #000;
}
.\[\&_\.abcjs-note\]\:fill-stone-900 .abcjs-note {
  fill: #1c1917;
}
.\[\&_\.abcjs-note\]\:fill-white .abcjs-note {
  fill: #fff;
}
.\[\&_\.abcjs-note\]\:fill-zinc-100 .abcjs-note {
  fill: #f4f4f5;
}
.\[\&_\.abcjs-note\]\:fill-zinc-900 .abcjs-note {
  fill: #18181b;
}
.\[\&_\.abcjs-staff\]\:stroke-stone-600 .abcjs-staff {
  stroke: #57534e;
}
.\[\&_\.abcjs-staff\]\:stroke-zinc-300 .abcjs-staff {
  stroke: #d4d4d8;
}
.\[\&_\.abcjs-staff\]\:stroke-zinc-400 .abcjs-staff {
  stroke: #a1a1aa;
}
.\[\&_\.abcjs-staff\]\:stroke-zinc-500 .abcjs-staff {
  stroke: #71717a;
}
.\[\&_\.abcjs-staff\]\:stroke-zinc-600 .abcjs-staff {
  stroke: #52525b;
}
.\[\&_\.border-border\]\:border-white\/15 .border-border {
  border-color: rgb(255 255 255 / 0.15);
}
.\[\&_\.border-r\]\:border-transparent .border-r {
  border-color: transparent;
}
.\[\&_\.calendar-day-columns\]\:overflow-x-visible .calendar-day-columns {
  overflow-x: visible;
}
.\[\&_\.canvas-doc-page-divider\]\:my-4 .canvas-doc-page-divider {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.\[\&_\.canvas-doc-page-divider\]\:border-t .canvas-doc-page-divider {
  border-top-width: 1px;
}
.\[\&_\.canvas-doc-page-divider\]\:border-white\/10 .canvas-doc-page-divider {
  border-color: rgb(255 255 255 / 0.1);
}
.\[\&_\.canvas-doc-page-divider\]\:pt-2 .canvas-doc-page-divider {
  padding-top: 0.5rem;
}
.\[\&_\.canvas-doc-page-divider\]\:text-center .canvas-doc-page-divider {
  text-align: center;
}
.\[\&_\.canvas-doc-page-divider\]\:text-\[10px\] .canvas-doc-page-divider {
  font-size: 10px;
}
.\[\&_\.canvas-doc-page-divider\]\:opacity-60 .canvas-doc-page-divider {
  opacity: 0.6;
}
.\[\&_\.cm-editor\]\:h-full .cm-editor {
  height: 100%;
}
.\[\&_\.cm-scroller\]\:min-h-0 .cm-scroller {
  min-height: 0px;
}
.\[\&_\.cm-scroller\]\:font-mono .cm-scroller {
  font-family: Fira Code, monospace;
}
.\[\&_\.em-segment\]\:\!px-1\.5 .em-segment {
  padding-left: 0.375rem !important;
  padding-right: 0.375rem !important;
}
.\[\&_\.em-segment\]\:\!py-0\.5 .em-segment {
  padding-top: 0.125rem !important;
  padding-bottom: 0.125rem !important;
}
.\[\&_\.em-segment\]\:\!text-\[10px\] .em-segment {
  font-size: 10px !important;
}
.\[\&_\.leaflet-control-attribution\]\:text-\[9px\] .leaflet-control-attribution {
  font-size: 9px;
}
.\[\&_\.lucide-search\]\:text-white .lucide-search {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.\[\&_\.mapboxgl-ctrl-attrib\]\:hidden .mapboxgl-ctrl-attrib {
  display: none;
}
.\[\&_\.mapboxgl-ctrl-bottom-left\]\:hidden .mapboxgl-ctrl-bottom-left {
  display: none;
}
.\[\&_\.mapboxgl-ctrl-bottom-right\]\:hidden .mapboxgl-ctrl-bottom-right {
  display: none;
}
.\[\&_\.mapboxgl-ctrl-logo\]\:hidden .mapboxgl-ctrl-logo {
  display: none;
}
.\[\&_\.page-thumbnail-children\]\:pl-4 .page-thumbnail-children {
  padding-left: 1rem;
}
.\[\&_\.rdp-caption_label\]\:text-white .rdp-caption label {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.\[\&_\.rdp-day\]\:text-white\/90 .rdp-day {
  color: rgb(255 255 255 / 0.9);
}
.\[\&_\.rdp-weekday\]\:text-white\/50 .rdp-weekday {
  color: rgb(255 255 255 / 0.5);
}
.\[\&_\.react-colorful\]\:h-\[130px\] .react-colorful {
  height: 130px;
}
.\[\&_\.react-colorful\]\:h-\[140px\] .react-colorful {
  height: 140px;
}
.\[\&_\.react-colorful\]\:w-full .react-colorful {
  width: 100%;
}
.\[\&_\.react-colorful\]\:rounded-lg .react-colorful {
  border-radius: var(--radius);
}
.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text {
  fill: hsl(var(--muted-foreground));
}
.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke='#ccc'] {
  stroke: hsl(var(--border) / 0.5);
}
.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/80 .recharts-cartesian-grid line[stroke='#ccc'] {
  stroke: hsl(var(--border) / 0.8);
}
.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor {
  stroke: hsl(var(--border));
}
.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke='#fff'] {
  stroke: transparent;
}
.\[\&_\.recharts-layer\]\:outline-none .recharts-layer {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke='#ccc'] {
  stroke: hsl(var(--border));
}
.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector {
  fill: hsl(var(--muted));
}
.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor {
  fill: hsl(var(--muted));
}
.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke='#ccc'] {
  stroke: hsl(var(--border));
}
.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke='#fff'] {
  stroke: transparent;
}
.\[\&_\.recharts-sector\]\:outline-none .recharts-sector {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.\[\&_\.recharts-surface\]\:outline-none .recharts-surface {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.\[\&_\.site-feature-tab-label\]\:flex .site-feature-tab-label {
  display: flex;
}
.\[\&_\.site-feature-tab-label\]\:flex-1 .site-feature-tab-label {
  flex: 1 1 0%;
}
.\[\&_\.site-feature-tab-label\]\:items-center .site-feature-tab-label {
  align-items: center;
}
.\[\&_\.site-feature-tab-label\]\:gap-1 .site-feature-tab-label {
  gap: 0.25rem;
}
.\[\&_\.text-foreground\]\:text-white .text-foreground {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.\[\&_\.text-muted-foreground\]\:text-white .text-muted-foreground {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.\[\&_\.text-muted-foreground\]\:text-white\/60 .text-muted-foreground {
  color: rgb(255 255 255 / 0.6);
}
.\[\&_\.time-grid-area\]\:overflow-x-hidden .time-grid-area {
  overflow-x: hidden;
}
.\[\&_\.ui-ref-ps1-product-glyph\]\:size-4 .ui-ref-ps1-product-glyph {
  width: 1rem;
  height: 1rem;
}
.\[\&_\>div\]\:h-full >div {
  height: 100%;
}
.\[\&_\>div\]\:\!min-h-0 >div {
  min-height: 0px !important;
}
.\[\&_\[class\*\=\'h-screen\'\]\]\:h-full [class*='h-screen'] {
  height: 100%;
}
.\[\&_\[class\*\=\'h-screen\'\]\]\:min-h-0 [class*='h-screen'] {
  min-height: 0px;
}
.\[\&_\[class\*\=\'min-h-screen\'\]\]\:h-full [class*='min-h-screen'] {
  height: 100%;
}
.\[\&_\[class\*\=\'min-h-screen\'\]\]\:min-h-0 [class*='min-h-screen'] {
  min-height: 0px;
}
.\[\&_\[cmdk-group-heading\]\]\:px-1 [cmdk-group-heading] {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.\[\&_\[cmdk-group-heading\]\]\:py-0\.5 [cmdk-group-heading] {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.\[\&_\[cmdk-group-heading\]\]\:py-2 [cmdk-group-heading] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.\[\&_\[cmdk-group-heading\]\]\:text-\[10px\] [cmdk-group-heading] {
  font-size: 10px;
}
.\[\&_\[cmdk-group-heading\]\]\:text-\[9px\] [cmdk-group-heading] {
  font-size: 9px;
}
.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
  font-size: 0.75rem;
  line-height: 1rem;
}
.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
  font-weight: 500;
}
.\[\&_\[cmdk-group-heading\]\]\:uppercase [cmdk-group-heading] {
  text-transform: uppercase;
}
.\[\&_\[cmdk-group-heading\]\]\:tracking-wide [cmdk-group-heading] {
  letter-spacing: 0.025em;
}
.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] {
  color: hsl(var(--muted-foreground));
}
.\[\&_\[cmdk-group-heading\]\]\:text-zinc-500 [cmdk-group-heading] {
  --tw-text-opacity: 1;
  color: rgb(113 113 122 / var(--tw-text-opacity));
}
.dark\:\[\&_\[cmdk-group-heading\]\]\:text-zinc-400 [cmdk-group-heading]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity));
}
.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~[cmdk-group] {
  padding-top: 0px;
}
.\[\&_\[cmdk-group\]\]\:px-1 [cmdk-group] {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.\[\&_\[cmdk-input-wrapper\]_svg\]\:size-5 [cmdk-input-wrapper] svg {
  width: 1.25rem;
  height: 1.25rem;
}
.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-2\.5 [cmdk-input-wrapper] svg {
  height: 0.625rem;
}
.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
  height: 1.25rem;
}
.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-2\.5 [cmdk-input-wrapper] svg {
  width: 0.625rem;
}
.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
  width: 1.25rem;
}
.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
  height: 3rem;
}
.\[\&_\[cmdk-input\]\]\:h-5 [cmdk-input] {
  height: 1.25rem;
}
.\[\&_\[cmdk-input\]\]\:h-\[1\.625rem\] [cmdk-input] {
  height: 1.625rem;
}
.\[\&_\[cmdk-item\]\]\:px-1 [cmdk-item] {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.\[\&_\[cmdk-item\]\]\:py-0\.5 [cmdk-item] {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.\[\&_\[cmdk-item\]_svg\]\:size-5 [cmdk-item] svg {
  width: 1.25rem;
  height: 1.25rem;
}
.\[\&_\[cmdk-item\]_svg\]\:h-2\.5 [cmdk-item] svg {
  height: 0.625rem;
}
.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
  height: 1.25rem;
}
.\[\&_\[cmdk-item\]_svg\]\:w-2\.5 [cmdk-item] svg {
  width: 0.625rem;
}
.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
  width: 1.25rem;
}
.\[\&_\[data-block-id\]\]\:\!shadow-none [data-block-id] {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.\[\&_\[data-board-column-header\]\]\:min-h-0 [data-board-column-header] {
  min-height: 0px;
}
.\[\&_\[data-board-column-header\]\]\:gap-0\.5 [data-board-column-header] {
  gap: 0.125rem;
}
.\[\&_\[data-board-column-header\]\]\:px-1 [data-board-column-header] {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.\[\&_\[data-board-column-header\]\]\:py-0 [data-board-column-header] {
  padding-top: 0px;
  padding-bottom: 0px;
}
.\[\&_\[data-board-column-header\]\]\:text-\[10px\] [data-board-column-header] {
  font-size: 10px;
}
.\[\&_\[data-format-bar-divider\]\]\:h-2\.5 [data-format-bar-divider] {
  height: 0.625rem;
}
.\[\&_\[data-format-bar-divider\]\]\:h-3 [data-format-bar-divider] {
  height: 0.75rem;
}
.\[\&_\[data-format-bar-divider\]\]\:h-3\.5 [data-format-bar-divider] {
  height: 0.875rem;
}
.\[\&_\[data-home-widget-id\]\]\:h-full [data-home-widget-id] {
  height: 100%;
}
.\[\&_\[data-home-widget-id\]\]\:min-h-0 [data-home-widget-id] {
  min-height: 0px;
}
.\[\&_\[data-sandbox-tag-slot\]\]\:opacity-55 [data-sandbox-tag-slot] {
  opacity: 0.55;
}
.\[\&_\[data-slot\=avatar-fallback\]\]\:text-base [data-slot=avatar-fallback] {
  font-size: 1rem;
  line-height: 1.5rem;
}
.\[\&_\[data-slot\=context-menu-item\]\]\:gap-1 [data-slot=context-menu-item] {
  gap: 0.25rem;
}
.\[\&_\[data-slot\=context-menu-item\]\]\:rounded-sm [data-slot=context-menu-item] {
  border-radius: calc(var(--radius) - 4px);
}
.\[\&_\[data-slot\=context-menu-item\]\]\:px-1 [data-slot=context-menu-item] {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.\[\&_\[data-slot\=context-menu-item\]\]\:py-0\.5 [data-slot=context-menu-item] {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.\[\&_\[data-slot\=context-menu-item\]\]\:text-\[7px\] [data-slot=context-menu-item] {
  font-size: 7px;
}
.\[\&_\[data-slot\=context-menu-label\]\]\:px-1 [data-slot=context-menu-label] {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.\[\&_\[data-slot\=context-menu-label\]\]\:py-0\.5 [data-slot=context-menu-label] {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.\[\&_\[data-slot\=context-menu-label\]\]\:text-\[7px\] [data-slot=context-menu-label] {
  font-size: 7px;
}
.\[\&_\[data-slot\=context-menu-separator\]\]\:my-0\.5 [data-slot=context-menu-separator] {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}
.\[\&_\[data-slot\=context-menu-sub-trigger\]\]\:gap-1 [data-slot=context-menu-sub-trigger] {
  gap: 0.25rem;
}
.\[\&_\[data-slot\=context-menu-sub-trigger\]\]\:px-1 [data-slot=context-menu-sub-trigger] {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.\[\&_\[data-slot\=context-menu-sub-trigger\]\]\:py-0\.5 [data-slot=context-menu-sub-trigger] {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.\[\&_\[data-slot\=context-menu-sub-trigger\]\]\:text-\[7px\] [data-slot=context-menu-sub-trigger] {
  font-size: 7px;
}
.\[\&_\[data-slot\=dropdown-menu-item\]\]\:gap-1 [data-slot=dropdown-menu-item] {
  gap: 0.25rem;
}
.\[\&_\[data-slot\=dropdown-menu-item\]\]\:rounded-sm [data-slot=dropdown-menu-item] {
  border-radius: calc(var(--radius) - 4px);
}
.\[\&_\[data-slot\=dropdown-menu-item\]\]\:px-1 [data-slot=dropdown-menu-item] {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.\[\&_\[data-slot\=dropdown-menu-item\]\]\:py-0\.5 [data-slot=dropdown-menu-item] {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.\[\&_\[data-slot\=dropdown-menu-item\]\]\:text-\[7px\] [data-slot=dropdown-menu-item] {
  font-size: 7px;
}
.\[\&_\[data-slot\=dropdown-menu-separator\]\]\:my-0\.5 [data-slot=dropdown-menu-separator] {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}
.\[\&_\[data-slot\=dropdown-menu-sub-trigger\]\]\:gap-1 [data-slot=dropdown-menu-sub-trigger] {
  gap: 0.25rem;
}
.\[\&_\[data-slot\=dropdown-menu-sub-trigger\]\]\:px-1 [data-slot=dropdown-menu-sub-trigger] {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.\[\&_\[data-slot\=dropdown-menu-sub-trigger\]\]\:py-0\.5 [data-slot=dropdown-menu-sub-trigger] {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.\[\&_\[data-slot\=dropdown-menu-sub-trigger\]\]\:text-\[7px\] [data-slot=dropdown-menu-sub-trigger] {
  font-size: 7px;
}
.\[\&_\[data-tab52-sidebar-header-bar\]\]\:h-5 [data-tab52-sidebar-header-bar] {
  height: 1.25rem;
}
.\[\&_\[data-tab52-sidebar-header-bar\]\]\:min-h-5 [data-tab52-sidebar-header-bar] {
  min-height: 1.25rem;
}
.\[\&_\[data-tab52-sidebar-header-bar\]\]\:border-b-\[color-mix\(in_srgb\2c var\(--foreground\)_22\%\2c var\(--card\)\)\] [data-tab52-sidebar-header-bar] {
  border-bottom-color: color-mix(in srgb,var(--foreground) 22%,var(--card));
}
.\[\&_\[data-workspace-page-actions\]_button\:not\(\[data-workspace-page-view\]\)\:not\(\[data-workspace-page-history\]\)\]\:w-4 [data-workspace-page-actions] button:not([data-workspace-page-view]):not([data-workspace-page-history]) {
  width: 1rem;
}
.\[\&_\[data-workspace-page-actions\]_button\]\:h-4 [data-workspace-page-actions] button {
  height: 1rem;
}
.\[\&_\[role\=menuitem\]\]\:min-h-\[var\(--workspace-control-height\)\] [role=menuitem] {
  min-height: var(--workspace-control-height);
}
.\[\&_\[role\=menuitem\]\]\:py-0\.5 [role=menuitem] {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.\[\&_\[role\=menuitem\]\]\:text-\[length\:var\(--workspace-ui-font-size\)\] [role=menuitem] {
  font-size: var(--workspace-ui-font-size);
}
.\[\&_\[role\=slider\]\]\:h-3 [role=slider] {
  height: 0.75rem;
}
.\[\&_\[role\=slider\]\]\:w-3 [role=slider] {
  width: 0.75rem;
}
.\[\&_a\:focus-visible\]\:outline a:focus-visible {
  outline-style: solid;
}
.\[\&_a\:focus-visible\]\:outline-2 a:focus-visible {
  outline-width: 2px;
}
.\[\&_a\:focus-visible\]\:outline-ring a:focus-visible {
  outline-color: hsl(var(--ring));
}
.\[\&_a\[href\^\=\'\#cite-\'\]\]\:rounded a[href^='#cite-'] {
  border-radius: 0.25rem;
}
.\[\&_a\[href\^\=\'\#cite-\'\]\]\:bg-blue-500\/20 a[href^='#cite-'] {
  background-color: rgb(59 130 246 / 0.2);
}
.\[\&_a\[href\^\=\'\#cite-\'\]\]\:px-1 a[href^='#cite-'] {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.\[\&_a\[href\^\=\'\#cite-\'\]\]\:py-px a[href^='#cite-'] {
  padding-top: 1px;
  padding-bottom: 1px;
}
.\[\&_a\[href\^\=\'\#cite-\'\]\]\:text-\[8\.5px\] a[href^='#cite-'] {
  font-size: 8.5px;
}
.\[\&_a\[href\^\=\'\#cite-\'\]\]\:text-\[length\:var\(--ai-chat-control-size\2c 11px\)\] a[href^='#cite-'] {
  font-size: var(--ai-chat-control-size,11px);
}
.\[\&_a\[href\^\=\'\#cite-\'\]\]\:font-medium a[href^='#cite-'] {
  font-weight: 500;
}
.\[\&_a\[href\^\=\'\#cite-\'\]\]\:text-blue-200 a[href^='#cite-'] {
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / var(--tw-text-opacity));
}
.\[\&_a\[href\^\=\'\#cite-\'\]\]\:no-underline a[href^='#cite-'] {
  text-decoration-line: none;
}
.hover\:\[\&_a\[href\^\=\'\#cite-\'\]\]\:bg-blue-500\/35 a[href^='#cite-']:hover {
  background-color: rgb(59 130 246 / 0.35);
}
.\[\&_a\]\:w-full a {
  width: 100%;
}
.\[\&_a\]\:py-0\.5 a {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.\[\&_a\]\:py-2 a {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.\[\&_a\]\:pr-0 a {
  padding-right: 0px;
}
.\[\&_a\]\:text-\[0\.72rem\] a {
  font-size: 0.72rem;
}
.\[\&_a\]\:leading-4 a {
  line-height: 1rem;
}
.\[\&_a\]\:text-\[\#cbd5e1\] a {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}
.\[\&_a\]\:text-blue-600 a {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}
.\[\&_a\]\:text-foreground a {
  color: hsl(var(--foreground));
}
.\[\&_a\]\:text-primary a {
  color: hsl(var(--primary));
}
.\[\&_a\]\:underline a {
  text-decoration-line: underline;
}
.\[\&_a\]\:decoration-\[var\(--rss-reader-border\)\] a {
  text-decoration-color: var(--rss-reader-border);
}
.\[\&_a\]\:decoration-border a {
  text-decoration-color: hsl(var(--border));
}
.\[\&_a\]\:underline-offset-4 a {
  text-underline-offset: 4px;
}
.\[\&_a\]\:\[-webkit-user-drag\:none\] a {
  -webkit-user-drag: none;
}
.\[\&_a\]\:hover\:text-foreground:hover a {
  color: hsl(var(--foreground));
}
.hover\:\[\&_a\]\:decoration-foreground a:hover {
  text-decoration-color: hsl(var(--foreground));
}
.hover\:\[\&_a\]\:opacity-80 a:hover {
  opacity: 0.8;
}
.\[\&_blockquote\]\:border-l-2 blockquote {
  border-left-width: 2px;
}
.\[\&_blockquote\]\:border-\[var\(--rss-reader-border\)\] blockquote {
  border-color: var(--rss-reader-border);
}
.\[\&_blockquote\]\:border-border blockquote {
  border-color: hsl(var(--border));
}
.\[\&_blockquote\]\:border-primary\/40 blockquote {
  border-color: hsl(var(--primary) / 0.4);
}
.\[\&_blockquote\]\:pl-3 blockquote {
  padding-left: 0.75rem;
}
.\[\&_blockquote\]\:pl-4 blockquote {
  padding-left: 1rem;
}
.\[\&_blockquote\]\:italic blockquote {
  font-style: italic;
}
.\[\&_blockquote\]\:text-\[color\:var\(--rss-reader-muted\)\] blockquote {
  color: var(--rss-reader-muted);
}
.\[\&_blockquote\]\:text-muted-foreground blockquote {
  color: hsl(var(--muted-foreground));
}
.\[\&_button\:focus-visible\]\:outline button:focus-visible {
  outline-style: solid;
}
.\[\&_button\:focus-visible\]\:outline-2 button:focus-visible {
  outline-width: 2px;
}
.\[\&_button\:focus-visible\]\:outline-ring button:focus-visible {
  outline-color: hsl(var(--ring));
}
.\[\&_button\[aria-pressed\=false\]\]\:text-\[\#616161\] button[aria-pressed=false] {
  --tw-text-opacity: 1;
  color: rgb(97 97 97 / var(--tw-text-opacity));
}
.\[\&_button\[aria-selected\=true\]\]\:bg-background button[aria-selected=true] {
  background-color: hsl(var(--background));
}
.\[\&_button\[aria-selected\=true\]\]\:text-foreground button[aria-selected=true] {
  color: hsl(var(--foreground));
}
.\[\&_button\[aria-selected\=true\]\]\:shadow-sm button[aria-selected=true] {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.\[\&_button\]\:h-6 button {
  height: 1.5rem;
}
.\[\&_button\]\:h-7 button {
  height: 1.75rem;
}
.\[\&_button\]\:min-h-\[26px\] button {
  min-height: 26px;
}
.\[\&_button\]\:select-none button {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.\[\&_button\]\:gap-1\.5 button {
  gap: 0.375rem;
}
.\[\&_button\]\:rounded-full button {
  border-radius: 9999px;
}
.\[\&_button\]\:rounded-md button {
  border-radius: calc(var(--radius) - 2px);
}
.\[\&_button\]\:border-0 button {
  border-width: 0px;
}
.\[\&_button\]\:border-r-0 button {
  border-right-width: 0px;
}
.\[\&_button\]\:border-black\/10 button {
  border-color: rgb(0 0 0 / 0.1);
}
.\[\&_button\]\:border-transparent button {
  border-color: transparent;
}
.\[\&_button\]\:bg-transparent button {
  background-color: transparent;
}
.\[\&_button\]\:bg-zinc-300 button {
  --tw-bg-opacity: 1;
  background-color: rgb(212 212 216 / var(--tw-bg-opacity));
}
.\[\&_button\]\:text-\[11px\] button {
  font-size: 11px;
}
.\[\&_button\]\:text-xs button {
  font-size: 0.75rem;
  line-height: 1rem;
}
.\[\&_button\]\:\!text-white button {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.\[\&_button\]\:text-foreground\/70 button {
  color: hsl(var(--foreground) / 0.7);
}
.\[\&_button\]\:text-inherit button {
  color: inherit;
}
.\[\&_button\]\:text-white button {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.\[\&_button\]\:text-zinc-900 button {
  --tw-text-opacity: 1;
  color: rgb(24 24 27 / var(--tw-text-opacity));
}
.\[\&_button\]\:\!opacity-100 button {
  opacity: 1 !important;
}
.\[\&_button\]\:opacity-100 button {
  opacity: 1;
}
.\[\&_button\]\:shadow-none button {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.\[\&_button\]\:hover\:bg-zinc-200:hover button {
  --tw-bg-opacity: 1;
  background-color: rgb(228 228 231 / var(--tw-bg-opacity));
}
.\[\&_button\]\:focus-visible\:outline-none:focus-visible button {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.\[\&_button\]\:focus-visible\:ring-1:focus-visible button {
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.\[\&_button\]\:focus-visible\:ring-sky-400\/70:focus-visible button {
  --tw-ring-color: rgb(56 189 248 / 0.7);
}
.\[\&_code\]\:rounded code {
  border-radius: 0.25rem;
}
.\[\&_code\]\:bg-\[var\(--rss-reader-code\)\] code {
  background-color: var(--rss-reader-code);
}
.\[\&_code\]\:bg-muted code {
  background-color: hsl(var(--muted));
}
.\[\&_code\]\:bg-secondary code {
  background-color: hsl(var(--secondary));
}
.\[\&_code\]\:px-1 code {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.\[\&_code\]\:px-1\.5 code {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.\[\&_code\]\:py-0\.5 code {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.\[\&_code\]\:font-mono code {
  font-family: Fira Code, monospace;
}
.\[\&_code\]\:text-\[13px\] code {
  font-size: 13px;
}
.\[\&_code\]\:text-sm code {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.\[\&_div\]\:text-white\/80 div {
  color: rgb(255 255 255 / 0.8);
}
.\[\&_h1\]\:my-2 h1 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.\[\&_h1\]\:mb-2 h1 {
  margin-bottom: 0.5rem;
}
.\[\&_h1\]\:mb-3 h1 {
  margin-bottom: 0.75rem;
}
.\[\&_h1\]\:mt-4 h1 {
  margin-top: 1rem;
}
.\[\&_h1\]\:pb-1 h1 {
  padding-bottom: 0.25rem;
}
.\[\&_h1\]\:text-\[11px\] h1 {
  font-size: 11px;
}
.\[\&_h1\]\:text-\[24px\] h1 {
  font-size: 24px;
}
.\[\&_h1\]\:text-lg h1 {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.\[\&_h1\]\:text-xl h1 {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.\[\&_h1\]\:font-bold h1 {
  font-weight: 700;
}
.\[\&_h2\]\:my-2 h2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.\[\&_h2\]\:mb-1\.5 h2 {
  margin-bottom: 0.375rem;
}
.\[\&_h2\]\:mb-2 h2 {
  margin-bottom: 0.5rem;
}
.\[\&_h2\]\:mb-3 h2 {
  margin-bottom: 0.75rem;
}
.\[\&_h2\]\:mt-3 h2 {
  margin-top: 0.75rem;
}
.\[\&_h2\]\:mt-6 h2 {
  margin-top: 1.5rem;
}
.\[\&_h2\]\:mt-8 h2 {
  margin-top: 2rem;
}
.\[\&_h2\]\:pt-3 h2 {
  padding-top: 0.75rem;
}
.\[\&_h2\]\:text-\[11px\] h2 {
  font-size: 11px;
}
.\[\&_h2\]\:text-\[20px\] h2 {
  font-size: 20px;
}
.\[\&_h2\]\:text-base h2 {
  font-size: 1rem;
  line-height: 1.5rem;
}
.\[\&_h2\]\:text-lg h2 {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.\[\&_h2\]\:text-sm h2 {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.\[\&_h2\]\:font-semibold h2 {
  font-weight: 600;
}
.\[\&_h2\]\:text-foreground h2 {
  color: hsl(var(--foreground));
}
.\[\&_h3\]\:my-1\.5 h3 {
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
}
.\[\&_h3\]\:mb-2 h3 {
  margin-bottom: 0.5rem;
}
.\[\&_h3\]\:mt-3 h3 {
  margin-top: 0.75rem;
}
.\[\&_h3\]\:mt-4 h3 {
  margin-top: 1rem;
}
.\[\&_h3\]\:mt-6 h3 {
  margin-top: 1.5rem;
}
.\[\&_h3\]\:font-serif h3 {
  font-family: Georgia, serif;
}
.\[\&_h3\]\:text-\[17px\] h3 {
  font-size: 17px;
}
.\[\&_h3\]\:text-base h3 {
  font-size: 1rem;
  line-height: 1.5rem;
}
.\[\&_h3\]\:text-lg h3 {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.\[\&_h3\]\:font-semibold h3 {
  font-weight: 600;
}
.\[\&_h3\]\:text-foreground h3 {
  color: hsl(var(--foreground));
}
.\[\&_h3\]\:text-white h3 {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.\[\&_hr\]\:my-4 hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.\[\&_hr\]\:border-border hr {
  border-color: hsl(var(--border));
}
.\[\&_hr\]\:border-border\/50 hr {
  border-color: hsl(var(--border) / 0.5);
}
.\[\&_iframe\]\:block iframe {
  display: block;
}
.\[\&_iframe\]\:min-h-\[180px\] iframe {
  min-height: 180px;
}
.\[\&_iframe\]\:w-full iframe {
  width: 100%;
}
.\[\&_iframe\]\:border-0 iframe {
  border-width: 0px;
}
.\[\&_img\]\:my-6 img {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.\[\&_img\]\:size-full img {
  width: 100%;
  height: 100%;
}
.\[\&_img\]\:\!h-5 img {
  height: 1.25rem !important;
}
.\[\&_img\]\:h-4 img {
  height: 1rem;
}
.\[\&_img\]\:max-h-40 img {
  max-height: 10rem;
}
.\[\&_img\]\:\!w-5 img {
  width: 1.25rem !important;
}
.\[\&_img\]\:w-4 img {
  width: 1rem;
}
.\[\&_img\]\:max-w-full img {
  max-width: 100%;
}
.\[\&_img\]\:rounded-lg img {
  border-radius: var(--radius);
}
.\[\&_img\]\:object-contain img {
  -o-object-fit: contain;
     object-fit: contain;
}
.\[\&_img\]\:object-cover img {
  -o-object-fit: cover;
     object-fit: cover;
}
.\[\&_img\]\:\[-webkit-user-drag\:none\] img {
  -webkit-user-drag: none;
}
.\[\&_input\]\:min-h-\[26px\] input {
  min-height: 26px;
}
.\[\&_input\]\:text-white input {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.\[\&_label\]\:text-white label {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.\[\&_li\]\:my-0\.5 li {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}
.\[\&_li\]\:my-1 li {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.\[\&_li\]\:mb-0\.5 li {
  margin-bottom: 0.125rem;
}
.\[\&_li\]\:mb-1 li {
  margin-bottom: 0.25rem;
}
.\[\&_li\]\:mb-1\.5 li {
  margin-bottom: 0.375rem;
}
.\[\&_li\]\:ml-4 li {
  margin-left: 1rem;
}
.\[\&_li\]\:ml-5 li {
  margin-left: 1.25rem;
}
.\[\&_li\]\:list-disc li {
  list-style-type: disc;
}
.\[\&_ol\]\:my-1 ol {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.\[\&_ol\]\:mb-2 ol {
  margin-bottom: 0.5rem;
}
.\[\&_ol\]\:mb-5 ol {
  margin-bottom: 1.25rem;
}
.\[\&_ol\]\:list-decimal ol {
  list-style-type: decimal;
}
.\[\&_ol\]\:pl-5 ol {
  padding-left: 1.25rem;
}
.\[\&_p\+p\]\:mt-2 p+p {
  margin-top: 0.5rem;
}
.\[\&_p\+p\]\:mt-3 p+p {
  margin-top: 0.75rem;
}
.\[\&_p\:first-child\]\:mt-0 p:first-child {
  margin-top: 0px;
}
.\[\&_p\:last-child\]\:mb-0 p:last-child {
  margin-bottom: 0px;
}
.\[\&_p\:not\(\:last-child\)\]\:mb-4 p:not(:last-child) {
  margin-bottom: 1rem;
}
.\[\&_p\]\:my-1 p {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.\[\&_p\]\:my-1\.5 p {
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
}
.\[\&_p\]\:my-3 p {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.\[\&_p\]\:my-4 p {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.\[\&_p\]\:mb-2 p {
  margin-bottom: 0.5rem;
}
.\[\&_p\]\:mb-3 p {
  margin-bottom: 0.75rem;
}
.\[\&_p\]\:mb-5 p {
  margin-bottom: 1.25rem;
}
.\[\&_p\]\:leading-relaxed p {
  line-height: 1.625;
}
.\[\&_pre\]\:overflow-x-auto pre {
  overflow-x: auto;
}
.\[\&_pre\]\:whitespace-pre pre {
  white-space: pre;
}
.\[\&_pre\]\:whitespace-pre-wrap pre {
  white-space: pre-wrap;
}
.\[\&_pre\]\:rounded pre {
  border-radius: 0.25rem;
}
.\[\&_pre\]\:rounded-lg pre {
  border-radius: var(--radius);
}
.\[\&_pre\]\:bg-\[var\(--rss-reader-code\)\] pre {
  background-color: var(--rss-reader-code);
}
.\[\&_pre\]\:bg-muted pre {
  background-color: hsl(var(--muted));
}
.\[\&_pre\]\:p-2 pre {
  padding: 0.5rem;
}
.\[\&_pre\]\:p-4 pre {
  padding: 1rem;
}
.\[\&_pre\]\:font-mono pre {
  font-family: Fira Code, monospace;
}
.\[\&_pre\]\:text-sm pre {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.\[\&_pre\]\:text-xs pre {
  font-size: 0.75rem;
  line-height: 1rem;
}
.\[\&_rect\:first-child\]\:fill-primary rect:first-child {
  fill: hsl(var(--primary));
}
.\[\&_rect\]\:fill-sidebar rect {
  fill: hsl(var(--sidebar));
}
.\[\&_select\]\:min-h-\[26px\] select {
  min-height: 26px;
}
.\[\&_select\]\:text-white select {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.\[\&_span\]\:flex span {
  display: flex;
}
.\[\&_span\]\:\!h-5 span {
  height: 1.25rem !important;
}
.\[\&_span\]\:\!w-5 span {
  width: 1.25rem !important;
}
.\[\&_span\]\:\!text-\[\#1a1a1a\] span {
  --tw-text-opacity: 1 !important;
  color: rgb(26 26 26 / var(--tw-text-opacity)) !important;
}
.\[\&_span\]\:\!text-white span {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.\[\&_span\]\:text-inherit span {
  color: inherit;
}
.\[\&_strong\]\:font-semibold strong {
  font-weight: 600;
}
.\[\&_summary\]\:list-item summary {
  display: list-item;
}
.\[\&_svg\:not\(\[class\*\=\"size-\"\]\)\]\:size-3\.5 svg:not([class*="size-"]) {
  width: 0.875rem;
  height: 0.875rem;
}
.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*='size-']) {
  width: 0.75rem;
  height: 0.75rem;
}
.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*='size-']) {
  width: 0.875rem;
  height: 0.875rem;
}
.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*='size-']) {
  width: 1rem;
  height: 1rem;
}
.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-5 svg:not([class*='size-']) {
  width: 1.25rem;
  height: 1.25rem;
}
.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*='size-']) {
  width: 1.5rem;
  height: 1.5rem;
}
.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-7 svg:not([class*='size-']) {
  width: 1.75rem;
  height: 1.75rem;
}
.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*='text-']) {
  color: hsl(var(--muted-foreground));
}
.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-white\/85 svg:not([class*='text-']) {
  color: rgb(255 255 255 / 0.85);
}
.\[\&_svg\:not\(\[class\*\=\\\'size-\\\'\]\)\]\:size-3 svg:not([class*=\'size-\']) {
  width: 0.75rem;
  height: 0.75rem;
}
.\[\&_svg\:not\(\[class\*\=size-\]\)\]\:size-3\.5 svg:not([class*=size-]) {
  width: 0.875rem;
  height: 0.875rem;
}
.\[\&_svg\:not\(\[class\*\=size-\]\)\]\:size-4 svg:not([class*=size-]) {
  width: 1rem;
  height: 1rem;
}
.\[\&_svg\:not\(\[role\=img\]\)\:not\(\[class\*\=text-\]\)\:not\(\[class\*\=opacity-\]\)\]\:opacity-60 svg:not([role=img]):not([class*=text-]):not([class*=opacity-]) {
  opacity: 0.6;
}
.\[\&_svg\:not\(\[role\=img\]\)\:not\(\[class\*\=text-\]\)\]\:opacity-60 svg:not([role=img]):not([class*=text-]) {
  opacity: 0.6;
}
.\[\&_svg\]\:pointer-events-none svg {
  pointer-events: none;
}
.\[\&_svg\]\:-ms-px svg {
  margin-inline-start: -1px;
}
.\[\&_svg\]\:block svg {
  display: block;
}
.\[\&_svg\]\:\!size-3 svg {
  width: 0.75rem !important;
  height: 0.75rem !important;
}
.\[\&_svg\]\:\!size-3\.5 svg {
  width: 0.875rem !important;
  height: 0.875rem !important;
}
.\[\&_svg\]\:size-3 svg {
  width: 0.75rem;
  height: 0.75rem;
}
.\[\&_svg\]\:size-3\.5 svg {
  width: 0.875rem;
  height: 0.875rem;
}
.\[\&_svg\]\:size-4 svg {
  width: 1rem;
  height: 1rem;
}
.\[\&_svg\]\:size-5 svg {
  width: 1.25rem;
  height: 1.25rem;
}
.\[\&_svg\]\:size-6 svg {
  width: 1.5rem;
  height: 1.5rem;
}
.\[\&_svg\]\:size-7 svg {
  width: 1.75rem;
  height: 1.75rem;
}
.\[\&_svg\]\:\!h-2\.5 svg {
  height: 0.625rem !important;
}
.\[\&_svg\]\:h-2\.5 svg {
  height: 0.625rem;
}
.\[\&_svg\]\:h-3 svg {
  height: 0.75rem;
}
.\[\&_svg\]\:h-3\.5 svg {
  height: 0.875rem;
}
.\[\&_svg\]\:h-4 svg {
  height: 1rem;
}
.\[\&_svg\]\:h-6 svg {
  height: 1.5rem;
}
.\[\&_svg\]\:h-full svg {
  height: 100%;
}
.\[\&_svg\]\:max-h-\[min\(56vh\2c 480px\)\] svg {
  max-height: min(56vh,480px);
}
.\[\&_svg\]\:\!w-2\.5 svg {
  width: 0.625rem !important;
}
.\[\&_svg\]\:w-2\.5 svg {
  width: 0.625rem;
}
.\[\&_svg\]\:w-3 svg {
  width: 0.75rem;
}
.\[\&_svg\]\:w-3\.5 svg {
  width: 0.875rem;
}
.\[\&_svg\]\:w-4 svg {
  width: 1rem;
}
.\[\&_svg\]\:w-6 svg {
  width: 1.5rem;
}
.\[\&_svg\]\:w-full svg {
  width: 100%;
}
.\[\&_svg\]\:max-w-full svg {
  max-width: 100%;
}
.\[\&_svg\]\:max-w-none svg {
  max-width: none;
}
.\[\&_svg\]\:shrink-0 svg {
  flex-shrink: 0;
}
.\[\&_svg\]\:rotate-90 svg {
  --tw-rotate: 90deg;
  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));
}
.\[\&_svg\]\:fill-none svg {
  fill: none;
}
.\[\&_svg\]\:fill-stone-800 svg {
  fill: #292524;
}
.\[\&_svg\]\:fill-zinc-100 svg {
  fill: #f4f4f5;
}
.\[\&_svg\]\:fill-zinc-200 svg {
  fill: #e4e4e7;
}
.\[\&_svg\]\:fill-zinc-800 svg {
  fill: #27272a;
}
.\[\&_svg\]\:stroke-current svg {
  stroke: currentColor;
}
.\[\&_svg\]\:stroke-2 svg {
  stroke-width: 2;
}
.\[\&_svg\]\:stroke-\[1\.4\] svg {
  stroke-width: 1.4;
}
.\[\&_svg\]\:stroke-\[1\.5\] svg {
  stroke-width: 1.5;
}
.\[\&_svg\]\:text-inherit svg {
  color: inherit;
}
.\[\&_svg\]\:text-white svg {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.\[\&_svg\]\:opacity-100 svg {
  opacity: 1;
}
.\[\&_svg\]\:opacity-60 svg {
  opacity: 0.6;
}
.\[\&_svg\]\:transition-colors svg {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.\[\&_svg\]\:hover\:text-foreground:hover svg {
  color: hsl(var(--foreground));
}
.data-\[direction\=start\]\:\[\&_svg\]\:rotate-180 svg[data-direction="start"] {
  --tw-rotate: 180deg;
  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));
}
.\[\&_svg_\*\]\:\!fill-\[var\(--svg-color\)\] svg * {
  fill: var(--svg-color) !important;
}
.\[\&_svg_\*\]\:\!stroke-\[var\(--svg-color\)\] svg * {
  stroke: var(--svg-color) !important;
}
.\[\&_svg_text\]\:fill-stone-900 svg text {
  fill: #1c1917;
}
.\[\&_svg_text\]\:fill-white svg text {
  fill: #fff;
}
.\[\&_svg_text\]\:fill-zinc-300 svg text {
  fill: #d4d4d8;
}
.\[\&_svg_text\]\:fill-zinc-900 svg text {
  fill: #18181b;
}
.\[\&_table\]\:block table {
  display: block;
}
.\[\&_table\]\:w-full table {
  width: 100%;
}
.\[\&_table\]\:border-collapse table {
  border-collapse: collapse;
}
.\[\&_table\]\:overflow-x-auto table {
  overflow-x: auto;
}
.\[\&_td\]\:border td {
  border-width: 1px;
}
.\[\&_td\]\:border-border td {
  border-color: hsl(var(--border));
}
.\[\&_td\]\:p-1 td {
  padding: 0.25rem;
}
.\[\&_td\]\:px-3 td {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.\[\&_td\]\:py-1\.5 td {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.\[\&_textarea\]\:text-white textarea {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.\[\&_tfoot_td\]\:border-t tfoot td {
  border-top-width: 1px;
}
.\[\&_th\]\:h-8 th {
  height: 2rem;
}
.\[\&_th\]\:border th {
  border-width: 1px;
}
.\[\&_th\]\:border-b th {
  border-bottom-width: 1px;
}
.\[\&_th\]\:border-border th {
  border-color: hsl(var(--border));
}
.\[\&_th\]\:p-1 th {
  padding: 0.25rem;
}
.\[\&_th\]\:px-3 th {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.\[\&_th\]\:text-xs th {
  font-size: 0.75rem;
  line-height: 1rem;
}
.\[\&_tr\:last-child\]\:border-0 tr:last-child {
  border-width: 0px;
}
.\[\&_tr\:not\(\:last-child\)_td\]\:border-b tr:not(:last-child) td {
  border-bottom-width: 1px;
}
.\[\&_tr\:nth-child\(even\)\]\:bg-muted\/40 tr:nth-child(even) {
  background-color: hsl(var(--muted) / 0.4);
}
.\[\&_tr\>\:first-child\]\:sticky tr>:first-child {
  position: sticky;
}
.\[\&_tr\>\:first-child\]\:left-0 tr>:first-child {
  left: 0px;
}
.\[\&_tr\>\:first-child\]\:z-10 tr>:first-child {
  z-index: 10;
}
.\[\&_tr\>\:first-child\]\:bg-inherit tr>:first-child {
  background-color: inherit;
}
.\[\&_tr\>\:not\(\:last-child\)\]\:after\:pointer-events-none tr>:not(:last-child)::after {
  content: var(--tw-content);
  pointer-events: none;
}
.\[\&_tr\>\:not\(\:last-child\)\]\:after\:absolute tr>:not(:last-child)::after {
  content: var(--tw-content);
  position: absolute;
}
.\[\&_tr\>\:not\(\:last-child\)\]\:after\:inset-y-0 tr>:not(:last-child)::after {
  content: var(--tw-content);
  top: 0px;
  bottom: 0px;
}
.\[\&_tr\>\:not\(\:last-child\)\]\:after\:right-0 tr>:not(:last-child)::after {
  content: var(--tw-content);
  right: 0px;
}
.\[\&_tr\>\:not\(\:last-child\)\]\:after\:w-px tr>:not(:last-child)::after {
  content: var(--tw-content);
  width: 1px;
}
.\[\&_tr\>\:not\(\:last-child\)\]\:after\:bg-border tr>:not(:last-child)::after {
  content: var(--tw-content);
  background-color: hsl(var(--border));
}
.\[\&_tr\]\:border-b tr {
  border-bottom-width: 1px;
}
.\[\&_tr\]\:border-none tr {
  border-style: none;
}
.\[\&_ul\]\:my-1 ul {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.\[\&_ul\]\:mb-2 ul {
  margin-bottom: 0.5rem;
}
.\[\&_ul\]\:mb-3 ul {
  margin-bottom: 0.75rem;
}
.\[\&_ul\]\:mb-5 ul {
  margin-bottom: 1.25rem;
}
.\[\&_ul\]\:list-disc ul {
  list-style-type: disc;
}
.\[\&_ul\]\:pl-5 ul {
  padding-left: 1.25rem;
}
.\[\&_video\]\:max-w-full video {
  max-width: 100%;
}
.deskdark .\[\.deskdark_\&\]\:bg-\[\#242424\] {
  --tw-bg-opacity: 1;
  background-color: rgb(36 36 36 / var(--tw-bg-opacity));
}
@media(hover:none) {
  .\[\@media\(hover\:none\)\]\:opacity-100 {
    opacity: 1;
  }
}
@media(pointer:coarse) {
  .\[\@media\(pointer\:coarse\)\]\:inline-block {
    display: inline-block;
  }
  .\[\@media\(pointer\:coarse\)\]\:inline {
    display: inline;
  }
  .\[\@media\(pointer\:coarse\)\]\:flex {
    display: flex;
  }
  .\[\@media\(pointer\:coarse\)\]\:hidden {
    display: none;
  }
  .\[\@media\(pointer\:coarse\)\]\:size-11 {
    width: 2.75rem;
    height: 2.75rem;
  }
  .\[\@media\(pointer\:coarse\)\]\:size-9 {
    width: 2.25rem;
    height: 2.25rem;
  }
  .\[\@media\(pointer\:coarse\)\]\:size-\[44px\] {
    width: 44px;
    height: 44px;
  }
  .\[\@media\(pointer\:coarse\)\]\:h-9 {
    height: 2.25rem;
  }
  .\[\@media\(pointer\:coarse\)\]\:h-\[44px\] {
    height: 44px;
  }
  .\[\@media\(pointer\:coarse\)\]\:min-h-9 {
    min-height: 2.25rem;
  }
  .\[\@media\(pointer\:coarse\)\]\:min-h-\[44px\] {
    min-height: 44px;
  }
  .\[\@media\(pointer\:coarse\)\]\:w-\[44px\] {
    width: 44px;
  }
  .\[\@media\(pointer\:coarse\)\]\:min-w-9 {
    min-width: 2.25rem;
  }
  .\[\@media\(pointer\:coarse\)\]\:min-w-\[44px\] {
    min-width: 44px;
  }
  .\[\@media\(pointer\:coarse\)\]\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .\[\@media\(pointer\:coarse\)\]\:py-1\.5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
  .\[\@media\(pointer\:coarse\)\]\:py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
  .\[\@media\(pointer\:coarse\)\]\:opacity-100 {
    opacity: 1;
  }
}
[data-format-bar-density=default] .\[\[data-format-bar-density\=default\]_\&\]\:size-3\.5 {
  width: 0.875rem;
  height: 0.875rem;
}
[data-format-bar-density=default] .\[\[data-format-bar-density\=default\]_\&\]\:size-7 {
  width: 1.75rem;
  height: 1.75rem;
}
[data-format-bar-density=default] .\[\[data-format-bar-density\=default\]_\&\]\:h-7 {
  height: 1.75rem;
}
[data-format-bar-density=default] .\[\[data-format-bar-density\=default\]_\&\]\:min-w-\[1\.5rem\] {
  min-width: 1.5rem;
}
[data-format-bar-density=default] .\[\[data-format-bar-density\=default\]_\&\]\:max-w-\[8rem\] {
  max-width: 8rem;
}
[data-format-bar-density=default] .\[\[data-format-bar-density\=default\]_\&\]\:max-w-\[9rem\] {
  max-width: 9rem;
}
[data-format-bar-density=default] .\[\[data-format-bar-density\=default\]_\&\]\:gap-1 {
  gap: 0.25rem;
}
[data-format-bar-density=default] .\[\[data-format-bar-density\=default\]_\&\]\:rounded-sm {
  border-radius: calc(var(--radius) - 4px);
}
[data-format-bar-density=default] .\[\[data-format-bar-density\=default\]_\&\]\:px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
[data-format-bar-density=default] .\[\[data-format-bar-density\=default\]_\&\]\:px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
[data-format-bar-density=default] .\[\[data-format-bar-density\=default\]_\&\]\:text-\[11px\] {
  font-size: 11px;
}
[data-format-bar-density=dense] .\[\[data-format-bar-density\=dense\]_\&\]\:size-2\.5 {
  width: 0.625rem;
  height: 0.625rem;
}
[data-format-bar-density=dense] .\[\[data-format-bar-density\=dense\]_\&\]\:size-4 {
  width: 1rem;
  height: 1rem;
}
[data-format-bar-density=dense] .\[\[data-format-bar-density\=dense\]_\&\]\:h-2\.5 {
  height: 0.625rem;
}
[data-format-bar-density=dense] .\[\[data-format-bar-density\=dense\]_\&\]\:h-4 {
  height: 1rem;
}
[data-format-bar-density=dense] .\[\[data-format-bar-density\=dense\]_\&\]\:w-2\.5 {
  width: 0.625rem;
}
[data-format-bar-density=dense] .\[\[data-format-bar-density\=dense\]_\&\]\:min-w-\[1\.1rem\] {
  min-width: 1.1rem;
}
[data-format-bar-density=dense] .\[\[data-format-bar-density\=dense\]_\&\]\:min-w-\[4rem\] {
  min-width: 4rem;
}
[data-format-bar-density=dense] .\[\[data-format-bar-density\=dense\]_\&\]\:max-w-\[5\.5rem\] {
  max-width: 5.5rem;
}
[data-format-bar-density=dense] .\[\[data-format-bar-density\=dense\]_\&\]\:max-w-\[6rem\] {
  max-width: 6rem;
}
[data-format-bar-density=dense] .\[\[data-format-bar-density\=dense\]_\&\]\:max-w-\[min\(100\%\2c 12rem\)\] {
  max-width: min(100%,12rem);
}
[data-format-bar-density=dense] .\[\[data-format-bar-density\=dense\]_\&\]\:gap-0\.5 {
  gap: 0.125rem;
}
[data-format-bar-density=dense] .\[\[data-format-bar-density\=dense\]_\&\]\:rounded-\[2px\] {
  border-radius: 2px;
}
[data-format-bar-density=dense] .\[\[data-format-bar-density\=dense\]_\&\]\:px-0\.5 {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
[data-format-bar-density=dense] .\[\[data-format-bar-density\=dense\]_\&\]\:px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
[data-format-bar-density=dense] .\[\[data-format-bar-density\=dense\]_\&\]\:text-\[8px\] {
  font-size: 8px;
}
[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
  right: -0.5rem;
}
[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
  cursor: e-resize;
}
[data-side=left] .\[\[data-side\=left\]_\&\]\:cursor-w-resize {
  cursor: w-resize;
}
[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
  left: -0.5rem;
}
[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
  cursor: w-resize;
}
[data-side=right] .\[\[data-side\=right\]_\&\]\:cursor-e-resize {
  cursor: e-resize;
}
[data-slot=card-content] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent {
  background-color: transparent;
}
[data-slot=popover-content] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent {
  background-color: transparent;
}
[data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20 {
  background-color: hsl(var(--background) / 0.2);
}
[data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:text-background {
  color: hsl(var(--background));
}
[data-slot=tooltip-content] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10:is(.dark *) {
  background-color: hsl(var(--background) / 0.1);
}
[data-state=open]>.\[\[data-state\=open\]\>\&\]\:border-ring {
  border-color: hsl(var(--ring));
}
[data-state=open]>.\[\[data-state\=open\]\>\&\]\:ring-\[3px\] {
  --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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
[data-state=open]>.\[\[data-state\=open\]\>\&\]\:ring-ring\/30 {
  --tw-ring-color: hsl(var(--ring) / 0.3);
}
[data-state=open] .\[\[data-state\=open\]_\&\]\:rotate-180 {
  --tw-rotate: 180deg;
  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));
}
[data-variant=legend]+.\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5 {
  margin-top: -0.375rem;
}
a.\[a\&\]\:transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
a.\[a\&\]\:hover\:bg-accent:hover {
  background-color: hsl(var(--accent));
}
a.\[a\&\]\:hover\:bg-accent\/50:hover {
  background-color: hsl(var(--accent) / 0.5);
}
a.\[a\&\]\:hover\:bg-amber-600\/5:hover {
  background-color: rgb(217 119 6 / 0.05);
}
a.\[a\&\]\:hover\:bg-destructive\/5:hover {
  background-color: hsl(var(--destructive) / 0.05);
}
a.\[a\&\]\:hover\:bg-destructive\/90:hover {
  background-color: hsl(var(--destructive) / 0.9);
}
a.\[a\&\]\:hover\:bg-green-600\/5:hover {
  background-color: rgb(22 163 74 / 0.05);
}
a.\[a\&\]\:hover\:bg-primary\/90:hover {
  background-color: hsl(var(--primary) / 0.9);
}
a.\[a\&\]\:hover\:bg-secondary\/90:hover {
  background-color: hsl(var(--secondary) / 0.9);
}
a.\[a\&\]\:hover\:text-accent-foreground:hover {
  color: hsl(var(--accent-foreground));
}
a.dark\:\[a\&\]\:hover\:bg-amber-400\/5:hover:is(.dark *) {
  background-color: rgb(251 191 36 / 0.05);
}
a.dark\:\[a\&\]\:hover\:bg-green-400\/5:hover:is(.dark *) {
  background-color: rgb(74 222 128 / 0.05);
}
div:hover>.\[div\:hover\>\&\]\:opacity-100 {
  opacity: 1;
}
/* UI Reference only — catalog density without squashing pack icons. */

/* Titles, breadcrumbs and search share the tab-track treatment in every Primary UI sidebar. */

:is(.ui-ref-ps1-compact.primary-ui-sidebar-host, .tls-frame, [data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.tls-head, .dev-ws-sidebar-header, .ctc-finder-crumb, .ctc-finder-shell > label:first-child, .das-search-row, .das-panel-header, .desk-inspector-chrome) {
  box-sizing: border-box;
  height: var(--container-header-height, 27px) !important;
  min-height: var(--container-header-height, 27px) !important;
  max-height: var(--container-header-height, 27px) !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border: 0;
  border-bottom: 1px solid var(--container-divider, #414147) !important;
  border-radius: 0 !important;
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e)) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.09) !important;
  color: hsl(var(--foreground));
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 5px;
}

:is(.ui-ref-ps1-compact.primary-ui-sidebar-host, .tls-frame, [data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.tls-head, .dev-ws-sidebar-header, .ctc-finder-crumb, .ctc-finder-shell > label:first-child, .das-search-row, .das-panel-header, .desk-inspector-chrome),
:is(.ui-ref-ps1-compact.primary-ui-sidebar-host, .tls-frame, [data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.tls-head, .dev-ws-sidebar-header, .ctc-finder-crumb, .ctc-finder-shell > label:first-child, .das-search-row, .das-panel-header, .desk-inspector-chrome)
:is(span, button, input, h2, h3) {
  font-family: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  -webkit-font-smoothing: antialiased;
}

:is([data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.ctc-finder-shell > label:first-child, .das-search-row) input {
  min-width: 0;
  color: hsl(var(--foreground));
}

:is([data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.ctc-finder-shell > label:first-child, .das-search-row) input::-moz-placeholder {
  color: hsl(var(--muted-foreground));
  opacity: 1;
}

:is([data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.ctc-finder-shell > label:first-child, .das-search-row) input::placeholder {
  color: hsl(var(--muted-foreground));
  opacity: 1;
}

/* Continue the bottom tab-track fill through the sidebar footer cells. */

:is(.ui-ref-ps1-compact.primary-ui-sidebar-host, .tls-frame, [data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.tls-rail-footer, .ui-ref-ps1-layer1-rail-footer, .ctc-finder-footer, .das-library-row, .das-status-bar) {
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e)) !important;
  border-top: 1px solid var(--container-divider, #414147) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.07) !important;
}

/* CTC left-sidebar chrome on Primary UI PS1 / PS2 / PS3
   (.primary-ui-sidebar-host) and Workspace Container embeds. */

.ui-ref-ps1-compact.primary-ui-sidebar-host,
.workspace-container-frame .ui-ref-ps1-compact {
  --workspace-sidebar-rail-width: 32px;
  --workspace-sidebar-panel-width: 168px;
  --workspace-sidebar-control-size: 26px;
  --workspace-sidebar-icon-size: 16px;
  --workspace-sidebar-head-height: 22px;
  --workspace-sidebar-row-height: 22px;
  --workspace-sidebar-gap: 2px;
  --workspace-sidebar-pad: 3px;
  --workspace-sidebar-bg: #121214;
  --workspace-sidebar-line: var(--linux-chrome-border, #3d3846);
  --workspace-sidebar-fg: var(--linux-chrome-fg, #deddda);
  --workspace-sidebar-muted: var(--linux-chrome-muted, #9a9996);
  --workspace-sidebar-rail-top: #19191c;
  --workspace-sidebar-rail-bottom: #121214;
  --workspace-sidebar-panel: #121214;
  --workspace-sidebar-head-top: #19191c;
  --workspace-sidebar-head-bottom: #141416;
  --workspace-sidebar-row-top: #242428;
  --workspace-sidebar-row-bottom: #19191d;
  --ps-ctc-raised: #222226;
  --ps-ctc-plate: #121214;
  --ps-ctc-line: var(--linux-chrome-border, #3d3846);
  --ps-ctc-highlight: rgba(255, 255, 255, 0.1);
  --ps-ctc-highlight-strong: rgba(255, 255, 255, 0.16);
  --ps-ctc-shade: rgba(0, 0, 0, 0.55);
  --ps-ctc-bevel-out:
    inset 1px 1px 0 var(--ps-ctc-highlight),
    inset -1px -1px 0 var(--ps-ctc-shade);
  --ps-ctc-bevel-out-hover:
    inset 1px 1px 0 var(--ps-ctc-highlight-strong),
    inset -1px -1px 0 var(--ps-ctc-shade);
  --ps-ctc-control: 28px;
  --ps1-layer1-bg: var(--ps-ctc-plate);
  --ps1-layer2-bg: var(--ps-ctc-plate);
  --dev-ws-activity-bg: var(--ps-ctc-plate);
  --dev-ws-panel-bg: var(--ps-ctc-plate);
  --ps1-rail-divider: var(--ps-ctc-line);
  --ps1-chip-bg: transparent;
  --ps1-chip-bg-hover: rgba(255, 255, 255, 0.03);
  --ps1-chip-bg-active: transparent;
  --ps1-tab-bevel: none;
  --ps1-tab-bevel-hover: none;
  --ps1-tab-bevel-active: none;
}

.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-layer1,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-layer1 {
  width: var(--workspace-sidebar-rail-width);
  min-width: var(--workspace-sidebar-rail-width);
  background: var(--ps-ctc-plate) !important;
  border-right: 1px solid var(--ps-ctc-line) !important;
  box-shadow: none;
}

.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-layer1-rail,
.ui-ref-ps1-compact.primary-ui-sidebar-host .dev-ws-activity-bar.ui-ref-ps1-layer1-rail,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-layer1-rail,
.workspace-container-frame .ui-ref-ps1-compact .dev-ws-activity-bar.ui-ref-ps1-layer1-rail {
  background: var(--ps-ctc-plate) !important;
  gap: 0;
  padding: 0;
}

.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-layer1-rail-dests,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-layer1-rail-dests {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--workspace-sidebar-gap);
  padding-top: var(--workspace-sidebar-pad);
}

.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-layer1-rail-footer,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-layer1-rail-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  min-height: 32px;
  margin-top: auto;
  padding: 0;
  border-top: 1px solid var(--ps-ctc-line);
  box-shadow: none;
}

.ui-ref-ps1-compact.primary-ui-sidebar-host .dev-ws-sidebar > .min-h-0,
.workspace-container-frame .ui-ref-ps1-compact .dev-ws-sidebar > .min-h-0 {
  padding: 0 !important;
}

.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-layer2,
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-layer2-panel,
.ui-ref-ps1-compact.primary-ui-sidebar-host .dev-ws-sidebar.ui-ref-ps1-layer2-panel,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-layer2,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-layer2-panel,
.workspace-container-frame .ui-ref-ps1-compact .dev-ws-sidebar.ui-ref-ps1-layer2-panel {
  background: var(--ps-ctc-plate) !important;
}

.ui-ref-ps1-compact.primary-ui-sidebar-host.ui-ref-ps2 .dev-ws-sidebar.ui-ref-ps1-layer2-panel,
.ui-ref-ps1-compact.primary-ui-sidebar-host.ui-ref-ps3 .dev-ws-sidebar.ui-ref-ps1-layer2-panel,
.workspace-container-frame .ui-ref-ps1-compact.ui-ref-ps2 .dev-ws-sidebar.ui-ref-ps1-layer2-panel,
.workspace-container-frame .ui-ref-ps1-compact.ui-ref-ps3 .dev-ws-sidebar.ui-ref-ps1-layer2-panel {
  border-left: 1px solid var(--ps-ctc-line) !important;
}

.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-glow-icon,
.ui-ref-ps1-compact.primary-ui-sidebar-host button.ui-ref-ps1-glow-icon,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-glow-icon,
.workspace-container-frame .ui-ref-ps1-compact button.ui-ref-ps1-glow-icon {
  width: var(--ps-ctc-control) !important;
  min-width: var(--ps-ctc-control) !important;
  height: var(--ps-ctc-control) !important;
  min-height: var(--ps-ctc-control) !important;
  margin: 0 auto;
  border: 0 !important;
  border-radius: 3px !important;
  overflow: visible !important;
  background: var(--ps-ctc-raised) !important;
  background-color: var(--ps-ctc-raised) !important;
  background-image: none !important;
  box-shadow: var(--ps-ctc-bevel-out) !important;
}

.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-glow-icon::after,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-glow-icon::after {
  display: none !important;
}

.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-sis-dest,
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-glow-icon [data-rd-icon-plate],
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-sis-dest,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-glow-icon [data-rd-icon-plate] {
  width: 16px !important;
  height: 16px !important;
  border-radius: 0;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
}

.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-sis-dest svg,
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-sis-dest img,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-sis-dest svg,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-sis-dest img {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
}

.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-glow-icon::before,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-glow-icon::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 2px;
  height: 100%;
  border-radius: 0;
  transform: none !important;
  background: var(--glow-color);
  box-shadow: none;
  opacity: 0.2;
  transition: opacity 140ms ease;
}

.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-glow-icon:hover,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-glow-icon:hover {
  background: #333 !important;
  background-color: #333 !important;
  box-shadow: var(--ps-ctc-bevel-out-hover) !important;
}

.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-glow-icon:hover::before,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-glow-icon:hover::before {
  transform: none !important;
  opacity: 0.55;
}

.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-glow-icon[aria-current='page'],
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-glow-icon[aria-pressed='true'],
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-glow-icon[aria-current='page'],
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-glow-icon[aria-pressed='true'] {
  background: var(--ps-ctc-raised) !important;
  background-color: var(--ps-ctc-raised) !important;
  box-shadow: var(--ps-ctc-bevel-out) !important;
}

.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-glow-icon[aria-current='page']::before,
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-glow-icon[aria-pressed='true']::before,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-glow-icon[aria-current='page']::before,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-glow-icon[aria-pressed='true']::before {
  opacity: 1;
  background: var(--glow-color);
}

.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-submenu-panel .ui-ref-ps1-tab.ui-ref-ps1-glow-row,
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-submenu-panel [role='treeitem'],
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-submenu-panel .ui-ref-ps1-tab.ui-ref-ps1-glow-row,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='treeitem'] {
  height: auto !important;
  min-height: var(--workspace-sidebar-row-height) !important;
  gap: 6px;
  padding: 1px 8px !important;
  border: 0 !important;
  border-radius: 0 !important;
  border-bottom: 1px solid var(--ps-ctc-line) !important;
  background: transparent !important;
  box-shadow: none !important;
  color: hsl(var(--foreground)) !important;
  font-size: var(--primary-ui-chrome-font-size, 12px) !important;
  font-weight: 600 !important;
}

.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-submenu-panel .ui-ref-ps1-tab.ui-ref-ps1-glow-row:hover,
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-submenu-panel [role='treeitem']:hover,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-submenu-panel .ui-ref-ps1-tab.ui-ref-ps1-glow-row:hover,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='treeitem']:hover {
  background: rgba(255, 255, 255, 0.03) !important;
  box-shadow: none !important;
  border-color: var(--ps-ctc-line) !important;
}

.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-submenu-panel .ui-ref-ps1-tab.ui-ref-ps1-glow-row[aria-current='page'],
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-submenu-panel [role='treeitem'][aria-selected='true'],
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-submenu-panel [role='treeitem'][aria-expanded='true'],
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-submenu-panel .ui-ref-ps1-tab.ui-ref-ps1-glow-row[aria-current='page'],
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='treeitem'][aria-selected='true'],
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='treeitem'][aria-expanded='true'] {
  background: transparent !important;
  box-shadow: none !important;
  color: hsl(var(--foreground)) !important;
}

.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-submenu-panel .ui-ref-ps1-sis-dest,
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-submenu-panel .ui-ref-ps1-sis-dest--toggle,
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-submenu-panel [role='treeitem'] > span:first-child,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-submenu-panel .ui-ref-ps1-sis-dest,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-submenu-panel .ui-ref-ps1-sis-dest--toggle,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='treeitem'] > span:first-child {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  background: none !important;
  background-image: none !important;
}

.ui-ref-ps1-compact.primary-ui-sidebar-host .dev-ws-sidebar-header,
.workspace-container-frame .ui-ref-ps1-compact .dev-ws-sidebar-header {
  min-height: 32px;
  padding: 0 12px;
  border-bottom: 1px solid var(--ps-ctc-line) !important;
  box-shadow: none;
  background: var(--ps-ctc-plate);
}

html:not([data-corners='rounded']):not(.rounded-corners) .ui-ref-ps1-compact.primary-ui-sidebar-host button.ui-ref-ps1-glow-icon,
html[data-corners='sharp'] .ui-ref-ps1-compact.primary-ui-sidebar-host button.ui-ref-ps1-glow-icon,
html:not([data-corners='rounded']):not(.rounded-corners) .workspace-container-frame .ui-ref-ps1-compact button.ui-ref-ps1-glow-icon,
html[data-corners='sharp'] .workspace-container-frame .ui-ref-ps1-compact button.ui-ref-ps1-glow-icon {
  border-radius: 3px !important;
}

/* Configurable PS1 mounted in Creative Tools uses the exact Workspace Container density. */

.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .ui-ref-ps1-layer1 {
  width: var(--workspace-sidebar-rail-width);
  min-width: var(--workspace-sidebar-rail-width);
  background: linear-gradient(
    180deg,
    var(--workspace-sidebar-rail-top),
    var(--workspace-sidebar-rail-bottom)
  ) !important;
}

.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .ui-ref-ps1-layer1-rail {
  gap: var(--workspace-sidebar-gap);
  padding: var(--workspace-sidebar-pad) 0;
  background: transparent !important;
}

.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .ui-ref-ps1-layer1-rail-dests {
  gap: var(--workspace-sidebar-gap);
  padding-top: 0;
}

.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .ui-ref-ps1-layer1-rail-footer {
  height: calc(var(--workspace-sidebar-control-size) + 6px);
  min-height: calc(var(--workspace-sidebar-control-size) + 6px);
}

.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .ui-ref-ps1-glow-icon,
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] button.ui-ref-ps1-glow-icon {
  width: var(--workspace-sidebar-control-size) !important;
  min-width: var(--workspace-sidebar-control-size) !important;
  height: var(--workspace-sidebar-control-size) !important;
  min-height: var(--workspace-sidebar-control-size) !important;
}

.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .ui-ref-ps1-sis-dest,
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .ui-ref-ps1-glow-icon [data-rd-icon-plate],
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .ui-ref-ps1-sis-dest svg,
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .ui-ref-ps1-sis-dest img {
  width: var(--workspace-sidebar-icon-size) !important;
  min-width: var(--workspace-sidebar-icon-size) !important;
  height: var(--workspace-sidebar-icon-size) !important;
  min-height: var(--workspace-sidebar-icon-size) !important;
}

.ui-ref-ps1-compact.primary-ui-sidebar-host.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .ui-ref-ps1-layer2,
.ui-ref-ps1-compact.primary-ui-sidebar-host.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .ui-ref-ps1-layer2-panel {
  width: var(--workspace-sidebar-panel-width);
  background: var(--workspace-sidebar-panel) !important;
}

.ui-ref-ps1-compact.dev-workspace-shell {
  --ps1-rail-width: var(--workspace-sidebar-rail-width, 32px);
  --ps1-layer2-header: 1.875rem;
  --ps1-layer2-nav-pad: 0.125rem;
  --ps1-rail-header-inset: 0.375rem;
  --ps1-rail-divider: var(--dev-ws-divider-strong);
  --ps1-chip-bg: var(--dev-ws-surface-raised);
  --ps1-chip-bg-hover: var(--dev-ws-surface-raised-hover);
  --ps1-chip-bg-active: var(--dev-ws-surface-raised-active);
  --ps1-tab-radius: 1px;
  --ps1-pill-radius: 3px;
  --ps1-tab-gap: 0.125rem;
  --ps1-tab-inset: 0.25rem;
  --ps1-tab-pad-x: 0.25rem;
  --ps1-tab-pad-right: 0.2rem;
  --ps1-tab-font-size: var(--primary-ui-chrome-font-size, 12px);
  --ps1-tree-tab-font-size: var(--primary-ui-chrome-font-size, 12px);
  --ps1-toggle-font-size: var(--primary-ui-chrome-font-size, 12px);
  --ps1-tree-line-color: rgba(255, 255, 255, 0.8);
  --ps1-tab-bevel: var(--dev-ws-elevation-inset);
  --ps1-tab-bevel-hover: var(--dev-ws-elevation-inset-hover);
  --ps1-tab-bevel-active: var(--dev-ws-elevation-inset-active);
  align-items: stretch;
  height: 100%;
  min-height: 100%;
  align-self: stretch;
  /* Layer 1 = rail · Layer 2 = submenu — distinct desk-dark bands */
  --ps1-layer1-bg: hsl(var(--sidebar));
  --ps1-layer2-bg: hsl(var(--card));
  --dev-ws-activity-bg: var(--ps1-layer1-bg);
  --dev-ws-panel-bg: var(--ps1-layer2-bg);
  box-shadow: none;
  border-radius: var(--ps1-tab-radius);
}

.ui-ref-ps1-compact.dev-workspace-shell .dev-ws-activity-bar,
.ui-ref-ps1-compact.dev-workspace-shell .dev-ws-sidebar {
  border-radius: 0;
  box-shadow: none;
  height: 100%;
  flex: 1 1 auto;
  align-self: stretch;
  min-height: 100%;
}

/* ── Layer 1: activity rail column — full-height band + seam divider ── */

.ui-ref-ps1-compact .ui-ref-ps1-layer1 {
  background: var(--ps1-layer1-bg) !important;
  border-right: 1px solid var(--ps1-rail-divider);
  width: var(--ps1-rail-width, 32px);
  min-width: var(--ps1-rail-width, 32px);
  align-self: stretch;
  height: 100%;
  min-height: 100%;
  flex: 1 1 auto;
}

.ui-ref-ps1-compact .ui-ref-ps1-layer1-rail,
.ui-ref-ps1-compact .dev-ws-activity-bar.ui-ref-ps1-layer1-rail,
.ui-ref-ps1-compact .ui-ref-ps1-tree-view-rail.ui-ref-ps1-layer1-rail {
  background: transparent !important;
  border-right: none !important;
  flex: 1 1 auto;
  align-self: stretch;
  height: 100%;
  min-height: 100%;
}

/* Layer 1 — dest icons at top, “All tabs” pinned to bottom (no tailwind flex-1 — hidden by activity-bar rule) */

.ui-ref-ps1-compact .ui-ref-ps1-layer1-rail--with-all-tabs {
  min-height: 0;
  justify-content: flex-start;
}

.ui-ref-ps1-compact .ui-ref-ps1-layer1-rail-dests {
  flex: 0 0 auto;
  width: 100%;
}

.ui-ref-ps1-compact .ui-ref-ps1-layer1-rail-spacer {
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
}

.ui-ref-ps1-compact .ui-ref-ps1-layer1-rail-footer {
  flex: 0 0 auto;
  padding-top: 0.125rem;
  border-top: 1px solid var(--ps1-rail-divider);
}

/* Layer 2 — grouped “All tabs” submenu sections */

.ui-ref-ps1-compact .ui-ref-ps1-all-tabs-group + .ui-ref-ps1-all-tabs-group {
  margin-top: 0.375rem;
  padding-top: 0.375rem;
  border-top: 1px solid var(--ps1-rail-divider);
}

.ui-ref-ps1-compact .ui-ref-ps1-all-tabs-group-heading {
  padding: var(--ps1-rail-header-inset) var(--ps1-tab-inset) 0.125rem;
  color: hsl(var(--foreground) / 0.72);
  font-size: var(--ps1-tab-font-size);
  font-weight: 600;
  text-transform: none;
}

.ui-ref-ps1-compact .ui-ref-ps1-all-tabs-submenu .ui-ref-ps1-tree-view-leaves {
  width: 100%;
  min-width: 0;
  margin-left: 0;
  padding-left: 0;
  border-left: 0;
  padding-bottom: 0.125rem;
}

.ui-ref-ps1-compact .ui-ref-ps1-all-tabs-submenu .ui-ref-ps1-all-tabs-group {
  width: 100%;
  min-width: 0;
}

.ui-ref-ps1-compact .ui-ref-ps1-all-tabs-submenu .ui-ref-ps1-tab.ui-ref-ps1-glow-row {
  width: 100%;
  min-width: 0;
}

/* ── PS2 / PS3 — no layer-1 rail; panel is the outer edge ── */

.ui-ref-ps1-compact.ui-ref-ps2 .dev-ws-sidebar.ui-ref-ps1-layer2-panel,
.ui-ref-ps1-compact.ui-ref-ps3 .dev-ws-sidebar.ui-ref-ps1-layer2-panel {
  border-left: 1px solid var(--ps1-rail-divider, hsl(var(--border)));
}

/* ── Layer 2: submenu panel (right column) — full height, content width ── */

.ui-ref-ps1-compact .ui-ref-ps1-layer2,
.ui-ref-ps1-compact .ui-ref-ps1-layer2-panel,
.ui-ref-ps1-compact .dev-ws-sidebar.ui-ref-ps1-layer2-panel {
  background: var(--ps1-layer2-bg) !important;
  align-self: stretch;
  height: 100%;
  min-height: 100%;
  flex: 0 0 auto;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
}

.ui-ref-ps1-compact.primary-ui-sidebar-host {
  height: 100% !important;
  min-height: 100%;
  max-height: 100%;
  align-self: stretch;
  background: transparent !important;
}

.ui-ref-ps1-compact .ui-ref-ps1-tree-view-shell {
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  flex: 0 0 auto;
  height: 100%;
  min-height: 100%;
  align-self: stretch;
}

/* Tree view — hug tab column; no dead band on the right */

.ui-ref-ps1-compact .ui-ref-ps1-tree-view-submenu.ui-ref-ps1-submenu-panel {
  margin-right: 0;
  margin-bottom: 0.125rem;
}

/* Collapsed PS1 submenu — rail only; no empty submenu column. */

.ui-ref-ps1-compact.primary-ui-sidebar-host[data-ps1-submenu-open='0'] {
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
}

.ui-ref-ps1-compact.primary-ui-sidebar-host[data-ps1-submenu-open='0'] .ui-ref-ps1-tree-view-shell {
  width: -moz-max-content;
  width: max-content;
}

.ui-ref-ps1-compact .ui-ref-ps1-tree-view-rail {
  width: var(--ps1-rail-width, 32px);
  padding-top: var(--ps1-rail-header-inset);
}

.ui-ref-ps1-compact .ui-ref-ps1-rail-expand {
  width: var(--ps1-rail-width, 32px);
  padding-top: var(--ps1-layer2-nav-pad);
  padding-bottom: 0.125rem;
}

.ui-ref-ps1-compact .ui-ref-ps1-rail-expand + .dev-ws-activity-bar,
.ui-ref-ps1-compact .ui-ref-ps1-rail-expand + .ui-ref-ps1-tree-view-rail {
  padding-top: 0;
}

/* Shared PS1 submenu panel — sits on layer-2 band, no outline box */

.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel {
  margin: 0 0.125rem 0.125rem 0;
  padding: 0.1rem 0 !important;
  border: none !important;
  border-radius: var(--ps1-pill-radius) !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Submenu tabs — grey chip fill + inset emboss (no borders) */

.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel .ui-ref-ps1-tab.ui-ref-ps1-glow-row,
.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='treeitem'] {
  border: 1px solid transparent !important;
  border-radius: var(--ps1-pill-radius) !important;
  padding-top: 1px !important;
  padding-bottom: 1px !important;
  padding-right: var(--ps1-tab-pad-right) !important;
  background: var(--ps1-chip-bg) !important;
  box-shadow: var(--ps1-tab-bevel) !important;
  color: hsl(var(--foreground)) !important;
  font-size: var(--ps1-tree-tab-font-size) !important;
  font-weight: 600 !important;
  text-align: left;
  justify-content: flex-start !important;
  transition:
    background var(--dev-ws-transition-fast),
    box-shadow var(--dev-ws-transition-fast),
    border-color var(--dev-ws-transition-fast);
}

.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel .ui-ref-ps1-tab.ui-ref-ps1-glow-row::before,
.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel .ui-ref-ps1-tab.ui-ref-ps1-glow-row[aria-current='page']::before {
  opacity: 0;
}

.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel .ui-ref-ps1-tab.ui-ref-ps1-glow-row:hover,
.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='treeitem']:hover {
  background: var(--ps1-chip-bg-hover) !important;
  box-shadow: var(--ps1-tab-bevel-hover) !important;
  border-color: var(--dev-ws-divider) !important;
  color: hsl(var(--foreground)) !important;
}

.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel .ui-ref-ps1-tab.ui-ref-ps1-glow-row[aria-current='page'],
.ui-ref-ps1-compact .ui-ref-ps1-hub-submenu .ui-ref-ps1-hub-tree-leaf--active .ui-ref-ps1-glow-row,
.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='treeitem'][aria-expanded='true'],
.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='treeitem'][aria-selected='true'] {
  background: var(--ps1-chip-bg-active) !important;
  box-shadow: var(--ps1-tab-bevel-active) !important;
  border-color: var(--dev-ws-divider-strong) !important;
  color: hsl(var(--foreground)) !important;
  font-weight: 600 !important;
}

.ui-ref-ps1-compact .ui-ref-ps1-hub-submenu .ui-ref-ps1-hub-tree-leaf {
  padding-right: 0.2rem;
}

/* PS1 tree view — same tabs as hub submenu, left spine instead of L-guides */

.ui-ref-ps1-compact .ui-ref-ps1-tree-view-leaves {
  display: flex;
  flex-direction: column;
  gap: var(--ps1-tab-gap);
  width: 100%;
  min-width: -moz-max-content;
  min-width: max-content;
  margin-left: 0.125rem;
  padding-left: 0.0625rem;
  border-left: 1px solid var(--ps1-tree-line-color);
}

.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel .ui-ref-ps1-tab.ui-ref-ps1-glow-row span,
.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='treeitem'] > span:nth-child(2) {
  font-size: var(--ps1-tree-tab-font-size) !important;
  font-weight: 600 !important;
  color: hsl(var(--foreground)) !important;
  text-align: left;
  text-transform: lowercase;
}

.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel .ui-ref-ps1-tab.ui-ref-ps1-glow-row {
  height: 1.375rem !important;
  min-height: 1.375rem !important;
}

.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='treeitem'] {
  height: 1.375rem !important;
  min-height: 1.375rem !important;
  gap: 0.3rem;
  padding-left: 0.3rem !important;
  padding-right: 0.3rem !important;
}

.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='treeitem'] > span:first-child {
  width: 0.875rem !important;
  height: 0.875rem !important;
  min-width: 0.875rem !important;
  min-height: 0.875rem !important;
}

.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='treeitem'] > span:first-child .ui-ref-ps1-product-glyph,
.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='treeitem'] > span:first-child svg {
  width: 0.875rem !important;
  height: 0.875rem !important;
}

.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='treeitem'] > span:last-child {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1rem;
  height: 1rem;
  padding: 0 0.2rem;
  border-radius: var(--ps1-tab-radius);
  background: hsl(var(--muted) / 0.55);
  color: hsl(var(--muted-foreground)) !important;
  font-size: 0.5625rem !important;
  font-weight: 600;
  font-family: inherit;
}

.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='group'] > div {
  margin-top: -0.4375rem;
  margin-left: 0.625rem;
  padding-top: 0.4375rem;
  padding-left: 0.375rem;
  border-left: 1px solid var(--ps1-tree-line-color) !important;
}

.ui-ref-ps1-compact .ui-ref-ps1-submenu-title-bar {
  padding: var(--ps1-rail-header-inset) var(--ps1-tab-pad-right) 0.1rem 0.5rem;
  min-height: var(--ps1-layer2-header);
  background: var(--ps1-layer2-bg);
  border-bottom: 1px solid var(--ps1-rail-divider);
}

.ui-ref-ps1-compact .ui-ref-ps1-submenu-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1rem;
  height: 1rem;
  padding: 0 0.2rem;
  border-radius: var(--ps1-tab-radius);
  border: none;
  background: hsl(var(--muted) / 0.25);
  box-shadow: var(--ps1-tab-bevel);
  color: hsl(var(--muted-foreground));
  font-size: 0.5625rem;
  font-weight: 600;
  line-height: 1;
}

.ui-ref-ps1-compact .dev-ws-activity-bar {
  width: var(--ps1-rail-width, 32px);
  padding-top: var(--ps1-rail-header-inset);
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  gap: 0;
}

.ui-ref-ps1-compact .dev-ws-activity-bar > .flex-1 {
  display: none;
}

.ui-ref-ps1-compact .dev-ws-activity-btn {
  width: 3rem;
  height: auto;
  min-height: 2rem;
}

.ui-ref-ps1-compact .dev-ws-activity-btn--labeled {
  width: 1.75rem;
  height: 1.75rem;
  min-height: 1.75rem;
  padding: 0;
  gap: 0;
  flex-direction: row;
  border-radius: 999px;
}

.ui-ref-ps1-compact .dev-ws-activity-btn__label {
  display: none;
}

.ui-ref-ps1-compact .dev-ws-activity-btn--active::before {
  top: 0.35rem;
  bottom: 0.35rem;
}

.ui-ref-ps1-compact .ui-ref-ps1-glow-icon {
  flex-shrink: 0;
  overflow: visible;
  width: 100%;
  height: 1.625rem;
  min-width: 0;
  min-height: 1.625rem;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  transition:
    background var(--dev-ws-transition-fast),
    box-shadow var(--dev-ws-transition-fast),
    border-color var(--dev-ws-transition-fast);
}

.ui-ref-ps1-compact .ui-ref-ps1-glow-icon:hover {
  background: var(--ps1-chip-bg-hover) !important;
  box-shadow: var(--ps1-tab-bevel-hover) !important;
  border-color: var(--dev-ws-divider) !important;
  border-radius: var(--ps1-pill-radius);
}

.ui-ref-ps1-compact .ui-ref-ps1-glow-icon[aria-current='page'] {
  color: hsl(var(--foreground));
  background: transparent !important;
  border: none !important;
  border-radius: var(--ps1-tab-radius);
  box-shadow: none !important;
}

.ui-ref-ps1-compact .ui-ref-ps1-all-tabs-rail-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.ui-ref-ps1-compact .dev-ws-sidebar-header {
  padding: 0.25rem 0.4rem 0.2rem;
  min-height: var(--ps1-layer2-header);
  gap: 0.3rem;
  background: var(--ps1-layer2-bg);
  border-bottom: 1px solid var(--ps1-rail-divider) !important;
  box-shadow: none;
  color: hsl(var(--foreground));
}

.ui-ref-ps1-compact .ui-ref-ps1-tab-list {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
}

.ui-ref-ps1-compact nav,
.ui-ref-ps1-compact .ui-ref-ps1-tree-nav {
  padding-top: var(--ps1-layer2-nav-pad);
  padding-bottom: 0;
}

.ui-ref-ps1-compact .dev-ws-sidebar > .min-h-0 {
  padding-top: 0.125rem !important;
  padding-right: 0.2rem !important;
  padding-bottom: 0.125rem !important;
}

.ui-ref-ps1-compact .ui-ref-ps1-tree-nav > div {
  gap: 0;
}

/* Catalog tree — TreeSvgLines-style spine + branch fillets. */

.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree {
  position: relative;
  display: flex;
  flex-direction: column;
  --ps1-tree-row: 22px;
  --ps1-tree-title-h: 22px;
  --ps1-tree-line: 2px;
  --ps1-tree-curve: 5px;
}

.ui-ref-ps1-compact .ui-ref-ps1-hub-tree-guides {
  position: absolute;
  left: 2px;
  top: 0;
  z-index: 0;
  pointer-events: none;
  overflow: visible;
  color: var(--ps1-tree-line-color);
}

.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-hub-tree-leaves > .ui-ref-ps1-hub-tree-guides {
  left: var(--ps1-tree-guide-x);
}

.ui-ref-ps1-compact .ui-ref-ps1-hub-tree-guides-base {
  fill: none;
  stroke: var(--ps1-tree-line-color);
  stroke-width: 1;
}

.ui-ref-ps1-compact .ui-ref-ps1-hub-tree-guides-active {
  fill: none;
  stroke: var(--ps1-tree-line-color);
  stroke-width: 1;
  stroke-linecap: round;
}

.ui-ref-ps1-compact .ui-ref-ps1-hub-tree-leaves {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.ui-ref-ps1-compact .ui-ref-ps1-hub-tree-leaf {
  position: relative;
  display: flex;
  align-items: center;
  height: var(--ps1-tree-row);
  min-width: 0;
  padding-left: 6px;
  padding-right: 0.2rem;
  background: transparent !important;
  border: none !important;
}

.ui-ref-ps1-compact .ui-ref-ps1-hub-tree-title-stem,
.ui-ref-ps1-compact .ui-ref-ps1-hub-tree-leaves-trunk,
.ui-ref-ps1-compact .ui-ref-ps1-hub-tree-tick,
.ui-ref-ps1-compact .ui-ref-ps1-hub-tree-progress {
  display: none;
}

.ui-ref-ps1-compact .ui-ref-ps1-hub-tree-title {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  min-height: var(--ps1-tree-title-h);
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  background: transparent;
}

.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--folded > .ui-ref-ps1-hub-tree-title {
  padding-left: 0.25rem;
}

/* PS2 inset tree — guides open below section toggles, no group shell */

.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree {
  --ps1-tree-guide-x: 1.125rem;
  --ps1-tree-row: 22px;
  --ps1-tree-title-h: 22px;
}

.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree.ui-ref-ps1-catalog-tree--folded > .ui-ref-ps1-hub-tree-title {
  padding-left: 0.5rem;
  padding-right: 0.4rem;
}

.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree > .ui-ref-ps1-hub-tree-title {
  padding-left: 0.5rem;
  padding-right: 0.4rem;
}

.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-hub-tree-leaf {
  padding-left: calc(var(--ps1-tree-guide-x) + 0.5rem);
  padding-right: 0.4rem;
}

.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle,
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-tab.ui-ref-ps1-glow-row {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle:hover,
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-tab.ui-ref-ps1-glow-row:hover {
  background: var(--ps1-chip-bg-hover) !important;
  box-shadow: var(--ps1-tab-bevel-hover) !important;
}

.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle[aria-expanded='true'],
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle[aria-selected='true'],
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-tab.ui-ref-ps1-glow-row[aria-current='page'] {
  background: color-mix(in srgb, var(--glow-color) 16%, hsl(var(--sidebar))) !important;
  border: none !important;
  box-shadow: var(--ps1-tab-bevel-active) !important;
}

.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle::before,
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-tab.ui-ref-ps1-glow-row::before {
  opacity: 0;
}

.ui-ref-ps1-compact .ui-ref-ps1-tree-nav > div > .ui-ref-ps1-catalog-tree--inset-tree {
  margin-bottom: 0.125rem;
}

.ui-ref-ps1-compact.dev-workspace-shell .ui-ref-ps1-catalog-tree--headed > .ui-ref-ps1-hub-tree-title {
  background: transparent;
  border-bottom: none;
}

.ui-ref-ps1-compact .ui-ref-ps1-hub-tree-title .ui-ref-ps1-catalog-tree-heading {
  padding-left: 0;
}

.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree-heading {
  display: flex;
  align-items: center;
  min-height: var(--ps1-tree-title-h);
  width: 100%;
  font-weight: 600;
}

.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree-heading .dev-ws-sidebar-title {
  color: hsl(var(--muted-foreground)) !important;
  text-transform: none;
  font-weight: 600;
  padding-left: 0.125rem;
}

/* Tab chips inside tree rows — rounded fill + bottom accent; tree chrome stays */

.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-row {
  position: relative;
  width: 100%;
  min-width: 0;
  min-height: calc(var(--ps1-tree-row) - 0.25rem);
  height: calc(var(--ps1-tree-row) - 0.25rem);
  margin: 0;
  padding: 1px var(--ps1-tab-pad-x) !important;
  border-radius: var(--ps1-tab-radius) !important;
  border: none;
  color: hsl(var(--muted-foreground));
  font-size: var(--ps1-tab-font-size) !important;
  line-height: 1 !important;
  font-weight: 600;
  transition:
    background 140ms ease,
    color 140ms ease;
}

.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle {
  position: relative;
  width: 100%;
  min-width: 0;
  min-height: calc(var(--ps1-tree-row) - 0.25rem);
  height: calc(var(--ps1-tree-row) - 0.25rem);
  margin: 0;
  padding: 1px var(--ps1-tab-pad-x) !important;
  border-radius: var(--ps1-tab-radius) !important;
  border: none;
  color: hsl(var(--muted-foreground));
  font-size: var(--ps1-toggle-font-size) !important;
  line-height: 1 !important;
  font-weight: 600;
  text-transform: none;
  transition:
    background 140ms ease,
    color 140ms ease;
}

.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-row span,
.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle span {
  font-size: inherit;
  line-height: inherit;
}

.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-row:hover,
.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle:hover {
  background: var(--ps1-chip-bg-hover) !important;
  color: hsl(var(--foreground));
}

.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-row[aria-current='page'],
.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle[aria-expanded='true'],
.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle[aria-selected='true'] {
  background: color-mix(in srgb, var(--glow-color) 16%, hsl(var(--sidebar))) !important;
  border: none !important;
  color: hsl(var(--foreground));
}

.ui-ref-ps1-compact .ui-ref-ps1-glow-row {
  width: 100%;
  min-width: 0;
  height: var(--ps1-tree-row);
  font-weight: 600;
}

.ui-ref-ps1-compact .ui-ref-ps1-glow-toggle {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  text-transform: none;
  justify-content: flex-start;
  gap: 0.375rem;
  font-weight: 600;
}

/* Flatten GlowingButton default card chrome — keep PS1 bevel on tabs/rail below */

.ui-ref-ps1-compact .ui-ref-ps1-glow-row,
.ui-ref-ps1-compact .ui-ref-ps1-glow-toggle,
.ui-ref-ps1-compact .ui-ref-ps1-glow-icon {
  background-image: none;
}

.ui-ref-ps1-compact button.ui-ref-ps1-glow-icon,
.ui-ref-ps1-compact button.ui-ref-ps1-tab {
  border: none !important;
  border-color: transparent !important;
  outline: none !important;
}

.ui-ref-ps1-compact button.ui-ref-ps1-tab:focus,
.ui-ref-ps1-compact button.ui-ref-ps1-tab:focus-visible,
.ui-ref-ps1-compact button.ui-ref-ps1-glow-icon:focus,
.ui-ref-ps1-compact button.ui-ref-ps1-glow-icon:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

.ui-ref-ps1-compact .ui-ref-ps1-glow-toggle:not([aria-expanded='true']):not([aria-selected='true']),
.ui-ref-ps1-compact .ui-ref-ps1-glow-icon:not([aria-current='page']) {
  background-color: transparent;
}

.ui-ref-ps1-compact .ui-ref-ps1-glow-row::after,
.ui-ref-ps1-compact .ui-ref-ps1-glow-toggle::after,
.ui-ref-ps1-compact .ui-ref-ps1-glow-icon::after {
  display: none;
}

/* Tab chips outside submenu — borderless; submenu panel rules own fill + emboss */

.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-row,
.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle {
  border: none !important;
}

.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-tab.ui-ref-ps1-glow-row:hover,
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle:hover {
  box-shadow: var(--ps1-tab-bevel-hover);
}

.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-tab.ui-ref-ps1-glow-row[aria-current='page'],
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle[aria-expanded='true'],
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle[aria-selected='true'] {
  box-shadow: var(--ps1-tab-bevel-active);
}

/* Tab rows: bottom accent (Primary Tab Nav 1 style) */

.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-row::before,
.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle::before {
  content: '';
  position: absolute;
  left: 0.4rem;
  right: 0.4rem;
  top: auto;
  bottom: 0.15rem;
  height: 2px;
  width: auto;
  border-radius: 999px;
  transform: none;
  background: var(--glow-color);
  box-shadow: 0 0 4px var(--glow-color-shadow);
  opacity: 0;
  transition: opacity 140ms ease;
}

.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-row[aria-current='page']::before,
.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle[aria-expanded='true']::before,
.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle[aria-selected='true']::before {
  opacity: 1;
}

/* Activity rail — same 1px tab rounding as layer-2 chips */

.ui-ref-ps1-compact .ui-ref-ps1-glow-icon {
  border-radius: var(--ps1-tab-radius);
}

.ui-ref-ps1-compact .ui-ref-ps1-glow-icon::before {
  top: 0;
  left: 0;
  height: 100%;
  width: 2px;
  border-radius: 0;
  transform: none;
  background: var(--glow-color);
  box-shadow: 1px 0 3px var(--glow-color-shadow);
}

.ui-ref-ps1-compact .ui-ref-ps1-glow-row:hover::before,
.ui-ref-ps1-compact .ui-ref-ps1-glow-toggle:hover::before,
.ui-ref-ps1-compact .ui-ref-ps1-glow-icon:hover::before {
  transform: none;
}

.ui-ref-ps1-compact .ui-ref-ps1-hub-layer1 > * {
  background: var(--ps1-layer1-bg) !important;
  background-color: var(--ps1-layer1-bg) !important;
  border-bottom-color: hsl(var(--border)) !important;
  color: hsl(var(--foreground)) !important;
}

.ui-ref-ps1-compact .dev-ws-sidebar-title {
  font-size: var(--ps1-tab-font-size) !important;
  line-height: 1.15;
  font-weight: 600;
  text-transform: none;
  color: hsl(var(--muted-foreground));
}

.ui-ref-ps1-compact .dev-ws-nav-item {
  width: calc(100% - 0.5rem);
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  gap: 0.45rem;
  padding: 0.28rem 0.4rem;
  font-size: var(--ps1-tree-tab-font-size);
  border-radius: var(--ps1-tab-radius);
}

.ui-ref-ps1-compact .dev-ws-nav-item--active::before {
  top: 0.28rem;
  bottom: 0.28rem;
}

.ui-ref-ps1-compact .dev-ws-nav-item-rule {
  margin-block: 0.12rem;
}

.ui-ref-ps1-compact .dev-ws-nav-group {
  margin: 0.08rem 0 0.16rem;
}

.ui-ref-ps1-compact .dev-ws-nav-group + .dev-ws-nav-group {
  margin-top: 0.2rem;
}

.ui-ref-ps1-compact .dev-ws-group-label {
  width: calc(100% - 0.5rem);
  margin: 0 0.25rem;
  gap: 0.3rem;
  padding: 0.28rem 0.4rem 0.32rem;
  font-size: 0.6875rem;
  border-radius: var(--ps1-tab-radius);
}

.ui-ref-ps1-compact .dev-ws-nav-group-items {
  margin: 0.1rem 0 0.16rem 0.7rem;
  padding-left: 0.5rem;
}

.ui-ref-ps1-compact .dev-ws-nav-group-items .dev-ws-nav-item {
  width: calc(100% - 0.25rem);
  margin-right: 0.25rem;
}

.ui-ref-ps1-compact .dev-ws-nav-group-items .dev-ws-nav-item--active::before {
  left: -0.5rem;
}

.ui-ref-ps1-compact .dev-ws-group-label svg,
.ui-ref-ps1-compact .dev-ws-sidebar-header svg,
.ui-ref-ps1-compact [role="tree"] > div > button svg {
  width: 12px;
  height: 12px;
}

/* Row pack glyphs — readable 16px across UI Build sidebars. */

.ui-ref-ps1-compact .dev-ws-nav-item img,
.ui-ref-ps1-compact .dev-ws-nav-item > span img,
.ui-ref-ps1-compact .ui-ref-ps1-tree-nav img,
.ui-ref-ps1-compact [role="treeitem"] img,
.ui-ref-ps1-compact .ui-ref-ps1-hub-tree-leaf img,
.ui-ref-ps1-compact .ui-ref-ps1-glow-row img,
.ui-ref-ps1-compact .dev-ws-activity-btn img {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
}

.ui-ref-ps1-compact .ui-ref-ps1-sis-dest {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  color: hsl(var(--foreground));
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  border-radius: var(--ps1-tab-radius);
}

.ui-ref-ps1-compact .ui-ref-ps1-sis-dest svg {
  display: block;
  width: 16px;
  height: 16px;
}

.ui-ref-ps1-compact .ui-ref-ps1-sis-dest--toggle {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.ui-ref-ps1-compact .ui-ref-ps1-sis-dest--toggle svg {
  width: 16px;
  height: 16px;
}

.ui-ref-ps1-compact .ui-ref-ps1-product-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  color: hsl(var(--foreground));
}

.ui-ref-ps1-compact .ui-ref-ps1-product-glyph svg,
.ui-ref-ps1-compact .ui-ref-ps1-product-glyph img {
  display: block;
  width: 16px;
  height: 16px;
  -o-object-fit: contain;
     object-fit: contain;
}

.ui-ref-ps1-compact .ui-ref-ps1-sis-dest img {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
}

/* Tree / row glyphs stay bare; first-layer rail keeps Site Icon Styles plates. */

.ui-ref-ps1-compact .ui-ref-ps1-glow-row [data-rd-icon-plate],
.ui-ref-ps1-compact .ui-ref-ps1-glow-toggle [data-rd-icon-plate],
.ui-ref-ps1-compact .dev-ws-nav-item [data-rd-icon-plate],
.ui-ref-ps1-compact .dev-ws-activity-btn [data-rd-icon-plate] {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.ui-ref-ps1-compact .ui-ref-ps1-glow-row [data-rd-icon-plate] > span[aria-hidden],
.ui-ref-ps1-compact .ui-ref-ps1-glow-toggle [data-rd-icon-plate] > span[aria-hidden],
.ui-ref-ps1-compact .dev-ws-nav-item [data-rd-icon-plate] > span[aria-hidden],
.ui-ref-ps1-compact .dev-ws-activity-btn [data-rd-icon-plate] > span[aria-hidden] {
  display: none;
}

/* Beat global sharp-mode (src/styles/corners-mode.css) — PS tabs keep 1px radius */

html:not([data-corners="rounded"]):not(.rounded-corners) .ui-ref-ps1-compact button.ui-ref-ps1-tab,
html[data-corners="sharp"] .ui-ref-ps1-compact button.ui-ref-ps1-tab,
html:not([data-corners="rounded"]):not(.rounded-corners) .ui-ref-ps1-compact button.ui-ref-ps1-glow-icon,
html[data-corners="sharp"] .ui-ref-ps1-compact button.ui-ref-ps1-glow-icon,
html:not([data-corners="rounded"]):not(.rounded-corners) .ui-ref-ps1-compact button.dev-ws-nav-item,
html[data-corners="sharp"] .ui-ref-ps1-compact button.dev-ws-nav-item,
html:not([data-corners="rounded"]):not(.rounded-corners) .ui-ref-ps1-compact button.dev-ws-group-label,
html[data-corners="sharp"] .ui-ref-ps1-compact button.dev-ws-group-label {
  border-radius: var(--ps1-tab-radius) !important;
}

/* Library pack panelNav embedded in WorkspaceContainerPrimarySidebar */

.ui-ref-ps1-compact .ui-ref-ps1-library-panel {
  min-height: 0;
  flex: 1 1 auto;
  overflow-y: auto;
}

.ui-ref-ps1-compact .ui-ref-ps1-library-panel .ui-ref-ps1-glow-row {
  color: hsl(var(--foreground) / 0.82);
}

.ui-ref-ps1-compact .ui-ref-ps1-library-panel .ui-ref-ps1-glow-row[aria-current='page'] {
  color: hsl(var(--foreground));
}
/* All Retro Button variants share the same corner radius, including local previews. */
button[data-retro-button],
button[data-retro-button] > span {
  border-radius: 3px !important;
}

/* Keep label contrast tied to the button face, including inside UI previews. */
button[data-retro-button] > span,
.ui-build-page button[data-retro-button] > span {
  color: var(--retro-label-color) !important;
  font-size: calc(1em + 1px);
}
.retro-key-button[data-retro-button] {
  width: 6rem;
  height: auto;
  flex: 0 0 auto;
  border-radius: 3px;
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
}
.retro-key-button[data-shape='pad'] { width: 48px; height: 48px; }
.retro-key-button[data-tone='darkGray'] { --bg-color: #242424; --bg-color-active: #1b1b1b; --shadow-light: #727272; --shadow-dark: #151515; --retro-label-color: #f7f7f7; }
.retro-key-button[data-tone='default'] { --bg-color: #f54b08; --bg-color-active: #dc3c00; --shadow-light: #ffad7b; --shadow-dark: #bc3500; --retro-label-color: #fff; }
.retro-key-button[data-tone='white'] { --bg-color: #d1cfcd; --bg-color-active: #b9b7b5; --shadow-light: #fff; --shadow-dark: #8c8a88; --retro-label-color: #303030; }
.retro-key-button[data-tone='lightGray'] { --bg-color: #aaa7a6; --bg-color-active: #918e8d; --shadow-light: #f2f0ef; --shadow-dark: #747271; --retro-label-color: #fff; }
.retro-key-button[data-tone='gray'] { --bg-color: #565352; --bg-color-active: #403d3c; --shadow-light: #9b9897; --shadow-dark: #302d2c; --retro-label-color: #fff; }
.retro-key-button[data-retro-button] > span {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  padding: 8px 10px;
  border-radius: inherit;
  background: linear-gradient(145deg, color-mix(in srgb, var(--bg-color), white 4%), var(--bg-color) 70%);
  box-shadow: inset 1.5px 1.5px 1px var(--shadow-light), inset -1.5px -1.5px 1px var(--shadow-dark), 4px 6px 8px rgb(0 0 0 / .8);
  text-transform: uppercase;
  letter-spacing: .02em;
  line-height: 1;
  transition: transform 120ms ease, box-shadow 120ms ease, filter 120ms ease;
}
.retro-key-button__legend { font-size: 15px; }
.retro-key-button[data-shape='bar'] > span { height: auto; padding: .5rem .75rem; line-height: inherit; }
.retro-key-button[data-shape='bar'] .retro-key-button__legend { font-size: inherit; }
.retro-key-button[data-shape='pad'] .retro-key-button__legend { font-size: 14px; }
.retro-key-button--compact-legend[data-shape='pad'] .retro-key-button__legend { font-size: 10px; }
.retro-key-button[data-shape='pad'] > span { padding: 5px; box-shadow: inset 1px 1px 1px var(--shadow-light), inset -1px -1px 1px var(--shadow-dark), 2px 3px 5px rgb(0 0 0 / .8); }
.retro-key-button[data-legend-layout='corner'] > span { align-items: flex-start; justify-content: flex-start; }
.retro-key-button[data-secondary-legend] > span { flex-direction: column; align-items: flex-start; justify-content: space-between; }
.retro-key-button__secondary { font-size: 16px; }
.retro-key-button .retro-key-button__symbol { font-size: 26px; font-weight: 300; }
.retro-key-button:hover:not(:disabled) > span { filter: brightness(1.06); }
.retro-key-button:active:not(:disabled) > span { transform: translateY(2px) scale(.98); background: var(--bg-color-active); box-shadow: inset 2px 2px 5px rgb(0 0 0 / .6), 1px 2px 3px rgb(0 0 0 / .4); }
.retro-key-button:focus-visible { outline: 2px solid #f97316; outline-offset: 4px; }
.retro-key-button:disabled { cursor: default; opacity: .45; }
@media (prefers-reduced-motion: reduce) { .retro-key-button[data-retro-button] > span { transition: none; } }
button.workspace-section-button[data-retro-button],
.core-workspace-ui.core-workspace-ui.core-workspace-ui button.workspace-section-button[data-retro-button] {
  box-sizing: border-box;
  display: inline-flex;
  flex: 0 0 var(--workspace-section-control-size, 36px);
  width: var(--workspace-section-control-size, 36px) !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: var(--workspace-section-control-size, 36px) !important;
  min-height: var(--workspace-section-control-size, 36px) !important;
  max-height: var(--workspace-section-control-size, 36px) !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 3px !important;
  background: transparent !important;
}
button.workspace-section-button[data-retro-button] > span {
  position: relative;
  box-sizing: border-box;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  padding: 4px !important;
}
button.workspace-section-button[data-retro-button] > span::before {
  content: '';
  position: absolute;
  left: 3px;
  top: 25%;
  width: 2px;
  height: 50%;
  border-radius: 1px;
  background: var(--retro-theme-accent);
}
button.workspace-section-button[data-retro-button]:is([aria-current='page'], [aria-pressed='true'], [data-active='true']) > span {
  background: var(--bg-color-active);
  box-shadow: inset 1px 1px 3px var(--shadow-dark), inset -1px -1px 1px var(--shadow-light);
}
button.workspace-section-button[data-retro-button]:focus-visible { outline-color: var(--retro-theme-accent); }
/* Keep the actual glyph centred without adding another icon plate. */
.workspace-section-button.workspace-section-button.workspace-section-button.workspace-section-button :is(.ui-ref-ps1-sis-dest, .ui-ref-ps1-product-glyph, [data-rd-icon-plate], svg, img) {
  width: var(--workspace-section-icon-size, 20px) !important;
  min-width: var(--workspace-section-icon-size, 20px) !important;
  height: var(--workspace-section-icon-size, 20px) !important;
  min-height: var(--workspace-section-icon-size, 20px) !important;
  flex: 0 0 var(--workspace-section-icon-size, 20px);
  margin: 0 !important;
  background: none !important;
}
/* The rail is narrower than the old 40px key minimum once padding is included.
   Keep keys inside it and give only the destination list ownership of scrolling. */
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-rail, .ui-ref-ps1-layer1-rail):has(.workspace-section-button) {
  min-height: 0 !important;
  padding: 2px !important;
}
.dev-ws-activity-bar:has(.workspace-section-button) {
  height: auto !important;
  min-height: 0 !important;
}
:is(.tls-rail, .ui-ref-ps1-layer1-rail):has(> :is(.tls-rail-dests, .ui-ref-ps1-layer1-rail-dests)) {
  overflow: hidden;
}
:is(.tls-rail-dests, .ui-ref-ps1-layer1-rail-dests):has(.workspace-section-button),
.dev-ws-activity-bar:has(> .workspace-section-button) {
  min-height: 0;
  flex-shrink: 1 !important;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
  gap: 6px !important;
}
:is(.tls-rail-dests, .ui-ref-ps1-layer1-rail-dests):has(.workspace-section-button)::-webkit-scrollbar,
.dev-ws-activity-bar:has(> .workspace-section-button)::-webkit-scrollbar {
  display: none;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-rail-footer, .ui-ref-ps1-layer1-rail-footer):has(.workspace-section-button) {
  display: flex;
  height: 40px !important;
  min-height: 40px !important;
  align-items: center;
  justify-content: center;
}
/* Shared by Primary UI, the Design System and the isolated container adapter.
   A named important layer wins over old unlayered chrome overrides without
   increasing selector specificity. Every rule is limited to these surfaces. */
@layer primary-ui-controls {
  :is(.primary-ui-appearance, [data-primary-ui-appearance]) {
    font-family: var(--pui-font, "SF Pro Text") !important;
    font-size: var(--pui-text, 12px) !important;
    line-height: var(--pui-line-text, 18px) !important;
    font-weight: var(--pui-weight-text, 400) !important;
    color: var(--pui-foreground, hsl(var(--foreground)));
  }
  :is(.primary-ui-appearance, [data-primary-ui-appearance]) :is(*, *::before, *::after) {
    font-family: var(--pui-font, "SF Pro Text") !important;
  }
  :is(.primary-ui-appearance, [data-primary-ui-appearance]) :is(h1, [data-primary-ui-type='title']) {
    font-size: var(--pui-text-title) !important; line-height: var(--pui-line-title) !important; font-weight: var(--pui-weight-title) !important;
  }
  :is(.primary-ui-appearance, [data-primary-ui-appearance]) :is(h2, h3, h4, [data-primary-ui-type='heading']) {
    font-size: var(--pui-text-heading) !important; line-height: var(--pui-line-heading) !important; font-weight: var(--pui-weight-heading) !important;
  }
  :is(.primary-ui-appearance, [data-primary-ui-appearance]) :is(p, td, [data-primary-ui-type='body']) {
    font-size: var(--pui-text) !important; line-height: var(--pui-line-text) !important; font-weight: var(--pui-weight-text) !important;
  }
  :is(.primary-ui-appearance, [data-primary-ui-appearance]) :is(small, time, [data-primary-ui-type='meta']) {
    font-size: var(--pui-text-meta) !important; line-height: var(--pui-line-meta) !important; font-weight: var(--pui-weight-meta) !important;
  }
  :is([data-primary-ui-control], .workspace-tab-button[data-workspace-tab-style='cell'], .btb-row[data-workspace-cell-tabs] :is(.btb-search, .btb-select-wrap, .btb-add, .btb-view-btn), .primary-ui-appearance :is(.pui-library-button, .pui-library-icon-button, .pui-library-search, .pui-library-preview-tabs button, .pui-library-appearance-menu > summary)) {
    box-sizing: border-box; height: var(--pui-control-height, 22px) !important;
    min-height: var(--pui-control-height, 22px) !important; max-height: var(--pui-control-height, 22px) !important;
    border: var(--pui-border-width, 1px) solid var(--pui-border, hsl(var(--border))) !important;
    border-radius: var(--pui-radius, 3px) !important;
    background: var(--pui-control-fill, #28282c) !important; color: var(--pui-control-ink, #f7f7f7) !important;
    box-shadow: none !important; text-shadow: none !important; filter: none !important;
    font-family: var(--pui-font, "SF Pro Text") !important;
    font-size: var(--pui-text-control, 11px) !important; line-height: var(--pui-line-control, 14px) !important; font-weight: var(--pui-weight-control, 500) !important;
    letter-spacing: 0 !important;
  }
  [data-primary-ui-control] { padding: 0 var(--pui-pad, 8px) !important; }
  .primary-ui-appearance :is(.pui-library-button, .pui-library-icon-button, .pui-library-appearance-menu > summary) { padding: 0 var(--pui-pad, 8px) !important; }
  .primary-ui-appearance .pui-library-search input { font-size: var(--pui-text-control) !important; font-weight: var(--pui-weight-control) !important; height: auto !important; }
  .primary-ui-appearance .pui-library-preview-tabs { display: flex; gap: 0 !important; }
  .primary-ui-appearance .pui-library-preview-tabs button { padding: 0 var(--pui-pad, 8px) !important; border-radius: 0 !important; margin-left: -1px; }
  .primary-ui-appearance .pui-library-preview-tabs button[aria-selected='true'] { border-bottom: var(--pui-indicator-height) solid var(--pui-accent) !important; background: var(--pui-selected-fill) !important; }
  [data-primary-ui-control='button'] { display: inline-flex; align-items: center; justify-content: center; gap: var(--pui-gap, 5px); cursor: pointer; }
  [data-primary-ui-control='button'] :is(svg, img) { width: var(--pui-icon-size, 14px); height: var(--pui-icon-size, 14px); flex-shrink: 0; }
  [data-primary-ui-control]:is(:hover, [aria-pressed='true'], [aria-selected='true']) { background: var(--pui-hover-fill) !important; }
  [data-primary-ui-control]:disabled { opacity: .45; cursor: default; }
  [data-primary-ui-control]:focus-visible { outline: 2px solid var(--pui-focus) !important; outline-offset: -2px; }
  [data-primary-ui-control][data-primary-ui-variant='primary'] { border-color: var(--pui-accent) !important; }
  [data-primary-ui-control][data-primary-ui-variant='quiet'] { background: transparent !important; border-color: transparent !important; }
  [data-primary-ui-control]::-moz-placeholder { color: var(--pui-muted); opacity: 1; }
  [data-primary-ui-control]::placeholder { color: var(--pui-muted); opacity: 1; }
  [data-primary-ui-control='input'][type='checkbox'] { width: 12px; height: 12px !important; min-height: 12px !important; padding: 0 !important; accent-color: var(--pui-accent); }
  .workspace-tab-button[data-workspace-tab-style='cell'] {
    position: relative; display: inline-flex; align-items: center; flex: 0 0 auto !important; width: auto !important; min-width: 0 !important; max-width: none !important;
    padding: 0 !important; margin-inline-start: -1px; border-radius: 0 !important; overflow: visible;
  }
  .workspace-tab-button[data-workspace-tab-style='cell'] > .workspace-tab-button__face {
    box-sizing: border-box; display: flex; flex: 1 1 auto; align-items: center; justify-content: flex-start !important; width: 100%; min-width: 0; height: 100%;
    gap: var(--pui-gap, 5px) !important; padding: 0 var(--pui-pad, 8px) !important; border-radius: inherit !important;
    background: transparent !important; color: inherit !important; box-shadow: none !important; transform: none !important; filter: none !important;
    font: inherit !important; letter-spacing: 0 !important;
  }
  .workspace-tab-button[data-workspace-tab-style='cell'] :is(.workspace-tab-button__label, .core-workspace-tab-label) { font: inherit !important; }
  .workspace-tab-button[data-workspace-tab-style='cell']::after { content: ''; pointer-events: none; position: absolute; inset-inline: 0; bottom: 0; height: var(--pui-indicator-height, 2px); background: transparent; }
  .workspace-tab-button[data-workspace-tab-style='cell']:is([data-active='true'], [aria-selected='true'], [aria-current='page'], :active) { z-index: 1; background: var(--pui-selected-fill) !important; color: var(--pui-control-ink) !important; }
  .workspace-tab-button[data-workspace-tab-style='cell']:is([data-active='true'], [aria-selected='true'], [aria-current='page'], [data-custom-color])::after { background: var(--primary-tab-custom, var(--pui-accent, #1887bf)); }
  .workspace-tab-button[data-workspace-tab-style='cell']:hover:not(:disabled) { background: var(--pui-hover-fill) !important; color: var(--pui-control-ink) !important; }
  .workspace-tab-button[data-workspace-tab-style='cell']:focus-visible { z-index: 2; outline: 2px solid var(--pui-focus) !important; outline-offset: -2px !important; }
  .workspace-tab-button[data-workspace-tab-style='cell']:disabled { opacity: .45; cursor: default; }
  .workspace-tab-button[data-workspace-tab-style='cell'] .btb-chip-accent { display: none !important; }
  .workspace-tab-button[data-workspace-tab-style='cell'] :is(img, svg):not(.btb-control-icon) { width: var(--pui-icon-size, 14px) !important; height: var(--pui-icon-size, 14px) !important; opacity: 1; }
  .workspace-tab-button[data-workspace-tab-style='cell']:is([data-cell-first='true'], :first-child:not([data-cell-first])) { margin-inline-start: 0; border-start-start-radius: var(--pui-radius, 3px) !important; border-end-start-radius: var(--pui-radius, 3px) !important; }
  .workspace-tab-button[data-workspace-tab-style='cell']:is([data-cell-last='true'], :last-child:not([data-cell-last])) { border-start-end-radius: var(--pui-radius, 3px) !important; border-end-end-radius: var(--pui-radius, 3px) !important; }
  [data-workspace-cell-group] { display: inline-flex; flex: 0 0 auto; align-items: stretch; gap: 0 !important; }
  .btb-row-items[data-workspace-cell-group] > .contents { display: contents; }
  .btb-row[data-workspace-cell-tabs] {
    box-sizing: border-box; display: flex; align-items: center; height: var(--pui-track-height, 28px) !important; min-height: var(--pui-track-height, 28px) !important;
    padding: 3px 5px !important; gap: var(--pui-gap, 5px) !important; background: var(--pui-bar) !important; box-shadow: none !important;
  }
  .btb-row[data-workspace-cell-tabs]::after { content: none !important; }
  .btb-row[data-workspace-cell-tabs] :is(.btb-row-extras, .btb-search) { display: flex; align-items: center; gap: var(--pui-gap, 5px) !important; }
  .btb-row[data-workspace-cell-tabs] .btb-search { padding: 0 var(--pui-pad, 8px) !important; }
  .btb-row[data-workspace-cell-tabs] :is(.btb-search input, select.btb-select) {
    height: calc(var(--pui-control-height, 22px) - 2px) !important; min-height: 0 !important; max-height: none !important; border: 0 !important; border-radius: 0 !important;
    background: transparent !important; color: var(--pui-control-ink) !important; box-shadow: none !important; font: var(--pui-weight-control, 500) var(--pui-text-control, 11px)/var(--pui-line-control, 14px) var(--pui-font, "SF Pro Text") !important;
  }
  .btb-row[data-workspace-cell-tabs] .btb-search input::-moz-placeholder { color: var(--pui-control-ink) !important; opacity: 1; }
  .btb-row[data-workspace-cell-tabs] .btb-search input::placeholder { color: var(--pui-control-ink) !important; opacity: 1; }
  .btb-row[data-workspace-cell-tabs] .btb-select { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-inline: var(--pui-pad, 8px) 20px !important; }
  .btb-row[data-workspace-cell-tabs] .btb-chevron { inset-inline-end: 5px; }
  .btb-row[data-workspace-cell-tabs] .btb-control-icon { width: 11px !important; height: 11px !important; }
  .btb-row[data-workspace-cell-tabs] .btb-views { display: flex; height: var(--pui-control-height, 22px) !important; gap: 0 !important; padding: 0; border: 0 !important; background: transparent !important; box-shadow: none !important; }
  .btb-row[data-workspace-cell-tabs] .btb-view-btn { position: relative; width: 30px !important; padding: 0 7px !important; border-radius: 0 !important; margin-inline-start: -1px; }
  .btb-row[data-workspace-cell-tabs] .btb-view-btn:first-child { margin-inline-start: 0; border-start-start-radius: var(--pui-radius, 3px) !important; border-end-start-radius: var(--pui-radius, 3px) !important; }
  .btb-row[data-workspace-cell-tabs] .btb-view-btn:last-child { border-start-end-radius: var(--pui-radius, 3px) !important; border-end-end-radius: var(--pui-radius, 3px) !important; }
  .btb-row[data-workspace-cell-tabs] :is(.btb-add, .btb-view-btn):is(:hover, [data-active='true']) { background: var(--pui-selected-fill) !important; }
  .btb-row[data-workspace-cell-tabs] .btb-view-btn[data-active='true']::after { content: ''; position: absolute; inset-inline: 0; bottom: 0; height: var(--pui-indicator-height, 2px); background: var(--pui-accent); }
  .btb-row[data-workspace-cell-tabs] .btb-add { display: inline-flex; align-items: center; gap: var(--pui-gap, 5px); padding: 0 var(--pui-pad, 8px) !important; }
  .workspace-nav-views:not(.workspace-nav-views-horizontal) [data-workspace-cell-group] { flex-direction: column; }
  .workspace-nav-views:not(.workspace-nav-views-horizontal) [data-workspace-cell-group] > .workspace-tab-button[data-workspace-tab-style='cell'] { margin-inline-start: 0; margin-block-start: -1px; border-radius: 0 !important; }
  .workspace-nav-views:not(.workspace-nav-views-horizontal) [data-workspace-cell-group] > .workspace-tab-button[data-cell-first='true'] { margin-block-start: 0; border-start-start-radius: var(--pui-radius, 3px) !important; border-start-end-radius: var(--pui-radius, 3px) !important; }
  .workspace-nav-views:not(.workspace-nav-views-horizontal) [data-workspace-cell-group] > .workspace-tab-button[data-cell-last='true'] { border-end-start-radius: var(--pui-radius, 3px) !important; border-end-end-radius: var(--pui-radius, 3px) !important; }
  .nextjs-sidebar .workspace-tab-button[data-workspace-tab-style='cell'] { width: 100% !important; margin: 2px 0 !important; border-radius: var(--pui-radius, 3px) !important; }
  :is(.primary-ui-appearance, [data-primary-ui-appearance]) :is([role='menu'], [role='listbox'], [data-radix-menu-content]) { border: 1px solid var(--pui-border) !important; border-radius: var(--pui-overlay-radius) !important; background: var(--pui-surface) !important; color: var(--pui-foreground) !important; box-shadow: var(--pui-overlay-shadow) !important; }
  :is(.primary-ui-appearance, [data-primary-ui-appearance]) :is([role='menuitem'], [role='menuitemcheckbox'], [role='option']) { min-height: var(--pui-row-height); font-size: var(--pui-text-control) !important; line-height: var(--pui-line-control) !important; font-weight: var(--pui-weight-control) !important; }
}
/* NextJS navigation, shared by live workspace chrome and its Primary UI previews. */
.core-workspace-ui.nextjs-sidebar.nextjs-sidebar.nextjs-sidebar {
  --core-panel: color-mix(in srgb, var(--bg-color) 90%, hsl(var(--background)));
  --core-field: hsl(var(--background));
  --core-line: color-mix(in srgb, var(--shadow-dark) 70%, hsl(var(--foreground)) 10%);
  --core-rail: var(--core-panel);
  --core-bar: var(--core-panel);
  --core-row-height: 24px;
  --core-relief: none;
}
.core-workspace-ui.nextjs-sidebar.nextjs-sidebar.nextjs-sidebar :is(.tls-panel, .tls-panel-well, .tls-rail, .ui-ref-ps1-layer1-rail, .ui-ref-ps1-layer2-panel) {
  margin: 0 !important;
  border-radius: 3px !important;
  background: var(--core-panel) !important;
  box-shadow: none !important;
  clip-path: none;
}
.core-workspace-ui.nextjs-sidebar.nextjs-sidebar.nextjs-sidebar :is(.tls-head, .ui-ref-ps1-submenu-title-bar) {
  min-height: 30px !important;
  border-bottom: 1px solid var(--core-line) !important;
  background: var(--core-panel) !important;
  box-shadow: none !important;
}
.core-workspace-ui.nextjs-sidebar.nextjs-sidebar.nextjs-sidebar :is(.tls-rows, .ui-ref-ps1-submenu-panel) {
  margin: 0 !important;
  padding: 4px 5px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.core-workspace-ui.nextjs-sidebar.nextjs-sidebar.nextjs-sidebar :is(.tls-rows--all-tabs, .ui-ref-ps1-all-tabs-submenu) { width: 100%; }
button.workspace-tab-button.workspace-tab-button[data-retro-button],
.core-workspace-ui.core-workspace-ui.core-workspace-ui button.workspace-tab-button.workspace-tab-button[data-retro-button] {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
  width: auto;
  min-width: 0;
  height: var(--nextjs-tab-height, 22px) !important;
  min-height: var(--nextjs-tab-height, 22px) !important;
  max-height: var(--nextjs-tab-height, 22px) !important;
  padding: 0 !important;
  gap: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--retro-label-color) !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-shadow: none;
  clip-path: none;
}
button.workspace-tab-button[data-retro-button] > span {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  min-width: 0;
  height: 100%;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  padding: 0 7px;
  background: var(--bg-color);
  box-shadow: inset 1px 1px 1px var(--shadow-light), inset -1px -1px 1px var(--shadow-dark), 0 1px 2px rgb(0 0 0 / .35);
  letter-spacing: .02em;
}
button.workspace-tab-button[data-retro-button]:is([data-active='true'], [aria-selected='true'], [aria-current='page'], :active) > span {
  background: var(--bg-color-active);
  box-shadow: inset 1px 1px 3px var(--shadow-dark), inset -1px -1px 1px var(--shadow-light);
}
button.workspace-tab-button[data-retro-button]:hover:not(:disabled) > span { filter: brightness(1.08); }
button.workspace-tab-button[data-retro-button]:focus-visible { outline: 1px solid var(--retro-theme-accent); outline-offset: 2px; }
.core-workspace-ui.nextjs-sidebar.nextjs-sidebar.nextjs-sidebar button.workspace-tab-button[data-retro-button] {
  box-sizing: border-box;
  width: 100% !important;
  margin: 2px 0 !important;
}
.workspace-sidebar-tab > .workspace-tab-button__face { overflow: hidden; }
.workspace-tab-button__label { min-width: 0; flex: 1; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
.workspace-tab-button .tls-row-accent { display: none; }
.workspace-tab-button[data-custom-color] .tls-row-accent { position: absolute; display: block; top: 4px; bottom: 4px; left: 2px; width: 2px; height: auto; }
/* The tab face is the button's direct child: no second wrapper competing for space. */
.core-workspace-ui.core-workspace-ui.core-workspace-ui button.workspace-tab-button.btb-chip[data-retro-button] {
  flex: 0 0 auto !important;
  width: -moz-max-content !important;
  width: max-content !important;
  min-width: -moz-max-content !important;
  min-width: max-content !important;
  max-width: none !important;
  overflow: visible;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui button.workspace-tab-button[data-retro-button] > .btb-chip-face {
  display: flex;
  flex: 1 0 auto;
  width: auto;
  min-width: -moz-max-content;
  min-width: max-content;
  height: 100%;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  padding: 0 7px !important;
  overflow: visible;
  background: var(--bg-color) !important;
  color: var(--retro-label-color) !important;
  box-shadow: inset 1px 1px 1px var(--shadow-light), inset -1px -1px 1px var(--shadow-dark), 0 1px 2px rgb(0 0 0 / .35) !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui button.workspace-tab-button[data-retro-button]:is([data-active='true'], :active) > .btb-chip-face {
  background: var(--bg-color-active) !important;
  box-shadow: inset 1px 1px 3px var(--shadow-dark), inset -1px -1px 1px var(--shadow-light) !important;
}
.workspace-tab-button > .btb-chip-face > .core-workspace-tab-label { display: block; flex: 0 0 auto; width: auto; min-width: -moz-max-content; min-width: max-content; white-space: nowrap; }
.core-workspace-ui.core-workspace-ui.core-workspace-ui .workspace-tab-button .btb-chip-accent { display: none; position: absolute; right: 5px; bottom: 0; left: 5px; width: auto; height: 1px; }
.core-workspace-ui.core-workspace-ui.core-workspace-ui .workspace-tab-button[data-custom-color] .btb-chip-accent { display: block; opacity: 1; }
.core-workspace-ui.nextjs-tabs.nextjs-tabs.nextjs-tabs { --core-bar: var(--core-panel); --core-bar-height: 30px; }
.core-workspace-ui.nextjs-tabs.nextjs-tabs.nextjs-tabs .btb-row { gap: 5px; padding-inline: 5px !important; }
.core-workspace-ui.nextjs-tabs.nextjs-tabs.nextjs-tabs .btb-row-items { gap: 5px; }
.rd-inline-menu.rd-inline-menu {
  min-width: 208px;
  padding: 4px;
  border: 1px solid #d4d4d4;
  border-radius: 8px !important;
  background: #fafafa;
  color: #171717;
  text-transform: lowercase;
  box-shadow: 0 4px 16px rgb(0 0 0 / 12%);
  animation: rd-inline-menu-fade 100ms ease-out;
}
.rd-inline-menu.rd-inline-menu input::-moz-placeholder {
  text-transform: lowercase;
}
.rd-inline-menu.rd-inline-menu input,
.rd-inline-menu.rd-inline-menu input::placeholder {
  text-transform: lowercase;
}
:is(.dark, .deskdark, .theme-dark) .rd-inline-menu.rd-inline-menu {
  border-color: #404040;
  background: #262626;
  color: #fafafa;
}
.rd-inline-menu.rd-inline-menu [role^='menuitem'],
.rd-inline-menu.rd-inline-menu [cmdk-item] {
  min-height: 28px !important;
  margin-block: 2px;
  padding: 6px 8px !important;
  border-radius: 4px !important;
  font-size: 12px;
  line-height: 16px;
  color: inherit;
  cursor: pointer;
}
.rd-inline-menu.rd-inline-menu :is([role^='menuitem'], [cmdk-item]):is(:hover, :focus, [data-highlighted], [data-state='open'], [data-selected='true']) {
  background: rgb(0 0 0 / 8%);
  color: inherit;
}
:is(.dark, .deskdark, .theme-dark) .rd-inline-menu.rd-inline-menu :is([role^='menuitem'], [cmdk-item]):is(:hover, :focus, [data-highlighted], [data-state='open'], [data-selected='true']) {
  background: rgb(255 255 255 / 8%);
}
.rd-inline-menu.rd-inline-menu [role='menuitem'] > svg:first-child {
  order: 2;
  margin-left: auto;
  margin-right: 0;
  width: 16px;
  height: 16px;
}
.rd-inline-menu.rd-inline-menu [role='menuitem'][aria-haspopup='menu'] > svg:first-child:not(:last-child) { display: none; }
.rd-inline-menu.rd-inline-menu [role='separator'] {
  margin: 4px 0;
  background: #d4d4d4;
}
:is(.dark, .deskdark, .theme-dark) .rd-inline-menu.rd-inline-menu [role='separator'] { background: #525252; }
.rd-inline-menu.rd-inline-menu [data-inline-menu-danger] { color: #ef4444; }
.rd-inline-menu.rd-inline-menu [data-inline-menu-danger]:is(:hover, :focus, [data-highlighted]) { color: #ef4444; background: rgb(239 68 68 / 10%); }
.rd-inline-menu.rd-inline-menu [data-inline-menu-swatches] [role='menuitem'] { min-height: 20px !important; margin: 0; padding: 0 !important; }
@keyframes rd-inline-menu-fade { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .rd-inline-menu.rd-inline-menu { animation: none; } }

.rd-inline-menu.rd-inline-menu :is([role='menuitemcheckbox'], [role='menuitemradio']) { padding-right: 28px !important; }
.rd-inline-menu.rd-inline-menu :is([role='menuitemcheckbox'], [role='menuitemradio']) > span.absolute { left: auto; right: 8px; }
/* Primary UI contract: Opportunity & Funding Finder proportions and surfaces.
   Apply at shared owners, never to arbitrary canvas/content buttons. */
.core-workspace-ui {
  --core-frame: hsl(var(--background));
  --core-panel: hsl(var(--card));
  --core-ink: hsl(var(--foreground));
  --core-muted: hsl(var(--muted-foreground));
  --core-line: hsl(var(--border));
  --core-field: hsl(var(--background));
  --core-rail: linear-gradient(180deg, color-mix(in srgb, hsl(var(--card)) 94%, hsl(var(--foreground))), hsl(var(--card)));
  --core-bar: linear-gradient(180deg, color-mix(in srgb, hsl(var(--card)) 97%, hsl(var(--foreground))), hsl(var(--card)));
  --core-selected: linear-gradient(180deg, color-mix(in srgb, hsl(var(--card)) 88%, hsl(var(--foreground))), color-mix(in srgb, hsl(var(--card)) 92%, hsl(var(--foreground))));
  --core-hover: color-mix(in srgb, hsl(var(--card)) 90%, hsl(var(--foreground)));
  --core-button: linear-gradient(180deg, color-mix(in srgb, hsl(var(--card)) 92%, hsl(var(--foreground))), color-mix(in srgb, hsl(var(--card)) 96%, hsl(var(--foreground))));
  --core-button-line: hsl(var(--foreground) / 0.14);
  --core-relief: inset 0 1px 0 hsl(var(--foreground) / 0.06), inset 0 -1px 0 hsl(var(--foreground) / 0.1);
  --core-inset: inset 0 1px 2px hsl(var(--foreground) / 0.08);
  --core-rail-width: 40px;
  --core-panel-width: 200px;
  --core-row-height: 24px;
  --core-control-height: 22px;
  --core-tab-width: 132px;
  --core-bar-height: 34px;
  --core-preview-height: clamp(400px, 45vw, 520px);
  --core-section-height: 22px;
  --core-rail-label-size: 7px;
  --core-control-label-size: 11px;
  --bg-color: hsl(var(--muted));
  --bg-color-active: color-mix(in srgb, hsl(var(--muted)), black 12%);
  --shadow-light: color-mix(in srgb, hsl(var(--muted)), white 30%);
  --shadow-dark: hsl(var(--border));
}

/* The literal Finder is the Desk Dark reference. Other themes use their roles.
   Explicit preview boundaries override the document theme in either direction. */
html.deskdark .core-workspace-ui,
.component-theme-scope.deskdark .core-workspace-ui,
.core-workspace-ui.component-theme-scope.deskdark {
  --core-frame: #121214;
  --core-panel: #141416;
  --core-ink: #d8d8dc;
  --core-muted: #969ba3;
  --core-line: #0b0b0c;
  --core-field: #0c0c0d;
  --core-rail: linear-gradient(180deg, #26262a, #1b1b1e);
  --core-bar: linear-gradient(180deg, #1d1d20, #171719);
  --core-selected: linear-gradient(180deg, #2b2b2f, #202024);
  --core-hover: #242428;
  --core-button: linear-gradient(180deg, #2a2a2e, #222226);
  --core-button-line: #3d3d42;
  --core-relief: inset 0 1px 0 rgb(255 255 255 / 0.07), inset 0 -1px 0 rgb(0 0 0 / 0.45);
  --core-inset: inset 0 1px 2px rgb(0 0 0 / 0.35);
}
.component-theme-scope:not(.deskdark) .core-workspace-ui,
.core-workspace-ui.component-theme-scope:not(.deskdark) {
  --core-frame: hsl(var(--background));
  --core-panel: hsl(var(--card));
  --core-ink: hsl(var(--foreground));
  --core-muted: hsl(var(--muted-foreground));
  --core-line: hsl(var(--border));
  --core-field: hsl(var(--background));
  --core-rail: linear-gradient(180deg, color-mix(in srgb, hsl(var(--card)) 94%, hsl(var(--foreground))), hsl(var(--card)));
  --core-bar: linear-gradient(180deg, color-mix(in srgb, hsl(var(--card)) 97%, hsl(var(--foreground))), hsl(var(--card)));
  --core-selected: linear-gradient(180deg, color-mix(in srgb, hsl(var(--card)) 88%, hsl(var(--foreground))), color-mix(in srgb, hsl(var(--card)) 92%, hsl(var(--foreground))));
  --core-hover: color-mix(in srgb, hsl(var(--card)) 90%, hsl(var(--foreground)));
  --core-button: linear-gradient(180deg, color-mix(in srgb, hsl(var(--card)) 92%, hsl(var(--foreground))), color-mix(in srgb, hsl(var(--card)) 96%, hsl(var(--foreground))));
  --core-button-line: hsl(var(--foreground) / 0.14);
  --core-relief: inset 0 1px 0 hsl(var(--foreground) / 0.06), inset 0 -1px 0 hsl(var(--foreground) / 0.1);
  --core-inset: inset 0 1px 2px hsl(var(--foreground) / 0.08);
}

/* Bridge existing owners to one vocabulary. Widths remain overridable by hosts. */
.core-workspace-ui.core-workspace-ui.core-workspace-ui:is(.workspace-container-frame, .btb-frame, [data-creative-tools-container], [data-desktop-app-shell-v2]),
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.workspace-container-frame, .btb-frame, [data-creative-tools-container], [data-desktop-app-shell-v2]) {
  --container-surface: var(--core-frame);
  --container-divider: var(--core-line);
  --container-divider-soft: var(--core-line);
  --container-seam: var(--core-line);
  --container-text: var(--core-ink);
  --container-muted: var(--core-muted);
  --container-sidebar-width: calc(var(--core-rail-width) + var(--core-panel-width));
  --container-tab-height: var(--core-bar-height);
  --container-header-height: var(--core-bar-height);
  --container-title-height: var(--core-bar-height);
  --container-tab-hover: var(--core-hover);
  --container-tab-selected: var(--core-selected);
  --rd-site-chrome-gradient: var(--core-bar);
  --ctc-panel: var(--core-panel);
  --ctc-panel-raised: var(--core-hover);
  --ctc-canvas: var(--core-frame);
  --ctc-inspector: var(--core-panel);
  --ctc-input: var(--core-field);
  --ctc-fg: var(--core-ink);
  --ctc-muted: var(--core-muted);
  --ctc-stroke-soft: var(--core-line);
  --das-bg: var(--core-frame);
  --das-panel: var(--core-panel);
  --das-panel-deep: var(--core-field);
  --das-menu-bg: var(--core-panel);
  --das-fg: var(--core-ink);
  --das-muted: var(--core-muted);
  --das-border: var(--core-line);
  --das-hover: var(--core-hover);
  --das-viewport: var(--core-frame);
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui.primary-ui-sidebar-host,
.core-workspace-ui.core-workspace-ui.core-workspace-ui .primary-ui-sidebar-host {
  --workspace-sidebar-rail-width: var(--core-rail-width) !important;
  --workspace-sidebar-panel-width: var(--core-panel-width) !important;
  --workspace-sidebar-control-size: 40px;
  --workspace-sidebar-icon-size: 14px;
  --workspace-sidebar-head-height: var(--core-bar-height) !important;
  --workspace-sidebar-row-height: var(--core-row-height) !important;
  --workspace-sidebar-gap: 3px;
  --workspace-sidebar-pad: 6px;
  --workspace-sidebar-bg: var(--core-frame);
  --workspace-sidebar-panel: var(--core-panel) !important;
  --workspace-sidebar-line: var(--core-line) !important;
  --workspace-sidebar-fg: var(--core-ink);
  --workspace-sidebar-muted: var(--core-muted);
  --workspace-sidebar-rail-top: var(--core-panel) !important;
  --workspace-sidebar-rail-bottom: var(--core-frame) !important;
  --workspace-sidebar-head-top: var(--core-panel) !important;
  --workspace-sidebar-head-bottom: var(--core-panel) !important;
  --workspace-sidebar-row-top: var(--core-hover);
  --workspace-sidebar-row-bottom: var(--core-panel);
  --ps-ctc-control: 40px;
  --ps-ctc-plate: var(--core-panel) !important;
  --ps-ctc-raised: var(--core-hover);
  --ps-ctc-line: var(--core-line);
  --ps-ctc-bevel-out: var(--core-relief);
  --ps-ctc-bevel-out-hover: var(--core-relief);
  --ps1-rail-width: var(--core-rail-width);
  --ps1-layer1-bg: var(--core-panel) !important;
  --ps1-layer2-bg: var(--core-panel) !important;
  --ps1-tab-font-size: 12px;
  --ps1-tree-tab-font-size: 12px;
  --ps1-toggle-font-size: 12px;
  --ps1-tree-line-color: hsl(var(--foreground) / 0.24);
  --dev-ws-panel-bg: var(--core-panel);
}

.core-workspace-ui.core-workspace-ui.core-workspace-ui:is(.workspace-container-frame, .tls-frame),
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.workspace-container-frame, .tls-plate, .tls-panel-well) {
  background: var(--core-frame);
  color: var(--core-ink);
  border-color: var(--core-line);
  box-shadow: none;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-panel, .ui-ref-ps1-layer2-panel, .ctc-finder-shell, .ctc-inspector, .das-sidebar, .das-inspector) {
  background: var(--core-panel) !important;
  background-image: none !important;
  color: var(--core-ink);
  box-shadow: none !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-rail, .ui-ref-ps1-layer1) {
  background: var(--core-rail) !important;
  box-shadow: none !important;
  border-color: var(--core-line) !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-rail, .ui-ref-ps1-layer1-rail) {
  padding-inline: 3px !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-canvas, .ctc-canvas-well, .das-viewport, .workspace-shell-content-seam) {
  background: var(--core-frame);
  border-color: var(--core-line) !important;
  box-shadow: none !important;
}

/* Bare navigation rows; shallow relief marks selection without washing icons. */
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-row, .ui-ref-ps1-tab.ui-ref-ps1-glow-row, .ui-ref-ps1-toggle) {
  min-height: var(--core-row-height) !important;
  height: auto !important;
  padding-block: 2px !important;
  font-size: 12px !important;
  line-height: 20px !important;
  color: var(--core-ink) !important;
  border-radius: 3px;
  background: transparent !important;
  box-shadow: none !important;
  text-shadow: none;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-row, .ui-ref-ps1-tab.ui-ref-ps1-glow-row, .ui-ref-ps1-toggle):hover:not(:disabled) {
  background: var(--core-hover) !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-row, .ui-ref-ps1-tab.ui-ref-ps1-glow-row, .ui-ref-ps1-toggle):is([data-active='true'], [aria-current='page'], [aria-selected='true'], .is-active) {
  background: var(--core-selected) !important;
  box-shadow: var(--core-relief) !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-rail, .ui-ref-ps1-layer1-rail) .ui-ref-ps1-glow-icon {
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-rail, .ui-ref-ps1-layer1-rail) .ui-ref-ps1-glow-icon:is(:hover, [data-active='true'], [aria-current='page'], [aria-pressed='true']) {
  background: var(--core-selected) !important;
  box-shadow: var(--core-relief) !important;
}

/* All three tab treatments use the same face, keeping their original accents. */
.core-workspace-ui.core-workspace-ui.core-workspace-ui.btb-frame[data-btb],
.core-workspace-ui.core-workspace-ui.core-workspace-ui .btb-frame[data-btb] {
  border-color: var(--core-line);
  border-radius: 0;
  background: var(--core-bar);
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui.btb-frame[data-btb] .btb-row,
.core-workspace-ui.core-workspace-ui.core-workspace-ui .btb-frame[data-btb] .btb-row {
  box-sizing: border-box;
  min-height: var(--core-bar-height) !important;
  height: var(--core-bar-height) !important;
  max-height: var(--core-bar-height) !important;
  padding: 0 6px !important;
  gap: 3px;
  align-items: center !important;
  background: var(--core-bar);
  box-shadow: none;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.btb-chip, .btb-search, .btb-select-wrap, .btb-select, .btb-add, .btb-view-btn, .desk-inspector-chip, .desk-inspector-icon-btn, .linux-bevel-control),
.core-workspace-ui.core-workspace-ui.core-workspace-ui.btb-frame :is(.btb-chip, .btb-search, .btb-select-wrap, .btb-select, .btb-add, .btb-view-btn) {
  height: var(--core-control-height) !important;
  min-height: var(--core-control-height) !important;
  max-height: var(--core-control-height) !important;
  border: 0;
  border-radius: 3px !important;
  color: var(--core-ink);
  font-size: 11px !important;
  font-family: inherit !important;
  font-weight: 400 !important;
  background: var(--core-bar) !important;
  box-shadow: var(--core-relief) !important;
  text-shadow: none;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.btb-chip-face) {
  flex: 1;
  min-height: 0;
  padding-inline: 9px !important;
  background: transparent !important;
  color: inherit !important;
  font: inherit !important;
  box-shadow: none !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.btb-chip, .btb-add, .btb-view-btn, .desk-inspector-chip, .desk-inspector-icon-btn, .linux-bevel-control):hover:not(:disabled) {
  background: var(--core-hover) !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.btb-chip, .desk-inspector-chip, .linux-bevel-control):is([data-active='true'], [aria-selected='true'], [aria-pressed='true'], :active) {
  background: var(--core-selected) !important;
  box-shadow: var(--core-inset) !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .btb-chip-accent {
  height: 2px;
  box-shadow: none;
  opacity: 0.45;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .btb-chip[data-active='true'] .btb-chip-accent { opacity: 1; }
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.btb-search, .btb-select-wrap, .btb-select) {
  background: var(--core-field) !important;
  color: var(--core-ink);
  box-shadow: var(--core-inset) !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .btb-search input { color: var(--core-ink); }
.core-workspace-ui.core-workspace-ui.core-workspace-ui .btb-search input::-moz-placeholder { color: var(--core-muted); }
.core-workspace-ui.core-workspace-ui.core-workspace-ui .btb-search input::placeholder { color: var(--core-muted); }
.core-workspace-ui.core-workspace-ui.core-workspace-ui .btb-view-btn { width: var(--core-control-height) !important; }

/* One geometry for standalone and composed bars. This also outranks the older
   container-fill rules, which previously made embedded tabs taller/narrower. */
:is(.core-workspace-ui.core-workspace-ui.core-workspace-ui.btb-frame[data-btb], .core-workspace-ui.core-workspace-ui.core-workspace-ui .btb-frame[data-btb]) {
  box-sizing: border-box;
  border: 0;
}
:is(.core-workspace-ui.core-workspace-ui.core-workspace-ui.btb-frame[data-btb], .core-workspace-ui.core-workspace-ui.core-workspace-ui .btb-frame[data-btb]) .btb-row[data-core-workspace-tab-row] :is(.btb-chip, .btb-search, .btb-select-wrap, .btb-select, .btb-add, .btb-view-btn) {
  box-sizing: border-box;
  height: var(--core-control-height) !important;
  min-height: var(--core-control-height) !important;
  max-height: var(--core-control-height) !important;
}
:is(.core-workspace-ui.core-workspace-ui.core-workspace-ui.btb-frame[data-btb], .core-workspace-ui.core-workspace-ui.core-workspace-ui .btb-frame[data-btb]) .btb-row[data-core-workspace-tab-row] .btb-chip:not(.workspace-tab-button) {
  flex: 0 0 var(--core-tab-width);
  width: var(--core-tab-width);
  min-width: var(--core-tab-width);
  max-width: var(--core-tab-width);
  overflow: hidden;
}
:is(.core-workspace-ui.core-workspace-ui.core-workspace-ui.btb-frame[data-btb], .core-workspace-ui.core-workspace-ui.core-workspace-ui .btb-frame[data-btb]) .btb-row[data-core-workspace-tab-row] .btb-chip:not(.workspace-tab-button) .btb-chip-face {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  gap: 5px;
  padding-inline: 8px !important;
  overflow: hidden;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .core-workspace-tab-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .btb-chip-face > :is(svg, img, [data-rd-icon-plate]) {
  flex-shrink: 0;
}

/* Build Page has a large navigation set: preserve its compact content widths
   rather than the equal-width tabs used by Primary UI workspace references. */
.core-workspace-ui.core-workspace-ui.core-workspace-ui.btb-frame[data-btb].btb-content-width-tabs .btb-row[data-core-workspace-tab-row] {
  gap: 1px;
  padding-inline: 2px !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui.btb-frame[data-btb].btb-content-width-tabs .btb-row[data-core-workspace-tab-row] .btb-chip {
  flex: 0 0 auto;
  width: auto;
  min-width: -moz-max-content;
  min-width: max-content;
  max-width: none;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui.btb-frame[data-btb].btb-content-width-tabs .btb-row[data-core-workspace-tab-row] .btb-chip .btb-chip-face {
  width: auto;
  min-width: -moz-max-content;
  min-width: max-content;
  padding-inline: 7px !important;
}

/* Legacy Primary top/footer bars use the same measurements as the three stacks. */
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.primary-topbar-1, .primary-tab-nav-1, .primary-bottom-bar-1) {
  box-sizing: border-box;
  height: var(--core-bar-height);
  min-height: var(--core-bar-height);
  max-height: var(--core-bar-height);
  align-items: center;
  padding: 0 6px;
  gap: 3px;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.primary-topbar-1, .primary-bottom-bar-1) .primary-tab-nav-1 {
  height: auto;
  min-height: 0;
  padding: 0;
  border: 0;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .primary-topbar-1-tab-col {
  flex: 0 0 var(--core-tab-width);
  width: var(--core-tab-width);
  min-width: var(--core-tab-width);
  max-width: var(--core-tab-width);
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .primary-topbar-1-tab {
  width: 100%;
  min-width: 0;
  max-width: none;
  font-size: var(--core-control-label-size) !important;
}

/* Connected headers and footers share the action track; PS3 still omits its head. */
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-head, .dev-ws-sidebar-header, .ctc-finder-shell > label:first-child, .das-search-row, .das-panel-header, .desk-inspector-chrome, .container-content-footer, .ctc-finder-footer, .das-library-row) {
  box-sizing: border-box;
  min-height: var(--core-bar-height) !important;
  height: var(--core-bar-height) !important;
  max-height: var(--core-bar-height) !important;
  background: var(--core-bar) !important;
  color: var(--core-ink);
  border-color: var(--core-line) !important;
  box-shadow: none !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-title, .dev-ws-sidebar-title, .ui-ref-ps1-all-tabs-group-heading) {
  font-family: 'IBM Plex Mono', ui-monospace, monospace;
  font-size: 10px !important;
  letter-spacing: 0.1em;
  font-weight: 500;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-count, .ctc-finder-footer, .das-status-bar) { color: var(--core-muted); }
.core-workspace-ui.core-workspace-ui.core-workspace-ui .container-photo-title-bar {
  box-sizing: border-box;
  height: var(--core-bar-height);
  min-height: var(--core-bar-height);
  padding: 0 8px;
  background: var(--core-bar);
  border-color: var(--core-line);
  box-shadow: none;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .workspace-container-site-chrome .linux-container-title-bar:not(.linux-container-title-bar--mini) {
  box-sizing: border-box;
  height: var(--core-bar-height);
  min-height: var(--core-bar-height);
  max-height: var(--core-bar-height);
  padding-inline: 8px;
  background: var(--core-bar);
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.linux-bevel-control, .desk-inspector-icon-btn, .das-icon-btn) {
  box-sizing: border-box;
  width: var(--core-control-height);
  min-width: var(--core-control-height);
  height: var(--core-control-height) !important;
  min-height: var(--core-control-height) !important;
  max-height: var(--core-control-height) !important;
}

/* Focus remains visible even where legacy glow rules suppressed it. */
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.primary-ui-sidebar-host, .btb-frame, .desk-inspector-chrome, .workspace-container-site-chrome) :is(button, input, select):focus-visible,
.core-workspace-ui.core-workspace-ui.core-workspace-ui.primary-ui-sidebar-host :is(button, input):focus-visible,
.core-workspace-ui.core-workspace-ui.core-workspace-ui.btb-frame :is(button, input, select):focus-visible {
  outline: 2px solid hsl(var(--ring)) !important;
  outline-offset: -2px !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.btb-frame, .primary-ui-sidebar-host, .desk-inspector-chrome) button:disabled { opacity: 0.45; }

/* Primary UI scaffolding shares the contract; example artwork remains intact. */
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.ui-build-gallery-card, .ui-guide-fold, .ui-build-primary-section-fold) {
  border-color: var(--core-line);
  background: var(--core-panel);
  box-shadow: none;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .interface-ui-layout-bar {
  min-height: var(--core-bar-height);
  background: var(--core-bar);
  border-color: var(--core-line);
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .interface-ui-layout-bar .linear-dev-tasks-segment__btn {
  min-height: var(--core-control-height);
  color: var(--core-muted);
  background: transparent;
  box-shadow: none;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .interface-ui-layout-bar .linear-dev-tasks-segment__btn--active {
  color: var(--core-ink);
  background: var(--core-selected);
  box-shadow: var(--core-relief);
}

/* Shared insert and inspector owners also render in live creative containers. */
.core-workspace-ui.core-workspace-ui.core-workspace-ui .core-workspace-insert,
.core-workspace-ui.core-workspace-ui.core-workspace-ui .desk-inspector {
  background: var(--core-panel);
  color: var(--core-ink);
  border-color: var(--core-line);
  font-family: inherit;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .core-workspace-insert > label:first-child {
  min-height: var(--core-bar-height);
  padding: 6px;
  background: var(--core-bar);
  border-color: var(--core-line);
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .core-workspace-insert > label:first-child input {
  height: var(--core-control-height);
  padding-inline: 6px;
  background: var(--core-field);
  color: var(--core-ink);
  font-size: 12px !important;
  box-shadow: var(--core-inset);
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui [data-ctc-insert-rows] > button {
  min-height: var(--core-row-height);
  background: transparent;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui [data-ctc-insert-rows] > button:hover { background: var(--core-hover); }
.core-workspace-ui.core-workspace-ui.core-workspace-ui [data-ctc-insert-rows] > button[data-active='true'] {
  background: var(--core-selected);
  box-shadow: var(--core-relief);
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.desk-inspector-field, .desk-inspector-well) {
  min-height: var(--core-control-height);
  background: var(--core-field);
  border: 1px solid var(--core-line);
  box-shadow: var(--core-inset);
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.desk-inspector-section, .desk-inspector-chrome, .ctc-finder-crumb) { border-color: var(--core-line); }
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.desk-inspector, .core-workspace-insert) :is(input, button):focus-visible {
  outline: 2px solid hsl(var(--ring)) !important;
  outline-offset: -2px;
}

/* Remaining Primary chrome controls use the same fields and faces. */
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.primary-topbar-1, .primary-tab-nav-1, .primary-bottom-bar-1, .primary-topbar-1-folder-tabs, .primary-topbar-1-view-toggle) {
  --pt1-panel: var(--core-panel);
  --pt1-tab-bg: var(--core-panel);
  --pt1-tab-border: var(--core-line);
  --pt1-active-fg: var(--core-ink);
  --pt1-inactive-fg: var(--core-muted);
  --pt1-inactive-fg-muted: var(--core-muted);
  --pt1-row-border: var(--core-line);
  --pt1-field-bg: var(--core-field);
  --pt1-field-border: var(--core-line);
  --pt1-field-placeholder: var(--core-muted);
  --pt1-action-fg: var(--core-ink);
  --pt1-select-fg: var(--core-muted);
  --pt1-view-active-bg: var(--core-hover);
  --pt1-control-h: var(--core-control-height);
  --pt1-tab-h: var(--core-control-height);
  --pt1-tab-w: var(--core-tab-width);
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .fold-toggle-btn {
  min-height: var(--core-row-height);
  background: var(--core-bar);
  color: var(--core-ink);
  box-shadow: var(--core-relief);
  font-size: 11px;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .fold-meta { color: var(--core-muted); }
.core-workspace-ui.core-workspace-ui.core-workspace-ui .fold-toggle-btn:focus-visible {
  outline: 2px solid hsl(var(--ring));
  outline-offset: -2px;
}

/* Primary UI accordions match the borderless Site / Desk Components rows. */
.core-workspace-ui.core-workspace-ui.core-workspace-ui .ui-build-primary-accordion {
  gap: 2px;
  padding: 0 0 0 20px;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .ui-build-primary-accordion .ui-build-primary-stack {
  gap: 2px;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .ui-build-primary-accordion .ui-guide-fold {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .ui-build-primary-accordion .fold-toggle-btn {
  gap: 8px;
  min-height: 30px;
  padding: 4px 8px;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: hsl(var(--foreground));
  font-size: 11px;
  font-weight: 500;
  line-height: normal;
  text-transform: none;
  cursor: pointer;
  touch-action: auto;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .ui-build-primary-accordion .fold-toggle-btn:hover {
  background: hsl(var(--muted) / .5);
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .ui-build-primary-accordion .fold-chevron,
.core-workspace-ui.core-workspace-ui.core-workspace-ui .ui-build-primary-accordion .fold-chevron svg {
  width: 13px;
  height: 13px;
  color: inherit;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .ui-build-primary-accordion .fold-meta {
  margin-left: auto;
  padding: 0;
  color: hsl(var(--muted-foreground));
  font-size: 10px;
  font-weight: 400;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .ui-build-primary-accordion .fold-body {
  border-top: 0;
  margin-left: 20px;
}

/* Actions have a visible face and boundary; navigation rows stay quieter. */
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.btb-chip, .btb-add, .btb-view-btn, .desk-inspector-chip, .desk-inspector-icon-btn, .linux-bevel-control, [data-container-chrome-control], .das-icon-btn) {
  border: 1px solid var(--core-button-line) !important;
  background: var(--core-button) !important;
  color: var(--core-ink);
  font-size: var(--core-control-label-size) !important;
  font-weight: 500 !important;
  box-shadow: var(--core-relief), 0 1px 2px rgb(0 0 0 / 0.15) !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.btb-chip, .btb-add, .btb-view-btn, .desk-inspector-chip, .desk-inspector-icon-btn, .linux-bevel-control, [data-container-chrome-control], .das-icon-btn):hover:not(:disabled) {
  background: var(--core-hover) !important;
  border-color: hsl(var(--foreground) / 0.4) !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.btb-chip, .desk-inspector-chip, .desk-inspector-icon-btn, .linux-bevel-control, [data-container-chrome-control], .das-icon-btn):is(:active, [data-active='true'], [aria-pressed='true']):not(:disabled) {
  background: var(--core-selected) !important;
  border-color: hsl(var(--foreground) / 0.35) !important;
  box-shadow: var(--core-inset) !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-rail, .ui-ref-ps1-layer1-rail) .ui-ref-ps1-glow-icon {
  border: 1px solid var(--core-button-line) !important;
  background: var(--core-button) !important;
  box-shadow: var(--core-relief) !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-rail, .ui-ref-ps1-layer1-rail) .ui-ref-ps1-glow-icon:is(:hover, [data-active='true'], [aria-current='page']) {
  background: var(--core-selected) !important;
  border-color: hsl(var(--foreground) / 0.4) !important;
}

/* Small persistent captions complement the full accessible/hover labels. */
.core-workspace-ui.core-workspace-ui.core-workspace-ui .ui-ref-ps1-glow-icon {
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  padding: 3px 1px !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .ui-ref-ps1-glow-icon :is(.ui-ref-ps1-sis-dest, [data-rd-icon-plate], .ui-ref-ps1-sis-dest svg, .ui-ref-ps1-sis-dest img) {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  min-height: 14px !important;
  flex: 0 0 14px;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .core-workspace-rail-label {
  display: block;
  width: 100%;
  max-width: 38px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: inherit !important;
  font-size: var(--core-rail-label-size) !important;
  line-height: 8px !important;
  font-weight: 400 !important;
  letter-spacing: 0;
  text-align: center;
  text-transform: lowercase;
  color: var(--core-muted);
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .ui-ref-ps1-glow-icon:is(:hover, [aria-current='page']) .core-workspace-rail-label { color: var(--core-ink); }

.core-workspace-ui.core-workspace-ui.core-workspace-ui [data-workspace-sidebar-gallery='compact-v1'] {
  --linux-chrome-bg: var(--core-frame);
  --linux-chrome-border: var(--core-line);
  --linux-chrome-fg: var(--core-ink);
  --linux-chrome-muted: var(--core-muted);
  background: var(--core-frame);
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .ui-ref-ps1-product-glyph :is(svg, img) {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  min-height: 14px !important;
  -o-object-fit: contain;
     object-fit: contain;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-rail-footer, .ui-ref-ps1-layer1-rail-footer) {
  box-sizing: border-box;
  height: var(--core-bar-height) !important;
  min-height: var(--core-bar-height) !important;
  padding: 0 !important;
  background: var(--core-bar);
  border-top: 1px solid var(--core-line);
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-rail-footer, .ui-ref-ps1-layer1-rail-footer) button.ui-ref-ps1-glow-icon {
  height: 32px !important;
  min-height: 32px !important;
  gap: 1px;
  padding-block: 2px !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .btb-frame[data-btb] .btb-chip .btb-chip-face,
.core-workspace-ui.core-workspace-ui.core-workspace-ui.btb-frame[data-btb] .btb-chip .btb-chip-face {
  font-family: inherit !important;
  font-size: var(--core-control-label-size) !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui [data-rd-bottom-bar] { background: var(--core-frame); }
.core-workspace-ui.core-workspace-ui.core-workspace-ui [data-rd-bottom-bar-chip-dock][data-show-labels] .btb-chip {
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
}

/* Shared retro faces apply to chrome controls, leaving workspace content alone. */
.core-workspace-ui.core-workspace-ui.core-workspace-ui .btb-chip .btb-chip-face:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) {
  border-radius: 3px !important;
  background: transparent !important;
  box-shadow: none !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.btb-chip, .desk-inspector-chip, .desk-inspector-icon-btn, .linux-bevel-control, [data-container-chrome-control], .das-icon-btn, .tls-row, .ui-ref-ps1-tab.ui-ref-ps1-glow-row):not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) {
  border-radius: 3px !important;
  background: linear-gradient(145deg, color-mix(in srgb, var(--bg-color), white 4%), var(--bg-color) 70%) !important;
  box-shadow: inset 1px 1px 1px var(--shadow-light), inset -1px -1px 1px var(--shadow-dark), 2px 2px 4px rgb(0 0 0 / .65) !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.btb-chip, .desk-inspector-chip, .desk-inspector-icon-btn, .linux-bevel-control, [data-container-chrome-control], .das-icon-btn, .tls-row, .ui-ref-ps1-tab.ui-ref-ps1-glow-row):is(:active, [aria-selected='true'], [aria-pressed='true'], [aria-current='page'], [data-active='true'], .is-active):not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) {
  background: var(--bg-color-active) !important;
  box-shadow: inset 1px 1px 3px var(--shadow-dark), inset -1px -1px 1px var(--shadow-light) !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .rd-bottom-bar-chip-caption {
  font-size: var(--core-control-label-size) !important;
  line-height: 12px;
  color: var(--core-muted);
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui [data-rd-bottom-bar-chip-dock][data-show-labels] .btb-chip-face :is(img, svg) {
  width: 12px !important;
  height: 12px !important;
}
/* Beveled toolbar stacks (Primary UI tab navs) — treatments 2a / 2b / 2c. */

:root {
  --primary-ui-chrome-font-size: 12px;
}

.btb-board {
  display: flex;
  flex-direction: column;
  gap: 1px;
  width: 100%;
  min-width: 0;
  background: hsl(var(--background));
  color: hsl(var(--foreground));
  font-family: 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif;
  font-size: 8px;
  -webkit-font-smoothing: antialiased;
}

.btb-caption {
  display: flex;
  align-items: baseline;
  gap: 1px;
  padding: 0 2px;
}

.btb-tag {
  font-family: 'IBM Plex Mono', ui-monospace, monospace;
  font-size: 8px;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: hsl(var(--foreground));
  background: hsl(var(--muted));
  padding: 1px 3px;
  border-radius: 2px;
}

.btb-name {
  font-size: 8px;
  font-weight: 600;
  color: hsl(var(--foreground));
}

.btb-blurb {
  font-size: 8px;
  color: hsl(var(--muted-foreground));
}

.btb-frame {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  background: hsl(var(--background));
  border: 1px solid hsl(var(--border));
  border-radius: 3px;
}

.btb-frame.btb-chrome {
  border: 0;
  border-radius: 0;
}

.btb-row {
  display: flex;
  align-items: center;
  gap: 1px;
  padding: 2px 4px;
  min-width: 0;
  min-height: 20px;
  overflow-x: auto;
}

.btb-row-items,
.btb-row-extras {
  display: contents;
}

.btb-rule {
  height: 1px;
  background: rgba(0, 0, 0, 0.75);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04);
}

.btb-vrule {
  width: 1px;
  height: 10px;
  flex-shrink: 0;
  background: rgba(0, 0, 0, 0.7);
  box-shadow: 1px 0 0 rgba(255, 255, 255, 0.05);
}

.btb-chip,
.btb-search,
.btb-select,
.btb-add,
.btb-select-wrap {
  display: flex;
  align-items: center;
  gap: 4px;
  box-sizing: border-box;
  height: 16px;
  min-height: 16px;
  max-height: 16px;
  padding: 0 7px;
  border: 0;
  font-size: var(--primary-ui-chrome-font-size, 12px) !important;
  font-weight: 600;
  line-height: 1.2 !important;
  white-space: nowrap;
  cursor: pointer;
  color: inherit;
  font-family: inherit !important;
}

.btb-chip {
  flex: 0 0 auto;
  flex-direction: column;
  align-items: stretch;
  justify-content: stretch;
  width: auto;
  min-width: -moz-max-content;
  min-width: max-content;
  max-width: none;
  padding: 0;
  gap: 0;
  overflow: visible;
}

.btb-chip-face {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: auto;
  min-width: -moz-max-content;
  min-width: max-content;
  min-height: 0;
  padding: 0 7px;
  overflow: visible;
  text-overflow: unset;
  white-space: nowrap;
  font-size: var(--primary-ui-chrome-font-size, 12px) !important;
  font-weight: 600;
  line-height: 1.2 !important;
}

.btb-chip-accent {
  display: block;
  height: 2px;
  width: 100%;
  flex-shrink: 0;
}

.btb-search {
  cursor: text;
}

.btb-select {
  cursor: pointer;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  padding-right: 12px;
}

.btb-chip .primary-topbar-1-outline-icon,
.btb-search .primary-topbar-1-outline-icon,
.btb-select-wrap .primary-topbar-1-outline-icon,
.btb-add .primary-topbar-1-outline-icon,
.btb-view-btn .primary-topbar-1-outline-icon {
  width: 10px !important;
  height: 10px !important;
  min-width: 10px !important;
  min-height: 10px !important;
  color: hsl(var(--foreground)) !important;
  stroke: currentColor;
}

.btb-search {
  width: auto;
  min-width: 84px;
}

.btb-search input,
.btb-select {
  min-width: 0;
  width: 100%;
  height: 16px !important;
  min-height: 16px !important;
  max-height: 16px !important;
  border: 0;
  padding: 0;
  background: transparent;
  color: inherit;
  font-family: inherit !important;
  font-size: var(--primary-ui-chrome-font-size, 12px) !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  outline: none;
}

.btb-search input {
  flex: 1;
  width: auto;
}

.btb-search input::-moz-placeholder {
  color: inherit;
  font-size: var(--primary-ui-chrome-font-size, 12px) !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

.btb-search input::placeholder {
  color: inherit;
  font-size: var(--primary-ui-chrome-font-size, 12px) !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

.btb-select-wrap {
  position: relative;
  width: auto;
  padding: 0;
}

.btb-select-wrap .btb-select {
  width: auto;
  padding: 0 12px 0 7px;
}

.btb-select-wrap .btb-chevron {
  pointer-events: none;
  position: absolute;
  right: 3px;
  display: grid;
  place-items: center;
  opacity: 0.7;
}

.btb-spacer {
  flex: 1;
}

.btb-views {
  display: flex;
  overflow: hidden;
  flex-shrink: 0;
}

.btb-view-btn {
  display: grid;
  place-items: center;
  width: 16px;
  height: 16px;
  padding: 0;
  border: 0;
  background: transparent;
  color: hsl(var(--foreground));
  cursor: pointer;
}

.btb-view-btn:hover {
  color: hsl(var(--foreground));
}

.btb-view-btn[data-active='true'] {
  color: hsl(var(--foreground));
  background: rgba(255, 255, 255, 0.1);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    inset 0 -1px 0 rgba(0, 0, 0, 0.4);
}

[data-btb='2a'] .btb-row {
  background: linear-gradient(180deg, hsl(var(--background)), hsl(var(--background)));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    inset 0 -1px 0 rgba(0, 0, 0, 0.8);
}

[data-btb='2a'] .btb-chip,
[data-btb='2a'] .btb-select,
[data-btb='2a'] .btb-add,
[data-btb='2a'] .btb-views {
  border-radius: 2px;
  background: linear-gradient(180deg, hsl(var(--card)), hsl(var(--card)));
  color: hsl(var(--foreground));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    inset 0 -1px 0 rgba(0, 0, 0, 0.55),
    0 1px 2px rgba(0, 0, 0, 0.55);
}

[data-btb='2a'] .btb-chip:hover,
[data-btb='2a'] .btb-select-wrap:hover .btb-select,
[data-btb='2a'] .btb-add:hover {
  color: hsl(var(--foreground));
  background: linear-gradient(180deg, hsl(var(--muted)), hsl(var(--card)));
}

[data-btb='2a'] .btb-chip[data-active='true'] {
  background: linear-gradient(180deg, hsl(var(--muted)), hsl(var(--card)));
  color: hsl(var(--foreground));
  font-weight: 500;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    inset 0 -1px 0 rgba(0, 0, 0, 0.55),
    0 1px 3px rgba(0, 0, 0, 0.6);
}

[data-btb='2a'] .btb-search {
  border-radius: 2px;
  background: hsl(var(--background));
  color: hsl(var(--foreground));
  box-shadow:
    inset 0 1px 3px rgba(0, 0, 0, 0.85),
    inset 0 0 0 1px rgba(255, 255, 255, 0.045),
    0 1px 0 rgba(255, 255, 255, 0.05);
}

[data-btb='2b'] .btb-row {
  background: linear-gradient(180deg, hsl(var(--card)), hsl(var(--card)));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    inset 0 -1px 0 rgba(0, 0, 0, 0.85);
}

[data-btb='2b'] .btb-chip,
[data-btb='2b'] .btb-select,
[data-btb='2b'] .btb-add,
[data-btb='2b'] .btb-views {
  border-radius: 2px;
  background: hsl(var(--background));
  color: hsl(var(--foreground));
  box-shadow:
    inset 0 1px 3px rgba(0, 0, 0, 0.8),
    inset 0 -1px 0 rgba(255, 255, 255, 0.06);
}

[data-btb='2b'] .btb-chip:hover,
[data-btb='2b'] .btb-select-wrap:hover .btb-select,
[data-btb='2b'] .btb-add:hover {
  color: hsl(var(--foreground));
  background: hsl(var(--card));
}

[data-btb='2b'] .btb-chip[data-active='true'] {
  background: hsl(var(--background));
  color: hsl(var(--foreground));
  font-weight: 500;
  box-shadow:
    inset 0 1px 4px rgba(0, 0, 0, 0.9),
    inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

[data-btb='2b'] .btb-search {
  border-radius: 2px;
  background: hsl(var(--background));
  color: hsl(var(--foreground));
  box-shadow:
    inset 0 2px 4px rgba(0, 0, 0, 0.9),
    inset 0 -1px 0 rgba(255, 255, 255, 0.055);
}

[data-btb='2c'] .btb-row {
  background: hsl(var(--background));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

[data-btb='2c'] .btb-chip,
[data-btb='2c'] .btb-select,
[data-btb='2c'] .btb-add,
[data-btb='2c'] .btb-views,
[data-btb='2c'] .btb-search {
  border-radius: 3px;
}

[data-btb='2c'] .btb-chip,
[data-btb='2c'] .btb-select,
[data-btb='2c'] .btb-add,
[data-btb='2c'] .btb-views {
  background: linear-gradient(180deg, hsl(var(--card)), hsl(var(--card)));
  color: hsl(var(--foreground));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    inset 0 -2px 0 rgba(0, 0, 0, 0.5),
    0 2px 3px rgba(0, 0, 0, 0.55);
}

[data-btb='2c'] .btb-chip:hover,
[data-btb='2c'] .btb-select-wrap:hover .btb-select,
[data-btb='2c'] .btb-add:hover {
  color: hsl(var(--foreground));
  background: linear-gradient(180deg, hsl(var(--muted)), hsl(var(--card)));
}

[data-btb='2c'] .btb-chip[data-active='true'] {
  background: linear-gradient(180deg, hsl(var(--muted)), hsl(var(--muted)));
  color: hsl(var(--foreground));
  font-weight: 500;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    inset 0 -2px 0 rgba(0, 0, 0, 0.45),
    0 2px 4px rgba(0, 0, 0, 0.6),
    0 0 0 1px rgba(255, 255, 255, 0.05);
}

[data-btb='2c'] .btb-search {
  background: hsl(var(--background));
  color: hsl(var(--foreground));
  box-shadow:
    inset 0 2px 3px rgba(0, 0, 0, 0.8),
    inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

[data-btb='2c'] .btb-view-btn[data-active='true'] {
  color: hsl(var(--foreground));
}

/* Primary tab stacks — same floor so short labels match longer ones. */
[data-beveled-toolbar-stack] .btb-chip,
[data-primary-ui-containers] .btb-frame .btb-chip {
  min-width: 100px;
}

/* Container chrome bars fill the frame so the track is not an empty black gap.
   Live WorkspaceContainer frames and the Primary UI Containers gallery share these. */
[data-primary-ui-containers] .btb-container-fill,
.workspace-container-site-chrome .btb-container-fill,
.workspace-container-frame .btb-container-fill {
  width: 100%;
}

[data-primary-ui-containers] .btb-container-fill .btb-row,
.workspace-container-site-chrome .btb-container-fill .btb-row,
.workspace-container-frame .btb-container-fill .btb-row {
  width: 100%;
  justify-content: flex-start;
}

[data-primary-ui-containers] .btb-container-fill .btb-chip,
.workspace-container-site-chrome .btb-container-fill .btb-chip,
.workspace-container-frame .btb-container-fill .btb-chip {
  flex: 0 0 auto;
  width: auto;
  min-width: -moz-max-content;
  min-width: max-content;
  max-width: none;
}

[data-primary-ui-containers] .workspace-container-site-chrome .btb-container-fill.btb-frame,
.workspace-container-site-chrome .btb-container-fill.btb-frame,
.workspace-container-frame .btb-container-fill.btb-frame {
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, hsl(var(--card)), hsl(var(--card))));
}

/* Fill trailing workspace-container topbar space with tab-like slab chrome. */
[data-primary-ui-containers] .workspace-container-site-chrome .btb-container-fill .btb-row::after,
.workspace-container-site-chrome .btb-container-fill .btb-row::after,
.workspace-container-frame .btb-container-fill .btb-row::after {
  content: '';
  flex: 1 1 auto;
  min-width: 0;
  height: 16px;
  border-radius: 2px;
}

[data-primary-ui-containers] .workspace-container-site-chrome .btb-container-fill[data-btb='2a'] .btb-row::after,
.workspace-container-site-chrome .btb-container-fill[data-btb='2a'] .btb-row::after,
.workspace-container-frame .btb-container-fill[data-btb='2a'] .btb-row::after {
  background: linear-gradient(180deg, hsl(var(--card)), hsl(var(--card)));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    inset 0 -1px 0 rgba(0, 0, 0, 0.55),
    0 1px 2px rgba(0, 0, 0, 0.55);
}

[data-primary-ui-containers] .workspace-container-site-chrome .btb-container-fill[data-btb='2b'] .btb-row::after,
.workspace-container-site-chrome .btb-container-fill[data-btb='2b'] .btb-row::after,
.workspace-container-frame .btb-container-fill[data-btb='2b'] .btb-row::after {
  background: hsl(var(--background));
  box-shadow:
    inset 0 1px 3px rgba(0, 0, 0, 0.8),
    inset 0 -1px 0 rgba(255, 255, 255, 0.06);
}

[data-primary-ui-containers] .workspace-container-site-chrome .btb-container-fill[data-btb='2c'] .btb-row::after,
.workspace-container-site-chrome .btb-container-fill[data-btb='2c'] .btb-row::after,
.workspace-container-frame .btb-container-fill[data-btb='2c'] .btb-row::after {
  border-radius: 3px;
  background: linear-gradient(180deg, hsl(var(--card)), hsl(var(--card)));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    inset 0 -2px 0 rgba(0, 0, 0, 0.5),
    0 2px 3px rgba(0, 0, 0, 0.55);
}

/* Primary UI sitewide dock — icon-only chips, coloured accents, tighter width. */
[data-rd-bottom-bar-primary-ui] .btb-chip {
  min-width: 0;
  width: auto;
}

[data-rd-bottom-bar-primary-ui] .btb-chip-face {
  padding: 0 4px;
  min-width: 0;
  width: auto;
}
/* Scoped to the four standalone previews; the supplied container owns these tokens.
   Repeated scope classes override the existing shared retro chrome selectors. */
.pui-workspace-tabs-preview { width: 100%; min-width: 0; font-family: var(--pui-tab-font-family); }
.pui-workspace-tabs-preview .btb-frame { border: 0 !important; border-radius: 0 !important; background: var(--pui-track-background) !important; }
.pui-workspace-tabs-preview.pui-workspace-tabs-preview.pui-workspace-tabs-preview .btb-frame[data-btb] .btb-row,
.pui-workspace-tabs-preview .desk-os-menubar {
  box-sizing: border-box; height: var(--pui-track-height) !important; min-height: var(--pui-track-height) !important;
  align-items: center !important; gap: var(--pui-track-gap) !important;
  padding: var(--pui-track-padding) !important; border-bottom: var(--pui-track-border) !important;
  background: var(--pui-track-background) !important; box-shadow: none !important;
}
.pui-workspace-tabs-preview.pui-workspace-tabs-preview.pui-workspace-tabs-preview .btb-frame[data-btb] .btb-row { overflow-x: auto; }
.pui-workspace-tabs-preview.pui-workspace-tabs-preview.pui-workspace-tabs-preview .btb-frame[data-btb] .btb-row::after { content: none !important; }
.pui-workspace-tabs-preview.pui-workspace-tabs-preview.pui-workspace-tabs-preview .btb-frame[data-btb] .btb-row-items { gap: var(--pui-track-gap) !important; }
.pui-workspace-tabs-preview.pui-workspace-tabs-preview.pui-workspace-tabs-preview .btb-frame[data-btb] .btb-row button.btb-chip.btb-chip:not([data-workspace-tab-style='cell']) {
  box-sizing: border-box; display: flex; flex: 0 0 var(--pui-tab-width) !important;
  width: var(--pui-tab-width) !important; min-width: var(--pui-tab-width) !important; max-width: var(--pui-tab-width) !important;
  height: var(--pui-tab-height) !important; min-height: var(--pui-tab-height) !important; max-height: var(--pui-tab-height) !important;
  padding: 0 !important; border: var(--pui-tab-border) !important;
  border-bottom: 2.4px solid var(--primary-tab-custom, #6a6a6a) !important;
  border-radius: 0 !important; background: var(--pui-tab-background) !important;
  box-shadow: none !important; color: var(--pui-tab-color) !important;
}
.pui-workspace-tabs-preview.pui-workspace-tabs-preview.pui-workspace-tabs-preview .btb-frame[data-btb] .btb-row button.btb-chip:is([data-active='true'], [aria-current='page']) {
  border-bottom-color: var(--primary-tab-custom, #1a8fd6) !important;
}
.pui-workspace-tabs-preview.pui-workspace-tabs-preview.pui-workspace-tabs-preview .btb-frame[data-btb] .btb-row .btb-chip:not([data-workspace-tab-style='cell']) > .btb-chip-face.btb-chip-face {
  box-sizing: border-box; display: flex; width: 100%; min-width: 0; height: 100%;
  align-items: center; justify-content: center !important; gap: var(--pui-tab-gap) !important;
  padding: 0 5px !important; border-radius: 0 !important; background: transparent !important;
  box-shadow: none !important; color: var(--pui-tab-color) !important; font-family: inherit !important;
  font-size: var(--pui-tab-font-size) !important; font-weight: 400 !important;
  line-height: 1 !important; letter-spacing: normal !important; text-shadow: none !important;
}
.pui-workspace-tabs-preview .btb-chip .btb-chip-accent { display: none !important; }
.pui-workspace-tabs-preview.pui-workspace-tabs-preview.pui-workspace-tabs-preview .btb-frame .btb-chip:not([data-workspace-tab-style='cell']) .btb-chip-face :is(img, svg) { width: 12px !important; height: 12px !important; }
.pui-workspace-tabs-preview .btb-frame .btb-chip:hover { filter: brightness(1.08); }
.pui-workspace-tabs-preview .btb-chip:focus-visible { outline: 1px solid #6fc0e8 !important; outline-offset: -2px !important; }
.pui-workspace-tabs-preview .desk-os-menubar { padding: 0 !important; }
.pui-workspace-tabs-preview .desk-os-menubar > div:first-child { overflow-x: auto; }
.pui-workspace-tabs-preview.pui-workspace-tabs-preview.pui-workspace-tabs-preview .desk-os-menubar .btb-frame[data-btb] .btb-row { border-bottom: 0 !important; }
/* Titles, breadcrumbs and search share the tab-track treatment in every Primary UI sidebar. */
:is(.ui-ref-ps1-compact.primary-ui-sidebar-host, .tls-frame, [data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.tls-head, .dev-ws-sidebar-header, .ctc-finder-crumb, .ctc-finder-shell > label:first-child, .das-search-row, .das-panel-header, .desk-inspector-chrome) {
  box-sizing: border-box;
  height: var(--container-header-height, 27px) !important;
  min-height: var(--container-header-height, 27px) !important;
  max-height: var(--container-header-height, 27px) !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border: 0;
  border-bottom: 1px solid var(--container-divider, #414147) !important;
  border-radius: 0 !important;
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e)) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.09) !important;
  color: hsl(var(--foreground));
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 5px;
}
:is(.ui-ref-ps1-compact.primary-ui-sidebar-host, .tls-frame, [data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.tls-head, .dev-ws-sidebar-header, .ctc-finder-crumb, .ctc-finder-shell > label:first-child, .das-search-row, .das-panel-header, .desk-inspector-chrome),
:is(.ui-ref-ps1-compact.primary-ui-sidebar-host, .tls-frame, [data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.tls-head, .dev-ws-sidebar-header, .ctc-finder-crumb, .ctc-finder-shell > label:first-child, .das-search-row, .das-panel-header, .desk-inspector-chrome)
:is(span, button, input, h2, h3) {
  font-family: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  -webkit-font-smoothing: antialiased;
}
:is([data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.ctc-finder-shell > label:first-child, .das-search-row) input {
  min-width: 0;
  color: hsl(var(--foreground));
}
:is([data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.ctc-finder-shell > label:first-child, .das-search-row) input::-moz-placeholder {
  color: hsl(var(--muted-foreground));
  opacity: 1;
}
:is([data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.ctc-finder-shell > label:first-child, .das-search-row) input::placeholder {
  color: hsl(var(--muted-foreground));
  opacity: 1;
}
/* Continue the bottom tab-track fill through the sidebar footer cells. */
:is(.ui-ref-ps1-compact.primary-ui-sidebar-host, .tls-frame, [data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.tls-rail-footer, .ui-ref-ps1-layer1-rail-footer, .ctc-finder-footer, .das-library-row, .das-status-bar) {
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e)) !important;
  border-top: 1px solid var(--container-divider, #414147) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.07) !important;
}
/* Two-layer sidebar treatments (Primary UI) — rail 32px + panel 168px. */
.tls-board {
  display: flex;
  flex-wrap: wrap;
  gap: 36px;
  padding: 12px 8px 16px;
  background: #0a0a0b;
  color: #e8e6df;
  font-family: 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.tls-option {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
}
.tls-caption {
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.tls-tag {
  font-family: 'IBM Plex Mono', ui-monospace, monospace;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #0c0c0d;
  background: #cfcdc5;
  padding: 3px 6px;
  border-radius: 3px;
}
.tls-name {
  font-size: 13px;
  font-weight: 600;
  color: #e8e6df;
}
.tls-blurb {
  font-size: 12px;
  color: #77766f;
}
.tls-frame {
  display: flex;
  width: 400px;
  height: 480px;
  overflow: hidden;
  background: #0a0a0b;
  border: 1px solid #1e1e20;
  border-radius: 6px;
}
.tls-frame.tls-chrome {
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  height: 100%;
  min-height: 0;
  border: 0;
  border-radius: 0;
}
.tls-frame.tls-chrome .tls-canvas {
  display: none;
}
.tls-frame.tls-chrome .tls-rail,
.tls-frame.tls-chrome .tls-panel,
.tls-frame.tls-chrome .tls-panel-well,
.tls-frame.tls-chrome .tls-plate {
  height: 100%;
  align-self: stretch;
}
.tls-frame.tls-chrome .tls-panel-well {
  padding-top: 1px;
  padding-bottom: 1px;
}
.tls-frame[data-tls-layout='ps2'][data-tls='1d'] .tls-panel-well,
.tls-frame[data-tls-layout='ps3'][data-tls='1d'] .tls-panel-well {
  padding-left: 1px;
}
.tls-plate {
  display: contents;
}
.tls-rail {
  display: flex;
  width: 32px;
  height: 100%;
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
  gap: 1px;
  padding: 2px 0;
}
.tls-rail-dests {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  gap: 1px;
}
.tls-rail-spacer {
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
}
.tls-rail-footer {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  padding-top: 2px;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
}
.tls-rail .ui-ref-ps1-glow-icon {
  flex-shrink: 0;
}
.tls-panel {
  display: flex;
  width: 168px;
  flex-shrink: 0;
  flex-direction: column;
  min-width: 0;
}
.tls-head {
  display: flex;
  align-items: center;
  gap: 1px;
  flex-shrink: 0;
}
.tls-title {
  font-size: var(--primary-ui-chrome-font-size, 12px);
  font-weight: 600;
  letter-spacing: -0.01em;
  color: #cfcdc5;
}
.tls-count {
  font-family: 'IBM Plex Mono', ui-monospace, monospace;
  font-size: var(--primary-ui-chrome-font-size, 12px);
}
.tls-spacer {
  flex: 1;
}
.tls-collapse {
  display: grid;
  place-items: center;
  width: 16px;
  height: 16px;
  padding: 0;
  border: 0;
  border-radius: 2px;
  cursor: pointer;
  font-size: var(--primary-ui-chrome-font-size, 12px);
  line-height: 1;
  color: #8d8c85;
  background: transparent;
}
.tls-collapse:hover {
  color: #dcdad2;
  background: rgba(255, 255, 255, 0.06);
}
.tls-rows {
  display: flex;
  flex-direction: column;
}
.tls-rows--all-tabs {
  width: 100%;
  min-width: 0;
}
.tls-rows--all-tabs .tls-all-tabs-group {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
}
.tls-rows--all-tabs .tls-all-tabs-leaves {
  display: flex;
  flex-direction: column;
  gap: 1px;
  width: 100%;
  min-width: 0;
  margin-left: 0;
  padding-left: 0;
  border-left: 0;
}
.tls-rows--all-tabs .tls-row {
  width: 100%;
  min-width: 0;
  background: linear-gradient(180deg, #2b2b2f, #202024);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    inset 0 -1px 0 rgba(0, 0, 0, 0.55),
    0 1px 2px rgba(0, 0, 0, 0.45);
}
.tls-rows--all-tabs .tls-row:hover {
  background: linear-gradient(180deg, #303035, #242428);
}
.tls-rows--all-tabs .tls-row[data-active='true'] {
  background: linear-gradient(180deg, #2b2b2f, #202024) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    inset 0 -1px 0 rgba(0, 0, 0, 0.55),
    0 1px 2px rgba(0, 0, 0, 0.45) !important;
}
.tls-row {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1px;
  padding: 1px 4px 1px 6px;
  border: 0;
  cursor: pointer;
  text-align: left;
  font-size: var(--primary-ui-chrome-font-size, 12px);
  color: #a3a29a;
  background: transparent;
}
.tls-row:hover {
  color: #e6e4dc;
  background: rgba(255, 255, 255, 0.045);
}
.tls-row[data-active='true'] {
  font-weight: 500;
  color: #f0eee6;
}
.tls-row-accent {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 2px;
  flex-shrink: 0;
}
.tls-icon-wrap {
  display: flex;
  flex-shrink: 0;
}
.tls-row .ui-ref-ps1-product-glyph,
.tls-row .ui-ref-ps1-product-glyph svg,
.tls-row .ui-ref-ps1-product-glyph img {
  display: grid;
  place-items: center;
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  -o-object-fit: contain;
     object-fit: contain;
}
.tls-canvas {
  flex: 1 1 auto;
  min-width: 0;
}
/* ── 1a Raised slab ── */
[data-tls='1a'] .tls-rail {
  padding: 8px 0;
  background: linear-gradient(180deg, #26262a, #1b1b1e);
  box-shadow:
    inset 1px 0 0 rgba(255, 255, 255, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    2px 0 4px rgba(0, 0, 0, 0.6);
  z-index: 2;
}
[data-tls='1a'] .tls-rail-dests { gap: 4px; }
[data-tls='1a'] .tls-panel {
  background: #141416;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
[data-tls='1a'] .tls-head {
  height: 34px;
  padding: 0 8px 0 10px;
  background: linear-gradient(180deg, #1d1d20, #171719);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 1px 0 rgba(0, 0, 0, 0.7);
}
[data-tls='1a'] .tls-count {
  padding: 1px 5px;
  border-radius: 3px;
  color: #a9a79d;
  background: #0e0e10;
  box-shadow:
    inset 0 1px 2px rgba(0, 0, 0, 0.8),
    0 1px 0 rgba(255, 255, 255, 0.05);
}
[data-tls='1a'] .tls-rows {
  gap: 2px;
  padding: 6px;
}
[data-tls='1a'] .tls-row {
  height: 28px;
  border-radius: 4px;
  background: linear-gradient(180deg, #2b2b2f, #202024);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    inset 0 -1px 0 rgba(0, 0, 0, 0.55),
    0 1px 2px rgba(0, 0, 0, 0.45);
}
[data-tls='1a'] .tls-row[data-active='true'] {
  color: #f0eee6;
}
[data-tls='1a'] .tls-canvas {
  background: #0d0d0e;
  box-shadow:
    inset 1px 0 0 rgba(0, 0, 0, 0.8),
    inset 2px 0 0 rgba(255, 255, 255, 0.03);
}
/* ── 1b Milled channel ── */
[data-tls='1b'] .tls-rail {
  padding: 8px 0;
  background: #131315;
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.9);
}
[data-tls='1b'] .tls-rail-dests { gap: 2px; }
[data-tls='1b'] .tls-panel {
  background: #0e0e10;
  box-shadow:
    inset 3px 0 5px -2px rgba(0, 0, 0, 0.9),
    inset 0 2px 4px -2px rgba(0, 0, 0, 0.9),
    inset -1px 0 0 rgba(255, 255, 255, 0.05);
}
[data-tls='1b'] .tls-head {
  height: 34px;
  padding: 0 8px 0 11px;
  box-shadow:
    inset 0 -1px 0 rgba(0, 0, 0, 0.9),
    0 1px 0 rgba(255, 255, 255, 0.045);
}
[data-tls='1b'] .tls-title {
  color: #c9c7bf;
}
[data-tls='1b'] .tls-count {
  padding: 1px 5px;
  border-radius: 3px;
  color: #100f10;
  background: linear-gradient(180deg, #6f6e66, #55544e);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
[data-tls='1b'] .tls-collapse:hover {
  background: transparent;
}
[data-tls='1b'] .tls-rows {
  gap: 3px;
  padding: 7px 7px 0;
}
[data-tls='1b'] .tls-row {
  height: 28px;
  border-radius: 4px;
  color: #9f9e97;
}
[data-tls='1b'] .tls-row:hover {
  background: rgba(255, 255, 255, 0.04);
}
[data-tls='1b'] .tls-row[data-active='true'] {
  background: #17171a;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    0 1px 2px rgba(0, 0, 0, 0.6);
}
[data-tls='1b'] .tls-canvas {
  background: #121214;
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.05);
}
/* ── 1c Single plate, engraved ── */
[data-tls='1c'] .tls-plate {
  display: flex;
  background: linear-gradient(180deg, #1c1c1f, #171719);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
[data-tls='1c'] .tls-rail {
  padding: 8px 0;
  box-shadow:
    inset -1px 0 0 rgba(0, 0, 0, 0.65),
    inset -2px 0 0 rgba(255, 255, 255, 0.035);
}
[data-tls='1c'] .tls-rail-dests { gap: 3px; }
[data-tls='1c'] .tls-head {
  height: 34px;
  padding: 0 8px 0 11px;
}
[data-tls='1c'] .tls-title {
  font-family: 'IBM Plex Mono', ui-monospace, monospace;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #8d8c84;
}
[data-tls='1c'] .tls-count {
  color: #b8b6ac;
}
[data-tls='1c'] .tls-rule {
  height: 1px;
  background: rgba(0, 0, 0, 0.6);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.045);
}
[data-tls='1c'] .tls-rows {
  gap: 1px;
  padding: 8px 8px 0;
}
[data-tls='1c'] .tls-row {
  height: 28px;
  border-radius: 4px;
  color: #a5a49c;
}
[data-tls='1c'] .tls-row:hover {
  background: rgba(255, 255, 255, 0.04);
}
[data-tls='1c'] .tls-row[data-active='true'] {
  background: rgba(0, 0, 0, 0.35);
  box-shadow:
    inset 0 1px 2px rgba(0, 0, 0, 0.7),
    0 1px 0 rgba(255, 255, 255, 0.06);
}
[data-tls='1c'] .tls-canvas {
  background: #0d0d0e;
  box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.85);
}
/* ── 1d Floating card ── */
[data-tls='1d'] .tls-frame {
  background: #0c0c0d;
}
[data-tls='1d'] .tls-rail {
  padding: 8px 0;
  background: #0c0c0d;
}
[data-tls='1d'] .tls-rail-dests { gap: 3px; }
[data-tls='1d'] .tls-panel-well {
  display: flex;
  width: 168px;
  flex-shrink: 0;
  padding: 6px 6px 6px 0;
}
[data-tls='1d'] .tls-panel {
  width: auto;
  flex: 1;
  border-radius: 7px;
  background: linear-gradient(180deg, #1b1b1e, #151517);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    inset 0 0 0 1px rgba(255, 255, 255, 0.035),
    0 4px 10px rgba(0, 0, 0, 0.7),
    0 1px 2px rgba(0, 0, 0, 0.8);
}
[data-tls='1d'] .tls-head {
  height: 34px;
  padding: 0 8px 0 10px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.55);
}
[data-tls='1d'] .tls-count {
  padding: 1px 5px;
  border-radius: 9px;
  color: #a9a79d;
  background: rgba(0, 0, 0, 0.45);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.7);
}
[data-tls='1d'] .tls-collapse:hover {
  background: rgba(255, 255, 255, 0.07);
}
[data-tls='1d'] .tls-rows {
  gap: 2px;
  padding: 6px;
}
[data-tls='1d'] .tls-row {
  height: 28px;
  border-radius: 5px;
}
[data-tls='1d'] .tls-row:hover {
  background: rgba(255, 255, 255, 0.05);
}
[data-tls='1d'] .tls-row[data-active='true'] {
  color: #f2f0e8;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.06));
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}
[data-tls='1d'] .tls-canvas {
  background: #101012;
  border-radius: 7px 0 0 7px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    inset 1px 0 0 rgba(255, 255, 255, 0.04);
}
/* ── 1e Hard chamfer ── */
[data-tls='1e'] .tls-frame {
  border: 1px solid #232326;
  border-radius: 3px;
}
[data-tls='1e'] .tls-rail {
  padding: 4px 0;
  background: linear-gradient(90deg, #202024, #191a1c);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    inset -1px 0 0 rgba(0, 0, 0, 0.8);
}
[data-tls='1e'] .tls-rail-dests { gap: 0; }
[data-tls='1e'] .tls-panel {
  background: #121214;
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.05);
}
[data-tls='1e'] .tls-head {
  height: 32px;
  padding: 0 6px 0 10px;
  background: linear-gradient(180deg, #1a1a1d, #151517);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    inset 0 -1px 0 rgba(0, 0, 0, 0.85);
}
[data-tls='1e'] .tls-title {
  font-family: 'IBM Plex Mono', ui-monospace, monospace;
  font-size: 10.5px;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #c4c2ba;
}
[data-tls='1e'] .tls-count {
  padding: 0 4px;
  border-radius: 2px;
  color: #eceae2;
  background: rgba(255, 255, 255, 0.09);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.14);
}
[data-tls='1e'] .tls-collapse {
  border-radius: 2px;
}
[data-tls='1e'] .tls-rows {
  gap: 0;
}
[data-tls='1e'] .tls-row {
  height: 30px;
  padding: 0 10px;
  border-radius: 0;
  color: #a1a099;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.5);
}
[data-tls='1e'] .tls-row:hover {
  background: rgba(255, 255, 255, 0.035);
}
[data-tls='1e'] .tls-row[data-active='true'] {
  background: #191a1c;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    inset 0 -1px 0 rgba(0, 0, 0, 0.6);
}
[data-tls='1e'] .tls-canvas {
  background: #0d0d0e;
  box-shadow:
    inset 1px 0 0 rgba(0, 0, 0, 0.85),
    inset 2px 0 0 rgba(255, 255, 255, 0.035);
}
/* ── 1f Keycap rows ── */
[data-tls='1f'] .tls-rail {
  padding: 7px 0;
  background: #0f0f11;
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.04);
}
[data-tls='1f'] .tls-rail-dests { gap: 5px; }
[data-tls='1f'] .tls-panel {
  background: #0f0f11;
}
[data-tls='1f'] .tls-head {
  height: 36px;
  padding: 0 7px 0 11px;
}
[data-tls='1f'] .tls-title {
  color: #cbc9c1;
}
[data-tls='1f'] .tls-count {
  padding: 1px 5px;
  border-radius: 4px;
  color: #b0aea4;
  background: linear-gradient(180deg, #232327, #191a1c);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 1px 1px rgba(0, 0, 0, 0.6);
}
[data-tls='1f'] .tls-collapse {
  width: 20px;
  height: 20px;
  border-radius: 5px;
  background: linear-gradient(180deg, #212125, #18181b);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    0 1px 1px rgba(0, 0, 0, 0.6);
}
[data-tls='1f'] .tls-collapse:hover {
  color: #e2e0d8;
  background: linear-gradient(180deg, #212125, #18181b);
}
[data-tls='1f'] .tls-rows {
  gap: 4px;
  padding: 0 7px;
}
[data-tls='1f'] .tls-row {
  height: 30px;
  padding: 0 9px;
  border-radius: 6px;
  color: #a2a199;
  background: #151517;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 1px 1px rgba(0, 0, 0, 0.5);
}
[data-tls='1f'] .tls-row:hover {
  color: #e6e4dc;
  background: #1a1a1d;
}
[data-tls='1f'] .tls-row[data-active='true'] {
  color: #f2f0e8;
  background: linear-gradient(180deg, #2a2a2e, #1e1e21);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.13),
    inset 0 -2px 0 rgba(0, 0, 0, 0.5),
    0 2px 3px rgba(0, 0, 0, 0.55);
}
[data-tls='1f'] .tls-canvas {
  background: #0c0c0d;
  box-shadow:
    inset 1px 0 0 rgba(0, 0, 0, 0.8),
    inset 2px 0 0 rgba(255, 255, 255, 0.03);
}
/* Shared Primary UI density — roomier controls with compact chrome. */
.tls-frame .tls-rail {
  width: 32px;
  gap: 2px !important;
  padding: 3px 0 !important;
}
.tls-frame .tls-rail .ui-ref-ps1-glow-icon,
.tls-frame .tls-rail button.ui-ref-ps1-glow-icon {
  width: 26px !important;
  min-width: 26px !important;
  height: 26px !important;
  min-height: 26px !important;
}
.tls-frame .tls-rail .ui-ref-ps1-sis-dest,
.tls-frame .tls-rail .ui-ref-ps1-sis-dest svg,
.tls-frame .tls-rail .ui-ref-ps1-sis-dest img,
.tls-frame .tls-rail .ui-ref-ps1-glow-icon [data-rd-icon-plate] {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
}
.tls-panel,
[data-tls='1d'] .tls-panel-well {
  width: 168px;
}
.tls-head {
  height: 22px !important;
  gap: 2px !important;
  padding: 1px 4px !important;
}
.tls-title,
.tls-count,
.tls-row,
.tls-collapse {
  font-size: var(--primary-ui-chrome-font-size, 12px) !important;
}
.tls-count {
  padding: 0 3px !important;
}
.tls-collapse {
  width: 16px !important;
  height: 16px !important;
}
.tls-rows {
  gap: 2px !important;
  padding: 3px !important;
}
[data-tls='1e'] .tls-rows {
  padding: 0 !important;
}
.tls-row {
  height: 22px !important;
  gap: 2px !important;
  padding: 1px 4px 1px 6px !important;
}
[data-tls='1d'] .tls-panel-well {
  padding: 1px !important;
}
/*
 * Canonical Workspace Container sidebar chrome.
 * Chrome previews and container embeds opt into this exact metric/token set so
 * gallery cards, Workspace Container and Creative Tools cannot drift apart.
 */
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] {
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  color: var(--workspace-sidebar-fg);
  background: var(--workspace-sidebar-bg);
}
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .tls-rail {
  width: var(--workspace-sidebar-rail-width);
  gap: var(--workspace-sidebar-gap) !important;
  padding: var(--workspace-sidebar-pad) 0 !important;
  background: linear-gradient(
    180deg,
    var(--workspace-sidebar-rail-top),
    var(--workspace-sidebar-rail-bottom)
  );
  border-right: 1px solid var(--workspace-sidebar-line);
  box-shadow:
    inset 1px 0 0 rgba(255, 255, 255, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    2px 0 4px rgba(0, 0, 0, 0.6);
}
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .tls-rail-dests {
  gap: var(--workspace-sidebar-gap);
}
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .tls-rail-footer {
  border-top-color: var(--workspace-sidebar-line);
}
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .tls-rail .ui-ref-ps1-glow-icon,
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .tls-rail button.ui-ref-ps1-glow-icon {
  width: var(--workspace-sidebar-control-size) !important;
  min-width: var(--workspace-sidebar-control-size) !important;
  height: var(--workspace-sidebar-control-size) !important;
  min-height: var(--workspace-sidebar-control-size) !important;
}
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .tls-rail .ui-ref-ps1-sis-dest,
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .tls-rail .ui-ref-ps1-sis-dest svg,
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .tls-rail .ui-ref-ps1-sis-dest img,
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .tls-rail .ui-ref-ps1-glow-icon [data-rd-icon-plate] {
  width: var(--workspace-sidebar-icon-size) !important;
  min-width: var(--workspace-sidebar-icon-size) !important;
  height: var(--workspace-sidebar-icon-size) !important;
  min-height: var(--workspace-sidebar-icon-size) !important;
}
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .tls-panel,
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .tls-panel-well {
  width: var(--workspace-sidebar-panel-width);
}
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .tls-panel {
  color: var(--workspace-sidebar-fg);
  background: var(--workspace-sidebar-panel);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .tls-head {
  height: var(--workspace-sidebar-head-height) !important;
  gap: var(--workspace-sidebar-gap) !important;
  padding: 1px 4px !important;
  background: linear-gradient(
    180deg,
    var(--workspace-sidebar-head-top),
    var(--workspace-sidebar-head-bottom)
  );
  border-bottom: 1px solid var(--workspace-sidebar-line);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 1px 0 rgba(0, 0, 0, 0.7);
}
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .tls-title {
  color: var(--workspace-sidebar-fg);
}
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .tls-count,
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .tls-collapse {
  color: var(--workspace-sidebar-muted);
}
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .tls-rows {
  gap: var(--workspace-sidebar-gap) !important;
  padding: var(--workspace-sidebar-pad) !important;
}
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'][data-tls-layout='ps3'] .tls-rows {
  padding: 0 !important;
}
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .tls-row {
  height: var(--workspace-sidebar-row-height) !important;
  gap: var(--workspace-sidebar-gap) !important;
  padding: 1px 4px 1px 6px !important;
  border-radius: 0;
  color: var(--workspace-sidebar-muted);
  background: linear-gradient(
    180deg,
    var(--workspace-sidebar-row-top),
    var(--workspace-sidebar-row-bottom)
  );
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    inset 0 -1px 0 rgba(0, 0, 0, 0.55),
    0 1px 2px rgba(0, 0, 0, 0.45);
}
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .tls-row:hover,
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .tls-row[data-active='true'] {
  color: var(--workspace-sidebar-fg);
}

/* Shared Sidebar Alternatives finish for live Primary UI and workspace chrome.
   Existing geometry and interactions remain with their owning components.
   Both roots and descendant targets exclude Legacy UI, including a legacy page
   inside an otherwise modern workspace. The frozen original cascade is intact.
   !important below only beats the existing compact chrome declarations. */

.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) {
  --core-frame: hsl(var(--background));
  --core-panel: hsl(var(--sidebar));
  --core-ink: hsl(var(--sidebar-foreground));
  --core-muted: hsl(var(--muted-foreground));
  --core-line: color-mix(in srgb, hsl(var(--border)) 75%, transparent);
  --core-field: hsl(var(--sidebar));
  --core-rail: hsl(var(--sidebar));
  --core-bar: color-mix(in srgb, hsl(var(--card)) 78%, transparent);
  --core-selected: color-mix(in srgb, hsl(var(--sidebar)) 84%, hsl(var(--sidebar-foreground)));
  --core-hover: color-mix(in srgb, hsl(var(--sidebar)) 92%, hsl(var(--sidebar-foreground)));
  --core-button: hsl(var(--card));
  --core-button-line: color-mix(in srgb, hsl(var(--border)) 55%, transparent);
  --core-relief: 0 0 transparent;
  --core-inset: 0 0 transparent;
  --core-glass-face: color-mix(in srgb, hsl(var(--card)) 78%, transparent);
  --core-glass-content: color-mix(in srgb, hsl(var(--card)) 88%, transparent);
  --core-glass-rim: color-mix(in srgb, hsl(var(--foreground)) 14%, transparent);
  --workspace-modern-frame-radius: 3px;
  --core-glass-shadow: color-mix(in srgb, hsl(var(--background)) 18%, transparent);
  --linux-chrome-bg: var(--core-glass-content);
  --linux-chrome-fg: hsl(var(--foreground));
  --linux-chrome-muted: var(--core-muted);
  --linux-chrome-border: var(--core-glass-rim);
  --linux-chrome-hover: var(--core-hover);
  --primary-ui-chrome-font-size: 11px;
  font-size: 11px;
}

.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *).workspace-container-frame,
.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *).tls-frame:not(.tls-chrome) {
  border-color: var(--core-glass-rim);
  border-radius: 3px;
  background: var(--core-glass-face);
  box-shadow: 0 2px 8px var(--core-glass-shadow);
  backdrop-filter: blur(12px) saturate(105%);
}

.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *).workspace-container-frame.fixed {
  --workspace-modern-frame-radius: 0px;
  border-radius: 0;
}

.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) .linux-container-title-bar:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)),
.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) .container-photo-title-bar:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)),
.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) .btb-frame[data-btb]:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)),
.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) .btb-frame[data-btb] .btb-row:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)),
.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) .primary-topbar-1:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)),
.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) .primary-tab-nav-1:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)),
.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) .primary-bottom-bar-1:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)),
.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) .container-content-footer:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)),
.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) .das-status-bar:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) {
  background: var(--core-glass-face);
  border-color: var(--core-glass-rim);
  box-shadow: none;
  backdrop-filter: blur(12px);
}

.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) .workspace-shell-content-seam:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)),
.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) .tls-canvas:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)),
.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) .ctc-canvas-well:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)),
.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) .das-viewport:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) {
  background: var(--core-glass-content);
  border-color: var(--core-glass-rim) !important;
  box-shadow: none !important;
}

.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) :is(.tls-panel, .ui-ref-ps1-layer2-panel, .ctc-finder-shell, .ctc-inspector, .das-sidebar, .das-inspector):not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)),
.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) :is(.tls-rail, .ui-ref-ps1-layer1, .dev-ws-activity-bar):not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) {
  background: var(--core-panel) !important;
  background-image: none !important;
  border-color: var(--core-line) !important;
  box-shadow: none !important;
}

.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) .tls-panel-well:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)),
.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) .tls-plate:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) {
  background: var(--core-panel);
  border-color: var(--core-line);
  box-shadow: none;
}

.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) :is(.tls-head, .dev-ws-sidebar-header, .ctc-finder-shell > label:first-child, .das-search-row, .das-panel-header, .desk-inspector-chrome, .ctc-finder-footer, .das-library-row):not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) {
  background: var(--core-panel) !important;
  border-color: var(--core-line) !important;
  box-shadow: none !important;
}

.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) :is(.tls-title, .dev-ws-sidebar-title, .ui-ref-ps1-all-tabs-group-heading):not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) {
  font-family: inherit;
  font-size: 10px !important;
  font-weight: 500;
  letter-spacing: .02em;
  color: var(--core-muted);
}

.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) .tls-rows:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)),
.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) .ui-ref-ps1-submenu-panel:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) {
  box-sizing: border-box;
  margin: 4px 5px !important;
  padding: 4px 0 !important;
  border: 1px solid var(--core-line) !important;
  border-radius: 5px !important;
  background: var(--core-panel) !important;
  box-shadow: none !important;
}

.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) :is(.tls-rows--all-tabs, .ui-ref-ps1-all-tabs-submenu):not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) {
  width: calc(100% - 10px);
}

.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) :is(.tls-all-tabs-group-heading, .ui-ref-ps1-all-tabs-group-heading):not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) {
  min-height: 22px;
  padding: 0 10px;
  background: transparent;
  border: 0;
  font-size: 10px !important;
  color: var(--core-muted);
}

.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) .ui-ref-ps1-all-tabs-group + .ui-ref-ps1-all-tabs-group:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) {
  margin-top: 5px;
  padding-top: 0;
  border-top: 0;
}

.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) :is(.tls-row, .ui-ref-ps1-tab.ui-ref-ps1-glow-row, .ui-ref-ps1-toggle):not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) {
  min-height: 24px !important;
  height: 24px !important;
  padding-block: 0 !important;
  font-size: 11px !important;
  line-height: 22px !important;
  font-weight: 400 !important;
  color: var(--core-ink) !important;
  border: 1px solid transparent !important;
  border-radius: 3px !important;
  background: linear-gradient(145deg, color-mix(in srgb, var(--bg-color), white 4%), var(--bg-color) 70%) !important;
  box-shadow: inset 1px 1px 1px var(--shadow-light), inset -1px -1px 1px var(--shadow-dark), 2px 2px 4px rgb(0 0 0 / .65) !important;
  text-shadow: none;
  transition: background-color 100ms ease, border-color 100ms ease;
}

.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) .tls-row:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)),
.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) .ui-ref-ps1-submenu-panel .ui-ref-ps1-tab.ui-ref-ps1-glow-row:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) {
  width: calc(100% - 8px);
  margin: 2px 4px;
  padding-inline: 6px !important;
  gap: 7px;
}

.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) :is(.tls-row, .ui-ref-ps1-tab.ui-ref-ps1-glow-row, .ui-ref-ps1-toggle):hover:not(:disabled):not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) {
  background: color-mix(in srgb, var(--bg-color), white 6%) !important;
  border-color: transparent !important;
  box-shadow: inset 1px 1px 1px var(--shadow-light), inset -1px -1px 1px var(--shadow-dark), 2px 2px 4px rgb(0 0 0 / .65) !important;
}

.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) :is(.tls-row, .ui-ref-ps1-tab.ui-ref-ps1-glow-row, .ui-ref-ps1-toggle):is([data-active="true"], [aria-current="page"], [aria-selected="true"], .is-active):not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) {
  background: var(--bg-color-active) !important;
  border-color: var(--core-button-line) !important;
  box-shadow: inset 1px 1px 3px var(--shadow-dark), inset -1px -1px 1px var(--shadow-light) !important;
  font-weight: 500 !important;
}

.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) :is(.tls-rail, .ui-ref-ps1-layer1-rail) .ui-ref-ps1-glow-icon:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) {
  background: transparent !important;
  border-color: transparent !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) :is(.tls-rail, .ui-ref-ps1-layer1-rail) .ui-ref-ps1-glow-icon:hover:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) {
  background: var(--core-hover) !important;
  border-color: transparent !important;
}

.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) :is(.tls-rail, .ui-ref-ps1-layer1-rail) .ui-ref-ps1-glow-icon:is([data-active="true"], [aria-current="page"], [aria-pressed="true"]):not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) {
  background: var(--core-selected) !important;
  border-color: var(--core-button-line) !important;
  box-shadow: none !important;
}

.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) :is(.btb-chip, .btb-add, .btb-view-btn, .desk-inspector-chip, .desk-inspector-icon-btn, .linux-bevel-control, [data-container-chrome-control], .das-icon-btn):not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) {
  background: var(--core-button) !important;
  border-color: var(--core-button-line) !important;
  box-shadow: none !important;
}

.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) :is(.btb-chip, .btb-add, .btb-view-btn, .desk-inspector-chip, .desk-inspector-icon-btn, .linux-bevel-control, [data-container-chrome-control], .das-icon-btn):hover:not(:disabled):not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) {
  background: var(--core-hover) !important;
  border-color: var(--core-glass-rim) !important;
}

.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) :is(.btb-chip, .btb-add, .btb-view-btn, .desk-inspector-chip, .desk-inspector-icon-btn, .linux-bevel-control, [data-container-chrome-control], .das-icon-btn):is(:active, [data-active="true"], [aria-pressed="true"], [aria-selected="true"]):not(:disabled):not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) {
  background: var(--core-selected) !important;
  border-color: var(--core-button-line) !important;
  box-shadow: none !important;
}

.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) :is(.btb-search, .btb-select-wrap, .btb-select, .desk-inspector-field, .desk-inspector-well):not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) {
  background: var(--core-field) !important;
  border: 1px solid var(--core-line);
  box-shadow: none !important;
}

.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) .workspace-container-site-chrome .linux-bevel-control:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)),
.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) .container-photo-title-bar [data-container-chrome-control]:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)),
.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) .linux-container-title-bar .linux-bevel-collapse:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) {
  width: 18px;
  min-width: 18px;
  height: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  color: var(--core-icon-control, hsl(var(--foreground))) !important;
  background: color-mix(in srgb, hsl(var(--card)) 90%, hsl(var(--foreground))) !important;
  border: 1px solid color-mix(in srgb, hsl(var(--foreground)) 30%, transparent) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
}

.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) .workspace-container-site-chrome .linux-bevel-control:disabled:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)),
.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) .container-photo-title-bar [data-container-chrome-control]:disabled:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) {
  opacity: .9;
}

.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) .linux-container-title-bar .linux-bevel-glyph:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) {
  width: 10px;
  height: 10px;
}

.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) .linux-container-title-bar .linux-bevel-glyph--maximize:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) {
  border: 2px solid currentColor;
}

.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) .linux-container-title-bar .linux-bevel-glyph--minimize:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *))::after {
  height: 2px;
  background: currentColor;
}

.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) .linux-container-title-bar .linux-bevel-glyph--close:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *))::before,
.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) .linux-container-title-bar .linux-bevel-glyph--close:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *))::after {
  width: 11px;
  height: 2px;
  background: currentColor;
}

.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) .linux-container-title-bar button:not(.linux-bevel-control):not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)),
.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) .container-photo-title-bar button:not([data-container-chrome-control]):not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) {
  color: var(--core-icon-control, hsl(var(--foreground))) !important;
}

.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) .linux-container-title-bar button > svg:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)),
.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) .container-photo-title-bar [data-container-chrome-control] > svg:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) {
  stroke-width: 2px;
}

.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) .linux-container-title-bar > span:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) {
  color: hsl(var(--foreground));
}

.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) .core-workspace-insert > label:first-child input:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) {
  font-size: 11px !important;
}

.core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *)[data-blender-style-container] {
  --blender-bg: var(--core-glass-face);
  --blender-bg-elevated: var(--core-panel);
  --blender-header: var(--core-panel);
  --blender-viewport: var(--core-glass-content);
  --blender-input: var(--core-field);
  --blender-stroke: var(--core-line);
  --blender-stroke-subtle: var(--core-line);
  --blender-fg: var(--core-ink);
  --blender-fg-muted: var(--core-muted);
  --blender-fg-dim: var(--core-muted);
  --blender-select: var(--core-selected);
  --blender-select-fg: var(--core-ink);
  --blender-handle: var(--core-line);
  --blender-handle-hover: hsl(var(--ring));
}
.pui-demo-records { width: 100%; min-width: 0; margin-top: 16px; border: 1px solid var(--pui-border, hsl(var(--border))); border-radius: 1px; color: var(--pui-foreground, hsl(var(--foreground))); }
.pui-demo-records-heading, .pui-demo-record { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 10px 12px; }
.pui-demo-records-heading { background: var(--pui-surface, hsl(var(--card))); font-size: 12px; }
.pui-demo-record { border-top: 1px solid var(--pui-border, hsl(var(--border))); font-size: 13px; }
.pui-demo-record > span { min-width: 0; }
.pui-demo-record > span:last-child { flex-shrink: 0; text-align: right; font-size: 12px; }
.pui-demo-record small { display: block; margin-top: 4px; color: var(--pui-muted, hsl(var(--muted-foreground))); font-size: 12px; line-height: 1.5; }
.pui-demo-rows-workspace { display: flex; flex: 1; min-width: 0; min-height: 0; height: 660px; }
.pui-demo-rows-workspace > .tls-frame { flex: 0 0 auto !important; width: auto !important; }
.pui-demo-rows-workspace [hidden] { display: none !important; }
.pui-demo-group-toggle { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.pui-fullscreen-stage .pui-demo-rows-workspace { height: 100%; }
.pui-demo-rows-content { flex: 1; min-width: 0; padding: 20px; overflow: auto; }
.pui-demo-rows-content h3 { margin: 0 0 8px; font-size: 16px; font-weight: 400; }
.pui-demo-rows-content p { color: var(--pui-muted, hsl(var(--muted-foreground))); font-size: 13px; }
@media (max-width: 600px) { .pui-demo-rows-workspace { flex-direction: column; } .pui-demo-record { align-items: flex-start; gap: 8px; } }
/* Developer Workspace — indigo hub theme (scoped to shell; font inherits site) */

.dev-workspace-shell {
  /* Light theme tokens */
  --background: 0 0% 100%;
  --foreground: 0 0% 10.1961%;
  --card: 0 0% 96.8627%;
  --card-foreground: 0 0% 10.1961%;
  --popover: 0 0% 100%;
  --popover-foreground: 0 0% 10.1961%;
  --primary: 233.7931 56.3107% 59.6078%;
  --primary-foreground: 0 0% 100%;
  --secondary: 210 7.1429% 94.5098%;
  --secondary-foreground: 0 0% 20.3922%;
  --muted: 210 7.1429% 94.5098%;
  --muted-foreground: 0 0% 44.3137%;
  --accent: 210 7.1429% 94.5098%;
  --accent-foreground: 0 0% 10.1961%;
  --destructive: 0 100% 65.0980%;
  --destructive-foreground: 0 0% 100%;
  --border: 0 0% 88.6275%;
  --input: 0 0% 88.6275%;
  --ring: 233.7931 56.3107% 59.6078%;
  --chart-1: 233.7931 56.3107% 59.6078%;
  --chart-2: 188.9286 68.8525% 47.8431%;
  --chart-3: 34.6256 100% 55.4902%;
  --chart-4: 261.8692 46.7249% 55.0980%;
  --chart-5: 339.7183 82.5581% 66.2745%;
  --sidebar: 60 11.1111% 96.4706%;
  --sidebar-foreground: 45 7.8431% 20%;
  --sidebar-primary: 233.7931 56.3107% 59.6078%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 60 5.8824% 93.3333%;
  --sidebar-accent-foreground: 45 7.8431% 20%;
  --sidebar-border: 45 10% 92.1569%;
  --sidebar-ring: 233.7931 56.3107% 59.6078%;
  --radius: 0.375rem;
  /* Keep site/app font — do not force theme Inter stack */
  --tracking-normal: -0.011em;
  --shadow-x: 0px;
  --shadow-y: 2px;
  --shadow-blur: 4px;
  --shadow-spread: 0px;
  --shadow-opacity: 0.05;
  --shadow-color: 0, 0, 0;
  --shadow-2xs: 0px 2px 4px 0px hsl(0 0% 0% / 0.03);
  --shadow-xs: 0px 2px 4px 0px hsl(0 0% 0% / 0.03);
  --shadow-sm: 0px 2px 4px 0px hsl(0 0% 0% / 0.05), 0px 1px 2px -1px hsl(0 0% 0% / 0.05);
  --shadow: 0px 2px 4px 0px hsl(0 0% 0% / 0.05), 0px 1px 2px -1px hsl(0 0% 0% / 0.05);
  --shadow-md: 0px 2px 4px 0px hsl(0 0% 0% / 0.05), 0px 2px 4px -1px hsl(0 0% 0% / 0.05);
  --shadow-lg: 0px 2px 4px 0px hsl(0 0% 0% / 0.05), 0px 4px 6px -1px hsl(0 0% 0% / 0.05);
  --shadow-xl: 0px 2px 4px 0px hsl(0 0% 0% / 0.05), 0px 8px 10px -1px hsl(0 0% 0% / 0.05);
  --shadow-2xl: 0px 2px 4px 0px hsl(0 0% 0% / 0.13);

  --dev-ws-radius: var(--radius);
  --dev-ws-radius-sm: calc(var(--radius) - 0.05rem);
  --dev-ws-tab-radius: 1px;
  --dev-ws-activity-bg: hsl(var(--sidebar));
  --dev-ws-status-bg: hsl(var(--secondary));
  --dev-ws-panel-bg: hsl(var(--card));
  --dev-ws-editor-bg: hsl(var(--background));
  --dev-ws-border: hsl(var(--border));
  --dev-ws-border-strong: hsl(var(--sidebar-border));
  --dev-ws-tab-active: hsl(var(--secondary));
  --dev-ws-accent: hsl(var(--primary));
  --dev-ws-accent-soft: hsl(var(--primary) / 0.14);
  --dev-ws-hover: hsl(var(--sidebar-accent) / 0.85);
  --dev-ws-font-ui: var(--rd-font-sans, inherit);
  --dev-ws-font-mono: var(--rd-font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);
  --console-bg: hsl(var(--background));
  --console-surface: hsl(var(--secondary));
  --console-border: hsl(var(--border));
  --console-muted: hsl(var(--muted-foreground));
  --console-font-ui: var(--dev-ws-font-ui);
  --console-font-log: var(--dev-ws-font-mono);

  /* Sidebar + container polish */
  --dev-ws-divider: hsl(var(--border) / 0.72);
  --dev-ws-divider-strong: hsl(var(--border) / 0.88);
  --dev-ws-surface-raised: hsl(var(--muted) / 0.2);
  --dev-ws-surface-raised-hover: hsl(var(--muted) / 0.3);
  --dev-ws-surface-raised-active: hsl(var(--muted) / 0.4);
  --dev-ws-elevation-inset:
    inset 1px 1px 0 hsl(var(--foreground) / 0.06),
    inset -1px -1px 0 hsl(var(--foreground) / 0.03);
  --dev-ws-elevation-inset-hover:
    inset 1px 1px 0 hsl(var(--foreground) / 0.08),
    inset -1px -1px 0 hsl(var(--foreground) / 0.04);
  --dev-ws-elevation-inset-active:
    inset 1px 1px 0 hsl(var(--foreground) / 0.1),
    inset -1px -1px 0 hsl(var(--foreground) / 0.05),
    0 1px 1px hsl(var(--foreground) / 0.03);
  --dev-ws-transition-fast: 140ms ease;
  --dev-ws-container-shadow: var(--shadow-md);

  color: hsl(var(--foreground));
  background: hsl(var(--background));
  font-family: var(--dev-ws-font-ui);
  letter-spacing: var(--tracking-normal);
  border-radius: 0;
}

/* Dark hub — cool near-black + indigo primary */
.dark .dev-workspace-shell,
.dev-workspace-shell[data-ide-theme="atelier-dark"],
.dev-workspace-shell[data-ide-theme="hub-dark"] {
  --background: 240 4% 4.902%;
  --foreground: 0 0% 93.3333%;
  --card: 240 2.3256% 8.4314%;
  --card-foreground: 0 0% 93.3333%;
  --popover: 240 2.3256% 8.4314%;
  --popover-foreground: 0 0% 93.3333%;
  --primary: 233.7931 56.3107% 59.6078%;
  --primary-foreground: 0 0% 100%;
  --secondary: 240 2.9412% 13.3333%;
  --secondary-foreground: 0 0% 60.7843%;
  --muted: 240 2.9412% 13.3333%;
  --muted-foreground: 218.5714 6.3636% 56.8627%;
  --accent: 240 2.6316% 14.902%;
  --accent-foreground: 0 0% 100%;
  --destructive: 10.1639 77.8723% 53.9216%;
  --destructive-foreground: 0 0% 100%;
  --border: 0 0% 14.902%;
  --input: 0 0% 14.902%;
  --ring: 233.7931 56.3107% 59.6078%;
  --chart-1: 233.7931 56.3107% 59.6078%;
  --chart-2: 207.0732 80.3922% 60%;
  --chart-3: 339.7183 82.5581% 66.2745%;
  --chart-4: 34.6256 100% 55.4902%;
  --chart-5: 188.9286 68.8525% 47.8431%;
  --sidebar: 240 4% 4.902%;
  --sidebar-foreground: 0 0% 60.7843%;
  --sidebar-primary: 233.7931 56.3107% 59.6078%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 240 1.7544% 11.1765%;
  --sidebar-accent-foreground: 0 0% 100%;
  --sidebar-border: 240 1.7544% 11.1765%;
  --sidebar-ring: 233.7931 56.3107% 59.6078%;
  --shadow-y: 4px;
  --shadow-blur: 12px;
  --shadow-opacity: 0.4;
  --shadow-2xs: 0px 4px 12px 0px hsl(0 0% 0% / 0.20);
  --shadow-xs: 0px 4px 12px 0px hsl(0 0% 0% / 0.20);
  --shadow-sm: 0px 4px 12px 0px hsl(0 0% 0% / 0.40), 0px 1px 2px -1px hsl(0 0% 0% / 0.40);
  --shadow: 0px 4px 12px 0px hsl(0 0% 0% / 0.40), 0px 1px 2px -1px hsl(0 0% 0% / 0.40);
  --shadow-md: 0px 4px 12px 0px hsl(0 0% 0% / 0.40), 0px 2px 4px -1px hsl(0 0% 0% / 0.40);
  --shadow-lg: 0px 4px 12px 0px hsl(0 0% 0% / 0.40), 0px 4px 6px -1px hsl(0 0% 0% / 0.40);
  --shadow-xl: 0px 4px 12px 0px hsl(0 0% 0% / 0.40), 0px 8px 10px -1px hsl(0 0% 0% / 0.40);
  --shadow-2xl: 0px 4px 12px 0px hsl(0 0% 0% / 1);

  --dev-ws-activity-bg: hsl(var(--sidebar));
  --dev-ws-status-bg: hsl(var(--card));
  --dev-ws-panel-bg: hsl(var(--card));
  --dev-ws-editor-bg: hsl(var(--background));
  --dev-ws-border: hsl(var(--border));
  --dev-ws-border-strong: hsl(var(--sidebar-border));
  --dev-ws-tab-active: hsl(var(--secondary));
  --dev-ws-accent: hsl(var(--primary));
  --dev-ws-accent-soft: hsl(var(--primary) / 0.18);
  --dev-ws-hover: hsl(var(--sidebar-accent) / 0.9);
  --console-bg: hsl(var(--background));
  --console-surface: hsl(var(--card));
  --console-border: hsl(var(--border));
  --console-muted: hsl(var(--muted-foreground));

  --dev-ws-divider: hsl(var(--border) / 0.85);
  --dev-ws-divider-strong: hsl(var(--border));
  --dev-ws-surface-raised: hsl(var(--muted) / 0.35);
  --dev-ws-surface-raised-hover: hsl(var(--muted) / 0.48);
  --dev-ws-surface-raised-active: hsl(var(--muted) / 0.58);
  --dev-ws-elevation-inset:
    inset 1px 1px 0 hsl(var(--foreground) / 0.05),
    inset -1px -1px 0 hsl(var(--foreground) / 0.025);
  --dev-ws-elevation-inset-hover:
    inset 1px 1px 0 hsl(var(--foreground) / 0.07),
    inset -1px -1px 0 hsl(var(--foreground) / 0.035);
  --dev-ws-elevation-inset-active:
    inset 1px 1px 0 hsl(var(--foreground) / 0.09),
    inset -1px -1px 0 hsl(var(--foreground) / 0.045),
    0 1px 1px hsl(var(--foreground) / 0.025);
  --dev-ws-container-shadow: var(--shadow-lg);
}

/* Workspace / module container frame polish (photo-editor variant) */
.workspace-container-frame {
  --dev-ws-divider: hsl(var(--border) / 0.72);
  --dev-ws-divider-strong: hsl(var(--border) / 0.88);
  --dev-ws-container-shadow: 0 1px 3px hsl(0 0% 0% / 0.06), 0 1px 2px hsl(0 0% 0% / 0.04);
}

.dark .workspace-container-frame,
.workspace-container-frame[data-ide-theme='hub-dark'],
.workspace-container-frame[data-ide-theme='atelier-dark'] {
  --dev-ws-divider: hsl(var(--border) / 0.85);
  --dev-ws-divider-strong: hsl(var(--border));
  --dev-ws-container-shadow: 0 2px 8px hsl(0 0% 0% / 0.35), 0 1px 2px hsl(0 0% 0% / 0.2);
}

/* Linux GNOME container chrome tokens */
[data-linux-chrome='compact-v3'] {
  --linux-chrome-bg: #121214;
  --linux-chrome-border: #3d3846;
  --linux-chrome-fg: #deddda;
  --linux-chrome-muted: #9a9996;
  --linux-chrome-hover: hsl(0 0% 100% / 0.06);
  --linux-chrome-shadow: 0 2px 8px hsl(0 0% 0% / 0.35);
  background-color: var(--linux-chrome-bg);
  border-color: var(--linux-chrome-border);
  color: var(--linux-chrome-fg);
  box-shadow: var(--linux-chrome-shadow);
}

/* Title strip has a distinct, consistent height above the shared content headers. */
.workspace-container-frame .linux-container-title-bar.desk-os-menubar {
  height: var(--container-title-height, 24px);
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e)) !important;
  border-bottom-color: var(--container-divider, #414147);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.07);
}

.workspace-container-frame .workspace-container-site-chrome {
  --linux-chrome-bg: #121214;
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e));
}

.workspace-container-frame .container-photo-title-bar {
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e));
  border-bottom-color: transparent;
  color: #deddda;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.035);
}

.workspace-container-frame :is(.linux-bevel-control, [data-container-chrome-control]) {
  border-color: #48484f;
  border-radius: 2px;
  background: linear-gradient(180deg, #29292e, #202023);
  color: #c5c5cb;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.07);
}

.workspace-container-frame :is(.linux-bevel-control, [data-container-chrome-control]):hover:not(:disabled) {
  background: #303035;
  border-color: #505057;
  color: #fff;
}

.workspace-container-frame :is(.linux-bevel-control, [data-container-chrome-control]):active:not(:disabled) {
  background: #101012;
  box-shadow: inset 0 1px 2px rgb(0 0 0 / 0.4);
}

.workspace-container-frame .linux-bevel-control:focus-visible {
  outline: 2px solid #60b9e6;
  outline-offset: 1px;
}

.workspace-container-frame .linux-bevel-glyph--maximize {
  border-color: currentColor;
}

.workspace-container-frame .linux-bevel-glyph--minimize::after,
.workspace-container-frame .linux-bevel-glyph--close::before,
.workspace-container-frame .linux-bevel-glyph--close::after {
  background: currentColor;
}

.workspace-container-site-chrome .btb-row {
  min-height: 16px;
  padding: 0 3px;
}

.workspace-container-frame .btb-row {
  min-height: 16px;
  padding: 0 3px;
}

/* Raised-square window controls on linux title bar (Blender / retro desktop). */
.linux-bevel-control {
  display: grid;
  place-items: center;
  width: 14px;
  height: 14px;
  padding: 0;
  border: 1px solid #808080;
  border-radius: 0;
  background: #bfbfbf;
  box-shadow:
    inset 1px 1px 0 #ffffff,
    inset -1px -1px 0 #404040;
  cursor: default;
}

.linux-bevel-control:hover {
  background: #c8c8c8;
}

.linux-bevel-control:active {
  background: #a8a8a8;
  box-shadow:
    inset 1px 1px 0 #404040,
    inset -1px -1px 0 #ffffff;
}

.linux-bevel-control:disabled {
  opacity: 0.65;
  cursor: default;
}

.linux-bevel-collapse {
  display: grid;
  place-items: center;
  width: 12px;
  height: 12px;
  padding: 0;
  border: none;
  background: transparent;
  color: #9a9996;
}

.linux-bevel-collapse:hover {
  color: #deddda;
}

.linux-bevel-glyph {
  position: relative;
  display: block;
  width: 8px;
  height: 8px;
}

.linux-bevel-glyph--minimize::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: #1a1a1a;
}

.linux-bevel-glyph--maximize {
  border: 1.5px solid #1a1a1a;
  box-sizing: border-box;
}

.linux-bevel-glyph--close::before,
.linux-bevel-glyph--close::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 1.5px;
  background: #1a1a1a;
}

.linux-bevel-glyph--close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.linux-bevel-glyph--close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* Miniature workspace chrome — sitewide bottom-bar popups */
.linux-container-title-bar--mini {
  height: 16px !important;
  gap: 2px;
}

.linux-container-title-bar--mini .linux-bevel-control {
  width: 11px;
  height: 11px;
}

.linux-container-title-bar--mini .linux-bevel-glyph {
  width: 6px;
  height: 6px;
}

.linux-container-title-bar--mini .linux-bevel-glyph--minimize::after {
  height: 1.5px;
}

.linux-container-title-bar--mini .linux-bevel-glyph--maximize {
  border-width: 1px;
}

.linux-container-title-bar--mini .linux-bevel-glyph--close::before,
.linux-container-title-bar--mini .linux-bevel-glyph--close::after {
  width: 6px;
  height: 1px;
}

.dev-workspace-shell .dev-ws-activity-bar,
.dev-workspace-shell .dev-ws-sidebar,
.dev-workspace-shell .dev-ws-right-panel,
.dev-workspace-shell .dev-ws-status-bar,
.dev-workspace-shell .dev-project-panel,
.dev-workspace-shell .dev-project-status,
.dev-workspace-shell .dev-project-toolbar {
  background: var(--dev-ws-panel-bg);
  border-color: var(--dev-ws-border);
  backdrop-filter: none;
}

.dev-workspace-shell .dev-ws-activity-bar {
  background: var(--dev-ws-activity-bg);
}

.dev-workspace-shell .dev-ws-status-bar,
.dev-workspace-shell .dev-project-status {
  background: var(--dev-ws-status-bg);
  border-top: 1px solid var(--dev-ws-border);
  color: hsl(var(--muted-foreground));
}

.dev-workspace-shell .dev-ws-resize-handle {
  background: transparent;
}
.dev-workspace-shell .dev-ws-resize-handle:hover,
.dev-workspace-shell .dev-ws-resize-handle--active {
  background: color-mix(in srgb, var(--dev-ws-accent) 55%, transparent);
}

.dev-workspace-shell .sandbox-editor-tabs {
  background: var(--dev-ws-activity-bg);
  border-color: var(--dev-ws-border);
}
.dev-workspace-shell .sandbox-editor-tab--active {
  background: var(--dev-ws-editor-bg);
}

.dev-ws-activity-bar {
  background: var(--dev-ws-activity-bg);
  color: hsl(var(--sidebar-foreground));
  border-color: var(--dev-ws-border) !important;
}

.dev-ws-activity-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 999px;
  transition: background 160ms ease;
}

.dev-ws-activity-btn--labeled {
  flex-direction: column;
  width: 3.25rem;
  height: auto;
  min-height: 2.25rem;
  padding: 0.2rem 0.1rem 0.25rem;
  border-radius: 0.375rem;
  gap: 0.15rem;
}

.dev-ws-activity-btn__label {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 9px;
  line-height: 1;
  letter-spacing: 0.01em;
  text-transform: lowercase;
}

.dev-ws-activity-btn:hover {
  background: var(--dev-ws-hover);
}

.dev-ws-activity-btn--active {
  background: var(--dev-ws-accent-soft);
}

.dev-ws-activity-btn--active::before {
  content: '';
  position: absolute;
  left: 1px;
  top: 0.45rem;
  bottom: 0.45rem;
  width: 1.5px;
  border-radius: 999px;
  background: var(--dev-ws-accent);
}

.dev-ws-activity-btn--labeled.dev-ws-activity-btn--active::before {
  top: 0.28rem;
  bottom: 0.28rem;
}

.dev-ws-sidebar,
.dev-ws-right-panel {
  background: var(--dev-ws-panel-bg);
  backdrop-filter: blur(14px);
  border-color: var(--dev-ws-border) !important;
}

.dev-ws-sidebar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.65rem 0.85rem 0.5rem;
  border-bottom: 1px solid var(--dev-ws-border);
  min-height: 2.15rem;
}

.dev-ws-sidebar-title {
  font-size: 0.9375rem;
  font-weight: 500;
  letter-spacing: var(--tracking-normal);
  text-transform: lowercase;
  color: hsl(var(--foreground) / 0.92);
  line-height: 1.2;
}

.dev-ws-nav-item-rule {
  width: 1px;
  align-self: stretch;
  margin-block: 0.15rem;
  flex-shrink: 0;
  background: color-mix(in srgb, var(--dev-ws-border-strong) 85%, transparent);
}

.dev-ws-nav-item {
  position: relative;
  width: calc(100% - 0.75rem);
  margin-left: 0.375rem;
  margin-right: 0.375rem;
  display: flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.35rem 0.5rem;
  border-radius: var(--dev-ws-tab-radius, 1px);
  text-align: left;
  font-size: 0.8125rem;
  font-weight: 450;
  letter-spacing: var(--tracking-normal);
  text-transform: lowercase;
  color: hsl(var(--muted-foreground));
  transition: background 140ms ease, color 140ms ease;
}

.dev-ws-nav-item:hover {
  background: var(--dev-ws-hover);
  color: hsl(var(--foreground));
}

.dev-ws-nav-item--active {
  background: var(--dev-ws-accent-soft);
  color: hsl(var(--foreground));
  font-weight: 500;
}

.dev-ws-nav-item--active::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.35rem;
  bottom: 0.35rem;
  width: 1.5px;
  border-radius: 999px;
  background: var(--dev-ws-accent);
}

.dev-ws-center {
  background: var(--dev-ws-editor-bg);
  min-width: 0;
}

.dev-ws-center-column {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.dev-ws-tab-bar {
  display: flex;
  align-items: stretch;
  gap: 0.35rem;
  min-height: 2.25rem;
  padding: 0 0.5rem;
  border-bottom: 1px solid var(--dev-ws-border);
  background: color-mix(in srgb, var(--dev-ws-panel-bg) 94%, transparent);
  flex-shrink: 0;
  /* Keep trailing chrome visible; tabs scroll first */
  overflow-x: auto;
  scrollbar-width: thin;
}

.dev-ws-tab-bar__tabs {
  display: flex;
  align-items: stretch;
  flex: 1 1 auto;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: thin;
}

.dev-ws-tab-bar__actions {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  flex: 0 1 auto;
  min-width: 0;
  padding-left: 0.35rem;
  border-left: 1px solid var(--dev-ws-border);
  margin: 0.35rem 0 0.35rem 0.15rem;
  overflow-x: auto;
  scrollbar-width: none;
}

.dev-ws-tab-bar__rule {
  width: 1px;
  align-self: center;
  height: 0.9rem;
  background: var(--dev-ws-border);
  flex-shrink: 0;
  margin: 0 0.1rem;
}

.dev-ws-chrome-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.05rem;
  flex: 0 0 auto;
  align-self: center;
  margin: 0.25rem 0 0.25rem 0.25rem;
  padding: 0.12rem 0.22rem;
  border: 1px solid var(--dev-ws-border);
  border-radius: 0.45rem;
  background: color-mix(in srgb, var(--dev-ws-panel-bg) 70%, hsl(var(--muted)) 30%);
  position: sticky;
  right: 0.25rem;
  z-index: 3;
  box-shadow: -8px 0 12px -8px color-mix(in srgb, var(--dev-ws-panel-bg) 90%, transparent);
}

.dev-ws-chrome-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 1.75rem !important;
  height: 1.75rem !important;
  min-width: 1.75rem !important;
  padding: 0 !important;
  border: none;
  border-radius: 0.35rem;
  background: transparent;
  color: hsl(var(--foreground) / 0.72);
  cursor: pointer;
  transition: color 120ms ease, background 120ms ease;
  flex-shrink: 0;
}

.dev-ws-chrome-btn:hover:not(:disabled) {
  color: hsl(var(--foreground));
  background: var(--dev-ws-hover);
}

.dev-ws-chrome-btn:disabled {
  opacity: 0.35;
  cursor: default;
}

.dev-ws-chrome-btn--active {
  color: hsl(var(--foreground));
  background: color-mix(in srgb, var(--dev-ws-accent) 22%, transparent);
}

.dev-ws-chrome-btn svg {
  width: 0.95rem !important;
  height: 0.95rem !important;
}

.dev-ws-tab {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  max-width: 11rem;
  padding: 0.45rem 0.65rem;
  font-size: 0.8125rem;
  font-weight: 450;
  letter-spacing: var(--tracking-normal);
  text-transform: lowercase;
  color: hsl(var(--muted-foreground));
  background: transparent;
  border: none;
  border-radius: 0;
  white-space: nowrap;
  transition: color 140ms ease, background 140ms ease;
}

.dev-ws-tab:hover {
  color: hsl(var(--foreground));
  background: var(--dev-ws-hover);
}

.dev-ws-tab--active {
  color: hsl(var(--foreground));
  font-weight: 500;
}

.dev-ws-tab--active::after {
  content: '';
  position: absolute;
  left: 0.55rem;
  right: 0.55rem;
  bottom: 0;
  height: 1.5px;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    var(--dev-ws-accent),
    color-mix(in srgb, var(--dev-ws-accent) 40%, transparent)
  );
}

.dev-ws-tab__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  margin-left: 0.1rem;
  border-radius: 999px;
  opacity: 0.45;
  color: inherit;
}

.dev-ws-tab__close:hover {
  opacity: 1;
  background: hsl(var(--muted-foreground) / 0.15);
}

.dev-ws-tab:not(:hover) .dev-ws-tab__close {
  opacity: 0;
}

.dev-ws-status-bar {
  background: var(--dev-ws-status-bg);
  color: hsl(var(--muted-foreground));
  font-variant-numeric: tabular-nums;
  border-color: var(--dev-ws-border);
  font-size: 0.6875rem;
}

.dev-ws-ai-sidebar {
  min-width: 280px;
}

.dev-ws-bottom-panel,
.dev-project-dock,
.dev-project-console {
  --console-font-ui: var(--dev-ws-font-ui);
  --console-font-log: var(--dev-ws-font-mono);
  --console-bg: hsl(var(--background));
  --console-surface: hsl(var(--secondary));
  --console-border: hsl(var(--border));
  --console-muted: hsl(var(--muted-foreground));
  font-family: var(--console-font-ui);
  background: var(--console-bg);
  color: hsl(var(--foreground));
  letter-spacing: var(--tracking-normal);
}

/* ── Dock shell ── */
.dev-project-dock {
  border-top: 1px solid var(--console-border);
}

/* ── Tab bar ── */
.dev-console-tabs {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 0.35rem;
  padding: 0 0.35rem 0 0.5rem;
  border-bottom: 1px solid var(--console-border);
  background: var(--console-surface);
  flex-shrink: 0;
  min-height: 2rem;
}

.dev-console-tabs__list {
  display: flex;
  align-items: stretch;
  gap: 0;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: thin;
}

.dev-console-tabs__trailing {
  display: inline-flex;
  align-items: center;
  gap: 0.1rem;
  flex-shrink: 0;
  padding-left: 0.25rem;
  border-left: 1px solid var(--console-border);
  margin: 0.2rem 0;
}

.dev-console-session-select {
  display: inline-flex;
  align-items: center;
  gap: 0.15rem;
  max-width: 10rem;
  overflow-x: auto;
  scrollbar-width: none;
  margin-right: 0.15rem;
}

.dev-console-session-chip {
  border: none;
  background: transparent;
  color: var(--console-muted);
  font-size: 0.6875rem;
  font-family: var(--console-font-ui);
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
  white-space: nowrap;
  cursor: pointer;
}

.dev-console-session-chip:hover {
  color: hsl(var(--foreground));
  background: hsl(var(--muted) / 0.4);
}

.dev-console-session-chip--active {
  color: hsl(var(--foreground));
  background: hsl(var(--muted) / 0.55);
}

.dev-console-tab {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.45rem 0.65rem;
  font-family: var(--console-font-ui);
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: var(--console-muted);
  border: none;
  border-bottom: 2px solid transparent;
  background: transparent;
  cursor: pointer;
  transition: color 140ms ease, border-color 140ms ease, background 140ms ease;
  text-transform: none;
  white-space: nowrap;
}

.dev-console-tab:hover {
  color: hsl(var(--foreground));
  background: hsl(var(--muted) / 0.35);
}

.dev-console-tab--active {
  color: hsl(var(--foreground));
  border-bottom-color: var(--dev-ws-accent);
}

.dev-console-tab-count {
  font-family: var(--console-font-log);
  font-size: 0.625rem;
  font-weight: 500;
  color: var(--console-muted);
  font-variant-numeric: tabular-nums;
}

.dev-console-tab-badge {
  min-width: 1rem;
  height: 1rem;
  padding: 0 0.3rem;
  border-radius: 999px;
  font-family: var(--console-font-log);
  font-size: 0.625rem;
  font-weight: 600;
  line-height: 1rem;
  font-variant-numeric: tabular-nums;
}

.dev-console-tab-badge--error {
  background: hsl(var(--destructive) / 0.18);
  color: hsl(var(--destructive));
}

.dev-console-tab-badge--warn {
  background: hsl(38 92% 50% / 0.18);
  color: hsl(38 80% 42%);
}

.dark .dev-console-tab-badge--warn {
  color: hsl(38 90% 62%);
}

/* ── Console panel ── */
.dev-project-console {
  background: var(--console-bg);
  flex: 1;
  min-height: 0;
}

.dev-console-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.35rem 0.5rem;
  border-bottom: 1px solid var(--console-border);
  background: hsl(var(--muted) / 0.18);
  flex-shrink: 0;
}

.dev-console-filters {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  overflow-x: auto;
  scrollbar-width: none;
}

.dev-console-filters::-webkit-scrollbar {
  display: none;
}

.dev-console-filter {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.2rem 0.55rem;
  border-radius: var(--dev-ws-radius-sm, 4px);
  border: 1px solid transparent;
  background: transparent;
  font-family: var(--console-font-ui);
  font-size: 0.6875rem;
  font-weight: 500;
  color: var(--console-muted);
  cursor: pointer;
  white-space: nowrap;
  transition: color 120ms ease, background 120ms ease, border-color 120ms ease;
  text-transform: lowercase;
}

.dev-console-filter:hover {
  color: hsl(var(--foreground));
  background: hsl(var(--muted) / 0.45);
}

.dev-console-filter--active {
  color: hsl(var(--foreground));
  background: hsl(var(--muted) / 0.65);
  border-color: hsl(var(--border) / 0.6);
}

.dev-console-filter-count {
  font-family: var(--console-font-log);
  font-size: 0.6rem;
  font-variant-numeric: tabular-nums;
  opacity: 0.7;
}

.dev-console-actions {
  display: flex;
  align-items: center;
  gap: 0.15rem;
  flex-shrink: 0;
}

.dev-console-action-btn {
  height: 1.5rem !important;
  padding: 0 0.4rem !important;
  gap: 0.25rem !important;
  font-family: var(--console-font-ui) !important;
  font-size: 0.625rem !important;
  font-weight: 500 !important;
  color: var(--console-muted) !important;
  text-transform: lowercase;
}

.dev-console-action-btn:hover {
  color: hsl(var(--foreground)) !important;
}

.dev-console-action-label {
  display: none;
}

.dev-project-console:not(.dev-project-console--compact) .dev-console-action-label,
.dev-console-toolbar:hover .dev-console-action-label {
  display: inline;
}

/* ── Log scroll area ── */
.dev-console-scroll {
  flex: 1;
  min-height: 0;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: hsl(var(--border)) transparent;
}

.dev-console-scroll::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.dev-console-scroll::-webkit-scrollbar-thumb {
  background: hsl(var(--border) / 0.8);
  border-radius: 999px;
}

.dev-console-log {
  padding: 0.25rem 0;
}

.dev-console-row {
  display: grid;
  grid-template-columns: auto auto auto 1fr;
  align-items: start;
  gap: 0.45rem 0.55rem;
  padding: 0.35rem 0.65rem;
  border-left: 2px solid transparent;
  font-family: var(--console-font-log);
  font-size: 0.75rem;
  line-height: 1.55;
  transition: background 120ms ease;
}

.dev-project-console--compact .dev-console-row {
  grid-template-columns: auto auto 1fr;
  font-size: 0.6875rem;
  padding: 0.3rem 0.55rem;
  gap: 0.35rem 0.45rem;
}

.dev-console-row:hover {
  background: hsl(var(--muted) / 0.28);
}

.dev-console-row--system { border-left-color: hsl(var(--muted-foreground) / 0.35); }
.dev-console-row--info { border-left-color: hsl(var(--muted-foreground) / 0.5); }
.dev-console-row--success { border-left-color: hsl(152 60% 42% / 0.65); }
.dev-console-row--warn { border-left-color: hsl(38 92% 50% / 0.75); }
.dev-console-row--error { border-left-color: hsl(var(--destructive) / 0.8); }

.dev-console-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.1rem;
  height: 1.1rem;
  margin-top: 0.1rem;
  border-radius: 4px;
  flex-shrink: 0;
}

.dev-console-icon--system { color: hsl(var(--muted-foreground) / 0.7); background: hsl(var(--muted) / 0.45); }
.dev-console-icon--info { color: hsl(150 12% 46%); background: hsl(150 14% 46% / 0.12); }
.dev-console-icon--success { color: hsl(152 28% 40%); background: hsl(152 28% 40% / 0.12); }
.dev-console-icon--warn { color: hsl(36 45% 46%); background: hsl(36 45% 46% / 0.12); }
.dev-console-icon--error { color: hsl(var(--destructive)); background: hsl(var(--destructive) / 0.12); }

.dark .dev-console-icon--info { color: hsl(150 14% 62%); }
.dark .dev-console-icon--success { color: hsl(152 24% 58%); }
.dark .dev-console-icon--warn { color: hsl(36 42% 62%); }

.dev-console-time {
  font-family: var(--console-font-log);
  font-size: 0.625rem;
  font-weight: 500;
  color: hsl(var(--muted-foreground) / 0.55);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  margin-top: 0.15rem;
  min-width: 3.6rem;
}

.dev-console-source {
  display: inline-flex;
  align-items: center;
  margin-top: 0.12rem;
  padding: 0.05rem 0.35rem;
  border-radius: 4px;
  font-family: var(--console-font-ui);
  font-size: 0.5625rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  text-transform: lowercase;
  color: hsl(var(--muted-foreground));
  background: hsl(var(--muted) / 0.5);
  white-space: nowrap;
}

.dev-console-source--preview {
  color: var(--dev-ws-accent);
  background: var(--dev-ws-accent-soft);
}

.dev-console-source--compiler {
  color: hsl(var(--destructive));
  background: hsl(var(--destructive) / 0.1);
}

.dev-console-source--visual {
  color: hsl(20 18% 48%);
  background: hsl(20 18% 48% / 0.1);
}

.dev-console-source--ai {
  color: hsl(160 45% 38%);
  background: hsl(160 45% 38% / 0.1);
}

.dev-console-message {
  min-width: 0;
  color: hsl(var(--foreground) / 0.92);
  word-break: break-word;
  white-space: pre-wrap;
}

.dev-console-row--system .dev-console-message { color: hsl(var(--muted-foreground)); }
.dev-console-row--info .dev-console-message { color: hsl(var(--foreground) / 0.85); }
.dev-console-row--success .dev-console-message { color: hsl(152 45% 32%); }
.dev-console-row--warn .dev-console-message { color: hsl(32 75% 34%); }
.dev-console-row--error .dev-console-message { color: hsl(var(--destructive)); }

.dark .dev-console-row--success .dev-console-message { color: hsl(152 50% 58%); }
.dark .dev-console-row--warn .dev-console-message { color: hsl(38 85% 62%); }

/* ── Empty state ── */
.dev-console-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  min-height: 4.5rem;
  padding: 1.25rem 1rem;
  text-align: center;
}

.dev-console-empty-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 6px;
  color: var(--console-muted);
  background: hsl(var(--muted) / 0.45);
}

.dev-console-empty-icon--ok {
  color: hsl(152 45% 38%);
  background: hsl(152 45% 38% / 0.1);
}

.dev-console-empty-title {
  margin: 0;
  font-family: var(--console-font-ui);
  font-size: 0.75rem;
  font-weight: 600;
  color: hsl(var(--foreground) / 0.85);
  text-transform: lowercase;
}

.dev-console-empty-sub {
  margin: 0;
  max-width: 16rem;
  font-family: var(--console-font-ui);
  font-size: 0.6875rem;
  line-height: 1.45;
  color: var(--console-muted);
}

/* ── Problems panel ── */
.dev-console-problems {
  flex: 1;
  min-height: 0;
  overflow: auto;
}

.dev-console-problems-list {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.4rem;
}

.dev-console-problem {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  width: 100%;
  padding: 0.5rem 0.6rem;
  border: 1px solid var(--console-border);
  border-radius: 6px;
  background: hsl(var(--card) / 0.35);
  text-align: left;
  cursor: pointer;
  transition: background 120ms ease, border-color 120ms ease;
}

.dev-console-problem:hover {
  background: hsl(var(--muted) / 0.35);
  border-color: hsl(var(--border) / 0.75);
}

.dev-console-problem--error {
  border-left: 2px solid hsl(var(--destructive) / 0.75);
}

.dev-console-problem--warn {
  border-left: 2px solid hsl(38 92% 50% / 0.75);
}

.dev-console-problem-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 5px;
  flex-shrink: 0;
}

.dev-console-problem-icon--error {
  color: hsl(var(--destructive));
  background: hsl(var(--destructive) / 0.12);
}

.dev-console-problem-icon--warn {
  color: hsl(38 80% 42%);
  background: hsl(38 80% 42% / 0.12);
}

.dark .dev-console-problem-icon--warn {
  color: hsl(38 90% 62%);
}

.dev-console-problem-body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.dev-console-problem-source {
  font-family: var(--console-font-ui);
  font-size: 0.5625rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  text-transform: lowercase;
  color: var(--console-muted);
}

.dev-console-problem-message {
  font-family: var(--console-font-log);
  font-size: 0.75rem;
  line-height: 1.5;
  word-break: break-word;
  white-space: pre-wrap;
}

.dev-console-problem--error .dev-console-problem-message {
  color: hsl(var(--destructive));
}

.dev-console-problem--warn .dev-console-problem-message {
  color: hsl(32 75% 34%);
}

.dark .dev-console-problem--warn .dev-console-problem-message {
  color: hsl(38 85% 62%);
}

.dev-project-dock button:focus-visible,
.dev-console-filter:focus-visible,
.dev-console-tab:focus-visible {
  outline: 1px solid hsl(var(--ring));
  outline-offset: 1px;
}

/* Legacy aliases */
.dev-project-console [data-console-scroll] {
  scrollbar-width: thin;
  scrollbar-color: hsl(var(--border)) transparent;
}

.dev-project-problems button:hover {
  background: hsl(var(--muted) / 0.45);
}

/* ── Browser URL bar ── */
.dev-browser-toolbar {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.45rem 0.75rem;
  border-bottom: 1px solid var(--dev-ws-border);
  background: hsl(var(--card) / 0.35);
  flex-shrink: 0;
}

.dev-browser-url-bar {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 0.45rem;
  height: 2rem;
  padding: 0 0.3rem 0 0.7rem;
  border-radius: var(--dev-ws-radius, 6px);
  border: 1px solid hsl(var(--border) / 0.45);
  background: hsl(var(--background));
  transition: border-color 140ms ease, box-shadow 140ms ease, background 140ms ease;
}

.dev-browser-url-bar:focus-within {
  border-color: color-mix(in srgb, var(--dev-ws-accent) 45%, transparent);
  box-shadow: 0 0 0 2px var(--dev-ws-accent-soft);
  background: hsl(var(--background));
}

.dev-browser-url-icon {
  color: hsl(var(--muted-foreground) / 0.65);
  flex-shrink: 0;
}

.dev-browser-url-input {
  flex: 1;
  min-width: 0;
  height: 100%;
  border: none;
  background: transparent;
  outline: none;
  font-family: 'Raleway', ui-sans-serif, system-ui, sans-serif;
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: 0.015em;
  color: hsl(var(--foreground) / 0.92);
  text-transform: none;
}

.dev-browser-url-input::-moz-placeholder {
  color: hsl(var(--muted-foreground) / 0.5);
  font-weight: 400;
}

.dev-browser-url-input::placeholder {
  color: hsl(var(--muted-foreground) / 0.5);
  font-weight: 400;
}

.dev-browser-url-go {
  flex-shrink: 0;
  height: 1.5rem;
  padding: 0 0.65rem;
  border: none;
  border-radius: var(--dev-ws-radius-sm, 4px);
  background: hsl(var(--muted) / 0.55);
  font-family: 'Raleway', ui-sans-serif, system-ui, sans-serif;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: hsl(var(--foreground) / 0.85);
  cursor: pointer;
  transition: background 120ms ease, color 120ms ease;
  text-transform: lowercase;
}

.dev-browser-url-go:hover {
  background: hsl(var(--muted) / 0.85);
  color: hsl(var(--foreground));
}

.dev-browser-toolbar-actions {
  display: flex;
  align-items: center;
  gap: 0.15rem;
  flex-shrink: 0;
}

/* Project workspace chrome */
.dev-project-workspace {
  background: var(--dev-ws-editor-bg);
  color: hsl(var(--foreground));
}

.dev-project-toolbar {
  background: color-mix(in srgb, var(--dev-ws-panel-bg) 92%, transparent);
  border-color: var(--dev-ws-border);
  backdrop-filter: blur(12px);
  min-height: 2.5rem;
}

.dev-project-tab {
  border-radius: var(--dev-ws-radius-sm) !important;
  transition: background 150ms ease, color 150ms ease, box-shadow 150ms ease;
}

.dev-project-tab--active {
  background: var(--dev-ws-accent-soft) !important;
  color: hsl(var(--foreground)) !important;
  box-shadow: inset 0 -1.5px 0 0 var(--dev-ws-accent);
}

.dev-project-panel {
  border-color: var(--dev-ws-border);
  background: color-mix(in srgb, var(--dev-ws-panel-bg) 96%, transparent);
}

.dev-project-status {
  background: var(--dev-ws-status-bg);
  border-color: var(--dev-ws-border);
  font-variant-numeric: tabular-nums;
  font-size: 0.6875rem;
}

.dev-ws-nav-group {
  position: relative;
  margin: 0.15rem 0 0.35rem;
}

.dev-ws-nav-group + .dev-ws-nav-group {
  margin-top: 0.45rem;
}

.dev-ws-group-label {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.35rem;
  width: calc(100% - 0.75rem);
  margin: 0 0.375rem;
  padding: 0.4rem 0.5rem 0.45rem;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: -0.015em;
  text-transform: lowercase;
  color: hsl(var(--muted-foreground) / 0.85);
  border-radius: var(--dev-ws-tab-radius, 1px);
  transition: color 140ms ease, background 140ms ease;
}

.dev-ws-group-label::after {
  content: '';
  position: absolute;
  left: 0.5rem;
  right: 0.5rem;
  bottom: 0.15rem;
  height: 1px;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--dev-ws-accent) 55%, transparent),
    color-mix(in srgb, var(--dev-ws-border-strong) 80%, transparent) 55%,
    transparent
  );
  opacity: 0.7;
  transition: opacity 140ms ease, background 140ms ease;
}

.dev-ws-group-label:hover {
  color: hsl(var(--foreground) / 0.9);
  background: var(--dev-ws-hover);
}

.dev-ws-group-label:hover::after {
  opacity: 1;
  background: linear-gradient(
    90deg,
    var(--dev-ws-accent),
    color-mix(in srgb, var(--dev-ws-accent) 35%, transparent) 70%,
    transparent
  );
}

.dev-ws-group-label--open {
  color: hsl(var(--foreground) / 0.88);
}

.dev-ws-group-label--open::after {
  opacity: 1;
  background: linear-gradient(
    90deg,
    var(--dev-ws-accent),
    color-mix(in srgb, var(--dev-ws-accent) 40%, transparent) 65%,
    transparent
  );
}

.dev-ws-group-label svg {
  opacity: 0.7;
  flex-shrink: 0;
}

.dev-ws-nav-group-items {
  position: relative;
  margin: 0.15rem 0 0.25rem 0.95rem;
  padding-left: 0.55rem;
}

.dev-ws-nav-group-items::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.15rem;
  bottom: 0.15rem;
  width: 1px;
  border-radius: 999px;
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--dev-ws-accent) 50%, transparent),
    var(--dev-ws-border-strong) 35%,
    color-mix(in srgb, var(--dev-ws-border) 70%, transparent)
  );
}

.dev-ws-nav-group-items .dev-ws-nav-item {
  width: calc(100% - 0.35rem);
  margin-left: 0;
  margin-right: 0.35rem;
}

.dev-ws-nav-group-items .dev-ws-nav-item--active::before {
  left: -0.55rem;
  width: 1.5px;
}

.dev-ws-project-chip {
  width: calc(100% - 0.75rem);
  margin: 0 0.375rem 0.45rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  border-radius: var(--dev-ws-radius-sm);
  border: 1px solid var(--dev-ws-border);
  background: hsl(var(--muted) / 0.2);
  text-align: left;
  font-size: 0.8125rem;
  text-transform: lowercase;
  letter-spacing: -0.015em;
  transition: background 140ms ease, border-color 140ms ease;
}

.dev-ws-project-chip:hover {
  background: var(--dev-ws-hover);
  border-color: var(--dev-ws-border-strong);
}

.dev-assistant-message pre {
  background: hsl(var(--muted));
  color: hsl(var(--foreground));
  border: 1px solid hsl(var(--border));
  border-radius: var(--radius, 0px);
  padding: 0.5rem 0.75rem;
  overflow-x: auto;
}

.dev-diff-card {
  border: 1px solid hsl(var(--border));
  border-radius: var(--radius, 0px);
  background: hsl(var(--card));
  color: hsl(var(--card-foreground));
}

/* Code sandbox panels inside developer workspace */
.dev-workspace-shell .sandbox-editor-tabs {
  background: hsl(var(--card));
}

.dev-workspace-shell .sandbox-editor-tab--active {
  background: hsl(var(--background));
}

.dev-workspace-shell .sandbox-code-editor,
.dev-workspace-shell .sandbox-file-explorer,
.dev-console-tab-count--live {
  color: hsl(152 55% 42%);
  font-size: 0.5rem;
}

.dev-console-search-wrap {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  flex: 1;
  min-width: 0;
  max-width: 10rem;
  padding: 0.15rem 0.5rem;
  border-radius: 999px;
  border: 1px solid hsl(var(--border) / 0.4);
  background: hsl(var(--background) / 0.6);
}

.dev-console-search-input {
  flex: 1;
  min-width: 0;
  border: none;
  background: transparent;
  outline: none;
  font-family: var(--console-font-ui);
  font-size: 0.625rem;
  color: hsl(var(--foreground));
}

.dev-console-preserve {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-family: var(--console-font-ui);
  font-size: 0.625rem;
  color: var(--console-muted);
  cursor: pointer;
  text-transform: lowercase;
}

.dev-console-preserve input {
  width: 0.75rem;
  height: 0.75rem;
}

.dev-console-message-block {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.dev-console-repeat {
  font-size: 0.625rem;
  color: var(--console-muted);
  font-weight: 600;
}

.dev-console-stack-toggle {
  display: inline-block;
  margin-top: 0.15rem;
  font-family: var(--console-font-ui);
  font-size: 0.5625rem;
  color: var(--dev-ws-accent);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  text-transform: lowercase;
}

.dev-console-stack {
  margin-top: 0.25rem;
  padding: 0.35rem 0.5rem;
  border-radius: 4px;
  background: hsl(var(--muted) / 0.35);
  font-size: 0.625rem;
  line-height: 1.45;
  overflow-x: auto;
  max-height: 8rem;
}

.dev-console-source--terminal {
  color: hsl(160 45% 38%);
  background: hsl(160 45% 38% / 0.1);
}

/* Terminal tab */
.dev-console-terminal {
  background: hsl(var(--background));
  font-family: var(--console-font-log);
}

.dev-console-terminal-scroll {
  padding: 0.5rem 0.65rem;
}

.dev-console-terminal-welcome {
  padding: 0.75rem 0;
  font-size: 0.6875rem;
  line-height: 1.5;
  color: var(--console-muted);
}

.dev-console-terminal-welcome code {
  font-family: var(--console-font-log);
  color: hsl(var(--foreground) / 0.8);
}

.dev-console-terminal-line {
  font-size: 0.6875rem;
  line-height: 1.55;
  padding: 0.1rem 0;
  white-space: pre-wrap;
  word-break: break-word;
}

.dev-console-terminal-line--system { color: var(--console-muted); }
.dev-console-terminal-line--info { color: hsl(var(--foreground) / 0.88); }
.dev-console-terminal-line--success { color: hsl(152 50% 40%); }
.dev-console-terminal-line--warn { color: hsl(38 80% 45%); }
.dev-console-terminal-line--error { color: hsl(var(--destructive)); }

.dev-console-terminal-input-row {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.4rem 0.65rem;
  border-top: 1px solid var(--console-border);
  background: hsl(var(--muted) / 0.2);
}

.dev-console-terminal-prompt {
  color: hsl(152 50% 42%);
  font-weight: 700;
  font-size: 0.75rem;
}

.dev-console-terminal-input {
  flex: 1;
  min-width: 0;
  border: none;
  background: transparent;
  outline: none;
  font-family: var(--console-font-log);
  font-size: 0.6875rem;
  color: hsl(var(--foreground));
}

/* Ports tab */
.dev-console-ports {
  overflow: auto;
}

.dev-console-port-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.65rem 0.75rem;
  border: 1px solid var(--console-border);
  border-radius: 8px;
  background: hsl(var(--card) / 0.4);
}

.dev-console-args {
  padding-left: 0.15rem;
}

/* Project Catalogue — library tree embedded in content rail (PS1) */
.dev-workspace-shell [data-catalogue-embed="true"] {
  background: transparent !important;
  border: none !important;
}

.dev-workspace-shell [data-catalogue-embed="true"] [data-library-sidebar] {
  min-height: 0;
  flex: 1;
}

.dev-workspace-shell [data-catalogue-embed="true"] .border-b {
  border-color: var(--dev-ws-border) !important;
}

.dev-workspace-shell [data-catalogue-embed="true"] input {
  background: hsl(var(--muted) / 0.35) !important;
  border: 1px solid var(--dev-ws-border);
  border-radius: var(--dev-ws-radius-sm);
}

.dev-workspace-shell [data-catalogue-embed="true"] .dev-ws-nav-item {
  width: calc(100% - 0.5rem);
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

/* Preview / container scope — inherit tokens instead of the IDE lock. */
.component-theme-scope .dev-workspace-shell,
.dark .component-theme-scope .dev-workspace-shell,
.component-theme-scope.dark .dev-workspace-shell {
  --background: inherit;
  --foreground: inherit;
  --card: inherit;
  --card-foreground: inherit;
  --popover: inherit;
  --popover-foreground: inherit;
  --primary: inherit;
  --primary-foreground: inherit;
  --secondary: inherit;
  --secondary-foreground: inherit;
  --muted: inherit;
  --muted-foreground: inherit;
  --accent: inherit;
  --accent-foreground: inherit;
  --border: inherit;
  --input: inherit;
  --ring: inherit;
  --sidebar: inherit;
  --sidebar-foreground: inherit;
  --sidebar-primary: inherit;
  --sidebar-primary-foreground: inherit;
  --sidebar-accent: inherit;
  --sidebar-accent-foreground: inherit;
  --sidebar-border: inherit;
  --sidebar-ring: inherit;
  --dev-ws-activity-bg: hsl(var(--sidebar));
  --dev-ws-panel-bg: hsl(var(--card));
  --dev-ws-border: hsl(var(--border));
  --dev-ws-accent: hsl(var(--primary));
  --dev-ws-accent-soft: hsl(var(--primary) / 0.14);
  background: hsl(var(--background));
  color: hsl(var(--foreground));
}

/* Beat global sharp-mode (src/styles/corners-mode.css) — workspace nav tabs keep 1px radius */
html:not([data-corners="rounded"]):not(.rounded-corners) .dev-workspace-shell button.dev-ws-nav-item,
html[data-corners="sharp"] .dev-workspace-shell button.dev-ws-nav-item,
html:not([data-corners="rounded"]):not(.rounded-corners) .dev-workspace-shell button.dev-ws-group-label,
html[data-corners="sharp"] .dev-workspace-shell button.dev-ws-group-label {
  border-radius: var(--dev-ws-tab-radius, 1px) !important;
}
/* Shared finish for the three container references and their live chrome. */
.workspace-container-frame,
.btb-workspace-nav,
[data-desktop-app-shell-v2] {
  --container-surface: hsl(var(--background));
  --container-divider: hsl(var(--border));
  --container-divider-soft: hsl(var(--border) / 0.7);
  --container-seam: hsl(var(--border));
  --container-sidebar-width: 200px;
  --container-text: hsl(var(--foreground));
  --container-muted: hsl(var(--muted-foreground));
  --container-focus: hsl(var(--ring));
  --container-tab-height: 26px;
  --container-header-height: 27px;
  --container-title-height: 24px;
  --container-tab-hover: hsl(var(--accent));
  --container-tab-selected: hsl(var(--accent));
}

.container-reference-surface {
  --container-surface: hsl(var(--background));
  --linux-chrome-bg: var(--container-surface);
  background: var(--container-surface);
}

/* Keep sidebar-local tokens on the same surface as the tab track. */
.container-reference-surface .ui-ref-ps1-compact {
  --workspace-sidebar-panel: var(--container-surface) !important;
  --workspace-sidebar-rail-top: var(--container-surface) !important;
  --workspace-sidebar-rail-bottom: var(--container-surface) !important;
  --workspace-sidebar-head-top: var(--container-surface) !important;
  --workspace-sidebar-head-bottom: var(--container-surface) !important;
  --ps-ctc-plate: var(--container-surface) !important;
  --ps1-layer1-bg: var(--container-surface) !important;
  --ps1-layer2-bg: var(--container-surface) !important;
}

.container-reference-surface [data-creative-tools-container] {
  --ctc-canvas: var(--container-surface);
  --ctc-inspector: var(--container-surface);
}

.container-reference-surface [data-creative-tools-container] .ctc-canvas-well {
  background: var(--container-surface);
}

.container-reference-surface [data-creative-tools-container] .ctc-canvas-well::before {
  content: none;
}

.container-reference-surface [aria-label='Workspace inspector'] {
  background: var(--container-surface);
}

:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame {
  border: 0;
  border-bottom: 1px solid var(--container-divider);
  border-radius: 0;
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e));
}

/* A calmer density for workspace chrome, shared by the container presets. */
:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame .btb-row {
  min-height: var(--container-tab-height);
  align-items: stretch;
  gap: 1px;
  padding: 0;
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e));
  box-shadow: none;
  scrollbar-width: thin;
  scrollbar-color: var(--container-divider) transparent;
  overscroll-behavior-x: contain;
}

:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame .btb-row::after {
  content: none;
}

:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame .btb-chip {
  height: var(--container-tab-height);
  min-height: var(--container-tab-height);
  max-height: var(--container-tab-height);
  position: relative;
  box-sizing: border-box;
  border: 0;
  border-radius: 0;
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e));
  color: var(--container-text);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.09), inset 0 -1px 0 rgb(0 0 0 / 0.55), inset 1px 0 0 rgb(255 255 255 / 0.04);
}

:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame .btb-chip-face {
  gap: 5px;
  padding: 0 10px;
  font-family: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
}

:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame .btb-chip:hover {
  background: var(--container-tab-hover);
  color: hsl(var(--accent-foreground));
}

:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame .btb-chip[data-active='true'] {
  background: var(--container-tab-selected);
  color: hsl(var(--accent-foreground));
  box-shadow: inset 0 1px 2px rgb(0 0 0 / 0.25);
}

:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame .btb-chip-accent {
  position: static;
  width: 100%;
  height: 2px;
  pointer-events: none;
  border-radius: 0;
  opacity: 1;
}


:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame :is(.btb-search, .btb-select, .btb-select-wrap, .btb-add, .btb-view-btn) {
  height: var(--container-tab-height);
  min-height: var(--container-tab-height);
  max-height: var(--container-tab-height);
}

:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame .btb-view-btn {
  width: var(--container-tab-height);
}

:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame :is(button, input, select):focus-visible {
  outline: 2px solid var(--container-focus);
  outline-offset: -2px;
}

:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame .btb-chip:active {
  background: hsl(var(--accent));
  box-shadow: inset 0 1px 3px rgb(0 0 0 / 0.4);
}

/* Keep focus and disabled controls legible without shifting the tab geometry. */
:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame button:disabled {
  opacity: 0.45;
  pointer-events: none;
}

.container-reference-surface {
  scrollbar-width: thin;
  scrollbar-color: var(--container-divider) transparent;
}

/* One continuous divider for tabs, content and footer; sidebar remains 200px. */
.workspace-shell-content-seam {
  border-left: 1px solid var(--container-seam, #55555e);
}

.container-reference-surface .workspace-sidebar-chrome {
  --workspace-sidebar-rail-width: 32px !important;
  --workspace-sidebar-head-height: var(--container-header-height) !important;
  --workspace-sidebar-row-height: 24px !important;
  --workspace-sidebar-line: var(--container-divider) !important;
  --workspace-sidebar-panel-width: calc(var(--container-sidebar-width) - 32px) !important;
}

.container-reference-surface .workspace-sidebar-chrome:has(.tls-panel),
.container-reference-surface .workspace-sidebar-chrome[data-ps1-submenu-open='1'] {
  width: var(--container-sidebar-width);
  min-width: var(--container-sidebar-width);
  max-width: var(--container-sidebar-width);
}

.container-reference-surface [data-creative-tools-container] .ctc-canvas {
  border-inline: 1px solid var(--container-seam);
}

.container-reference-surface [data-creative-tools-container] .ctc-canvas-well {
  border-inline: 0;
}

/* The footer belongs to the content column, so side seams never stop early. */
.container-content-footer {
  flex: 0 0 auto;
  min-width: 0;
  overflow-x: auto;
  border-top: 1px solid var(--container-divider, #414147);
}

.workspace-container-frame .container-content-footer .btb-frame.btb-container-fill[data-btb].btb-frame {
  border-bottom: 0;
}

/* A single horizontal header line connects the sidebar and content columns. */
.workspace-container-frame .container-reference-surface .workspace-sidebar-chrome .tls-head,
.workspace-container-frame .container-reference-surface .workspace-sidebar-chrome .dev-ws-sidebar-header,
.container-reference-surface [data-creative-tools-container] .desk-inspector-chrome,
.container-reference-surface [data-desktop-app-shell-v2] .das-panel-header {
  box-sizing: border-box;
  height: var(--container-header-height);
  min-height: var(--container-header-height);
  max-height: var(--container-header-height);
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e));
  border-bottom: 1px solid var(--container-divider) !important;
  box-shadow: none;
}

/* PS2/PS3 layouts without a rail still fill the same sidebar column. */
.container-reference-surface .workspace-sidebar-chrome.tls-frame:not(:has(.tls-rail)) .tls-panel {
  width: var(--container-sidebar-width);
}

.container-reference-surface .workspace-sidebar-chrome .tls-rail {
  box-shadow: none;
}
/* Seam collapse toggles — solid dark pill on the divider. */
.hub-rail-seam-handle {
  border: 1px solid hsl(var(--border));
  background: hsl(var(--card));
  color: hsl(var(--muted-foreground));
  transition:
    background var(--dev-ws-transition-fast, 140ms ease),
    border-color var(--dev-ws-transition-fast, 140ms ease),
    color var(--dev-ws-transition-fast, 140ms ease),
    width var(--dev-ws-transition-fast, 140ms ease);
}

.hub-rail-seam-handle:hover {
  border-color: hsl(var(--border));
  background: hsl(var(--muted));
  color: hsl(var(--foreground));
}
/* this gets exported as style.css and can be used for the default theming */
/* these are the necessary styles for React/Svelte Flow, they get used by base.css and style.css */
.react-flow {
  direction: ltr;

  --xy-edge-stroke-default: #b1b1b7;
  --xy-edge-stroke-width-default: 1;
  --xy-edge-stroke-selected-default: #555;

  --xy-connectionline-stroke-default: #b1b1b7;
  --xy-connectionline-stroke-width-default: 1;

  --xy-attribution-background-color-default: rgba(255, 255, 255, 0.5);

  --xy-minimap-background-color-default: #fff;
  --xy-minimap-mask-background-color-default: rgba(240, 240, 240, 0.6);
  --xy-minimap-mask-stroke-color-default: transparent;
  --xy-minimap-mask-stroke-width-default: 1;
  --xy-minimap-node-background-color-default: #e2e2e2;
  --xy-minimap-node-stroke-color-default: transparent;
  --xy-minimap-node-stroke-width-default: 2;

  --xy-background-color-default: transparent;
  --xy-background-pattern-dots-color-default: #91919a;
  --xy-background-pattern-lines-color-default: #eee;
  --xy-background-pattern-cross-color-default: #e2e2e2;
  background-color: var(--xy-background-color, var(--xy-background-color-default));
  --xy-node-color-default: inherit;
  --xy-node-border-default: 1px solid #1a192b;
  --xy-node-background-color-default: #fff;
  --xy-node-group-background-color-default: rgba(240, 240, 240, 0.25);
  --xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, 0.08);
  --xy-node-boxshadow-selected-default: 0 0 0 0.5px #1a192b;
  --xy-node-border-radius-default: 3px;

  --xy-handle-background-color-default: #1a192b;
  --xy-handle-border-color-default: #fff;

  --xy-selection-background-color-default: rgba(0, 89, 220, 0.08);
  --xy-selection-border-default: 1px dotted rgba(0, 89, 220, 0.8);

  --xy-controls-button-background-color-default: #fefefe;
  --xy-controls-button-background-color-hover-default: #f4f4f4;
  --xy-controls-button-color-default: inherit;
  --xy-controls-button-color-hover-default: inherit;
  --xy-controls-button-border-color-default: #eee;
  --xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);

  --xy-edge-label-background-color-default: #ffffff;
  --xy-edge-label-color-default: inherit;
  --xy-resize-background-color-default: #3367d9;
}
.react-flow.dark {
  --xy-edge-stroke-default: #3e3e3e;
  --xy-edge-stroke-width-default: 1;
  --xy-edge-stroke-selected-default: #727272;

  --xy-connectionline-stroke-default: #b1b1b7;
  --xy-connectionline-stroke-width-default: 1;

  --xy-attribution-background-color-default: rgba(150, 150, 150, 0.25);

  --xy-minimap-background-color-default: #141414;
  --xy-minimap-mask-background-color-default: rgba(60, 60, 60, 0.6);
  --xy-minimap-mask-stroke-color-default: transparent;
  --xy-minimap-mask-stroke-width-default: 1;
  --xy-minimap-node-background-color-default: #2b2b2b;
  --xy-minimap-node-stroke-color-default: transparent;
  --xy-minimap-node-stroke-width-default: 2;

  --xy-background-color-default: #141414;
  --xy-background-pattern-dots-color-default: #777;
  --xy-background-pattern-lines-color-default: #777;
  --xy-background-pattern-cross-color-default: #777;
  --xy-node-color-default: #f8f8f8;
  --xy-node-border-default: 1px solid #3c3c3c;
  --xy-node-background-color-default: #1e1e1e;
  --xy-node-group-background-color-default: rgba(240, 240, 240, 0.25);
  --xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, 0.08);
  --xy-node-boxshadow-selected-default: 0 0 0 0.5px #999;

  --xy-handle-background-color-default: #bebebe;
  --xy-handle-border-color-default: #1e1e1e;

  --xy-selection-background-color-default: rgba(200, 200, 220, 0.08);
  --xy-selection-border-default: 1px dotted rgba(200, 200, 220, 0.8);

  --xy-controls-button-background-color-default: #2b2b2b;
  --xy-controls-button-background-color-hover-default: #3e3e3e;
  --xy-controls-button-color-default: #f8f8f8;
  --xy-controls-button-color-hover-default: #fff;
  --xy-controls-button-border-color-default: #5b5b5b;
  --xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);

  --xy-edge-label-background-color-default: #141414;
  --xy-edge-label-color-default: #f8f8f8;
}
.react-flow__background {
  background-color: var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));
  pointer-events: none;
  z-index: -1;
}
.react-flow__container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.react-flow__pane {
  z-index: 1;
}
.react-flow__pane.draggable {
    cursor: grab;
  }
.react-flow__pane.dragging {
    cursor: grabbing;
  }
.react-flow__pane.selection {
    cursor: pointer;
  }
.react-flow__viewport {
  transform-origin: 0 0;
  z-index: 2;
  pointer-events: none;
}
.react-flow__renderer {
  z-index: 4;
}
.react-flow__selection {
  z-index: 6;
}
.react-flow__nodesselection-rect:focus,
.react-flow__nodesselection-rect:focus-visible {
  outline: none;
}
.react-flow__edge-path {
  stroke: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
  stroke-width: var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));
  fill: none;
}
.react-flow__connection-path {
  stroke: var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));
  stroke-width: var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));
  fill: none;
}
.react-flow .react-flow__edges {
  position: absolute;
}
.react-flow .react-flow__edges svg {
    overflow: visible;
    position: absolute;
    pointer-events: none;
  }
.react-flow__edge {
  pointer-events: visibleStroke;
}
.react-flow__edge.selectable {
    cursor: pointer;
  }
.react-flow__edge.animated path {
    stroke-dasharray: 5;
    animation: dashdraw 0.5s linear infinite;
  }
.react-flow__edge.animated path.react-flow__edge-interaction {
    stroke-dasharray: none;
    animation: none;
  }
.react-flow__edge.inactive {
    pointer-events: none;
  }
.react-flow__edge.selected,
  .react-flow__edge:focus,
  .react-flow__edge:focus-visible {
    outline: none;
  }
.react-flow__edge.selected .react-flow__edge-path,
  .react-flow__edge.selectable:focus .react-flow__edge-path,
  .react-flow__edge.selectable:focus-visible .react-flow__edge-path {
    stroke: var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default));
  }
.react-flow__edge-textwrapper {
    pointer-events: all;
  }
.react-flow__edge .react-flow__edge-text {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
/* Arrowhead marker styles - use CSS custom properties as default */
.react-flow__arrowhead polyline {
  stroke: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
}
.react-flow__arrowhead polyline.arrowclosed {
  fill: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
}
.react-flow__connection {
  pointer-events: none;
}
.react-flow__connection .animated {
    stroke-dasharray: 5;
    animation: dashdraw 0.5s linear infinite;
  }
svg.react-flow__connectionline {
  z-index: 1001;
  overflow: visible;
  position: absolute;
}
.react-flow__nodes {
  pointer-events: none;
  transform-origin: 0 0;
}
.react-flow__node {
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: all;
  transform-origin: 0 0;
  box-sizing: border-box;
  cursor: default;
}
.react-flow__node.selectable {
    cursor: pointer;
  }
.react-flow__node.draggable {
    cursor: grab;
    pointer-events: all;
  }
.react-flow__node.draggable.dragging {
      cursor: grabbing;
    }
.react-flow__nodesselection {
  z-index: 3;
  transform-origin: left top;
  pointer-events: none;
}
.react-flow__nodesselection-rect {
    position: absolute;
    pointer-events: all;
    cursor: grab;
  }
.react-flow__handle {
  position: absolute;
  pointer-events: none;
  min-width: 5px;
  min-height: 5px;
  width: 6px;
  height: 6px;
  background-color: var(--xy-handle-background-color, var(--xy-handle-background-color-default));
  border: 1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));
  border-radius: 100%;
}
.react-flow__handle.connectingfrom {
    pointer-events: all;
  }
.react-flow__handle.connectionindicator {
    pointer-events: all;
    cursor: crosshair;
  }
.react-flow__handle-bottom {
    top: auto;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%);
  }
.react-flow__handle-top {
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
  }
.react-flow__handle-left {
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
  }
.react-flow__handle-right {
    top: 50%;
    right: 0;
    transform: translate(50%, -50%);
  }
.react-flow__edgeupdater {
  cursor: move;
  pointer-events: all;
}
.react-flow__pane.selection .react-flow__panel {
  pointer-events: none;
}
.react-flow__panel {
  position: absolute;
  z-index: 5;
  margin: 15px;
}
.react-flow__panel.top {
    top: 0;
  }
.react-flow__panel.bottom {
    bottom: 0;
  }
.react-flow__panel.top.center, .react-flow__panel.bottom.center {
      left: 50%;
      transform: translateX(-15px) translateX(-50%);
    }
.react-flow__panel.left {
    left: 0;
  }
.react-flow__panel.right {
    right: 0;
  }
.react-flow__panel.left.center, .react-flow__panel.right.center {
      top: 50%;
      transform: translateY(-15px) translateY(-50%);
    }
.react-flow__attribution {
  font-size: 10px;
  background: var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));
  padding: 2px 3px;
  margin: 0;
}
.react-flow__attribution a {
    text-decoration: none;
    color: #999;
  }
@keyframes dashdraw {
  from {
    stroke-dashoffset: 10;
  }
}
.react-flow__edgelabel-renderer {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  left: 0;
  top: 0;
}
.react-flow__viewport-portal {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.react-flow__minimap {
  background: var(
    --xy-minimap-background-color-props,
    var(--xy-minimap-background-color, var(--xy-minimap-background-color-default))
  );
}
.react-flow__minimap-svg {
    display: block;
  }
.react-flow__minimap-mask {
    fill: var(
      --xy-minimap-mask-background-color-props,
      var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default))
    );
    stroke: var(
      --xy-minimap-mask-stroke-color-props,
      var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default))
    );
    stroke-width: var(
      --xy-minimap-mask-stroke-width-props,
      var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default))
    );
  }
.react-flow__minimap-node {
    fill: var(
      --xy-minimap-node-background-color-props,
      var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default))
    );
    stroke: var(
      --xy-minimap-node-stroke-color-props,
      var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default))
    );
    stroke-width: var(
      --xy-minimap-node-stroke-width-props,
      var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default))
    );
  }
.react-flow__background-pattern.dots {
    fill: var(
      --xy-background-pattern-color-props,
      var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default))
    );
  }
.react-flow__background-pattern.lines {
    stroke: var(
      --xy-background-pattern-color-props,
      var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default))
    );
  }
.react-flow__background-pattern.cross {
    stroke: var(
      --xy-background-pattern-color-props,
      var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default))
    );
  }
.react-flow__controls {
  display: flex;
  flex-direction: column;
  box-shadow: var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default));
}
.react-flow__controls.horizontal {
    flex-direction: row;
  }
.react-flow__controls-button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 26px;
    width: 26px;
    padding: 4px;
    border: none;
    background: var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));
    border-bottom: 1px solid
      var(
        --xy-controls-button-border-color-props,
        var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default))
      );
    color: var(
      --xy-controls-button-color-props,
      var(--xy-controls-button-color, var(--xy-controls-button-color-default))
    );
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
.react-flow__controls-button svg {
      width: 100%;
      max-width: 12px;
      max-height: 12px;
      fill: currentColor;
    }
.react-flow__edge.updating .react-flow__edge-path {
      stroke: #777;
    }
.react-flow__edge-text {
    font-size: 10px;
  }
.react-flow__node.selectable:focus,
  .react-flow__node.selectable:focus-visible {
    outline: none;
  }
.react-flow__node-input,
.react-flow__node-default,
.react-flow__node-output,
.react-flow__node-group {
  padding: 10px;
  border-radius: var(--xy-node-border-radius, var(--xy-node-border-radius-default));
  width: 150px;
  font-size: 12px;
  color: var(--xy-node-color, var(--xy-node-color-default));
  text-align: center;
  border: var(--xy-node-border, var(--xy-node-border-default));
  background-color: var(--xy-node-background-color, var(--xy-node-background-color-default));
}
.react-flow__node-input.selectable:hover, .react-flow__node-default.selectable:hover, .react-flow__node-output.selectable:hover, .react-flow__node-group.selectable:hover {
      box-shadow: var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default));
    }
.react-flow__node-input.selectable.selected,
    .react-flow__node-input.selectable:focus,
    .react-flow__node-input.selectable:focus-visible,
    .react-flow__node-default.selectable.selected,
    .react-flow__node-default.selectable:focus,
    .react-flow__node-default.selectable:focus-visible,
    .react-flow__node-output.selectable.selected,
    .react-flow__node-output.selectable:focus,
    .react-flow__node-output.selectable:focus-visible,
    .react-flow__node-group.selectable.selected,
    .react-flow__node-group.selectable:focus,
    .react-flow__node-group.selectable:focus-visible {
      box-shadow: var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default));
    }
.react-flow__node-group {
  background-color: var(--xy-node-group-background-color, var(--xy-node-group-background-color-default));
}
.react-flow__nodesselection-rect,
.react-flow__selection {
  background: var(--xy-selection-background-color, var(--xy-selection-background-color-default));
  border: var(--xy-selection-border, var(--xy-selection-border-default));
}
.react-flow__nodesselection-rect:focus,
  .react-flow__nodesselection-rect:focus-visible,
  .react-flow__selection:focus,
  .react-flow__selection:focus-visible {
    outline: none;
  }
.react-flow__controls-button:hover {
      background: var(
        --xy-controls-button-background-color-hover-props,
        var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default))
      );
      color: var(
        --xy-controls-button-color-hover-props,
        var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default))
      );
    }
.react-flow__controls-button:disabled {
      pointer-events: none;
    }
.react-flow__controls-button:disabled svg {
        fill-opacity: 0.4;
      }
.react-flow__controls-button:last-child {
    border-bottom: none;
  }
.react-flow__controls.horizontal .react-flow__controls-button {
    border-bottom: none;
    border-right: 1px solid
      var(
        --xy-controls-button-border-color-props,
        var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default))
      );
  }
.react-flow__controls.horizontal .react-flow__controls-button:last-child {
    border-right: none;
  }
.react-flow__resize-control {
  position: absolute;
}
.react-flow__resize-control.left,
.react-flow__resize-control.right {
  cursor: ew-resize;
}
.react-flow__resize-control.top,
.react-flow__resize-control.bottom {
  cursor: ns-resize;
}
.react-flow__resize-control.top.left,
.react-flow__resize-control.bottom.right {
  cursor: nwse-resize;
}
.react-flow__resize-control.bottom.left,
.react-flow__resize-control.top.right {
  cursor: nesw-resize;
}
/* handle styles */
.react-flow__resize-control.handle {
  width: 5px;
  height: 5px;
  border: 1px solid #fff;
  border-radius: 1px;
  background-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));
  translate: -50% -50%;
}
.react-flow__resize-control.handle.left {
  left: 0;
  top: 50%;
}
.react-flow__resize-control.handle.right {
  left: 100%;
  top: 50%;
}
.react-flow__resize-control.handle.top {
  left: 50%;
  top: 0;
}
.react-flow__resize-control.handle.bottom {
  left: 50%;
  top: 100%;
}
.react-flow__resize-control.handle.top.left {
  left: 0;
}
.react-flow__resize-control.handle.bottom.left {
  left: 0;
}
.react-flow__resize-control.handle.top.right {
  left: 100%;
}
.react-flow__resize-control.handle.bottom.right {
  left: 100%;
}
/* line styles */
.react-flow__resize-control.line {
  border-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));
  border-width: 0;
  border-style: solid;
}
.react-flow__resize-control.line.left,
.react-flow__resize-control.line.right {
  width: 1px;
  transform: translate(-50%, 0);
  top: 0;
  height: 100%;
}
.react-flow__resize-control.line.left {
  left: 0;
  border-left-width: 1px;
}
.react-flow__resize-control.line.right {
  left: 100%;
  border-right-width: 1px;
}
.react-flow__resize-control.line.top,
.react-flow__resize-control.line.bottom {
  height: 1px;
  transform: translate(0, -50%);
  left: 0;
  width: 100%;
}
.react-flow__resize-control.line.top {
  top: 0;
  border-top-width: 1px;
}
.react-flow__resize-control.line.bottom {
  border-bottom-width: 1px;
  top: 100%;
}
.react-flow__edge-textbg {
  fill: var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default));
}
.react-flow__edge-text {
  fill: var(--xy-edge-label-color, var(--xy-edge-label-color-default));
}
/* Theme preview swatches for picker */
.profile-theme-preview-myspace {
  background: linear-gradient(135deg, #f4f4f5 0%, #e4e4e7 50%, #d4d4d8 100%);
}

.profile-theme-preview-bento {
  background: linear-gradient(135deg, #f7f5f3 0%, #cc785c 40%, #ffffff 100%);
}

.profile-theme-preview-portfolio {
  background: linear-gradient(135deg, #000000 0%, #18181b 50%, #22d3ee 100%);
}

.profile-theme-preview-neobrutalist {
  background: linear-gradient(135deg, #ede9fe 0%, #bfdbfe 50%, #000000 100%);
}

.profile-theme-preview-cyberpunk {
  background: linear-gradient(135deg, #171717 0%, #f97316 50%, #262626 100%);
}

.profile-theme-preview-retro8bit {
  background: linear-gradient(135deg, #0a0a0a 0%, #00ff41 50%, #0a0a0a 100%);
}

.profile-theme-preview-ascii {
  background: linear-gradient(135deg, #0f172a 0%, #22d3ee 50%, #0f172a 100%);
}

.profile-theme-preview-liquid-glass {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
}

.profile-theme-preview-masonry {
  background: linear-gradient(135deg, #ffffff 0%, #525252 30%, #3b82f6 60%, #ec4899 100%);
}

.profile-theme-preview-minimalist {
  background: linear-gradient(135deg, #fafafa 0%, #e4e4e7 50%, #fafafa 100%);
}

.profile-theme-preview-showcase {
  background: linear-gradient(135deg, #0a0a0a 0%, #262626 50%, #525252 100%);
}

.profile-theme-preview-future-black {
  background: linear-gradient(135deg, #000000 0%, #ffffff 50%, #000000 100%);
}

/* Bento theme scoped tokens */
[data-profile-theme='bento'] {
  --background: #f7f5f3;
  --foreground: #2d2d2d;
  --card: #ffffff;
  --card-foreground: #2d2d2d;
  --primary: #cc785c;
  --primary-foreground: #ffffff;
  --secondary: #e5e1dc;
  --secondary-foreground: #2d2d2d;
  --muted: #9b9b9b;
  --muted-foreground: #6b6b6b;
  --border: #e5e1dc;
  --radius: 1rem;
}

/* Portfolio theme */
[data-profile-theme='portfolio'] {
  color-scheme: dark;
}

[data-profile-theme='portfolio'] .portfolio-theme-shell {
  background: #000000;
  color: #ffffff;
}

/* Neobrutalist theme */
[data-profile-theme='neobrutalist'] .neo-theme-shell {
  background: linear-gradient(to bottom right, #faf5ff, #eff6ff);
}

/* Cyberpunk theme */
[data-profile-theme='cyberpunk'] .cyber-theme-shell {
  background: #0a0a0a;
  color: #fafafa;
}

/* ASCII theme */
[data-profile-theme='ascii'] .ascii-neon-text {
  color: hsl(var(--primary));
  text-shadow: 0 0 8px hsl(var(--primary) / 0.5);
}

[data-profile-theme='ascii'] .ascii-neon-cyan {
  color: #22d3ee;
}

[data-profile-theme='ascii'] .ascii-pulse-border {
  border-color: hsl(var(--primary) / 0.4);
}

[data-profile-theme='ascii'] .ascii-scan-line::after {
  content: '';
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(
    0deg,
    transparent,
    transparent 2px,
    rgba(0, 0, 0, 0.03) 2px,
    rgba(0, 0, 0, 0.03) 4px
  );
  pointer-events: none;
}

/* Liquid glass theme — scoped glass effects */
[data-profile-theme='liquid-glass'] {
  --liquid-glass-bg: rgba(255, 255, 255, 0.1);
  --liquid-glass-border: rgba(255, 255, 255, 0.2);
  --liquid-flow-duration: 0.8s;
}

[data-profile-theme='liquid-glass'] .liquid-glass {
  background: var(--liquid-glass-bg);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid var(--liquid-glass-border);
  box-shadow:
    0 12px 40px rgba(0, 0, 0, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.4);
  transition: all var(--liquid-flow-duration) cubic-bezier(0.23, 1, 0.32, 1);
  position: relative;
}

[data-profile-theme='liquid-glass'] .liquid-glass:hover {
  border-color: rgba(255, 255, 255, 0.4);
  transform: translateY(-2px);
}

@keyframes liquidRipple {
  0% { transform: translate(-50%, -50%) scale(1); opacity: 0.6; }
  100% { transform: translate(-50%, -50%) scale(40); opacity: 0; }
}

/* Future black theme */
[data-profile-theme='future-black'] .future-black-theme-shell {
  background: #000000;
  color: #ffffff;
}

/* Showcase theme */
[data-profile-theme='showcase'] .showcase-theme-shell {
  background: #0a0a0a;
  color: #ffffff;
}

/* Public profile responsive utilities */
.profile-theme-root a {
  overflow-wrap: anywhere;
  word-break: break-word;
}

@media (max-width: 639px) {
  .profile-theme-root {
    font-size: clamp(0.875rem, 2.5vw, 1rem);
  }
}

@media (hover: hover) and (pointer: fine) {
  .profile-portfolio-overlay {
    opacity: 0;
  }
  .group:hover .profile-portfolio-overlay {
    opacity: 1;
  }
}
/* Primary Topbar 1 + Primary Tab Nav 1 + Primary Bottom Bar 1 — folder tabs + blue baseline. */

.primary-topbar-1,
.primary-topbar-1-folder-tabs,
.primary-tab-nav-1,
.primary-bottom-bar-1,
.primary-topbar-1-view-toggle {
  --pt1-tab-bg: #252525;
  --pt1-tab-border: #5c5c5c;
  --pt1-active-fg: #d4d4d4;
  --pt1-inactive-fg: #666666;
  --pt1-inactive-fg-muted: #555555;
  --pt1-accent: #1887bf;
  --pt1-row-border: #2a2a2a;
  --pt1-field-bg: #242424;
  --pt1-field-border: #303030;
  --pt1-field-placeholder: #444444;
  --pt1-action-fg: #aaaaaa;
  --pt1-select-fg: #888888;
  --pt1-view-active-bg: #333333;
  --pt1-radius: 4px;
  --pt1-font: 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --primary-ui-chrome-font-size: 12px;
  --pt1-tab-w: 96px;
  --pt1-tab-gap: 1px;
  --pt1-tab-pad-x: 5px;
  --pt1-tab-h: 16px;
  --pt1-control-h: 16px;
  font-family: var(--pt1-font);
}

/* Folder-tab rows — no enclosing segmented track. */
.primary-tab-nav-1,
.primary-topbar-1-folder-tabs {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 1px;
  border: none;
  border-radius: 0;
  background: transparent;
  padding: 0 1px;
  box-shadow: none;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  min-width: 0;
  overflow: visible;
}

.primary-tab-nav-1 {
  height: 20px;
  padding: 0 2px;
  border-bottom: 1px solid var(--pt1-row-border);
}

.primary-tab-nav-1--stretch {
  display: flex;
  width: 100%;
}

.primary-tab-nav-1--stretch .primary-topbar-1-tab-col {
  flex: 1 1 0;
  width: auto;
  min-width: 0;
  max-width: none;
}

.primary-tab-nav-1--stretch .primary-topbar-1-tab {
  flex: 1 1 0;
  width: auto;
  min-width: 0;
  max-width: none;
}

.primary-topbar-1-folder-tabs {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: var(--pt1-tab-w);
  align-items: stretch;
  flex-shrink: 0;
  border-bottom: none;
  height: auto;
}

.primary-topbar-1-folder-tabs--inline {
  align-self: flex-end;
}

.primary-topbar-1-tab-col {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex: 0 0 var(--pt1-tab-w);
  width: var(--pt1-tab-w);
  min-width: var(--pt1-tab-w);
  max-width: var(--pt1-tab-w);
  overflow: hidden;
}

.primary-topbar-1-tab-accent {
  display: block;
  height: 2px;
  flex-shrink: 0;
  background: transparent;
  overflow: hidden;
}

.primary-topbar-1-tab--active + .primary-topbar-1-tab-accent {
  background: var(--pt1-accent);
}

.primary-topbar-1-tab-col--tinted .primary-topbar-1-tab {
  border-color: var(--pt1-tab-tint) !important;
  box-shadow: inset 0 0 0 1px var(--pt1-tab-tint);
  color: var(--pt1-tab-tint);
}

.primary-topbar-1-tab-col--tinted .primary-topbar-1-tab--active {
  color: var(--pt1-tab-tint);
}

.primary-topbar-1-tab-col--tinted > .primary-topbar-1-tab-accent,
.primary-topbar-1-tab-col--tinted .primary-topbar-1-tab--active + .primary-topbar-1-tab-accent {
  background: var(--pt1-tab-tint);
}

.primary-topbar-1-view-toggle {
  display: flex;
  align-items: center;
  gap: 0;
  width: 66px;
  height: var(--pt1-tab-h);
  flex-shrink: 0;
  overflow: hidden;
  border: 1px solid var(--pt1-tab-border);
  border-radius: var(--pt1-radius) var(--pt1-radius) 0 0;
  background: var(--pt1-tab-bg);
  box-shadow: inset 0 0 0 1px var(--pt1-tab-border);
  box-sizing: border-box;
}

/* Row wrappers. */
.primary-topbar-1,
.primary-bottom-bar-1 {
  background: transparent;
  color: hsl(var(--foreground));
  border-radius: 0;
  box-shadow: none;
}

.primary-topbar-1 {
  --pt1-inactive-fg: var(--pt1-inactive-fg-muted);
  height: 20px;
  border-bottom: 1px solid var(--pt1-row-border);
}

.primary-topbar-1-folder-tabs {
  --pt1-inactive-fg: var(--pt1-inactive-fg-muted);
}

.primary-bottom-bar-1,
.primary-bottom-bar-1 .primary-tab-nav-1 {
  --pt1-inactive-fg: var(--pt1-inactive-fg-muted);
  height: 20px;
  border-top: 1px solid var(--pt1-row-border);
}

.primary-bottom-bar-1 .primary-tab-nav-1 {
  height: auto;
  border-top: none;
}

.primary-topbar-1 > div,
.primary-bottom-bar-1 > div {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  gap: 1px;
}

.primary-topbar-1 > div {
  height: 20px;
  padding: 0 4px;
  align-items: flex-end;
}

.primary-topbar-1-tools {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  align-items: center;
  gap: 1px;
  box-sizing: border-box;
  height: calc(var(--pt1-tab-h) + 2px);
  padding-bottom: 1px;
}

.primary-bottom-bar-1 > div {
  height: 20px;
  padding: 0 4px;
}

.primary-topbar-1 .primary-tab-nav-1,
.primary-bottom-bar-1 .primary-tab-nav-1 {
  height: auto;
  min-height: 0;
  padding: 0;
  border-bottom: none;
}

.primary-topbar-1 .primary-topbar-1-field {
  box-sizing: border-box !important;
  height: var(--pt1-tab-h) !important;
  min-height: var(--pt1-tab-h) !important;
  max-height: var(--pt1-tab-h) !important;
  border: 1px solid var(--pt1-tab-border) !important;
  background: var(--pt1-tab-bg);
  color: var(--pt1-inactive-fg);
  font-family: var(--pt1-font);
  font-size: var(--primary-ui-chrome-font-size, 12px) !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0;
  text-transform: lowercase;
  border-radius: var(--pt1-radius) var(--pt1-radius) 0 0 !important;
  box-shadow: inset 0 0 0 1px var(--pt1-tab-border);
  outline: none;
  transition: color 140ms ease;
}

.primary-topbar-1 .primary-topbar-1-field::-moz-placeholder {
  color: var(--pt1-inactive-fg);
}

.primary-topbar-1 .primary-topbar-1-field::placeholder {
  color: var(--pt1-inactive-fg);
}

.primary-topbar-1 .primary-topbar-1-field:hover,
.primary-topbar-1 .primary-topbar-1-field:focus {
  color: var(--pt1-active-fg);
}

.primary-topbar-1 .primary-topbar-1-field--compact {
  height: var(--pt1-tab-h) !important;
  min-height: var(--pt1-tab-h) !important;
  max-height: var(--pt1-tab-h) !important;
  line-height: calc(var(--pt1-tab-h) - 2px) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.primary-topbar-1 .relative:has(input.primary-topbar-1-field) {
  flex: 0 1 10rem;
  min-width: 7.5rem;
  max-width: 10rem;
}

.primary-topbar-1 input.primary-topbar-1-field {
  padding: 0 8px 0 16px !important;
}

.primary-topbar-1 .relative:has(input.primary-topbar-1-field) .primary-topbar-1-outline-icon {
  width: 11px !important;
  height: 11px !important;
  min-width: 11px !important;
  min-height: 11px !important;
  color: var(--pt1-inactive-fg);
}

.primary-topbar-1 .primary-topbar-1-select {
  min-width: 0;
  width: auto;
  padding: 0 16px 0 var(--pt1-tab-pad-x) !important;
  cursor: pointer;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}

.primary-topbar-1 .relative:has(select.primary-topbar-1-select) .primary-topbar-1-outline-icon {
  width: 10px !important;
  height: 10px !important;
  min-width: 10px !important;
  min-height: 10px !important;
  color: var(--pt1-inactive-fg);
}

.primary-topbar-1 .relative:has(.primary-topbar-1-field:hover) .primary-topbar-1-outline-icon,
.primary-topbar-1 .relative:has(.primary-topbar-1-field:focus) .primary-topbar-1-outline-icon {
  color: var(--pt1-active-fg);
}

.primary-topbar-1 .em-toolbar-btn {
  height: var(--pt1-tab-h);
  min-height: var(--pt1-tab-h);
  max-height: var(--pt1-tab-h);
  padding: 0 8px;
  gap: 1px;
  font-family: var(--pt1-font);
  font-size: var(--primary-ui-chrome-font-size, 12px);
  font-weight: 400;
  letter-spacing: 0;
  text-transform: lowercase;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--pt1-action-fg) !important;
}

.primary-topbar-1 .em-toolbar-btn:hover {
  background: transparent;
  color: var(--pt1-active-fg) !important;
}

.primary-topbar-1-divider {
  width: 1px;
  height: 12px;
  flex-shrink: 0;
  align-self: center;
  background: var(--pt1-tab-border);
}

.primary-topbar-1-tab {
  position: relative;
  display: inline-flex;
  flex: 0 0 var(--pt1-tab-w);
  width: var(--pt1-tab-w);
  min-width: var(--pt1-tab-w);
  max-width: var(--pt1-tab-w);
  align-items: center;
  justify-content: center;
  gap: var(--pt1-tab-gap);
  margin: 0;
  overflow: hidden;
  height: var(--pt1-tab-h);
  min-height: var(--pt1-tab-h);
  cursor: pointer;
  box-sizing: border-box;
  border: 1px solid var(--pt1-tab-border) !important;
  border-radius: var(--pt1-radius) var(--pt1-radius) 0 0 !important;
  box-shadow: inset 0 0 0 1px var(--pt1-tab-border);
  padding: 0 var(--pt1-tab-pad-x);
  text-align: center;
  font-family: inherit;
  font-size: var(--primary-ui-chrome-font-size, 12px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  text-transform: lowercase;
  color: var(--pt1-inactive-fg);
  background: var(--pt1-tab-bg);
  transition: color 140ms ease;
}

.primary-topbar-1-tab:hover:not(.primary-topbar-1-tab--active) {
  color: var(--pt1-active-fg);
}

.primary-topbar-1-tab--active {
  background: var(--pt1-tab-bg);
  color: var(--pt1-active-fg);
}

.primary-topbar-1-folder-tabs .primary-topbar-1-tab {
  width: 100%;
  min-width: 0;
  max-width: none;
  flex: 1 1 auto;
  justify-content: center;
  text-align: center;
}

.primary-topbar-1-tab--icon-only {
  flex: 0 0 auto;
  width: 1.75rem;
  min-width: 1.75rem;
  justify-content: center;
  padding: 0;
}

.primary-topbar-1-view-btn {
  position: relative;
  display: inline-flex;
  flex: 1 1 0;
  align-items: center;
  justify-content: center;
  width: 22px;
  min-width: 22px;
  height: var(--pt1-tab-h);
  margin: 0;
  padding: 0;
  border: none;
  border-left: 1px solid var(--pt1-tab-border);
  border-radius: 0 !important;
  background: transparent;
  box-shadow: none;
  color: var(--pt1-inactive-fg);
  cursor: pointer;
  transition: background 140ms ease, color 140ms ease;
}

.primary-topbar-1-view-btn:first-child {
  border-left: none;
}

.primary-topbar-1-view-btn:hover:not(.primary-topbar-1-view-btn--active) {
  color: var(--pt1-active-fg);
  background: transparent;
}

.primary-topbar-1-view-btn--active {
  background: var(--pt1-tab-bg);
  color: var(--pt1-active-fg);
}

.primary-topbar-1-view-btn--active::after {
  display: none;
}

.primary-topbar-1-outline-icon {
  width: 11px !important;
  height: 11px !important;
  min-width: 11px !important;
  min-height: 11px !important;
  color: var(--pt1-inactive-fg);
  stroke: currentColor;
  -o-object-fit: contain;
     object-fit: contain;
}

.primary-topbar-1 .primary-topbar-1-tab .primary-topbar-1-outline-icon,
.primary-bottom-bar-1 .primary-topbar-1-outline-icon {
  width: 11px !important;
  height: 11px !important;
  min-width: 11px !important;
  min-height: 11px !important;
}

.primary-topbar-1-view-btn .primary-topbar-1-outline-icon {
  width: 11px !important;
  height: 11px !important;
  min-width: 11px !important;
  min-height: 11px !important;
}

.primary-topbar-1-tab--active .primary-topbar-1-outline-icon,
.primary-topbar-1-view-btn--active .primary-topbar-1-outline-icon {
  color: var(--pt1-active-fg);
}

.primary-topbar-1-tab [data-rd-icon-plate],
.primary-topbar-1-view-btn [data-rd-icon-plate],
.primary-topbar-1 .em-toolbar-btn [data-rd-icon-plate] {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.primary-topbar-1-tab [data-rd-icon-plate] > span[aria-hidden],
.primary-topbar-1-view-btn [data-rd-icon-plate] > span[aria-hidden],
.primary-topbar-1 .em-toolbar-btn [data-rd-icon-plate] > span[aria-hidden] {
  display: none;
}

html:not([data-corners='rounded']):not(.rounded-corners) .primary-topbar-1-tab,
html[data-corners='sharp'] .primary-topbar-1-tab,
.primary-topbar-1-tab.corners-keep-sharp {
  border-radius: var(--pt1-radius) var(--pt1-radius) 0 0 !important;
}

html:not([data-corners='rounded']):not(.rounded-corners) .primary-topbar-1-view-btn,
html[data-corners='sharp'] .primary-topbar-1-view-btn,
.primary-topbar-1-view-btn.corners-keep-sharp,
html:not([data-corners='rounded']):not(.rounded-corners) .primary-topbar-1 .em-toolbar-btn,
html[data-corners='sharp'] .primary-topbar-1 .em-toolbar-btn,
.primary-topbar-1 .em-toolbar-btn.corners-keep-sharp {
  border-radius: 0 !important;
}

html:not([data-corners='rounded']):not(.rounded-corners) .primary-topbar-1 .primary-topbar-1-field,
html[data-corners='sharp'] .primary-topbar-1 .primary-topbar-1-field {
  border-radius: var(--pt1-radius) var(--pt1-radius) 0 0 !important;
}

html:not([data-corners='rounded']):not(.rounded-corners) .primary-topbar-1-view-toggle,
html[data-corners='sharp'] .primary-topbar-1-view-toggle {
  border-radius: var(--pt1-radius) var(--pt1-radius) 0 0 !important;
}

html.site-font-active .primary-topbar-1,
html.site-font-active .primary-topbar-1-folder-tabs,
html.site-font-active .primary-tab-nav-1,
html.site-font-active .primary-bottom-bar-1 {
  font-synthesis: none;
  font-synthesis-weight: none;
}

html.site-font-active .primary-topbar-1-tab,
html.site-font-active .primary-topbar-1 .primary-topbar-1-field,
html.site-font-active .primary-topbar-1 .em-toolbar-btn,
html.site-font-active .primary-tab-nav-1 .primary-topbar-1-tab {
  font-weight: 400;
}
.container {
  position: relative;
  width: 100%;
  min-height: 320px;
  border-radius: 12px;
  overflow: hidden;
  background: linear-gradient(145deg, #1a1a1a 0%, #111 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.canvas {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 320px;
}

.canvas-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
  background-size: 24px 24px;
  pointer-events: none;
}

.canvas-hint {
  position: relative;
  z-index: 1;
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.45);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.menu {
  position: absolute;
  z-index: 50;
  width: 220px;
  padding: 4px;
  border-radius: 10px;
  background: rgba(38, 38, 36, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow:
    0 12px 40px rgba(0, 0, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(16px);
}

.item {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 28px;
  padding: 0 8px;
  border-radius: 6px;
  font-size: 13px;
  color: #f5f5f4;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.item.disabled {
  opacity: 0.4;
  pointer-events: none;
}

.item.danger {
  color: #fca5a5;
}

.item-highlight {
  position: absolute;
  inset: 0;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.08);
  pointer-events: none;
}

.item-highlight-danger {
  background: rgba(239, 68, 68, 0.16);
}

.item-label {
  position: relative;
  z-index: 1;
  flex: 1;
}

.shortcut {
  position: relative;
  z-index: 1;
  margin-left: 16px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.35);
}

.shortcut-active {
  color: rgba(255, 255, 255, 0.55);
}

.chevron {
  position: relative;
  z-index: 1;
  margin-left: 8px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.35);
}

.chevron-active {
  color: rgba(255, 255, 255, 0.65);
}

.toggle-check {
  position: relative;
  z-index: 1;
  width: 14px;
  margin-right: 6px;
  font-size: 11px;
  color: transparent;
}

.toggle-check.toggle-active {
  color: #93c5fd;
}

.separator {
  height: 1px;
  margin: 4px 6px;
  background: rgba(255, 255, 255, 0.08);
}

.submenu {
  position: absolute;
  top: 0;
  left: calc(100% + 4px);
  width: 200px;
  padding: 4px;
  border-radius: 10px;
  background: rgba(38, 38, 36, 0.98);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
}

.safe-cone-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 40;
}

.safe-cone {
  fill: rgba(59, 130, 246, 0.08);
  stroke: rgba(59, 130, 246, 0.2);
  stroke-width: 1;
}
.desk-folder { --desk-object-accent: var(--folder-accent); width: 120px; max-width: 100%; color: hsl(var(--foreground)); }
.desk-folder__trigger { display: flex; flex-direction: column; align-items: center; width: 100%; padding: 0; border: 0; background: transparent; color: inherit; cursor: pointer; border-radius: 6px !important; }
.desk-folder__trigger:focus-visible { outline: 2px solid hsl(var(--ring)); outline-offset: 4px; }
.desk-folder__stage { position: relative; display: block; flex: none; width: var(--desk-preview-width); height: var(--desk-preview-height); isolation: isolate; }
.desk-folder__back { position: absolute; left: 12px; top: 32px; width: 72px; height: 51px; border-radius: 5px !important; background: var(--desk-object-back); }
.desk-folder__back::before { content: ""; position: absolute; top: -7px; left: 0; width: 29px; height: 12px; border-radius: 4px 4px 0 0 !important; background: inherit; }
.desk-folder__papers { position: absolute; inset: 0; z-index: 1; }
.desk-folder__paper { position: absolute; left: 28px; top: 18px; width: 40px; height: 52px; padding: 2px; background: var(--desk-paper); border-radius: 3px !important; transform: translate(calc(var(--paper-offset) * 3px), calc(var(--paper-offset) * -2px)) rotate(calc(var(--paper-offset) * 5deg)); transform-origin: center bottom; transition: transform 200ms ease; box-shadow: 0 2px 5px #0003; overflow: hidden; }
.desk-folder__paper img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.desk-folder__trigger:is(:hover, :focus-visible) .desk-folder__paper { transform: translate(calc(var(--paper-offset) * 9px), -8px) rotate(calc(var(--paper-offset) * 11deg)); }
.desk-folder__front { position: absolute; z-index: 2; top: 40px; left: 10px; width: 76px; height: 46px; display: flex; align-items: center; justify-content: center; border-radius: 6px !important; background: var(--desk-object-front); box-shadow: 0 3px 5px #0002; transition: transform 200ms ease; transform-origin: center bottom; }
.desk-folder__trigger:is(:hover, :focus-visible) .desk-folder__front { transform: perspective(140px) rotateX(-12deg); }
.desk-folder__symbol { width: 18px; height: 18px; color: var(--desk-object-ink); stroke-width: 1.5; }
.desk-folder__count { position: absolute; z-index: 3; right: 6px; bottom: 0; display: grid; place-items: center; min-width: 16px; height: 16px; padding: 0 3px; background: hsl(var(--background)); color: hsl(var(--muted-foreground)); border: 1px solid hsl(var(--border)); border-radius: 5px !important; font-size: 9px; line-height: 1; font-variant-numeric: tabular-nums; }
.desk-folder__name { max-width: 100%; margin-top: 7px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; line-height: 16px; }
.desk-folder[data-variant="original"] .desk-folder__back { background: var(--desk-glass-back); border: 1px solid var(--desk-glass-edge); }
.desk-folder[data-variant="original"] .desk-folder__front { background: var(--desk-glass-front); border: 1px solid var(--desk-glass-edge); }
.desk-folder__mini-label { padding: 3px 7px; margin-top: 13px; border-radius: 3px !important; background: hsl(var(--muted)); font-size: 7px; color: hsl(var(--foreground)); }
.desk-folder[data-variant="manila"] .desk-folder__front { background: var(--desk-object-front); }
.desk-folder[data-variant="manila"] .desk-folder__back { background: var(--desk-object-back); }
.desk-folder[data-variant="manila"] .desk-folder__front::after { content: ""; position: absolute; top: 5px; left: 7px; right: 7px; height: 1px; background: var(--desk-glass-edge); }
.desk-folder[data-variant="glass"] .desk-folder__front { background: var(--desk-glass-front); border: 1px solid var(--desk-glass-edge); backdrop-filter: blur(3px); }
.desk-folder[data-variant="glass"] .desk-folder__back { background: var(--desk-glass-back); border: 1px solid var(--desk-glass-edge); }
.desk-folder[data-variant="glass"] .desk-folder__symbol { color: hsl(var(--foreground)); }
.desk-folder[data-variant="tabs"] .desk-folder__papers { top: 7px; }
.desk-folder[data-variant="tabs"] .desk-folder__front { background: var(--desk-object-front); }
.desk-folder__index { position: absolute; display: flex; gap: 3px; top: -9px; right: 5px; }
.desk-folder__index i { width: 13px; height: 12px; border-radius: 3px 3px 0 0 !important; background: color-mix(in srgb, #bfc1de 75%, hsl(var(--card))); }
.desk-folder__index i:nth-child(2) { background: color-mix(in srgb, #a6c7bd 75%, hsl(var(--card))); }
.desk-folder__index i:nth-child(3) { background: color-mix(in srgb, #d5b8a2 75%, hsl(var(--card))); }
.desk-folder[data-variant="contact"] .desk-folder__papers { display: none; }
.desk-folder[data-variant="contact"] .desk-folder__front { top: 33px; height: 53px; background: var(--desk-object-back); }
.desk-folder__contact { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3px; width: 62px; padding: 4px; }
.desk-folder__contact img { width: 100%; height: 18px; -o-object-fit: cover; object-fit: cover; border-radius: 2px !important; }
.desk-folder[data-variant="polaroid"] .desk-folder__paper { padding: 3px 3px 10px; background: var(--desk-paper); }
.desk-folder[data-variant="polaroid"] .desk-folder__front { top: 54px; height: 32px; background: var(--desk-object-front); }
.desk-folder[data-variant="polaroid"] .desk-folder__symbol { width: 14px; height: 14px; }
.desk-folder__document { display: flex; flex-direction: column; gap: 4px; padding: 5px; height: 100%; background: var(--desk-paper); }
.desk-folder__document svg { width: 12px; height: 12px; color: hsl(var(--muted-foreground)); }
.desk-folder__document i { display: block; height: 2px; background: hsl(var(--muted-foreground) / .4); }
.desk-folder__document i:last-child { width: 65%; }
.desk-folder[data-variant="documents"] .desk-folder__front { height: 36px; top: 50px; background: var(--desk-object-front); }
.desk-folder[data-variant="documents"] .desk-folder__front::before { content: ""; position: absolute; top: -6px; left: 0; border-left: 38px solid var(--desk-object-front); border-right: 38px solid var(--desk-object-front); border-top: 8px solid transparent; }
.desk-folder[data-variant="project"] .desk-folder__papers { top: 4px; }
.desk-folder[data-variant="project"] .desk-folder__back::before { left: 22px; width: 28px; top: -10px; height: 13px; background: transparent; border: 3px solid var(--desk-object-back); }
.desk-folder[data-variant="project"] .desk-folder__front { background: var(--desk-object-front); border-radius: 4px !important; }
.desk-folder__clasp { position: absolute; top: -2px; left: 33px; width: 10px; height: 9px; background: hsl(var(--muted-foreground)); border-radius: 2px !important; }
.desk-folder[data-variant="side-tab"] .desk-folder__front { left: 10px; width: 68px; background: var(--desk-object-front); border-radius: 3px !important; }
.desk-folder[data-variant="side-tab"] .desk-folder__back::before { display: none; }
.desk-folder__side-label { position: absolute; right: -8px; top: 4px; width: 13px; height: 35px; display: grid; place-items: center; writing-mode: vertical-rl; font-size: 6px; letter-spacing: 1px; color: hsl(var(--foreground)); background: var(--desk-object-front); border-radius: 0 3px 3px 0 !important; }
.desk-folder[data-variant="archive"] .desk-folder__back { top: 33px; background: var(--desk-object-back); }
.desk-folder[data-variant="archive"] .desk-folder__back::before { display: none; }
.desk-folder[data-variant="archive"] .desk-folder__papers { top: 3px; }
.desk-folder[data-variant="archive"] .desk-folder__front { background: var(--desk-object-front); border-radius: 3px !important; }
.desk-folder[data-variant="archive"] .desk-folder__front::before { content: ""; position: absolute; left: -2px; right: -2px; top: -3px; height: 8px; background: color-mix(in srgb, var(--desk-object-front) 90%, hsl(var(--foreground))); border-radius: 2px !important; }
.desk-folder__archive-label { display: flex; align-items: center; flex-direction: column; gap: 4px; padding-top: 5px; font-size: 6px; letter-spacing: 1px; color: hsl(var(--foreground)); }
.desk-folder__archive-label i { height: 4px; width: 22px; background: hsl(var(--foreground) / .4); border-radius: 2px !important; }
.desk-folder[data-variant="dock"] .desk-folder__back, .desk-folder[data-variant="dock"] .desk-folder__papers { display: none; }
.desk-folder[data-variant="dock"] .desk-folder__front { top: 15px; left: 15px; width: 66px; height: 66px; background: color-mix(in srgb, var(--folder-accent) 12%, hsl(var(--card))); border: 1px solid var(--desk-glass-edge); border-radius: 15px !important; }
.desk-folder__dock-icon { width: 39px; height: 39px; fill: var(--desk-object-front); color: hsl(var(--foreground)); stroke-width: 1; }
.desk-folder[data-variant="tray"] .desk-folder__back { top: 58px; height: 24px; background: var(--desk-object-back); }
.desk-folder[data-variant="tray"] .desk-folder__back::before { display: none; }
.desk-folder[data-variant="tray"] .desk-folder__paper { width: 54px; height: 36px; left: 21px; top: 33px; }
.desk-folder[data-variant="tray"] .desk-folder__front { top: 64px; height: 22px; background: var(--desk-object-front); border-radius: 3px !important; }
.desk-folder[data-variant="tray"] .desk-folder__symbol { display: none; }
.desk-folder__tray-line { width: 21px; height: 3px; border-radius: 2px !important; background: hsl(var(--foreground) / .5); }

.desk-folder-showcase { width: 100%; max-width: 1000px; margin: 0 auto; padding: 24px; color: hsl(var(--foreground)); }
.desk-folder-showcase__header { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 16px; padding: 0 0 20px; }
.desk-folder-showcase__eyebrow { margin: 0 0 8px; font-size: 9px; letter-spacing: 1.7px; color: hsl(var(--muted-foreground)); }
.desk-folder-showcase__header h2 { margin: 0; font-size: 20px; font-weight: 500; line-height: 1.3; }
.desk-folder-showcase__header p:not(.desk-folder-showcase__eyebrow) { margin: 7px 0 0; font-size: 11px; line-height: 1.5; color: hsl(var(--muted-foreground)); }
.desk-folder-showcase__size { flex-shrink: 0; padding-bottom: 2px; font-size: 10px; color: hsl(var(--muted-foreground)); }
.desk-folder-showcase__viewport { overflow-x: auto; }
.desk-folder-showcase__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-rows: repeat(4, 164px); min-width: 440px; gap: 1px; background: hsl(var(--border) / 0.45); border: 1px solid hsl(var(--border) / 0.45); border-radius: var(--radius, 8px) !important; overflow: hidden; }
.desk-folder-showcase__cell { display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 0; padding: 10px 8px; background: hsl(var(--background)); }
.desk-folder-showcase__caption { display: flex; align-self: stretch; justify-content: space-between; gap: 4px; margin-bottom: 6px; font-size: 9px; line-height: 12px; color: hsl(var(--muted-foreground)); }
.desk-folder-showcase__caption > span:first-child { opacity: 0.55; font-variant-numeric: tabular-nums; }
.desk-folder-showcase__detail { margin: 3px 0 0; font-size: 9px; line-height: 12px; color: hsl(var(--muted-foreground)); opacity: 0.75; }
.desk-folder-showcase__cell--empty { gap: 9px; color: hsl(var(--muted-foreground) / 0.35); font-size: 9px; }
.desk-folder-showcase__empty-icon { width: 38px; height: 30px; display: grid; place-items: center; border: 1px dashed hsl(var(--border) / 0.65); border-radius: min(4px, var(--radius, 4px)) !important; }

.desk-folder-dialog { width: min(680px, calc(100vw - 32px)); max-width: 680px; border-color: hsl(var(--border)); border-radius: 10px !important; color: hsl(var(--foreground)); }
.desk-folder-dialog__header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 20px; border-bottom: 1px solid hsl(var(--border)); }
.desk-folder-dialog__header [data-slot="dialog-title"] { font-size: 14px; }
.desk-folder-dialog__header [data-slot="dialog-description"] { margin: 6px 0 0; font-size: 11px; }
.desk-folder-dialog__close { display: grid; place-items: center; width: 28px; height: 28px; background: transparent; color: hsl(var(--muted-foreground)); border: 0; cursor: pointer; }
.desk-folder-dialog__close:is(:hover, :focus-visible) { background: hsl(var(--muted)); color: hsl(var(--foreground)); }
.desk-folder-dialog__photos { display: flex; align-items: center; justify-content: safe center; gap: 10px; padding: 28px 20px 18px; overflow-x: auto; }
.desk-folder-dialog__photo { position: relative; flex: 1 0 70px; max-width: 116px; height: clamp(100px, 20vw, 160px); padding: 4px 4px 19px; background: hsl(var(--muted)); border-radius: 4px !important; cursor: grab; touch-action: none; }
.desk-folder-dialog__photo:active { cursor: grabbing; }
.desk-folder-dialog__photo img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; pointer-events: none; }
.desk-folder-dialog__photo span { position: absolute; bottom: 4px; left: 8px; font-size: 8px; line-height: 11px; color: hsl(var(--muted-foreground)); }
.desk-folder-dialog__hint, .desk-folder-dialog__empty { margin: 0; padding: 0 20px 20px; text-align: center; font-size: 11px; color: hsl(var(--muted-foreground)); }
@media (max-width: 700px) { .desk-folder-showcase { padding: 16px; } .desk-folder-showcase__header { align-items: flex-start; flex-direction: column; gap: 10px; } }
@media (prefers-reduced-motion: reduce) { .desk-folder__paper, .desk-folder__front { transition: none; } }

/* File companions share the folder grid, captions, and 96 × 88 stage. */
.desk-file-showcase { margin-top: 40px; padding-top: 24px; border-top: 1px solid hsl(var(--border) / 0.6); }
.desk-file-showcase__group { margin-bottom: 22px; }
.desk-file-showcase__group h3 { display: flex; gap: 8px; align-items: baseline; margin: 0 0 10px; font-size: 11px; font-weight: 500; color: hsl(var(--foreground)); }
.desk-file-showcase__group h3 span { font-size: 9px; font-weight: 400; color: hsl(var(--muted-foreground)); }
.desk-file-showcase__grid { grid-template-rows: none; grid-auto-rows: 164px; }
.desk-file { width: 120px; max-width: 100%; color: hsl(var(--foreground)); }
.desk-file, .desk-file-dialog { --desk-object-accent: var(--file-accent); }
.desk-file__stage { position: relative; display: block; flex: none; width: var(--desk-preview-width); height: var(--desk-preview-height); isolation: isolate; filter: saturate(.65); }
.desk-file__shadow-sheet { position: absolute; top: 9px; left: 10px; width: 76px; height: 76px; background: var(--desk-glass-back); border: 1px solid var(--desk-glass-edge); border-radius: 5px !important; box-shadow: 0 5px 9px -5px var(--desk-shadow); transform: rotate(4deg); transition: transform 200ms ease; }
.desk-file__glass-glow { display: none; }
.desk-file__sheet { position: absolute; top: 4px; left: 8px; display: flex; flex-direction: column; width: 80px; height: 80px; background: radial-gradient(70px 65px at 15% 0, var(--desk-glass-sheen), transparent 65%), var(--desk-glass-front); border: 1px solid var(--desk-glass-edge); border-radius: 6px !important; clip-path: polygon(0 0, 79% 0, 100% 21%, 100% 100%, 0 100%); backdrop-filter: blur(5px); box-shadow: inset 0 1px 0 var(--desk-glass-sheen), inset 0 -1px 0 var(--desk-shadow); color: hsl(var(--foreground)); transform-origin: center bottom; transition: transform 200ms ease; }
.desk-file__sheet::before { content: ''; position: absolute; inset: 1px; border: .5px solid var(--desk-glass-inner-edge); border-radius: 4px; pointer-events: none; }
.desk-file__sheet::after { content: ''; position: absolute; inset: 0; background: radial-gradient(90px 50px at 80% 0, var(--desk-glass-sheen), transparent 65%); pointer-events: none; }
.desk-file__fold { position: absolute; top: 0; right: 0; width: 17px; height: 17px; background: var(--desk-glass-back); border-left: .5px solid var(--desk-glass-edge); border-bottom: .5px solid var(--desk-glass-inner-edge); border-radius: 0 0 0 3px !important; box-shadow: -1px 1px 3px var(--desk-shadow); }
.desk-file__trigger:is(:hover, :focus-visible) .desk-file__sheet { transform: translateY(-5px) rotate(-3deg); }
.desk-file__trigger:is(:hover, :focus-visible) .desk-file__shadow-sheet { transform: translateY(-1px) rotate(8deg); }
.desk-file__artwork { display: flex; align-items: center; justify-content: center; height: 56px; padding: 9px 12px 5px; }
.desk-file__extension { position: relative; display: block; height: 18px; margin: 0 4px 4px; padding: 3px 4px; border: .5px solid var(--desk-glass-inner-edge); background: hsl(var(--background) / .45); border-radius: 3px !important; color: var(--desk-accent-ink); font-size: 8px; font-weight: 600; line-height: 11px; letter-spacing: 0.5px; text-align: center; text-transform: uppercase; }
.desk-file__extension[data-long] { font-size: 6px; letter-spacing: 0; }
.desk-file__symbol { width: 27px; height: 27px; stroke-width: 1.25; opacity: 0.75; }
.desk-file__text { display: flex; flex-direction: column; gap: 4px; width: 38px; }
.desk-file__text svg { width: 14px; height: 14px; margin-bottom: 1px; opacity: 0.7; }
.desk-file__text i { height: 2px; background: currentColor; opacity: 0.25; }
.desk-file__text i:last-child { width: 65%; }
.desk-file__table { display: grid; grid-template-columns: repeat(3, 1fr); width: 40px; height: 30px; gap: 2px; }
.desk-file__table i { background: #29482d33; border-radius: 1px !important; }
.desk-file__table i:nth-child(-n+3) { background: #29482d88; }
.desk-file__image { position: relative; width: 48px; height: 34px; border: 2px solid #f0f2f080; border-radius: 3px !important; overflow: hidden; }
.desk-file__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.desk-file__image svg { position: absolute; width: 18px; height: 18px; left: 50%; top: 50%; transform: translate(-50%, -50%); color: white; fill: #ffffffaa; filter: drop-shadow(0 1px 2px #0009); }
.desk-file__waveform { display: flex; align-items: center; justify-content: center; gap: 2px; height: 34px; }
.desk-file__waveform i { width: 3px; background: #29465099; border-radius: 2px !important; }
.desk-file__code { display: flex; flex-direction: column; gap: 3px; width: 38px; font-family: monospace; }
.desk-file__code b { font-size: 16px; line-height: 17px; font-weight: 500; }
.desk-file__code i { height: 2px; background: #345e7180; }
.desk-file__code i:nth-child(3) { width: 60%; background: #705e4180; }
.desk-file__code i:last-child { width: 80%; }
.desk-file__zipper { display: flex; flex-direction: column; align-items: center; width: 14px; height: 38px; gap: 1px; border: 1px solid #52473844; border-radius: 2px !important; }
.desk-file__zipper i { width: 5px; height: 4px; background: #52473899; transform: translateX(-2px); }
.desk-file__zipper i:nth-child(even) { transform: translateX(2px); }
.desk-file__type-sample { font-size: 30px; font-family: Georgia, serif; line-height: 1; letter-spacing: -2px; color: #46334c; }
.desk-file-dialog { max-width: 520px; }
.desk-file-dialog__body { display: flex; align-items: center; gap: 30px; padding: 28px; }
.desk-file-dialog__artwork { display: grid; place-items: center; flex-shrink: 0; width: 160px; height: 160px; }
.desk-file-dialog__artwork .desk-file__stage { transform: scale(1.7); }
.desk-file-dialog__metadata { display: flex; flex-direction: column; gap: 14px; min-width: 0; font-size: 11px; }
.desk-file-dialog__metadata dt { margin-bottom: 3px; color: hsl(var(--muted-foreground)); font-size: 9px; }
.desk-file-dialog__metadata dd { margin: 0; overflow-wrap: anywhere; }
@media (max-width: 480px) { .desk-file-dialog__body { flex-direction: column; gap: 18px; } .desk-file-dialog__metadata { width: 100%; } }
@media (prefers-reduced-motion: reduce) { .desk-file__sheet, .desk-file__shadow-sheet { transition: none; } }
.desk-file__artwork:has(.desk-file__type-art) { padding: 8px 8px 3px; }
.desk-file__type-art { position: relative; display: block; flex: none; width: 52px; height: 38px; color: var(--desk-accent-ink); }
.desk-file__type-scene { position: absolute; inset: 0; width: 52px; height: 38px; color: inherit; }
.desk-file__type-scene > * { stroke: currentColor; stroke-width: .75; opacity: .3; }
.desk-file__type-scene > rect { fill: color-mix(in srgb, var(--file-accent) 5%, transparent); }
.desk-file__type-glyph { position: absolute; top: 5px; left: 12px; width: 28px; height: 28px; overflow: visible; color: var(--desk-accent-ink); filter: drop-shadow(0 1px 1px var(--desk-shadow)); }
.desk-file__type-mark { position: absolute; right: -1px; bottom: -1px; display: grid; place-items: center; min-width: 19px; height: 13px; padding: 0 3px; border: .6px solid color-mix(in srgb, var(--desk-accent-ink) 45%, hsl(var(--border))); border-radius: 3px !important; background: var(--desk-label-surface); backdrop-filter: blur(2px); box-shadow: inset 0 1px 0 var(--desk-glass-sheen), 0 1px 3px var(--desk-shadow); color: var(--desk-accent-ink); font-family: ui-monospace, monospace; font-size: 7px; font-weight: 700; line-height: 1; letter-spacing: -.3px; }
.desk-file__type-art[data-family="audio"] .desk-file__type-glyph,
.desk-file__type-art[data-family="database"] .desk-file__type-glyph { background: hsl(var(--card) / .8); border: .5px solid var(--desk-glass-edge); box-shadow: inset 0 1px 0 var(--desk-glass-sheen); border-radius: 5px; padding: 2px; }
.desk-file__type-art[data-family="font"] .desk-file__type-glyph { stroke-width: 1.3; }
.desk-file__type-art[data-family="code"] .desk-file__type-glyph,
.desk-file__type-art[data-family="app"] .desk-file__type-glyph { top: 10px; left: 13px; width: 25px; height: 25px; }
.desk-file__type-art[data-family="design"] .desk-file__type-mark { background: var(--desk-label-surface); border-color: color-mix(in srgb, var(--desk-accent-ink) 45%, hsl(var(--border))); }
/* Material tokens inherit the active site palette, including local preview scopes. */
.desk-appearance {
  --desk-preview-width: 96px;
  --desk-preview-height: 88px;
  --desk-row-height: 148px;
  --desk-glass-base: color-mix(in srgb, hsl(var(--background)) 80%, #08080a);
  --desk-glass-sheen: hsl(var(--foreground) / .09);
  --desk-glass-edge: hsl(var(--foreground) / .18);
  --desk-glass-inner-edge: hsl(var(--foreground) / .06);
  --desk-glass-back: linear-gradient(180deg, color-mix(in srgb, hsl(var(--card)) 92%, hsl(var(--foreground))), var(--desk-glass-base));
  --desk-glass-front: linear-gradient(180deg, color-mix(in srgb, var(--desk-glass-base) 18%, transparent), color-mix(in srgb, var(--desk-glass-base) 62%, transparent) 46%, color-mix(in srgb, var(--desk-glass-base) 94%, transparent));
  --desk-paper: linear-gradient(180deg, color-mix(in srgb, hsl(var(--card)) 92%, hsl(var(--foreground))), hsl(var(--card)));
  --desk-object-front: color-mix(in srgb, var(--desk-object-accent, hsl(var(--primary))) 50%, hsl(var(--card)));
  --desk-object-back: color-mix(in srgb, var(--desk-object-accent, hsl(var(--primary))) 28%, var(--desk-glass-base));
  --desk-object-ink: hsl(var(--foreground));
  --desk-accent-ink: color-mix(in srgb, var(--desk-object-accent, hsl(var(--primary))) 85%, #fff);
  --desk-label-surface: hsl(var(--background) / .92);
  --desk-shadow: #0009;
  color: hsl(var(--foreground));
  font-family: inherit;
  color-scheme: dark;
}

.desk-appearance[data-desk-tone="light"] {
  --desk-glass-base: hsl(var(--card));
  --desk-glass-sheen: #ffffff70;
  --desk-glass-edge: hsl(var(--foreground) / .24);
  --desk-glass-inner-edge: #ffffff60;
  --desk-glass-front: linear-gradient(180deg, color-mix(in srgb, var(--desk-glass-base) 25%, transparent), color-mix(in srgb, var(--desk-glass-base) 65%, transparent) 46%, color-mix(in srgb, var(--desk-glass-base) 95%, transparent));
  --desk-object-front: color-mix(in srgb, var(--desk-object-accent, hsl(var(--primary))) 70%, hsl(var(--card)));
  --desk-object-back: color-mix(in srgb, var(--desk-object-accent, hsl(var(--primary))) 65%, hsl(var(--muted-foreground)));
  --desk-accent-ink: color-mix(in srgb, var(--desk-object-accent, hsl(var(--primary))) 30%, #000);
  --desk-shadow: #0003;
  color-scheme: light;
}

/* Adapt the original Glass Folder without changing its geometry or interactions. */
.desk-appearance .gf-root { font-family: inherit; }
.desk-appearance .gf-root[data-tone] { --gf-ink: hsl(var(--foreground)); --gf-ink-soft: hsl(var(--muted-foreground)); }
.desk-appearance .gf-root[data-tone] .gf-back { background: var(--desk-glass-back); }
.desk-appearance .gf-root[data-tone] .gf-tint { background: var(--desk-glass-front); }
.desk-appearance .gf-root[data-tone] .gf-shadow { background: var(--desk-shadow); }
.desk-appearance .gf-root[data-tone] .gf-back-rim path { stroke: var(--desk-glass-edge); }
.desk-appearance .gf-root[data-tone] .gf-sheet { background: var(--desk-paper); box-shadow: inset 0 1px 0 var(--desk-glass-sheen), 0 0 0 .5px var(--desk-glass-edge), 0 12px 28px -8px var(--desk-shadow); }
.desk-appearance .gf-root[data-tone] .gf-sheet-name { color: hsl(var(--foreground)); }
.desk-appearance .gf-root[data-tone] .gf-sheet-meta { color: hsl(var(--muted-foreground)); }
.desk-appearance .gf-root[data-tone] .gf-sheet--art .gf-sheet-name { color: #fff; }
.desk-appearance .gf-root[data-tone] .gf-sheet--art .gf-sheet-meta { color: #ffffffb3; }
.desk-appearance .gf-root[data-tone] .gf-lines i { background: hsl(var(--muted-foreground) / .25); }
.desk-appearance .gf-root[data-tone] .gf-lines i:first-child { background: hsl(var(--muted-foreground) / .4); }
.desk-appearance .gf-root[data-tone] .gf-menu { background: hsl(var(--popover) / .96); color: hsl(var(--popover-foreground)); box-shadow: inset 0 1px 0 var(--desk-glass-sheen), 0 0 0 1px hsl(var(--border)), 0 12px 28px -8px var(--desk-shadow); }
.desk-appearance .gf-root[data-tone] .gf-menu-item { color: hsl(var(--popover-foreground)); }
.desk-appearance .gf-root[data-tone] .gf-menu-item:is(:hover, :focus-visible) { background: hsl(var(--accent)); color: hsl(var(--accent-foreground)); }
.desk-appearance .gf-root[data-tone] .gf-menu-item--danger { color: hsl(var(--destructive)); }
.desk-appearance .gf-root[data-tone] .gf-key--add { background: hsl(var(--primary)); color: hsl(var(--primary-foreground)); box-shadow: inset 0 1px 0 var(--desk-glass-sheen), 0 0 0 1px var(--desk-glass-edge), 0 8px 18px -8px var(--desk-shadow); }
.desk-appearance .gf-root[data-tone] .gf-key--more { background: hsl(var(--secondary)); color: hsl(var(--secondary-foreground)); box-shadow: inset 0 1px 0 var(--desk-glass-sheen), 0 0 0 1px var(--desk-glass-edge); }
.desk-appearance .gf-root[data-tone] :is(.gf-key, .gf-sheet):focus-visible { outline-color: hsl(var(--ring)); }
.desk-appearance .gf-root[data-tone] .gf-front:has(.gf-hit:focus-visible) .gf-front-rim path { stroke: hsl(var(--ring)); }

/* UI chrome follows the corner preference; the illustrated objects keep their shape. */
.desk-appearance[data-slot="dialog-content"] { width: min(48rem, calc(var(--site-viewport-width, 100vw) - 32px)); max-height: calc(var(--site-viewport-height, 100dvh) - 32px); overflow-y: auto; border-color: hsl(var(--border)); border-radius: var(--radius, 8px) !important; background: hsl(var(--background)); }
.desk-appearance :is(button, a):focus-visible { outline: 2px solid hsl(var(--ring)); outline-offset: 2px; }
/* Dialkit Theme - Dark glassmorphic design */

.dialkit-root {
  position: relative;

  /* Surfaces */
  --dial-surface: rgba(255, 255, 255, 0.05);
  --dial-surface-hover: rgba(255, 255, 255, 0.1);
  --dial-surface-active: rgba(255, 255, 255, 0.11);
  --dial-surface-subtle: rgba(255, 255, 255, 0.06);

  /* Text hierarchy - 3 levels */
  --dial-text-root: #FFFFFF;   /* Root title */
  --dial-text-section: rgba(255, 255, 255, 0.7); /* Section titles + carets */
  --dial-text-label: rgba(255, 255, 255, 0.7);   /* Input labels */
  --dial-text-focus: #ffffff;

  /* Legacy aliases */
  --dial-text-primary: rgba(255, 255, 255, 0.95);
  --dial-text-secondary: rgba(255, 255, 255, 0.6);
  --dial-text-tertiary: rgba(255, 255, 255, 0.4);

  /* Borders */
  --dial-border: rgba(255, 255, 255, 0.1);
  --dial-border-hover: rgba(255, 255, 255, 0.15);

  /* Timeline clips are light by default; light themes add a dark tint so
     their shape stays distinct from the lane without replacing custom hues. */
  --dial-timeline-clip-overlay: transparent;

  /* Glassmorphic panel */
  --dial-glass-bg: #212121;
  --dial-dropdown-bg: #2a2a2a;
  --dial-backdrop-blur: 20px;
  --dial-radius: 8px;
  --dial-row-height: 36px;
  --dial-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
  --dial-shadow-collapsed: 0 4px 16px rgba(0, 0, 0, 0.25);
  --dial-shadow-dropdown: 0 8px 24px rgba(0, 0, 0, 0.4);

  /* Fonts */
  font-family: system-ui, -apple-system, 'SF Pro Display', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.dialkit-panel {
  position: fixed;
  z-index: 9999;
  max-height: calc(100vh - 32px);
  overflow: visible;
}

/* Inline mode */

.dialkit-root[data-mode="inline"] {
  max-height: 100%;
}

.dialkit-panel[data-mode="inline"] {
  position: static;
  z-index: auto;
  max-height: inherit;
  height: auto;
  overflow: visible;
}

.dialkit-panel-inner {
  background: var(--dial-glass-bg);
  border: 1px solid var(--dial-border);
  border-radius: 14px;
  backdrop-filter: blur(var(--dial-backdrop-blur));
  -webkit-backdrop-filter: blur(var(--dial-backdrop-blur));
  padding: 10px 12px 0 12px;
  transform: translateZ(0);
  transform-origin: top right;
}

.dialkit-panel[data-origin-x="left"] .dialkit-panel-inner {
  transform-origin: top left;
}

.dialkit-panel[data-origin-x="right"] .dialkit-panel-inner {
  transform-origin: top right;
}

.dialkit-panel[data-position="top-left"] .dialkit-panel-inner {
  transform-origin: top left;
  max-height: calc(100vh - 80px);
  overflow-y: auto;
}

.dialkit-panel-inner[data-collapsed="true"] {
  border-radius: 50%;
  padding: 12px;
  box-sizing: border-box;
}

.dialkit-panel-inner[data-collapsed="true"] .dialkit-panel-header {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}

.dialkit-panel-inner[data-collapsed="true"] .dialkit-folder-title-row {
  display: none;
}

.dialkit-panel-inner[data-collapsed="true"] .dialkit-folder-header-top {
  justify-content: center;
  padding: 0;
}

.dialkit-panel-inner::-webkit-scrollbar {
  display: none;
}

.dialkit-panel-inner {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.dialkit-panel-inline {
  width: 100%;
  height: auto;
  max-height: inherit;
  overflow-y: auto;
  box-shadow: none;
  border-radius: 0;
  border: none;
  box-sizing: border-box;
}

.dialkit-panel[data-mode="inline"] .dialkit-panel-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: inherit;
  height: auto;
}

/* Position variants */

.dialkit-panel[data-position="top-right"] {
  top: 16px;
  right: 16px;
}

.dialkit-panel[data-position="top-left"] {
  top: 16px;
  left: 16px;
}

.dialkit-panel[data-position="bottom-right"] {
  bottom: 16px;
  right: 16px;
}

.dialkit-panel[data-position="bottom-left"] {
  bottom: 16px;
  left: 16px;
}

/* Folder */

.dialkit-folder {
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid var(--dial-surface-subtle);
}

.dialkit-folder:last-child:not(.dialkit-folder-root) {
  padding-bottom: 0;
  margin-bottom: 0;
}

.dialkit-folder-root {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}

.dialkit-panel-header {
  padding-bottom: 6px;
  margin-bottom: 12px;
  border-bottom: 1px solid var(--dial-surface-subtle);
}

.dialkit-panel:not([data-mode="inline"]) .dialkit-panel-inner:not([data-collapsed="true"]) > .dialkit-folder-root > .dialkit-panel-header {
  cursor: grab;
}

.dialkit-panel:not([data-mode="inline"]) .dialkit-panel-inner:not([data-collapsed="true"]) > .dialkit-folder-root > .dialkit-panel-header:active {
  cursor: grabbing;
}

.dialkit-panel:not([data-mode="inline"]) .dialkit-panel-icon {
  cursor: pointer;
}

.dialkit-folder-header {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.dialkit-folder-header-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0 8px 0;
}

.dialkit-folder-title {
  font-size: 13px;
  font-weight: 600;
  color: var(--dial-text-section);
  letter-spacing: -0.01em;
  transform: translateY(-0.5px);
  transition: color 0.15s;
}

.dialkit-folder-title-root {
  font-size: 15px;
  font-weight: 600;
  color: var(--dial-text-root);
  transform: translateZ(0);
}

.dialkit-folder-title-row {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
}

.dialkit-folder-copy {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 0;
  background: transparent;
  border: none;
  cursor: pointer;
}

.dialkit-folder-copy svg {
  width: 14px;
  height: 14px;
  color: var(--dial-text-section);
}

.dialkit-folder-icon {
  width: 20px;
  height: 20px;
  padding: 2px;
  box-sizing: border-box;
  flex-shrink: 0;
  color: var(--dial-text-label);
  opacity: 0.6;
}

.dialkit-panel-icon {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 16px;
  height: 16px;
  color: var(--dial-text-focus);
  z-index: 1;
}

.dialkit-folder-content {
  will-change: transform;
}

.dialkit-folder-inner {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-bottom: 10px;
}

/* Non-root folders - top & bottom HR dividers */

.dialkit-folder:not(.dialkit-folder-root) {
  border-top: 1px solid var(--dial-surface-subtle);
  border-bottom: 1px solid var(--dial-surface-subtle);
  margin-top: 4px;
  margin-bottom: 4px;
  padding-bottom: 0;
}

.dialkit-folder:not(.dialkit-folder-root):last-child {
  border-bottom: none;
  margin-bottom: 0;
}

/* Adjacent non-root folders collapse gap and share a single divider */

.dialkit-folder:not(.dialkit-folder-root) + .dialkit-folder:not(.dialkit-folder-root) {
  margin-top: -10px;
  border-top: none;
}

/* Non-root folder header - match row height */

.dialkit-folder:not(.dialkit-folder-root) > .dialkit-folder-header {
  height: var(--dial-row-height);
  padding: 0;
}

.dialkit-folder:not(.dialkit-folder-root) > .dialkit-folder-header > .dialkit-folder-header-top {
  padding: 0;
  height: 100%;
}

/* Root folder inner needs no extra bottom padding */

.dialkit-folder-root > .dialkit-folder-content > .dialkit-folder-inner {
  padding-bottom: 0;
}

.dialkit-panel[data-multiple="true"] .dialkit-panel-inner:not([data-collapsed="true"]) {
  padding: 0 12px;
}

.dialkit-panel[data-multiple="true"] .dialkit-panel-inner:not([data-collapsed="true"]) .dialkit-panel-icon {
  top: 14px;
}

.dialkit-panel[data-multiple="true"] .dialkit-folder-root > .dialkit-panel-header {
  padding-bottom: 0;
  margin-bottom: 0;
}

.dialkit-panel[data-multiple="true"] .dialkit-folder-root > .dialkit-panel-header > .dialkit-folder-header-top,
.dialkit-panel[data-multiple="true"] .dialkit-folder-root > .dialkit-folder-content > .dialkit-folder-inner > .dialkit-folder > .dialkit-folder-header > .dialkit-folder-header-top {
  height: 44px;
  padding: 0;
}

.dialkit-panel[data-multiple="true"] .dialkit-folder-root > .dialkit-folder-content > .dialkit-folder-inner > .dialkit-folder > .dialkit-folder-header {
  height: 44px;
}

.dialkit-panel[data-multiple="true"] .dialkit-folder-root > .dialkit-folder-content > .dialkit-folder-inner {
  gap: 0;
}

.dialkit-panel[data-multiple="true"] .dialkit-folder-root > .dialkit-folder-content > .dialkit-folder-inner > .dialkit-folder {
  margin: 0;
  padding-bottom: 0;
  border-top: 1px solid var(--dial-surface-subtle);
  border-bottom: none;
}

.dialkit-panel[data-multiple="true"] .dialkit-folder-root > .dialkit-folder-content > .dialkit-folder-inner > .dialkit-folder > .dialkit-folder-header .dialkit-folder-title {
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  color: var(--dial-text-root);
  transform: translateZ(0);
}

.dialkit-panel[data-multiple="true"] .dialkit-folder-title-root {
  line-height: 20px;
}

.dialkit-panel[data-multiple="true"] .dialkit-folder-root > .dialkit-folder-content > .dialkit-folder-inner > .dialkit-folder:first-child {
  border-top: none;
  margin-top: 0;
}

.dialkit-panel[data-multiple="true"] .dialkit-folder-root > .dialkit-folder-content > .dialkit-folder-inner > .dialkit-folder + .dialkit-folder {
  margin-top: 0;
}

.dialkit-panel[data-multiple="true"] .dialkit-folder-root > .dialkit-folder-content > .dialkit-folder-inner > .dialkit-folder > .dialkit-folder-content > .dialkit-folder-inner {
  padding-top: 4px;
  padding-bottom: 12px;
}

/* Content spacing handled by folder-inner gap */

/* Slider */

.dialkit-slider-wrapper {
  position: relative;
  height: var(--dial-row-height);
}

.dialkit-slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: hidden;
  background: var(--dial-surface);
  border-radius: var(--dial-radius);
  touch-action: none;
}

.dialkit-slider-hashmarks {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.dialkit-slider-hashmark {
  position: absolute;
  top: 50%;
  width: 1px;
  height: 8px;
  border-radius: 999px;
  transform: translateX(-50%) translateY(-50%);
  background: rgba(255, 255, 255, 0);
  transition: background 200ms;
}

.dialkit-slider-active .dialkit-slider-hashmark {
  background: var(--dial-border-hover);
}

.dialkit-slider-active .dialkit-slider-value {
  color: var(--dial-text-focus);
}

.dialkit-slider-fill {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background: var(--dial-surface-active);
  transition: background 0.15s;
  pointer-events: none;
}

.dialkit-slider-active .dialkit-slider-fill {
  background: var(--dial-border-hover);
}

.dialkit-slider-handle {
  position: absolute;
  top: 50%;
  width: 3px;
  height: 20px;
  border-radius: 999px;
  background: var(--dial-text-primary);
  pointer-events: none;
}

.dialkit-slider-label {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(calc(-50% - 0.5px));
  font-size: 13px;
  font-weight: 500;
  color: var(--dial-text-label);
  pointer-events: none;
  transition: color 0.15s;
  display: inline-flex;
  align-items: center;
}

.dialkit-slider-value {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(calc(-50% + 0.5px));
  font-size: 13px;
  font-weight: 500;
  font-family: 'Geist Mono', monospace;
  color: var(--dial-text-label);
  pointer-events: auto;
  transition: color 0.15s, border-color 0.15s;
  border-bottom: 1px solid transparent;
  padding-bottom: 1px;
}

.dialkit-slider-value-editable {
  border-bottom-color: var(--dial-text-label);
}

.dialkit-slider-input {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 4ch;
  min-width: 3ch;
  max-width: 6ch;
  font-size: 13px;
  font-weight: 500;
  font-family: 'Geist Mono', monospace;
  color: var(--dial-text-label);
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--dial-text-label);
  padding: 0 0 1px 0;
  outline: none;
  text-align: right;
}

.dialkit-slider-input:focus {
  color: var(--dial-text-focus);
}

/* Segmented Control */

.dialkit-segmented {
  position: relative;
  display: flex;
  padding: 2px;
  background: transparent;
  border-radius: var(--dial-radius);
}

.dialkit-segmented-pill {
  position: absolute;
  top: 2px;
  bottom: 2px;
  background: var(--dial-surface-active);
  border-radius: 6px;
  z-index: 0;
  pointer-events: none;
}

.dialkit-segmented-button {
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
  padding: 6px 8px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: color 0.15s;
}

.dialkit-segmented-button[data-active="true"] {
  color: var(--dial-text-primary);
}

.dialkit-segmented-button[data-active="false"] {
  color: var(--dial-text-label);
}

/* Toggle */

.dialkit-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  background: var(--dial-surface);
  border-radius: var(--dial-radius);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: background 0.15s;
}

.dialkit-toggle:hover {
  background: var(--dial-surface-hover);
}

.dialkit-toggle-label {
  font-size: 13px;
  font-weight: 500;
  color: var(--dial-text-label);
  transition: color 0.15s;
}

.dialkit-toggle[data-checked="true"] .dialkit-toggle-label {
  color: var(--dial-text-primary);
}

.dialkit-toggle-track {
  width: 36px;
  height: 20px;
  border-radius: 10px;
  background: var(--dial-surface-active);
  transition: background 0.2s;
  position: relative;
}

.dialkit-toggle[data-checked="true"] .dialkit-toggle-track {
  background: var(--dial-border-hover);
}

.dialkit-toggle-thumb {
  position: absolute;
  top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background: var(--dial-text-primary);
}

/* Button Group */

.dialkit-button-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.dialkit-button {
  flex: 1;
  padding: 10px 16px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  color: var(--dial-text-secondary);
  background: var(--dial-surface);
  border: none;
  border-radius: var(--dial-radius);
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}

.dialkit-button:hover {
  background: var(--dial-surface-hover);
  color: var(--dial-text-primary);
}

.dialkit-button:active {
  background: var(--dial-surface-active);
}

/* Labeled Control Row (label + control side by side) */

.dialkit-labeled-control {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  height: var(--dial-row-height);
  padding: 2px 10px 2px 12px;
  background: var(--dial-surface);
  border-radius: var(--dial-radius);
}

.dialkit-labeled-control-label {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
  color: var(--dial-text-label);
  flex-shrink: 0;
  line-height: 17px;
}

.dialkit-labeled-control .dialkit-segmented {
  flex-shrink: 0;
  margin-right: -6px;
}

.dialkit-action-button {
  width: 160px;
  flex-shrink: 0;
  padding: 10px 16px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  color: var(--dial-text-secondary);
  background: var(--dial-surface);
  border: none;
  border-radius: var(--dial-radius);
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}

.dialkit-action-button:hover {
  background: var(--dial-surface-hover);
  color: var(--dial-text-primary);
}

.dialkit-action-button:active {
  background: var(--dial-surface-active);
}

.dialkit-actions-group {
  align-items: flex-start;
}

.dialkit-actions-stack {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 160px;
}

/* Spring Visualization */

.dialkit-spring-viz {
  width: 100%;
  border-radius: var(--dial-radius);
  background: var(--dial-surface);
  overflow: visible;
}

.dialkit-easing-viz {
  width: 100%;
  aspect-ratio: 256 / 140;
}

/* Panel Wrapper (contains panel + toolbar) */

.dialkit-panel-wrapper {
  display: inline-flex;
  flex-direction: column;
}

/* Panel Toolbar */

.dialkit-panel-toolbar {
  display: flex;
  align-items: center;
  gap: 6px;
  height: var(--dial-row-height);
  margin-bottom: 6px;
  min-width: 0;
  overflow: hidden;
}

.dialkit-panel-section-toolbar {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  height: var(--dial-row-height);
  min-width: 0;
  overflow: hidden;
}

.dialkit-toolbar-add {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--dial-row-height);
  height: var(--dial-row-height);
  padding: 0;
  flex-shrink: 0;
  background: var(--dial-surface);
  border: none;
  border-radius: var(--dial-radius);
  cursor: pointer;
  transition: background 0.15s;
}

.dialkit-toolbar-add:hover {
  background: var(--dial-surface-hover);
}

.dialkit-timeline-toolbar-toggle[data-active] {
  background: var(--dial-surface-active);
  color: var(--dial-text-root);
}

.dialkit-toolbar-add svg {
  width: 16px;
  height: 16px;
  color: var(--dial-text-label);
}

.dialkit-timeline-toolkit-only {
  height: var(--dial-row-height);
  display: flex;
  align-items: center;
  padding: 0 12px;
  border-radius: var(--dial-radius);
  background: var(--dial-surface-subtle);
  color: var(--dial-text-secondary);
  font-size: 12px;
}

.dialkit-toolbar-copy {
  position: relative;
  display: flex;
  align-items: center;
  gap: 6px;
  height: var(--dial-row-height);
  padding: 0 12px;
  flex-shrink: 0;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  color: var(--dial-text-label);
  background: var(--dial-surface);
  border: none;
  border-radius: var(--dial-radius);
  cursor: pointer;
  transition: background 0.15s;
}

.dialkit-toolbar-copy:hover {
  background: var(--dial-surface-hover);
}

.dialkit-toolbar-copy-icon-wrap {
  position: relative;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.dialkit-toolbar-copy-icon {
  position: absolute;
  inset: 0;
  width: 16px;
  height: 16px;
}

/* Text Control */

.dialkit-text-control {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  height: var(--dial-row-height);
  padding: 0 12px;
  background: var(--dial-surface);
  border-radius: var(--dial-radius);
}

.dialkit-text-label {
  font-size: 13px;
  font-weight: 500;
  color: var(--dial-text-label);
  flex-shrink: 0;
}

.dialkit-text-input {
  flex: 1;
  min-width: 0;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  color: var(--dial-text-label);
  background: transparent;
  border: none;
  padding: 0;
  outline: none;
  text-align: right;
  cursor: text;
}

.dialkit-text-input:focus {
  color: var(--dial-text-focus);
}

.dialkit-text-input::-moz-placeholder {
  color: var(--dial-text-tertiary);
}

.dialkit-text-input::placeholder {
  color: var(--dial-text-tertiary);
}

/* Select Control - Full-width row */

.dialkit-select-row {
}

.dialkit-select-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: var(--dial-row-height);
  padding: 0 12px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  color: var(--dial-text-label);
  background: var(--dial-surface);
  border: none;
  border-radius: var(--dial-radius);
  cursor: pointer;
  transition: background 0.15s;
}

.dialkit-select-trigger:hover {
  background: var(--dial-surface-hover);
}

.dialkit-select-trigger[data-open="true"] {
  background: var(--dial-surface-active);
}

.dialkit-select-label {
  font-size: 13px;
  font-weight: 500;
  color: var(--dial-text-label);
  flex-shrink: 0;
  transform: translateY(-0.5px);
}

.dialkit-select-right {
  display: flex;
  align-items: center;
  gap: 8px;
}

.dialkit-select-value {
  font-size: 13px;
  font-weight: 500;
  color: var(--dial-text-label);
  transform: translateY(-0.5px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dialkit-select-chevron {
  width: 20px;
  height: 20px;
  padding: 2px;
  box-sizing: border-box;
  flex-shrink: 0;
  opacity: 0.6;
}

/* Select Dropdown (portaled to body) */

.dialkit-select-dropdown {
  background: var(--dial-glass-bg);
  border: 1px solid var(--dial-border);
  border-radius: var(--dial-radius);
  padding: 4px;
  z-index: 10000;
  box-shadow: var(--dial-shadow-dropdown);
}

.dialkit-select-option {
  display: block;
  width: 100%;
  padding: 8px 10px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  color: var(--dial-text-label);
  background: transparent;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  text-align: left;
  transition: background 0.15s, color 0.15s;
}

.dialkit-select-option:hover {
  background: var(--dial-surface-hover);
}

.dialkit-select-option[data-selected="true"] {
  color: var(--dial-text-primary);
  background: var(--dial-surface-active);
}

/* Color Control */

.dialkit-color-control {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  height: var(--dial-row-height);
  padding: 0 12px;
  background: var(--dial-surface);
  border-radius: var(--dial-radius);
}

.dialkit-color-label {
  font-size: 13px;
  font-weight: 500;
  color: var(--dial-text-label);
  flex-shrink: 0;
  transform: translateY(-0.5px);
}

.dialkit-color-inputs {
  display: flex;
  align-items: center;
  gap: 8px;
}

.dialkit-color-hex {
  font-size: 13px;
  font-weight: 500;
  font-family: 'Geist Mono', monospace;
  color: var(--dial-text-label);
  cursor: text;
  transform: translateY(-0.5px);
}

.dialkit-color-hex-input {
  width: 7ch;
  font-size: 13px;
  font-weight: 500;
  font-family: 'Geist Mono', monospace;
  color: var(--dial-text-label);
  background: transparent;
  border: none;
  padding: 0;
  outline: none;
  text-transform: uppercase;
  transform: translateY(-0.5px);
}

.dialkit-color-hex-input:focus {
  color: var(--dial-text-focus);
}

.dialkit-color-swatch {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 1px solid var(--dial-border-hover);
  cursor: pointer;
  transition: transform 0.15s;
}

.dialkit-color-swatch:hover {
  transform: scale(1.1);
}

.dialkit-color-picker-native {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}

/* Preset Manager */

.dialkit-preset-manager {
  position: relative;
  flex: 1;
}

.dialkit-preset-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: var(--dial-row-height);
  padding: 0 12px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  color: var(--dial-text-label);
  background: var(--dial-surface);
  border: none;
  border-radius: var(--dial-radius);
  cursor: pointer;
  transition: background 0.15s;
}

.dialkit-preset-trigger:hover {
  background: var(--dial-surface-hover);
}

.dialkit-preset-trigger[data-disabled="true"] {
  cursor: default;
}

.dialkit-preset-trigger[data-disabled="true"]:hover {
  background: var(--dial-surface);
}

.dialkit-preset-trigger[data-open="true"] {
  background: var(--dial-surface-active);
}

.dialkit-preset-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dialkit-preset-dropdown {
  width: -moz-max-content;
  width: max-content;
  background: var(--dial-dropdown-bg);
  border: 1px solid var(--dial-border);
  border-radius: 12px;
  padding: 4px;
  z-index: 10000;
  box-shadow: var(--dial-shadow-dropdown);
}

.dialkit-preset-list {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-bottom: 4px;
  padding-bottom: 4px;
  border-bottom: 1px solid var(--dial-border);
}

.dialkit-preset-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 10px 8px 10px;
  gap: 8px;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.15s;
}

.dialkit-preset-item:hover {
  background: var(--dial-surface-hover);
}

.dialkit-preset-item[data-active="true"] {
  background: var(--dial-surface-active);
}

.dialkit-preset-name {
  font-size: 13px;
  font-weight: 500;
  color: var(--dial-text-label);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dialkit-preset-item[data-active="true"] .dialkit-preset-name {
  color: var(--dial-text-primary);
}

.dialkit-preset-delete {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.15s;
  flex-shrink: 0;
}

.dialkit-preset-item:hover .dialkit-preset-delete {
  opacity: 0.6;
}

.dialkit-preset-delete:hover {
  opacity: 1 !important;
}

.dialkit-preset-delete svg {
  width: 14px;
  height: 14px;
  color: var(--dial-text-focus);
  pointer-events: none;
}

.dialkit-preset-save-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  padding: 8px 10px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  color: var(--dial-text-label);
  background: transparent;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}

.dialkit-preset-save-btn:hover {
  background: var(--dial-surface-hover);
  color: var(--dial-text-primary);
}

.dialkit-preset-save-btn svg {
  width: 12px;
  height: 12px;
}

.dialkit-preset-save-row {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px;
}

.dialkit-preset-input {
  flex: 1;
  min-width: 0;
  padding: 6px 8px;
  font-family: inherit;
  font-size: 13px;
  color: var(--dial-text-primary);
  background: var(--dial-surface);
  border: 1px solid var(--dial-border);
  border-radius: 6px;
  outline: none;
}

.dialkit-preset-input:focus {
  border-color: var(--dial-text-label);
}

.dialkit-preset-input::-moz-placeholder {
  color: var(--dial-text-tertiary);
}

.dialkit-preset-input::placeholder {
  color: var(--dial-text-tertiary);
}

.dialkit-preset-confirm {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  background: var(--dial-surface);
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.15s;
}

.dialkit-preset-confirm:hover:not(:disabled) {
  background: var(--dial-surface-hover);
}

.dialkit-preset-confirm:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.dialkit-preset-confirm svg {
  width: 14px;
  height: 14px;
  color: var(--dial-text-label);
}

/* Shortcut Pill */

.dialkit-shortcut-pill {
  display: inline-block;
  font-size: 10px;
  font-weight: 600;
  font-family: system-ui, -apple-system, sans-serif;
  color: var(--dial-text-tertiary);
  background: var(--dial-surface-subtle);
  padding: 1px 5px;
  border-radius: 4px;
  margin-left: 6px;
  letter-spacing: 0.02em;
  line-height: 16px;
  white-space: nowrap;
  vertical-align: middle;
  transition: color 0.15s, background 0.15s;
}

.dialkit-shortcut-pill-active {
  color: var(--dial-text-primary);
  background: var(--dial-border-hover);
}

/* Shortcuts Menu Trigger */

.dialkit-shortcuts-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--dial-row-height);
  height: var(--dial-row-height);
  padding: 0;
  flex-shrink: 0;
  background: var(--dial-surface);
  border: none;
  border-radius: var(--dial-radius);
  cursor: pointer;
  transition: background 0.15s;
}

.dialkit-shortcuts-trigger:hover {
  background: var(--dial-surface-hover);
}

.dialkit-shortcuts-trigger svg {
  width: 16px;
  height: 16px;
  color: var(--dial-text-label);
}

/* Shortcuts Dropdown */

.dialkit-shortcuts-dropdown {
  background: var(--dial-dropdown-bg);
  border: 1px solid var(--dial-border);
  border-radius: 12px;
  padding: 8px;
  z-index: 10000;
  box-shadow: var(--dial-shadow-dropdown);
  min-width: 200px;
}

.dialkit-shortcuts-title {
  font-size: 11px;
  font-weight: 600;
  color: var(--dial-text-tertiary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 4px 8px 8px;
}

.dialkit-shortcuts-list {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.dialkit-shortcuts-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 8px;
  border-radius: 6px;
}

.dialkit-shortcuts-row-key {
  font-size: 11px;
  font-weight: 600;
  font-family: ui-monospace, 'SF Mono', 'Courier New', monospace;
  color: var(--dial-text-secondary);
  background: var(--dial-surface-subtle);
  padding: 2px 6px;
  border-radius: 4px;
  min-width: 28px;
  text-align: center;
}

.dialkit-shortcuts-row-label {
  flex: 1;
  font-size: 13px;
  font-weight: 500;
  color: var(--dial-text-label);
}

.dialkit-shortcuts-row-mode {
  font-size: 11px;
  font-weight: 500;
  color: var(--dial-text-tertiary);
  font-style: italic;
}

.dialkit-shortcuts-hint {
  font-size: 11px;
  color: var(--dial-text-tertiary);
  padding: 6px 8px 2px;
  border-top: 1px solid var(--dial-border);
  margin-top: 4px;
}

/* ── Light Theme ── */

.dialkit-root[data-theme="light"] {
  --dial-surface: rgba(0, 0, 0, 0.04);
  --dial-surface-hover: rgba(0, 0, 0, 0.08);
  --dial-surface-active: rgba(0, 0, 0, 0.1);
  --dial-surface-subtle: rgba(0, 0, 0, 0.06);

  --dial-text-root: #000000;
  --dial-text-section: rgba(0, 0, 0, 0.65);
  --dial-text-label: rgba(0, 0, 0, 0.6);
  --dial-text-focus: #000000;

  --dial-text-primary: rgba(0, 0, 0, 0.9);
  --dial-text-secondary: rgba(0, 0, 0, 0.55);
  --dial-text-tertiary: rgba(0, 0, 0, 0.35);

  --dial-border: rgba(0, 0, 0, 0.1);
  --dial-border-hover: rgba(0, 0, 0, 0.15);

  --dial-timeline-clip-overlay: rgba(0, 0, 0, 0.28);

  --dial-glass-bg: #fafafa;
  --dial-dropdown-bg: #ffffff;
  --dial-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  --dial-shadow-collapsed: 0 2px 10px rgba(0, 0, 0, 0.06);
  --dial-shadow-dropdown: 0 4px 16px rgba(0, 0, 0, 0.08);
}

/* Light mode: SVG visualization overrides */

.dialkit-root[data-theme="light"] .dialkit-spring-viz line {
  stroke: rgba(0, 0, 0, 0.08);
}

.dialkit-root[data-theme="light"] .dialkit-spring-viz line[stroke-dasharray] {
  stroke: rgba(0, 0, 0, 0.15);
}

.dialkit-root[data-theme="light"] .dialkit-spring-viz path {
  stroke: rgba(0, 0, 0, 0.5);
}

/* Light mode: toggle thumb needs shadow for definition */

.dialkit-root[data-theme="light"] .dialkit-toggle-thumb {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.08);
}

/* ── System preference: light ── */

@media (prefers-color-scheme: light) {
  .dialkit-root[data-theme="system"] {
    --dial-surface: rgba(0, 0, 0, 0.04);
    --dial-surface-hover: rgba(0, 0, 0, 0.08);
    --dial-surface-active: rgba(0, 0, 0, 0.1);
    --dial-surface-subtle: rgba(0, 0, 0, 0.06);

    --dial-text-root: #000000;
    --dial-text-section: rgba(0, 0, 0, 0.65);
    --dial-text-label: rgba(0, 0, 0, 0.6);
    --dial-text-focus: #000000;

    --dial-text-primary: rgba(0, 0, 0, 0.9);
    --dial-text-secondary: rgba(0, 0, 0, 0.55);
    --dial-text-tertiary: rgba(0, 0, 0, 0.35);

    --dial-border: rgba(0, 0, 0, 0.1);
    --dial-border-hover: rgba(0, 0, 0, 0.15);

    --dial-timeline-clip-overlay: rgba(0, 0, 0, 0.28);

    --dial-glass-bg: #fafafa;
    --dial-dropdown-bg: #ffffff;
    --dial-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    --dial-shadow-collapsed: 0 2px 10px rgba(0, 0, 0, 0.06);
    --dial-shadow-dropdown: 0 4px 16px rgba(0, 0, 0, 0.08);
  }

  .dialkit-root[data-theme="system"] .dialkit-spring-viz line {
    stroke: rgba(0, 0, 0, 0.08);
  }

  .dialkit-root[data-theme="system"] .dialkit-spring-viz line[stroke-dasharray] {
    stroke: rgba(0, 0, 0, 0.15);
  }

  .dialkit-root[data-theme="system"] .dialkit-spring-viz path {
    stroke: rgba(0, 0, 0, 0.5);
  }

  .dialkit-root[data-theme="system"] .dialkit-toggle-thumb {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.08);
  }

}

/* ── Timeline dock ── */

.dialkit-timeline {
  position: fixed;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 9998;
}

.dialkit-timeline[hidden] {
  display: none;
}

.dialkit-timeline-dock {
  position: relative;
  box-sizing: border-box;
  background: var(--dial-glass-bg);
  border: 1px solid var(--dial-border);
  border-radius: 14px;
  backdrop-filter: blur(var(--dial-backdrop-blur));
  -webkit-backdrop-filter: blur(var(--dial-backdrop-blur));
  padding: 0 12px 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--dial-text-tertiary) transparent;
}

.dialkit-timeline-resize-handle {
  position: absolute;
  top: -4px;
  left: 0;
  right: 0;
  z-index: 9;
  height: 10px;
  cursor: ns-resize;
  touch-action: none;
}

.dialkit-timeline-dock::-webkit-scrollbar {
  width: 8px;
}

.dialkit-timeline-dock::-webkit-scrollbar-track {
  background: transparent;
}

.dialkit-timeline-dock::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: var(--dial-text-tertiary);
}

.dialkit-timeline-section {
  --dial-timeline-label-w: 96px;
  --dial-timeline-actions-w: 284px;
  --dial-timeline-header-h: calc(var(--dial-row-height) + 4px);
}

.dialkit-timeline-section + .dialkit-timeline-section {
  border-top: 1px solid var(--dial-border);
  padding-top: 10px;
}

.dialkit-timeline-header {
  display: grid;
  grid-template-columns: auto minmax(100px, 1fr) auto;
  align-items: center;
  gap: 12px;
  position: sticky;
  top: 0;
  z-index: 7;
  box-sizing: border-box;
  height: var(--dial-timeline-header-h);
  padding: 4px 0 0;
  margin: 0;
  background: var(--dial-glass-bg);
  backdrop-filter: blur(var(--dial-backdrop-blur));
  -webkit-backdrop-filter: blur(var(--dial-backdrop-blur));
}

.dialkit-timeline-header[data-open] {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
}

.dialkit-timeline-header:not([data-open]) {
  grid-template-columns: var(--dial-timeline-label-w) minmax(0, 1fr) auto;
  gap: 0;
}

.dialkit-timeline-header:not([data-open]) .dialkit-timeline-identity {
  width: var(--dial-timeline-label-w);
  box-sizing: border-box;
  padding-right: 10px;
  overflow: hidden;
}

.dialkit-timeline-header:not([data-open]) .dialkit-timeline-title {
  overflow: hidden;
  text-overflow: ellipsis;
}

.dialkit-timeline-header:not([data-open]) .dialkit-timeline-overview {
  margin-right: 12px;
}

.dialkit-timeline-identity {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.dialkit-timeline-title {
  display: block;
  min-width: 0;
  font-size: 15px;
  font-weight: 600;
  color: var(--dial-text-root);
  letter-spacing: -0.01em;
  white-space: nowrap;
}

.dialkit-timeline-header[data-open] .dialkit-timeline-identity {
  width: 100%;
  overflow: hidden;
}

.dialkit-timeline-header[data-open] .dialkit-timeline-title {
  display: inline-block;
  flex: 0 1 auto;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dialkit-timeline-time {
  font-family: 'Geist Mono', ui-monospace, monospace;
  font-size: 13px;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  color: var(--dial-text-label);
  white-space: nowrap;
}

.dialkit-timeline-overview {
  position: relative;
  min-width: 60px;
  height: 12px;
  border-radius: 999px;
  background: var(--dial-surface-subtle);
  overflow: hidden;
  cursor: col-resize;
  touch-action: none;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.dialkit-timeline-overview-viewport {
  position: absolute;
  inset-block: 0;
  border-radius: inherit;
  pointer-events: none;
}

.dialkit-timeline-overview-viewport[data-zoomed] {
  background: color-mix(in srgb, var(--dial-text-tertiary) 18%, transparent);
  box-shadow: inset 0 0 0 1px var(--dial-border);
}

.dialkit-timeline-overview-progress {
  position: absolute;
  inset: 0 auto 0 0;
  border-radius: 999px 0 0 999px;
  background: var(--dial-text-tertiary);
  opacity: 0.35;
  pointer-events: none;
}

.dialkit-timeline-overview-playhead {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  border-radius: 2px;
  background: var(--dial-text-root);
  transform: translateX(-1px);
  pointer-events: none;
}

.dialkit-timeline-actions {
  display: flex;
  align-items: center;
  gap: 6px;
}

.dialkit-timeline-header[data-open] .dialkit-timeline-actions {
  width: auto;
  box-sizing: border-box;
  justify-content: flex-end;
  padding-left: 0;
}

.dialkit-timeline-actions .dialkit-preset-manager {
  flex: 0 0 120px;
  width: 120px;
}

.dialkit-timeline-chevron {
  background: none;
  border: none;
  width: 20px;
  height: var(--dial-row-height);
  padding: 2px;
  cursor: pointer;
  color: var(--dial-text-label);
  opacity: 0.6;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.15s;
}

.dialkit-timeline-chevron:hover {
  opacity: 1;
}

.dialkit-timeline-chevron svg {
  width: 16px;
  height: 16px;
  transition: transform 0.18s ease;
}

.dialkit-timeline-chevron[data-open="true"] svg {
  transform: rotate(180deg);
}

.dialkit-timeline-body {
  margin-top: 0;
  overflow: visible;
}

.dialkit-timeline-scroll-row {
  position: sticky;
  bottom: -10px;
  z-index: 6;
  display: grid;
  grid-template-columns: var(--dial-timeline-label-w) minmax(0, 1fr);
  margin-top: 6px;
  margin-bottom: -10px;
  padding: 4px 0 10px;
  background: var(--dial-glass-bg);
  backdrop-filter: blur(var(--dial-backdrop-blur));
  -webkit-backdrop-filter: blur(var(--dial-backdrop-blur));
}

.dialkit-timeline-horizontal-scroll {
  min-width: 0;
  height: 10px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  scrollbar-color: var(--dial-text-tertiary) transparent;
  overscroll-behavior-x: contain;
}

.dialkit-timeline-horizontal-scroll > div {
  height: 1px;
}

.dialkit-timeline-horizontal-scroll::-webkit-scrollbar {
  height: 8px;
}

.dialkit-timeline-horizontal-scroll::-webkit-scrollbar-track {
  background: transparent;
}

.dialkit-timeline-horizontal-scroll::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: var(--dial-text-tertiary);
}

.dialkit-timeline-grid {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.dialkit-timeline-row {
  display: grid;
  grid-template-columns: var(--dial-timeline-label-w) minmax(0, 1fr);
  align-items: stretch;
}

.dialkit-timeline-label {
  flex: 0 0 var(--dial-timeline-label-w);
  box-sizing: border-box; /* indent padding must not widen the column — every lane starts at the same x */
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  font-weight: 500;
  color: var(--dial-text-label);
  padding-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.dialkit-timeline-ruler {
  position: relative;
  min-width: 0;
  height: 28px;
  cursor: col-resize;
  touch-action: none;
  overflow: visible;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  z-index: 5;
}

.dialkit-timeline-ruler-row {
  position: sticky;
  top: var(--dial-timeline-header-h);
  z-index: 6;
  height: 28px;
  background: var(--dial-glass-bg);
  backdrop-filter: blur(var(--dial-backdrop-blur));
  -webkit-backdrop-filter: blur(var(--dial-backdrop-blur));
}

.dialkit-timeline-tick {
  position: absolute;
  top: 50%;
  width: 1px;
  height: 100%;
  background: var(--dial-text-tertiary);
  transform: translateY(-50%);
  pointer-events: none;
}

.dialkit-timeline-tick-medium {
  height: 16px;
  background: var(--dial-border-hover);
}

.dialkit-timeline-tick-fine {
  height: 8px;
  background: var(--dial-border);
}

.dialkit-timeline-tick-label {
  position: absolute;
  top: 50%;
  left: 4px;
  display: flex;
  align-items: center;
  height: 18px;
  transform: translateY(-50%);
  font-family: 'Geist Mono', ui-monospace, monospace;
  font-size: 9.5px;
  line-height: 18px;
  font-variant-numeric: tabular-nums;
  color: var(--dial-text-tertiary);
  white-space: nowrap;
}

.dialkit-timeline-row {
  height: 28px;
}

/* ── Layer groups ── */

.dialkit-timeline-group-row {
  height: 22px;
}

.dialkit-timeline-group-row .dialkit-timeline-label {
  gap: 4px;
  font-weight: 600;
  color: var(--dial-text-root);
}

.dialkit-timeline-group-row .dialkit-timeline-lane {
  background: none;
}

.dialkit-timeline-group-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  padding: 0;
  margin-left: -2px;
  cursor: pointer;
  color: var(--dial-text-tertiary);
}

.dialkit-timeline-group-toggle svg {
  width: 10px;
  height: 10px;
  transform: rotate(-90deg);
  transition: transform 0.15s ease;
}

.dialkit-timeline-group-toggle[data-open="true"] svg {
  transform: rotate(0deg);
}

.dialkit-timeline-row[data-grouped] .dialkit-timeline-label {
  padding-left: 14px;
}

.dialkit-timeline-lane {
  position: relative;
  flex: 1;
  background: var(--dial-surface-subtle);
  border-radius: 8px;
  overflow: hidden;
}

.dialkit-timeline-clip {
  position: absolute;
  top: 3px;
  bottom: 3px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 9px;
  cursor: grab;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  touch-action: none;
  box-sizing: border-box;
  overflow: hidden;
  z-index: 1;
  box-shadow: inset 0 0 0 999px var(--dial-timeline-clip-overlay);
}

.dialkit-timeline-clip-ghost {
  position: absolute;
  top: 4px;
  bottom: 4px;
  display: flex;
  border-radius: 5px;
  box-sizing: border-box;
  overflow: hidden;
  opacity: 0.18;
  pointer-events: none;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.dialkit-timeline-clip-ghost-segment {
  height: 100%;
  flex-shrink: 0;
  box-sizing: border-box;
}

.dialkit-timeline-clip-ghost-segment + .dialkit-timeline-clip-ghost-segment {
  box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.5);
}

.dialkit-timeline-loop-infinity {
  position: absolute;
  top: 50%;
  right: 7px;
  z-index: 2;
  color: var(--dial-text-tertiary);
  font-family: 'Geist Mono', ui-monospace, monospace;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  transform: translateY(-50%);
  pointer-events: none;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.dialkit-timeline-clip[data-dragging] {
  cursor: grabbing;
}

.dialkit-timeline-clip[data-selected] {
  box-shadow:
    0 0 0 2px var(--dial-text-root),
    inset 0 0 0 999px var(--dial-timeline-clip-overlay);
}

.dialkit-timeline-clip-duration {
  font-family: 'Geist Mono', ui-monospace, monospace;
  font-size: 9.5px;
  font-variant-numeric: tabular-nums;
  color: rgba(0, 0, 0, 0.55);
  white-space: nowrap;
  pointer-events: none;
}

/* ── Sequence segments ──
   A steps clip is one bar sliced into legs; boundaries between legs are
   drag handles that retime the leg to their left. */

.dialkit-timeline-clip[data-steps] {
  padding: 0;
  justify-content: flex-start;
}

.dialkit-timeline-clip-segment {
  position: relative;
  height: 100%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 8px;
  box-sizing: border-box;
  overflow: hidden;
}

.dialkit-timeline-clip-segment + .dialkit-timeline-clip-segment {
  box-shadow: inset 1.5px 0 0 rgba(0, 0, 0, 0.25);
}

.dialkit-timeline-clip-segment:hover {
  background: rgba(0, 0, 0, 0.06);
}

.dialkit-timeline-clip-segment[data-selected] {
  background: rgba(0, 0, 0, 0.12);
}

/* ── Property tracks ──
   A props clip's row is a read-only composite — click to expand. Each
   property expands into a full track row: a complete clip bar whose
   position is the track's delay. */

.dialkit-timeline-clip[data-composite] {
  cursor: pointer;
}

.dialkit-timeline-track-row .dialkit-timeline-label {
  font-size: 13px;
  color: var(--dial-text-tertiary);
  padding-left: 26px;
}

.dialkit-timeline-track-row[data-grouped] .dialkit-timeline-label {
  padding-left: 32px;
}

.dialkit-timeline-clip-handle {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 8px;
  cursor: ew-resize;
}

.dialkit-timeline-clip-handle[data-edge="start"] {
  left: 0;
}

.dialkit-timeline-clip-handle[data-edge="end"] {
  right: 0;
}

.dialkit-timeline-playhead-control {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 12px;
  margin-left: -6px;
  cursor: ew-resize;
  touch-action: none;
}

.dialkit-timeline-playhead-anchor {
  position: sticky;
  top: calc(var(--dial-timeline-header-h) + 14px);
  z-index: 8;
  width: 0;
  height: 0;
  margin-left: 6px;
}

.dialkit-timeline-playhead-anchor::before {
  content: '';
  position: absolute;
  top: 0;
  left: -1px;
  width: 2px;
  height: 15px;
  background: var(--dial-text-root);
  pointer-events: none;
}

.dialkit-timeline-playhead-flag {
  position: absolute;
  top: 0;
  left: calc(var(--dial-timeline-playhead-flag-offset, 0px) - 26px);
  z-index: 1;
  width: 52px;
  height: 18px;
  padding: 0 7px;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.75);
  border-radius: 6px;
  background: #f3f3f3;
  color: #414141;
  font-family: 'Geist Mono', ui-monospace, monospace;
  font-size: 9.5px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum' 1;
  line-height: 16px;
  text-align: center;
  white-space: nowrap;
  transform: translateY(-50%);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
  transition: top 0.12s ease;
}

.dialkit-timeline-playhead-stem {
  position: absolute;
  top: 27px;
  bottom: 0;
  left: 5px;
  z-index: 5;
  width: 2px;
  background: var(--dial-text-root);
  pointer-events: none;
}

/* ── Timeline clip popover ── */

.dialkit-timeline-popover {
  position: fixed;
  z-index: 10000;
  background: var(--dial-glass-bg);
  border: 1px solid var(--dial-border);
  border-radius: 14px;
  backdrop-filter: blur(var(--dial-backdrop-blur));
  -webkit-backdrop-filter: blur(var(--dial-backdrop-blur));
  box-shadow: var(--dial-shadow);
  padding: 10px 12px;
  box-sizing: border-box;
  max-height: 60vh;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.dialkit-timeline-popover::-webkit-scrollbar {
  display: none;
}

.dialkit-timeline-popover-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 2px 2px 8px;
  margin-bottom: 6px;
  border-bottom: 1px solid var(--dial-border);
}

.dialkit-timeline-popover-title {
  font-size: 15px;
  font-weight: 600;
  color: var(--dial-text-root);
  letter-spacing: -0.01em;
}

.dialkit-timeline-popover-close {
  width: 24px;
  height: 24px;
  margin-left: auto;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 6px;
  background: none;
  color: var(--dial-text-tertiary);
  cursor: pointer;
}

.dialkit-timeline-popover-close:hover {
  color: var(--dial-text-root);
  background: var(--dial-surface-hover);
}

.dialkit-timeline-popover-close svg {
  width: 14px;
  height: 14px;
}

.dialkit-timeline-popover-body {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.dialkit-timeline-popover-body > .dialkit-folder:first-child {
  margin-top: 0;
  border-top: none;
}

@media (max-width: 720px) {
  .dialkit-timeline-dock {
    padding: 0 10px 10px;
  }

  .dialkit-timeline-header {
    grid-template-columns: auto minmax(40px, 1fr) auto;
    gap: 8px;
  }

  .dialkit-timeline-section {
    --dial-timeline-label-w: 76px;
    --dial-timeline-actions-w: 270px;
  }

  .dialkit-timeline-identity {
    overflow: hidden;
    gap: 7px;
  }

  .dialkit-timeline-title {
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .dialkit-timeline-time {
    font-size: 11px;
  }

  .dialkit-timeline-overview {
    height: 12px;
  }

  .dialkit-timeline-actions {
    min-width: 0;
  }

  .dialkit-timeline-actions .dialkit-preset-manager {
    flex-basis: 100px;
    width: 100px;
  }

  .dialkit-timeline-chevron {
    width: 26px;
    height: 28px;
    justify-content: center;
    padding: 0;
  }

  .dialkit-timeline-grid {
    min-width: 0;
  }
}
[data-desk-appearance-settings] {
  min-width: 0;
  color: var(--dc-fg, hsl(var(--foreground)));
}

[data-desk-appearance-settings] .desk-appearance-description {
  padding: 8px 10px;
  color: var(--dc-muted, hsl(var(--muted-foreground)));
  font-size: 11px;
}

[data-desk-appearance-settings] .desk-appearance-section + .desk-appearance-section {
  border-top: 1px solid var(--dc-border, hsl(var(--border)));
}

[data-desk-appearance-settings] .desk-appearance-section-trigger {
  display: flex;
  width: 100%;
  min-height: 32px;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  color: inherit;
  font-size: 12px;
  text-align: left;
}

[data-desk-appearance-settings] .desk-appearance-section-trigger:hover {
  background: var(--dc-bg, hsl(var(--muted) / 0.25));
}

[data-desk-appearance-settings] .desk-appearance-section-trigger > svg {
  width: 12px;
  height: 12px;
}

[data-desk-appearance-settings] .desk-appearance-section-summary {
  min-width: 0;
  margin-left: auto;
  overflow: hidden;
  color: var(--dc-muted, hsl(var(--muted-foreground)));
  text-overflow: ellipsis;
  white-space: nowrap;
}

[data-desk-appearance-settings] button:focus-visible {
  outline: 1px solid currentColor;
  outline-offset: -2px;
}
/* Shared sitewide dock + chrome — slimmer chips, coloured accents, light/dark slab. */

[data-rd-bottom-bar][data-rd-bottom-bar-chrome],
[data-rd-bottom-bar] [data-rd-bottom-bar-chrome] {
  background: linear-gradient(180deg, #26262a, #1b1b1e);
  background-image: linear-gradient(180deg, #26262a, #1b1b1e) !important;
  color: #ffffff;
  border-color: #1e1e20;
}

[data-rd-bottom-bar-plate-tone='light'][data-rd-bottom-bar-chrome],
[data-rd-bottom-bar-plate-tone='light'] [data-rd-bottom-bar-chrome] {
  background: linear-gradient(180deg, #f4f4f5, #e4e4e7);
  background-image: linear-gradient(180deg, #f4f4f5, #e4e4e7) !important;
  color: #18181b;
  border-color: #d4d4d8;
}

[data-rd-bottom-bar-chrome] [data-rd-bottom-bar-chrome-row],
[data-rd-bottom-bar-chrome] [data-beveled-toolbar-row] {
  background: transparent;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}

[data-rd-bottom-bar-chrome] [data-beveled-toolbar-row] .btb-row,
[data-rd-bottom-bar-chrome-row] .btb-row {
  background: transparent;
  box-shadow: none;
  height: 100%;
  min-height: 0;
  padding: 0 4px;
  align-items: stretch;
}

[data-rd-bottom-bar-chrome] .rd-bottom-bar-chrome-empty {
  flex: 1 1 auto;
  min-width: 1rem;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  background: linear-gradient(180deg, #26262a, #1b1b1e);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    inset 0 -1px 0 rgba(0, 0, 0, 0.55),
    0 1px 2px rgba(0, 0, 0, 0.55);
}

[data-rd-bottom-bar-plate-tone='light'] [data-rd-bottom-bar-chrome] .rd-bottom-bar-chrome-empty,
[data-rd-bottom-bar-plate-tone='light'][data-rd-bottom-bar-chrome] .rd-bottom-bar-chrome-empty {
  background: linear-gradient(180deg, #f4f4f5, #e4e4e7);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.85),
    inset 0 -1px 0 rgba(0, 0, 0, 0.12),
    0 1px 2px rgba(0, 0, 0, 0.08);
}

html:not([data-corners='rounded']):not(.rounded-corners) [data-rd-bottom-bar-chrome] .rd-bottom-bar-chrome-empty {
  border-radius: 0;
}

[data-rd-bottom-bar-chrome] .btb-chip {
  height: 100%;
  max-height: none;
  min-height: 0;
  flex: 0 0 auto;
  min-width: -moz-max-content;
  min-width: max-content;
  width: auto;
}

/* Master sheet columns use Primary Sidebar rows, full width of each column. */
[data-rd-master-nav-sheet] .tls-panel {
  width: 100%;
}

[data-rd-master-nav-sheet] .rd-master-resize-handle {
  height: 12px;
  cursor: ns-resize;
  display: flex;
  align-items: center;
  justify-content: center;
}

[data-rd-nav-sheet='build'] .rd-master-resize-handle {
  height: 6px;
}

[data-rd-master-nav-sheet] .rd-master-resize-handle::before {
  content: '';
  width: 48px;
  height: 2px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.4);
}

[data-rd-master-nav-sheet] [data-tls='1a'] .tls-head {
  height: 28px !important;
}

[data-rd-master-nav-sheet] [data-tls='1a'] .tls-title,
[data-rd-master-nav-sheet] [data-tls='1a'] .tls-count,
[data-rd-master-nav-sheet] [data-tls='1a'] .tls-row,
[data-rd-master-nav-sheet] [data-tls='1a'] .tls-row:hover {
  color: #ffffff;
  font-weight: 600;
  font-size: 10px !important;
}

[data-rd-master-nav-sheet] [data-tls='1a'] .tls-row {
  height: 24px !important;
}

/* Sheet topbar is content-sized — dock chrome otherwise stretches it to 100%. */
[data-rd-bottom-bar-chrome] [data-rd-master-nav-sheet] [data-beveled-toolbar-row] {
  height: auto;
  max-height: 34px;
  overflow: hidden;
  background: #0a0a0b;
}

/* Master sheet tabs use Primary UI 2a chips, not dock chips. */
[data-rd-bottom-bar-chrome] [data-rd-master-nav-sheet] [data-btb='2a'] .btb-row {
  height: auto;
  min-height: 30px;
  padding: 4px;
  align-items: center;
}
[data-rd-bottom-bar-chrome] [data-rd-master-nav-sheet] [data-btb='2a'] .btb-chip {
  height: 26px;
  min-height: 26px;
  max-height: 26px;
  width: auto;
  min-width: -moz-max-content;
  min-width: max-content;
}
[data-rd-bottom-bar-chrome] [data-rd-master-nav-sheet] [data-btb='2a'] .btb-chip-face {
  min-width: -moz-max-content;
  min-width: max-content;
  padding: 0 8px;
  font-size: 9px;
  font-weight: 600;
}

/* Site nav header stays at native 2a density (16px), not the 26px sheet chips. */
[data-rd-bottom-bar-chrome] [data-rd-master-nav-sheet] [data-site-nav-popup] [data-beveled-toolbar-row] {
  max-height: 22px;
}
[data-rd-bottom-bar-chrome] [data-rd-master-nav-sheet] [data-site-nav-popup] [data-btb='2a'] .btb-row {
  min-height: 20px;
  padding: 2px 4px;
}
[data-rd-bottom-bar-chrome] [data-rd-master-nav-sheet] [data-site-nav-popup] [data-btb='2a'] .btb-chip,
[data-rd-bottom-bar-chrome] [data-rd-master-nav-sheet] [data-site-nav-popup] [data-btb='2a'] .btb-search {
  height: 16px;
  min-height: 16px;
  max-height: 16px;
}
[data-rd-bottom-bar-chrome] [data-rd-master-nav-sheet] [data-site-nav-popup] [data-btb='2a'] .btb-search {
  min-width: 10rem;
  flex: 1 1 auto;
}
[data-rd-bottom-bar-chrome] [data-rd-master-nav-sheet] [data-site-nav-popup] [data-btb='2a'] .btb-search input {
  height: 14px !important;
  min-height: 14px !important;
  max-height: 14px !important;
}
[data-rd-bottom-bar-chrome] [data-rd-master-nav-sheet] [data-site-nav-popup] .primary-topbar-1-view-toggle {
  height: 16px;
}
[data-rd-bottom-bar-chrome] [data-rd-master-nav-sheet] [data-site-nav-popup] .primary-topbar-1-view-btn {
  height: 16px;
  width: 16px;
  min-width: 16px;
}

[data-rd-bottom-bar-chrome] .btb-chip-face {
  padding: 0 6px;
  min-width: 0;
  width: auto;
}

[data-rd-bottom-bar-chip-dock] .btb-chip {
  flex: 0 0 auto;
  min-width: -moz-max-content;
  min-width: max-content;
  width: auto;
}

[data-rd-bottom-bar-chip-dock] .btb-chip-face {
  padding: 0 4px;
  min-width: 0;
  width: auto;
}

[data-rd-bottom-bar-chrome][data-show-labels] .btb-chip,
[data-rd-bottom-bar-chip-dock][data-show-labels] .btb-chip,
[data-rd-bottom-bar-chrome] [data-rd-bottom-bar-chip-dock][data-show-labels] .btb-chip {
  height: auto;
  max-height: none;
  min-height: 26px;
}

[data-rd-bottom-bar-chip-dock][data-show-labels] .btb-chip-face {
  flex-direction: column;
  gap: 2px;
  padding: 2px 4px 0;
}

[data-rd-bottom-bar-chip-dock] .rd-bottom-bar-chip-caption {
  max-width: 3.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 9px;
  line-height: 1;
  text-transform: lowercase;
  opacity: 0.75;
}

[data-rd-bottom-bar-chrome] .rd-bottom-bar-crumb-chip {
  min-width: 0;
  max-width: 18rem;
}

[data-rd-bottom-bar-chrome] .rd-bottom-bar-crumb-chip .btb-chip-face {
  gap: 4px;
  min-width: 0;
}

[data-rd-bottom-bar-chrome] .rd-bottom-bar-crumb-link {
  max-width: 7rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  line-height: 1;
  text-transform: lowercase;
  opacity: 0.85;
}

[data-rd-bottom-bar-chrome] .rd-bottom-bar-crumb-link[data-current='true'] {
  opacity: 1;
}

[data-rd-bottom-bar-plate-tone='dark'] [data-rd-bottom-bar-chrome][data-btb='2a'] .btb-chip,
[data-rd-bottom-bar-plate-tone='dark'][data-rd-bottom-bar-chrome] [data-btb='2a'] .btb-chip,
[data-rd-bottom-bar-plate-tone='dark'] [data-rd-bottom-bar-chrome] [data-btb='2a'] .btb-chip,
[data-rd-bottom-bar-plate-tone='dark'] [data-rd-bottom-bar-chip-dock][data-btb='2a'] .btb-chip,
[data-rd-bottom-bar-plate-tone='dark'][data-rd-bottom-bar-chip-dock][data-btb='2a'] .btb-chip {
  background: linear-gradient(180deg, #26262a, #1b1b1e);
  color: #ffffff;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    inset 0 -1px 0 rgba(0, 0, 0, 0.55),
    0 1px 2px rgba(0, 0, 0, 0.55);
}

[data-rd-bottom-bar-plate-tone='light'] [data-rd-bottom-bar-chrome][data-btb='2a'] .btb-chip,
[data-rd-bottom-bar-plate-tone='light'][data-rd-bottom-bar-chrome] [data-btb='2a'] .btb-chip,
[data-rd-bottom-bar-plate-tone='light'] [data-rd-bottom-bar-chrome] [data-btb='2a'] .btb-chip,
[data-rd-bottom-bar-plate-tone='light'] [data-rd-bottom-bar-chip-dock][data-btb='2a'] .btb-chip,
[data-rd-bottom-bar-plate-tone='light'][data-rd-bottom-bar-chip-dock][data-btb='2a'] .btb-chip {
  background: linear-gradient(180deg, #f4f4f5, #e4e4e7);
  color: #18181b;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.85),
    inset 0 -1px 0 rgba(0, 0, 0, 0.12),
    0 1px 2px rgba(0, 0, 0, 0.08);
}

[data-rd-bottom-bar-plate-tone='light'] [data-rd-bottom-bar-chrome][data-btb='2a'] .btb-chip:hover,
[data-rd-bottom-bar-plate-tone='light'][data-rd-bottom-bar-chrome] [data-btb='2a'] .btb-chip:hover,
[data-rd-bottom-bar-plate-tone='light'] [data-rd-bottom-bar-chrome] [data-btb='2a'] .btb-chip:hover,
[data-rd-bottom-bar-plate-tone='light'] [data-rd-bottom-bar-chip-dock][data-btb='2a'] .btb-chip:hover,
[data-rd-bottom-bar-plate-tone='light'][data-rd-bottom-bar-chip-dock][data-btb='2a'] .btb-chip:hover {
  background: linear-gradient(180deg, #fafafa, #ececee);
  color: #18181b;
}

[data-rd-bottom-bar-plate-tone='light'] [data-rd-bottom-bar-chrome][data-btb='2a'] .btb-chip[data-active='true'],
[data-rd-bottom-bar-plate-tone='light'][data-rd-bottom-bar-chrome] [data-btb='2a'] .btb-chip[data-active='true'],
[data-rd-bottom-bar-plate-tone='light'] [data-rd-bottom-bar-chrome] [data-btb='2a'] .btb-chip[data-active='true'],
[data-rd-bottom-bar-plate-tone='light'] [data-rd-bottom-bar-chip-dock][data-btb='2a'] .btb-chip[data-active='true'],
[data-rd-bottom-bar-plate-tone='light'][data-rd-bottom-bar-chip-dock][data-btb='2a'] .btb-chip[data-active='true'] {
  background: linear-gradient(180deg, #ffffff, #ececee);
  color: #18181b;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    inset 0 -1px 0 rgba(0, 0, 0, 0.14),
    0 1px 3px rgba(0, 0, 0, 0.1);
}

[data-desk-taskbar][data-rd-bottom-bar-chrome] .btb-row {
  gap: 7px;
  padding: 0;
  align-items: stretch;
}

[data-desk-taskbar][data-rd-bottom-bar-chrome] .btb-chip {
  height: 100%;
  max-height: none;
  align-self: stretch;
}

[data-desk-taskbar][data-rd-bottom-bar-chrome] .rd-desk-taskbar-tray {
  flex: 1 1 0;
  min-width: 0;
  width: auto;
  max-width: none;
}

[data-desk-taskbar] .rd-desk-taskbar-tabs {
  flex: 1 1 0;
  min-width: 12rem;
  width: auto;
}

[data-desk-taskbar] .rd-desk-taskbar-center,
[data-desk-taskbar] [data-desk-taskbar-slot='center'] {
  display: flex;
  align-items: stretch;
  min-width: 0;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
}
/* Sitewide bottom-bar tool popups — Primary UI surface (desk menu tokens). */

[data-bottom-bar-primary-ui],
[data-bottom-bar-primary-ui] * {
  font-size: 9px !important;
}

html.site-font-active [data-bottom-bar-primary-ui],
html.site-font-active [data-bottom-bar-primary-ui] * {
  font-family: var(--font-sans, ui-sans-serif, system-ui, sans-serif) !important;
  font-size: 9px !important;
}

[data-bottom-bar-primary-ui] {
  background: hsl(var(--card));
  border: 1px solid hsl(var(--border));
  border-radius: 4px;
  box-shadow:
    0 -12px 32px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  color: hsl(var(--foreground));
  font-family: var(--font-sans, ui-sans-serif, system-ui, sans-serif);
  font-size: 9px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
}

[data-bottom-bar-primary-ui] .bb-pui-title {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  height: 28px;
  padding: 0 8px;
  background: linear-gradient(180deg, hsl(var(--muted)), hsl(var(--card)));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 1px 0 rgba(0, 0, 0, 0.7);
  color: hsl(var(--foreground));
}

[data-bottom-bar-primary-ui] .bb-pui-title-side {
  display: flex;
  align-items: center;
  min-width: 0;
}

[data-bottom-bar-primary-ui] .bb-pui-title-side--end {
  justify-content: flex-end;
  gap: 4px;
}

[data-bottom-bar-primary-ui] .bb-pui-title-label {
  font-size: 9px;
  font-weight: 600;
  line-height: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  text-transform: lowercase;
  color: hsl(var(--foreground));
  white-space: nowrap;
}

[data-bottom-bar-primary-ui] .linux-bevel-control {
  width: 11px;
  height: 11px;
}

[data-bottom-bar-primary-ui] .linux-bevel-glyph {
  width: 6px;
  height: 6px;
}

[data-bottom-bar-primary-ui] .linux-bevel-glyph--minimize::after {
  height: 1.5px;
}

[data-bottom-bar-primary-ui] .linux-bevel-glyph--maximize {
  border-width: 1px;
}

[data-bottom-bar-primary-ui] .linux-bevel-glyph--close::before,
[data-bottom-bar-primary-ui] .linux-bevel-glyph--close::after {
  width: 6px;
  height: 1px;
}

[data-bottom-bar-primary-ui] .bb-pui-menu {
  display: grid;
  place-items: center;
  width: 16px;
  height: 16px;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: hsl(var(--muted-foreground));
  box-shadow: none;
}

[data-bottom-bar-primary-ui] .bb-pui-menu:hover {
  color: hsl(var(--foreground));
  background: rgba(255, 255, 255, 0.08);
}

[data-bottom-bar-primary-ui] .bb-pui-body {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 6px;
  background: hsl(var(--background));
  color: hsl(var(--foreground));
  box-shadow:
    inset 0 1px 0 rgba(0, 0, 0, 0.8),
    inset 0 2px 0 rgba(255, 255, 255, 0.03);
}

[data-bottom-bar-primary-ui] .bb-pui-fill {
  flex: 1;
  min-height: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

[data-bottom-bar-primary-ui] .bb-pui-fill > * {
  flex: 0 0 auto;
  min-width: 0;
}

[data-bottom-bar-primary-ui] .bb-pui-fill > :only-child,
[data-bottom-bar-primary-ui] .bb-pui-fill > .bb-pui-scroll,
[data-bottom-bar-primary-ui] .bb-pui-fill > .bb-pui-stage,
[data-bottom-bar-primary-ui] .bb-pui-fill > .bb-pui-split,
[data-bottom-bar-primary-ui] .bb-pui-fill > .bb-pui-drop,
[data-bottom-bar-primary-ui] .bb-pui-fill > .bb-pui-preview,
[data-bottom-bar-primary-ui] .bb-pui-fill > .bb-pui-result,
[data-bottom-bar-primary-ui] .bb-pui-fill > .bb-pui-fill,
[data-bottom-bar-primary-ui] .bb-pui-fill > .bb-pui-grow {
  flex: 1 1 auto;
  min-height: 0;
}

[data-bottom-bar-primary-ui] .bb-pui-scroll {
  flex: 1;
  min-height: 0;
  overflow: auto;
}

[data-bottom-bar-primary-ui] .text-foreground,
[data-bottom-bar-primary-ui] [class*='text-foreground'] {
  color: hsl(var(--foreground));
}

[data-bottom-bar-primary-ui] .text-muted-foreground,
[data-bottom-bar-primary-ui] [class*='text-muted-foreground'] {
  color: hsl(var(--muted-foreground));
}

[data-bottom-bar-primary-ui] .bb-pui-body [class*='bg-card'],
[data-bottom-bar-primary-ui] .bb-pui-body [class*='bg-popover'],
[data-bottom-bar-primary-ui] .bb-pui-body [class*='bg-background'] {
  background-color: transparent;
  border-color: hsl(var(--border));
  box-shadow: none;
}

[data-bottom-bar-primary-ui] .bb-pui-body [class*='bg-muted'] {
  background-color: hsl(var(--muted));
  border-color: hsl(var(--border));
}

[data-bottom-bar-primary-ui] .bb-pui-body input:not([type='checkbox']):not([type='radio']):not([type='file']):not([type='range']),
[data-bottom-bar-primary-ui] .bb-pui-body textarea,
[data-bottom-bar-primary-ui] .bb-pui-body select {
  background: hsl(var(--background));
  color: hsl(var(--foreground));
  border: 1px solid hsl(var(--border));
  border-radius: 4px;
  font-family: inherit;
  font-size: 9px;
  font-weight: 600;
  box-shadow: none;
}

[data-bottom-bar-primary-ui] .bb-pui-body input:not([type='checkbox']):not([type='radio']):not([type='file']):not([type='range']) {
  height: 24px;
  min-height: 24px;
}

[data-bottom-bar-primary-ui] .bb-pui-body input::-moz-placeholder, [data-bottom-bar-primary-ui] .bb-pui-body textarea::-moz-placeholder {
  color: hsl(var(--muted-foreground));
}

[data-bottom-bar-primary-ui] .bb-pui-body input::placeholder,
[data-bottom-bar-primary-ui] .bb-pui-body textarea::placeholder {
  color: hsl(var(--muted-foreground));
}

[data-bottom-bar-primary-ui] .bb-pui-body button:not(.bb-pui-plain):not(.linux-bevel-control):not([class*='bg-cover']) {
  font-family: inherit;
  font-size: 9px;
  font-weight: 600;
  text-transform: lowercase;
  color: hsl(var(--foreground));
  border: 0;
  border-radius: 4px;
  background: linear-gradient(180deg, hsl(var(--muted)), hsl(var(--card)));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    inset 0 -1px 0 rgba(0, 0, 0, 0.55),
    0 1px 2px rgba(0, 0, 0, 0.45);
  min-height: 24px;
  height: auto;
}

[data-bottom-bar-primary-ui] .bb-pui-body button:not(.bb-pui-plain):not(.linux-bevel-control):not([class*='bg-cover']):hover:not(:disabled) {
  background: linear-gradient(180deg, hsl(var(--muted)), hsl(var(--card)));
}

[data-bottom-bar-primary-ui] .bb-pui-body button:not(.bb-pui-plain):not(.linux-bevel-control):not([class*='bg-cover']):disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

[data-bottom-bar-primary-ui] .bb-pui-body button:not(.bb-pui-plain)[aria-pressed='true'],
[data-bottom-bar-primary-ui] .bb-pui-body button:not(.bb-pui-plain)[data-active='true'],
[data-bottom-bar-primary-ui] .bb-pui-body button:not(.bb-pui-plain).bg-primary,
[data-bottom-bar-primary-ui] .bb-pui-body button:not(.bb-pui-plain)[class*='bg-primary'] {
  background: linear-gradient(180deg, hsl(var(--muted)), hsl(var(--card)));
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    inset 0 -1px 0 rgba(0, 0, 0, 0.55);
  color: hsl(var(--foreground));
}

[data-bottom-bar-primary-ui] .bb-pui-body button:not(.bb-pui-plain) svg {
  width: 12px;
  height: 12px;
}

[data-bottom-bar-primary-ui] .bb-pui-plain {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0;
  text-transform: none;
}

[data-bottom-bar-primary-ui] .bb-pui-actions {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap: 2px;
  flex: 0 0 auto;
}

[data-bottom-bar-primary-ui] .bb-pui-actions > button {
  height: 24px;
  min-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 0 8px;
}

[data-bottom-bar-primary-ui] .bb-pui-drop {
  flex: 1;
  min-height: 0;
  width: 100%;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 4px;
  padding: 12px;
  text-align: center;
  cursor: pointer;
  color: hsl(var(--muted-foreground));
  background: hsl(var(--card));
  border: 1px solid hsl(var(--border));
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

[data-bottom-bar-primary-ui] .bb-pui-drop:hover {
  background: hsl(var(--muted));
}

[data-bottom-bar-primary-ui] .bb-pui-split {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

[data-bottom-bar-primary-ui] .bb-pui-preview,
[data-bottom-bar-primary-ui] .bb-pui-result {
  flex: 1 1 0;
  min-height: 0;
}

[data-bottom-bar-primary-ui] .bb-pui-preview {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: hsl(var(--card));
  border: 1px solid hsl(var(--border));
  border-radius: 4px;
}

[data-bottom-bar-primary-ui] .bb-pui-preview img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

[data-bottom-bar-primary-ui] .bb-pui-result {
  width: 100%;
  min-height: 0;
  resize: none;
  padding: 6px;
  overflow-wrap: anywhere;
}

[data-bottom-bar-primary-ui] .bb-pui-readout {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 36px;
  padding: 0 8px;
  background: hsl(var(--card));
  border: 1px solid hsl(var(--border));
  border-radius: 4px;
  font-weight: 600;
}

[data-bottom-bar-primary-ui] .msn-self-bar {
  display: none;
}

[data-bottom-bar-primary-ui] [role='tabpanel'] {
  flex: 1 1 auto;
  min-height: 0;
  margin: 0;
  overflow: auto;
}

[data-bottom-bar-primary-ui] .bb-pui-body p,
[data-bottom-bar-primary-ui] .bb-pui-body span {
  overflow-wrap: anywhere;
}

[data-bottom-bar-primary-ui] .bb-pui-file {
  flex: 0 0 auto;
  height: 24px;
  display: flex;
  align-items: center;
  padding: 0 8px;
  border-radius: 4px;
  background: linear-gradient(180deg, hsl(var(--muted)), hsl(var(--card)));
  color: hsl(var(--foreground));
  overflow: hidden;
}

[data-bottom-bar-primary-ui] .bb-pui-file span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

[data-bottom-bar-primary-ui] [data-btb='2a'] .btb-row,
[data-bottom-bar-primary-ui] [role='tablist'] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px;
  width: 100%;
  min-height: 30px;
  height: auto;
  margin: 0;
  padding: 4px;
  background: linear-gradient(180deg, #26262a, hsl(var(--muted)));
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

[data-bottom-bar-primary-ui] [data-btb='2a'] .btb-chip,
[data-bottom-bar-primary-ui] [role='tab'] {
  flex: 1 1 0;
  height: 26px;
  min-height: 26px;
  max-height: 26px;
  min-width: 0;
  padding: 0 8px;
  border: 0;
  border-radius: 4px;
  background: linear-gradient(180deg, hsl(var(--muted)), hsl(var(--card)));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    inset 0 -1px 0 rgba(0, 0, 0, 0.55);
  color: hsl(var(--foreground));
  font-size: 9px;
  font-weight: 600;
  line-height: 26px;
  text-transform: lowercase;
}

[data-bottom-bar-primary-ui] [data-btb='2a'] .btb-chip[data-active='true'],
[data-bottom-bar-primary-ui] [role='tab'][data-state='active'] {
  color: hsl(var(--foreground));
  background: linear-gradient(180deg, hsl(var(--muted)), hsl(var(--card)));
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22);
}

[data-bottom-bar-primary-ui] [data-btb='2a'] .btb-chip-face {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}

[data-bottom-bar-primary-ui] .bb-pui-stage {
  flex: 1;
  min-height: 0;
  overflow: hidden;
  background: hsl(var(--card));
  border: 1px solid hsl(var(--border));
  border-radius: 4px;
}

[data-bottom-bar-primary-ui] .bb-pui-stage iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

[data-bottom-bar-primary-ui] .bb-pui-section {
  border-bottom: 1px solid hsl(var(--border));
}

[data-bottom-bar-primary-ui] .bb-pui-section-trigger {
  position: relative;
  display: flex;
  width: 100%;
  height: 24px;
  min-height: 24px;
  align-items: center;
  justify-content: center;
  padding: 0 28px;
  border-radius: 4px;
  background: linear-gradient(180deg, hsl(var(--muted)), hsl(var(--card)));
  color: hsl(var(--foreground));
  font-size: 9px;
  font-weight: 600;
  text-transform: lowercase;
}

[data-bottom-bar-primary-ui] .bb-pui-section-trigger svg {
  position: absolute;
  left: 8px;
  width: 10px;
  height: 10px;
}

[data-bottom-bar-primary-ui] .bb-pui-section-summary {
  position: absolute;
  right: 8px;
  max-width: 40%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: hsl(var(--muted-foreground));
  font-weight: 600;
}

[data-bottom-bar-primary-ui] .bb-pui-calc {
  height: 100%;
}

[data-bottom-bar-primary-ui] .bb-pui-calc > div {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 6px;
}

[data-bottom-bar-primary-ui] .bb-pui-calc .grid {
  flex: 1;
  min-height: 0;
  grid-auto-rows: minmax(24px, 1fr);
}

[data-bottom-bar-primary-ui] .bb-pui-calc .grid button {
  height: 100%;
  min-height: 24px;
}

[data-bottom-bar-primary-ui] .bb-pui-body [role='separator'],
[data-bottom-bar-primary-ui] .bb-pui-body hr {
  background: hsl(var(--border));
  border-color: hsl(var(--border));
}
/* Buildspace shelf — Primary UI 2a bevel toolbar + 1a raised-slab menus. */

[data-shelf-primary-ui] {
  font-family: 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #ffffff;
}

/* ── Toolbar (2a) — stock Primary UI chip sizing from beveledToolbarStacks.css ── */
[data-shelf-primary-ui] .btb-search {
  min-width: 140px;
}

/* Import is a shadcn Button trigger, not a `.btb-chip` face — mirror the face + accent strip. */
[data-shelf-primary-ui] .btb-chip.shelf-pui-import {
  flex-direction: row;
  align-items: center;
  gap: 4px;
  padding: 0 7px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    inset 0 -2px 0 #737373,
    0 1px 2px rgba(0, 0, 0, 0.55);
}

[data-shelf-primary-ui] .btb-chip.shelf-pui-import:hover {
  background: linear-gradient(180deg, #2c2c31, #202024);
}

/* ── Menus (1a) ── */
[data-shelf-primary-ui][data-tls='1a'].shelf-pui-menu,
[data-shelf-primary-ui] [data-tls='1a'].shelf-pui-menu {
  background: #0d0d0e;
  border: 1px solid #1e1e20;
  box-shadow:
    0 12px 32px rgba(0, 0, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

[data-shelf-primary-ui] .shelf-pui-menu .tls-panel {
  width: auto;
  min-width: 168px;
  flex: 1 1 0;
  border-radius: 4px;
  overflow: hidden;
}

[data-shelf-primary-ui] .shelf-pui-menu .tls-head {
  height: 28px;
  gap: 6px;
}

[data-shelf-primary-ui] .shelf-pui-menu .tls-title,
[data-shelf-primary-ui] .shelf-pui-menu .tls-count {
  font-size: 10px;
  font-weight: 600;
  color: #ffffff;
  text-transform: lowercase;
}

[data-shelf-primary-ui] .shelf-pui-menu .tls-row {
  gap: 8px;
  height: 28px;
  padding: 0 8px;
  font-size: 11px;
  font-weight: 600;
  color: #ffffff;
  text-transform: lowercase;
  white-space: nowrap;
}

[data-shelf-primary-ui] .shelf-pui-menu .tls-row:hover {
  color: #ffffff;
  background: linear-gradient(180deg, #303035, #242428);
}

[data-shelf-primary-ui] .shelf-pui-menu .tls-row img,
[data-shelf-primary-ui] .shelf-pui-menu .tls-row svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

[data-shelf-primary-ui] .shelf-pui-empty {
  padding: 8px;
  font-size: 10px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.45);
  text-transform: lowercase;
}

/* ── Shelf tree (1a) ── */
[data-shelf-primary-ui] .shelf-pui-section-head {
  width: 100%;
  height: 30px;
  gap: 8px;
  padding: 0 10px;
  border: 0;
  cursor: pointer;
  text-align: left;
}

[data-shelf-primary-ui] .shelf-pui-section-head .tls-title {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  color: #ffffff;
  text-transform: lowercase;
}

[data-shelf-primary-ui] .shelf-pui-section-head .tls-count {
  font-size: 10px;
  color: #ffffff;
}

[data-shelf-primary-ui] .shelf-pui-view-btn {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 2px;
  color: rgba(255, 255, 255, 0.7);
}

[data-shelf-primary-ui] .shelf-pui-view-btn[data-active='true'] {
  color: #ffffff;
  background: linear-gradient(180deg, #34343a, #26262b);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    inset 0 -1px 0 rgba(0, 0, 0, 0.55);
}
.asset-media-gallery { --amg-surface: hsl(var(--card)); --amg-field: hsl(var(--muted)); --amg-line: hsl(var(--border)); --amg-ink: hsl(var(--foreground)); --amg-muted: hsl(var(--muted-foreground)); --amg-accent: hsl(var(--primary)); display:flex; flex-direction:column; width:100%; height:100%; min-width:0; min-height:0; overflow:hidden; background:hsl(var(--background)); color:var(--amg-ink); font-family:inherit; font-size:12px; line-height:1.4; }
.asset-media-gallery *, .asset-media-gallery *::before, .asset-media-gallery *::after { box-sizing:border-box; }
.asset-media-gallery :is(button,input,select) { font:inherit; }
.asset-media-gallery :is(button,a) { -webkit-tap-highlight-color:transparent; }
.asset-media-gallery button { cursor:pointer; }
.asset-media-gallery button:disabled { opacity:.45; cursor:default; }
.asset-media-gallery :is(button,input,select,a,[tabindex]):focus-visible { outline:2px solid hsl(var(--ring)); outline-offset:2px; }
.asset-media-gallery svg { flex-shrink:0; }
.asset-media-gallery :is(h3,p) { margin:0; }
.amg-toolbar { display:flex; align-items:center; justify-content:space-between; flex-shrink:0; gap:12px; min-height:42px; padding:6px 10px; border-bottom:1px solid var(--amg-line); background:var(--amg-surface); overflow-x:auto; }
.amg-title { display:flex; align-items:baseline; gap:8px; min-width:110px; flex-shrink:0; }
.amg-title strong { max-width:200px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px; font-weight:500; }
.amg-title > span { color:var(--amg-muted); font-size:10px; white-space:nowrap; }
.amg-controls { display:flex; align-items:center; gap:7px; flex-shrink:0; }
.amg-controls select { max-width:120px; height:27px; padding:2px 6px; border:1px solid var(--amg-line); border-radius:4px; background:hsl(var(--background)); color:var(--amg-ink); font-size:11px; }
.amg-search { display:flex; align-items:center; gap:5px; padding:0 7px; height:27px; border:1px solid var(--amg-line); border-radius:4px; color:var(--amg-muted); background:hsl(var(--background)); }
.amg-search input { width:clamp(100px,14vw,180px); min-width:0; height:23px; padding:2px 0; border:0; color:var(--amg-ink); background:transparent; font-size:11px; }
.amg-view-switch { display:flex; padding:2px; gap:2px; border:1px solid var(--amg-line); border-radius:4px; }
.amg-view-switch button { display:flex; align-items:center; gap:5px; padding:3px 6px; border:0; border-radius:3px; background:transparent; color:var(--amg-muted); font-size:10px; }
.amg-view-switch button[aria-pressed=true] { background:var(--amg-field); color:var(--amg-ink); box-shadow:inset 0 -1px var(--amg-accent); }
.amg-button { display:inline-flex; justify-content:center; align-items:center; gap:5px; min-height:27px; padding:4px 8px; border:1px solid var(--amg-line); border-radius:4px; background:var(--amg-surface); color:var(--amg-ink); font-size:11px; text-decoration:none; white-space:nowrap; }
.amg-button:hover:not(:disabled) { background:var(--amg-field); }
.amg-icon-button { display:inline-flex; align-items:center; justify-content:center; width:28px; height:27px; border:1px solid var(--amg-line); border-radius:4px; background:transparent; color:var(--amg-muted); }
.amg-icon-button:hover:not(:disabled) { background:var(--amg-field); color:var(--amg-ink); }
.amg-grid { display:grid; align-content:start; grid-template-columns:repeat(auto-fill,minmax(168px,1fr)); gap:12px; overflow:auto; padding:14px; flex:1; min-height:0; }
.amg-card { display:flex; flex-direction:column; min-width:0; padding:0; text-align:left; border:1px solid var(--amg-line); border-radius:6px; overflow:hidden; background:var(--amg-surface); color:var(--amg-ink); }
.amg-card:hover { border-color:hsl(var(--muted-foreground) / .65); }
.amg-card[aria-pressed=true], .amg-thumb-button[aria-pressed=true] { border-color:var(--amg-accent); box-shadow:0 0 0 1px var(--amg-accent); }
.amg-thumbnail { position:relative; display:grid; place-items:center; width:100%; aspect-ratio:4/3; overflow:hidden; background:var(--amg-field); }
.amg-thumbnail img, .amg-thumbnail > .cv-demo-preview { display:block; width:100%; height:100%; -o-object-fit:cover; object-fit:cover; }
.amg-file-symbol { display:flex; flex-direction:column; align-items:center; gap:9px; color:var(--amg-muted); }
.amg-file-symbol svg { width:30px; height:30px; stroke-width:1.3; }
.amg-file-symbol small { font-size:9px; letter-spacing:.05em; }
.amg-format { position:absolute; left:6px; top:6px; max-width:70%; padding:2px 5px; border-radius:3px; background:#0009; color:#eee; font-size:8px; letter-spacing:.04em; overflow:hidden; text-overflow:ellipsis; }
.amg-card-caption { display:flex; flex-direction:column; gap:4px; padding:9px 10px; min-width:0; }
.amg-card-caption strong { font-size:12px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.amg-card-caption small { display:flex; align-items:center; gap:4px; color:var(--amg-muted); font-size:9px; }
.amg-card-caption small svg { width:11px; height:11px; }
.amg-selection-bar { display:flex; flex-shrink:0; align-items:center; gap:8px; padding:7px 10px; border-top:1px solid var(--amg-line); overflow-x:auto; }
.amg-stage-name { display:flex; flex:1; flex-direction:column; min-width:100px; gap:3px; }
.amg-stage-name strong { font-weight:500; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.amg-stage-name > span { color:var(--amg-muted); font-size:10px; }
.amg-file-actions { display:flex; flex-shrink:0; gap:5px; }
.amg-carousel { display:flex; flex-direction:column; min-height:0; overflow:auto; flex:1; padding:14px; }
.amg-stage { min-height:220px; flex:1; overflow:hidden; border:1px solid var(--amg-line); border-radius:6px 6px 0 0; background:hsl(var(--muted) / .4); }
.amg-preview { display:flex; align-items:center; justify-content:center; width:100%; height:100%; min-height:180px; overflow:hidden; background:hsl(var(--muted) / .2); }
.amg-preview > :is(img,video) { display:block; width:100%; height:100%; max-height:100%; -o-object-fit:contain; object-fit:contain; }
.amg-preview > iframe { width:100%; height:100%; min-height:320px; border:0; background:#fff; }
.amg-preview-message { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; width:100%; height:100%; padding:24px; color:var(--amg-muted); text-align:center; }
.amg-preview-message > svg { width:34px; height:34px; stroke-width:1.2; }
.amg-preview-message h3 { max-width:90%; font-size:14px; font-weight:500; color:var(--amg-ink); overflow-wrap:anywhere; }
.amg-preview-message p { max-width:370px; font-size:11px; }
.amg-stage-footer { display:flex; flex-shrink:0; align-items:center; flex-wrap:wrap; gap:8px; padding:8px 10px; border:1px solid var(--amg-line); border-top:0; border-radius:0 0 6px 6px; background:var(--amg-surface); }
.amg-navigation { display:flex; flex-shrink:0; align-items:center; justify-content:center; gap:12px; padding:9px 0; color:var(--amg-muted); font-size:10px; font-variant-numeric:tabular-nums; }
.amg-filmstrip { display:flex; flex-shrink:0; gap:8px; padding:2px 2px 5px; overflow-x:auto; overflow-y:hidden; scrollbar-width:thin; }
.amg-thumb-button { display:flex; flex-shrink:0; flex-direction:column; width:94px; min-width:0; padding:0; border:1px solid var(--amg-line); border-radius:4px; background:var(--amg-surface); color:var(--amg-muted); overflow:hidden; }
.amg-thumb-button .amg-file-symbol svg { width:22px; height:22px; }
.amg-thumb-button .amg-file-symbol small { display:none; }
.amg-thumb-button > span { display:block; max-width:100%; padding:5px 6px; font-size:9px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.amg-empty { display:flex; flex:1; flex-direction:column; justify-content:center; align-items:center; gap:10px; padding:28px; text-align:center; color:var(--amg-muted); }
.amg-empty h3 { color:var(--amg-ink); font-size:15px; font-weight:500; }
.amg-empty p { max-width:330px; font-size:12px; }
.amg-error { flex-shrink:0; margin:0; padding:8px 12px; color:hsl(var(--destructive)); border-bottom:1px solid var(--amg-line); }
.amg-overlay { position:fixed; inset:0; z-index:10000; background:#000a; backdrop-filter:blur(3px); }
.amg-dialog { position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:10001; width:min(1040px,calc(100vw - 28px)); height:min(780px,calc(100dvh - 32px)); border:1px solid var(--amg-line); border-radius:8px; box-shadow:0 20px 80px #0007; }
.amg-dialog-header { display:flex; align-items:center; gap:10px; justify-content:space-between; flex-shrink:0; padding:10px 12px; border-bottom:1px solid var(--amg-line); background:var(--amg-surface); }
.amg-dialog-title { margin:0; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; font-weight:500; }
.amg-dialog > .amg-preview { flex:1; min-height:0; }
.amg-dialog > .amg-preview > iframe { min-height:0; }
.amg-dialog-footer { display:flex; align-items:center; justify-content:center; flex-shrink:0; flex-wrap:wrap; gap:8px; padding:9px 12px; border-top:1px solid var(--amg-line); font-size:10px; }
.amg-dialog-footer > .amg-file-actions { margin-left:auto; }
.amg-text { width:100%; height:100%; max-height:100%; margin:0; overflow:auto; padding:20px; white-space:pre-wrap; overflow-wrap:anywhere; font:12px/1.7 ui-monospace,monospace; color:var(--amg-ink); }
.amg-audio { display:flex; flex-direction:column; align-items:center; gap:18px; width:min(500px,90%); padding:24px; }
.amg-audio > svg { width:40px; height:40px; color:var(--amg-muted); }
.amg-audio audio { width:100%; }
.amg-picker { padding:20px; overflow:auto; }
.amg-picker-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; }
.amg-picker-heading h2 { font-size:15px; font-weight:500; margin:0 0 5px; }
.amg-picker-heading p { color:var(--amg-muted); font-size:12px; }
.amg-picker-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:12px; }
.amg-vault-card { display:flex; align-items:center; gap:12px; padding:16px; border:1px solid var(--amg-line); border-radius:6px; background:var(--amg-surface); color:var(--amg-ink); text-align:left; }
.amg-vault-card > svg { width:24px; height:24px; color:var(--amg-muted); }
.amg-vault-card > span { min-width:0; }
.amg-vault-card strong { display:block; font-size:13px; font-weight:500; overflow:hidden; text-overflow:ellipsis; }
.amg-vault-card small { display:block; margin-top:4px; color:var(--amg-muted); font-size:10px; }
.amg-spinner { animation:amg-spin 1s linear infinite; }
@keyframes amg-spin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce) { .amg-spinner { animation:none; } }
@media (max-width:520px) { .amg-grid { grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); gap:9px; padding:10px; } .amg-carousel { padding:8px; } .amg-dialog-footer > .amg-file-actions { margin-left:0; } }
.project-library-drawer { container-type: inline-size; }
.project-library-file-browser { container-type: inline-size; }

@container (max-width: 480px) {
  .project-library-file-browser .file-browser-detail { display: none; }
}

/* Browse collection toggles: readable labels with a tighter horizontal inset. */
div[data-project-library] [data-shelf-primary-ui] .shelf-pui-section {
  padding-inline: 2px;
}
div[data-project-library] [data-shelf-primary-ui] .shelf-pui-section-head,
div[data-project-library] [data-desk-library-planets] > button {
  padding-inline: 4px !important;
  gap: 6px;
  font-size: 13px !important;
  color: #fff !important;
}
div[data-project-library] [data-shelf-primary-ui] .shelf-pui-section-head .tls-title {
  font-size: 13px !important;
  color: #fff !important;
  letter-spacing: normal;
}
div[data-project-library] [data-shelf-primary-ui] .shelf-pui-section-head .tls-count {
  font-size: 12px !important;
  color: #fff !important;
}

/* Keep the complete shared navigation usable within a narrow desk drawer. */
.project-library-drawer .ui-ref-ps1-layer2 {
  width: min(240px, 60cqw) !important;
  min-width: 0 !important;
  max-width: min(240px, 60cqw) !important;
}
.project-library-drawer .ui-ref-ps1-layer2-panel {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
.unified-editor {
  background-color: hsl(var(--background));
}

.unified-editor-content {
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
}

.unified-editor-content:empty::before {
  content: attr(data-placeholder);
  color: hsl(var(--muted-foreground));
  pointer-events: none;
  position: absolute;
}

/* Rich text element styling */
.unified-editor-content h1 {
  font-size: 2rem;
  font-weight: 700;
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
  line-height: 1.2;
}

.unified-editor-content h2 {
  font-size: 1.5rem;
  font-weight: 600;
  margin-top: 1.25rem;
  margin-bottom: 0.5rem;
  line-height: 1.3;
}

.unified-editor-content h3 {
  font-size: 1.25rem;
  font-weight: 600;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  line-height: 1.4;
}

.unified-editor-content p {
  margin-bottom: 0.75rem;
  line-height: 1.6;
}

.unified-editor-content ul,
.unified-editor-content ol {
  padding-left: 1.5rem;
  margin-bottom: 0.75rem;
}

.unified-editor-content li {
  margin-bottom: 0.25rem;
}

.unified-editor-content blockquote {
  border-left: 3px solid hsl(var(--primary));
  padding-left: 1rem;
  margin: 1rem 0;
  font-style: italic;
  color: hsl(var(--muted-foreground));
}

.unified-editor-content pre {
  background-color: hsl(var(--muted));
  border-radius: 0.375rem;
  padding: 1rem;
  overflow-x: auto;
  margin: 0.75rem 0;
}

.unified-editor-content code {
  font-family: 'Fira Code', 'Monaco', 'Consolas', monospace;
  font-size: 0.875rem;
}

.unified-editor-content hr {
  border: none;
  border-top: 1px solid hsl(var(--border));
  margin: 1.5rem 0;
}

.unified-editor-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0;
}

.unified-editor-content th,
.unified-editor-content td {
  border: 1px solid hsl(var(--border));
  padding: 0.5rem 0.75rem;
  text-align: left;
}

.unified-editor-content th {
  background-color: hsl(var(--muted));
  font-weight: 600;
}

/* Script formatting */
.unified-editor-content .scene-heading {
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 1.5rem;
}

.unified-editor-content .action {
  margin: 0.5rem 0;
}

.unified-editor-content .character {
  text-transform: uppercase;
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 0;
}

.unified-editor-content .dialogue {
  text-align: center;
  max-width: 60%;
  margin: 0 auto 1rem;
}

/* Note block */
.unified-editor-content .note-block {
  background-color: hsl(var(--accent) / 0.1);
  border-left: 3px solid hsl(var(--accent));
  padding: 0.75rem 1rem;
  margin: 0.75rem 0;
  border-radius: 0 0.375rem 0.375rem 0;
}

/* Meta text for blog */
.unified-editor-content .meta {
  color: hsl(var(--muted-foreground));
  font-size: 0.875rem;
  margin-bottom: 1.5rem;
}

/* Selection styling */
.unified-editor-content ::-moz-selection {
  background-color: hsl(var(--primary) / 0.2);
}
.unified-editor-content ::selection {
  background-color: hsl(var(--primary) / 0.2);
}

/* Document canvas background - Word/Canva style */
.document-canvas {
  background-color: hsl(var(--muted));
  background-image: 
    linear-gradient(hsl(var(--border) / 0.3) 1px, transparent 1px),
    linear-gradient(90deg, hsl(var(--border) / 0.3) 1px, transparent 1px);
  background-size: 20px 20px;
}

/* Document paper effect - shadow removed */
.document-paper {
}
/* Script & Storyboard workspace — Residents Desk Sans UI chrome */

.script-storyboard-workspace {
  --ss-font: 'Residents Desk Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-family: var(--ss-font);
  font-feature-settings: 'kern' 1, 'liga' 1;
  -webkit-font-smoothing: antialiased;
  letter-spacing: -0.01em;
}

.script-storyboard-workspace *,
.script-storyboard-workspace *::before,
.script-storyboard-workspace *::after {
  font-family: inherit;
}

/* Screenplay page body stays industry-standard monospace */
.script-storyboard-workspace .screenplay-page,
.script-storyboard-workspace .screenplay-page * {
  font-family: 'Courier Prime', 'Courier New', Courier, monospace;
  letter-spacing: 0;
}

/* Shared chrome bar (toolbars, scene row) */
.script-storyboard-workspace .ss-chrome-bar {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  min-height: 2.25rem;
  padding: 0.25rem 0.5rem;
  background: hsl(var(--card));
  border-bottom: 1px solid hsl(var(--border) / 0.8);
  overflow-x: auto;
  flex-shrink: 0;
}

/* Bottom-docked workspace chrome (tabs, title, global actions) */
.script-storyboard-workspace .ss-workspace-dock {
  flex-shrink: 0;
  margin-top: auto;
  border-top: 1px solid hsl(var(--border) / 0.85);
  background: hsl(var(--card));
  box-shadow: 0 -4px 16px hsl(0 0% 0% / 0.06);
}

.script-storyboard-workspace .ss-workspace-dock .ss-chrome-bar {
  border-bottom: none;
  border-top: none;
}

.script-storyboard-workspace .ss-workspace-context {
  border-bottom: 1px solid hsl(var(--border) / 0.55);
}

.script-storyboard-workspace .ss-chrome-bar::-webkit-scrollbar {
  height: 0;
}

/* Segmented control track */
.script-storyboard-workspace .ss-segment-track {
  display: flex;
  align-items: center;
  gap: 0.125rem;
  padding: 0.125rem;
  border-radius: 0.375rem;
  background: hsl(var(--muted) / 0.55);
  flex-shrink: 0;
}

.script-storyboard-workspace .ss-segment-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  height: 1.625rem;
  padding: 0 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.6875rem;
  font-weight: 500;
  line-height: 1;
  color: hsl(var(--muted-foreground));
  transition: color 0.15s, background 0.15s, box-shadow 0.15s;
}

.script-storyboard-workspace .ss-segment-btn:hover {
  color: hsl(var(--foreground));
}

.script-storyboard-workspace .ss-segment-btn[data-active='true'] {
  background: hsl(var(--background));
  color: hsl(var(--foreground));
  box-shadow: 0 1px 2px hsl(var(--foreground) / 0.06);
}

.script-storyboard-workspace .ss-divider {
  width: 1px;
  height: 1.125rem;
  background: hsl(var(--border) / 0.9);
  flex-shrink: 0;
}

.script-storyboard-workspace .ss-title-input {
  height: 1.625rem;
  max-width: 10rem;
  padding: 0 0.375rem;
  font-size: 0.75rem;
  font-weight: 600;
  background: transparent;
  border-color: transparent;
}

.script-storyboard-workspace .ss-title-input:hover {
  border-color: hsl(var(--input));
}

.script-storyboard-workspace .ss-title-input:focus {
  border-color: hsl(var(--ring));
}

.script-storyboard-workspace .ss-icon-btn {
  height: 1.625rem;
  width: 1.625rem;
  padding: 0;
}

.script-storyboard-workspace .ss-action-btn {
  height: 1.625rem;
  padding: 0 0.5rem;
  font-size: 0.6875rem;
  font-weight: 500;
  gap: 0.25rem;
}

.script-storyboard-workspace .ss-select {
  height: 1.625rem;
  font-size: 0.6875rem;
}

/* Storyboard panel cards */
.script-storyboard-workspace .ss-panel-card {
  border-radius: 0.5rem;
  border: 1px solid hsl(var(--border) / 0.85);
  background: hsl(var(--card));
  overflow: hidden;
  transition: border-color 0.15s, box-shadow 0.15s;
}

.script-storyboard-workspace .ss-panel-card:hover {
  border-color: hsl(var(--primary) / 0.35);
}

.script-storyboard-workspace .ss-panel-card[data-selected='true'] {
  border-color: hsl(var(--primary));
  box-shadow: 0 0 0 1px hsl(var(--primary) / 0.2);
}

.script-storyboard-workspace .ss-panel-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.25rem 0.375rem;
  min-height: 1.75rem;
  background: hsl(var(--muted) / 0.35);
  border-bottom: 1px solid hsl(var(--border) / 0.6);
}

.script-storyboard-workspace .ss-panel-card-body {
  padding: 0.375rem;
}

.script-storyboard-workspace .ss-panel-card-body textarea {
  min-height: 3rem;
  font-size: 0.6875rem;
  line-height: 1.4;
  border-radius: 0.375rem;
}

.script-storyboard-workspace .ss-scene-subheader {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0.75rem;
  min-height: 2rem;
  background: hsl(var(--muted) / 0.2);
  border-bottom: 1px solid hsl(var(--border) / 0.5);
  flex-wrap: wrap;
}

.script-storyboard-workspace .ss-workspace-surface {
  background: hsl(var(--background));
}

.script-storyboard-workspace .ss-muted-surface {
  background: hsl(var(--muted) / 0.18);
}

/* Script writer */
.script-storyboard-workspace .script-writer-container .script-writer-toolbar {
  min-height: 2.25rem;
  padding: 0.25rem 0.5rem;
  gap: 0.375rem;
  border-bottom: 1px solid hsl(var(--border) / 0.8);
}

.script-storyboard-workspace .script-writer-container .script-writer-content {
  padding: 1.5rem 0.75rem;
}

.script-storyboard-workspace .screenplay-page {
  border-radius: 2px;
  box-shadow:
    0 1px 2px hsl(0 0% 0% / 0.04),
    0 8px 24px hsl(0 0% 0% / 0.06);
}

.script-storyboard-workspace .ss-status-bar {
  min-height: 1.75rem;
  padding: 0 0.5rem;
  font-size: 0.6875rem;
  border-top: 1px solid hsl(var(--border) / 0.8);
}

.script-storyboard-workspace .shortcut-hint {
  font-family: var(--ss-font);
  font-size: 0.625rem;
  font-weight: 500;
  letter-spacing: 0.02em;
}

/* Panel image carousel */
.script-storyboard-workspace .ss-carousel-btn {
  height: 1.5rem;
  width: 1.5rem;
  padding: 0;
  background: hsl(var(--background) / 0.92);
  box-shadow: 0 1px 3px hsl(0 0% 0% / 0.12);
}

.script-storyboard-workspace .ss-carousel-dot {
  height: 0.25rem;
  border-radius: 9999px;
  transition: width 0.15s, background 0.15s;
}

.script-storyboard-workspace .ss-ai-panel {
  background: hsl(var(--card));
  border-left: 1px solid hsl(var(--border) / 0.8);
}

/* Plotter panel — inherit workspace chrome; map standalone Plotter display utility */
.script-storyboard-workspace .plotter-panel {
  background: hsl(var(--background));
  color: hsl(var(--foreground));
}

.script-storyboard-workspace .plotter-panel .font-display {
  font-family: var(--ss-font);
  letter-spacing: -0.02em;
}

.script-storyboard-workspace .plotter-panel [class*='bg-card'] {
  background-color: hsl(var(--card));
}

/**
 * Script & Storyboard absorbed-module surfaces.
 * Tokens are scoped under `.storycanvas-pack-root` so Residents Desk global
 * shadcn variables are never overwritten.
 */

.storycanvas-pack-root {
  --background: 0 0% 11%;
  --foreground: 0 0% 93%;
  --card: 0 0% 13%;
  --card-foreground: 0 0% 93%;
  --primary: 211 70% 55%;
  --primary-foreground: 0 0% 100%;
  --secondary: 0 0% 16%;
  --secondary-foreground: 0 0% 88%;
  --muted: 0 0% 16%;
  --muted-foreground: 0 0% 55%;
  --accent: 0 0% 18%;
  --accent-foreground: 0 0% 93%;
  --destructive: 0 65% 48%;
  --destructive-foreground: 0 0% 100%;
  --border: 0 0% 20%;
  --input: 0 0% 20%;
  --ring: 211 70% 55%;
  --radius: 0.25rem;

  --mod-chapters: 211 28% 22%;
  --mod-chapters-fg: 211 70% 72%;
  --mod-notes: 42 28% 22%;
  --mod-notes-fg: 42 70% 72%;
  --mod-characters: 145 22% 20%;
  --mod-characters-fg: 145 55% 68%;
  --mod-locations: 252 22% 22%;
  --mod-locations-fg: 252 60% 75%;
  --mod-maps: 178 22% 20%;
  --mod-maps-fg: 178 55% 68%;
  --mod-covers: 130 22% 20%;
  --mod-covers-fg: 130 55% 68%;
  --mod-boards: 270 22% 22%;
  --mod-boards-fg: 270 55% 75%;
  --mod-mindmaps: 205 24% 22%;
  --mod-mindmaps-fg: 205 65% 72%;
  --mod-timelines: 172 22% 20%;
  --mod-timelines-fg: 172 55% 68%;

  --mod-screenplay: 25 28% 22%;
  --mod-screenplay-fg: 25 70% 72%;
  --mod-avscript: 200 24% 22%;
  --mod-avscript-fg: 200 65% 72%;
  --mod-beats: 320 22% 22%;
  --mod-beats-fg: 320 60% 75%;
  --mod-indexCards: 48 24% 22%;
  --mod-indexCards-fg: 48 70% 72%;
  --mod-storyboard: 0 24% 22%;
  --mod-storyboard-fg: 0 65% 72%;
  --mod-moodboard: 300 22% 22%;
  --mod-moodboard-fg: 300 60% 75%;
  --mod-shots: 190 24% 20%;
  --mod-shots-fg: 190 60% 70%;
  --mod-breakdown: 15 28% 22%;
  --mod-breakdown-fg: 15 70% 72%;
  --mod-catalog: 160 22% 20%;
  --mod-catalog-fg: 160 55% 68%;
  --mod-stripboard: 55 24% 20%;
  --mod-stripboard-fg: 55 70% 70%;
  --mod-contacts: 210 24% 22%;
  --mod-contacts-fg: 210 65% 72%;
  --mod-sides: 230 22% 22%;
  --mod-sides-fg: 230 60% 75%;
  --mod-callsheets: 340 24% 22%;
  --mod-callsheets-fg: 340 65% 75%;
  --mod-calendar: 120 22% 20%;
  --mod-calendar-fg: 120 55% 68%;
  --mod-budget: 85 24% 20%;
  --mod-budget-fg: 85 60% 68%;
  --mod-reports: 195 22% 22%;
  --mod-reports-fg: 195 60% 72%;
  --mod-tasks: 265 22% 22%;
  --mod-tasks-fg: 265 60% 75%;

  min-height: 0;
  width: 100%;
  height: 100%;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: hsl(var(--foreground));
  background: hsl(var(--background));
  color-scheme: dark;
  font-family: 'DM Sans', ui-sans-serif, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}

.storycanvas-pack-root * {
  border-color: hsl(var(--border));
}

.storycanvas-pack-root .ProseMirror {
  outline: none;
  min-height: 12rem;
}

.storycanvas-pack-root .ProseMirror p.is-editor-empty:first-child::before {
  color: hsl(var(--muted-foreground));
  content: attr(data-placeholder);
  float: left;
  height: 0;
  pointer-events: none;
}

.storycanvas-pack-root .ProseMirror h1 {
  font-family: Literata, Georgia, serif;
  font-size: 1.75rem;
  font-weight: 650;
  line-height: 1.25;
  margin: 1.25rem 0 0.5rem;
}

.storycanvas-pack-root .ProseMirror h2 {
  font-family: Literata, Georgia, serif;
  font-size: 1.35rem;
  font-weight: 650;
  margin: 1.1rem 0 0.4rem;
}

.storycanvas-pack-root .ProseMirror h3 {
  font-size: 1.1rem;
  font-weight: 600;
  margin: 1rem 0 0.35rem;
}

.storycanvas-pack-root .ProseMirror p {
  margin: 0.4rem 0;
  line-height: 1.7;
}

.storycanvas-pack-root .ProseMirror ul,
.storycanvas-pack-root .ProseMirror ol {
  padding-left: 1.4rem;
  margin: 0.5rem 0;
}

.storycanvas-pack-root .ProseMirror blockquote {
  border-left: 3px solid hsl(var(--border));
  margin: 0.75rem 0;
  padding-left: 0.9rem;
  color: hsl(var(--muted-foreground));
}

.storycanvas-pack-root .ProseMirror hr {
  border: none;
  border-top: 1px solid hsl(var(--border));
  margin: 1.25rem 0;
}

.storycanvas-pack-root .ProseMirror img {
  max-width: 100%;
  border-radius: 0.5rem;
  margin: 0.75rem 0;
}

.storycanvas-pack-root .ProseMirror.prose-chapter {
  font-size: 1.05rem;
  line-height: 1.8;
}

.storycanvas-pack-root .ProseMirror.prose-chapter p {
  margin: 0.65rem 0;
}

.storycanvas-pack-root .screenplay-page {
  font-family: 'Courier Prime', 'Courier New', Courier, monospace;
  font-size: 12.5pt;
  line-height: 1.15;
  color: hsl(var(--foreground));
}

.storycanvas-pack-root .screenplay-line-scene {
  text-transform: uppercase;
  margin: 1.2em 0 0.6em;
  font-weight: 700;
}

.storycanvas-pack-root .screenplay-line-character {
  text-transform: uppercase;
  margin: 0.9em auto 0;
  width: 60%;
  text-align: center;
}

.storycanvas-pack-root .screenplay-line-dialogue {
  margin: 0 auto;
  width: 62%;
}

.storycanvas-pack-root .screenplay-line-parenthetical {
  margin: 0 auto;
  width: 48%;
  text-align: center;
  font-style: italic;
}

.storycanvas-pack-root .screenplay-line-transition {
  text-align: right;
  text-transform: uppercase;
  margin: 1em 0;
}

.storycanvas-pack-root .screenplay-line-action {
  margin: 0.55em 0;
}

.storycanvas-pack-root .react-flow__attribution {
  display: none;
}

@media print {
  .storycanvas-pack-root .no-print {
    display: none !important;
  }

  .storycanvas-pack-root .print-area {
    background: white !important;
    color: black !important;
  }
}
/* Building Blocks - LEGO-style visual project organization */

.building-blocks-container {
  display: flex;
  flex-direction: column;
  background: hsl(var(--background));
}

/* Canvas styling */
.building-blocks-canvas {
  background-image:
    radial-gradient(circle, hsl(var(--foreground) / 0.22) 1.25px, transparent 1.5px);
  background-size: 32px 32px;
}

/* Block Brick Styling */
.building-brick {
  cursor: grab;
  transition: border-color 0.2s ease, transform 0.1s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  will-change: transform;
}

.building-brick:active {
  cursor: grabbing;
}

.building-brick:hover {
  z-index: 100;
}

/* Group class applied via React className */

/* Nested block indicator */
.building-brick.nested {
  border-style: dashed;
}

/* Block Palette */
.block-palette {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: hsl(var(--card));
  border-bottom: 1px solid hsl(var(--border));
}

/* Empty state */
.building-blocks-empty {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: hsl(var(--muted-foreground));
}

/* Resize Handles - improved visibility */
.resize-handle {
  position: absolute;
  background: hsl(var(--primary));
  opacity: 0;
  transition: opacity 0.15s, transform 0.15s;
  z-index: 10;
  pointer-events: auto;
  border-radius: 4px;
}

.building-brick:hover .resize-handle,
.building-brick:focus-within .resize-handle {
  opacity: 0.6;
}

.resize-handle:hover {
  opacity: 1 !important;
  transform: scale(1.2);
}

.resize-handle-e {
  right: -4px;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 32px;
  cursor: e-resize;
}

.resize-handle-e:hover {
  transform: translateY(-50%) scale(1.2);
}

.resize-handle-s {
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%);
  width: 32px;
  height: 8px;
  cursor: s-resize;
}

.resize-handle-s:hover {
  transform: translateX(-50%) scale(1.2);
}

.resize-handle-se {
  right: -5px;
  bottom: -5px;
  width: 12px;
  height: 12px;
  cursor: se-resize;
  border-radius: 3px;
}

.resize-handle-se:hover {
  transform: scale(1.3);
}

/* Selection ring animation */
@keyframes pulse-ring {
  0%, 100% {
    outline: 2px solid hsl(var(--primary) / 0.4);
  }
  50% {
    outline: 4px solid hsl(var(--primary) / 0.2);
  }
}

.str-video *,
.str-video *::before,
.str-video *::after {
  box-sizing: border-box;
}

.str-video {
  --str-video__brand-color1: #005fff;
  --str-video__brand-color2: #69e5f6;
  --str-video__brand-color3: #00e2a1;
  --str-video__brand-color4: #ffd646;
  --str-video__brand-color5: #dc433b;
  --str_video__brand-color6: #b38af8;
  --str-video__base-color1: #e3e4e5;
  --str-video__base-color2: #979ca0;
  --str-video__base-color3: #4c535b;
  --str-video__base-color4: #000000;
  --str-video__base-color5: #0c0d0e;
  --str-video__base-color6: #19232d;
  --str-video__base-color7: #101213;
  --str-video__backdrop1: rgba(0, 0, 0, 0.5);
  --str-video__button-default-base: #19232d;
  --str-video__button-default-hover: #323b44;
  --str-video__button-default-pressed: #0c0d0e;
  --str-video__button-default-active: #19232d;
  --str-video__button-default-disabled: #1e262e;
  --str-video__button-primary-base: #19232d;
  --str-video__button-primary-hover: #4c8fff;
  --str-video__button-primary-pressed: #0c48ab;
  --str-video__button-primary-active: #005fff;
  --str-video__button-secondary-base: #19232d;
  --str-video__button-secondary-hover: #e96962;
  --str-video__button-secondary-pressed: #6a3233;
  --str-video__button-secondary-active: #dc433b;
  --str-video__button-tertiary-base: #dc433b;
  --str-video__button-tertiary-hover: #e96962;
  --str-video__button-tertiary-pressed: #6a3233;
  --str-video__button-tertiary-active: #31292f;
  --str-video__icon-default: #eff0f1;
  --str-video__icon-hover: #eff0f1;
  --str-video__icon-pressed: #656b72;
  --str-video__icon-active: #e3e4e5;
  --str-video__icon-alert: #e3e4e5;
  --str-video__icon-disabled: #7e8389;
  --str-video__alert-success: #00e2a1;
  --str-video__alert-caution: #ffd646;
  --str-video__alert-warning: #dc433b;
  --str-video__alert-success-background: rgba(0, 226, 161, 0.5);
  --str-video__alert-caution-background: rgba(255, 214, 70, 0.5);
  --str-video__alert-warning-background: rgba(220, 67, 59, 0.5);
  --str-video__font-size-xxs: 0.625rem;
  --str-video__font-size-xs: 0.75rem;
  --str-video__font-size-sm: 0.875rem;
  --str-video__font-size-md: 1rem;
  --str-video__font-size-lg: 1.125rem;
  --str-video__font-size-xl: 1.25rem;
  --str-video__font-size-xxl: 1.5rem;
  --str-video__border-radius-xxs: 4px;
  --str-video__border-radius-xs: 8px;
  --str-video__border-radius-sm: 12px;
  --str-video__border-radius-md: 18px;
  --str-video__border-radius-lg: 24px;
  --str-video__border-radius-xl: 30px;
  --str-video__border-radius-xxl: 48px;
  --str-video__border-radius-circle: 999px;
  --str-video__spacing-xxs: 4px;
  --str-video__spacing-xs: 6px;
  --str-video__spacing-sm: 8px;
  --str-video__spacing-md: 12px;
  --str-video__spacing-lg: 16px;
  --str-video__spacing-xl: 20px;
  --str-video__primary-color: #005fff;
  --str-video__secondary-color: #669fff;
  --str-video__text-color1: #ffffff;
  --str-video__text-color2: #b4b7bb;
  --str-video__text-color3: #72767e;
  --str-video__text-color4: #f7f7f8;
  --str-video__info-color: #4ce68c;
  --str-video__info-color--accent: #20e070;
  --str-video__danger-color: #ff3742;
  --str-video__danger-color--accent: #ff000e;
  --str-video__background-color0: #000000;
  --str-video__background-color1: #1c1e22;
  --str-video__background-color2: #272a30;
  --str-video__background-color3: #f4f4f5;
  --str-video__background-color4: #121416;
  --str-video__background-color5: #1d2938;
  --str-video__background-color6: #b4b7bb;
  --str-video__background-color7: #72767e;
  --str-video__overlay-color: rgba(39, 42, 48, 0.75);
  --str-video__livestream-overlay-color: rgba(39, 42, 48, 0.25);
  --str-video__livestream-overlay-color-hovered: rgba(39, 42, 48, 0.5);
  --str-video__icon--call-accept: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xNy41MSAxMi4zODJDMTYuMjggMTIuMzgyIDE1LjA5IDEyLjE4MiAxMy45OCAxMS44MjJDMTMuNjMgMTEuNzAyIDEzLjI0IDExLjc5MiAxMi45NyAxMi4wNjJMMTEuNCAxNC4wMzJDOC41NyAxMi42ODIgNS45MiAxMC4xMzIgNC41MSA3LjIwMTk1TDYuNDYgNS41NDE5NUM2LjczIDUuMjYxOTUgNi44MSA0Ljg3MTk1IDYuNyA0LjUyMTk1QzYuMzMgMy40MTE5NSA2LjE0IDIuMjIxOTUgNi4xNCAwLjk5MTk1M0M2LjE0IDAuNDUxOTUzIDUuNjkgMC4wMDE5NTMxMyA1LjE1IDAuMDAxOTUzMTNIMS42OUMxLjE1IDAuMDAxOTUzMTIgMC41IDAuMjQxOTUzIDAuNSAwLjk5MTk1M0MwLjUgMTAuMjgyIDguMjMgMTguMDAyIDE3LjUxIDE4LjAwMkMxOC4yMiAxOC4wMDIgMTguNSAxNy4zNzIgMTguNSAxNi44MjJWMTMuMzcyQzE4LjUgMTIuODMyIDE4LjA1IDEyLjM4MiAxNy41MSAxMi4zODJaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K');
  --str-video__icon--call-end: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTQuNTgwMSAxNi4wMzA0TDYuNTgwMSAxNC40NDA0QzcuMDYwMSAxNC4wNjA0IDcuMzQwMSAxMy40ODA0IDcuMzQwMSAxMi44NzA0VjEwLjI3MDRDMTAuMzYwMSA5LjI5MDQgMTMuNjMwMSA5LjI4MDQgMTYuNjYwMSAxMC4yNzA0VjEyLjg4MDRDMTYuNjYwMSAxMy40OTA0IDE2Ljk0MDEgMTQuMDcwNCAxNy40MjAxIDE0LjQ1MDRMMTkuNDEwMSAxNi4wMzA0QzIwLjIxMDEgMTYuNjYwNCAyMS4zNTAxIDE2LjYwMDQgMjIuMDcwMSAxNS44ODA0TDIzLjI5MDEgMTQuNjYwNEMyNC4wOTAxIDEzLjg2MDQgMjQuMDkwMSAxMi41MzA0IDIzLjI0MDEgMTEuNzgwNEMxNi44MzAxIDYuMTIwNCA3LjE3MDEgNi4xMjA0IDAuNzYwMTAzIDExLjc4MDRDLTAuMDg5ODk3IDEyLjUzMDQgLTAuMDg5ODk3IDEzLjg2MDQgMC43MTAxMDMgMTQuNjYwNEwxLjkzMDEgMTUuODgwNEMyLjY0MDEgMTYuNjAwNCAzLjc4MDEgMTYuNjYwNCA0LjU4MDEgMTYuMDMwNFoiIGZpbGw9IiNCMEI0QjciLz4KPC9nPgo8L3N2Zz4K');
  --str-video__icon--camera: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDEwLjVWN0MxNyA2LjQ1IDE2LjU1IDYgMTYgNkg0QzMuNDUgNiAzIDYuNDUgMyA3VjE3QzMgMTcuNTUgMy40NSAxOCA0IDE4SDE2QzE2LjU1IDE4IDE3IDE3LjU1IDE3IDE3VjEzLjVMMTkuMjkgMTUuNzlDMTkuOTIgMTYuNDIgMjEgMTUuOTcgMjEgMTUuMDhWOC45MUMyMSA4LjAyIDE5LjkyIDcuNTcgMTkuMjkgOC4yTDE3IDEwLjVaIiBmaWxsPSIjQjBCNEI3Ii8+Cjwvc3ZnPgo=');
  --str-video__icon--camera-off: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxLjI5MTUgMTQuNzY5OVY5LjQ3OTlDMjEuMjkxNSA4LjU4OTkgMjAuMjExNSA4LjEzOTkgMTkuNTgxNSA4Ljc2OTlMMTcuMjkxNSAxMS4wNjk5VjcuNTY5OUMxNy4yOTE1IDcuMDE5OSAxNi44NDE1IDYuNTY5OSAxNi4yOTE1IDYuNTY5OUgxMC42ODE1TDE5LjU5MTUgMTUuNDc5OUMyMC4yMTE1IDE2LjEwOTkgMjEuMjkxNSAxNS42NTk5IDIxLjI5MTUgMTQuNzY5OVpNMy4wMDE0OCAzLjEyOTlDMi42MTE0OCAzLjUxOTkgMi42MTE0OCA0LjE0OTkgMy4wMDE0OCA0LjUzOTlMNS4wMjE0OCA2LjU2OTlINC4yOTE0OEMzLjc0MTQ4IDYuNTY5OSAzLjI5MTQ4IDcuMDE5OSAzLjI5MTQ4IDcuNTY5OVYxNy41Njk5QzMuMjkxNDggMTguMTE5OSAzLjc0MTQ4IDE4LjU2OTkgNC4yOTE0OCAxOC41Njk5SDE2LjI5MTVDMTYuNTAxNSAxOC41Njk5IDE2LjY4MTUgMTguNDg5OSAxNi44NDE1IDE4LjM4OTlMMTkuMzIxNSAyMC44Njk5QzE5LjcxMTUgMjEuMjU5OSAyMC4zNDE1IDIxLjI1OTkgMjAuNzMxNSAyMC44Njk5QzIxLjEyMTUgMjAuNDc5OSAyMS4xMjE1IDE5Ljg0OTkgMjAuNzMxNSAxOS40NTk5TDQuNDExNDggMy4xMjk5QzQuMDIxNDggMi43Mzk5IDMuMzkxNDggMi43Mzk5IDMuMDAxNDggMy4xMjk5WiIgZmlsbD0iI0IwQjRCNyIvPgo8L3N2Zz4K');
  --str-video__icon--caret: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMjU0ODggMTAuNDg4NUw5LjQxMzIxIDguMzMwMThDOS43MzgyMSA4LjAwNTE4IDEwLjI2MzIgOC4wMDUxOCAxMC41ODgyIDguMzMwMThMMTIuNzQ2NSAxMC40ODg1QzEzLjI3MTUgMTEuMDEzNSAxMi44OTY1IDExLjkxMzUgMTIuMTU0OSAxMS45MTM1SDcuODM4MjFDNy4wOTY1NCAxMS45MTM1IDYuNzI5ODggMTEuMDEzNSA3LjI1NDg4IDEwLjQ4ODVaIiBmaWxsPSIjRTNFNEU1Ii8+Cjwvc3ZnPgo=');
  --str-video__icon--caret-down: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMjU0ODggMTAuNDg4NUw5LjQxMzIxIDguMzMwMThDOS43MzgyMSA4LjAwNTE4IDEwLjI2MzIgOC4wMDUxOCAxMC41ODgyIDguMzMwMThMMTIuNzQ2NSAxMC40ODg1QzEzLjI3MTUgMTEuMDEzNSAxMi44OTY1IDExLjkxMzUgMTIuMTU0OSAxMS45MTM1SDcuODM4MjFDNy4wOTY1NCAxMS45MTM1IDYuNzI5ODggMTEuMDEzNSA3LjI1NDg4IDEwLjQ4ODVaIiBmaWxsPSIjRTNFNEU1Ii8+Cjwvc3ZnPgo=');
  --str-video__icon--caret-up: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMjU0ODggMTAuNDg4NUw5LjQxMzIxIDguMzMwMThDOS43MzgyMSA4LjAwNTE4IDEwLjI2MzIgOC4wMDUxOCAxMC41ODgyIDguMzMwMThMMTIuNzQ2NSAxMC40ODg1QzEzLjI3MTUgMTEuMDEzNSAxMi44OTY1IDExLjkxMzUgMTIuMTU0OSAxMS45MTM1SDcuODM4MjFDNy4wOTY1NCAxMS45MTM1IDYuNzI5ODggMTEuMDEzNSA3LjI1NDg4IDEwLjQ4ODVaIiBmaWxsPSIjRTNFNEU1Ii8+Cjwvc3ZnPgo=');
  --str-video__icon--chevron-down: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNDEgOC4yOTUwNEwxMiAxMi44NzVMMTYuNTkgOC4yOTUwNEwxOCA5LjcwNTA0TDEyIDE1LjcwNUw2IDkuNzA1MDRMNy40MSA4LjI5NTA0WiIgZmlsbD0iI0IwQjRCNyIvPgo8L3N2Zz4K');
  --str-video__icon--chevron-up: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNDEgMTUuNzA1TDEyIDExLjEyNUwxNi41OSAxNS43MDVMMTggMTQuMjk1TDEyIDguMjk1MDRMNiAxNC4yOTVMNy40MSAxNS43MDVaIiBmaWxsPSIjRTNFNEU1Ii8+Cjwvc3ZnPgo=');
  --str-video__icon--chevron-right: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTYuOTk3NjcgMjEuMDE0OUM3LjQ4NzY3IDIxLjUwNDkgOC4yNzc2NyAyMS41MDQ5IDguNzY3NjcgMjEuMDE0OUwxNy4wNzc3IDEyLjcwNDlDMTcuNDY3NyAxMi4zMTQ5IDE3LjQ2NzcgMTEuNjg0OSAxNy4wNzc3IDExLjI5NDlMOC43Njc2NyAyLjk4NDkzQzguMjc3NjcgMi40OTQ5MyA3LjQ4NzY3IDIuNDk0OTMgNi45OTc2NyAyLjk4NDkzQzYuNTA3NjcgMy40NzQ5MyA2LjUwNzY3IDQuMjY0OTMgNi45OTc2NyA0Ljc1NDkzTDE0LjIzNzcgMTIuMDA0OUw2Ljk4NzY3IDE5LjI1NDlDNi41MDc2NyAxOS43MzQ5IDYuNTA3NjcgMjAuNTM0OSA2Ljk5NzY3IDIxLjAxNDlaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9zdmc+Cg==');
  --str-video__icon--call-latency: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjAwMjkgMTcuOTk4OEMxMi41NTUyIDE3Ljk5ODggMTMuMDAyOSAxNy41NTExIDEzLjAwMjkgMTYuOTk4OEMxMy4wMDI5IDE2LjQ0NjUgMTIuNTU1MiAxNS45OTg4IDEyLjAwMjkgMTUuOTk4OEMxMS40NTA2IDE1Ljk5ODggMTEuMDAyOSAxNi40NDY1IDExLjAwMjkgMTYuOTk4OEMxMS4wMDI5IDE3LjU1MTEgMTEuNDUwNiAxNy45OTg4IDEyLjAwMjkgMTcuOTk4OFoiIGZpbGw9IiNFM0U0RTUiLz4KPHBhdGggZD0iTTcuMDAyOTMgMTIuOTk4OEM3LjU1NTIxIDEyLjk5ODggOC4wMDI5MyAxMi41NTExIDguMDAyOTMgMTEuOTk4OEM4LjAwMjkzIDExLjQ0NjUgNy41NTUyMSAxMC45OTg4IDcuMDAyOTMgMTAuOTk4OEM2LjQ1MDY0IDEwLjk5ODggNi4wMDI5MyAxMS40NDY1IDYuMDAyOTMgMTEuOTk4OEM2LjAwMjkzIDEyLjU1MTEgNi40NTA2NCAxMi45OTg4IDcuMDAyOTMgMTIuOTk4OFoiIGZpbGw9IiNFM0U0RTUiLz4KPHBhdGggZD0iTTE3LjAwMjkgMTIuOTk4OEMxNy41NTUyIDEyLjk5ODggMTguMDAyOSAxMi41NTExIDE4LjAwMjkgMTEuOTk4OEMxOC4wMDI5IDExLjQ0NjUgMTcuNTU1MiAxMC45OTg4IDE3LjAwMjkgMTAuOTk4OEMxNi40NTA2IDEwLjk5ODggMTYuMDAyOSAxMS40NDY1IDE2LjAwMjkgMTEuOTk4OEMxNi4wMDI5IDEyLjU1MTEgMTYuNDUwNiAxMi45OTg4IDE3LjAwMjkgMTIuOTk4OFoiIGZpbGw9IiNFM0U0RTUiLz4KPHBhdGggZD0iTTEyLjAwMjkgMi45OTg3OEMxMS40NTI5IDIuOTk4NzggMTEuMDAyOSAzLjQ0ODc4IDExLjAwMjkgMy45OTg3OFY1Ljk5ODc4QzExLjAwMjkgNi41NDg3OCAxMS40NTI5IDYuOTk4NzggMTIuMDAyOSA2Ljk5ODc4QzEyLjU1MjkgNi45OTg3OCAxMy4wMDI5IDYuNTQ4NzggMTMuMDAyOSA1Ljk5ODc4VjUuMDc4NzhDMTYuMzEyOSA1LjU1ODc4IDE4Ljg3MjkgOC4zMjg3OCAxOS4wMDI5IDExLjczODhDMTkuMTQyOSAxNS41ODg4IDE1Ljk3MjkgMTguOTM4OCAxMi4xMjI5IDE4Ljk5ODhDOC4xOTI5MyAxOS4wNTg4IDUuMDAyOTMgMTUuOTA4OCA1LjAwMjkzIDExLjk5ODhDNS4wMDI5MyAxMC4zMTg4IDUuNTkyOTMgOC43Nzg3OCA2LjU4MjkzIDcuNTc4NzhMMTEuMjkyOSAxMi4yOTg4QzExLjY4MjkgMTIuNjg4OCAxMi4zMTI5IDEyLjY4ODggMTIuNzAyOSAxMi4yOTg4QzEzLjA5MjkgMTEuOTA4OCAxMy4wOTI5IDExLjI3ODggMTIuNzAyOSAxMC44ODg4TDcuMjYyOTMgNS40NTg3OEM2Ljg4MjkzIDUuMDc4NzggNi4yNjI5MyA1LjA2ODc4IDUuODYyOTMgNS40Mzg3OEM0LjEwMjkzIDcuMDY4NzggMy4wMDI5MyA5LjM5ODc4IDMuMDAyOTMgMTEuOTk4OEMzLjAwMjkzIDE3LjAzODggNy4xNDI5MyAyMS4xMTg4IDEyLjIxMjkgMjAuOTk4OEMxNi45MTI5IDIwLjg4ODggMjAuODQyOSAxNi45ODg4IDIwLjk5MjkgMTIuMjg4OEMyMS4xNjI5IDcuMTg4NzggMTcuMDcyOSAyLjk5ODc4IDEyLjAwMjkgMi45OTg3OFoiIGZpbGw9IiNFM0U0RTUiLz4KPC9zdmc+Cg==');
  --str-video__icon--close: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTE4LjI5OTcgNS43MDk5N0MxNy45MDk3IDUuMzE5OTcgMTcuMjc5NyA1LjMxOTk3IDE2Ljg4OTcgNS43MDk5N0wxMS45OTk3IDEwLjU5TDcuMTA5NzMgNS42OTk5N0M2LjcxOTczIDUuMzA5OTcgNi4wODk3MyA1LjMwOTk3IDUuNjk5NzMgNS42OTk5N0M1LjMwOTczIDYuMDg5OTcgNS4zMDk3MyA2LjcxOTk3IDUuNjk5NzMgNy4xMDk5N0wxMC41ODk3IDEyTDUuNjk5NzMgMTYuODlDNS4zMDk3MyAxNy4yOCA1LjMwOTczIDE3LjkxIDUuNjk5NzMgMTguM0M2LjA4OTczIDE4LjY5IDYuNzE5NzMgMTguNjkgNy4xMDk3MyAxOC4zTDExLjk5OTcgMTMuNDFMMTYuODg5NyAxOC4zQzE3LjI3OTcgMTguNjkgMTcuOTA5NyAxOC42OSAxOC4yOTk3IDE4LjNDMTguNjg5NyAxNy45MSAxOC42ODk3IDE3LjI4IDE4LjI5OTcgMTYuODlMMTMuNDA5NyAxMkwxOC4yOTk3IDcuMTA5OTdDMTguNjc5NyA2LjcyOTk3IDE4LjY3OTcgNi4wODk5NyAxOC4yOTk3IDUuNzA5OTdaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9zdmc+Cg==');
  --str-video__icon--connection-quality-poor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCAzMyAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMjU0ODgzIDYuMjVDMC4yNTQ4ODMgMi45MzYyOSAyLjk0MTE3IDAuMjUgNi4yNTQ4OCAwLjI1SDMyLjI1NDlWMjYuMjVDMzIuMjU0OSAyOS41NjM3IDI5LjU2ODYgMzIuMjUgMjYuMjU0OSAzMi4yNUgwLjI1NDg4M1Y2LjI1WiIgZmlsbD0iIzBDMEQwRSIgZmlsbC1vcGFjaXR5PSIwLjY1Ii8+CjxwYXRoIGQ9Ik0xNi4yNTQ5IDIwLjI1TDE2LjI1NDkgMTUuMjUiIHN0cm9rZT0iI0UzRTRFNSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTExLjI1NDkgMjAuMjVMMTEuMjU0OSAxOC4yNSIgc3Ryb2tlPSIjREM0MzNCIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMjEuMjU0OSAyMC4yNUwyMS4yNTQ5IDEyLjI1IiBzdHJva2U9IiNFM0U0RTUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=');
  --str-video__icon--connection-quality-good: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCAzMyAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuOTI0ODA1IDYuMjVDMC45MjQ4MDUgMi45MzYyOSAzLjYxMTEgMC4yNSA2LjkyNDggMC4yNUgzMi45MjQ4VjI2LjI1QzMyLjkyNDggMjkuNTYzNyAzMC4yMzg1IDMyLjI1IDI2LjkyNDggMzIuMjVIMC45MjQ4MDVWNi4yNVoiIGZpbGw9IiMwQzBEMEUiIGZpbGwtb3BhY2l0eT0iMC42NSIvPgo8cGF0aCBkPSJNMTYuOTI0OCAyMC4yNUwxNi45MjQ4IDE1LjI1IiBzdHJva2U9IiMwMEUyQTEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMS45MjQ4IDIwLjI1TDExLjkyNDggMTguMjUiIHN0cm9rZT0iIzAwRTJBMSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTIxLjkyNDggMjAuMjVMMjEuOTI0OCAxMi4yNSIgc3Ryb2tlPSIjRTNFNEU1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K');
  --str-video__icon--connection-quality-excellent: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCAzMyAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMjU0ODgzIDYuMjVDMC4yNTQ4ODMgMi45MzYyOSAyLjk0MTE3IDAuMjUgNi4yNTQ4OCAwLjI1SDMyLjI1NDlWMjYuMjVDMzIuMjU0OSAyOS41NjM3IDI5LjU2ODYgMzIuMjUgMjYuMjU0OSAzMi4yNUgwLjI1NDg4M1Y2LjI1WiIgZmlsbD0iIzBDMEQwRSIgZmlsbC1vcGFjaXR5PSIwLjY1Ii8+CjxwYXRoIGQ9Ik0xNi4yNTQ5IDIwLjI1TDE2LjI1NDkgMTUuMjUiIHN0cm9rZT0iIzAwRTJBMSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTExLjI1NDkgMjAuMjVMMTEuMjU0OSAxOC4yNSIgc3Ryb2tlPSIjMDBFMkExIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMjEuMjU0OSAyMC4yNUwyMS4yNTQ5IDEyLjI1IiBzdHJva2U9IiMwMEUyQTEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=');
  --str-video__icon--download: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyOCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjA2MDcgNi4zMzM1SDE2LjAwMDdWMy4wMDAxNkMxNi4wMDA3IDIuNjMzNSAxNS43MDA3IDIuMzMzNSAxNS4zMzQgMi4zMzM1SDEyLjY2NzNDMTIuMzAwNyAyLjMzMzUgMTIuMDAwNyAyLjYzMzUgMTIuMDAwNyAzLjAwMDE2VjYuMzMzNUgxMC45NDA3QzEwLjM0NzMgNi4zMzM1IDEwLjA0NzMgNy4wNTM1IDEwLjQ2NzMgNy40NzM1TDEzLjUyNzMgMTAuNTMzNUMxMy43ODczIDEwLjc5MzUgMTQuMjA3MyAxMC43OTM1IDE0LjQ2NzMgMTAuNTMzNUwxNy41MjczIDcuNDczNUMxNy45NDczIDcuMDUzNSAxNy42NTQgNi4zMzM1IDE3LjA2MDcgNi4zMzM1Wk05LjMzMzk4IDEzLjAwMDJDOS4zMzM5OCAxMy4zNjY4IDkuNjMzOTggMTMuNjY2OCAxMC4wMDA3IDEzLjY2NjhIMTguMDAwN0MxOC4zNjczIDEzLjY2NjggMTguNjY3MyAxMy4zNjY4IDE4LjY2NzMgMTMuMDAwMkMxOC42NjczIDEyLjYzMzUgMTguMzY3MyAxMi4zMzM1IDE4LjAwMDcgMTIuMzMzNUgxMC4wMDA3QzkuNjMzOTggMTIuMzMzNSA5LjMzMzk4IDEyLjYzMzUgOS4zMzM5OCAxMy4wMDAyWiIgZmlsbD0iI0UzRTRFNSIvPgo8L3N2Zz4K');
  --str-video__icon--ellipsis: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMTBDNC45IDEwIDQgMTAuOSA0IDEyQzQgMTMuMSA0LjkgMTQgNiAxNEM3LjEgMTQgOCAxMy4xIDggMTJDOCAxMC45IDcuMSAxMCA2IDEwWk0xOCAxMEMxNi45IDEwIDE2IDEwLjkgMTYgMTJDMTYgMTMuMSAxNi45IDE0IDE4IDE0QzE5LjEgMTQgMjAgMTMuMSAyMCAxMkMyMCAxMC45IDE5LjEgMTAgMTggMTBaTTEyIDEwQzEwLjkgMTAgMTAgMTAuOSAxMCAxMkMxMCAxMy4xIDEwLjkgMTQgMTIgMTRDMTMuMSAxNCAxNCAxMy4xIDE0IDEyQzE0IDEwLjkgMTMuMSAxMCAxMiAxMFoiIGZpbGw9IiNFM0U0RTUiLz4KPC9zdmc+Cg==');
  --str-video__icon--film-roll: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTMgNkMyLjQ1IDYgMiA2LjQ1IDIgN1YyMEMyIDIxLjEgMi45IDIyIDQgMjJIMTdDMTcuNTUgMjIgMTggMjEuNTUgMTggMjFDMTggMjAuNDUgMTcuNTUgMjAgMTcgMjBINUM0LjQ1IDIwIDQgMTkuNTUgNCAxOVY3QzQgNi40NSAzLjU1IDYgMyA2Wk0yMCAySDhDNi45IDIgNiAyLjkgNiA0VjE2QzYgMTcuMSA2LjkgMTggOCAxOEgyMEMyMS4xIDE4IDIyIDE3LjEgMjIgMTZWNEMyMiAyLjkgMjEuMSAyIDIwIDJaTTEyIDE0LjVWNS41TDE3LjQ3IDkuNkMxNy43NCA5LjggMTcuNzQgMTAuMiAxNy40NyAxMC40TDEyIDE0LjVaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9zdmc+Cg==');
  --str-video__icon--filter: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSI+CiAgICA8cGF0aCBkPSJNMSAzLjc1QS43NS43NSAwIDAgMSAxLjc1IDNoMTIuNWEuNzUuNzUgMCAwIDEgMCAxLjVIMS43NUEuNzUuNzUgMCAwIDEgMSAzLjc1em0yLjUgNEEuNzUuNzUgMCAwIDEgNC4yNSA3aDcuNWEuNzUuNzUgMCAwIDEgMCAxLjVoLTcuNWEuNzUuNzUgMCAwIDEtLjc1LS43NXpNNi43NSAxMWEuNzUuNzUgMCAwIDAgMCAxLjVoMi41YS43NS43NSAwIDAgMCAwLTEuNWgtMi41eiIgZmlsbD0iY3VycmVudENvbG9yIi8+XAo8L3N2Zz4K');
  --str-video__icon--fullscreen: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzNiAzNiIgd2lkdGg9IjM2IiBoZWlnaHQ9IjM2IiBmaWxsPSJ3aGl0ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0ibSAxMCwxNiAyLDAgMCwtNCA0LDAgMCwtMiBMIDEwLDEwIGwgMCw2IDAsMCB6Ii8+CjxwYXRoIGQ9Im0gMjAsMTAgMCwyIDQsMCAwLDQgMiwwIEwgMjYsMTAgbCAtNiwwIDAsMCB6Ii8+CjxwYXRoIGQ9Im0gMjQsMjQgLTQsMCAwLDIgTCAyNiwyNiBsIDAsLTYgLTIsMCAwLDQgMCwwIHoiLz4KPHBhdGggZD0iTSAxMiwyMCAxMCwyMCAxMCwyNiBsIDYsMCAwLC0yIC00LDAgMCwtNCAwLDAgeiIvPgo8L3N2Zz4=');
  --str-video__icon--info-icon: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTExIDdoMnYyaC0yem0wIDRoMnY2aC0yem0xLTlDNi40OCAyIDIgNi40OCAyIDEyczQuNDggMTAgMTAgMTAgMTAtNC40OCAxMC0xMFMxNy41MiAyIDEyIDJ6bTAgMThjLTQuNDEgMC04LTMuNTktOC04czMuNTktOCA4LTggOCAzLjU5IDggOC0zLjU5IDgtOCA4eiIvPjwvc3ZnPg==');
  --str-video__icon--kick-user: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCI+PGc+PHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0Ii8+PC9nPjxnPjxwYXRoIGQ9Ik0xNCw4YzAtMi4yMS0xLjc5LTQtNC00UzYsNS43OSw2LDhzMS43OSw0LDQsNFMxNCwxMC4yMSwxNCw4eiBNMTcsMTB2Mmg2di0ySDE3eiBNMiwxOHYyaDE2di0yYzAtMi42Ni01LjMzLTQtOC00IFMyLDE1LjM0LDIsMTh6Ii8+PC9nPjwvc3ZnPg==');
  --str-video__icon--livestream-viewers: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzg2OTdfMjU1NykiPgo8cGF0aCBkPSJNOC4zNzc0NCA0LjU2MjVDMTAuNzQ2MiA0LjU2MjUgMTIuODU4NyA1Ljg5Mzc1IDEzLjg4OTkgOEMxMi44NTg3IDEwLjEwNjIgMTAuNzQ2MiAxMS40Mzc1IDguMzc3NDQgMTEuNDM3NUM2LjAwODY5IDExLjQzNzUgMy44OTYxOSAxMC4xMDYyIDIuODY0OTQgOEMzLjg5NjE5IDUuODkzNzUgNi4wMDg2OSA0LjU2MjUgOC4zNzc0NCA0LjU2MjVaTTguMzc3NDQgMy4zMTI1QzUuMjUyNDQgMy4zMTI1IDIuNTgzNjkgNS4yNTYyNSAxLjUwMjQ0IDhDMi41ODM2OSAxMC43NDM4IDUuMjUyNDQgMTIuNjg3NSA4LjM3NzQ0IDEyLjY4NzVDMTEuNTAyNCAxMi42ODc1IDE0LjE3MTIgMTAuNzQzOCAxNS4yNTI0IDhDMTQuMTcxMiA1LjI1NjI1IDExLjUwMjQgMy4zMTI1IDguMzc3NDQgMy4zMTI1Wk04LjM3NzQ0IDYuNDM3NUM5LjIzOTk0IDYuNDM3NSA5LjkzOTk0IDcuMTM3NSA5LjkzOTk0IDhDOS45Mzk5NCA4Ljg2MjUgOS4yMzk5NCA5LjU2MjUgOC4zNzc0NCA5LjU2MjVDNy41MTQ5NCA5LjU2MjUgNi44MTQ5NCA4Ljg2MjUgNi44MTQ5NCA4QzYuODE0OTQgNy4xMzc1IDcuNTE0OTQgNi40Mzc1IDguMzc3NDQgNi40Mzc1Wk04LjM3NzQ0IDUuMTg3NUM2LjgyNzQ0IDUuMTg3NSA1LjU2NDk0IDYuNDUgNS41NjQ5NCA4QzUuNTY0OTQgOS41NSA2LjgyNzQ0IDEwLjgxMjUgOC4zNzc0NCAxMC44MTI1QzkuOTI3NDQgMTAuODEyNSAxMS4xODk5IDkuNTUgMTEuMTg5OSA4QzExLjE4OTkgNi40NSA5LjkyNzQ0IDUuMTg3NSA4LjM3NzQ0IDUuMTg3NVoiIGZpbGw9IiNGQ0ZDRkMiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF84Njk3XzI1NTciPgo8cmVjdCB4PSIwLjg3NzQ0MSIgeT0iMC41IiB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHJ4PSI0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=');
  --str-video__icon--loading: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMSAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzAuOTIxMyAxNUMzMC45MjEzIDIzLjI4NDMgMjQuMjA1NiAzMCAxNS45MjEzIDMwQzEwLjcxNTQgMzAgNi4xMjg5OSAyNy4zNDggMy40MzkyMSAyMy4zMjE0TDUuMTAzNDkgMjIuMjExOUM3LjQzNDYzIDI1LjcwMTYgMTEuNDA5NiAyOCAxNS45MjEzIDI4QzIzLjEwMSAyOCAyOC45MjEzIDIyLjE3OTcgMjguOTIxMyAxNUMyOC45MjEzIDcuODIwMyAyMy4xMDEgMiAxNS45MjEzIDJMMTUuOTIxMyAwQzI0LjIwNTYgMCAzMC45MjEzIDYuNzE1NzMgMzAuOTIxMyAxNVoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8xODYwXzExMDYyMykiLz4KICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8xODYwXzExMDYyMyIgeDE9IjMuNDM5MjEiIHkxPSIwIiB4Mj0iMy40MzkyMSIgeTI9IjMwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgICAgICAgICAgIDxzdG9wIGlkPSJzdG9wLXNlbWl0cmFuc3BhcmVudCIgc3RvcC1vcGFjaXR5PSIwLjAxIi8+CiAgICAgICAgICAgIDxzdG9wIGlkPSJzdG9wLW9wYXF1ZSIgb2Zmc2V0PSIxIiAvPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICA8L2RlZnM+Cjwvc3ZnPg==');
  --str-video__icon--logout: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNSAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuMDA2NTEgMi45MTY2N0g2LjUwNjUxQzYuODI3MzQgMi45MTY2NyA3LjA4OTg0IDIuNjU0MTcgNy4wODk4NCAyLjMzMzMzQzcuMDg5ODQgMi4wMTI1IDYuODI3MzQgMS43NSA2LjUwNjUxIDEuNzVIMy4wMDY1MUMyLjM2NDg0IDEuNzUgMS44Mzk4NCAyLjI3NSAxLjgzOTg0IDIuOTE2NjdWMTEuMDgzM0MxLjgzOTg0IDExLjcyNSAyLjM2NDg0IDEyLjI1IDMuMDA2NTEgMTIuMjVINi41MDY1MUM2LjgyNzM0IDEyLjI1IDcuMDg5ODQgMTEuOTg3NSA3LjA4OTg0IDExLjY2NjdDNy4wODk4NCAxMS4zNDU4IDYuODI3MzQgMTEuMDgzMyA2LjUwNjUxIDExLjA4MzNIMy4wMDY1MVYyLjkxNjY3WiIgZmlsbD0iI0UzRTRFNSIvPgo8cGF0aCBkPSJNMTIuMTM1NyA2Ljc5NTgzTDEwLjUwODIgNS4xNjgzM0MxMC4zMjE1IDQuOTgxNjcgMTAuMDA2NSA1LjExIDEwLjAwNjUgNS4zNzI1VjYuNDE2NjdINS45MjMxOEM1LjYwMjM0IDYuNDE2NjcgNS4zMzk4NCA2LjY3OTE3IDUuMzM5ODQgN0M1LjMzOTg0IDcuMzIwODMgNS42MDIzNCA3LjU4MzMzIDUuOTIzMTggNy41ODMzM0gxMC4wMDY1VjguNjI3NUMxMC4wMDY1IDguODkgMTAuMzIxNSA5LjAxODMzIDEwLjUwMjMgOC44MzE2N0wxMi4xMjk4IDcuMjA0MTdDMTIuMjQ2NSA3LjA5MzMzIDEyLjI0NjUgNi45MDY2NyAxMi4xMzU3IDYuNzk1ODNaIiBmaWxsPSIjRTNFNEU1Ii8+Cjwvc3ZnPgo=');
  --str-video__icon--low-bandwidth: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0Ij48cGF0aCBkPSJNMjQgMEgwdjI0aDI0eiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik04LjEgNWMuMTcgMCAuMzIuMDkuNDEuMjNsLjA3LjE1IDUuMTggMTEuNjVjLjE2LjI5LjI2LjYxLjI2Ljk2IDAgMS4xMS0uOSAyLjAxLTIuMDEgMi4wMS0uOTYgMC0xLjc3LS42OC0xLjk2LTEuNTlsLS4wMS0uMDNMNy42IDUuNWMwLS4yOC4yMi0uNS41LS41TTIzIDlsLTIgMmExMi42NiAxMi42NiAwIDAgMC0xMC41My0zLjYyTDkuMjggNC43YzQuODMtLjg2IDkuOTguNTcgMTMuNzIgNC4zTTMgMTEgMSA5YTE1LjQgMTUuNCAwIDAgMSA1LjU5LTMuNTdsLjUzIDIuODJDNS42MiA4Ljg3IDQuMjIgOS43OCAzIDExbTQgNC0yLTJjLjgtLjggMS43LTEuNDIgMi42Ni0xLjg5bC41NSAyLjkyYy0uNDIuMjctLjgzLjU5LTEuMjEuOTdtMTItMi0yIDJhNy4xIDcuMSAwIDAgMC00LjAzLTJsLTEuMjgtMi44OGMyLjYzLS4wOCA1LjMuODcgNy4zMSAyLjg4Ii8+PC9zdmc+');
  --str-video__icon--magnifier-glass: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik04LjQ4NDkxIDcuODYwM0g3Ljk1NTk3TDcuNzY4NSA3LjY3OTUyQzguNTcxOTUgNi43NDIxNiA4Ljk4NzA2IDUuNDYzMzQgOC43NTk0MiA0LjEwNDE4QzguNDQ0NzMgMi4yNDI4NSA2Ljg5MTQgMC43NTY0NzQgNS4wMTY2OSAwLjUyODgzQzIuMTg0NTMgMC4xODA2NjkgLTAuMTk5MDMxIDIuNTY0MjMgMC4xNDkxMyA1LjM5NjM5QzAuMzc2Nzc0IDcuMjcxMSAxLjg2MzE1IDguODI0NDMgMy43MjQ0OCA5LjEzOTEyQzUuMDgzNjQgOS4zNjY3NiA2LjM2MjQ2IDguOTUxNjUgNy4yOTk4MiA4LjE0ODJMNy40ODA2IDguMzM1NjdWOC44NjQ2MUwxMC4zMjYxIDExLjcxMDJDMTAuNjAwNyAxMS45ODQ3IDExLjA0OTIgMTEuOTg0NyAxMS4zMjM4IDExLjcxMDJDMTEuNTk4MyAxMS40MzU2IDExLjU5ODMgMTAuOTg3IDExLjMyMzggMTAuNzEyNUw4LjQ4NDkxIDcuODYwM1pNNC40Njc2NiA3Ljg2MDNDMi44MDA1MSA3Ljg2MDMgMS40NTQ3MyA2LjUxNDUyIDEuNDU0NzMgNC44NDczNkMxLjQ1NDczIDMuMTgwMjEgMi44MDA1MSAxLjgzNDQzIDQuNDY3NjYgMS44MzQ0M0M2LjEzNDgyIDEuODM0NDMgNy40ODA2IDMuMTgwMjEgNy40ODA2IDQuODQ3MzZDNy40ODA2IDYuNTE0NTIgNi4xMzQ4MiA3Ljg2MDMgNC40Njc2NiA3Ljg2MDNaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K');
  --str-video__icon--mic: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjk5OSAxNC41QzEzLjY1OSAxNC41IDE0Ljk5OSAxMy4xNiAxNC45OTkgMTEuNVY1LjVDMTQuOTk5IDMuODQgMTMuNjU5IDIuNSAxMS45OTkgMi41QzEwLjMzOSAyLjUgOC45OTkwMSAzLjg0IDguOTk5MDEgNS41VjExLjVDOC45OTkwMSAxMy4xNiAxMC4zMzkgMTQuNSAxMS45OTkgMTQuNVpNMTcuOTA5IDExLjVDMTcuNDE5IDExLjUgMTcuMDA5IDExLjg2IDE2LjkyOSAxMi4zNUMxNi41MTkgMTQuNyAxNC40NjkgMTYuNSAxMS45OTkgMTYuNUM5LjUyOTAxIDE2LjUgNy40NzkwMSAxNC43IDcuMDY5MDEgMTIuMzVDNi45ODkwMSAxMS44NiA2LjU3OTAxIDExLjUgNi4wODkwMSAxMS41QzUuNDc5MDEgMTEuNSA0Ljk5OTAxIDEyLjA0IDUuMDg5MDEgMTIuNjRDNS41NzkwMSAxNS42NCA3Ljk3OTAxIDE3Ljk5IDEwLjk5OSAxOC40MlYyMC41QzEwLjk5OSAyMS4wNSAxMS40NDkgMjEuNSAxMS45OTkgMjEuNUMxMi41NDkgMjEuNSAxMi45OTkgMjEuMDUgMTIuOTk5IDIwLjVWMTguNDJDMTYuMDE5IDE3Ljk5IDE4LjQxOSAxNS42NCAxOC45MDkgMTIuNjRDMTkuMDA5IDEyLjA0IDE4LjUxOSAxMS41IDE3LjkwOSAxMS41WiIgZmlsbD0iI0IwQjRCNyIvPgo8L3N2Zz4K');
  --str-video__icon--mic-off: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTE0LjkyMDQgMTEuMVY1LjVDMTQuOTIwNCAzLjg0IDEzLjU4MDQgMi41IDExLjkyMDQgMi41QzEwLjM4MDQgMi41IDkuMTMwMzkgMy42NiA4Ljk2MDM5IDUuMTVMMTQuOTIwNCAxMS4xWk0xOC4wMDA0IDExLjVDMTcuNTkwNCAxMS41IDE3LjIzMDQgMTEuOCAxNy4xNzA0IDEyLjIxQzE3LjEyMDQgMTIuNTMgMTcuMDUwNCAxMi44NSAxNi45NTA0IDEzLjE0TDE4LjIyMDQgMTQuNDFDMTguNTIwNCAxMy44MSAxOC43NDA0IDEzLjE2IDE4Ljg1MDQgMTIuNDdDMTguOTIwNCAxMS45NiAxOC41MjA0IDExLjUgMTguMDAwNCAxMS41Wk0zLjYzMDM5IDQuMDZDMy4yNDAzOSA0LjQ1IDMuMjQwMzkgNS4wOCAzLjYzMDM5IDUuNDdMOC45MjAzOSAxMC43N1YxMS4yQzguOTIwMzkgMTIuMzkgOS41MjAzOSAxMy41MiAxMC41NTA0IDE0LjExQzExLjMwMDQgMTQuNTQgMTEuOTYwNCAxNC41NSAxMi41NzA0IDE0LjQyTDE0LjIzMDQgMTYuMDhDMTMuNTIwNCAxNi40MSAxMi43MzA0IDE2LjYgMTEuOTIwNCAxNi42QzkuMzgwMzkgMTYuNiA3LjA0MDM5IDE0LjgzIDYuNjcwMzkgMTIuMjFDNi42MTAzOSAxMS44IDYuMjUwMzkgMTEuNSA1Ljg0MDM5IDExLjVDNS4zMjAzOSAxMS41IDQuOTIwMzkgMTEuOTYgNC45OTAzOSAxMi40N0M1LjQ1MDM5IDE1LjQzIDcuOTUwMzkgMTcuNzcgMTAuOTIwNCAxOC4yMlYyMC41QzEwLjkyMDQgMjEuMDUgMTEuMzcwNCAyMS41IDExLjkyMDQgMjEuNUMxMi40NzA0IDIxLjUgMTIuOTIwNCAyMS4wNSAxMi45MjA0IDIwLjVWMTguMjJDMTMuODMwNCAxOC4wOSAxNC42OTA0IDE3Ljc3IDE1LjQ3MDQgMTcuMzJMMTguOTYwNCAyMC44MUMxOS4zNTA0IDIxLjIgMTkuOTgwNCAyMS4yIDIwLjM3MDQgMjAuODFDMjAuNzYwNCAyMC40MiAyMC43NjA0IDE5Ljc5IDIwLjM3MDQgMTkuNEw1LjA0MDM5IDQuMDZDNC42NTAzOSAzLjY3IDQuMDIwMzkgMy42NyAzLjYzMDM5IDQuMDZaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9zdmc+Cg==');
  --str-video__icon--network-quality: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNCA5LjJINi42QzcuMzcgOS4yIDggOS44MyA4IDEwLjZWMTcuNkM4IDE4LjM3IDcuMzcgMTkgNi42IDE5SDYuNEM1LjYzIDE5IDUgMTguMzcgNSAxNy42VjEwLjZDNSA5LjgzIDUuNjMgOS4yIDYuNCA5LjJaTTEyIDVDMTIuNzcgNSAxMy40IDUuNjMgMTMuNCA2LjRWMTcuNkMxMy40IDE4LjM3IDEyLjc3IDE5IDEyIDE5QzExLjIzIDE5IDEwLjYgMTguMzcgMTAuNiAxNy42VjYuNEMxMC42IDUuNjMgMTEuMjMgNSAxMiA1Wk0xNy42IDEzQzE4LjM3IDEzIDE5IDEzLjYzIDE5IDE0LjRWMTcuNkMxOSAxOC4zNyAxOC4zNyAxOSAxNy42IDE5QzE2LjgzIDE5IDE2LjIgMTguMzcgMTYuMiAxNy42VjE0LjRDMTYuMiAxMy42MyAxNi44MyAxMyAxNy42IDEzWiIgZmlsbD0iI0UzRTRFNSIvPgo8L3N2Zz4K');
  --str-video__icon--reactions: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTIzIDQuNUMyMyA1LjA1IDIyLjU1IDUuNSAyMiA1LjVIMjFWNi41QzIxIDcuMDUgMjAuNTUgNy41IDIwIDcuNUMxOS40NSA3LjUgMTkgNy4wNSAxOSA2LjVWNS41SDE4QzE3LjQ1IDUuNSAxNyA1LjA1IDE3IDQuNUMxNyAzLjk1IDE3LjQ1IDMuNSAxOCAzLjVIMTlWMi41QzE5IDEuOTUgMTkuNDUgMS41IDIwIDEuNUMyMC41NSAxLjUgMjEgMS45NSAyMSAyLjVWMy41SDIyQzIyLjU1IDMuNSAyMyAzLjk1IDIzIDQuNVpNMjAuNTIgOS40NUMyMC44MyAxMC40MSAyMSAxMS40NCAyMSAxMi41QzIxIDE4LjAyIDE2LjUyIDIyLjUgMTEgMjIuNUM1LjQ4IDIyLjUgMSAxOC4wMiAxIDEyLjVDMSA2Ljk4IDUuNDggMi41IDExIDIuNUMxMi41IDIuNSAxMy45MiAyLjg0IDE1LjIgMy40NEMxNS4wOCAzLjc3IDE1IDQuMTIgMTUgNC41QzE1IDUuODUgMTUuOSA3IDE3LjEzIDcuMzdDMTcuNSA4LjYgMTguNjUgOS41IDIwIDkuNUMyMC4xOCA5LjUgMjAuMzUgOS40OCAyMC41MiA5LjQ1Wk02IDEwQzYgMTAuODMgNi42NyAxMS41IDcuNSAxMS41QzguMzMgMTEuNSA5IDEwLjgzIDkgMTBDOSA5LjE3IDguMzMgOC41IDcuNSA4LjVDNi42NyA4LjUgNiA5LjE3IDYgMTBaTTE1LjMxIDE0LjVINi42OUM2LjMxIDE0LjUgNi4wNiAxNC45MiA2LjI1IDE1LjI1QzcuMiAxNi44OSA4Ljk3IDE4IDExIDE4QzEzLjAzIDE4IDE0LjggMTYuODkgMTUuNzUgMTUuMjVDMTUuOTQgMTQuOTIgMTUuNyAxNC41IDE1LjMxIDE0LjVaTTE2IDEwQzE2IDkuMTcgMTUuMzMgOC41IDE0LjUgOC41QzEzLjY3IDguNSAxMyA5LjE3IDEzIDEwQzEzIDEwLjgzIDEzLjY3IDExLjUgMTQuNSAxMS41QzE1LjMzIDExLjUgMTYgMTAuODMgMTYgMTBaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9zdmc+Cg==');
  --str-video__icon--recording-off: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPGcgaWQ9IlZlY3RvciI+CjxwYXRoIGQ9Ik0xMiAyQzYuNDggMiAyIDYuNDggMiAxMkMyIDE3LjUyIDYuNDggMjIgMTIgMjJDMTcuNTIgMjIgMjIgMTcuNTIgMjIgMTJDMjIgNi40OCAxNy41MiAyIDEyIDJaTTEyIDIwQzcuNTggMjAgNCAxNi40MiA0IDEyQzQgNy41OCA3LjU4IDQgMTIgNEMxNi40MiA0IDIwIDcuNTggMjAgMTJDMjAgMTYuNDIgMTYuNDIgMjAgMTIgMjBaIiBmaWxsPSIjQjBCNEI3Ii8+CjxwYXRoIGQ9Ik0xMiAxN0MxNC43NjE0IDE3IDE3IDE0Ljc2MTQgMTcgMTJDMTcgOS4yMzg1OCAxNC43NjE0IDcgMTIgN0M5LjIzODU4IDcgNyA5LjIzODU4IDcgMTJDNyAxNC43NjE0IDkuMjM4NTggMTcgMTIgMTdaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9nPgo8L3N2Zz4K');
  --str-video__icon--recording-on: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDBDNC40OCAwIDAgNC40OCAwIDEwQzAgMTUuNTIgNC40OCAyMCAxMCAyMEMxNS41MiAyMCAyMCAxNS41MiAyMCAxMEMyMCA0LjQ4IDE1LjUyIDAgMTAgMFpNMTMgMTRIN0M2LjQ1IDE0IDYgMTMuNTUgNiAxM1Y3QzYgNi40NSA2LjQ1IDYgNyA2SDEzQzEzLjU1IDYgMTQgNi40NSAxNCA3VjEzQzE0IDEzLjU1IDEzLjU1IDE0IDEzIDE0WiIgZmlsbD0iI0UzRTRFNSIvPgo8L3N2Zz4K');
  --str-video__icon--refresh: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOTIwIDE5MjAiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTk2MCAwdjIxMy4zMzNjNDExLjYyNyAwIDc0Ni42NjcgMzM0LjkzNCA3NDYuNjY3IDc0Ni42NjdTMTM3MS42MjcgMTcwNi42NjcgOTYwIDE3MDYuNjY3IDIxMy4zMzMgMTM3MS43MzMgMjEzLjMzMyA5NjBjMC0xOTcuMDEzIDc4LjQtMzgyLjUwNyAyMTMuMzM0LTUyMC43NDd2MjU0LjA4SDY0MFYxMDYuNjY3SDUzLjMzM1YzMjBoMTkxLjA0Qzg4LjY0IDQ5NC4wOCAwIDcyMC45NiAwIDk2MGMwIDUyOS4yOCA0MzAuNjEzIDk2MCA5NjAgOTYwczk2MC00MzAuNzIgOTYwLTk2MFMxNDg5LjM4NyAwIDk2MCAwIi8+PC9zdmc+Cg==');
  --str-video__icon--screen-share-off: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTIwIDE4QzIxLjEgMTggMjIgMTcuMSAyMiAxNlY2QzIyIDQuOSAyMS4xIDQgMjAgNEg0QzIuOSA0IDIgNC45IDIgNlYxNkMyIDE3LjEgMi44OSAxOCA0IDE4SDFDMC40NSAxOCAwIDE4LjQ1IDAgMTlDMCAxOS41NSAwLjQ1IDIwIDEgMjBIMjNDMjMuNTUgMjAgMjQgMTkuNTUgMjQgMTlDMjQgMTguNDUgMjMuNTUgMTggMjMgMThIMjBaTTEzIDE0LjQ3VjEyLjI4QzEwLjIyIDEyLjI4IDguMzkgMTMuMTMgNyAxNUM3LjU2IDEyLjMzIDkuMTEgOS42NyAxMyA5LjEzVjdMMTYuNjEgMTAuMzZDMTYuODIgMTAuNTYgMTYuODIgMTAuODkgMTYuNjEgMTEuMDlMMTMgMTQuNDdaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9zdmc+Cg==');
  --str-video__icon--screen-share-on: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPU91dGxpbmVkIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTIwIDE4QzIxLjEgMTggMjEuOTkgMTcuMSAyMS45OSAxNkwyMiA2QzIyIDQuODkgMjEuMSA0IDIwIDRINEMyLjg5IDQgMiA0Ljg5IDIgNlYxNkMyIDE3LjEgMi44OSAxOCA0IDE4SDBWMjBIMjRWMThIMjBaTTQgMTZWNkgyMFYxNi4wMUw0IDE2Wk0xMyA5LjEzQzkuMTEgOS42NyA3LjU2IDEyLjMzIDcgMTVDOC4zOSAxMy4xMyAxMC4yMiAxMi4yOCAxMyAxMi4yOFYxNC40N0wxNyAxMC43M0wxMyA3VjkuMTNaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9zdmc+Cg==');
  --str-video__icon--settings: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTE5LjQ5OTcgMTJDMTkuNDk5NyAxMS43NyAxOS40ODk3IDExLjU1IDE5LjQ2OTcgMTEuMzJMMjEuMzI5NyA5LjkxQzIxLjcyOTcgOS42MSAyMS44Mzk3IDkuMDUgMjEuNTg5NyA4LjYxTDE5LjcxOTcgNS4zOEMxOS40Njk3IDQuOTQgMTguOTI5NyA0Ljc2IDE4LjQ2OTcgNC45NkwxNi4zMTk3IDUuODdDMTUuOTQ5NyA1LjYxIDE1LjU1OTcgNS4zOCAxNS4xNDk3IDUuMTlMMTQuODU5NyAyLjg4QzE0Ljc5OTcgMi4zOCAxNC4zNjk3IDIgMTMuODY5NyAySDEwLjEzOTdDOS42Mjk2NyAyIDkuMTk5NjcgMi4zOCA5LjEzOTY3IDIuODhMOC44NDk2NyA1LjE5QzguNDM5NjcgNS4zOCA4LjA0OTY2IDUuNjEgNy42Nzk2NyA1Ljg3TDUuNTI5NjcgNC45NkM1LjA2OTY3IDQuNzYgNC41Mjk2NyA0Ljk0IDQuMjc5NjcgNS4zOEwyLjQwOTY3IDguNjJDMi4xNTk2NyA5LjA2IDIuMjY5NjcgOS42MSAyLjY2OTY3IDkuOTJMNC41Mjk2NyAxMS4zM0M0LjUwOTY3IDExLjU1IDQuNDk5NjcgMTEuNzcgNC40OTk2NyAxMkM0LjQ5OTY3IDEyLjIzIDQuNTA5NjcgMTIuNDUgNC41Mjk2NyAxMi42OEwyLjY2OTY3IDE0LjA5QzIuMjY5NjcgMTQuMzkgMi4xNTk2NyAxNC45NSAyLjQwOTY3IDE1LjM5TDQuMjc5NjcgMTguNjJDNC41Mjk2NyAxOS4wNiA1LjA2OTY3IDE5LjI0IDUuNTI5NjcgMTkuMDRMNy42Nzk2NyAxOC4xM0M4LjA0OTY2IDE4LjM5IDguNDM5NjcgMTguNjIgOC44NDk2NyAxOC44MUw5LjEzOTY3IDIxLjEyQzkuMTk5NjcgMjEuNjIgOS42Mjk2NyAyMiAxMC4xMjk3IDIySDEzLjg1OTdDMTQuMzU5NyAyMiAxNC43ODk3IDIxLjYyIDE0Ljg0OTcgMjEuMTJMMTUuMTM5NyAxOC44MUMxNS41NDk3IDE4LjYyIDE1LjkzOTcgMTguMzkgMTYuMzA5NyAxOC4xM0wxOC40NTk3IDE5LjA0QzE4LjkxOTcgMTkuMjQgMTkuNDU5NyAxOS4wNiAxOS43MDk3IDE4LjYyTDIxLjU3OTcgMTUuMzlDMjEuODI5NyAxNC45NSAyMS43MTk3IDE0LjQgMjEuMzE5NyAxNC4wOUwxOS40NTk3IDEyLjY4QzE5LjQ4OTcgMTIuNDUgMTkuNDk5NyAxMi4yMyAxOS40OTk3IDEyWk0xMi4wMzk3IDE1LjVDMTAuMTA5NyAxNS41IDguNTM5NjcgMTMuOTMgOC41Mzk2NyAxMkM4LjUzOTY3IDEwLjA3IDEwLjEwOTcgOC41IDEyLjAzOTcgOC41QzEzLjk2OTcgOC41IDE1LjUzOTcgMTAuMDcgMTUuNTM5NyAxMkMxNS41Mzk3IDEzLjkzIDEzLjk2OTcgMTUuNSAxMi4wMzk3IDE1LjVaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9zdmc+Cg==');
  --str-video__icon--speaker: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTMgMTAuMDAxOFYxNC4wMDE4QzMgMTQuNTUxOCAzLjQ1IDE1LjAwMTggNCAxNS4wMDE4SDdMMTAuMjkgMTguMjkxOEMxMC45MiAxOC45MjE4IDEyIDE4LjQ3MTggMTIgMTcuNTgxOFY2LjQxMTc5QzEyIDUuNTIxNzkgMTAuOTIgNS4wNzE3OSAxMC4yOSA1LjcwMTc5TDcgOS4wMDE3OUg0QzMuNDUgOS4wMDE3OSAzIDkuNDUxNzkgMyAxMC4wMDE4Wk0xNi41IDEyLjAwMThDMTYuNSAxMC4yMzE4IDE1LjQ4IDguNzExNzkgMTQgNy45NzE3OVYxNi4wMjE4QzE1LjQ4IDE1LjI5MTggMTYuNSAxMy43NzE4IDE2LjUgMTIuMDAxOFpNMTQgNC40NTE3OVY0LjY1MTc5QzE0IDUuMDMxNzkgMTQuMjUgNS4zNjE3OSAxNC42IDUuNTAxNzlDMTcuMTggNi41MzE3OSAxOSA5LjA2MTc5IDE5IDEyLjAwMThDMTkgMTQuOTQxOCAxNy4xOCAxNy40NzE4IDE0LjYgMTguNTAxOEMxNC4yNCAxOC42NDE4IDE0IDE4Ljk3MTggMTQgMTkuMzUxOFYxOS41NTE4QzE0IDIwLjE4MTggMTQuNjMgMjAuNjIxOCAxNS4yMSAyMC40MDE4QzE4LjYgMTkuMTExOCAyMSAxNS44NDE4IDIxIDEyLjAwMThDMjEgOC4xNjE3OSAxOC42IDQuODkxNzkgMTUuMjEgMy42MDE3OUMxNC42MyAzLjM3MTc5IDE0IDMuODIxNzkgMTQgNC40NTE3OVoiIGZpbGw9IiNCMEI0QjciLz4KPC9nPgo8L3N2Zz4K');
  --str-video__icon--speaker-off: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Zz48cGF0aCBkPSJNMyAxMC4wMDE4VjE0LjAwMThDMyAxNC41NTE4IDMuNDUgMTUuMDAxOCA0IDE1LjAwMThIN0wxMC4yOSAxOC4yOTE4QzEwLjkyIDE4LjkyMTggMTIgMTguNDcxOCAxMiAxNy41ODE4VjYuNDExNzlDMTIgNS41MjE3OSAxMC45MiA1LjA3MTc5IDEwLjI5IDUuNzAxNzlMNyA5LjAwMTc5SDRDMy40NSA5LjAwMTc5IDMgOS40NTE3OSAzIDEwLjAwMThaTTE2LjUgMTIuMDAxOEMxNi41IDEwLjIzMTggMTUuNDggOC43MTE3OSAxNCA3Ljk3MTc5VjE2LjAyMThDMTUuNDggMTUuMjkxOCAxNi41IDEzLjc3MTggMTYuNSAxMi4wMDE4Wk0xNCA0LjQ1MTc5VjQuNjUxNzlDMTQgNS4wMzE3OSAxNC4yNSA1LjM2MTc5IDE0LjYgNS41MDE3OUMxNy4xOCA2LjUzMTc5IDE5IDkuMDYxNzkgMTkgMTIuMDAxOEMxOSAxNC45NDE4IDE3LjE4IDE3LjQ3MTggMTQuNiAxOC41MDE4QzE0LjI0IDE4LjY0MTggMTQgMTguOTcxOCAxNCAxOS4zNTE4VjE5LjU1MThDMTQgMjAuMTgxOCAxNC42MyAyMC42MjE4IDE1LjIxIDIwLjQwMThDMTguNiAxOS4xMTE4IDIxIDE1Ljg0MTggMjEgMTIuMDAxOEMyMSA4LjE2MTc5IDE4LjYgNC44OTE3OSAxNS4yMSAzLjYwMTc5QzE0LjYzIDMuMzcxNzkgMTQgMy44MjE3OSAxNCA0LjQ1MTc5WiIgZmlsbD0iI0IwQjRCNyIvPjxwYXRoIGQ9Ik00LjUgNC41TDE5LjUgMTkuNSIgc3Ryb2tlPSIjQjBCNEI3IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvZz48L3N2Zz4=');
  --str-video__icon--stats: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTEzLjg5MTEgMTAuNTQ3NUwxMi44MzExIDEwLjA1NzVDMTIuNDQxMSA5Ljg3NzQ2IDEyLjQ0MTEgOS4zMjc0NiAxMi44MzExIDkuMTQ3NDZMMTMuODkxMSA4LjY1NzQ2TDE0LjM4MTEgNy42MDc0NkMxNC41NjExIDcuMjE3NDYgMTUuMTExMSA3LjIxNzQ2IDE1LjI5MTEgNy42MDc0NkwxNS43ODExIDguNjY3NDZMMTYuODMxMSA5LjE1NzQ2QzE3LjIyMTEgOS4zMzc0NiAxNy4yMjExIDkuODg3NDYgMTYuODMxMSAxMC4wNjc1TDE1Ljc3MTEgMTAuNTU3NUwxNS4yODExIDExLjYwNzVDMTUuMTAxMSAxMS45OTc1IDE0LjU1MTEgMTEuOTk3NSAxNC4zNzExIDExLjYwNzVMMTMuODkxMSAxMC41NDc1Wk00LjI4MTA3IDEzLjYwNzVMNC43NzEwNyAxMi41NDc1TDUuODMxMDcgMTIuMDU3NUM2LjIyMTA3IDExLjg3NzUgNi4yMjEwNyAxMS4zMjc1IDUuODMxMDcgMTEuMTQ3NUw0Ljc3MTA3IDEwLjY1NzVMNC4yODEwNyA5LjYwNzQ2QzQuMTExMDcgOS4yMTc0NiAzLjU1MTA3IDkuMjE3NDYgMy4zODEwNyA5LjYwNzQ2TDIuODkxMDcgMTAuNjY3NUwxLjgzMTA3IDExLjE1NzVDMS40NDEwNyAxMS4zMzc1IDEuNDQxMDcgMTEuODg3NSAxLjgzMTA3IDEyLjA2NzVMMi44OTEwNyAxMi41NTc1TDMuMzgxMDcgMTMuNjA3NUMzLjU1MTA3IDEzLjk5NzUgNC4xMTEwNyAxMy45OTc1IDQuMjgxMDcgMTMuNjA3NVpNOC43OTEwNyA4LjU5NzQ2TDkuNDIxMDcgNy4xOTc0NkwxMC44MjExIDYuNTY3NDZDMTEuMjExMSA2LjM4NzQ2IDExLjIxMTEgNS44Mzc0NiAxMC44MjExIDUuNjU3NDZMOS40MjEwNyA1LjAyNzQ2TDguNzkxMDcgMy42Mjc0NkM4LjYxMTA3IDMuMjM3NDYgOC4wNjEwNyAzLjIzNzQ2IDcuODgxMDcgMy42Mjc0Nkw3LjI1MTA3IDUuMDI3NDZMNS44NTEwNyA1LjY1NzQ2QzUuNDYxMDcgNS44Mzc0NiA1LjQ2MTA3IDYuMzg3NDYgNS44NTEwNyA2LjU2NzQ2TDcuMjUxMDcgNy4xOTc0Nkw3Ljg4MTA3IDguNTk3NDZDOC4wNTEwNyA4Ljk4NzQ2IDguNjExMDcgOC45ODc0NiA4Ljc5MTA3IDguNTk3NDZaTTIyLjE3MTEgOC44Nzc0NkMyMS43NzExIDguNDc3NDYgMjEuMTAxMSA4LjQ4NzQ2IDIwLjcyMTEgOC45MTc0NkwxNC4zMzExIDE2LjA5NzVMMTEuMDQxMSAxMi44MDc1QzEwLjY1MTEgMTIuNDE3NSAxMC4wMjExIDEyLjQxNzUgOS42MzEwNyAxMi44MDc1TDMuNTkxMDcgMTguODU3NUMzLjE4MTA3IDE5LjI2NzUgMy4xODEwNyAxOS45NDc1IDMuNTkxMDcgMjAuMzU3NUM0LjAwMTA3IDIwLjc2NzUgNC42ODEwNyAyMC43Njc1IDUuMDkxMDcgMjAuMzU3NUwxMC4zNDExIDE1LjA5NzVMMTMuNTkxMSAxOC4zNDc1QzE0LjAwMTEgMTguNzU3NSAxNC42NjExIDE4LjczNzUgMTUuMDQxMSAxOC4zMDc1TDIyLjIxMTEgMTAuMjM3NUMyMi41NjExIDkuODQ3NDYgMjIuNTQxMSA5LjI0NzQ2IDIyLjE3MTEgOC44Nzc0NloiIGZpbGw9IiNCMEI0QjciLz4KPC9nPgo8L3N2Zz4K');
  --str-video__icon--pin: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOSAxMi44N0MxOSAxMi40IDE4LjY2IDEyLjAyIDE4LjIgMTEuODlDMTYuOTMgMTEuNTQgMTYgMTAuMzggMTYgOVY0SDE3QzE3LjU1IDQgMTggMy41NSAxOCAzQzE4IDIuNDUgMTcuNTUgMiAxNyAySDdDNi40NSAyIDYgMi40NSA2IDNDNiAzLjU1IDYuNDUgNCA3IDRIOFY5QzggMTAuMzggNy4wNyAxMS41NCA1LjggMTEuODlDNS4zNCAxMi4wMiA1IDEyLjQgNSAxMi44N1YxM0M1IDEzLjU1IDUuNDUgMTQgNiAxNEgxMC45OEwxMSAyMUMxMSAyMS41NSAxMS40NSAyMiAxMiAyMkMxMi41NSAyMiAxMyAyMS41NSAxMyAyMUwxMi45OCAxNEgxOEMxOC41NSAxNCAxOSAxMy41NSAxOSAxM1YxMi44N1oiIGZpbGw9IiNFM0U0RTUiLz4KPC9zdmc+Cg==');
  --str-video__icon--no-audio: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAyMCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjMzNjI5IDAuNzcyNzA5TDkuNzQ5MjQgMC40NDI2MTNDOS45MzYxNCAwLjI5MjkyOSAxMC4yMTE5IDAuMzE5NTk2IDEwLjM2NTEgMC41MDIxNzZDMTAuNDI5MyAwLjU3ODY3NyAxMC40NjQ0IDAuNjc0NTYzIDEwLjQ2NDMgMC43NzM0ODdWMS4zMzU0NlYxLjMzNzE1VjEuODY0NDdWMS45MjUyM1YxMy4yMDcyVjEzLjI2ODFWMTMuNzk1NVYxMy43OTcxVjE0LjM1OUMxMC40NjQ0IDE0LjU5NTEgMTAuMjY4NiAxNC43ODY2IDEwLjAyNjkgMTQuNzg2OEM5LjkyNTY4IDE0Ljc4NjggOS44Mjc1MyAxNC43NTI2IDkuNzQ5MjIgMTQuNjg5OUw5LjMzNjI2IDE0LjM1OTdMOS4zMzUzOSAxNC4zNTlMOC45MDg2MSAxNC4wMTc4TDguODU5NzMgMTMuOTc4N0w1LjExNjcyIDEwLjk4NjFMNS4xMTU4NSAxMC45ODYxSDEuNzEyMTNDMS4yMjg3NiAxMC45ODYxIDAuODM2OTE0IDEwLjYwMzMgMC44MzY5MTQgMTAuMTMxMlY1LjAwMTMzQzAuODM2OTE0IDQuNTI5MTQgMS4yMjg3NiA0LjE0NjM1IDEuNzEyMTMgNC4xNDYzNUg1LjExNTg1TDguODU5NzMgMS4xNTM2NUw4LjkwOTY0IDEuMTEzNzVMOS4zMzUzMiAwLjc3MzQ4N0w5LjMzNjI5IDAuNzcyNzA5Wk02LjExNzcyIDUuMzk5N0w4Ljg1OTczIDMuMjA3ODVWMTEuOTI0M0w2LjExODcxIDkuNzMyODhMNS42Nzg2NSA5LjM4MTA1TDUuMTE1ODUgOS4zODE1N0g1LjExNTIzTDUuMTE0MzYgOS4zODE1N0wyLjQ0MTQ4IDkuMzgxNTdWNS43NTA5Mkg1LjExNTg1SDUuNjc4MzRMNi4xMTc3MiA1LjM5OTdaTTE5LjUyNDQgOS44NjQ0NkwxNy4yMjYyIDcuNTY2MjRMMTkuNTI0NCA1LjI2ODAxQzE5LjgzNzcgNC45NTQ3IDE5LjgzMiA0LjQ0MTA4IDE5LjUxODcgNC4xMjc3N0MxOS4yMDU0IDMuODE0NDYgMTguNjkxOCAzLjgwODgyIDE4LjM3ODUgNC4xMjIxM0wxNi4wODAzIDYuNDIwMzVMMTMuNzgyIDQuMTIyMTNDMTMuNDY4NyAzLjgwODgyIDEyLjk1NTEgMy44MTQ0NiAxMi42NDE4IDQuMTI3NzdDMTIuMzI4NSA0LjQ0MTA4IDEyLjMyMjggNC45NTQ3IDEyLjYzNjIgNS4yNjgwMUwxNC45MzQ0IDcuNTY2MjRMMTIuNjM2MiA5Ljg2NDQ2QzEyLjMyMjggMTAuMTc3OCAxMi4zMjg1IDEwLjY5MTQgMTIuNjQxOCAxMS4wMDQ3QzEyLjk1NTEgMTEuMzE4IDEzLjQ2ODcgMTEuMzIzNyAxMy43ODIgMTEuMDEwM0wxNi4wODAzIDguNzEyMTJMMTguMzc4NSAxMS4wMTAzQzE4LjY5MTggMTEuMzIzNyAxOS4yMDU0IDExLjMxOCAxOS41MTg3IDExLjAwNDdDMTkuODMyIDEwLjY5MTQgMTkuODM3NyAxMC4xNzc4IDE5LjUyNDQgOS44NjQ0NloiIGZpbGw9IiM3Mjc2N0UiLz4KPC9zdmc+Cg==');
  --str-video__icon--camera-off-outline: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuODUxMzggNS41MDk5OUw1LjI0NjgyIDMuOTA1NDNMMS45MTczNSAwLjU4Mzk4NEwwLjc4NjEzMyAxLjcxNTJMMi45NzYzNiAzLjkwNTQzSDIuMzkwN0MxLjk0OTQ0IDMuOTA1NDMgMS41ODg0MSA0LjI2NjQ2IDEuNTg4NDEgNC43MDc3MVYxMi43MzA1QzEuNTg4NDEgMTMuMTcxOCAxLjk0OTQ0IDEzLjUzMjggMi4zOTA3IDEzLjUzMjhIMTIuMDE4MUMxMi4xODY2IDEzLjUzMjggMTIuMzMxIDEzLjQ2ODYgMTIuNDU5MyAxMy4zODg0TDE1LjAxMDYgMTUuOTM5N0wxNi4xNDE4IDE0LjgwODRMOS4wMzM1OSA3LjcwMDIyTDYuODUxMzggNS41MDk5OVpNMy4xOTI5OCAxMS45MjgyVjUuNTA5OTlINC41ODA5MkwxMC45OTkyIDExLjkyODJIMy4xOTI5OFpNMTEuMjE1OCA1LjUwOTk5VjcuNjAzOTVMMTYuMDI5NSAxMi40MTc2VjQuMzA2NTdMMTIuODIwNCA3LjUxNTdWNC43MDc3MUMxMi44MjA0IDQuMjY2NDYgMTIuNDU5MyAzLjkwNTQzIDEyLjAxODEgMy45MDU0M0g3LjUxNzI4TDkuMTIxODQgNS41MDk5OUgxMS4yMTU4WiIgZmlsbD0iIzcyNzY3RSIvPgo8L3N2Zz4K');
  --str-video__icon--not-allowed: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNDY0MjIgMC45MzU1NDdDNC4wMzU2MyAwLjkzNTU0NyAwLjQ0MTQwNiA0LjUyOTc3IDAuNDQxNDA2IDguOTU4MzZDMC40NDE0MDYgMTMuMzg3IDQuMDM1NjMgMTYuOTgxMiA4LjQ2NDIyIDE2Ljk4MTJDMTIuODkyOCAxNi45ODEyIDE2LjQ4NyAxMy4zODcgMTYuNDg3IDguOTU4MzZDMTYuNDg3IDQuNTI5NzcgMTIuODkyOCAwLjkzNTU0NyA4LjQ2NDIyIDAuOTM1NTQ3Wk0yLjA0NTk3IDguOTU4MzZDMi4wNDU5NyA1LjQxMjI4IDQuOTE4MTQgMi41NDAxMSA4LjQ2NDIyIDIuNTQwMTFDOS45NDg0NCAyLjU0MDExIDExLjMxMjMgMy4wNDU1NSAxMi4zOTU0IDMuODk1OTdMMy40MDE4MyAxMi44ODk1QzIuNTUxNDEgMTEuODA2NSAyLjA0NTk3IDEwLjQ0MjYgMi4wNDU5NyA4Ljk1ODM2Wk04LjQ2NDIyIDE1LjM3NjZDNi45OCAxNS4zNzY2IDUuNjE2MTIgMTQuODcxMiA0LjUzMzA0IDE0LjAyMDhMMTMuNTI2NiA1LjAyNzE4QzE0LjM3NyA2LjExMDI2IDE0Ljg4MjUgNy40NzQxNCAxNC44ODI1IDguOTU4MzZDMTQuODgyNSAxMi41MDQ0IDEyLjAxMDMgMTUuMzc2NiA4LjQ2NDIyIDE1LjM3NjZaIiBmaWxsPSIjNzI3NjdFIi8+Cjwvc3ZnPgo=');
}

.str-video__avatar {
  width: 2rem;
  height: 2rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.str-video__avatar--initials-fallback {
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.str-video {
  /* The font color applied inside the component */
  --str-video__avatar--color: var(--str-video__text-color1);
  /* The background color of the component */
  --str-video__avatar--background-color: var(--str-video__background-color1);
  /* The border radius used for the borders of the component */
  --str-video__avatar--border-radius: var(--str-video__border-radius-circle);
}

.str-video__avatar {
  background: var(--str-video__avatar--background-color);
  color: var(--str-video__avatar--color);
  box-shadow: var(--str-video__avatar--box-shadow);
  border-radius: var(--str-video__avatar--border-radius);
  border-block-start: var(--str-video__avatar--border-block-start);
  border-block-end: var(--str-video__avatar--border-block-end);
  border-inline-start: var(--str-video__avatar--border-inline-start);
  border-inline-end: var(--str-video__avatar--border-inline-end);
}

.str-video__avatar--initials-fallback {
  background-color: var(--str-video__primary-color);
  font-size: 1rem;
  font-weight: 600;
  border-radius: var(--str-video__border-radius-circle);
  text-transform: uppercase;
}

.str-video__button {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--str-video__border-radius-md);
  padding: var(--str-video__spacing-sm) var(--str-video__spacing-lg);
  text-align: center;
  min-width: 120px;
  width: 100%;
  font-size: var(--str-video__font-size-md);
  font-weight: 500;
  border: 1px solid transparent;
  color: var(--str-video__text-color1);
  background-color: var(--str-video__button-primary-base);
}
.str-video__button:not([disabled]):hover {
  background-color: var(--str-video__button-primary-hover);
  cursor: pointer;
}
.str-video__button__icon {
  margin-inline-end: var(--str-video__spacing-xs);
  background-color: var(--str-video__text-color1);
}
.str-video__button:disabled {
  background-color: var(--str-video__button-default-disabled);
  cursor: not-allowed;
}

.str-video__composite-button--caption {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 0.25rem;
}
.str-video__composite-button .str-video__composite-button__button-group {
  display: flex;
  align-items: center;
}
.str-video__composite-button .str-video__composite-button__button-group .str-video__composite-button__button {
  all: unset;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  padding: 0.5rem;
}
.str-video__composite-button .str-video__composite-button__button-group .str-video__composite-button__button:not([disabled]):hover {
  cursor: pointer;
}
.str-video__composite-button .str-video__composite-button__button-group .str-video__menu-toggle-button {
  padding: 0;
  margin-inline-start: -30px;
  margin-inline-end: 8px;
}
.str-video__composite-button .str-video__composite-button__button-group .str-video__loading-indicator__icon {
  width: 1.25rem;
  height: 1.25rem;
  -webkit-mask-size: 1.25rem;
  mask-size: 1.25rem;
}
.str-video__composite-button.str-video__composite-button--menu .str-video__composite-button__button {
  padding-inline-end: 2.5rem;
}

.str-video__call-controls__button {
  padding: 0.5rem;
}
.str-video__call-controls__button[disabled] {
  cursor: not-allowed;
}
.str-video__call-controls__button:hover, .str-video__call-controls__button:hover > *:hover {
  cursor: pointer;
}

.str-video__text-button {
  all: unset;
  padding: 5px;
  font-size: 12px;
  border-radius: var(--str-video__participant-list-header__close-button--border-radius);
  background: var(--str-video__participant-list-header__close-button--background-color);
}

.str-video__call-recording-list-item__action-button {
  border: none;
}

.str-video {
  /* The font color applied inside the component */
  --str-video__composite-button__button-group--color: var(
    --str-video__text-color1
  );
  /* The background color of the component */
  --str-video__composite-button__button-group--background-color: var(
    --str-video__button-primary-base
  );
  /* The active background color of the component */
  --str-video__composite-button__button-group-active--background-color: var(
    --str-video__button-primary-active
  );
  --str-video__composite-button__button-group-active-primary--background-color: var(
    --str-video__button-primary-active
  );
  --str-video__composite-button__button-group-active-secondary--background-color: var(
    --str-video__button-secondary-active
  );
  --str-video__composite-button__button-group-active-secondary-hover--background-color: var(
    --str-video__button-secondary-hover
  );
  /* The hover background color of the component */
  --str-video__composite-button__button-group-hover--background-color: var(
    --str-video__button-default-hover
  );
  /* The border radius used for the borders of the component */
  --str-video__composite-button__button-group--border-radius: var(
    --str-video__border-radius-xs
  );
}

.str-video__composite-button__button-group {
  background: var(--str-video__composite-button__button-group--background-color);
  color: var(--str-video__composite-button__button-group--color);
  box-shadow: var(--str-video__composite-button__button-group--box-shadow);
  border-radius: var(--str-video__composite-button__button-group--border-radius);
  border-block-start: var(--str-video__composite-button__button-group--border-block-start);
  border-block-end: var(--str-video__composite-button__button-group--border-block-end);
  border-inline-start: var(--str-video__composite-button__button-group--border-inline-start);
  border-inline-end: var(--str-video__composite-button__button-group--border-inline-end);
  background-color: var(--str-video__composite-button__button-group--background-color);
  border-radius: var(--str-video__border-radius-circle);
}
.str-video__composite-button__button-group .str-video__call-controls__button.str-video__menu-toggle-button {
  background-color: var(--str-video__button-primary-base);
}
.str-video__composite-button__button-group .str-video__call-controls__button.str-video__menu-toggle-button:hover {
  background-color: var(--str-video__button-default-hover);
}
.str-video__composite-button__button-group .str-video__call-controls__button.str-video__menu-toggle-button--active {
  background-color: var(--str-video__composite-button__button-group-hover--background-color);
  color: white;
}
.str-video__composite-button__button-group .str-video__call-controls__button.str-video__menu-toggle-button--active:hover {
  background-color: var(--str-video__composite-button__button-group-hover--background-color);
}
.str-video__composite-button__button-group .str-video__call-controls__button.str-video__menu-toggle-button--active:disabled {
  background-color: var(--str-video__composite-button__button-group-hover--background-color);
}
.str-video__composite-button__button-group.str-video__composite-button__button-group--active {
  background-color: var(--str-video__composite-button__button-group-active--background-color);
}
.str-video__composite-button__button-group.str-video__composite-button__button-group--active:hover {
  background-color: var(--str-video__button-primary-hover);
}
.str-video__composite-button__button-group.str-video__composite-button__button-group--active .str-video__icon {
  background-color: var(--str-video__icon-active);
}
.str-video__composite-button__button-group.str-video__composite-button__button-group--active-primary {
  background-color: var(--str-video__composite-button__button-group-active-primary--background-color);
}
.str-video__composite-button__button-group.str-video__composite-button__button-group--active-secondary {
  background-color: var(--str-video__composite-button__button-group-active-secondary--background-color);
}

.str-video__composite-button__caption {
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
}

.str-video__composite-button__button-group:not(.str-video__composite-button__button-group--disabled):hover {
  background-color: var(--str-video__composite-button__button-group-hover--background-color);
}
.str-video__composite-button__button-group:not(.str-video__composite-button__button-group--disabled):hover.str-video__composite-button__button-group--active-secondary:hover {
  background-color: var(--str-video__composite-button__button-group-active-secondary-hover--background-color);
}
.str-video__composite-button__button-group:not(.str-video__composite-button__button-group--disabled):hover .str-video__icon {
  background-color: var(--str-video__icon-hover);
}

.str-video__call-controls__button {
  border-radius: var(--str-video__border-radius-circle);
  text-decoration: none;
  box-shadow: none;
  border: none;
  background-color: var(--str-video__button-primary-base);
}
.str-video__call-controls__button:hover {
  text-decoration: none;
  background-color: var(--str-video__composite-button__button-group-hover--background-color);
}
.str-video__call-controls__button:hover .str-video__icon {
  background-color: var(--str-video__icon-hover);
}
.str-video__call-controls__button--variant-danger {
  background-color: var(--str-video__button-tertiary-base);
}
.str-video__call-controls__button--variant-danger .str-video__icon {
  background-color: white;
}
.str-video__call-controls__button--variant-danger:hover {
  background-color: var(--str-video__button-tertiary-hover);
}
.str-video__call-controls__button--variant-success {
  background-color: var(--str-video__info-color);
}
.str-video__call-controls__button--variant-success:hover {
  background-color: var(--str-video__info-color--accent);
}
.str-video__call-controls__button--variant-active {
  background-color: var(--str-video__button-primary-active);
}
.str-video__call-controls__button--variant-active:hover {
  background-color: var(--str-video__button-primary-hover);
}
.str-video__call-controls__button--enabled {
  background: var(--str-video__background-color7);
}

.str-video__background-filters {
  position: absolute;
  bottom: 0;
  right: calc(100% - 1px);
  overflow: hidden;
  opacity: 0;
}
.str-video__background-filters .str-video__background-filters__video {
  top: 0;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.str-video__background-filters .str-video__background-filters__video--tall {
  -o-object-fit: contain;
     object-fit: contain;
}
.str-video__background-filters .str-video__background-filters__background-image {
  top: 5px;
  width: 100%;
  height: auto;
}
.str-video__background-filters .str-video__background-filters__target-canvas {
  top: 10px;
  width: 100%;
  height: auto;
}

.str-video__call-controls {
  display: flex;
  justify-content: center;
  gap: 1rem;
  padding: 1rem 0;
}
.str-video__call-controls .str-video__reactions-menu {
  background-color: var(--str-video__base-color6);
  display: flex;
  padding: var(--str-video__spacing-sm);
  gap: 0.5rem;
  border-radius: var(--str-video__border-radius-lg);
}
.str-video__call-controls .str-video__reactions-menu--horizontal {
  flex-direction: row;
}
.str-video__call-controls .str-video__reactions-menu--vertical {
  flex-direction: column;
}
.str-video__call-controls .str-video__reactions-menu .str-video__reactions-menu__button {
  font-family: "Twemoji Mozilla", Apple Color Emoji, "Segoe UI Emoji", "Noto Color Emoji", "EmojiOne Color";
  font-size: 1.2rem;
  height: 38px;
  width: 38px;
  background-color: var(--str-video__button-primary-base);
  border-radius: var(--str-video__border-radius-circle);
  border: 1px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}
.str-video__call-controls .str-video__reactions-menu .str-video__reactions-menu__button:hover {
  background-color: var(--str-video__button-primary-hover);
  cursor: pointer;
}

.str-video__no-media-permission,
.str-video__system-muted,
.str-video__pending-permission {
  position: absolute;
  height: 12px;
  width: 12px;
  outline: 1px solid var(--str-video__base-color6);
  border-radius: var(--str-video__border-radius-circle);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--str-video__font-size-xxs);
  cursor: pointer;
  font-weight: 600;
  top: 0;
  right: -3px;
}

.str-video__no-media-permission {
  background-color: var(--str-video__alert-caution);
  color: var(--str-video__base-color4);
}

.str-video__pending-permission {
  background-color: var(--str-video__button-secondary-active);
  color: var(--str-video__text-color1);
}

.str-video__system-muted {
  background-color: var(--str-video__alert-caution);
  color: var(--str-video__base-color4);
}

.str-video__composite-button.str-video__device-unavailable .str-video__composite-button__button-group {
  background-color: var(--str-video__button-default-disabled);
}
.str-video__composite-button.str-video__device-unavailable .str-video__composite-button__button-group:hover {
  background-color: var(--str-video__button-default-hover);
}

.str-video__end-call__confirmation {
  padding: var(--str-video__spacing-lg);
  gap: var(--str-video__spacing-md);
  display: flex;
  flex-direction: column;
}
.str-video__end-call__leave, .str-video__end-call__end {
  min-width: 196px;
  color: var(--str-video__text-color1);
  border: 1px solid transparent;
  padding: calc(var(--str-video__spacing-sm) - 1px) var(--str-video__spacing-lg);
}
.str-video__end-call__leave-icon, .str-video__end-call__end-icon {
  background-color: var(--str-video__text-color1);
}
.str-video__end-call__leave {
  background-color: var(--str-video__button-tertiary-base);
}
.str-video__end-call__leave:hover {
  background-color: var(--str-video__button-tertiary-hover);
}
.str-video__end-call__end {
  background-color: var(--str-video__button-primary-base);
  border-color: var(--str-video__button-default-hover);
}
.str-video__end-call__end:hover {
  background-color: var(--str-video__button-tertiary-hover);
  border-color: transparent;
}

.str-video__end-call.str-video__end-call__leave-icon,
.str-video__icon.str-video__end-call__end-icon {
  background-color: var(--str-video__text-color1);
}

.str-video__end-recording__confirmation {
  background-color: var(--str-video__base-color7);
  border-radius: var(--str-video__border-radius-lg);
  padding: var(--str-video__spacing-xl);
  gap: var(--str-video__spacing-lg);
  display: flex;
  flex-direction: column;
}

.str-video__end-recording__header {
  display: flex;
  flex-direction: row;
  gap: var(--str-video__spacing-md);
}

.str-video__end-recording__heading {
  font-size: var(--str-video__font-size-lg);
  font-weight: 600;
  margin: 0;
}

.str-video__end-recording__description {
  margin: 0;
  color: var(--str-video__text-color2);
  font-size: var(--str-video__font-size-sm);
}

.str-video__end-recording__actions {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: var(--str-video__spacing-md);
}
.str-video__end-recording__actions .str-video__composite-button {
  width: 100%;
  gap: var(--str-video__spacing-md);
}
.str-video__end-recording__actions .str-video__composite-button:first-of-type {
  background-color: transparent;
}
.str-video__end-recording__actions .str-video__composite-button:first-of-type .str-video__composite-button__button-group {
  background-color: transparent;
  border: 1px solid var(--str-video__base-color2);
  width: 100%;
  justify-content: center;
}
.str-video__end-recording__actions .str-video__composite-button:first-of-type .str-video__composite-button__button-group:hover {
  background-color: var(--str-video__button-default-hover);
}
.str-video__end-recording__actions .str-video__composite-button .str-video__composite-button__button-group {
  background-color: var(--str-video__button-tertiary-base);
  width: 100%;
  justify-content: center;
}
.str-video__end-recording__actions .str-video__composite-button .str-video__composite-button__button-group .str-video__text-button {
  display: flex;
  align-items: center;
  gap: 5px;
}
.str-video__end-recording__actions .str-video__composite-button .str-video__composite-button__button-group:hover {
  background-color: var(--str-video__button-tertiary-hover);
}

.str-video__livestream-layout__wrapper {
  flex-grow: 1;
  overflow-y: hidden;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
}
.str-video__livestream-layout__wrapper .str-video__livestream-layout__screen-share {
  max-width: 100%;
}
.str-video__livestream-layout__wrapper .str-video__livestream-layout__screen-share .str-video__video {
  -o-object-fit: contain;
     object-fit: contain;
}
.str-video__livestream-layout__wrapper .str-video__livestream-layout__floating-participant {
  position: absolute;
  width: 240px;
  height: 135px;
  box-shadow: var(--str-video__background-color1) 0 0 3px 0;
}
.str-video__livestream-layout__wrapper .str-video__livestream-layout__floating-participant--top-right {
  top: 8px;
  right: 8px;
}
.str-video__livestream-layout__wrapper .str-video__livestream-layout__floating-participant--top-left {
  top: 8px;
  left: 8px;
}
.str-video__livestream-layout__wrapper .str-video__livestream-layout__floating-participant--bottom-right {
  bottom: 8px;
  right: 8px;
}
.str-video__livestream-layout__wrapper .str-video__livestream-layout__floating-participant--bottom-left {
  bottom: 8px;
  left: 8px;
}
.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column-reverse;
}
.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay:hover .str-video__livestream-layout__overlay__bar {
  background-color: var(--str-video__livestream-overlay-color-hovered);
}
.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__overlay__bar {
  height: 10%;
  min-height: 40px;
  max-height: 70px;
  position: relative;
  bottom: 0;
  border-bottom-left-radius: var(--str-video__border-radius-sm);
  border-bottom-right-radius: var(--str-video__border-radius-sm);
  background-color: var(--str-video__livestream-overlay-color);
  display: flex;
  align-items: center;
  padding: 0 20px;
}
.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__overlay__bar-left,
.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__overlay__bar-center,
.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__overlay__bar-right {
  flex: 1;
  display: flex;
  align-items: center;
}
.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__overlay__bar-center {
  justify-content: center;
}
.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__overlay__bar-right {
  justify-content: flex-end;
}
.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__live-badge {
  padding: 4px 8px;
  border-radius: var(--str-video__border-radius-xxs);
  background-color: var(--str-video__primary-color);
  color: var(--str-video__text-color1);
}
.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__viewers-count::before {
  content: var(--str-video__icon--livestream-viewers);
  margin-right: 3px;
  vertical-align: middle;
}
.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__viewers-count {
  padding: 4px 8px;
}
.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__speaker-name {
  font-size: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__duration {
  text-align: center;
}
.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__mute-button {
  background: var(--str-video__icon--speaker) center no-repeat;
  border-radius: var(--str-video__border-radius-xxs);
  cursor: pointer;
  width: 32px;
  height: 32px;
}
.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__mute-button.str-video__livestream-layout__mute-button--muted {
  background: var(--str-video__icon--speaker-off) center no-repeat;
}
.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__mute-button:hover {
  background-color: var(--str-video__overlay-color);
}
.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__go-fullscreen {
  background: var(--str-video__icon--fullscreen) center no-repeat;
  border-radius: var(--str-video__border-radius-xxs);
  cursor: pointer;
  width: 32px;
  height: 32px;
}
.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__go-fullscreen:hover {
  background-color: var(--str-video__overlay-color);
}
.str-video__livestream-layout__wrapper .str-video__livestream-layout__backstage {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.str-video__livestream-layout__wrapper .str-video__livestream-layout__backstage .str-video__livestream-layout__starts-at {
  padding: 4px 8px;
}
.str-video__livestream-layout__wrapper .str-video__livestream-layout__backstage .str-video__livestream-layout__early-viewers-count::before {
  content: var(--str-video__icon--livestream-viewers);
  margin-right: 3px;
  vertical-align: middle;
}
.str-video__livestream-layout__wrapper .str-video__livestream-layout__backstage .str-video__livestream-layout__early-viewers-count {
  padding: 4px 8px;
}

.str-video__paginated-grid-layout__wrapper {
  flex-grow: 1;
}

.str-video__paginated-grid-layout {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: space-between;
}
.str-video__paginated-grid-layout .str-video__paginated-grid-layout__group {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  max-width: 110vh;
  padding-inline: 1.25rem;
  margin: auto;
  width: 100%;
}
.str-video__paginated-grid-layout .str-video__paginated-grid-layout__group .str-video__participant-view {
  flex: 0 1 calc(25% - 6px);
}
.str-video__paginated-grid-layout .str-video__paginated-grid-layout__group.str-video__paginated-grid-layout--one .str-video__participant-view {
  flex: 0 1 calc(100% - 6px);
}
.str-video__paginated-grid-layout .str-video__paginated-grid-layout__group.str-video__paginated-grid-layout--two-four .str-video__participant-view {
  flex: 0 1 calc(50% - 6px);
}
.str-video__paginated-grid-layout .str-video__paginated-grid-layout__group.str-video__paginated-grid-layout--five-nine .str-video__participant-view {
  flex: 0 1 calc(33% - 6px);
}

.str-video__speaker-layout__wrapper {
  flex-grow: 1;
  overflow-y: hidden;
}

.str-video__speaker-layout {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  width: 100%;
  gap: 1rem;
  padding-inline: 2px;
  padding: 2px;
}
.str-video__speaker-layout .str-video__participant-view {
  aspect-ratio: 16/9;
}
.str-video__speaker-layout .str-video__speaker-layout__spotlight {
  display: flex;
  justify-content: center;
  min-height: 0;
  height: 100%;
}
.str-video__speaker-layout .str-video__speaker-layout__spotlight .str-video__participant-view--speaking:has(.str-video__video--screen-share) {
  outline: none;
}
.str-video__speaker-layout .str-video__speaker-layout__spotlight .str-video__video {
  height: 100%;
  width: 100%;
}
.str-video__speaker-layout .str-video__speaker-layout__spotlight .str-video__participant-details,
.str-video__speaker-layout .str-video__speaker-layout__spotlight .str-video__call-controls__button {
  opacity: 1;
}
.str-video__speaker-layout .str-video__speaker-layout__participants-bar-buttons-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.str-video__speaker-layout .str-video__speaker-layout__participants-bar-buttons-wrapper > .str-video__call-controls__button .str-video__icon {
  width: 1rem;
  height: 1rem;
}
.str-video__speaker-layout .str-video__speaker-layout__participants-bar-buttons-wrapper .str-video__speaker-layout__participants-bar--button-left {
  position: absolute;
  left: 0.5rem;
}
.str-video__speaker-layout .str-video__speaker-layout__participants-bar-buttons-wrapper .str-video__speaker-layout__participants-bar--button-right {
  position: absolute;
  right: 0.5rem;
}
.str-video__speaker-layout .str-video__speaker-layout__participants-bar-buttons-wrapper .str-video__speaker-layout__participants-bar--button-top {
  position: absolute;
  top: 0.5rem;
}
.str-video__speaker-layout .str-video__speaker-layout__participants-bar-buttons-wrapper .str-video__speaker-layout__participants-bar--button-bottom {
  position: absolute;
  bottom: 0.5rem;
}
.str-video__speaker-layout .str-video__speaker-layout__participants-bar-wrapper {
  scrollbar-width: none;
}
.str-video__speaker-layout .str-video__speaker-layout__participants-bar-wrapper::-webkit-scrollbar {
  display: none;
}
.str-video__speaker-layout .str-video__speaker-layout__participants-bar-wrapper .str-video__speaker-layout__participants-bar {
  display: flex;
  align-items: center;
}
.str-video__speaker-layout .str-video__speaker-layout__participants-bar-wrapper .str-video__speaker-layout__participants-bar .str-video__speaker-layout__participant-tile {
  width: 280px;
  min-width: 280px;
  max-width: 25vh;
  padding: 5px;
}
.str-video__speaker-layout--variant-top {
  flex-direction: column-reverse;
}
.str-video__speaker-layout--variant-left {
  flex-direction: row-reverse;
}
.str-video__speaker-layout--variant-right {
  flex-direction: row;
}
.str-video__speaker-layout--variant-left .str-video__speaker-layout__participants-bar-wrapper, .str-video__speaker-layout--variant-right .str-video__speaker-layout__participants-bar-wrapper {
  overflow-y: auto;
  max-height: 100%;
}
.str-video__speaker-layout--variant-left .str-video__speaker-layout__participants-bar, .str-video__speaker-layout--variant-right .str-video__speaker-layout__participants-bar {
  flex-direction: column;
}
.str-video__speaker-layout--variant-left .str-video__speaker-layout__spotlight, .str-video__speaker-layout--variant-right .str-video__speaker-layout__spotlight {
  width: 100%;
}
.str-video__speaker-layout--variant-left .str-video__participant-view, .str-video__speaker-layout--variant-right .str-video__participant-view {
  max-width: unset;
}
.str-video__speaker-layout--variant-top .str-video__speaker-layout__participants-bar-wrapper, .str-video__speaker-layout--variant-bottom .str-video__speaker-layout__participants-bar-wrapper {
  overflow-x: auto;
}
.str-video__speaker-layout--variant-top .str-video__speaker-layout__participants-bar, .str-video__speaker-layout--variant-bottom .str-video__speaker-layout__participants-bar {
  flex-direction: row;
}
.str-video__speaker-layout--variant-top .str-video__participant-view, .str-video__speaker-layout--variant-bottom .str-video__participant-view {
  max-width: 110vh;
}

@media (min-width: 600px) {
  .str-video__speaker-layout .str-video__speaker-layout__spotlight {
    align-items: center;
    height: auto;
  }
  .str-video__speaker-layout .str-video__speaker-layout__spotlight .str-video__video {
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.str-video__pip-layout {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  overflow: hidden;
  justify-content: center;
  gap: 1rem;
  padding-inline: 1rem;
  height: 100%;
}

.str-video__pip-screen-share-local {
  display: flex;
  gap: var(--str-video__spacing-sm);
  border-radius: var(--str-video__border-radius-sm);
  padding: var(--str-video__spacing-md);
  font-size: var(--str-video__font-size-sm);
}
.str-video__pip-screen-share-local .str-video__icon {
  width: 1rem;
  height: 1rem;
}

.str-video__pip-layout--grid {
  flex-wrap: nowrap;
}

.str-video__pip-layout__grid-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  min-height: 0;
  max-height: 100%;
  overflow: hidden;
}

.str-video__pip-layout__pagination-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  padding: var(--str-video__spacing-xxs);
  min-width: auto;
  opacity: 0.8;
  transition: opacity 0.2s ease;
}
.str-video__pip-layout__pagination-button:hover:not(:disabled) {
  opacity: 1;
}
.str-video__pip-layout__pagination-button .str-video__icon {
  width: 1rem;
  height: 1rem;
}
.str-video__pip-layout__pagination-button--left {
  left: 0;
}
.str-video__pip-layout__pagination-button--right {
  right: 0;
}

.str-video__pip-layout__grid {
  display: grid;
  grid-template-columns: repeat(var(--pip-cols), 1fr);
  gap: var(--str-video__spacing-xxs);
  width: 100%;
  max-height: 100%;
  flex: 1 1 auto;
}
.str-video__pip-layout__grid .str-video__participant-view {
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}
.str-video__pip-layout__grid .str-video__participant-view--speaking {
  outline: none;
}
.str-video__pip-layout__grid .str-video__participant-view--speaking::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid var(--str-video__primary-color);
  border-radius: var(--str-video__border-radius-sm);
  pointer-events: none;
  z-index: 1;
}
.str-video__pip-layout__grid .str-video__participant-view .str-video__notification {
  display: none;
}
.str-video__pip-layout__grid .str-video__video-placeholder__avatar,
.str-video__pip-layout__grid .str-video__video-placeholder__initials-fallback {
  width: 32px;
  height: 32px;
  font-size: var(--str-video__font-size-sm);
}
.str-video__pip-layout__grid.str-video__pip-layout__grid--single {
  --pip-cols: 1;
}
.str-video__pip-layout__grid.str-video__pip-layout__grid--single .str-video__video-placeholder__avatar,
.str-video__pip-layout__grid.str-video__pip-layout__grid--single .str-video__video-placeholder__initials-fallback {
  width: 80px;
  height: 80px;
  font-size: var(--str-video__font-size-xxl);
}
.str-video__pip-layout__grid.str-video__pip-layout__grid--small {
  --pip-cols: 2;
}
.str-video__pip-layout__grid.str-video__pip-layout__grid--small .str-video__video-placeholder__avatar,
.str-video__pip-layout__grid.str-video__pip-layout__grid--small .str-video__video-placeholder__initials-fallback {
  width: 60px;
  height: 60px;
  font-size: var(--str-video__font-size-xl);
}
.str-video__pip-layout__grid.str-video__pip-layout__grid--medium {
  --pip-cols: 3;
}
.str-video__pip-layout__grid.str-video__pip-layout__grid--medium .str-video__video-placeholder__avatar,
.str-video__pip-layout__grid.str-video__pip-layout__grid--medium .str-video__video-placeholder__initials-fallback {
  width: 45px;
  height: 45px;
  font-size: var(--str-video__font-size-md);
}
.str-video__pip-layout__grid.str-video__pip-layout__grid--large {
  --pip-cols: 4;
}
.str-video__pip-layout__grid.str-video__pip-layout__grid--large .str-video__video-placeholder__avatar,
.str-video__pip-layout__grid.str-video__pip-layout__grid--large .str-video__video-placeholder__initials-fallback {
  width: 35px;
  height: 35px;
  font-size: var(--str-video__font-size-sm);
}
.str-video__pip-layout__grid.str-video__pip-layout__grid--overflow {
  --pip-cols: 5;
  overflow-y: auto;
}
.str-video__pip-layout__grid.str-video__pip-layout__grid--overflow .str-video__video-placeholder__avatar,
.str-video__pip-layout__grid.str-video__pip-layout__grid--overflow .str-video__video-placeholder__initials-fallback {
  width: 25px;
  height: 25px;
  font-size: var(--str-video__font-size-xs);
}

.str-video__pip-screen-share-local {
  background: var(--str-video__background-color5);
}

.str-video__participant-list {
  display: flex;
  flex-direction: column;
}
.str-video__participant-list .str-video__participant-list-header {
  display: flex;
  align-items: center;
}
.str-video__participant-list .str-video__participant-list-header .str-video__participant-list-header__title {
  flex: 1;
  font-size: var(--str-video__font-size-sm);
}
.str-video__participant-list .str-video__participant-list-header .str-video__participant-list-header__close-button > span {
  height: 15px;
  width: 15px;
}
.str-video__participant-list .str-video__search-input__container {
  margin-top: var(--str-video__spacing-md);
}
.str-video__participant-list .str-video__participant-list__content-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: var(--str-video__spacing-md);
  justify-content: flex-end;
}
.str-video__participant-list .str-video__participant-list__content-header .str-video__participant-list__content-header-title {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.str-video__participant-list .str-video__participant-list__content-header .str-video__call-controls__button {
  width: 1.75rem;
  height: 1.75rem;
  display: flex;
  padding: unset;
  align-items: center;
  justify-content: center;
}
.str-video__participant-list .str-video__participant-list__content-header .str-video__call-controls__button .str-video__icon--filter {
  width: 1rem;
  height: 1rem;
}
.str-video__participant-list .str-video__participant-list__content {
  height: auto;
  flex-grow: 1;
  overflow-y: auto;
  margin-top: var(--str-video__spacing-xl);
}
.str-video__participant-list .str-video__participant-list__footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 0.5rem;
}
.str-video__participant-list .str-video__search-results--loading {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.str-video__participant-list .str-video__search-results--loading .str-video__loading-indicator__icon {
  height: 3rem;
  width: 3rem;
  -webkit-mask-size: 3rem;
  mask-size: 3rem;
}
.str-video__participant-list .str-video__participant-list--empty {
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--str-video__spacing-md);
  font-size: var(--str-video__font-size-sm);
}

.str-video__invite-link-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  width: 100%;
  position: relative;
  padding-block: 0.5rem;
}
.str-video__invite-link-button .str-video__invite-link-tooltip {
  position: absolute;
  bottom: 110%;
}
.str-video__invite-link-button .str-video__invite-participant-icon {
  height: 20px;
  width: 20px;
}

.str-video__participant-listing-item {
  display: flex;
  justify-content: space-between;
  gap: var(--str-video__spacing-sm);
  padding-block: 0.5rem;
  width: 100%;
  align-items: center;
}
.str-video__participant-listing-item .str-video__call-controls__button {
  padding: unset;
}
.str-video__participant-listing-item .str-video__participant-listing-item__display-name {
  flex: 1;
  white-space: nowrap;
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  text-overflow: ellipsis;
}
.str-video__participant-listing-item .str-video__participant-avatar {
  display: flex;
  align-items: center;
  gap: var(--str-video__spacing-sm);
}
.str-video__participant-listing-item .str-video__participant-listing-item__media-indicator-group {
  display: flex;
  align-items: center;
  gap: var(--str-video__spacing-sm);
}
.str-video__participant-listing-item .str-video__participant-listing-item__media-indicator-group .str-video__participant-listing-item__icon {
  width: 0.75rem;
  height: 0.75rem;
}

.str-video__participant-listing-item .str-video__participant-listing-item__display-name {
  font-size: 13px;
}
.str-video__participant-listing-item .str-video__participant-listing-item__media-indicator-group .str-video__participant-listing-item__icon-mic {
  -webkit-mask-image: var(--str-video__icon--mic);
  mask-image: var(--str-video__icon--mic);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--str-video__text-color1);
}
.str-video__participant-listing-item .str-video__participant-listing-item__media-indicator-group .str-video__participant-listing-item__icon-mic-off {
  -webkit-mask-image: var(--str-video__icon--mic-off);
  mask-image: var(--str-video__icon--mic-off);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--str-video__danger-color);
}
.str-video__participant-listing-item .str-video__participant-listing-item__media-indicator-group .str-video__participant-listing-item__icon-camera {
  -webkit-mask-image: var(--str-video__icon--camera);
  mask-image: var(--str-video__icon--camera);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--str-video__text-color1);
}
.str-video__participant-listing-item .str-video__participant-listing-item__media-indicator-group .str-video__participant-listing-item__icon-camera-off {
  -webkit-mask-image: var(--str-video__icon--camera-off);
  mask-image: var(--str-video__icon--camera-off);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--str-video__danger-color);
}
.str-video__participant-listing-item .str-video__participant-listing-item__media-indicator-group .str-video__participant-listing-item__icon-pinned {
  -webkit-mask-image: var(--str-video__icon--pin);
  mask-image: var(--str-video__icon--pin);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--str-video__text-color1);
}

.str-video__call-preview {
  width: 100%;
  height: auto;
  display: inline-block;
  -o-object-fit: contain;
     object-fit: contain;
}

.str-video__call-recording-list__list {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
}
.str-video__call-recording-list__list:first-of-type .str-video__call-recording-list__item {
  font-weight: 600;
}

.str-video__call-recording-list__item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: var(--str-video__font-size-xs);
  border-bottom: 1px solid var(--str-video__base-color2);
  padding: var(--str-video__spacing-sm) 0;
  gap: var(--str-video__spacing-sm);
}
.str-video__call-recording-list__item:last-of-type {
  border-bottom: none;
}

.str-video__call-recording-list__filename {
  width: 200px;
}

.str-video__call-recording-list__time {
  width: 100px;
}

.str-video__call-recording-list__download {
  display: flex;
  justify-content: flex-end;
  width: 100px;
}

.str-video__call-recording-list__filename,
.str-video__call-recording-list__time {
  text-overflow: ellipsis;
  overflow: hidden;
}

.str-video__call-recording-list-item__action-button--download .str-video__icon--download {
  height: 32px;
  width: 32px;
}
.str-video__call-recording-list-item__action-button--download:hover .str-video__icon--download {
  cursor: pointer;
  background-color: var(--str-video__brand-color1);
}

.str-video__call-recording-list__title {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.25rem;
}

.str-video__call-controls__button--icon-call-recordings {
  -webkit-mask-image: var(--str-video__icon--film-roll);
  mask-image: var(--str-video__icon--film-roll);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 2px;
  mask-size: 2px;
  background-color: var(--str-video__text-color1);
}

.str-video__call-recordings__toggle-button--active {
  background-color: var(--str-video__background-color7);
}

.str-video__refresh-button {
  background-color: transparent;
  cursor: pointer;
  border-radius: 4px;
}
.str-video__refresh-button:hover {
  background-color: var(--str-video__background-color7);
}
.str-video__refresh-button:active {
  background-color: var(--str-video__background-color5);
  transition: background-color 0.2s ease-out;
}
.str-video__refresh-button .str-video__refresh-button--icon {
  -webkit-mask-image: var(--str-video__icon--refresh);
  mask-image: var(--str-video__icon--refresh);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--str-video__text-color1);
}

.str-video__call-recording-list__listing--icon-empty {
  -webkit-mask-image: var(--str-video__icon--film-roll);
  mask-image: var(--str-video__icon--film-roll);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--str-video__text-color1);
}

.str-video__call-stats {
  border-radius: var(--str-video__border-radius-lg);
  background-color: var(--str-video__base-color7);
  padding: var(--str-video__spacing-md);
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.str-video__call-stats h3 {
  margin: unset;
}
.str-video__call-stats .str-video__call-stats__header {
  display: flex;
  flex-direction: column;
  margin-bottom: var(--str-video__spacing-md);
}
.str-video__call-stats .str-video__call-stats__heading {
  display: flex;
  align-items: center;
}
.str-video__call-stats .str-video__call-stats__icon {
  margin-right: var(--str-video__spacing-sm);
  height: 18px;
  width: 18px;
}
.str-video__call-stats .str-video__call-stats__description {
  font-size: var(--str-video__font-size-sm);
  margin-bottom: var(--str-video__spacing-sm);
  font-weight: 600;
}
.str-video__call-stats .str-video__call-stats__card-container {
  --gap: 1rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: var(--gap);
}
.str-video__call-stats .str-video__call-stats__card {
  display: flex;
  justify-content: space-between;
  background-color: var(--str-video__background-color4);
  border-radius: var(--str-video__border-radius-xs);
  width: calc(50% - var(--gap) / 2);
  padding: 0.5rem 0.5rem;
}
.str-video__call-stats .str-video__call-stats__card .str-video__call-stats__card-content {
  display: flex;
  flex-direction: column;
}
.str-video__call-stats .str-video__call-stats__card .str-video__call-stats__card-label {
  display: flex;
  color: var(--str-video__text-color2);
  font-size: 0.5625rem;
  font-weight: 500;
  text-transform: uppercase;
}
.str-video__call-stats .str-video__call-stats__card .str-video__call-stats__card-value {
  font-size: 1.0625rem;
  font-weight: 500;
  line-height: 1.25rem;
}
.str-video__call-stats .str-video__call-explanation__icon {
  height: 12px;
  width: 12px;
  margin-left: var(--str-video__spacing-xs);
}
.str-video__call-stats .str-video__call-explanation__icon:hover {
  cursor: pointer;
}
.str-video__call-stats .str-video__call-explanation__description {
  background-color: var(--str-video__base-color3);
  padding: var(--str-video__spacing-xs);
  font-size: var(--str-video__font-size-xs);
  border-radius: var(--str-video__border-radius-xs);
}
.str-video__call-stats .str-video__call-stats-line-chart-container {
  position: relative;
  margin: auto;
  height: 170px;
  width: 100%;
}
.str-video__call-stats .str-video__call-stats__tag {
  border-radius: var(--str-video__border-radius-sm);
  padding: var(--str-video__spacing-xs);
  font-size: var(--str-video__font-size-sm);
  font-weight: 600;
  height: 30px;
}
.str-video__call-stats .str-video__call-stats__tag--good {
  color: var(--str-video__alert-success);
  background-color: var(--str-video__alert-success-background);
}
.str-video__call-stats .str-video__call-stats__tag--ok {
  color: var(--str-video__alert-caution);
  background-color: var(--str-video__alert-caution-background);
}
.str-video__call-stats .str-video__call-stats__tag--bad {
  color: var(--str-video__alert-warning);
  background-color: var(--str-video__alert-warming-background);
}

.str-video__device-settings__button .str-video__call-controls__button--icon-device-settings {
  width: 1.25rem;
  height: 1.25rem;
}

.str-video__device-settings {
  padding: 0.625rem;
  z-index: 1;
  font-family: "Inter";
}

.str-video__device-settings__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 16px 0px 16px;
  margin-bottom: 33px;
}

.str-video__icon.str-video__device-settings__settings-icon {
  height: 24px;
  width: 24px;
  color: var(--str-video__base-color1);
}

.str-video__device-settings__close-button {
  color: var(--str-video__base-color1);
  background-color: transparent;
}

.str-video__device-settings__device-kind {
  padding: var(--str-video__spacing-lg);
}
.str-video__device-settings__device-kind .str-video__device-settings__device-selector-title {
  font-size: var(--str-video__font-size-sm);
  font-weight: bold;
  line-height: 1.25rem;
  padding-bottom: 0.5rem;
  margin-bottom: var(--str-video__spacing-sm);
}
.str-video__device-settings__device-kind .str-video__option,
.str-video__device-settings__device-kind .str-video__device-settings__option {
  display: flex;
  align-items: center;
  border-radius: var(--str-video__border-radius-lg);
  background-color: var(--str-video__button-primary-base);
  padding: var(--str-video__spacing-sm) var(--str-video__spacing-lg);
  gap: var(--str-video__spacing-sm);
  font-weight: 600;
  font-size: var(--str-video__font-size-sm);
  line-height: var(--str-video__spacing-lg);
}
.str-video__device-settings__device-kind .str-video__option:not(:first-of-type),
.str-video__device-settings__device-kind .str-video__device-settings__option:not(:first-of-type) {
  margin-top: var(--str-video__spacing-sm);
}
.str-video__device-settings__device-kind .str-video__option__icon--selected,
.str-video__device-settings__device-kind .str-video__device-settings__option__icon--selected {
  background-color: var(--str-video__brand-color1);
}
.str-video__device-settings__device-kind .str-video__option:hover,
.str-video__device-settings__device-kind .str-video__device-settings__option:hover {
  background-color: var(--str-video__button-default-hover);
  cursor: pointer;
}
.str-video__device-settings__device-kind .str-video__option--selected, .str-video__device-settings__device-kind .str-video__option--active,
.str-video__device-settings__device-kind .str-video__device-settings__option--selected,
.str-video__device-settings__device-kind .str-video__device-settings__option--active {
  background-color: var(--str-video__button-default-hover);
}
.str-video__device-settings__device-kind .str-video__option input[type=radio],
.str-video__device-settings__device-kind .str-video__device-settings__option input[type=radio] {
  margin: 0;
  height: 1rem;
  width: 1rem;
  display: grid;
  place-content: center;
}
.str-video__device-settings__device-kind .str-video__option input[type=radio]::before,
.str-video__device-settings__device-kind .str-video__device-settings__option input[type=radio]::before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  transform: scale(0);
}
.str-video__device-settings__device-kind .str-video__option input[type=radio]:checked::before,
.str-video__device-settings__device-kind .str-video__device-settings__option input[type=radio]:checked::before {
  transform: scale(1);
}
.str-video__device-settings__device-kind .str-video__option input[type=radio]:checked,
.str-video__device-settings__device-kind .str-video__device-settings__option input[type=radio]:checked {
  border-color: var(--str-video__primary-color);
}

.str-video__device-settings__separator {
  border-color: var(--str-video__base-color3);
}

.str-video__audio-volume-indicator {
  width: 100%;
  display: flex;
  align-items: center;
  gap: var(--str-video__spacing-xs);
  padding: var(--str-video__spacing-sm) var(--str-video__spacing-md);
}
.str-video__audio-volume-indicator .str-video__icon {
  width: var(--str-video__font-size-xxl);
  height: var(--str-video__font-size-xxl);
}
.str-video__audio-volume-indicator .str-video__audio-volume-indicator__bar {
  flex: 1;
  background-color: var(--str-video__base-color1);
  height: var(--str-video__spacing-xs);
  border-radius: var(--str-video__border-radius-xs);
}
.str-video__audio-volume-indicator .str-video__audio-volume-indicator__bar-value {
  width: 100%;
  height: 100%;
  background: var(--str-video__primary-color);
  border-radius: var(--str-video__border-radius-xs);
  transform-origin: left center;
}

.str-video__device-level-indicator {
  display: flex;
  align-items: center;
  gap: 0.125rem;
  flex-shrink: 0;
  margin-left: auto;
}
.str-video__device-level-indicator .str-video__device-level-indicator__bar {
  width: 0.1875rem;
  height: 0.75rem;
  border-radius: var(--str-video__border-radius-xs);
  background-color: var(--str-video__base-color3);
  transition: background-color 0.1s;
}
.str-video__device-level-indicator .str-video__device-level-indicator__bar--active {
  background-color: var(--str-video__primary-color);
}

.str-video__device-preview {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: inherit;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  max-width: 12rem;
  cursor: pointer;
}
.str-video__device-preview .str-video__device-preview__label {
  padding: var(--str-video__spacing-xs) 0;
  font-size: var(--str-video__font-size-xs);
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.str-video__device-preview .str-video__device-video-preview__video {
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: var(--str-video__border-radius-sm);
  border: 2px solid var(--str-video__base-color3);
  background-color: var(--str-video__base-color5);
  transform: scaleX(-1);
}
.str-video__device-preview--selected .str-video__device-video-preview__video {
  border-color: var(--str-video__primary-color);
}

.str-video__speaker-test {
  padding: var(--str-video__spacing-sm) 0;
}
.str-video__speaker-test .str-video__speaker-test__button-content {
  display: flex;
  align-items: center;
  gap: var(--str-video__spacing-sm);
  padding: 0 var(--str-video__spacing-sm);
  font-size: var(--str-video__font-size-sm);
  font-weight: 600;
}
.str-video__speaker-test .str-video__composite-button__button {
  width: 100% !important;
}

.str-video__dropdown {
  position: relative;
}
.str-video__dropdown-selected {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--str-video__base-color4);
  border-radius: var(--str-video__border-radius-lg);
  border: 1px solid var(--str-video__base-color6);
}
.str-video__dropdown-selected__label {
  display: flex;
  align-items: center;
  font-weight: 600;
  padding: var(--str-video__spacing-sm);
  font-size: var(--str-video__font-size-xs);
}
.str-video__dropdown-selected__icon {
  margin-right: var(--str-video__spacing-sm);
}
.str-video__dropdown-selected__chevron {
  margin-right: var(--str-video__spacing-md);
}
.str-video__dropdown-selected > *:hover, .str-video__dropdown-selected:hover {
  cursor: pointer;
}
.str-video__dropdown-selected:hover {
  border: 1px solid var(--str-video__brand-color1);
}
.str-video__dropdown-list {
  display: flex;
  flex-direction: column;
  position: absolute;
  z-index: 2;
  width: 100%;
  margin-top: var(--str-video__spacing-sm);
  background-color: var(--str-video__base-color6);
  border-radius: var(--str-video__border-radius-lg);
  padding: var(--str-video__spacing-md);
  gap: var(--str-video__spacing-sm);
  box-shadow: 0 0 24px -4px rgba(0, 0, 0, 0.64);
}
.str-video__dropdown-option {
  display: flex;
  align-items: center;
  border-radius: var(--str-video__border-radius-lg);
  padding: 8px 16px;
  gap: 8px;
  font-weight: 600;
  font-size: var(--str-video__font-size-sm);
}
.str-video__dropdown-option:hover {
  background-color: var(--str-video__button-default-hover);
  cursor: pointer;
}
.str-video__dropdown-option--selected {
  background-color: var(--str-video__button-primary-active);
  color: var(--str-video__text-color1);
}
.str-video__dropdown-option--selected:hover {
  background-color: var(--str-video__button-primary-hover);
}
.str-video__dropdown-icon {
  background-color: var(--str-video__icon-default);
}
.str-video__dropdown__option:hover .str-video__dropdown-icon {
  background-color: var(--str-video__icon-hover);
}
.str-video__dropdown-option--selected .str-video__dropdown-icon {
  background-color: var(--str-video__text-color1);
}
.str-video__dropdown-label {
  font-size: var(--str-video__font-size-xs);
}
.str-video__dropdown__option:hover .str-video__dropdown-label {
  color: var(--str-video__base-color1);
}

@media (min-width: 600px) {
  .str-video__dropdown-selected__label {
    font-size: var(--str-video__font-size-sm);
  }
}
.str-video__icon {
  background-color: var(--str-video__icon-default);
}
.str-video__icon--reactions {
  -webkit-mask-image: var(--str-video__icon--reactions);
  mask-image: var(--str-video__icon--reactions);
}
.str-video__icon--call-latency {
  -webkit-mask-image: var(--str-video__icon--call-latency);
  mask-image: var(--str-video__icon--call-latency);
}
.str-video__icon--network-quality {
  -webkit-mask-image: var(--str-video__icon--network-quality);
  mask-image: var(--str-video__icon--network-quality);
}
.str-video__icon--recording-on {
  -webkit-mask-image: var(--str-video__icon--recording-on);
  mask-image: var(--str-video__icon--recording-on);
}
.str-video__icon--caret-up {
  -webkit-mask-image: var(--str-video__icon--caret-up);
  mask-image: var(--str-video__icon--caret-up);
}
.str-video__icon--download {
  -webkit-mask-image: var(--str-video__icon--download);
  mask-image: var(--str-video__icon--download);
}
.str-video__icon--caret-down {
  -webkit-mask-image: var(--str-video__icon--caret-down);
  mask-image: var(--str-video__icon--caret-down);
  transform: rotate(180deg);
}
.str-video__icon--chevron-right {
  -webkit-mask-image: var(--str-video__icon--chevron-right);
  mask-image: var(--str-video__icon--chevron-right);
}
.str-video__icon--recording-off {
  -webkit-mask-image: var(--str-video__icon--recording-off);
  mask-image: var(--str-video__icon--recording-off);
}
.str-video__icon--loading {
  -webkit-mask-image: var(--str-video__icon--loading);
  mask-image: var(--str-video__icon--loading);
  transform: rotate(360deg);
  transition-duration: 1s;
  transition-delay: now;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.str-video__icon--logout {
  -webkit-mask-image: var(--str-video__icon--logout);
  mask-image: var(--str-video__icon--logout);
}
.str-video__icon--chevron-up {
  -webkit-mask-image: var(--str-video__icon--chevron-up);
  mask-image: var(--str-video__icon--chevron-up);
}
.str-video__icon--chevron-down {
  -webkit-mask-image: var(--str-video__icon--chevron-down);
  mask-image: var(--str-video__icon--chevron-down);
}
.str-video__icon--screen-share-on {
  -webkit-mask-image: var(--str-video__icon--screen-share-on);
  mask-image: var(--str-video__icon--screen-share-on);
}
.str-video__icon--screen-share-off {
  -webkit-mask-image: var(--str-video__icon--screen-share-off);
  mask-image: var(--str-video__icon--screen-share-off);
}
.str-video__icon--caret-down {
  transform: rotate(180deg);
  -webkit-mask-image: var(--str-video__icon--caret);
  mask-image: var(--str-video__icon--caret);
}
.str-video__icon--caret-up {
  -webkit-mask-image: var(--str-video__icon--caret);
  mask-image: var(--str-video__icon--caret);
}
.str-video__icon--caret-right {
  transform: rotate(90deg);
  -webkit-mask-image: var(--str-video__icon--caret);
  mask-image: var(--str-video__icon--caret);
}
.str-video__icon--caret-left {
  transform: rotate(-90deg);
  -webkit-mask-image: var(--str-video__icon--caret);
  mask-image: var(--str-video__icon--caret);
}
.str-video__icon--close {
  -webkit-mask-image: var(--str-video__icon--close);
  mask-image: var(--str-video__icon--close);
}
.str-video__icon--mic {
  -webkit-mask-image: var(--str-video__icon--mic);
  mask-image: var(--str-video__icon--mic);
}
.str-video__icon--mic-off {
  -webkit-mask-image: var(--str-video__icon--mic-off);
  mask-image: var(--str-video__icon--mic-off);
}
.str-video__icon--camera {
  -webkit-mask-image: var(--str-video__icon--camera);
  mask-image: var(--str-video__icon--camera);
}
.str-video__icon--camera-off {
  -webkit-mask-image: var(--str-video__icon--camera-off);
  mask-image: var(--str-video__icon--camera-off);
}
.str-video__icon--camera-off-outline {
  -webkit-mask-image: var(--str-video__icon--camera-off-outline);
  mask-image: var(--str-video__icon--camera-off-outline);
}
.str-video__icon--call-end {
  -webkit-mask-image: var(--str-video__icon--call-end);
  mask-image: var(--str-video__icon--call-end);
}
.str-video__icon--call-accept {
  -webkit-mask-image: var(--str-video__icon--call-accept);
  mask-image: var(--str-video__icon--call-accept);
}
.str-video__icon--info {
  -webkit-mask-image: var(--str-video__icon--info-icon);
  mask-image: var(--str-video__icon--info-icon);
}
.str-video__icon--stats {
  -webkit-mask-image: var(--str-video__icon--stats);
  mask-image: var(--str-video__icon--stats);
}
.str-video__icon--speaker {
  -webkit-mask-image: var(--str-video__icon--speaker);
  mask-image: var(--str-video__icon--speaker);
}
.str-video__icon--ellipsis {
  -webkit-mask-image: var(--str-video__icon--ellipsis);
  mask-image: var(--str-video__icon--ellipsis);
}
.str-video__icon--pin {
  -webkit-mask-image: var(--str-video__icon--pin);
  mask-image: var(--str-video__icon--pin);
}
.str-video__icon--no-audio {
  -webkit-mask-image: var(--str-video__icon--no-audio);
  mask-image: var(--str-video__icon--no-audio);
}
.str-video__icon--not-allowed {
  -webkit-mask-image: var(--str-video__icon--not-allowed);
  mask-image: var(--str-video__icon--not-allowed);
}
.str-video__icon--film-roll {
  -webkit-mask-image: var(--str-video__icon--film-roll);
  mask-image: var(--str-video__icon--film-roll);
}
.str-video__icon--device-settings {
  -webkit-mask-image: var(--str-video__icon--settings);
  mask-image: var(--str-video__icon--settings);
}
.str-video__icon--filter {
  -webkit-mask-image: var(--str-video__icon--filter);
  mask-image: var(--str-video__icon--filter);
}
.str-video__icon--refresh {
  -webkit-mask-image: var(--str-video__icon--refresh);
  mask-image: var(--str-video__icon--refresh);
}
.str-video__icon--kick-user {
  -webkit-mask-image: var(--str-video__icon--kick-user);
  mask-image: var(--str-video__icon--kick-user);
}

.str-video__icon {
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  display: block;
  width: 1.25rem;
  height: 1.25rem;
}

.str-video__loading-indicator {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.str-video__loading-indicator__icon.spinner {
  -webkit-mask-image: var(--str-video__icon--loading);
  mask-image: var(--str-video__icon--loading);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 1rem;
  mask-size: 1rem;
  background-color: var(--str-video__text-color2);
  animation: rotation 1s linear infinite;
  width: 1rem;
  height: 1rem;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.str-video__menu-container {
  z-index: 2;
  width: -moz-max-content;
  width: max-content;
}
.str-video__menu-container::-webkit-scrollbar {
  display: none;
}
.str-video__menu-container {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.str-video__portal {
  position: fixed;
  z-index: 1;
  width: 100vw;
  height: 100vh;
  background-color: var(--str-video__backdrop1);
  left: 0;
  top: 0;
}
.str-video__portal:hover {
  cursor: pointer;
}

.str-video__portal-content {
  z-index: 2;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.str-video__menu-container {
  background-color: var(--str-video__base-color6);
  border-radius: var(--str-video__border-radius-lg);
  box-shadow: 0 0 24px -4px rgba(0, 0, 0, 0.64);
}

.str-video__generic-menu {
  list-style: none;
  margin: unset;
  padding: var(--str-video__spacing-md);
  display: flex;
  flex-direction: column;
  gap: var(--str-video__spacing-xs);
}
.str-video__generic-menu .str-video__generic-menu--item {
  align-items: center;
  gap: 8px;
  font-weight: 600;
  font-size: var(--str-video__font-size-md);
  display: flex;
}
.str-video__generic-menu .str-video__generic-menu--item button {
  all: unset;
  width: 100%;
  font-size: 13px;
  border-radius: var(--str-video__border-radius-lg);
  background-color: var(--str-video__button-primary-base);
  padding: var(--str-video__spacing-xs) var(--str-video__spacing-lg);
  gap: 10px;
  display: flex;
  align-items: center;
  position: relative;
}
.str-video__generic-menu .str-video__generic-menu--item button:hover {
  background-color: var(--str-video__button-default-hover);
  cursor: pointer;
}
.str-video__generic-menu .str-video__generic-menu--item button--selected, .str-video__generic-menu .str-video__generic-menu--item button--active {
  background-color: var(--str-video__button-primary-hover);
}
.str-video__generic-menu .str-video__generic-menu--item button[aria-selected] {
  padding: 5px 10px 5px 26px;
}
.str-video__generic-menu .str-video__generic-menu--item button[aria-selected=true]::after {
  content: "●";
  font-size: 10px;
  left: 10px;
  position: absolute;
}

.str-video__notification {
  padding: 0.625rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.str-video__notification .str-video__notification__icon {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
}
.str-video__notification .str-video__notification__message {
  flex: 1;
}
.str-video__notification .str-video__notification__close {
  display: inline-block;
  width: 1rem;
  height: 1rem;
}
.str-video__notification .str-video__notification__close:hover {
  cursor: pointer;
}

.str-video__notification {
  background-color: var(--str-video__background-color1);
  border-radius: var(--str-video__border-radius-xs);
  z-index: 100;
}
.str-video__notification .str-video__notification__icon {
  -webkit-mask-image: var(--str-video__icon--info-icon);
  mask-image: var(--str-video__icon--info-icon);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 1.5rem;
  mask-size: 1.5rem;
  background-color: var(--str-video__text-color1);
}
.str-video__notification .str-video__notification__message {
  font-size: 0.75rem;
}

.str-video__participant-view {
  position: relative;
  width: 100%;
  max-width: 1280px;
  max-height: 100%;
  min-height: 0;
  aspect-ratio: 4/3;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--str-video__border-radius-sm);
}
.str-video__participant-view--speaking {
  outline: 2px solid var(--str-video__primary-color);
}
.str-video__participant-view .str-video__call-controls__button {
  transition: opacity 200ms ease-out;
  opacity: 0.3;
  color: var(--str-video__text-color1);
}
.str-video__participant-view:hover .str-video__call-controls__button {
  opacity: 1;
}
.str-video__participant-view > .str-video__call-controls__button {
  position: absolute;
  top: 0.875rem;
  left: 0.875rem;
  padding: 0.3rem;
}
.str-video__participant-view .str-video__participant-details {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  gap: var(--str-video__spacing-sm);
  border-radius: 0 var(--str-video__border-radius-xs) 0 var(--str-video__border-radius-sm);
  background-color: var(--str-video__background-color4);
}
.str-video__participant-view .str-video__participant-details .str-video__participant-details__name {
  display: flex;
  align-items: center;
  gap: var(--str-video__spacing-sm);
  padding: 4px 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: var(--str-video__font-size-sm);
}
.str-video__participant-view .str-video__participant-details .str-video__participant-details__name .str-video__participant-details__name--audio-muted {
  width: 1rem;
  height: 1rem;
  -webkit-mask-size: 1rem;
  mask-size: 1rem;
  background-color: var(--str-video__text-color1);
  -webkit-mask-image: var(--str-video__icon--mic-off);
  mask-image: var(--str-video__icon--mic-off);
}
.str-video__participant-view .str-video__participant-details .str-video__participant-details__name .str-video__participant-details__name--audio-connecting .str-video__loading-indicator__icon {
  width: 1rem;
  height: 1rem;
  border-width: 2px;
}
.str-video__participant-view .str-video__participant-details .str-video__participant-details__name .str-video__participant-details__name--video-muted {
  width: 1rem;
  height: 1rem;
  -webkit-mask-size: 1rem;
  mask-size: 1rem;
  background-color: var(--str-video__text-color1);
  -webkit-mask-image: var(--str-video__icon--camera-off);
  mask-image: var(--str-video__icon--camera-off);
}
.str-video__participant-view .str-video__participant-details .str-video__participant-details__name .str-video__participant-details__name--track-paused {
  width: 1rem;
  height: 1rem;
  -webkit-mask-size: 1rem;
  mask-size: 1rem;
  background-color: var(--str-video__text-color1);
  mask-image: var(--str-video__icon--low-bandwidth);
  -webkit-mask-image: var(--str-video__icon--low-bandwidth);
}
.str-video__participant-view .str-video__participant-details .str-video__participant-details__name .str-video__participant-details__name--pinned {
  cursor: pointer;
  width: 1rem;
  height: 1rem;
  -webkit-mask-size: 1rem;
  mask-size: 1rem;
  background-color: var(--str-video__text-color1);
  width: 0.8rem;
  height: 1rem;
  -webkit-mask-size: 0.8rem;
  mask-size: 0.8rem;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-image: var(--str-video__icon--pin);
  mask-image: var(--str-video__icon--pin);
}
.str-video__participant-view .str-video__participant-details .str-video__participant-details__name .str-video__participant-details__name--network-stats {
  width: 1rem;
  height: 1rem;
  -webkit-mask-size: 1rem;
  mask-size: 1rem;
  background-color: var(--str-video__text-color1);
  background-image: var(--str-video__icon--network-quality);
  cursor: pointer;
  margin-right: 0.625rem;
}
.str-video__participant-view .str-video__participant-details__connection-quality {
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: var(--str-video__border-radius-sm) 0 var(--str-video__border-radius-sm) 0;
  width: 24px;
  height: 24px;
  display: block;
  background-size: cover;
  background-color: var(--str-video__background-color4);
}
.str-video__participant-view .str-video__participant-details__connection-quality--poor {
  background-image: var(--str-video__icon--connection-quality-poor);
}
.str-video__participant-view .str-video__participant-details__connection-quality--good {
  background-image: var(--str-video__icon--connection-quality-good);
}
.str-video__participant-view .str-video__participant-details__connection-quality--excellent {
  background-image: var(--str-video__icon--connection-quality-excellent);
}

.str-video__speech-indicator {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1px;
  height: 16px;
}
.str-video__speech-indicator .str-video__speech-indicator__bar {
  width: 3px;
  height: 20%;
  background-color: var(--str-video__primary-color);
  border-radius: 2px;
  animation-duration: 0.4s;
  animation-iteration-count: 1;
  animation-name: speech-indicator-silence;
  animation-timing-function: ease-in-out;
}
.str-video__speech-indicator.str-video__speech-indicator--dominant .str-video__speech-indicator__bar {
  background-color: var(--str-video__primary-color);
}
.str-video__speech-indicator.str-video__speech-indicator--speaking .str-video__speech-indicator__bar {
  height: 100%;
  animation-iteration-count: infinite;
}
.str-video__speech-indicator.str-video__speech-indicator--speaking .str-video__speech-indicator__bar:nth-child(1) {
  height: 70%;
  animation-duration: 0.8s;
  animation-name: speech-indicator-quiet;
}
.str-video__speech-indicator.str-video__speech-indicator--speaking .str-video__speech-indicator__bar:nth-child(2) {
  height: 80%;
  animation-duration: 1s;
  animation-name: speech-indicator-loud;
}
.str-video__speech-indicator.str-video__speech-indicator--speaking .str-video__speech-indicator__bar:nth-child(3) {
  height: 60%;
  animation-duration: 0.9s;
  animation-name: speech-indicator-quiet;
}
@keyframes speech-indicator-silence {
  25% {
    transform: scaleY(2);
  }
  50% {
    transform: scaleY(2.5);
  }
  75% {
    transform: scaleY(1);
  }
}
@keyframes speech-indicator-quiet {
  25% {
    transform: scaleY(0.5);
  }
  50% {
    transform: scaleY(0.3);
  }
  75% {
    transform: scaleY(0.5);
  }
}
@keyframes speech-indicator-loud {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.45);
  }
  75% {
    transform: scaleY(1.1);
  }
}

.str-video__permission-requests {
  background-color: var(--str-video__background-color1);
  border-radius: 8px;
  padding: 10px;
  position: relative;
}
.str-video__permission-requests .str-video__permission-requests__notification,
.str-video__permission-requests .str-video__permission-request {
  display: flex;
  gap: 10px;
  padding: 10px 0;
  align-items: center;
}
.str-video__permission-requests .str-video__permission-requests__notification__message,
.str-video__permission-requests .str-video__permission-request__message {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.str-video__permission-requests .str-video__permission-request__button {
  background-color: transparent;
  border: 1px solid var(--str-video__text-color1);
  border-radius: 4px;
  color: var(--str-video__color1);
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  padding: 8px;
  min-width: 120px;
}
.str-video__permission-requests .str-video__permission-request__button--allow {
  background-color: var(--str-video__primary-color);
  border: 1px solid var(--str-video__primary-color);
}
.str-video__permission-requests .str-video__permission-requests-list {
  background-color: var(--str-video__background-color1);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 10px;
  width: 100%;
  z-index: 1;
  opacity: 0.9;
  overflow-x: scroll;
  overflow-y: hidden;
}
.str-video__permission-requests .str-video__permission-requests-list::-webkit-scrollbar {
  display: none;
}

.str-video__reaction {
  position: absolute;
  right: 0.875rem;
  top: 0.875rem;
}
.str-video__reaction .str-video__reaction__emoji {
  display: flex;
  line-height: 1;
  font-size: 2.5rem;
}

.str-video__call-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  width: 400px;
  height: 300px;
  padding: 1rem 1rem 0.5rem;
  gap: 1rem;
}

.str-video__call-panel--ringing .str-video__call-panel__members-list {
  overflow: hidden;
  display: flex;
  align-items: center;
}
.str-video__call-panel--ringing .str-video__call-panel__members-list .str-video__call-panel__member-box {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
}
.str-video__call-panel--ringing .str-video__call-panel__members-list .str-video__call-panel__member-box .str-video__avatar {
  width: 80px;
  height: 80px;
}
.str-video__call-panel--ringing .str-video__call-panel__members-list .str-video__call-panel__member-box .str-video__member_details {
  position: absolute;
  bottom: 10%;
  padding: 0.125rem 0.375rem;
}
.str-video__call-panel--ringing .str-video__pending-call-controls {
  display: flex;
  gap: 0.675rem;
}

.str-video__call-panel {
  background: var(--str-video__background-color3);
  border: 2px solid rgba(200, 200, 200, 0.6);
  border-radius: 10px;
}

.str-video__call-panel--ringing .str-video__call-panel__members-list .str-video__call-panel__member-box {
  border-radius: var(--str-video__border-radius-circle);
  background: var(--str-video__background-color6);
}
.str-video__call-panel--ringing .str-video__call-panel__members-list .str-video__call-panel__member-box:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--str-video__border-radius-circle);
  padding: 4px;
  background: linear-gradient(180deg, var(--str-video__primary-color), var(--str-video__info-color));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.str-video__call-panel--ringing .str-video__call-panel__members-list .str-video__call-panel__member-box .str-video__member_details {
  background-color: var(--str-video__background-color4);
  color: var(--str-video__text-color1);
  border-radius: 4px;
  font-size: 12px;
  line-height: 16px;
}

.str-video__screen-share-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  width: 100%;
  height: 100%;
  gap: 1.8rem;
}
.str-video__screen-share-overlay > .str-video__icon {
  width: 4rem;
  height: 4rem;
}
.str-video__screen-share-overlay .str-video__screen-share-overlay__button {
  display: flex;
  gap: 0.4rem;
  align-items: center;
  padding-inline: 1.6rem;
  padding-block: 0.8rem;
}
.str-video__screen-share-overlay .str-video__screen-share-overlay__button .str-video__icon {
  width: 0.7rem;
  height: 0.7rem;
}

.str-video__screen-share-overlay {
  background: var(--str-video__overlay-color);
  backdrop-filter: blur(3px);
  border-radius: inherit;
}
.str-video__screen-share-overlay .str-video__screen-share-overlay__title {
  font-size: 1.3rem;
}
.str-video__screen-share-overlay .str-video__screen-share-overlay__button {
  color: white;
  background: var(--str-video__danger-color);
  border-radius: var(--str-video__border-radius-xs);
}
.str-video__screen-share-overlay .str-video__screen-share-overlay__button:hover {
  background-color: var(--str-video__danger-color--accent);
}

.str-video__search-input__container {
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  margin-inline: -0.25rem;
}
.str-video__search-input__container input {
  flex: 1;
  min-width: 0;
}
.str-video__search-input__container .str-video__search-input__clear-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.str-video__search-input__container .str-video__search-input__icon {
  padding: 0.25rem;
}
.str-video__search-input__container .str-video__search-input__icon--active,
.str-video__search-input__container .str-video__search-input__icon {
  display: inline-block;
  width: 1.125rem;
  height: 1.125rem;
}

.str-video {
  --str-video__search-input__container--color: var(--str-video__text-color1);
  --str-video__search-input__container--background-color: var(
    --str-video__background-color0
  );
  --str-video__search-input__container--border-radius: var(
    --str-video__border-radius-circle
  );
  --str-video__search-input__container--border-block-start: 1px solid
    transparent;
  --str-video__search-input__container--border-block-end: 1px solid transparent;
  --str-video__search-input__container--border-inline-start: 1px solid
    transparent;
  --str-video__search-input__container--border-inline-end: 1px solid transparent;
  --str-video__search-input__placeholder-color: var(--str-video__text-color2);
  --str-video__search-input__icon--color: var(--str-video__text-color1);
}

.str-video__search-input__container.str-video__search-input__container--active {
  border-color: var(--str-video__primary-color);
}

.str-video__search-input__container {
  background: var(--str-video__search-input__container--background-color);
  color: var(--str-video__search-input__container--color);
  box-shadow: var(--str-video__search-input__container--box-shadow);
  border-radius: var(--str-video__search-input__container--border-radius);
  border-block-start: var(--str-video__search-input__container--border-block-start);
  border-block-end: var(--str-video__search-input__container--border-block-end);
  border-inline-start: var(--str-video__search-input__container--border-inline-start);
  border-inline-end: var(--str-video__search-input__container--border-inline-end);
}
.str-video__search-input__container input {
  background-color: transparent;
  border: none;
  outline: none;
  color: inherit;
  font-size: 13px;
}
.str-video__search-input__container input::-moz-placeholder {
  color: var(--str-video__search-input__placeholder-color);
}
.str-video__search-input__container input::placeholder {
  color: var(--str-video__search-input__placeholder-color);
}
.str-video__search-input__container .str-video__search-input__icon {
  -webkit-mask-image: var(--str-video__icon--magnifier-glass);
  mask-image: var(--str-video__icon--magnifier-glass);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 0.75rem 0.75rem;
  mask-size: 0.75rem 0.75rem;
  background-color: var(--str-video__search-input__icon--color);
}
.str-video__search-input__container .str-video__search-input__clear-btn {
  background-color: transparent;
  border-radius: var(--str-video__border-radius-circle);
  border: none;
}
.str-video__search-input__container .str-video__search-input__clear-btn:hover {
  cursor: pointer;
}
.str-video__search-input__container .str-video__search-input__clear-btn .str-video__search-input__icon--active {
  -webkit-mask-image: var(--str-video__icon--close);
  mask-image: var(--str-video__icon--close);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 0.75rem 0.75rem;
  mask-size: 0.75rem 0.75rem;
  background-color: var(--str-video__search-input__icon--color);
}

.str-video__call {
  background-color: var(--str-video__background-color2);
  color: var(--str-video__text-color1);
  width: 100%;
  height: 100%;
  min-height: 0;
  max-height: 100%;
  display: flex;
  flex-direction: column;
}
.str-video__call .str-video {
  background-color: var(--str-video__background-color2);
  color: var(--str-video__text-color1);
}

.str-video__tooltip {
  display: flex;
  justify-content: center;
  padding: var(--str-video__spacing-sm);
  z-index: 4;
  max-width: 250px;
  width: -moz-max-content;
  width: max-content;
  white-space: initial;
  overflow-wrap: break-word;
}

.str-video {
  /* The border radius used for the borders of the component */
  --str-video__tooltip--border-radius: var(--str-video__border-radius-xs);
  /* The text/icon color of the component */
  --str-video__tooltip--color: var(--str-video__text-color1);
  /* The background color of the component */
  --str-video__tooltip--background-color: var(
    --str-video__button-default-hover
  );
  /* Top border of the component */
  --str-video__tooltip--border-block-start: none;
  /* Bottom border of the component */
  --str-video__tooltip--border-block-end: none;
  /* Left (right in RTL layout) border of the component */
  --str-video__tooltip--border-inline-start: none;
  /* Right (left in RTL layout) border of the component */
  --str-video__tooltip--border-inline-end: none;
  /* Box shadow applied to the component */
  --str-video__tooltip--box-shadow: none;
}

.str-video__tooltip {
  background: var(--str-video__tooltip--background-color);
  color: var(--str-video__tooltip--color);
  box-shadow: var(--str-video__tooltip--box-shadow);
  border-radius: var(--str-video__tooltip--border-radius);
  border-block-start: var(--str-video__tooltip--border-block-start);
  border-block-end: var(--str-video__tooltip--border-block-end);
  border-inline-start: var(--str-video__tooltip--border-inline-start);
  border-inline-end: var(--str-video__tooltip--border-inline-end);
  font-size: 14px;
  line-height: 1rem;
}
.str-video__tooltip::after {
  background-color: var(--str-video__tooltip-background-color);
}

.str-video__video {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  pointer-events: none;
}
.str-video__video--tall {
  -o-object-fit: contain;
     object-fit: contain;
}
.str-video__video--mirror:not(:picture-in-picture) {
  transform: scaleX(-1);
}

.str-video__video {
  background-color: var(--str-video__background-color5);
}

.str-video__video-placeholder {
  aspect-ratio: 4/3;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.str-video__video-placeholder .str-video__video-placeholder__avatar {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
}
.str-video__video-placeholder .str-video__video-placeholder__initials-fallback {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
}

.str-video__video-placeholder {
  background: var(--str-video__base-color6);
  border-radius: inherit;
}
.str-video__video-placeholder .str-video__video-placeholder__avatar {
  border-radius: var(--str-video__border-radius-circle);
}
.str-video__video-placeholder .str-video__video-placeholder__initials-fallback {
  background-color: var(--str-video__primary-color);
  border-radius: var(--str-video__border-radius-circle);
  font-size: 32px;
  font-weight: 600;
  text-transform: uppercase;
}

.str-video__video-preview-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 500px;
  height: 375px;
}
.str-video__video-preview-container .str-video__video-preview {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.str-video__video-preview-container .str-video__loading-indicator__icon {
  height: 3rem;
  width: 3rem;
  -webkit-mask-size: 3rem;
          mask-size: 3rem;
}
.str-video__video-preview-container .str-video__video-preview--mirror {
  transform: scaleX(-1);
}
.str-video__video-preview-container .str-video__video-preview--loading {
  display: none;
}

.str-video {
  /* The font color applied inside the component */
  --str-video__video-preview-container--color: var(--str-video__text-color1);
  /* The background color of the component */
  --str-video__video-preview-container--background-color: var(
    --str-video__background-color5
  );
  /* The border radius used for the borders of the component */
  --str-video__video-preview-container--border-radius: var(
    --str-video__border-radius-xs
  );
  /* The border used for the borders of the component */
  --str-video__video-preview-container--border-block-start: 4px solid
    var(--str-video__primary-color);
  /* The border used for the borders of the component */
  --str-video__video-preview-container--border-block-end: 4px solid
    var(--str-video__primary-color);
  /* The border used for the borders of the component */
  --str-video__video-preview-container--border-inline-start: 4px solid
    var(--str-video__primary-color);
  /* The border used for the borders of the component */
  --str-video__video-preview-container--border-inline-end: 4px solid
    var(--str-video__primary-color);
}

.str-video__video-preview-container {
  background: var(--str-video__video-preview-container--background-color);
  color: var(--str-video__video-preview-container--color);
  box-shadow: var(--str-video__video-preview-container--box-shadow);
  border-radius: var(--str-video__video-preview-container--border-radius);
  border-block-start: var(--str-video__video-preview-container--border-block-start);
  border-block-end: var(--str-video__video-preview-container--border-block-end);
  border-inline-start: var(--str-video__video-preview-container--border-inline-start);
  border-inline-end: var(--str-video__video-preview-container--border-inline-end);
  overflow: hidden;
}

/*# sourceMappingURL=styles.css.map *//* Linear-inspired Design System */

.linear-canvas {
  --linear-bg: var(--background);
  --linear-surface: var(--card);
  --linear-elevated: var(--muted);
  --linear-border: var(--border);
  --linear-border-subtle: var(--border);
  --linear-text: var(--foreground);
  --linear-text-muted: var(--muted-foreground);
  --linear-text-subtle: var(--muted-foreground);
  --linear-accent: var(--primary);
  --linear-accent-muted: var(--accent);
  
  background: hsl(var(--linear-bg));
  color: hsl(var(--linear-text));
  font-feature-settings: 'ss01' on, 'ss02' on, 'cv01' on, 'cv03' on;
}

/* Block base styles */
.linear-block {
  position: relative;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 6px;
  transition: all 150ms ease;
  overflow: visible;
}

.linear-block:hover {
  background: hsl(var(--foreground) / 0.02);
  border-color: hsl(var(--foreground) / 0.06);
}

.linear-block.selected {
  background: hsl(var(--foreground) / 0.03);
  border-color: hsl(var(--linear-accent) / 0.4);
}

.linear-block.dragging {
  opacity: 0.8;
  box-shadow: 0 8px 32px hsl(0 0% 0% / 0.4);
}

/* Drag handle */
.linear-drag-handle {
  position: absolute;
  left: -28px;
  top: 4px;
  opacity: 0;
  color: hsl(var(--foreground) / 0.3);
  cursor: grab;
  transition: opacity 150ms ease;
  padding: 4px;
  border-radius: 4px;
  z-index: 10;
}

.linear-block:hover .linear-drag-handle {
  opacity: 1;
}

.linear-drag-handle:hover {
  color: hsl(var(--foreground) / 0.6);
  background: hsl(var(--foreground) / 0.08);
}

.linear-drag-handle:active {
  cursor: grabbing;
}

/* Block toolbar */
.linear-block-toolbar {
  position: absolute;
  top: -36px;
  left: 0;
  display: flex;
  gap: 2px;
  padding: 4px;
  background: hsl(var(--linear-elevated));
  border: 1px solid hsl(var(--linear-border));
  border-radius: 6px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 150ms ease;
  box-shadow: 0 4px 12px hsl(0 0% 0% / 0.3);
}

.linear-block.selected .linear-block-toolbar {
  opacity: 1;
  pointer-events: auto;
}

.linear-block-toolbar button {
  padding: 4px 8px;
  background: transparent;
  border: none;
  border-radius: 4px;
  color: hsl(var(--linear-text-muted));
  font-size: 12px;
  cursor: pointer;
  transition: all 100ms ease;
}

.linear-block-toolbar button:hover {
  background: hsl(var(--foreground) / 0.08);
  color: hsl(var(--linear-text));
}

/* Slash command menu */
.linear-slash-menu {
  position: absolute;
  z-index: 50;
  width: 280px;
  max-height: 320px;
  overflow-y: auto;
  background: hsl(var(--linear-elevated, var(--popover, 0 0% 10%)));
  border: 1px solid hsl(var(--linear-border, var(--border)));
  border-radius: 8px;
  box-shadow: 0 8px 32px hsl(0 0% 0% / 0.4);
}

.linear-slash-menu-collapsible {
  width: 320px;
  max-height: 420px;
  display: flex;
  flex-direction: column;
}

.linear-slash-menu-search {
  padding: 10px 12px;
  border-bottom: 1px solid hsl(var(--linear-border-subtle));
}

.linear-slash-menu-content {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}

.linear-slash-menu-footer {
  display: flex;
  gap: 12px;
  padding: 8px 12px;
  border-top: 1px solid hsl(var(--linear-border-subtle));
  font-size: 11px;
  color: hsl(var(--linear-text-subtle));
}

/* Category section */
.linear-category-section {
  border-bottom: 1px solid hsl(var(--linear-border-subtle) / 0.5);
}

.linear-category-section:last-child {
  border-bottom: none;
}

.linear-category-header {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 10px;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: background 100ms ease;
}

.linear-category-header:hover {
  background: hsl(var(--foreground) / 0.03);
}

.linear-category-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 4px;
}

.linear-category-icon svg {
  width: 12px;
  height: 12px;
}

.linear-category-label {
  flex: 1;
  text-align: left;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: hsl(var(--linear-text-muted));
}

.linear-category-count {
  font-size: 10px;
  color: hsl(var(--linear-text-muted));
  padding: 2px 6px;
  background: hsl(var(--linear-surface));
  border-radius: 4px;
}

.linear-category-content {
  padding: 4px 8px 8px 8px;
}

.linear-slash-menu-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 10px;
  color: hsl(var(--linear-text));
  cursor: pointer;
  transition: background 100ms ease;
  border-radius: 5px;
  margin-bottom: 1px;
}

.linear-slash-menu-item:hover,
.linear-slash-menu-item.active {
  background: hsl(var(--foreground) / 0.06);
}

.linear-slash-menu-item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: hsl(var(--linear-surface));
  border-radius: 5px;
  color: hsl(var(--linear-text-muted));
  flex-shrink: 0;
}

.linear-slash-menu-item-icon svg {
  width: 14px;
  height: 14px;
}

.linear-slash-menu-item-text {
  flex: 1;
  min-width: 0;
}

.linear-slash-menu-item-label {
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.3;
}

.linear-slash-menu-item-desc {
  display: none;
}

/* Flow layout */
.linear-canvas-flow {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 48px 48px 48px 64px;
}

.linear-canvas-flow.full-width {
  max-width: 100%;
  padding: 48px 48px 48px 64px;
}

/* Column layouts */
.linear-canvas-columns {
  display: grid;
  gap: 16px;
  max-width: 100%;
  margin: 0 auto;
  padding: 48px 24px;
}

.linear-canvas-columns.cols-2 {
  grid-template-columns: repeat(2, 1fr);
}

.linear-canvas-columns.cols-3 {
  grid-template-columns: repeat(3, 1fr);
}

.linear-canvas-columns.cols-4 {
  grid-template-columns: repeat(4, 1fr);
}

.linear-canvas-columns.full-width {
  padding: 48px 48px;
}

@media (max-width: 768px) {
  .linear-canvas-columns.cols-2,
  .linear-canvas-columns.cols-3,
  .linear-canvas-columns.cols-4 {
    grid-template-columns: 1fr;
  }
}

/* Freeform layout */
.linear-canvas-freeform {
  position: relative;
  min-height: 100%;
}

/* Empty block placeholder */
.linear-empty-block {
  color: hsl(var(--linear-text-subtle));
  font-size: 14px;
}

.linear-empty-block::before {
  content: 'Type / for commands...';
}

/* Text content styles */
.linear-text-content {
  font-size: 15px;
  line-height: 1.6;
  color: hsl(var(--linear-text));
}

.linear-text-content:focus {
  outline: none;
}

.linear-text-content[data-placeholder]:empty::before {
  content: attr(data-placeholder);
  color: hsl(var(--linear-text-subtle));
}

/* Heading styles */
.linear-heading-1 {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.linear-heading-2 {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.01em;
}

.linear-heading-3 {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
}

/* Metrics card */
.linear-metrics-card {
  padding: 16px;
  background: hsl(var(--linear-surface));
  border-radius: 8px;
}

.linear-metrics-value {
  font-size: 28px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.02em;
}

.linear-metrics-label {
  font-size: 12px;
  color: hsl(var(--linear-text-muted));
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Tasks */
.linear-task-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 0;
}

.linear-task-checkbox {
  width: 16px;
  height: 16px;
  border: 1.5px solid hsl(var(--linear-border));
  border-radius: 4px;
  cursor: pointer;
  transition: all 150ms ease;
}

.linear-task-checkbox:hover {
  border-color: hsl(var(--linear-accent));
}

.linear-task-checkbox.checked {
  background: hsl(var(--linear-accent));
  border-color: hsl(var(--linear-accent));
}

.linear-task-text {
  flex: 1;
  font-size: 14px;
}

.linear-task-text.completed {
  color: hsl(var(--linear-text-muted));
  text-decoration: line-through;
}

/* Callout */
.linear-callout {
  display: flex;
  gap: 12px;
  padding: 14px 16px;
  background: hsl(var(--linear-surface));
  border-radius: 8px;
  border-left: 3px solid hsl(var(--linear-accent));
}

.linear-callout.info {
  border-left-color: hsl(210 100% 50%);
}

.linear-callout.warning {
  border-left-color: hsl(45 100% 50%);
}

.linear-callout.error {
  border-left-color: hsl(0 100% 50%);
}

.linear-callout.success {
  border-left-color: hsl(145 65% 45%);
}

/* Divider */
.linear-divider {
  height: 1px;
  background: hsl(var(--linear-border-subtle));
  margin: 16px 0;
}

/* Quote */
.linear-quote {
  padding-left: 16px;
  border-left: 2px solid hsl(var(--linear-border));
  color: hsl(var(--linear-text-muted));
  font-style: italic;
}

/* Code block */
.linear-code {
  padding: 16px;
  background: hsl(var(--linear-surface));
  border-radius: 8px;
  font-family: 'SF Mono', 'Fira Code', monospace;
  font-size: 13px;
  line-height: 1.5;
  overflow-x: auto;
}

/* Scrollbar */
.linear-canvas ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.linear-canvas ::-webkit-scrollbar-track {
  background: transparent;
}

.linear-canvas ::-webkit-scrollbar-thumb {
  background: hsl(var(--foreground) / 0.1);
  border-radius: 4px;
}

.linear-canvas ::-webkit-scrollbar-thumb:hover {
  background: hsl(var(--foreground) / 0.2);
}
.dashboard-sidebar-shell {
  --dashboard-sidebar-width: 10.5rem;
  --dashboard-sidebar-item-h: var(--build-page-row-height, 1.25rem);
  --dashboard-sidebar-font-size: 0.6875rem;
  --dashboard-sidebar-meta-font-size: 0.625rem;
  --dashboard-sidebar-radius: 0;
  --dashboard-sidebar-inset-x: 0.5rem;
  --dashboard-sidebar-icon-inset-left: 0.5rem;
  --dashboard-sidebar-icon-gap: 2px;
  /* Shared left edge for tab / section / nested label text */
  --dashboard-sidebar-leading-w: 0.625rem;
  --dashboard-sidebar-text-inset: 0.625rem;
}

.dashboard-sidebar-shell--collapsed {
  --dashboard-sidebar-width: 2.75rem;
}

.build-page-ps3-shell {
  --dashboard-sidebar-width: 11rem;
  --dashboard-sidebar-radius: 4px;
  --dashboard-sidebar-font-size: 0.6875rem;
  --dashboard-sidebar-meta-font-size: 0.625rem;
}

.build-page-ps3-shell.dashboard-sidebar-shell--collapsed {
  --dashboard-sidebar-width: 0px;
}

/* Collapse only this shell's rail; nested canvas pickers keep their own width. */
.build-page-ps3-shell.dashboard-sidebar-shell--collapsed > .build-page-ps3-aside {
  width: 0 !important;
  max-width: 0 !important;
  min-width: 0 !important;
  flex: 0 0 0 !important;
  overflow: visible;
  border: 0;
  background: transparent;
}

.build-page-ps3-aside {
  /* Build Page chrome follows the active page palette, including nested toolbars. */
  --sidebar: var(--background);
  --sidebar-background: hsl(var(--background));
  --sidebar-foreground: var(--foreground);
  --sidebar-primary: var(--primary);
  --sidebar-primary-foreground: var(--primary-foreground);
  --sidebar-accent: var(--accent);
  --sidebar-accent-foreground: var(--accent-foreground);
  --sidebar-border: var(--border);
  --sidebar-ring: var(--ring);
  background: hsl(var(--background));
}

.build-page-ps3-aside .build-page-ps3-topbar {
  border-bottom-color: hsl(var(--sidebar-border) / 0.72);
  background: hsl(var(--sidebar-accent) / 0.22);
}

.build-page-ps3-aside .build-page-ps3-top-tabs {
  gap: 0.25rem;
}

.build-page-ps3-aside .build-page-ps3-top-tab {
  border-radius: 3px !important;
  font-weight: 600;
  font-size: 0.625rem;
  line-height: 1.1;
  white-space: nowrap;
}

/* Component-list categories retain equal columns at a compact density. */
.build-page-ps3-aside .build-page-ps3-sidebar-content .build-page-ps3-topbar {
  padding: 2px 4px;
}

.build-page-ps3-aside .build-page-ps3-sidebar-content .build-page-ps3-top-tabs {
  gap: 2px;
}

.build-page-ps3-aside .build-page-ps3-sidebar-content .build-page-ps3-top-tab {
  height: 20px;
  min-height: 20px;
  padding: 2px 4px;
  font-size: 8px !important;
  line-height: 12px;
}

.build-page-ps3-aside .build-page-ps3-sidebar-content .build-page-ps3-top-tab > span {
  font-size: inherit !important;
  line-height: inherit;
}

.build-page-ps3-aside .build-page-ps3-sections {
  padding-top: 0.2rem;
}

.build-page-ps3-aside .build-page-ps3-row {
  border-radius: var(--dashboard-sidebar-radius);
  border: 1px solid hsl(var(--sidebar-border) / 0.68);
  background: linear-gradient(180deg, hsl(var(--sidebar-accent) / 0.42), hsl(var(--sidebar-accent) / 0.24));
  padding-left: 0.25rem !important;
  padding-right: 0.375rem !important;
  gap: 0.25rem !important;
  box-shadow:
    inset 0 1px 0 hsl(var(--sidebar-foreground) / 0.08),
    inset 0 -1px 0 hsl(var(--background) / 0.48);
}

.build-page-ps3-aside .build-page-ps3-row + .build-page-ps3-row {
  margin-top: 0.03rem;
}

.build-page-ps3-aside .build-page-ps3-row--section {
  background: linear-gradient(180deg, hsl(var(--sidebar-accent) / 0.56), hsl(var(--sidebar-accent) / 0.3));
}

.build-page-ps3-aside .build-page-ps3-row--leaf {
  border-color: hsl(var(--sidebar-border) / 0.58);
}

.build-page-ps3-aside .build-page-ps3-row--active {
  border-color: hsl(var(--primary) / 0.5);
  background: linear-gradient(180deg, hsl(var(--accent) / 0.62), hsl(var(--accent) / 0.46));
  box-shadow:
    inset 0 1px 0 hsl(var(--sidebar-foreground) / 0.12),
    inset 0 -1px 0 hsl(var(--background) / 0.52),
    0 0 0 1px hsl(var(--primary) / 0.2);
}

.build-page-ps3-aside .build-page-ps3-count {
  font-size: 9px !important;
  line-height: 1 !important;
  opacity: 0.88;
}

.build-page-ps3-count {
  font-size: 9px !important;
  line-height: 1 !important;
}

/* Assets & Icons — compact density; grip + label share a tight inset */
.dashboard-sidebar-shell.icons-library-sidebar {
  --dashboard-sidebar-width: 14rem;
  --dashboard-sidebar-item-h: 1.5rem;
  --dashboard-sidebar-font-size: 0.75rem;
  --dashboard-sidebar-meta-font-size: 0.75rem;
  --dashboard-sidebar-text-inset: 0.375rem;
  --dashboard-sidebar-leading-w: 0;
  --icons-library-divider: hsl(var(--border) / 0.7);
}

.dashboard-sidebar-shell.icons-library-sidebar .dashboard-sidebar-row-button {
  padding-right: 0.375rem;
  gap: 0.125rem;
}

.dashboard-sidebar-shell.icons-library-sidebar .dashboard-sidebar-section-toggle {
  padding-top: 0;
  padding-bottom: 0;
  border-top-color: var(--icons-library-divider);
  border-bottom-color: var(--icons-library-divider);
}

.dashboard-sidebar-shell.icons-library-sidebar .dashboard-sidebar-section-label {
  height: var(--dashboard-sidebar-item-h);
  min-height: var(--dashboard-sidebar-item-h);
  font-size: var(--dashboard-sidebar-font-size);
  font-weight: 600;
  text-transform: lowercase;
  letter-spacing: 0.025em;
}

/* Category sections — distinct band vs flat pack/set rows */
.dashboard-sidebar-shell.icons-library-sidebar .icons-library-category {
  margin-top: 0.25rem;
  background: hsl(var(--muted) / 0.35);
  border-top: 1px solid hsl(var(--border) / 0.85);
  border-bottom: 1px solid hsl(var(--border) / 0.85);
}

.dashboard-sidebar-shell.icons-library-sidebar .icons-library-category + .icons-library-category {
  margin-top: 0.125rem;
}

.dashboard-sidebar-shell.icons-library-sidebar .icons-library-category-toggle {
  background: hsl(var(--foreground) / 0.04);
  border-top: none !important;
  border-bottom: 1px solid hsl(var(--border) / 0.55) !important;
}

.dashboard-sidebar-shell.icons-library-sidebar .icons-library-category-toggle .dashboard-sidebar-section-label {
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: hsl(var(--muted-foreground));
}

.dashboard-sidebar-shell.icons-library-sidebar .icons-library-category-children {
  border-left: 2px solid hsl(var(--foreground) / 0.12);
  margin-left: 0.25rem;
  padding-left: 0.125rem;
}

.dashboard-sidebar-shell.icons-library-sidebar .icons-library-category--drop-target {
  background: hsl(var(--accent) / 0.35);
  box-shadow: inset 0 0 0 1px hsl(var(--foreground) / 0.35);
}

.dark .dashboard-sidebar-shell.icons-library-sidebar .icons-library-category {
  background: hsl(var(--muted) / 0.45);
}

.dark .dashboard-sidebar-shell.icons-library-sidebar .icons-library-category-toggle {
  background: hsl(var(--foreground) / 0.06);
}

.dashboard-sidebar-shell.icons-library-sidebar .dashboard-sidebar-row {
  border-top-color: var(--icons-library-divider);
  border-bottom-color: var(--icons-library-divider);
}

.dark .dashboard-sidebar-shell.icons-library-sidebar {
  --icons-library-divider: hsl(var(--border) / 1);
}

.dashboard-sidebar-shell-aside,
.dashboard-sidebar-aside.dashboard-sidebar-shell-aside {
  width: var(--dashboard-sidebar-width);
  flex-shrink: 0;
  transition: width 0.2s ease;
  background-color: hsl(var(--sidebar));
  color: hsl(var(--sidebar-foreground));
  border-right-color: hsl(var(--sidebar-border));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.dashboard-sidebar-shell-aside--resized {
  width: var(--tab52-sidebar-width) !important;
  max-width: var(--tab52-sidebar-width) !important;
  flex: 0 0 var(--tab52-sidebar-width) !important;
}

.dashboard-sidebar-aside.build-page-ps3-aside {
  border-right: 2px solid #666;
}

/* Tab52 hub-rail sidebar — auto shrink-wrap vs manual drag width */
[data-tab52-sidebar-auto]:not([data-tab52-sidebar-collapsed]) {
  width: -moz-fit-content;
  width: fit-content;
  max-width: -moz-max-content;
  max-width: max-content;
  flex: 0 0 auto;
}

[data-tab52-sidebar-resized]:not([data-tab52-sidebar-collapsed]) {
  width: var(--tab52-sidebar-width) !important;
  max-width: var(--tab52-sidebar-width) !important;
  flex: 0 0 var(--tab52-sidebar-width) !important;
}

[data-tab52-sidebar-resized]:not([data-tab52-sidebar-collapsed]) nav {
  width: 100%;
  max-width: 100%;
}

[data-tab52-sidebar] {
  position: relative;
  overflow: hidden;
}

[data-tab52-sidebar-resize-handle] {
  width: 1px !important;
  max-width: 1px !important;
}

/* Keep the narrow divider, with a forgiving grab area inside the Build Page rail. */
.build-page-ps3-aside > [data-tab52-sidebar-resize-handle] {
  width: 12px !important;
  max-width: 12px !important;
  background: transparent;
}

.build-page-ps3-aside > [data-tab52-sidebar-resize-handle]::after {
  width: 2px;
}

.build-page-ps3-aside > [data-tab52-sidebar-resize-handle]:hover::after,
.build-page-ps3-aside[data-tab52-sidebar-resizing] > [data-tab52-sidebar-resize-handle]::after {
  background: hsl(var(--foreground) / 0.5);
}

.dashboard-sidebar-shell-aside nav {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
  padding: 0;
}

.dashboard-sidebar-shell-aside nav > div,
.dashboard-sidebar-shell-aside nav .flex.w-full.flex-col {
  width: 100%;
  max-width: 100%;
}

/* Nav row pills */
.dashboard-sidebar-shell-aside .dashboard-sidebar-row {
  font-size: var(--dashboard-sidebar-font-size);
  font-weight: var(--build-page-font-weight, 600);
  line-height: var(--build-page-line-height, 1.25);
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  border-radius: 0;
  border-top: 1px solid hsl(var(--sidebar-border) / 0.7);
  border-bottom: 1px solid hsl(var(--sidebar-border) / 0.7);
}

.dashboard-sidebar-shell-aside .dashboard-sidebar-row:not(.dashboard-sidebar-row--colored),
.dashboard-sidebar-shell-aside .dashboard-sidebar-row:not(.dashboard-sidebar-row--colored) .dashboard-sidebar-row-button {
  color: hsl(var(--sidebar-foreground)) !important;
}

/* Collapse double borders between stacked rows into a single divider */
.dashboard-sidebar-shell-aside .dashboard-sidebar-row + .dashboard-sidebar-row {
  border-top-color: transparent;
}

.dashboard-sidebar-shell-aside .dashboard-sidebar-row--colored:hover {
  filter: brightness(1.06);
}

.dashboard-sidebar-shell-aside .dashboard-sidebar-row-button {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  padding-left: var(--dashboard-sidebar-text-inset);
  padding-right: 0.625rem;
}

.dashboard-sidebar-shell-aside .dashboard-sidebar-row.dashboard-sidebar-row--collapsed .dashboard-sidebar-row-button {
  padding-left: 0;
  padding-right: 0;
}

/* Active shell sidebar row — left accent bar */
.dashboard-sidebar-shell-aside .dashboard-sidebar-row:is(
    .dashboard-sidebar-row--active,
    [aria-current='page']
  ):not(.dashboard-sidebar-row--colored) {
  position: relative;
  background-color: hsl(var(--accent) / 0.78) !important;
  color: hsl(var(--sidebar-foreground)) !important;
  font-weight: 600 !important;
  box-shadow: inset 0 0 0 1px hsl(var(--foreground) / 0.18);
}

.dashboard-sidebar-shell-aside .dashboard-sidebar-row:is(
    .dashboard-sidebar-row--active,
    [aria-current='page']
  )::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  border-radius: 0;
  background: hsl(var(--primary));
  pointer-events: none;
  z-index: 2;
}

.dashboard-sidebar-shell-aside .dashboard-sidebar-row:not(
    .dashboard-sidebar-row--active,
    [aria-current='page'],
    .dashboard-sidebar-row--colored
  ) {
  color: hsl(var(--sidebar-foreground) / 0.62) !important;
}

/* Legacy class hooks still used by nested task list nav */
.dashboard-sidebar-shell-aside .linear-dev-tasks-list-item {
  width: 100%;
  height: var(--dashboard-sidebar-item-h);
  min-height: var(--dashboard-sidebar-item-h);
  margin: 0;
  padding: 0 var(--dashboard-sidebar-text-inset);
  gap: 0.375rem;
  border-radius: 0;
  border: none;
  border-top: 1px solid hsl(var(--sidebar-border) / 0.7);
  border-bottom: 1px solid hsl(var(--sidebar-border) / 0.7);
  font-size: var(--dashboard-sidebar-font-size);
  font-weight: 600;
  color: hsl(var(--sidebar-foreground) / 0.75);
  background: transparent;
  transition: color 0.15s ease, background 0.15s ease;
}

.dashboard-sidebar-shell-aside .linear-dev-tasks-list-item + .linear-dev-tasks-list-item {
  border-top-color: transparent;
}

.dashboard-sidebar-shell-aside .linear-dev-tasks-list-item:hover {
  color: hsl(var(--sidebar-accent-foreground));
  background: hsl(var(--sidebar-accent));
}

.dashboard-sidebar-shell-aside .linear-dev-tasks-list-item--active {
  color: hsl(var(--sidebar-accent-foreground));
  background: hsl(var(--sidebar-accent));
  box-shadow: inset 2px 0 0 hsl(var(--sidebar-primary));
  font-weight: 600;
}

.dashboard-sidebar-shell-aside .linear-dev-tasks-list-item svg {
  height: 0.8125rem;
  width: 0.8125rem;
}

.dashboard-sidebar-shell-aside .dashboard-sidebar-section {
  margin: 0;
}

/* Section groups — chrome distinct from tab rows */
.dashboard-sidebar-shell-aside .dashboard-sidebar-section--group {
  margin-top: 0.35rem;
  margin-bottom: 0.15rem;
  border: 1px solid hsl(var(--sidebar-border) / 0.8);
  background: hsl(var(--sidebar-accent) / 0.35);
}

.dashboard-sidebar-shell-aside .dashboard-sidebar-section--group.dashboard-sidebar-section--drop-target {
  border-color: hsl(var(--sidebar-primary) / 0.55);
  background: hsl(var(--sidebar-accent) / 0.7);
}

.dashboard-sidebar-shell-aside .dashboard-sidebar-section-toggle {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  border-radius: 0;
}

.dashboard-sidebar-shell-aside .dashboard-sidebar-section-toggle--group {
  border-top: none;
  border-bottom: 1px solid hsl(var(--sidebar-border) / 0.7);
  background: hsl(var(--sidebar-accent) / 0.45);
}

.dashboard-sidebar-shell-aside .dashboard-sidebar-section-children {
  border-left: 2px solid hsl(var(--sidebar-border));
  margin-left: 0.35rem;
  padding-left: 0.1rem;
}

.dashboard-sidebar-shell-aside .dashboard-sidebar-section-label {
  position: relative;
  margin: 0;
  padding-left: var(--dashboard-sidebar-text-inset);
  padding-right: 0.625rem;
  font-size: var(--dashboard-sidebar-meta-font-size);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: 0.06em;
  color: hsl(var(--sidebar-foreground)) !important;
  gap: 0;
}

.dashboard-sidebar-shell-aside .dashboard-sidebar-section-toggle--group .dashboard-sidebar-section-label {
  color: hsl(var(--sidebar-foreground)) !important;
}

.dashboard-sidebar-shell-aside .dashboard-sidebar-section-toggle--group .dashboard-sidebar-section-label:hover {
  color: hsl(var(--sidebar-foreground)) !important;
}

.dashboard-sidebar-shell-aside .dashboard-sidebar-section-leading {
  position: absolute;
  left: 0.25rem;
  top: 50%;
  width: var(--dashboard-sidebar-leading-w);
  height: var(--dashboard-sidebar-leading-w);
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.dashboard-sidebar-shell-aside .dashboard-sidebar-section-leading img {
  width: 0.75rem;
  height: 0.75rem;
}

.dashboard-sidebar-shell-aside .build-sidebar-nested-label {
  display: block;
  width: 100%;
  padding-left: var(--dashboard-sidebar-text-inset);
  padding-right: 0.375rem;
  font-size: var(--dashboard-sidebar-meta-font-size);
  font-weight: 600;
  color: hsl(var(--sidebar-foreground));
}

.dashboard-sidebar-shell-aside .build-sidebar-add-toggle {
  font-size: var(--dashboard-sidebar-font-size);
}

/* Sidebar search match highlight */
.dashboard-sidebar-shell-aside .dashboard-sidebar-search-match {
  outline: 1.5px solid rgb(52 211 153);
  outline-offset: -1px;
  border-radius: 0;
}

.dashboard-sidebar-shell-aside .dashboard-sidebar-section-toggle.dashboard-sidebar-search-match {
  border-radius: 0;
}

/* Drop zones */
.dashboard-sidebar-shell-aside .build-sidebar-drop-hint {
  width: 100%;
  margin: 0;
  min-height: var(--dashboard-sidebar-item-h);
  border: 1px dashed hsl(var(--sidebar-border) / 0.7);
  border-radius: 0;
  font-size: var(--dashboard-sidebar-meta-font-size);
  color: hsl(var(--sidebar-foreground) / 0.55);
  background: transparent;
}

.dashboard-sidebar-shell-aside .build-sidebar-drop-hint--active {
  color: hsl(var(--sidebar-foreground));
  background: hsl(var(--sidebar-accent));
  border-color: hsl(var(--sidebar-primary) / 0.7);
}
.tag-color-picker-wheel .react-colorful {
  width: 100%;
  height: 128px;
}

.tag-color-picker-wheel .react-colorful__saturation {
  border-radius: 0;
  border-bottom: 1px solid hsl(var(--border) / 0.5);
}

.tag-color-picker-wheel .react-colorful__hue {
  height: 14px;
  border-radius: 0;
}

.tag-color-picker-wheel .react-colorful__pointer {
  width: 14px;
  height: 14px;
  border-width: 2px;
}

.tag-color-picker-wheel .react-colorful__saturation-pointer {
  width: 16px;
  height: 16px;
}
.component-list-move-menu {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: minmax(0, 1fr);
  width: 224px;
  -moz-column-gap: 4px;
       column-gap: 4px;
  row-gap: 0;
  padding: 4px;
  overflow: hidden;
}

.component-list-move-menu[data-move-menu-columns='2'] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 384px;
}

.component-list-move-menu[data-move-menu-columns='4'] {
  grid-auto-flow: row;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: 640px;
  max-width: calc(100vw - 16px);
}

/* Override the inline menu's important padding without changing other menus. */
.component-list-move-menu.component-list-move-menu.component-list-move-menu [role='menuitem'] {
  height: 22px;
  min-height: 22px !important;
  margin: 0;
  padding: 2px 8px !important;
  font-size: 12px;
  line-height: 18px;
}
/* Match the sitewide topbar, including the pinned Tasks & Roadmap action.
   Outrank the shared workspace tab button and inherited face typography. */
.build-pages-top-tab-rows .core-workspace-ui.core-workspace-ui.core-workspace-ui.btb-frame[data-btb] :is(.btb-chip, .btb-chip-face, .core-workspace-tab-label) {
  font-size: 9px !important;
}

/* Show selection for every tab, including tabs without a saved custom colour. */
.build-pages-top-tab-rows .core-workspace-ui.core-workspace-ui.core-workspace-ui.btb-frame[data-btb] .btb-chip[data-active='true'] > .btb-chip-face {
  background: color-mix(in srgb, var(--primary-tab-custom, #1887bf) 25%, var(--bg-color-active)) !important;
}

.build-pages-top-tab-rows .core-workspace-ui.core-workspace-ui.core-workspace-ui.btb-frame[data-btb] .btb-chip[data-active='true'] .btb-chip-accent {
  display: block;
  height: 2px;
  opacity: 1;
}

/* Saved custom colours only appear while their tab is selected. */
.build-pages-top-tab-rows .core-workspace-ui.core-workspace-ui.core-workspace-ui.btb-frame[data-btb] .btb-chip:not([data-active='true']) .btb-chip-accent {
  display: none;
}

/* Keep native horizontal panning without a visible scrollbar rail. */
.build-pages-top-tab-rows .btb-row {
  scrollbar-width: none;
}

.build-pages-top-tab-rows .btb-row::-webkit-scrollbar {
  display: none;
}
/* Build page shell — unified typography matching Checklist hub tab nav (text-sm / SF Pro) */

.dashboard-sidebar-shell,
.build-page-shell-typography {
  --build-page-active-tab: hsl(var(--sidebar-primary));
  --build-page-active-tab-edge: hsl(var(--sidebar-ring));
  --build-page-font-family: "SF Pro Text", "SF Pro Display", ui-sans-serif, system-ui,
    -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-sans: var(--build-page-font-family);
  --build-page-font-size: 0.6875rem;
  --build-page-font-weight: 600;
  --build-page-line-height: 1.15;
  --build-page-row-height: 1.25rem;

  font-family: var(--build-page-font-family);
  font-size: var(--build-page-font-size);
  line-height: var(--build-page-line-height);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Beat html.site-font-active (index.css) — same :not() chain plus shell class. */
:is(.dashboard-sidebar-shell, .build-page-shell-typography),
:is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is(
    .font-sans,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)),
html.site-font-active :is(.dashboard-sidebar-shell, .build-page-shell-typography),
html.site-font-active
  :is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is(
    .font-sans,
    button,
    label,
    a,
    li,
    p,
    span,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    nav,
    aside,
    header,
    footer,
    .radix-themes,
    [role="tab"],
    [role="tablist"],
    [role="tabpanel"],
    input,
    textarea,
    select,
    [data-radix-collection-item]
  ):not([data-blocknest-studio] *):not([data-blocknest-studio]):not([data-keet-gallery] *):not([data-keet-gallery]):not([data-deskbase] *):not([data-deskbase]):not([data-deskbase-portal] *):not([data-deskbase-portal]):not([data-bottom-bar-primary-ui] *):not([data-bottom-bar-primary-ui]):not(:is(code, pre, kbd, samp, .font-mono)) {
  font-family: var(--build-page-font-family) !important;
}

html.site-font-active
  :is(.dashboard-sidebar-shell, .build-page-shell-typography)
  .radix-themes {
  --default-font-family: var(--build-page-font-family) !important;
}

:is(.dashboard-sidebar-shell, .build-page-shell-typography) :is(code, pre, kbd, samp, .font-mono),
html.site-font-active
  :is(.dashboard-sidebar-shell, .build-page-shell-typography)
  :is(code, pre, kbd, samp, .font-mono) {
  font-family: var(--font-mono, ui-monospace, monospace) !important;
}

html.site-font-active .dashboard-sidebar-shell,
html.site-font-active .build-page-shell-typography {
  font-synthesis: none;
  font-synthesis-weight: none;
}

/* Sidebar labels use 600; synthesize when the site face only ships regular/bold. */
html.site-font-active .dashboard-sidebar-shell-aside,
html.site-font-active .dashboard-sidebar-shell [data-tab52-sidebar] {
  font-synthesis: weight;
  font-synthesis-weight: auto;
}

/* Preview / embedded module roots — keep module typography */
.dashboard-sidebar-shell [data-build-nav-preview],
.dashboard-sidebar-shell [data-build-nav-preview] *,
.dashboard-sidebar-shell .build-nav-preview-root,
.dashboard-sidebar-shell .build-nav-preview-root *,
.dashboard-sidebar-shell [data-blocknest-studio],
.dashboard-sidebar-shell [data-blocknest-studio] *,
.dashboard-sidebar-shell [data-promptbench-root],
.dashboard-sidebar-shell [data-promptbench-root] * {
  font-size: revert;
  line-height: revert;
  font-weight: revert;
}

/* Normalize legacy small Tailwind sizes across build chrome */
.dashboard-sidebar-shell .text-\[10px\]:not(:where([data-desk-build-suite] *, [data-desk-build-suite])),
.dashboard-sidebar-shell .text-\[11px\]:not(:where([data-desk-build-suite] *, [data-desk-build-suite])),
.dashboard-sidebar-shell .text-xs:not(:where([data-desk-build-suite] *, [data-desk-build-suite])),
.dashboard-sidebar-shell .text-sm:not(:where([data-desk-build-suite] *, [data-desk-build-suite])) {
  font-size: var(--build-page-font-size) !important;
  font-weight: 600 !important;
  line-height: var(--build-page-line-height);
}

/* Hub 2-layer list tabs, section titles, and prompt board */
.dashboard-sidebar-shell [data-tab52-sidebar] .text-\[10px\],
.dashboard-sidebar-shell [data-tab52-sidebar] .text-\[11px\],
.dashboard-sidebar-shell [data-tab52-sidebar] .text-\[12px\],
.dashboard-sidebar-shell [data-tab52-sidebar] .text-\[13px\] {
  font-size: 10px !important;
  font-weight: 600 !important;
  line-height: 1.15;
}

/* Hub 2-layer rail (hub / app nav / cmpnts / ui / create) */
.dashboard-sidebar-shell [data-tab52-sidebar-rail] .text-\[7px\],
.dashboard-sidebar-shell [data-tab52-sidebar-rail] .text-\[10px\],
.dashboard-sidebar-shell [data-tab52-sidebar-rail] .text-\[11px\],
.dashboard-sidebar-shell [data-tab52-sidebar-rail] .text-\[12px\],
.dashboard-sidebar-shell [data-tab52-sidebar-rail] .text-\[13px\] {
  font-size: 10px !important;
  font-weight: 600 !important;
  line-height: 1.15;
}

.dashboard-sidebar-shell [data-tab52-sidebar-rail] {
  min-width: 11rem;
  width: 11rem;
  flex: 0 0 11rem;
}

/* Hub 2-layer — pinned / tasks column beside the fixed rail */
.dashboard-sidebar-shell [data-tab52-sidebar]:not([data-tab52-sidebar-flat]) [data-tab52-sidebar-items] {
  min-width: 10rem;
  flex: 1 1 10rem;
}

.dashboard-sidebar-shell [data-tab52-sidebar-rail] button,
.dashboard-sidebar-shell [data-tab52-sidebar-rail] [data-tab52-sidebar-row] {
  width: 100% !important;
  max-width: 100% !important;
  white-space: nowrap !important;
}

/* Hub flat column — destination + surface tabs span full sidebar width. */
.dashboard-sidebar-shell [data-tab52-sidebar-flat] nav > div > :is(button, [role='button']),
.dashboard-sidebar-shell [data-tab52-sidebar-flat] [data-tab52-sidebar-rail] > div > :is(button, [role='button']) {
  width: 100% !important;
  max-width: 100% !important;
}

/* All Build Page sidebar chrome — semibold labels */
.dashboard-sidebar-shell-aside,
.dashboard-sidebar-shell [data-tab52-sidebar],
.dashboard-sidebar-shell [data-tab52-sidebar-rail] {
  font-weight: var(--build-page-font-weight, 600);
}

.dashboard-sidebar-shell-aside :is(button, a, span, input, p, label),
.dashboard-sidebar-shell [data-tab52-sidebar] :is(button, a, span, input, p, label),
.dashboard-sidebar-shell [data-tab52-sidebar-rail] :is(button, a, span, input, p, label) {
  font-weight: 600 !important;
}

.dashboard-sidebar-shell .build-page-toggle-header {
  font-size: var(--build-page-font-size);
  font-weight: 600;
}

/* Hub-rail custom fills — beat em-pro `.bg-card` / `.bg-muted` !important rules. */
.em-pro.em-pro--site-theme .em-cat-nav .hub-rail-row[data-hub-custom-fill] {
  background: var(--hub-custom-fill-bg) !important;
  background-color: var(--hub-custom-fill-bg) !important;
  border-bottom-width: 0 !important;
}

.em-pro.em-pro--site-theme .em-cat-nav .hub-rail-row:not([data-hub-custom-fill]):hover {
  background-color: hsl(var(--muted)) !important;
}

/* Hub 2-layer tabs + toggles — follow Appearance ink, not locked white. */
.dashboard-sidebar-shell .em-pro [data-tab52-sidebar] button:not([data-build-nav-status-tag]),
.dashboard-sidebar-shell .em-pro [data-tab52-sidebar] a,
.dashboard-sidebar-shell .em-pro [data-tab52-sidebar] span:not([data-build-nav-status-tag]),
.dashboard-sidebar-shell .em-pro [data-tab52-sidebar] p,
.dashboard-sidebar-shell .em-pro [data-tab52-sidebar] svg {
  color: var(--hub-row-ink, hsl(var(--foreground))) !important;
}

.dashboard-sidebar-shell .em-pro [data-tab52-sidebar] [data-build-nav-status-tag][data-status-light] {
  color: #0a0a0a !important;
}

.dashboard-sidebar-shell .em-pro [data-tab52-sidebar] [data-build-nav-status-tag]:not([data-status-light]) {
  color: #ffffff !important;
}

/* Exclude preview islands from size normalization */
.dashboard-sidebar-shell [data-build-nav-preview] .text-\[10px\],
.dashboard-sidebar-shell [data-build-nav-preview] .text-\[11px\],
.dashboard-sidebar-shell [data-build-nav-preview] .text-xs,
.dashboard-sidebar-shell .build-nav-preview-root .text-\[10px\],
.dashboard-sidebar-shell .build-nav-preview-root .text-\[11px\],
.dashboard-sidebar-shell .build-nav-preview-root .text-xs,
.dashboard-sidebar-shell [data-blocknest-studio] .text-\[10px\],
.dashboard-sidebar-shell [data-blocknest-studio] .text-\[11px\],
.dashboard-sidebar-shell [data-blocknest-studio] .text-xs,
.dashboard-sidebar-shell [data-promptbench-root] .text-\[10px\],
.dashboard-sidebar-shell [data-promptbench-root] .text-\[11px\],
.dashboard-sidebar-shell [data-promptbench-root] .text-xs,
.dashboard-sidebar-shell [data-promptbench-root] .text-\[9px\],
.dashboard-sidebar-shell [data-promptbench-root] .text-\[7px\],
.dashboard-sidebar-shell [data-promptbench-root] .text-\[8px\] {
  font-size: revert !important;
  line-height: revert;
}

/* Compact chrome rows — minimum height for 14px labels */
.dashboard-sidebar-shell .build-page-toggle-header.compact {
  min-height: var(--build-page-row-height);
}

.dashboard-sidebar-shell-aside .linear-dev-tasks-nav-item svg,
.dashboard-sidebar-shell-aside .linear-dev-tasks-list-item svg {
  height: 0.875rem;
  width: 0.875rem;
}

.dashboard-sidebar-shell .linear-dev-tasks-shell--embedded {
  --linear-sidebar-width: 14.5rem;
}

.dashboard-sidebar-shell .linear-dev-tasks-shell--embedded.linear-dev-tasks-shell--collapsed {
  --linear-sidebar-width: 2.75rem;
}

/* Build nav organiser grid — 2px below shell chrome (12px vs 14px) */
.dashboard-sidebar-shell [data-build-nav-grid],
.build-page-shell-typography [data-build-nav-grid] {
  --build-page-font-size: 0.75rem;
  font-size: 0.75rem;
}

.dashboard-sidebar-shell [data-build-nav-grid] .text-\[10px\],
.dashboard-sidebar-shell [data-build-nav-grid] .text-\[11px\],
.dashboard-sidebar-shell [data-build-nav-grid] .text-xs,
.dashboard-sidebar-shell [data-build-nav-grid] .text-sm,
.build-page-shell-typography [data-build-nav-grid] .text-\[10px\],
.build-page-shell-typography [data-build-nav-grid] .text-\[11px\],
.build-page-shell-typography [data-build-nav-grid] .text-xs,
.build-page-shell-typography [data-build-nav-grid] .text-sm {
  font-size: 0.75rem !important;
  line-height: 1.25;
}

/* Active tabs — site theme sidebar-primary (custom right-click colours still win via inline style). */
.dashboard-sidebar-shell .em-subtab-active,
.dashboard-sidebar-shell .em-pro.em-pro--site-theme .em-subtab-active,
.dashboard-sidebar-shell .em-segment-active,
.dashboard-sidebar-shell .em-pro.em-pro--site-theme .em-segment-active,
.dashboard-sidebar-shell .em-pro.em-pro--site-theme .em-segment-active.em-pine-active {
  background: var(--build-page-active-tab) !important;
  color: hsl(var(--sidebar-primary-foreground)) !important;
  box-shadow: inset 0 -2px 0 var(--build-page-active-tab-edge);
}

.dashboard-sidebar-shell .em-cat-item-active,
.dashboard-sidebar-shell .em-pro.em-pro--site-theme .em-cat-item-active,
.dashboard-sidebar-shell .em-cat-toggle-active,
.dashboard-sidebar-shell .em-pro.em-pro--site-theme .em-cat-toggle-active {
  background: var(--build-page-active-tab) !important;
  border-left-color: var(--build-page-active-tab-edge);
  box-shadow: inset 0 -2px 0 var(--build-page-active-tab-edge);
}

/* Pin-to-sidebar controls — must beat index.css `button > svg:only-child` foreground rule */
button.build-sidebar-pin-btn--pinned > svg,
button.build-sidebar-pin-btn--pinned > svg:only-child {
  color: rgb(239 68 68) !important;
  opacity: 1 !important;
}

button.build-sidebar-pin-btn--pinned.build-sidebar-pin-btn--on-light > svg,
button.build-sidebar-pin-btn--pinned.build-sidebar-pin-btn--on-light > svg:only-child {
  color: rgb(220 38 38) !important;
}
.vis .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  /* Must be displayed above for example selected Timeline items */
  z-index: 10;
}

.vis-active {
  box-shadow: 0 0 10px #86d5f8;
}

/* override some bootstrap styles screwing up the timelines css */

.vis [class*="span"] {
  min-height: 0;
  width: auto;
}

div.vis-configuration {
  position: relative;
  display: block;
  float: left;
  font-size: 12px;
}

div.vis-configuration-wrapper {
  display: block;
  width: 700px;
}

div.vis-configuration-wrapper::after {
  clear: both;
  content: "";
  display: block;
}

div.vis-configuration.vis-config-option-container {
  display: block;
  width: 495px;
  background-color: #ffffff;
  border: 2px solid #f7f8fa;
  border-radius: 4px;
  margin-top: 20px;
  left: 10px;
  padding-left: 5px;
}

div.vis-configuration.vis-config-button {
  display: block;
  width: 495px;
  height: 25px;
  vertical-align: middle;
  line-height: 25px;
  background-color: #f7f8fa;
  border: 2px solid #ceced0;
  border-radius: 4px;
  margin-top: 20px;
  left: 10px;
  padding-left: 5px;
  cursor: pointer;
  margin-bottom: 30px;
}

div.vis-configuration.vis-config-button.hover {
  background-color: #4588e6;
  border: 2px solid #214373;
  color: #ffffff;
}

div.vis-configuration.vis-config-item {
  display: block;
  float: left;
  width: 495px;
  height: 25px;
  vertical-align: middle;
  line-height: 25px;
}

div.vis-configuration.vis-config-item.vis-config-s2 {
  left: 10px;
  background-color: #f7f8fa;
  padding-left: 5px;
  border-radius: 3px;
}
div.vis-configuration.vis-config-item.vis-config-s3 {
  left: 20px;
  background-color: #e4e9f0;
  padding-left: 5px;
  border-radius: 3px;
}
div.vis-configuration.vis-config-item.vis-config-s4 {
  left: 30px;
  background-color: #cfd8e6;
  padding-left: 5px;
  border-radius: 3px;
}

div.vis-configuration.vis-config-header {
  font-size: 18px;
  font-weight: bold;
}

div.vis-configuration.vis-config-label {
  width: 120px;
  height: 25px;
  line-height: 25px;
}

div.vis-configuration.vis-config-label.vis-config-s3 {
  width: 110px;
}
div.vis-configuration.vis-config-label.vis-config-s4 {
  width: 100px;
}

div.vis-configuration.vis-config-colorBlock {
  top: 1px;
  width: 30px;
  height: 19px;
  border: 1px solid #444444;
  border-radius: 2px;
  padding: 0px;
  margin: 0px;
  cursor: pointer;
}

input.vis-configuration.vis-config-checkbox {
  left: -5px;
}

input.vis-configuration.vis-config-rangeinput {
  position: relative;
  top: -5px;
  width: 60px;
  /*height:13px;*/
  padding: 1px;
  margin: 0;
  pointer-events: none;
}

input.vis-configuration.vis-config-range {
  /*removes default webkit styles*/
  -webkit-appearance: none;

  /*fix for FF unable to apply focus style bug */
  border: 0px solid white;
  background-color: rgba(0, 0, 0, 0);

  /*required for proper track sizing in FF*/
  width: 300px;
  height: 20px;
}
input.vis-configuration.vis-config-range::-webkit-slider-runnable-track {
  width: 300px;
  height: 5px;
  background: #dedede; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
  background: linear-gradient(to bottom, #dedede 0%, #c8c8c8 99%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#c8c8c8',GradientType=0 ); /* IE6-9 */

  border: 1px solid #999999;
  box-shadow: #aaaaaa 0px 0px 3px 0px;
  border-radius: 3px;
}
input.vis-configuration.vis-config-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 1px solid #14334b;
  height: 17px;
  width: 17px;
  border-radius: 50%;
  background: #3876c2; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
  background: linear-gradient(to bottom, #3876c2 0%, #385380 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3876c2', endColorstr='#385380',GradientType=0 ); /* IE6-9 */
  box-shadow: #111927 0px 0px 1px 0px;
  margin-top: -7px;
}
input.vis-configuration.vis-config-range:focus {
  outline: none;
}
input.vis-configuration.vis-config-range:focus::-webkit-slider-runnable-track {
  background: #9d9d9d; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
  background: linear-gradient(to bottom, #9d9d9d 0%, #c8c8c8 99%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d9d9d', endColorstr='#c8c8c8',GradientType=0 ); /* IE6-9 */
}

input.vis-configuration.vis-config-range::-moz-range-track {
  width: 300px;
  height: 10px;
  background: #dedede; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
  background: linear-gradient(to bottom, #dedede 0%, #c8c8c8 99%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#c8c8c8',GradientType=0 ); /* IE6-9 */

  border: 1px solid #999999;
  box-shadow: #aaaaaa 0px 0px 3px 0px;
  border-radius: 3px;
}
input.vis-configuration.vis-config-range::-moz-range-thumb {
  border: none;
  height: 16px;
  width: 16px;

  border-radius: 50%;
  background: #385380;
}

/*hide the outline behind the border*/
input.vis-configuration.vis-config-range:-moz-focusring {
  outline: 1px solid white;
  outline-offset: -1px;
}

input.vis-configuration.vis-config-range::-ms-track {
  width: 300px;
  height: 5px;

  /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
  background: transparent;

  /*leave room for the larger thumb to overflow with a transparent border */
  border-color: transparent;
  border-width: 6px 0;

  /*remove default tick marks*/
  color: transparent;
}
input.vis-configuration.vis-config-range::-ms-fill-lower {
  background: #777;
  border-radius: 10px;
}
input.vis-configuration.vis-config-range::-ms-fill-upper {
  background: #ddd;
  border-radius: 10px;
}
input.vis-configuration.vis-config-range::-ms-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #385380;
}
input.vis-configuration.vis-config-range:focus::-ms-fill-lower {
  background: #888;
}
input.vis-configuration.vis-config-range:focus::-ms-fill-upper {
  background: #ccc;
}

.vis-configuration-popup {
  position: absolute;
  background: rgba(57, 76, 89, 0.85);
  border: 2px solid #f2faff;
  line-height: 30px;
  height: 30px;
  width: 150px;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
  border-radius: 4px;
  transition: opacity 0.3s ease-in-out;
}
.vis-configuration-popup:after,
.vis-configuration-popup:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.vis-configuration-popup:after {
  border-color: rgba(136, 183, 213, 0);
  border-left-color: rgba(57, 76, 89, 0.85);
  border-width: 8px;
  margin-top: -8px;
}
.vis-configuration-popup:before {
  border-color: rgba(194, 225, 245, 0);
  border-left-color: #f2faff;
  border-width: 12px;
  margin-top: -12px;
}

div.vis-tooltip {
  position: absolute;
  visibility: hidden;
  padding: 5px;
  white-space: nowrap;

  font-family: verdana;
  font-size: 14px;
  color: #000000;
  background-color: #f5f4ed;
  border-radius: 3px;
  border: 1px solid #808074;

  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
  pointer-events: none;

  z-index: 5;
}

.vis-timeline {
  /*
  -webkit-transition: height .4s ease-in-out;
  transition:         height .4s ease-in-out;
  */
}

.vis-panel {
  /*
  -webkit-transition: height .4s ease-in-out, top .4s ease-in-out;
  transition:         height .4s ease-in-out, top .4s ease-in-out;
  */
}

.vis-axis {
  /*
  -webkit-transition: top .4s ease-in-out;
  transition:         top .4s ease-in-out;
  */
}

/* TODO: get animation working nicely

.vis-item {
  -webkit-transition: top .4s ease-in-out;
  transition:         top .4s ease-in-out;
}

.vis-item.line {
  -webkit-transition: height .4s ease-in-out, top .4s ease-in-out;
  transition:         height .4s ease-in-out, top .4s ease-in-out;
}
/**/

.vis-current-time {
  background-color: #ff7f6e;
  width: 2px;
  z-index: 1;
  pointer-events: none;
}

.vis-rolling-mode-btn {
  height: 40px;
  width: 40px;
  position: absolute;
  top: 7px;
  right: 20px;
  border-radius: 50%;
  font-size: 28px;
  cursor: pointer;
  opacity: 0.8;
  color: white;
  font-weight: bold;
  text-align: center;
  background: #3876c2;
}
.vis-rolling-mode-btn:before {
  content: "\26F6";
}

.vis-rolling-mode-btn:hover {
  opacity: 1;
}

.vis-custom-time {
  background-color: #6e94ff;
  width: 2px;
  cursor: move;
  z-index: 1;
}

.vis-custom-time > .vis-custom-time-marker {
  background-color: inherit;
  color: white;
  font-size: 12px;
  white-space: nowrap;
  padding: 3px 5px;
  top: 0px;
  cursor: initial;
  z-index: inherit;
}

.vis-panel.vis-background.vis-horizontal .vis-grid.vis-horizontal {
  position: absolute;
  width: 100%;
  height: 0;
  border-bottom: 1px solid;
}

.vis-panel.vis-background.vis-horizontal .vis-grid.vis-minor {
  border-color: #e5e5e5;
}

.vis-panel.vis-background.vis-horizontal .vis-grid.vis-major {
  border-color: #bfbfbf;
}

.vis-data-axis .vis-y-axis.vis-major {
  width: 100%;
  position: absolute;
  color: #4d4d4d;
  white-space: nowrap;
}

.vis-data-axis .vis-y-axis.vis-major.vis-measure {
  padding: 0;
  margin: 0;
  border: 0;
  visibility: hidden;
  width: auto;
}

.vis-data-axis .vis-y-axis.vis-minor {
  position: absolute;
  width: 100%;
  color: #bebebe;
  white-space: nowrap;
}

.vis-data-axis .vis-y-axis.vis-minor.vis-measure {
  padding: 0;
  margin: 0;
  border: 0;
  visibility: hidden;
  width: auto;
}

.vis-data-axis .vis-y-axis.vis-title {
  position: absolute;
  color: #4d4d4d;
  white-space: nowrap;
  bottom: 20px;
  text-align: center;
}

.vis-data-axis .vis-y-axis.vis-title.vis-measure {
  padding: 0;
  margin: 0;
  visibility: hidden;
  width: auto;
}

.vis-data-axis .vis-y-axis.vis-title.vis-left {
  bottom: 0;
  transform-origin: left bottom;
  transform: rotate(-90deg);
}

.vis-data-axis .vis-y-axis.vis-title.vis-right {
  bottom: 0;
  transform-origin: right bottom;
  transform: rotate(90deg);
}

.vis-legend {
  background-color: rgba(247, 252, 255, 0.65);
  padding: 5px;
  border: 1px solid #b3b3b3;
  box-shadow: 2px 2px 10px rgba(154, 154, 154, 0.55);
}

.vis-legend-text {
  /*font-size: 10px;*/
  white-space: nowrap;
  display: inline-block;
}

.vis-item {
  position: absolute;
  color: #1a1a1a;
  border-color: #97b0f8;
  border-width: 1px;
  background-color: #d5ddf6;
  display: inline-block;
  z-index: 1;
  /*overflow: hidden;*/
}

.vis-item.vis-selected {
  border-color: #ffc200;
  background-color: #fff785;

  /* z-index must be higher than the z-index of custom time bar and current time bar */
  z-index: 2;
}

.vis-editable.vis-selected {
  cursor: move;
}

.vis-item.vis-point.vis-selected {
  background-color: #fff785;
}

.vis-item.vis-box {
  text-align: center;
  border-style: solid;
  border-radius: 2px;
}

.vis-item.vis-point {
  background: none;
}

.vis-item.vis-dot {
  position: absolute;
  padding: 0;
  border-width: 4px;
  border-style: solid;
  border-radius: 4px;
}

.vis-item.vis-range {
  border-style: solid;
  border-radius: 2px;
  box-sizing: border-box;
}

.vis-item.vis-background {
  border: none;
  background-color: rgba(213, 221, 246, 0.4);
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.vis-item .vis-item-overflow {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.vis-item-visible-frame {
  white-space: nowrap;
}

.vis-item.vis-range .vis-item-content {
  position: relative;
  display: inline-block;
}

.vis-item.vis-background .vis-item-content {
  position: absolute;
  display: inline-block;
}

.vis-item.vis-line {
  padding: 0;
  position: absolute;
  width: 0;
  border-left-width: 1px;
  border-left-style: solid;
}

.vis-item .vis-item-content {
  white-space: nowrap;
  box-sizing: border-box;
  padding: 5px;
}

.vis-item .vis-onUpdateTime-tooltip {
  position: absolute;
  background: #4f81bd;
  color: white;
  width: 200px;
  text-align: center;
  white-space: nowrap;
  padding: 5px;
  border-radius: 1px;
  transition: 0.4s;
  -o-transition: 0.4s;
  -moz-transition: 0.4s;
  -webkit-transition: 0.4s;
}

.vis-item .vis-delete,
.vis-item .vis-delete-rtl {
  position: absolute;
  top: 0px;
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  padding: 0px 5px;
  cursor: pointer;
  transition: background 0.2s linear;
}

.vis-item .vis-delete {
  right: -24px;
}

.vis-item .vis-delete-rtl {
  left: -24px;
}

.vis-item .vis-delete:after,
.vis-item .vis-delete-rtl:after {
  content: "\00D7"; /* MULTIPLICATION SIGN */
  color: red;
  font-family: arial, sans-serif;
  font-size: 22px;
  font-weight: bold;
  transition: color 0.2s linear;
}

.vis-item .vis-delete:hover,
.vis-item .vis-delete-rtl:hover {
  background: red;
}

.vis-item .vis-delete:hover:after,
.vis-item .vis-delete-rtl:hover:after {
  color: white;
}

.vis-item .vis-drag-center {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0px;
  cursor: move;
}

.vis-item.vis-range .vis-drag-left {
  position: absolute;
  width: 24px;
  max-width: 20%;
  min-width: 2px;
  height: 100%;
  top: 0;
  left: -4px;

  cursor: w-resize;
}

.vis-item.vis-range .vis-drag-right {
  position: absolute;
  width: 24px;
  max-width: 20%;
  min-width: 2px;
  height: 100%;
  top: 0;
  right: -4px;

  cursor: e-resize;
}

.vis-range.vis-item.vis-readonly .vis-drag-left,
.vis-range.vis-item.vis-readonly .vis-drag-right {
  cursor: auto;
}

.vis-item.vis-cluster {
  vertical-align: center;
  text-align: center;
  border-style: solid;
  border-radius: 2px;
}

.vis-item.vis-cluster-line {
  padding: 0;
  position: absolute;
  width: 0;
  border-left-width: 1px;
  border-left-style: solid;
}

.vis-item.vis-cluster-dot {
  position: absolute;
  padding: 0;
  border-width: 4px;
  border-style: solid;
  border-radius: 4px;
}

.vis-itemset {
  position: relative;
  padding: 0;
  margin: 0;

  box-sizing: border-box;
}

.vis-itemset .vis-background,
.vis-itemset .vis-foreground {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.vis-axis {
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  z-index: 1;
}

.vis-foreground .vis-group {
  position: relative;
  box-sizing: border-box;
  border-bottom: 1px solid #bfbfbf;
}

.vis-foreground .vis-group:last-child {
  border-bottom: none;
}

.vis-nesting-group {
  cursor: pointer;
}

.vis-label.vis-nested-group.vis-group-level-unknown-but-gte1 {
  background: #f5f5f5;
}
.vis-label.vis-nested-group.vis-group-level-0 {
  background-color: #ffffff;
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-0 .vis-inner {
  padding-left: 0;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-0 .vis-inner {
  padding-right: 0;
}
.vis-label.vis-nested-group.vis-group-level-1 {
  background-color: rgba(0, 0, 0, 0.05);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-1 .vis-inner {
  padding-left: 15px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-1 .vis-inner {
  padding-right: 15px;
}
.vis-label.vis-nested-group.vis-group-level-2 {
  background-color: rgba(0, 0, 0, 0.1);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-2 .vis-inner {
  padding-left: 30px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-2 .vis-inner {
  padding-right: 30px;
}
.vis-label.vis-nested-group.vis-group-level-3 {
  background-color: rgba(0, 0, 0, 0.15);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-3 .vis-inner {
  padding-left: 45px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-3 .vis-inner {
  padding-right: 45px;
}
.vis-label.vis-nested-group.vis-group-level-4 {
  background-color: rgba(0, 0, 0, 0.2);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-4 .vis-inner {
  padding-left: 60px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-4 .vis-inner {
  padding-right: 60px;
}
.vis-label.vis-nested-group.vis-group-level-5 {
  background-color: rgba(0, 0, 0, 0.25);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-5 .vis-inner {
  padding-left: 75px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-5 .vis-inner {
  padding-right: 75px;
}
.vis-label.vis-nested-group.vis-group-level-6 {
  background-color: rgba(0, 0, 0, 0.3);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-6 .vis-inner {
  padding-left: 90px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-6 .vis-inner {
  padding-right: 90px;
}
.vis-label.vis-nested-group.vis-group-level-7 {
  background-color: rgba(0, 0, 0, 0.35);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-7 .vis-inner {
  padding-left: 105px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-7 .vis-inner {
  padding-right: 105px;
}
.vis-label.vis-nested-group.vis-group-level-8 {
  background-color: rgba(0, 0, 0, 0.4);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-8 .vis-inner {
  padding-left: 120px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-8 .vis-inner {
  padding-right: 120px;
}
.vis-label.vis-nested-group.vis-group-level-9 {
  background-color: rgba(0, 0, 0, 0.45);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-9 .vis-inner {
  padding-left: 135px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-9 .vis-inner {
  padding-right: 135px;
}
/* default takes over beginning with level-10 (thats why we add .vis-nested-group
  to the selectors above, to have higher specifity than these rules for the defaults) */
.vis-label.vis-nested-group {
  background-color: rgba(0, 0, 0, 0.5);
}
.vis-ltr .vis-label.vis-nested-group .vis-inner {
  padding-left: 150px;
}
.vis-rtl .vis-label.vis-nested-group .vis-inner {
  padding-right: 150px;
}

.vis-group-level-unknown-but-gte1 {
  border: 1px solid red;
}

/* expanded/collapsed indicators */
.vis-label.vis-nesting-group:before,
.vis-label.vis-nesting-group:before {
  display: inline-block;
  width: 15px;
}
.vis-label.vis-nesting-group.expanded:before {
  content: "\25BC";
}
.vis-label.vis-nesting-group.collapsed:before {
  content: "\25B6";
}
.vis-rtl .vis-label.vis-nesting-group.collapsed:before {
  content: "\25C0";
}
/* compensate missing expanded/collapsed indicator, but only at levels > 0 */
.vis-ltr .vis-label:not(.vis-nesting-group):not(.vis-group-level-0) {
  padding-left: 15px;
}
.vis-rtl .vis-label:not(.vis-nesting-group):not(.vis-group-level-0) {
  padding-right: 15px;
}

.vis-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.vis-labelset {
  position: relative;

  overflow: hidden;

  box-sizing: border-box;
}

.vis-labelset .vis-label {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  color: #4d4d4d;

  box-sizing: border-box;
}

.vis-labelset .vis-label {
  border-bottom: 1px solid #bfbfbf;
}

.vis-labelset .vis-label.draggable {
  cursor: pointer;
}

.vis-group-is-dragging {
  background: rgba(0, 0, 0, 0.1);
}

.vis-labelset .vis-label:last-child {
  border-bottom: none;
}

.vis-labelset .vis-label .vis-inner {
  display: inline-block;
  padding: 5px;
}

.vis-labelset .vis-label .vis-inner.vis-hidden {
  padding: 0;
}

.vis-panel {
  position: absolute;

  padding: 0;
  margin: 0;

  box-sizing: border-box;
}

.vis-panel.vis-center,
.vis-panel.vis-left,
.vis-panel.vis-right,
.vis-panel.vis-top,
.vis-panel.vis-bottom {
  border: 1px #bfbfbf;
}

.vis-panel.vis-center,
.vis-panel.vis-left,
.vis-panel.vis-right {
  border-top-style: solid;
  border-bottom-style: solid;
  overflow: hidden;
}

.vis-left.vis-panel.vis-vertical-scroll,
.vis-right.vis-panel.vis-vertical-scroll {
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
}

.vis-left.vis-panel.vis-vertical-scroll {
  direction: rtl;
}

.vis-left.vis-panel.vis-vertical-scroll .vis-content {
  direction: ltr;
}

.vis-right.vis-panel.vis-vertical-scroll {
  direction: ltr;
}

.vis-right.vis-panel.vis-vertical-scroll .vis-content {
  direction: rtl;
}

.vis-panel.vis-center,
.vis-panel.vis-top,
.vis-panel.vis-bottom {
  border-left-style: solid;
  border-right-style: solid;
}

.vis-background {
  overflow: hidden;
}

.vis-panel > .vis-content {
  position: relative;
}

.vis-panel .vis-shadow {
  position: absolute;
  width: 100%;
  height: 1px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  /* TODO: find a nice way to ensure vis-shadows are drawn on top of items
  z-index: 1;
  */
}

.vis-panel .vis-shadow.vis-top {
  top: -1px;
  left: 0;
}

.vis-panel .vis-shadow.vis-bottom {
  bottom: -1px;
  left: 0;
}

.vis-graph-group0 {
  fill: #4f81bd;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #4f81bd;
}

.vis-graph-group1 {
  fill: #f79646;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #f79646;
}

.vis-graph-group2 {
  fill: #8c51cf;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #8c51cf;
}

.vis-graph-group3 {
  fill: #75c841;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #75c841;
}

.vis-graph-group4 {
  fill: #ff0100;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #ff0100;
}

.vis-graph-group5 {
  fill: #37d8e6;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #37d8e6;
}

.vis-graph-group6 {
  fill: #042662;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #042662;
}

.vis-graph-group7 {
  fill: #00ff26;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #00ff26;
}

.vis-graph-group8 {
  fill: #ff00ff;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #ff00ff;
}

.vis-graph-group9 {
  fill: #8f3938;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #8f3938;
}

.vis-timeline .vis-fill {
  fill-opacity: 0.1;
  stroke: none;
}

.vis-timeline .vis-bar {
  fill-opacity: 0.5;
  stroke-width: 1px;
}

.vis-timeline .vis-point {
  stroke-width: 2px;
  fill-opacity: 1;
}

.vis-timeline .vis-legend-background {
  stroke-width: 1px;
  fill-opacity: 0.9;
  fill: #ffffff;
  stroke: #c2c2c2;
}

.vis-timeline .vis-outline {
  stroke-width: 1px;
  fill-opacity: 1;
  fill: #ffffff;
  stroke: #e5e5e5;
}

.vis-timeline .vis-icon-fill {
  fill-opacity: 0.3;
  stroke: none;
}

.vis-time-axis {
  position: relative;
  overflow: hidden;
}

.vis-time-axis.vis-foreground {
  top: 0;
  left: 0;
  width: 100%;
}

.vis-time-axis.vis-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vis-time-axis .vis-text {
  position: absolute;
  color: #4d4d4d;
  padding: 3px;
  overflow: hidden;
  box-sizing: border-box;

  white-space: nowrap;
}

.vis-time-axis .vis-text.vis-measure {
  position: absolute;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  visibility: hidden;
}

.vis-time-axis .vis-grid.vis-vertical {
  position: absolute;
  border-left: 1px solid;
}

.vis-time-axis .vis-grid.vis-vertical-rtl {
  position: absolute;
  border-right: 1px solid;
}

.vis-time-axis .vis-grid.vis-minor {
  border-color: #e5e5e5;
}

.vis-time-axis .vis-grid.vis-major {
  border-color: #bfbfbf;
}

.vis-timeline {
  position: relative;
  border: 1px solid #bfbfbf;
  overflow: hidden;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.vis-loading-screen {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
/*# sourceMappingURL=vis-timeline-graph2d.css.map *//* Vis Timeline Gantt — themed via app CSS variables (inherits site appearance). */

.gantt-timeline-root {
  --gt-low: hsl(142 45% 42%);
  --gt-high: hsl(32 90% 48%);
  --gt-urgent: hsl(0 72% 51%);
  --gt-progress-track: hsl(var(--muted));
  --gt-row-odd: hsl(var(--muted) / 0.35);
  --gt-today: hsl(var(--primary));
  --gt-bar-bg: hsl(var(--card));
  --gt-bar-fg: hsl(var(--card-foreground));
  --gt-muted: hsl(var(--muted-foreground));
  --gt-border: hsl(var(--border));
  --gt-panel: hsl(var(--card));
  --gt-panel-fg: hsl(var(--card-foreground));
  --gt-group-bg: hsl(var(--muted) / 0.55);
  --gt-group-hover: hsl(var(--accent));
  --gt-axis: hsl(var(--muted-foreground));
  --gt-grid-minor: hsl(var(--border) / 0.7);
  --gt-grid-major: hsl(var(--border));
  --gt-radius: calc(var(--radius, 0.5rem) * 0.6);

  display: flex;
  height: 100%;
  min-height: 0;
  width: 100%;
  flex-direction: column;
  overflow: hidden;
  background: hsl(var(--background));
  color: hsl(var(--foreground));
  font-family: inherit;
  border: 1px solid var(--gt-border);
  border-radius: var(--radius, 0.5rem);
}

.gantt-timeline-root .timeline-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 0.75rem;
  border-bottom: 1px solid var(--gt-border);
  background: var(--gt-panel);
  color: var(--gt-panel-fg);
}

.gantt-timeline-root .timeline-toolbar-group {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.gantt-timeline-root .timeline-toolbar-sep {
  width: 1px;
  height: 1.25rem;
  margin: 0 0.25rem;
  background: var(--gt-border);
  flex-shrink: 0;
}

.gantt-timeline-root .timeline-options {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem 1.25rem;
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid var(--gt-border);
  background: hsl(var(--background));
  color: hsl(var(--foreground));
}

.gantt-timeline-root .timeline-option {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.gantt-timeline-root .timeline-option label {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1;
  color: var(--gt-muted);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.gantt-timeline-root .timeline-container {
  flex: 1;
  min-height: 0;
  height: auto;
  overflow: hidden;
  background: hsl(var(--background));
}

/* ── vis-timeline overrides (scoped) ── */

.gantt-timeline-root .vis-timeline {
  border: none;
  font-family: inherit;
  background: transparent;
}

.gantt-timeline-root .vis-panel.vis-center,
.gantt-timeline-root .vis-panel.vis-left,
.gantt-timeline-root .vis-panel.vis-right,
.gantt-timeline-root .vis-panel.vis-top,
.gantt-timeline-root .vis-panel.vis-bottom {
  border-color: var(--gt-border);
}

.gantt-timeline-root .vis-time-axis .vis-grid.vis-odd {
  background-color: var(--gt-row-odd);
}

.gantt-timeline-root .vis-time-axis .vis-text {
  color: var(--gt-axis);
  padding: 4px 0;
  font-size: 11px;
}

.gantt-timeline-root .vis-time-axis .vis-text.vis-major {
  font-weight: 600;
  color: hsl(var(--foreground));
}

.gantt-timeline-root .vis-time-axis .vis-grid.vis-minor {
  border-color: var(--gt-grid-minor);
}

.gantt-timeline-root .vis-time-axis .vis-grid.vis-major {
  border-color: var(--gt-grid-major);
}

.gantt-timeline-root .vis-current-time,
.gantt-timeline-root .vis-custom-time.current {
  background-color: var(--gt-today);
  width: 2px;
}

/* Bars */
.gantt-timeline-root .timeline-item {
  border-radius: var(--gt-radius) !important;
  border: 1px solid var(--gt-border) !important;
  box-shadow: none !important;
  background-color: var(--gt-bar-bg) !important;
  color: var(--gt-bar-fg);
  padding: 0 !important;
  overflow: hidden !important;
}

.gantt-timeline-root .low-priority {
  border-left: 3px solid var(--gt-low) !important;
}

.gantt-timeline-root .high-priority {
  border-left: 3px solid var(--gt-high) !important;
}

.gantt-timeline-root .urgent-priority {
  border-left: 3px solid var(--gt-urgent) !important;
}

.gantt-timeline-root .item-content {
  padding: 5px 8px 7px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  height: 100%;
  position: relative;
}

.gantt-timeline-root .item-title {
  font-weight: 500;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--gt-bar-fg);
}

.gantt-timeline-root .item-date {
  font-size: 10px;
  color: var(--gt-muted);
}

.gantt-timeline-root .item-priority {
  font-size: 10px;
  font-weight: 500;
  padding: 0 5px;
  border-radius: 999px;
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1.5;
}

.gantt-timeline-root .item-priority.low {
  color: var(--gt-low);
  background-color: color-mix(in srgb, var(--gt-low) 14%, transparent);
}

.gantt-timeline-root .item-priority.high {
  color: var(--gt-high);
  background-color: color-mix(in srgb, var(--gt-high) 14%, transparent);
}

.gantt-timeline-root .item-priority.urgent {
  color: var(--gt-urgent);
  background-color: color-mix(in srgb, var(--gt-urgent) 14%, transparent);
}

.gantt-timeline-root .progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  background-color: var(--gt-low);
  border-radius: 0 1px 0 0;
}

.gantt-timeline-root .high-priority .progress-bar {
  background-color: var(--gt-high);
}

.gantt-timeline-root .urgent-priority .progress-bar {
  background-color: var(--gt-urgent);
}

/* Groups */
.gantt-timeline-root .vis-labelset .vis-label {
  border: none;
  border-bottom: 1px solid var(--gt-border);
  color: hsl(var(--foreground));
  background: hsl(var(--background));
}

.gantt-timeline-root .vis-inner {
  border: none !important;
}

.gantt-timeline-root .vis-label.vis-group-level-0 {
  background-color: var(--gt-group-bg);
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.15s ease;
}

.gantt-timeline-root .vis-label.vis-group-level-0:hover {
  background-color: var(--gt-group-hover);
}

.gantt-timeline-root .vis-label.vis-group-level-0.collapsed {
  background-color: hsl(var(--muted));
}

.gantt-timeline-root .vis-label.vis-nesting-group {
  cursor: pointer;
}

.gantt-timeline-root .vis-label .custom-group {
  padding: 7px 10px;
  font-size: 12px;
}

.gantt-timeline-root .vis-label.vis-group-level-0 .custom-group::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 6px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid var(--gt-muted);
  vertical-align: middle;
}

.gantt-timeline-root .vis-label.vis-group-level-0.collapsed .custom-group::before {
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 5px solid var(--gt-muted);
  border-right: none;
}

/* Tooltip */
.gantt-timeline-root .vis-tooltip,
.vis-tooltip {
  border-radius: var(--gt-radius, 6px);
  box-shadow: 0 4px 16px hsl(var(--foreground) / 0.08);
  padding: 8px 10px;
  font-size: 12px;
  border: 1px solid hsl(var(--border));
  background-color: hsl(var(--popover, var(--card)));
  color: hsl(var(--popover-foreground, var(--card-foreground)));
}

.gantt-timeline-root .vis-item.vis-selected {
  border-color: hsl(var(--ring)) !important;
  box-shadow: 0 0 0 1px hsl(var(--ring) / 0.4) !important;
}

.gantt-timeline-root .vis-item.vis-range {
  border-radius: var(--gt-radius);
}

/* Hide left group column when Groups is off */
.gantt-timeline-root.gt-hide-groups .vis-panel.vis-left {
  display: none !important;
}

.gantt-timeline-root.gt-hide-groups .vis-panel.vis-center {
  left: 0 !important;
  width: 100% !important;
}

/* Tooltips are often portaled to body — hide while option is off via data attr on html when needed;
   scoped hide covers in-tree tooltips; body tooltips use companion rule when root has class. */
.gantt-timeline-root.gt-hide-tooltips .vis-tooltip {
  display: none !important;
}

body:has(.gantt-timeline-root.gt-hide-tooltips) > .vis-tooltip {
  display: none !important;
}

/* Cleaner left rail */
.gantt-timeline-root .vis-panel.vis-left {
  background: hsl(var(--background));
}

.gantt-timeline-root .vis-foreground .vis-group {
  border-bottom: 1px solid var(--gt-border);
}

.gantt-timeline-root .vis-item .vis-item-content {
  padding: 0 !important;
  width: 100%;
}
.task-details-panel { position: relative; z-index: 30; display: flex; flex-direction: column; flex-shrink: 0; min-width: 0; max-width: 100%; height: 100%; min-height: 0; border-left: 1px solid hsl(var(--border)); background: hsl(var(--background)); color: hsl(var(--foreground)); font-family: var(--font-sans, inherit); box-shadow: -5px 0 20px hsl(var(--foreground) / .025); }
.task-details-heading { display: flex; align-items: center; justify-content: space-between; gap: 6px; flex-shrink: 0; min-height: var(--tasks-toolbar, 32px); padding: 6px 8px; border-bottom: 1px solid hsl(var(--border)); }
.task-details-heading h2 { margin: 0; font-size: 12px; font-weight: 600; line-height: 18px; }
.task-details-heading p { margin: 2px 0 0; font-size: 11px; color: hsl(var(--muted-foreground)); }
.task-details-body { display: flex; flex: 1; min-height: 0; flex-direction: column; gap: 8px; overflow-y: auto; overscroll-behavior: contain; padding: 8px; scrollbar-width: thin; }
.task-details-title-row { display: flex; align-items: flex-start; gap: 6px; }
.task-details-title-row > input[type=checkbox] { flex-shrink: 0; width: 14px; height: 14px; margin-top: 3px; accent-color: hsl(var(--primary)); }
.task-details-title { width: 100%; min-width: 0; border: 0; outline: 0; border-radius: 3px; padding: 1px 3px; background: transparent; font-size: var(--tasks-title, 14px); font-weight: 600; line-height: 20px; letter-spacing: -.025em; }
.task-details-title:focus-visible { box-shadow: 0 1px 0 hsl(var(--ring)); }
.task-details-properties { display: flex; flex-direction: column; gap: 8px; padding: 8px; border: 1px solid hsl(var(--border)); border-radius: 6px; background: hsl(var(--card)); }
.task-details-properties label { color: hsl(var(--muted-foreground)); font-size: 11px; }
.task-details-properties :is(input, select) { color: hsl(var(--foreground)); font-size: 12px; }
.task-detail-label { display: inline-flex; align-items: center; gap: 6px; padding: 4px 8px; border: 1px solid hsl(var(--border)); border-radius: 4px; font-size: 11px; }
.task-detail-label > span { width: 6px; height: 6px; border-radius: 50%; }
.task-details-footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-shrink: 0; padding: 6px 8px; border-top: 1px solid hsl(var(--border)); background: hsl(var(--background)); }
.task-details-body input[type=checkbox] { accent-color: hsl(var(--primary)); }
.task-details-body > section > h3 { color: hsl(var(--muted-foreground)); font-size: 12px; }
@container task-workspace (max-width: 1050px) { .task-details-panel { position: absolute; inset: 0 0 0 auto; max-width: calc(100% - 44px); box-shadow: -10px 0 30px hsl(var(--foreground) / .08); } }
@container task-workspace (max-width: 560px) { .task-details-panel { width: 100% !important; max-width: 100%; } .task-details-panel > .task-pane-resize { display: none; } }
/*
 * Block Tasks calendar — isolated btc-* classes.
 * Do NOT reuse .time-label / .time-slot (CalendarStyles.css fights those).
 */

.block-tasks-cal {
  --cal-label-width: 44px;
  --cal-day-header-height: 32px;
  --cal-chip-pad-y: 2px;
  --cal-chip-pad-x: 5px;
  --cal-chip-font: 9px;
  --cal-line: color-mix(in srgb, hsl(var(--foreground)) 22%, transparent);
  --cal-line-strong: color-mix(in srgb, hsl(var(--foreground)) 34%, transparent);
}

.block-tasks-cal .btc-grid {
  display: grid;
  grid-template-columns: var(--cal-label-width) minmax(0, 1fr);
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  background: hsl(var(--background));
  align-items: stretch;
}

.block-tasks-cal .btc-grid.week-view {
  grid-template-columns: var(--cal-label-width) repeat(7, minmax(0, 1fr));
}

.block-tasks-cal .btc-grid.three-day-view {
  grid-template-columns: var(--cal-label-width) repeat(3, minmax(0, 1fr));
}

.block-tasks-cal .btc-grid.day-view {
  grid-template-columns: var(--cal-label-width) minmax(0, 1fr);
}

/* Pixel rows set inline from measured hourHeight — do not use fr here */
.block-tasks-cal .btc-time-labels {
  display: grid;
  min-height: 0;
  overflow: hidden;
  border-right: 1px solid var(--cal-line-strong);
  background: color-mix(in srgb, hsl(var(--muted)) 45%, transparent);
}

.block-tasks-cal .btc-time-labels-spacer {
  min-height: 0;
  border-bottom: 1px solid var(--cal-line-strong);
}

.block-tasks-cal .btc-time-label {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 1px 4px 0 2px;
  margin: 0;
  font-size: 9px;
  line-height: 1;
  color: hsl(var(--muted-foreground));
  font-variant-numeric: tabular-nums;
  overflow: hidden;
  white-space: nowrap;
  text-align: right;
  box-sizing: border-box;
  position: relative;
  top: 0;
  height: auto;
  min-height: 0;
}

.block-tasks-cal .btc-day-column {
  display: flex;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
  border-right: 1px solid var(--cal-line-strong);
  position: relative;
}

.block-tasks-cal .btc-day-column:last-child {
  border-right: none;
}

.block-tasks-cal .btc-day-body {
  position: relative;
  display: grid;
  min-height: 0;
  overflow: hidden;
}

.block-tasks-cal .btc-time-slot {
  position: relative;
  margin: 0;
  padding: 0;
  min-height: 0;
  height: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid var(--cal-line);
  cursor: pointer;
}

.block-tasks-cal .btc-time-slot:hover {
  background: color-mix(in srgb, hsl(var(--accent)) 28%, transparent);
}

.block-tasks-cal .btc-time-slot.is-over {
  background: color-mix(in srgb, hsl(var(--primary)) 16%, transparent);
  box-shadow: inset 0 0 0 2px color-mix(in srgb, hsl(var(--primary)) 35%, transparent);
}

.block-tasks-cal .btc-event {
  position: absolute;
  left: 2px;
  right: 2px;
  display: flex;
  flex-direction: column;
  border: 1px solid;
  border-radius: 3px;
  padding: 0;
  font-size: var(--cal-chip-font);
  font-weight: 500;
  line-height: 1.25;
  overflow: hidden;
  z-index: 10;
  box-sizing: border-box;
  max-height: 100%;
  box-shadow: 0 1px 0 color-mix(in srgb, hsl(var(--foreground)) 6%, transparent);
}

.block-tasks-cal .btc-event-compact .btc-event-body {
  display: flex;
  align-items: center;
}

.block-tasks-cal .btc-event-compact {
  min-height: 0;
}

.block-tasks-cal .btc-event-body {
  position: relative;
  z-index: 1;
  min-height: 0;
  flex: 1;
  overflow: hidden;
  cursor: grab;
  touch-action: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.block-tasks-cal .btc-event-body:active {
  cursor: grabbing;
}

.block-tasks-cal .btc-event-resize-handle {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 4;
  height: 5px;
  touch-action: none;
  pointer-events: auto;
  cursor: ns-resize;
}

.block-tasks-cal .btc-event-compact .btc-event-resize-handle {
  height: 4px;
}

.block-tasks-cal .btc-event-resize-top {
  top: 0;
}

.block-tasks-cal .btc-event-resize-bottom {
  bottom: 0;
}

.block-tasks-cal .btc-event-resize-handle::after {
  content: '';
  position: absolute;
  left: 50%;
  width: 18px;
  height: 2px;
  border-radius: 1px;
  background: color-mix(in srgb, #fff 0%, transparent);
  transform: translateX(-50%);
}

.block-tasks-cal .btc-event-resize-top::after {
  top: 1px;
}

.block-tasks-cal .btc-event-resize-bottom::after {
  bottom: 1px;
}

.block-tasks-cal .btc-event:hover .btc-event-resize-handle::after {
  background: color-mix(in srgb, #fff 55%, transparent);
}

.block-tasks-cal .btc-event-drag-ghost {
  z-index: 60;
  cursor: grabbing;
  pointer-events: none;
  box-shadow:
    0 0 0 1px color-mix(in srgb, hsl(var(--foreground)) 22%, transparent),
    0 4px 12px color-mix(in srgb, hsl(var(--foreground)) 16%, transparent);
  transition: none;
}

body.btc-cal-dragging .block-tasks-cal .btc-event-drag-source {
  opacity: 0.35;
  pointer-events: none;
}

.block-tasks-cal .btc-event-selected {
  box-shadow: inset 0 0 0 1px hsl(var(--foreground));
}

.block-tasks-cal .btc-event[data-marquee-hit] {
  box-shadow: inset 0 0 0 1px hsl(var(--primary));
}

.block-tasks-cal.btc-cal-marquee-active .btc-event,
.block-tasks-cal .btc-cal-marquee-active .btc-event,
body.btc-cal-dragging .block-tasks-cal .btc-event {
  transition: none;
}

.btc-cal-marquee-box {
  transition: none;
  contain: strict;
  backface-visibility: hidden;
}

.block-tasks-cal .btc-cal-marquee-active .btc-time-slot:hover {
  background: transparent;
}

body.btc-cal-dragging {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}

body.btc-cal-dragging--move {
  cursor: grabbing !important;
}

body.btc-cal-dragging--resize-top,
body.btc-cal-dragging--resize-bottom {
  cursor: ns-resize !important;
}

body.btc-cal-dragging .block-tasks-cal .btc-time-slot {
  pointer-events: none;
}


.block-tasks-cal .btc-event:hover {
  z-index: 15;
}

.block-tasks-cal .btc-event.dragging {
  opacity: 0.25;
  cursor: grabbing;
  pointer-events: none;
}

.block-tasks-cal .btc-event-preview {
  opacity: 0.45;
  z-index: 19;
  pointer-events: none;
  cursor: default;
  border: 1px dashed color-mix(in srgb, hsl(var(--primary)) 55%, transparent);
  background: color-mix(in srgb, hsl(var(--primary)) 18%, transparent) !important;
}

.block-tasks-cal .btc-day-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 1px 2px;
  text-align: center;
  border-bottom: 1px solid var(--cal-line-strong);
  background: color-mix(in srgb, hsl(var(--muted)) 40%, transparent);
  font-size: 9px;
  font-weight: 500;
  box-sizing: border-box;
  flex: 0 0 var(--cal-day-header-height);
  height: var(--cal-day-header-height);
  min-height: var(--cal-day-header-height);
}

.block-tasks-cal .btc-day-header .day-weekday {
  font-size: 9px;
  font-weight: 500;
  color: hsl(var(--muted-foreground));
  line-height: 1;
}

.block-tasks-cal .btc-day-header .day-number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 9999px;
  font-size: 9px;
  font-weight: 600;
  line-height: 1;
  color: hsl(var(--foreground));
}

.block-tasks-cal .btc-day-header.today .day-number {
  background: hsl(var(--primary));
  color: hsl(var(--primary-foreground));
}

.block-tasks-cal .btc-day-header .capacity-bar {
  margin-top: 1px;
  width: 60%;
  height: 2px;
  border-radius: 999px;
  background: color-mix(in srgb, hsl(var(--muted-foreground)) 18%, transparent);
  overflow: hidden;
}

.block-tasks-cal .btc-day-header .capacity-bar-fill {
  height: 100%;
  border-radius: 999px;
  background: hsl(var(--primary));
}

.block-tasks-cal .btc-day-header .capacity-bar-fill.overbooked {
  background: hsl(var(--destructive));
}

.block-tasks-cal .unscheduled-pool-vertical {
  background: color-mix(in srgb, hsl(var(--card)) 90%, hsl(var(--muted)));
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  border-right: 1px solid var(--cal-line-strong);
  width: 200px;
  min-width: 160px;
  max-width: 240px;
  flex-shrink: 0;
}

.block-tasks-cal .unscheduled-pool-header {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: hsl(var(--muted-foreground));
  flex-shrink: 0;
  padding: 8px 10px;
  border-bottom: 1px solid var(--cal-line-strong);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  background: color-mix(in srgb, hsl(var(--muted)) 40%, transparent);
}

.block-tasks-cal .unscheduled-tasks-list {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  flex: 1;
}

.block-tasks-cal .unscheduled-task-row {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-bottom: 1px solid var(--cal-line);
  font-size: 11px;
  cursor: grab;
}

.block-tasks-cal .unscheduled-task-row:hover {
  background: color-mix(in srgb, hsl(var(--accent)) 50%, transparent);
}

.block-tasks-cal .chronos-month-weekday {
  background: color-mix(in srgb, hsl(var(--muted)) 50%, transparent);
  border-bottom: 1px solid var(--cal-line-strong);
}

.block-tasks-cal .chronos-month-day {
  transition: background-color 120ms ease;
  border-color: var(--cal-line) !important;
}

.block-tasks-cal .chronos-month-day:hover {
  background: color-mix(in srgb, hsl(var(--accent)) 50%, transparent);
}

.block-tasks-cal .chronos-month-day.outside-month {
  background: color-mix(in srgb, hsl(var(--muted)) 30%, transparent);
}

.block-tasks-cal .chronos-day-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 9999px;
  font-size: 9px;
  font-weight: 500;
}

.block-tasks-cal .chronos-day-badge.today {
  background: hsl(var(--primary));
  color: hsl(var(--primary-foreground));
  font-weight: 600;
}


.block-tasks-cal .btc-event,
.block-tasks-cal .chronos-month-day .rounded-sm { border-radius: 2px; }
/* One site-sized scale for Tasks and its portalled controls. */
.tasks-build-root,
.tasks-density-portal,
.tasks-main-pane-portal {
  --tasks-font: var(--font-sans, var(--rd-font-sans, ui-sans-serif, system-ui, sans-serif));
  --tasks-text: 12px;
  --tasks-label: 11px;
  --tasks-title: 14px;
  --tasks-control: 24px;
  --tasks-toolbar: 32px;
  --tasks-row: 28px;
  --tasks-gap: 6px;
  --tasks-padding: 8px;
  font-family: var(--tasks-font) !important;
  font-size: var(--tasks-text);
  line-height: 1.35;
}
.tasks-build-root[data-task-density='compact'] { --tasks-row: 24px; }
.tasks-build-root :is(.core-workspace-ui, .promptbench-root) {
  --core-bar-height: var(--tasks-toolbar);
  --core-row-height: 24px;
  --core-control-height: 22px;
  --core-control-label-size: var(--tasks-label);
  --pb-text-size: var(--tasks-text);
  --pb-planner-text-size: var(--tasks-label);
  --pb-board-text-size: var(--tasks-text);
}
/* Imported views retain their layout, while following the active site font. */
:is(.tasks-build-root, .tasks-density-portal, .tasks-main-pane-portal)
  :is(button, input, select, textarea, h1, h2, h3, h4, label, .font-display,
    [data-brite-port], .brite-root, .task-horizon-ui-root, .pb-board-surface,
    .rd-planner, .task-native-layout, .task-renderer) {
  font-family: var(--tasks-font) !important;
}
:is(.tasks-build-root, .tasks-density-portal, .tasks-main-pane-portal) :is(code, pre, kbd, .font-mono) {
  font-family: var(--font-mono, ui-monospace, monospace) !important;
}
:is(.tasks-build-root, .tasks-density-portal, .tasks-main-pane-portal) :is(.text-sm, .text-base, .text-\[13px\], .text-\[14px\], .text-\[15px\], .text-\[16px\]) {
  font-size: var(--tasks-text) !important;
  line-height: 1.35;
}
:is(.tasks-build-root, .tasks-density-portal, .tasks-main-pane-portal) :is(.text-xs, .text-\[12px\]) {
  font-size: var(--tasks-label) !important;
}
:is(.tasks-build-root, .tasks-density-portal, .tasks-main-pane-portal)
  :is(h1, h2, .text-lg, .text-xl, .text-2xl, .text-3xl, .text-\[28px\]) {
  font-size: var(--tasks-title) !important;
  line-height: 1.4;
}
.tasks-build-root :is(.text-4xl, .text-5xl, .text-6xl) { font-size: 24px !important; line-height: 1.2; }
/* Only explicit control sizes are reduced; cards, canvas nodes and hit areas keep their layout. */
:is(.tasks-build-root, .tasks-density-portal, .tasks-main-pane-portal)
  :is(button, input, select, [role='combobox']):is(.h-7, .h-8, .h-9, .h-10, .size-7, .size-8, .size-9, .size-10) {
  height: var(--tasks-control) !important;
  min-height: 22px;
  padding-block: 2px;
  font-size: var(--tasks-label) !important;
}
:is(.tasks-build-root, .tasks-density-portal, .tasks-main-pane-portal)
  button:is(.size-7, .size-8, .size-9, .size-10, .w-7.h-7, .w-8.h-8, .w-9.h-9, .w-10.h-10) {
  width: var(--tasks-control) !important;
  padding-inline: 3px;
}
:is(.tasks-build-root, .tasks-density-portal, .tasks-main-pane-portal)
  svg.lucide:is(.h-4, .h-5, .h-6, .size-4, .size-5, .size-6) { width: 14px; height: 14px; }
/* Board and planner chrome stays compact without constraining expanded card content. */
.tasks-build-root .promptbench-root .pb-board-surface .pb-board-column-header { min-height: 26px; padding: 3px 6px; }
.tasks-build-root .promptbench-root .pb-board-surface .pb-board-card { padding: 4px 6px; }
.tasks-build-root .promptbench-root .pb-board-surface .pb-board-card[data-card-compact] { padding-block: 2px; }
.tasks-build-root .promptbench-root .pb-board-surface .pb-board-column-add-input { min-height: 22px; height: 22px; font-size: var(--tasks-label); }
.tasks-build-root .promptbench-root .rd-planner .rd-planner-header { padding-inline: 6px; }
.tasks-build-root .tasks-planning .planning-pane-title { min-height: var(--tasks-toolbar); padding: 5px 8px; }
.tasks-build-root .tasks-planning :is(.p-3, .p-4) { padding: var(--tasks-padding); }
.tasks-build-root .original-task-board [data-board-column-header] { min-height: 28px; padding-block: 4px; }
.tasks-build-root .original-task-board [data-board-column-list] [data-task-id] { padding-block: 0; font-size: var(--tasks-text); }
/* Today, Tools, Library and finance views use ordinary flow layout. */
.tasks-build-root :is([data-brite-port], [data-tasks-view='library'], [data-tasks-view='finance-planner'], [data-tasks-view='personal-finance'])
  :is(.p-3, .p-4, .p-5, .p-6, .p-8) { padding: var(--tasks-padding) !important; }
.tasks-build-root [data-brite-port] :is(.px-4, .px-5, .px-6, .px-8) { padding-inline: var(--tasks-padding) !important; }
.tasks-build-root [data-brite-port] :is(.py-3, .py-4, .py-5, .py-6, .py-8) { padding-block: 6px !important; }
.tasks-build-root :is([data-brite-port], [data-tasks-view='library'], [data-tasks-view='finance-planner'], [data-tasks-view='personal-finance'])
  :is(.gap-3, .gap-4, .gap-5, .gap-6, .gap-8) { gap: var(--tasks-gap) !important; }
.tasks-build-root [data-brite-port] :is(.mb-4, .mb-6, .mb-8, .mt-4, .mt-6, .mt-8) { margin-block: 6px !important; }
.tasks-build-root [data-brite-port] :is(.space-y-3, .space-y-4, .space-y-6, .space-y-8) > :not([hidden]) ~ :not([hidden]) { margin-top: 8px; }
.tasks-build-root [data-brite-port] .h-56.w-56 { width: 144px; height: 144px; }
.tasks-build-root [data-brite-port] .h-12.w-12 { width: 28px; height: 28px; }
.tasks-build-root [data-tasks-view='library'] .tasks-library-toolbar { padding: 6px 8px; }
.tasks-build-root :is([data-tasks-view='finance-planner'], [data-tasks-view='personal-finance']) :is(th, td) { padding: 4px 6px; font-size: var(--tasks-label); }
/* Menus and dialogs follow the same scale even when Radix portals them to body. */
:is(.tasks-density-portal, .tasks-main-pane-portal) :is([role^='menuitem'], [role='option']) {
  min-height: 22px;
  padding-block: 3px;
  font-size: var(--tasks-label) !important;
  line-height: 16px;
}
:is(.tasks-density-portal, .tasks-main-pane-portal) :is([role='dialog'], [role='alertdialog']) { font-size: var(--tasks-text); }
.tasks-density-portal :is([role='dialog'], [role='alertdialog']):is(.p-4, .p-6) { padding: var(--tasks-padding); }
.tasks-density-portal :is(.p-3, .p-4, .p-6) { padding: var(--tasks-padding); }
.tasks-density-portal :is([data-slot='dialog-header'], [data-slot='dialog-footer'], [data-slot='dialog-body']) { padding: 8px; gap: 6px; }
.tasks-density-portal [data-slot='dialog-title'] { font-size: var(--tasks-title) !important; }
.tasks-density-portal [data-slot='dialog-description'] { font-size: var(--tasks-label) !important; }
.tasks-density-portal [role='tooltip'] { padding: 4px 6px; font-size: var(--tasks-label); }
/**
 * Tasks Build visual system — charcoal cards, hairline borders, no shadows.
 * Scoped under `.tasks-build-root` so site chrome outside the pack is unchanged.
 */
.tasks-build-root {
  --tb-page: hsl(var(--background));
  --tb-surface: hsl(var(--card));
  --tb-card: hsl(var(--card));
  --tb-card-2: hsl(var(--muted));
  --tb-border: hsl(var(--border));
  --tb-text: hsl(var(--foreground));
  --tb-muted: hsl(var(--muted-foreground));
  --tb-check: hsl(var(--primary));
  --tb-event-blue: hsl(var(--primary) / 0.35);
  --tb-event-brown: hsl(var(--accent));
  --tb-radius: 5px;
  --coral: var(--primary);
  --schedule-line: hsl(var(--border));

  background: var(--tb-page);
  color: var(--tb-text);
}
.tasks-build-root .schedule-grid {
  background-image: repeating-linear-gradient(
    to bottom,
    transparent,
    transparent calc(4rem - 1px),
    var(--tb-border) calc(4rem - 1px),
    var(--tb-border) 4rem
  );
}
.tasks-build-week-card {
  border-radius: var(--tb-radius);
  border: 1px solid transparent;
  background: var(--tb-card);
  color: var(--tb-text);
}
.tasks-build-week-card--active {
  background: var(--tb-card-2);
  border-color: var(--tb-border);
}
.tasks-build-task-card {
  border-radius: var(--tb-radius);
  border: 1px solid var(--tb-border);
  background: var(--tb-card);
}
.tasks-build-event--blue {
  border: 1px solid rgb(59 130 246 / 0.22);
  background: rgb(30 58 95 / 0.55);
}
.tasks-build-event--brown {
  border: 1px solid rgb(180 110 70 / 0.22);
  background: rgb(61 42 34 / 0.7);
}
.tasks-build-check {
  color: var(--tb-check);
}
/* All values follow the active appearance. Only Desk Card mounts use this density. */
.desk-card-shell {
  --dc-card-surface: var(--core-panel);
  --dc-card-text: var(--core-ink);
  --dc-card-muted: var(--core-muted);
  --dc-card-border: var(--core-line);
  --dc-card-chrome: var(--core-bar);
  --dc-card-radius: var(--radius, 3px);
  background: var(--core-frame);
  border-color: var(--dc-card-border);
  color: var(--dc-card-text);
  font-size: var(--core-control-label-size);
  line-height: 1.35;
}
.desk-card-shell .desk-card-inset {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--dc-card-surface);
}
.desk-card-shell .desk-card-presentation {
  container-type: inline-size;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: var(--dc-card-surface);
  color: var(--dc-card-text);
}
.desk-card-shell .desk-card-content {
  flex: 1;
  min-width: 0;
  min-height: 0;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: hsl(var(--muted-foreground) / .4) transparent;
}
.desk-card-shell .desk-card-content > :not(style, input[type='file']) {
  width: 100%;
  min-width: 0;
  min-height: 0;
}
.desk-card-shell :is(.desk-card-topbar, .desk-card-tabs) {
  display: flex;
  align-items: center;
  gap: 3px !important;
  min-height: var(--core-bar-height) !important;
  height: var(--core-bar-height) !important;
  flex-shrink: 0;
  padding: 0 4px !important;
  margin: 0 !important;
  border: 0;
  border-bottom: 1px solid var(--dc-card-border);
  border-radius: 0 !important;
  background: var(--dc-card-chrome) !important;
  color: var(--dc-card-text);
  font-size: var(--core-control-label-size);
  line-height: 1.35;
}
.desk-card-shell .desk-card-tabs {
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
}
.desk-card-shell .desk-card-tabs > * { flex-shrink: 0; }
.desk-card-shell .desk-card-tabs :is(button, [role='tab']) {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--dc-card-muted) !important;
  white-space: nowrap;
}
.desk-card-shell .desk-card-tabs :is([aria-selected='true'], [aria-pressed='true'], [data-state='active']) {
  color: var(--dc-card-text) !important;
  box-shadow: inset 0 -1px 0 hsl(var(--primary));
}
.desk-card-shell :is(button, input, select, textarea):not(.desk-card-preserve-visual *) {
  box-sizing: border-box;
  min-width: 0;
  font-size: 11px !important;
  line-height: 1.35 !important;
  border-radius: min(3px, var(--dc-card-radius)) !important;
}
.desk-card-shell button:not(.desk-card-preserve-visual *):not([role='checkbox'], [role='switch']) {
  min-height: var(--core-control-height) !important;
  height: auto !important;
  padding: 2px 6px !important;
  gap: 3px !important;
  box-shadow: var(--core-relief);
}
.desk-card-shell button:is(.w-5, .w-6, .w-7, .w-8, .w-9, .w-10):has(> svg:only-child):not(.desk-card-preserve-visual *) {
  width: 22px !important;
  height: 22px !important;
  flex-shrink: 0;
  padding: 3px !important;
}
.desk-card-shell :is(input, select):not([type='checkbox'], [type='radio'], [type='range'], [type='color'], [type='file']):not(.desk-card-preserve-visual *) {
  height: 22px !important;
  min-height: var(--core-control-height) !important;
  padding: 2px 5px !important;
  background: var(--core-field) !important;
  color: var(--dc-card-text) !important;
  border-color: var(--dc-card-border) !important;
}
.desk-card-shell textarea:not(.desk-card-preserve-visual *) {
  min-height: 48px;
  padding: 4px !important;
  background: var(--core-field) !important;
  color: var(--dc-card-text) !important;
  border-color: var(--dc-card-border) !important;
}
.desk-card-shell :is(button, a, input, select, textarea):focus-visible {
  outline: 1px solid hsl(var(--ring));
  outline-offset: 1px;
}
.desk-card-shell button:not(.desk-card-preserve-visual *):hover:not(:disabled) { background-color: hsl(var(--accent)); }
.desk-card-shell button:disabled { opacity: .45; cursor: default; }
.desk-card-shell :is(button, .desk-card-topbar, .desk-card-tabs) svg.lucide:not(.desk-card-preserve-visual *) {
  width: 13px !important;
  height: 13px !important;
  flex-shrink: 0;
}
.desk-card-shell .desk-card-surface { background: var(--dc-card-surface) !important; color: var(--dc-card-text) !important; }
.desk-card-shell .desk-card-body { padding: 4px !important; gap: 4px !important; min-height: 0; min-width: 0; }
.desk-card-shell .desk-card-body-scroll { flex: 1; min-height: 0; overflow: auto; }
.desk-card-shell .desk-card-section { margin: 0 !important; padding: 4px !important; }
.desk-card-shell .desk-card-display { font-size: 26px !important; line-height: 1.2; }
/* Legacy cards inherit density until their semantic regions above are used. */
.desk-card-shell .desk-card-content :is(.p-3, .p-4, .p-5, .p-6, .p-8):not(.desk-card-preserve-visual *) { padding: 4px !important; }
.desk-card-shell .desk-card-content :is(.px-3, .px-4, .px-5, .px-6, .px-8):not(.desk-card-preserve-visual *) { padding-inline: 4px !important; }
.desk-card-shell .desk-card-content :is(.py-3, .py-4, .py-5, .py-6, .py-8):not(.desk-card-preserve-visual *) { padding-block: 4px !important; }
.desk-card-shell .desk-card-content :is(.gap-2, .gap-3, .gap-4, .gap-5, .gap-6, .gap-8):not(.desk-card-preserve-visual *) { gap: 4px !important; }
.desk-card-shell .desk-card-content :is(.space-y-2, .space-y-3, .space-y-4, .space-y-6) > :not([hidden]):not(.desk-card-preserve-visual *) ~ :not([hidden]) { margin-top: 4px !important; }
.desk-card-shell .desk-card-content :is(.text-xs, .text-sm, .text-base, h1, h2, h3, h4, label):not(.desk-card-preserve-visual *) { font-size: 11px !important; line-height: 1.35 !important; }
.desk-card-shell .desk-card-content :is(.bg-neutral-900, .bg-black, .bg-white, .bg-\[\#141414\], .bg-\[\#1a1a1a\]):not(.desk-card-preserve-visual *) { background: var(--dc-card-surface) !important; color: var(--dc-card-text) !important; }
.desk-card-shell .desk-card-content :is(.text-white, .text-white\/50, .text-white\/60):not(.desk-card-preserve-visual *, .desk-card-image-caption) { color: var(--dc-card-text) !important; }
.desk-card-shell .desk-card-content :is(.text-white\/30, .text-white\/35, .text-white\/40):not(.desk-card-preserve-visual *) { color: var(--dc-card-muted) !important; }
.desk-card-shell .desk-card-content :is(.min-h-screen, .h-screen):not(.desk-card-preserve-visual *) { min-height: 0 !important; height: 100% !important; }
.desk-card-shell .desk-card-footer { flex-shrink: 0; min-height: 24px; padding: 0 4px !important; border-top: 1px solid var(--dc-card-border); background: var(--dc-card-chrome) !important; }
.desk-card-shell .desk-card-timer { align-items: stretch; gap: 4px; padding: 0; }
.desk-card-shell .desk-card-timer > .desk-card-tabs { justify-content: flex-start; }
.desk-card-shell .desk-card-empty { padding: 8px !important; min-height: 0 !important; }
.desk-card-shell .desk-card-meals table { min-width: 0 !important; table-layout: fixed; }
.desk-card-shell .desk-card-meals :is(th, td) { padding: 2px !important; font-size: 10px; }
.desk-card-shell .desk-card-meals th:first-child { width: 52px; }
.desk-card-shell .desk-card-topbar .desk-card-subtitle { display: none; }

.desk-card-shell .desk-card-embed { min-height: 0 !important; }
.desk-card-shell .desk-card-topbar { position: sticky; top: 0; z-index: 2; }
.desk-card-shell .desk-card-composer { display: flex; flex-direction: column; gap: 3px; }
.desk-card-shell .desk-card-composer textarea { width: 100%; resize: vertical; max-height: 96px; }
.desk-card-shell .desk-card-command-list { display: flex; flex-wrap: wrap; gap: 3px; }
.desk-card-shell .desk-card-content :is([class*='border-white/']):not(.desk-card-preserve-visual *, .desk-card-image-caption *) { border-color: var(--dc-card-border) !important; }
.desk-card-shell .desk-card-content :is([class*='bg-black/'], [class*='bg-white/']):not(.desk-card-preserve-visual *, .desk-card-image-caption, .desk-card-image-caption *) { background-color: hsl(var(--muted) / .35) !important; }
.desk-card-shell .desk-card-content :is([class*='text-white/']):not(.desk-card-preserve-visual *, .desk-card-image-caption, .desk-card-image-caption *) { color: var(--dc-card-text) !important; }
.desk-card-shell .desk-card-quotes > .absolute { display: none; }
.desk-card-shell .desk-card-quotes { background: var(--dc-card-surface); color: var(--dc-card-text); }
.desk-card-shell .desk-card-content[data-desk-card-id='tasks'] button > div:first-child { width: 13px; height: 13px; border-width: 1px; border-radius: 2px; }
.desk-card-shell .desk-card-content .desk-card-empty :is(.w-14, .w-28) { width: 28px; height: 28px; }
.desk-card-shell .desk-card-content :is(.mb-3, .mb-4):not(.desk-card-preserve-visual *) { margin-bottom: 4px !important; }
.desk-card-shell .desk-card-content :is(.mt-3, .mt-4):not(.desk-card-preserve-visual *) { margin-top: 4px !important; }
.desk-card-shell .desk-card-presentation > .desk-card-body-scroll { flex: 1; }

.desk-card-shell .desk-card-content :is(header, [role='tablist']):not(.desk-card-preserve-visual *) { min-height: 24px; padding: 0 4px; }
.desk-card-shell .desk-card-content [contenteditable='true'] { min-height: 80px; padding: 4px; }
.desk-card-shell .desk-card-content .desk-card-section > .desk-card-topbar { position: relative; }
.desk-card-shell .desk-card-inset > .desk-card-presentation { flex: 1; }

.desk-card-shell .desk-card-channel-header { height: auto !important; flex-wrap: wrap; }
.desk-card-shell .desk-card-channel-header > div { min-width: 0; }
.desk-card-shell .desk-card-channel-header > div:first-child > span { display: none; }

.desk-card-shell .desk-card-brand { width: 28px; height: 16px; }

/* Dismiss the card without affecting the application data it contains. */
.desk-card-shell button.desk-card-close {
  position: absolute; top: 3px; right: 3px; z-index: 30;
  display: flex; align-items: center; justify-content: center;
  width: 16px !important; height: 16px !important; min-height: 16px !important;
  padding: 2px !important; border: 0; background: var(--dc-card-chrome);
  color: var(--dc-card-muted); border-radius: 2px !important;
}
.desk-card-shell button.desk-card-close svg { width: 11px !important; height: 11px !important; }
.desk-card-shell button.desk-card-close:hover { color: var(--dc-card-text); }
.desk-card-shell:has(.desk-card-close) .desk-card-inset > .desk-card-topbar,
.desk-card-shell:has(.desk-card-close) .desk-card-presentation > .desk-card-topbar,
.desk-card-shell:has(.desk-card-close) .desk-card-content > * > .desk-card-topbar:first-child,
.desk-card-shell:has(.desk-card-close) .desk-card-content > * > .desk-card-section:first-child .desk-card-topbar:first-child,
.desk-card-shell:has(.desk-card-close) .desk-card-content > * > .desk-card-tabs:first-child { padding-right: 24px !important; }

/* Body regions share Primary UI's faces, field wells, and rows. */
.desk-card-shell { font-family: var(--font-sans); }
.desk-card-shell button:not(.desk-card-preserve-visual *, .desk-card-close) {
  background: var(--core-button); border: 1px solid var(--core-button-line);
  color: var(--core-ink); box-shadow: var(--core-relief);
}
.desk-card-shell button:not(.desk-card-preserve-visual *, .desk-card-close):hover:not(:disabled) { background: var(--core-hover); }
.desk-card-shell button:not(.desk-card-preserve-visual *):is([aria-pressed='true'], [aria-selected='true']) { background: var(--core-selected) !important; color: var(--core-ink) !important; }
.desk-card-shell :is(input, textarea, select):not(.desk-card-preserve-visual *) { border: 1px solid var(--core-button-line); box-shadow: var(--core-inset); color: var(--core-ink) !important; }
.desk-card-shell .desk-card-body { padding: 0 !important; }
.desk-card-shell :is(.desk-notes-list, .desk-tasks-list, .desk-artists-list, .desk-show-list) { padding: 4px; }
.desk-card-shell .desk-item-row { border-bottom: 1px solid var(--core-line); border-radius: 0 !important; background: transparent !important; padding: 5px 4px !important; margin: 0 !important; }
.desk-card-shell .desk-item-row:hover { background: var(--core-hover) !important; }
.desk-card-shell .desk-item-row :is(.opacity-0, .opacity-0.group-hover\:opacity-100) { opacity: .7; }
.desk-card-shell .desk-inline-form { padding: 5px !important; margin: 0 !important; background: var(--core-frame) !important; border: 0; border-bottom: 1px solid var(--core-line); border-radius: 0; }
.desk-card-shell .desk-empty-action { margin: 4px; width: calc(100% - 8px); display: flex; gap: 6px; align-items: center; border: 1px dashed var(--core-button-line); padding: 8px !important; background: var(--core-frame) !important; }
.desk-card-shell .desk-empty-action p { margin: 0; }
.desk-card-shell .desk-card-caption { border-top: 1px solid var(--core-line); padding: 5px; color: var(--core-muted); font-size: 10px; }
.desk-card-shell :is(.desk-meal-card, .desk-focus-timer, .desk-pomodoro-card, .desk-subscriptions-card, .desk-radio-card) { display: flex; height: 100%; min-height: 0; flex-direction: column; background: var(--core-panel); }
.desk-card-shell .desk-meal-days { display: grid; grid-template-columns: repeat(7, minmax(0,1fr)); gap: 2px; padding: 4px; }
.desk-card-shell .desk-meal-days button { padding-inline: 0 !important; }
.desk-card-shell .desk-meal-row { display: grid; grid-template-columns: 68px minmax(0,1fr) 22px; gap: 4px; align-items: center; border-bottom: 1px solid var(--core-line); padding: 8px 5px; }
.desk-card-shell .desk-timer-face { display: flex; flex: 1; min-height: 0; align-items: center; justify-content: center; flex-direction: column; gap: 8px; padding: 10px; }
.desk-card-shell .desk-timer-face strong { font-size: clamp(30px, 12cqi, 44px); line-height: 1; font-weight: 400; font-variant-numeric: tabular-nums; letter-spacing: -.03em; }
.desk-card-shell .desk-timer-face strong span { color: var(--core-muted); }
.desk-card-shell .desk-timer-status { font-size: 10px; color: var(--core-muted); text-transform: uppercase; letter-spacing: .06em; }
.desk-card-shell .desk-timer-track { width: 100%; max-width: 180px; height: 3px; background: var(--core-field); }
.desk-card-shell .desk-timer-track span { display: block; height: 100%; background: hsl(var(--primary)); }
.desk-card-shell .desk-timer-actions { display: flex; gap: 4px; padding: 5px; border-top: 1px solid var(--core-line); }
.desk-card-shell .desk-timer-actions button:first-child { flex: 1; }
.desk-card-shell .desk-sound-row { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 3px; padding: 4px; }
.desk-card-shell .desk-sound-row button { display: flex; align-items: center; justify-content: center; }
.desk-card-shell .desk-insights { border-top: 1px solid var(--core-line); padding: 5px; }
.desk-card-shell .desk-insights summary { cursor: pointer; color: var(--core-muted); }
.desk-card-shell .desk-insights p { border-left: 2px solid hsl(var(--primary)); margin: 5px 0; padding-left: 5px; }
.desk-card-shell .desk-clock-meta { display: flex; flex-direction: column; align-items: center; gap: 3px; color: var(--core-muted); font-size: 10px; }
.desk-card-shell .desk-clock-card > div:nth-child(2) { font-size: 22px; line-height: 1.2; }
.desk-card-shell .desk-date-card { padding: 6px; height: 100%; display: flex; flex-direction: column; gap: 5px; }
.desk-card-shell .desk-date-summary { display: flex; gap: 10px; align-items: center; padding: 5px; border-bottom: 1px solid var(--core-line); }
.desk-card-shell .desk-date-summary strong { font-size: 38px; line-height: 1; font-weight: 400; }
.desk-card-shell .desk-date-summary > div { display: flex; flex-direction: column; gap: 3px; }
.desk-card-shell .desk-date-month { display: flex; align-items: center; justify-content: space-between; }
.desk-card-shell .desk-date-grid { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 2px; }
.desk-card-shell .desk-date-grid > span { text-align: center; min-height: 22px; display: flex; justify-content: center; align-items: center; }
.desk-card-shell .desk-date-weekday { color: var(--core-muted); font-size: 10px; }
.desk-card-shell .desk-date-grid [aria-current='date'] { background: var(--core-selected); border: 1px solid var(--core-button-line); }
.desk-card-shell .desk-subscriptions-card > .desk-subscription-list { flex: 1; min-height: 0; overflow: auto; order: 3; }
.desk-card-shell .desk-subscriptions-card > .desk-inline-form { order: 2; flex-shrink: 0; max-height: 220px; overflow: auto; }
.desk-card-shell .desk-subscriptions-card > .desk-card-topbar { order: 0; }
.desk-card-shell .desk-subscriptions-card > p { order: 1; margin: 0; padding: 6px; }
.desk-card-shell .desk-quotes-body { display: flex; height: 100%; flex-direction: column; padding: 0 !important; }
.desk-card-shell .desk-quote-text { flex: 1; text-align: left; padding: 12px !important; display: flex; flex-direction: column; justify-content: center; }
.desk-card-shell .desk-quote-text > p:first-child { font-size: 17px !important; line-height: 1.55; font-style: normal; border-left: 2px solid hsl(var(--primary)); padding-left: 9px; }
.desk-card-shell .desk-card-quotes { height: 100%; }
.desk-card-shell .desk-radio-stations { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 3px; padding: 4px; }
.desk-card-shell .desk-radio-stations button { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.desk-card-shell .desk-website-preview { background: var(--core-frame); border-bottom: 1px solid var(--core-line); }
.desk-card-shell .desk-website-identity { display: flex; align-items: center; gap: 8px; text-align: left; padding: 8px; }
.desk-card-shell .desk-website-identity > div:first-child { width: 32px; height: 32px; margin: 0; border-radius: 3px; flex-shrink: 0; }
.desk-card-shell .desk-website-identity > div:first-child img { width: 20px; height: 20px; }
.desk-card-shell .desk-website-footer { display: flex; flex-wrap: wrap; gap: 4px; padding: 5px !important; border-top: 1px solid var(--core-line); }
.desk-card-shell .desk-website-footer > span { flex-basis: 100%; font-size: 10px; }

.desk-card-shell .desk-calendar-entry { padding: 4px !important; }
.desk-card-shell .desk-calendar-entry > div { display: grid; grid-template-columns: minmax(0,1fr) 110px 38px; gap: 3px; }
.desk-card-shell .desk-calendar-entry input { width: 100% !important; }
.desk-card-shell .desk-calendar-month { gap: 2px !important; }
.desk-card-shell .desk-calendar-month > div { gap: 1px; }
.desk-card-shell .desk-calendar-month button { width: 100%; height: 24px !important; border-radius: 2px !important; }
.desk-card-shell .desk-journal-editor { padding: 5px !important; background: var(--core-frame); }
.desk-card-shell .desk-journal-page { padding: 5px; background: var(--core-panel); border: 1px solid var(--core-line); }
.desk-card-shell .desk-journal-page [contenteditable] { min-height: 100px; font-size: 11px; }
.desk-card-shell .desk-journal-switcher { display: flex; gap: 4px; padding: 4px; border-bottom: 1px solid var(--core-line); }
.desk-card-shell .desk-journal-switcher select { flex: 1; min-width: 0; }
.desk-card-shell .desk-journal-switcher button { flex-shrink: 0; }
.desk-card-shell .desk-youtube-body { flex: 1; min-height: 0; overflow-y: auto; }
.desk-card-shell:has(.desk-card-close) .desk-card-topbar { padding-right: 24px !important; }
.desk-card-shell .desk-youtube-card { background: var(--core-panel) !important; gap: 3px !important; padding: 4px !important; }
.desk-card-shell .desk-chat-welcome { align-items: stretch; text-align: left; padding: 8px !important; }
.desk-card-shell .desk-chat-welcome > div:last-child { justify-content: flex-start; }
.desk-card-shell .desk-chat-welcome > div:not(:last-child) { display: none; }
.desk-card-shell .desk-chat-message > div { border-radius: 2px; font-size: 11px; line-height: 1.5; }
.desk-card-shell .desk-card-composer { padding: 5px !important; background: var(--core-field); }
.desk-card-shell .desk-card-composer textarea { border: 1px solid var(--core-button-line); }

.desk-card-shell > .desk-card-topbar { padding-right: 24px !important; }
.desk-card-shell .desk-card-topbar > div { min-width: 0; }

.desk-card-shell .desk-card-content { background: var(--core-panel); color: var(--core-ink); }
.desk-card-shell .desk-card-content :is(.text-foreground, .text-card-foreground):not(.desk-card-preserve-visual *) { color: var(--core-ink) !important; }
.desk-card-shell .desk-card-content .text-muted-foreground:not(.desk-card-preserve-visual *) { color: var(--core-muted) !important; }
.desk-card-restore-actions { display: flex; gap: 4px; padding: 4px 0; }
.desk-card-restore-actions button { height: var(--core-control-height); font-size: var(--core-control-label-size); padding: 0 6px; color: var(--core-ink); border: 1px solid var(--core-button-line); background: var(--core-button); box-shadow: var(--core-relief); }
/* Creative Index — literal port of `Index & Exchange.dc.html` (RD / EmPro UI kit).
 * Scoped under #ix-literal-root: the ID outranks the sitewide `html.site-font-active …`
 * and sharp-corners `!important` rules, which would otherwise flatten this design. */

#ix-literal-root {
  --ixl-frame-bg: #121214;
  --ixl-frame-line: #1e1e20;
  --ixl-raised: linear-gradient(180deg, #26262a, #1b1b1e);
  --ixl-raised-on: linear-gradient(180deg, #323236, #222226);
  --ixl-tree-bg: #141416;
  --ixl-tree-on: linear-gradient(180deg, #2b2b2f, #202024);
  --ixl-well-bg: #0d0d0e;
  --ixl-topbar: linear-gradient(180deg, #1d1d20, #171719);
  --ixl-input-bg: #0c0c0d;
  --ixl-inset-bg: #0e0e10;
  --ixl-card: linear-gradient(180deg, #1e1e21, #17171a);
  --ixl-avatar: linear-gradient(180deg, #2b2b2f, #1c1c1f);
  --ixl-tag-bg: rgba(255, 255, 255, 0.045);
  --ixl-hover-bg: rgba(255, 255, 255, 0.045);
  --ixl-hi: rgba(255, 255, 255, 0.07);
  --ixl-hi-strong: rgba(255, 255, 255, 0.1);
  --ixl-lo: rgba(0, 0, 0, 0.55);
  --ixl-drop: rgba(0, 0, 0, 0.5);
  --ixl-card-hover: linear-gradient(180deg, #232327, #1b1b1e);
  --ixl-skill-on: linear-gradient(180deg, #2e2e33, #222226);
  --ixl-accent-line: #cfcdc5;
  --ixl-detail-bg: #0f0f11;
  --ixl-primary-bg: linear-gradient(180deg, #dedcd4, #a8a6a0);
  --ixl-primary-bg-hover: linear-gradient(180deg, #eceae2, #b4b2ab);
  --ixl-primary-ink: #0f0f10;
  /* Dark mode: every text role is pure white — no warm/gold greys. */
  --ixl-ink: #ffffff;
  --ixl-ink-1: var(--ixl-ink);
  --ixl-ink-2: var(--ixl-ink);
  --ixl-ink-3: var(--ixl-ink);
  --ixl-ink-4: var(--ixl-ink);
  --ixl-ink-5: var(--ixl-ink);
  --ixl-ink-6: var(--ixl-ink);
  --ixl-ink-7: var(--ixl-ink);
  --ixl-ink-8: var(--ixl-ink);
  --ixl-ink-9: var(--ixl-ink);
  --ixl-ink-10: var(--ixl-ink);
  --ixl-ink-11: var(--ixl-ink);
  --ixl-ink-12: var(--ixl-ink);

  display: flex;
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  background: var(--ixl-frame-bg);
  border: 1px solid var(--ixl-frame-line);
  -webkit-font-smoothing: antialiased;
}

#ix-literal-root,
#ix-literal-root :where(*:not(.ixl-host, .ixl-host *)) {
  box-sizing: border-box;
  font-family: 'IBM Plex Sans', system-ui, sans-serif !important;
  font-feature-settings: normal !important;
}

#ix-literal-root .ixl-mono,
#ix-literal-root .ixl-mono * {
  font-family: 'IBM Plex Mono', ui-monospace, monospace !important;
}

#ix-literal-root :where(button:not(.ixl-host *)),
#ix-literal-root :where(input:not(.ixl-host *)) {
  margin: 0;
  border: 0;
  outline: none;
  background: none;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  text-align: inherit;
}

#ix-literal-root button {
  cursor: pointer;
}

/* ── Workspace rail ─────────────────────────────────────────── */
#ix-literal-root .ixl-rail {
  position: relative;
  z-index: 2;
  display: flex;
  width: 48px;
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  padding: 8px 0;
  background: var(--ixl-raised);
  box-shadow:
    inset 0 1px 0 var(--ixl-hi),
    2px 0 4px rgba(0, 0, 0, 0.6);
}

#ix-literal-root .ixl-rail-btn {
  display: flex;
  width: 40px;
  height: 40px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  border-radius: 3px !important;
  color: var(--ixl-ink-9);
}

#ix-literal-root .ixl-rail-btn:hover {
  color: var(--ixl-ink);
  background: rgba(255, 255, 255, 0.05);
}

#ix-literal-root .ixl-rail-btn[data-active='true'] {
  color: var(--ixl-ink-2);
  background: var(--ixl-raised-on);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    inset 0 -1px 0 rgba(0, 0, 0, 0.6),
    0 1px 2px var(--ixl-drop);
}

#ix-literal-root .ixl-rail-btn span {
  font-size: 8px;
  line-height: 1;
  letter-spacing: 0.02em;
}

/* ── Tree sidebar ───────────────────────────────────────────── */
#ix-literal-root .ixl-tree,
#ix-literal-root .ixl-item,
#ix-literal-root .ixl-item span {
  text-transform: none;
}

#ix-literal-root .ixl-tree {
  display: flex;
  width: 200px;
  flex-shrink: 0;
  flex-direction: column;
  gap: 12px;
  padding: 8px 6px;
  overflow-y: auto;
  background: var(--ixl-tree-bg);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    inset -1px 0 0 rgba(0, 0, 0, 0.75);
}

#ix-literal-root .ixl-group {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

#ix-literal-root .ixl-group-head {
  display: flex;
  height: 22px;
  align-items: center;
  gap: 6px;
  padding: 0 6px;
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--ixl-ink-7);
}

#ix-literal-root .ixl-group-head .ixl-caret {
  font-size: 9px;
}

#ix-literal-root .ixl-item {
  display: flex;
  height: 24px;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  padding: 0 8px;
  border-radius: 2px !important;
  font-size: 12px;
  color: var(--ixl-ink-5);
}

#ix-literal-root .ixl-item:hover {
  color: var(--ixl-ink);
  background: var(--ixl-hover-bg);
}

#ix-literal-root .ixl-item > span:first-child {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#ix-literal-root .ixl-item .ixl-count {
  flex-shrink: 0;
  font-size: 10px;
  color: var(--ixl-ink-11);
}

#ix-literal-root .ixl-item[data-active='true'] {
  font-weight: 500;
  color: var(--ixl-ink-1);
  background: var(--ixl-tree-on);
  box-shadow:
    inset 0 1px 0 var(--ixl-hi-strong),
    inset 0 -1px 0 var(--ixl-lo),
    0 1px 2px rgba(0, 0, 0, 0.45);
}

#ix-literal-root .ixl-item[data-active='true'] .ixl-count {
  color: var(--ixl-ink-4);
}

/* ── Main column ────────────────────────────────────────────── */
#ix-literal-root .ixl-main {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  flex-direction: column;
  background: var(--ixl-well-bg);
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.045);
}

#ix-literal-root .ixl-topbar {
  position: relative;
  z-index: 1;
  display: flex;
  height: 34px;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  padding: 0 8px;
  background: var(--ixl-topbar);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 1px 0 rgba(0, 0, 0, 0.75);
}

#ix-literal-root .ixl-search {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  height: 22px;
  align-items: center;
  gap: 8px;
  padding: 0 9px;
  border-radius: 2px !important;
  font-size: 12px;
  color: var(--ixl-ink-10);
  background: var(--ixl-input-bg);
  box-shadow:
    inset 0 1px 3px rgba(0, 0, 0, 0.85),
    inset 0 0 0 1px rgba(255, 255, 255, 0.045);
}

#ix-literal-root .ixl-search input {
  min-width: 0;
  flex: 1 1 auto;
  height: 100%;
  padding: 0;
  border-radius: 0 !important;
  font-size: 12px;
  color: var(--ixl-ink-2);
  box-shadow: none;
}

#ix-literal-root .ixl-search input::-moz-placeholder {
  color: var(--ixl-ink-10);
  opacity: 1;
}

#ix-literal-root .ixl-search input::placeholder {
  color: var(--ixl-ink-10);
  opacity: 1;
}

#ix-literal-root .ixl-results {
  flex-shrink: 0;
  font-size: 10px;
  color: var(--ixl-ink-12);
}

#ix-literal-root .ixl-actions {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
}

#ix-literal-root .ixl-chip {
  display: flex;
  height: 22px;
  align-items: center;
  padding: 0 9px;
  border-radius: 2px !important;
  font-size: 11px;
  white-space: nowrap;
  color: var(--ixl-ink);
  background: var(--ixl-raised);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    inset 0 -1px 0 var(--ixl-lo),
    0 1px 2px var(--ixl-drop);
}

#ix-literal-root .ixl-chip:hover {
  color: var(--ixl-ink);
}

#ix-literal-root .ixl-chip[data-active='true'] {
  background: var(--ixl-skill-on);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    inset 0 -2px 0 var(--ixl-accent-line),
    0 1px 3px rgba(0, 0, 0, 0.6);
}

/* Hybrid pages: existing gallery rendered inside the literal shell keeps its own
 * fonts and controls (see the :not(.ixl-host *) guards on the resets above). */
#ix-literal-root .ixl-host {
  height: 100%;
  min-height: 0;
}

/* ── Industry Notes merged sidebar ──────────────────────────── */
#ix-literal-root .ixl-tree--custom {
  width: 260px;
  padding: 0;
}

#ix-literal-root .ixl-notes {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px 8px 16px;
}

#ix-literal-root .ixl-notes-head {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 0 6px;
}

#ix-literal-root .ixl-notes-title {
  margin: 0 0 4px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.02em;
  text-transform: none;
  color: var(--ixl-ink);
}

#ix-literal-root .ixl-notes-date {
  font-size: 10px;
  color: var(--ixl-ink);
}

#ix-literal-root .ixl-notes-search {
  flex: 0 0 auto;
  height: 26px;
}

#ix-literal-root .ixl-notes-blurb {
  margin: 0;
  padding: 0 6px;
  font-size: 11px;
  line-height: 1.5;
  color: var(--ixl-ink);
}

#ix-literal-root .ixl-tree--custom {
  overflow: hidden;
}

#ix-literal-root .ixl-notes {
  height: 100%;
  min-height: 0;
}

#ix-literal-root .ixl-notes > * {
  flex-shrink: 0;
}

#ix-literal-root .ixl-notes-about {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px 0;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    inset 0 -1px 0 rgba(255, 255, 255, 0.06);
}

#ix-literal-root .ixl-notes-rotation {
  padding: 0 6px;
  font-size: 10px;
  color: var(--ixl-ink);
}

#ix-literal-root .ixl-notes > .ixl-notes-index {
  display: flex;
  min-height: 160px;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 2px;
}

#ix-literal-root .ixl-notes-index-list {
  min-height: 0;
  flex: 1 1 auto;
  overflow-y: auto;
}

#ix-literal-root .ixl-notes-entry {
  display: flex;
  width: 100%;
  flex-direction: column;
  padding: 6px 8px;
  text-transform: none;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.04);
}

#ix-literal-root .ixl-notes-entry:hover {
  background: var(--ixl-hover-bg);
}

#ix-literal-root .ixl-notes-entry-title {
  font-size: 11.5px;
  line-height: 1.35;
  color: var(--ixl-ink);
}

#ix-literal-root .ixl-notes-entry-meta {
  margin-top: 2px;
  font-size: 9.5px;
  color: var(--ixl-ink);
}

#ix-literal-root .ixl-body {
  min-height: 0;
  flex: 1 1 auto;
  overflow-y: auto;
}

/* ── Professional grid + card ───────────────────────────────── */
#ix-literal-root .ixl-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows: min-content;
  gap: 12px;
  padding: 12px;
}

#ix-literal-root .ixl-grid--4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

#ix-literal-root .ixl-grid-cell {
  display: contents;
}

#ix-literal-root .ixl-topbar-title {
  flex: 1 1 auto;
  padding: 0 4px;
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ixl-ink);
}

#ix-literal-root .ixl-grid--1 {
  grid-template-columns: minmax(0, 1fr);
}

/* ── Jobs (screen 04) ───────────────────────────────────────── */
#ix-literal-root .ixl-job {
  gap: 9px;
}

#ix-literal-root .ixl-job-head {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

#ix-literal-root .ixl-job-who {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 2px;
}

#ix-literal-root .ixl-job-title {
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--ixl-ink);
}

#ix-literal-root .ixl-job-star {
  display: grid;
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  place-items: center;
  border-radius: 2px !important;
  font-size: 11px;
  color: var(--ixl-ink);
  background: var(--ixl-raised);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    inset 0 -1px 0 var(--ixl-lo),
    0 1px 2px var(--ixl-drop);
}

#ix-literal-root .ixl-job-mode {
  height: 19px;
  padding: 0 7px;
  font-size: 9.5px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

@media (max-width: 1280px) {
  #ix-literal-root .ixl-grid--4 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1100px) {
  #ix-literal-root .ixl-grid,
  #ix-literal-root .ixl-grid--4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* ── Studio card (screen 02) ────────────────────────────────── */
#ix-literal-root .ixl-scard {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 3px !important;
  background: var(--ixl-card);
  box-shadow:
    inset 0 1px 0 var(--ixl-hi),
    inset 0 0 0 1px rgba(255, 255, 255, 0.03),
    0 1px 2px rgba(0, 0, 0, 0.6);
}

#ix-literal-root .ixl-scard-cover {
  height: 74px;
  overflow: hidden;
  background: var(--ixl-input-bg);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.8);
}

#ix-literal-root .ixl-scard-cover img {
  display: block;
  width: 100%;
  height: 74px;
  -o-object-fit: cover;
     object-fit: cover;
  filter: saturate(0.7) brightness(0.8) contrast(1.05);
}

#ix-literal-root .ixl-scard-initials {
  display: grid;
  height: 74px;
  place-items: center;
  font-size: 15px;
  letter-spacing: 0.14em;
  color: var(--ixl-ink);
  background: linear-gradient(160deg, #26262a, #141416);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    inset 0 -1px 0 rgba(0, 0, 0, 0.8);
}

#ix-literal-root .ixl-scard-body {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 9px 11px 11px;
}

#ix-literal-root .ixl-scard-kicker {
  font-size: 9.5px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ixl-ink);
}

#ix-literal-root .ixl-scard-title {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--ixl-ink);
}

#ix-literal-root .ixl-scard-sub {
  font-size: 11.5px;
  color: var(--ixl-ink);
}

#ix-literal-root .ixl-scard-meta {
  margin-top: 2px;
  font-size: 10px;
  color: var(--ixl-ink);
}

/* Screen 03 — venue cards (taller cover + title) */
#ix-literal-root .ixl-scard--venue .ixl-scard-cover,
#ix-literal-root .ixl-scard--venue .ixl-scard-cover img,
#ix-literal-root .ixl-scard--venue .ixl-scard-initials {
  height: 104px;
}

#ix-literal-root .ixl-scard--venue .ixl-scard-cover img {
  height: 104px;
}

#ix-literal-root .ixl-scard--venue .ixl-scard-initials {
  font-size: 17px;
}

#ix-literal-root .ixl-scard--venue .ixl-scard-body {
  padding: 10px 12px 12px;
}

#ix-literal-root .ixl-scard--venue .ixl-scard-title {
  font-size: 14px;
}

@media (max-width: 720px) {
  #ix-literal-root .ixl-grid,
  #ix-literal-root .ixl-grid--4 {
    grid-template-columns: minmax(0, 1fr);
  }

  #ix-literal-root .ixl-tree {
    display: none;
  }
}

#ix-literal-root .ixl-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 11px 12px 12px;
  border-radius: 3px !important;
  background: var(--ixl-card);
  box-shadow:
    inset 0 1px 0 var(--ixl-hi),
    inset 0 0 0 1px rgba(255, 255, 255, 0.03),
    0 1px 2px rgba(0, 0, 0, 0.6);
}

#ix-literal-root .ixl-card-head {
  display: flex;
  align-items: center;
  gap: 9px;
}

#ix-literal-root .ixl-avatar {
  display: grid;
  width: 34px;
  height: 34px;
  flex-shrink: 0;
  place-items: center;
  border-radius: 2px !important;
  font-size: 11px;
  letter-spacing: 0.06em;
  color: var(--ixl-ink-3);
  background: var(--ixl-avatar);
  box-shadow:
    inset 0 1px 0 var(--ixl-hi-strong),
    inset 0 -1px 0 rgba(0, 0, 0, 0.6),
    0 1px 2px var(--ixl-drop);
}

#ix-literal-root .ixl-avatar--photo {
  overflow: hidden;
  padding: 0;
}

#ix-literal-root .ixl-avatar--photo img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 2px !important;
}

#ix-literal-root .ixl-who {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 1px;
}

#ix-literal-root .ixl-name-row {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 5px;
}

#ix-literal-root .ixl-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--ixl-ink-2);
}

#ix-literal-root .ixl-check {
  font-size: 10px;
  color: var(--ixl-ink-7);
}

#ix-literal-root .ixl-org {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 11px;
  color: var(--ixl-ink-9);
}

#ix-literal-root .ixl-inset {
  display: flex;
  height: 19px;
  flex-shrink: 0;
  align-items: center;
  padding: 0 6px;
  border-radius: 2px !important;
  font-size: 9.5px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--ixl-ink-4);
  background: var(--ixl-inset-bg);
  box-shadow:
    inset 0 1px 2px rgba(0, 0, 0, 0.8),
    0 1px 0 rgba(255, 255, 255, 0.05);
}

#ix-literal-root .ixl-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

#ix-literal-root .ixl-tag {
  display: flex;
  height: 18px;
  align-items: center;
  padding: 0 6px;
  border-radius: 2px !important;
  font-size: 10px;
  color: var(--ixl-ink-6);
  background: var(--ixl-tag-bg);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

#ix-literal-root .ixl-meta {
  display: flex;
  gap: 12px;
  font-size: 10px;
  color: var(--ixl-ink-11);
}

#ix-literal-root .ixl-blurb {
  font-size: 11.5px;
  line-height: 1.45;
  color: var(--ixl-ink-8);
  text-wrap: pretty;
}

#ix-literal-root .ixl-card-actions {
  display: flex;
  gap: 6px;
  margin-top: auto;
}

#ix-literal-root .ixl-btn {
  display: flex;
  height: 22px;
  align-items: center;
  padding: 0 10px;
  border-radius: 2px !important;
  font-size: 11px;
  color: var(--ixl-ink-3);
  background: var(--ixl-raised);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    inset 0 -1px 0 var(--ixl-lo),
    0 1px 2px var(--ixl-drop);
}

#ix-literal-root .ixl-btn:hover {
  color: var(--ixl-ink-1);
}

#ix-literal-root .ixl-status {
  display: flex;
  height: 22px;
  align-items: center;
  padding: 0 10px;
  border-radius: 2px !important;
  font-size: 11px;
  color: var(--ixl-ink-7);
  background: var(--ixl-inset-bg);
  box-shadow:
    inset 0 1px 2px rgba(0, 0, 0, 0.8),
    0 1px 0 rgba(255, 255, 255, 0.05);
}

#ix-literal-root button.ixl-status:hover {
  color: var(--ixl-ink-1);
}

#ix-literal-root .ixl-empty {
  padding: 16px 12px;
  font-size: 12px;
  color: var(--ixl-ink-9);
}

/* ── Skills (Exchange screen 08) ────────────────────────────── */
#ix-literal-root .ixl-body--split *,
#ix-literal-root .ixl-body--split h2 {
  text-transform: none;
}

#ix-literal-root .ixl-body--split .ixl-inset,
#ix-literal-root .ixl-body--split .ixl-lessons-head,
#ix-literal-root .ixl-body--split .ixl-lesson-state {
  text-transform: uppercase;
}

#ix-literal-root .ixl-body--split .ixl-skill-meta span:first-child {
  text-transform: lowercase;
}

#ix-literal-root .ixl-body--split {
  display: flex;
  overflow: hidden;
}

#ix-literal-root .ixl-skill-list {
  display: flex;
  width: 420px;
  flex-shrink: 0;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  overflow-y: auto;
  box-shadow: inset -1px 0 0 var(--ixl-lo);
}

#ix-literal-root .ixl-skill {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  gap: 5px;
  padding: 11px 12px;
  border-radius: 3px !important;
  color: var(--ixl-ink);
  background: var(--ixl-card);
  box-shadow:
    inset 0 1px 0 var(--ixl-hi),
    inset 0 0 0 1px rgba(255, 255, 255, 0.03),
    0 1px 2px rgba(0, 0, 0, 0.6);
}

#ix-literal-root .ixl-skill:hover {
  background: var(--ixl-card-hover);
}

#ix-literal-root .ixl-skill[data-active='true'] {
  background: var(--ixl-skill-on);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.13),
    inset 0 -2px 0 var(--ixl-accent-line),
    0 2px 3px rgba(0, 0, 0, 0.6);
}

#ix-literal-root .ixl-skill-title {
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--ixl-ink);
}

#ix-literal-root .ixl-skill-meta {
  display: flex;
  gap: 10px;
  font-size: 10px;
  color: var(--ixl-ink);
}

#ix-literal-root .ixl-skill-by {
  font-size: 11.5px;
  color: var(--ixl-ink);
}

#ix-literal-root .ixl-skill-detail {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 14px;
  padding: 20px;
  overflow-y: auto;
  background: var(--ixl-detail-bg);
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.045);
}

#ix-literal-root .ixl-skill-head {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

#ix-literal-root .ixl-skill-head-row {
  display: flex;
  align-items: center;
  gap: 10px;
}

#ix-literal-root .ixl-skill-head-row .ixl-inset {
  height: 20px;
  padding: 0 8px;
  font-size: 10px;
}

#ix-literal-root .ixl-skill-len {
  font-size: 10.5px;
  color: var(--ixl-ink);
}

#ix-literal-root .ixl-skill-heading {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: var(--ixl-ink);
}

#ix-literal-root .ixl-skill-author {
  font-size: 12.5px;
  color: var(--ixl-ink);
}

#ix-literal-root .ixl-tag--lg {
  height: 20px;
  padding: 0 8px;
  font-size: 11px;
}

#ix-literal-root .ixl-lessons {
  display: flex;
  min-height: 0;
  flex: 1 1 auto;
  flex-direction: column;
  overflow: hidden;
  border-radius: 3px !important;
  background: var(--ixl-input-bg);
  box-shadow:
    inset 0 2px 4px rgba(0, 0, 0, 0.9),
    inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

#ix-literal-root .ixl-lessons-head {
  display: flex;
  height: 28px;
  flex-shrink: 0;
  align-items: center;
  padding: 0 12px;
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ixl-ink);
  background: var(--ixl-topbar);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 1px 0 rgba(0, 0, 0, 0.8);
}

#ix-literal-root .ixl-lessons-list {
  margin: 0;
  padding: 0;
  overflow-y: auto;
  list-style: none;
}

#ix-literal-root .ixl-lesson {
  display: flex;
  width: 100%;
  height: 30px;
  align-items: center;
  gap: 10px;
  padding: 0 12px;
  font-size: 12.5px;
  color: var(--ixl-ink);
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.035);
}

#ix-literal-root .ixl-lesson:hover,
#ix-literal-root .ixl-lesson[data-active='true'] {
  background: var(--ixl-hover-bg);
}

#ix-literal-root .ixl-lesson-n {
  width: 18px;
  flex-shrink: 0;
  font-size: 10px;
}

#ix-literal-root .ixl-lesson-title {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#ix-literal-root .ixl-lesson-state {
  flex-shrink: 0;
  font-size: 9.5px;
  letter-spacing: 0.1em;
}

#ix-literal-root .ixl-primary {
  display: flex;
  height: 30px;
  flex-shrink: 0;
  align-self: flex-start;
  align-items: center;
  padding: 0 16px;
  border-radius: 2px !important;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--ixl-primary-ink);
  background: var(--ixl-primary-bg);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.45),
    0 1px 2px rgba(0, 0, 0, 0.7);
}

#ix-literal-root .ixl-primary:hover {
  background: var(--ixl-primary-bg-hover);
}

@media (max-width: 1100px) {
  #ix-literal-root .ixl-skill-list {
    width: 300px;
  }
}

/* ── Theme pass ───────────────────────────────────────────────
 * Current Desk Dark (`deskdark`) is not listed, so the hardcoded kit above stays.
 * Other modes remap surfaces from the site tokens in src/styles/base.css.
 * Dark themes keep pure white ink. Light themes use --foreground. */

:is(
  html.light,
  html.desklight,
  html.ableton,
  html.brooklet,
  html.airbus,
  html.sketchpad,
  html.night,
  html.grun,
  html.caffe,
  html.xwing,
  html.kumquat,
  html.deskdarklegacy,
  html.starnight,
  html.algae,
  html.forrestville,
  .component-theme-scope.light,
  .component-theme-scope.desklight,
  .component-theme-scope.ableton,
  .component-theme-scope.brooklet,
  .component-theme-scope.airbus,
  .component-theme-scope.sketchpad,
  .component-theme-scope.night,
  .component-theme-scope.grun,
  .component-theme-scope.caffe,
  .component-theme-scope.xwing,
  .component-theme-scope.kumquat,
  .component-theme-scope.deskdarklegacy,
  .component-theme-scope.starnight,
  .component-theme-scope.algae,
  .component-theme-scope.forrestville
) #ix-literal-root {
  --ixl-frame-bg: hsl(var(--background));
  --ixl-frame-line: hsl(var(--border));
  --ixl-raised: hsl(var(--card));
  --ixl-raised-on: hsl(var(--accent));
  --ixl-tree-bg: hsl(var(--sidebar));
  --ixl-tree-on: hsl(var(--sidebar-accent));
  --ixl-well-bg: hsl(var(--background));
  --ixl-topbar: hsl(var(--card));
  --ixl-input-bg: hsl(var(--input));
  --ixl-inset-bg: hsl(var(--muted));
  --ixl-card: hsl(var(--card));
  --ixl-avatar: hsl(var(--muted));
  --ixl-tag-bg: color-mix(in srgb, hsl(var(--foreground)) 6%, transparent);
  --ixl-hover-bg: color-mix(in srgb, hsl(var(--foreground)) 6%, transparent);
  --ixl-hi: color-mix(in srgb, hsl(var(--foreground)) 8%, transparent);
  --ixl-hi-strong: color-mix(in srgb, hsl(var(--foreground)) 12%, transparent);
  --ixl-lo: color-mix(in srgb, hsl(var(--foreground)) 16%, transparent);
  --ixl-drop: color-mix(in srgb, hsl(var(--foreground)) 14%, transparent);
  --ixl-card-hover: hsl(var(--accent));
  --ixl-skill-on: hsl(var(--accent));
  --ixl-accent-line: hsl(var(--foreground));
  --ixl-detail-bg: hsl(var(--background));
  --ixl-primary-bg: hsl(var(--foreground));
  --ixl-primary-bg-hover: color-mix(in srgb, hsl(var(--foreground)) 85%, hsl(var(--background)));
  --ixl-primary-ink: hsl(var(--background));
}

:is(
  html.light,
  html.desklight,
  html.ableton,
  html.brooklet,
  html.airbus,
  html.sketchpad,
  .component-theme-scope.light,
  .component-theme-scope.desklight,
  .component-theme-scope.ableton,
  .component-theme-scope.brooklet,
  .component-theme-scope.airbus,
  .component-theme-scope.sketchpad
) #ix-literal-root {
  --ixl-ink: hsl(var(--foreground));
}

:is(
  html.night,
  html.grun,
  html.caffe,
  html.xwing,
  html.kumquat,
  html.deskdarklegacy,
  html.starnight,
  html.algae,
  html.forrestville,
  .component-theme-scope.night,
  .component-theme-scope.grun,
  .component-theme-scope.caffe,
  .component-theme-scope.xwing,
  .component-theme-scope.kumquat,
  .component-theme-scope.deskdarklegacy,
  .component-theme-scope.starnight,
  .component-theme-scope.algae,
  .component-theme-scope.forrestville
) #ix-literal-root {
  --ixl-ink: #ffffff;
}

:is(
  html.light,
  html.desklight,
  html.ableton,
  html.brooklet,
  html.airbus,
  html.sketchpad,
  html.night,
  html.grun,
  html.caffe,
  html.xwing,
  html.kumquat,
  html.deskdarklegacy,
  html.starnight,
  html.algae,
  html.forrestville,
  .component-theme-scope.light,
  .component-theme-scope.desklight,
  .component-theme-scope.ableton,
  .component-theme-scope.brooklet,
  .component-theme-scope.airbus,
  .component-theme-scope.sketchpad,
  .component-theme-scope.night,
  .component-theme-scope.grun,
  .component-theme-scope.caffe,
  .component-theme-scope.xwing,
  .component-theme-scope.kumquat,
  .component-theme-scope.deskdarklegacy,
  .component-theme-scope.starnight,
  .component-theme-scope.algae,
  .component-theme-scope.forrestville
) #ix-literal-root .ixl-rail-btn:hover {
  background: var(--ixl-hover-bg);
}

:is(
  html.light,
  html.desklight,
  html.ableton,
  html.brooklet,
  html.airbus,
  html.sketchpad,
  html.night,
  html.grun,
  html.caffe,
  html.xwing,
  html.kumquat,
  html.deskdarklegacy,
  html.starnight,
  html.algae,
  html.forrestville,
  .component-theme-scope.light,
  .component-theme-scope.desklight,
  .component-theme-scope.ableton,
  .component-theme-scope.brooklet,
  .component-theme-scope.airbus,
  .component-theme-scope.sketchpad,
  .component-theme-scope.night,
  .component-theme-scope.grun,
  .component-theme-scope.caffe,
  .component-theme-scope.xwing,
  .component-theme-scope.kumquat,
  .component-theme-scope.deskdarklegacy,
  .component-theme-scope.starnight,
  .component-theme-scope.algae,
  .component-theme-scope.forrestville
) #ix-literal-root .ixl-scard-initials {
  background: var(--ixl-avatar);
}

:is(
  html.light,
  html.desklight,
  html.ableton,
  html.brooklet,
  html.airbus,
  html.sketchpad,
  .component-theme-scope.light,
  .component-theme-scope.desklight,
  .component-theme-scope.ableton,
  .component-theme-scope.brooklet,
  .component-theme-scope.airbus,
  .component-theme-scope.sketchpad
) #ix-literal-root .ixl-scard-cover img {
  filter: none;
}

:is(
  html.light,
  html.desklight,
  html.ableton,
  html.brooklet,
  html.airbus,
  html.sketchpad,
  .component-theme-scope.light,
  .component-theme-scope.desklight,
  .component-theme-scope.ableton,
  .component-theme-scope.brooklet,
  .component-theme-scope.airbus,
  .component-theme-scope.sketchpad
) #ix-literal-root :is(.ixl-search, .ixl-inset, .ixl-status, .ixl-scard-initials, .ixl-lessons) {
  box-shadow: inset 0 0 0 1px hsl(var(--border));
}
/* Project Page Editor - TipTap Notion-style Styling */

.project-desk-editor-container {
  font-family: var(--font-sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
}

/* Editor Content */
.project-desk-editor-content {
  min-height: 100%;
  padding: 0;
}

.project-desk-editor-content .ProseMirror {
  outline: none;
  min-height: 100%;
  padding-left: 28px;
}

/* Ensure global drag handle isn't clipped */
.project-desk-editor-content .ProseMirror-parent,
.project-desk-editor-content > div {
  overflow: visible;
}

.tiptap.ProseMirror {
  position: relative;
}

/* Placeholder */
.project-desk-editor-content .ProseMirror p.is-empty:first-child::before {
  content: attr(data-placeholder);
  float: left;
  color: hsl(var(--muted-foreground));
  opacity: 0.5;
  pointer-events: none;
  height: 0;
}

.project-desk-editor-content .ProseMirror .is-empty::before {
  content: attr(data-placeholder);
  float: left;
  color: hsl(var(--muted-foreground));
  opacity: 0.5;
  pointer-events: none;
  height: 0;
}

/* Typography */
.project-desk-editor-content h1 {
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.2;
  margin: 1.5rem 0 0.75rem;
  color: hsl(var(--foreground));
}

.project-desk-editor-content h2 {
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.3;
  margin: 1.25rem 0 0.5rem;
  color: hsl(var(--foreground));
}

.project-desk-editor-content h3 {
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1.4;
  margin: 1rem 0 0.5rem;
  color: hsl(var(--foreground));
}

.project-desk-editor-content h4,
.project-desk-editor-content h5,
.project-desk-editor-content h6 {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.4;
  margin: 1rem 0 0.5rem;
  color: hsl(var(--foreground));
}

.project-desk-editor-content p {
  margin: 0.5rem 0;
  line-height: 1.7;
  color: hsl(var(--foreground));
}

/* Lists */
.project-desk-editor-content ul {
  list-style: none;
  padding-left: 1.5rem;
  margin: 0.5rem 0;
}

.project-desk-editor-content ol {
  list-style: decimal;
  padding-left: 1.5rem;
  margin: 0.5rem 0;
}

.project-desk-editor-content li {
  margin: 0.25rem 0;
}

.project-desk-editor-content ul:not([data-type="taskList"]) > li {
  position: relative;
  padding-left: 0.25rem;
}

.project-desk-editor-content ul:not([data-type="taskList"]) > li::before {
  content: "•";
  position: absolute;
  left: -1rem;
  top: 0;
  font-size: 1.5rem;
  line-height: 1.4;
  color: hsl(var(--foreground) / 0.8);
  pointer-events: none;
}

.project-desk-editor-content li p {
  margin: 0;
}

/* Task List */
.project-desk-editor-content ul[data-type="taskList"] {
  list-style: none;
  padding-left: 0;
}

.project-desk-editor-content ul[data-type="taskList"] li {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}

.project-desk-editor-content ul[data-type="taskList"] li > label {
  flex-shrink: 0;
  margin-top: 0.125rem;
}

.project-desk-editor-content ul[data-type="taskList"] li > label input[type="checkbox"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 1rem;
  height: 1rem;
  border: 2px solid hsl(var(--border));
  border-radius: 0.25rem;
  background: transparent;
  cursor: pointer;
  transition: all 0.15s ease;
}

.project-desk-editor-content ul[data-type="taskList"] li > label input[type="checkbox"]:checked {
  background: hsl(var(--primary));
  border-color: hsl(var(--primary));
}

.project-desk-editor-content ul[data-type="taskList"] li > label input[type="checkbox"]:checked::after {
  content: '✓';
  display: block;
  color: hsl(var(--primary-foreground));
  font-size: 0.75rem;
  text-align: center;
  line-height: 0.75rem;
}

.project-desk-editor-content ul[data-type="taskList"] li[data-checked="true"] > div p {
  text-decoration: line-through;
  opacity: 0.6;
}

/* Blockquote */
.project-desk-editor-content blockquote {
  border-left: 4px solid hsl(var(--primary));
  padding-left: 1rem;
  margin: 1rem 0;
  color: hsl(var(--muted-foreground));
  font-style: italic;
}

/* Code */
.project-desk-editor-content code {
  background: hsl(var(--muted));
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  font-size: 0.875em;
  color: hsl(var(--foreground));
}

.project-desk-editor-content pre {
  background: hsl(var(--muted));
  padding: 1rem;
  border-radius: 0.5rem;
  margin: 1rem 0;
  overflow-x: auto;
}

.project-desk-editor-content pre code {
  background: transparent;
  padding: 0;
  font-size: 0.875rem;
  line-height: 1.6;
}

/* Horizontal Rule */
.project-desk-editor-content hr {
  border: none;
  border-top: 1px solid hsl(var(--border));
  margin: 1.5rem 0;
}

/* Links */
.project-desk-editor-content a {
  color: hsl(var(--primary));
  text-decoration: underline;
  cursor: pointer;
}

.project-desk-editor-content a:hover {
  opacity: 0.8;
}

/* Tables */
.project-desk-editor-content table {
  border-collapse: collapse;
  width: 100%;
  margin: 1rem 0;
}

.project-desk-editor-content th,
.project-desk-editor-content td {
  border: 1px solid hsl(var(--border));
  padding: 0.5rem 0.75rem;
  text-align: left;
}

.project-desk-editor-content th {
  background: hsl(var(--muted));
  font-weight: 600;
}

.project-desk-editor-content tr:hover {
  background: hsl(var(--muted) / 0.3);
}

/* Images */
.project-desk-editor-content img {
  max-width: 100%;
  height: auto;
  border-radius: 0.5rem;
  margin: 1rem 0;
}

.project-desk-editor-content img.ProseMirror-selectednode {
  outline: 2px solid hsl(var(--primary));
  outline-offset: 2px;
}

/* Callout */
.project-desk-editor-content [data-callout] {
  padding: 1rem;
  border-radius: 0.5rem;
  margin: 1rem 0;
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

.project-desk-editor-content [data-callout-type="info"] {
  background: hsl(var(--primary) / 0.1);
  border: 1px solid hsl(var(--primary) / 0.3);
}

.project-desk-editor-content [data-callout-type="warning"] {
  background: hsl(45 100% 50% / 0.1);
  border: 1px solid hsl(45 100% 50% / 0.3);
}

.project-desk-editor-content [data-callout-type="error"] {
  background: hsl(0 84% 60% / 0.1);
  border: 1px solid hsl(0 84% 60% / 0.3);
}

.project-desk-editor-content [data-callout-type="success"] {
  background: hsl(142 76% 36% / 0.1);
  border: 1px solid hsl(142 76% 36% / 0.3);
}

/* Toggle/Details */
.project-desk-editor-content details {
  border: 1px solid hsl(var(--border));
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  margin: 0.5rem 0;
}

.project-desk-editor-content details summary {
  cursor: pointer;
  font-weight: 500;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.project-desk-editor-content details[open] summary {
  margin-bottom: 0.5rem;
}

/* Columns */
.project-desk-editor-content [data-type="columns"] {
  display: grid;
  gap: 1rem;
  margin: 1rem 0;
}

.project-desk-editor-content [data-column] {
  min-height: 1px;
}

/* Mermaid */
.project-desk-editor-content [data-mermaid] {
  background: hsl(var(--muted));
  border-radius: 0.5rem;
  padding: 1rem;
  margin: 1rem 0;
  overflow-x: auto;
}

/* Selection */
.project-desk-editor-content ::-moz-selection {
  background: hsl(var(--primary) / 0.3);
}
.project-desk-editor-content ::selection {
  background: hsl(var(--primary) / 0.3);
}

/* Focus states */
.project-desk-editor-content *:focus {
  outline: none;
}

/* Highlight marks */
.project-desk-editor-content mark {
  border-radius: 0.125rem;
  padding: 0 0.125rem;
}

/* YouTube embed */
.project-desk-editor-content iframe[src*="youtube"] {
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 0.5rem;
  margin: 1rem 0;
}

/* Prose reset for dark mode */
.project-desk-editor-content.prose-invert {
  --tw-prose-body: hsl(var(--foreground));
  --tw-prose-headings: hsl(var(--foreground));
  --tw-prose-links: hsl(var(--primary));
  --tw-prose-bold: hsl(var(--foreground));
  --tw-prose-counters: hsl(var(--muted-foreground));
  --tw-prose-bullets: hsl(var(--muted-foreground));
  --tw-prose-hr: hsl(var(--border));
  --tw-prose-quotes: hsl(var(--muted-foreground));
  --tw-prose-quote-borders: hsl(var(--primary));
  --tw-prose-code: hsl(var(--foreground));
  --tw-prose-pre-code: hsl(var(--foreground));
  --tw-prose-pre-bg: hsl(var(--muted));
  --tw-prose-th-borders: hsl(var(--border));
  --tw-prose-td-borders: hsl(var(--border));
}

/* ============================================
   RESIZABLE BLOCKS - Universal Drag & Resize
   ============================================ */

/* Resizable blocks - inline layout support for multi-column */
.project-desk-editor-content [data-resizable-block] {
  display: inline-block;
  vertical-align: top;
  transition: width 0.1s ease-out;
}

/* Prevent layout shift during active resize */
.project-desk-editor-content [data-resizable-block].is-resizing {
  will-change: width;
  transition: none;
}

/* Drag handle visibility - show on container hover */
.project-desk-editor-content [data-drag-handle-container]:hover [data-drag-handle] {
  opacity: 1;
}

/* Ensure blocks with drag handles have proper spacing */
.project-desk-editor-content [data-drag-handle-container] {
  position: relative;
  margin-left: 0;
}

/* Node view wrapper styling for resizable blocks */
.project-desk-editor-content .node-callout,
.project-desk-editor-content [data-node-view-wrapper]:not(.node-columns):not(.node-column) {
  display: block;
}

/* ============================================
   COLUMNS – React NodeView grid layout
   ============================================ */

/* The NodeViewWrapper gets .node-columns class directly */
.project-desk-editor-content .node-columns {
  display: grid !important;
  gap: 0;
  margin: 0.5rem 0;
  position: relative;
}

/* Grid column counts driven by data-column-count attribute (fallback when no custom widths) */
.project-desk-editor-content .node-columns[data-column-count="2"]:not([style*="gridTemplateColumns"]) {
  grid-template-columns: repeat(2, 1fr);
}
.project-desk-editor-content .node-columns[data-column-count="3"]:not([style*="gridTemplateColumns"]) {
  grid-template-columns: repeat(3, 1fr);
}
.project-desk-editor-content .node-columns[data-column-count="4"]:not([style*="gridTemplateColumns"]) {
  grid-template-columns: repeat(4, 1fr);
}
.project-desk-editor-content .node-columns[data-column-count="5"]:not([style*="gridTemplateColumns"]) {
  grid-template-columns: repeat(5, 1fr);
}
.project-desk-editor-content .node-columns[data-column-count="6"]:not([style*="gridTemplateColumns"]) {
  grid-template-columns: repeat(6, 1fr);
}

/* NodeViewContent inside columns must not break the grid */
.project-desk-editor-content .node-columns > .columns-content {
  display: contents;
}

/* Individual column cells */
.project-desk-editor-content .node-column {
  min-width: 0;
  min-height: 2rem;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  transition: background 0.15s ease;
}

/* Subtle separator on hover */
.project-desk-editor-content .node-columns:hover > .columns-content > .node-column + .node-column {
  border-left: 1px solid hsl(var(--border) / 0.5);
}

/* ============================================
   COLUMN RESIZE HANDLES
   ============================================ */

.column-resize-handle {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 9px;
  transform: translateX(-50%);
  cursor: col-resize;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Visible bar on hover */
.column-resize-handle::after {
  content: '';
  width: 3px;
  height: 100%;
  max-height: 40px;
  border-radius: 2px;
  background: transparent;
  transition: background 0.15s ease, max-height 0.15s ease;
}

.project-desk-editor-content .node-columns:hover .column-resize-handle::after {
  background: hsl(var(--border));
  max-height: 100%;
}

.column-resize-handle:hover::after,
.column-resize-handle.is-resizing::after {
  background: hsl(var(--primary)) !important;
  width: 3px;
  max-height: 100% !important;
}

/* ============================================
   DROP ZONE INDICATORS
   ============================================ */

.project-desk-editor-content .auto-column-drop-left,
.project-desk-editor-content .auto-column-drop-right {
  position: relative;
  transition: box-shadow 0.15s ease;
}

.project-desk-editor-content .auto-column-drop-left {
  box-shadow: inset 3px 0 0 0 hsl(var(--primary));
  background: hsl(var(--primary) / 0.06);
  border-radius: 3px 0 0 3px;
}

.project-desk-editor-content .auto-column-drop-right {
  box-shadow: inset -3px 0 0 0 hsl(var(--primary));
  background: hsl(var(--primary) / 0.06);
  border-radius: 0 3px 3px 0;
}

.project-desk-auto-drop-indicator {
  position: fixed;
  width: 3px;
  border-radius: 9999px;
  background: hsl(var(--primary));
  opacity: 0;
  pointer-events: none;
  z-index: 120;
  transition: opacity 0.12s ease;
}

/* ============================================
   FLOATING DRAG HANDLE - Single overlay, never inside PM DOM
   ============================================ */

.project-desk-block-drag-handle {
  position: absolute;
  left: 4px;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  color: hsl(var(--muted-foreground));
  cursor: grab;
  opacity: 0;
  transition: opacity 0.15s ease, background 0.15s ease;
  z-index: 50;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}

.project-desk-block-drag-handle[style*="opacity: 1"] {
  pointer-events: auto;
}

.project-desk-block-drag-handle:hover {
  background: hsl(var(--accent));
  color: hsl(var(--accent-foreground));
  opacity: 1 !important;
}

.project-desk-block-drag-handle:active {
  cursor: grabbing;
}

/* ============================================
   TOGGLE BLOCKS - Collapsible content blocks
   ============================================ */

.details-toggle-block {
  position: relative;
  margin: 0.25rem 0;
  padding-left: 1.5rem;
}

/* Drag handle - left side, hidden by default */
.details-toggle-drag-handle {
  position: absolute;
  left: -4px;
  top: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  color: hsl(var(--muted-foreground));
  cursor: grab;
  opacity: 0;
  transition: opacity 0.15s ease, background 0.15s ease;
  z-index: 10;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.details-toggle-block:hover .details-toggle-drag-handle {
  opacity: 1;
}

.details-toggle-drag-handle:hover {
  background: hsl(var(--accent));
  color: hsl(var(--accent-foreground));
}

.details-toggle-drag-handle:active {
  cursor: grabbing;
}

/* Toggle header row */
.details-toggle-header {
  display: flex;
  align-items: flex-start;
  gap: 4px;
  min-height: 24px;
}

/* Chevron button */
.details-toggle-chevron {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  color: hsl(var(--muted-foreground));
  transition: background 0.1s ease;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
}

.details-toggle-chevron:hover {
  background: hsl(var(--accent));
}

/* Editable summary text */
.details-toggle-summary {
  flex: 1;
  outline: none;
  color: hsl(var(--foreground));
  min-width: 0;
  word-break: break-word;
}

.details-toggle-summary:empty::before {
  content: attr(data-placeholder);
  color: hsl(var(--muted-foreground));
  opacity: 0.5;
  pointer-events: none;
}

/* Content area */
.details-toggle-content {
  padding-left: 24px;
  padding-top: 2px;
  position: relative;
}

.details-toggle-inner {
  min-height: 4px;
}

.details-toggle-inner p {
  margin: 0.25rem 0;
}

/* Placeholder for empty content */
.details-toggle-placeholder {
  color: hsl(var(--muted-foreground));
  opacity: 0.5;
  font-size: 0.875rem;
  padding: 2px 0;
  pointer-events: none;
  position: absolute;
  top: 2px;
  left: 24px;
}
/* Scoped dark Claude-style chat for jup-assistant */

.jup-claude-ui {
  --jup-bg: #09090b;
  --jup-surface: #18181b;
  --jup-surface-raised: #27272a;
  --jup-border: #3f3f46;
  --jup-text: #fafafa;
  --jup-text-muted: #a1a1aa;
  --jup-accent: #34d399;
  background-color: var(--jup-bg);
  color: var(--jup-text);
}

@keyframes slide-up-bounce {
  0% { transform: translateY(20px); opacity: 0; }
  60% { transform: translateY(-4px); }
  100% { transform: translateY(0); opacity: 1; }
}

.jup-claude-ui .user-message-enter {
  animation: slide-up-bounce 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes orb-intro {
  0% { transform: translateY(-40px) scale(1.2); filter: blur(12px); opacity: 0; }
  100% { transform: translateY(0) scale(1); filter: blur(0); opacity: 1; }
}

.jup-claude-ui .orb-intro {
  animation: orb-intro 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes text-blur-intro {
  0% { filter: blur(8px); opacity: 0; transform: translateY(8px); }
  100% { filter: blur(0); opacity: 1; transform: translateY(0); }
}

.jup-claude-ui .text-blur-intro {
  animation: text-blur-intro 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.jup-claude-ui .text-blur-intro-delay {
  animation: text-blur-intro 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.15s forwards;
}

@keyframes bounce-subtle {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
}

.jup-claude-ui .animate-bounce-subtle {
  animation: bounce-subtle 1s ease-in-out infinite;
}

.jup-claude-ui .hold-progress-ring {
  position: absolute;
  inset: -3px;
  border-radius: 9999px;
  border: 2px solid transparent;
  border-top-color: var(--jup-accent);
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

.jup-claude-ui .orb-circle-1 { animation: orb-orbit-1 6s ease-in-out infinite; }
.jup-claude-ui .orb-circle-2 { animation: orb-orbit-2 5s ease-in-out infinite; }
.jup-claude-ui .orb-circle-3 { animation: orb-orbit-3 7s ease-in-out infinite; }
.jup-claude-ui .orb-circle-4 { animation: orb-orbit-4 4s ease-in-out infinite; }
.jup-claude-ui .orb-circle-5 { animation: orb-orbit-5 5.5s ease-in-out infinite; }

@keyframes orb-orbit-1 {
  0% { transform: rotate(0deg) translateX(25%) rotate(0deg) scale(1); }
  100% { transform: rotate(360deg) translateX(25%) rotate(-360deg) scale(1); }
}
@keyframes orb-orbit-2 {
  0% { transform: rotate(90deg) translateX(20%) rotate(-90deg) scale(1); }
  100% { transform: rotate(450deg) translateX(20%) rotate(-450deg) scale(1); }
}
@keyframes orb-orbit-3 {
  0% { transform: rotate(180deg) translateX(30%) rotate(-180deg) scale(1); }
  100% { transform: rotate(540deg) translateX(30%) rotate(-540deg) scale(1); }
}
@keyframes orb-orbit-4 {
  0% { transform: rotate(270deg) translateX(15%) rotate(-270deg) scale(1); }
  100% { transform: rotate(630deg) translateX(15%) rotate(-630deg) scale(1); }
}
@keyframes orb-orbit-5 {
  0% { transform: rotate(45deg) translateX(22%) rotate(-45deg) scale(1); }
  100% { transform: rotate(405deg) translateX(22%) rotate(-405deg) scale(1); }
}

/* Hybrid stage: Modern AI Chat shader orbs, grid, 3d chrome, voice wave */

.jup-claude-ui .shader-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(40px);
  opacity: 0.28;
  pointer-events: none;
  will-change: transform;
  animation: jup-shader-float 20s ease-in-out infinite;
}

.jup-claude-ui .shader-orb-1 {
  width: 320px;
  height: 320px;
  background: radial-gradient(circle, rgba(140, 140, 140, 0.55) 0%, transparent 70%);
  top: -60px;
  left: -60px;
  animation-duration: 25s;
}

.jup-claude-ui .shader-orb-2 {
  width: 360px;
  height: 360px;
  background: radial-gradient(circle, rgba(160, 160, 160, 0.4) 0%, transparent 70%);
  bottom: -80px;
  right: -80px;
  animation-duration: 30s;
  animation-delay: -5s;
}

.jup-claude-ui .shader-orb-3 {
  width: 260px;
  height: 260px;
  background: radial-gradient(circle, rgba(130, 130, 130, 0.35) 0%, transparent 70%);
  top: 42%;
  left: 42%;
  animation-duration: 35s;
  animation-delay: -10s;
}

@keyframes jup-shader-float {
  0%, 100% { transform: translate(0, 0) scale(1); }
  25% { transform: translate(50px, -50px) scale(1.1); }
  50% { transform: translate(-30px, 40px) scale(0.95); }
  75% { transform: translate(40px, 30px) scale(1.05); }
}

.jup-claude-ui .grid-background {
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
  background-size: 50px 50px;
}

.jup-claude-ui .grid-background-dim {
  opacity: 0.06;
}

.jup-claude-ui .jup-noise {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
}

.jup-claude-ui .btn-3d {
  position: relative;
  transform-style: preserve-3d;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.1),
    0 2px 4px rgba(0, 0, 0, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 0 1px rgba(255, 255, 255, 0.08);
}

.jup-claude-ui .btn-3d:hover {
  transform: translateY(-2px);
  box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.12),
    0 4px 8px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 0 0 1px rgba(255, 255, 255, 0.16),
    0 0 16px rgba(255, 255, 255, 0.08);
}

.jup-claude-ui .btn-3d:active {
  transform: translateY(1px) scale(0.98);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: all 0.1s ease;
}

.jup-claude-ui .btn-glow {
  position: relative;
  overflow: hidden;
}

.jup-claude-ui .btn-glow::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.12) 0%, transparent 70%);
  transform: translate(-50%, -50%);
  transition: width 0.6s ease, height 0.6s ease;
  pointer-events: none;
}

.jup-claude-ui .btn-glow:hover::after {
  width: 300px;
  height: 300px;
}

.jup-claude-ui .input-3d {
  position: relative;
  transform-style: preserve-3d;
  border-radius: 1.75rem !important;
  transition: box-shadow 0.2s ease;
  box-shadow:
    0 2px 6px rgba(0, 0, 0, 0.25),
    0 4px 12px rgba(0, 0, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 0 1px rgba(255, 255, 255, 0.1);
}

.jup-claude-ui .input-3d:hover,
.jup-claude-ui .input-3d:focus-within {
  box-shadow:
    0 4px 12px rgba(0, 0, 0, 0.3),
    0 8px 20px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 0 1px rgba(255, 255, 255, 0.16);
}

.jup-claude-ui .hold-progress-ring-sq {
  position: absolute;
  inset: -3px;
  border-radius: 9999px;
  border: 2px solid transparent;
  border-top-color: var(--jup-accent);
  animation: spin 1s linear infinite;
}

.jup-claude-ui .voice-wave-bar-horizontal {
  height: 16px;
  animation: jup-voice-wave-horizontal 1.2s ease-in-out infinite;
}

@keyframes jup-voice-wave-horizontal {
  0%, 100% { height: 12px; opacity: 0.3; }
  25% { height: 32px; opacity: 0.7; }
  50% { height: 40px; opacity: 0.9; }
  75% { height: 24px; opacity: 0.6; }
}
/* Link Hub Background Effects */

/* Glass effect */
.lb-glass {
  position: relative;
}

.lb-glass::before {
  content: '';
  position: absolute;
  inset: 0;
  backdrop-filter: blur(20px) saturate(120%);
  -webkit-backdrop-filter: blur(20px) saturate(120%);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  pointer-events: none;
  z-index: 0;
}

.lb-glass > * {
  position: relative;
  z-index: 1;
}

.lb-glass-block {
  background: rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(16px) saturate(120%);
  -webkit-backdrop-filter: blur(16px) saturate(120%);
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

/* Grain effect */
.lb-grain {
  position: relative;
}

.lb-grain::after {
  content: '';
  position: absolute;
  inset: 0;
  opacity: 0.35;
  pointer-events: none;
  z-index: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 128px 128px;
  mix-blend-mode: overlay;
}

.lb-grain > * {
  position: relative;
  z-index: 1;
}

/* Liquid Glass effect */
.lb-liquid-glass {
  position: relative;
  overflow: hidden;
}

.lb-liquid-glass::before {
  content: '';
  position: absolute;
  inset: -50%;
  width: 200%;
  height: 200%;
  background: conic-gradient(
    from 0deg at 50% 50%,
    rgba(120, 80, 255, 0.15),
    rgba(255, 100, 200, 0.12),
    rgba(80, 200, 255, 0.15),
    rgba(120, 255, 180, 0.12),
    rgba(255, 200, 80, 0.12),
    rgba(120, 80, 255, 0.15)
  );
  animation: lb-liquid-rotate 12s linear infinite;
  pointer-events: none;
  z-index: 0;
}

.lb-liquid-glass::after {
  content: '';
  position: absolute;
  inset: 0;
  backdrop-filter: blur(30px) saturate(180%);
  -webkit-backdrop-filter: blur(30px) saturate(180%);
  background: rgba(255, 255, 255, 0.04);
  pointer-events: none;
  z-index: 0;
}

.lb-liquid-glass > * {
  position: relative;
  z-index: 1;
}

.lb-liquid-glass-block {
  background: rgba(255, 255, 255, 0.06) !important;
  backdrop-filter: blur(24px) saturate(200%);
  -webkit-backdrop-filter: blur(24px) saturate(200%);
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 0 20px rgba(120, 80, 255, 0.05), inset 0 0 20px rgba(255, 255, 255, 0.02);
}

@keyframes lb-liquid-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Animated gradient background */
.lb-animated-bg {
  position: relative;
  overflow: hidden;
}

.lb-animated-bg::before {
  content: '';
  position: absolute;
  inset: -50%;
  width: 200%;
  height: 200%;
  background: conic-gradient(
    from 0deg at 50% 50%,
    var(--lb-grad-c1, rgba(120, 80, 255, 0.15)),
    var(--lb-grad-c2, rgba(255, 100, 200, 0.12)),
    var(--lb-grad-c3, rgba(80, 200, 255, 0.15)),
    var(--lb-grad-c4, rgba(120, 255, 180, 0.12)),
    var(--lb-grad-c5, rgba(255, 200, 80, 0.12)),
    var(--lb-grad-c6, rgba(120, 80, 255, 0.15))
  );
  animation: lb-liquid-rotate var(--lb-anim-speed, 12s) linear infinite;
  pointer-events: none;
  z-index: 0;
}

.lb-animated-bg > * {
  position: relative;
  z-index: 1;
}

/* Background image container */
.lb-bg-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
/**
 * Desk pack surface — inherit the live site theme.
 * Keep this scope for host selectors only; do not re-pin Caffeine / dark tokens
 * or workspace containers and dock windows ignore Mode (light / desklight / …).
 */

[data-project-desk-build] {
  color: hsl(var(--foreground));
  background-color: hsl(var(--background));
  font-family: var(--font-sans);
  letter-spacing: var(--tracking-normal);
  border-color: hsl(var(--border));
}
.project-desk-os-theme[data-desk-os-theme="modern"] {
  --background: 240 4% 4.902%;
  --foreground: 0 0% 93.3333%;
  --card: 240 2.3256% 8.4314%;
  --card-foreground: 0 0% 93.3333%;
  --popover: 240 2.3256% 8.4314%;
  --popover-foreground: 0 0% 93.3333%;
  --primary: 191 100% 56%;
  --primary-foreground: 0 0% 0%;
  --secondary: 240 3.4% 12.2%;
  --secondary-foreground: 0 0% 70%;
  --muted: 240 3.4% 11.4%;
  --muted-foreground: 218.5714 6.3636% 56.8627%;
  --accent: 240 3.1% 16.2%;
  --accent-foreground: 0 0% 100%;
  --border: 240 4% 18%;
  --input: 240 4% 18%;
  --ring: 191 100% 56%;
  --sidebar: 240 4% 5.5%;
  --sidebar-foreground: 0 0% 86%;
  --sidebar-primary: 191 100% 56%;
  --sidebar-primary-foreground: 0 0% 0%;
  --sidebar-accent: 240 3.1% 15.8%;
  --sidebar-accent-foreground: 0 0% 96%;
  --sidebar-border: 240 4% 15%;
  --sidebar-ring: 191 100% 56%;
  --radius: 0.375rem;
}

.project-desk-os-theme[data-desk-os-theme="retro"] {
  --background: 0 0% 98%;
  --foreground: 0 0% 6%;
  --card: 0 0% 100%;
  --card-foreground: 0 0% 6%;
  --popover: 0 0% 100%;
  --popover-foreground: 0 0% 6%;
  --primary: 0 0% 8%;
  --primary-foreground: 0 0% 100%;
  --secondary: 0 0% 92%;
  --secondary-foreground: 0 0% 8%;
  --muted: 0 0% 93%;
  --muted-foreground: 0 0% 30%;
  --accent: 0 0% 88%;
  --accent-foreground: 0 0% 8%;
  --border: 0 0% 12%;
  --input: 0 0% 16%;
  --ring: 0 0% 8%;
  --sidebar: 0 0% 96%;
  --sidebar-foreground: 0 0% 8%;
  --sidebar-primary: 0 0% 8%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 0 0% 90%;
  --sidebar-accent-foreground: 0 0% 8%;
  --sidebar-border: 0 0% 15%;
  --sidebar-ring: 0 0% 8%;
  --radius: 0rem;
  --shadow-2xs: none;
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow: none;
  --shadow-md: none;
  --shadow-lg: none;
  --shadow-xl: none;
  --shadow-2xl: none;
}

.project-desk-os-theme[data-desk-os-theme="genz"] {
  --background: 247 38% 12%;
  --foreground: 0 0% 98%;
  --card: 253 36% 17%;
  --card-foreground: 0 0% 98%;
  --popover: 253 36% 17%;
  --popover-foreground: 0 0% 98%;
  --primary: 320 100% 72%;
  --primary-foreground: 0 0% 0%;
  --secondary: 215 88% 58%;
  --secondary-foreground: 0 0% 100%;
  --muted: 251 21% 23%;
  --muted-foreground: 250 20% 84%;
  --accent: 281 73% 62%;
  --accent-foreground: 0 0% 100%;
  --border: 251 24% 32%;
  --input: 251 24% 32%;
  --ring: 320 100% 72%;
  --sidebar: 247 38% 10%;
  --sidebar-foreground: 250 20% 90%;
  --sidebar-primary: 320 100% 72%;
  --sidebar-primary-foreground: 0 0% 0%;
  --sidebar-accent: 250 26% 19%;
  --sidebar-accent-foreground: 0 0% 98%;
  --sidebar-border: 251 24% 27%;
  --sidebar-ring: 320 100% 72%;
  --radius: 0.5rem;
}

.project-desk-os-theme[data-desk-os-theme="90s"] {
  --background: 184 100% 46%;
  --foreground: 0 0% 0%;
  --card: 183 100% 92%;
  --card-foreground: 0 0% 0%;
  --popover: 58 100% 87%;
  --popover-foreground: 0 0% 0%;
  --primary: 304 100% 48%;
  --primary-foreground: 0 0% 100%;
  --secondary: 59 100% 46%;
  --secondary-foreground: 0 0% 0%;
  --muted: 176 100% 82%;
  --muted-foreground: 0 0% 14%;
  --accent: 120 100% 50%;
  --accent-foreground: 0 0% 0%;
  --border: 0 0% 0%;
  --input: 0 0% 0%;
  --ring: 304 100% 48%;
  --sidebar: 184 100% 42%;
  --sidebar-foreground: 0 0% 0%;
  --sidebar-primary: 304 100% 48%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 120 100% 50%;
  --sidebar-accent-foreground: 0 0% 0%;
  --sidebar-border: 0 0% 0%;
  --sidebar-ring: 304 100% 48%;
  --radius: 0rem;
  --shadow-2xs: none;
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow: none;
  --shadow-md: none;
  --shadow-lg: none;
  --shadow-xl: none;
  --shadow-2xl: none;
}

/* Dock row theme passthrough — keeps sizing intact, updates visual language only. */
.project-desk-os-theme .project-desk-bottom-bar {
  transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease;
}

.project-desk-os-theme .project-desk-dock-miniapp {
  transition: background-color 140ms ease, border-color 140ms ease;
}

.project-desk-os-theme .project-desk-dock-miniapp-top {
  transition: background-color 140ms ease;
}

.project-desk-os-theme .project-desk-dock-weather-icon {
  transition: color 140ms ease;
}

.project-desk-os-theme .project-desk-dock-cell {
  transition: background-color 140ms ease, color 140ms ease, border-color 140ms ease;
}

.project-desk-os-theme[data-desk-os-theme="modern"] .project-desk-bottom-bar {
  background: hsl(240 4% 6.2%);
  border-top-color: hsl(240 4% 16%);
}

.project-desk-os-theme[data-desk-os-theme="modern"] .project-desk-dock-miniapp {
  background: hsl(240 3.6% 10%);
  border-color: hsl(240 4% 19%);
}

.project-desk-os-theme[data-desk-os-theme="modern"] .project-desk-dock-miniapp-top {
  background: hsl(191 100% 56% / 0.85);
}

.project-desk-os-theme[data-desk-os-theme="modern"] .project-desk-dock-weather-icon {
  color: hsl(191 100% 56%);
}

.project-desk-os-theme[data-desk-os-theme="modern"] .project-desk-dock-cell {
  color: hsl(0 0% 84%);
}

.project-desk-os-theme[data-desk-os-theme="modern"] .project-desk-dock-cell:hover {
  background: hsl(240 3.8% 16.5%);
  color: hsl(0 0% 100%);
}

.project-desk-os-theme[data-desk-os-theme="modern"] .project-desk-dock-cell[data-active="true"] {
  background: hsl(240 3.8% 20%);
  color: hsl(191 100% 78%);
}

.project-desk-os-theme[data-desk-os-theme="retro"] .project-desk-bottom-bar {
  background: hsl(0 0% 96%);
  border-top-color: hsl(0 0% 14%);
}

.project-desk-os-theme[data-desk-os-theme="retro"] .project-desk-dock-miniapp {
  background: hsl(0 0% 100%);
  border-color: hsl(0 0% 12%);
}

.project-desk-os-theme[data-desk-os-theme="retro"] .project-desk-dock-miniapp-top {
  background: hsl(0 0% 8% / 0.9);
}

.project-desk-os-theme[data-desk-os-theme="retro"] .project-desk-dock-weather-icon {
  color: hsl(0 0% 12%);
}

.project-desk-os-theme[data-desk-os-theme="retro"] .project-desk-dock-cell {
  color: hsl(0 0% 18%);
}

.project-desk-os-theme[data-desk-os-theme="retro"] .project-desk-dock-cell:hover {
  background: hsl(0 0% 89%);
  color: hsl(0 0% 8%);
}

.project-desk-os-theme[data-desk-os-theme="retro"] .project-desk-dock-cell[data-active="true"] {
  background: hsl(0 0% 12%);
  color: hsl(0 0% 100%);
}

.project-desk-os-theme[data-desk-os-theme="genz"] .project-desk-bottom-bar {
  background: linear-gradient(90deg, hsl(248 40% 11%), hsl(256 36% 14%));
  border-top-color: hsl(251 24% 28%);
}

.project-desk-os-theme[data-desk-os-theme="genz"] .project-desk-dock-miniapp {
  background: hsl(252 30% 18%);
  border-color: hsl(251 24% 34%);
}

.project-desk-os-theme[data-desk-os-theme="genz"] .project-desk-dock-miniapp-top {
  background: hsl(320 100% 72% / 0.95);
}

.project-desk-os-theme[data-desk-os-theme="genz"] .project-desk-dock-weather-icon {
  color: hsl(320 100% 72%);
}

.project-desk-os-theme[data-desk-os-theme="genz"] .project-desk-dock-cell {
  color: hsl(0 0% 90%);
}

.project-desk-os-theme[data-desk-os-theme="genz"] .project-desk-dock-cell:hover {
  background: hsl(252 30% 22%);
  color: hsl(0 0% 100%);
}

.project-desk-os-theme[data-desk-os-theme="genz"] .project-desk-dock-cell[data-active="true"] {
  background: hsl(320 82% 24%);
  color: hsl(320 100% 78%);
}

.project-desk-os-theme[data-desk-os-theme="90s"] .project-desk-bottom-bar {
  background: hsl(184 100% 42%);
  border-top-color: hsl(0 0% 0%);
}

.project-desk-os-theme[data-desk-os-theme="90s"] .project-desk-dock-miniapp {
  background: hsl(183 100% 90%);
  border-color: hsl(0 0% 0%);
}

.project-desk-os-theme[data-desk-os-theme="90s"] .project-desk-dock-miniapp-top {
  background: hsl(304 100% 48%);
}

.project-desk-os-theme[data-desk-os-theme="90s"] .project-desk-dock-weather-icon {
  color: hsl(304 100% 48%);
}

.project-desk-os-theme[data-desk-os-theme="90s"] .project-desk-dock-cell {
  color: hsl(0 0% 0%);
}

.project-desk-os-theme[data-desk-os-theme="90s"] .project-desk-dock-cell:hover {
  background: hsl(59 100% 55%);
  color: hsl(0 0% 0%);
}

.project-desk-os-theme[data-desk-os-theme="90s"] .project-desk-dock-cell[data-active="true"] {
  background: hsl(304 100% 48%);
  color: hsl(0 0% 100%);
}

.sitewide-search {
  --rd-search-top: clamp(24px, 22dvh, 180px);
  --rd-search-size: 64px;
  --rd-search-surface: #f5f5f5;
  --rd-search-fg: #171717;
  --rd-search-muted: #6b7280;
  --rd-search-border: #dedede;
  --rd-search-hover: #e7e7e7;
  top: var(--rd-search-top);
  width: min(768px, calc(100vw - 32px));
  max-width: none;
  padding: 0;
  border: 0;
  border-radius: 0 !important;
  background: transparent;
  color: var(--rd-search-fg);
  box-shadow: none;
  transform: translateX(-50%);
  animation: none !important;
}

.sitewide-search__command {
  position: relative;
  height: auto;
  overflow: visible;
  border: 0;
  border-radius: 0 !important;
  background: transparent;
  color: inherit;
}

.sitewide-search__bar {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
}

.sitewide-search__input-wrap {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 12px;
  min-width: 0;
  height: var(--rd-search-size);
  padding: 0 20px 0 24px;
  border: 1px solid var(--rd-search-border);
  border-radius: 999px !important;
  background: var(--rd-search-surface);
  box-shadow: 0 6px 20px #0002;
}

.sitewide-search__search-icon { width: 26px; height: 26px; flex-shrink: 0; stroke-width: 1.4; }
.sitewide-search__input { width: 100%; min-width: 0; height: 100%; padding: 0; border: 0; background: transparent; color: inherit; font-size: 23px; outline: none; }
.sitewide-search__input::-moz-placeholder { color: var(--rd-search-muted); }
.sitewide-search__input::placeholder { color: var(--rd-search-muted); }
.sitewide-search__input-wrap:focus-within { box-shadow: 0 0 0 2px #ffffff35, 0 6px 20px #0002; }
.sitewide-search__input-action { display: grid; flex-shrink: 0; place-items: center; width: 28px; height: 28px; padding: 0; border: 0; border-radius: 999px !important; background: transparent; color: var(--rd-search-muted); }
.sitewide-search__input-action:hover { background: var(--rd-search-hover); color: var(--rd-search-fg); }
.sitewide-search__shortcuts { display: flex; flex-shrink: 0; gap: 16px; }
.sitewide-search__shortcut { position: relative; display: grid; place-items: center; width: var(--rd-search-size); height: var(--rd-search-size); padding: 0; border: 0; border-radius: 999px !important; background: var(--rd-search-surface); color: var(--rd-search-muted); cursor: pointer; box-shadow: 0 6px 20px #0002; }
.sitewide-search__shortcut > svg { width: 27px; height: 27px; stroke-width: 1.4; opacity: .6; transition: opacity 150ms, color 150ms; }
.sitewide-search__shortcut:hover > svg, .sitewide-search__shortcut:focus-visible > svg { color: var(--rd-search-fg); opacity: 1; }
.sitewide-search__shortcut:focus-visible, .sitewide-search__input-action:focus-visible { outline: 2px solid var(--rd-search-muted); outline-offset: 4px; }
.sitewide-search__shortcut-label { position: absolute; bottom: calc(100% + 10px); left: 50%; padding: 5px 9px; border-radius: 6px !important; background: var(--rd-search-surface); color: var(--rd-search-fg); font-size: 11px; line-height: 1.4; white-space: nowrap; opacity: 0; transform: translate(-50%, 4px); pointer-events: none; transition: opacity 150ms, transform 150ms; }
.sitewide-search__shortcut:hover .sitewide-search__shortcut-label, .sitewide-search__shortcut:focus-visible .sitewide-search__shortcut-label { opacity: 1; transform: translate(-50%, 0); }
.sitewide-search__shortcut:last-child .sitewide-search__shortcut-label { left: auto; right: 0; transform: translateY(4px); }
.sitewide-search__shortcut:last-child:hover .sitewide-search__shortcut-label, .sitewide-search__shortcut:last-child:focus-visible .sitewide-search__shortcut-label { transform: translateY(0); }

.sitewide-search__dropdown {
  position: absolute;
  top: calc(100% + 12px);
  left: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: min(480px, calc(100dvh - var(--rd-search-top) - var(--rd-search-size) - 36px));
  overflow: hidden;
  border: 1px solid var(--rd-search-border);
  border-radius: 24px !important;
  background: var(--rd-search-surface);
  box-shadow: 0 12px 32px #0003;
  transform-origin: top center;
}

.sitewide-search__results { flex: 1; min-height: 0; max-height: none; padding: 8px; overflow-y: auto; overscroll-behavior: contain; }
.sitewide-search__result { border-radius: 12px !important; }

@media (max-width: 640px) {
  .sitewide-search { --rd-search-top: clamp(24px, 12dvh, 80px); --rd-search-size: 52px; width: calc(100vw - 32px); }
  .sitewide-search__bar { flex-wrap: wrap; gap: 12px; }
  .sitewide-search__input-wrap { flex-basis: 100%; padding: 0 16px; }
  .sitewide-search__input { font-size: 20px; }
  .sitewide-search__shortcuts { justify-content: center; width: 100%; gap: 12px; }
  .sitewide-search__dropdown { max-height: calc(100dvh - var(--rd-search-top) - 2 * var(--rd-search-size) - 48px); border-radius: 18px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .sitewide-search *, .sitewide-search *::before, .sitewide-search *::after { animation: none !important; transition: none !important; }
}
@font-face{font-display:block;font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/assets/KaTeX_AMS-Regular-BQhdFMY1.woff2) format("woff2"),url(/assets/KaTeX_AMS-Regular-DMm9YOAa.woff) format("woff"),url(/assets/KaTeX_AMS-Regular-DRggAlZN.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Caligraphic-Bold-Dq_IR9rO.woff2) format("woff2"),url(/assets/KaTeX_Caligraphic-Bold-BEiXGLvX.woff) format("woff"),url(/assets/KaTeX_Caligraphic-Bold-ATXxdsX0.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Caligraphic-Regular-Di6jR-x-.woff2) format("woff2"),url(/assets/KaTeX_Caligraphic-Regular-CTRA-rTL.woff) format("woff"),url(/assets/KaTeX_Caligraphic-Regular-wX97UBjC.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Fraktur-Bold-CL6g_b3V.woff2) format("woff2"),url(/assets/KaTeX_Fraktur-Bold-BsDP51OF.woff) format("woff"),url(/assets/KaTeX_Fraktur-Bold-BdnERNNW.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Fraktur-Regular-CTYiF6lA.woff2) format("woff2"),url(/assets/KaTeX_Fraktur-Regular-Dxdc4cR9.woff) format("woff"),url(/assets/KaTeX_Fraktur-Regular-CB_wures.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Main-Bold-Cx986IdX.woff2) format("woff2"),url(/assets/KaTeX_Main-Bold-Jm3AIy58.woff) format("woff"),url(/assets/KaTeX_Main-Bold-waoOVXN0.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/assets/KaTeX_Main-BoldItalic-DxDJ3AOS.woff2) format("woff2"),url(/assets/KaTeX_Main-BoldItalic-SpSLRI95.woff) format("woff"),url(/assets/KaTeX_Main-BoldItalic-DzxPMmG6.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/assets/KaTeX_Main-Italic-NWA7e6Wa.woff2) format("woff2"),url(/assets/KaTeX_Main-Italic-BMLOBm91.woff) format("woff"),url(/assets/KaTeX_Main-Italic-3WenGoN9.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Main-Regular-B22Nviop.woff2) format("woff2"),url(/assets/KaTeX_Main-Regular-Dr94JaBh.woff) format("woff"),url(/assets/KaTeX_Main-Regular-ypZvNtVU.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/assets/KaTeX_Math-BoldItalic-CZnvNsCZ.woff2) format("woff2"),url(/assets/KaTeX_Math-BoldItalic-iY-2wyZ7.woff) format("woff"),url(/assets/KaTeX_Math-BoldItalic-B3XSjfu4.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/assets/KaTeX_Math-Italic-t53AETM-.woff2) format("woff2"),url(/assets/KaTeX_Math-Italic-DA0__PXp.woff) format("woff"),url(/assets/KaTeX_Math-Italic-flOr_0UB.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url(/assets/KaTeX_SansSerif-Bold-D1sUS0GD.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Bold-DbIhKOiC.woff) format("woff"),url(/assets/KaTeX_SansSerif-Bold-CFMepnvq.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url(/assets/KaTeX_SansSerif-Italic-C3H0VqGB.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Italic-DN2j7dab.woff) format("woff"),url(/assets/KaTeX_SansSerif-Italic-YYjJ1zSn.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url(/assets/KaTeX_SansSerif-Regular-DDBCnlJ7.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Regular-CS6fqUqJ.woff) format("woff"),url(/assets/KaTeX_SansSerif-Regular-BNo7hRIc.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Script-Regular-D3wIWfF6.woff2) format("woff2"),url(/assets/KaTeX_Script-Regular-D5yQViql.woff) format("woff"),url(/assets/KaTeX_Script-Regular-C5JkGWo-.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size1-Regular-mCD8mA8B.woff2) format("woff2"),url(/assets/KaTeX_Size1-Regular-C195tn64.woff) format("woff"),url(/assets/KaTeX_Size1-Regular-Dbsnue_I.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size2-Regular-Dy4dx90m.woff2) format("woff2"),url(/assets/KaTeX_Size2-Regular-oD1tc_U0.woff) format("woff"),url(/assets/KaTeX_Size2-Regular-B7gKUWhC.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAA4oAA4AAAAAHbQAAA3TAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgRQIDgmcDBEICo1oijYBNgIkA14LMgAEIAWJAAeBHAyBHBvbGiMRdnO0IkRRkiYDgr9KsJ1NUAf2kILNxgUmgqIgq1P89vcbIcmsQbRps3vCcXdYOKSWEPEKgZgQkprQQsxIXUgq0DqpGKmIvrgkeVGtEQD9DzAO29fM9jYhxZEsL2FeURH2JN4MIcTdO049NCVdxQ/w9NrSYFEBKTDKpLKfNkCGDc1RwjZLQcm3vqJ2UW9Xfa3tgAHz6ivp6vgC2yD4/6352ndnN0X0TL7seypkjZlMsjmZnf0Mm5Q+JykRWQBKCVCVPbARPXWyQtb5VgLB6Biq7/Uixcj2WGqdI8tGSgkuRG+t910GKP2D7AQH0DB9FMDW/obJZ8giFI3Wg8Cvevz0M+5m0rTh7XDBlvo9Y4vm13EXmfttwI4mBo1EG15fxJhUiCLbiiyCf/ZA6MFAhg3pGIZGdGIVjtPn6UcMk9A/UUr9PhoNsCENw1APAq0gpH73e+M+0ueyHbabc3vkbcdtzcf/fiy+NxQEjf9ud/ELBHAXJ0nk4z+MXH2Ev/kWyV4k7SkvpPc9Qr38F6RPWnM9cN6DJ0AdD1BhtgABtmoRoFCvPsBAumNm6soZG2Gk5GyVTo2sJncSyp0jQTYoR6WDvTwaaEcHsxHfvuWhHA3a6bN7twRKtcGok6NsCi7jYRrM2jExsUFMxMQYuJbMhuWNOumEJy9hi29Dmg5zMp/A5+hhPG19j1vBrq8JTLr8ki5VLPmG/PynJHVul440bxg5xuymHUFPBshC+nA9I1FmwbRBTNHAcik3Oae0cxKoI3MOriM42UrPe51nsaGxJ+WfXubAsP84aabUlQSJ1IiE0iPETLUU4CATgfXSCSpuRFRmCGbO+wSpAnzaeaCYW1VNEysRtuXCEL1kUFUbbtMv3Tilt/1c11jt3Q5bbMa84cpWipp8Elw3MZhOHsOlwwVUQM3lAR35JiFQbaYCRnMF2lxAWoOg2gyoIV4PouX8HytNIfLhqpJtXB4vjiViUI8IJ7bkC4ikkQvKksnOTKICwnqWSZ9YS5f0WCxmpgjbIq7EJcM4aI2nmhLNY2JIUgOjXZFWBHb+x5oh6cwb0Tv1ackHdKi0I9OO2wE9aogIOn540CCCziyhN+IaejtgAONKznHlHyutPrHGwCx9S6B8kfS4Mfi4Eyv7OU730bT1SCBjt834cXsf43zVjPUqqJjgrjeGnBxSG4aYAKFuVbeCfkDIjAqMb6yLNIbCuvXhMH2/+k2vkNpkORhR59N1CkzoOENvneIosjYmuTxlhUzaGEJQ/iWqx4dmwpmKjrwTiTGTCVozNAYqk/zXOndWxuWSmJkQpJw3pK5KX6QrLt5LATMqpmPAQhkhK6PUjzHUn7E0gHE0kPE0iKkolgkUx9SZmVAdDgpffdyJKg3k7VmzYGCwVXGz/tXmkOIp+vcWs+EMuhhvN0h9uhfzWJziBQmCREGSIFmQIkgVpAnSBRmC//6hkLZwaVhwxlrJSOdqlFtOYxlau9F2QN5Y98xmIAsiM1HVp2VFX+DHHGg6Ecjh3vmqtidX3qHI2qycTk/iwxSt5UzTmEP92ZBnEWTk4Mx8Mpl78ZDokxg/KWb+Q0QkvdKVmq3TMW+RXEgrsziSAfNXFMhDc60N5N9jQzjfO0kBKpUZl0ZmwJ41j/B9Hz6wmRaJB84niNmQrzp9eSlQCDDzazGDdVi3P36VZQ+Jy4f9UBNp+3zTjqI4abaFAm+GShVaXlsGdF3FYzZcDI6cori4kMxUECl9IjJZpzkvitAoxKue+90pDMvcKRxLl53TmOKCmV/xRolNKSqqUxc6LStOETmFOiLZZptlZepcKiAzteG8PEdpnQpbOMNcMsR4RR2Bs0cKFEvSmIjAFcnarqwUL4lDhHmnVkwu1IwshbiCcgvOheZuYyOteufZZwlcTlLgnZ3o/WcYdzZHW/WGaqaVfmTZ1aWCceJjkbZqsfbkOtcFlUZM/jy+hXHDbaUobWqqXaeWobbLO99yG5N3U4wxco0rQGGcOLASFMXeJoham8M+/x6O2WywK2l4HGbq1CoUyC/IZikQhdq3SiuNrvAEj0AVu9x2x3lp/xWzahaxidezFVtdcb5uEnzyl0ZmYiuKI0exvCd4Xc9CV1KB0db00z92wDPde0kukbvZIWN6jUWFTmPIC/Y4UPCm8UfDTFZpZNon1qLFTkBhxzB+FjQRA2Q/YRJT8pQigslMaUpFyAG8TMlXigiqmAZX4xgijKjRlGpLE0GdplRfCaJo0JQaSxNBk6ZmMzcya0FmrcisDdn0Q3HI2sWSppYigmlM1XT/kLQZSNpMJG0WkjYbSZuDpM1F0uYhFc1HxU4m1QJjDK6iL0S5uSj5rgXc3RejEigtcRBtqYPQsiTskmO5vosV+q4VGIKbOkDg0jtRrq+Em1YloaTFar3EGr1EUC8R0kus1Uus00usL97ABr2BjXoDm/QGNhuWtMVBKOwg/i78lT7hBsAvDmwHc/ao3vmUbBmhjeYySZNWvGkfZAgISDSaDo1SVpzGDsAEkF8B+gEapViUoZgUWXcRIGFZNm6gWbAKk0bp0k1MHG9fLYtV4iS2SmLEQFARzRcnf9PUS0LVn05/J9MiRRBU3v2IrvW974v4N00L7ZMk0wXP1409CHo/an8zTRHD3eSJ6m8D4YMkZNl3M79sqeuAsr/m3f+8/yl7A50aiAEJgeBeMWzu7ui9UfUBCe2TIqZIoOd/3/udRBOQidQZUERzb2/VwZN1H/Sju82ew2H2Wfr6qvfVf3hqwDvAIpkQVFy4B9Pe9e4/XvPeceu7h3dvO56iJPf0+A6cqA2ip18ER+iFgggiuOkvj24bby0N9j2UHIkgqIt+sVgfodC4YghLSMjSZbH0VR/6dMDrYJeKHilKTemt6v6kvzvn3/RrdWtr0GoN/xL+Sex/cPYLUpepx9cz/D46UPU5KXgAQa+NDps1v6J3xP1i2HtaDB0M9aX2deA7SYff//+gUCovMmIK/qfsFcOk+4Y5ZN97XlG6zebqtMbKgeRFi51vnxTQYBUik2rS/Cn6PC8ADR8FGxsRPB82dzfND90gIcshOcYUkfjherBz53odpm6TP8txlwOZ71xmfHHOvq053qFF/MRlS3jP0ELudrf2OeN8DHvp6ZceLe8qKYvWz/7yp0u4dKPfli3CYq0O13Ih71mylJ80tOi10On8wi+F4+LWgDPeJ30msSQt9/vkmHq9/Lvo2b461mP801v3W4xTcs6CbvF9UDdrSt+A8OUbpSh55qAUFXWznBBfdeJ8a4d7ugT5tvxUza3h9m4H7ptTqiG4z0g5dc0X29OcGlhpGFMpQo9ytTS+NViZpNdvU4kWx+LKxNY10kQ1yqGXrhe4/1nvP7E+nd5A92TtaRplbHSqoIdOqtRWti+fkB5/n1+/VvCmz12pG1kpQWsfi1ftlBobm0bpngs16CHkbIwdLnParxtTV3QYRlfJ0KFskH7pdN/YDn+yRuSd7sNH3aO0DYPggk6uWuXrfOc+fa3VTxFVvKaNxHsiHmsXyCLIE5yuOeN3/Jdf8HBL/5M6shjyhxHx9BjB1O0+4NLOnjLLSxwO7ukN4jMbOIcD879KLSi6Pk61Oqm2377n8079PXEEQ7cy7OKEC9nbpet118fxweTafpt69x/Bt8UqGzNQt7aelpc44dn5cqhwf71+qKp/Zf/+a0zcizOUWpl/iBcSXip0pplkatCchoH5c5aUM8I7/dWxAej8WicPL1URFZ9BDJelUwEwTkGqUhgSlydVes95YdXvhh9Gfz/aeFWvgVb4tuLbcv4+wLdutVZv/cUonwBD/6eDlE0aSiKK/uoH3+J1wDE/jMVqY2ysGufN84oIXB0sPzy8ollX/LegY74DgJXJR57sn+VGza0x3DnuIgABFM15LmajjjsNlYj+JEZGbuRYcAMOWxFkPN2w6Wd46xo4gVWQR/X4lyI/R6K/YK0110GzudPRW7Y+UOBGTfNNzHeYT0fiH0taunBpq9HEW8OKSaBGj21L0MqenEmNRWBAWDWAk4CpNoEZJ2tTaPFgbQYj8HxtFilErs3BTRwT8uO1NXQaWfIotchmPkAF5mMBAliEmZiOGVgCG9LgRzpscMAOOwowlT3JhusdazXGSC/hxR3UlmWVwWHpOIKheqONvjyhSiTHIkVUco5bnji8m//zL7PKaT1Vl5I6UE609f+gkr6MZKVyKc7zJRmCahLsdlyA5fdQkRSan9LgnnLEyGSkaKJCJog0wAgvepWBt80+1yKln1bMVtCljfNWDueKLsWwaEbBSfSPTEmVRsUcYYMnEjcjeyCZzBXK9E9BYBXLKjOSpUDR+nEV3TFSUdQaz+ot98QxgXwx0GQ+EEUAKB2qZPkQQ0GqFD8UPFMqyaCHM24BZmSGic9EYMagKizOw9Hz50DMrDLrqqLkTAhplMictiCAx5S3BIUQdeJeLnBy2CNtMfz6cV4u8XKoFZQesbf9YZiIERiHjaNodDW6LgcirX/mPnJIkBGDUpTBhSa0EIr38D5hCIszhCM8URGBqImoWjpvpt1ebu/v3Gl3qJfMnNM+9V+kiRFyROTPHQWOcs1dNW94/ukKMPZBvDi55i5CttdeJz84DLngLqjcdwEZ87bFFR8CIG35OAkDVN6VRDZ7aq67NteYqZ2lpT8oYB2CytoBd6VuAx4WgiAsnuj3WohG+LugzXiQRDeM3XYXlULv4dp5VFYC) format("woff2"),url(/assets/KaTeX_Size3-Regular-CTq5MqoE.woff) format("woff"),url(/assets/KaTeX_Size3-Regular-DgpXs0kz.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size4-Regular-Dl5lxZxV.woff2) format("woff2"),url(/assets/KaTeX_Size4-Regular-BF-4gkZK.woff) format("woff"),url(/assets/KaTeX_Size4-Regular-DWFBv043.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Typewriter-Regular-CO6r4hn1.woff2) format("woff2"),url(/assets/KaTeX_Typewriter-Regular-C0xS9mPB.woff) format("woff"),url(/assets/KaTeX_Typewriter-Regular-D3Ib7_Hf.ttf) format("truetype")}.katex{font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;position:relative;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.47"}.katex .katex-mathml{border:0;clip-path:inset(50%);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-moz-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .smash{display:inline;line-height:0}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex svg{fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}
/* Deskbase styles extracted from src/styles/module-tight-ui.css (2026-08-12) */

/* Deskbase — Google Sans as default UI type.
   Beats sitewide Appearance font picker (html.site-font-active) and
   covers portaled menus via [data-deskbase-portal]. */
@font-face {
  font-family: 'Google Sans';
  src: url('/fonts/google-sans/GoogleSans-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Google Sans';
  src: url('/fonts/google-sans/GoogleSans-Italic-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

[data-deskbase],
[data-deskbase-portal],
html.site-font-active [data-deskbase],
html.site-font-active [data-deskbase-portal] {
  --deskbase-font: 'Google Sans', 'SF Pro Text', system-ui, sans-serif;
  --font-sans: var(--deskbase-font);
  --default-font-family: var(--deskbase-font);
  --rd-font-sans: var(--deskbase-font);
  --font-mono: var(--deskbase-font);
  /* Primary copy is white; muted chrome (Empty, pagination) stays dim. */
  --foreground: 0 0% 100%;
  --muted-foreground: 0 0% 58%;
  --card-foreground: 0 0% 100%;
  --popover-foreground: 0 0% 100%;
  --secondary-foreground: 0 0% 100%;
  --accent-foreground: 0 0% 100%;
  font-family: var(--deskbase-font);
  font-size: var(--deskbase-text-size, 14px);
  font-feature-settings: 'kern' 1, 'liga' 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff;
}

/* Primary copy stays white; leave muted-foreground dim for Empty / chrome. */
[data-deskbase],
[data-deskbase] .text-foreground,
[data-deskbase] .text-secondary-foreground,
[data-deskbase] .text-card-foreground,
[data-deskbase] .text-popover-foreground,
[data-deskbase] .text-accent-foreground,
[data-deskbase] [data-deskbase-col-header],
[data-deskbase-portal],
[data-deskbase-portal] .text-foreground,
[data-deskbase-portal] .text-secondary-foreground {
  color: #ffffff;
}

[data-deskbase] .text-muted-foreground,
[data-deskbase-portal] .text-muted-foreground {
  color: hsl(0 0% 58%);
}

/* Shell / table surface follows Appearance theme background (e.g. #151516). */
[data-deskbase] {
  background-color: hsl(var(--background));
}

/* Deskbase ScrollArea — undo the shared component's bg-sidebar so the
   database body inherits the theme background instead of the sidebar token. */
[data-deskbase] [data-radix-scroll-area-viewport] {
  background-color: hsl(var(--background)) !important;
}

/* Column headers — hairline lift, not a solid slab */
[data-deskbase] [data-deskbase-col-header] {
  background-color: color-mix(in srgb, hsl(var(--muted)) 55%, hsl(var(--background)));
}

/* Live marquee + committed row selection — no color fade (keeps drag snappy) */
[data-deskbase] [data-task-row],
[data-deskbase] [data-list-row],
[data-deskbase] [data-table-row] {
  transition: none;
}

[data-deskbase] [data-task-row][data-selected="true"],
[data-deskbase] [data-task-row][data-marquee-preview="true"],
[data-deskbase] [data-list-row][data-selected="true"],
[data-deskbase] [data-list-row][data-marquee-preview="true"],
[data-deskbase] [data-table-row][data-selected="true"],
[data-deskbase] [data-table-row][data-marquee-preview="true"] {
  background-color: var(--marquee) !important;
}

[data-deskbase] [data-gallery-card][data-marquee-preview="true"] {
  border-color: var(--marquee-border);
  background-color: var(--marquee);
}

[data-deskbase] [data-task-row] [data-row-chrome] {
  opacity: 0;
}

[data-deskbase] [data-task-row]:hover:not([data-selected="true"]):not([data-marquee-preview="true"]),
[data-deskbase] [data-list-row]:hover:not([data-selected="true"]):not([data-marquee-preview="true"]) {
  background-color: hsl(var(--muted) / 0.28);
}

[data-deskbase] [data-task-row]:hover [data-row-chrome],
[data-deskbase] [data-task-row][data-selected="true"] [data-row-chrome],
[data-deskbase] [data-task-row][data-marquee-preview="true"] [data-row-chrome] {
  opacity: 1;
}

[data-deskbase],
[data-deskbase] *:not(svg):not(svg *),
[data-deskbase] button,
[data-deskbase] input,
[data-deskbase] select,
[data-deskbase] textarea,
[data-deskbase] .font-sans,
[data-deskbase] .font-mono,
[data-deskbase] code,
[data-deskbase] pre,
[data-deskbase] kbd,
[data-deskbase] samp,
[data-deskbase] [role='tab'],
[data-deskbase] [role='tablist'],
[data-deskbase] [role='tabpanel'],
[data-deskbase] [data-radix-collection-item],
[data-deskbase-toolbar],
[data-deskbase-toolbar] button,
[data-deskbase-toolbar] input,
[data-deskbase-toolbar] [role="combobox"],
[data-deskbase-toolbar] [data-slot="select-trigger"],
[data-deskbase-portal],
[data-deskbase-portal] *:not(svg):not(svg *),
[data-deskbase-portal] button,
[data-deskbase-portal] input,
[data-deskbase-portal] select,
[data-deskbase-portal] textarea,
[data-deskbase-portal] .font-sans,
[data-deskbase-portal] .font-mono,
html.site-font-active [data-deskbase],
html.site-font-active [data-deskbase] *:not(svg):not(svg *),
html.site-font-active [data-deskbase] button,
html.site-font-active [data-deskbase] input,
html.site-font-active [data-deskbase] select,
html.site-font-active [data-deskbase] textarea,
html.site-font-active [data-deskbase] [role='tab'],
html.site-font-active [data-deskbase] [role='tablist'],
html.site-font-active [data-deskbase] [role='tabpanel'],
html.site-font-active [data-deskbase] [data-radix-collection-item],
html.site-font-active [data-deskbase] .font-mono,
html.site-font-active [data-deskbase] code,
html.site-font-active [data-deskbase] pre,
html.site-font-active [data-deskbase-portal],
html.site-font-active [data-deskbase-portal] *:not(svg):not(svg *),
html.site-font-active [data-deskbase-portal] button,
html.site-font-active [data-deskbase-portal] input {
  font-family: var(--deskbase-font) !important;
  font-size: var(--deskbase-text-size, 14px) !important;
  line-height: 1.25 !important;
  font-feature-settings: 'kern' 1, 'liga' 1;
}

/* Deskbase toolbar — keep compact even under [data-module-tight-off]
   (opt-out restores button font-size:revert, which otherwise beats the size var). */
[data-deskbase-toolbar],
[data-deskbase-toolbar] button,
[data-deskbase-toolbar] input,
[data-deskbase-toolbar] [role="combobox"],
[data-deskbase-toolbar] [data-slot="select-trigger"] {
  font-size: var(--deskbase-text-size, 14px) !important;
  line-height: 1.2 !important;
}

[data-deskbase-toolbar] [class*="text-[10px]"] {
  font-size: 10px !important;
}

[data-deskbase-add-view] button,
[data-deskbase-add-view] button span {
  font-size: 10px !important;
  line-height: 1.2 !important;
}
/* Tasks & Notes workspace — dashboard embed + full page */

.linear-dev-tasks-shell {
  --linear-sidebar-width: 14rem;
  --dt-embed-accent: hsl(var(--primary));
  --dt-embed-radius: 0.5rem;
  text-transform: none;

  display: grid;
  grid-template-columns: var(--linear-sidebar-width) minmax(0, 1fr);
  grid-template-rows: auto 1px minmax(0, 1fr);
}

.linear-dev-tasks-shell button,
.linear-dev-tasks-shell .linear-dev-tasks-nav-item,
.linear-dev-tasks-shell .linear-dev-tasks-list-item {
  text-transform: none;
  letter-spacing: 0.01em;
}

/* ── Dashboard embed ─────────────────────────────────────────────── */

.linear-dev-tasks-shell--embedded {
  --linear-sidebar-width: 13rem;
  grid-template-rows: auto minmax(0, 1fr);
  height: 100%;
  min-height: 0;
}

.linear-dev-tasks-shell--embedded .linear-dev-tasks-main-head,
.linear-dev-tasks-shell--embedded .linear-dev-tasks-full-divider {
  display: none;
}

.linear-dev-tasks-shell--embedded .linear-dev-tasks-sidebar-unified {
  grid-row: 1 / -1;
  grid-column: 1;
}

.linear-dev-tasks-shell--embedded .linear-dev-tasks-sidebar-top {
  grid-row: 1;
  grid-column: 1;
}

.linear-dev-tasks-shell--embedded .linear-dev-tasks-sidebar-body {
  grid-row: 2;
  grid-column: 1;
}

.linear-dev-tasks-shell--embedded .linear-dev-tasks-main {
  grid-row: 1 / -1;
  grid-column: 2;
}

.linear-dev-tasks-shell--embedded.linear-dev-tasks-shell--collapsed {
  --linear-sidebar-width: 2.5rem;
}

.linear-dev-tasks-shell--embedded.linear-dev-tasks-shell--external-nav {
  grid-template-columns: minmax(0, 1fr);
}

.linear-dev-tasks-shell--embedded.linear-dev-tasks-shell--external-nav .linear-dev-tasks-main {
  grid-row: 1 / -1;
  grid-column: 1;
}

.linear-dev-tasks-dashboard-panel {
  background: hsl(var(--background));
  border-top: 1px solid hsl(var(--border) / 0.55);
}

.linear-dev-tasks-sidebar-cell {
  width: 100%;
  min-width: 0;
}

.linear-dev-tasks-full-divider {
  grid-column: 1 / -1;
  margin: 0;
  padding: 0;
  height: 0;
  border-bottom-width: 1px;
  border-bottom-color: hsl(var(--border) / 0.55);
}

.linear-dev-tasks-main-head {
  min-height: 0;
}

.linear-dev-tasks-main {
  position: relative;
  background: hsl(var(--background));
  min-height: 0;
  height: 100%;
}

.linear-dev-tasks-shell--embedded .linear-dev-tasks-board-pane,
.linear-dev-tasks-shell--embedded .dt-board-root {
  min-height: 0;
  height: 100%;
}

.linear-dev-tasks-shell--embedded .linear-dev-tasks-topbar,
.linear-dev-tasks-shell--embedded .linear-dev-tasks-board-pane > .linear-dev-tasks-topbar {
  display: none !important;
}

/* Nav */
.linear-dev-tasks-nav-item {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  gap: 0.5rem;
  border-radius: var(--dt-embed-radius);
  padding: 0.45rem 0.5rem 0.45rem 0.65rem;
  font-size: var(--build-page-font-size, 0.875rem);
  font-weight: var(--build-page-font-weight, 500);
  color: hsl(var(--muted-foreground));
  transition: color 0.15s ease, background 0.15s ease;
}

.linear-dev-tasks-nav-item:hover {
  color: hsl(var(--foreground));
  background: hsl(var(--accent) / 0.45);
}

.linear-dev-tasks-nav-item--active {
  color: hsl(var(--foreground));
  background: hsl(var(--accent) / 0.75);
  box-shadow: inset 0 0 0 1px hsl(var(--border) / 0.4);
}

.linear-dev-tasks-nav-item--active::before {
  content: '';
  position: absolute;
  left: 0;
  top: 20%;
  bottom: 20%;
  width: 2px;
  border-radius: 0 2px 2px 0;
  background: var(--dt-embed-accent);
}

.linear-dev-tasks-nav-item--collapsed {
  justify-content: center;
  padding-inline: 0.5rem;
}

.linear-dev-tasks-nav-item--collapsed.linear-dev-tasks-nav-item--active::before {
  display: none;
}

.linear-dev-tasks-section-label {
  display: block;
  padding: 0 0.35rem;
  font-size: var(--build-page-font-size, 0.875rem);
  font-weight: var(--build-page-font-weight, 500);
  letter-spacing: 0.02em;
  text-transform: lowercase;
  color: hsl(var(--foreground));
}

/* Build page sidebar — full-brightness text and icons (not muted) */
.linear-dev-tasks-sidebar-cell,
.linear-dev-tasks-sidebar-unified,
.linear-dev-tasks-sidebar-body,
.dashboard-sidebar-shell-aside {
  color: hsl(var(--foreground));
}

.linear-dev-tasks-sidebar-cell .linear-dev-tasks-nav-item,
.linear-dev-tasks-sidebar-unified .linear-dev-tasks-nav-item,
.linear-dev-tasks-sidebar-body .linear-dev-tasks-nav-item,
.dashboard-sidebar-shell-aside .linear-dev-tasks-nav-item,
.linear-dev-tasks-sidebar-cell .linear-dev-tasks-list-item,
.linear-dev-tasks-sidebar-unified .linear-dev-tasks-list-item,
.linear-dev-tasks-sidebar-body .linear-dev-tasks-list-item {
  color: hsl(var(--foreground));
}

.linear-dev-tasks-sidebar-cell .linear-dev-tasks-nav-item:hover,
.linear-dev-tasks-sidebar-unified .linear-dev-tasks-nav-item:hover,
.linear-dev-tasks-sidebar-body .linear-dev-tasks-nav-item:hover,
.dashboard-sidebar-shell-aside .linear-dev-tasks-nav-item:hover,
.linear-dev-tasks-sidebar-cell .linear-dev-tasks-list-item:hover,
.linear-dev-tasks-sidebar-unified .linear-dev-tasks-list-item:hover,
.linear-dev-tasks-sidebar-body .linear-dev-tasks-list-item:hover {
  color: hsl(var(--foreground));
}

.linear-dev-tasks-sidebar-cell .linear-dev-tasks-nav-item--active,
.linear-dev-tasks-sidebar-unified .linear-dev-tasks-nav-item--active,
.linear-dev-tasks-sidebar-body .linear-dev-tasks-nav-item--active,
.dashboard-sidebar-shell-aside .linear-dev-tasks-nav-item--active,
.linear-dev-tasks-sidebar-cell .linear-dev-tasks-list-item--active,
.linear-dev-tasks-sidebar-unified .linear-dev-tasks-list-item--active,
.linear-dev-tasks-sidebar-body .linear-dev-tasks-list-item--active {
  color: hsl(var(--foreground));
}

.linear-dev-tasks-sidebar-cell .linear-dev-tasks-section-label,
.linear-dev-tasks-sidebar-unified .linear-dev-tasks-section-label,
.linear-dev-tasks-sidebar-body .linear-dev-tasks-section-label,
.dashboard-sidebar-shell-aside .linear-dev-tasks-section-label {
  color: hsl(var(--foreground));
}

.dashboard-sidebar-shell-aside .linear-dev-tasks-section-label {
  color: #fff;
  text-transform: uppercase;
}

/* Override base nav pill radius — build page shell sidebar uses dashboard-sidebar-row pills */
.dashboard-sidebar-shell-aside .linear-dev-tasks-nav-item {
  border-radius: 0 !important;
  width: 100%;
  margin: 0;
  padding: 0;
  box-shadow: none;
}

.linear-dev-tasks-sidebar-cell .linear-dev-tasks-nav-item svg,
.linear-dev-tasks-sidebar-unified .linear-dev-tasks-nav-item svg,
.linear-dev-tasks-sidebar-body .linear-dev-tasks-nav-item svg,
.dashboard-sidebar-shell-aside .linear-dev-tasks-nav-item svg,
.linear-dev-tasks-sidebar-cell .linear-dev-tasks-list-item svg,
.linear-dev-tasks-sidebar-unified .linear-dev-tasks-list-item svg,
.linear-dev-tasks-sidebar-body .linear-dev-tasks-list-item svg,
.linear-dev-tasks-sidebar-cell button svg,
.linear-dev-tasks-sidebar-unified button svg,
.linear-dev-tasks-sidebar-body button svg,
.dashboard-sidebar-shell-aside button svg {
  color: #fff;
  opacity: 1;
}

.dashboard-sidebar-shell-aside .linear-dev-tasks-nav-item .build-page-nav-icon svg {
  color: #fff;
}

.linear-dev-tasks-sidebar-cell .text-muted-foreground,
.linear-dev-tasks-sidebar-unified .text-muted-foreground,
.linear-dev-tasks-sidebar-body .text-muted-foreground,
.dashboard-sidebar-shell-aside .text-muted-foreground {
  color: #fff;
}

.linear-dev-tasks-shell--embedded .linear-dev-tasks-board-canvas {
  background: hsl(var(--background));
}

.linear-dev-tasks-shell--embedded .dt-board-root {
  background: transparent;
}

.dt-board-empty--embedded {
  margin: 0;
  min-height: 100%;
  border-radius: 0;
  border: none;
  background: transparent;
  box-shadow: none;
}

.dt-board-empty--embedded .dt-board-empty-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  margin-bottom: 0.625rem;
  border-radius: 0.625rem;
  background: hsl(var(--background));
  border: 1px solid hsl(var(--border) / 0.4);
  color: hsl(var(--muted-foreground));
}

.dt-embedded-btn-secondary {
  display: inline-flex;
  height: 1.75rem;
  align-items: center;
  gap: 0.35rem;
  border-radius: 0.375rem;
  border: 1px solid hsl(var(--border) / 0.6);
  background: hsl(var(--background) / 0.6);
  padding-inline: 0.75rem;
  font-size: var(--build-page-font-size, 0.875rem);
  font-weight: var(--build-page-font-weight, 500);
}

.dt-embedded-btn-secondary:hover {
  background: hsl(var(--accent));
}

.dt-embedded-btn-primary {
  display: inline-flex;
  height: 1.75rem;
  align-items: center;
  gap: 0.35rem;
  border-radius: 0.375rem;
  border: 1px solid hsl(var(--border) / 0.5);
  background: hsl(var(--foreground) / 0.9);
  padding-inline: 0.75rem;
  font-size: var(--build-page-font-size, 0.875rem);
  font-weight: var(--build-page-font-weight, 500);
  color: hsl(var(--background));
}

.dt-embedded-btn-primary:hover {
  opacity: 0.88;
}

.linear-dev-tasks-categories {
  background: hsl(var(--background));
  border-left-color: hsl(var(--border) / 0.45) !important;
}

.linear-dev-tasks-categories-title {
  font-size: var(--build-page-font-size, 0.875rem);
  font-weight: var(--build-page-font-weight, 500);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: hsl(var(--muted-foreground) / 0.85);
}

.linear-dev-tasks-list-item {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 0.375rem;
  border-radius: 0.375rem;
  padding: 0.3rem 0.45rem;
  font-size: var(--build-page-font-size, 0.875rem);
  font-weight: var(--build-page-font-weight, 500);
  color: hsl(var(--muted-foreground));
}

.linear-dev-tasks-list-item:hover {
  background: hsl(var(--accent) / 0.4);
  color: hsl(var(--foreground));
}

.linear-dev-tasks-list-item--active {
  background: hsl(var(--accent) / 0.65);
  color: hsl(var(--foreground));
}

.linear-dev-tasks-topbar {
  height: 2.75rem;
}

/* Docs hub + Files grid toolbars inside the embedded workspace (not task board chrome). */
.linear-dev-tasks-shell--embedded .html-document-hub-toolbar,
.linear-dev-tasks-shell--embedded .tasks-notes-files-toolbar {
  display: flex !important;
}

.tasks-notes-file-grid-docs-embedded-panel {
  max-height: min(40vh, 20rem);
  overflow: hidden;
}

.tasks-notes-file-grid-docs-embedded .inline-tabs-h-content {
  max-height: min(40vh, 20rem);
}

.linear-dev-tasks-table [data-notion-database-root] {
  border: 0;
}

.linear-dev-tasks-detail {
  width: 22rem;
  min-width: 22rem;
  max-width: 22rem;
  border-left: 1px solid hsl(var(--border));
}
/* Docs hub toolbar — Primary Tab Nav 1 (beveled 2a), sized to match Architecture Map tabs. */

.html-docs-hub-toolbar {
  width: 100%;
  min-width: 0;
  background: #0a0a0b;
  border-bottom: 1px solid #1e1e20;
  padding-top: 0;
  padding-bottom: 0;
}

.html-docs-hub-toolbar,
.html-docs-hub-toolbar *:not(svg):not(svg *),
html.site-font-active .html-docs-hub-toolbar,
html.site-font-active .html-docs-hub-toolbar *:not(svg):not(svg *) {
  font-family: 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif !important;
}

.html-docs-hub-toolbar .btb-frame {
  width: 100%;
  overflow: visible;
  border-radius: 0;
  border: none;
  background: transparent;
  box-shadow: none;
  padding: 0;
}

.html-docs-hub-toolbar .btb-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  overflow: visible;
  width: 100%;
  min-height: 30px;
  padding: 4px;
  gap: 4px;
}

.html-docs-hub-toolbar .btb-row-items {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: center;
  gap: 1px;
  min-width: 0;
}

.html-docs-hub-toolbar .btb-row-extras {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 1px;
  margin-left: auto;
}

.html-docs-hub-toolbar .btb-row .btb-chip {
  flex: 0 0 auto;
  width: auto;
  min-width: -moz-max-content;
  min-width: max-content;
  max-width: none;
  height: 26px;
  min-height: 26px;
  max-height: 26px;
  overflow: visible;
  font-size: 9px !important;
  font-weight: 600;
  line-height: 1.2 !important;
}

.html-docs-hub-toolbar .btb-row .btb-chip-face {
  width: auto;
  min-width: -moz-max-content;
  min-width: max-content;
  overflow: visible;
  text-overflow: unset;
  white-space: nowrap;
  font-size: 9px !important;
  font-weight: 600;
  line-height: 1.2 !important;
  gap: 6px;
  padding: 0 8px;
}

.html-docs-hub-toolbar .btb-chip-face svg {
  width: 12px !important;
  height: 12px !important;
  min-width: 12px !important;
  min-height: 12px !important;
}

.html-docs-hub-toolbar .btb-search {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 26px;
  min-height: 26px;
  max-height: 26px;
  min-width: 12rem;
  max-width: 18rem;
  padding: 0 8px;
  border: 1px solid #2a2a2e;
  background: #141416;
  color: #c8c8cc;
  font-size: 9px;
  font-weight: 600;
}

.html-docs-hub-toolbar .btb-search svg {
  width: 12px !important;
  height: 12px !important;
  min-width: 12px !important;
  min-height: 12px !important;
}

.html-docs-hub-toolbar .btb-search input {
  width: 100%;
  min-width: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font-size: 9px;
  font-weight: 600;
  outline: none;
}

.html-docs-hub-toolbar .btb-search input::-moz-placeholder {
  color: #6f6f76;
}

.html-docs-hub-toolbar .btb-search input::placeholder {
  color: #6f6f76;
}
/**
 * Live Build Page hub rail — 1px row gaps + 1px vertical padding.
 * Inline styles in MergeHubChrome are the primary source; this file wins over
 * global tab52 / em-cat rules that force border-bottom on sidebar buttons.
 */
.em-pro.em-pro--site-theme aside[data-tab52-sidebar] .em-cat-nav {
  padding: 0 !important;
}

.em-pro.em-pro--site-theme aside[data-tab52-sidebar] .hub-rail-stack,
.em-pro.em-pro--site-theme aside[data-tab52-sidebar] .hub-rail-tree {
  display: flex !important;
  flex-direction: column !important;
  gap: 1px !important;
  row-gap: 1px !important;
  -moz-column-gap: 1px !important;
       column-gap: 1px !important;
  padding: 0 !important;
  margin: 0 !important;
  background-color: hsl(var(--sidebar)) !important;
}

.em-pro.em-pro--site-theme aside[data-tab52-sidebar] .hub-rail-divider {
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
  padding: 0 !important;
  margin: 0 !important;
}

.em-pro.em-pro--site-theme aside[data-tab52-sidebar] .hub-rail-stack > .hub-rail-stack,
.em-pro.em-pro--site-theme aside[data-tab52-sidebar] .hub-rail-stack > .hub-rail-tree {
  background-color: transparent !important;
}

.em-pro.em-pro--site-theme aside[data-tab52-sidebar] :is(.hub-rail-row, .hub-rail-surface) {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  min-height: 20px !important;
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

/* Every hub-rail label, count, and nested span — semibold, including active. */
.em-pro.em-pro--site-theme aside[data-tab52-sidebar],
.em-pro.em-pro--site-theme aside[data-tab52-sidebar] :is(
    .hub-rail-row,
    .hub-rail-surface,
    button,
    a,
    span,
    p,
    label,
    input
  ) {
  font-weight: 600 !important;
}

/* Active tab marker — class + aria-current (box-shadow underlines are stripped above). */
.em-pro.em-pro--site-theme aside[data-tab52-sidebar] :is(.hub-rail-row, .hub-rail-surface):is(
    .hub-rail-row--active,
    [aria-current='true'],
    [aria-current='page']
  ) {
  position: relative !important;
  color: hsl(var(--foreground)) !important;
  font-weight: 600 !important;
}

.em-pro.em-pro--site-theme aside[data-tab52-sidebar] :is(.hub-rail-row, .hub-rail-surface):is(
    .hub-rail-row--active,
    [aria-current='true'],
    [aria-current='page']
  ):not([data-hub-custom-fill]) {
  background-color: hsl(var(--accent) / 0.78) !important;
  box-shadow: inset 0 0 0 1px hsl(var(--foreground) / 0.18) !important;
}

.em-pro.em-pro--site-theme aside[data-tab52-sidebar] :is(.hub-rail-row, .hub-rail-surface):is(
    .hub-rail-row--active,
    [aria-current='true'],
    [aria-current='page']
  )[data-hub-custom-fill] {
  box-shadow: inset 0 0 0 1px hsl(var(--foreground) / 0.32) !important;
  filter: brightness(1.14) saturate(1.08);
}

.em-pro.em-pro--site-theme aside[data-tab52-sidebar] :is(.hub-rail-row, .hub-rail-surface):is(
    .hub-rail-row--active,
    [aria-current='true'],
    [aria-current='page']
  )::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  border-radius: 0;
  background: hsl(var(--primary));
  pointer-events: none;
  z-index: 2;
}

/* Idle rows — slightly muted so active pops */
.em-pro.em-pro--site-theme aside[data-tab52-sidebar] :is(.hub-rail-row, .hub-rail-surface):not(
    .hub-rail-row--active,
    [aria-current='true'],
    [aria-current='page'],
    .hub-rail-row--bulk-selected
  ):not([data-hub-custom-fill]) {
  color: hsl(var(--foreground) / 0.62) !important;
}

/* Bulk multi-select — stronger bottom rule (distinct from single-select left bar). */
.em-pro.em-pro--site-theme aside[data-tab52-sidebar] :is(.hub-rail-row, .hub-rail-surface).hub-rail-row--bulk-selected {
  box-shadow: inset 0 -2px 0 hsl(var(--foreground) / 0.42) !important;
}

/* Section counts — idle hidden, reveal on hover/focus */
.em-pro.em-pro--site-theme aside[data-tab52-sidebar] .hub-rail-section-count {
  opacity: 0 !important;
}

.em-pro.em-pro--site-theme aside[data-tab52-sidebar] :is(.hub-rail-row, .hub-rail-surface):is(
    :hover,
    :focus-within
  )
  .hub-rail-section-count {
  opacity: 0.5 !important;
}

/* Beat Tasks/tab52 packs that force hairlines on every sidebar button. */
.em-pro.em-pro--site-theme aside[data-tab52-sidebar] :is(.hub-rail-row, .hub-rail-surface),
.em-pro.em-pro--site-theme aside[data-tab52-sidebar] button:is(.hub-rail-row, .hub-rail-surface),
.em-pro.em-pro--site-theme aside[data-tab52-sidebar] [role='button'].hub-rail-row {
  border-bottom-width: 0 !important;
  border-bottom-style: none !important;
  border-bottom-color: transparent !important;
}

  @property --rd-import-gradient-pos-x {
    syntax: '<percentage>';
    initial-value: 11.14%;
    inherits: false;
  }

  @property --rd-import-gradient-pos-y {
    syntax: '<percentage>';
    initial-value: 140%;
    inherits: false;
  }

  @property --rd-import-gradient-spread-x {
    syntax: '<percentage>';
    initial-value: 150%;
    inherits: false;
  }

  @property --rd-import-gradient-spread-y {
    syntax: '<percentage>';
    initial-value: 180.06%;
    inherits: false;
  }

  @property --rd-import-gradient-color-1 {
    syntax: '<color>';
    initial-value: #000;
    inherits: false;
  }

  @property --rd-import-gradient-color-2 {
    syntax: '<color>';
    initial-value: #08012c;
    inherits: false;
  }

  @property --rd-import-gradient-color-3 {
    syntax: '<color>';
    initial-value: #4e1e40;
    inherits: false;
  }

  @property --rd-import-gradient-color-4 {
    syntax: '<color>';
    initial-value: #70464e;
    inherits: false;
  }

  @property --rd-import-gradient-color-5 {
    syntax: '<color>';
    initial-value: #88394c;
    inherits: false;
  }

  @property --rd-import-gradient-border-angle {
    syntax: '<angle>';
    initial-value: 20deg;
    inherits: true;
  }

  @property --rd-import-gradient-border-color-1 {
    syntax: '<color>';
    initial-value: hsla(340, 75%, 60%, 0.2);
    inherits: true;
  }

  @property --rd-import-gradient-border-color-2 {
    syntax: '<color>';
    initial-value: hsla(340, 75%, 40%, 0.75);
    inherits: true;
  }

  @property --rd-import-gradient-stop-1 {
    syntax: '<percentage>';
    initial-value: 37.35%;
    inherits: false;
  }

  @property --rd-import-gradient-stop-2 {
    syntax: '<percentage>';
    initial-value: 61.36%;
    inherits: false;
  }

  @property --rd-import-gradient-stop-3 {
    syntax: '<percentage>';
    initial-value: 78.42%;
    inherits: false;
  }

  @property --rd-import-gradient-stop-4 {
    syntax: '<percentage>';
    initial-value: 89.52%;
    inherits: false;
  }

  @property --rd-import-gradient-stop-5 {
    syntax: '<percentage>';
    initial-value: 100%;
    inherits: false;
  }

.imported-gradient-button {
    position: relative;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    cursor: pointer;
    background: radial-gradient(
      var(--rd-import-gradient-spread-x) var(--rd-import-gradient-spread-y) at var(--rd-import-gradient-pos-x) var(--rd-import-gradient-pos-y),
      var(--rd-import-gradient-color-1) var(--rd-import-gradient-stop-1),
      var(--rd-import-gradient-color-2) var(--rd-import-gradient-stop-2),
      var(--rd-import-gradient-color-3) var(--rd-import-gradient-stop-3),
      var(--rd-import-gradient-color-4) var(--rd-import-gradient-stop-4),
      var(--rd-import-gradient-color-5) var(--rd-import-gradient-stop-5)
    );
    transition:
      --rd-import-gradient-pos-x 0.5s,
      --rd-import-gradient-pos-y 0.5s,
      --rd-import-gradient-spread-x 0.5s,
      --rd-import-gradient-spread-y 0.5s,
      --rd-import-gradient-color-1 0.5s,
      --rd-import-gradient-color-2 0.5s,
      --rd-import-gradient-color-3 0.5s,
      --rd-import-gradient-color-4 0.5s,
      --rd-import-gradient-color-5 0.5s,
      --rd-import-gradient-border-angle 0.5s,
      --rd-import-gradient-border-color-1 0.5s,
      --rd-import-gradient-border-color-2 0.5s,
      --rd-import-gradient-stop-1 0.5s,
      --rd-import-gradient-stop-2 0.5s,
      --rd-import-gradient-stop-3 0.5s,
      --rd-import-gradient-stop-4 0.5s,
      --rd-import-gradient-stop-5 0.5s;
  }

.imported-gradient-button::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(
      var(--rd-import-gradient-border-angle),
      var(--rd-import-gradient-border-color-1),
      var(--rd-import-gradient-border-color-2)
    );
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    pointer-events: none;
  }

.imported-gradient-button:hover {
    --rd-import-gradient-pos-x: 0%;
    --rd-import-gradient-pos-y: 91.51%;
    --rd-import-gradient-spread-x: 120.24%;
    --rd-import-gradient-spread-y: 103.18%;
    --rd-import-gradient-color-1: #c96287;
    --rd-import-gradient-color-2: #c66c64;
    --rd-import-gradient-color-3: #cc7d23;
    --rd-import-gradient-color-4: #37140a;
    --rd-import-gradient-color-5: #000;
    --rd-import-gradient-border-angle: 190deg;
    --rd-import-gradient-border-color-1: hsla(340, 78%, 90%, 0.1);
    --rd-import-gradient-border-color-2: hsla(340, 75%, 90%, 0.6);
    --rd-import-gradient-stop-1: 0%;
    --rd-import-gradient-stop-2: 8.8%;
    --rd-import-gradient-stop-3: 21.44%;
    --rd-import-gradient-stop-4: 71.34%;
    --rd-import-gradient-stop-5: 85.76%;
  }

.imported-gradient-button-variant {
    --rd-import-gradient-color-1: #000022;
    --rd-import-gradient-color-2: #1f3f6d;
    --rd-import-gradient-color-3: #469396;
    --rd-import-gradient-color-4: #f1ffa5;
    --rd-import-gradient-border-angle: 200deg;
    --rd-import-gradient-border-color-1: hsla(320, 75%, 90%, 0.6);
    --rd-import-gradient-border-color-2: hsla(320, 50%, 90%, 0.15);
  }

.imported-gradient-button-variant:hover {
    --rd-import-gradient-pos-x: 0%;
    --rd-import-gradient-pos-y: 95.51%;
    --rd-import-gradient-spread-x: 110.24%;
    --rd-import-gradient-spread-y: 110.2%;
    --rd-import-gradient-color-1: #000020;
    --rd-import-gradient-color-2: #f1ffa5;
    --rd-import-gradient-color-3: #469396;
    --rd-import-gradient-color-4: #1f3f6d;
    --rd-import-gradient-color-5: #000;
    --rd-import-gradient-stop-1: 0%;
    --rd-import-gradient-stop-2: 10%;
    --rd-import-gradient-stop-3: 35.44%;
    --rd-import-gradient-stop-4: 71.34%;
    --rd-import-gradient-stop-5: 90.76%;
    --rd-import-gradient-border-angle: 210deg;
    --rd-import-gradient-border-color-1: hsla(320, 75%, 90%, 0.2);
    --rd-import-gradient-border-color-2: hsla(320, 50%, 90%, 0.75);
  }
/* LorikeetCreative's 7px text, 14px rows and 10px hierarchy pitch.
   All rules and theme tokens belong to this demo, including its menu portals. */
.lorikeet-sidebar-demo {
  --lks-bg: hsl(var(--card));
  --lks-header: color-mix(in srgb, hsl(var(--foreground)) 2%, var(--lks-bg));
  --lks-border: hsl(var(--border));
  --lks-text: hsl(var(--foreground));
  --lks-muted: hsl(var(--muted-foreground));
  --lks-row: color-mix(in srgb, hsl(var(--foreground)) 3%, var(--lks-bg));
  --lks-hover: color-mix(in srgb, hsl(var(--foreground)) 6%, var(--lks-bg));
  --lks-active: color-mix(in srgb, hsl(var(--foreground)) 10%, var(--lks-bg));
  width: 100%; min-width: 0; color: var(--lks-text); font-family: var(--site-font-sans, 'SF Pro Text', -apple-system, BlinkMacSystemFont, system-ui, sans-serif);
}
.lorikeet-sidebar-demo, .lorikeet-sidebar-demo * { box-sizing: border-box; }
.lorikeet-sidebar-demo button, .lks-menu button { font: inherit; color: inherit; cursor: pointer; }
.lorikeet-sidebar-demo button:disabled, .lks-menu [data-disabled] { opacity: .4; cursor: default; }
.lorikeet-sidebar-demo button:focus-visible, .lorikeet-sidebar-demo input:focus-visible, .lorikeet-sidebar-demo [role="separator"]:focus-visible { outline: 1px solid #719dca; outline-offset: -1px; }
.lorikeet-sidebar-demo button, .lorikeet-sidebar-demo input, .lorikeet-sidebar-demo select { border-radius: 3px; }
.lorikeet-sidebar-demo button { border: 0; background: transparent; }
.lorikeet-sidebar-demo button:hover { background: var(--lks-hover); }
.lks-preview-heading { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 6px 8px; font-size: 10px; border: 1px solid var(--lks-border); border-bottom: 0; background: var(--lks-header); }
.lks-preview-heading > button { display: inline-flex; align-items: center; gap: 4px; padding: 3px 5px; white-space: nowrap; }
.lks-preview-heading svg { width: 10px; height: 10px; }
.lks-muted { color: var(--lks-muted); }
.lks-stage { display: flex; height: 440px; min-height: 320px; width: 100%; overflow: auto; border: 1px solid var(--lks-border); background: hsl(var(--background)); }
.lks-sidebar { position: relative; display: flex; flex: 0 0 auto; flex-direction: column; min-height: 0; border-right: 1px solid var(--lks-border); background: var(--lks-bg); color: var(--lks-text); }
.lks-sidebar[hidden], .lorikeet-sidebar-demo [hidden] { display: none !important; }
.lorikeet-sidebar-demo .lks-sidebar, .lorikeet-sidebar-demo .lks-sidebar :where(*) { font-size: 7px; line-height: 1; text-transform: lowercase; }
.lorikeet-sidebar-demo .lks-sidebar input { text-transform: none; }
.lks-sidebar button { display: inline-flex; align-items: center; gap: 2px; height: 14px; min-height: 14px; padding: 0 2px; }
.lks-sidebar svg { width: 8px; height: 8px; flex-shrink: 0; }
.lks-sidebar img, .lks-content-title > img { display: block; width: 10px; height: 10px; flex: 0 0 10px; -o-object-fit: contain; object-fit: contain; filter: none; }
.lks-top-actions { display: flex; align-items: center; flex-shrink: 0; gap: 1px; padding: 1px 2px; }
.lks-action-slot { position: relative; min-width: 0; }
.lks-action-slot > button:first-child { width: 100%; white-space: nowrap; }
.lks-action-slot .lks-action-grip { position: absolute; right: 0; top: 0; width: 10px; padding: 0; background: var(--lks-row); cursor: grab; touch-action: none; }
[data-editing="true"] > .lks-action-slot > button:first-child { padding-right: 12px; }
.lks-mode-bar { display: flex; align-items: center; gap: 1px; min-height: 20px; flex-shrink: 0; padding: 2px; border-block: 1px solid var(--lks-border); background: var(--lks-header); }
.lks-mode-bar [aria-selected="true"] { background: var(--lks-active); }
.lks-mode-bar > .lks-icon-button { margin-left: auto; }
.lks-organiser { display: flex; align-items: center; gap: 1px; min-height: 20px; flex-shrink: 0; padding: 2px 4px; }
.lks-organiser > span { flex: 1; font-weight: 500; }
.lorikeet-sidebar-demo .lks-icon-button { display: inline-flex; justify-content: center; align-items: center; width: 14px; height: 14px; min-height: 14px; flex: 0 0 14px; padding: 0; }
.lks-icon-button[aria-pressed="true"] { background: var(--lks-active); }
.lks-search { display: flex; align-items: center; gap: 2px; padding: 0 4px 4px; }
.lks-search input { width: 100%; min-width: 0; height: 18px; border: 1px solid var(--lks-border); padding: 2px 3px; background: var(--lks-header); color: inherit; }
.lks-scroll { min-height: 0; flex: 1; padding: 2px; overflow: auto; scrollbar-width: thin; }
.lks-tree { position: relative; display: flex; flex-direction: column; gap: 1px; min-width: 0; isolation: isolate; }
.lks-tree-lines { position: absolute; top: 0; left: 0; z-index: -1; overflow: visible; pointer-events: none; }
.lks-tree-row { position: relative; display: flex; height: 14px; min-height: 14px; align-items: center; gap: 0; padding-right: 2px; border-radius: 3px; background: var(--lks-row); }
.lks-tree-row:hover { background: var(--lks-hover); }
.lks-tree-row[aria-selected="true"] { background: var(--lks-active); }
.lks-tree-row[data-coloured="true"] { background: color-mix(in srgb, var(--lks-colour) 24%, var(--lks-bg)); }
.lks-tree-row[data-coloured="true"][aria-selected="true"] { background: color-mix(in srgb, var(--lks-colour) 44%, var(--lks-bg)); }
.lks-sidebar .lks-disclosure { display: inline-flex; justify-content: center; align-items: center; width: 10px; height: 12px; min-height: 12px; flex: 0 0 10px; padding: 0; color: var(--lks-branch); }
.lks-disclosure > svg { width: 7px; height: 7px; transition: transform 180ms ease; }
.lks-disclosure[aria-expanded="true"] > svg { transform: rotate(90deg); }
.lks-sidebar .lks-node-label { min-width: 0; flex: 1; display: block; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; padding: 0 2px; background: transparent; }
.lks-tree-row[aria-expanded] .lks-node-label { font-weight: 500; }
.lks-sidebar .lks-row-control { justify-content: center; width: 11px; flex: 0 0 11px; padding: 0; opacity: 0; }
.lks-tree-row:hover .lks-row-control, .lks-tree-row:focus-within .lks-row-control, .lks-tree-row[data-editing="true"] .lks-row-control { opacity: .8; }
.lks-grip { cursor: grab !important; touch-action: none; }
.lks-sidebar .lks-rename { min-width: 0; width: 100%; height: 14px; border: 1px solid #719dca; padding: 0 3px; background: var(--lks-bg); color: inherit; outline: 0; }
.lks-tree-row[data-drop="before"]::before, .lks-tree-row[data-drop="after"]::after { content: ''; position: absolute; left: 0; right: 0; height: 1px; background: #719dca; }
.lks-tree-row[data-drop="before"]::before { top: -1px; }
.lks-tree-row[data-drop="after"]::after { bottom: -1px; }
.lks-tree-row[data-drop="inside"] { outline: 1px dashed #719dca; }
.lks-empty { color: var(--lks-muted); padding: 4px; }
.lks-utilities { flex-shrink: 0; max-height: 50%; overflow: auto; padding: 2px; }
.lks-utilities > div:first-child { padding: 2px 3px; font-weight: 500; color: var(--lks-muted); }
.lks-utility-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; }
.lks-utility-grid .lks-action-slot[data-wide="true"] { grid-column: span 2; }
.lks-resize { position: absolute; inset-block: 0; right: -3px; z-index: 2; width: 6px; cursor: col-resize; touch-action: none; }
.lks-resize:hover, .lks-resize:focus-visible { background: #719dca55; }
.lks-reveal { display: flex; align-items: flex-start; padding: 6px 3px !important; border-right: 1px solid var(--lks-border) !important; }
.lks-reveal svg { width: 12px; height: 12px; }
.lks-workspace { min-width: 180px; flex: 1; overflow: auto; font-size: 11px; }
.lks-workspace > header { display: flex; justify-content: space-between; gap: 12px; align-items: center; min-height: 28px; padding: 6px 12px; border-bottom: 1px solid var(--lks-border); font-size: 9px; }
.lks-content { padding: 20px 16px; }
.lks-content-title { display: flex; align-items: center; gap: 6px; margin-bottom: 12px; }
.lks-content-title h3 { flex: 1; margin: 0; font-size: 15px; font-weight: 500; }
.lks-content > p { max-width: 460px; margin: 0 0 16px; line-height: 1.6; color: var(--lks-muted); }
.lks-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 8px; margin-top: 24px; }
.lks-cards > button { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding: 12px; min-height: 96px; border: 1px solid var(--lks-border); background: var(--lks-bg); text-align: left; }
.lks-cards img { width: 18px; height: 18px; }
.lks-cards strong { font-weight: 500; }
.lks-cards span { color: var(--lks-muted); font-size: 9px; }
.lks-tool-form { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; max-width: 360px; font-size: 11px; line-height: 1.5; }
.lks-tool-form label { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.lks-tool-form input:not([type="checkbox"]), .lks-tool-form select { max-width: 100%; padding: 4px; border: 1px solid var(--lks-border); background: var(--lks-bg); color: inherit; font: inherit; }
.lks-tool-form input[type="number"] { width: 80px; }
.lks-tool-form button { padding: 5px 8px; border: 1px solid var(--lks-border); }
.lks-tool-form output { font-size: 20px; }
.lks-menu { z-index: 100; min-width: 172px; max-width: 240px; padding: 4px; border: 1px solid hsl(var(--border)); border-radius: 4px; background: hsl(var(--popover)); color: hsl(var(--popover-foreground)); font-family: var(--site-font-sans, -apple-system, BlinkMacSystemFont, system-ui, sans-serif); font-size: 10px; line-height: 1.4; box-shadow: 0 4px 12px #0003; }
.lks-menu-item { padding: 4px 6px; border-radius: 2px; outline: none; cursor: pointer; }
.lks-menu-item[data-highlighted] { background: hsl(var(--accent)); color: hsl(var(--accent-foreground)); }
.lks-menu-field { display: flex; align-items: center; justify-content: space-between; gap: 6px; padding: 4px 6px; }
.lks-menu-field select { min-width: 0; max-width: 140px; color: inherit; background: hsl(var(--popover)); border: 1px solid hsl(var(--border)); font: inherit; }
.lks-menu-field input[type="color"] { width: 32px; height: 18px; padding: 0; border: 0; background: transparent; }
.lks-menu-separator { height: 1px; margin: 3px 0; background: hsl(var(--border)); }
.lks-drag-preview { padding: 2px 8px; border: 1px solid #719dca; border-radius: 3px; background: hsl(var(--card)); color: hsl(var(--foreground)); font-size: 9px; }
@media (hover: none) { .lks-sidebar .lks-row-control { opacity: .65; } }
@media (prefers-reduced-motion: reduce) { .lks-disclosure > svg { transition: none; } }
.nextjs-directory {
  --nextjs-sidebar-width: 224px;
  --nextjs-sidebar-panel: #222;
  --nextjs-sidebar-field: #191919;
  --nextjs-sidebar-line: #303030;
  --nextjs-sidebar-ink: #e5e5e5;
  --nextjs-sidebar-muted: #a3a3a3;
  --nextjs-sidebar-hover: #2b2b2b;
  position: relative;
  isolation: isolate;
  display: flex;
  gap: 8px;
  padding: 2px;
  height: clamp(540px, 70vh, 760px);
  overflow: hidden;
  border: 1px solid #3b3b3b;
  border-radius: 4px;
  background: #191919;
  color: #e5e5e5;
  color-scheme: dark;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 9px;
  line-height: 1.5;
}
.nextjs-directory, .nextjs-directory * { box-sizing: border-box; }
.nextjs-directory button { cursor: pointer; font: inherit; }
.nextjs-directory button:focus-visible { outline: 2px solid #e5e5e5; outline-offset: -2px; }
.nextjs-directory__sidebar { display: flex; flex: 0 0 var(--nextjs-sidebar-width); width: var(--nextjs-sidebar-width); min-width: 0; min-height: 0; }
.nextjs-directory__nav-card { display: flex; flex: 1; min-width: 0; min-height: 0; flex-direction: column; padding: 2px; overflow: hidden; border: 1px solid #303030; border-radius: 4px; background: #222; }
.nextjs-directory__nav-card nav { display: flex; flex-direction: column; gap: 3px; }
.nextjs-directory__nav-item {
  display: flex; align-items: center; gap: 8px; width: 100%; height: 29px; padding: 0 8px;
  border: 1px solid transparent; border-radius: 3px; background: transparent; color: #e5e5e5; text-align: left; font-size: 9px !important;
}
.nextjs-directory__nav-item.is-active { border-color: #303030; background: #191919; box-shadow: 0 2px 3px #111; }
.nextjs-directory__nav-item:hover { background: #2b2b2b; }
.nextjs-directory__main { flex: 1; min-width: 0; min-height: 0; overflow: hidden; border: 1px solid #303030; border-radius: 4px; background: #202020; }

/* Keep the shared navigation inside its allotted column without nested frames. */
.nextjs-directory__primary-nav-host { display: flex; flex: 1; min-height: 0; min-width: 0; overflow: hidden; }
.nextjs-sidebar-demo { display: flex; height: 360px; min-width: 0; padding: 2px; border: 1px solid hsl(var(--border)); border-radius: 3px; background: hsl(var(--card)); }
.nextjs-directory[data-sidebar-variant='unified'] .nextjs-directory__primary-nav.core-workspace-ui {
  --core-frame: var(--nextjs-sidebar-panel);
  --core-panel: var(--nextjs-sidebar-panel);
  --core-field: var(--nextjs-sidebar-field);
  --core-ink: var(--nextjs-sidebar-ink);
  --core-muted: var(--nextjs-sidebar-muted);
  --core-line: var(--nextjs-sidebar-line);
  --core-rail: var(--nextjs-sidebar-panel);
  --core-bar: var(--nextjs-sidebar-panel);
  --core-hover: var(--nextjs-sidebar-hover);
  --core-selected: var(--nextjs-sidebar-field);
  --core-relief: inset 0 1px 0 rgb(255 255 255 / 4%), 0 2px 3px #111;
  --core-row-height: 24px;
  --core-rail-width: 48px;
  --core-panel-width: 168px;
  --ps-ctc-plate: var(--nextjs-sidebar-panel);
  --ps-ctc-line: var(--nextjs-sidebar-line);
  --ps1-layer2-bg: var(--nextjs-sidebar-panel);
  --ps1-chip-bg-hover: var(--nextjs-sidebar-hover);
  --ps1-chip-bg-active: var(--nextjs-sidebar-field);
  --workspace-sidebar-row-top: var(--nextjs-sidebar-panel);
  --workspace-sidebar-row-bottom: var(--nextjs-sidebar-panel);
  --foreground: 0 0% 90%;
  --muted-foreground: 0 0% 64%;
  --border: 0 0% 19%;
  flex: 1;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  font-family: inherit;
}
.nextjs-directory[data-sidebar-variant='unified'] .nextjs-directory__primary-nav > div { width: 100%; min-width: 0; max-width: 100%; }
.nextjs-directory[data-sidebar-variant='unified'] .nextjs-directory__primary-nav .ui-ref-ps1-layer1 { flex: 0 0 48px; width: 48px; min-width: 48px; max-width: 48px; }
.nextjs-directory[data-sidebar-variant='unified'] .nextjs-directory__primary-nav .ui-ref-ps1-layer2 { flex: 1 1 0; width: 0; min-width: 0; max-width: none; overflow: hidden; }
.nextjs-directory[data-sidebar-variant='unified'] .nextjs-directory__primary-nav.core-workspace-ui .ui-ref-ps1-layer2-panel {
  flex: 1 1 auto; width: 100%; min-width: 0; max-width: 100%; overflow: hidden;
  border: 0 !important; background: var(--nextjs-sidebar-panel) !important; box-shadow: none !important;
}
.nextjs-directory[data-sidebar-variant='unified'] .nextjs-directory__primary-nav .ui-ref-ps1-layer2-panel > div { min-width: 0; overflow-x: hidden; }
.nextjs-directory[data-sidebar-variant='unified'] .nextjs-directory__primary-nav nav { width: 100%; min-width: 0; max-width: 100%; margin: 0; border: 0; }
.nextjs-directory[data-sidebar-variant='unified'] .nextjs-directory__primary-nav :is(.ui-ref-ps1-tree-view-leaves, .ui-ref-ps1-catalog-tree, .ui-ref-ps1-hub-tree-leaves, .ui-ref-ps1-hub-tree-leaf) { min-width: 0; max-width: 100%; }
.nextjs-directory[data-sidebar-variant='unified'] .nextjs-directory__primary-nav .workspace-sidebar-tab { width: 100% !important; min-width: 0 !important; max-width: 100%; }
@media (max-width: 760px) { .nextjs-directory { --nextjs-sidebar-width: 200px; } }
@media (max-width: 480px) { .nextjs-directory { --nextjs-sidebar-width: 172px; } }
.twenty-first-chart-preview {
  --chart-line-primary: hsl(var(--foreground));
  --chart-label: hsl(var(--muted-foreground));
  --fg: hsl(var(--foreground));
  --color-teal-500: #14b8a6;
  --color-pink-500: #ec4899;
  --color-ink: hsl(var(--foreground));
  --color-ink-soft: hsl(var(--muted-foreground));
  --color-ink-faint: hsl(var(--muted-foreground));
  --color-surface: hsl(var(--card));
  --color-surface-muted: hsl(var(--muted));
  --color-line: hsl(var(--border));
  --color-accent-strong: hsl(var(--primary));
  --radius-card: 16px;
  --radius-glyph: 8px;
  --shadow-card: 0 2px 16px rgb(0 0 0 / 6%);
  --shadow-float: 0 8px 24px rgb(0 0 0 / 14%);
  --surface: hsl(var(--card));
  --text-muted: hsl(var(--muted-foreground));
  --text-secondary: hsl(var(--muted-foreground));
  --border-strong: hsl(var(--border));
  --text-xs: 12px;
  --text-sm: 14px;
  --leading-body: 1.5;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --radius-control: 8px;
  --shadow-raised: 0 4px 16px rgb(0 0 0 / 14%);
  --duration-fast: 160ms;
  --duration-spring: 420ms;
  --ease-enter: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-standard: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-spring: cubic-bezier(0.22, 1.1, 0.36, 1);
  width: 100%;
  height: 100%;
  min-height: 460px;
  overflow: auto;
  padding: 24px;
  background: hsl(var(--background));
  color: hsl(var(--foreground));
}

.twenty-first-chart-pane {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 1100px;
  min-height: 420px;
  margin: 0 auto;
}

.twenty-first-chart-pane > * { max-width: 100%; }

/* Klyv's semantic utilities are scoped to the imported preview. */
.twenty-first-chart-preview :is(.fill-ink, .fill-ink-soft, .fill-ink-faint) { fill: var(--color-ink-soft); }
.twenty-first-chart-preview .fill-ink { fill: var(--color-ink); }
.twenty-first-chart-preview .stroke-ink { stroke: var(--color-ink); }
.twenty-first-chart-preview .stroke-ink-faint { stroke: var(--color-ink-faint); }
.twenty-first-chart-preview .stroke-line { stroke: var(--color-line); }
.twenty-first-chart-preview .fill-surface { fill: var(--color-surface); }
.twenty-first-chart-preview .fill-surface-muted { fill: var(--color-surface-muted); }
.twenty-first-chart-preview .bg-surface { background: var(--color-surface); }
.twenty-first-chart-preview .border-line { border-color: var(--color-line); }
.twenty-first-chart-preview :is(.text-ink-soft, .text-ink-faint) { color: var(--color-ink-soft); }
.twenty-first-chart-preview .text-ink { color: var(--color-ink); }
/* Levels are tints of the accent over a neutral empty square, so the grid follows the selected accent and both themes. */
._root_bmnz4_2 { --level-0: color-mix(in oklab, hsl(var(--foreground)) 6.5%, var(--surface)); --level-1: color-mix(in oklab, hsl(var(--primary)) 26%, var(--level-0)); --level-2: color-mix(in oklab, hsl(var(--primary)) 50%, var(--level-0)); --level-3: color-mix(in oklab, hsl(var(--primary)) 76%, var(--level-0)); --level-4: hsl(var(--primary)); container-type: inline-size; position: relative; display: grid; min-width: 0; gap: var(--space-4); color: hsl(var(--foreground)); }
._header_bmnz4_3 { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-3) var(--space-4); }
._summary_bmnz4_4 { display: flex; min-width: 0; flex-wrap: wrap; align-items: baseline; -moz-column-gap: .3em; column-gap: .3em; margin: 0; color: var(--text-secondary); font-size: var(--text-sm); line-height: var(--leading-body); font-variant-numeric: tabular-nums; }
._total_bmnz4_5 { color: hsl(var(--foreground)); font-weight: 500; white-space: nowrap; }
._period_bmnz4_6 { white-space: nowrap; }
._actions_bmnz4_7 { display: flex; flex: none; align-items: center; }
._rollingFrame_bmnz4_8 { display: inline-flex; justify-content: flex-end; overflow: clip; overflow-clip-margin: .2em; }
._rolling_bmnz4_8 { display: inline-flex; flex: none; }
/* Each place is its own window, so a turning digit clips at the line instead of brushing the next line of text. */
._place_bmnz4_11 { position: relative; display: inline-flex; overflow: clip; overflow-clip-margin: .15em; }
._placeChar_bmnz4_12, ._riseLine_bmnz4_12 { display: inline-block; }
._rise_bmnz4_12 { position: relative; display: inline-flex; }

/* The scroller starts at its right edge on narrow screens (the most recent weeks) without script, through its writing direction. */
._scroller_bmnz4_16 { direction: rtl; overflow-x: auto; overflow-y: hidden; margin: -6px; padding: 6px; overscroll-behavior-x: contain; scrollbar-color: var(--border-strong) transparent; scrollbar-width: thin; }
._canvas_bmnz4_17 { --gap: 3px; --label: 30px; --cell: clamp(9px, calc((100cqi - var(--label) - var(--gap) * 53) / 53), 15px); --step: calc(var(--cell) + var(--gap)); direction: ltr; display: grid; width: -moz-max-content; width: max-content; grid-template-columns: var(--label) auto; grid-template-rows: auto auto; -moz-column-gap: var(--gap); column-gap: var(--gap); row-gap: var(--space-2); }
._months_bmnz4_18 { position: relative; grid-row: 1; grid-column: 2; height: 1rem; color: var(--text-muted); font-size: var(--text-xs); line-height: 1rem; }
/* Month labels glide to their new week when a range starts on a different weekday. */
._month_bmnz4_18 { position: absolute; top: 0; left: 0; white-space: nowrap; transform: translateX(calc(var(--col) * var(--step))); transition: transform var(--duration-spring) var(--ease-spring); }
/* Weekday labels stay pinned while a narrow grid scrolls under them. Set --heatmap-surface when the heatmap sits on another surface. */
._weekdays_bmnz4_22 { position: sticky; z-index: 1; left: -6px; display: grid; grid-row: 1 / 3; grid-column: 1; grid-template-rows: repeat(7, var(--cell)); align-content: end; row-gap: var(--gap); margin: 0 calc(var(--gap) * -1) 0 -6px; padding: 0 var(--gap) 0 6px; background: var(--heatmap-surface, var(--surface)); color: var(--text-muted); font-size: var(--text-xs); }
._weekday_bmnz4_22 { display: flex; height: var(--cell); align-items: center; white-space: nowrap; line-height: 1; }
._plot_bmnz4_24 { position: relative; grid-row: 2; grid-column: 2; }
._grid_bmnz4_25 { display: grid; gap: var(--gap); outline: none; }
._row_bmnz4_26 { display: flex; gap: var(--gap); }

/* One square per day. The wave delay rides a custom property so a reveal and a recolor sweep the same diagonal. */
._cell_bmnz4_29 { --delay: var(--wave); display: block; width: var(--cell); height: var(--cell); flex: none; border-radius: calc(var(--cell) * .28); background: var(--level-0); outline: 1.5px solid transparent; outline-offset: 1px; cursor: default; -webkit-tap-highlight-color: transparent; transition: background-color 320ms var(--ease-standard) var(--delay), transform var(--duration-spring) var(--ease-spring) var(--delay), opacity var(--duration-fast) var(--ease-standard); }
._grid_bmnz4_25[data-direction="back"] ._cell_bmnz4_29 { --delay: var(--wave-back); }
._cell_bmnz4_29[data-level="1"] { background: var(--level-1); }
._cell_bmnz4_29[data-level="2"] { background: var(--level-2); }
._cell_bmnz4_29[data-level="3"] { background: var(--level-3); }
._cell_bmnz4_29[data-level="4"] { background: var(--level-4); }
/* Days outside the range shrink away in the sweep and grow back when a range needs them. */
._cell_bmnz4_29[data-empty] { transform: scale(0); background: var(--level-0); }
._grid_bmnz4_25[data-reveal="hidden"] ._cell_bmnz4_29 { opacity: 0; transform: scale(.5); transition: none; }
._grid_bmnz4_25[data-reveal="hidden"] ._cell_bmnz4_29[data-empty] { transform: scale(0); }
._grid_bmnz4_25[data-reveal="revealing"] ._cell_bmnz4_29 { transition: background-color 320ms var(--ease-standard) var(--delay), transform var(--duration-spring) var(--ease-spring) var(--delay), opacity 360ms var(--ease-enter) var(--delay); }
._grid_bmnz4_25[data-highlight] ._cell_bmnz4_29:not([data-empty]) { opacity: .2; }
._grid_bmnz4_25[data-highlight="0"] ._cell_bmnz4_29[data-level="0"], ._grid_bmnz4_25[data-highlight="1"] ._cell_bmnz4_29[data-level="1"], ._grid_bmnz4_25[data-highlight="2"] ._cell_bmnz4_29[data-level="2"], ._grid_bmnz4_25[data-highlight="3"] ._cell_bmnz4_29[data-level="3"], ._grid_bmnz4_25[data-highlight="4"] ._cell_bmnz4_29[data-level="4"] { opacity: 1; }
@media (hover: hover) and (pointer: fine) { ._cell_bmnz4_29:not([data-empty]):hover { outline-color: color-mix(in oklab, hsl(var(--foreground)) 45%, transparent); } }

/* The selection ring glides between days, and follows its day when the range changes. */
._ring_bmnz4_45 { position: absolute; top: -3px; left: -3px; width: calc(var(--cell) + 6px); height: calc(var(--cell) + 6px); border: 1.5px solid hsl(var(--foreground)); border-radius: calc(var(--cell) * .28 + 3px); opacity: 0; pointer-events: none; transform: translate(calc(var(--col) * var(--step)), calc(var(--row) * var(--step))); transition: transform var(--duration-spring) var(--ease-spring), opacity var(--duration-fast) var(--ease-standard); }
._ring_bmnz4_45[data-shown] { opacity: 1; }

._legend_bmnz4_48 { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: var(--space-3); color: var(--text-muted); font-size: var(--text-xs); }
/* The caption names the previewed level; it sits apart from the scale so its changing width never nudges the swatches. */
._caption_bmnz4_50 { position: relative; min-width: 0; overflow: hidden; color: var(--text-secondary); font-variant-numeric: tabular-nums; white-space: nowrap; text-overflow: ellipsis; }
._scale_bmnz4_51 { display: flex; flex: none; align-items: center; gap: var(--space-2); }
._captionShort_bmnz4_52 { display: none; }
/* Narrow cards keep the day count and let the highlighted squares say which level it is. */
@container (max-width: 440px) { ._captionLong_bmnz4_54 { display: none; } ._captionShort_bmnz4_52 { display: inline; } }
._legendText_bmnz4_55 { line-height: 1; }
._swatches_bmnz4_56 { display: flex; }
/* The visible square stays the size of a day while the button keeps a comfortable target around it. */
._swatch_bmnz4_56 { position: relative; display: grid; width: 15px; height: 20px; place-items: center; padding: 0; border: 0; border-radius: 4px; background: transparent; cursor: pointer; -webkit-tap-highlight-color: transparent; }
._swatch_bmnz4_56::before { content: ""; width: 11px; height: 11px; border-radius: 3px; background: var(--level-0); }
._swatch_bmnz4_56[data-level="1"]::before { background: var(--level-1); }
._swatch_bmnz4_56[data-level="2"]::before { background: var(--level-2); }
._swatch_bmnz4_56[data-level="3"]::before { background: var(--level-3); }
._swatch_bmnz4_56[data-level="4"]::before { background: var(--level-4); }
._swatch_bmnz4_56[aria-pressed="true"] { box-shadow: inset 0 0 0 1.5px hsl(var(--foreground)); }

/* One bubble for the whole grid. The outer layer glides between cells; the bubble fades and scales from its tail. */
._tip_bmnz4_67 { position: absolute; z-index: 5; top: 0; left: 0; width: 0; height: 0; pointer-events: none; }
._bubble_bmnz4_68 { position: absolute; bottom: 8px; left: 0; display: block; padding: 7px 12px 8px; border: 1px solid color-mix(in oklab, hsl(var(--background)) 14%, hsl(var(--foreground))); border-radius: var(--radius-control); background: hsl(var(--foreground)); color: hsl(var(--background)); box-shadow: var(--shadow-raised); transform-origin: 50% 100%; will-change: transform, opacity; }
._tipBody_bmnz4_69 { position: relative; display: block; overflow: clip; overflow-clip-margin: 8px; }
._tipMeasure_bmnz4_70 { position: absolute; top: 0; left: 0; display: grid; width: -moz-max-content; width: max-content; visibility: hidden; }
._tipLines_bmnz4_71 { display: grid; width: -moz-max-content; width: max-content; }
._tipMeasure_bmnz4_70 > span, ._tipLines_bmnz4_71 > span { white-space: nowrap; }
._tipPrimary_bmnz4_73 { font-size: var(--text-sm); font-weight: 500; line-height: 1.3; font-variant-numeric: tabular-nums; }
._tipSecondary_bmnz4_74 { color: color-mix(in oklab, hsl(var(--background)) 68%, hsl(var(--foreground))); font-size: var(--text-xs); line-height: 1.35; }

._srOnly_bmnz4_76 { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

@media (prefers-reduced-motion: reduce) {
  ._cell_bmnz4_29, ._grid_bmnz4_25[data-reveal="revealing"] ._cell_bmnz4_29 { transition: background-color var(--duration-fast) var(--ease-standard), opacity var(--duration-fast) var(--ease-standard); }
  ._grid_bmnz4_25[data-reveal="hidden"] ._cell_bmnz4_29 { transform: none; }
  ._cell_bmnz4_29[data-empty], ._grid_bmnz4_25[data-reveal="hidden"] ._cell_bmnz4_29[data-empty] { opacity: 0; transform: none; }
  ._month_bmnz4_18, ._ring_bmnz4_45 { transition: opacity var(--duration-fast) var(--ease-standard); }
}
/* The supplied snippets omit CSS; these styles follow their published previews. */
.oct20-rtf-preview :is(.button04, .button05) {
  position: relative;
  display: inline-flex;
  isolation: isolate;
  overflow: hidden;
  max-width: 100%;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #000 !important;
  color: #f6f6ee !important;
  font: 400 24px/1.2 Arial, sans-serif;
  letter-spacing: -1.2px;
  text-decoration: none;
  cursor: pointer;
}

.oct20-rtf-preview :is(.button04, .button05):focus-visible { outline: 2px solid #a1a1aa; outline-offset: 4px; }
.oct20-rtf-preview :is(.button04, .button05) span { color: inherit !important; }
.oct20-rtf-preview :is(.button04_bg, .button05_bg) { position: absolute; inset: 0; z-index: -1; background: #000; }
.oct20-rtf-preview :is(.button04_inner, .button05_inner) {
  position: relative;
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 24px 20px;
  white-space: nowrap;
  text-transform: uppercase;
}
.oct20-rtf-preview .button05_inner { gap: 32px; }
.oct20-rtf-preview :is(.button04_text, .button05_text) { display: block; }
.oct20-rtf-preview :is(.button04_inner, .button05_inner)::after {
  content: attr(data-text);
  position: absolute;
  left: 20px;
  top: 50%;
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%);
}
.oct20-rtf-preview :is(.button04, .button05):is(:hover, :focus-visible) :is(.button04_text, .button05_text) { animation: dotted-label-out 600ms; }
.oct20-rtf-preview :is(.button04, .button05):is(:hover, :focus-visible) :is(.button04_inner, .button05_inner)::after { animation: dotted-label-in 600ms; }

.oct20-rtf-preview :is(.button04_icon-wrap, .button05_icon-wrap) { position: relative; display: block; flex: none; width: 25px; height: 25px; }
.oct20-rtf-preview :is(.button04_icon, .button05_icon) { position: absolute; inset: 0; }
.oct20-rtf-preview .button04_icon { display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: repeat(5, 1fr); gap: 2px; }
.oct20-rtf-preview :is(.button04_dot, .button05_dot) { display: block; border-radius: 50%; background: currentColor; }
.oct20-rtf-preview .button04_dot { transition: transform 250ms; transition-delay: calc(var(--index) * 40ms); }
.oct20-rtf-preview .button04_icon.is-arrow .button04_dot { transform: scale(0); }
.oct20-rtf-preview .button04_icon.is-arrow .button04_dot:nth-child(1) { grid-area: 1 / 3; }
.oct20-rtf-preview .button04_icon.is-arrow .button04_dot:nth-child(2) { grid-area: 2 / 4; }
.oct20-rtf-preview .button04_icon.is-arrow .button04_dot:nth-child(3) { grid-area: 3 / 1; }
.oct20-rtf-preview .button04_icon.is-arrow .button04_dot:nth-child(4) { grid-area: 3 / 2; }
.oct20-rtf-preview .button04_icon.is-arrow .button04_dot:nth-child(5) { grid-area: 3 / 3; }
.oct20-rtf-preview .button04_icon.is-arrow .button04_dot:nth-child(6) { grid-area: 3 / 4; }
.oct20-rtf-preview .button04_icon.is-arrow .button04_dot:nth-child(7) { grid-area: 3 / 5; }
.oct20-rtf-preview .button04_icon.is-arrow .button04_dot:nth-child(8) { grid-area: 4 / 4; }
.oct20-rtf-preview .button04_icon.is-arrow .button04_dot:nth-child(9) { grid-area: 5 / 3; }
.oct20-rtf-preview .button04:is(:hover, :focus-visible) .button04_icon:not(.is-arrow) .button04_dot { transform: scale(0); }
.oct20-rtf-preview .button04:is(:hover, :focus-visible) .button04_icon.is-arrow .button04_dot { transform: scale(1); transition-delay: calc(120ms + var(--index) * 40ms); }

.oct20-rtf-preview .button05_icon-wrap { width: 48px; overflow: hidden; }
.oct20-rtf-preview .button05_icon {
  left: calc(var(--index-parent) * 12px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 10px;
  height: 25px;
}
.oct20-rtf-preview .button05_dot { flex: none; width: 3px; height: 3px; transform: translateX(calc((2 - var(--index)) * 3px)); }
.oct20-rtf-preview .button05:is(:hover, :focus-visible) .button05_icon { animation: dotted-chevron 600ms; animation-delay: calc((3 - var(--index-parent)) * 45ms); }

@keyframes dotted-label-out {
  0%, 100% { transform: translateY(0); opacity: 1; }
  40% { transform: translateY(-100%) scaleY(.2); opacity: 0; }
  41%, 80% { transform: translateY(100%); opacity: 0; }
}
@keyframes dotted-label-in {
  0%, 100% { transform: translateY(100%); opacity: 0; }
  40% { transform: translateY(-50%); opacity: 1; }
  80% { transform: translateY(-150%) scaleY(.2); opacity: 0; }
}
@keyframes dotted-chevron {
  0%, 100% { transform: translateX(0); opacity: 1; }
  45% { transform: translateX(12px); opacity: 0; }
  46% { transform: translateX(-12px); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .oct20-rtf-preview :is(.button04, .button05) * { animation: none !important; transition: none !important; }
  .oct20-rtf-preview :is(.button04_inner, .button05_inner)::after { animation: none !important; }
}
.oct20-rtf-preview [data-bjork-theme="light"] {
  --bjork-bg: #f7f3ea;
  --bjork-surface: #fffcf6;
  --bjork-surface-muted: rgba(250, 246, 237, 0.94);
  --bjork-surface-hover: #f5efe3;
  --bjork-surface-active: #efe7d8;
  --bjork-panel: #f8f2e7;
  --bjork-menu: rgba(255, 252, 246, 0.98);
  --bjork-field: rgba(255, 252, 246, 0.96);
  --bjork-field-muted: rgba(248, 242, 231, 0.82);
  --bjork-field-inset: rgba(239, 231, 216, 0.72);
  --bjork-error-bg: #fff0e8;
  --bjork-text: #171717;
  --bjork-text-strong: rgba(23, 23, 23, 0.9);
  --bjork-text-medium: rgba(23, 23, 23, 0.78);
  --bjork-text-muted: rgba(23, 23, 23, 0.68);
  --bjork-text-soft: rgba(23, 23, 23, 0.62);
  --bjork-text-faint: rgba(23, 23, 23, 0.22);
  --bjork-inverted-text: #fff8f0;
  --bjork-border: #eee6db;
  --bjork-border-muted: #f5ede2;
  --bjork-border-strong: #e1d7c8;
  --bjork-thumb: #a49b8e;
  --bjork-track: #ded6ca;
  --bjork-accent: #ec7d43;
  --bjork-accent-hover: #f0935f;
  --bjork-accent-soft: rgba(236, 125, 67, 0.1);
  --bjork-accent-muted: rgba(236, 125, 67, 0.2);
  --bjork-accent-badge: rgba(236, 125, 67, 0.16);
  --bjork-accent-badge-foreground: #8d421d;
  --bjork-accent-foreground: #3f2112;
  --bjork-accent-fill: #ec7d43;
  --bjork-accent-fill-hover: #f0935f;
  --bjork-shadow-surface: inset 0 7px 14px rgba(88, 72, 49, 0.045), inset 0 0.5px 0.5px rgba(255, 255, 255, 0.92), inset 1px 0 0 rgba(88, 72, 49, 0.026), inset -1px 0 0 rgba(255, 255, 255, 0.68), 0 14px 22px -9px rgba(66, 52, 33, 0.11);
  --bjork-shadow-soft: inset 0 1px 0 rgba(88, 72, 49, 0.045), inset 0 0.5px 0.5px rgba(255, 255, 255, 0.86);
  --bjork-shadow-panel: inset 0 1px 0 rgba(88, 72, 49, 0.04), inset 1px 0 0 rgba(88, 72, 49, 0.024), inset -1px 0 0 rgba(255, 255, 255, 0.64), 0 18px 38px -30px rgba(66, 52, 33, 0.2);
  --bjork-shadow-menu: inset 0 1px 0 rgba(88, 72, 49, 0.04), inset 0 12px 24px rgba(88, 72, 49, 0.022), inset 1px 0 0 rgba(88, 72, 49, 0.024), inset -1px 0 0 rgba(255, 255, 255, 0.62), 0 22px 44px -26px rgba(66, 52, 33, 0.22);
  --bjork-shadow-inset: inset 0 1px 10px rgba(88, 72, 49, 0.12), inset 0 0.5px 0.5px rgba(255, 255, 255, 0.72);
  --bjork-ring-offset: #f7f3ea;
}

.oct20-rtf-preview {
  --bjork-bg: #111111;
  --bjork-surface: #121212;
  --bjork-surface-muted: rgba(22, 22, 22, 0.92);
  --bjork-surface-hover: #161616;
  --bjork-surface-active: #202020;
  --bjork-panel: #0d0d0d;
  --bjork-menu: rgba(18, 18, 18, 0.98);
  --bjork-field: rgba(18, 18, 18, 0.95);
  --bjork-field-muted: rgba(18, 18, 18, 0.55);
  --bjork-field-inset: rgba(9, 9, 9, 0.75);
  --bjork-error-bg: #130d0a;
  --bjork-text: #ededed;
  --bjork-text-strong: rgba(237, 237, 237, 0.9);
  --bjork-text-medium: rgba(237, 237, 237, 0.72);
  --bjork-text-muted: rgba(237, 237, 237, 0.6);
  --bjork-text-soft: rgba(237, 237, 237, 0.5);
  --bjork-text-faint: rgba(237, 237, 237, 0.22);
  --bjork-inverted-text: #080808;
  --bjork-border: #232323;
  --bjork-border-muted: #1c1c1c;
  --bjork-border-strong: #343434;
  --bjork-thumb: #626262;
  --bjork-track: #090909;
  --bjork-accent: #ec5c13;
  --bjork-accent-hover: #f07832;
  --bjork-accent-soft: rgba(236, 92, 19, 0.12);
  --bjork-accent-muted: rgba(236, 92, 19, 0.24);
  --bjork-accent-badge: #b84a12;
  --bjork-accent-badge-foreground: #fff2ea;
  --bjork-accent-foreground: #fff2ea;
  --bjork-accent-fill: #b84a12;
  --bjork-accent-fill-hover: #a84a14;
  --bjork-shadow-surface: inset 0 7px 14px rgba(255, 255, 255, 0.03), inset 0 0.5px 0.5px rgba(255, 255, 255, 0.06), 0 14px 20px -6px rgba(0, 0, 0, 0.45);
  --bjork-shadow-soft: inset 0 1px 0 rgba(255, 255, 255, 0.045);
  --bjork-shadow-panel: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 18px 36px -28px rgba(0, 0, 0, 0.9);
  --bjork-shadow-menu: inset 0 1px 0 rgba(255, 255, 255, 0.055), inset 0 12px 24px rgba(255, 255, 255, 0.018), inset 0 -18px 26px rgba(0, 0, 0, 0.24), 0 22px 42px -22px rgba(0, 0, 0, 0.9);
  --bjork-shadow-inset: inset 0 1px 10px rgba(0, 0, 0, 0.45);
  --bjork-ring-offset: #080808;
}

.oct20-rtf-preview .bjork-range {
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.04), 0 0 14px rgba(189, 69, 20, 0.06);
}
.oct20-rtf-preview .bjork-range::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 16px;
  height: 8px;
  border: 0;
  border-radius: 999px;
  background: var(--bjork-thumb);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 0 0 1px rgba(0, 0, 0, 0.42);
}
.oct20-rtf-preview .bjork-range::-moz-range-thumb {
  width: 16px;
  height: 8px;
  border: 0;
  border-radius: 999px;
  background: var(--bjork-thumb);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 0 0 1px rgba(0, 0, 0, 0.42);
}
.oct20-rtf-preview .bjork-layered-button-accent, .oct20-rtf-preview .bjork-layered-button-raised {
  position: relative;
  isolation: isolate;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  border: 0;
  border-radius: 13px;
  box-shadow: inset 0 1px 0 #ffffff38, 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
  transition: filter 150ms ease-out, box-shadow 150ms ease-out;
}
.oct20-rtf-preview .bjork-layered-button-accent::after, .oct20-rtf-preview .bjork-layered-button-raised::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  border: 1.5px solid transparent;
  border-radius: inherit;
  background: linear-gradient(#ffffffb8, #0000003d 41% 75%, #ffffff47) border-box;
  mix-blend-mode: overlay;
  -webkit-mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
  mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
  -webkit-mask-clip: padding-box, border-box;
  mask-clip: padding-box, border-box;
  -webkit-mask-origin: padding-box, border-box;
  mask-origin: padding-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.oct20-rtf-preview .bjork-layered-button-accent {
  color: oklch(100% 0 0);
  text-shadow: 0 -1px #00000040;
  background: radial-gradient(ellipse at -20px top, rgba(255, 255, 255, 0.14), transparent), linear-gradient(180deg, #ec5c13 0%, #ec5c13 62%, color-mix(in oklab, #ec5c13 84%, black 16%) 100%);
}
.oct20-rtf-preview .bjork-layered-button-raised {
  color: oklch(100% 0 0);
  text-shadow: 0 -1px #00000026;
  background: radial-gradient(ellipse at -20px top, #ffffff38, #fff0), linear-gradient(180deg, oklch(0.1881 0.006 265), oklch(0.5493 0.0081 265));
}
.oct20-rtf-preview .dark .bjork-layered-button-raised {
  color: oklch(0.2574 0.0056 265);
  text-shadow: 0 -1px #00000026;
  background: radial-gradient(ellipse at -20px top, #ffffff38, #fff0), linear-gradient(180deg, color-mix(in oklab, oklch(0.9674 0.0013 265) 80%, oklch(0.2574 0.0056 265) 20%), color-mix(in oklab, oklch(0.669 0.0107 265) 80%, oklch(0.2574 0.0056 265) 20%));
}
@media (hover: hover) {
.oct20-rtf-preview .bjork-layered-button-accent:hover {
  filter: brightness(1.08) saturate(1.04);
}
.oct20-rtf-preview .bjork-layered-button-raised:hover {
  filter: brightness(1.08) contrast(0.9);
}
}
.oct20-rtf-preview {
  width: 100%;
  height: 100%;
  min-height: 460px;
  overflow: auto;
  background: var(--bjork-bg);
  color: var(--bjork-text);
}

.oct20-rtf-preview [data-component-demo] { min-width: 0; }
.oct20-rtf-preview [data-component-demo] > * { max-width: 100%; }
.oct20-rtf-preview [data-bjork-theme] { min-width: 0; }
.oct20-rtf-preview:has(.button04, .button05) > [data-bjork-theme] {
  display: grid;
  min-height: 460px;
  place-items: center;
  padding: 32px;
}
.device-studio{min-height:100vh;padding:20px;color:hsl(var(--foreground));background:hsl(var(--background));font-family:inherit;font-size:13px}
.device-studio *{box-sizing:border-box}
.device-studio fieldset{min-width:0;margin-inline:0}.device-studio .ds-settings-panel{border:0}
.ds-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.ds-header h1{font-size:23px;font-weight:650;letter-spacing:-.04em;margin:0}
.ds-header p{color:hsl(var(--muted-foreground));margin:4px 0 0;font-size:13px}
.ds-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:12px;padding:12px;border:1px solid hsl(var(--border));border-radius:12px;background:hsl(var(--card));margin-bottom:14px}
.ds-toolbar .ds-field{min-width:180px;flex:1;margin:0}.ds-toolbar .ds-button{margin:0}.ds-dimensions{align-self:center;white-space:nowrap;color:hsl(var(--muted-foreground));font-size:11px}.ds-dimensions strong{display:block;color:hsl(var(--foreground));font-size:13px;font-weight:500}
.ds-workspace{display:grid;grid-template-columns:310px minmax(0,1fr);gap:14px;min-height:560px}
.ds-settings,.ds-preview{border:1px solid hsl(var(--border));border-radius:12px;background:hsl(var(--card));min-width:0;overflow:hidden}
.ds-tabs{display:flex;gap:2px;padding:7px;border-bottom:1px solid hsl(var(--border));overflow:auto}
.ds-tabs button{font-size:11px;padding:8px 6px;flex:1;border:0;border-radius:6px;color:hsl(var(--muted-foreground));background:transparent;cursor:pointer;white-space:nowrap}
.ds-tabs button[aria-selected=true]{background:hsl(var(--accent));color:hsl(var(--foreground));font-weight:600}
.ds-settings-panel{padding:18px;max-height:650px;overflow:auto}.ds-settings-panel h2{font-size:14px;font-weight:600;margin:0 0 12px}
.ds-field{display:flex;flex-direction:column;gap:7px;margin:0 0 17px;font-weight:500;font-size:12px}
.ds-field:has(input[type=checkbox]){flex-direction:row;align-items:center;justify-content:space-between}
.ds-field select,.ds-field input:not([type=range]):not([type=checkbox]){width:100%;min-height:34px;padding:6px 9px;border:1px solid hsl(var(--border));border-radius:7px;background:hsl(var(--background));color:hsl(var(--foreground));font:inherit;font-weight:400}
.ds-field input[type=color]{padding:3px!important}.ds-field input[type=file]{font-size:11px!important}.ds-field input[type=range],.ds-field input[type=checkbox]{accent-color:hsl(var(--primary))}
.ds-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid hsl(var(--border));background:hsl(var(--background));border-radius:7px;min-height:34px;padding:7px 11px;color:hsl(var(--foreground));font:inherit;font-size:12px;cursor:pointer;margin:0 7px 12px 0}
.ds-button:hover:not(:disabled){background:hsl(var(--accent))}.ds-button:disabled{opacity:.45;cursor:default}.ds-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:transparent}.ds-primary:hover:not(:disabled){background:hsl(var(--primary)/.85)}
.device-studio :focus-visible{outline:2px solid hsl(var(--ring));outline-offset:3px}
.ds-help{font-size:12px;line-height:1.65;color:hsl(var(--muted-foreground));margin:0 0 16px}
.ds-upload{border:1px dashed hsl(var(--border));border-radius:10px;display:flex;position:relative;align-items:center;justify-content:center;flex-direction:column;gap:7px;min-height:130px;padding:15px;cursor:pointer;margin-bottom:16px;background:hsl(var(--muted)/.25)}
.ds-upload:focus-within{outline:2px solid hsl(var(--ring));outline-offset:2px}.ds-upload span{font-size:11px;color:hsl(var(--muted-foreground))}.ds-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.ds-thumbnail{display:block;max-height:120px;max-width:100%;border:1px solid hsl(var(--border));border-radius:6px;margin-bottom:14px}
.ds-preview{display:flex;flex-direction:column}.ds-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;font-size:12px;border-bottom:1px solid hsl(var(--border))}.ds-preview-heading span{color:hsl(var(--muted-foreground));font-size:11px}
.ds-stage{min-height:480px;height:calc(100vh - 260px);max-height:740px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:hsl(var(--muted)/.3)}
.ds-fit{flex-shrink:0;position:relative;background-color:#e5e7eb;background-image:linear-gradient(45deg,#cfd2d8 25%,transparent 25%),linear-gradient(-45deg,#cfd2d8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#cfd2d8 75%),linear-gradient(-45deg,transparent 75%,#cfd2d8 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}
.ds-display{transform-origin:top left}.ds-composition{position:relative;overflow:hidden;color:#171b25}
.ds-background{position:absolute;inset:0;pointer-events:none}.ds-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.ds-motion{animation-timing-function:ease-in-out;animation-iteration-count:infinite}
.ds-exporting .ds-motion{animation:none!important}.ds-preview-note{font-size:11px;text-align:center;color:hsl(var(--muted-foreground));padding:12px;margin:0}.ds-status{min-height:25px;font-size:12px;padding:9px 0 0;color:hsl(var(--muted-foreground))}
.ds-device{position:relative;flex:none;filter:drop-shadow(0 22px 26px #0004)}.ds-hardware{position:relative;box-shadow:inset 0 0 0 2px #ffffff26}.ds-screen{position:relative;overflow:hidden;background:#f3f4f7}.ds-screen iframe,.ds-screen>img{display:block;border:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ds-screen iframe{background:white}
.ds-island,.ds-notch,.ds-indicator,.ds-home,.ds-camera,.ds-power,.ds-volume{position:absolute;display:block;pointer-events:none;z-index:2}
.ds-island{width:110px;height:28px;background:#08090c;border-radius:30px;left:50%;top:9px;transform:translateX(-50%)}.ds-island.ds-side{width:28px;height:110px;left:9px;top:50%;transform:translateY(-50%)}
.ds-notch{width:140px;height:28px;background:#08090c;border-radius:0 0 20px 20px;left:50%;top:0;transform:translateX(-50%)}.ds-notch.ds-side{width:28px;height:140px;left:0;top:50%;transform:translateY(-50%);border-radius:0 20px 20px 0}
.ds-indicator{width:110px;height:4px;bottom:7px;left:50%;transform:translateX(-50%);border-radius:10px;background:#7779}.ds-indicator.ds-side{width:4px;height:110px;left:auto;right:7px;top:50%;bottom:auto;transform:translateY(-50%)}
.ds-home{height:42px;width:42px;border:2px solid #7779;border-radius:50%;bottom:13px;left:50%;transform:translateX(-50%)}.ds-home.ds-side{bottom:auto;left:auto;right:13px;top:50%;transform:translateY(-50%)}.ds-camera{width:6px;height:6px;border-radius:50%;background:#090e17;left:50%;top:4px}.ds-power{height:48px;width:4px;background:#555c69;right:-3px;top:100px;border-radius:2px}.ds-volume{height:70px;width:4px;background:#555c69;left:-3px;top:80px;border-radius:2px}
.ds-laptop-base{height:22px;width:108%;margin-left:-4%;border-radius:2px 2px 18px 18px;box-shadow:inset 0 -6px 5px #0003;text-align:center}.ds-laptop-base span{display:inline-block;width:24%;height:6px;vertical-align:top;background:#5556;border-radius:0 0 6px 6px}
.ds-system-overlay{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:12px 20px;font-size:12px;font-weight:600;pointer-events:none;background:#ffffff33}.ds-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;font-size:22px;line-height:1.8;color:#777f92}.ds-empty small{font-size:14px}.ds-watermark{position:absolute;background:#111a;color:#fff;font-size:20px;padding:9px 15px;border-radius:8px;pointer-events:none}
@keyframes ds-float{0%,100%{transform:translateY(0)}50%{transform:translateY(calc(-1 * var(--ds-distance)))}}
@keyframes ds-scroll{0%,100%{transform:translateY(var(--ds-distance))}50%{transform:translateY(calc(-1 * var(--ds-distance)))}}
@keyframes ds-rotate{to{transform:rotate(360deg)}}
@keyframes ds-pulse{0%,100%{transform:scale(1)}50%{transform:scale(var(--ds-pulse))}}
@media(max-width:850px){.device-studio{padding:12px}.ds-workspace{display:flex;flex-direction:column}.ds-preview{order:0}.ds-settings{order:1}.ds-settings-panel{max-height:none}.ds-stage{height:440px;min-height:320px}.ds-toolbar{gap:9px}.ds-dimensions{flex:1}.ds-toolbar .ds-button{font-size:11px}.ds-header h1{font-size:21px}.ds-header p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.ds-motion{animation:none!important}}
.device-studio.ds-native{display:flex;flex:1;flex-direction:column;height:100%;min-height:0;padding:0;overflow:hidden;background:#161616}
.ds-native .ds-preview{display:flex;flex:1;min-height:0;border:0;border-radius:0;background:transparent}
.ds-native .ds-preview-heading,.ds-native .ds-preview-note{display:none}
.ds-native .ds-stage{flex:1;height:auto;min-height:120px;max-height:none;background:transparent}
.ds-native .ds-fit{background-color:#222;background-image:linear-gradient(45deg,#292929 25%,transparent 25%),linear-gradient(-45deg,#292929 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#292929 75%),linear-gradient(-45deg,transparent 75%,#292929 75%)}
.ds-native .ds-native-model{display:flex;align-items:center;gap:4px;width:100%;min-width:0;font:inherit}
.ds-native-model select{flex:1;min-width:0;width:0;height:22px;border:0;border-radius:2px;padding:2px 4px;background:#252525;color:#e3e3e3;font:inherit}
.ds-native-model button{display:grid;width:20px;height:20px;place-items:center;background:transparent;border:0;color:inherit}
.ds-native .ds-native-fields{font:inherit;color:#ddd}
.ds-native-fields h2{display:none}
.ds-native-fields .ds-field{gap:4px;margin-bottom:9px;font-size:inherit;font-weight:400}
.ds-native-fields .ds-field select,.ds-native-fields .ds-field input:not([type=range]):not([type=checkbox]){min-height:22px;padding:3px 5px;border:1px solid #333;border-radius:2px;background:#222;color:#ddd;font:inherit}
.ds-native-fields .ds-button,.ds-native-action{min-height:22px;padding:3px 6px;border:1px solid #353535;border-radius:2px;background:#292929;color:#ddd;font:inherit;cursor:pointer}
.ds-native-fields .ds-help{font-size:inherit;line-height:1.6;margin-bottom:9px;color:#aaa}
.ds-native-fields .ds-upload{flex-direction:row;flex-wrap:wrap;gap:5px;min-height:38px;padding:6px;margin-bottom:9px;border-radius:2px;background:#222;border-color:#333;font:inherit}
.ds-native-fields .ds-upload>svg{width:12px;height:12px}.ds-native-fields .ds-upload strong,.ds-native-fields .ds-upload span{font:inherit}.ds-native-fields .ds-upload span{width:100%;text-align:center}
.ds-native-fields .ds-thumbnail{max-height:75px}
.ds-native-actions{display:flex;align-items:center;gap:3px;font:inherit}
.ds-native-action:disabled,.ds-native-model button:disabled{opacity:.4;cursor:default}
.ds-native-status{margin-left:auto;min-width:0;font:inherit}.ds-native-status .ds-status{min-height:0;padding:0;font:inherit;color:#aaa}
.deskstack-org { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 0; min-width: 0; overflow: hidden; color: hsl(var(--foreground)); background: hsl(var(--background)); font-size: 12px; }
.deskstack-org button { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 28px; padding: 4px 8px; border: 1px solid transparent; border-radius: 5px; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.deskstack-org button:hover { background: hsl(var(--muted)); }
.deskstack-org button:focus-visible, .deskstack-org input:focus-visible, .deskstack-org select:focus-visible, .deskstack-org textarea:focus-visible { outline: 2px solid hsl(var(--ring)); outline-offset: 1px; }
.deskstack-org-toolbar { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; flex-shrink: 0; padding: 6px 8px; border-bottom: 1px solid hsl(var(--border)); }
.deskstack-org-count { display: inline-flex; align-items: center; gap: 6px; padding: 0 6px; color: hsl(var(--muted-foreground)); white-space: nowrap; }
.deskstack-org-toolbar-spacer { flex: 1; }
.deskstack-org-zoom { display: flex; align-items: center; }
.deskstack-org-zoom output { min-width: 42px; text-align: center; font-variant-numeric: tabular-nums; color: hsl(var(--muted-foreground)); }
.deskstack-org-body { display: flex; flex: 1; min-height: 0; min-width: 0; position: relative; }
.deskstack-org-canvas { position: relative; flex: 1; min-width: 0; min-height: 180px; overflow: hidden; touch-action: none; cursor: grab; background-image: radial-gradient(hsl(var(--border) / .65) .75px, transparent .75px); background-size: 20px 20px; }
.deskstack-org-canvas.is-dragging { cursor: grabbing; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.deskstack-org-canvas:focus-visible { outline: 1px solid hsl(var(--ring)); outline-offset: -1px; }
.deskstack-org-world { position: absolute; left: 0; top: 0; transform-origin: 0 0; }
.deskstack-org-connections { position: absolute; left: 0; top: 0; overflow: visible; pointer-events: none; color: hsl(var(--muted-foreground) / .5); }
.deskstack-org-card { position: absolute; width: 256px; height: 136px; box-sizing: border-box; transform: translate(-50%, -50%); padding: 14px; border: 1px solid hsl(var(--border)); border-radius: 12px; background: hsl(var(--card)); color: hsl(var(--card-foreground)); box-shadow: 0 3px 10px rgb(0 0 0 / .08); cursor: default; }
.deskstack-org-card.is-selected { border-color: hsl(var(--ring)); }
.deskstack-org button.deskstack-org-person { display: flex; align-items: flex-start; width: 100%; padding: 0; border: 0; gap: 10px; text-align: left; justify-content: flex-start; }
.deskstack-org button.deskstack-org-person:hover { background: transparent; }
.deskstack-org-avatar { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; flex-shrink: 0; border-radius: 50%; background: var(--org-family-colour); color: #fff; font-weight: 600; }
.deskstack-org-person-text { display: flex; flex-direction: column; gap: 4px; min-width: 0; padding-top: 2px; }
.deskstack-org-person-text strong { font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.deskstack-org-person-text > span { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.35; color: hsl(var(--muted-foreground)); }
.deskstack-org-card-footer { position: absolute; bottom: 12px; left: 14px; right: 14px; display: flex; align-items: center; gap: 6px; }
.deskstack-org-family { max-width: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 4px 6px; border-radius: 5px; color: var(--org-family-colour); background: color-mix(in srgb, var(--org-family-colour) 12%, transparent); font-size: 11px; }
.deskstack-org button.deskstack-org-reports { margin-left: auto; padding: 3px 2px; color: hsl(var(--muted-foreground)); font-size: 11px; white-space: nowrap; }
.deskstack-org-legend { position: absolute; left: 10px; bottom: 10px; right: 10px; display: flex; gap: 10px; flex-wrap: wrap; pointer-events: none; color: hsl(var(--muted-foreground)); font-size: 10px; }
.deskstack-org-legend > span { display: inline-flex; align-items: center; gap: 4px; padding: 2px 4px; border-radius: 3px; background: hsl(var(--background) / .9); }
.deskstack-org-legend i { display: block; width: 7px; height: 7px; border-radius: 50%; }
.deskstack-org-empty { position: absolute; z-index: 1; inset: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 10px; color: hsl(var(--muted-foreground)); cursor: default; }
.deskstack-org-empty strong { color: hsl(var(--foreground)); font-weight: 500; }
.deskstack-org-empty button { border-color: hsl(var(--border)); color: hsl(var(--foreground)); }
.deskstack-org-inspector { flex-shrink: 0; width: 272px; max-width: 75%; overflow: auto; padding: 12px; border-left: 1px solid hsl(var(--border)); background: hsl(var(--background)); cursor: default; }
.deskstack-org-inspector-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 12px; }
.deskstack-org-inspector-title strong { font-weight: 500; }
.deskstack-org-inspector form { display: flex; flex-direction: column; gap: 12px; }
.deskstack-org-inspector label { display: flex; flex-direction: column; gap: 5px; color: hsl(var(--muted-foreground)); }
.deskstack-org-inspector input, .deskstack-org-inspector select, .deskstack-org-inspector textarea { box-sizing: border-box; width: 100%; min-width: 0; padding: 7px 8px; border: 1px solid hsl(var(--border)); border-radius: 5px; background: hsl(var(--background)); color: hsl(var(--foreground)); font: inherit; }
.deskstack-org-inspector textarea { min-height: 90px; resize: vertical; }
.deskstack-org-form-actions { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px; }
.deskstack-org-form-actions button { border-color: hsl(var(--border)); }
.deskstack-org button.deskstack-org-remove, .deskstack-org-error { color: hsl(var(--destructive)); }
.deskstack-org-note { margin: 0; font-size: 11px; line-height: 1.5; color: hsl(var(--muted-foreground)); }
.deskstack-org-error { margin: 0; font-size: 11px; line-height: 1.5; }
@media (max-width: 620px) { .deskstack-org-toolbar-spacer { display: none; } .deskstack-org-inspector { position: absolute; z-index: 2; right: 0; top: 0; bottom: 0; box-shadow: -3px 0 12px rgb(0 0 0 / .1); } .deskstack-org-toolbar { gap: 2px; } }
.deskcreate { position: relative; isolation: isolate; display: flex; flex: 1; width: 100%; height: 100%; min-height: 360px; min-width: 0; overflow: hidden; background: hsl(var(--background)); color: hsl(var(--foreground)); }
.deskcreate-fullscreen { position: fixed; inset: 0; z-index: 100; width: 100vw; height: 100dvh; }
.deskcreate [hidden] { display: none !important; }
.deskcreate-stages, .deskcreate-tool-stage { position: absolute; inset: 0; min-height: 0; min-width: 0; }
.deskcreate-tool-stage { display: flex; flex-direction: column; overflow: hidden; }
.deskcreate-tool-stage > * { flex: 1; min-height: 0; min-width: 0; max-width: 100%; }
.deskcreate-current-tool { position: absolute; top: 14px; right: 16px; z-index: 5; display: flex; gap: 8px; align-items: center; border-radius: 20px; padding: 6px 12px; background: hsl(var(--card) / .85); backdrop-filter: blur(12px); border: 1px solid hsl(var(--border)); font-size: 11px; pointer-events: none; }
.deskcreate-current-tool span:first-child { font-weight: 650; }
.deskcreate-current-tool span:last-child { opacity: .65; }
.deskcreate-toolbar { position: absolute; z-index: 20; display: flex; flex-direction: column; align-items: center; gap: 3px; width: 50px; max-height: calc(100% - 32px); overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; padding: 5px; border-radius: 26px; border: 1px solid hsl(var(--border) / .8); background: hsl(var(--card) / .9); backdrop-filter: blur(14px); box-shadow: 0 5px 24px #0002; }
.deskcreate-icon-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 36px; width: 36px; height: 36px; min-height: 36px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: inherit; cursor: pointer; opacity: .76; }
.deskcreate-icon-button:hover, .deskcreate-icon-button[aria-pressed=true], .deskcreate-icon-button[aria-expanded=true] { background: hsl(var(--primary) / .16); color: hsl(var(--foreground)); opacity: 1; }
.deskcreate-icon-button[aria-pressed=true] { box-shadow: inset 0 0 0 1px hsl(var(--primary) / .45); }
.deskcreate-icon-button:focus-visible, .deskcreate-drag-handle:focus-visible { outline: 2px solid hsl(var(--primary)); outline-offset: 1px; }
.deskcreate-icon-button:disabled { opacity: .3; cursor: default; }
.deskcreate-drag-handle { display: flex; justify-content: center; align-items: center; flex-shrink: 0; height: 18px; width: 36px; border: 0; background: none; color: inherit; opacity: .45; cursor: grab; touch-action: none; }
.deskcreate-drag-handle:active { cursor: grabbing; }
.deskcreate-toolbar-tools, .deskcreate-tool-group, .deskcreate-tool-actions, .deskcreate-action-slots { display: flex; flex-direction: column; gap: 3px; align-items: center; flex-shrink: 0; }
.deskcreate-tool-group + .deskcreate-tool-group { border-top: 1px solid hsl(var(--border)); padding-top: 4px; margin-top: 3px; }
.deskcreate-toolbar-divider { flex-shrink: 0; height: 1px; width: 24px; background: hsl(var(--border)); margin: 3px 0; }
.deskcreate-floating-panel { position: absolute; z-index: 25; width: min(400px, calc(100% - 96px)); max-height: calc(100% - 32px); overflow: auto; scrollbar-width: thin; border: 1px solid hsl(var(--border)); background: hsl(var(--card) / .97); color: hsl(var(--foreground)); backdrop-filter: blur(18px); border-radius: 16px; box-shadow: 0 12px 40px #0003; }
.deskcreate-panel-heading { position: sticky; top: 0; z-index: 2; display: flex; justify-content: space-between; align-items: center; padding: 8px 12px; border-bottom: 1px solid hsl(var(--border)); background: hsl(var(--card)); font-size: 13px; }
.deskcreate-control-section { padding: 12px; border-bottom: 1px solid hsl(var(--border)); min-width: 0; }
.deskcreate-control-section > h3, .deskcreate-picker h3 { margin: 0 0 10px; color: hsl(var(--muted-foreground)); font-size: 11px; font-weight: 600; letter-spacing: .03em; }
.deskcreate-control-section > * { max-width: 100%; }
.deskcreate-control-section > aside, .deskcreate-control-section > header { width: 100% !important; min-width: 0 !important; max-height: none; border: 0; }
.deskcreate-picker { padding: 10px; }
.deskcreate-picker section { margin-top: 16px; }
.deskcreate-picker section > button { display: flex; align-items: center; gap: 10px; width: 100%; padding: 9px 10px; border: 0; background: transparent; color: inherit; border-radius: 8px; text-align: left; font-size: 12px; cursor: pointer; }
.deskcreate-picker section > button:hover, .deskcreate-picker section > button[aria-pressed=true] { background: hsl(var(--primary) / .12); }
.deskcreate-tool-search { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 8px; border: 1px solid hsl(var(--border)); }
.deskcreate-tool-search input { width: 100%; min-width: 0; border: 0; background: transparent; color: inherit; outline: none; font-size: 12px; }
.deskcreate-tool-message { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; height: 100%; padding: 24px; font-size: 13px; }
.deskcreate-tool-message button { padding: 8px 14px; border: 1px solid hsl(var(--border)); border-radius: 8px; }
.deskcreate-horizontal .deskcreate-toolbar { flex-direction: row; width: auto; max-width: calc(100% - 32px); max-height: 54px; overflow-x: auto; overflow-y: hidden; }
.deskcreate-horizontal .deskcreate-toolbar-tools, .deskcreate-horizontal .deskcreate-tool-group, .deskcreate-horizontal .deskcreate-tool-actions, .deskcreate-horizontal .deskcreate-action-slots { flex-direction: row; }
.deskcreate-horizontal .deskcreate-tool-group + .deskcreate-tool-group { border-top: 0; border-left: 1px solid hsl(var(--border)); padding: 0 0 0 4px; margin: 0 0 0 3px; }
.deskcreate-horizontal .deskcreate-toolbar-divider { height: 24px; width: 1px; margin: 0 3px; }
.deskcreate-horizontal .deskcreate-drag-handle { width: 18px; height: 36px; }
.deskcreate-horizontal .deskcreate-floating-panel { max-height: calc(100% - 96px); }
@media (max-width: 540px) { .deskcreate-current-tool { max-width: calc(100% - 90px); } .deskcreate-current-tool span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } }
.deskcreate-all-tools { margin-bottom: 10px; padding: 6px 9px; border: 1px solid hsl(var(--border)); border-radius: 7px; font-size: 11px; }
.mapboxgl-map{font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative;-webkit-tap-highlight-color:rgb(0 0 0/0)}.mapboxgl-canvas{left:0;position:absolute;top:0}.mapboxgl-map:-webkit-full-screen{height:100%;width:100%}.mapboxgl-canary{background-color:salmon}.mapboxgl-canvas-container.mapboxgl-interactive,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass{cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer{cursor:pointer}.mapboxgl-canvas-container.mapboxgl-interactive:active,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active{cursor:grabbing}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas{touch-action:pan-x pan-y}.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:pinch-zoom}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:none}.mapboxgl-ctrl-bottom,.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right,.mapboxgl-ctrl-left,.mapboxgl-ctrl-right,.mapboxgl-ctrl-top,.mapboxgl-ctrl-top-left,.mapboxgl-ctrl-top-right{pointer-events:none;position:absolute;z-index:2}.mapboxgl-ctrl-top-left{left:0;top:0}.mapboxgl-ctrl-top{left:50%;top:0;transform:translateX(-50%)}.mapboxgl-ctrl-top-right{right:0;top:0}.mapboxgl-ctrl-right{right:0;top:50%;transform:translateY(-50%)}.mapboxgl-ctrl-bottom-right{bottom:0;right:0}.mapboxgl-ctrl-bottom{bottom:0;left:50%;transform:translateX(-50%)}.mapboxgl-ctrl-bottom-left{bottom:0;left:0}.mapboxgl-ctrl-left{left:0;top:50%;transform:translateY(-50%)}.mapboxgl-ctrl{clear:both;pointer-events:auto;transform:translate(0)}.mapboxgl-ctrl-top-left .mapboxgl-ctrl{float:left;margin:10px 0 0 10px}.mapboxgl-ctrl-top .mapboxgl-ctrl{float:left;margin:10px 0}.mapboxgl-ctrl-top-right .mapboxgl-ctrl{float:right;margin:10px 10px 0 0}.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl,.mapboxgl-ctrl-right .mapboxgl-ctrl{float:right;margin:0 10px 10px 0}.mapboxgl-ctrl-bottom .mapboxgl-ctrl{float:left;margin:10px 0}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl,.mapboxgl-ctrl-left .mapboxgl-ctrl{float:left;margin:0 0 10px 10px}.mapboxgl-ctrl-group{background:#fff;border-radius:4px}.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px rgba(0,0,0,.1)}@media (-ms-high-contrast:active){.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px ButtonText}}.mapboxgl-ctrl-group button{background-color:transparent;border:0;box-sizing:border-box;cursor:pointer;display:block;height:29px;outline:none;overflow:hidden;padding:0;width:29px}.mapboxgl-ctrl-group button+button{border-top:1px solid #ddd}.mapboxgl-ctrl button .mapboxgl-ctrl-icon{background-position:50%;background-repeat:no-repeat;display:block;height:100%;width:100%}@media (-ms-high-contrast:active){.mapboxgl-ctrl-icon{background-color:transparent}.mapboxgl-ctrl-group button+button{border-top:1px solid ButtonText}}.mapboxgl-ctrl-attrib-button:focus,.mapboxgl-ctrl-group button:focus{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl button:disabled{cursor:not-allowed}.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon{opacity:.25}.mapboxgl-ctrl-group button:first-child{border-radius:4px 4px 0 0}.mapboxgl-ctrl-group button:last-child{border-radius:0 0 4px 4px}.mapboxgl-ctrl-group button:only-child{border-radius:inherit}.mapboxgl-ctrl button:not(:disabled):hover{background-color:rgb(0 0 0/5%)}.mapboxgl-ctrl-group button:focus:focus-visible{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl-group button:focus:not(:focus-visible){box-shadow:none}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon{animation:mapboxgl-spin 2s linear infinite}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}}@keyframes mapboxgl-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='0.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='0.9' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;cursor:pointer;display:block;height:23px;margin:0 0 -4px -4px;overflow:hidden;width:88px}a.mapboxgl-ctrl-logo.mapboxgl-compact{width:23px}@media (-ms-high-contrast:active){a.mapboxgl-ctrl-logo{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23000'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E")}}.mapboxgl-ctrl.mapboxgl-ctrl-attrib{background-color:hsla(0,0%,100%,.5);margin:0;padding:0 5px}@media screen{.mapboxgl-ctrl-attrib.mapboxgl-compact{background-color:#fff;border-radius:12px;box-sizing:content-box;margin:10px;min-height:20px;padding:2px 24px 2px 0;position:relative}.mapboxgl-ctrl-attrib.mapboxgl-compact-show{padding:2px 28px 2px 8px;visibility:visible}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show{border-radius:12px;padding:2px 8px 2px 28px}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner{display:none}.mapboxgl-ctrl-attrib-button{background-color:hsla(0,0%,100%,.5);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");border:0;border-radius:12px;box-sizing:border-box;cursor:pointer;display:none;height:24px;outline:none;position:absolute;right:0;top:0;width:24px}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button{left:0}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner{display:block}.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button{background-color:rgb(0 0 0/5%)}.mapboxgl-ctrl-bottom-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;right:0}.mapboxgl-ctrl-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0}.mapboxgl-ctrl-top-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0;top:0}.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0;top:0}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;left:0}.mapboxgl-ctrl-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0}}@media screen and (-ms-high-contrast:active){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}@media screen and (-ms-high-contrast:black-on-white){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}.mapboxgl-ctrl-attrib a{color:rgba(0,0,0,.75);text-decoration:none}.mapboxgl-ctrl-attrib a:hover{color:inherit;text-decoration:underline}.mapboxgl-ctrl-attrib .mapbox-improve-map{font-weight:700;margin-left:2px}.mapboxgl-attrib-empty{display:none}.mapboxgl-ctrl-scale{background-color:hsla(0,0%,100%,.75);border:2px solid #333;border-top:#333;box-sizing:border-box;color:#333;font-size:10px;padding:0 5px;white-space:nowrap}.mapboxgl-popup{display:flex;left:0;pointer-events:none;position:absolute;top:0;will-change:transform}.mapboxgl-popup-anchor-top,.mapboxgl-popup-anchor-top-left,.mapboxgl-popup-anchor-top-right{flex-direction:column}.mapboxgl-popup-anchor-bottom,.mapboxgl-popup-anchor-bottom-left,.mapboxgl-popup-anchor-bottom-right{flex-direction:column-reverse}.mapboxgl-popup-anchor-left{flex-direction:row}.mapboxgl-popup-anchor-right{flex-direction:row-reverse}.mapboxgl-popup-tip{border:10px solid transparent;height:0;width:0;z-index:1}.mapboxgl-popup-anchor-top .mapboxgl-popup-tip{align-self:center;border-bottom-color:#fff;border-top:none}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom-color:#fff;border-left:none;border-top:none}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom-color:#fff;border-right:none;border-top:none}.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{align-self:center;border-bottom:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{align-self:center;border-left:none;border-right-color:#fff}.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{align-self:center;border-left-color:#fff;border-right:none}.mapboxgl-popup-close-button{background-color:transparent;border:0;border-radius:0 3px 0 0;cursor:pointer;position:absolute;right:0;top:0}.mapboxgl-popup-close-button:hover{background-color:rgb(0 0 0/5%)}.mapboxgl-popup-content{background:#fff;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.1);padding:10px 10px 15px;pointer-events:auto;position:relative}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content{border-top-left-radius:0}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content{border-top-right-radius:0}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content{border-bottom-left-radius:0}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content{border-bottom-right-radius:0}.mapboxgl-popup-track-pointer{display:none}.mapboxgl-popup-track-pointer *{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mapboxgl-map:hover .mapboxgl-popup-track-pointer{display:flex}.mapboxgl-map:active .mapboxgl-popup-track-pointer{display:none}.mapboxgl-marker{left:0;opacity:1;position:absolute;top:0;transition:opacity .2s;will-change:transform}.mapboxgl-user-location-dot,.mapboxgl-user-location-dot:before{background-color:#1da1f2;border-radius:50%;height:15px;width:15px}.mapboxgl-user-location-dot:before{animation:mapboxgl-user-location-dot-pulse 2s infinite;content:"";position:absolute}.mapboxgl-user-location-dot:after{border:2px solid #fff;border-radius:50%;box-shadow:0 0 3px rgba(0,0,0,.35);box-sizing:border-box;content:"";height:19px;left:-2px;position:absolute;top:-2px;width:19px}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading{height:0;width:0}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after,.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-bottom:7.5px solid #4aa1eb;content:"";position:absolute}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-left:7.5px solid transparent;transform:translateY(-28px) skewY(-20deg)}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after{border-right:7.5px solid transparent;transform:translate(7.5px,-28px) skewY(20deg)}@keyframes mapboxgl-user-location-dot-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(3)}to{opacity:0;transform:scale(1)}}.mapboxgl-user-location-dot-stale{background-color:#aaa}.mapboxgl-user-location-dot-stale:after{display:none}.mapboxgl-user-location-accuracy-circle{background-color:#1da1f233;border-radius:100%;height:1px;width:1px}.mapboxgl-crosshair,.mapboxgl-crosshair .mapboxgl-interactive,.mapboxgl-crosshair .mapboxgl-interactive:active{cursor:crosshair}.mapboxgl-boxzoom{background:#fff;border:2px dotted #202020;height:0;left:0;opacity:.5;position:absolute;top:0;width:0}@media print{.mapbox-improve-map{display:none}}.mapboxgl-scroll-zoom-blocker,.mapboxgl-touch-pan-blocker{align-items:center;background:rgba(0,0,0,.7);color:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;text-align:center;top:0;transition:opacity .75s ease-in-out;transition-delay:1s;width:100%}.mapboxgl-scroll-zoom-blocker-show,.mapboxgl-touch-pan-blocker-show{opacity:1;transition:opacity .1s ease-in-out}.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page,.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page .mapboxgl-canvas{touch-action:pan-x pan-y}.deskbrowse-workspace { font-family: var(--font-sans, sans-serif); color: hsl(var(--foreground)); }
.db-browser-header { width: 100%; min-width: 0; background: var(--linux-chrome-bg, #242424); }
.db-tab-header { display: flex; align-items: center; gap: 0; min-width: 0; min-height: 24px; padding: 0; border-bottom: 1px solid hsl(var(--border)); background: linear-gradient(to bottom, hsl(var(--foreground) / .045), transparent); }
.db-header-label { display: flex; flex: 1; align-items: center; gap: 5px; padding: 0 6px; font-size: 8px; font-weight: 500; text-transform: lowercase; }
.db-header-label span { color: hsl(var(--muted-foreground)); font-weight: 400; }
.db-icon-button, .db-text-button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; flex-shrink: 0; min-width: 28px; min-height: 28px; border-radius: 3px; color: hsl(var(--muted-foreground)); font-size: 12px; }
.db-text-button { padding: 4px 8px; justify-content: flex-start; }
.db-icon-button:hover, .db-text-button:hover, .db-bookmark:hover { background: hsl(var(--accent)); color: hsl(var(--foreground)); }
.db-icon-button:disabled, .db-text-button:disabled { opacity: .35; cursor: default; }
.deskbrowse-workspace button:focus-visible, .db-layout-option:focus-visible { outline: 2px solid hsl(var(--ring)); outline-offset: -2px; }
.db-address-bar { display: flex; align-items: center; min-width: 0; gap: 0; padding: 0; border-bottom: 1px solid hsl(var(--border)); }
.db-input { width: 100%; min-width: 0; height: 30px; padding: 0 9px; border: 1px solid hsl(var(--border)); border-radius: 4px; background: hsl(var(--background)); color: hsl(var(--foreground)); font-size: 12px; }
.db-input:focus { outline: 1px solid hsl(var(--ring)); }
.db-layout-option { display: flex; flex-direction: column; align-items: center; gap: 8px; border: 1px solid hsl(var(--border)); border-radius: 8px; padding: 14px 7px; font-size: 11px; }
.db-layout-option span { color: hsl(var(--muted-foreground)); font-size: 10px; }
.db-layout-selected { border-color: hsl(var(--ring)); box-shadow: inset 0 0 0 1px hsl(var(--ring)); background: hsl(var(--accent)); }
.db-sidebars { display: flex; min-height: 0; height: 100%; flex-shrink: 0; }
.db-favorites-rail { display: flex; flex-direction: column; align-items: center; gap: 6px; width: 44px; flex-shrink: 0; padding: 8px 4px; overflow-y: auto; border-right: 1px solid hsl(var(--border)); background: var(--linux-chrome-bg, #242424); }
.db-favorite { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; flex-shrink: 0; border: 1px solid hsl(var(--border)); border-radius: 5px; background: linear-gradient(hsl(var(--foreground) / .06), transparent); }
.db-favorite:hover { border-color: hsl(var(--ring) / .6); background-color: hsl(var(--accent)); }
.db-favicon { width: 16px; height: 16px; flex-shrink: 0; -o-object-fit: contain; object-fit: contain; }
.db-initial { display: inline-flex; align-items: center; justify-content: center; border-radius: 4px; background: hsl(var(--muted)); color: hsl(var(--foreground)); font-size: 10px; font-weight: 600; }
.db-sidebar { display: flex; flex-direction: column; width: clamp(150px, 20vw, 244px); min-height: 0; border-right: 1px solid hsl(var(--border)); background: hsl(var(--background)); }
.db-space-label { display: block; width: 100%; padding: 0; flex-shrink: 0; }
.db-space-label .db-input { display: block; width: 100%; height: 24px; margin: 0; padding: 0 6px; border: 0; border-bottom: 1px solid hsl(var(--border)); border-radius: 0; font-size: 8px; font-weight: 500; text-transform: lowercase; background: linear-gradient(to bottom, hsl(var(--foreground) / .045), transparent); }
.db-space-label option { font-size: 8px; text-transform: lowercase; background: hsl(var(--background)); color: hsl(var(--foreground)); }
.db-address-bar .db-input { display: block; height: 24px; padding: 0 6px; border-block: 0; border-radius: 0; font-size: 8px; text-transform: lowercase; }
.db-address-bar .db-icon-button, .db-tab-header > .db-icon-button, .db-tab-header > button { min-width: 24px; min-height: 24px; border-radius: 0; }
.db-address-bar .db-icon-button svg, .db-tab-header > button svg { width: 11px; height: 11px; }
.db-tabs-horizontal .db-tab > button[role=tab] { height: 24px; font-size: 8px; text-transform: lowercase; }
.db-tabs-horizontal .db-icon-button { min-width: 24px; min-height: 24px; }
.db-tabs-horizontal .db-favicon { width: 12px; height: 12px; }
.db-tabs { display: flex; flex-direction: column; gap: 3px; min-height: 0; overflow-y: auto; padding: 5px; }
.db-tabs-horizontal { flex: 1; flex-direction: row; min-width: 0; overflow-x: auto; overflow-y: hidden; padding: 0; }
.db-tab { display: flex; align-items: center; flex-shrink: 0; min-width: 0; border: 1px solid transparent; border-radius: 4px; color: hsl(var(--muted-foreground)); }
.db-tab > button[role=tab] { display: flex; align-items: center; gap: 7px; flex: 1; min-width: 0; height: 31px; padding: 0 7px; text-align: left; font-size: 12px; }
.db-tab:hover { background: hsl(var(--accent) / .5); }
.db-tab-active { border-color: hsl(var(--border)); background: hsl(var(--accent)); color: hsl(var(--foreground)); }
.db-tabs-horizontal .db-tab { width: 180px; max-width: 220px; }
.db-bookmarks { display: flex; align-items: center; gap: 3px; min-width: 0; height: 32px; padding: 0 7px; border-bottom: 1px solid hsl(var(--border)); }
.db-bookmark-items { display: flex; align-items: center; flex: 1; min-width: 0; gap: 3px; overflow: hidden; }
.db-bookmark { display: inline-flex; align-items: center; flex-shrink: 0; gap: 6px; max-width: 180px; height: 26px; padding: 0 7px; border-radius: 3px; font-size: 11px; }
.db-status { display: flex; justify-content: space-between; gap: 12px; padding: 5px 10px; border-top: 1px solid hsl(var(--border)); color: hsl(var(--muted-foreground)); font-size: 10px; }
.db-page { flex: 1; min-height: 0; min-width: 0; overflow: auto; background: hsl(var(--background)); color: hsl(var(--foreground)); }
.db-preview, .db-new-tab { max-width: 840px; margin: 0 auto; padding: clamp(20px, 5vw, 64px); }
.db-eyebrow { color: hsl(var(--muted-foreground)); font-size: 11px; letter-spacing: .06em; }
.db-preview h1 { margin-top: 10px; font-size: 22px; font-weight: 600; }
.db-preview-notice { margin: 22px 0; border: 1px solid hsl(var(--border)); border-radius: 4px; padding: 12px; font-size: 12px; color: hsl(var(--muted-foreground)); }
.db-new-tab h1 { margin: 12px 0 28px; font-size: clamp(22px, 3vw, 34px); font-weight: 500; letter-spacing: -.035em; }
.db-new-tab h2 { margin: 28px 0 14px; font-size: 11px; color: hsl(var(--muted-foreground)); }
.db-new-search { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border: 1px solid hsl(var(--border)); border-radius: 9px; background: hsl(var(--muted) / .25); }
.db-new-search input { min-width: 0; flex: 1; outline: none; background: transparent; font-size: 13px; }
.db-new-search:focus-within { border-color: hsl(var(--ring)); }
.db-new-favorites { display: flex; flex-wrap: wrap; gap: 10px; }
.db-new-favorites button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; width: 80px; height: 76px; border: 1px solid hsl(var(--border)); border-radius: 8px; font-size: 10px; }
.db-new-favorites button:hover { background: hsl(var(--accent)); }
.db-recent { display: flex; flex-direction: column; gap: 5px; }
.db-recent button { display: flex; align-items: center; gap: 10px; padding: 9px; border-radius: 4px; font-size: 12px; text-align: left; }
.db-recent button:hover { background: hsl(var(--accent)); }
.db-recent span:not(.db-initial) { flex: 1; }
@media (max-width: 600px) { .db-tabs-horizontal .db-tab { width: 140px; } .db-sidebar { width: 160px; } .db-address-bar { gap: 0; padding: 0; } .db-new-search { padding: 8px; gap: 5px; } }
.db-sidebar-scroll { min-height: 0; overflow-y: auto; flex: 1; }
.db-folders { padding: 4px; border-bottom: 1px solid hsl(var(--border)); }
.db-folder-tools { display: flex; align-items: center; gap: 3px; padding: 2px 5px; font-size: 8px; text-transform: lowercase; color: hsl(var(--muted-foreground)); }
.db-folder-tools > span { flex: 1; }
.db-folder-tools .db-text-button { font-size: 8px; }
.db-folder-heading { display: flex; align-items: center; gap: 5px; width: 100%; height: 27px; padding: 0 4px; border: 1px solid transparent; font-size: 10px; text-transform: lowercase; text-align: left; }
.db-folder-heading:hover, .db-folder-bookmark:hover { background: hsl(var(--accent)); }
.db-folder-drop { border-color: hsl(var(--ring)); background: hsl(var(--accent)); }
.db-folder-children { margin-left: 9px; padding-left: 3px; border-left: 1px solid hsl(var(--border)); }
.db-folder-bookmark { display: flex; align-items: center; border-radius: 3px; }
.db-folder-bookmark .db-text-button { font-size: 10px; text-transform: lowercase; }
.db-folder-empty { display: block; padding: 5px; font-size: 8px; color: hsl(var(--muted-foreground)); }
.db-undo { position: absolute; bottom: 28px; right: 12px; display: flex; align-items: center; gap: 8px; padding: 6px 10px; border: 1px solid hsl(var(--border)); border-radius: 5px; background: hsl(var(--popover)); color: hsl(var(--popover-foreground)); box-shadow: 0 3px 12px #0004; font-size: 11px; z-index: 20; }
.deskbrowse-workspace { position: relative; }

/* Zen-inspired browser chrome, scoped to Deskbrowse. */
.deskbrowse-workspace { color-scheme: inherit; }
.db-browser-shell { display: flex; width: 100%; height: 100%; min-height: 0; padding: 5px; gap: 8px; background: hsl(var(--card)); }
.db-chrome { display: flex; flex-direction: column; width: 214px; flex-shrink: 0; min-height: 0; }
.db-browser-header { display: flex; flex-direction: column; background: transparent; }
.db-tab-header { order: 2; border: 0; background: none; min-height: 0; justify-content: flex-end; }
.db-header-label { display: none; }
.db-tab-header > button { margin-top: 4px; }
.db-address-bar { display: flex; flex-wrap: wrap; gap: 3px; border: 0; }
.db-address-bar > .db-icon-button { min-width: 29px; min-height: 29px; border-radius: 7px; }
.db-address-bar > .db-icon-button:first-child { margin-right: auto; }
.db-address-bar .db-icon-button svg { width: 15px; height: 15px; }
.db-address-bar form { order: 2; flex: 1 0 100%; margin-top: 5px; }
.db-address-bar .db-input { height: 36px; border: 0; border-radius: 12px; padding: 0 11px; background: hsl(var(--card)); font-size: 12px; text-transform: none; }
.db-sidebars { flex: 1; flex-direction: column; overflow: hidden; }
.db-favorites-rail { flex-direction: row; flex-wrap: wrap; width: 100%; padding: 8px 2px; border: 0; background: transparent; gap: 6px; max-height: 130px; }
.db-favorite { width: 36px; height: 34px; border: 0; border-radius: 9px; background: hsl(var(--card)); }
.db-sidebar { width: 100%; flex: 1; border: 0; background: transparent; overflow: hidden; }
.db-space-caption { display: block; padding: 10px 8px 8px; font-size: 12px; font-weight: 600; color: hsl(var(--muted-foreground)); }
.db-space-label .db-input { height: 34px; padding: 0 9px; border: 0; border-radius: 10px; font-size: 12px; text-transform: none; background: hsl(var(--card)); }
.db-space-label option { font-size: 12px; }
.db-folders { padding: 7px 0; border: 0; }
.db-folder-tools { font-size: 11px; padding: 3px 6px; text-transform: none; }
.db-folder-tools .db-text-button { font-size: 11px; }
.db-folder-heading { height: 36px; padding: 0 8px; border-radius: 10px; font-size: 12px; text-transform: none; background: hsl(var(--card)); }
.db-folder-bookmark .db-text-button { font-size: 12px; text-transform: none; }
.db-folder-empty { font-size: 11px; }
.db-tabs { padding: 4px 0; gap: 4px; }
.db-tab { border: 0; border-radius: 11px; }
.db-tab-active { background: hsl(var(--card)); color: hsl(var(--muted-foreground)); }
.db-tab > button[role=tab] { height: 36px; padding: 0 9px; font-weight: 500; }
.db-tab > .db-icon-button { opacity: 0; }
.db-tab:hover > .db-icon-button, .db-tab:focus-within > .db-icon-button { opacity: 1; }
.db-sidebar-footer { display: flex; justify-content: space-between; align-items: center; padding: 6px; color: hsl(var(--muted-foreground)); }
.db-page { display: flex; border-radius: 7px; background: hsl(var(--card)); }
.db-new-tab { align-self: center; width: min(750px, calc(100% - 64px)); max-width: 750px; margin: auto; padding: 10px; border: 1px solid #494949; border-radius: 13px; background: hsl(var(--card)); box-shadow: 0 24px 80px #0006; }
.db-new-search { gap: 17px; padding: 7px 11px 17px; min-height: 52px; border: 0; border-bottom: 1px solid #303030; border-radius: 0; background: transparent; color: hsl(var(--muted-foreground)); }
.db-new-search input { font-size: 16px; color: hsl(var(--muted-foreground)); }
.db-search-submit { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 6px; }
.db-search-submit:hover { background: hsl(var(--card)); }
.db-new-favorites { display: flex; flex-direction: column; gap: 0; padding-top: 6px; max-height: 360px; overflow-y: auto; }
.db-new-favorites button { display: flex; flex-direction: row; justify-content: flex-start; width: 100%; height: 49px; min-height: 49px; gap: 16px; padding: 0 12px; border: 0; border-radius: 6px; font-size: 14px; font-weight: 500; text-align: left; }
.db-site-domain { margin-left: -10px; color: hsl(var(--muted-foreground)); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.db-recent:empty { display: none; }
.db-recent { border-top: 1px solid #303030; margin-top: 6px; }
.db-preview { width: 100%; }
.db-sidebar-collapsed .db-chrome { width: 110px; }
.db-sidebar-collapsed .db-site-domain { display: none; }
.db-horizontal-layout .db-tab-header { overflow-x: auto; }
.db-horizontal-layout .db-tabs-horizontal .db-tab { width: 150px; }
@media (max-width: 600px) { .db-chrome { width: 170px; } .db-new-tab { width: calc(100% - 24px); } .db-site-domain { display: none; } .db-new-favorites button { font-size: 12px; gap: 10px; } }
.db-horizontal-layout { display: grid; grid-template-columns: 214px minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr) auto; }
.db-horizontal-layout .db-chrome { display: contents; }
.db-horizontal-layout .db-browser-header { grid-column: 1 / -1; }
.db-horizontal-layout .db-tab-header { order: 0; }
.db-horizontal-layout .db-address-bar { flex-wrap: nowrap; }
.db-horizontal-layout .db-address-bar form { order: 0; flex: 1; margin-top: 0; }
.db-horizontal-layout .db-address-bar > .db-icon-button:first-child { margin-right: 0; }
.db-horizontal-layout .db-sidebars { grid-column: 1; grid-row: 2; }
.db-horizontal-layout .db-sidebar-footer { grid-column: 1; grid-row: 3; }
.db-horizontal-layout .db-page { grid-column: 2; grid-row: 2 / 4; }
.db-horizontal-layout.db-sidebar-collapsed { grid-template-columns: 110px minmax(0, 1fr); }
@media (max-width: 600px) { .db-horizontal-layout { grid-template-columns: 170px minmax(0, 1fr); } }

.db-favorites-column .db-sidebars { flex-direction: row; gap: 6px; }
.db-favorites-column .db-favorites-rail { flex-direction: column; flex-wrap: nowrap; width: 44px; max-height: none; min-height: 0; padding: 8px 4px; overflow-y: auto; }
.db-favorites-column .db-sidebar { width: auto; min-width: 0; }

/* Restrained Primary UI treatment within the Zen browser layout. */
.deskbrowse-workspace, .db-layout-popover {
  font-family: "IBM Plex Sans", var(--font-sans, sans-serif);
  -webkit-font-smoothing: antialiased;
}
.deskbrowse-workspace .db-browser-shell { background: hsl(var(--card)); }
.deskbrowse-workspace :is(.db-chrome, .db-sidebar, .db-favorites-rail, .db-browser-header) { background: transparent; box-shadow: none; }
.deskbrowse-workspace .db-address-bar {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 4px;
}
.deskbrowse-workspace .db-address-bar > .db-icon-button { width: 100%; min-width: 0; margin: 0; }
.deskbrowse-workspace .db-address-bar > form { grid-column: 1 / -1; grid-row: 2; width: 100%; margin-top: 4px; }
.deskbrowse-workspace :is(.db-icon-button, .db-text-button, .db-search-submit) {
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: hsl(var(--muted-foreground));
  box-shadow: none;
}
.deskbrowse-workspace :is(.db-icon-button, .db-text-button, .db-search-submit):hover:not(:disabled) { background: hsl(var(--card)); color: hsl(var(--muted-foreground)); }
.deskbrowse-workspace .db-favorite {
  border: 0;
  border-radius: 6px;
  background: hsl(var(--card));
  box-shadow: none;
}
.deskbrowse-workspace .db-favorite:hover { background: hsl(var(--card)); }
.deskbrowse-workspace :is(.db-address-bar, .db-space-label) .db-input {
  border: 0;
  border-radius: 6px;
  background: hsl(var(--card));
  color: hsl(var(--muted-foreground));
  box-shadow: none;
  font-size: 12px;
}
.deskbrowse-workspace .db-space-caption { color: hsl(var(--muted-foreground)); font-size: 11px; background: transparent; box-shadow: none; }
.deskbrowse-workspace .db-folder-tools { color: hsl(var(--muted-foreground)); font-size: 11px; font-weight: 500; }
.deskbrowse-workspace :is(.db-tab, .db-folder-heading, .db-folder-bookmark) {
  border: 0;
  border-radius: 5px;
  background: transparent;
  box-shadow: none;
  color: hsl(var(--muted-foreground));
}
.deskbrowse-workspace :is(.db-tab, .db-folder-heading, .db-folder-bookmark):hover { background: hsl(var(--card)); }
.deskbrowse-workspace .db-tab-active,
.deskbrowse-workspace .db-tab-active:hover {
  background: hsl(var(--card));
  color: hsl(var(--muted-foreground));
  box-shadow: inset 2px 0 0 #9393a4;
}
.deskbrowse-workspace .db-tab > button[role=tab] { font-size: 12px; font-weight: 500; text-transform: none; }
.deskbrowse-workspace .db-folder-children { border-color: #353539; }
.deskbrowse-workspace .db-sidebar-footer { background: transparent; color: hsl(var(--muted-foreground)); box-shadow: none; }
.deskbrowse-workspace .db-folder-drop { outline: 1px solid #9393a4; outline-offset: -1px; }
.deskbrowse-workspace button:focus-visible, .db-layout-popover button:focus-visible { outline: 2px solid #a8a8bb; outline-offset: -2px; }
.db-layout-popover { background: hsl(var(--card)); color: hsl(var(--muted-foreground)); border-color: #39393f; border-radius: 8px; }
.db-layout-popover .db-layout-option { border-color: #39393f; border-radius: 6px; background: transparent; box-shadow: none; }
.db-layout-popover .db-layout-option:hover { background: hsl(var(--card)); }
.db-layout-popover .db-layout-selected { background: hsl(var(--card)); border-color: #858595; }
.db-layout-popover .db-layout-option span { color: hsl(var(--muted-foreground)); }
.deskbrowse-workspace .db-horizontal-layout .db-address-bar { grid-template-columns: 29px 29px 29px minmax(0, 1fr) 29px 29px; }
.deskbrowse-workspace .db-horizontal-layout .db-address-bar > form { grid-column: 4; grid-row: 1; margin-top: 0; }

/* A wider, consistently spaced sidebar with compact controls. */
.deskbrowse-workspace .db-browser-shell { --db-sidebar-width: 280px; --db-control-size: 28px; gap: 8px; }
.deskbrowse-workspace .db-chrome { width: var(--db-sidebar-width); padding: 4px; }
.deskbrowse-workspace .db-horizontal-layout { grid-template-columns: var(--db-sidebar-width) minmax(0, 1fr); }
.deskbrowse-workspace .db-address-bar { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; }
.deskbrowse-workspace .db-address-bar > .db-icon-button { height: var(--db-control-size); min-height: var(--db-control-size); }
.deskbrowse-workspace .db-address-bar .db-input { height: 30px; padding: 0 9px; font-size: 11px; }
.deskbrowse-workspace .db-tab-header > button { margin-top: 4px; min-width: 28px; min-height: 24px; }
.deskbrowse-workspace .db-favorites-rail {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  align-content: start;
  align-items: center;
  gap: 5px;
  padding: 8px 0;
  max-height: 126px;
}
.deskbrowse-workspace .db-favorites-rail > button { width: 100%; height: 32px; min-width: 0; min-height: 32px; }
.deskbrowse-workspace .db-favorites-rail .db-favicon { width: 15px; height: 15px; }
.deskbrowse-workspace .db-space-caption { padding: 8px 7px 5px; font-size: 10px; }
.deskbrowse-workspace .db-space-label .db-input { height: 28px; font-size: 11px; padding: 0 7px; }
.deskbrowse-workspace .db-folders { padding: 6px 0; }
.deskbrowse-workspace .db-folder-tools { padding: 3px 7px; min-height: 24px; font-size: 10px; }
.deskbrowse-workspace .db-folder-tools .db-text-button { font-size: 10px; }
.deskbrowse-workspace .db-folder-heading { height: 28px; padding: 0 7px; font-size: 11px; }
.deskbrowse-workspace .db-folder-empty { padding: 5px 7px; font-size: 10px; }
.deskbrowse-workspace .db-folder-bookmark .db-text-button { font-size: 11px; }
.deskbrowse-workspace .db-tabs { gap: 3px; padding: 3px 0; }
.deskbrowse-workspace .db-tab > button[role=tab] { height: 29px; padding: 0 7px; gap: 7px; font-size: 11px; }
.deskbrowse-workspace .db-tab .db-favicon { width: 14px; height: 14px; }
.deskbrowse-workspace .db-icon-button { min-width: 26px; min-height: 26px; }
.deskbrowse-workspace .db-sidebar-footer { padding: 5px 7px; }
.deskbrowse-workspace .db-sidebars { height: auto; flex: 1 1 0; }
.deskbrowse-workspace .db-favorites-column .db-favorites-rail {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 38px;
  max-height: none;
  padding: 8px 2px;
  gap: 5px;
}
.deskbrowse-workspace .db-favorites-column .db-favorites-rail > button { flex-shrink: 0; }
.deskbrowse-workspace .db-sidebar-collapsed .db-chrome { width: 110px; }
.deskbrowse-workspace .db-sidebar-collapsed .db-favorites-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); max-height: none; }
.deskbrowse-workspace .db-horizontal-layout.db-sidebar-collapsed { grid-template-columns: 110px minmax(0, 1fr); }
.deskbrowse-workspace .db-new-favorites button { font-size: 12px; }
@media (max-width: 600px) {
  .deskbrowse-workspace .db-browser-shell { --db-sidebar-width: 220px; }
  .deskbrowse-workspace .db-favorites-rail { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

/* Keep navigation in one connected strip and tighten sidebar sections. */
.deskbrowse-workspace .db-browser-shell { padding: 3px; gap: 3px; }
.deskbrowse-workspace .db-chrome { padding: 0 3px; }
.deskbrowse-workspace .db-address-bar { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0; }
.deskbrowse-workspace .db-address-bar > form { margin-top: 2px; }
.deskbrowse-workspace .db-address-bar > .db-icon-button { height: 27px; min-height: 27px; }
.deskbrowse-workspace .db-address-bar .db-input { height: 28px; padding: 0 7px; }
.deskbrowse-workspace .db-favorites-rail { gap: 3px; padding: 5px 0; }
.deskbrowse-workspace .db-favorites-rail > button { height: 30px; min-height: 30px; }
.deskbrowse-workspace .db-space-caption { padding: 4px 6px; }
.deskbrowse-workspace .db-space-label .db-input { height: 27px; padding: 0 6px; }
.deskbrowse-workspace .db-folders { padding: 3px 0; }
.deskbrowse-workspace .db-folder-tools { padding: 1px 6px; min-height: 22px; }
.deskbrowse-workspace .db-folder-heading { height: 26px; padding: 0 6px; }
.deskbrowse-workspace .db-folder-empty { padding: 3px 6px; }
.deskbrowse-workspace .db-tabs { gap: 2px; padding: 2px 0; }
.deskbrowse-workspace .db-tab > button[role=tab] { height: 27px; padding: 0 6px; }
.deskbrowse-workspace .db-sidebar-footer { padding: 2px 6px; }
.deskbrowse-workspace .db-favorites-column .db-sidebars { gap: 3px; }
.deskbrowse-workspace .db-favorites-column .db-favorites-rail { padding: 5px 2px; gap: 3px; }
.deskbrowse-workspace .db-horizontal-layout .db-address-bar { grid-template-columns: 27px 27px 27px minmax(0, 1fr) 27px 27px 27px; }
.deskbrowse-workspace .db-horizontal-layout .db-address-bar > form { margin-top: 0; }

/* Match the Primary UI container tab track and PS1 sidebar surface. */
.deskbrowse-workspace,
.db-layout-popover {
  --db-primary-surface: var(--container-surface, #121214);
  --db-primary-divider: var(--container-divider-soft, #303035);
  --db-primary-text: var(--container-text, #e5e5e8);
  --db-primary-muted: var(--container-muted, #a8a8b0);
  --db-primary-track: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e));
  --db-primary-selected: var(--container-tab-selected, linear-gradient(180deg, #34343a, #26262b));
  --db-primary-hover: var(--container-tab-hover, linear-gradient(180deg, #35353b, #2a2a30));
  --db-primary-edge: inset 0 1px 0 rgb(255 255 255 / .09), inset 0 -1px 0 rgb(0 0 0 / .55);
}
.deskbrowse-workspace :is(.db-browser-shell, .db-chrome, .db-sidebar, .db-favorites-rail) { background: var(--db-primary-surface); }
.deskbrowse-workspace :is(.db-tab, .db-folder-heading),
.deskbrowse-workspace :is(.db-icon-button, .db-text-button, .db-search-submit, .db-favorite),
.db-layout-popover .db-layout-option {
  border: 0;
  border-radius: 1px;
  background: var(--db-primary-track);
  color: var(--db-primary-text);
  box-shadow: var(--db-primary-edge);
}
.deskbrowse-workspace :is(.db-tab, .db-folder-heading):hover,
.deskbrowse-workspace :is(.db-icon-button, .db-text-button, .db-search-submit, .db-favorite):hover:not(:disabled),
.db-layout-popover .db-layout-option:hover { background: var(--db-primary-hover); }
.deskbrowse-workspace .db-tab-active,
.deskbrowse-workspace .db-tab-active:hover,
.db-layout-popover .db-layout-selected {
  background: var(--db-primary-selected);
  color: hsl(var(--muted-foreground));
  box-shadow: var(--db-primary-edge), inset 2px 0 0 var(--container-focus, #60b9e6);
}
.deskbrowse-workspace .db-tab > button[role=tab] { font-weight: 600; }
.deskbrowse-workspace .db-tab > .db-icon-button,
.deskbrowse-workspace .db-folder-bookmark .db-text-button { background: transparent; box-shadow: none; }
.deskbrowse-workspace :is(.db-address-bar, .db-space-label) .db-input {
  border-radius: 1px;
  background: var(--db-primary-track);
  color: var(--db-primary-text);
  box-shadow: var(--db-primary-edge);
}
.deskbrowse-workspace :is(.db-space-caption, .db-folder-tools, .db-sidebar-footer) { color: var(--db-primary-muted); }
.deskbrowse-workspace .db-folder-children { border-color: var(--db-primary-divider); }
.db-layout-popover { background: var(--db-primary-surface); }

.db-folder-appearance { max-width: 440px; background: hsl(var(--card)); color: hsl(var(--muted-foreground)); border-color: #38383f; gap: 12px; }
.db-folder-colours { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.db-folder-colours > button { width: 22px; height: 22px; border-radius: 4px; }
.db-folder-colours label { display: flex; align-items: center; gap: 5px; }
.db-folder-colours input { width: 26px; height: 26px; padding: 0; background: none; }
.db-folder-emoji-grid { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 3px; max-height: 280px; overflow-y: auto; }
.db-folder-emoji-grid button { display: grid; place-items: center; min-height: 34px; border-radius: 4px; }
.db-folder-emoji-grid button:hover { background: hsl(var(--card)); }
.db-folder-appearance button[aria-pressed=true] { outline: 2px solid #60b9e6; outline-offset: -2px; }
.db-folder-appearance a { text-decoration: underline; }

.deskbrowse-workspace .db-live-page { position: relative; overflow: hidden; align-items: stretch; }
.db-live-pane { display: flex; flex: 1; min-width: 0; min-height: 0; position: relative; overflow: auto; }
.db-live-pane + .db-live-pane { border-left: 1px solid var(--db-primary-divider); }
.db-saved-pane-close { position: absolute; top: 0; right: 0; z-index: 10; }
.db-focused-pane { box-shadow: inset 0 2px var(--container-focus, #60b9e6); }
.db-live-pane > .db-discover { width: 100%; }
.db-space-actions { display: flex; justify-content: flex-end; padding-block: 2px; }
.db-settings-row { display: flex; align-items: end; justify-content: space-between; gap: 8px; padding-top: 12px; font-size: 11px; }
.deskbrowse-workspace.db-compact-host .db-browser-shell { --db-sidebar-width: 150px; }
.deskbrowse-workspace.db-compact-host .db-sidebar-collapsed { --db-sidebar-width: 94px; }
.deskbrowse-workspace.db-compact-host .db-live-page { flex-direction: column; }
.deskbrowse-workspace.db-compact-host .db-live-pane + .db-live-pane { border-left: 0; border-top: 1px solid var(--db-primary-divider); }
.db-discover {
  container-type: inline-size;
  width: 100%;
  min-width: 0;
  min-height: 100%;
  overflow: auto;
  color: hsl(var(--foreground));
  background: hsl(var(--background));
}
.db-discover-content { max-width: 1140px; margin: 0 auto; padding: 24px; }
.db-discover-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 20px; }
.db-discover-heading { display: flex; align-items: center; gap: 10px; }
.db-discover-heading > svg { flex-shrink: 0; color: hsl(var(--muted-foreground)); }
.db-discover-heading h1 { margin: 0; font-size: 22px; font-weight: 600; letter-spacing: -.03em; }
.db-discover-heading p { margin: 3px 0 0; font-size: 11px; color: hsl(var(--muted-foreground)); }
.db-discover-sample { flex-shrink: 0; padding: 4px 7px; border-radius: 4px; background: hsl(var(--muted)); color: hsl(var(--muted-foreground)); font-size: 10px; }
.db-discover-search { display: flex; align-items: center; gap: 10px; min-height: 43px; padding: 5px 8px 5px 13px; border-radius: 6px; background: hsl(var(--muted)); color: hsl(var(--muted-foreground)); }
.db-discover-search input { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; color: hsl(var(--foreground)); font-size: 13px; }
.db-discover-search:focus-within { outline: 1px solid hsl(var(--ring)); }
.db-discover-search > button { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 4px; }
.db-discover-search > button:disabled { opacity: .35; cursor: default; }
.db-discover-topics { display: flex; gap: 5px; padding: 16px 0; overflow-x: auto; }
.db-discover-topics button { display: flex; align-items: center; gap: 6px; flex-shrink: 0; padding: 6px 9px; border-radius: 4px; color: hsl(var(--muted-foreground)); font-size: 11px; white-space: nowrap; }
.db-discover-topics button[aria-pressed=true] { background: hsl(var(--muted)); color: hsl(var(--foreground)); }
.db-discover button:hover:not(:disabled) { background: hsl(var(--accent)); }
.db-discover button:focus-visible { outline: 2px solid hsl(var(--ring)); outline-offset: -2px; }
.db-discover-columns { display: grid; grid-template-columns: minmax(0, 2fr) minmax(210px, 1fr); gap: 20px; align-items: start; }
.db-discover-stories, .db-discover-aside { min-width: 0; }
.db-discover h2 { margin: 0 0 12px; font-size: 12px; font-weight: 600; }
.db-discover-card { overflow: hidden; border-radius: 7px; background: hsl(var(--card)); }
.db-discover-card-link { display: flex; flex-direction: column; width: 100%; height: 100%; overflow: hidden; text-align: left; color: inherit; border-radius: inherit; }
.db-discover-image { display: block; width: 100%; aspect-ratio: 16 / 9; -o-object-fit: cover; object-fit: cover; }
.db-discover-image-placeholder { display: grid; place-items: center; background: hsl(var(--muted)); color: hsl(var(--muted-foreground)); }
.db-discover-image-placeholder svg { width: 35px; height: 35px; }
.db-discover-card-body { display: flex; flex-direction: column; gap: 7px; padding: 13px; }
.db-discover-card-source { display: flex; justify-content: space-between; align-items: center; gap: 8px; color: hsl(var(--muted-foreground)); font-size: 10px; }
.db-discover-card-title { font-size: 14px; font-weight: 600; line-height: 1.4; }
.db-discover-card-summary { color: hsl(var(--muted-foreground)); font-size: 11px; line-height: 1.6; }
.db-discover-featured .db-discover-card-body { padding: 17px; }
.db-discover-featured .db-discover-card-title { font-size: 20px; letter-spacing: -.025em; }
.db-discover-featured .db-discover-card-summary { font-size: 12px; }
.db-discover-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
.db-discover-note { margin: 13px 0 0; font-size: 10px; line-height: 1.6; color: hsl(var(--muted-foreground)); }
.db-discover-aside { display: flex; flex-direction: column; gap: 14px; padding-top: 27px; }
.db-discover-panel { padding: 14px; border-radius: 7px; background: hsl(var(--card)); }
.db-discover-panel h2 { margin-bottom: 9px; }
.db-discover-empty { margin: 0 0 6px; font-size: 11px; line-height: 1.6; color: hsl(var(--muted-foreground)); }
.db-discover-sites { display: flex; flex-direction: column; gap: 2px; max-height: 240px; overflow-y: auto; }
.db-discover-sites button { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 8px 3px; border-radius: 4px; text-align: left; color: hsl(var(--muted-foreground)); }
.db-discover-sites button > span:not(.db-discover-site-mark) { display: flex; flex-direction: column; flex: 1; gap: 2px; min-width: 0; }
.db-discover-sites strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: hsl(var(--foreground)); font-size: 11px; font-weight: 500; }
.db-discover-sites small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; }
.db-discover-sites svg { flex-shrink: 0; }
.db-discover-site-mark { display: grid; place-items: center; flex-shrink: 0; width: 23px; height: 23px; border-radius: 5px; background: hsl(var(--muted)); font-size: 11px; }
@container (max-width: 760px) {
  .db-discover-columns { grid-template-columns: minmax(0, 1fr); }
  .db-discover-aside { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding-top: 0; }
  .db-discover-aside > section:last-child { grid-column: 1 / -1; }
}
@container (max-width: 420px) {
  .db-discover-content { padding: 15px; }
  .db-discover-header { flex-wrap: wrap; gap: 8px; margin-bottom: 15px; }
  .db-discover-heading h1 { font-size: 20px; }
  .db-discover-card-grid, .db-discover-aside { grid-template-columns: minmax(0, 1fr); }
  .db-discover-featured .db-discover-card-title { font-size: 17px; }
  .db-discover-card-body, .db-discover-featured .db-discover-card-body { padding: 12px; }
}
.cs-editor{--cs-panel:hsl(var(--background));--cs-raised:hsl(var(--secondary));--cs-canvas:color-mix(in srgb,hsl(var(--background)) 96%,hsl(var(--foreground)));--cs-text:hsl(var(--foreground));--cs-muted:hsl(var(--muted-foreground));--cs-line:hsl(var(--border));--cs-dot:color-mix(in srgb,var(--cs-muted) 25%,transparent);display:flex;position:relative;isolation:isolate;width:100%;height:100%;min-height:0;min-width:0;flex:1;overflow:hidden;background:var(--cs-panel);color:var(--cs-text);font-family:Inter,system-ui,sans-serif;font-size:12px;outline:none;container-type:inline-size}
.dark .cs-editor,.cs-editor.dark{--cs-panel:#0e0f12;--cs-raised:#23262e;--cs-canvas:#090b0c;--cs-text:#eceef2;--cs-muted:#8a90a0;--cs-line:#25282e;--cs-dot:#2c3035}
.cs-editor button,.cs-editor input,.cs-editor select,.cs-editor textarea{font:inherit;color:inherit;box-sizing:border-box}
.cs-editor button{cursor:pointer}.cs-editor button:disabled{cursor:wait;opacity:.5}.cs-editor button:focus-visible,.cs-editor input:focus-visible,.cs-editor select:focus-visible,.cs-editor textarea:focus-visible{outline:2px solid #8c9dc4;outline-offset:2px}
.cs-sidebar{width:246px;min-width:246px;display:flex;flex-direction:column;min-height:0;background:var(--cs-panel);z-index:3}.cs-left{border-right:1px solid var(--cs-line)}.cs-right{width:252px;min-width:252px;border-left:1px solid var(--cs-line)}
.cs-sidebar-top{height:52px;display:flex;align-items:center;gap:3px;padding:6px;border-bottom:1px solid var(--cs-line);flex-shrink:0}.cs-sidebar-top select{flex:1;min-width:0;background:var(--cs-raised);border:1px solid var(--cs-line);height:36px;padding:0 10px;font-weight:600}
.cs-sidebar-scroll,.cs-inspector-scroll{overflow:auto;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:var(--cs-line) transparent}.cs-section{padding:14px 12px;border-bottom:1px solid var(--cs-line)}.cs-section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;color:var(--cs-muted);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.045em}.cs-section-heading>span{display:flex;align-items:center;gap:7px}.cs-section-heading>button{display:flex;align-items:center;gap:4px;background:none;border:0;color:var(--cs-muted);padding:0;font-size:9px;text-transform:uppercase}
.cs-tree{margin:0 -12px}.cs-tree-row{display:flex;height:30px;align-items:center}.cs-tree-row>button:first-child{display:flex;align-items:center;gap:9px;flex:1;min-width:0;height:100%;padding:0 8px 0 32px;text-align:left;background:none;border:0;color:var(--cs-muted)}.cs-tree-row>button:first-child>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-tree-row.is-root>button:first-child{padding-left:15px;font-weight:600}.cs-tree-row.is-selected{background:var(--cs-raised)}.cs-tree-row.is-selected>button:first-child{color:var(--cs-text)}.cs-tree-row.is-hidden>button:first-child{opacity:.45}.cs-visibility{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border:0;background:none;color:var(--cs-muted);opacity:.4}.cs-tree-row:hover .cs-visibility,.cs-tree-row.is-hidden .cs-visibility{opacity:1}.cs-series-dot{width:7px;height:7px;border-radius:100%;display:block;flex-shrink:0}.cs-axis-icon{font-size:12px;opacity:.5}
.cs-field{display:flex;flex-direction:column;gap:7px;margin:12px 0;color:var(--cs-muted)}.cs-field input:not([type=color]),.cs-field select{width:100%;min-width:0;border:1px solid transparent;background:var(--cs-raised);height:35px;padding:0 10px;color:var(--cs-text);border-radius:0;outline-offset:-2px}.cs-field>span,.cs-field-label{font-size:11px}.cs-check{display:flex;align-items:center;gap:8px;margin:13px 0;color:var(--cs-muted);font-size:11px}.cs-check input{accent-color:#8a94ae;width:13px;height:13px;margin:0}.cs-color{display:flex;align-items:center;gap:4px;background:var(--cs-raised);padding-left:7px;min-width:0}.cs-color input[type=color]{width:23px;height:24px;background:none;border:0;padding:1px;flex-shrink:0}.cs-color input:not([type=color]){font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px;padding-left:3px}.cs-segmented{display:flex;background:var(--cs-canvas);padding:2px;gap:2px;margin:10px 0}.cs-segmented button{flex:1;min-width:0;border:1px solid transparent;background:none;height:34px;color:var(--cs-muted);font-size:11px;font-weight:600}.cs-segmented button[aria-pressed=true]{background:var(--cs-raised);border-color:var(--cs-line);color:var(--cs-text)}
.cs-data-stats{display:grid;grid-template-columns:1fr 100px;gap:6px;align-items:center;color:var(--cs-muted);margin-bottom:12px}.cs-data-stats b{background:var(--cs-raised);padding:12px;color:var(--cs-text);font-size:11px;font-weight:500}.cs-wide-button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:9px 8px;margin:8px 0;border:1px solid var(--cs-line);background:var(--cs-raised);font-size:11px;color:var(--cs-text)}.cs-wide-button:hover{filter:brightness(1.1)}.cs-sample{margin-top:14px;font-size:10px;color:var(--cs-muted)}.cs-sample summary{cursor:pointer}.cs-save-status{padding:12px;color:var(--cs-muted);font-size:10px}.cs-help{color:var(--cs-muted);font-size:11px;line-height:1.6}
.cs-workspace{position:relative;min-width:0;min-height:0;flex:1;overflow:hidden;background:var(--cs-canvas)}.cs-stage{position:absolute;inset:0;overflow:hidden;background-image:radial-gradient(circle,var(--cs-dot) .75px,transparent .9px);background-size:32px 32px;touch-action:none}.cs-stage.is-panning{cursor:grabbing}.cs-frame-position{position:absolute;transform-origin:center}.cs-frame-label{position:absolute;bottom:100%;left:0;padding:0 0 8px;font-size:11px;font-weight:600;background:none;border:0;color:var(--cs-text);white-space:nowrap;cursor:grab!important}.cs-chart-frame{position:relative;outline:1px solid var(--cs-line);overflow:hidden}.cs-frame-fill{position:absolute;inset:0}.cs-frame-render{position:absolute;inset:0;overflow:hidden}.cs-ruler{position:absolute;background:color-mix(in srgb,var(--cs-panel) 75%,var(--cs-canvas));color:var(--cs-muted);z-index:2;pointer-events:none;font-family:ui-monospace,SFMono-Regular,monospace;font-size:8px}.cs-ruler-x{height:29px;left:29px;right:0;top:0;border-bottom:1px solid var(--cs-line);overflow:hidden}.cs-ruler-x>span{position:absolute;top:7px;transform:translateX(-50%);opacity:.5}.cs-ruler-x i{display:block;width:1px;height:6px;background:var(--cs-muted);position:absolute;left:50%;top:16px}.cs-ruler-y{width:29px;top:29px;bottom:0;left:0;border-right:1px solid var(--cs-line);overflow:hidden}.cs-ruler-y>span{position:absolute;left:6px;transform:translateY(-50%) rotate(-90deg);opacity:.5}.cs-ruler-y i{display:block;width:1px;height:6px;background:var(--cs-muted);position:absolute;left:50%;top:16px}.cs-ruler-corner{position:absolute;left:0;top:0;width:29px;height:29px;background:var(--cs-panel);border-right:1px solid var(--cs-line);border-bottom:1px solid var(--cs-line);z-index:3}
.cs-floating-toolbar{display:flex;align-items:center;gap:2px;position:absolute;left:50%;bottom:18px;transform:translateX(-50%);padding:6px 10px;background:var(--cs-panel);border:1px solid var(--cs-line);border-radius:25px;box-shadow:0 4px 16px #0003;white-space:nowrap;z-index:4;max-width:calc(100% - 16px);overflow-x:auto;scrollbar-width:none}.cs-icon-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border:0;background:none;color:var(--cs-muted)!important;border-radius:4px}.cs-icon-button:hover,.cs-icon-button.is-active{color:var(--cs-text)!important;background:color-mix(in srgb,var(--cs-raised) 50%,transparent)}.cs-zoom,.cs-dimensions{border:0;background:none;height:28px;color:var(--cs-muted)!important;font-family:ui-monospace,monospace!important;font-size:10px!important;padding:0 6px}.cs-toolbar-separator{height:17px;width:1px;background:var(--cs-line);margin:0 3px}.cs-canvas-title{display:flex;align-items:center;position:absolute;top:36px;left:39px;gap:6px;font-size:11px}.cs-message{position:absolute;bottom:75px;left:50%;transform:translateX(-50%);max-width:90%;padding:10px 14px;display:flex;gap:12px;background:var(--cs-raised);border:1px solid var(--cs-line);z-index:5;font-size:11px}.cs-message button{background:none;border:0;color:var(--cs-muted)}
.cs-code-header{height:52px;border-bottom:1px solid var(--cs-line);display:flex;align-items:center;justify-content:space-between;padding:8px 10px;flex-shrink:0;gap:5px}.cs-code-header>span{font-size:10px;color:var(--cs-muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cs-code-button{display:flex;align-items:center;gap:7px;background:var(--cs-text);color:var(--cs-panel)!important;border:0;padding:9px 10px;font-family:ui-monospace,monospace!important;font-size:10px!important;white-space:nowrap}.cs-code-corner{position:absolute;top:7px;right:8px;z-index:5}.cs-right>.cs-section:last-child{border-top:1px solid var(--cs-line);border-bottom:0;flex-shrink:0}.cs-export-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border:0;background:var(--cs-text);color:var(--cs-panel)!important;height:38px;font-size:11px!important;font-weight:600}.cs-json-button{display:block;margin:10px auto 0;font-size:9px!important;background:none;border:0;color:var(--cs-muted)!important}
.cs-chart-content{--chart-background:var(--cs-panel,hsl(var(--background)));--chart-foreground:var(--cs-text,hsl(var(--foreground)));--chart-foreground-muted:var(--cs-muted,hsl(var(--muted-foreground)));--chart-label:var(--cs-muted,hsl(var(--muted-foreground)));--chart-grid:var(--cs-line,hsl(var(--border)));--chart-line-primary:#858898;--chart-line-secondary:#555966;--chart-crosshair:#999dad;--chart-indicator-color:#858898;--chart-marker-background:var(--cs-panel,hsl(var(--background)));--chart-marker-border:var(--cs-line,hsl(var(--border)));--chart-marker-foreground:var(--cs-text,hsl(var(--foreground)));--chart-marker-badge-background:var(--cs-raised,hsl(var(--secondary)));--chart-marker-badge-foreground:var(--cs-text,hsl(var(--foreground)));--chart-segment-background:#85889822;--chart-segment-line:#858898;--chart-brush-border:#8a90a0;--chart-tooltip-background:var(--cs-raised,hsl(var(--secondary)));position:relative;display:flex;flex-direction:column;width:100%;height:100%;padding:18px 22px;box-sizing:border-box;font-family:Inter,system-ui,sans-serif}.cs-chart-plot{flex:1;min-height:0;position:relative}.cs-bklit-chart{height:100%}.cs-chart-legend{display:flex;justify-content:center;gap:18px;min-height:22px;font-size:10px;color:var(--chart-label);padding-top:8px}.cs-chart-legend>span{display:flex;align-items:center;gap:6px}.cs-chart-legend i{width:7px;height:7px;border-radius:50%;display:block}.cs-brush-strip{height:48px;position:relative;margin-top:5px;flex-shrink:0}.cs-brush-strip>button{position:absolute;right:20px;top:0;z-index:2;background:var(--cs-raised);border:1px solid var(--cs-line);font-size:9px;padding:3px 5px}.cs-tooltip{min-width:150px;padding:11px;font-size:11px;background:var(--chart-tooltip-background);color:var(--chart-foreground)}.cs-tooltip strong{display:block;margin-bottom:10px;font-weight:500}.cs-tooltip>div{display:flex;gap:22px;justify-content:space-between;margin:6px 0}.cs-tooltip b{font-weight:500}.cs-chart-content .text-chart-label{color:var(--chart-label)}
.cs-overlay{position:absolute;inset:16px;z-index:10;display:flex;flex-direction:column;min-height:0;background:var(--cs-panel);border:1px solid var(--cs-line);box-shadow:0 12px 60px #0008}.cs-overlay-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--cs-line);flex-shrink:0;font-weight:600}.cs-overlay textarea{flex:1;min-height:0;resize:none;margin:0 14px 14px;border:1px solid var(--cs-line);padding:15px;background:var(--cs-canvas);color:var(--cs-text);font-family:ui-monospace,monospace;font-size:11px;line-height:1.7}.cs-code-note{padding:12px 14px;color:var(--cs-muted);font-size:11px;margin:0}.cs-overlay-actions{display:flex;gap:10px;padding:0 14px 8px}.cs-overlay-actions button{max-width:170px}.cs-data-workspace{flex:1;min-height:0;overflow:auto}.cs-data-workspace>.cs-legacy-data{padding:15px}.cs-legacy-settings{overflow:auto;flex:1}.cs-compact{min-height:260px}
@container (max-width: 1050px){.cs-sidebar{width:210px;min-width:210px}.cs-right{width:220px;min-width:220px}.cs-chart-content{padding:14px 16px}.cs-section{padding-left:10px;padding-right:10px}}
@container (max-width: 780px){.cs-sidebar{width:190px;min-width:190px}.cs-right{position:absolute;right:0;top:0;bottom:0;width:230px;box-shadow:-8px 0 24px #0004}.cs-floating-toolbar{bottom:12px;padding:4px 7px;gap:0}.cs-dimensions{display:none}.cs-overlay{inset:7px}.cs-code-header>span{font-size:9px}}

.cs-empty-chart{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--cs-muted);font-size:13px}.cs-empty-chart .cs-wide-button{width:170px}

/* Native editor panels fill the new container slots without another frame. */
.cs-editor[data-structured-chart] .cs-sidebar{width:100%;min-width:0;height:100%;position:static;border:0;box-shadow:none}
.cs-editor[data-structured-chart] .structured-workspace-navigation{padding:0;overflow:hidden}
.cs-editor[data-structured-chart] .cs-structured-topbar{height:28px;width:100%;padding:0;border:0}
.cs-editor[data-structured-chart] .cs-structured-topbar select{height:25px;max-width:260px;font-size:11px;padding:0 7px}
.cs-editor[data-structured-chart] .cs-code-header{height:32px;padding:3px 8px}
.cs-editor[data-structured-chart] .cs-code-header .cs-code-button{padding:5px 7px}
.cs-structured-status{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 9px;color:var(--cs-muted);font-size:10px}
.cs-section[data-section-open="false"]{padding-top:6px;padding-bottom:6px}.cs-section-heading{margin-bottom:0;min-height:20px}.cs-section[data-section-open="true"]>.cs-section-heading{margin-bottom:8px}.cs-section-heading>.cs-section-toggle{flex:1;justify-content:flex-start;gap:7px;min-width:0;min-height:20px;text-align:left;font:inherit;letter-spacing:inherit;color:inherit}.cs-section-toggle[aria-expanded="false"]>svg{transform:rotate(-90deg)}.cs-section-content[hidden]{display:none}
.structured-workspace, .structured-workspace * { box-sizing: border-box; }
.structured-workspace { color: #dcdcdc; line-height: normal; }
.structured-workspace[hidden], .structured-workspace [hidden] { display: none !important; }
.structured-workspace-titlebar { gap: 8px; }
.structured-workspace-title { display: flex; align-items: center; gap: 5px; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; }
.structured-workspace-controls { flex-shrink: 0; }
.structured-workspace-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; margin: 0; flex-shrink: 0; cursor: pointer; }
.structured-workspace-control:disabled { opacity: .35; cursor: default; }
.structured-workspace button:focus-visible, .structured-workspace summary:focus-visible { outline: 1px solid #75b9e2; outline-offset: -2px; }
.structured-workspace-frame { display: flex; flex: 1; flex-direction: column; min-width: 0; min-height: 0; overflow: hidden; }
.structured-workspace-full-header { flex-shrink: 0; min-width: 0; }
.structured-workspace-body { overflow: hidden; }
.structured-workspace-sidebar { position: relative; max-width: 45%; }
.structured-workspace-directory { display: flex; flex-direction: column; overflow: hidden; }
.structured-workspace-directory-heading { display: flex; gap: 6px; padding: 4px 8px !important; font-size: 11px; flex-shrink: 0; }
.structured-workspace-directory-heading > span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.structured-workspace-directory-heading button { display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 2px; }
.structured-workspace-directory-sections { display: flex; flex-wrap: wrap; gap: 3px; flex-shrink: 0; padding: 4px; border-bottom: 1px solid #303030; }
.structured-workspace-directory-sections > button { flex: 1; padding: 4px 5px; border: 1px solid #383838; border-radius: 2px; font-size: 10px; background: #262626; }
.structured-workspace-directory-sections > button[aria-pressed="true"] { background: #363636; border-color: #626262; }
.structured-workspace-search { flex-shrink: 0; margin: 4px; width: calc(100% - 8px); height: 24px; padding: 0 6px; border: 1px solid #383838; background: #141414; border-radius: 3px; color: inherit; font-size: 11px; outline-color: #75b9e2; }
.structured-workspace-navigation { flex: 1; min-height: 0; overflow: auto; padding: 3px; font-size: 11px; }
.structured-workspace-nav-row { display: flex; align-items: center; gap: 6px; min-height: 26px; width: 100%; margin-bottom: 3px; padding: 4px 7px; text-align: left; border: 1px solid #2d2d2d; border-radius: 3px; background: #292929; color: inherit; font-size: 11px; }
.structured-workspace-nav-row > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.structured-workspace-nav-row:hover, .structured-workspace-nav-row[aria-current="page"] { background: #333; border-color: #555; }
.structured-workspace-nav-row[aria-current="page"] { box-shadow: inset 2px 0 #75b9e2; }
.structured-workspace-nav-heading { padding: 7px 5px 4px; font-size: 10px; color: #aaa; }
.structured-workspace-nav-group { margin-bottom: 3px; }
.structured-workspace-nav-group-label { display: flex; align-items: center; gap: 4px; min-height: 24px; padding: 3px 5px; color: #bcbcbc; cursor: pointer; list-style: none; font-size: 10px; }
.structured-workspace-nav-group-label::-webkit-details-marker { display: none; }
.structured-workspace-nav-group[open] > .structured-workspace-nav-group-label > svg { transform: rotate(90deg); }
.structured-workspace-activity { display: flex; flex-direction: column; align-items: center; flex: 0 0 35.2px; width: 35.2px; padding: 4px 0; gap: 3px; border-right: 1px solid #262626; background: #121212; }
.structured-workspace-activity > button { display: flex; align-items: center; justify-content: center; width: 27px; height: 27px; border: 1px solid #363636; background: #222; border-radius: 2px; }
.structured-workspace-activity > button[aria-pressed="true"] { background: #303030; border-color: #626262; box-shadow: inset 2px 0 #75b9e2; }
.structured-workspace-activity > button:last-child { margin-top: auto; color: #75b9e2; }
.structured-workspace-main { display: flex; flex-direction: column; flex: 1; min-width: 0; overflow: hidden; }
.structured-workspace-toolbar { flex-shrink: 0; display: flex; align-items: center; gap: 5px; padding: 3px 6px; }
.structured-workspace-location { display: flex; align-items: center; gap: 5px; min-width: 0; padding: 2px; font-size: 11px; }
.structured-workspace-location > span { color: #a8a8a8; }
.structured-workspace-location > strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; }
.structured-workspace-content { display: flex; flex-direction: column; flex: 1; min-height: 0; min-width: 0; overflow: hidden; }
.structured-workspace-inspector { position: relative; display: flex; flex-direction: column; flex-shrink: 0; max-width: 40%; overflow: auto; border-left: 1px solid #303030; }
.structured-workspace-resize { position: absolute; top: 0; bottom: 0; width: 4px; z-index: 2; cursor: col-resize; touch-action: none; }
.structured-workspace-resize--left { right: 0; }
.structured-workspace-resize--right { left: 0; }
.structured-workspace-resize:hover, .structured-workspace-resize:focus-visible { background: #75b9e2; outline: none; }
.structured-workspace-bottom { flex-shrink: 0; min-width: 0; border-top: 1px solid #303030; font-size: 10px; }
.structured-workspace-modebar { display: flex; align-items: stretch; flex-shrink: 0; gap: 3px; min-height: 30px; padding: 2px 4px; overflow: auto; }
.structured-workspace-modebar > button { display: inline-flex; align-items: center; justify-content: center; gap: 5px; padding: 5px 9px; font-size: 11px; white-space: nowrap; border: 1px solid #383838; border-radius: 2px; background: #262626; }
.structured-workspace-modebar > button[aria-pressed="true"] { background: #333; border-bottom: 2px solid #75b9e2; }
.structured-workspace-reopen { padding: 5px 8px; border: 1px solid #555; background: #262626; color: #dedede; font-size: 11px; }
@media (max-width: 640px) { .structured-workspace-sidebar { max-width: 40%; } .structured-workspace-inspector { max-width: 36%; } .structured-workspace-control { max-width: 20px; } }
.workspace-page {
  --workspace-page-surface: hsl(var(--background));
  --workspace-page-panel: hsl(var(--card));
  --workspace-page-border: hsl(var(--border));
  --workspace-page-ink: hsl(var(--foreground));
  --workspace-page-muted: hsl(var(--muted-foreground));
  display: flex; flex-direction: column; flex: 1; min-width: 0; min-height: 0; width: 100%; gap: 8px; padding: 10px;
  background: var(--workspace-page-surface); color: var(--workspace-page-ink); font-size: 11px; line-height: 1.45;
}
.workspace-page--scroll { overflow: auto; }
.workspace-page-header { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; min-height: 32px; padding: 0 0 8px; border-bottom: 1px solid var(--workspace-page-border, hsl(var(--border))); }
.workspace-page-heading { flex: 1; min-width: 0; }
[data-workspace-page] .workspace-page-heading > h1 { margin: 0; font-size: 13px !important; line-height: 20px !important; font-weight: 600; letter-spacing: 0; }
.workspace-page-heading > p { margin: 2px 0 0; max-width: 80ch; color: var(--workspace-page-muted, hsl(var(--muted-foreground))); font-size: 11px; line-height: 16px; }
.workspace-page-actions { display: flex; align-items: center; flex-wrap: wrap; flex-shrink: 0; gap: 4px; }
.workspace-page-toolbar { display: flex; align-items: center; flex-wrap: wrap; flex-shrink: 0; gap: 5px; min-height: 28px; padding: 3px 5px; border: 1px solid var(--workspace-page-border, hsl(var(--border))); border-radius: 3px; background: var(--workspace-page-panel, hsl(var(--card))); }
.workspace-page-actions > button, .workspace-page-actions > a, .workspace-page-toolbar > button, .workspace-page-toolbar > a {
  display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; gap: 4px; height: 24px; min-height: 24px; padding: 0 7px; border-radius: 3px; font-size: 11px; line-height: 1; font-weight: 500;
}
.workspace-page-actions > button > svg, .workspace-page-actions > a > svg, .workspace-page-toolbar > button > svg { width: 12px; height: 12px; }
.workspace-page-toolbar input:not([type='checkbox']):not([type='radio']):not([type='range']), .workspace-page-toolbar select { height: 24px; min-height: 24px; padding: 0 7px; border: 1px solid var(--workspace-page-border, hsl(var(--border))); border-radius: 3px; font-size: 11px; background: var(--workspace-page-surface, hsl(var(--background))); }
.workspace-page-panel { flex-shrink: 0; min-width: 0; border: 1px solid var(--workspace-page-border, hsl(var(--border))); border-radius: 3px; background: var(--workspace-page-panel, hsl(var(--card))); overflow: hidden; }
.workspace-page-panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 6px; min-height: 28px; padding: 3px 8px; border-bottom: 1px solid var(--workspace-page-border, hsl(var(--border))); }
.workspace-page-panel > .workspace-page-panel-heading > h2 { margin: 0; font-size: 11px !important; line-height: 18px !important; font-weight: 600; }
.workspace-page-panel-body { min-width: 0; padding: 8px; }
.workspace-page-panel-body:empty { padding: 0; }
.workspace-page-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 1px; flex-shrink: 0; overflow: hidden; border: 1px solid var(--workspace-page-border, hsl(var(--border))); border-radius: 3px; background: var(--workspace-page-border, hsl(var(--border))); }
.workspace-page-metric { display: flex; flex-direction: column; gap: 1px; min-width: 0; padding: 7px 9px; background: var(--workspace-page-panel, hsl(var(--card))); }
.workspace-page-metric-label { color: var(--workspace-page-muted, hsl(var(--muted-foreground))); font-size: 10px; font-weight: 500; }
.workspace-page-metric-value { font-size: 17px; line-height: 23px; font-weight: 600; font-variant-numeric: tabular-nums; }
.workspace-page-metric-hint { color: var(--workspace-page-muted, hsl(var(--muted-foreground))); font-size: 10px; line-height: 14px; }
.workspace-page-empty { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; min-height: 68px; padding: 12px 8px; }
.workspace-page-empty p { margin: 0; font-size: 11px; font-weight: 500; }
.workspace-page-empty span { display: block; max-width: 64ch; margin-top: 3px; color: var(--workspace-page-muted, hsl(var(--muted-foreground))); font-size: 11px; }
.workspace-page :is(table, [role='table']) { font-size: 11px; }
.workspace-page :is(th, td) { height: 28px; padding: 5px 8px; line-height: 16px; }
.workspace-page th { color: var(--workspace-page-muted); font-size: 10px; font-weight: 500; letter-spacing: 0; }
.workspace-page :is(input:not([type='checkbox']):not([type='radio']):not([type='range']):not([type='color']), select) { min-height: 26px; font-size: 11px; }
.workspace-page textarea { font-size: 11px; }
.workspace-page label { font-size: 11px; }
@media (max-width: 640px) { .workspace-page { padding: 7px; gap: 7px; } .workspace-page-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.maplibregl-map{font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative;-webkit-tap-highlight-color:rgb(0 0 0/0)}.maplibregl-canvas{position:absolute;left:0;top:0}.maplibregl-map:fullscreen{width:100%;height:100%}.maplibregl-ctrl-group button.maplibregl-ctrl-compass{touch-action:none}.maplibregl-canvas-container.maplibregl-interactive,.maplibregl-ctrl-group button.maplibregl-ctrl-compass{cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.maplibregl-canvas-container.maplibregl-interactive.maplibregl-track-pointer{cursor:pointer}.maplibregl-canvas-container.maplibregl-interactive:active,.maplibregl-ctrl-group button.maplibregl-ctrl-compass:active{cursor:grabbing}.maplibregl-canvas-container.maplibregl-touch-zoom-rotate,.maplibregl-canvas-container.maplibregl-touch-zoom-rotate .maplibregl-canvas{touch-action:pan-x pan-y}.maplibregl-canvas-container.maplibregl-touch-drag-pan,.maplibregl-canvas-container.maplibregl-touch-drag-pan .maplibregl-canvas{touch-action:pinch-zoom}.maplibregl-canvas-container.maplibregl-touch-zoom-rotate.maplibregl-touch-drag-pan,.maplibregl-canvas-container.maplibregl-touch-zoom-rotate.maplibregl-touch-drag-pan .maplibregl-canvas{touch-action:none}.maplibregl-canvas-container.maplibregl-touch-drag-pan.maplibregl-cooperative-gestures,.maplibregl-canvas-container.maplibregl-touch-drag-pan.maplibregl-cooperative-gestures .maplibregl-canvas{touch-action:pan-x pan-y}.maplibregl-ctrl-bottom-left,.maplibregl-ctrl-bottom-right,.maplibregl-ctrl-top-left,.maplibregl-ctrl-top-right{position:absolute;pointer-events:none;z-index:2}.maplibregl-ctrl-top-left{top:0;left:0}.maplibregl-ctrl-top-right{top:0;right:0}.maplibregl-ctrl-bottom-left{bottom:0;left:0}.maplibregl-ctrl-bottom-right{right:0;bottom:0}.maplibregl-ctrl{clear:both;pointer-events:auto;transform:translate(0)}.maplibregl-ctrl-top-left .maplibregl-ctrl{margin:10px 0 0 10px;float:left}.maplibregl-ctrl-top-right .maplibregl-ctrl{margin:10px 10px 0 0;float:right}.maplibregl-ctrl-bottom-left .maplibregl-ctrl{margin:0 0 10px 10px;float:left}.maplibregl-ctrl-bottom-right .maplibregl-ctrl{margin:0 10px 10px 0;float:right}.maplibregl-ctrl-group{border-radius:4px;background:#fff}.maplibregl-ctrl-group:not(:empty){box-shadow:0 0 0 2px rgba(0,0,0,.1)}@media (forced-colors:active){.maplibregl-ctrl-group:not(:empty){box-shadow:0 0 0 2px ButtonText}}.maplibregl-ctrl-group button{width:29px;height:29px;display:block;padding:0;outline:none;border:0;box-sizing:border-box;background-color:transparent;cursor:pointer}.maplibregl-ctrl-group button+button{border-top:1px solid #ddd}.maplibregl-ctrl button .maplibregl-ctrl-icon{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:50%}@media (forced-colors:active){.maplibregl-ctrl-icon{background-color:transparent}.maplibregl-ctrl-group button+button{border-top:1px solid ButtonText}}.maplibregl-ctrl button::-moz-focus-inner{border:0;padding:0}.maplibregl-ctrl-attrib-button:focus,.maplibregl-ctrl-group button:focus{box-shadow:0 0 2px 2px #0096ff}.maplibregl-ctrl button:disabled{cursor:not-allowed}.maplibregl-ctrl button:disabled .maplibregl-ctrl-icon{opacity:.25}@media (hover:hover){.maplibregl-ctrl button:not(:disabled):hover{background-color:rgba(0,0,0,.05)}}.maplibregl-ctrl button:not(:disabled):active{background-color:rgba(0,0,0,.05)}.maplibregl-ctrl-group button:focus:focus-visible{box-shadow:0 0 2px 2px #0096ff}.maplibregl-ctrl-group button:focus:not(:focus-visible){box-shadow:none}.maplibregl-ctrl-group button:focus:first-child{border-radius:4px 4px 0 0}.maplibregl-ctrl-group button:focus:last-child{border-radius:0 0 4px 4px}.maplibregl-ctrl-group button:focus:only-child{border-radius:inherit}.maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229%22%20height%3D%2229%22%20fill%3D%22%23333%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20d%3D%22M10%2013c-.75%200-1.5.75-1.5%201.5S9.25%2016%2010%2016h9c.75%200%201.5-.75%201.5-1.5S19.75%2013%2019%2013z%22%2F%3E%3C%2Fsvg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229%22%20height%3D%2229%22%20fill%3D%22%23333%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20d%3D%22M14.5%208.5c-.75%200-1.5.75-1.5%201.5v3h-3c-.75%200-1.5.75-1.5%201.5S9.25%2016%2010%2016h3v3c0%20.75.75%201.5%201.5%201.5S16%2019.75%2016%2019v-3h3c.75%200%201.5-.75%201.5-1.5S19.75%2013%2019%2013h-3v-3c0-.75-.75-1.5-1.5-1.5%22%2F%3E%3C%2Fsvg%3E")}@media (forced-colors:active){.maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229%22%20height%3D%2229%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20d%3D%22M10%2013c-.75%200-1.5.75-1.5%201.5S9.25%2016%2010%2016h9c.75%200%201.5-.75%201.5-1.5S19.75%2013%2019%2013z%22%2F%3E%3C%2Fsvg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229%22%20height%3D%2229%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20d%3D%22M14.5%208.5c-.75%200-1.5.75-1.5%201.5v3h-3c-.75%200-1.5.75-1.5%201.5S9.25%2016%2010%2016h3v3c0%20.75.75%201.5%201.5%201.5S16%2019.75%2016%2019v-3h3c.75%200%201.5-.75%201.5-1.5S19.75%2013%2019%2013h-3v-3c0-.75-.75-1.5-1.5-1.5%22%2F%3E%3C%2Fsvg%3E")}}@media (forced-colors:active) and (prefers-color-scheme:light){.maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229%22%20height%3D%2229%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20d%3D%22M10%2013c-.75%200-1.5.75-1.5%201.5S9.25%2016%2010%2016h9c.75%200%201.5-.75%201.5-1.5S19.75%2013%2019%2013z%22%2F%3E%3C%2Fsvg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229%22%20height%3D%2229%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20d%3D%22M14.5%208.5c-.75%200-1.5.75-1.5%201.5v3h-3c-.75%200-1.5.75-1.5%201.5S9.25%2016%2010%2016h3v3c0%20.75.75%201.5%201.5%201.5S16%2019.75%2016%2019v-3h3c.75%200%201.5-.75%201.5-1.5S19.75%2013%2019%2013h-3v-3c0-.75-.75-1.5-1.5-1.5%22%2F%3E%3C%2Fsvg%3E")}}.maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229%22%20height%3D%2229%22%20fill%3D%22%23333%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20d%3D%22M24%2016v5.5c0%201.75-.75%202.5-2.5%202.5H16v-1l3-1.5-4-5.5%201-1%205.5%204%201.5-3zM6%2016l1.5%203%205.5-4%201%201-4%205.5%203%201.5v1H7.5C5.75%2024%205%2023.25%205%2021.5V16zm7-11v1l-3%201.5%204%205.5-1%201-5.5-4L6%2013H5V7.5C5%205.75%205.75%205%207.5%205zm11%202.5c0-1.75-.75-2.5-2.5-2.5H16v1l3%201.5-4%205.5%201%201%205.5-4%201.5%203h1z%22%2F%3E%3C%2Fsvg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229%22%20height%3D%2229%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20d%3D%22M18.5%2016c-1.75%200-2.5.75-2.5%202.5V24h1l1.5-3%205.5%204%201-1-4-5.5%203-1.5v-1zM13%2018.5c0-1.75-.75-2.5-2.5-2.5H5v1l3%201.5L4%2024l1%201%205.5-4%201.5%203h1zm3-8c0%201.75.75%202.5%202.5%202.5H24v-1l-3-1.5L25%205l-1-1-5.5%204L17%205h-1zM10.5%2013c1.75%200%202.5-.75%202.5-2.5V5h-1l-1.5%203L5%204%204%205l4%205.5L5%2012v1z%22%2F%3E%3C%2Fsvg%3E")}@media (forced-colors:active){.maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229%22%20height%3D%2229%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20d%3D%22M24%2016v5.5c0%201.75-.75%202.5-2.5%202.5H16v-1l3-1.5-4-5.5%201-1%205.5%204%201.5-3zM6%2016l1.5%203%205.5-4%201%201-4%205.5%203%201.5v1H7.5C5.75%2024%205%2023.25%205%2021.5V16zm7-11v1l-3%201.5%204%205.5-1%201-5.5-4L6%2013H5V7.5C5%205.75%205.75%205%207.5%205zm11%202.5c0-1.75-.75-2.5-2.5-2.5H16v1l3%201.5-4%205.5%201%201%205.5-4%201.5%203h1z%22%2F%3E%3C%2Fsvg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229%22%20height%3D%2229%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20d%3D%22M18.5%2016c-1.75%200-2.5.75-2.5%202.5V24h1l1.5-3%205.5%204%201-1-4-5.5%203-1.5v-1zM13%2018.5c0-1.75-.75-2.5-2.5-2.5H5v1l3%201.5L4%2024l1%201%205.5-4%201.5%203h1zm3-8c0%201.75.75%202.5%202.5%202.5H24v-1l-3-1.5L25%205l-1-1-5.5%204L17%205h-1zM10.5%2013c1.75%200%202.5-.75%202.5-2.5V5h-1l-1.5%203L5%204%204%205l4%205.5L5%2012v1z%22%2F%3E%3C%2Fsvg%3E")}}@media (forced-colors:active) and (prefers-color-scheme:light){.maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229%22%20height%3D%2229%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20d%3D%22M24%2016v5.5c0%201.75-.75%202.5-2.5%202.5H16v-1l3-1.5-4-5.5%201-1%205.5%204%201.5-3zM6%2016l1.5%203%205.5-4%201%201-4%205.5%203%201.5v1H7.5C5.75%2024%205%2023.25%205%2021.5V16zm7-11v1l-3%201.5%204%205.5-1%201-5.5-4L6%2013H5V7.5C5%205.75%205.75%205%207.5%205zm11%202.5c0-1.75-.75-2.5-2.5-2.5H16v1l3%201.5-4%205.5%201%201%205.5-4%201.5%203h1z%22%2F%3E%3C%2Fsvg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229%22%20height%3D%2229%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20d%3D%22M18.5%2016c-1.75%200-2.5.75-2.5%202.5V24h1l1.5-3%205.5%204%201-1-4-5.5%203-1.5v-1zM13%2018.5c0-1.75-.75-2.5-2.5-2.5H5v1l3%201.5L4%2024l1%201%205.5-4%201.5%203h1zm3-8c0%201.75.75%202.5%202.5%202.5H24v-1l-3-1.5L25%205l-1-1-5.5%204L17%205h-1zM10.5%2013c1.75%200%202.5-.75%202.5-2.5V5h-1l-1.5%203L5%204%204%205l4%205.5L5%2012v1z%22%2F%3E%3C%2Fsvg%3E")}}.maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229%22%20height%3D%2229%22%20fill%3D%22%23333%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20d%3D%22m10.5%2014%204-8%204%208z%22%2F%3E%3Cpath%20fill%3D%22%23ccc%22%20d%3D%22m10.5%2016%204%208%204-8z%22%2F%3E%3C%2Fsvg%3E")}@media (forced-colors:active){.maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229%22%20height%3D%2229%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20d%3D%22m10.5%2014%204-8%204%208z%22%2F%3E%3Cpath%20fill%3D%22%23ccc%22%20d%3D%22m10.5%2016%204%208%204-8z%22%2F%3E%3C%2Fsvg%3E")}}@media (forced-colors:active) and (prefers-color-scheme:light){.maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229%22%20height%3D%2229%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20d%3D%22m10.5%2014%204-8%204%208z%22%2F%3E%3Cpath%20fill%3D%22%23ccc%22%20d%3D%22m10.5%2016%204%208%204-8z%22%2F%3E%3C%2Fsvg%3E")}}.maplibregl-ctrl button.maplibregl-ctrl-globe .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20viewBox%3D%220%200%2022%2022%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228.5%22%2F%3E%3Cpath%20d%3D%22M17.5%2011c0%204.819-3.02%208.5-6.5%208.5S4.5%2015.819%204.5%2011%207.52%202.5%2011%202.5s6.5%203.681%206.5%208.5Z%22%2F%3E%3Cpath%20d%3D%22M13.5%2011c0%202.447-.331%204.64-.853%206.206-.262.785-.562%201.384-.872%201.777-.314.399-.58.517-.775.517s-.461-.118-.775-.517c-.31-.393-.61-.992-.872-1.777C8.831%2015.64%208.5%2013.446%208.5%2011s.331-4.64.853-6.206c.262-.785.562-1.384.872-1.777.314-.399.58-.517.775-.517s.461.118.775.517c.31.393.61.992.872%201.777.522%201.565.853%203.76.853%206.206Z%22%2F%3E%3Cpath%20d%3D%22M11%207.5c-1.909%200-3.622-.166-4.845-.428-.616-.132-1.08-.283-1.379-.434a1.3%201.3%200%200%201-.224-.138q.07-.058.224-.138c.299-.151.763-.302%201.379-.434C7.378%205.666%209.091%205.5%2011%205.5s3.622.166%204.845.428c.616.132%201.08.283%201.379.434.105.053.177.1.224.138q-.07.058-.224.138c-.299.151-.763.302-1.379.434-1.223.262-2.936.428-4.845.428Zm0%209c-1.909%200-3.622-.166-4.845-.428-.616-.132-1.08-.283-1.379-.434a1.3%201.3%200%200%201-.224-.138%201.3%201.3%200%200%201%20.224-.138c.299-.151.763-.302%201.379-.434C7.378%2014.666%209.091%2014.5%2011%2014.5s3.622.166%204.845.428c.616.132%201.08.283%201.379.434.105.053.177.1.224.138a1.3%201.3%200%200%201-.224.138c-.299.151-.763.302-1.379.434-1.223.262-2.936.428-4.845.428Zm0-4c-2.46%200-4.672-.222-6.255-.574-.796-.177-1.406-.38-1.805-.59a1.5%201.5%200%200%201-.39-.272.3.3%200%200%201-.047-.064.3.3%200%200%201%20.048-.064c.066-.073.189-.167.389-.272.399-.21%201.009-.413%201.805-.59C6.328%209.722%208.54%209.5%2011%209.5s4.672.222%206.256.574c.795.177%201.405.38%201.804.59.2.105.323.2.39.272a.3.3%200%200%201%20.047.064.3.3%200%200%201-.048.064%201.4%201.4%200%200%201-.389.272c-.399.21-1.009.413-1.804.59-1.584.352-3.796.574-6.256.574Zm-8.501-1.51v.002zm0%20.018v.002zm17.002.002v-.002zm0-.018v-.002z%22%2F%3E%3C%2Fsvg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-globe-enabled .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20fill%3D%22none%22%20stroke%3D%22%2333b5e5%22%20viewBox%3D%220%200%2022%2022%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228.5%22%2F%3E%3Cpath%20d%3D%22M17.5%2011c0%204.819-3.02%208.5-6.5%208.5S4.5%2015.819%204.5%2011%207.52%202.5%2011%202.5s6.5%203.681%206.5%208.5Z%22%2F%3E%3Cpath%20d%3D%22M13.5%2011c0%202.447-.331%204.64-.853%206.206-.262.785-.562%201.384-.872%201.777-.314.399-.58.517-.775.517s-.461-.118-.775-.517c-.31-.393-.61-.992-.872-1.777C8.831%2015.64%208.5%2013.446%208.5%2011s.331-4.64.853-6.206c.262-.785.562-1.384.872-1.777.314-.399.58-.517.775-.517s.461.118.775.517c.31.393.61.992.872%201.777.522%201.565.853%203.76.853%206.206Z%22%2F%3E%3Cpath%20d%3D%22M11%207.5c-1.909%200-3.622-.166-4.845-.428-.616-.132-1.08-.283-1.379-.434a1.3%201.3%200%200%201-.224-.138q.07-.058.224-.138c.299-.151.763-.302%201.379-.434C7.378%205.666%209.091%205.5%2011%205.5s3.622.166%204.845.428c.616.132%201.08.283%201.379.434.105.053.177.1.224.138q-.07.058-.224.138c-.299.151-.763.302-1.379.434-1.223.262-2.936.428-4.845.428Zm0%209c-1.909%200-3.622-.166-4.845-.428-.616-.132-1.08-.283-1.379-.434a1.3%201.3%200%200%201-.224-.138%201.3%201.3%200%200%201%20.224-.138c.299-.151.763-.302%201.379-.434C7.378%2014.666%209.091%2014.5%2011%2014.5s3.622.166%204.845.428c.616.132%201.08.283%201.379.434.105.053.177.1.224.138a1.3%201.3%200%200%201-.224.138c-.299.151-.763.302-1.379.434-1.223.262-2.936.428-4.845.428Zm0-4c-2.46%200-4.672-.222-6.255-.574-.796-.177-1.406-.38-1.805-.59a1.5%201.5%200%200%201-.39-.272.3.3%200%200%201-.047-.064.3.3%200%200%201%20.048-.064c.066-.073.189-.167.389-.272.399-.21%201.009-.413%201.805-.59C6.328%209.722%208.54%209.5%2011%209.5s4.672.222%206.256.574c.795.177%201.405.38%201.804.59.2.105.323.2.39.272a.3.3%200%200%201%20.047.064.3.3%200%200%201-.048.064%201.4%201.4%200%200%201-.389.272c-.399.21-1.009.413-1.804.59-1.584.352-3.796.574-6.256.574Zm-8.501-1.51v.002zm0%20.018v.002zm17.002.002v-.002zm0-.018v-.002z%22%2F%3E%3C%2Fsvg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-terrain .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20fill%3D%22%23333%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20d%3D%22m1.754%2013.406%204.453-4.851%203.09%203.09%203.281%203.277.969-.969-3.309-3.312%203.844-4.121%206.148%206.886h1.082v-.855l-7.207-8.07-4.84%205.187L6.169%206.57l-5.48%205.965v.871ZM.688%2016.844h20.625v1.375H.688Zm0%200%22%2F%3E%3C%2Fsvg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-terrain-enabled .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20fill%3D%22%2333b5e5%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20d%3D%22m1.754%2013.406%204.453-4.851%203.09%203.09%203.281%203.277.969-.969-3.309-3.312%203.844-4.121%206.148%206.886h1.082v-.855l-7.207-8.07-4.84%205.187L6.169%206.57l-5.48%205.965v.871ZM.688%2016.844h20.625v1.375H.688Zm0%200%22%2F%3E%3C%2Fsvg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229%22%20height%3D%2229%22%20fill%3D%22%23333%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M10%204C9%204%209%205%209%205v.1A5%205%200%200%200%205.1%209H5s-1%200-1%201%201%201%201%201h.1A5%205%200%200%200%209%2014.9v.1s0%201%201%201%201-1%201-1v-.1a5%205%200%200%200%203.9-3.9h.1s1%200%201-1-1-1-1-1h-.1A5%205%200%200%200%2011%205.1V5s0-1-1-1m0%202.5a3.5%203.5%200%201%201%200%207%203.5%203.5%200%201%201%200-7%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229%22%20height%3D%2229%22%20fill%3D%22%23aaa%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M10%204C9%204%209%205%209%205v.1A5%205%200%200%200%205.1%209H5s-1%200-1%201%201%201%201%201h.1A5%205%200%200%200%209%2014.9v.1s0%201%201%201%201-1%201-1v-.1a5%205%200%200%200%203.9-3.9h.1s1%200%201-1-1-1-1-1h-.1A5%205%200%200%200%2011%205.1V5s0-1-1-1m0%202.5a3.5%203.5%200%201%201%200%207%203.5%203.5%200%201%201%200-7%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%222%22%2F%3E%3Cpath%20fill%3D%22red%22%20d%3D%22m14%205%201%201-9%209-1-1z%22%2F%3E%3C%2Fsvg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229%22%20height%3D%2229%22%20fill%3D%22%2333b5e5%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M10%204C9%204%209%205%209%205v.1A5%205%200%200%200%205.1%209H5s-1%200-1%201%201%201%201%201h.1A5%205%200%200%200%209%2014.9v.1s0%201%201%201%201-1%201-1v-.1a5%205%200%200%200%203.9-3.9h.1s1%200%201-1-1-1-1-1h-.1A5%205%200%200%200%2011%205.1V5s0-1-1-1m0%202.5a3.5%203.5%200%201%201%200%207%203.5%203.5%200%201%201%200-7%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active-error .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229%22%20height%3D%2229%22%20fill%3D%22%23e58978%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M10%204C9%204%209%205%209%205v.1A5%205%200%200%200%205.1%209H5s-1%200-1%201%201%201%201%201h.1A5%205%200%200%200%209%2014.9v.1s0%201%201%201%201-1%201-1v-.1a5%205%200%200%200%203.9-3.9h.1s1%200%201-1-1-1-1-1h-.1A5%205%200%200%200%2011%205.1V5s0-1-1-1m0%202.5a3.5%203.5%200%201%201%200%207%203.5%203.5%200%201%201%200-7%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229%22%20height%3D%2229%22%20fill%3D%22%2333b5e5%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M10%204C9%204%209%205%209%205v.1A5%205%200%200%200%205.1%209H5s-1%200-1%201%201%201%201%201h.1A5%205%200%200%200%209%2014.9v.1s0%201%201%201%201-1%201-1v-.1a5%205%200%200%200%203.9-3.9h.1s1%200%201-1-1-1-1-1h-.1A5%205%200%200%200%2011%205.1V5s0-1-1-1m0%202.5a3.5%203.5%200%201%201%200%207%203.5%203.5%200%201%201%200-7%22%2F%3E%3C%2Fsvg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background-error .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229%22%20height%3D%2229%22%20fill%3D%22%23e54e33%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M10%204C9%204%209%205%209%205v.1A5%205%200%200%200%205.1%209H5s-1%200-1%201%201%201%201%201h.1A5%205%200%200%200%209%2014.9v.1s0%201%201%201%201-1%201-1v-.1a5%205%200%200%200%203.9-3.9h.1s1%200%201-1-1-1-1-1h-.1A5%205%200%200%200%2011%205.1V5s0-1-1-1m0%202.5a3.5%203.5%200%201%201%200%207%203.5%203.5%200%201%201%200-7%22%2F%3E%3C%2Fsvg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-waiting .maplibregl-ctrl-icon{animation:maplibregl-spin 2s linear infinite}@media (forced-colors:active){.maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229%22%20height%3D%2229%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M10%204C9%204%209%205%209%205v.1A5%205%200%200%200%205.1%209H5s-1%200-1%201%201%201%201%201h.1A5%205%200%200%200%209%2014.9v.1s0%201%201%201%201-1%201-1v-.1a5%205%200%200%200%203.9-3.9h.1s1%200%201-1-1-1-1-1h-.1A5%205%200%200%200%2011%205.1V5s0-1-1-1m0%202.5a3.5%203.5%200%201%201%200%207%203.5%203.5%200%201%201%200-7%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229%22%20height%3D%2229%22%20fill%3D%22%23999%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M10%204C9%204%209%205%209%205v.1A5%205%200%200%200%205.1%209H5s-1%200-1%201%201%201%201%201h.1A5%205%200%200%200%209%2014.9v.1s0%201%201%201%201-1%201-1v-.1a5%205%200%200%200%203.9-3.9h.1s1%200%201-1-1-1-1-1h-.1A5%205%200%200%200%2011%205.1V5s0-1-1-1m0%202.5a3.5%203.5%200%201%201%200%207%203.5%203.5%200%201%201%200-7%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%222%22%2F%3E%3Cpath%20fill%3D%22red%22%20d%3D%22m14%205%201%201-9%209-1-1z%22%2F%3E%3C%2Fsvg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229%22%20height%3D%2229%22%20fill%3D%22%2333b5e5%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M10%204C9%204%209%205%209%205v.1A5%205%200%200%200%205.1%209H5s-1%200-1%201%201%201%201%201h.1A5%205%200%200%200%209%2014.9v.1s0%201%201%201%201-1%201-1v-.1a5%205%200%200%200%203.9-3.9h.1s1%200%201-1-1-1-1-1h-.1A5%205%200%200%200%2011%205.1V5s0-1-1-1m0%202.5a3.5%203.5%200%201%201%200%207%203.5%203.5%200%201%201%200-7%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active-error .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229%22%20height%3D%2229%22%20fill%3D%22%23e58978%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M10%204C9%204%209%205%209%205v.1A5%205%200%200%200%205.1%209H5s-1%200-1%201%201%201%201%201h.1A5%205%200%200%200%209%2014.9v.1s0%201%201%201%201-1%201-1v-.1a5%205%200%200%200%203.9-3.9h.1s1%200%201-1-1-1-1-1h-.1A5%205%200%200%200%2011%205.1V5s0-1-1-1m0%202.5a3.5%203.5%200%201%201%200%207%203.5%203.5%200%201%201%200-7%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229%22%20height%3D%2229%22%20fill%3D%22%2333b5e5%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M10%204C9%204%209%205%209%205v.1A5%205%200%200%200%205.1%209H5s-1%200-1%201%201%201%201%201h.1A5%205%200%200%200%209%2014.9v.1s0%201%201%201%201-1%201-1v-.1a5%205%200%200%200%203.9-3.9h.1s1%200%201-1-1-1-1-1h-.1A5%205%200%200%200%2011%205.1V5s0-1-1-1m0%202.5a3.5%203.5%200%201%201%200%207%203.5%203.5%200%201%201%200-7%22%2F%3E%3C%2Fsvg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background-error .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229%22%20height%3D%2229%22%20fill%3D%22%23e54e33%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M10%204C9%204%209%205%209%205v.1A5%205%200%200%200%205.1%209H5s-1%200-1%201%201%201%201%201h.1A5%205%200%200%200%209%2014.9v.1s0%201%201%201%201-1%201-1v-.1a5%205%200%200%200%203.9-3.9h.1s1%200%201-1-1-1-1-1h-.1A5%205%200%200%200%2011%205.1V5s0-1-1-1m0%202.5a3.5%203.5%200%201%201%200%207%203.5%203.5%200%201%201%200-7%22%2F%3E%3C%2Fsvg%3E")}}@media (forced-colors:active) and (prefers-color-scheme:light){.maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229%22%20height%3D%2229%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M10%204C9%204%209%205%209%205v.1A5%205%200%200%200%205.1%209H5s-1%200-1%201%201%201%201%201h.1A5%205%200%200%200%209%2014.9v.1s0%201%201%201%201-1%201-1v-.1a5%205%200%200%200%203.9-3.9h.1s1%200%201-1-1-1-1-1h-.1A5%205%200%200%200%2011%205.1V5s0-1-1-1m0%202.5a3.5%203.5%200%201%201%200%207%203.5%203.5%200%201%201%200-7%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229%22%20height%3D%2229%22%20fill%3D%22%23666%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M10%204C9%204%209%205%209%205v.1A5%205%200%200%200%205.1%209H5s-1%200-1%201%201%201%201%201h.1A5%205%200%200%200%209%2014.9v.1s0%201%201%201%201-1%201-1v-.1a5%205%200%200%200%203.9-3.9h.1s1%200%201-1-1-1-1-1h-.1A5%205%200%200%200%2011%205.1V5s0-1-1-1m0%202.5a3.5%203.5%200%201%201%200%207%203.5%203.5%200%201%201%200-7%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%222%22%2F%3E%3Cpath%20fill%3D%22red%22%20d%3D%22m14%205%201%201-9%209-1-1z%22%2F%3E%3C%2Fsvg%3E")}}@keyframes maplibregl-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}a.maplibregl-ctrl-logo{width:88px;height:23px;margin:0 0 -4px -4px;display:block;background-repeat:no-repeat;cursor:pointer;overflow:hidden;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2288%22%20height%3D%2223%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23000%22%20fill-opacity%3D%22.4%22%20fill-rule%3D%22evenodd%22%20d%3D%22M17.408%2016.796h-1.827l2.501-12.095h.198l3.324%206.533.988%202.19.988-2.19%203.258-6.533h.181l2.6%2012.095h-1.81l-1.218-5.644-.362-1.71-.658%201.71-2.929%205.644h-.098l-2.914-5.644-.757-1.71-.345%201.71zm1.958-3.42-.726%203.663a1.255%201.255%200%200%201-1.232%201.011h-1.827a1.255%201.255%200%200%201-1.229-1.509l2.501-12.095a1.255%201.255%200%200%201%201.23-1.001h.197a1.25%201.25%200%200%201%201.12.685l3.19%206.273%203.125-6.263a1.25%201.25%200%200%201%201.123-.695h.181a1.255%201.255%200%200%201%201.227.991l1.443%206.71a5%205%200%200%201%20.314-.787l.009-.016a4.6%204.6%200%200%201%201.777-1.887c.782-.46%201.668-.667%202.611-.667a4.6%204.6%200%200%201%201.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255%201.255%200%200%201%201.212.925%201.255%201.255%200%200%201%201.212-.925h1.711c.284%200%20.545.094.755.252.613-.3%201.312-.45%202.075-.45%201.356%200%202.557.445%203.482%201.4q.47.48.763%201.064V4.701a1.255%201.255%200%200%201%201.255-1.255h1.86A1.255%201.255%200%200%201%2054.44%204.7v9.194h2.217c.19%200%20.37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.42%202.42%200%200%201-.682-1.71c0-.665.267-1.253.735-1.7a2.45%202.45%200%200%201%201.722-.674%202.43%202.43%200%200%201%201.705.675q.318.302.504.683V4.7a1.255%201.255%200%200%201%201.255-1.255h1.744A1.255%201.255%200%200%201%2065.812%204.7v3.335a4.8%204.8%200%200%201%201.526-.246c.938%200%201.817.214%202.59.69a4.47%204.47%200%200%201%201.67%201.743v-.98a1.255%201.255%200%200%201%201.256-1.256h1.777c.233%200%20.451.064.639.174a3.4%203.4%200%200%201%201.567-.372c.346%200%20.861.02%201.285.232a1.25%201.25%200%200%201%20.689%201.004%204.7%204.7%200%200%201%20.853-.588c.795-.44%201.675-.647%202.61-.647%201.385%200%202.65.39%203.525%201.396.836.938%201.168%202.173%201.168%203.528q-.001.515-.056%201.051a1.255%201.255%200%200%201-.947%201.09l.408.952a1.255%201.255%200%200%201-.477%201.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06%200-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.8%205.8%200%200%201-.548-2.512q0-.429.053-.843a1.3%201.3%200%200%201-.333-.086l-.166-.004c-.223%200-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255%201.255%200%200%201-1.256%201.256h-1.777a1.255%201.255%200%200%201-1.256-1.256V15.69l-.032.057a4.8%204.8%200%200%201-1.86%201.833%205.04%205.04%200%200%201-2.484.634%204.5%204.5%200%200%201-1.935-.424%201.25%201.25%200%200%201-.764.258h-1.71a1.255%201.255%200%200%201-1.256-1.255V7.687a2.4%202.4%200%200%201-.428.625c.253.23.412.561.412.93v7.553a1.255%201.255%200%200%201-1.256%201.255h-1.843a1.25%201.25%200%200%201-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255%201.255%200%200%201-1.256-1.255v-1.251l-.061.117a4.7%204.7%200%200%201-1.782%201.884%204.77%204.77%200%200%201-2.485.67%205.6%205.6%200%200%201-1.485-.188l.009%202.764a1.255%201.255%200%200%201-1.255%201.259h-1.729a1.255%201.255%200%200%201-1.255-1.255v-3.537a1.255%201.255%200%200%201-1.167.793h-1.679a1.25%201.25%200%200%201-.77-.263%204.5%204.5%200%200%201-1.945.429c-.885%200-1.724-.21-2.495-.632l-.017-.01a5%205%200%200%201-1.081-.836%201.255%201.255%200%200%201-1.254%201.312h-1.81a1.255%201.255%200%200%201-1.228-.99l-.782-3.625-2.044%203.939a1.25%201.25%200%200%201-1.115.676h-.098a1.25%201.25%200%200%201-1.116-.68l-2.061-3.994zM35.92%2016.63l.207-.114.223-.15q.493-.356.735-.785l.061-.118.033%201.332h1.678V9.242h-1.694l-.033%201.267q-.133-.329-.526-.658l-.032-.028a3.2%203.2%200%200%200-.668-.428l-.27-.12a3.3%203.3%200%200%200-1.235-.23q-1.136-.001-1.974.493a3.36%203.36%200%200%200-1.3%201.382q-.445.89-.444%202.074%200%201.2.51%202.107a3.8%203.8%200%200%200%201.382%201.381%203.9%203.9%200%200%200%201.893.477q.795%200%201.455-.33zm-2.789-5.38q-.576.675-.575%201.762%200%201.102.559%201.794.576.675%201.645.675a2.25%202.25%200%200%200%20.934-.19%202.2%202.2%200%200%200%20.468-.29l.178-.161a2.2%202.2%200%200%200%20.397-.561q.244-.5.244-1.15v-.115q0-.708-.296-1.267l-.043-.077a2.2%202.2%200%200%200-.633-.709l-.13-.086-.047-.028a2.1%202.1%200%200%200-1.073-.285q-1.052%200-1.629.692zm2.316%202.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.96.96%200%200%200-.353-.389.85.85%200%200%200-.464-.127c-.4%200-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945%200%20.506.122.801.27.99.097.11.266.224.68.224.303%200%20.504-.09.687-.269zm7.545%201.705a2.6%202.6%200%200%200%20.331.423q.319.33.755.548l.173.074q.65.255%201.49.255%201.02%200%201.844-.493a3.45%203.45%200%200%200%201.316-1.4q.493-.904.493-2.089%200-1.909-.988-2.913-.988-1.02-2.584-1.02-.898%200-1.575.347a3%203%200%200%200-.415.262l-.199.166a3.4%203.4%200%200%200-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138q.206.29.48.5l.155.11.053.034q.51.296%201.119.297%201.07%200%201.645-.675.577-.69.576-1.762%200-1.119-.576-1.777-.558-.675-1.645-.675-.435%200-.835.16a2%202%200%200%200-.284.136%202%202%200%200%200-.363.254%202.2%202.2%200%200%200-.46.569l-.082.162a2.6%202.6%200%200%200-.213%201.072v.115q0%20.707.296%201.267l.135.211zm.964-.818a1.1%201.1%200%200%200%20.367.385.94.94%200%200%200%20.476.118c.423%200%20.59-.117.687-.23.159-.194.28-.478.28-.95%200-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a1%201%200%200%200-.503.135l-.012.007a.86.86%200%200%200-.335.343c-.073.133-.132.324-.132.614v.115a1.4%201.4%200%200%200%20.14.66zm15.7-6.222q.347-.346.346-.856a1.05%201.05%200%200%200-.345-.79%201.18%201.18%200%200%200-.84-.329q-.51%200-.855.33a1.05%201.05%200%200%200-.346.79q0%20.51.346.855.345.346.856.346.51%200%20.839-.346zm4.337%209.314.033-1.332q.191.403.59.747l.098.081a4%204%200%200%200%20.316.224l.223.122a3.2%203.2%200%200%200%201.44.322%203.8%203.8%200%200%200%201.875-.477%203.5%203.5%200%200%200%201.382-1.366q.527-.89.526-2.09%200-1.184-.444-2.073a3.24%203.24%200%200%200-1.283-1.399q-.823-.51-1.942-.51a3.5%203.5%200%200%200-1.527.344l-.086.043-.165.09a3%203%200%200%200-.33.214q-.432.315-.656.707a2%202%200%200%200-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.5%202.5%200%200%200%20.566.7q.117.098.245.18l.144.08a2.1%202.1%200%200%200%20.975.232q1.07%200%201.645-.675.576-.69.576-1.778%200-1.102-.576-1.777-.56-.691-1.645-.692a2.2%202.2%200%200%200-1.015.235q-.22.113-.415.282l-.15.142a2.1%202.1%200%200%200-.42.594q-.223.479-.223%201.1v.115q0%20.705.293%201.26zm2.616-.293c.157-.191.28-.479.28-.967%200-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.87.87%200%200%200-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0%20.285.057.499.144.669a1.1%201.1%200%200%200%20.367.405c.137.082.28.123.455.123.423%200%20.59-.118.686-.23zm8.266-3.013q.345-.13.724-.14l.069-.002q.493%200%20.642.099l.247-1.794q-.196-.099-.717-.099a2.3%202.3%200%200%200-.545.063%202%202%200%200%200-.411.148%202.2%202.2%200%200%200-.4.249%202.5%202.5%200%200%200-.485.499%202.7%202.7%200%200%200-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884q0-.546.159-.943a1.5%201.5%200%200%201%20.466-.636%202.5%202.5%200%200%201%20.399-.253%202%202%200%200%201%20.224-.099zm9.784%202.656.05-.922q0-1.743-.856-2.698-.838-.97-2.584-.97-1.119-.001-2.007.493a3.46%203.46%200%200%200-1.4%201.382q-.493.906-.493%202.106%200%201.07.428%201.975.428.89%201.332%201.432.906.526%202.255.526.973%200%201.668-.185l.044-.012.135-.04q.613-.184.984-.421l-.542-1.267q-.3.162-.642.274l-.297.087q-.51.131-1.3.131-.954%200-1.497-.444a1.6%201.6%200%200%201-.192-.193q-.366-.44-.512-1.234l-.004-.021zm-5.427-1.256-.003.022h3.752v-.138q-.011-.727-.288-1.118a1%201%200%200%200-.156-.176q-.46-.428-1.316-.428-.986%200-1.494.604-.379.45-.494%201.234zm-27.053%202.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m19.63%2011.151-.757-1.71-.345%201.71-1.12%205.644h-1.827L18.083%204.7h.197l3.325%206.533.988%202.19.988-2.19L26.839%204.7h.181l2.6%2012.095h-1.81l-1.218-5.644-.362-1.71-.658%201.71-2.93%205.644h-.098l-2.913-5.644zm14.836%205.81q-1.02%200-1.893-.478a3.8%203.8%200%200%201-1.381-1.382q-.51-.906-.51-2.106%200-1.185.444-2.074a3.36%203.36%200%200%201%201.3-1.382q.839-.494%201.974-.494a3.3%203.3%200%200%201%201.234.231%203.3%203.3%200%200%201%20.97.575q.396.33.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332q-.279.593-1.02%201.053a3.17%203.17%200%200%201-1.662.444zm.296-1.482q.938%200%201.58-.642.642-.66.642-1.711v-.115q0-.708-.296-1.267a2.2%202.2%200%200%200-.807-.872%202.1%202.1%200%200%200-1.119-.313q-1.053%200-1.629.692-.575.675-.575%201.76%200%201.103.559%201.795.577.675%201.645.675zm6.521-6.237h1.711v1.4q.906-1.597%202.83-1.597%201.596%200%202.584%201.02.988%201.005.988%202.914%200%201.185-.493%202.09a3.46%203.46%200%200%201-1.316%201.399%203.5%203.5%200%200%201-1.844.493q-.954%200-1.662-.329a2.67%202.67%200%200%201-1.086-.97l.017%205.134h-1.728zm4.048%206.22q1.07%200%201.645-.674.577-.69.576-1.762%200-1.119-.576-1.777-.558-.675-1.645-.675-.592%200-1.12.296-.51.28-.822.823-.296.527-.296%201.234v.115q0%20.708.296%201.267.313.543.823.855.51.296%201.119.297z%22%2F%3E%3Cpath%20fill%3D%22%23e1e3e9%22%20d%3D%22M51.325%204.7h1.86v10.45h3.473v1.646h-5.333zm7.12%204.542h1.843v7.553h-1.843zm.905-1.415a1.16%201.16%200%200%201-.856-.346%201.17%201.17%200%200%201-.346-.856%201.05%201.05%200%200%201%20.346-.79q.346-.329.856-.329.494%200%20.839.33a1.05%201.05%200%200%201%20.345.79%201.16%201.16%200%200%201-.345.855q-.33.346-.84.346zm7.875%209.133a3.17%203.17%200%200%201-1.662-.444q-.723-.46-1.004-1.053l-.033%201.332h-1.71V4.701h1.743v4.657l-.082%201.283q.279-.658%201.086-1.119a3.5%203.5%200%200%201%201.778-.477q1.119%200%201.942.51a3.24%203.24%200%200%201%201.283%201.4q.445.888.444%202.072%200%201.201-.526%202.09a3.5%203.5%200%200%201-1.382%201.366%203.8%203.8%200%200%201-1.876.477zm-.296-1.481q1.069%200%201.645-.675.577-.69.577-1.778%200-1.102-.577-1.776-.56-.691-1.645-.692a2.12%202.12%200%200%200-1.58.659q-.642.641-.642%201.694v.115q0%20.71.296%201.267a2.4%202.4%200%200%200%20.807.872%202.1%202.1%200%200%200%201.119.313zm5.927-6.237h1.777v1.481q.263-.757.856-1.217a2.14%202.14%200%200%201%201.349-.46q.527%200%20.724.098l-.247%201.794q-.149-.099-.642-.099-.774%200-1.416.494-.626.493-.626%201.58v3.883h-1.777V9.242zm9.534%207.718q-1.35%200-2.255-.526-.904-.543-1.332-1.432a4.6%204.6%200%200%201-.428-1.975q0-1.2.493-2.106a3.46%203.46%200%200%201%201.4-1.382q.889-.495%202.007-.494%201.744%200%202.584.97.855.956.856%202.7%200%20.444-.05.92h-5.43q.18%201.005.708%201.45.542.443%201.497.443.79%200%201.3-.131a4%204%200%200%200%20.938-.362l.542%201.267q-.411.263-1.119.46-.708.198-1.711.197zm1.596-4.558q.016-1.02-.444-1.432-.46-.428-1.316-.428-1.728%200-1.991%201.86z%22%2F%3E%3Cpath%20d%3D%22M5.074%2015.948a.484.657%200%200%200-.486.659v1.84a.484.657%200%200%200%20.486.659h4.101a.484.657%200%200%200%20.486-.659v-1.84a.484.657%200%200%200-.486-.659zm3.56%201.16H5.617v.838h3.017z%22%20style%3D%22fill%3A%23fff%3Bfill-rule%3Aevenodd%3Bstroke-width%3A1.03600001%22%2F%3E%3Cg%20style%3D%22stroke-width%3A1.12603545%22%3E%3Cpath%20d%3D%22M-9.408-1.416c-3.833-.025-7.056%202.912-7.08%206.615-.02%203.08%201.653%204.832%203.107%206.268.903.892%201.721%201.74%202.32%202.902l-.525-.004c-.543-.003-.992.304-1.24.639a1.87%201.87%200%200%200-.362%201.121l-.011%201.877c-.003.402.104.787.347%201.125.244.338.688.653%201.23.656l4.142.028c.542.003.99-.306%201.238-.641a1.87%201.87%200%200%200%20.363-1.121l.012-1.875a1.87%201.87%200%200%200-.348-1.127c-.243-.338-.688-.653-1.23-.656l-.518-.004c.597-1.145%201.425-1.983%202.348-2.87%201.473-1.414%203.18-3.149%203.2-6.226-.016-3.59-2.923-6.684-6.993-6.707m-.006%201.1v.002c3.274.02%205.92%202.532%205.9%205.6-.017%202.706-1.39%204.026-2.863%205.44-1.034.994-2.118%202.033-2.814%203.633-.018.041-.052.055-.075.065q-.013.004-.02.01a.34.34%200%200%201-.226.084.34.34%200%200%201-.224-.086l-.092-.077c-.699-1.615-1.768-2.669-2.781-3.67-1.454-1.435-2.797-2.762-2.78-5.478.02-3.067%202.7-5.545%205.975-5.523m-.02%202.826c-1.62-.01-2.944%201.315-2.955%202.96-.01%201.646%201.295%202.988%202.916%202.999h.002c1.621.01%202.943-1.316%202.953-2.961.011-1.646-1.294-2.988-2.916-2.998m-.005%201.1c1.017.006%201.829.83%201.822%201.89s-.83%201.874-1.848%201.867c-1.018-.006-1.829-.83-1.822-1.89s.83-1.874%201.848-1.868m-2.155%2011.857%204.14.025c.271.002.49.305.487.676l-.013%201.875c-.003.37-.224.67-.495.668l-4.14-.025c-.27-.002-.487-.306-.485-.676l.012-1.875c.003-.37.224-.67.494-.668%22%20style%3D%22color%3A%23000%3Bfont-style%3Anormal%3Bfont-variant%3Anormal%3Bfont-weight%3A400%3Bfont-stretch%3Anormal%3Bfont-size%3Amedium%3Bline-height%3Anormal%3Bfont-family%3Asans-serif%3Bfont-variant-ligatures%3Anormal%3Bfont-variant-position%3Anormal%3Bfont-variant-caps%3Anormal%3Bfont-variant-numeric%3Anormal%3Bfont-variant-alternates%3Anormal%3Bfont-feature-settings%3Anormal%3Btext-indent%3A0%3Btext-align%3Astart%3Btext-decoration%3Anone%3Btext-decoration-line%3Anone%3Btext-decoration-style%3Asolid%3Btext-decoration-color%3A%23000%3Bletter-spacing%3Anormal%3Bword-spacing%3Anormal%3Btext-transform%3Anone%3Bwriting-mode%3Alr-tb%3Bdirection%3Altr%3Btext-orientation%3Amixed%3Bdominant-baseline%3Aauto%3Bbaseline-shift%3Abaseline%3Btext-anchor%3Astart%3Bwhite-space%3Anormal%3Bshape-padding%3A0%3Bclip-rule%3Aevenodd%3Bdisplay%3Ainline%3Boverflow%3Avisible%3Bvisibility%3Avisible%3Bopacity%3A1%3Bisolation%3Aauto%3Bmix-blend-mode%3Anormal%3Bcolor-interpolation%3AsRGB%3Bcolor-interpolation-filters%3AlinearRGB%3Bsolid-color%3A%23000%3Bsolid-opacity%3A1%3Bvector-effect%3Anone%3Bfill%3A%23000%3Bfill-opacity%3A.4%3Bfill-rule%3Aevenodd%3Bstroke%3Anone%3Bstroke-width%3A2.47727823%3Bstroke-linecap%3Abutt%3Bstroke-linejoin%3Amiter%3Bstroke-miterlimit%3A4%3Bstroke-dasharray%3Anone%3Bstroke-dashoffset%3A0%3Bstroke-opacity%3A1%3Bcolor-rendering%3Aauto%3Bimage-rendering%3Aauto%3Bshape-rendering%3Aauto%3Btext-rendering%3Aauto%22%20transform%3D%22translate(15.553%202.85)scale(.88807)%22%2F%3E%3Cpath%20d%3D%22M-9.415-.316C-12.69-.338-15.37%202.14-15.39%205.207c-.017%202.716%201.326%204.041%202.78%205.477%201.013%201%202.081%202.055%202.78%203.67l.092.076a.34.34%200%200%200%20.225.086.34.34%200%200%200%20.227-.083l.019-.01c.022-.009.057-.024.074-.064.697-1.6%201.78-2.64%202.814-3.634%201.473-1.414%202.847-2.733%202.864-5.44.02-3.067-2.627-5.58-5.901-5.601m-.057%208.784c1.621.011%202.944-1.315%202.955-2.96.01-1.646-1.295-2.988-2.916-2.999-1.622-.01-2.945%201.315-2.955%202.96s1.295%202.989%202.916%203%22%20style%3D%22clip-rule%3Aevenodd%3Bfill%3A%23e1e3e9%3Bfill-opacity%3A1%3Bfill-rule%3Aevenodd%3Bstroke%3Anone%3Bstroke-width%3A2.47727823%3Bstroke-miterlimit%3A4%3Bstroke-dasharray%3Anone%3Bstroke-opacity%3A.4%22%20transform%3D%22translate(15.553%202.85)scale(.88807)%22%2F%3E%3Cpath%20d%3D%22M-11.594%2015.465c-.27-.002-.492.297-.494.668l-.012%201.876c-.003.371.214.673.485.675l4.14.027c.271.002.492-.298.495-.668l.012-1.877c.003-.37-.215-.672-.485-.674z%22%20style%3D%22clip-rule%3Aevenodd%3Bfill%3A%23fff%3Bfill-opacity%3A1%3Bfill-rule%3Aevenodd%3Bstroke%3Anone%3Bstroke-width%3A2.47727823%3Bstroke-miterlimit%3A4%3Bstroke-dasharray%3Anone%3Bstroke-opacity%3A.4%22%20transform%3D%22translate(15.553%202.85)scale(.88807)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}a.maplibregl-ctrl-logo.maplibregl-compact{width:14px}@media (forced-colors:active){a.maplibregl-ctrl-logo{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2288%22%20height%3D%2223%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23000%22%20fill-opacity%3D%22.4%22%20fill-rule%3D%22evenodd%22%20d%3D%22M17.408%2016.796h-1.827l2.501-12.095h.198l3.324%206.533.988%202.19.988-2.19%203.258-6.533h.181l2.6%2012.095h-1.81l-1.218-5.644-.362-1.71-.658%201.71-2.929%205.644h-.098l-2.914-5.644-.757-1.71-.345%201.71zm1.958-3.42-.726%203.663a1.255%201.255%200%200%201-1.232%201.011h-1.827a1.255%201.255%200%200%201-1.229-1.509l2.501-12.095a1.255%201.255%200%200%201%201.23-1.001h.197a1.25%201.25%200%200%201%201.12.685l3.19%206.273%203.125-6.263a1.25%201.25%200%200%201%201.123-.695h.181a1.255%201.255%200%200%201%201.227.991l1.443%206.71a5%205%200%200%201%20.314-.787l.009-.016a4.6%204.6%200%200%201%201.777-1.887c.782-.46%201.668-.667%202.611-.667a4.6%204.6%200%200%201%201.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255%201.255%200%200%201%201.212.925%201.255%201.255%200%200%201%201.212-.925h1.711c.284%200%20.545.094.755.252.613-.3%201.312-.45%202.075-.45%201.356%200%202.557.445%203.482%201.4q.47.48.763%201.064V4.701a1.255%201.255%200%200%201%201.255-1.255h1.86A1.255%201.255%200%200%201%2054.44%204.7v9.194h2.217c.19%200%20.37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.42%202.42%200%200%201-.682-1.71c0-.665.267-1.253.735-1.7a2.45%202.45%200%200%201%201.722-.674%202.43%202.43%200%200%201%201.705.675q.318.302.504.683V4.7a1.255%201.255%200%200%201%201.255-1.255h1.744A1.255%201.255%200%200%201%2065.812%204.7v3.335a4.8%204.8%200%200%201%201.526-.246c.938%200%201.817.214%202.59.69a4.47%204.47%200%200%201%201.67%201.743v-.98a1.255%201.255%200%200%201%201.256-1.256h1.777c.233%200%20.451.064.639.174a3.4%203.4%200%200%201%201.567-.372c.346%200%20.861.02%201.285.232a1.25%201.25%200%200%201%20.689%201.004%204.7%204.7%200%200%201%20.853-.588c.795-.44%201.675-.647%202.61-.647%201.385%200%202.65.39%203.525%201.396.836.938%201.168%202.173%201.168%203.528q-.001.515-.056%201.051a1.255%201.255%200%200%201-.947%201.09l.408.952a1.255%201.255%200%200%201-.477%201.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06%200-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.8%205.8%200%200%201-.548-2.512q0-.429.053-.843a1.3%201.3%200%200%201-.333-.086l-.166-.004c-.223%200-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255%201.255%200%200%201-1.256%201.256h-1.777a1.255%201.255%200%200%201-1.256-1.256V15.69l-.032.057a4.8%204.8%200%200%201-1.86%201.833%205.04%205.04%200%200%201-2.484.634%204.5%204.5%200%200%201-1.935-.424%201.25%201.25%200%200%201-.764.258h-1.71a1.255%201.255%200%200%201-1.256-1.255V7.687a2.4%202.4%200%200%201-.428.625c.253.23.412.561.412.93v7.553a1.255%201.255%200%200%201-1.256%201.255h-1.843a1.25%201.25%200%200%201-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255%201.255%200%200%201-1.256-1.255v-1.251l-.061.117a4.7%204.7%200%200%201-1.782%201.884%204.77%204.77%200%200%201-2.485.67%205.6%205.6%200%200%201-1.485-.188l.009%202.764a1.255%201.255%200%200%201-1.255%201.259h-1.729a1.255%201.255%200%200%201-1.255-1.255v-3.537a1.255%201.255%200%200%201-1.167.793h-1.679a1.25%201.25%200%200%201-.77-.263%204.5%204.5%200%200%201-1.945.429c-.885%200-1.724-.21-2.495-.632l-.017-.01a5%205%200%200%201-1.081-.836%201.255%201.255%200%200%201-1.254%201.312h-1.81a1.255%201.255%200%200%201-1.228-.99l-.782-3.625-2.044%203.939a1.25%201.25%200%200%201-1.115.676h-.098a1.25%201.25%200%200%201-1.116-.68l-2.061-3.994zM35.92%2016.63l.207-.114.223-.15q.493-.356.735-.785l.061-.118.033%201.332h1.678V9.242h-1.694l-.033%201.267q-.133-.329-.526-.658l-.032-.028a3.2%203.2%200%200%200-.668-.428l-.27-.12a3.3%203.3%200%200%200-1.235-.23q-1.136-.001-1.974.493a3.36%203.36%200%200%200-1.3%201.382q-.445.89-.444%202.074%200%201.2.51%202.107a3.8%203.8%200%200%200%201.382%201.381%203.9%203.9%200%200%200%201.893.477q.795%200%201.455-.33zm-2.789-5.38q-.576.675-.575%201.762%200%201.102.559%201.794.576.675%201.645.675a2.25%202.25%200%200%200%20.934-.19%202.2%202.2%200%200%200%20.468-.29l.178-.161a2.2%202.2%200%200%200%20.397-.561q.244-.5.244-1.15v-.115q0-.708-.296-1.267l-.043-.077a2.2%202.2%200%200%200-.633-.709l-.13-.086-.047-.028a2.1%202.1%200%200%200-1.073-.285q-1.052%200-1.629.692zm2.316%202.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.96.96%200%200%200-.353-.389.85.85%200%200%200-.464-.127c-.4%200-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945%200%20.506.122.801.27.99.097.11.266.224.68.224.303%200%20.504-.09.687-.269zm7.545%201.705a2.6%202.6%200%200%200%20.331.423q.319.33.755.548l.173.074q.65.255%201.49.255%201.02%200%201.844-.493a3.45%203.45%200%200%200%201.316-1.4q.493-.904.493-2.089%200-1.909-.988-2.913-.988-1.02-2.584-1.02-.898%200-1.575.347a3%203%200%200%200-.415.262l-.199.166a3.4%203.4%200%200%200-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138q.206.29.48.5l.155.11.053.034q.51.296%201.119.297%201.07%200%201.645-.675.577-.69.576-1.762%200-1.119-.576-1.777-.558-.675-1.645-.675-.435%200-.835.16a2%202%200%200%200-.284.136%202%202%200%200%200-.363.254%202.2%202.2%200%200%200-.46.569l-.082.162a2.6%202.6%200%200%200-.213%201.072v.115q0%20.707.296%201.267l.135.211zm.964-.818a1.1%201.1%200%200%200%20.367.385.94.94%200%200%200%20.476.118c.423%200%20.59-.117.687-.23.159-.194.28-.478.28-.95%200-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a1%201%200%200%200-.503.135l-.012.007a.86.86%200%200%200-.335.343c-.073.133-.132.324-.132.614v.115a1.4%201.4%200%200%200%20.14.66zm15.7-6.222q.347-.346.346-.856a1.05%201.05%200%200%200-.345-.79%201.18%201.18%200%200%200-.84-.329q-.51%200-.855.33a1.05%201.05%200%200%200-.346.79q0%20.51.346.855.345.346.856.346.51%200%20.839-.346zm4.337%209.314.033-1.332q.191.403.59.747l.098.081a4%204%200%200%200%20.316.224l.223.122a3.2%203.2%200%200%200%201.44.322%203.8%203.8%200%200%200%201.875-.477%203.5%203.5%200%200%200%201.382-1.366q.527-.89.526-2.09%200-1.184-.444-2.073a3.24%203.24%200%200%200-1.283-1.399q-.823-.51-1.942-.51a3.5%203.5%200%200%200-1.527.344l-.086.043-.165.09a3%203%200%200%200-.33.214q-.432.315-.656.707a2%202%200%200%200-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.5%202.5%200%200%200%20.566.7q.117.098.245.18l.144.08a2.1%202.1%200%200%200%20.975.232q1.07%200%201.645-.675.576-.69.576-1.778%200-1.102-.576-1.777-.56-.691-1.645-.692a2.2%202.2%200%200%200-1.015.235q-.22.113-.415.282l-.15.142a2.1%202.1%200%200%200-.42.594q-.223.479-.223%201.1v.115q0%20.705.293%201.26zm2.616-.293c.157-.191.28-.479.28-.967%200-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.87.87%200%200%200-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0%20.285.057.499.144.669a1.1%201.1%200%200%200%20.367.405c.137.082.28.123.455.123.423%200%20.59-.118.686-.23zm8.266-3.013q.345-.13.724-.14l.069-.002q.493%200%20.642.099l.247-1.794q-.196-.099-.717-.099a2.3%202.3%200%200%200-.545.063%202%202%200%200%200-.411.148%202.2%202.2%200%200%200-.4.249%202.5%202.5%200%200%200-.485.499%202.7%202.7%200%200%200-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884q0-.546.159-.943a1.5%201.5%200%200%201%20.466-.636%202.5%202.5%200%200%201%20.399-.253%202%202%200%200%201%20.224-.099zm9.784%202.656.05-.922q0-1.743-.856-2.698-.838-.97-2.584-.97-1.119-.001-2.007.493a3.46%203.46%200%200%200-1.4%201.382q-.493.906-.493%202.106%200%201.07.428%201.975.428.89%201.332%201.432.906.526%202.255.526.973%200%201.668-.185l.044-.012.135-.04q.613-.184.984-.421l-.542-1.267q-.3.162-.642.274l-.297.087q-.51.131-1.3.131-.954%200-1.497-.444a1.6%201.6%200%200%201-.192-.193q-.366-.44-.512-1.234l-.004-.021zm-5.427-1.256-.003.022h3.752v-.138q-.011-.727-.288-1.118a1%201%200%200%200-.156-.176q-.46-.428-1.316-.428-.986%200-1.494.604-.379.45-.494%201.234zm-27.053%202.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m19.63%2011.151-.757-1.71-.345%201.71-1.12%205.644h-1.827L18.083%204.7h.197l3.325%206.533.988%202.19.988-2.19L26.839%204.7h.181l2.6%2012.095h-1.81l-1.218-5.644-.362-1.71-.658%201.71-2.93%205.644h-.098l-2.913-5.644zm14.836%205.81q-1.02%200-1.893-.478a3.8%203.8%200%200%201-1.381-1.382q-.51-.906-.51-2.106%200-1.185.444-2.074a3.36%203.36%200%200%201%201.3-1.382q.839-.494%201.974-.494a3.3%203.3%200%200%201%201.234.231%203.3%203.3%200%200%201%20.97.575q.396.33.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332q-.279.593-1.02%201.053a3.17%203.17%200%200%201-1.662.444zm.296-1.482q.938%200%201.58-.642.642-.66.642-1.711v-.115q0-.708-.296-1.267a2.2%202.2%200%200%200-.807-.872%202.1%202.1%200%200%200-1.119-.313q-1.053%200-1.629.692-.575.675-.575%201.76%200%201.103.559%201.795.577.675%201.645.675zm6.521-6.237h1.711v1.4q.906-1.597%202.83-1.597%201.596%200%202.584%201.02.988%201.005.988%202.914%200%201.185-.493%202.09a3.46%203.46%200%200%201-1.316%201.399%203.5%203.5%200%200%201-1.844.493q-.954%200-1.662-.329a2.67%202.67%200%200%201-1.086-.97l.017%205.134h-1.728zm4.048%206.22q1.07%200%201.645-.674.577-.69.576-1.762%200-1.119-.576-1.777-.558-.675-1.645-.675-.592%200-1.12.296-.51.28-.822.823-.296.527-.296%201.234v.115q0%20.708.296%201.267.313.543.823.855.51.296%201.119.297z%22%2F%3E%3Cpath%20fill%3D%22%23e1e3e9%22%20d%3D%22M51.325%204.7h1.86v10.45h3.473v1.646h-5.333zm7.12%204.542h1.843v7.553h-1.843zm.905-1.415a1.16%201.16%200%200%201-.856-.346%201.17%201.17%200%200%201-.346-.856%201.05%201.05%200%200%201%20.346-.79q.346-.329.856-.329.494%200%20.839.33a1.05%201.05%200%200%201%20.345.79%201.16%201.16%200%200%201-.345.855q-.33.346-.84.346zm7.875%209.133a3.17%203.17%200%200%201-1.662-.444q-.723-.46-1.004-1.053l-.033%201.332h-1.71V4.701h1.743v4.657l-.082%201.283q.279-.658%201.086-1.119a3.5%203.5%200%200%201%201.778-.477q1.119%200%201.942.51a3.24%203.24%200%200%201%201.283%201.4q.445.888.444%202.072%200%201.201-.526%202.09a3.5%203.5%200%200%201-1.382%201.366%203.8%203.8%200%200%201-1.876.477zm-.296-1.481q1.069%200%201.645-.675.577-.69.577-1.778%200-1.102-.577-1.776-.56-.691-1.645-.692a2.12%202.12%200%200%200-1.58.659q-.642.641-.642%201.694v.115q0%20.71.296%201.267a2.4%202.4%200%200%200%20.807.872%202.1%202.1%200%200%200%201.119.313zm5.927-6.237h1.777v1.481q.263-.757.856-1.217a2.14%202.14%200%200%201%201.349-.46q.527%200%20.724.098l-.247%201.794q-.149-.099-.642-.099-.774%200-1.416.494-.626.493-.626%201.58v3.883h-1.777V9.242zm9.534%207.718q-1.35%200-2.255-.526-.904-.543-1.332-1.432a4.6%204.6%200%200%201-.428-1.975q0-1.2.493-2.106a3.46%203.46%200%200%201%201.4-1.382q.889-.495%202.007-.494%201.744%200%202.584.97.855.956.856%202.7%200%20.444-.05.92h-5.43q.18%201.005.708%201.45.542.443%201.497.443.79%200%201.3-.131a4%204%200%200%200%20.938-.362l.542%201.267q-.411.263-1.119.46-.708.198-1.711.197zm1.596-4.558q.016-1.02-.444-1.432-.46-.428-1.316-.428-1.728%200-1.991%201.86z%22%2F%3E%3Cpath%20d%3D%22M5.074%2015.948a.484.657%200%200%200-.486.659v1.84a.484.657%200%200%200%20.486.659h4.101a.484.657%200%200%200%20.486-.659v-1.84a.484.657%200%200%200-.486-.659zm3.56%201.16H5.617v.838h3.017z%22%20style%3D%22fill%3A%23fff%3Bfill-rule%3Aevenodd%3Bstroke-width%3A1.03600001%22%2F%3E%3Cg%20style%3D%22stroke-width%3A1.12603545%22%3E%3Cpath%20d%3D%22M-9.408-1.416c-3.833-.025-7.056%202.912-7.08%206.615-.02%203.08%201.653%204.832%203.107%206.268.903.892%201.721%201.74%202.32%202.902l-.525-.004c-.543-.003-.992.304-1.24.639a1.87%201.87%200%200%200-.362%201.121l-.011%201.877c-.003.402.104.787.347%201.125.244.338.688.653%201.23.656l4.142.028c.542.003.99-.306%201.238-.641a1.87%201.87%200%200%200%20.363-1.121l.012-1.875a1.87%201.87%200%200%200-.348-1.127c-.243-.338-.688-.653-1.23-.656l-.518-.004c.597-1.145%201.425-1.983%202.348-2.87%201.473-1.414%203.18-3.149%203.2-6.226-.016-3.59-2.923-6.684-6.993-6.707m-.006%201.1v.002c3.274.02%205.92%202.532%205.9%205.6-.017%202.706-1.39%204.026-2.863%205.44-1.034.994-2.118%202.033-2.814%203.633-.018.041-.052.055-.075.065q-.013.004-.02.01a.34.34%200%200%201-.226.084.34.34%200%200%201-.224-.086l-.092-.077c-.699-1.615-1.768-2.669-2.781-3.67-1.454-1.435-2.797-2.762-2.78-5.478.02-3.067%202.7-5.545%205.975-5.523m-.02%202.826c-1.62-.01-2.944%201.315-2.955%202.96-.01%201.646%201.295%202.988%202.916%202.999h.002c1.621.01%202.943-1.316%202.953-2.961.011-1.646-1.294-2.988-2.916-2.998m-.005%201.1c1.017.006%201.829.83%201.822%201.89s-.83%201.874-1.848%201.867c-1.018-.006-1.829-.83-1.822-1.89s.83-1.874%201.848-1.868m-2.155%2011.857%204.14.025c.271.002.49.305.487.676l-.013%201.875c-.003.37-.224.67-.495.668l-4.14-.025c-.27-.002-.487-.306-.485-.676l.012-1.875c.003-.37.224-.67.494-.668%22%20style%3D%22color%3A%23000%3Bfont-style%3Anormal%3Bfont-variant%3Anormal%3Bfont-weight%3A400%3Bfont-stretch%3Anormal%3Bfont-size%3Amedium%3Bline-height%3Anormal%3Bfont-family%3Asans-serif%3Bfont-variant-ligatures%3Anormal%3Bfont-variant-position%3Anormal%3Bfont-variant-caps%3Anormal%3Bfont-variant-numeric%3Anormal%3Bfont-variant-alternates%3Anormal%3Bfont-feature-settings%3Anormal%3Btext-indent%3A0%3Btext-align%3Astart%3Btext-decoration%3Anone%3Btext-decoration-line%3Anone%3Btext-decoration-style%3Asolid%3Btext-decoration-color%3A%23000%3Bletter-spacing%3Anormal%3Bword-spacing%3Anormal%3Btext-transform%3Anone%3Bwriting-mode%3Alr-tb%3Bdirection%3Altr%3Btext-orientation%3Amixed%3Bdominant-baseline%3Aauto%3Bbaseline-shift%3Abaseline%3Btext-anchor%3Astart%3Bwhite-space%3Anormal%3Bshape-padding%3A0%3Bclip-rule%3Aevenodd%3Bdisplay%3Ainline%3Boverflow%3Avisible%3Bvisibility%3Avisible%3Bopacity%3A1%3Bisolation%3Aauto%3Bmix-blend-mode%3Anormal%3Bcolor-interpolation%3AsRGB%3Bcolor-interpolation-filters%3AlinearRGB%3Bsolid-color%3A%23000%3Bsolid-opacity%3A1%3Bvector-effect%3Anone%3Bfill%3A%23000%3Bfill-opacity%3A.4%3Bfill-rule%3Aevenodd%3Bstroke%3Anone%3Bstroke-width%3A2.47727823%3Bstroke-linecap%3Abutt%3Bstroke-linejoin%3Amiter%3Bstroke-miterlimit%3A4%3Bstroke-dasharray%3Anone%3Bstroke-dashoffset%3A0%3Bstroke-opacity%3A1%3Bcolor-rendering%3Aauto%3Bimage-rendering%3Aauto%3Bshape-rendering%3Aauto%3Btext-rendering%3Aauto%22%20transform%3D%22translate(15.553%202.85)scale(.88807)%22%2F%3E%3Cpath%20d%3D%22M-9.415-.316C-12.69-.338-15.37%202.14-15.39%205.207c-.017%202.716%201.326%204.041%202.78%205.477%201.013%201%202.081%202.055%202.78%203.67l.092.076a.34.34%200%200%200%20.225.086.34.34%200%200%200%20.227-.083l.019-.01c.022-.009.057-.024.074-.064.697-1.6%201.78-2.64%202.814-3.634%201.473-1.414%202.847-2.733%202.864-5.44.02-3.067-2.627-5.58-5.901-5.601m-.057%208.784c1.621.011%202.944-1.315%202.955-2.96.01-1.646-1.295-2.988-2.916-2.999-1.622-.01-2.945%201.315-2.955%202.96s1.295%202.989%202.916%203%22%20style%3D%22clip-rule%3Aevenodd%3Bfill%3A%23e1e3e9%3Bfill-opacity%3A1%3Bfill-rule%3Aevenodd%3Bstroke%3Anone%3Bstroke-width%3A2.47727823%3Bstroke-miterlimit%3A4%3Bstroke-dasharray%3Anone%3Bstroke-opacity%3A.4%22%20transform%3D%22translate(15.553%202.85)scale(.88807)%22%2F%3E%3Cpath%20d%3D%22M-11.594%2015.465c-.27-.002-.492.297-.494.668l-.012%201.876c-.003.371.214.673.485.675l4.14.027c.271.002.492-.298.495-.668l.012-1.877c.003-.37-.215-.672-.485-.674z%22%20style%3D%22clip-rule%3Aevenodd%3Bfill%3A%23fff%3Bfill-opacity%3A1%3Bfill-rule%3Aevenodd%3Bstroke%3Anone%3Bstroke-width%3A2.47727823%3Bstroke-miterlimit%3A4%3Bstroke-dasharray%3Anone%3Bstroke-opacity%3A.4%22%20transform%3D%22translate(15.553%202.85)scale(.88807)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}}@media (forced-colors:active) and (prefers-color-scheme:light){a.maplibregl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2288%22%20height%3D%2223%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23000%22%20fill-opacity%3D%22.4%22%20fill-rule%3D%22evenodd%22%20d%3D%22M17.408%2016.796h-1.827l2.501-12.095h.198l3.324%206.533.988%202.19.988-2.19%203.258-6.533h.181l2.6%2012.095h-1.81l-1.218-5.644-.362-1.71-.658%201.71-2.929%205.644h-.098l-2.914-5.644-.757-1.71-.345%201.71zm1.958-3.42-.726%203.663a1.255%201.255%200%200%201-1.232%201.011h-1.827a1.255%201.255%200%200%201-1.229-1.509l2.501-12.095a1.255%201.255%200%200%201%201.23-1.001h.197a1.25%201.25%200%200%201%201.12.685l3.19%206.273%203.125-6.263a1.25%201.25%200%200%201%201.123-.695h.181a1.255%201.255%200%200%201%201.227.991l1.443%206.71a5%205%200%200%201%20.314-.787l.009-.016a4.6%204.6%200%200%201%201.777-1.887c.782-.46%201.668-.667%202.611-.667a4.6%204.6%200%200%201%201.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255%201.255%200%200%201%201.212.925%201.255%201.255%200%200%201%201.212-.925h1.711c.284%200%20.545.094.755.252.613-.3%201.312-.45%202.075-.45%201.356%200%202.557.445%203.482%201.4q.47.48.763%201.064V4.701a1.255%201.255%200%200%201%201.255-1.255h1.86A1.255%201.255%200%200%201%2054.44%204.7v9.194h2.217c.19%200%20.37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.42%202.42%200%200%201-.682-1.71c0-.665.267-1.253.735-1.7a2.45%202.45%200%200%201%201.722-.674%202.43%202.43%200%200%201%201.705.675q.318.302.504.683V4.7a1.255%201.255%200%200%201%201.255-1.255h1.744A1.255%201.255%200%200%201%2065.812%204.7v3.335a4.8%204.8%200%200%201%201.526-.246c.938%200%201.817.214%202.59.69a4.47%204.47%200%200%201%201.67%201.743v-.98a1.255%201.255%200%200%201%201.256-1.256h1.777c.233%200%20.451.064.639.174a3.4%203.4%200%200%201%201.567-.372c.346%200%20.861.02%201.285.232a1.25%201.25%200%200%201%20.689%201.004%204.7%204.7%200%200%201%20.853-.588c.795-.44%201.675-.647%202.61-.647%201.385%200%202.65.39%203.525%201.396.836.938%201.168%202.173%201.168%203.528q-.001.515-.056%201.051a1.255%201.255%200%200%201-.947%201.09l.408.952a1.255%201.255%200%200%201-.477%201.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06%200-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.8%205.8%200%200%201-.548-2.512q0-.429.053-.843a1.3%201.3%200%200%201-.333-.086l-.166-.004c-.223%200-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255%201.255%200%200%201-1.256%201.256h-1.777a1.255%201.255%200%200%201-1.256-1.256V15.69l-.032.057a4.8%204.8%200%200%201-1.86%201.833%205.04%205.04%200%200%201-2.484.634%204.5%204.5%200%200%201-1.935-.424%201.25%201.25%200%200%201-.764.258h-1.71a1.255%201.255%200%200%201-1.256-1.255V7.687a2.4%202.4%200%200%201-.428.625c.253.23.412.561.412.93v7.553a1.255%201.255%200%200%201-1.256%201.255h-1.843a1.25%201.25%200%200%201-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255%201.255%200%200%201-1.256-1.255v-1.251l-.061.117a4.7%204.7%200%200%201-1.782%201.884%204.77%204.77%200%200%201-2.485.67%205.6%205.6%200%200%201-1.485-.188l.009%202.764a1.255%201.255%200%200%201-1.255%201.259h-1.729a1.255%201.255%200%200%201-1.255-1.255v-3.537a1.255%201.255%200%200%201-1.167.793h-1.679a1.25%201.25%200%200%201-.77-.263%204.5%204.5%200%200%201-1.945.429c-.885%200-1.724-.21-2.495-.632l-.017-.01a5%205%200%200%201-1.081-.836%201.255%201.255%200%200%201-1.254%201.312h-1.81a1.255%201.255%200%200%201-1.228-.99l-.782-3.625-2.044%203.939a1.25%201.25%200%200%201-1.115.676h-.098a1.25%201.25%200%200%201-1.116-.68l-2.061-3.994zM35.92%2016.63l.207-.114.223-.15q.493-.356.735-.785l.061-.118.033%201.332h1.678V9.242h-1.694l-.033%201.267q-.133-.329-.526-.658l-.032-.028a3.2%203.2%200%200%200-.668-.428l-.27-.12a3.3%203.3%200%200%200-1.235-.23q-1.136-.001-1.974.493a3.36%203.36%200%200%200-1.3%201.382q-.445.89-.444%202.074%200%201.2.51%202.107a3.8%203.8%200%200%200%201.382%201.381%203.9%203.9%200%200%200%201.893.477q.795%200%201.455-.33zm-2.789-5.38q-.576.675-.575%201.762%200%201.102.559%201.794.576.675%201.645.675a2.25%202.25%200%200%200%20.934-.19%202.2%202.2%200%200%200%20.468-.29l.178-.161a2.2%202.2%200%200%200%20.397-.561q.244-.5.244-1.15v-.115q0-.708-.296-1.267l-.043-.077a2.2%202.2%200%200%200-.633-.709l-.13-.086-.047-.028a2.1%202.1%200%200%200-1.073-.285q-1.052%200-1.629.692zm2.316%202.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.96.96%200%200%200-.353-.389.85.85%200%200%200-.464-.127c-.4%200-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945%200%20.506.122.801.27.99.097.11.266.224.68.224.303%200%20.504-.09.687-.269zm7.545%201.705a2.6%202.6%200%200%200%20.331.423q.319.33.755.548l.173.074q.65.255%201.49.255%201.02%200%201.844-.493a3.45%203.45%200%200%200%201.316-1.4q.493-.904.493-2.089%200-1.909-.988-2.913-.988-1.02-2.584-1.02-.898%200-1.575.347a3%203%200%200%200-.415.262l-.199.166a3.4%203.4%200%200%200-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138q.206.29.48.5l.155.11.053.034q.51.296%201.119.297%201.07%200%201.645-.675.577-.69.576-1.762%200-1.119-.576-1.777-.558-.675-1.645-.675-.435%200-.835.16a2%202%200%200%200-.284.136%202%202%200%200%200-.363.254%202.2%202.2%200%200%200-.46.569l-.082.162a2.6%202.6%200%200%200-.213%201.072v.115q0%20.707.296%201.267l.135.211zm.964-.818a1.1%201.1%200%200%200%20.367.385.94.94%200%200%200%20.476.118c.423%200%20.59-.117.687-.23.159-.194.28-.478.28-.95%200-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a1%201%200%200%200-.503.135l-.012.007a.86.86%200%200%200-.335.343c-.073.133-.132.324-.132.614v.115a1.4%201.4%200%200%200%20.14.66zm15.7-6.222q.347-.346.346-.856a1.05%201.05%200%200%200-.345-.79%201.18%201.18%200%200%200-.84-.329q-.51%200-.855.33a1.05%201.05%200%200%200-.346.79q0%20.51.346.855.345.346.856.346.51%200%20.839-.346zm4.337%209.314.033-1.332q.191.403.59.747l.098.081a4%204%200%200%200%20.316.224l.223.122a3.2%203.2%200%200%200%201.44.322%203.8%203.8%200%200%200%201.875-.477%203.5%203.5%200%200%200%201.382-1.366q.527-.89.526-2.09%200-1.184-.444-2.073a3.24%203.24%200%200%200-1.283-1.399q-.823-.51-1.942-.51a3.5%203.5%200%200%200-1.527.344l-.086.043-.165.09a3%203%200%200%200-.33.214q-.432.315-.656.707a2%202%200%200%200-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.5%202.5%200%200%200%20.566.7q.117.098.245.18l.144.08a2.1%202.1%200%200%200%20.975.232q1.07%200%201.645-.675.576-.69.576-1.778%200-1.102-.576-1.777-.56-.691-1.645-.692a2.2%202.2%200%200%200-1.015.235q-.22.113-.415.282l-.15.142a2.1%202.1%200%200%200-.42.594q-.223.479-.223%201.1v.115q0%20.705.293%201.26zm2.616-.293c.157-.191.28-.479.28-.967%200-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.87.87%200%200%200-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0%20.285.057.499.144.669a1.1%201.1%200%200%200%20.367.405c.137.082.28.123.455.123.423%200%20.59-.118.686-.23zm8.266-3.013q.345-.13.724-.14l.069-.002q.493%200%20.642.099l.247-1.794q-.196-.099-.717-.099a2.3%202.3%200%200%200-.545.063%202%202%200%200%200-.411.148%202.2%202.2%200%200%200-.4.249%202.5%202.5%200%200%200-.485.499%202.7%202.7%200%200%200-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884q0-.546.159-.943a1.5%201.5%200%200%201%20.466-.636%202.5%202.5%200%200%201%20.399-.253%202%202%200%200%201%20.224-.099zm9.784%202.656.05-.922q0-1.743-.856-2.698-.838-.97-2.584-.97-1.119-.001-2.007.493a3.46%203.46%200%200%200-1.4%201.382q-.493.906-.493%202.106%200%201.07.428%201.975.428.89%201.332%201.432.906.526%202.255.526.973%200%201.668-.185l.044-.012.135-.04q.613-.184.984-.421l-.542-1.267q-.3.162-.642.274l-.297.087q-.51.131-1.3.131-.954%200-1.497-.444a1.6%201.6%200%200%201-.192-.193q-.366-.44-.512-1.234l-.004-.021zm-5.427-1.256-.003.022h3.752v-.138q-.011-.727-.288-1.118a1%201%200%200%200-.156-.176q-.46-.428-1.316-.428-.986%200-1.494.604-.379.45-.494%201.234zm-27.053%202.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m19.63%2011.151-.757-1.71-.345%201.71-1.12%205.644h-1.827L18.083%204.7h.197l3.325%206.533.988%202.19.988-2.19L26.839%204.7h.181l2.6%2012.095h-1.81l-1.218-5.644-.362-1.71-.658%201.71-2.93%205.644h-.098l-2.913-5.644zm14.836%205.81q-1.02%200-1.893-.478a3.8%203.8%200%200%201-1.381-1.382q-.51-.906-.51-2.106%200-1.185.444-2.074a3.36%203.36%200%200%201%201.3-1.382q.839-.494%201.974-.494a3.3%203.3%200%200%201%201.234.231%203.3%203.3%200%200%201%20.97.575q.396.33.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332q-.279.593-1.02%201.053a3.17%203.17%200%200%201-1.662.444zm.296-1.482q.938%200%201.58-.642.642-.66.642-1.711v-.115q0-.708-.296-1.267a2.2%202.2%200%200%200-.807-.872%202.1%202.1%200%200%200-1.119-.313q-1.053%200-1.629.692-.575.675-.575%201.76%200%201.103.559%201.795.577.675%201.645.675zm6.521-6.237h1.711v1.4q.906-1.597%202.83-1.597%201.596%200%202.584%201.02.988%201.005.988%202.914%200%201.185-.493%202.09a3.46%203.46%200%200%201-1.316%201.399%203.5%203.5%200%200%201-1.844.493q-.954%200-1.662-.329a2.67%202.67%200%200%201-1.086-.97l.017%205.134h-1.728zm4.048%206.22q1.07%200%201.645-.674.577-.69.576-1.762%200-1.119-.576-1.777-.558-.675-1.645-.675-.592%200-1.12.296-.51.28-.822.823-.296.527-.296%201.234v.115q0%20.708.296%201.267.313.543.823.855.51.296%201.119.297z%22%2F%3E%3Cpath%20fill%3D%22%23e1e3e9%22%20d%3D%22M51.325%204.7h1.86v10.45h3.473v1.646h-5.333zm7.12%204.542h1.843v7.553h-1.843zm.905-1.415a1.16%201.16%200%200%201-.856-.346%201.17%201.17%200%200%201-.346-.856%201.05%201.05%200%200%201%20.346-.79q.346-.329.856-.329.494%200%20.839.33a1.05%201.05%200%200%201%20.345.79%201.16%201.16%200%200%201-.345.855q-.33.346-.84.346zm7.875%209.133a3.17%203.17%200%200%201-1.662-.444q-.723-.46-1.004-1.053l-.033%201.332h-1.71V4.701h1.743v4.657l-.082%201.283q.279-.658%201.086-1.119a3.5%203.5%200%200%201%201.778-.477q1.119%200%201.942.51a3.24%203.24%200%200%201%201.283%201.4q.445.888.444%202.072%200%201.201-.526%202.09a3.5%203.5%200%200%201-1.382%201.366%203.8%203.8%200%200%201-1.876.477zm-.296-1.481q1.069%200%201.645-.675.577-.69.577-1.778%200-1.102-.577-1.776-.56-.691-1.645-.692a2.12%202.12%200%200%200-1.58.659q-.642.641-.642%201.694v.115q0%20.71.296%201.267a2.4%202.4%200%200%200%20.807.872%202.1%202.1%200%200%200%201.119.313zm5.927-6.237h1.777v1.481q.263-.757.856-1.217a2.14%202.14%200%200%201%201.349-.46q.527%200%20.724.098l-.247%201.794q-.149-.099-.642-.099-.774%200-1.416.494-.626.493-.626%201.58v3.883h-1.777V9.242zm9.534%207.718q-1.35%200-2.255-.526-.904-.543-1.332-1.432a4.6%204.6%200%200%201-.428-1.975q0-1.2.493-2.106a3.46%203.46%200%200%201%201.4-1.382q.889-.495%202.007-.494%201.744%200%202.584.97.855.956.856%202.7%200%20.444-.05.92h-5.43q.18%201.005.708%201.45.542.443%201.497.443.79%200%201.3-.131a4%204%200%200%200%20.938-.362l.542%201.267q-.411.263-1.119.46-.708.198-1.711.197zm1.596-4.558q.016-1.02-.444-1.432-.46-.428-1.316-.428-1.728%200-1.991%201.86z%22%2F%3E%3Cpath%20d%3D%22M5.074%2015.948a.484.657%200%200%200-.486.659v1.84a.484.657%200%200%200%20.486.659h4.101a.484.657%200%200%200%20.486-.659v-1.84a.484.657%200%200%200-.486-.659zm3.56%201.16H5.617v.838h3.017z%22%20style%3D%22fill%3A%23fff%3Bfill-rule%3Aevenodd%3Bstroke-width%3A1.03600001%22%2F%3E%3Cg%20style%3D%22stroke-width%3A1.12603545%22%3E%3Cpath%20d%3D%22M-9.408-1.416c-3.833-.025-7.056%202.912-7.08%206.615-.02%203.08%201.653%204.832%203.107%206.268.903.892%201.721%201.74%202.32%202.902l-.525-.004c-.543-.003-.992.304-1.24.639a1.87%201.87%200%200%200-.362%201.121l-.011%201.877c-.003.402.104.787.347%201.125.244.338.688.653%201.23.656l4.142.028c.542.003.99-.306%201.238-.641a1.87%201.87%200%200%200%20.363-1.121l.012-1.875a1.87%201.87%200%200%200-.348-1.127c-.243-.338-.688-.653-1.23-.656l-.518-.004c.597-1.145%201.425-1.983%202.348-2.87%201.473-1.414%203.18-3.149%203.2-6.226-.016-3.59-2.923-6.684-6.993-6.707m-.006%201.1v.002c3.274.02%205.92%202.532%205.9%205.6-.017%202.706-1.39%204.026-2.863%205.44-1.034.994-2.118%202.033-2.814%203.633-.018.041-.052.055-.075.065q-.013.004-.02.01a.34.34%200%200%201-.226.084.34.34%200%200%201-.224-.086l-.092-.077c-.699-1.615-1.768-2.669-2.781-3.67-1.454-1.435-2.797-2.762-2.78-5.478.02-3.067%202.7-5.545%205.975-5.523m-.02%202.826c-1.62-.01-2.944%201.315-2.955%202.96-.01%201.646%201.295%202.988%202.916%202.999h.002c1.621.01%202.943-1.316%202.953-2.961.011-1.646-1.294-2.988-2.916-2.998m-.005%201.1c1.017.006%201.829.83%201.822%201.89s-.83%201.874-1.848%201.867c-1.018-.006-1.829-.83-1.822-1.89s.83-1.874%201.848-1.868m-2.155%2011.857%204.14.025c.271.002.49.305.487.676l-.013%201.875c-.003.37-.224.67-.495.668l-4.14-.025c-.27-.002-.487-.306-.485-.676l.012-1.875c.003-.37.224-.67.494-.668%22%20style%3D%22color%3A%23000%3Bfont-style%3Anormal%3Bfont-variant%3Anormal%3Bfont-weight%3A400%3Bfont-stretch%3Anormal%3Bfont-size%3Amedium%3Bline-height%3Anormal%3Bfont-family%3Asans-serif%3Bfont-variant-ligatures%3Anormal%3Bfont-variant-position%3Anormal%3Bfont-variant-caps%3Anormal%3Bfont-variant-numeric%3Anormal%3Bfont-variant-alternates%3Anormal%3Bfont-feature-settings%3Anormal%3Btext-indent%3A0%3Btext-align%3Astart%3Btext-decoration%3Anone%3Btext-decoration-line%3Anone%3Btext-decoration-style%3Asolid%3Btext-decoration-color%3A%23000%3Bletter-spacing%3Anormal%3Bword-spacing%3Anormal%3Btext-transform%3Anone%3Bwriting-mode%3Alr-tb%3Bdirection%3Altr%3Btext-orientation%3Amixed%3Bdominant-baseline%3Aauto%3Bbaseline-shift%3Abaseline%3Btext-anchor%3Astart%3Bwhite-space%3Anormal%3Bshape-padding%3A0%3Bclip-rule%3Aevenodd%3Bdisplay%3Ainline%3Boverflow%3Avisible%3Bvisibility%3Avisible%3Bopacity%3A1%3Bisolation%3Aauto%3Bmix-blend-mode%3Anormal%3Bcolor-interpolation%3AsRGB%3Bcolor-interpolation-filters%3AlinearRGB%3Bsolid-color%3A%23000%3Bsolid-opacity%3A1%3Bvector-effect%3Anone%3Bfill%3A%23000%3Bfill-opacity%3A.4%3Bfill-rule%3Aevenodd%3Bstroke%3Anone%3Bstroke-width%3A2.47727823%3Bstroke-linecap%3Abutt%3Bstroke-linejoin%3Amiter%3Bstroke-miterlimit%3A4%3Bstroke-dasharray%3Anone%3Bstroke-dashoffset%3A0%3Bstroke-opacity%3A1%3Bcolor-rendering%3Aauto%3Bimage-rendering%3Aauto%3Bshape-rendering%3Aauto%3Btext-rendering%3Aauto%22%20transform%3D%22translate(15.553%202.85)scale(.88807)%22%2F%3E%3Cpath%20d%3D%22M-9.415-.316C-12.69-.338-15.37%202.14-15.39%205.207c-.017%202.716%201.326%204.041%202.78%205.477%201.013%201%202.081%202.055%202.78%203.67l.092.076a.34.34%200%200%200%20.225.086.34.34%200%200%200%20.227-.083l.019-.01c.022-.009.057-.024.074-.064.697-1.6%201.78-2.64%202.814-3.634%201.473-1.414%202.847-2.733%202.864-5.44.02-3.067-2.627-5.58-5.901-5.601m-.057%208.784c1.621.011%202.944-1.315%202.955-2.96.01-1.646-1.295-2.988-2.916-2.999-1.622-.01-2.945%201.315-2.955%202.96s1.295%202.989%202.916%203%22%20style%3D%22clip-rule%3Aevenodd%3Bfill%3A%23e1e3e9%3Bfill-opacity%3A1%3Bfill-rule%3Aevenodd%3Bstroke%3Anone%3Bstroke-width%3A2.47727823%3Bstroke-miterlimit%3A4%3Bstroke-dasharray%3Anone%3Bstroke-opacity%3A.4%22%20transform%3D%22translate(15.553%202.85)scale(.88807)%22%2F%3E%3Cpath%20d%3D%22M-11.594%2015.465c-.27-.002-.492.297-.494.668l-.012%201.876c-.003.371.214.673.485.675l4.14.027c.271.002.492-.298.495-.668l.012-1.877c.003-.37-.215-.672-.485-.674z%22%20style%3D%22clip-rule%3Aevenodd%3Bfill%3A%23fff%3Bfill-opacity%3A1%3Bfill-rule%3Aevenodd%3Bstroke%3Anone%3Bstroke-width%3A2.47727823%3Bstroke-miterlimit%3A4%3Bstroke-dasharray%3Anone%3Bstroke-opacity%3A.4%22%20transform%3D%22translate(15.553%202.85)scale(.88807)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}}.maplibregl-ctrl.maplibregl-ctrl-attrib{padding:0 5px;background-color:hsla(0,0%,100%,.5);margin:0}@media screen{.maplibregl-ctrl-attrib.maplibregl-compact{min-height:20px;padding:2px 24px 2px 0;margin:10px;position:relative;background-color:#fff;color:#000;border-radius:12px;box-sizing:content-box}.maplibregl-ctrl-attrib.maplibregl-compact-show{padding:2px 28px 2px 8px;visibility:visible}.maplibregl-ctrl-bottom-left>.maplibregl-ctrl-attrib.maplibregl-compact-show,.maplibregl-ctrl-top-left>.maplibregl-ctrl-attrib.maplibregl-compact-show{padding:2px 8px 2px 28px;border-radius:12px}.maplibregl-ctrl-attrib.maplibregl-compact .maplibregl-ctrl-attrib-inner{display:none}.maplibregl-ctrl-attrib-button{display:none;cursor:pointer;position:absolute;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill-rule%3D%22evenodd%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M4%2010a6%206%200%201%200%2012%200%206%206%200%201%200-12%200m5-3a1%201%200%201%200%202%200%201%201%200%201%200-2%200m0%203a1%201%200%201%201%202%200v3a1%201%200%201%201-2%200%22%2F%3E%3C%2Fsvg%3E");background-color:hsla(0,0%,100%,.5);width:24px;height:24px;box-sizing:border-box;border-radius:12px;outline:none;top:0;right:0;border:0}.maplibregl-ctrl-attrib summary.maplibregl-ctrl-attrib-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;list-style:none}.maplibregl-ctrl-attrib summary.maplibregl-ctrl-attrib-button::-webkit-details-marker{display:none}.maplibregl-ctrl-bottom-left .maplibregl-ctrl-attrib-button,.maplibregl-ctrl-top-left .maplibregl-ctrl-attrib-button{left:0}.maplibregl-ctrl-attrib.maplibregl-compact .maplibregl-ctrl-attrib-button,.maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-inner{display:block}.maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-button{background-color:rgba(0,0,0,.05)}.maplibregl-ctrl-bottom-right>.maplibregl-ctrl-attrib.maplibregl-compact:after{bottom:0;right:0}.maplibregl-ctrl-top-right>.maplibregl-ctrl-attrib.maplibregl-compact:after{top:0;right:0}.maplibregl-ctrl-top-left>.maplibregl-ctrl-attrib.maplibregl-compact:after{top:0;left:0}.maplibregl-ctrl-bottom-left>.maplibregl-ctrl-attrib.maplibregl-compact:after{bottom:0;left:0}}@media screen and (forced-colors:active){.maplibregl-ctrl-attrib.maplibregl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M4%2010a6%206%200%201%200%2012%200%206%206%200%201%200-12%200m5-3a1%201%200%201%200%202%200%201%201%200%201%200-2%200m0%203a1%201%200%201%201%202%200v3a1%201%200%201%201-2%200%22%2F%3E%3C%2Fsvg%3E")}}@media screen and (forced-colors:active) and (prefers-color-scheme:light){.maplibregl-ctrl-attrib.maplibregl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill-rule%3D%22evenodd%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M4%2010a6%206%200%201%200%2012%200%206%206%200%201%200-12%200m5-3a1%201%200%201%200%202%200%201%201%200%201%200-2%200m0%203a1%201%200%201%201%202%200v3a1%201%200%201%201-2%200%22%2F%3E%3C%2Fsvg%3E")}}.maplibregl-ctrl-attrib a{color:rgba(0,0,0,.75);text-decoration:none}.maplibregl-ctrl-attrib a:hover{color:inherit;text-decoration:underline}.maplibregl-attrib-empty{display:none}.maplibregl-ctrl-scale{background-color:hsla(0,0%,100%,.75);font-size:10px;white-space:nowrap;border-color:#333;border-style:none solid solid;border-width:medium 2px 2px;padding:0 5px;color:#333;box-sizing:border-box}.maplibregl-popup{position:absolute;top:0;left:0;display:flex;will-change:transform;pointer-events:none}.maplibregl-popup-anchor-top,.maplibregl-popup-anchor-top-left,.maplibregl-popup-anchor-top-right{flex-direction:column}.maplibregl-popup-anchor-bottom,.maplibregl-popup-anchor-bottom-left,.maplibregl-popup-anchor-bottom-right{flex-direction:column-reverse}.maplibregl-popup-anchor-left{flex-direction:row}.maplibregl-popup-anchor-right{flex-direction:row-reverse}.maplibregl-popup-tip{width:0;height:0;border:10px solid transparent;z-index:1}.maplibregl-popup-anchor-top .maplibregl-popup-tip{align-self:center;border-top:none;border-bottom-color:#fff}.maplibregl-popup-anchor-top-left .maplibregl-popup-tip{align-self:flex-start;border-top:none;border-left:none;border-bottom-color:#fff}.maplibregl-popup-anchor-top-right .maplibregl-popup-tip{align-self:flex-end;border-top:none;border-right:none;border-bottom-color:#fff}.maplibregl-popup-anchor-bottom .maplibregl-popup-tip{align-self:center;border-bottom:none;border-top-color:#fff}.maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip{align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}.maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip{align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}.maplibregl-popup-anchor-left .maplibregl-popup-tip{align-self:center;border-left:none;border-right-color:#fff}.maplibregl-popup-anchor-right .maplibregl-popup-tip{align-self:center;border-right:none;border-left-color:#fff}[dir=rtl] .maplibregl-popup-anchor-left{flex-direction:row-reverse}[dir=rtl] .maplibregl-popup-anchor-right{flex-direction:row}[dir=rtl] .maplibregl-popup-anchor-top-left .maplibregl-popup-tip{align-self:flex-end}[dir=rtl] .maplibregl-popup-anchor-top-right .maplibregl-popup-tip{align-self:flex-start}[dir=rtl] .maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip{align-self:flex-end}[dir=rtl] .maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip{align-self:flex-start}.maplibregl-popup-close-button{position:absolute;right:0;top:0;border:0;border-radius:0 3px 0 0;cursor:pointer;background-color:transparent}.maplibregl-popup-close-button:hover{background-color:rgba(0,0,0,.05)}.maplibregl-popup-content{position:relative;background:#fff;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.1);padding:15px 10px;pointer-events:auto}.maplibregl-popup-anchor-top-left .maplibregl-popup-content{border-top-left-radius:0}.maplibregl-popup-anchor-top-right .maplibregl-popup-content{border-top-right-radius:0}.maplibregl-popup-anchor-bottom-left .maplibregl-popup-content{border-bottom-left-radius:0}.maplibregl-popup-anchor-bottom-right .maplibregl-popup-content{border-bottom-right-radius:0}.maplibregl-popup-track-pointer{display:none}.maplibregl-popup-track-pointer *{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.maplibregl-map:hover .maplibregl-popup-track-pointer{display:flex}.maplibregl-map:active .maplibregl-popup-track-pointer{display:none}.maplibregl-marker{position:absolute;top:0;left:0;will-change:transform;transition:opacity .2s}.maplibregl-marker-draggable{cursor:grab}.maplibregl-user-location-dot,.maplibregl-user-location-dot:before{background-color:#1da1f2;width:15px;height:15px;border-radius:50%}.maplibregl-user-location-dot:before{content:"";position:absolute;animation:maplibregl-user-location-dot-pulse 2s infinite}.maplibregl-user-location-dot:after{border-radius:50%;border:2px solid #fff;content:"";height:19px;left:-2px;position:absolute;top:-2px;width:19px;box-sizing:border-box;box-shadow:0 0 3px rgba(0,0,0,.35)}@media (prefers-reduced-motion:reduce){.maplibregl-user-location-dot:before{animation:none}}@keyframes maplibregl-user-location-dot-pulse{0%{transform:scale(1);opacity:1}70%{transform:scale(3);opacity:0}to{transform:scale(1);opacity:0}}.maplibregl-user-location-dot-stale{background-color:#aaa}.maplibregl-user-location-dot-stale:after{display:none}.maplibregl-user-location-accuracy-circle{background-color:#1da1f233;width:1px;height:1px;border-radius:100%}.maplibregl-crosshair,.maplibregl-crosshair .maplibregl-interactive,.maplibregl-crosshair .maplibregl-interactive:active{cursor:crosshair}.maplibregl-boxzoom{position:absolute;top:0;left:0;width:0;height:0;background:#fff;border:2px dotted #202020;opacity:.5}.maplibregl-cooperative-gesture-screen{background:rgba(0,0,0,.4);position:absolute;inset:0;display:flex;justify-content:center;align-items:center;color:#fff;padding:1rem;font-size:1.4em;line-height:1.2;opacity:0;pointer-events:none;transition:opacity 1s ease 1s;z-index:99999}.maplibregl-cooperative-gesture-screen.maplibregl-show{opacity:1;transition:opacity .05s}.maplibregl-cooperative-gesture-screen .maplibregl-mobile-message{display:none}@media (hover:none),(pointer:coarse){.maplibregl-cooperative-gesture-screen .maplibregl-desktop-message{display:none}.maplibregl-cooperative-gesture-screen .maplibregl-mobile-message{display:block}}.maplibregl-pseudo-fullscreen{position:fixed!important;width:100%!important;height:100%!important;top:0!important;left:0!important;z-index:99999}/* nle-grey-v2 */
/* Professional NLE chrome — Premiere / Resolve density, not consumer app chrome */
.video-nle-pro,
.video-nle-home {
  --nle-bg: #1b1b1b;
  --nle-panel: #252525;
  --nle-panel-2: #2e2e2e;
  --nle-panel-3: #353535;
  --nle-inset: #141414;
  --nle-border: #0e0e0e;
  --nle-border-soft: #3c3c3c;
  --nle-fg: #d6d6d6;
  --nle-fg-bright: #f0f0f0;
  --nle-muted: #8c8c8c;
  --nle-faint: #5c5c5c;
  --nle-accent: #6b6b6b;
  --nle-accent-dim: rgba(255, 255, 255, 0.08);
  --nle-accent-hover: #808080;
  --nle-playhead: #e11d48;
  /* Match inspector panel grey — no blue/green track chrome */
  --nle-track-video: #5a5a5a;
  --nle-track-audio: #4a4a4a;
  --nle-lane-video: #252525;
  --nle-lane-audio: #252525;
  --nle-danger: #c45c5c;
  --nle-font: 'Segoe UI', 'Helvetica Neue', system-ui, -apple-system, sans-serif;
  --nle-mono: 'SF Mono', 'Cascadia Mono', ui-monospace, Menlo, Consolas, monospace;

  background: var(--nle-bg);
  color: var(--nle-fg);
  font-family: var(--nle-font);
  font-size: 11px;
  font-weight: 450;
  line-height: 1.35;
  letter-spacing: 0.01em;
  -webkit-font-smoothing: antialiased;
}

.video-nle-pro button:focus-visible,
.video-nle-home button:focus-visible {
  outline: 1px solid var(--nle-accent);
  outline-offset: 0;
}

/* Panel chrome */
.video-nle-pro .nle-panel-head {
  display: flex;
  align-items: center;
  height: 18px;
  padding: 0 6px;
  background: #2a2a2a;
  border-bottom: 1px solid var(--nle-border);
  color: var(--nle-muted);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.video-nle-pro .nle-media-bin,
.video-nle-pro .nle-inspector,
.video-nle-pro .nle-timeline,
.video-nle-pro .nle-monitor {
  background: var(--nle-panel);
}

/* Desk-aligned controls inside NLE */
.video-nle-pro .nle-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 32px;
  padding: 0 8px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: var(--nle-fg);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
  transition: background 80ms ease, color 80ms ease;
}

.video-nle-pro .nle-btn:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.08);
  color: var(--nle-fg-bright);
}

.video-nle-pro .nle-btn:disabled {
  opacity: 0.28;
  cursor: default;
}

.video-nle-pro .nle-btn-icon {
  width: 38px;
  min-width: 38px;
  height: 38px;
  padding: 0;
  /* Colour icons — keep chrome quiet */
  background: transparent;
  border-color: transparent;
}

.video-nle-pro .nle-btn-icon:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.08);
}

.video-nle-pro .nle-btn-primary {
  background: var(--nle-panel-3);
  border-color: var(--nle-border-soft);
  color: var(--nle-fg-bright);
}

.video-nle-pro .nle-btn-primary:hover:not(:disabled) {
  background: #404040;
  color: #fff;
}

.video-nle-pro .nle-btn-play {
  width: 42px;
  min-width: 42px;
  height: 42px;
  border-radius: 8px;
}

.video-nle-pro .nle-btn.is-active {
  background: rgba(255, 255, 255, 0.14);
  color: var(--nle-fg-bright);
}

/* Transport — classic NLE colours (green / amber / red / orange / blue) */
.video-nle-pro .nle-transport-play.is-active {
  background: rgba(22, 163, 74, 0.22);
  border-color: rgba(74, 222, 128, 0.45);
}
.video-nle-pro .nle-transport-pause.is-active {
  background: rgba(202, 138, 4, 0.2);
  border-color: rgba(250, 204, 21, 0.4);
}
.video-nle-pro .nle-transport-stop:hover:not(:disabled) {
  background: rgba(220, 38, 38, 0.16);
  border-color: rgba(248, 113, 113, 0.35);
}
.video-nle-pro .nle-transport-rewind.is-active {
  background: rgba(234, 88, 12, 0.2);
  border-color: rgba(251, 146, 60, 0.4);
}
.video-nle-pro .nle-transport-forward.is-active {
  background: rgba(37, 99, 235, 0.2);
  border-color: rgba(96, 165, 250, 0.4);
}

.video-nle-pro .nle-rate-btn {
  width: auto;
  min-width: 38px;
  gap: 4px;
  padding: 0 7px;
}

.video-nle-pro .nle-rate-label {
  font-family: var(--nle-mono);
  font-size: 10px;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

.video-nle-pro .nle-rate-chip {
  padding: 2px 6px;
  border: 1px solid var(--nle-border-soft);
  border-radius: 4px;
  background: var(--nle-panel-3);
  color: var(--nle-fg);
  font-family: var(--nle-mono);
  font-size: 10px;
  font-variant-numeric: tabular-nums;
}

.video-nle-pro .nle-btn-ghost {
  color: var(--nle-muted);
}

.video-nle-pro .nle-btn-ghost:hover:not(:disabled) {
  color: var(--nle-fg-bright);
}

.video-nle-pro .nle-sep {
  width: 1px;
  height: 20px;
  margin: 0 6px;
  background: rgba(255, 255, 255, 0.12);
  flex-shrink: 0;
}

.video-nle-pro .nle-tc {
  font-family: var(--nle-mono);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.03em;
  color: var(--nle-fg);
}

.video-nle-pro .nle-splitter-v,
.video-nle-pro .nle-splitter-h {
  position: relative;
  background: var(--nle-border);
  flex-shrink: 0;
  z-index: 2;
}

.video-nle-pro .nle-splitter-v {
  width: 8px;
  margin: 0 -2px;
  cursor: col-resize;
  background-clip: content-box;
  padding: 0 2.5px;
  background-color: transparent;
  box-shadow: inset 0 0 0 1px var(--nle-border);
}

.video-nle-pro .nle-splitter-h {
  height: 8px;
  margin: -2px 0;
  cursor: row-resize;
  background-clip: content-box;
  padding: 2.5px 0;
  background-color: transparent;
  box-shadow: inset 0 0 0 1px var(--nle-border);
}

.video-nle-pro .nle-splitter-v:hover,
.video-nle-pro .nle-splitter-h:hover,
.video-nle-pro .nle-splitter-v.is-active,
.video-nle-pro .nle-splitter-h.is-active {
  background-color: var(--nle-accent);
  box-shadow: none;
}

/* Form fields */
.video-nle-pro .nle-field,
.video-nle-pro input.nle-field {
  height: 22px;
  width: 100%;
  padding: 0 6px;
  border: 1px solid var(--nle-border);
  border-radius: 2px;
  background: var(--nle-inset);
  color: var(--nle-fg);
  font-size: 11px;
  outline: none;
}

.video-nle-pro .nle-field:focus {
  border-color: var(--nle-accent);
}

.video-nle-pro .nle-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  height: 20px;
  padding: 0 8px;
  border: 1px solid var(--nle-border-soft);
  border-radius: 2px;
  background: transparent;
  color: var(--nle-muted);
  font-size: 10px;
  font-weight: 500;
  cursor: pointer;
}

.video-nle-pro .nle-chip-badge {
  padding: 0 4px;
  border-radius: 2px;
  background: rgba(255, 148, 26, 0.22);
  color: #ffb45c;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 12px;
  text-transform: uppercase;
}

.video-nle-pro .nle-chip.is-active {
  background: var(--nle-panel-3);
  border-color: var(--nle-border-soft);
  color: var(--nle-fg-bright);
}

.video-nle-pro .nle-chip.is-active .nle-chip-badge {
  background: rgba(255, 148, 26, 0.35);
  color: #ffd09a;
}

.video-nle-pro .nle-chip:hover:not(.is-active) {
  background: var(--nle-panel-3);
  color: var(--nle-fg);
}

/* Media thumb */
.video-nle-pro .nle-thumb {
  border: 1px solid var(--nle-border);
  border-radius: 1px;
  background: var(--nle-inset);
  overflow: hidden;
}

.video-nle-pro .nle-thumb.is-selected {
  border-color: var(--nle-border-soft);
  box-shadow: inset 0 0 0 1px var(--nle-border-soft);
  background: var(--nle-panel-2);
}

/* Timeline chrome */
.video-nle-pro .nle-timeline {
  --nle-timeline-divider: #4a4a4a;
  --nle-timeline-divider-strong: #5e5e5e;
}

.video-nle-pro .nle-timeline-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 28px;
  height: auto;
  padding: 4px 8px;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--nle-timeline-divider);
}

.video-nle-pro .nle-timeline-tools {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  flex-wrap: wrap;
}

.video-nle-pro .nle-timeline-toolbar .nle-btn-icon {
  width: 28px;
  min-width: 28px;
  height: 28px;
}

.video-nle-pro .nle-timeline-toolbar .nle-ve-icon {
  width: 16px !important;
  height: 16px !important;
}

.video-nle-pro .nle-tool-btn {
  height: 24px;
  min-width: 24px;
  padding: 0 8px;
  border: 1px solid transparent;
  border-radius: 3px;
  background: transparent;
  color: var(--nle-muted);
  font-size: 10px;
  font-weight: 650;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  cursor: pointer;
}

.video-nle-pro .nle-tool-btn:hover {
  background: rgba(255, 255, 255, 0.06);
  color: var(--nle-fg);
}

.video-nle-pro .nle-tool-btn.is-active {
  background: rgba(255, 148, 26, 0.16);
  border-color: rgba(255, 148, 26, 0.4);
  color: #ffc078;
}

/* Text format bar — sits under preview, above timeline */
.video-nle-pro .nle-text-format-bar {
  flex-shrink: 0;
  border-top: 1px solid var(--nle-border);
  border-bottom: 1px solid var(--nle-border);
  background: linear-gradient(180deg, var(--nle-panel-2) 0%, var(--nle-panel) 100%);
  min-height: 36px;
}

.video-nle-pro .nle-text-format-bar__scroll {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 5px 8px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
}

.video-nle-pro .nle-tf-group {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  min-width: 0;
}

.video-nle-pro .nle-tf-group--grow {
  flex: 1 1 140px;
  min-width: 120px;
  max-width: 280px;
}

.video-nle-pro .nle-tf-group--num .nle-field {
  width: 52px;
}

.video-nle-pro .nle-tf-label {
  font-size: 9px;
  font-weight: 650;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--nle-muted);
  white-space: nowrap;
}

.video-nle-pro .nle-tf-content {
  min-width: 0;
  flex: 1;
}

.video-nle-pro .nle-tf-font {
  width: 148px;
}

.video-nle-pro .nle-tf-weight {
  width: 96px;
}

.video-nle-pro .nle-tf-case {
  width: 52px;
  flex-shrink: 0;
}

.video-nle-pro .nle-tf-color {
  width: 22px;
  height: 22px;
  padding: 0;
  border: 1px solid var(--nle-border);
  border-radius: 2px;
  background: transparent;
  cursor: pointer;
  flex-shrink: 0;
}

.video-nle-pro .nle-tf-color::-webkit-color-swatch-wrapper {
  padding: 1px;
}

.video-nle-pro .nle-tf-color::-webkit-color-swatch {
  border: none;
  border-radius: 1px;
}

.video-nle-pro .nle-tf-align {
  display: inline-flex;
  align-items: center;
  gap: 1px;
  flex-shrink: 0;
}

.video-nle-pro .nle-tf-toggle {
  font-style: italic;
  font-family: Georgia, serif;
  font-size: 12px;
  min-width: 22px;
}

.video-nle-pro .nle-text-format-bar .nle-sep {
  height: 18px;
  margin: 0 2px;
}

.video-nle-pro .nle-track-col {
  width: 148px;
  min-width: 120px;
  max-width: 180px;
  border-right: 1px solid var(--nle-timeline-divider-strong, #5e5e5e);
}

.video-nle-pro .nle-track-row {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
  height: 48px;
  min-height: 28px;
  padding: 0 6px 0 4px;
  border-bottom: 1px solid var(--nle-timeline-divider, #4a4a4a);
}

.video-nle-pro .nle-track-row .nle-ve-icon {
  width: 16px !important;
  height: 16px !important;
}

.video-nle-pro .nle-track-resize {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3px;
  height: 7px;
  z-index: 4;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: row-resize;
  touch-action: none;
}

.video-nle-pro .nle-track-resize:hover,
.video-nle-pro .nle-track-resize:focus-visible {
  background: rgba(255, 148, 26, 0.35);
}

.video-nle-pro .nle-track-resize--lane {
  left: 0;
  right: 0;
}

.video-nle-pro .nle-track-row.is-locked {
  background: rgba(0, 0, 0, 0.18);
}

.video-nle-pro .nle-track-dot {
  width: 8px;
  height: 8px;
  border-radius: 1px;
  flex-shrink: 0;
  background: var(--nle-border-soft);
}

.video-nle-pro .nle-track-dot--video {
  background: #6b8cae;
}
.video-nle-pro .nle-track-dot--audio {
  background: #6a9a78;
}
.video-nle-pro .nle-track-dot--text {
  background: #b08a5a;
}
.video-nle-pro .nle-track-dot--overlay {
  background: #9a7ab0;
}

.video-nle-pro .nle-track-actions {
  display: flex;
  align-items: center;
  gap: 0;
  opacity: 0.55;
  transition: opacity 80ms ease;
}

.video-nle-pro .nle-track-row:hover .nle-track-actions,
.video-nle-pro .nle-track-row:focus-within .nle-track-actions {
  opacity: 1;
}

.video-nle-pro .nle-track-actions .nle-btn-icon {
  width: 26px;
  min-width: 26px;
  height: 26px;
}

.video-nle-pro .nle-lock-glyph {
  display: block;
  width: 11px;
  height: 11px;
  border: 1.5px solid currentColor;
  border-radius: 2px;
  position: relative;
  opacity: 0.85;
}

.video-nle-pro .nle-lock-glyph::before {
  content: '';
  position: absolute;
  left: 1.5px;
  right: 1.5px;
  top: -4px;
  height: 4px;
  border: 1.5px solid currentColor;
  border-bottom: 0;
  border-radius: 5px 5px 0 0;
}

.video-nle-pro .nle-lock-glyph.is-locked {
  background: rgba(255, 148, 26, 0.25);
  border-color: #ff941a;
  color: #ff941a;
}

.video-nle-pro .nle-lock-glyph.is-locked::before {
  border-color: #ff941a;
}

/* Timeline clips */
.video-nle-pro .nle-clip {
  display: flex;
  align-items: center;
  gap: 4px;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07);
  font-size: 11px;
  font-weight: 600;
  color: #f0f0f0;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
  overflow: visible;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: box-shadow 80ms ease, border-color 80ms ease;
}

.video-nle-pro .nle-clip.is-selected {
  border-color: var(--nle-playhead);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 0 0 1px var(--nle-playhead);
  z-index: 2;
}

.video-nle-pro .nle-clip-video {
  background: linear-gradient(180deg, #3c3c3c 0%, #2c2c2c 100%);
}

.video-nle-pro .nle-clip-audio {
  background: linear-gradient(180deg, #2f3a34 0%, #242c28 100%);
}

.video-nle-pro .nle-clip-text {
  background: linear-gradient(180deg, #3a342c 0%, #2a261f 100%);
}

.video-nle-pro .nle-clip-linked {
  box-shadow: inset 2px 0 0 0 #ff941a;
}

.video-nle-pro .nle-clip-linked.is-selected {
  box-shadow:
    inset 2px 0 0 0 #ff941a,
    0 0 0 1px var(--nle-playhead);
}

.video-nle-pro .nle-clip-grouped {
  background-image:
    linear-gradient(180deg, rgba(255, 192, 120, 0.08), transparent 40%),
    linear-gradient(180deg, #3c3c3c 0%, #2c2c2c 100%);
}

.video-nle-pro .nle-clip-audio.nle-clip-grouped {
  background-image:
    linear-gradient(180deg, rgba(255, 192, 120, 0.08), transparent 40%),
    linear-gradient(180deg, #2f3a34 0%, #242c28 100%);
}

.video-nle-pro .nle-clip-locked {
  cursor: not-allowed;
  opacity: 0.55;
}

.video-nle-pro .nle-clip-label {
  pointer-events: none;
  min-width: 0;
  flex: 1;
  display: flex;
  align-items: center;
  gap: 3px;
  overflow: hidden;
  padding-right: 2px;
}

.video-nle-pro .nle-clip-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.video-nle-pro .nle-clip-mark {
  flex-shrink: 0;
  width: 5px;
  height: 5px;
  border-radius: 1px;
}

.video-nle-pro .nle-clip-mark--link {
  background: #ff941a;
}

.video-nle-pro .nle-clip-mark--group {
  box-sizing: border-box;
  border: 1px solid rgba(255, 192, 120, 0.9);
  background: transparent;
}

.video-nle-pro .nle-clip-meta {
  flex-shrink: 0;
  opacity: 0.65;
  font-weight: 550;
  font-size: 9px;
}

.video-nle-pro .nle-clip-trim {
  position: absolute;
  top: 0;
  z-index: 3;
  width: 5px;
  height: 100%;
  cursor: ew-resize;
  background: transparent;
}

.video-nle-pro .nle-clip-trim::after {
  content: '';
  position: absolute;
  top: 15%;
  bottom: 15%;
  width: 2px;
  border-radius: 1px;
  background: rgba(255, 255, 255, 0.18);
  transition: background 80ms ease;
}

.video-nle-pro .nle-clip-trim:hover::after,
.video-nle-pro .nle-clip-trim:active::after {
  background: rgba(255, 255, 255, 0.7);
}

.video-nle-pro .nle-clip-trim--start {
  left: 0;
}
.video-nle-pro .nle-clip-trim--start::after {
  left: 1px;
}

.video-nle-pro .nle-clip-trim--end {
  right: 0;
}
.video-nle-pro .nle-clip-trim--end::after {
  right: 1px;
}

/* Ableton-style clip envelope */
.video-nle-pro .nle-env {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

.video-nle-pro .nle-env.is-selected {
  pointer-events: auto;
}

.video-nle-pro .nle-env-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: visible;
}

.video-nle-pro .nle-env-fill {
  fill: rgba(255, 255, 255, 0.16);
}

.video-nle-pro .nle-env.is-selected .nle-env-fill {
  fill: rgba(230, 230, 230, 0.32);
}

.video-nle-pro .nle-env-line {
  stroke: rgba(255, 255, 255, 0.4);
  stroke-width: 1.25;
  vector-effect: non-scaling-stroke;
}

.video-nle-pro .nle-env.is-selected .nle-env-line {
  stroke: rgba(255, 255, 255, 0.85);
}

.video-nle-pro .nle-env-handle {
  position: absolute;
  z-index: 4;
  width: 8px;
  height: 8px;
  margin: 0;
  padding: 0;
  border: 1px solid #111;
  background: #f2f2f2;
  transform: translate(-50%, -50%);
  pointer-events: auto;
  cursor: grab;
}

.video-nle-pro .nle-env-handle--point {
  border-radius: 1px;
}

.video-nle-pro .nle-env-handle--curve {
  width: 7px;
  height: 7px;
  border-radius: 0;
  transform: translate(-50%, -50%) rotate(45deg);
  background: #fff;
}

.video-nle-pro .nle-env-handle:active {
  cursor: grabbing;
}

.video-nle-pro .nle-env-handle.is-active,
.video-nle-pro .nle-env-handle:hover {
  background: #fff;
  border-color: #ff941a;
  box-shadow: 0 0 0 1px rgba(255, 148, 26, 0.45);
}

.video-nle-pro .nle-env.is-locked {
  pointer-events: none;
  opacity: 0.55;
}

.video-nle-pro .nle-lane {
  position: relative;
  height: 48px;
  min-height: 28px;
  border-bottom: 1px solid var(--nle-timeline-divider, #4a4a4a);
  background: var(--nle-panel);
}

.video-nle-pro .nle-timeline-content {
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.video-nle-pro .nle-marquee {
  position: fixed;
  z-index: 80;
  pointer-events: none;
  box-sizing: border-box;
  border: 1px solid rgba(255, 148, 26, 0.95);
  background: rgba(255, 148, 26, 0.14);
  border-radius: 1px;
}

.video-nle-pro .nle-lane.is-drop-ok {
  background: rgba(255, 148, 26, 0.08);
  box-shadow: inset 0 0 0 1px rgba(255, 148, 26, 0.4);
}

.video-nle-pro .nle-lane.is-drop-bad {
  background: rgba(255, 80, 80, 0.06);
}

.video-nle-pro .nle-cut-handle {
  position: absolute;
  top: 3px;
  bottom: 3px;
  z-index: 5;
  cursor: ew-resize;
  display: flex;
  align-items: center;
  justify-content: center;
  touch-action: none;
}

.video-nle-pro .nle-cut-handle-bar {
  width: 2px;
  height: 64%;
  border-radius: 1px;
  background: rgba(255, 255, 255, 0.28);
  transition: width 80ms ease, background 80ms ease, height 80ms ease;
}

.video-nle-pro .nle-cut-handle-bar.has-tx {
  width: calc(100% - 2px);
  max-width: 100%;
  height: 48%;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 148, 26, 0.35) 20%,
    rgba(255, 148, 26, 0.9) 50%,
    rgba(255, 148, 26, 0.35) 80%,
    transparent 100%
  );
  border-radius: 2px;
}

.video-nle-pro .nle-cut-handle:hover .nle-cut-handle-bar {
  background: #ff941a;
  height: 78%;
}

.video-nle-pro .nle-cut-handle:hover .nle-cut-handle-bar.has-tx {
  height: 58%;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 200, 120, 0.45) 18%,
    #ffc078 50%,
    rgba(255, 200, 120, 0.45) 82%,
    transparent 100%
  );
}

/* Context menu */
.video-nle-pro .nle-ctx-menu,
.nle-ctx-menu {
  z-index: 80;
  padding: 4px;
  border: 1px solid var(--nle-border);
  border-radius: 6px;
  background: #2a2a2a;
  color: var(--nle-fg);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45);
}

.nle-ctx-item {
  border-radius: 4px;
  color: var(--nle-fg);
}

.nle-ctx-item:focus,
.nle-ctx-item[data-highlighted] {
  background: rgba(255, 148, 26, 0.16) !important;
  color: #fff !important;
}

.nle-ctx-item--danger:focus,
.nle-ctx-item--danger[data-highlighted] {
  background: rgba(220, 60, 60, 0.22) !important;
}

.nle-ctx-shortcut {
  color: var(--nle-faint) !important;
  font-size: 10px !important;
}

.nle-ctx-sep {
  margin: 3px 0 !important;
  background: var(--nle-border) !important;
}

@media (max-width: 900px) {
  .video-nle-pro .nle-track-col {
    width: 96px;
    min-width: 88px;
  }

  .video-nle-pro .nle-track-actions .nle-track-del {
    display: none;
  }

  .video-nle-pro .nle-timeline-toolbar .nle-tool-label {
    display: none;
  }
}

/* Home / project manager */
.video-nle-home .nle-home-hero {
  background: var(--nle-bg);
}

.video-nle-home .nle-project-row {
  display: grid;
  grid-template-columns: 56px 1fr auto auto;
  gap: 12px;
  align-items: center;
  padding: 8px 12px;
  border-bottom: 1px solid var(--nle-border);
  background: var(--nle-panel);
  cursor: pointer;
  text-align: left;
  width: 100%;
}

.video-nle-home .nle-project-row:hover {
  background: var(--nle-panel-2);
}

.video-nle-home .nle-project-thumb {
  width: 56px;
  height: 32px;
  background: var(--nle-inset);
  border: 1px solid var(--nle-border);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Kill blue shadcn sidebar bleed inside NLE (ScrollArea used bg-sidebar) */
.video-nle-pro .bg-sidebar,
.video-nle-pro [class~='bg-sidebar'],
.video-nle-pro [data-radix-scroll-area-viewport],
.video-nle-pro [data-slot='scroll-area-viewport'] {
  background: var(--nle-panel) !important;
}

.video-nle-pro .nle-media-bin,
.video-nle-pro .nle-timeline,
.video-nle-pro .nle-inspector {
  background: #252525 !important;
}

/* Inspector: high-contrast type + compact range thumbs */
.video-nle-pro .nle-inspector {
  color: #fff;
  font-size: 12px;
}

.video-nle-pro .nle-inspector .nle-panel-head {
  color: #fff;
  font-size: 11px;
}

.video-nle-pro .nle-inspector .nle-field,
.video-nle-pro .nle-inspector input.nle-field,
.video-nle-pro .nle-inspector select.nle-field {
  color: #fff;
  font-size: 12px;
}

.video-nle-pro .nle-inspector .nle-inspector-range {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 100%;
  height: 12px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  background: transparent;
  accent-color: transparent;
}

.video-nle-pro .nle-inspector .nle-inspector-range::-webkit-slider-runnable-track {
  height: 3px;
  border-radius: 1px;
  background: var(--nle-inset);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.video-nle-pro .nle-inspector .nle-inspector-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 10px;
  height: 10px;
  margin-top: -4px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.35);
  background: #e8e8e8;
  box-shadow: none;
}

.video-nle-pro .nle-inspector .nle-inspector-range::-moz-range-track {
  height: 3px;
  border-radius: 1px;
  background: var(--nle-inset);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.video-nle-pro .nle-inspector .nle-inspector-range::-moz-range-thumb {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.35);
  background: #e8e8e8;
  box-shadow: none;
}

.video-nle-pro .nle-inspector .nle-inspector-range:focus-visible {
  outline: none;
}

.video-nle-pro .nle-inspector .nle-inspector-range:focus-visible::-webkit-slider-thumb {
  outline: 1px solid var(--nle-accent);
  outline-offset: 1px;
}

.video-nle-pro .nle-inspector .nle-inspector-range:focus-visible::-moz-range-thumb {
  outline: 1px solid var(--nle-accent);
  outline-offset: 1px;
}

/* Unified top bar — dense Premiere / Ableton-style chrome */
.video-nle-pro .nle-topbar {
  position: relative;
  display: flex;
  align-items: center;
  height: 40px;
  min-height: 40px;
  padding: 0 8px;
  background: #2a2a2a;
  border-bottom: 1px solid #0d0d0d;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.04);
  gap: 2px;
}

.video-nle-pro .nle-topbar-left {
  display: flex;
  align-items: center;
  gap: 2px;
  min-width: 0;
  flex: 1;
  z-index: 1;
  padding-right: 220px;
  overflow: hidden;
}

.video-nle-pro .nle-topbar-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  gap: 1px;
  z-index: 2;
  pointer-events: auto;
  padding: 2px;
  border: 1px solid #1a1a1a;
  border-radius: 2px;
  background: #1e1e1e;
}

.video-nle-pro .nle-topbar-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  min-width: 0;
  flex: 1;
  z-index: 1;
  margin-left: auto;
  padding-left: 220px;
}

.video-nle-pro .nle-topbar-opacity {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  padding: 0 8px;
  border: 1px solid #1a1a1a;
  border-radius: 2px;
  background: #2a2a2a;
  color: #c8c8c8;
  flex-shrink: 0;
}

.video-nle-pro .nle-topbar-opacity-label {
  font-size: 10px;
  font-weight: 650;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #9a9a9a;
  white-space: nowrap;
}

.video-nle-pro .nle-topbar-opacity-range {
  width: 88px;
  height: 4px;
  accent-color: #ff941a;
  cursor: pointer;
}

.video-nle-pro .nle-topbar-opacity-value {
  min-width: 32px;
  font-family: var(--nle-mono);
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  color: #e8e8e8;
  text-align: right;
}

.video-nle-pro .nle-topbar-right.is-muted {
  opacity: 0.45;
}

.video-nle-pro .nle-project-meta {
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #a8a8a8;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.01em;
}

.video-nle-pro .nle-brand {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  margin-right: 4px;
  padding: 0 8px 0 2px;
  border-right: 1px solid #151515;
  color: #c8c8c8;
  font-size: 11px;
  font-weight: 650;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-shrink: 0;
}

.video-nle-pro .nle-brand svg,
.video-nle-pro .nle-brand .nle-ve-icon {
  width: 18px;
  height: 18px;
  opacity: 1;
}

/* Flat, low-radius tool buttons */
.video-nle-pro .nle-topbar .nle-btn-icon {
  width: 28px;
  min-width: 28px;
  height: 28px;
  border-radius: 2px;
  background: #333;
  border-color: #1a1a1a;
  box-shadow: none;
}

.video-nle-pro .nle-topbar .nle-btn-icon:hover:not(:disabled) {
  background: #3d3d3d;
  border-color: #111;
  color: #fff;
}

.video-nle-pro .nle-topbar .nle-btn-icon:disabled {
  background: #2c2c2c;
  border-color: #222;
}

.video-nle-pro .nle-topbar .nle-btn.is-active {
  background: #454545;
  border-color: #0f0f0f;
  color: #fff;
}

.video-nle-pro .nle-topbar .nle-btn-play {
  width: 32px;
  min-width: 32px;
  height: 28px;
  border-radius: 2px;
}

.video-nle-pro .nle-topbar .nle-rate-btn {
  width: auto;
  min-width: 36px;
  padding: 0 5px;
  gap: 3px;
}

/* Transport cluster: flush cells inside recessed tray */
.video-nle-pro .nle-topbar-center .nle-btn-icon {
  width: 26px;
  min-width: 26px;
  height: 24px;
  border-radius: 1px;
  border-color: transparent;
  background: transparent;
}

.video-nle-pro .nle-topbar-center .nle-btn-icon:hover:not(:disabled) {
  background: #333;
  border-color: transparent;
}

.video-nle-pro .nle-topbar-center .nle-btn-icon:disabled {
  background: transparent;
  border-color: transparent;
}

.video-nle-pro .nle-topbar-center .nle-btn-play {
  width: 30px;
  min-width: 30px;
  height: 24px;
}

.video-nle-pro .nle-topbar-center .nle-rate-btn {
  min-width: 34px;
}

.video-nle-pro .nle-topbar-center .nle-btn.is-active {
  border-color: transparent;
}

.video-nle-pro .nle-topbar .nle-menu-trigger {
  height: 28px;
  padding: 0 8px;
  border-radius: 2px;
  border: 1px solid #1a1a1a;
  background: #333;
  box-shadow: none;
  font-size: 11px;
}

.video-nle-pro .nle-topbar .nle-menu-trigger:hover,
.video-nle-pro .nle-topbar .nle-menu-trigger[data-state='open'] {
  background: #3d3d3d;
  border-color: #111;
  color: #fff;
}

.video-nle-pro .nle-topbar .nle-sep {
  width: 1px;
  height: 18px;
  margin: 0 3px;
  background: #151515;
  opacity: 1;
}

/* Transport actives — restrained, not consumer glow */
.video-nle-pro .nle-topbar .nle-transport-play.is-active {
  background: #2f5a3a;
  border-color: #1a1a1a;
}

.video-nle-pro .nle-topbar .nle-transport-pause.is-active {
  background: #6a5420;
  border-color: #1a1a1a;
}

.video-nle-pro .nle-topbar .nle-transport-stop:hover:not(:disabled) {
  background: #5a2a2a;
  border-color: #1a1a1a;
}

.video-nle-pro .nle-topbar .nle-transport-rewind.is-active {
  background: #5a3a22;
  border-color: #1a1a1a;
}

.video-nle-pro .nle-topbar .nle-transport-forward.is-active {
  background: #2a3f5a;
  border-color: #1a1a1a;
}

.video-nle-pro .nle-topbar .nle-tc {
  font-size: 11px;
  letter-spacing: 0.02em;
}

.video-nle-pro .nle-ve-icon {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.video-nle-pro .nle-btn:disabled .nle-ve-icon,
.video-nle-pro .nle-btn-icon:disabled .nle-ve-icon {
  opacity: 0.35;
}

/* Library FX tile grid */
.video-nle-pro .nle-library {
  background: var(--nle-panel);
}

.video-nle-pro .nle-lib-scroll {
  scrollbar-gutter: stable;
}

.video-nle-pro .nle-lib-section {
  margin-bottom: 8px;
}

.video-nle-pro .nle-lib-section-toggle,
.video-nle-pro .nle-insp-section-toggle {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  margin: 0;
  padding: 4px 2px;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
  border-radius: 3px;
}

.video-nle-pro .nle-lib-section-toggle:hover,
.video-nle-pro .nle-insp-section-toggle:hover {
  background: rgba(255, 255, 255, 0.04);
}

.video-nle-pro .nle-lib-section-title,
.video-nle-pro .nle-insp-section-title {
  margin: 0;
  padding: 0;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  color: #fff;
}

.video-nle-pro .nle-section-chevron {
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 3.5px solid transparent;
  border-bottom: 3.5px solid transparent;
  border-left: 5px solid var(--nle-faint);
  flex-shrink: 0;
  transition: transform 100ms ease;
}

.video-nle-pro .nle-section-chevron.is-open {
  transform: rotate(90deg);
  border-left-color: var(--nle-muted);
}

.video-nle-pro .nle-lib-section .nle-lib-grid {
  margin-top: 4px;
}

.video-nle-pro .nle-lib-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.video-nle-pro .nle-lib-tile {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 4px;
  margin: 0;
  padding: 5px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(0, 0, 0, 0.28));
  color: var(--nle-fg);
  cursor: pointer;
  text-align: left;
  transition:
    background 100ms ease,
    border-color 100ms ease,
    transform 80ms ease,
    opacity 100ms ease;
}

.video-nle-pro .nle-lib-tile--draggable {
  cursor: grab;
}

.video-nle-pro .nle-lib-tile--draggable:active {
  cursor: grabbing;
}

.video-nle-pro .nle-lib-tile--disabled {
  opacity: 0.42;
  cursor: not-allowed;
}

.video-nle-pro .nle-lib-tile--disabled:hover {
  border-color: rgba(255, 255, 255, 0.05);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(0, 0, 0, 0.28));
  color: var(--nle-fg);
}

.video-nle-pro .nle-lib-tile:hover {
  border-color: rgba(255, 148, 26, 0.45);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 148, 26, 0.07));
  color: var(--nle-fg-bright);
}

.video-nle-pro .nle-lib-tile:active {
  transform: scale(0.98);
}

.video-nle-pro .nle-lib-tile-badge {
  display: inline-block;
  margin-left: 4px;
  padding: 0 4px;
  border-radius: 3px;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  vertical-align: middle;
}

.video-nle-pro .nle-lib-tile-badge--create {
  color: #1a1208;
  background: #ffc078;
}

.video-nle-pro .nle-lib-tile-badge--apply {
  color: #ffc078;
  background: rgba(255, 148, 26, 0.18);
  border: 1px solid rgba(255, 148, 26, 0.45);
}

.video-nle-pro .nle-lib-tile-preview {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  overflow: hidden;
  border-radius: 6px;
  background:
    linear-gradient(160deg, rgba(255, 255, 255, 0.03) 0%, transparent 55%),
    #0a0a0a;
  border: 1px solid rgba(255, 255, 255, 0.04);
  box-sizing: border-box;
}

.video-nle-pro .nle-lib-tile-preview--inset {
  padding: 5px 6px;
}

.video-nle-pro .nle-lib-tile-preview--fill {
  padding: 0;
  align-items: stretch;
  justify-content: stretch;
}

.video-nle-pro .nle-lib-tile-preview--fill .nle-lib-svg {
  width: 100%;
  height: 100%;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  max-width: none;
  max-height: none;
}

.video-nle-pro .nle-lib-svg {
  width: 100%;
  height: 100%;
  display: block;
  flex: 0 1 auto;
  max-width: 100%;
  max-height: 100%;
  overflow: visible;
}

.video-nle-pro .nle-lib-tile-label {
  padding: 0 1px;
  font-size: 10px;
  font-weight: 550;
  line-height: 1.2;
  color: var(--nle-fg);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.video-nle-pro .nle-lib-tile:hover .nle-lib-tile-label {
  color: var(--nle-fg-bright);
}

.video-nle-pro .nle-lib-hint {
  margin: 0 0 8px;
  padding: 6px 8px;
  border-radius: 6px;
  border: 1px solid rgba(255, 148, 26, 0.35);
  background: rgba(255, 148, 26, 0.08);
  color: #ffb85c;
  font-size: 10px;
  line-height: 1.3;
}

.video-nle-pro .nle-icon-muted {
  opacity: 0.4;
}

.video-nle-pro .nle-menu-trigger {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  height: 32px;
  padding: 0 8px;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: var(--nle-fg);
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}

.video-nle-pro .nle-menu-trigger:hover,
.video-nle-pro .nle-menu-trigger[data-state='open'] {
  background: rgba(255, 255, 255, 0.08);
  color: var(--nle-fg-bright);
}

.video-nle-pro .nle-mode-segment {
  display: inline-flex;
  align-items: center;
  height: 32px;
  padding: 2px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.25);
  gap: 1px;
  flex-shrink: 0;
}

.video-nle-pro .nle-mode-tab {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 100%;
  padding: 0 10px;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: var(--nle-muted);
  font-size: 12px;
  font-weight: 550;
  cursor: pointer;
  transition: background 80ms ease, color 80ms ease;
}

.video-nle-pro .nle-mode-tab svg {
  width: 14px;
  height: 14px;
}

.video-nle-pro .nle-mode-tab:hover:not(.is-active) {
  color: var(--nle-fg);
  background: rgba(255, 255, 255, 0.06);
}

.video-nle-pro .nle-mode-tab.is-active {
  background: rgba(59, 130, 246, 0.22);
  color: var(--nle-fg-bright);
  box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.45);
}

@media (max-width: 960px) {
  .video-nle-pro .nle-mode-tab span {
    display: none;
  }

  .video-nle-pro .nle-mode-tab {
    padding: 0 8px;
  }

  .video-nle-pro .nle-project-meta {
    max-width: 120px;
  }
}

@media (max-width: 720px) {
  .video-nle-pro .nle-menu-trigger {
    display: none;
  }
}

/* Dark dropdowns for File / Edit menus (portaled) */
.nle-menu-content {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background: #2a2a2a !important;
  color: #e8e8e8 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
}

.nle-menu-content [role='menuitem'] {
  font-size: 12px;
  border-radius: 4px;
  cursor: pointer;
}

.nle-menu-content [role='menuitem']:focus,
.nle-menu-content [role='menuitem']:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
}

.nle-menu-content [data-disabled] {
  opacity: 0.35;
}
.deskucate-root {
  --radius: 0.375rem;
}

.deskucate-root .ProseMirror {
  outline: none;
  width: 100%;
  min-height: 12rem;
  color: hsl(var(--foreground));
  font-size: 1rem;
  line-height: 1.7;
}

.deskucate-root .ProseMirror p.is-editor-empty:first-child::before {
  color: hsl(var(--muted-foreground));
  content: attr(data-placeholder);
  float: left;
  height: 0;
  pointer-events: none;
}

.deskucate-root .scroll-thin {
  scrollbar-width: thin;
  scrollbar-color: hsl(0 0% 24%) transparent;
}

.deskucate-root select,
.deskucate-root option {
  background-color: hsl(var(--card));
  color: hsl(var(--foreground));
}

.deskucate-root .em-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  border-bottom: 1px solid hsl(var(--border));
  background: hsl(var(--card));
  padding: 0.35rem 0.75rem;
}

.deskucate-root .em-toolbar-btn {
  border: 0;
  background: transparent;
  color: hsl(var(--muted-foreground));
  font-size: 11px;
  text-transform: lowercase;
  padding: 0.2rem 0.45rem;
  border-radius: 4px;
}

.deskucate-root .em-toolbar-btn:hover {
  background: hsl(var(--accent));
  color: hsl(var(--foreground));
}
.deskexplore-workspace {
  --corroborated: 158 58% 44%;
  --contested: 38 88% 55%;
  --debunked: 4 72% 55%;
}

.lr-workspace {
  --corroborated: 158 58% 44%;
  --contested: 38 88% 55%;
  --debunked: 4 72% 55%;
  min-height: 0;
  background: hsl(var(--background));
  color: hsl(var(--foreground));
}

.lr-workspace mark.dd-hit {
  background: hsl(var(--primary) / 0.25);
  color: inherit;
}

.lr-workspace .em-toolbar {
  background: hsl(var(--background));
  color: hsl(var(--foreground));
}

.deskexplore-workspace .text-ink { color: hsl(var(--foreground)); }
.deskexplore-workspace .text-corroborated { color: hsl(var(--corroborated)); }
.deskexplore-workspace [class~="bg-corroborated/5"] { background-color: hsl(var(--corroborated) / 0.05); }
.deskexplore-workspace [class~="bg-corroborated/10"] { background-color: hsl(var(--corroborated) / 0.1); }
.deskexplore-workspace [class~="bg-corroborated/15"] { background-color: hsl(var(--corroborated) / 0.15); }
.deskexplore-workspace [class~="bg-corroborated/20"] { background-color: hsl(var(--corroborated) / 0.2); }
.deskexplore-workspace [class~="border-corroborated/35"] { border-color: hsl(var(--corroborated) / 0.35); }
.deskexplore-workspace [class~="border-corroborated/40"] { border-color: hsl(var(--corroborated) / 0.4); }
.deskexplore-workspace [class~="border-corroborated/50"] { border-color: hsl(var(--corroborated) / 0.5); }
.deskexplore-workspace .text-contested { color: hsl(var(--contested)); }
.deskexplore-workspace [class~="bg-contested/5"] { background-color: hsl(var(--contested) / 0.05); }
.deskexplore-workspace [class~="bg-contested/10"] { background-color: hsl(var(--contested) / 0.1); }
.deskexplore-workspace [class~="bg-contested/15"] { background-color: hsl(var(--contested) / 0.15); }
.deskexplore-workspace [class~="bg-contested/20"] { background-color: hsl(var(--contested) / 0.2); }
.deskexplore-workspace [class~="border-contested/35"] { border-color: hsl(var(--contested) / 0.35); }
.deskexplore-workspace [class~="border-contested/40"] { border-color: hsl(var(--contested) / 0.4); }
.deskexplore-workspace [class~="border-contested/50"] { border-color: hsl(var(--contested) / 0.5); }
.deskexplore-workspace .text-debunked { color: hsl(var(--debunked)); }
.deskexplore-workspace [class~="bg-debunked/5"] { background-color: hsl(var(--debunked) / 0.05); }
.deskexplore-workspace [class~="bg-debunked/10"] { background-color: hsl(var(--debunked) / 0.1); }
.deskexplore-workspace [class~="bg-debunked/15"] { background-color: hsl(var(--debunked) / 0.15); }
.deskexplore-workspace [class~="bg-debunked/20"] { background-color: hsl(var(--debunked) / 0.2); }
.deskexplore-workspace [class~="border-debunked/35"] { border-color: hsl(var(--debunked) / 0.35); }
.deskexplore-workspace [class~="border-debunked/40"] { border-color: hsl(var(--debunked) / 0.4); }
.deskexplore-workspace [class~="border-debunked/50"] { border-color: hsl(var(--debunked) / 0.5); }
.zoom-component {
  --zc-blue: #1769f5;
  --zc-ink: hsl(var(--foreground));
  --zc-muted: hsl(var(--muted-foreground));
  --zc-line: hsl(var(--border));
  --zc-surface: hsl(var(--background));
  --zc-soft: hsl(var(--muted) / .45);
  container-type: inline-size;
  width: 100%; min-width: 0; min-height: 600px;
  background: var(--zc-surface); color: var(--zc-ink);
  font-family: inherit; font-size: 13px; line-height: 1.5;
}
.zoom-component *, .zoom-component *::before, .zoom-component *::after { box-sizing: border-box; }
.zoom-component.zc-fill-viewport { height: 100%; min-height: 0; overflow: auto; }
.zoom-component h1, .zoom-component h2, .zoom-component h3, .zoom-component p { margin: 0; }
.zoom-component button, .zoom-component input, .zoom-component select, .zoom-component textarea { font: inherit; }
.zoom-component button { cursor: pointer; }
.zoom-component button:disabled { opacity: .45; cursor: not-allowed; }
.zoom-component button:focus-visible, .zoom-component input:focus-visible, .zoom-component select:focus-visible, .zoom-component textarea:focus-visible { outline: 2px solid var(--zc-blue); outline-offset: 3px; }
.zoom-component .zc-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 26px; border-bottom: 1px solid var(--zc-line); }
.zoom-component .zc-brand { display: flex; align-items: center; gap: 11px; }
.zoom-component .zc-brand-icon { width: 39px; height: 39px; display: grid; place-items: center; border-radius: 12px; background: var(--zc-blue); color: white; }
.zoom-component h1 { font-size: 16px; letter-spacing: -.35px; font-weight: 650; }
.zoom-component .zc-brand div > span { font-size: 11px; color: var(--zc-muted); }
.zoom-component .zc-header-actions, .zoom-component .zc-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.zoom-component .zc-demo-badge { display: inline-flex; align-items: center; gap: 7px; font-size: 10px; border: 1px solid var(--zc-line); padding: 5px 9px; border-radius: 20px; color: var(--zc-muted); }
.zoom-component .zc-demo-badge > span { width: 6px; height: 6px; background: #e5a33d; border-radius: 50%; }
.zoom-component .zc-icon-button { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 8px; border: 0; color: var(--zc-muted); background: transparent; }
.zoom-component .zc-icon-button:hover, .zoom-component .zc-icon-button.is-selected { background: var(--zc-soft); color: var(--zc-ink); }
.zoom-component .zc-dashboard, .zoom-component .zc-form-page { max-width: 1040px; margin: 0 auto; padding: 28px; }
.zoom-component .zc-hero { min-height: 246px; display: grid; grid-template-columns: 1.25fr 1fr; align-items: center; gap: 20px; overflow: hidden; border-radius: 16px; background: #0755d6; color: white; padding: 30px; }
.zoom-component .zc-eyebrow { display: block; font-size: 9px; font-weight: 650; letter-spacing: 1.7px; margin-bottom: 10px; opacity: .7; }
.zoom-component .zc-hero h2 { font-size: clamp(24px, 3.5cqw, 36px); line-height: 1.18; letter-spacing: -1.2px; font-weight: 600; }
.zoom-component .zc-hero p { margin-top: 12px; font-size: 12px; color: #dce9ff; }
.zoom-component .zc-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 35px; border-radius: 8px; border: 1px solid transparent; padding: 8px 13px; font-size: 12px; font-weight: 550; transition: background .15s, opacity .15s; white-space: nowrap; }
.zoom-component .zc-primary { background: var(--zc-blue); color: white; }
.zoom-component .zc-primary:hover { background: #0b55d6; }
.zoom-component .zc-secondary { background: var(--zc-surface); border-color: var(--zc-line); color: var(--zc-ink); }
.zoom-component .zc-secondary:hover { background: var(--zc-soft); }
.zoom-component .zc-hero-button { margin-top: 24px; background: white; color: #0755d6; box-shadow: 0 3px 12px #003b9f20; }
.zoom-component .zc-hero-button:hover { background: #edf4ff; }
.zoom-component .zc-hero-art { position: relative; height: 205px; width: 280px; justify-self: center; }
.zoom-component .zc-art-orbit { position: absolute; width: 220px; height: 220px; border: 1px solid #ffffff25; border-radius: 50%; top: -6px; left: 24px; }
.zoom-component .zc-art-orbit::before { content: ''; position: absolute; inset: 24px; border: 1px solid #ffffff18; border-radius: 50%; }
.zoom-component .zc-art-tile { position: absolute; display: flex; align-items: center; justify-content: center; width: 112px; height: 100px; border-radius: 12px; border: 1px solid #ffffff40; font-size: 25px; font-weight: 550; box-shadow: 0 10px 25px #00368130; }
.zoom-component .zc-art-tile span { position: absolute; bottom: 10px; left: 13px; font-size: 9px; opacity: .8; font-weight: 400; }
.zoom-component .zc-art-one { top: 0; left: 8px; transform: rotate(-7deg); background: #6d8ddf; color: #eff2ff; }
.zoom-component .zc-art-two { top: 18px; right: 5px; transform: rotate(8deg); background: #74b3d6; color: #effaff; }
.zoom-component .zc-art-three { width: 125px; height: 106px; bottom: 1px; left: 80px; transform: rotate(-2deg); background: #0847b5; }
.zoom-component .zc-quick-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 18px 0 30px; }
.zoom-component .zc-quick-actions > button { display: flex; align-items: center; gap: 12px; min-width: 0; padding: 17px; border: 1px solid var(--zc-line); background: var(--zc-surface); border-radius: 12px; text-align: left; color: var(--zc-ink); }
.zoom-component .zc-quick-actions > button:hover { background: var(--zc-soft); border-color: #1769f550; }
.zoom-component .zc-action-icon { display: grid; place-items: center; width: 38px; height: 38px; background: #1769f510; color: var(--zc-blue); border-radius: 11px; flex-shrink: 0; }
.zoom-component .zc-quick-actions strong { display: block; font-size: 13px; font-weight: 600; }
.zoom-component .zc-quick-actions small { display: block; margin-top: 2px; font-size: 11px; color: var(--zc-muted); }
.zoom-component .zc-quick-actions > button > svg { margin-left: auto; flex-shrink: 0; color: var(--zc-muted); }
.zoom-component .zc-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 15px; }
.zoom-component .zc-section-heading h2 { font-size: 16px; font-weight: 600; letter-spacing: -.3px; }
.zoom-component .zc-section-heading p { margin-top: 3px; font-size: 11px; color: var(--zc-muted); }
.zoom-component .zc-count { display: grid; place-items: center; min-width: 25px; height: 25px; border: 1px solid var(--zc-line); border-radius: 8px; font-size: 11px; color: var(--zc-muted); }
.zoom-component .zc-meeting-list { border: 1px solid var(--zc-line); border-radius: 12px; overflow: hidden; }
.zoom-component .zc-meeting-row { display: flex; align-items: center; gap: 15px; padding: 17px; }
.zoom-component .zc-meeting-row + .zc-meeting-row { border-top: 1px solid var(--zc-line); }
.zoom-component .zc-date { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 46px; height: 51px; border-radius: 9px; background: var(--zc-soft); flex-shrink: 0; }
.zoom-component .zc-date span { text-transform: uppercase; font-size: 9px; color: var(--zc-muted); }
.zoom-component .zc-date strong { font-size: 20px; line-height: 1.15; font-weight: 550; }
.zoom-component .zc-meeting-summary { flex: 1; min-width: 0; }
.zoom-component .zc-meeting-summary h3 { font-size: 13px; font-weight: 600; overflow-wrap: anywhere; }
.zoom-component .zc-meeting-summary p { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 3px 0; font-size: 11px; color: var(--zc-muted); }
.zoom-component .zc-meta { font-size: 10px; color: var(--zc-muted); }
.zoom-component .zc-bottom-note { display: flex; align-items: center; justify-content: center; gap: 7px; color: var(--zc-muted); font-size: 10px; padding-top: 22px; }
.zoom-component .zc-bottom-note svg { flex-shrink: 0; }
.zoom-component .zc-back { display: flex; align-items: center; gap: 4px; padding: 0; background: none; border: 0; color: var(--zc-muted); margin-bottom: 28px; font-size: 12px; }
.zoom-component .zc-form-layout { display: grid; grid-template-columns: 1.1fr 1fr; gap: 56px; align-items: start; }
.zoom-component .zc-form-layout h2, .zoom-component .zc-settings h2 { font-size: 25px; font-weight: 600; letter-spacing: -.7px; margin-bottom: 7px; }
.zoom-component .zc-helper { color: var(--zc-muted); font-size: 11px; line-height: 1.65; }
.zoom-component .zc-form { display: flex; flex-direction: column; gap: 8px; margin-top: 25px; }
.zoom-component label { font-size: 11px; font-weight: 550; }
.zoom-component .zc-form label:not(:first-child) { margin-top: 7px; }
.zoom-component input, .zoom-component select, .zoom-component textarea { background: var(--zc-surface); border: 1px solid var(--zc-line); border-radius: 8px; color: var(--zc-ink); min-width: 0; padding: 10px 11px; width: 100%; font-size: 12px; }
.zoom-component input::-moz-placeholder, .zoom-component textarea::-moz-placeholder { color: var(--zc-muted); opacity: .7; }
.zoom-component input::placeholder, .zoom-component textarea::placeholder { color: var(--zc-muted); opacity: .7; }
.zoom-component .zc-optional { color: var(--zc-muted); font-weight: 400; }
.zoom-component .zc-form > .zc-button { margin-top: 10px; }
.zoom-component .zc-media-defaults { display: flex; flex-wrap: wrap; gap: 8px; margin: 11px 0 3px; }
.zoom-component .zc-media-switch { display: flex; align-items: center; justify-content: center; gap: 7px; border: 1px solid var(--zc-line); border-radius: 7px; background: var(--zc-surface); color: var(--zc-muted); padding: 8px 10px; font-size: 10px; }
.zoom-component .zc-media-switch.is-on { color: var(--zc-blue); border-color: #1769f555; background: #1769f508; }
.zoom-component .zc-prejoin { padding-top: 35px; }
.zoom-component .zc-prejoin-preview { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; min-height: 240px; background: #172235; border: 1px solid #263247; border-radius: 13px; color: #dce5f4; }
.zoom-component .zc-prejoin-preview > small { color: #a5b3c9; font-size: 10px; }
.zoom-component .zc-avatar { width: 75px; height: 75px; display: grid; place-items: center; border-radius: 50%; background: #3d5c95; color: #e7efff; font-size: 24px; font-weight: 500; }
.zoom-component .zc-prejoin-note { display: flex; align-items: flex-start; gap: 8px; font-size: 11px; color: var(--zc-muted); margin: 15px 3px; }
.zoom-component .zc-prejoin-note svg { flex-shrink: 0; margin-top: 2px; }
.zoom-component .zc-settings { max-width: 640px; }
.zoom-component .zc-settings-section { margin: 26px 0 20px; padding: 20px; border: 1px solid var(--zc-line); border-radius: 12px; }
.zoom-component .zc-settings-section > input { margin-top: 8px; }
.zoom-component .zc-account { display: flex; align-items: center; gap: 11px; padding: 18px; border: 1px solid var(--zc-line); border-radius: 12px; margin-bottom: 25px; }
.zoom-component .zc-account-icon { display: grid; place-items: center; width: 35px; height: 35px; background: var(--zc-soft); border-radius: 9px; color: var(--zc-muted); }
.zoom-component .zc-account strong { font-size: 12px; font-weight: 550; }
.zoom-component .zc-account p { font-size: 11px; color: var(--zc-muted); }
.zoom-component .zc-account > button { margin-left: auto; }
.zoom-component .zc-alert, .zoom-component .zc-notice { display: flex; align-items: center; gap: 9px; padding: 11px 26px; border-bottom: 1px solid var(--zc-line); font-size: 12px; }
.zoom-component .zc-alert { background: #ef444410; color: #c03939; }
.zoom-component .zc-notice { background: #22c55e10; color: var(--zc-ink); }
.zoom-component .zc-alert svg, .zoom-component .zc-notice svg { flex-shrink: 0; }
.zoom-component .zc-notice > svg { color: #22945a; }
.zoom-component .zc-room { padding: 20px; }
.zoom-component .zc-room-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 3px 16px; }
.zoom-component .zc-room-heading .zc-eyebrow { font-size: 8px; margin-bottom: 3px; }
.zoom-component .zc-room-heading h2 { font-size: 17px; font-weight: 600; letter-spacing: -.35px; }
.zoom-component .zc-room-content { display: flex; min-height: 380px; border: 1px solid var(--zc-line); border-radius: 12px; overflow: hidden; }
.zoom-component .zc-meeting-viewport { position: relative; min-width: 0; flex: 1; display: flex; flex-direction: column; background: #101723; }
.zoom-component .zc-sdk-surface { position: absolute; inset: 0; }
.zoom-component .zc-sdk-surface > * { width: 100%; height: 100%; }
.zoom-component .zc-meeting-viewport > .zc-status { position: relative; z-index: 1; }
.zoom-component .zc-demo-stage { padding: 14px; flex: 1; display: flex; flex-direction: column; gap: 12px; color: #dfe7f4; }
.zoom-component .zc-stage-heading { display: flex; justify-content: space-between; gap: 8px; font-size: 9px; color: #a0adc2; }
.zoom-component .zc-stage-heading > span:first-child { display: flex; align-items: center; gap: 5px; }
.zoom-component .zc-participant-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; flex: 1; }
.zoom-component .zc-participant-tile { position: relative; min-height: 155px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #202c40; border: 1px solid #2c3a51; border-radius: 9px; padding: 22px 10px 40px; overflow: hidden; }
.zoom-component .zc-participant-tile:first-child { grid-column: 1 / -1; }
.zoom-component .zc-tile-1 { background: #263d43; border-color: #334b52; }
.zoom-component .zc-tile-1 .zc-avatar { background: #42626a; }
.zoom-component .zc-tile-2 { background: #343047; border-color: #443e58; }
.zoom-component .zc-tile-2 .zc-avatar { background: #5b5277; }
.zoom-component .zc-camera-on { border-color: #3684ff; background: #20385c; }
.zoom-component .zc-camera-note { font-size: 9px; color: #b1c9ee; margin-top: 7px; }
.zoom-component .zc-tile-name { position: absolute; bottom: 9px; left: 10px; right: 10px; display: flex; align-items: center; gap: 5px; font-size: 10px; overflow-wrap: anywhere; }
.zoom-component .zc-tile-name small { font-size: 8px; margin-left: auto; background: #ffffff15; border-radius: 3px; padding: 1px 4px; }
.zoom-component .zc-stage-caption { color: #a0adc2; text-align: center; font-size: 9px; }
.zoom-component .zc-side-panel { display: flex; flex-direction: column; width: 245px; flex-shrink: 0; border-left: 1px solid var(--zc-line); background: var(--zc-surface); }
.zoom-component .zc-panel-heading { display: flex; justify-content: space-between; align-items: center; gap: 8px; border-bottom: 1px solid var(--zc-line); padding: 9px 10px 9px 14px; }
.zoom-component .zc-panel-heading h3 { font-size: 12px; font-weight: 600; }
.zoom-component .zc-people-list { padding: 14px; }
.zoom-component .zc-person { display: flex; align-items: center; gap: 9px; margin-bottom: 17px; }
.zoom-component .zc-person-avatar { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; background: var(--zc-soft); color: var(--zc-muted); font-size: 10px; flex-shrink: 0; }
.zoom-component .zc-person > div { min-width: 0; flex: 1; }
.zoom-component .zc-person strong { display: block; font-size: 10px; font-weight: 550; overflow-wrap: anywhere; }
.zoom-component .zc-person div > span { display: block; font-size: 9px; color: var(--zc-muted); }
.zoom-component .zc-person > svg { color: var(--zc-muted); flex-shrink: 0; }
.zoom-component .zc-chat-messages { flex: 1; min-height: 100px; max-height: 310px; overflow-y: auto; padding: 14px; }
.zoom-component .zc-message { margin-bottom: 19px; }
.zoom-component .zc-message > div { display: flex; justify-content: space-between; gap: 8px; font-size: 10px; }
.zoom-component .zc-message strong { font-weight: 600; }
.zoom-component .zc-message time { font-size: 8px; color: var(--zc-muted); flex-shrink: 0; }
.zoom-component .zc-message p { padding-top: 4px; color: var(--zc-muted); font-size: 11px; overflow-wrap: anywhere; white-space: pre-wrap; }
.zoom-component .zc-chat-compose { display: flex; flex-direction: column; gap: 8px; border-top: 1px solid var(--zc-line); padding: 11px; }
.zoom-component .zc-chat-compose textarea { resize: vertical; min-height: 65px; max-height: 160px; font-size: 11px; }
.zoom-component .zc-chat-compose .zc-button { align-self: flex-end; min-height: 30px; font-size: 10px; }
.zoom-component .zc-meeting-toolbar { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px; padding: 13px 4px 0; }
.zoom-component .zc-control-group { display: flex; align-items: center; gap: 3px; }
.zoom-component .zc-call-control { display: flex; flex-direction: column; align-items: center; gap: 5px; min-width: 60px; border: 0; border-radius: 8px; background: transparent; color: var(--zc-muted); padding: 7px 8px; }
.zoom-component .zc-call-control span { font-size: 9px; }
.zoom-component .zc-call-control:hover, .zoom-component .zc-call-control.is-selected { background: var(--zc-soft); color: var(--zc-ink); }
.zoom-component .zc-call-control.is-on { color: var(--zc-blue); }
.zoom-component .zc-share-control { color: #22945a; }
.zoom-component .zc-leave { background: #d93845; color: white; font-size: 11px; min-height: 32px; }
.zoom-component .zc-leave:hover { background: #bf2633; }
.zoom-component .zc-scenario { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 8px; padding-top: 13px; margin-top: 12px; border-top: 1px solid var(--zc-line); color: var(--zc-muted); }
.zoom-component .zc-scenario label { font-size: 10px; font-weight: 400; }
.zoom-component .zc-scenario select { font-size: 10px; padding: 5px 8px; width: auto; }
.zoom-component .zc-status { min-height: 360px; padding: 35px 22px; display: flex; flex: 1; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: var(--zc-ink); background: var(--zc-surface); }
.zoom-component .zc-status-icon { width: 62px; height: 62px; display: grid; place-items: center; border-radius: 50%; background: #1769f512; color: var(--zc-blue); margin-bottom: 18px; }
.zoom-component .zc-status h2 { font-size: 21px; letter-spacing: -.5px; font-weight: 600; }
.zoom-component .zc-status p { font-size: 12px; color: var(--zc-muted); max-width: 340px; margin: 9px 0 23px; }
.zoom-component .zc-status .zc-actions { justify-content: center; }
.zoom-component .zc-share-preview { display: flex; flex: 1; flex-direction: column; gap: 9px; justify-content: center; align-items: center; padding: 20px 5px; text-align: center; }
.zoom-component .zc-share-preview > svg { color: #73d49f; }
.zoom-component .zc-share-preview h3 { font-size: 16px; font-weight: 550; }
.zoom-component .zc-share-preview p { font-size: 10px; color: #a5b3c9; }
.zoom-component .zc-share-board { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; width: min(100%, 400px); margin: 12px 0; text-align: left; }
.zoom-component .zc-share-board > div { border-radius: 8px; background: #1e2c41; padding: 12px 10px; }
.zoom-component .zc-share-board span { display: block; font-size: 9px; color: #adbed7; margin-bottom: 12px; }
.zoom-component .zc-share-board i { display: block; height: 21px; background: #3b4f6c; border-radius: 4px; margin-top: 7px; }
.zoom-component .zc-share-board i:nth-child(3) { background: #2d557a; height: 30px; }
.zoom-component.zc-expanded { position: fixed; inset: 12px; width: auto; height: auto; z-index: 150; min-height: 0; border: 1px solid var(--zc-line); border-radius: 14px; overflow: auto; box-shadow: 0 20px 90px #0005; }
.zoom-component.zc-expanded .zc-room-content { min-height: max(380px, calc(100dvh - 295px)); }
.zoom-component .zc-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.zoom-component .zc-spin { animation: zc-spin 1.2s linear infinite; }
@keyframes zc-spin { to { transform: rotate(360deg); } }
@container (max-width: 720px) {
  .zoom-component .zc-hero { grid-template-columns: 1fr .7fr; padding: 25px; }
  .zoom-component .zc-hero-art { transform: scale(.8); transform-origin: center; width: 250px; }
  .zoom-component .zc-form-layout { gap: 25px; }
  .zoom-component .zc-room-content { flex-direction: column; }
  .zoom-component .zc-side-panel { width: 100%; border-left: 0; border-top: 1px solid var(--zc-line); }
  .zoom-component .zc-people-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 15px; }
  .zoom-component .zc-people-list > p { grid-column: 1 / -1; }
  .zoom-component .zc-chat-messages { max-height: 230px; }
}
@container (max-width: 480px) {
  .zoom-component .zc-header { padding: 14px 16px; gap: 9px; }
  .zoom-component .zc-demo-badge { font-size: 9px; }
  .zoom-component .zc-dashboard, .zoom-component .zc-form-page { padding: 18px 15px; }
  .zoom-component .zc-hero { grid-template-columns: 1fr; padding: 24px; min-height: 240px; }
  .zoom-component .zc-hero h2 { font-size: 29px; }
  .zoom-component .zc-hero-art { display: none; }
  .zoom-component .zc-quick-actions { grid-template-columns: 1fr; gap: 9px; margin-bottom: 25px; }
  .zoom-component .zc-quick-actions > button { padding: 13px; }
  .zoom-component .zc-form-layout { grid-template-columns: 1fr; }
  .zoom-component .zc-prejoin { padding-top: 0; }
  .zoom-component .zc-prejoin-preview { min-height: 170px; }
  .zoom-component .zc-room { padding: 14px 10px; }
  .zoom-component .zc-room-heading h2 { font-size: 15px; }
  .zoom-component .zc-meeting-row { padding: 13px 11px; gap: 10px; }
  .zoom-component .zc-meeting-summary h3 { font-size: 12px; }
  .zoom-component .zc-meeting-row .zc-button { padding: 6px 9px; }
  .zoom-component .zc-meeting-row .zc-button > svg { display: none; }
  .zoom-component .zc-participant-grid { grid-template-columns: 1fr; }
  .zoom-component .zc-participant-tile { min-height: 140px; }
  .zoom-component .zc-participant-tile:first-child { grid-column: auto; }
  .zoom-component .zc-meeting-toolbar { gap: 4px; }
  .zoom-component .zc-center-controls { order: 3; flex: 1 1 100%; justify-content: center; border-top: 1px solid var(--zc-line); margin-top: 8px; padding-top: 5px; }
  .zoom-component .zc-bottom-note { align-items: flex-start; }
  .zoom-component .zc-account { flex-wrap: wrap; padding: 13px; }
}
@media (prefers-reduced-motion: reduce) { .zoom-component .zc-spin { animation: none; } .zoom-component .zc-button { transition: none; } }
/* Interface Ledger — light helpers on top of EmPro / ix-immersive (UI Build). */

.ledger-surface {
  color: hsl(var(--foreground));
  --ledger-topbar-accent: hsl(var(--primary));
  --ledger-topbar-accent-soft: hsl(var(--primary) / 0.18);
  --ledger-topbar-hover: hsl(var(--sidebar-accent) / 0.85);
  --ledger-topbar-seg-bg: hsl(var(--sidebar) / 0.55);
  --ledger-topbar-border: hsl(var(--border));
}

.ledger-surface :where(input, textarea)::-moz-placeholder {
  color: hsl(var(--muted-foreground));
}

.ledger-surface :where(input, textarea)::placeholder {
  color: hsl(var(--muted-foreground));
}

/* Topbar segments — horizontal adaptation of Primary Sidebar 1 activity rail buttons */
.ledger-topbar-seg {
  display: inline-flex;
  align-items: center;
  gap: 0.125rem;
  padding: 0.125rem;
  border-radius: 999px;
  background: var(--ledger-topbar-seg-bg);
  border: 1px solid var(--ledger-topbar-border);
}

.ledger-topbar-seg-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-height: 1.75rem;
  padding: 0.15rem 0.55rem 0.15rem 0.25rem;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 450;
  letter-spacing: var(--tracking-normal, 0);
  text-transform: lowercase;
  color: hsl(var(--muted-foreground));
  transition: background 160ms ease, color 160ms ease;
}

.ledger-topbar-seg-btn--icon-only {
  width: 1.75rem;
  justify-content: center;
  padding: 0.15rem;
}

.ledger-topbar-seg-btn:hover {
  background: var(--ledger-topbar-hover);
  color: hsl(var(--foreground) / 0.92);
}

.ledger-topbar-seg-btn--active {
  background: var(--ledger-topbar-accent-soft);
  color: hsl(var(--foreground) / 0.95);
}

.ledger-topbar-seg-btn--active::before {
  content: '';
  position: absolute;
  left: 0.45rem;
  right: 0.45rem;
  bottom: 0.12rem;
  height: 1.5px;
  border-radius: 999px;
  background: var(--ledger-topbar-accent);
}

.ledger-topbar-seg-btn--icon-only.ledger-topbar-seg-btn--active::before {
  left: 0.3rem;
  right: 0.3rem;
}

/* Catalogue home — fields aligned to em-toolbar / em-subtabs */
.ledger-surface .ledger-topbar-field {
  border: 1px solid var(--em-line, hsl(var(--border)));
  background: hsl(var(--card));
  color: hsl(var(--foreground) / 0.92);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: lowercase;
  outline: none;
  transition: border-color 0.15s ease, background 0.15s ease;
}

.ledger-surface .ledger-topbar-field::-moz-placeholder {
  color: hsl(var(--muted-foreground));
}

.ledger-surface .ledger-topbar-field::placeholder {
  color: hsl(var(--muted-foreground));
}

.ledger-surface .ledger-topbar-field:hover {
  border-color: var(--em-line-strong, hsl(var(--border)));
  background: hsl(var(--card));
}

.ledger-surface .ledger-topbar-field:focus {
  border-color: color-mix(in srgb, var(--em-pine, hsl(var(--primary))) 55%, transparent);
  background: hsl(var(--card));
}

.ledger-surface .ledger-topbar-select {
  min-width: 5.75rem;
  padding: 0 1.35rem 0 0.45rem;
  border-radius: 0;
}

.ledger-surface .ledger-topbar-field--compact {
  height: 1.625rem;
  font-size: 10px;
  line-height: 1.625rem;
}

.ledger-catalogue-topbar .em-toolbar-btn {
  height: 1.625rem;
  padding: 0 0.5rem;
  font-size: 10px;
}

/* Folder tabs — coloured underline active state */
.ledger-surface .ledger-folder-tabs--inline {
  align-self: stretch;
}

.ledger-surface .ledger-folder-tabs--compact.ledger-folder-tabs--inline button[role='tab'] {
  height: 2rem;
}

.ledger-folder-tabs-underline-pine {
  background: hsl(var(--card));
}

.ledger-folder-tabs-underline-sky {
  background: hsl(var(--card));
}

.ledger-folder-tabs-underline-blue {
  background: hsl(var(--card));
}

.ledger-folder-tabs-underline-violet {
  background: hsl(var(--card));
}

.ledger-folder-tabs-underline-amber {
  background: hsl(var(--card));
}
#project-interface-catalogue-applet {
  --nifty-bg: #1f1d2b;
  --nifty-surface: #252836;
  --nifty-surface-hover: #2d3142;
  --nifty-accent: #00c9a7;
  --nifty-accent-muted: rgba(0, 201, 167, 0.15);
  --nifty-text: #ffffff;
  --nifty-muted: #9ca3af;
  --nifty-border: rgba(255, 255, 255, 0.08);
  --nifty-purple: #7c3aed;
  --nifty-radius: 12px;
  --nifty-radius-sm: 8px;
  --nifty-topbar-height: 3rem;
  --ps1-catalogue-header: 2.375rem;

  background: var(--nifty-bg);
  color: var(--nifty-text);
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
}

#project-interface-catalogue-applet[data-catalogue-ps1-layout] {
  --nifty-topbar-height: var(--ps1-catalogue-header);
  background: transparent;
  color: inherit;
}

/* PS1 primary UI — topbar row shares grid row 1 with sidebar header */
#project-interface-catalogue-applet[data-catalogue-ps1-layout] .flex.min-h-0.w-full.flex-1.items-stretch {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  align-items: stretch;
}

#project-interface-catalogue-applet[data-catalogue-ps1-layout]
  .relative.flex.h-full.min-h-0.shrink-0:has([data-project-catalogue-ps1-sidebar]) {
  grid-column: 1;
  grid-row: 1;
  align-self: stretch !important;
  height: 100%;
  min-height: 0;
}

#project-interface-catalogue-applet[data-catalogue-ps1-layout] .catalogue-ps1-pane {
  grid-column: 2;
  grid-row: 1;
  display: grid !important;
  /* WorkspaceShell children are the content column, then the bottom toolbar.
     The old tracks reserved row 1 for a nifty topbar that is no longer a direct child,
     which clipped the library into 38px and stretched the toolbar over the pane. */
  grid-template-rows: minmax(0, 1fr) auto;
  align-content: stretch;
  overflow: hidden;
  background: transparent;
}

#project-interface-catalogue-applet[data-catalogue-ps1-layout] .catalogue-ps1-pane > :first-child {
  grid-row: 1;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
  background: var(--nifty-bg);
  color: var(--nifty-text);
}

#project-interface-catalogue-applet[data-catalogue-ps1-layout] .catalogue-ps1-pane > :last-child:not(:first-child) {
  grid-row: 2;
  min-height: 0;
}

#project-interface-catalogue-applet .nifty-topbar {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px;
  height: var(--nifty-topbar-height) !important;
  max-height: var(--nifty-topbar-height) !important;
  min-height: var(--nifty-topbar-height) !important;
  padding: 0 12px;
  background: var(--nifty-bg);
  border-bottom: 1px solid var(--nifty-border);
  flex-shrink: 0;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
}

/* PS1 primary UI — match sidebar header row height and card chrome */
#project-interface-catalogue-applet[data-catalogue-ps1-layout] .nifty-topbar {
  padding: 0 0.55rem;
  background: hsl(var(--card));
  border-bottom-color: hsl(var(--border));
  box-shadow:
    inset 1px 1px 0 hsl(var(--foreground) / 0.12),
    inset 0 -1px 0 hsl(var(--foreground) / 0.08);
}

#project-interface-catalogue-applet[data-catalogue-ps1-layout] .nifty-search {
  padding: 4px 8px;
  min-width: 7rem;
  max-width: 11rem;
  font-size: 12px;
}

#project-interface-catalogue-applet[data-catalogue-ps1-layout] .nifty-icon-btn {
  width: 1.5rem;
  height: 1.5rem;
}

#project-interface-catalogue-applet[data-catalogue-ps1-layout] .nifty-workspace-btn {
  padding: 2px 8px;
  font-size: 12px;
}

#project-interface-catalogue-applet[data-catalogue-ps1-layout] .nifty-create-btn {
  padding: 4px 10px;
  font-size: 12px;
}

#project-interface-catalogue-applet .nifty-workspace-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: var(--nifty-radius-sm);
  background: transparent;
  border: none;
  color: var(--nifty-text);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}

#project-interface-catalogue-applet .nifty-workspace-btn:hover {
  background: var(--nifty-surface-hover);
}

#project-interface-catalogue-applet .nifty-nav-arrows {
  display: flex;
  align-items: center;
  gap: 2px;
}

#project-interface-catalogue-applet .nifty-icon-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: var(--nifty-radius-sm);
  background: transparent;
  border: none;
  color: var(--nifty-muted);
  cursor: pointer;
}

#project-interface-catalogue-applet .nifty-icon-btn:hover {
  background: var(--nifty-surface-hover);
  color: var(--nifty-text);
}

#project-interface-catalogue-applet .nifty-search {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: var(--nifty-radius-sm);
  background: var(--nifty-surface);
  border: 1px solid var(--nifty-border);
  color: var(--nifty-muted);
  font-size: 13px;
  min-width: 140px;
  max-width: 200px;
  flex: 0 1 200px;
  cursor: pointer;
}

#project-interface-catalogue-applet .nifty-search:hover {
  border-color: rgba(255, 255, 255, 0.15);
}

#project-interface-catalogue-applet .nifty-create-btn {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 6px 12px;
  border-radius: var(--nifty-radius-sm);
  background: var(--nifty-purple);
  border: none;
  color: white;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  flex-shrink: 0;
}

#project-interface-catalogue-applet .nifty-create-btn:hover {
  filter: brightness(1.1);
}

#project-interface-catalogue-applet .nifty-global-sidebar {
  width: 220px;
  height: 100%;
  flex-shrink: 0;
  background: var(--nifty-bg);
  border-right: 1px solid var(--nifty-border);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

#project-interface-catalogue-applet .nifty-nav-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 16px;
  border: none;
  background: transparent;
  color: var(--nifty-muted);
  font-size: 13px;
  cursor: pointer;
  width: 100%;
  text-align: left;
}

#project-interface-catalogue-applet .nifty-nav-item:hover {
  background: var(--nifty-surface-hover);
  color: var(--nifty-text);
}

#project-interface-catalogue-applet .nifty-nav-item.active {
  color: var(--nifty-accent);
}

#project-interface-catalogue-applet .nifty-favorites-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px 8px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.05em;
  color: var(--nifty-muted);
  text-transform: uppercase;
}

#project-interface-catalogue-applet .nifty-toggle-group {
  display: flex;
  margin: 0 16px 8px;
  border-radius: var(--nifty-radius-sm);
  background: var(--nifty-surface);
  overflow: hidden;
}

#project-interface-catalogue-applet .nifty-toggle-btn {
  flex: 1;
  padding: 6px 8px;
  border: none;
  background: transparent;
  color: var(--nifty-muted);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.03em;
  cursor: pointer;
}

#project-interface-catalogue-applet .nifty-toggle-btn.active {
  background: var(--nifty-accent-muted);
  color: var(--nifty-accent);
}

#project-interface-catalogue-applet .nifty-project-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 16px;
  border: none;
  background: transparent;
  color: var(--nifty-text);
  font-size: 13px;
  cursor: pointer;
  width: 100%;
  text-align: left;
}

#project-interface-catalogue-applet .nifty-project-item:hover {
  background: var(--nifty-surface-hover);
}

#project-interface-catalogue-applet .nifty-project-item.active {
  background: var(--nifty-accent-muted);
}

#project-interface-catalogue-applet .nifty-project-dot {
  width: 10px;
  height: 10px;
  border-radius: 3px;
  flex-shrink: 0;
}

#project-interface-catalogue-applet .nifty-sidebar-footer {
  padding: 12px 16px;
  border-top: 1px solid var(--nifty-border);
  margin-top: auto;
}

#project-interface-catalogue-applet .nifty-getting-started {
  display: block;
  width: 100%;
  padding: 10px 16px;
  border-radius: var(--nifty-radius-sm);
  background: var(--nifty-accent);
  border: none;
  color: #0f172a;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  text-align: center;
}

#project-interface-catalogue-applet .nifty-getting-started:hover {
  filter: brightness(1.05);
}

#project-interface-catalogue-applet .nifty-breadcrumb {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  font-size: 13px;
  color: var(--nifty-muted);
}

#project-interface-catalogue-applet .nifty-breadcrumb strong {
  color: var(--nifty-text);
  font-weight: 500;
}

#project-interface-catalogue-applet .nifty-module-tabs {
  display: flex;
  align-items: stretch;
  gap: 0;
  flex: 1 1 auto;
  min-width: 0;
  overflow-x: auto;
  align-self: stretch;
}

#project-interface-catalogue-applet .nifty-module-tab {
  padding: 0 10px;
  border: none;
  background: transparent;
  color: var(--nifty-muted);
  font-size: 13px;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  white-space: nowrap;
}

#project-interface-catalogue-applet .nifty-module-tab:hover {
  color: var(--nifty-text);
}

#project-interface-catalogue-applet .nifty-module-tab.active {
  color: var(--nifty-accent);
  border-bottom-color: var(--nifty-accent);
}

#project-interface-catalogue-applet .nifty-action-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: var(--nifty-radius-sm);
  background: var(--nifty-surface);
  border: 1px solid var(--nifty-border);
  color: var(--nifty-text);
  font-size: 12px;
  cursor: pointer;
}

#project-interface-catalogue-applet .nifty-action-btn:hover {
  background: var(--nifty-surface-hover);
}

#project-interface-catalogue-applet .nifty-action-btn.accent {
  background: var(--nifty-accent-muted);
  border-color: rgba(0, 201, 167, 0.3);
  color: var(--nifty-accent);
}

#project-interface-catalogue-applet .nifty-widget {
  background: var(--nifty-surface);
  border-radius: var(--nifty-radius);
  border: 1px solid var(--nifty-border);
  overflow: hidden;
}

#project-interface-catalogue-applet .nifty-widget-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-bottom: 1px solid var(--nifty-border);
}

#project-interface-catalogue-applet .nifty-widget-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 500;
}

#project-interface-catalogue-applet .nifty-widget-body {
  padding: 16px;
}

#project-interface-catalogue-applet .nifty-widget-close {
  width: 24px;
  height: 24px;
  border: none;
  background: transparent;
  color: var(--nifty-muted);
  cursor: pointer;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#project-interface-catalogue-applet .nifty-widget-close:hover {
  background: var(--nifty-surface-hover);
  color: var(--nifty-text);
}

#project-interface-catalogue-applet .nifty-outline-textarea {
  width: 100%;
  min-height: 80px;
  padding: 0;
  border: none;
  background: transparent;
  color: var(--nifty-muted);
  font-size: 14px;
  line-height: 1.5;
  resize: vertical;
  outline: none;
}

#project-interface-catalogue-applet .nifty-outline-textarea:focus {
  color: var(--nifty-text);
}

#project-interface-catalogue-applet .nifty-link {
  color: var(--nifty-accent);
  font-size: 13px;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
}

#project-interface-catalogue-applet .nifty-link:hover {
  text-decoration: underline;
}

#project-interface-catalogue-applet .nifty-member-card {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
}

#project-interface-catalogue-applet .nifty-member-avatar {
  width: 36px;
  height: 36px;
  border-radius: var(--nifty-radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  color: white;
  flex-shrink: 0;
}

#project-interface-catalogue-applet .nifty-member-name {
  font-size: 13px;
  font-weight: 500;
}

#project-interface-catalogue-applet .nifty-member-role {
  font-size: 12px;
  color: var(--nifty-muted);
}

#project-interface-catalogue-applet .nifty-activity-item {
  display: flex;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid var(--nifty-border);
}

#project-interface-catalogue-applet .nifty-activity-item:last-child {
  border-bottom: none;
}

#project-interface-catalogue-applet .nifty-activity-icon {
  width: 28px;
  height: 28px;
  border-radius: var(--nifty-radius-sm);
  background: var(--nifty-surface-hover);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--nifty-muted);
}

#project-interface-catalogue-applet .nifty-activity-text {
  font-size: 13px;
  line-height: 1.4;
}

#project-interface-catalogue-applet .nifty-activity-time {
  font-size: 11px;
  color: var(--nifty-muted);
  margin-top: 2px;
}

#project-interface-catalogue-applet .nifty-dashboard-grid {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 16px;
  padding: 20px;
  align-items: start;
}

#project-interface-catalogue-applet .nifty-dashboard-main {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

#project-interface-catalogue-applet .nifty-dashboard-side {
  min-width: 0;
}

#project-interface-catalogue-applet .nifty-stub-view {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  color: var(--nifty-muted);
  text-align: center;
  gap: 8px;
}

#project-interface-catalogue-applet .nifty-stub-view h2 {
  font-size: 18px;
  font-weight: 500;
  color: var(--nifty-text);
}

#project-interface-catalogue-applet .nifty-stub-view p {
  font-size: 14px;
  max-width: 400px;
}

#project-interface-catalogue-applet .nifty-icon-tile {
  width: 36px;
  height: 36px;
  border-radius: var(--nifty-radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

#project-interface-catalogue-applet .nifty-dialog-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 50;
}

#project-interface-catalogue-applet .nifty-dialog {
  background: var(--nifty-surface);
  border-radius: var(--nifty-radius);
  border: 1px solid var(--nifty-border);
  width: 400px;
  max-width: 90vw;
  padding: 20px;
}

#project-interface-catalogue-applet .nifty-dialog h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 16px;
}

#project-interface-catalogue-applet .nifty-widget-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid var(--nifty-border);
}

#project-interface-catalogue-applet .nifty-widget-option:last-child {
  border-bottom: none;
}

#project-interface-catalogue-applet .nifty-checkbox {
  width: 18px;
  height: 18px;
  accent-color: var(--nifty-accent);
  cursor: pointer;
}

#project-interface-catalogue-applet .nifty-dashboard-grid {
  min-height: 100%;
  align-items: stretch;
}

#project-interface-catalogue-applet .nifty-widget--inventory {
  min-height: 420px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

#project-interface-catalogue-applet .nifty-widget--inventory .nifty-widget-body {
  padding: 0;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

#project-interface-catalogue-applet .nifty-create-btn svg {
  flex-shrink: 0;
}

@media (max-width: 900px) {
  #project-interface-catalogue-applet .nifty-dashboard-grid {
    grid-template-columns: 1fr;
  }

  #project-interface-catalogue-applet .nifty-global-sidebar {
    width: 180px;
  }
}
#project-interface-catalogue-applet.project-ledger-dashboard {
  --pld-bg: #fff;
  --pld-sidebar: #fff;
  --pld-surface: #fafafa;
  --pld-hover: #f3f4f6;
  --pld-text: #1f2937;
  --pld-muted: #6b7280;
  --pld-border: #e5e7eb;
  --background: 0 0% 100%;
  --foreground: 215 28% 17%;
  --card: 0 0% 100%;
  --card-foreground: 215 28% 17%;
  --muted: 220 14% 96%;
  --muted-foreground: 220 9% 46%;
  --border: 220 13% 91%;
  --input: 220 13% 91%;
  --primary: 217 91% 60%;
  --primary-foreground: 0 0% 100%;
  --accent: 220 14% 96%;
  --accent-foreground: 215 28% 17%;
  --secondary: 220 14% 96%;
  --secondary-foreground: 215 28% 17%;
  --popover: 0 0% 100%;
  --popover-foreground: 215 28% 17%;
  --ring: 217 91% 60%;
  --radius: 6px;
  --nifty-bg: var(--pld-bg);
  --nifty-surface: var(--pld-surface);
  --nifty-surface-hover: var(--pld-hover);
  --nifty-text: var(--pld-text);
  --nifty-muted: var(--pld-muted);
  --nifty-border: var(--pld-border);
  --nifty-accent: #3b82f6;
  --nifty-radius: 6px;
  --nifty-radius-sm: 4px;
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  position: relative;
  isolation: isolate;
  color: var(--pld-text);
  background: var(--pld-bg);
  font: 400 11px/1.45 var(--font-sans, system-ui, sans-serif);
  text-transform: none;
  color-scheme: light;
}
#project-interface-catalogue-applet.project-ledger-dashboard[data-ledger-theme='dark'] {
  --pld-bg: #18181b;
  --pld-sidebar: #27272a;
  --pld-surface: #202023;
  --pld-hover: #303033;
  --pld-text: #f3f4f6;
  --pld-muted: #9ca3af;
  --pld-border: #3f3f46;
  --background: 240 6% 10%;
  --foreground: 220 14% 96%;
  --card: 240 5% 13%;
  --card-foreground: 220 14% 96%;
  --muted: 240 4% 16%;
  --muted-foreground: 218 11% 65%;
  --border: 240 5% 26%;
  --input: 240 5% 26%;
  --accent: 240 4% 19%;
  --accent-foreground: 220 14% 96%;
  --secondary: 240 4% 19%;
  --secondary-foreground: 220 14% 96%;
  --popover: 240 5% 13%;
  --popover-foreground: 220 14% 96%;
  color-scheme: dark;
}

/* The live ledger uses compact workspace content; the legacy reference variants remain isolated. */
.project-ledger-dashboard :where(button, input, select, textarea) { font: inherit; }
.project-ledger-dashboard button { cursor: pointer; }
.project-ledger-dashboard :where(button, input, select, textarea):focus-visible { outline: 1px solid hsl(var(--ring)); outline-offset: 1px; }
.project-ledger-dashboard .pld-main, .project-ledger-dashboard .pld-content { display: flex; flex: 1; flex-direction: column; min-height: 0; min-width: 0; overflow: hidden; }
.project-ledger-dashboard .pld-content:not(.pld-content--home) { overflow: auto; }
.project-ledger-dashboard .pld-content:not(.pld-content--home) > div { min-height: 100%; }
.project-ledger-dashboard .ledger-workbench-actions { width: 100%; margin: 0; border: 0; border-radius: 0; }
.project-ledger-dashboard .pld-icon-button { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; padding: 0; border: 0; border-radius: 3px; background: transparent; color: var(--pld-muted); }
.project-ledger-dashboard .pld-button { display: inline-flex; align-items: center; justify-content: center; gap: 4px; min-height: 24px; padding: 0 7px; border: 1px solid var(--pld-border); border-radius: 3px; background: var(--pld-surface); color: var(--pld-text); font-size: 11px; }
.project-ledger-dashboard .pld-button:hover, .project-ledger-dashboard .pld-icon-button:hover { background: var(--pld-hover); }
.project-ledger-dashboard .pld-button:disabled { cursor: default; opacity: .5; }
.project-ledger-dashboard .ledger-workbench-dashboard { overflow: hidden; }
.project-ledger-dashboard .ledger-workbench-inventory { display: flex; flex: 1; flex-direction: column; min-height: 160px; }
.project-ledger-dashboard .ledger-workbench-inventory > .workspace-page-panel-body { display: flex; flex: 1; flex-direction: column; min-height: 0; padding: 0; }
.project-ledger-dashboard .ledger-workbench-details { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 6px; flex-shrink: 0; max-height: 38vh; overflow: auto; }
.project-ledger-dashboard .ledger-workbench-disclosure { min-width: 0; border: 1px solid var(--pld-border); border-radius: 3px; background: var(--pld-surface); }
.project-ledger-dashboard .ledger-workbench-disclosure > summary { cursor: pointer; padding: 5px 8px; font-size: 11px; font-weight: 500; }
.project-ledger-dashboard .ledger-workbench-disclosure > .workspace-page-panel { border: 0; border-top: 1px solid var(--pld-border); border-radius: 0; }
.project-ledger-dashboard .pld-inventory-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; margin: 0; padding: 4px; border: 0; border-bottom: 1px solid var(--pld-border); border-radius: 0; }
.project-ledger-dashboard .pld-inventory-toolbar :is(input, select) { height: 24px; min-height: 24px; min-width: 0; padding: 0 6px; border: 1px solid var(--pld-border); border-radius: 3px; background: var(--pld-bg); color: var(--pld-text); font-size: 11px; }
.project-ledger-dashboard .pld-inventory-toolbar input { flex: 1; min-width: 100px; }
.project-ledger-dashboard .pld-segmented { display: flex; overflow: hidden; border: 1px solid var(--pld-border); border-radius: 3px; }
.project-ledger-dashboard .pld-segmented button { display: flex; align-items: center; justify-content: center; width: 24px; height: 22px; padding: 0; border: 0; border-right: 1px solid var(--pld-border); background: transparent; color: var(--pld-muted); }
.project-ledger-dashboard .pld-segmented button:last-child { border-right: 0; }
.project-ledger-dashboard .pld-segmented button[aria-pressed='true'] { background: var(--pld-hover); color: var(--pld-text); }
.project-ledger-dashboard .pld-inventory .em-catalog-card { border: 1px solid var(--pld-border); border-radius: 3px; background: var(--pld-surface); box-shadow: none; }
.project-ledger-dashboard .pld-widget-options { display: grid; gap: 0; }
.project-ledger-dashboard .pld-widget-options label { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 6px 0; border-bottom: 1px solid var(--pld-border); font-size: 11px; }
.project-ledger-dashboard .pld-widget-options label:last-child { border: 0; }
.project-ledger-dashboard .pld-dialog { width: min(400px, calc(100vw - 24px)); max-height: min(70vh, 520px); padding: 12px; border: 1px solid var(--pld-border); border-radius: 4px; background: var(--pld-bg); color: var(--pld-text); font-size: 11px; }
.project-ledger-dashboard .pld-dialog::backdrop { background: #0006; }
.project-ledger-dashboard .pld-dialog-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
.project-ledger-dashboard .pld-dialog-heading h2 { margin: 0; font-size: 12px; font-weight: 600; }
.project-ledger-dashboard .pld-dialog > .pld-button { float: right; margin-top: 8px; }
.project-ledger-dashboard .pld-connected-vaults { padding: 5px 7px; font-size: 11px; }
.project-ledger-dashboard .pld-vault-heading, .project-ledger-dashboard .pld-connected-vaults li { display: flex; align-items: center; gap: 6px; }
.project-ledger-dashboard .pld-vault-heading { justify-content: space-between; margin-bottom: 4px; }
.project-ledger-dashboard .pld-connected-vaults li > span { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.project-ledger-dashboard .pld-connected-vaults p, .project-ledger-dashboard .pld-gallery-group p { color: var(--pld-muted); }
.project-ledger-dashboard .pld-vault-choices { display: flex; flex-direction: column; gap: 5px; margin-top: 8px; }
.project-ledger-dashboard .pld-gallery-group { padding: 8px 0; text-align: left; }
.project-ledger-dashboard .pld-gallery-group h3 { margin-bottom: 5px; font-size: 11px; font-weight: 600; }
@media (max-width: 640px) { .project-ledger-dashboard .ledger-workbench-details { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .project-ledger-dashboard *, .project-ledger-dashboard *::before, .project-ledger-dashboard *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }
/* The original dark Kanban Board palette and open-column layout, scoped to this tool. */
.kan-app {
  --kan-bg: #171717; --kan-fg: #fafafa; --kan-card: #262626; --kan-muted: #202020;
  --kan-muted-fg: #a3a3a3; --kan-border: #404040; --kan-accent: #303030; --kan-ring: #c4b5fd;
  --kan-radius: 4px;
  position: relative; isolation: isolate; display: flex; flex-direction: column; flex: 1;
  width: 100%; height: 100%; min-height: 0; min-width: 0; overflow: hidden;
  background: var(--kan-bg); color: var(--kan-fg); color-scheme: dark;
  font-family: inherit; font-size: 13px; line-height: 1.4;
  container-type: inline-size; container-name: kan;
}
.kan-app *, .kan-app *::before, .kan-app *::after { box-sizing: border-box; }
.kan-app :is(button, input, textarea, select) { font: inherit; }
.kan-app button { display: inline-flex; align-items: center; justify-content: flex-start; gap: 6px; color: inherit; background: transparent; border: 1px solid transparent; border-radius: var(--kan-radius); padding: 5px 8px; cursor: pointer; }
.kan-app button:hover:not(:disabled) { background: var(--kan-accent); }
.kan-app button:disabled { opacity: .4; cursor: default; }
.kan-app svg { flex-shrink: 0; }
.kan-app input, .kan-app textarea, .kan-app select { border: 1px solid var(--kan-border); background: var(--kan-muted); color: var(--kan-fg); border-radius: var(--kan-radius); padding: 6px 8px; min-width: 0; }
.kan-app input::-moz-placeholder, .kan-app textarea::-moz-placeholder { color: var(--kan-muted-fg); }
.kan-app input::placeholder, .kan-app textarea::placeholder { color: var(--kan-muted-fg); }
.kan-app :is(input, textarea, select, button, a):focus-visible { outline: 2px solid var(--kan-ring); outline-offset: 2px; }
.kan-app textarea { resize: vertical; min-height: 85px; }
.kan-app .kan-header { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; flex-shrink: 0; min-height: 52px; padding: 9px 16px; border-bottom: 1px solid #303030; }
.kan-app .kan-brand { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; white-space: nowrap; }
.kan-app .kan-brand svg { color: #c4b5fd; }
.kan-app .kan-board-switcher { display: flex; align-items: center; gap: 4px; }
.kan-app .kan-board-switcher select { max-width: 180px; height: 30px; font-size: 11px; background: #202020; }
.kan-app .kan-toolbar { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-left: auto; }
.kan-app .kan-toolbar :is(button, select, input), .kan-app .kan-actions button { min-height: 29px; font-size: 11px; }
.kan-app .kan-toolbar select { max-width: 120px; }
.kan-app .kan-search { display: flex; align-items: center; gap: 5px; padding-left: 7px; color: var(--kan-muted-fg); background: #202020; border: 1px solid #363636; border-radius: 4px; }
.kan-app .kan-search input { width: clamp(100px, 12vw, 170px); background: transparent; border: 0; }
.kan-app .kan-toolbar button[aria-pressed=true] { color: #ddd6fe; border-color: #6d5c95; background: #332c43; }
.kan-app .kan-toolbar-count { color: var(--kan-muted-fg); white-space: nowrap; font-size: 10px; }
.kan-app .kan-actions { display: flex; gap: 5px; }
.kan-app .kan-board { display: flex; align-items: flex-start; gap: 12px; overflow: auto; padding: 40px; flex: 1; min-height: 0; }
.kan-app .kan-list { width: 224px; flex-shrink: 0; padding: 0; border: 0; border-radius: 4px; background: transparent; min-height: 180px; }
.kan-app .kan-list[data-drop-active=true] { background: #26262680; }
.kan-app .kan-list-title { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; }
.kan-app .kan-list-title input { width: 100%; padding: 3px 0; border: 0; background: transparent; color: #a3a3a3; font-size: 13px; font-weight: 500; }
.kan-app .kan-list[data-heading-colour=yellow] .kan-list-title input { color: #fef08a; }
.kan-app .kan-list[data-heading-colour=blue] .kan-list-title input { color: #bfdbfe; }
.kan-app .kan-list[data-heading-colour=green] .kan-list-title input { color: #a7f3d0; }
.kan-app .kan-list-title > span { color: var(--kan-muted-fg); font-size: 11px; }
.kan-app .kan-cards { display: flex; flex-direction: column; gap: 0; }
.kan-app .kan-card { display: flex; flex-direction: column; align-items: stretch; width: 100%; gap: 8px; background: var(--kan-card); color: var(--kan-fg); border: 1px solid var(--kan-border); border-radius: 4px; padding: 12px; text-align: left; cursor: grab; }
.kan-app .kan-card:active { cursor: grabbing; }
.kan-app .kan-card:hover { border-color: #737373; background: var(--kan-card); }
.kan-app .kan-card strong { font-size: 13px; font-weight: 400; line-height: 1.5; overflow-wrap: anywhere; }
.kan-app .kan-drop-indicator { height: 2px; flex-shrink: 0; margin: 3px 0; background: #a78bfa; opacity: 0; pointer-events: none; }
.kan-app .kan-labels { display: flex; flex-wrap: wrap; gap: 4px; }
.kan-app .kan-labels > span { color: #fff; border-radius: 3px; padding: 1px 5px; font-size: 10px; }
.kan-app .kan-card-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; color: var(--kan-muted-fg); font-size: 10px; }
.kan-app .kan-card-meta:empty { display: none; }
.kan-app .kan-card-meta span { display: flex; align-items: center; gap: 4px; }
.kan-app .kan-add-card { display: flex; width: 100%; align-items: center; justify-content: space-between; padding: 8px 10px; color: #a3a3a3; font-size: 11px; }
.kan-app .kan-add-card:hover { color: #fafafa; background: transparent; }
.kan-app .kan-add-form textarea { display: block; width: 100%; min-height: 90px; margin: 0; padding: 12px; border-color: #a78bfa; background: #a78bfa20; font-size: 12px; }
.kan-app .kan-add-form textarea::-moz-placeholder { color: #c4b5fd; }
.kan-app .kan-add-form textarea::placeholder { color: #c4b5fd; }
.kan-app .kan-add-form > div { display: flex; justify-content: flex-end; gap: 6px; margin-top: 6px; }
.kan-app .kan-add-form button { font-size: 11px; }
.kan-app .kan-add-form .kan-submit-card { background: #fafafa; color: #171717; padding: 5px 10px; }
.kan-app .kan-add-form .kan-submit-card:hover { background: #d4d4d4; }
.kan-app .kan-new-list { width: 200px; flex-shrink: 0; padding-top: 1px; }
.kan-app .kan-name-form { margin-top: 8px; }
.kan-app .kan-name-form input { width: 100%; }
.kan-app .kan-name-form > div { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 5px; }
.kan-app .kan-name-form button { padding: 5px 6px; font-size: 11px; }
.kan-app .kan-new-list .kan-name-form { margin: 0; }
.kan-app .kan-new-board { max-width: 360px; width: 100%; padding: 8px 16px 12px; }
.kan-app .kan-new-board .kan-name-form { margin-top: 0; }
.kan-app .kan-trash { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; width: 224px; height: 224px; margin-top: 34px; border: 1px solid #737373; border-radius: 4px; background: #73737320; color: #737373; flex-shrink: 0; }
.kan-app .kan-trash strong { font-weight: 400; font-size: 12px; }
.kan-app .kan-trash span { font-size: 10px; }
.kan-app .kan-trash[data-drop-active=true] { border-color: #991b1b; color: #f87171; background: #991b1b30; }
.kan-app .kan-archive-note, .kan-app .kan-feedback { margin: 0; padding: 10px 16px 0; color: var(--kan-muted-fg); font-size: 11px; }
.kan-app .kan-overlay { position: absolute; inset: 0; background: #000a; z-index: 10; }
.kan-app .kan-dialog { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 11; background: #202020; color: var(--kan-fg); border: 1px solid #525252; border-radius: 6px; padding: 24px; width: 580px; max-width: calc(100% - 24px); max-height: calc(100% - 24px); overflow: auto; box-shadow: 0 12px 40px #0006; }
.kan-app .kan-close { position: absolute; right: 8px; top: 8px; }
.kan-app .kan-field { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; color: var(--kan-muted-fg); font-size: 11px; }
.kan-app .kan-field :is(input, textarea, select) { color: var(--kan-fg); background: #171717; font-size: 12px; }
.kan-app .kan-field:first-of-type { padding-right: 20px; }
.kan-app .kan-dialog h3 { margin: 20px 0 8px; font-size: 12px; font-weight: 500; }
.kan-app .kan-label-options { display: flex; flex-wrap: wrap; gap: 5px; }
.kan-app .kan-label-options button { padding: 4px 6px; font-size: 11px; }
.kan-app .kan-label-options button[aria-pressed=true] { background: #36303f; }
.kan-app .kan-label-options button > span { width: 8px; height: 8px; border-radius: 50%; }
.kan-app .kan-check { display: flex; align-items: center; gap: 8px; padding: 5px 0; font-size: 12px; }
.kan-app .kan-check button { margin-left: auto; padding: 3px; }
.kan-app .kan-check input { accent-color: #a78bfa; }
.kan-app .kan-comment { border: 1px solid var(--kan-border); border-radius: 4px; padding: 8px; margin-bottom: 7px; }
.kan-app .kan-comment small { color: var(--kan-muted-fg); font-size: 10px; }
.kan-app .kan-comment p { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.5; margin: 6px 0 0; font-size: 12px; }
.kan-app .kan-activity { list-style: none; padding: 0; max-height: 130px; overflow: auto; }
.kan-app .kan-activity li { color: var(--kan-muted-fg); display: flex; justify-content: space-between; padding: 4px 0; gap: 12px; font-size: 10px; }
.kan-app .kan-activity time { white-space: nowrap; }
.kan-app .kan-archive-card { margin-top: 10px; border-color: var(--kan-border); }
.kan-app .kan-order-controls { display: flex; gap: 6px; margin: -6px 0 16px; }
.kan-app .kan-order-controls button { font-size: 11px; color: var(--kan-muted-fg); }
.kan-app .kan-error { background: #5a233440; color: #fecdd3; border-bottom: 1px solid #854155; padding: 10px 14px; font-size: 12px; }
.kan-app .kan-error button { margin-left: 8px; border-color: #854155; }
.kan-app .kan-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@container kan (max-width: 700px) { .kan-app .kan-board { padding: 24px 18px; } .kan-app .kan-header { gap: 10px; } .kan-app .kan-toolbar { margin-left: 0; } }
@container kan (max-width: 480px) { .kan-app .kan-list { width: 224px; } .kan-app .kan-dialog { padding: 24px 16px; } .kan-app .kan-actions { margin-left: auto; } }
/* Scoped DeskDark tokens keep the card and its portalled editors dark in any host. */
.quick-links-theme {
  --ql-background: #0d0d0e;
  --ql-surface: #161617;
  --ql-raised: #222223;
  --ql-border: #303033;
  --ql-text: #eeeeef;
  --ql-muted: #9a9ba5;
  --ql-primary: #636ecc;
  --ql-focus: #a5afff;
  box-sizing: border-box;
  color-scheme: dark;
  color: var(--ql-text);
  font-family: inherit;
  font-size: 12px;
  line-height: 1.45;
}
.quick-links-theme *, .quick-links-theme *::before, .quick-links-theme *::after { box-sizing: border-box; }
.quick-links-theme :is(button, input, select) { font: inherit; }
.quick-links-theme button, .quick-links-theme a { -webkit-tap-highlight-color: transparent; }
.quick-links-theme button { cursor: pointer; }
.quick-links-theme button:disabled { cursor: default; opacity: .4; }
.quick-links-theme :is(button, a, input, select, [tabindex]):focus-visible { outline: 2px solid var(--ql-focus); outline-offset: 3px; }
.quick-links-theme :is(h1, h2, h3, p, ol, fieldset) { margin: 0; }
.quick-links-theme svg { flex-shrink: 0; }
.ql-preview { min-height: 100%; width: 100%; padding: 28px 16px; background: var(--ql-background); overflow: auto; }
.ql-preview-heading { max-width: 488px; margin: 0 auto 22px; display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.ql-preview-heading h1 { font-size: 17px; font-weight: 600; letter-spacing: -.025em; }
.ql-preview-heading p { color: var(--ql-muted); margin-top: 4px; max-width: 230px; font-size: 11px; }
.ql-preview-size { display: grid; gap: 5px; color: var(--ql-muted); font-size: 10px; flex-shrink: 0; }
.ql-preview-size select { background: var(--ql-surface); color: var(--ql-text); border: 1px solid var(--ql-border); border-radius: 5px; padding: 5px 7px; }
.ql-preview-frame { max-width: 100%; margin: 0 auto; transition: width .2s ease; }
.ql-preview-status { margin: 14px auto 0 !important; color: var(--ql-muted); font-size: 10px; text-align: center; }
.ql-card { display: flex; flex-direction: column; width: 100%; height: 352px; min-width: 0; min-height: 300px; overflow: hidden; border: 1px solid var(--ql-border); border-radius: 9px; background: var(--ql-surface); container-type: inline-size; }
.ql-card-header { flex-shrink: 0; min-height: 37px; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 4px 8px 4px 12px; border-bottom: 1px solid var(--ql-border); background: #1b1b1d; }
.ql-card-title { display: flex; align-items: center; gap: 7px; min-width: 0; font-size: 11px; font-weight: 600; }
.ql-card-title > svg { color: #b4b8e5; }
.ql-count { border: 1px solid var(--ql-border); border-radius: 4px; padding: 0 4px; color: var(--ql-muted); font-size: 9px; font-variant-numeric: tabular-nums; }
.ql-actions { display: flex; align-items: center; gap: 2px; }
.ql-icon-button { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; height: 26px; width: 26px; padding: 0; border: 1px solid transparent; border-radius: 4px; background: transparent; color: var(--ql-muted); }
.ql-icon-button:hover:not(:disabled) { background: var(--ql-raised); color: var(--ql-text); border-color: var(--ql-border); }
.ql-card-main { flex: 1; min-height: 0; padding-top: 16px; }
.ql-stepper { position: relative; width: 100%; height: 130px; overflow: hidden; }
.ql-stepper-item { position: absolute; top: 5px; left: 50%; width: 72px; margin-left: -36px; display: flex; align-items: center; flex-direction: column; transform-origin: top center; }
.ql-logo { width: 62px; height: 62px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border: 1px solid var(--ql-border, #303033); border-radius: 12px; background: var(--ql-raised, #222223); color: var(--ql-text, #eeeeef); box-shadow: inset 0 1px 0 #ffffff06; cursor: pointer; }
.ql-logo > svg { width: 26px; height: 26px; stroke-width: 1.6; }
.ql-logo > img { width: 30px; height: 30px; -o-object-fit: contain; object-fit: contain; }
.ql-logo[aria-pressed='true'] { background: #252943; border-color: #747fce; color: #c6cdff; box-shadow: 0 0 24px #636ecc12, inset 0 1px 0 #ffffff0a; }
.ql-logo:hover { border-color: var(--ql-focus, #a5afff); }
.ql-stepper-connector { width: 1px; height: 16px; margin: 7px 0 6px; background: var(--ql-border, #303033); opacity: .4; }
.ql-stepper-item[aria-current='true'] .ql-stepper-connector { background: #747fce; opacity: 1; }
.ql-stepper-label { max-width: 86px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 9px; color: var(--ql-muted, #9a9ba5); }
.ql-initials { font-size: 18px; font-weight: 600; letter-spacing: -.04em; }
.ql-selection { display: flex; align-items: center; flex-direction: column; gap: 5px; padding: 0 22px; min-width: 0; text-align: center; }
.ql-type-badge { display: inline-flex; border: 1px solid var(--ql-border); background: #ffffff03; color: var(--ql-muted); border-radius: 4px; padding: 1px 6px; font-size: 9px; }
.ql-selection h3 { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; font-weight: 500; letter-spacing: -.02em; }
.ql-selection p { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ql-muted); font-size: 10px; }
.ql-open-row { display: flex; justify-content: center; padding: 12px 12px 16px; }
.ql-button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; border: 1px solid var(--ql-border); border-radius: 5px; padding: 6px 11px; min-height: 29px; background: var(--ql-raised); color: var(--ql-text); text-decoration: none; font-size: 11px; white-space: nowrap; }
.ql-button:hover:not(:disabled) { background: #2c2c30; border-color: #494951; }
.ql-button.ql-primary { background: #555fb5; border-color: #747ece; color: #fff; }
.ql-button.ql-primary:hover:not(:disabled) { background: #626dc6; border-color: #9aabed; }
.ql-card-footer { display: flex; justify-content: center; align-items: center; gap: 12px; position: relative; min-height: 37px; flex-shrink: 0; border-top: 1px solid var(--ql-border); }
.ql-position { font-size: 10px; font-variant-numeric: tabular-nums; min-width: 34px; text-align: center; }
.ql-position > span { color: var(--ql-muted); }
.ql-cycle { position: absolute; right: 8px; }
.ql-cycle[aria-pressed='true'] { color: #c6cdff; background: #252943; }
.ql-empty { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px; gap: 9px; text-align: center; }
.ql-empty-symbol { display: grid; place-items: center; width: 54px; height: 54px; margin-bottom: 6px; background: var(--ql-raised); border: 1px dashed #4a4a53; border-radius: 12px; color: #a4a9d7; }
.ql-empty h3 { font-weight: 500; font-size: 14px; }
.ql-empty p { color: var(--ql-muted); max-width: 210px; font-size: 11px; }
.ql-empty .ql-button { margin-top: 7px; }
.ql-overlay { position: fixed; inset: 0; z-index: 10000; background: #050509b8; backdrop-filter: blur(4px); }
.ql-dialog { position: fixed; z-index: 10001; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; width: min(480px, calc(100vw - 24px)); max-height: min(680px, calc(100dvh - 32px)); overflow: hidden; border: 1px solid #414149; border-radius: 9px; background: var(--ql-surface); box-shadow: 0 24px 80px #0008; }
.ql-dialog-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; padding: 16px 18px; border-bottom: 1px solid var(--ql-border); flex-shrink: 0; }
.ql-dialog-title { margin: 0; font-size: 14px; line-height: 1.4; font-weight: 600; }
.ql-dialog-description { color: var(--ql-muted); margin: 3px 0 0 !important; font-size: 11px; }
.ql-editor { display: flex; flex-direction: column; min-height: 0; }
.ql-dialog-body { display: flex; flex-direction: column; gap: 16px; padding: 18px; overflow-y: auto; min-height: 0; }
.ql-dialog-footer { display: flex; flex-shrink: 0; justify-content: flex-end; align-items: center; gap: 8px; padding: 12px 18px; border-top: 1px solid var(--ql-border); }
.ql-field { display: flex; flex-direction: column; gap: 7px; font-size: 11px; font-weight: 500; }
.ql-field input { width: 100%; min-width: 0; padding: 8px 10px; height: 34px; border: 1px solid var(--ql-border); border-radius: 5px; background: #101012; color: var(--ql-text); font-weight: 400; }
.ql-field input::-moz-placeholder { color: #71717e; }
.ql-field input::placeholder { color: #71717e; }
.ql-type-field, .ql-icon-field { padding: 0; border: 0; }
.ql-type-field legend, .ql-icon-field legend { padding: 0 0 8px; font-size: 11px; font-weight: 500; }
.ql-type-options { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.ql-type-option { position: relative; display: flex; align-items: center; flex-direction: column; gap: 6px; border: 1px solid var(--ql-border); border-radius: 5px; padding: 10px 2px; color: var(--ql-muted); cursor: pointer; font-size: 10px; }
.ql-type-option:has(input:checked) { background: #252943; border-color: #747fce; color: #c6cdff; }
.ql-type-option:has(input:focus-visible) { outline: 2px solid var(--ql-focus); outline-offset: 3px; }
.ql-type-option input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.ql-type-option svg { width: 17px; height: 17px; }
.ql-search-field { position: relative; display: flex; align-items: center; }
.ql-search-field > svg { position: absolute; left: 10px; color: var(--ql-muted); }
.ql-search-field input { padding-left: 32px; }
.ql-resource-picker { display: flex; flex-direction: column; gap: 8px; }
.ql-target-list { max-height: 164px; overflow-y: auto; border: 1px solid var(--ql-border); border-radius: 5px; padding: 3px; }
.ql-target { display: flex; align-items: center; width: 100%; min-width: 0; gap: 10px; padding: 9px 8px; color: var(--ql-text); border: 1px solid transparent; border-radius: 4px; background: transparent; text-align: left; }
.ql-target > svg { width: 17px; height: 17px; color: var(--ql-muted); }
.ql-target > span { flex: 1; min-width: 0; }
.ql-target strong, .ql-managed-name strong { display: block; font-size: 11px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ql-target small, .ql-managed-name small { display: block; font-size: 10px; color: var(--ql-muted); }
.ql-target:hover { background: var(--ql-raised); }
.ql-target[aria-pressed='true'] { background: #252943; border-color: #555f9c; }
.ql-picker-empty { text-align: center; padding: 22px 12px; color: var(--ql-muted); font-size: 11px; }
.ql-picker-selection { font-size: 10px; color: var(--ql-muted); }
.ql-icon-options { display: flex; flex-wrap: wrap; gap: 7px; }
.ql-icon-choice { display: grid; place-items: center; width: 36px; height: 34px; padding: 6px; background: #101012; border: 1px solid var(--ql-border); border-radius: 5px; color: var(--ql-muted); }
.ql-icon-choice svg { width: 17px; height: 17px; }
.ql-icon-choice .ql-initials { font-size: 12px; }
.ql-icon-choice[aria-pressed='true'] { background: #252943; border-color: #747fce; color: #c6cdff; }
.ql-error { border: 1px solid #8a4655; background: #3d232c; border-radius: 5px; color: #ffbdcd; padding: 8px 10px; font-size: 11px; }
.ql-managed-list { list-style: none; padding: 0; display: grid; gap: 5px; }
.ql-managed-list li { display: flex; align-items: center; gap: 9px; padding: 8px 3px; border-bottom: 1px solid var(--ql-border); }
.ql-managed-icon { display: grid; place-items: center; height: 32px; width: 32px; border-radius: 6px; background: var(--ql-raised); flex-shrink: 0; color: #b4b8e5; }
.ql-managed-icon svg { width: 15px; height: 15px; }
.ql-managed-icon .ql-initials { font-size: 11px; }
.ql-managed-name { flex: 1; min-width: 0; }
.ql-remove:hover:not(:disabled) { color: #ffbdcd; }
.ql-undo { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 11px; color: var(--ql-muted); }
.ql-undo button { border: 0; background: transparent; color: #b6bfff; text-decoration: underline; flex-shrink: 0; }
.ql-sample-body { font-size: 12px; line-height: 1.75; }
.ql-sample-body p { color: #c0c1cb; }
.ql-sample-body h3 { font-size: 15px; font-weight: 500; }
@media (prefers-reduced-motion: reduce) { .ql-preview-frame { transition: none; } }
.fluid-dropdown-content {
  width: -moz-max-content;
  width: max-content;
  min-width: min(max(15rem, var(--radix-dropdown-menu-trigger-width, 0px)), calc(100vw - 24px));
  max-width: min(24rem, calc(100vw - 24px));
  max-height: min(70vh, var(--radix-dropdown-menu-content-available-height, 70vh));
  padding: 4px;
  border-radius: 12px !important;
  background: hsl(var(--popover));
  color: #fff;
  box-shadow: 0 8px 24px rgb(0 0 0 / 18%);
}

.fluid-dropdown-body { overflow: hidden; }
.build-page-fluid-tabs[data-btb] .btb-chip { color: #fff; }
.fluid-dropdown-item {
  position: relative;
  isolation: isolate;
  cursor: pointer;
  padding: 0;
  border-radius: 7px !important;
  background: transparent !important;
  color: #fff;
  text-transform: none;
}
.fluid-dropdown-item[data-highlighted],
.fluid-dropdown-item[data-fluid-selected] { color: #fff; }
.fluid-dropdown-item-body {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  gap: 7px;
  min-height: 28px;
  padding: 4px 8px;
  font-size: 13px;
  line-height: 20px;
  overflow-wrap: anywhere;
}
.fluid-dropdown-highlight { position: absolute; inset: 0; z-index: -1; border-radius: 7px; background: hsl(var(--muted)); }
.fluid-dropdown-icon { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 14px; height: 14px; }
.fluid-dropdown-selected-dot { width: 4px; height: 4px; flex-shrink: 0; border-radius: 50%; background: currentColor; }
.fluid-dropdown-separator { margin: 3px 6px; }
.fluid-dropdown-trigger { display: inline-flex; width: 240px; min-height: 40px; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 12px; border: 1px solid hsl(var(--border)); border-radius: 8px !important; background: hsl(var(--muted)); color: hsl(var(--foreground)); font-size: 14px; }
.fluid-dropdown-trigger:focus-visible { outline: 2px solid hsl(var(--ring)); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) {
  .fluid-dropdown-content { animation: none !important; }
}
/* Original shadcn demo appearance, independent of the host's primary colour. */
button.source-back-button,
.ui-build-page button.source-back-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 112px;
  height: 40px;
  overflow: hidden;
  padding: 8px 16px;
  border: 0 !important;
  border-radius: 6px !important;
  background: #18181b !important;
  color: #fafafa !important;
  font: 500 14px/20px Arial, sans-serif;
  cursor: pointer;
}

button.source-back-button > span,
.ui-build-page button.source-back-button > span {
  width: 80px;
  transform: translateX(8px);
  color: #fafafa !important;
  text-transform: none;
  transition: opacity 500ms;
}

.source-back-button > i {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: grid;
  width: 25%;
  place-items: center;
  background: rgb(250 250 250 / 15%);
  transition: width 500ms;
}

.source-back-button > i > svg { width: 16px; height: 16px; color: #fafafa; opacity: .6; }
.source-back-button:is(:hover, :focus-visible) > span { opacity: 0; }
.source-back-button:is(:hover, :focus-visible) > i { width: 100%; }
.source-back-button:focus-visible { outline: 2px solid #a1a1aa; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
  .source-back-button > :is(span, i) { transition: none; }
}
@keyframes mac-os-menu-fade-in {
  from { opacity: 0; transform: scale(0.95) translateY(-5px); }
  to { opacity: 1; transform: scale(1) translateY(0); }
}
.mac-os-menu-dropdown[data-state='open'] {
  transform-origin: var(--radix-dropdown-menu-content-transform-origin);
  animation: mac-os-menu-fade-in 0.15s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (prefers-reduced-motion: reduce) {
  .mac-os-menu-dropdown[data-state='open'] { animation: none; }
}
/* Extracted from Lorikeet src/index.css; scoped to the wall. Load before creative-wall.css. */
.creative-wall-root [data-tab52-sidebar-auto]:not([data-tab52-sidebar-collapsed]),
.creative-wall-root [data-tab52-sidebar-auto]:not([data-tab52-sidebar-collapsed]) [data-tab52-sidebar-rail],
.creative-wall-root [data-tab52-sidebar-auto]:not([data-tab52-sidebar-collapsed]) [data-tab52-sidebar-items] {
  width: -moz-fit-content !important;
  width: fit-content !important;
  max-width: -moz-max-content !important;
  max-width: max-content !important;
  flex: 0 0 auto !important;
}

.creative-wall-root [data-tab52-sidebar-auto][data-tab52-sidebar-narrow]:not([data-tab52-sidebar-collapsed]) {
  width: 4.75rem !important;
  max-width: 4.75rem !important;
  min-width: 4.75rem !important;
  flex: 0 0 4.75rem !important;
}

.creative-wall-root [data-tab52-sidebar-auto][data-tab52-sidebar-narrow]:not([data-tab52-sidebar-collapsed]) > [data-tab52-sidebar-header-bar],
.creative-wall-root [data-tab52-sidebar-auto][data-tab52-sidebar-narrow]:not([data-tab52-sidebar-collapsed]) nav {
  width: 100% !important;
  max-width: 100% !important;
}

.creative-wall-root [data-tab52-sidebar-resized]:not([data-tab52-sidebar-collapsed]) {
  width: var(--tab52-sidebar-width) !important;
  max-width: var(--tab52-sidebar-width) !important;
  flex: 0 0 var(--tab52-sidebar-width) !important;
}

.creative-wall-root [data-tab52-sidebar-resized]:not([data-tab52-sidebar-collapsed]) > [data-tab52-sidebar-header-bar] {
  width: 100% !important;
  max-width: 100% !important;
}

.creative-wall-root [data-tab52-sidebar-resized]:not([data-tab52-sidebar-collapsed]) nav {
  width: 100% !important;
  max-width: 100% !important;
}

.creative-wall-root [data-tab52-sidebar-resized][data-tab52-sidebar-flat]:not([data-tab52-sidebar-collapsed]) nav button {
  width: 100% !important;
  max-width: 100% !important;
}

.creative-wall-root [data-tab52-sidebar-resized]:not([data-tab52-sidebar-collapsed]) [data-tab52-sidebar-items] {
  width: auto !important;
  max-width: none !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.creative-wall-root [data-tab52-sidebar-host][data-tab52-sidebar-collapsed],
.creative-wall-root [data-tab52-sidebar][data-tab52-sidebar-collapsed] {
  width: 2.5rem !important;
  max-width: 2.5rem !important;
  min-width: 2.5rem !important;
  flex: 0 0 2.5rem !important;
}

.creative-wall-root [data-tab52-sidebar] {
  overflow: hidden;
}

.creative-wall-root [data-tab52-sidebar-resize-handle] {
  width: 0.25rem !important;
  max-width: 0.25rem !important;
}

.creative-wall-root [data-tab52-sidebar-header-bar] {
  padding-left: 2.5px !important;
  padding-right: 2.5px !important;
}

.creative-wall-root [data-tab52-sidebar-row],
.creative-wall-root [data-tab52-sidebar] button[data-tab52-sidebar-row],
.creative-wall-root [data-tab52-sidebar] [data-tab52-sidebar-row] {
  padding-left: 2.5px !important;
  padding-right: 2.5px !important;
  border-bottom: 1px solid var(--border) !important;
}

.creative-wall-root [data-tab52-sidebar-header],
.creative-wall-root [data-tab52-sidebar-row],
.creative-wall-root [data-tab52-sidebar] [data-tab52-sidebar-row],
.creative-wall-root [data-tab52-sidebar] button,
.creative-wall-root [data-tab52-sidebar] input {
  font-size: 9px !important;
  line-height: 1.25 !important;
}

.creative-wall-root [data-tab52-sidebar-items] [data-tab52-sidebar-row],
.creative-wall-root [data-compact-tree-sidebar] [data-tab52-sidebar-row] {
  position: relative;
  padding-left: 11px !important;
}

.creative-wall-root [data-tab52-sidebar-items] [data-tab52-sidebar-row]::before,
.creative-wall-root [data-compact-tree-sidebar] [data-tab52-sidebar-row]::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 0;
  bottom: 0;
  width: 1px;
  background: color-mix(in srgb, var(--border) 80%, transparent);
}

.creative-wall-root [data-tab52-sidebar-items] [data-tab52-sidebar-row]:last-child::before,
.creative-wall-root [data-compact-tree-sidebar] [data-tab52-sidebar-row]:last-child::before {
  bottom: 50%;
}

.creative-wall-root [data-tab52-sidebar-items] [data-tab52-sidebar-row]::after,
.creative-wall-root [data-compact-tree-sidebar] [data-tab52-sidebar-row]::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 50%;
  width: 5px;
  height: 1px;
  background: color-mix(in srgb, var(--border) 80%, transparent);
}

.creative-wall-root [data-tab52-sidebar-row] span,
.creative-wall-root [data-tab52-sidebar-header] {
  white-space: nowrap !important;
}

.creative-wall-root .finance-planner-root [data-tab52-sidebar-header],
.creative-wall-root .finance-planner-root [data-tab52-sidebar-row],
.creative-wall-root .finance-planner-root [data-tab52-sidebar] button,
.creative-wall-root .finance-planner-root [data-tab52-sidebar] input {
  font-size: 9px !important;
  line-height: 1.25 !important;
}
.rd-creative-wall-preview:not(.rd-creative-wall-project-library) {
    --background: #111111;
    --foreground: #eeeeee;
    --card: #191919;
    --card-foreground: #eeeeee;
    --popover: #191919;
    --popover-foreground: #eeeeee;
    --primary: #ffe0c2;
    --primary-foreground: #081a1b;
    --secondary: #393028;
    --secondary-foreground: #ffe0c2;
    --muted: #222222;
    --muted-foreground: #b4b4b4;
    --accent: #2a2a2a;
    --accent-foreground: #eeeeee;
    --destructive: #e54d2e;
    --destructive-foreground: #ffffff;
    --border: #201e18;
    --input: #484848;
    --ring: #ffe0c2;
    --chart-1: #ffe0c2;
    --chart-2: #393028;
    --chart-3: #2a2a2a;
    --chart-4: #42382e;
    --chart-5: #ffe0c1;
    --sidebar: #18181b;
    --sidebar-foreground: #f4f4f5;
    --sidebar-primary: #1d4ed8;
    --sidebar-primary-foreground: #ffffff;
    --sidebar-accent: #27272a;
    --sidebar-accent-foreground: #f4f4f5;
    --sidebar-border: #27272a;
    --sidebar-ring: #d4d4d8;
    --sidebar-background: var(--sidebar);
    --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-serif: Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    --radius: 0.5rem;
    --shadow-x: 0;
    --shadow-y: 1px;
    --shadow-blur: 3px;
    --shadow-spread: 0px;
    --shadow-opacity: 0.1;
    --shadow-color: oklch(0 0 0);
    --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
    --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
    --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
    --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
    --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10);
    --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10);
    --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10);
    --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);

    --success: #8fbc7a;
    --success-foreground: #081a1b;
    --warning: #e0a05a;
    --warning-foreground: #081a1b;
    --staff: #ffe0c2;
    --staff-foreground: #081a1b;
    --member: #393028;
    --member-foreground: #ffe0c2;
    --meal-breakfast: #ffe0c2;
    --meal-lunch: #42382e;
    --meal-dinner: #ffe0c1;
    --meal-snack: #393028;
    --batch-prep: #e0a05a;

    /* Block / library pages — 10px body, headings only a step above chrome. */
    --doc-text: 10px;
    --doc-leading: 1.5;
    --doc-title: 10px;
    --doc-h1: 10px;
    --doc-h2: 10px;
    --doc-h3: 10px;
    --doc-h4: 10px;
    --doc-label: 10px;
    --doc-code: 10px;
    --doc-pull: 10px;
    --doc-measure: 720px;
  }

.rd-creative-wall-preview{color:var(--foreground);background:var(--background);font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.5} .rd-creative-wall-preview *{box-sizing:border-box;border-width:0;border-style:solid} .rd-creative-wall-preview button,.rd-creative-wall-preview input,.rd-creative-wall-preview select,.rd-creative-wall-preview textarea{font:inherit;color:inherit}
.\!container {
    width: 100% !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 2rem !important;
    padding-left: 2rem !important
}
.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 2rem;
    padding-left: 2rem
}
@media (min-width: 1400px) {
    .\!container {
        max-width: 1400px !important
    }
    .container {
        max-width: 1400px
    }
}
.rd-creative-wall-preview .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}
.rd-creative-wall-preview .pointer-events-none {
    pointer-events: none
}
.rd-creative-wall-preview .pointer-events-auto {
    pointer-events: auto
}
.rd-creative-wall-preview .visible {
    visibility: visible
}
.rd-creative-wall-preview .invisible {
    visibility: hidden
}
.rd-creative-wall-preview .collapse {
    visibility: collapse
}
.rd-creative-wall-preview .static {
    position: static
}
.rd-creative-wall-preview .fixed {
    position: fixed
}
.rd-creative-wall-preview .absolute {
    position: absolute
}
.rd-creative-wall-preview .relative {
    position: relative
}
.rd-creative-wall-preview .inset-0 {
    inset: 0px
}
.rd-creative-wall-preview .inset-x-3 {
    left: 0.75rem;
    right: 0.75rem
}
.rd-creative-wall-preview .inset-y-0 {
    top: 0px;
    bottom: 0px
}
.rd-creative-wall-preview .-right-0\.5 {
    right: -0.125rem
}
.rd-creative-wall-preview .-top-0\.5 {
    top: -0.125rem
}
.rd-creative-wall-preview .bottom-0 {
    bottom: 0px
}
.rd-creative-wall-preview .bottom-0\.5 {
    bottom: 0.125rem
}
.rd-creative-wall-preview .bottom-2 {
    bottom: 0.5rem
}
.rd-creative-wall-preview .left-0 {
    left: 0px
}
.rd-creative-wall-preview .left-0\.5 {
    left: 0.125rem
}
.rd-creative-wall-preview .left-1 {
    left: 0.25rem
}
.rd-creative-wall-preview .left-3 {
    left: 0.75rem
}
.rd-creative-wall-preview .left-\[50\%\] {
    left: 50%
}
.rd-creative-wall-preview .right-0 {
    right: 0px
}
.rd-creative-wall-preview .right-1 {
    right: 0.25rem
}
.rd-creative-wall-preview .right-2 {
    right: 0.5rem
}
.rd-creative-wall-preview .right-4 {
    right: 1rem
}
.rd-creative-wall-preview .top-0 {
    top: 0px
}
.rd-creative-wall-preview .top-1\/2 {
    top: 50%
}
.rd-creative-wall-preview .top-2 {
    top: 0.5rem
}
.rd-creative-wall-preview .top-4 {
    top: 1rem
}
.rd-creative-wall-preview .top-7 {
    top: 1.75rem
}
.rd-creative-wall-preview .top-\[50\%\] {
    top: 50%
}
.rd-creative-wall-preview .z-0 {
    z-index: 0
}
.rd-creative-wall-preview .z-10 {
    z-index: 10
}
.rd-creative-wall-preview .z-30 {
    z-index: 30
}
.rd-creative-wall-preview .z-40 {
    z-index: 40
}
.rd-creative-wall-preview .z-50 {
    z-index: 50
}
.rd-creative-wall-preview .z-\[300\] {
    z-index: 300
}
.rd-creative-wall-preview .z-\[400\] {
    z-index: 400
}
.rd-creative-wall-preview .mb-1 {
    margin-bottom: 0.25rem
}
.rd-creative-wall-preview .mb-1\.5 {
    margin-bottom: 0.375rem
}
.rd-creative-wall-preview .ml-1 {
    margin-left: 0.25rem
}
.rd-creative-wall-preview .ml-2 {
    margin-left: 0.5rem
}
.rd-creative-wall-preview .ml-auto {
    margin-left: auto
}
.rd-creative-wall-preview .mr-1 {
    margin-right: 0.25rem
}
.rd-creative-wall-preview .mr-2 {
    margin-right: 0.5rem
}
.rd-creative-wall-preview .mt-0\.5 {
    margin-top: 0.125rem
}
.rd-creative-wall-preview .mt-1 {
    margin-top: 0.25rem
}
.rd-creative-wall-preview .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}
.rd-creative-wall-preview .block {
    display: block
}
.rd-creative-wall-preview .inline-block {
    display: inline-block
}
.rd-creative-wall-preview .flex {
    display: flex
}
.rd-creative-wall-preview .inline-flex {
    display: inline-flex
}
.rd-creative-wall-preview .table {
    display: table
}
.rd-creative-wall-preview .grid {
    display: grid
}
.rd-creative-wall-preview .hidden {
    display: none
}
.rd-creative-wall-preview .size-3\.5 {
    width: 0.875rem;
    height: 0.875rem
}
.rd-creative-wall-preview .size-4 {
    width: 1rem;
    height: 1rem
}
.rd-creative-wall-preview .size-5 {
    width: 1.25rem;
    height: 1.25rem
}
.rd-creative-wall-preview .size-6 {
    width: 1.5rem;
    height: 1.5rem
}
.rd-creative-wall-preview .size-8 {
    width: 2rem;
    height: 2rem
}
.rd-creative-wall-preview .h-1 {
    height: 0.25rem
}
.rd-creative-wall-preview .h-12 {
    height: 3rem
}
.rd-creative-wall-preview .h-2 {
    height: 0.5rem
}
.rd-creative-wall-preview .h-2\.5 {
    height: 0.625rem
}
.rd-creative-wall-preview .h-3 {
    height: 0.75rem
}
.rd-creative-wall-preview .h-3\.5 {
    height: 0.875rem
}
.rd-creative-wall-preview .h-36 {
    height: 9rem
}
.rd-creative-wall-preview .h-4 {
    height: 1rem
}
.rd-creative-wall-preview .h-5 {
    height: 1.25rem
}
.rd-creative-wall-preview .h-6 {
    height: 1.5rem
}
.rd-creative-wall-preview .h-7 {
    height: 1.75rem
}
.rd-creative-wall-preview .h-8 {
    height: 2rem
}
.rd-creative-wall-preview .h-9 {
    height: 2.25rem
}
.rd-creative-wall-preview .h-\[280px\] {
    height: 280px
}
.rd-creative-wall-preview .h-full {
    height: 100%
}
.rd-creative-wall-preview .max-h-40 {
    max-height: 10rem
}
.rd-creative-wall-preview .max-h-64 {
    max-height: 16rem
}
.rd-creative-wall-preview .max-h-72 {
    max-height: 18rem
}
.rd-creative-wall-preview .max-h-80 {
    max-height: 20rem
}
.rd-creative-wall-preview .max-h-\[40\%\] {
    max-height: 40%
}
.rd-creative-wall-preview .max-h-\[80vh\] {
    max-height: 80vh
}
.rd-creative-wall-preview .max-h-\[min\(52vh\2c 360px\)\] {
    max-height: min(52vh,360px)
}
.rd-creative-wall-preview .min-h-0 {
    min-height: 0px
}
.rd-creative-wall-preview .min-h-8 {
    min-height: 2rem
}
.rd-creative-wall-preview .min-h-\[120px\] {
    min-height: 120px
}
.rd-creative-wall-preview .min-h-\[180px\] {
    min-height: 180px
}
.rd-creative-wall-preview .min-h-\[200px\] {
    min-height: 200px
}
.rd-creative-wall-preview .min-h-\[220px\] {
    min-height: 220px
}
.rd-creative-wall-preview .min-h-\[420px\] {
    min-height: 420px
}
.rd-creative-wall-preview .min-h-\[80px\] {
    min-height: 80px
}
.rd-creative-wall-preview .min-h-\[8px\] {
    min-height: 8px
}
.rd-creative-wall-preview .w-1 {
    width: 0.25rem
}
.rd-creative-wall-preview .w-11 {
    width: 2.75rem
}
.rd-creative-wall-preview .w-2 {
    width: 0.5rem
}
.rd-creative-wall-preview .w-2\.5 {
    width: 0.625rem
}
.rd-creative-wall-preview .w-20 {
    width: 5rem
}
.rd-creative-wall-preview .w-28 {
    width: 7rem
}
.rd-creative-wall-preview .w-3 {
    width: 0.75rem
}
.rd-creative-wall-preview .w-3\.5 {
    width: 0.875rem
}
.rd-creative-wall-preview .w-32 {
    width: 8rem
}
.rd-creative-wall-preview .w-4 {
    width: 1rem
}
.rd-creative-wall-preview .w-5 {
    width: 1.25rem
}
.rd-creative-wall-preview .w-56 {
    width: 14rem
}
.rd-creative-wall-preview .w-6 {
    width: 1.5rem
}
.rd-creative-wall-preview .w-7 {
    width: 1.75rem
}
.rd-creative-wall-preview .w-8 {
    width: 2rem
}
.rd-creative-wall-preview .w-9 {
    width: 2.25rem
}
.rd-creative-wall-preview .w-\[13\.5rem\] {
    width: 13.5rem
}
.rd-creative-wall-preview .w-\[220px\] {
    width: 220px
}
.rd-creative-wall-preview .w-\[260px\] {
    width: 260px
}
.rd-creative-wall-preview .w-\[5\.5rem\] {
    width: 5.5rem
}
.rd-creative-wall-preview .w-fit {
    width: -moz-fit-content;
    width: fit-content
}
.rd-creative-wall-preview .w-full {
    width: 100%
}
.rd-creative-wall-preview .min-w-0 {
    min-width: 0px
}
.rd-creative-wall-preview .min-w-5 {
    min-width: 1.25rem
}
.rd-creative-wall-preview .min-w-\[280px\] {
    min-width: 280px
}
.rd-creative-wall-preview .max-w-1 {
    max-width: 0.25rem
}
.rd-creative-wall-preview .max-w-\[35\%\] {
    max-width: 35%
}
.rd-creative-wall-preview .max-w-\[35vw\] {
    max-width: 35vw
}
.rd-creative-wall-preview .max-w-\[40vw\] {
    max-width: 40vw
}
.rd-creative-wall-preview .max-w-\[88px\] {
    max-width: 88px
}
.rd-creative-wall-preview .max-w-\[calc\(100\%-2rem\)\] {
    max-width: calc(100% - 2rem)
}
.rd-creative-wall-preview .max-w-full {
    max-width: 100%
}
.rd-creative-wall-preview .max-w-max {
    max-width: -moz-max-content;
    max-width: max-content
}
.rd-creative-wall-preview .flex-1 {
    flex: 1 1 0%
}
.rd-creative-wall-preview .shrink-0 {
    flex-shrink: 0
}
.rd-creative-wall-preview .border-collapse {
    border-collapse: collapse
}
.rd-creative-wall-preview .-translate-y-1\/2 {
    --tw-translate-y: -50%;
    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))
}
.rd-creative-wall-preview .translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    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))
}
.rd-creative-wall-preview .translate-y-\[-50\%\] {
    --tw-translate-y: -50%;
    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))
}
.rd-creative-wall-preview .rotate-45 {
    --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))
}
.rd-creative-wall-preview .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 spin {
    to {
        transform: rotate(360deg)
    }
}
.rd-creative-wall-preview .animate-spin {
    animation: spin 1s linear infinite
}
.rd-creative-wall-preview .cursor-col-resize {
    cursor: col-resize
}
.rd-creative-wall-preview .cursor-ew-resize {
    cursor: ew-resize
}
.rd-creative-wall-preview .cursor-grab {
    cursor: grab
}
.rd-creative-wall-preview .cursor-grabbing {
    cursor: grabbing
}
.rd-creative-wall-preview .cursor-ns-resize {
    cursor: ns-resize
}
.rd-creative-wall-preview .cursor-nwse-resize {
    cursor: nwse-resize
}
.rd-creative-wall-preview .cursor-pointer {
    cursor: pointer
}
.rd-creative-wall-preview .touch-none {
    touch-action: none
}
.rd-creative-wall-preview .select-none {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none
}
.rd-creative-wall-preview .resize {
    resize: both
}
.rd-creative-wall-preview .columns-1 {
    -moz-columns: 1;
         columns: 1
}
.rd-creative-wall-preview .columns-2 {
    -moz-columns: 2;
         columns: 2
}
.rd-creative-wall-preview .columns-3 {
    -moz-columns: 3;
         columns: 3
}
.rd-creative-wall-preview .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}
.rd-creative-wall-preview .grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr))
}
.rd-creative-wall-preview .grid-cols-\[minmax\(0\2c 1fr\)_auto\] {
    grid-template-columns: minmax(0,1fr) auto
}
.rd-creative-wall-preview .flex-col {
    flex-direction: column
}
.rd-creative-wall-preview .flex-col-reverse {
    flex-direction: column-reverse
}
.rd-creative-wall-preview .items-start {
    align-items: flex-start
}
.rd-creative-wall-preview .items-center {
    align-items: center
}
.rd-creative-wall-preview .items-stretch {
    align-items: stretch
}
.rd-creative-wall-preview .justify-start {
    justify-content: flex-start
}
.rd-creative-wall-preview .justify-end {
    justify-content: flex-end
}
.rd-creative-wall-preview .justify-center {
    justify-content: center
}
.rd-creative-wall-preview .justify-between {
    justify-content: space-between
}
.rd-creative-wall-preview .gap-0 {
    gap: 0px
}
.rd-creative-wall-preview .gap-0\.5 {
    gap: 0.125rem
}
.rd-creative-wall-preview .gap-1 {
    gap: 0.25rem
}
.rd-creative-wall-preview .gap-1\.5 {
    gap: 0.375rem
}
.rd-creative-wall-preview .gap-2 {
    gap: 0.5rem
}
.rd-creative-wall-preview .gap-2\.5 {
    gap: 0.625rem
}
.rd-creative-wall-preview .gap-3 {
    gap: 0.75rem
}
.rd-creative-wall-preview .gap-4 {
    gap: 1rem
}
.rd-creative-wall-preview :is(.space-y-0\.5 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.125rem * var(--tw-space-y-reverse))
}
.rd-creative-wall-preview :is(.space-y-1 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse))
}
.rd-creative-wall-preview :is(.space-y-1\.5 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.375rem * var(--tw-space-y-reverse))
}
.rd-creative-wall-preview :is(.space-y-2 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
}
.rd-creative-wall-preview :is(.space-y-4 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}
.rd-creative-wall-preview .self-center {
    align-self: center
}
.rd-creative-wall-preview .self-stretch {
    align-self: stretch
}
.rd-creative-wall-preview .overflow-auto {
    overflow: auto
}
.rd-creative-wall-preview .overflow-hidden {
    overflow: hidden
}
.rd-creative-wall-preview .overflow-x-auto {
    overflow-x: auto
}
.rd-creative-wall-preview .overflow-y-auto {
    overflow-y: auto
}
.rd-creative-wall-preview .overflow-x-hidden {
    overflow-x: hidden
}
.rd-creative-wall-preview .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.rd-creative-wall-preview .whitespace-nowrap {
    white-space: nowrap
}
.rd-creative-wall-preview .rounded {
    border-radius: 0.25rem
}
.rd-creative-wall-preview .rounded-2xl {
    border-radius: 1rem
}
.rd-creative-wall-preview .rounded-\[2px\] {
    border-radius: 2px
}
.rd-creative-wall-preview .rounded-\[3px\] {
    border-radius: 3px
}
.rd-creative-wall-preview .rounded-full {
    border-radius: 9999px
}
.rd-creative-wall-preview .rounded-lg {
    border-radius: var(--radius)
}
.rd-creative-wall-preview .rounded-md {
    border-radius: var(--radius)
}
.rd-creative-wall-preview .rounded-none {
    border-radius: 0px
}
.rd-creative-wall-preview .rounded-sm {
    border-radius: var(--radius)
}
.rd-creative-wall-preview .rounded-l-none {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px
}
.rd-creative-wall-preview .rounded-r-none {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px
}
.rd-creative-wall-preview .border {
    border-width: 1px
}
.rd-creative-wall-preview .border-0 {
    border-width: 0px
}
.rd-creative-wall-preview .border-2 {
    border-width: 2px
}
.rd-creative-wall-preview .border-y-0 {
    border-top-width: 0px;
    border-bottom-width: 0px
}
.rd-creative-wall-preview .border-b {
    border-bottom-width: 1px
}
.rd-creative-wall-preview .border-l {
    border-left-width: 1px
}
.rd-creative-wall-preview .border-l-0 {
    border-left-width: 0px
}
.rd-creative-wall-preview .border-l-2 {
    border-left-width: 2px
}
.rd-creative-wall-preview .border-r {
    border-right-width: 1px
}
.rd-creative-wall-preview .border-t {
    border-top-width: 1px
}
.rd-creative-wall-preview .border-dashed {
    border-style: dashed
}
.rd-creative-wall-preview .border-none {
    border-style: none
}
.rd-creative-wall-preview .border-\[rgba\(173\2c 173\2c 173\2c 0\)\] {
    border-color: rgba(173,173,173,0)
}
.rd-creative-wall-preview .border-border {
    border-color: var(--border)
}
.rd-creative-wall-preview .border-foreground {
    border-color: var(--foreground)
}
.rd-creative-wall-preview .border-input {
    border-color: var(--input)
}
.rd-creative-wall-preview .border-transparent {
    border-color: transparent
}
.rd-creative-wall-preview .border-white\/10 {
    border-color: rgb(255 255 255 / 0.1)
}
.rd-creative-wall-preview .border-white\/\[0\.06\] {
    border-color: rgb(255 255 255 / 0.06)
}
.rd-creative-wall-preview .bg-\[\#2c2c2c\] {
    --tw-bg-opacity: 1;
    background-color: rgb(44 44 44 / var(--tw-bg-opacity))
}
.rd-creative-wall-preview .bg-accent {
    background-color: var(--accent)
}
.rd-creative-wall-preview .bg-background {
    background-color: var(--background)
}
.rd-creative-wall-preview .bg-black\/20 {
    background-color: rgb(0 0 0 / 0.2)
}
.rd-creative-wall-preview .bg-black\/25 {
    background-color: rgb(0 0 0 / 0.25)
}
.rd-creative-wall-preview .bg-black\/50 {
    background-color: rgb(0 0 0 / 0.5)
}
.rd-creative-wall-preview .bg-card {
    background-color: var(--card)
}
.rd-creative-wall-preview .bg-muted {
    background-color: var(--muted)
}
.rd-creative-wall-preview .bg-primary {
    background-color: var(--primary)
}
.rd-creative-wall-preview .bg-transparent {
    background-color: transparent
}
.rd-creative-wall-preview .bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.rd-creative-wall-preview .bg-white\/\[0\.06\] {
    background-color: rgb(255 255 255 / 0.06)
}
.rd-creative-wall-preview .object-contain {
    -o-object-fit: contain;
       object-fit: contain
}
.rd-creative-wall-preview .object-cover {
    -o-object-fit: cover;
       object-fit: cover
}
.rd-creative-wall-preview .p-0 {
    padding: 0px
}
.rd-creative-wall-preview .p-0\.5 {
    padding: 0.125rem
}
.rd-creative-wall-preview .p-1 {
    padding: 0.25rem
}
.rd-creative-wall-preview .p-1\.5 {
    padding: 0.375rem
}
.rd-creative-wall-preview .p-2 {
    padding: 0.5rem
}
.rd-creative-wall-preview .p-3 {
    padding: 0.75rem
}
.rd-creative-wall-preview .p-4 {
    padding: 1rem
}
.rd-creative-wall-preview .px-0\.5 {
    padding-left: 0.125rem;
    padding-right: 0.125rem
}
.rd-creative-wall-preview .px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem
}
.rd-creative-wall-preview .px-1\.5 {
    padding-left: 0.375rem;
    padding-right: 0.375rem
}
.rd-creative-wall-preview .px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem
}
.rd-creative-wall-preview .px-2\.5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem
}
.rd-creative-wall-preview .px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem
}
.rd-creative-wall-preview .px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}
.rd-creative-wall-preview .px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}
.rd-creative-wall-preview .px-\[2\.5px\] {
    padding-left: 2.5px;
    padding-right: 2.5px
}
.rd-creative-wall-preview .py-0\.5 {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem
}
.rd-creative-wall-preview .py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem
}
.rd-creative-wall-preview .py-1\.5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem
}
.rd-creative-wall-preview .py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}
.rd-creative-wall-preview .py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem
}
.rd-creative-wall-preview .py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem
}
.rd-creative-wall-preview .py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
}
.rd-creative-wall-preview .py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem
}
.rd-creative-wall-preview .py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem
}
.rd-creative-wall-preview .py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}
.rd-creative-wall-preview .py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}
.rd-creative-wall-preview .pb-1 {
    padding-bottom: 0.25rem
}
.rd-creative-wall-preview .pb-1\.5 {
    padding-bottom: 0.375rem
}
.rd-creative-wall-preview .pb-2 {
    padding-bottom: 0.5rem
}
.rd-creative-wall-preview .pl-1 {
    padding-left: 0.25rem
}
.rd-creative-wall-preview .pl-2 {
    padding-left: 0.5rem
}
.rd-creative-wall-preview .pl-5 {
    padding-left: 1.25rem
}
.rd-creative-wall-preview .pl-9 {
    padding-left: 2.25rem
}
.rd-creative-wall-preview .pr-1 {
    padding-right: 0.25rem
}
.rd-creative-wall-preview .pr-2 {
    padding-right: 0.5rem
}
.rd-creative-wall-preview .pt-1 {
    padding-top: 0.25rem
}
.rd-creative-wall-preview .pt-2 {
    padding-top: 0.5rem
}
.rd-creative-wall-preview .text-left {
    text-align: left
}
.rd-creative-wall-preview .text-center {
    text-align: center
}
.rd-creative-wall-preview .text-right {
    text-align: right
}
.rd-creative-wall-preview .align-middle {
    vertical-align: middle
}
.rd-creative-wall-preview .font-mono {
    font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace
}
.rd-creative-wall-preview .text-\[10px\] {
    font-size: 10px
}
.rd-creative-wall-preview .text-\[11px\] {
    font-size: 11px
}
.rd-creative-wall-preview .text-\[8px\] {
    font-size: 8px
}
.rd-creative-wall-preview .text-\[9px\] {
    font-size: 9px
}
.rd-creative-wall-preview .text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem
}
.rd-creative-wall-preview .text-xs {
    font-size: 0.75rem;
    line-height: 1rem
}
.rd-creative-wall-preview .font-medium {
    font-weight: 500
}
.rd-creative-wall-preview .font-normal {
    font-weight: 400
}
.rd-creative-wall-preview .font-semibold {
    font-weight: 600
}
.rd-creative-wall-preview .uppercase {
    text-transform: uppercase
}
.rd-creative-wall-preview .lowercase {
    text-transform: lowercase
}
.rd-creative-wall-preview .normal-case {
    text-transform: none
}
.rd-creative-wall-preview .italic {
    font-style: italic
}
.rd-creative-wall-preview .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)
}
.rd-creative-wall-preview .leading-none {
    line-height: 1
}
.rd-creative-wall-preview .leading-snug {
    line-height: 1.375
}
.rd-creative-wall-preview .leading-tight {
    line-height: 1.25
}
.rd-creative-wall-preview .tracking-\[0\.14em\] {
    letter-spacing: 0.14em
}
.rd-creative-wall-preview .tracking-tight {
    letter-spacing: -0.025em
}
.rd-creative-wall-preview .tracking-wide {
    letter-spacing: 0.025em
}
.rd-creative-wall-preview .tracking-wider {
    letter-spacing: 0.05em
}
.rd-creative-wall-preview .text-amber-500 {
    --tw-text-opacity: 1;
    color: rgb(245 158 11 / var(--tw-text-opacity))
}
.rd-creative-wall-preview .text-destructive {
    color: var(--destructive)
}
.rd-creative-wall-preview .text-foreground {
    color: var(--foreground)
}
.rd-creative-wall-preview .text-muted-foreground {
    color: var(--muted-foreground)
}
.rd-creative-wall-preview .text-primary {
    color: var(--primary)
}
.rd-creative-wall-preview .text-primary-foreground {
    color: var(--primary-foreground)
}
.rd-creative-wall-preview .text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.rd-creative-wall-preview .text-white\/35 {
    color: rgb(255 255 255 / 0.35)
}
.rd-creative-wall-preview .text-white\/40 {
    color: rgb(255 255 255 / 0.4)
}
.rd-creative-wall-preview .text-white\/45 {
    color: rgb(255 255 255 / 0.45)
}
.rd-creative-wall-preview .text-white\/50 {
    color: rgb(255 255 255 / 0.5)
}
.rd-creative-wall-preview .text-white\/55 {
    color: rgb(255 255 255 / 0.55)
}
.rd-creative-wall-preview .text-white\/70 {
    color: rgb(255 255 255 / 0.7)
}
.rd-creative-wall-preview .text-white\/80 {
    color: rgb(255 255 255 / 0.8)
}
.rd-creative-wall-preview .underline {
    text-decoration-line: underline
}
.rd-creative-wall-preview .line-through {
    text-decoration-line: line-through
}
.rd-creative-wall-preview .underline-offset-2 {
    text-underline-offset: 2px
}
.rd-creative-wall-preview .opacity-0 {
    opacity: 0
}
.rd-creative-wall-preview .opacity-50 {
    opacity: 0.5
}
.rd-creative-wall-preview .opacity-60 {
    opacity: 0.6
}
.rd-creative-wall-preview .opacity-70 {
    opacity: 0.7
}
.rd-creative-wall-preview .opacity-90 {
    opacity: 0.9
}
.rd-creative-wall-preview .shadow {
    --tw-shadow: var(--shadow);
    --tw-shadow-colored: var(--shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.rd-creative-wall-preview .shadow-\[-6px_0_18px_-12px_rgba\(0\2c 0\2c 0\2c 0\.35\)\] {
    --tw-shadow: -6px 0 18px -12px rgba(0,0,0,0.35);
    --tw-shadow-colored: -6px 0 18px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.rd-creative-wall-preview .shadow-\[0_0_10px_rgba\(56\2c 189\2c 248\2c 0\.45\)\] {
    --tw-shadow: 0 0 10px rgba(56,189,248,0.45);
    --tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.rd-creative-wall-preview .shadow-\[inset_0_0_0_1px_rgba\(0\2c 0\2c 0\2c 0\.06\)\] {
    --tw-shadow: inset 0 0 0 1px rgba(0,0,0,0.06);
    --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)
}
.rd-creative-wall-preview .shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.rd-creative-wall-preview .shadow-lg {
    --tw-shadow: var(--shadow-lg);
    --tw-shadow-colored: var(--shadow-lg);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.rd-creative-wall-preview .shadow-md {
    --tw-shadow: var(--shadow-md);
    --tw-shadow-colored: var(--shadow-md);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.rd-creative-wall-preview .shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.rd-creative-wall-preview .shadow-sm {
    --tw-shadow: var(--shadow-sm);
    --tw-shadow-colored: var(--shadow-sm);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.rd-creative-wall-preview .shadow-xs {
    --tw-shadow: var(--shadow-xs);
    --tw-shadow-colored: var(--shadow-xs);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.rd-creative-wall-preview .outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}
.rd-creative-wall-preview .outline {
    outline-style: solid
}
.rd-creative-wall-preview .ring-1 {
    --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);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.rd-creative-wall-preview .ring-2 {
    --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);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.rd-creative-wall-preview .ring-border {
    --tw-ring-color: var(--border)
}
.rd-creative-wall-preview .ring-foreground {
    --tw-ring-color: var(--foreground)
}
.rd-creative-wall-preview .ring-offset-1 {
    --tw-ring-offset-width: 1px
}
.rd-creative-wall-preview .ring-offset-background {
    --tw-ring-offset-color: var(--background)
}
.rd-creative-wall-preview .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.rd-creative-wall-preview .filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.rd-creative-wall-preview .transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.rd-creative-wall-preview .transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.rd-creative-wall-preview .transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.rd-creative-wall-preview .transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.rd-creative-wall-preview .duration-200 {
    transition-duration: 200ms
}
@keyframes enter {
    from {
        opacity: var(--tw-enter-opacity, 1);
        transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))
    }
}
@keyframes exit {
    to {
        opacity: var(--tw-exit-opacity, 1);
        transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))
    }
}
.rd-creative-wall-preview .zoom-in {
    --tw-enter-scale: 0
}
.rd-creative-wall-preview .zoom-out {
    --tw-exit-scale: 0
}
.rd-creative-wall-preview .duration-200 {
    animation-duration: 200ms
}
.rd-creative-wall-preview .\!running {
    animation-play-state: running !important
}
.rd-creative-wall-preview .running {
    animation-play-state: running
}
.rd-creative-wall-preview .\[overflow-anchor\:none\] {
    overflow-anchor: none
}
.rd-creative-wall-preview .\[writing-mode\:vertical-rl\] {
    writing-mode: vertical-rl
}
.rd-creative-wall-preview :is(.selection\:bg-primary *)::-moz-selection {
    background-color: var(--primary)
}
.rd-creative-wall-preview :is(.selection\:bg-primary *)::selection {
    background-color: var(--primary)
}
.rd-creative-wall-preview :is(.selection\:text-primary-foreground *)::-moz-selection {
    color: var(--primary-foreground)
}
.rd-creative-wall-preview :is(.selection\:text-primary-foreground *)::selection {
    color: var(--primary-foreground)
}
.rd-creative-wall-preview .selection\:bg-primary::-moz-selection {
    background-color: var(--primary)
}
.rd-creative-wall-preview .selection\:bg-primary::selection {
    background-color: var(--primary)
}
.rd-creative-wall-preview .selection\:text-primary-foreground::-moz-selection {
    color: var(--primary-foreground)
}
.rd-creative-wall-preview .selection\:text-primary-foreground::selection {
    color: var(--primary-foreground)
}
.rd-creative-wall-preview .file\:text-foreground::file-selector-button {
    color: var(--foreground)
}
.rd-creative-wall-preview .placeholder\:text-muted-foreground::-moz-placeholder {
    color: var(--muted-foreground)
}
.rd-creative-wall-preview .placeholder\:text-muted-foreground::placeholder {
    color: var(--muted-foreground)
}
.rd-creative-wall-preview .placeholder\:text-white\/35::-moz-placeholder {
    color: rgb(255 255 255 / 0.35)
}
.rd-creative-wall-preview .placeholder\:text-white\/35::placeholder {
    color: rgb(255 255 255 / 0.35)
}
.rd-creative-wall-preview .last\:border-b-0:last-child {
    border-bottom-width: 0px
}
.rd-creative-wall-preview .hover\:z-20:hover {
    z-index: 20
}
.rd-creative-wall-preview .hover\:bg-accent:hover {
    background-color: var(--accent)
}
.rd-creative-wall-preview .hover\:bg-muted:hover {
    background-color: var(--muted)
}
.rd-creative-wall-preview .hover\:bg-white\/10:hover {
    background-color: rgb(255 255 255 / 0.1)
}
.rd-creative-wall-preview .hover\:bg-white\/\[0\.06\]:hover {
    background-color: rgb(255 255 255 / 0.06)
}
.rd-creative-wall-preview .hover\:bg-white\/\[0\.08\]:hover {
    background-color: rgb(255 255 255 / 0.08)
}
.rd-creative-wall-preview .hover\:text-destructive:hover {
    color: var(--destructive)
}
.rd-creative-wall-preview .hover\:text-foreground:hover {
    color: var(--foreground)
}
.rd-creative-wall-preview .hover\:text-muted-foreground:hover {
    color: var(--muted-foreground)
}
.rd-creative-wall-preview .hover\:text-red-300:hover {
    --tw-text-opacity: 1;
    color: rgb(252 165 165 / var(--tw-text-opacity))
}
.rd-creative-wall-preview .hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.rd-creative-wall-preview .hover\:text-white\/80:hover {
    color: rgb(255 255 255 / 0.8)
}
.rd-creative-wall-preview .hover\:opacity-100:hover {
    opacity: 1
}
.rd-creative-wall-preview .focus\:bg-accent:focus {
    background-color: var(--accent)
}
.rd-creative-wall-preview .focus\:text-destructive:focus {
    color: var(--destructive)
}
.rd-creative-wall-preview .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);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.rd-creative-wall-preview .focus\:ring-ring:focus {
    --tw-ring-color: var(--ring)
}
.rd-creative-wall-preview .focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px
}
.rd-creative-wall-preview .focus-visible\:border-ring:focus-visible {
    border-color: var(--ring)
}
.rd-creative-wall-preview .focus-visible\:bg-accent:focus-visible {
    background-color: var(--accent)
}
.rd-creative-wall-preview .focus-visible\:outline-none:focus-visible {
    outline: 2px solid transparent;
    outline-offset: 2px
}
.rd-creative-wall-preview .focus-visible\:ring-1:focus-visible {
    --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);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.rd-creative-wall-preview .focus-visible\:ring-\[3px\]:focus-visible {
    --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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.rd-creative-wall-preview .active\:cursor-grabbing:active {
    cursor: grabbing
}
.rd-creative-wall-preview .disabled\:pointer-events-none:disabled {
    pointer-events: none
}
.rd-creative-wall-preview .disabled\:opacity-40:disabled {
    opacity: 0.4
}
.rd-creative-wall-preview .disabled\:opacity-50:disabled {
    opacity: 0.5
}
.rd-creative-wall-preview :is(.group\/tab:hover .group-hover\/tab\:flex) {
    display: flex
}
.rd-creative-wall-preview :is(.group\/mrow:hover .group-hover\/mrow\:opacity-100) {
    opacity: 1
}
.rd-creative-wall-preview :is(.group\/row:hover .group-hover\/row\:opacity-100) {
    opacity: 1
}
.rd-creative-wall-preview :is(.group:hover .group-hover\:opacity-100) {
    opacity: 1
}
.rd-creative-wall-preview .data-\[state\=open\]\:bg-accent[data-state="open"] {
    background-color: var(--accent)
}
.rd-creative-wall-preview .data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
    color: var(--muted-foreground)
}
.rd-creative-wall-preview .data-\[state\=open\]\:animate-in[data-state="open"] {
    animation-name: enter;
    animation-duration: 150ms;
    --tw-enter-opacity: initial;
    --tw-enter-scale: initial;
    --tw-enter-rotate: initial;
    --tw-enter-translate-x: initial;
    --tw-enter-translate-y: initial
}
.rd-creative-wall-preview .data-\[state\=closed\]\:animate-out[data-state="closed"] {
    animation-name: exit;
    animation-duration: 150ms;
    --tw-exit-opacity: initial;
    --tw-exit-scale: initial;
    --tw-exit-rotate: initial;
    --tw-exit-translate-x: initial;
    --tw-exit-translate-y: initial
}
.rd-creative-wall-preview .data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
    --tw-exit-opacity: 0
}
.rd-creative-wall-preview .data-\[state\=open\]\:fade-in-0[data-state="open"] {
    --tw-enter-opacity: 0
}
.rd-creative-wall-preview .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
    --tw-exit-scale: .95
}
.rd-creative-wall-preview .data-\[state\=open\]\:zoom-in-95[data-state="open"] {
    --tw-enter-scale: .95
}
@media (min-width: 640px) {
    .rd-creative-wall-preview .sm\:max-w-lg {
        max-width: 32rem
    }
    .rd-creative-wall-preview .sm\:max-w-md {
        max-width: 28rem
    }
    .rd-creative-wall-preview .sm\:flex-row {
        flex-direction: row
    }
    .rd-creative-wall-preview .sm\:items-start {
        align-items: flex-start
    }
    .rd-creative-wall-preview .sm\:justify-end {
        justify-content: flex-end
    }
    .rd-creative-wall-preview .sm\:justify-between {
        justify-content: space-between
    }
    .rd-creative-wall-preview .sm\:text-left {
        text-align: left
    }
}
@media (min-width: 768px) {
    .rd-creative-wall-preview .md\:text-\[10px\] {
        font-size: 10px
    }
}
.rd-creative-wall-preview :is(.\[\&\>\[data-home-widget-id\]\:first-child\>div\]\:rounded-t-none>[data-home-widget-id]:first-child>div) {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px
}
.rd-creative-wall-preview :is(.\[\&\>\[data-home-widget-id\]\:last-child\>div\]\:rounded-b-none>[data-home-widget-id]:last-child>div) {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px
}
.rd-creative-wall-preview :is(.\[\&_\[data-home-widget-id\]\]\:h-full [data-home-widget-id]) {
    height: 100%
}
.rd-creative-wall-preview :is(.\[\&_\[data-home-widget-id\]\]\:min-h-0 [data-home-widget-id]) {
    min-height: 0px
}
.rd-creative-wall-preview :is(.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*='size-'])) {
    width: 1rem;
    height: 1rem
}
.rd-creative-wall-preview :is(.\[\&_svg\]\:pointer-events-none svg) {
    pointer-events: none
}
.rd-creative-wall-preview :is(.\[\&_svg\]\:shrink-0 svg) {
    flex-shrink: 0
}.creative-wall-root {
  --wall-background: #1e1e1e;
  color-scheme: dark;
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 0;
  flex-direction: row;
  overflow: hidden;
  background: #1e1e1e;
  font-family: Inter, sans-serif;
  font-synthesis: none;
}

.rd-creative-wall-preview.rd-creative-wall-project-library {
  --background: var(--rd-creative-wall-host-background);
  --foreground: var(--rd-creative-wall-host-foreground);
  --card: var(--rd-creative-wall-host-card);
  --card-foreground: var(--rd-creative-wall-host-card-foreground);
  --popover: var(--rd-creative-wall-host-popover);
  --popover-foreground: var(--rd-creative-wall-host-popover-foreground);
  --primary: var(--rd-creative-wall-host-primary);
  --primary-foreground: var(--rd-creative-wall-host-primary-foreground);
  --secondary: var(--rd-creative-wall-host-secondary);
  --secondary-foreground: var(--rd-creative-wall-host-secondary-foreground);
  --muted: var(--rd-creative-wall-host-muted);
  --muted-foreground: var(--rd-creative-wall-host-muted-foreground);
  --accent: var(--rd-creative-wall-host-accent);
  --accent-foreground: var(--rd-creative-wall-host-accent-foreground);
  --destructive: var(--rd-creative-wall-host-destructive);
  --destructive-foreground: var(--rd-creative-wall-host-destructive-foreground);
  --border: var(--rd-creative-wall-host-border);
  --input: var(--rd-creative-wall-host-input);
  --ring: var(--rd-creative-wall-host-ring);
}

.rd-creative-wall-project-library .creative-wall-root,
.creative-wall-root.creative-wall-sidebar-host {
  color-scheme: inherit;
  background: var(--background);
  font-family: inherit;
}

.creative-wall-root .creative-wall-stage {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 0;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
  background: var(--wall-background);
}

.creative-wall-root .creative-wall-sidebar {
  height: 100%;
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
}

.creative-wall-root .creative-wall-sidebar-menu {
  position: fixed;
  z-index: 70;
}

.creative-wall-root * {
  box-sizing: border-box;
}

.creative-wall-root button {
  font: inherit;
}

.creative-wall-root .creative-wall-sidebar button,
.creative-wall-root .creative-wall-sidebar input {
  font-size: 9px;
  line-height: 1.15;
}

.creative-wall-root .creative-wall-sidebar-header {
  display: flex;
  height: 28px;
  flex: 0 0 28px;
  align-items: center;
  gap: 4px;
  padding: 0 6px;
  border-bottom: 1px solid var(--border);
  background: color-mix(in srgb, var(--muted) 30%, transparent);
}

.creative-wall-root .creative-wall-sidebar-icon,
.creative-wall-root .creative-wall-sidebar-mark {
  display: grid;
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 2px;
  color: var(--muted-foreground);
  background: transparent;
  cursor: pointer;
}

.creative-wall-root .creative-wall-sidebar-icon:hover,
.creative-wall-root .creative-wall-sidebar-mark:hover {
  color: var(--foreground);
  background: color-mix(in srgb, var(--muted) 55%, transparent);
}

.creative-wall-root .creative-wall-sidebar-list {
  display: flex;
  min-height: 0;
  flex: 1;
  flex-direction: column;
  gap: 2px;
  overflow-y: auto;
  padding: 6px;
  background: var(--card);
}

.creative-wall-root .creative-wall-sidebar-list [data-tab52-sidebar-row] {
  padding: 4px 6px !important;
  border-bottom: 0 !important;
  border-radius: 2px;
}

.creative-wall-root [data-tab52-sidebar-collapsed].creative-wall-sidebar .creative-wall-sidebar-header {
  justify-content: center;
}

.creative-wall-root .creative-wall-sidebar-swatch,
.creative-wall-root .creative-wall-sidebar-mark i {
  display: grid;
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 2px;
  color: #111;
  font-size: 9px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
}

.creative-wall-root .creative-wall-sidebar-mark {
  width: 100%;
  height: 22px;
  border-bottom: 1px solid var(--border);
  border-left: 2px solid transparent;
  border-radius: 0;
}

.creative-wall-root .creative-wall-sidebar-mark.is-active {
  border-left-color: var(--foreground);
  background: color-mix(in srgb, var(--muted) 40%, transparent);
}

.creative-wall-root .creative-wall-sidebar-rename {
  height: 16px;
  margin: 0;
  padding: 0 6px;
  border: 1px solid var(--border);
  border-radius: 2px;
  color: var(--foreground);
  background: var(--background);
  font-size: 9px;
}

.creative-wall-root .gallery-toolbar {
  position: relative;
  display: flex;
  min-height: 28px;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding: 3px 8px;
  border-bottom: 1px solid #353539;
  color: #9b9ba2;
  background: #18181b;
  font-size: 9px;
}

.creative-wall-root .wall-title {
  display: flex;
  min-width: 160px;
  flex-direction: column;
  gap: 2px;
  margin-right: auto;
}

.creative-wall-root .wall-title strong {
  color: #ededf0;
  font-size: 9px;
  font-weight: 400;
}

.creative-wall-root .wall-title span {
  color: #66666e;
  font-size: 9px;
}

.creative-wall-root .create-control {
  position: relative;
}

.creative-wall-root .new-item-button {
  height: 20px;
  padding: 0 7px;
  border: 1px solid #414148;
  border-radius: 4px;
  color: #e4e4e7;
  background: #2b2a30;
  cursor: pointer;
  font-family: inherit;
  font-size: 9px;
}

.creative-wall-root .new-item-button:hover {
  border-color: #57535f;
  background: #38363f;
}

.creative-wall-root .create-menu {
  position: absolute;
  z-index: 45;
  top: 23px;
  right: 0;
  width: 170px;
  max-height: min(410px, calc(100dvh - 70px));
  overflow-y: auto;
  padding: 5px;
  border: 1px solid #47474d;
  border-radius: 8px;
  background: #17171af2;
  box-shadow: 0 18px 45px #000b;
  backdrop-filter: blur(14px);
}

.creative-wall-root .create-menu-floating {
  position: fixed;
  top: auto;
  right: auto;
  z-index: 55;
}

.creative-wall-root .create-menu small {
  display: block;
  padding: 5px 7px 6px;
  color: #6f6f77;
  font-size: 9px;
  letter-spacing: 0.13em;
}

.creative-wall-root .create-menu button {
  display: flex;
  width: 100%;
  height: 20px;
  align-items: center;
  gap: 8px;
  padding: 0 7px;
  border: 0;
  border-radius: 4px;
  color: #c6c6cc;
  background: transparent;
  cursor: pointer;
  font-family: inherit;
  font-size: 9px;
}

.creative-wall-root .create-menu button:hover {
  color: #fff;
  background: #303035;
}

.creative-wall-root .create-menu button i {
  display: grid;
  width: 15px;
  height: 15px;
  place-items: center;
  border-radius: 3px;
  color: #aaa5b5;
  background: #2b2a30;
  font-size: 9px;
  font-style: normal;
}

.creative-wall-root .wall-bg-control {
  position: relative;
}

.creative-wall-root .wall-bg-button {
  display: inline-flex;
  height: 18px;
  align-items: center;
  gap: 4px;
  padding: 0 5px;
  border: 1px solid #3a3a40;
  border-radius: 3px;
  color: #d4d4d8;
  background: #222226;
  cursor: pointer;
  font-size: 9px;
}

.creative-wall-root .wall-bg-button i {
  display: block;
  width: 10px;
  height: 10px;
  border: 1px solid #0006;
  border-radius: 2px;
}

.creative-wall-root .wall-bg-popover {
  position: absolute;
  z-index: 55;
  top: calc(100% + 4px);
  right: 0;
  width: min(220px, calc(100vw - 24px));
  padding: 8px;
  border: 1px solid #47474d;
  border-radius: 6px;
  background: #17171af5;
  box-shadow: 0 18px 45px #000b;
  color: #e4e4e7;
  font-size: 9px;
}

.creative-wall-root .view-option {
  display: flex;
  align-items: center;
  gap: 8px;
}

.creative-wall-root .view-option select {
  height: 21px;
  padding: 0 20px 0 7px;
  border: 1px solid #3c3c42;
  border-radius: 4px;
  color: #f0f0f2;
  background: #26262b;
  cursor: pointer;
  font-family: inherit;
  font-size: 9px;
  outline: none;
}

.creative-wall-root .view-option select:focus-visible {
  border-color: #aaa5b5;
  box-shadow: 0 0 0 1px #aaa5b533;
}

.creative-wall-root .gallery-content {
  min-height: 0;
  flex: 1;
  overflow: auto;
  padding: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.creative-wall-root .gallery-group + .gallery-group {
  margin-top: 5px;
}

.creative-wall-root .group-toggle {
  display: flex;
  width: 100%;
  height: 24px;
  align-items: center;
  gap: 6px;
  margin: 0 0 5px;
  padding: 0 7px;
  border: 1px solid #303036;
  border-radius: 3px;
  color: #a5a5ac;
  background: #202023;
  cursor: pointer;
  font-family: inherit;
  font-size: 9px;
  text-align: left;
  text-transform: capitalize;
}

.creative-wall-root .group-toggle:hover {
  color: #ededf0;
  border-color: #4a4a50;
  background: #202024;
}

.creative-wall-root .group-toggle i {
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 5px solid #707078;
  transition: transform 140ms ease;
}

.creative-wall-root .group-toggle[aria-expanded="true"] i {
  transform: rotate(90deg);
}

.creative-wall-root .group-toggle small {
  margin-left: auto;
  color: #606067;
  font-size: 9px;
  text-transform: none;
}

.creative-wall-root .preview-gallery {
  display: grid;
  align-content: start;
  gap: 8px;
  grid-auto-flow: dense;
}

.creative-wall-root .preview-tile {
  --accent: #a4a4ad;
  --accent-soft: #60606a;
  --tile-surface: #19191c;
  --tile-chrome: #202023;
  --tile-stroke: #37373d;
  --tile-outline: #414148;
  --tile-divider: #38383f;
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--tile-outline);
  border-radius: 4px;
  background: var(--tile-surface);
  transition: border-color 120ms ease;
  cursor: default;
}

.creative-wall-root .preview-tile:hover {
  border-color: #57535f;
}

.creative-wall-root .preview-tile.is-selected {
  border-color: #aaa5b5;
}

.creative-wall-root .preview-tile.is-collapsed {
  min-height: 0;
}

.creative-wall-root .preview-tile.is-archived .preview-surface {
  filter: grayscale(0.85) brightness(0.48);
}

.creative-wall-root .preview-tile.is-archived > header {
  color: #777;
}

.creative-wall-root .preview-tile.is-drag-over {
  border-color: #aaa5b5;
  border-style: dashed;
}

.creative-wall-root .preview-tile.is-pinned > header::after {
  width: 4px;
  height: 4px;
  flex: 0 0 4px;
  border-radius: 50%;
  background: #85818d;
  content: "";
}

.creative-wall-root .theme-cyan {
  --accent: #a4a4ad;
  --accent-soft: #60606a;
}

.creative-wall-root .theme-coral {
  --accent: #a4a4ad;
  --accent-soft: #60606a;
}

.creative-wall-root .theme-lime {
  --accent: #a4a4ad;
  --accent-soft: #60606a;
}

.creative-wall-root .preview-tile > header {
  display: flex;
  min-width: 0;
  height: 26px;
  min-height: 26px;
  flex: 0 0 26px;
  align-items: center;
  gap: 4px;
  padding: 3px 6px;
  border-bottom: 1px solid var(--tile-divider);
  color: #e4e4e7;
  background: var(--tile-chrome);
  font-family: inherit;
  font-size: 10px;
  font-style: normal;
  font-variation-settings: normal;
  font-weight: 400;
  line-height: 1.3;
}

.creative-wall-root .preview-tile.is-collapsed > header {
  height: 100%;
  min-height: 0;
  flex: 1 1 auto;
  border-bottom: 0;
}

.creative-wall-root .tile-body {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 0;
  flex: 1 1 0;
  overflow: hidden;
  background: var(--tile-surface);
}

.creative-wall-root .tile-body > * {
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  flex: 1;
}

.creative-wall-root .tile-footer {
  display: flex;
  min-width: 0;
  height: 22px;
  flex: 0 0 22px;
  align-items: center;
  padding: 2px 8px;
  overflow: hidden;
  border-top: 1px solid var(--tile-divider);
  background: var(--tile-chrome);
}

.creative-wall-root .tile-chrome-row {
  display: flex;
  width: 100%;
  min-width: 0;
  min-height: 20px;
  flex: 1;
  align-items: center;
  gap: 4px;
}

.creative-wall-root .tile-collapse-toggle {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  padding: 0;
  border: 0;
  border-radius: 3px;
  color: #a4a4ad;
  background: transparent;
  cursor: pointer;
  position: relative;
}

.creative-wall-root .tile-collapse-toggle::before {
  position: absolute;
  top: 6px;
  left: 7px;
  width: 5px;
  height: 5px;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  content: "";
  transform: rotate(45deg);
}

.creative-wall-root .preview-tile.is-collapsed .tile-collapse-toggle::before {
  transform: rotate(-45deg);
  top: 7px;
  left: 6px;
}

.creative-wall-root .tile-edit-button {
  display: inline-flex;
  height: 20px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
  border: 0;
  border-radius: 3px;
  color: #92909c;
  background: transparent;
  cursor: pointer;
  font-family: inherit;
  font-size: 9px;
  line-height: 1;
}

.creative-wall-root .tile-edit-button:hover,
.creative-wall-root .tile-edit-button[aria-expanded="true"],
.creative-wall-root .tile-edit-button[aria-pressed="true"] {
  color: #d4d4dc;
  background: #302e36;
}

.creative-wall-root .tile-collapse-toggle:hover {
  color: #e4e4e7;
  background: color-mix(in srgb, #a4a4ad 12%, transparent);
}

.creative-wall-root .tile-collapse-toggle:focus-visible,
.creative-wall-root .tile-edit-button:focus-visible,
.creative-wall-root .file-title:focus-visible,
.creative-wall-root .tile-footer button:focus-visible,
.creative-wall-root .text-format-bar button:focus-visible,
.creative-wall-root .embed-mode-bar button:focus-visible {
  outline: 1px solid #aaa5b5;
  outline-offset: 1px;
}

.creative-wall-root .preview-tile > header .file-title {
  display: block;
  min-width: 0;
  flex: 1;
  overflow: hidden;
  padding: 0;
  border: 0;
  color: inherit;
  background: transparent;
  cursor: text;
  font: inherit;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.creative-wall-root .title-input {
  min-width: 0;
  flex: 1;
  width: 100%;
  height: 20px;
  padding: 2px 5px;
  border: 1px solid #57535f;
  border-radius: 2px;
  color: #e4e4e7;
  background: var(--tile-surface);
  font-family: inherit;
  font-size: inherit;
  outline: none;
}

.creative-wall-root .file-tags {
  display: flex;
  width: 100%;
  min-width: 0;
  align-items: center;
  gap: 4px;
  overflow: hidden;
}

.creative-wall-root .file-tags button {
  flex: 0 0 auto;
  max-width: 100%;
  height: 18px;
  padding: 2px 5px;
  overflow: hidden;
  border: 0;
  border-radius: 3px;
  color: #aaa5b5;
  background: #2c2b30;
  cursor: pointer;
  font-family: inherit;
  font-size: 9px;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.creative-wall-root .file-tags button:hover {
  background: #36343b;
}

.creative-wall-root .add-file-tag {
  height: 18px;
  padding: 2px 0;
  border: 0;
  color: #81818b;
  background: transparent;
  cursor: pointer;
  font-family: inherit;
  font-size: 9px;
}

.creative-wall-root .add-file-tag:hover {
  color: #b7b7bd;
}

.creative-wall-root .creative-wall-widget-surface {
  min-height: 0;
}

.creative-wall-root .creative-wall-widget {
  color: #e4e4e7;
  font-size: 9px;
}

.creative-wall-root .creative-wall-linked-preview {
  overflow: hidden;
  background: #141619;
}

.creative-wall-root .creative-wall-open-overlay {
  position: absolute;
  z-index: 80;
  inset: 0;
  display: flex;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  background: var(--wall-background);
}

.creative-wall-root .creative-wall-open-header {
  display: flex;
  height: 28px;
  flex: 0 0 28px;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  padding: 0 6px;
  border-bottom: 1px solid #3b3b40;
  background: #17171a;
  color: #e4e4e7;
  font-size: 9px;
}

.creative-wall-root .creative-wall-open-header span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.creative-wall-root .creative-wall-open-actions {
  display: flex;
  align-items: center;
  gap: 4px;
}

.creative-wall-root .creative-wall-open-header button,
.creative-wall-root .creative-wall-open-header a {
  display: flex;
  height: 20px;
  align-items: center;
  gap: 3px;
  padding: 0 5px;
  border: 1px solid #46464d;
  border-radius: 3px;
  background: #242429;
  color: #d4d4d8;
  font-size: 9px;
  text-decoration: none;
}

.creative-wall-root .creative-wall-open-body {
  min-width: 0;
  min-height: 0;
  flex: 1;
  overflow: hidden;
}

.creative-wall-root .creative-wall-open-media,
.creative-wall-root .creative-wall-open-frame {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  -o-object-fit: contain;
     object-fit: contain;
  background: #111114;
}

.creative-wall-root .creative-wall-open-audio {
  display: block;
  width: min(560px, calc(100% - 24px));
  margin: 24px auto;
}

.creative-wall-root .preview-surface {
  position: relative;
  min-height: 0;
  flex: 1;
  overflow: hidden;
  min-width: 0;
  border: 0;
  background: var(--tile-surface);
}

.creative-wall-root .placeholder-preview {
  display: grid;
  padding: 8px;
  place-items: stretch;
  background: var(--tile-surface);
}

.creative-wall-root .placeholder-frame {
  display: flex;
  min-height: 0;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  border: 0;
  border-radius: 3px;
  color: #81818b;
  text-align: center;
}

.creative-wall-root .placeholder-frame i {
  width: 13px;
  height: 16px;
  border: 1px solid #4a4a52;
  border-radius: 2px;
  background: #2a2a30;
}

.creative-wall-root .placeholder-frame span {
  color: #8a8a92;
  font-size: 10px;
}

.creative-wall-root .placeholder-frame small {
  color: #81818b;
  font-size: 9px;
}

.creative-wall-root .writing-preview {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0;
  background: var(--tile-surface);
}

.creative-wall-root .text-format-bar {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  align-items: center;
  min-height: 28px;
  gap: 3px;
  padding: 4px 6px;
  border-bottom: 1px solid var(--tile-divider);
  background: var(--tile-chrome);
}

.creative-wall-root .text-format-bar button {
  height: 20px;
  min-width: 20px;
  padding: 0 5px;
  border: 1px solid transparent;
  border-radius: 3px;
  color: #a4a4ad;
  background: transparent;
  cursor: pointer;
  font-size: 9px;
  line-height: 1;
}

.creative-wall-root .text-format-bar button:hover,
.creative-wall-root .text-format-bar button.is-active,
.creative-wall-root .text-format-bar button[aria-pressed="true"] {
  color: #e4e4e7;
  background: color-mix(in srgb, #a4a4ad 14%, var(--tile-chrome));
}

.creative-wall-root .text-format-swatches {
  display: flex;
  gap: 4px;
  align-items: center;
  margin-left: 2px;
}

.creative-wall-root .text-format-swatches button {
  width: 12px;
  min-width: 12px;
  height: 12px;
  padding: 0;
  border-radius: 2px;
}

.creative-wall-root .text-format-swatches button[aria-pressed="true"] {
  outline: 1px solid #aaa5b5;
  outline-offset: 1px;
}

.creative-wall-root .writing-preview textarea,
.creative-wall-root .html-embed textarea {
  width: 100%;
  height: auto;
  min-height: 0;
  flex: 1;
  resize: none;
  padding: 8px;
  border: 0;
  color: #d7d7dc;
  background: transparent;
  font-family: inherit;
  font-size: 11px;
  line-height: 1.5;
  outline: none;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}

.creative-wall-root .writing-preview textarea::-moz-placeholder, .creative-wall-root .html-embed textarea::-moz-placeholder {
  color: #81818b;
}

.creative-wall-root .writing-preview textarea::placeholder,
.creative-wall-root .html-embed textarea::placeholder {
  color: #81818b;
}

.creative-wall-root .writing-note,
.creative-wall-root .writing-writing-area,
.creative-wall-root .writing-word-document,
.creative-wall-root .writing-sheets {
  background: var(--tile-surface);
}

.creative-wall-root .writing-text-box textarea {
  font-size: 12px;
  line-height: 1.5;
}

.creative-wall-root .slash-menu {
  position: absolute;
  z-index: 25;
  right: 6px;
  bottom: 6px;
  left: 6px;
  max-height: min(165px, calc(100% - 12px));
  overflow-y: auto;
  padding: 5px;
  border: 1px solid #46464d;
  border-radius: 6px;
  background: #18181cf2;
  box-shadow: 0 12px 30px #000b;
  backdrop-filter: blur(12px);
}

.creative-wall-root .slash-menu > small {
  display: block;
  padding: 3px 5px 5px;
  color: #6e6e76;
  font-size: 9px;
  letter-spacing: 0.14em;
}

.creative-wall-root .slash-menu button {
  display: flex;
  width: 100%;
  min-height: 20px;
  align-items: center;
  gap: 7px;
  padding: 4px 5px;
  border: 0;
  border-radius: 3px;
  color: #bdbdc4;
  background: transparent;
  cursor: pointer;
  font-family: inherit;
  text-align: left;
}

.creative-wall-root .slash-menu button:hover,
.creative-wall-root .slash-menu button.is-active {
  color: #fff;
  background: #303035;
}

.creative-wall-root .slash-menu button > i {
  display: grid;
  width: 21px;
  height: 21px;
  flex: 0 0 21px;
  place-items: center;
  border: 1px solid #3e3e45;
  border-radius: 3px;
  color: #aaa5b5;
  background: #222228;
  font-size: 9px;
  font-style: normal;
}

.creative-wall-root .slash-menu button > span {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 1px;
}

.creative-wall-root .slash-menu button b {
  font-size: 9px;
  font-weight: 400;
}

.creative-wall-root .slash-menu button em {
  overflow: hidden;
  color: #6f6f77;
  font-size: 9px;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.creative-wall-root .embed-placeholder {
  display: flex;
  min-width: 0;
  min-height: 0;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 10px;
  color: #77747f;
  background: var(--tile-surface);
}

.creative-wall-root .embed-placeholder svg {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  stroke-width: 1.5;
}

.creative-wall-root .embed-placeholder small {
  color: #92909c;
  font-size: 9px;
  font-weight: 400;
  line-height: 1.3;
}

.creative-wall-root .embed-entry {
  display: flex;
  min-height: 0;
  flex: 1;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
  padding: 10px;
  overflow: auto;
  border: 0;
  background: var(--tile-surface);
}

.creative-wall-root .embed-entry > i {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  border: 1px solid #60606a;
  border-radius: 3px;
}

.creative-wall-root .embed-entry strong {
  color: #a4a4ad;
  font-size: 10px;
  font-weight: 400;
}

.creative-wall-root .embed-entry input {
  width: 100%;
  min-width: 0;
  height: 26px;
  flex: 0 0 auto;
  padding: 0 7px;
  border: 1px solid var(--tile-outline);
  border-radius: 3px;
  color: #d9d9dd;
  background: var(--tile-chrome);
  font-family: inherit;
  font-size: 10px;
  outline: none;
}

.creative-wall-root .embed-entry input:focus {
  border-color: #aaa5b5;
}

.creative-wall-root .embed-entry-actions {
  display: flex;
  width: 100%;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}

.creative-wall-root .embed-entry button,
.creative-wall-root .media-preview button,
.creative-wall-root .bookmark-preview button,
.creative-wall-root .site-preview button {
  min-height: 22px;
  padding: 3px 7px;
  border: 1px solid var(--tile-outline);
  border-radius: 3px;
  color: #b4b4bd;
  background: var(--tile-chrome);
  cursor: pointer;
  font-family: inherit;
  font-size: 9px;
}

.creative-wall-root .embed-entry button:hover,
.creative-wall-root .media-preview button:hover,
.creative-wall-root .bookmark-preview button:hover,
.creative-wall-root .site-preview button:hover {
  color: #fff;
  border-color: #57535f;
}

.creative-wall-root .site-preview,
.creative-wall-root .media-preview,
.creative-wall-root .bookmark-preview,
.creative-wall-root .html-embed {
  position: relative;
  min-height: 0;
  flex: 1;
  overflow: hidden;
  border: 0;
  background: var(--tile-surface);
}

.creative-wall-root .site-preview {
  display: flex;
  flex-direction: column;
}

.creative-wall-root .site-preview iframe,
.creative-wall-root .html-embed iframe {
  width: 100%;
  height: 100%;
  border: 0;
  background: #fff;
}

.creative-wall-root .site-preview iframe {
  min-height: 0;
  height: auto;
  flex: 1;
}

.creative-wall-root .site-preview > div {
  display: flex;
  min-width: 0;
  min-height: 28px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  padding: 3px 6px;
  border-top: 1px solid var(--tile-divider);
  color: #a4a4ad;
  background: var(--tile-chrome);
  font-size: 9px;
}

.creative-wall-root .media-preview img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.creative-wall-root .media-preview button {
  position: absolute;
  right: 5px;
  bottom: 5px;
}

.creative-wall-root .bookmark-preview {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 7px;
  padding: 10px;
}

.creative-wall-root .bookmark-preview small {
  color: #a4a4ad;
  font-size: 9px;
  letter-spacing: 0.04em;
}

.creative-wall-root .bookmark-preview a {
  overflow: hidden;
  color: #e5e5e8;
  font-size: 12px;
  line-height: 1.4;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.creative-wall-root .bookmark-preview span {
  overflow: hidden;
  color: #81818b;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.creative-wall-root .bookmark-preview button {
  align-self: flex-start;
  margin-top: 5px;
}

.creative-wall-root .html-embed {
  display: flex;
  flex-direction: column;
}

.creative-wall-root .embed-mode-bar {
  display: flex;
  min-height: 28px;
  flex: 0 0 auto;
  align-items: center;
  flex-wrap: wrap;
  gap: 3px;
  padding: 4px 6px;
  border-bottom: 1px solid var(--tile-divider);
  background: var(--tile-chrome);
}

.creative-wall-root .embed-mode-bar button {
  height: 20px;
  padding: 0 6px;
  border: 0;
  border-radius: 2px;
  color: #a4a4ad;
  background: transparent;
  cursor: pointer;
  font-family: inherit;
  font-size: 9px;
}

.creative-wall-root .embed-mode-bar button:hover,
.creative-wall-root .embed-mode-bar button.is-active,
.creative-wall-root .embed-mode-bar button[aria-pressed="true"] {
  color: #dddde1;
  background: color-mix(in srgb, #a4a4ad 14%, var(--tile-chrome));
}

.creative-wall-root .html-embed textarea {
  min-height: 0;
  flex: 1;
  color: #c4c4cc;
  background: var(--tile-surface);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 10px;
}

.creative-wall-root .resize-handle {
  position: absolute;
  z-index: 12;
  right: 1px;
  bottom: 1px;
  width: 14px;
  height: 14px;
  padding: 0;
  border: 0;
  background:
    linear-gradient(135deg, transparent 45%, #77777f 46%, #77777f 52%, transparent 53%) 4px 4px / 6px 6px no-repeat,
    linear-gradient(135deg, transparent 45%, #77777f 46%, #77777f 52%, transparent 53%) 7px 7px / 6px 6px no-repeat;
  cursor: nwse-resize;
  opacity: 0;
  touch-action: none;
}

.creative-wall-root .preview-tile:hover .resize-handle,
.creative-wall-root .preview-tile.is-selected .resize-handle {
  opacity: 1;
}

/* HTML page */
.creative-wall-root .browser-bar {
  display: flex;
  height: 19px;
  align-items: center;
  gap: 3px;
  padding: 0 7px;
  border-bottom: 1px solid #27272b;
  background: #131316;
}

.creative-wall-root .browser-bar span {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #56565e;
}

.creative-wall-root .browser-bar i {
  width: 48%;
  height: 7px;
  margin: auto;
  border: 1px solid #2d2d33;
  border-radius: 5px;
}

.creative-wall-root .web-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 10px 0;
  color: #eeeef1;
  font-size: 5px;
  letter-spacing: 0.1em;
}

.creative-wall-root .web-nav b {
  color: var(--accent);
  font-size: 6px;
}

.creative-wall-root .web-hero {
  position: relative;
  height: calc(100% - 41px);
  padding: 22px 12px 10px;
}

.creative-wall-root .web-hero small {
  position: relative;
  z-index: 1;
  color: var(--accent);
  font-size: 5px;
  letter-spacing: 0.17em;
}

.creative-wall-root .web-hero strong {
  position: relative;
  z-index: 1;
  display: block;
  width: 90%;
  margin-top: 8px;
  color: #f3f0ec;
  font-size: clamp(22px, 2.1vw, 33px);
  font-weight: 400;
  letter-spacing: -0.075em;
  line-height: 0.86;
}

.creative-wall-root .web-hero p {
  position: relative;
  z-index: 1;
  width: 64%;
  margin: 10px 0 0;
  color: #797981;
  font-size: 6px;
  line-height: 1.5;
}

.creative-wall-root .web-hero button {
  position: absolute;
  bottom: 11px;
  left: 12px;
  display: flex;
  width: 72px;
  height: 18px;
  align-items: center;
  justify-content: space-between;
  padding: 0 6px;
  border: 1px solid #3b3b40;
  border-radius: 10px;
  color: #dfdfe2;
  background: #111114;
  font-size: 5px;
}

.creative-wall-root .web-hero button span {
  color: var(--accent);
}

.creative-wall-root .web-orbit {
  position: absolute;
  top: 20px;
  right: -24px;
  width: 104px;
  height: 104px;
  border: 1px solid color-mix(in srgb, var(--accent) 45%, transparent);
  border-radius: 50%;
}

.creative-wall-root .web-orbit::before,
.creative-wall-root .web-orbit::after {
  position: absolute;
  content: "";
  border-radius: 50%;
}

.creative-wall-root .web-orbit::before {
  inset: 14px;
  border: 1px solid color-mix(in srgb, var(--accent) 25%, transparent);
}

.creative-wall-root .web-orbit::after {
  top: 27px;
  left: 27px;
  width: 7px;
  height: 7px;
  background: var(--accent);
  box-shadow: 0 0 18px var(--accent);
}

/* Word document */
.creative-wall-root .document-preview {
  padding: 7px 8px 0;
  background: #131418;
}

.creative-wall-root .document-toolbar {
  display: flex;
  height: 18px;
  align-items: center;
  gap: 7px;
  padding: 0 4px;
}

.creative-wall-root .document-mark,
.creative-wall-root .sheet-mark {
  display: grid;
  width: 13px;
  height: 13px;
  place-items: center;
  border-radius: 2px;
  color: #070708;
  background: var(--accent);
  font-size: 7px;
  font-weight: 700;
}

.creative-wall-root .document-toolbar i {
  width: 12px;
  height: 3px;
  border-radius: 2px;
  background: #34353b;
}

.creative-wall-root .paper {
  height: calc(100% - 22px);
  margin: 4px 8px 0;
  padding: 16px 14px;
  border-radius: 2px 2px 0 0;
  color: #1e1e21;
  background: #e7e4dc;
  box-shadow: 0 7px 25px #0008;
}

.creative-wall-root .paper small {
  color: var(--accent-soft);
  font-size: 5px;
  letter-spacing: 0.13em;
}

.creative-wall-root .paper h3 {
  margin: 7px 0 12px;
  font-family: Georgia, serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.04em;
}

.creative-wall-root .paper-rule {
  width: 76%;
  height: 2px;
  margin-top: 5px;
  background: #aaa8a2;
}

.creative-wall-root .paper-rule.wide {
  width: 100%;
}

.creative-wall-root .paper-rule.short {
  width: 52%;
}

.creative-wall-root .paper blockquote {
  margin: 15px 0;
  padding-left: 8px;
  border-left: 2px solid var(--accent-soft);
  font-family: Georgia, serif;
  font-size: 9px;
  font-style: italic;
  line-height: 1.4;
}

/* Image */
.creative-wall-root .image-preview {
  isolation: isolate;
  background: #17151f;
}

.creative-wall-root .art-flat {
  background: var(--tile-surface);
}

.creative-wall-root .art-grid {
  display: none;
}

.creative-wall-root .art-sun,
.creative-wall-root .art-arc {
  display: none;
}

.creative-wall-root .art-card {
  position: absolute;
  bottom: 23px;
  left: 10px;
  display: flex;
  width: 73%;
  flex-direction: column;
  gap: 3px;
  padding: 9px;
  border: 1px solid #ffffff4d;
  color: #fff;
  background: #060609aa;
  backdrop-filter: blur(8px);
}

.creative-wall-root .art-card small {
  color: var(--accent);
  font-size: 5px;
  letter-spacing: 0.14em;
}

.creative-wall-root .art-card strong {
  font-size: 13px;
  font-weight: 400;
}

.creative-wall-root .image-meta {
  position: absolute;
  right: 7px;
  bottom: 7px;
  left: 7px;
  display: flex;
  justify-content: space-between;
  color: #ffffffb3;
  font-size: 5px;
  letter-spacing: 0.1em;
}

/* Sheets */
.creative-wall-root .sheets-preview {
  padding: 8px;
  background: #0c100f;
}

.creative-wall-root .sheet-toolbar {
  display: flex;
  height: 20px;
  align-items: center;
  justify-content: space-between;
  color: #777e7a;
  font-size: 6px;
}

.creative-wall-root .sheet-toolbar b {
  margin-right: auto;
  padding-left: 6px;
  color: #d6ddd8;
  font-weight: 400;
}

.creative-wall-root .metric-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin: 9px 1px 5px;
}

.creative-wall-root .metric-row small {
  display: block;
  color: #707873;
  font-size: 5px;
  letter-spacing: 0.1em;
}

.creative-wall-root .metric-row strong {
  display: block;
  margin-top: 2px;
  color: #eef2ef;
  font-size: 19px;
  font-weight: 400;
  letter-spacing: -0.06em;
}

.creative-wall-root .metric-row > span {
  margin-bottom: 3px;
  color: var(--accent);
  font-size: 6px;
}

.creative-wall-root .chart {
  display: flex;
  height: 51px;
  align-items: end;
  gap: 5px;
  padding: 5px 7px 0;
  border: 1px solid #252a27;
  background:
    linear-gradient(#1d211f 1px, transparent 1px) 0 0 / 100% 16px;
}

.creative-wall-root .chart i {
  flex: 1;
  min-height: 4px;
  border-radius: 1px 1px 0 0;
  background: var(--accent);
}

.creative-wall-root .sheet-grid {
  display: grid;
  grid-template-columns: 1.4fr 0.8fr 0.7fr;
  margin-top: 7px;
  border-top: 1px solid #252a27;
  border-left: 1px solid #252a27;
  color: #8e9791;
  font-size: 5px;
}

.creative-wall-root .sheet-grid > * {
  margin: 0;
  padding: 4px;
  border-right: 1px solid #252a27;
  border-bottom: 1px solid #252a27;
  font-style: normal;
  font-weight: 400;
}

.creative-wall-root .sheet-grid b {
  color: #d8ddd9;
  background: #171b18;
}

.creative-wall-root .sheet-grid em {
  color: var(--accent);
}

/* Canvas */
.creative-wall-root .canvas-preview {
  background: #111116;
}

.creative-wall-root .canvas-dots {
  display: none;
}

.creative-wall-root .canvas-tools {
  position: absolute;
  top: 7px;
  left: 7px;
  z-index: 3;
  display: flex;
  gap: 1px;
  padding: 2px;
  border: 1px solid #33333a;
  border-radius: 4px;
  background: #1a1a20;
}

.creative-wall-root .canvas-tools span {
  display: grid;
  width: 15px;
  height: 14px;
  place-items: center;
  color: #8b8b94;
  font-size: 7px;
}

.creative-wall-root .canvas-tools span:first-child {
  color: #09090a;
  border-radius: 2px;
  background: var(--accent);
}

.creative-wall-root .canvas-node {
  position: absolute;
  z-index: 2;
  border: 1px solid #45454e;
  color: #dcdce1;
  background: #1b1b21;
  box-shadow: 0 6px 15px #0006;
}

.creative-wall-root .node-main {
  top: 51px;
  left: 18%;
  width: 68%;
  padding: 9px;
  border-color: var(--accent-soft);
  border-radius: 4px;
}

.creative-wall-root .node-main small {
  display: block;
  color: var(--accent);
  font-size: 5px;
  letter-spacing: 0.12em;
}

.creative-wall-root .node-main strong {
  display: block;
  margin-top: 5px;
  font-size: 10px;
  font-weight: 400;
}

.creative-wall-root .node-main i {
  display: block;
  width: 56%;
  height: 3px;
  margin-top: 7px;
  border-radius: 2px;
  background: #3b3b43;
}

.creative-wall-root .node-small {
  width: 51px;
  padding: 6px;
  border-radius: 3px;
  font-size: 5px;
  text-align: center;
}

.creative-wall-root .node-a {
  bottom: 31px;
  left: 10px;
}

.creative-wall-root .node-b {
  right: 9px;
  bottom: 42px;
}

.creative-wall-root .node-dot {
  top: 41px;
  right: 10px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 11px color-mix(in srgb, var(--accent) 60%, transparent);
}

.creative-wall-root .connector {
  position: absolute;
  z-index: 1;
  height: 1px;
  background: var(--accent-soft);
  transform-origin: left center;
}

.creative-wall-root .connector-one {
  bottom: 58px;
  left: 50%;
  width: 60px;
  transform: rotate(24deg);
}

.creative-wall-root .connector-two {
  bottom: 61px;
  left: 28%;
  width: 52px;
  transform: rotate(151deg);
}

.creative-wall-root .canvas-zoom {
  position: absolute;
  right: 7px;
  bottom: 7px;
  color: #64646d;
  font-size: 5px;
}

/* Note */
.creative-wall-root .note-preview {
  padding: 12px;
  background:
    linear-gradient(90deg, transparent 21px, #202026 22px, transparent 23px),
    #111115;
}

.creative-wall-root .note-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--accent);
  font-size: 5px;
  letter-spacing: 0.15em;
}

.creative-wall-root .note-topline i {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 9px var(--accent);
}

.creative-wall-root .note-preview h3 {
  margin: 16px 0 5px;
  color: #efedf2;
  font-family: Georgia, serif;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: -0.04em;
}

.creative-wall-root .note-preview p {
  margin: 0;
  color: #707079;
  font-size: 6px;
  line-height: 1.55;
}

.creative-wall-root .note-preview ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 15px 0 0;
  padding: 0;
  color: #a7a7af;
  font-size: 6px;
  list-style: none;
}

.creative-wall-root .note-preview li {
  display: flex;
  align-items: center;
  gap: 6px;
}

.creative-wall-root .note-preview li i {
  width: 8px;
  height: 8px;
  border: 1px solid #52525b;
  border-radius: 2px;
}

.creative-wall-root .note-preview li.done {
  color: #5e5e65;
  text-decoration: line-through;
}

.creative-wall-root .note-preview li.done i {
  border-color: var(--accent-soft);
  background: var(--accent-soft);
}

.creative-wall-root .note-tags {
  position: absolute;
  right: 10px;
  bottom: 10px;
  left: 10px;
  display: flex;
  gap: 4px;
}

.creative-wall-root .note-tags span {
  padding: 3px 5px;
  border: 1px solid #303038;
  border-radius: 8px;
  color: #707079;
  font-size: 4px;
  letter-spacing: 0.1em;
}

.creative-wall-root .file-context-menu {
  position: fixed;
  z-index: 50;
  width: 180px;
  overflow: hidden;
  padding: 5px;
  border: 1px solid #47474d;
  border-radius: 8px;
  color: #e9e9ec;
  background: #17171aee;
  box-shadow: 0 18px 45px #000a;
  backdrop-filter: blur(14px);
}

.creative-wall-root .context-selection-count {
  padding: 7px 8px 8px;
  color: #77777f;
  font-size: 9px;
  letter-spacing: 0.02em;
}

.creative-wall-root .file-context-menu button {
  display: flex;
  width: 100%;
  height: 20px;
  align-items: center;
  justify-content: space-between;
  padding: 0 8px;
  border: 0;
  border-radius: 4px;
  color: #d9d9dd;
  background: transparent;
  cursor: pointer;
  font-size: 9px;
  text-align: left;
}

.creative-wall-root .file-context-menu button:hover {
  color: #fff;
  background: #303035;
}

.creative-wall-root .file-context-menu kbd {
  color: #77777f;
  font-family: inherit;
  font-size: 9px;
}

.creative-wall-root .context-danger-zone {
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid #35353a;
}

.creative-wall-root .context-danger-zone small {
  display: block;
  padding: 4px 8px 3px;
  color: #9e4b4b;
  font-size: 9px;
  letter-spacing: 0.14em;
}

.creative-wall-root .context-danger-zone button,
.creative-wall-root .context-danger-zone button kbd {
  color: #ff6d6d;
}

.creative-wall-root .tag-editor {
  position: fixed;
  z-index: 60;
  width: 206px;
  overflow: hidden;
  padding: 6px;
  border: 1px solid #47474d;
  border-radius: 8px;
  color: #e9e9ec;
  background: #17171af2;
  box-shadow: 0 18px 45px #000b;
  backdrop-filter: blur(14px);
}

.creative-wall-root .tag-editor-heading {
  padding: 4px 5px 7px;
  color: #9b9ba2;
  font-size: 9px;
  font-weight: 500;
}

.creative-wall-root .tag-editor form {
  margin: 0;
}

.creative-wall-root .tag-editor input {
  width: 100%;
  height: 20px;
  padding: 0 8px;
  border: 1px solid #3e3e44;
  border-radius: 4px;
  color: #ededf0;
  background: #242429;
  font-family: inherit;
  font-size: 9px;
  outline: none;
}

.creative-wall-root .tag-editor input:focus {
  border-color: #7560a5;
  box-shadow: 0 0 0 2px #7560a533;
}

.creative-wall-root .tag-options-list {
  max-height: 148px;
  overflow-y: auto;
  margin-top: 5px;
}

.creative-wall-root .tag-options-list button,
.creative-wall-root .create-tag {
  display: flex;
  width: 100%;
  height: 20px;
  align-items: center;
  gap: 7px;
  padding: 0 7px;
  border: 0;
  border-radius: 4px;
  color: #b8b8be;
  background: transparent;
  cursor: pointer;
  font-family: inherit;
  font-size: 9px;
  text-align: left;
}

.creative-wall-root .tag-options-list button:hover,
.creative-wall-root .create-tag:hover {
  color: #fff;
  background: #303035;
}

.creative-wall-root .tag-options-list button i {
  width: 7px;
  height: 7px;
  border-radius: 2px;
  background: #7560a5;
}

.creative-wall-root .tag-options-list button:nth-child(2n) i {
  background: #33878c;
}

.creative-wall-root .tag-options-list button:nth-child(3n) i {
  background: #a8554b;
}

.creative-wall-root .tag-options-list button:nth-child(4n) i {
  background: #718f3f;
}

.creative-wall-root .tag-options-list button b {
  margin-left: auto;
  color: #aaa5b5;
  font-size: 9px;
  font-weight: 400;
}

.creative-wall-root .create-tag {
  margin-top: 5px;
  border-top: 1px solid #35353a;
  border-radius: 0;
  color: #c2beca;
}

.creative-wall-root .tag-editor-footer {
  margin-top: 4px;
  padding: 6px 6px 2px;
  border-top: 1px solid #35353a;
  color: #66666e;
  font-size: 9px;
}

@media (max-width: 560px) {
  .creative-wall-root .gallery-content {
    padding: 8px;
  }

  .creative-wall-root .gallery-toolbar {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
    padding: 8px;
  }

  .creative-wall-root .wall-title {
    width: 100%;
  }

  .creative-wall-root .web-hero strong {
    font-size: 22px;
  }
}

.creative-wall-root .toolbar-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
}

.creative-wall-root .toolbar-actions > button {
  height: 20px;
  padding: 0 6px;
  border: 1px solid #3a3a40;
  border-radius: 3px;
  color: #d4d4d8;
  background: #222226;
  cursor: pointer;
  font-size: 9px;
}

.creative-wall-root .toolbar-actions > button:disabled {
  opacity: 0.35;
  cursor: default;
}

.creative-wall-root .toolbar-actions > button:not(:disabled):hover {
  border-color: #55555c;
  background: #2c2c32;
}

.creative-wall-root .hide-archived {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin: 0;
  color: #9b9ba2;
  font-size: 9px;
}

.creative-wall-root .hide-archived input {
  margin: 0;
}

.creative-wall-root .gallery-content {
  position: relative;
}

.creative-wall-root .gallery-content.is-marquee-active {
  touch-action: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.creative-wall-root .creative-wall-marquee {
  position: absolute;
  z-index: 40;
  display: none;
  pointer-events: none;
  contain: layout style;
  border: 1px solid #a8b0c0;
  background: rgb(168 176 192 / 16%);
  will-change: transform, width, height;
}

.creative-wall-root .recolor-popover,
.creative-wall-root .history-dialog {
  position: fixed;
  z-index: 60;
  top: 50%;
  left: 50%;
  width: min(320px, calc(100vw - 24px));
  max-height: min(420px, calc(100dvh - 32px));
  overflow: auto;
  padding: 8px;
  border: 1px solid #47474d;
  border-radius: 6px;
  background: #17171af5;
  box-shadow: 0 18px 45px #000b;
  transform: translate(-50%, -50%);
  color: #e4e4e7;
  font-size: 9px;
}

.creative-wall-root .recolor-heading,
.creative-wall-root .history-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
  font-size: 9px;
}

.creative-wall-root .recolor-channels {
  display: flex;
  gap: 2px;
  margin-bottom: 6px;
}

.creative-wall-root .recolor-channels button {
  height: 16px;
  flex: 1;
  padding: 0 4px;
  border: 1px solid #3a3a40;
  border-radius: 3px;
  color: #a1a1aa;
  background: #1c1c20;
  cursor: pointer;
  font-size: 9px;
}

.creative-wall-root .recolor-channels button.is-active {
  color: #f4f4f5;
  border-color: #6b6b74;
  background: #2a2a30;
}

.creative-wall-root .recolor-swatches {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 4px;
  margin-bottom: 8px;
}

.creative-wall-root .context-text-section {
  margin-top: 4px;
  padding-top: 4px;
  border-top: 1px solid #2e2e32;
}

.creative-wall-root .context-text-section > small {
  display: block;
  padding: 2px 8px 4px;
  color: #6f6f77;
  font-size: 9px;
  letter-spacing: 0.12em;
}

.creative-wall-root .context-text-swatches {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  padding: 2px 8px 6px;
}

.creative-wall-root .context-text-swatches button {
  width: 12px;
  height: 12px;
  padding: 0;
  border: 1px solid #0006;
  border-radius: 2px;
  cursor: pointer;
}

.creative-wall-root .recolor-swatches button {
  width: 100%;
  aspect-ratio: 1;
  border: 1px solid #0006;
  border-radius: 3px;
  cursor: pointer;
}

.creative-wall-root .recolor-custom {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;
}

.creative-wall-root .recolor-reset,
.creative-wall-root .history-actions button,
.creative-wall-root .history-row-actions button,
.creative-wall-root .history-heading button {
  height: 18px;
  padding: 0 6px;
  border: 1px solid #3a3a40;
  border-radius: 3px;
  color: #d4d4d8;
  background: #222226;
  cursor: pointer;
  font-size: 9px;
}

.creative-wall-root .history-actions {
  display: flex;
  gap: 4px;
  margin-bottom: 8px;
}

.creative-wall-root .history-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.creative-wall-root .history-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 6px 0;
  border-top: 1px solid #2e2e32;
}

.creative-wall-root .history-list strong {
  display: block;
  font-weight: 500;
}

.creative-wall-root .history-list small {
  color: #8b8b93;
}

.creative-wall-root .history-row-actions {
  display: flex;
  gap: 4px;
}

.creative-wall-root .history-empty {
  color: #8b8b93;
  border-top: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .creative-wall-root .preview-tile {
    transition: none;
  }
}
/* Titles, breadcrumbs and search share the tab-track treatment in every Primary UI sidebar. */
:is(.ui-ref-ps1-compact.primary-ui-sidebar-host, .tls-frame, [data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.tls-head, .dev-ws-sidebar-header, .ctc-finder-crumb, .ctc-finder-shell > label:first-child, .das-search-row, .das-panel-header, .desk-inspector-chrome) {
  box-sizing: border-box;
  height: var(--container-header-height, 27px) !important;
  min-height: var(--container-header-height, 27px) !important;
  max-height: var(--container-header-height, 27px) !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border: 0;
  border-bottom: 1px solid var(--container-divider, #414147) !important;
  border-radius: 0 !important;
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e)) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.09) !important;
  color: hsl(var(--foreground));
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 5px;
}
:is(.ui-ref-ps1-compact.primary-ui-sidebar-host, .tls-frame, [data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.tls-head, .dev-ws-sidebar-header, .ctc-finder-crumb, .ctc-finder-shell > label:first-child, .das-search-row, .das-panel-header, .desk-inspector-chrome),
:is(.ui-ref-ps1-compact.primary-ui-sidebar-host, .tls-frame, [data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.tls-head, .dev-ws-sidebar-header, .ctc-finder-crumb, .ctc-finder-shell > label:first-child, .das-search-row, .das-panel-header, .desk-inspector-chrome)
:is(span, button, input, h2, h3) {
  font-family: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  -webkit-font-smoothing: antialiased;
}
:is([data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.ctc-finder-shell > label:first-child, .das-search-row) input {
  min-width: 0;
  color: hsl(var(--foreground));
}
:is([data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.ctc-finder-shell > label:first-child, .das-search-row) input::-moz-placeholder {
  color: hsl(var(--muted-foreground));
  opacity: 1;
}
:is([data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.ctc-finder-shell > label:first-child, .das-search-row) input::placeholder {
  color: hsl(var(--muted-foreground));
  opacity: 1;
}
/* Continue the bottom tab-track fill through the sidebar footer cells. */
:is(.ui-ref-ps1-compact.primary-ui-sidebar-host, .tls-frame, [data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.tls-rail-footer, .ui-ref-ps1-layer1-rail-footer, .ctc-finder-footer, .das-library-row, .das-status-bar) {
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e)) !important;
  border-top: 1px solid var(--container-divider, #414147) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.07) !important;
}
/* Creative Tools Container — raised rails, inset canvas, beveled inspector. */
/* Shared Creative Tools rail tokens — used by CTC and Desktop App Shell. */
[data-creative-tools-container],
[data-desktop-app-shell-v2] {
  --ctc-rail: #1f1f1f;
  --ctc-panel: #252525;
  --ctc-panel-raised: #2c2c2c;
  --ctc-canvas: #171717;
  --ctc-inspector: #1e1e1e;
  --ctc-input: #161616;
  --ctc-stroke: #101010;
  --ctc-stroke-soft: #2a2a2a;
  --ctc-gutter: #1a1a1a;
  --ctc-fg: #deddda;
  --ctc-fg-muted: #9a9996;
  --ctc-highlight: rgba(255, 255, 255, 0.1);
  --ctc-highlight-strong: rgba(255, 255, 255, 0.16);
  --ctc-shade: rgba(0, 0, 0, 0.55);
  --ctc-shade-strong: rgba(0, 0, 0, 0.72);
  --ctc-bevel-out:
    inset 1px 1px 0 var(--ctc-highlight),
    inset -1px -1px 0 var(--ctc-shade);
  --ctc-bevel-out-hover:
    inset 1px 1px 0 var(--ctc-highlight-strong),
    inset -1px -1px 0 var(--ctc-shade);
  --ctc-bevel-in:
    inset 1px 1px 0 var(--ctc-shade-strong),
    inset -1px -1px 0 var(--ctc-highlight);
  --ctc-row-x: 12px;
  --ctc-row-y: 6px;
  --ctc-control-h: 24px;
  --ctc-chrome-pad: 8px;
  --ctc-rule:
    inset 0 1px 0 var(--ctc-highlight),
    0 1px 0 var(--ctc-stroke);
  --ctc-grain: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");
  --ctc-dots:
    radial-gradient(circle, rgba(255, 255, 255, 0.045) 0.5px, transparent 0.7px);
}
/* Creative Tools is a Workspace Container surface, not a separate chrome theme. */
[data-creative-tools-container] {
  --ctc-rail: var(--workspace-sidebar-bg, var(--linux-chrome-bg, #242424));
  --ctc-panel: var(--workspace-sidebar-panel, #141416);
  --ctc-panel-raised: var(--workspace-sidebar-row-top, #2b2b2f);
  --ctc-canvas: #0d0d0e;
  --ctc-inspector: var(--linux-chrome-bg, #242424);
  --ctc-input: var(--workspace-sidebar-head-bottom, #171719);
  --ctc-stroke: var(--workspace-sidebar-line, var(--linux-chrome-border, #3d3846));
  --ctc-stroke-soft: var(--workspace-sidebar-line, var(--linux-chrome-border, #3d3846));
  --ctc-gutter: var(--workspace-sidebar-panel, #141416);
  --ctc-fg: var(--workspace-sidebar-fg, var(--linux-chrome-fg, #deddda));
  --ctc-fg-muted: var(--workspace-sidebar-muted, var(--linux-chrome-muted, #9a9996));
  --ctc-row-x: 6px;
  --ctc-row-y: 0;
  --ctc-control-h: var(--workspace-sidebar-control-size, 26px);
  --ctc-chrome-pad: var(--workspace-sidebar-pad, 3px);
}
[data-creative-tools-container] {
  background: var(--ctc-inspector);
  color: var(--ctc-fg);
}
[data-creative-tools-container] .ctc-sidebar {
  position: relative;
  z-index: 1;
  display: flex;
  min-height: 0;
  height: 100%;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  flex-shrink: 0;
  background: var(--ctc-inspector);
  box-shadow: none;
}
[data-creative-tools-container] .ctc-finder-shell {
  width: var(--workspace-sidebar-panel-width, 168px);
  background: var(--ctc-inspector) !important;
}
[data-creative-tools-container] .ctc-finder-shell label:first-child {
  box-sizing: border-box;
  height: var(--container-header-height, 27px);
  min-height: var(--container-header-height, 27px);
  margin: 0;
  padding: 0 8px;
  border: 0;
  border-bottom: 1px solid var(--container-divider, #414147);
  border-radius: 0;
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e));
  box-shadow: none;
}
[data-creative-tools-container] .ctc-finder-shell label:first-child svg {
  width: 12px;
  height: 12px;
}
[data-creative-tools-container] .ctc-finder-shell label:first-child input {
  font-size: var(--primary-ui-chrome-font-size, 12px) !important;
  font-weight: 400;
  letter-spacing: 0 !important;
  line-height: 22px;
}
[data-creative-tools-container] .ctc-finder-crumb {
  margin: 0;
  min-height: var(--workspace-sidebar-head-height, 22px);
  padding: 1px 4px;
  letter-spacing: normal;
  text-transform: none;
  box-shadow: none;
  border-bottom: 1px solid var(--workspace-sidebar-line, #3d3846);
  background: linear-gradient(
    180deg,
    var(--workspace-sidebar-head-top, #1d1d20),
    var(--workspace-sidebar-head-bottom, #171719)
  );
}
[data-creative-tools-container] .ctc-finder-crumb,
[data-creative-tools-container] .ctc-finder-crumb button,
[data-creative-tools-container] .ctc-finder-crumb span {
  font-size: var(--primary-ui-chrome-font-size, 12px);
  font-weight: 600;
  letter-spacing: normal !important;
  text-transform: none !important;
}
[data-creative-tools-container] .ctc-finder-shell [data-ctc-insert-rows] {
  gap: 0 !important;
  padding: 0 !important;
}
[data-creative-tools-container] .ctc-finder-shell [data-ctc-insert-rows] > button {
  height: var(--workspace-sidebar-row-height, 22px);
  min-height: var(--workspace-sidebar-row-height, 22px);
  gap: var(--workspace-sidebar-gap, 2px);
  padding: 1px 4px 1px 6px !important;
  border-radius: 0 !important;
  background: linear-gradient(
    180deg,
    var(--workspace-sidebar-row-top, #2b2b2f),
    var(--workspace-sidebar-row-bottom, #202024)
  ) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    inset 0 -1px 0 rgba(0, 0, 0, 0.55) !important;
  border-bottom: 1px solid var(--workspace-sidebar-line, #3d3846);
}
[data-creative-tools-container] .ctc-finder-shell [data-ctc-insert-rows] > button > span:first-child {
  width: var(--workspace-sidebar-icon-size, 16px);
  height: var(--workspace-sidebar-icon-size, 16px);
}
[data-creative-tools-container] .ctc-finder-shell [data-ctc-insert-rows] .ui-ref-ps1-sis-dest,
[data-creative-tools-container] .ctc-finder-shell [data-ctc-insert-rows] .ui-ref-ps1-sis-dest--toggle {
  width: var(--workspace-sidebar-icon-size, 16px) !important;
  height: var(--workspace-sidebar-icon-size, 16px) !important;
  background: none !important;
  background-image: none !important;
}
[data-creative-tools-container] .ctc-finder-shell [data-ctc-insert-rows] > button .min-w-0 > span:first-child {
  font-size: var(--primary-ui-chrome-font-size, 12px);
  font-weight: 600;
  line-height: 1.2;
  color: #e0e0e0;
}
[data-creative-tools-container] .ctc-finder-shell [data-ctc-insert-rows] > button .min-w-0 > span + span {
  display: none;
}
[data-creative-tools-container] .ctc-finder-shell [data-ctc-insert-rows] > button:hover {
  background: linear-gradient(180deg, #303035, #242428) !important;
}
[data-creative-tools-container] .ctc-finder-shell [data-ctc-insert-rows] > button[data-active='true'] {
  background: linear-gradient(
    180deg,
    var(--workspace-sidebar-row-top, #2b2b2f),
    var(--workspace-sidebar-row-bottom, #202024)
  ) !important;
}
[data-creative-tools-container] .ctc-finder-shell [data-ctc-insert-rows] > button[data-active='true'] .min-w-0 > span:first-child {
  color: #fff;
}
[data-creative-tools-container] .ctc-finder-footer {
  margin-top: auto;
  display: flex;
  align-items: center;
  height: 32px;
  min-height: 32px;
  padding: 0 4px !important;
  border-top: 1px solid var(--workspace-sidebar-line, #3d3846);
  box-shadow: none;
}
[data-creative-tools-container] .ctc-canvas {
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  flex: 1 1 auto;
  overflow: hidden;
  padding: 0;
  background: var(--ctc-canvas);
}
[data-creative-tools-container] .ctc-canvas-well {
  position: relative;
  z-index: 0;
  min-width: 0;
  min-height: 0;
  flex: 1 1 auto;
  overflow: hidden;
  border-radius: 0;
  background:
    var(--ctc-dots),
    var(--ctc-canvas);
  background-size: 12px 12px, auto;
  box-shadow: none;
  border-inline: 1px solid var(--container-divider-soft, #303035);
}
[data-creative-tools-container] .ctc-canvas-well::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.12;
  mix-blend-mode: overlay;
  background-image: var(--ctc-grain);
  background-size: 160px 160px;
}
[data-creative-tools-container] .ctc-inspector {
  position: relative;
  z-index: 1;
  display: flex;
  min-height: 0;
  height: 100%;
  flex-shrink: 0;
  background: var(--ctc-inspector);
  box-shadow: none;
}
[data-creative-tools-container] .desk-inspector {
  width: 14rem;
  background: var(--ctc-inspector) !important;
  color: var(--ctc-fg);
}
[data-creative-tools-container] .desk-inspector-chrome,
[data-creative-tools-container] .desk-inspector-toolbar,
[data-creative-tools-container] .desk-inspector-section {
  border-color: transparent !important;
  box-shadow: var(--ctc-rule);
}
[data-creative-tools-container] .desk-inspector-section-body {
  background: color-mix(in srgb, var(--ctc-input) 72%, var(--ctc-inspector));
  box-shadow:
    inset 0 1px 0 var(--ctc-shade),
    inset 0 -1px 0 var(--ctc-highlight);
}
[data-creative-tools-container] .desk-inspector-icon-btn {
  border-radius: 3px;
  background: var(--ctc-panel-raised);
  box-shadow: var(--ctc-bevel-out);
}
[data-creative-tools-container] .desk-inspector-icon-btn:hover {
  background: #333;
  box-shadow: var(--ctc-bevel-out-hover);
}
[data-creative-tools-container] .desk-inspector-icon-btn[aria-pressed='true'] {
  background: #1a1a1a;
  box-shadow: var(--ctc-bevel-in);
}
[data-creative-tools-container] .desk-inspector-field,
[data-creative-tools-container] .desk-inspector-well {
  border-radius: 3px;
  background: var(--ctc-input) !important;
  box-shadow: var(--ctc-bevel-in);
}
[data-creative-tools-container] .desk-inspector-chip {
  border-radius: 3px;
  background: var(--ctc-panel-raised);
  box-shadow: var(--ctc-bevel-out);
}
[data-creative-tools-container] .desk-inspector-chip[aria-pressed='true'] {
  background: #1a1a1a;
  box-shadow: var(--ctc-bevel-in);
}
[data-creative-tools-container] .desk-inspector-field-label {
  margin-top: 2px;
  padding-top: 8px;
  box-shadow: inset 0 1px 0 var(--ctc-highlight);
}
[data-creative-tools-container] .desk-inspector-tabs button[aria-pressed='true'] {
  box-shadow: inset 0 -2px 0 #deddda;
}
/* Shared finish for the three container references and their live chrome. */
.workspace-container-frame,
.btb-workspace-nav,
[data-desktop-app-shell-v2] {
  --container-surface: hsl(var(--background));
  --container-divider: hsl(var(--border));
  --container-divider-soft: hsl(var(--border) / 0.7);
  --container-seam: hsl(var(--border));
  --container-sidebar-width: 200px;
  --container-text: hsl(var(--foreground));
  --container-muted: hsl(var(--muted-foreground));
  --container-focus: hsl(var(--ring));
  --container-tab-height: 26px;
  --container-header-height: 27px;
  --container-title-height: 24px;
  --container-tab-hover: hsl(var(--accent));
  --container-tab-selected: hsl(var(--accent));
}
.container-reference-surface {
  --container-surface: hsl(var(--background));
  --linux-chrome-bg: var(--container-surface);
  background: var(--container-surface);
}
/* Keep sidebar-local tokens on the same surface as the tab track. */
.container-reference-surface .ui-ref-ps1-compact {
  --workspace-sidebar-panel: var(--container-surface) !important;
  --workspace-sidebar-rail-top: var(--container-surface) !important;
  --workspace-sidebar-rail-bottom: var(--container-surface) !important;
  --workspace-sidebar-head-top: var(--container-surface) !important;
  --workspace-sidebar-head-bottom: var(--container-surface) !important;
  --ps-ctc-plate: var(--container-surface) !important;
  --ps1-layer1-bg: var(--container-surface) !important;
  --ps1-layer2-bg: var(--container-surface) !important;
}
.container-reference-surface [data-creative-tools-container] {
  --ctc-canvas: var(--container-surface);
  --ctc-inspector: var(--container-surface);
}
.container-reference-surface [data-creative-tools-container] .ctc-canvas-well {
  background: var(--container-surface);
}
.container-reference-surface [data-creative-tools-container] .ctc-canvas-well::before {
  content: none;
}
.container-reference-surface [aria-label='Workspace inspector'] {
  background: var(--container-surface);
}
:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame {
  border: 0;
  border-bottom: 1px solid var(--container-divider);
  border-radius: 0;
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e));
}
/* A calmer density for workspace chrome, shared by the container presets. */
:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame .btb-row {
  min-height: var(--container-tab-height);
  align-items: stretch;
  gap: 1px;
  padding: 0;
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e));
  box-shadow: none;
  scrollbar-width: thin;
  scrollbar-color: var(--container-divider) transparent;
  overscroll-behavior-x: contain;
}
:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame .btb-row::after {
  content: none;
}
:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame .btb-chip {
  height: var(--container-tab-height);
  min-height: var(--container-tab-height);
  max-height: var(--container-tab-height);
  position: relative;
  box-sizing: border-box;
  border: 0;
  border-radius: 0;
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e));
  color: var(--container-text);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.09), inset 0 -1px 0 rgb(0 0 0 / 0.55), inset 1px 0 0 rgb(255 255 255 / 0.04);
}
:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame .btb-chip-face {
  gap: 5px;
  padding: 0 10px;
  font-family: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
}
:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame .btb-chip:hover {
  background: var(--container-tab-hover);
  color: hsl(var(--accent-foreground));
}
:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame .btb-chip[data-active='true'] {
  background: var(--container-tab-selected);
  color: hsl(var(--accent-foreground));
  box-shadow: inset 0 1px 2px rgb(0 0 0 / 0.25);
}
:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame .btb-chip-accent {
  position: static;
  width: 100%;
  height: 2px;
  pointer-events: none;
  border-radius: 0;
  opacity: 1;
}
:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame :is(.btb-search, .btb-select, .btb-select-wrap, .btb-add, .btb-view-btn) {
  height: var(--container-tab-height);
  min-height: var(--container-tab-height);
  max-height: var(--container-tab-height);
}
:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame .btb-view-btn {
  width: var(--container-tab-height);
}
:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame :is(button, input, select):focus-visible {
  outline: 2px solid var(--container-focus);
  outline-offset: -2px;
}
:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame .btb-chip:active {
  background: hsl(var(--accent));
  box-shadow: inset 0 1px 3px rgb(0 0 0 / 0.4);
}
/* Keep focus and disabled controls legible without shifting the tab geometry. */
:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame button:disabled {
  opacity: 0.45;
  pointer-events: none;
}
.container-reference-surface {
  scrollbar-width: thin;
  scrollbar-color: var(--container-divider) transparent;
}
/* One continuous divider for tabs, content and footer; sidebar remains 200px. */
.workspace-shell-content-seam {
  border-left: 1px solid var(--container-seam, #55555e);
}
.container-reference-surface .workspace-sidebar-chrome {
  --workspace-sidebar-rail-width: 32px !important;
  --workspace-sidebar-head-height: var(--container-header-height) !important;
  --workspace-sidebar-row-height: 24px !important;
  --workspace-sidebar-line: var(--container-divider) !important;
  --workspace-sidebar-panel-width: calc(var(--container-sidebar-width) - 32px) !important;
}
.container-reference-surface .workspace-sidebar-chrome:has(.tls-panel),
.container-reference-surface .workspace-sidebar-chrome[data-ps1-submenu-open='1'] {
  width: var(--container-sidebar-width);
  min-width: var(--container-sidebar-width);
  max-width: var(--container-sidebar-width);
}
.container-reference-surface [data-creative-tools-container] .ctc-canvas {
  border-inline: 1px solid var(--container-seam);
}
.container-reference-surface [data-creative-tools-container] .ctc-canvas-well {
  border-inline: 0;
}
/* The footer belongs to the content column, so side seams never stop early. */
.container-content-footer {
  flex: 0 0 auto;
  min-width: 0;
  overflow-x: auto;
  border-top: 1px solid var(--container-divider, #414147);
}
.workspace-container-frame .container-content-footer .btb-frame.btb-container-fill[data-btb].btb-frame {
  border-bottom: 0;
}
/* A single horizontal header line connects the sidebar and content columns. */
.workspace-container-frame .container-reference-surface .workspace-sidebar-chrome .tls-head,
.workspace-container-frame .container-reference-surface .workspace-sidebar-chrome .dev-ws-sidebar-header,
.container-reference-surface [data-creative-tools-container] .desk-inspector-chrome,
.container-reference-surface [data-desktop-app-shell-v2] .das-panel-header {
  box-sizing: border-box;
  height: var(--container-header-height);
  min-height: var(--container-header-height);
  max-height: var(--container-header-height);
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e));
  border-bottom: 1px solid var(--container-divider) !important;
  box-shadow: none;
}
/* PS2/PS3 layouts without a rail still fill the same sidebar column. */
.container-reference-surface .workspace-sidebar-chrome.tls-frame:not(:has(.tls-rail)) .tls-panel {
  width: var(--container-sidebar-width);
}
.container-reference-surface .workspace-sidebar-chrome .tls-rail {
  box-shadow: none;
}
/* Primary UI contract: Opportunity & Funding Finder proportions and surfaces.
   Apply at shared owners, never to arbitrary canvas/content buttons. */
.core-workspace-ui {
  --core-frame: hsl(var(--background));
  --core-panel: hsl(var(--card));
  --core-ink: hsl(var(--foreground));
  --core-muted: hsl(var(--muted-foreground));
  --core-line: hsl(var(--border));
  --core-field: hsl(var(--background));
  --core-rail: linear-gradient(180deg, color-mix(in srgb, hsl(var(--card)) 94%, hsl(var(--foreground))), hsl(var(--card)));
  --core-bar: linear-gradient(180deg, color-mix(in srgb, hsl(var(--card)) 97%, hsl(var(--foreground))), hsl(var(--card)));
  --core-selected: linear-gradient(180deg, color-mix(in srgb, hsl(var(--card)) 88%, hsl(var(--foreground))), color-mix(in srgb, hsl(var(--card)) 92%, hsl(var(--foreground))));
  --core-hover: color-mix(in srgb, hsl(var(--card)) 90%, hsl(var(--foreground)));
  --core-button: linear-gradient(180deg, color-mix(in srgb, hsl(var(--card)) 92%, hsl(var(--foreground))), color-mix(in srgb, hsl(var(--card)) 96%, hsl(var(--foreground))));
  --core-button-line: hsl(var(--foreground) / 0.14);
  --core-relief: inset 0 1px 0 hsl(var(--foreground) / 0.06), inset 0 -1px 0 hsl(var(--foreground) / 0.1);
  --core-inset: inset 0 1px 2px hsl(var(--foreground) / 0.08);
  --core-rail-width: 40px;
  --core-panel-width: 200px;
  --core-row-height: 24px;
  --core-control-height: 22px;
  --core-tab-width: 132px;
  --core-bar-height: 34px;
  --core-preview-height: clamp(400px, 45vw, 520px);
  --core-section-height: 22px;
  --core-rail-label-size: 7px;
  --core-control-label-size: 11px;
  --bg-color: hsl(var(--muted));
  --bg-color-active: color-mix(in srgb, hsl(var(--muted)), black 12%);
  --shadow-light: color-mix(in srgb, hsl(var(--muted)), white 30%);
  --shadow-dark: hsl(var(--border));
}
/* The literal Finder is the Desk Dark reference. Other themes use their roles.
   Explicit preview boundaries override the document theme in either direction. */
html.deskdark .core-workspace-ui,
.component-theme-scope.deskdark .core-workspace-ui,
.core-workspace-ui.component-theme-scope.deskdark {
  --core-frame: #121214;
  --core-panel: #141416;
  --core-ink: #d8d8dc;
  --core-muted: #969ba3;
  --core-line: #0b0b0c;
  --core-field: #0c0c0d;
  --core-rail: linear-gradient(180deg, #26262a, #1b1b1e);
  --core-bar: linear-gradient(180deg, #1d1d20, #171719);
  --core-selected: linear-gradient(180deg, #2b2b2f, #202024);
  --core-hover: #242428;
  --core-button: linear-gradient(180deg, #2a2a2e, #222226);
  --core-button-line: #3d3d42;
  --core-relief: inset 0 1px 0 rgb(255 255 255 / 0.07), inset 0 -1px 0 rgb(0 0 0 / 0.45);
  --core-inset: inset 0 1px 2px rgb(0 0 0 / 0.35);
}
.component-theme-scope:not(.deskdark) .core-workspace-ui,
.core-workspace-ui.component-theme-scope:not(.deskdark) {
  --core-frame: hsl(var(--background));
  --core-panel: hsl(var(--card));
  --core-ink: hsl(var(--foreground));
  --core-muted: hsl(var(--muted-foreground));
  --core-line: hsl(var(--border));
  --core-field: hsl(var(--background));
  --core-rail: linear-gradient(180deg, color-mix(in srgb, hsl(var(--card)) 94%, hsl(var(--foreground))), hsl(var(--card)));
  --core-bar: linear-gradient(180deg, color-mix(in srgb, hsl(var(--card)) 97%, hsl(var(--foreground))), hsl(var(--card)));
  --core-selected: linear-gradient(180deg, color-mix(in srgb, hsl(var(--card)) 88%, hsl(var(--foreground))), color-mix(in srgb, hsl(var(--card)) 92%, hsl(var(--foreground))));
  --core-hover: color-mix(in srgb, hsl(var(--card)) 90%, hsl(var(--foreground)));
  --core-button: linear-gradient(180deg, color-mix(in srgb, hsl(var(--card)) 92%, hsl(var(--foreground))), color-mix(in srgb, hsl(var(--card)) 96%, hsl(var(--foreground))));
  --core-button-line: hsl(var(--foreground) / 0.14);
  --core-relief: inset 0 1px 0 hsl(var(--foreground) / 0.06), inset 0 -1px 0 hsl(var(--foreground) / 0.1);
  --core-inset: inset 0 1px 2px hsl(var(--foreground) / 0.08);
}
/* Bridge existing owners to one vocabulary. Widths remain overridable by hosts. */
.core-workspace-ui.core-workspace-ui.core-workspace-ui:is(.workspace-container-frame, .btb-frame, [data-creative-tools-container], [data-desktop-app-shell-v2]),
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.workspace-container-frame, .btb-frame, [data-creative-tools-container], [data-desktop-app-shell-v2]) {
  --container-surface: var(--core-frame);
  --container-divider: var(--core-line);
  --container-divider-soft: var(--core-line);
  --container-seam: var(--core-line);
  --container-text: var(--core-ink);
  --container-muted: var(--core-muted);
  --container-sidebar-width: calc(var(--core-rail-width) + var(--core-panel-width));
  --container-tab-height: var(--core-bar-height);
  --container-header-height: var(--core-bar-height);
  --container-title-height: var(--core-bar-height);
  --container-tab-hover: var(--core-hover);
  --container-tab-selected: var(--core-selected);
  --rd-site-chrome-gradient: var(--core-bar);
  --ctc-panel: var(--core-panel);
  --ctc-panel-raised: var(--core-hover);
  --ctc-canvas: var(--core-frame);
  --ctc-inspector: var(--core-panel);
  --ctc-input: var(--core-field);
  --ctc-fg: var(--core-ink);
  --ctc-muted: var(--core-muted);
  --ctc-stroke-soft: var(--core-line);
  --das-bg: var(--core-frame);
  --das-panel: var(--core-panel);
  --das-panel-deep: var(--core-field);
  --das-menu-bg: var(--core-panel);
  --das-fg: var(--core-ink);
  --das-muted: var(--core-muted);
  --das-border: var(--core-line);
  --das-hover: var(--core-hover);
  --das-viewport: var(--core-frame);
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui.primary-ui-sidebar-host,
.core-workspace-ui.core-workspace-ui.core-workspace-ui .primary-ui-sidebar-host {
  --workspace-sidebar-rail-width: var(--core-rail-width) !important;
  --workspace-sidebar-panel-width: var(--core-panel-width) !important;
  --workspace-sidebar-control-size: 40px;
  --workspace-sidebar-icon-size: 14px;
  --workspace-sidebar-head-height: var(--core-bar-height) !important;
  --workspace-sidebar-row-height: var(--core-row-height) !important;
  --workspace-sidebar-gap: 3px;
  --workspace-sidebar-pad: 6px;
  --workspace-sidebar-bg: var(--core-frame);
  --workspace-sidebar-panel: var(--core-panel) !important;
  --workspace-sidebar-line: var(--core-line) !important;
  --workspace-sidebar-fg: var(--core-ink);
  --workspace-sidebar-muted: var(--core-muted);
  --workspace-sidebar-rail-top: var(--core-panel) !important;
  --workspace-sidebar-rail-bottom: var(--core-frame) !important;
  --workspace-sidebar-head-top: var(--core-panel) !important;
  --workspace-sidebar-head-bottom: var(--core-panel) !important;
  --workspace-sidebar-row-top: var(--core-hover);
  --workspace-sidebar-row-bottom: var(--core-panel);
  --ps-ctc-control: 40px;
  --ps-ctc-plate: var(--core-panel) !important;
  --ps-ctc-raised: var(--core-hover);
  --ps-ctc-line: var(--core-line);
  --ps-ctc-bevel-out: var(--core-relief);
  --ps-ctc-bevel-out-hover: var(--core-relief);
  --ps1-rail-width: var(--core-rail-width);
  --ps1-layer1-bg: var(--core-panel) !important;
  --ps1-layer2-bg: var(--core-panel) !important;
  --ps1-tab-font-size: 12px;
  --ps1-tree-tab-font-size: 12px;
  --ps1-toggle-font-size: 12px;
  --ps1-tree-line-color: hsl(var(--foreground) / 0.24);
  --dev-ws-panel-bg: var(--core-panel);
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui:is(.workspace-container-frame, .tls-frame),
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.workspace-container-frame, .tls-plate, .tls-panel-well) {
  background: var(--core-frame);
  color: var(--core-ink);
  border-color: var(--core-line);
  box-shadow: none;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-panel, .ui-ref-ps1-layer2-panel, .ctc-finder-shell, .ctc-inspector, .das-sidebar, .das-inspector) {
  background: var(--core-panel) !important;
  background-image: none !important;
  color: var(--core-ink);
  box-shadow: none !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-rail, .ui-ref-ps1-layer1) {
  background: var(--core-rail) !important;
  box-shadow: none !important;
  border-color: var(--core-line) !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-rail, .ui-ref-ps1-layer1-rail) {
  padding-inline: 3px !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-canvas, .ctc-canvas-well, .das-viewport, .workspace-shell-content-seam) {
  background: var(--core-frame);
  border-color: var(--core-line) !important;
  box-shadow: none !important;
}
/* Bare navigation rows; shallow relief marks selection without washing icons. */
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-row, .ui-ref-ps1-tab.ui-ref-ps1-glow-row, .ui-ref-ps1-toggle) {
  min-height: var(--core-row-height) !important;
  height: auto !important;
  padding-block: 2px !important;
  font-size: 12px !important;
  line-height: 20px !important;
  color: var(--core-ink) !important;
  border-radius: 3px;
  background: transparent !important;
  box-shadow: none !important;
  text-shadow: none;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-row, .ui-ref-ps1-tab.ui-ref-ps1-glow-row, .ui-ref-ps1-toggle):hover:not(:disabled) {
  background: var(--core-hover) !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-row, .ui-ref-ps1-tab.ui-ref-ps1-glow-row, .ui-ref-ps1-toggle):is([data-active='true'], [aria-current='page'], [aria-selected='true'], .is-active) {
  background: var(--core-selected) !important;
  box-shadow: var(--core-relief) !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-rail, .ui-ref-ps1-layer1-rail) .ui-ref-ps1-glow-icon {
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-rail, .ui-ref-ps1-layer1-rail) .ui-ref-ps1-glow-icon:is(:hover, [data-active='true'], [aria-current='page'], [aria-pressed='true']) {
  background: var(--core-selected) !important;
  box-shadow: var(--core-relief) !important;
}
/* All three tab treatments use the same face, keeping their original accents. */
.core-workspace-ui.core-workspace-ui.core-workspace-ui.btb-frame[data-btb],
.core-workspace-ui.core-workspace-ui.core-workspace-ui .btb-frame[data-btb] {
  border-color: var(--core-line);
  border-radius: 0;
  background: var(--core-bar);
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui.btb-frame[data-btb] .btb-row,
.core-workspace-ui.core-workspace-ui.core-workspace-ui .btb-frame[data-btb] .btb-row {
  box-sizing: border-box;
  min-height: var(--core-bar-height) !important;
  height: var(--core-bar-height) !important;
  max-height: var(--core-bar-height) !important;
  padding: 0 6px !important;
  gap: 3px;
  align-items: center !important;
  background: var(--core-bar);
  box-shadow: none;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.btb-chip, .btb-search, .btb-select-wrap, .btb-select, .btb-add, .btb-view-btn, .desk-inspector-chip, .desk-inspector-icon-btn, .linux-bevel-control),
.core-workspace-ui.core-workspace-ui.core-workspace-ui.btb-frame :is(.btb-chip, .btb-search, .btb-select-wrap, .btb-select, .btb-add, .btb-view-btn) {
  height: var(--core-control-height) !important;
  min-height: var(--core-control-height) !important;
  max-height: var(--core-control-height) !important;
  border: 0;
  border-radius: 3px !important;
  color: var(--core-ink);
  font-size: 11px !important;
  font-family: inherit !important;
  font-weight: 400 !important;
  background: var(--core-bar) !important;
  box-shadow: var(--core-relief) !important;
  text-shadow: none;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.btb-chip-face) {
  flex: 1;
  min-height: 0;
  padding-inline: 9px !important;
  background: transparent !important;
  color: inherit !important;
  font: inherit !important;
  box-shadow: none !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.btb-chip, .btb-add, .btb-view-btn, .desk-inspector-chip, .desk-inspector-icon-btn, .linux-bevel-control):hover:not(:disabled) {
  background: var(--core-hover) !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.btb-chip, .desk-inspector-chip, .linux-bevel-control):is([data-active='true'], [aria-selected='true'], [aria-pressed='true'], :active) {
  background: var(--core-selected) !important;
  box-shadow: var(--core-inset) !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .btb-chip-accent {
  height: 2px;
  box-shadow: none;
  opacity: 0.45;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .btb-chip[data-active='true'] .btb-chip-accent { opacity: 1; }
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.btb-search, .btb-select-wrap, .btb-select) {
  background: var(--core-field) !important;
  color: var(--core-ink);
  box-shadow: var(--core-inset) !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .btb-search input { color: var(--core-ink); }
.core-workspace-ui.core-workspace-ui.core-workspace-ui .btb-search input::-moz-placeholder { color: var(--core-muted); }
.core-workspace-ui.core-workspace-ui.core-workspace-ui .btb-search input::placeholder { color: var(--core-muted); }
.core-workspace-ui.core-workspace-ui.core-workspace-ui .btb-view-btn { width: var(--core-control-height) !important; }
/* One geometry for standalone and composed bars. This also outranks the older
   container-fill rules, which previously made embedded tabs taller/narrower. */
:is(.core-workspace-ui.core-workspace-ui.core-workspace-ui.btb-frame[data-btb], .core-workspace-ui.core-workspace-ui.core-workspace-ui .btb-frame[data-btb]) {
  box-sizing: border-box;
  border: 0;
}
:is(.core-workspace-ui.core-workspace-ui.core-workspace-ui.btb-frame[data-btb], .core-workspace-ui.core-workspace-ui.core-workspace-ui .btb-frame[data-btb]) .btb-row[data-core-workspace-tab-row] :is(.btb-chip, .btb-search, .btb-select-wrap, .btb-select, .btb-add, .btb-view-btn) {
  box-sizing: border-box;
  height: var(--core-control-height) !important;
  min-height: var(--core-control-height) !important;
  max-height: var(--core-control-height) !important;
}
:is(.core-workspace-ui.core-workspace-ui.core-workspace-ui.btb-frame[data-btb], .core-workspace-ui.core-workspace-ui.core-workspace-ui .btb-frame[data-btb]) .btb-row[data-core-workspace-tab-row] .btb-chip:not(.workspace-tab-button) {
  flex: 0 0 var(--core-tab-width);
  width: var(--core-tab-width);
  min-width: var(--core-tab-width);
  max-width: var(--core-tab-width);
  overflow: hidden;
}
:is(.core-workspace-ui.core-workspace-ui.core-workspace-ui.btb-frame[data-btb], .core-workspace-ui.core-workspace-ui.core-workspace-ui .btb-frame[data-btb]) .btb-row[data-core-workspace-tab-row] .btb-chip:not(.workspace-tab-button) .btb-chip-face {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  gap: 5px;
  padding-inline: 8px !important;
  overflow: hidden;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .core-workspace-tab-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .btb-chip-face > :is(svg, img, [data-rd-icon-plate]) {
  flex-shrink: 0;
}
/* Build Page has a large navigation set: preserve its compact content widths
   rather than the equal-width tabs used by Primary UI workspace references. */
.core-workspace-ui.core-workspace-ui.core-workspace-ui.btb-frame[data-btb].btb-content-width-tabs .btb-row[data-core-workspace-tab-row] {
  gap: 1px;
  padding-inline: 2px !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui.btb-frame[data-btb].btb-content-width-tabs .btb-row[data-core-workspace-tab-row] .btb-chip {
  flex: 0 0 auto;
  width: auto;
  min-width: -moz-max-content;
  min-width: max-content;
  max-width: none;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui.btb-frame[data-btb].btb-content-width-tabs .btb-row[data-core-workspace-tab-row] .btb-chip .btb-chip-face {
  width: auto;
  min-width: -moz-max-content;
  min-width: max-content;
  padding-inline: 7px !important;
}
/* Legacy Primary top/footer bars use the same measurements as the three stacks. */
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.primary-topbar-1, .primary-tab-nav-1, .primary-bottom-bar-1) {
  box-sizing: border-box;
  height: var(--core-bar-height);
  min-height: var(--core-bar-height);
  max-height: var(--core-bar-height);
  align-items: center;
  padding: 0 6px;
  gap: 3px;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.primary-topbar-1, .primary-bottom-bar-1) .primary-tab-nav-1 {
  height: auto;
  min-height: 0;
  padding: 0;
  border: 0;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .primary-topbar-1-tab-col {
  flex: 0 0 var(--core-tab-width);
  width: var(--core-tab-width);
  min-width: var(--core-tab-width);
  max-width: var(--core-tab-width);
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .primary-topbar-1-tab {
  width: 100%;
  min-width: 0;
  max-width: none;
  font-size: var(--core-control-label-size) !important;
}
/* Connected headers and footers share the action track; PS3 still omits its head. */
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-head, .dev-ws-sidebar-header, .ctc-finder-shell > label:first-child, .das-search-row, .das-panel-header, .desk-inspector-chrome, .container-content-footer, .ctc-finder-footer, .das-library-row) {
  box-sizing: border-box;
  min-height: var(--core-bar-height) !important;
  height: var(--core-bar-height) !important;
  max-height: var(--core-bar-height) !important;
  background: var(--core-bar) !important;
  color: var(--core-ink);
  border-color: var(--core-line) !important;
  box-shadow: none !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-title, .dev-ws-sidebar-title, .ui-ref-ps1-all-tabs-group-heading) {
  font-family: 'IBM Plex Mono', ui-monospace, monospace;
  font-size: 10px !important;
  letter-spacing: 0.1em;
  font-weight: 500;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-count, .ctc-finder-footer, .das-status-bar) { color: var(--core-muted); }
.core-workspace-ui.core-workspace-ui.core-workspace-ui .container-photo-title-bar {
  box-sizing: border-box;
  height: var(--core-bar-height);
  min-height: var(--core-bar-height);
  padding: 0 8px;
  background: var(--core-bar);
  border-color: var(--core-line);
  box-shadow: none;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .workspace-container-site-chrome .linux-container-title-bar:not(.linux-container-title-bar--mini) {
  box-sizing: border-box;
  height: var(--core-bar-height);
  min-height: var(--core-bar-height);
  max-height: var(--core-bar-height);
  padding-inline: 8px;
  background: var(--core-bar);
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.linux-bevel-control, .desk-inspector-icon-btn, .das-icon-btn) {
  box-sizing: border-box;
  width: var(--core-control-height);
  min-width: var(--core-control-height);
  height: var(--core-control-height) !important;
  min-height: var(--core-control-height) !important;
  max-height: var(--core-control-height) !important;
}
/* Focus remains visible even where legacy glow rules suppressed it. */
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.primary-ui-sidebar-host, .btb-frame, .desk-inspector-chrome, .workspace-container-site-chrome) :is(button, input, select):focus-visible,
.core-workspace-ui.core-workspace-ui.core-workspace-ui.primary-ui-sidebar-host :is(button, input):focus-visible,
.core-workspace-ui.core-workspace-ui.core-workspace-ui.btb-frame :is(button, input, select):focus-visible {
  outline: 2px solid hsl(var(--ring)) !important;
  outline-offset: -2px !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.btb-frame, .primary-ui-sidebar-host, .desk-inspector-chrome) button:disabled { opacity: 0.45; }
/* Primary UI scaffolding shares the contract; example artwork remains intact. */
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.ui-build-gallery-card, .ui-guide-fold, .ui-build-primary-section-fold) {
  border-color: var(--core-line);
  background: var(--core-panel);
  box-shadow: none;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .interface-ui-layout-bar {
  min-height: var(--core-bar-height);
  background: var(--core-bar);
  border-color: var(--core-line);
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .interface-ui-layout-bar .linear-dev-tasks-segment__btn {
  min-height: var(--core-control-height);
  color: var(--core-muted);
  background: transparent;
  box-shadow: none;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .interface-ui-layout-bar .linear-dev-tasks-segment__btn--active {
  color: var(--core-ink);
  background: var(--core-selected);
  box-shadow: var(--core-relief);
}
/* Shared insert and inspector owners also render in live creative containers. */
.core-workspace-ui.core-workspace-ui.core-workspace-ui .core-workspace-insert,
.core-workspace-ui.core-workspace-ui.core-workspace-ui .desk-inspector {
  background: var(--core-panel);
  color: var(--core-ink);
  border-color: var(--core-line);
  font-family: inherit;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .core-workspace-insert > label:first-child {
  min-height: var(--core-bar-height);
  padding: 6px;
  background: var(--core-bar);
  border-color: var(--core-line);
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .core-workspace-insert > label:first-child input {
  height: var(--core-control-height);
  padding-inline: 6px;
  background: var(--core-field);
  color: var(--core-ink);
  font-size: 12px !important;
  box-shadow: var(--core-inset);
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui [data-ctc-insert-rows] > button {
  min-height: var(--core-row-height);
  background: transparent;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui [data-ctc-insert-rows] > button:hover { background: var(--core-hover); }
.core-workspace-ui.core-workspace-ui.core-workspace-ui [data-ctc-insert-rows] > button[data-active='true'] {
  background: var(--core-selected);
  box-shadow: var(--core-relief);
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.desk-inspector-field, .desk-inspector-well) {
  min-height: var(--core-control-height);
  background: var(--core-field);
  border: 1px solid var(--core-line);
  box-shadow: var(--core-inset);
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.desk-inspector-section, .desk-inspector-chrome, .ctc-finder-crumb) { border-color: var(--core-line); }
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.desk-inspector, .core-workspace-insert) :is(input, button):focus-visible {
  outline: 2px solid hsl(var(--ring)) !important;
  outline-offset: -2px;
}
/* Remaining Primary chrome controls use the same fields and faces. */
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.primary-topbar-1, .primary-tab-nav-1, .primary-bottom-bar-1, .primary-topbar-1-folder-tabs, .primary-topbar-1-view-toggle) {
  --pt1-panel: var(--core-panel);
  --pt1-tab-bg: var(--core-panel);
  --pt1-tab-border: var(--core-line);
  --pt1-active-fg: var(--core-ink);
  --pt1-inactive-fg: var(--core-muted);
  --pt1-inactive-fg-muted: var(--core-muted);
  --pt1-row-border: var(--core-line);
  --pt1-field-bg: var(--core-field);
  --pt1-field-border: var(--core-line);
  --pt1-field-placeholder: var(--core-muted);
  --pt1-action-fg: var(--core-ink);
  --pt1-select-fg: var(--core-muted);
  --pt1-view-active-bg: var(--core-hover);
  --pt1-control-h: var(--core-control-height);
  --pt1-tab-h: var(--core-control-height);
  --pt1-tab-w: var(--core-tab-width);
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .fold-toggle-btn {
  min-height: var(--core-row-height);
  background: var(--core-bar);
  color: var(--core-ink);
  box-shadow: var(--core-relief);
  font-size: 11px;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .fold-meta { color: var(--core-muted); }
.core-workspace-ui.core-workspace-ui.core-workspace-ui .fold-toggle-btn:focus-visible {
  outline: 2px solid hsl(var(--ring));
  outline-offset: -2px;
}
/* Primary UI accordions match the borderless Site / Desk Components rows. */
.core-workspace-ui.core-workspace-ui.core-workspace-ui .ui-build-primary-accordion {
  gap: 2px;
  padding: 0 0 0 20px;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .ui-build-primary-accordion .ui-build-primary-stack {
  gap: 2px;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .ui-build-primary-accordion .ui-guide-fold {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .ui-build-primary-accordion .fold-toggle-btn {
  gap: 8px;
  min-height: 30px;
  padding: 4px 8px;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: hsl(var(--foreground));
  font-size: 11px;
  font-weight: 500;
  line-height: normal;
  text-transform: none;
  cursor: pointer;
  touch-action: auto;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .ui-build-primary-accordion .fold-toggle-btn:hover {
  background: hsl(var(--muted) / .5);
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .ui-build-primary-accordion .fold-chevron,
.core-workspace-ui.core-workspace-ui.core-workspace-ui .ui-build-primary-accordion .fold-chevron svg {
  width: 13px;
  height: 13px;
  color: inherit;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .ui-build-primary-accordion .fold-meta {
  margin-left: auto;
  padding: 0;
  color: hsl(var(--muted-foreground));
  font-size: 10px;
  font-weight: 400;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .ui-build-primary-accordion .fold-body {
  border-top: 0;
  margin-left: 20px;
}
/* Actions have a visible face and boundary; navigation rows stay quieter. */
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.btb-chip, .btb-add, .btb-view-btn, .desk-inspector-chip, .desk-inspector-icon-btn, .linux-bevel-control, [data-container-chrome-control], .das-icon-btn) {
  border: 1px solid var(--core-button-line) !important;
  background: var(--core-button) !important;
  color: var(--core-ink);
  font-size: var(--core-control-label-size) !important;
  font-weight: 500 !important;
  box-shadow: var(--core-relief), 0 1px 2px rgb(0 0 0 / 0.15) !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.btb-chip, .btb-add, .btb-view-btn, .desk-inspector-chip, .desk-inspector-icon-btn, .linux-bevel-control, [data-container-chrome-control], .das-icon-btn):hover:not(:disabled) {
  background: var(--core-hover) !important;
  border-color: hsl(var(--foreground) / 0.4) !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.btb-chip, .desk-inspector-chip, .desk-inspector-icon-btn, .linux-bevel-control, [data-container-chrome-control], .das-icon-btn):is(:active, [data-active='true'], [aria-pressed='true']):not(:disabled) {
  background: var(--core-selected) !important;
  border-color: hsl(var(--foreground) / 0.35) !important;
  box-shadow: var(--core-inset) !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-rail, .ui-ref-ps1-layer1-rail) .ui-ref-ps1-glow-icon {
  border: 1px solid var(--core-button-line) !important;
  background: var(--core-button) !important;
  box-shadow: var(--core-relief) !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-rail, .ui-ref-ps1-layer1-rail) .ui-ref-ps1-glow-icon:is(:hover, [data-active='true'], [aria-current='page']) {
  background: var(--core-selected) !important;
  border-color: hsl(var(--foreground) / 0.4) !important;
}
/* Small persistent captions complement the full accessible/hover labels. */
.core-workspace-ui.core-workspace-ui.core-workspace-ui .ui-ref-ps1-glow-icon {
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  padding: 3px 1px !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .ui-ref-ps1-glow-icon :is(.ui-ref-ps1-sis-dest, [data-rd-icon-plate], .ui-ref-ps1-sis-dest svg, .ui-ref-ps1-sis-dest img) {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  min-height: 14px !important;
  flex: 0 0 14px;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .core-workspace-rail-label {
  display: block;
  width: 100%;
  max-width: 38px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: inherit !important;
  font-size: var(--core-rail-label-size) !important;
  line-height: 8px !important;
  font-weight: 400 !important;
  letter-spacing: 0;
  text-align: center;
  text-transform: lowercase;
  color: var(--core-muted);
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .ui-ref-ps1-glow-icon:is(:hover, [aria-current='page']) .core-workspace-rail-label { color: var(--core-ink); }
.core-workspace-ui.core-workspace-ui.core-workspace-ui [data-workspace-sidebar-gallery='compact-v1'] {
  --linux-chrome-bg: var(--core-frame);
  --linux-chrome-border: var(--core-line);
  --linux-chrome-fg: var(--core-ink);
  --linux-chrome-muted: var(--core-muted);
  background: var(--core-frame);
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .ui-ref-ps1-product-glyph :is(svg, img) {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  min-height: 14px !important;
  -o-object-fit: contain;
     object-fit: contain;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-rail-footer, .ui-ref-ps1-layer1-rail-footer) {
  box-sizing: border-box;
  height: var(--core-bar-height) !important;
  min-height: var(--core-bar-height) !important;
  padding: 0 !important;
  background: var(--core-bar);
  border-top: 1px solid var(--core-line);
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-rail-footer, .ui-ref-ps1-layer1-rail-footer) button.ui-ref-ps1-glow-icon {
  height: 32px !important;
  min-height: 32px !important;
  gap: 1px;
  padding-block: 2px !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .btb-frame[data-btb] .btb-chip .btb-chip-face,
.core-workspace-ui.core-workspace-ui.core-workspace-ui.btb-frame[data-btb] .btb-chip .btb-chip-face {
  font-family: inherit !important;
  font-size: var(--core-control-label-size) !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui [data-rd-bottom-bar] { background: var(--core-frame); }
.core-workspace-ui.core-workspace-ui.core-workspace-ui [data-rd-bottom-bar-chip-dock][data-show-labels] .btb-chip {
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
}
/* Shared retro faces apply to chrome controls, leaving workspace content alone. */
.core-workspace-ui.core-workspace-ui.core-workspace-ui .btb-chip .btb-chip-face:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) {
  border-radius: 3px !important;
  background: transparent !important;
  box-shadow: none !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.btb-chip, .desk-inspector-chip, .desk-inspector-icon-btn, .linux-bevel-control, [data-container-chrome-control], .das-icon-btn, .tls-row, .ui-ref-ps1-tab.ui-ref-ps1-glow-row):not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) {
  border-radius: 3px !important;
  background: linear-gradient(145deg, color-mix(in srgb, var(--bg-color), white 4%), var(--bg-color) 70%) !important;
  box-shadow: inset 1px 1px 1px var(--shadow-light), inset -1px -1px 1px var(--shadow-dark), 2px 2px 4px rgb(0 0 0 / .65) !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.btb-chip, .desk-inspector-chip, .desk-inspector-icon-btn, .linux-bevel-control, [data-container-chrome-control], .das-icon-btn, .tls-row, .ui-ref-ps1-tab.ui-ref-ps1-glow-row):is(:active, [aria-selected='true'], [aria-pressed='true'], [aria-current='page'], [data-active='true'], .is-active):not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) {
  background: var(--bg-color-active) !important;
  box-shadow: inset 1px 1px 3px var(--shadow-dark), inset -1px -1px 1px var(--shadow-light) !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .rd-bottom-bar-chip-caption {
  font-size: var(--core-control-label-size) !important;
  line-height: 12px;
  color: var(--core-muted);
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui [data-rd-bottom-bar-chip-dock][data-show-labels] .btb-chip-face :is(img, svg) {
  width: 12px !important;
  height: 12px !important;
}
/* Shader-specific geometry; surfaces and control faces belong to Primary UI. */
[data-shader-creator].studio-shell {
  display: grid;
  grid-template-columns: 248px minmax(280px, 1fr) 390px;
  flex: 1;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  background: var(--core-frame);
  color: var(--core-ink);
  font: 12px/1.4 "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
}
[data-shader-creator] :is(.left-sidebar, .right-sidebar) {
  position: relative;
  display: flex;
  width: auto;
  height: 100%;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  overflow: auto;
  background: var(--core-panel);
  color: var(--core-ink);
}
[data-shader-creator] .left-sidebar { border-right: 1px solid var(--core-line); }
[data-shader-creator] .right-sidebar { border-left: 1px solid var(--core-line); }
[data-shader-creator] .sidebar-section { padding: 0 8px 10px; }
[data-shader-creator] .sidebar-label {
  display: flex;
  height: var(--core-bar-height);
  align-items: center;
  margin: 0 -8px 8px;
  padding: 0 8px;
  border-bottom: 1px solid var(--core-line);
  background: var(--core-bar);
  color: var(--core-muted);
  font-size: 11px;
  font-weight: 500;
}
[data-shader-creator] .field { display: grid; gap: 4px; }
[data-shader-creator] .field__label { color: var(--core-muted); font-size: 11px; }
[data-shader-creator] :is(.field input, .selector-card > button) {
  width: 100%;
  height: 26px;
  min-height: 26px;
  padding: 0 6px;
  border: 1px solid var(--core-button-line);
  border-radius: 3px;
  background: var(--core-field);
  color: var(--core-ink);
  box-shadow: var(--core-inset);
  font-size: 11px;
}
[data-shader-creator] .selector-card { margin-top: 6px; }
[data-shader-creator] .selector-card > button > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-shader-creator] .save-actions { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 6px; }
[data-shader-creator] .toolbar { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; }
[data-shader-creator] .toolbar button { min-width: 0; justify-content: flex-start; padding: 0 6px; gap: 5px; }
[data-shader-creator] .toolbar button:first-child { grid-column: 1 / -1; justify-content: center; }
[data-shader-creator] :is(.toolbar, .save-actions, .preview-actions, .copy-button) svg { width: 13px; height: 13px; stroke-width: 1.8; }
[data-shader-creator] .workspace-tabs { display: grid; width: 100%; height: auto; padding: 0; gap: 2px; border-radius: 0; background: transparent; }
[data-shader-creator] .workspace-tabs button {
  width: 100%;
  justify-content: flex-start;
  padding: 2px 6px;
  gap: 5px;
  white-space: normal;
  text-align: left;
}
[data-shader-creator] .workspace-tabs svg { width: 14px; height: 14px; flex-shrink: 0; }
[data-shader-creator] .tab__suffix { color: var(--core-muted); }
[data-shader-creator] .sidebar-footer {
  display: flex;
  align-items: center;
  min-height: var(--core-bar-height);
  margin-top: auto;
  padding: 5px 8px;
  gap: 6px;
  border-top: 1px solid var(--core-line);
  background: var(--core-bar);
  color: var(--core-muted);
  font-size: 10px;
}
[data-shader-creator] .status-dot { width: 6px; height: 6px; flex: 0 0 auto; border-radius: 50%; background: hsl(var(--primary)); }
[data-shader-creator] .storage-error { padding: 8px; color: hsl(var(--destructive)); font-size: 11px; }
[data-shader-creator] .canvas-workspace { display: flex; min-width: 0; min-height: 0; background: var(--core-frame); }
[data-shader-creator] .canvas-area { display: flex; width: 100%; min-height: 0; flex: 1; }
[data-shader-creator] .preview-card { display: flex; width: 100%; min-width: 0; min-height: 0; flex-direction: column; overflow: hidden; }
[data-shader-creator] .preview-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: var(--core-bar-height);
  min-height: var(--core-bar-height);
  padding: 0 8px;
  gap: 8px;
  border-bottom: 1px solid var(--core-line);
  background: var(--core-bar);
}
[data-shader-creator] .preview-identity { display: flex; align-items: center; min-width: 0; gap: 4px; font-size: 11px; }
[data-shader-creator] .preview-identity span { color: var(--core-muted); white-space: nowrap; }
[data-shader-creator] .preview-identity strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; }
[data-shader-creator] .preview-header-right { display: flex; align-items: center; flex-shrink: 0; gap: 8px; }
[data-shader-creator] .canvas-status { display: flex; align-items: center; gap: 5px; color: var(--core-muted); font-size: 10px; white-space: nowrap; }
[data-shader-creator] .preview-actions { display: flex; gap: 3px; }
[data-shader-creator] .preview-actions button { width: var(--core-control-height); padding: 0; }
[data-shader-creator] .preview-stage { position: relative; flex: 1; min-height: 300px; overflow: hidden; }
[data-shader-creator] .preview-stage > .relative { width: 100%; height: 100%; min-height: 0; }
[data-shader-creator] .preview-stage canvas { display: block; width: 100%; height: 100%; aspect-ratio: auto; border-radius: 0; }
[data-shader-creator] .stage-caption { position: absolute; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: space-between; min-height: 26px; padding: 3px 8px; gap: 8px; border-top: 1px solid var(--core-line); background: var(--core-bar); color: var(--core-muted); font-size: 10px; pointer-events: none; }
[data-shader-creator] .stage-caption > div { padding: 0 5px; border-radius: 3px; font-size: 9px; background: var(--core-selected); color: var(--core-ink); border-color: var(--core-button-line); }
[data-shader-creator] .inspector-tabs { display: grid; grid-template-columns: 1fr 1fr; flex-shrink: 0; height: var(--core-bar-height); min-height: var(--core-bar-height); padding: 0 6px; background: var(--core-bar); }
[data-shader-creator] .inspector-tabs button { position: relative; height: 100%; min-height: 0; padding: 0 8px; border: 0; background: transparent; color: var(--core-muted); font-size: 11px; }
[data-shader-creator] .inspector-tabs button span { margin-left: 4px; font-size: 9px; }
[data-shader-creator] .inspector-tabs .inspector-tab--active { color: var(--core-ink); box-shadow: inset 0 -2px 0 hsl(var(--primary)); }
[data-shader-creator] .inspector-content { width: 100%; min-width: 0; min-height: 0; flex: 1; overflow: auto; }
[data-shader-creator] .inspector-content > [role="tabpanel"] { margin: 0; }
[data-shader-creator] .inspector-content .code-content[data-state="active"] { height: 100%; }
[data-shader-creator] .code-card { display: flex; min-width: 0; height: 100%; flex-direction: column; overflow: hidden; }
[data-shader-creator] .code-heading { display: flex; align-items: center; justify-content: space-between; padding: 8px; gap: 8px; border-bottom: 1px solid var(--core-line); }
[data-shader-creator] .code-heading h2 { margin: 0; font-size: 12px; font-weight: 600; }
[data-shader-creator] .code-heading p { margin: 3px 0 0; color: var(--core-muted); font-size: 10px; }
[data-shader-creator] .copy-button { display: flex; align-items: center; gap: 5px; padding: 0 6px; }
[data-shader-creator] .code-editor { min-height: 300px; flex: 1; background: var(--core-field); }
[data-shader-creator] .shader-monaco-host { background: var(--core-field); color: var(--core-ink); border-color: var(--core-muted); }
[data-shader-creator] .inspector-content .rounded-lg { border: 0; border-radius: 0; background: transparent; box-shadow: none; }
[data-shader-creator] .inspector-content :is(.p-6, .p-4) { padding: 10px; }
[data-shader-creator] .inspector-content :is(.text-sm, .text-base) { font-size: 11px; }
[data-shader-creator] .inspector-content pre { background: var(--core-field); font-size: 10px; }
[data-shader-creator] .parameters-card { padding: 10px; }
[data-shader-creator] .parameters-card > div { padding: 0; }
[data-shader-creator] .parameters-card > div:first-child { padding-bottom: 16px; }
[data-shader-creator] .parameters-title { font-size: 12px; font-weight: 600; }
[data-shader-creator] .parameters-description { color: var(--core-muted); font-size: 10px; }
[data-shader-creator] .parameter-grid { display: grid; grid-template-columns: 1fr; gap: 14px; }
[data-shader-creator] .parameter-grid > div { display: grid; gap: 14px; }
[data-shader-creator] .parameter-grid > div > * { margin: 0; }
[data-shader-creator] .parameter-grid :is(label, span.text-sm) { font-size: 11px; }
[data-shader-creator] .parameter-grid [data-orientation="horizontal"] > span:first-child { height: 4px; background: var(--core-hover); }
[data-shader-creator] .parameter-grid [role="slider"] { width: 12px; height: 12px; border-width: 1px; background: var(--core-panel); }
[data-shader-creator] :is(button, input):focus-visible { outline: 2px solid hsl(var(--ring)); outline-offset: -2px; }
.shader-creator-preset-menu { font-size: 11px; }
.shader-creator-preset-menu [role="option"] { min-height: 24px; padding-block: 3px; font-size: 11px; }
@media (max-width: 1100px) {
  [data-shader-creator].studio-shell { grid-template-columns: 220px minmax(220px, 1fr) 340px; }
  [data-shader-creator] .canvas-status { display: none; }
}
@media (max-width: 820px) {
  [data-shader-creator].studio-shell { grid-template-columns: 200px minmax(0, 1fr); overflow: auto; }
  [data-shader-creator] .canvas-workspace { min-height: 430px; }
  [data-shader-creator] .right-sidebar { grid-column: 1 / -1; height: 500px; border-top: 1px solid var(--core-line); border-left: 0; }
}
@media (max-width: 580px) {
  [data-shader-creator].studio-shell { display: flex; flex-direction: column; }
  [data-shader-creator] .left-sidebar { height: auto; overflow: visible; border-right: 0; }
  [data-shader-creator] .right-sidebar { flex-shrink: 0; }
}
/* Keep compact forms and case-sensitive GLSL inside the native app's global typography. */
[data-shader-creator] .field input { min-height: 26px !important; font-size: 11px !important; }
[data-shader-creator] .shader-monaco-host,
[data-shader-creator] .shader-monaco-host * { text-transform: none !important; }
[data-shader-creator] .shader-monaco-host .view-lines,
[data-shader-creator] .shader-monaco-host .view-lines * {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace !important;
}
.desk-music-player{container-type:inline-size;width:100%;min-width:0;color:hsl(var(--foreground));background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:18px;overflow:hidden;font-family:inherit;--dm-accent:#b5c6a4;--dm-ink:#1b2518;box-shadow:0 16px 60px #00000012}
.desk-music-player *{box-sizing:border-box}.desk-music-player button,.desk-music-player a,.desk-music-player input,.desk-music-player select{font:inherit}.desk-music-player button{cursor:pointer}.desk-music-player button:disabled{opacity:.35;cursor:default}.desk-music-player button:focus-visible,.desk-music-player a:focus-visible,.desk-music-player input:focus-visible,.desk-music-player select:focus-visible{outline:2px solid var(--dm-accent);outline-offset:3px}.desk-music-player button{border:0;background:none;color:inherit}.dm-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px 28px 20px}.dm-brand,.dm-header-actions,.dm-account-actions,.dm-section-heading,.dm-transport-buttons,.dm-volume,.dm-service-bar{display:flex;align-items:center}.dm-brand{gap:12px}.dm-brand-icon{display:grid;place-items:center;background:var(--dm-accent);color:var(--dm-ink);width:42px;height:42px;border-radius:14px}.dm-eyebrow{font-size:9px;letter-spacing:.16em;font-weight:600;opacity:.5}.dm-brand h1{font-size:21px;letter-spacing:-.035em;font-weight:600;margin:1px 0 0}.dm-header-actions{gap:14px}.dm-connection{font-size:10px;display:flex;align-items:center;gap:7px;opacity:.6}.dm-connection i{width:5px;height:5px;background:currentColor;border-radius:50%}.dm-connection.is-connected i{background:#7b9d66}.dm-icon{display:inline-flex;flex:none;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px}.dm-icon:hover:not(:disabled){background:hsl(var(--muted))}.dm-icon[aria-pressed=true]{color:#829e6a;background:#829e6a15}.dm-service-bar{justify-content:space-between;padding:0 28px 19px;gap:10px;border-bottom:1px solid hsl(var(--border))}.dm-services{display:flex;background:hsl(var(--muted)/.6);padding:3px;border:1px solid hsl(var(--border)/.6);border-radius:9px;gap:2px}.dm-services button{font-size:11px;padding:7px 14px;border-radius:6px;white-space:nowrap;opacity:.55}.dm-services button[aria-pressed=true]{background:hsl(var(--background));box-shadow:0 1px 5px #00000010;opacity:1}.dm-account-actions{gap:12px}.dm-personal{font-size:10px;opacity:.45}.dm-text-button{display:inline-flex;align-items:center;gap:6px;font-size:10px!important;padding:5px 0}.dm-alert{margin:16px 24px 0;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;padding:9px 12px;background:#b8832312;border:1px solid #b8832335;border-radius:9px}.dm-library{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(260px,.88fr)}.dm-collection-pane{min-width:0;padding:20px 20px 18px}.dm-tracks-pane{border-left:1px solid hsl(var(--border));padding:23px 22px 0;min-width:0;display:flex;flex-direction:column}.dm-section-heading{justify-content:space-between;gap:12px;min-height:32px}.dm-section-heading h2{font-size:17px;font-weight:500;letter-spacing:-.025em;margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:30ch}.dm-library-tabs{display:flex;align-items:center;gap:18px}.dm-library-tabs button{font-size:11px;opacity:.4;padding:4px 0;display:flex;align-items:center;gap:5px}.dm-library-tabs button[aria-pressed=true]{opacity:1}.dm-library-tabs span{font-size:9px;opacity:.45}.dm-coverflow{margin:0 -20px 18px}.dm-coverflow img{background:hsl(var(--muted))}.dm-coverflow [aria-roledescription=slide]{border-radius:12px}.dm-coverflow [aria-roledescription=carousel]>div:last-child p{font-size:13px}.dm-collection-select{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;opacity:.6;margin:0 10px}.dm-collection-select select{max-width:65%;border:1px solid hsl(var(--border));padding:5px 8px;border-radius:6px;background:hsl(var(--background));font-size:10px;color:inherit}.dm-browse-hint{text-align:center;font-size:10px;opacity:.35;margin:16px 0 0}.dm-track-list{overflow:auto;min-height:230px;max-height:335px;flex:1;margin-top:19px;scrollbar-width:thin}.dm-track{display:flex;align-items:center;gap:4px;border-radius:8px;margin-bottom:3px}.dm-track-main{display:flex;align-items:center;gap:12px;min-width:0;flex:1;padding:11px 7px!important;text-align:left}.dm-track:hover,.dm-track.is-current,.dm-queue-track:hover,.dm-queue-track.is-current{background:hsl(var(--muted)/.65)}.dm-track-number{font-size:10px;opacity:.45;width:17px;flex:none}.dm-track-copy{flex:1;min-width:0}.dm-track-copy strong,.dm-track-copy small,.dm-now-playing strong,.dm-now-playing small,.dm-queue-track strong,.dm-queue-track small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-track-copy strong,.dm-queue-track strong{font-size:12px;font-weight:500}.dm-track-copy small,.dm-queue-track small{font-size:10px;opacity:.45;margin-top:3px}.dm-track-duration{font-size:10px;opacity:.4}.dm-list-footer{display:flex;justify-content:space-between;gap:8px;border-top:1px solid hsl(var(--border));font-size:9px;opacity:.4;padding:13px 0;margin-top:15px}.dm-play-collection,.dm-main-play{display:grid;place-items:center;background:var(--dm-accent)!important;color:var(--dm-ink)!important;border-radius:50%;flex:none}.dm-play-collection{width:31px;height:31px}.dm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:225px;text-align:center;opacity:.55;padding:20px}.dm-empty p{font-size:12px;margin:4px 0 0}.dm-empty small{font-size:10px;max-width:28ch}.dm-transport{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,1.1fr) minmax(130px,.7fr);gap:20px;border-top:1px solid hsl(var(--border));align-items:center;padding:17px 24px;background:hsl(var(--muted)/.18)}.dm-now-playing{display:flex;align-items:center;gap:10px;min-width:0}.dm-now-playing>div{min-width:0}.dm-artwork{display:inline-grid;place-items:center;overflow:hidden;border-radius:7px;background:hsl(var(--muted));width:44px;height:44px;flex:none}.dm-artwork img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dm-artwork>svg{width:22px;opacity:.35}.dm-now-playing strong{font-size:11px;font-weight:500}.dm-now-playing small{font-size:10px;opacity:.45;margin-top:4px}.dm-now-playing a{display:flex;align-items:center;gap:2px;font-size:9px;opacity:.5;margin-top:3px}.dm-transport-buttons{justify-content:center;gap:9px}.dm-main-play{width:36px;height:36px;margin:0 4px}.dm-progress{display:flex;align-items:center;gap:9px;margin-top:9px;font-size:9px;font-variant-numeric:tabular-nums;opacity:.65}.dm-progress span{min-width:25px}.dm-progress input,.dm-volume input{min-width:0;width:100%;accent-color:var(--dm-accent);height:3px;cursor:pointer}.dm-volume{justify-content:flex-end;gap:4px}.dm-volume input{max-width:75px;margin-right:8px}.dm-connect-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:42px 24px;min-height:365px;gap:12px}.dm-connect-icon{display:grid;place-items:center;width:69px;height:69px;border:1px solid hsl(var(--border));border-radius:21px;margin-bottom:7px;background:hsl(var(--muted)/.4)}.dm-connect-panel h2{font-size:24px;letter-spacing:-.04em;font-weight:500;margin:0}.dm-connect-panel p{font-size:12px;line-height:1.8;opacity:.55;max-width:47ch;margin:0 0 4px}.dm-primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--dm-accent)!important;color:var(--dm-ink)!important;border-radius:8px;padding:11px 16px!important;text-decoration:none;font-size:12px!important}.dm-primary.is-disabled{pointer-events:none;opacity:.4}.dm-connect-note{font-size:10px;opacity:.5}.dm-spotify-field{display:flex;flex-direction:column;gap:6px;text-align:left;font-size:10px;max-width:100%;width:330px;opacity:.7}.dm-spotify-field input{padding:10px 12px;border-radius:7px;background:hsl(var(--background));border:1px solid hsl(var(--border));color:inherit;width:100%;font-size:11px}.dm-field-error{font-size:10px;color:#b06d3c}.dm-queue-track{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border-radius:8px;padding:9px 6px!important}.dm-queue-track .dm-artwork{width:33px;height:33px}.dm-queue-track>span:nth-child(2){flex:1;min-width:0}.dm-spin{animation:dm-spin 1.2s linear infinite}@keyframes dm-spin{to{transform:rotate(360deg)}}
.desk-music-player[data-layout=compact] .dm-header{padding:16px 18px}.desk-music-player[data-layout=compact] .dm-service-bar{padding:0 18px 13px}.desk-music-player[data-layout=compact] .dm-library{grid-template-columns:minmax(0,1fr)}.desk-music-player[data-layout=compact] .dm-tracks-pane{border-left:0;border-top:1px solid hsl(var(--border));padding-top:16px}.desk-music-player[data-layout=compact] .dm-track-list{min-height:100px;max-height:160px}.desk-music-player[data-layout=compact] .dm-coverflow{max-width:450px;margin:0 auto 12px}.desk-music-player[data-layout=compact] .dm-coverflow [aria-roledescription=carousel]{--cf-card:145px!important}.desk-music-player[data-layout=compact] .dm-coverflow .py-10{padding-top:20px;padding-bottom:20px}.desk-music-player[data-layout=compact] .dm-transport{grid-template-columns:minmax(0,1fr) minmax(180px,1fr);gap:12px}.desk-music-player[data-layout=compact] .dm-volume{grid-column:1/-1;justify-content:flex-end}.desk-music-player[data-layout=compact] .dm-account-actions .dm-personal{display:none}
@container (max-width:680px){.dm-header{padding:20px 18px 16px}.dm-service-bar{padding:0 18px 14px}.dm-personal{display:none}.dm-library{grid-template-columns:minmax(0,1fr)}.dm-tracks-pane{border-left:0;border-top:1px solid hsl(var(--border));padding-top:17px}.dm-track-list{min-height:130px;max-height:230px}.dm-coverflow{margin-bottom:12px}.dm-transport{grid-template-columns:minmax(0,1fr) minmax(180px,1fr);gap:12px;padding:16px 18px}.dm-volume{grid-column:1/-1;justify-content:flex-end}.dm-connection{font-size:9px}.dm-header-actions{gap:5px}}
@container (max-width:420px){.dm-eyebrow{font-size:8px}.dm-brand h1{font-size:19px}.dm-brand-icon{width:35px;height:35px}.dm-brand{gap:8px}.dm-services button{padding:6px 10px}.dm-header-actions .dm-connection{display:none}.dm-transport,.desk-music-player[data-layout=compact] .dm-transport{grid-template-columns:minmax(0,1fr)}.dm-now-playing{justify-content:center}.dm-volume{grid-column:auto;justify-content:center}.dm-connect-panel h2{font-size:21px}.dm-tracks-pane{padding-left:15px;padding-right:15px}.dm-list-footer{font-size:8px}}
@media(prefers-reduced-motion:reduce){.dm-spin{animation:none}.desk-music-player *{scroll-behavior:auto}}
.business-os { font-family: var(--font-sans); font-size: 12px; }
.bos-main { display: flex; flex: 1; flex-direction: column; min-width: 0; min-height: 0; height: 100%; background: hsl(var(--background)); }
.bos-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 22px; border-bottom: 1px solid hsl(var(--border)); }
.bos-eyebrow { margin: 0 0 6px; color: hsl(var(--muted-foreground)); font-size: 10px; }
.bos-header h1 { margin: 0; font-size: 21px; font-weight: 600; letter-spacing: -.025em; }
.bos-header p:not(.bos-eyebrow) { margin: 5px 0 0; color: hsl(var(--muted-foreground)); }
.bos-header-actions { display: flex; gap: 6px; }
.bos-header-actions button { height: 30px; gap: 6px; font-size: 11px; }
.bos-body { flex: 1; min-height: 0; overflow: auto; padding: 16px 22px 24px; }
.bos-dashboard-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 16px; }
.bos-presets { display: flex; flex-wrap: wrap; gap: 3px; padding: 3px; border: 1px solid hsl(var(--border)); border-radius: 6px; background: hsl(var(--card)); }
.bos-presets button { padding: 5px 12px; border-radius: 3px; color: hsl(var(--muted-foreground)); text-transform: capitalize; }
.bos-presets button[aria-pressed='true'] { background: hsl(var(--accent)); color: hsl(var(--foreground)); }
.bos-presets button:hover { color: hsl(var(--foreground)); }
.bos-caption { margin: 7px 0; font-size: 10px; line-height: 1.5; color: hsl(var(--muted-foreground)); }
.bos-customise { padding: 14px; margin-bottom: 16px; border: 1px solid hsl(var(--border)); border-radius: 6px; background: hsl(var(--card)); }
.bos-section-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.bos-section-heading h2 { margin: 0; font-size: 12px; font-weight: 600; }
.bos-section-heading p { margin: 4px 0 0; font-size: 11px; color: hsl(var(--muted-foreground)); }
.bos-widget-options { display: flex; flex-wrap: wrap; gap: 12px 20px; margin-top: 14px; }
.bos-widget-options label { display: flex; align-items: center; gap: 7px; font-size: 11px; }
.bos-widget-options input { accent-color: hsl(var(--primary)); }
.bos-widget { display: flex; height: 100%; min-height: 0; flex-direction: column; border: 1px solid hsl(var(--border)); border-radius: 6px; background: hsl(var(--card)); }
.bos-widget > header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px; min-height: 37px; padding: 9px 12px; border-bottom: 1px solid hsl(var(--border)); }
.bos-widget h2 { margin: 0; font-size: 11px; font-weight: 500; }
.bos-widget-content { display: flex; flex: 1; min-height: 0; flex-direction: column; gap: 6px; padding: 12px; overflow: auto; }
.bos-widget-controls { display: flex; align-items: center; gap: 3px; }
.bos-widget-controls select { max-width: 65px; padding: 2px; font-size: 10px; }
.bos-widget-controls button { display: grid; place-items: center; width: 20px; height: 22px; border-radius: 3px; }
.bos-widget-controls button:hover { background: hsl(var(--accent)); }
.bos-widget-controls button:disabled { opacity: .3; }
.bos-stat { display: flex; flex-direction: column; gap: 2px; text-align: left; }
.bos-stat strong { font-size: 27px; line-height: 1.15; font-weight: 600; letter-spacing: -.04em; }
.bos-stat span { color: hsl(var(--muted-foreground)); font-size: 11px; }
.bos-stat-button:hover strong { color: hsl(var(--primary)); }
.bos-rows { display: flex; flex-direction: column; }
.bos-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; padding: 7px 0; text-align: left; border-bottom: 1px solid hsl(var(--border) / .6); }
.bos-row:last-child { border-bottom: 0; }
.bos-row:hover { color: hsl(var(--primary)); }
.bos-row > span { min-width: 0; overflow-wrap: anywhere; }
.bos-row small, .bos-table small { display: block; margin-top: 2px; font-size: 10px; color: hsl(var(--muted-foreground)); }
.bos-row > small { flex-shrink: 0; font-size: 10px; color: hsl(var(--muted-foreground)); }
.bos-row-right { text-align: right; }
.bos-text-link { display: inline-flex; align-items: center; align-self: flex-start; gap: 5px; margin-top: auto; padding-top: 5px; color: hsl(var(--primary)); font-size: 11px; text-align: left; }
.bos-text-link:hover { text-decoration: underline; }
.bos-balances { display: grid; gap: 9px; }
.bos-balances button { display: flex; flex-direction: column; gap: 3px; text-align: left; }
.bos-balances strong { font-size: 23px; font-weight: 600; letter-spacing: -.03em; }
.bos-balances small { font-size: 10px; color: hsl(var(--muted-foreground)); }
.bos-pipeline-value { margin-top: 5px; font-size: 16px; font-weight: 500; }
.bos-shortcuts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.bos-shortcuts a { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 13px 10px; border: 1px solid hsl(var(--border)); border-radius: 4px; background: hsl(var(--background)); }
.bos-shortcuts a:hover, .bos-tools-grid a:hover { background: hsl(var(--accent)); }
.bos-empty { padding: 18px 4px; margin: 0; color: hsl(var(--muted-foreground)); font-size: 12px; line-height: 1.6; }
.bos-widget .bos-empty { padding: 8px 0; font-size: 11px; }
.bos-error, .bos-overdue { color: hsl(var(--destructive)); }
.bos-notice { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; padding: 10px 22px; border-bottom: 1px solid hsl(var(--border)); color: hsl(var(--destructive)); font-size: 11px; }
.bos-list-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 14px; }
.bos-list-toolbar input { flex: 1; min-width: 160px; max-width: 360px; }
.business-os input:not([type='checkbox']), .business-os select { height: 30px; padding: 4px 8px; border: 1px solid hsl(var(--border)); border-radius: 4px; background: hsl(var(--background)); color: hsl(var(--foreground)); font-size: 11px; }
.business-os :is(button, a, input, select):focus-visible { outline: 2px solid hsl(var(--ring)); outline-offset: 2px; }
.bos-table { overflow-x: auto; border: 1px solid hsl(var(--border)); border-radius: 6px; background: hsl(var(--card)); }
.bos-table table { width: 100%; border-collapse: collapse; text-align: left; }
.bos-table th { padding: 10px 12px; background: hsl(var(--muted) / .4); color: hsl(var(--muted-foreground)); font-size: 10px; font-weight: 500; white-space: nowrap; }
.bos-table td { padding: 11px 12px; border-top: 1px solid hsl(var(--border)); font-size: 11px; }
.bos-table td button { text-align: left; font-weight: 500; }
.bos-table td button:hover { color: hsl(var(--primary)); text-decoration: underline; }
.bos-tools-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 12px; }
.bos-tools-grid a { padding: 16px; border: 1px solid hsl(var(--border)); border-radius: 6px; background: hsl(var(--card)); }
.bos-tools-grid h2 { display: flex; justify-content: space-between; gap: 12px; margin: 0 0 8px; font-size: 13px; font-weight: 500; }
.bos-tools-grid p { margin: 0; color: hsl(var(--muted-foreground)); font-size: 11px; line-height: 1.6; }
.bos-footer { display: flex; flex-wrap: wrap; gap: 8px 20px; padding: 8px 22px; border-top: 1px solid hsl(var(--border)); color: hsl(var(--muted-foreground)); font-size: 10px; }
.bos-detail { display: grid; gap: 12px; }
.bos-detail > div { display: grid; grid-template-columns: 100px minmax(0, 1fr); gap: 12px; font-size: 12px; }
.bos-detail dt { color: hsl(var(--muted-foreground)); }
.bos-detail dd { margin: 0; overflow-wrap: anywhere; }
@media (max-width: 640px) { .bos-body, .bos-header { padding: 12px; } .bos-footer { padding: 8px 12px; } .bos-header h1 { font-size: 18px; } .bos-shortcuts { grid-template-columns: 1fr; } }
/* The ZIP's dark neutral palette, expressed as HSL channels for the host's
   Tailwind 3 utilities. Keep this theme local to the imported component. */
.rd-batch2-import.rd-batch2-changelog-template {
  --background: 0 0% 3.9%;
  --foreground: 0 0% 89.6%;
  --card: 0 0% 7%;
  --card-foreground: 0 0% 89.6%;
  --popover: 0 0% 7%;
  --popover-foreground: 0 0% 89.6%;
  --primary: 0 0% 89.6%;
  --primary-foreground: 0 0% 8.6%;
  --secondary: 0 0% 13.1%;
  --secondary-foreground: 0 0% 89.6%;
  --muted: 0 0% 44.5%;
  --muted-foreground: 0 0% 44.5%;
  --accent: 0 0% 13.1%;
  --accent-foreground: 0 0% 89.6%;
  --border: 0 0% 17.9%;
  --input: 0 0% 17.9%;
  --ring: 0 0% 32.2%;
  --font-sans: 'Geist', 'Inter', sans-serif;
  color-scheme: dark;
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  background: hsl(var(--background));
  color: hsl(var(--foreground));
  container: changelog / size;
}
.rd-batch2-import.rd-batch2-changelog-template.changelog-panel {
  min-height: 0;
  overflow: hidden;
}
.rd-batch2-import.rd-batch2-changelog-template.changelog-production {
  height: 100%;
  min-height: 100%;
}
.rd-batch2-changelog-template * { border-color: hsl(var(--border)); }
.rd-batch2-changelog-template .font-serif { font-family: 'Instrument Serif', Georgia, serif; }
.rd-batch2-changelog-template .font-mono { font-family: 'Geist Mono', ui-monospace, monospace; }
.rd-batch2-changelog-template .shader-wrapper canvas {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
}
.rd-batch2-changelog-template .changelog-layout { display: flex; flex-direction: column; min-height: 100%; }
.rd-batch2-changelog-template .changelog-header { position: relative; min-height: 360px; height: 60cqh; flex-shrink: 0; }
.rd-batch2-changelog-template .changelog-intro { padding: 24px; }
.rd-batch2-changelog-template .changelog-entry { display: flex; flex-direction: column; padding: 24px 24px 40px; }
.rd-batch2-changelog-template .changelog-date { position: relative; margin-top: 4px; align-self: start; }
.rd-batch2-changelog-template .changelog-dot,
.rd-batch2-changelog-template .changelog-timeline { display: none; }
/* Use the preview width, not the browser width, to select the split layout. */
@container changelog (min-width: 768px) {
  .rd-batch2-changelog-template .changelog-layout { flex-direction: row; }
  .rd-batch2-changelog-template .changelog-header { position: sticky; top: 0; width: 34%; height: 100cqh; align-self: flex-start; }
  .rd-batch2-changelog-template .changelog-intro { padding: 40px; }
  .rd-batch2-changelog-template .changelog-list { width: 66%; }
  .rd-batch2-changelog-template .changelog-entry { flex-direction: row; padding: 40px 0; }
  .rd-batch2-changelog-template .changelog-date { position: sticky; top: 24px; width: 160px; padding-left: 16px; }
  .rd-batch2-changelog-template .changelog-date-label { position: absolute; left: -100%; width: 160px; text-align: right; padding-right: 16px; }
  .rd-batch2-changelog-template .changelog-dot { display: flex; }
  .rd-batch2-changelog-template .changelog-timeline { display: block; }
  .rd-batch2-changelog-template .changelog-entry-content { flex: 1; margin-left: -160px; padding: 0 64px; }
}
.rd-batch2-import {
 position: relative; isolation: isolate; transform: translateZ(0); width: 100%; height: 100%; min-height: 600px; overflow: auto;
 color: hsl(var(--foreground)); background: hsl(var(--background)); color-scheme: light;
 --background: 0 0% 100%; --foreground: 222 47% 11%; --card: 0 0% 100%; --card-foreground: 222 47% 11%;
 --popover: 0 0% 100%; --popover-foreground: 222 47% 11%; --primary: 222 47% 11%; --primary-foreground: 0 0% 98%;
 --secondary: 210 40% 96%; --secondary-foreground: 222 47% 11%; --muted: 210 40% 96%; --muted-foreground: 215 16% 47%;
 --accent: 210 40% 96%; --accent-foreground: 222 47% 11%; --destructive: 0 84% 60%; --destructive-foreground: 0 0% 98%;
 --border: 214 32% 91%; --input: 214 32% 91%; --ring: 222 47% 11%; --radius: .5rem;
}
.rd-batch2-import .min-h-screen { min-height: 100%; }
.rd-batch2-import .h-screen { height: 100%; min-height: 600px; }

.rd-batch2-import .min-h-dvh { min-height: 100%; }
.rd-batch2-import .h-dvh { height: 100%; min-height: 600px; }
.rd-batch2-import .font-instrument-serif { font-family: Georgia, serif; }
.rd-batch2-cosmos-3d-orbit-gallery-template, .rd-batch2-v0-embasador-quest-game, .rd-batch2-v0rdle, .rd-batch2-import .dark {
 color-scheme: dark; --background: 0 0% 4%; --foreground: 0 0% 98%; --card: 0 0% 8%; --card-foreground: 0 0% 98%; --muted: 0 0% 15%; --muted-foreground: 0 0% 65%; --border: 0 0% 22%; --primary: 0 0% 98%; --primary-foreground: 0 0% 8%; --secondary: 0 0% 15%; --secondary-foreground: 0 0% 98%; --accent: 0 0% 18%; --accent-foreground: 0 0% 98%;
 background: hsl(var(--background)); color: hsl(var(--foreground));
}
.rd-batch2-v0rdle { --success: 142 71% 45%; --success-foreground: 0 0% 100%; --warning: 45 93% 47%; --warning-foreground: 0 0% 4%; }
.rd-batch2-v0rdle .bg-success { background-color: hsl(var(--success)); }
.rd-batch2-v0rdle .text-success-foreground { color: hsl(var(--success-foreground)); }
.rd-batch2-v0rdle .bg-warning { background-color: hsl(var(--warning)); }
.rd-batch2-v0rdle .text-warning-foreground { color: hsl(var(--warning-foreground)); }
.rd-batch2-import.rd-batch2-flappy-bird-game-built-with-v0 {
  min-height: 320px;
  overflow: hidden;
  background: #000;
  color: #fff;
  color-scheme: dark;
}
.rd-batch2-flappy-bird-game-built-with-v0 .flappydesk-game {
  min-height: 320px;
  container-type: inline-size;
}

.rd-batch2-flappy-bird-game-built-with-v0 .flappydesk-overlay {
  overflow: auto;
  padding: 12px;
}
.rd-batch2-flappy-bird-game-built-with-v0 .flappydesk-overlay > div {
  margin: auto;
  flex-shrink: 0;
}
.rd-batch2-flappy-bird-game-built-with-v0 .flappydesk-results {
  padding: 16px;
}
.rd-batch2-flappy-bird-game-built-with-v0 .flappydesk-results .text-7xl {
  font-size: 48px;
  line-height: 1;
}

  .rd-batch2-image-generation-playground * {
    border-color: hsl(var(--border));
    outline-color: hsl(var(--ring) / 0.5);
}

/* Force black background on html and body to prevent flashes */

.rd-batch2-image-generation-playground {
    background-color: hsl(var(--background));
    color: hsl(var(--foreground));
    background-color: #000000 !important;
  }

/* Optimize background shader rendering with containment and hardware acceleration */

.rd-batch2-image-generation-playground .shader-background {
    contain: layout style paint;
    will-change: transform;
    transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }

/* Enhanced smooth transitions for auth state changes */

.rd-batch2-image-generation-playground .smooth-transition {
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  }

/* Prevent layout shift during auth transitions */

.rd-batch2-image-generation-playground .auth-persist {
    position: relative;
    z-index: 1;
  }

/* Optimize rendering performance for dropdowns and overlays */

.rd-batch2-image-generation-playground .dropdown-content,
  .rd-batch2-image-generation-playground .dialog-content,
  .rd-batch2-image-generation-playground .popover-content {
    transform: translateZ(0);
    will-change: transform, opacity;
  }

/* Add CSS for preventing content jump during state changes */
.rd-batch2-image-generation-playground .prevent-shift {
    min-height: 100vh;
    position: relative;
  }
.rd-batch2-image-generation-playground .gpu-accelerate {
    transform: translateZ(0);
    backface-visibility: hidden;
    perspective: 1000px;
  }
@media (prefers-color-scheme: dark) {
}

@keyframes rd-batch2-newsletter-template-shine {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateX(200%);
    opacity: 0;
  }
}

.rd-batch2-newsletter-template * {
  border-color: hsl(var(--border));
}

.rd-batch2-newsletter-template {
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
}
/* Added responsive breakpoints using modern container queries */
@container (max-width: 480px) {
}

@container (min-width: 1024px) {
}

.rd-batch2-v0-embasador-quest-game * {
    border-color: hsl(var(--border));
    outline-color: hsl(var(--ring) / 0.5);
}

/* Added modern responsive container support */

.rd-batch2-v0-embasador-quest-game {
    container-type: inline-size;
    scroll-behavior: smooth;
    /* Enhanced minimalist monochrome background with subtle gradient */
    color: hsl(var(--foreground));
    background: linear-gradient(135deg, oklch(0.08 0.01 0) 0%, oklch(0.12 0.01 0) 50%, oklch(0.1 0.01 0) 100%);
    min-height: 100vh;
    min-height: 100dvh; /* Use dynamic viewport height for better mobile support */

    /* Better mobile support with safe areas */
    padding-top: var(--safe-area-top);
    padding-bottom: var(--safe-area-bottom);
    padding-left: var(--safe-area-left);
    padding-right: var(--safe-area-right);
  }

/* Modernized responsive utility classes */
.rd-batch2-v0-embasador-quest-game .responsive-game-container {
  width: var(--game-width);
  height: var(--game-height);
  max-width: 100vw;
  max-height: 100vh;
  container-type: inline-size;

  /* Added always visible custom scroll bar styling */
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: oklch(0.4 0.02 0) oklch(0.2 0.01 0);
}

/* Added WebKit scroll bar styling for Chromium browsers */
.rd-batch2-v0-embasador-quest-game .responsive-game-container::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.rd-batch2-v0-embasador-quest-game .responsive-game-container::-webkit-scrollbar-track {
  background: oklch(0.2 0.01 0);
  border-radius: 4px;
}

.rd-batch2-v0-embasador-quest-game .responsive-game-container::-webkit-scrollbar-thumb {
  background: oklch(0.4 0.02 0);
  border-radius: 4px;
  border: 1px solid oklch(0.35 0.02 0);
}

.rd-batch2-v0-embasador-quest-game .responsive-game-container::-webkit-scrollbar-thumb:hover {
  background: oklch(0.45 0.02 0);
}

.rd-batch2-v0-embasador-quest-game .responsive-game-container::-webkit-scrollbar-corner {
  background: oklch(0.2 0.01 0);
}

.rd-batch2-v0-embasador-quest-game .responsive-touch-control {
  width: var(--touch-control-size);
  height: var(--touch-control-size);
  gap: var(--touch-control-gap);
}

/* Improved safe area support with modern CSS */
.rd-batch2-v0-embasador-quest-game .safe-area-bottom {
  bottom: max(1rem, var(--safe-area-bottom));
}

.rd-batch2-v0-embasador-quest-game .safe-area-left {
  left: max(1rem, var(--safe-area-left));
}

.rd-batch2-v0-embasador-quest-game .safe-area-right {
  right: max(1rem, var(--safe-area-right));
}

.rd-batch2-v0-embasador-quest-game .safe-area-top {
  top: max(1rem, var(--safe-area-top));
}

/* Modern responsive breakpoint utilities */
@media (max-width: 640px) {
  .rd-batch2-v0-embasador-quest-game .mobile-optimized {
    font-size: clamp(0.875rem, 4vw, 1rem);
    padding: clamp(0.5rem, 2vw, 1rem);
  }
}

@media (min-width: 1024px) {
  .rd-batch2-v0-embasador-quest-game .desktop-enhanced {
    backdrop-filter: blur(20px);
    border-radius: 1rem;
  }
}

/* Enhanced touch interaction support */
@media (hover: none) and (pointer: coarse) {
  .rd-batch2-v0-embasador-quest-game .touch-optimized {
    min-height: 44px; /* iOS accessibility guidelines */
    min-width: 44px;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }
}

@keyframes rd-batch2-v0-embasador-quest-game-shake {
  0%,
  100% {
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(-5px);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translateX(5px);
  }
}

.rd-batch2-v0-embasador-quest-game .animate-shake {
  animation: rd-batch2-v0-embasador-quest-game-shake 0.5s ease-in-out;
}

/* Prevent text selection on touch controls */
.rd-batch2-v0-embasador-quest-game .touch-control {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

/* Added minimalist monochrome glow effects */
.rd-batch2-v0-embasador-quest-game .retro-glow {
  box-shadow: 0 0 10px oklch(0.4 0.02 0 / 0.3), 0 0 20px oklch(0.4 0.02 0 / 0.2), 0 0 30px oklch(0.4 0.02 0 / 0.1);
}

.rd-batch2-v0-embasador-quest-game .retro-text-glow {
  text-shadow: 0 0 5px oklch(0.4 0.02 0 / 0.5), 0 0 10px oklch(0.4 0.02 0 / 0.3), 0 0 15px oklch(0.4 0.02 0 / 0.2);
}

/* Enhanced parallax background animations with improved timing and effects */
@keyframes rd-batch2-v0-embasador-quest-game-twinkle {
  0% {
    opacity: 0.15;
    transform: scale(1);
  }
  25% {
    opacity: 0.35;
    transform: scale(1.1);
  }
  50% {
    opacity: 0.25;
    transform: scale(0.95);
  }
  75% {
    opacity: 0.4;
    transform: scale(1.05);
  }
  100% {
    opacity: 0.15;
    transform: scale(1);
  }
}

@keyframes rd-batch2-v0-embasador-quest-game-float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}

/* Enhanced 3D perspective effects for better depth */
.rd-batch2-v0-embasador-quest-game .parallax-container {
  transform-style: preserve-3d;
  perspective: 1500px;
}

.rd-batch2-v0-embasador-quest-game .parallax-layer-far {
  transform: translateZ(-200px) scale(1.15);
}

.rd-batch2-v0-embasador-quest-game .parallax-layer-mid {
  transform: translateZ(-100px) scale(1.08);
}

.rd-batch2-v0-embasador-quest-game .parallax-layer-near {
  transform: translateZ(-30px) scale(1.03);
}

/* Enhanced cityscape styling with better rendering and transitions */
.rd-batch2-v0-embasador-quest-game .cityscape-bg {
  image-rendering: pixelated;
  background-repeat: repeat-x;
  background-position: bottom;
  transition: background-position 0.03s linear;
  will-change: background-position;
}

/* Enhanced atmospheric effects with more dynamic stars */
.rd-batch2-v0-embasador-quest-game .star-field {
  background-image: radial-gradient(3px 3px at 25px 35px, oklch(0.95 0.15 60), transparent),
    radial-gradient(2px 2px at 65px 75px, oklch(0.9 0.12 55), transparent),
    radial-gradient(4px 4px at 120px 45px, oklch(0.85 0.14 50), transparent),
    radial-gradient(2px 2px at 180px 85px, oklch(0.95 0.11 65), transparent),
    radial-gradient(3px 3px at 220px 40px, oklch(0.9 0.13 60), transparent),
    radial-gradient(1px 1px at 300px 25px, oklch(0.8 0.1 70), transparent),
    radial-gradient(2px 2px at 350px 90px, oklch(0.9 0.12 45), transparent),
    radial-gradient(1px 1px at 400px 60px, oklch(0.85 0.09 75), transparent);
  background-size: 450px 120px;
  background-repeat: repeat;
  animation: rd-batch2-v0-embasador-quest-game-twinkle 2.5s ease-in-out infinite alternate;
}

/* Added window glow effects for building lights */
@keyframes rd-batch2-v0-embasador-quest-game-windowGlow {
  0% {
    filter: brightness(1) saturate(1);
  }
  50% {
    filter: brightness(1.3) saturate(1.2);
  }
  100% {
    filter: brightness(1) saturate(1);
  }
}

.rd-batch2-v0-embasador-quest-game .building-lights {
  animation: rd-batch2-v0-embasador-quest-game-windowGlow 4s ease-in-out infinite alternate;
}

/* Added subtle depth blur for atmospheric perspective */
.rd-batch2-v0-embasador-quest-game .depth-blur-far {
  filter: blur(0.5px) brightness(0.8) contrast(0.9);
}

.rd-batch2-v0-embasador-quest-game .depth-blur-mid {
  filter: blur(0.2px) brightness(0.9) contrast(1.0);
}

.rd-batch2-v0-embasador-quest-game .depth-blur-near {
  filter: brightness(1.1) contrast(1.2);
}

/* Added landing light effect animations */
@keyframes rd-batch2-v0-embasador-quest-game-landingRipple {
  0% {
    transform: scale(0) rotate(0deg);
    opacity: 0.8;
  }
  50% {
    transform: scale(1.5) rotate(180deg);
    opacity: 0.4;
  }
  100% {
    transform: scale(3) rotate(360deg);
    opacity: 0;
  }
}

@keyframes rd-batch2-v0-embasador-quest-game-landingGlow {
  0% {
    box-shadow: 0 0 0 oklch(0.4 0.02 0 / 0);
    opacity: 0;
  }
  25% {
    box-shadow: 0 0 20px oklch(0.4 0.02 0 / 0.6), 0 0 40px oklch(0.35 0.02 0 / 0.4);
    opacity: 1;
  }
  50% {
    box-shadow: 0 0 30px oklch(0.4 0.02 0 / 0.8), 0 0 60px oklch(0.35 0.02 0 / 0.6), 0 0 90px oklch(0.25 0.02 0 / 0.3);
    opacity: 0.8;
  }
  100% {
    box-shadow: 0 0 0 oklch(0.4 0.02 0 / 0);
    opacity: 0;
  }
}

@keyframes rd-batch2-v0-embasador-quest-game-lightPulse {
  0% {
    background: radial-gradient(circle, oklch(0.4 0.02 0 / 0.3) 0%, oklch(0.35 0.02 0 / 0.2) 30%, transparent 70%);
    transform: scaleX(1) scaleY(0.3);
  }
  50% {
    background: radial-gradient(
      circle,
      oklch(0.4 0.02 0 / 0.5) 0%,
      oklch(0.35 0.02 0 / 0.3) 40%,
      oklch(0.25 0.02 0 / 0.1) 80%,
      transparent 100%
    );
    transform: scaleX(2) scaleY(0.5);
  }
  100% {
    background: radial-gradient(circle, oklch(0.4 0.02 0 / 0) 0%, transparent 100%);
    transform: scaleX(3) scaleY(0.2);
  }
}

.rd-batch2-v0-embasador-quest-game .landing-ripple {
  animation: rd-batch2-v0-embasador-quest-game-landingRipple 0.6s ease-out forwards;
}

.rd-batch2-v0-embasador-quest-game .landing-glow {
  animation: rd-batch2-v0-embasador-quest-game-landingGlow 0.8s ease-out forwards;
}

.rd-batch2-v0-embasador-quest-game .landing-light {
  animation: rd-batch2-v0-embasador-quest-game-lightPulse 0.7s ease-out forwards;
}

/* Enhanced superhero-style landing effects with dramatic animations */
@keyframes rd-batch2-v0-embasador-quest-game-superHeroImpact {
  0% {
    transform: scale(0) rotate(0deg);
    opacity: 1;
    box-shadow: 0 0 0 rgba(0, 150, 255, 0);
  }
  25% {
    transform: scale(0.8) rotate(90deg);
    opacity: 0.9;
    box-shadow: 0 0 30px rgba(0, 150, 255, 0.8), 0 0 60px rgba(255, 255, 255, 0.6);
  }
  50% {
    transform: scale(1.5) rotate(180deg);
    opacity: 0.7;
    box-shadow: 0 0 50px rgba(0, 150, 255, 1), 0 0 100px rgba(255, 255, 255, 0.8), 0 0 150px rgba(0, 200, 255, 0.4);
  }
  100% {
    transform: scale(3) rotate(360deg);
    opacity: 0;
    box-shadow: 0 0 0 rgba(0, 150, 255, 0);
  }
}

@keyframes rd-batch2-v0-embasador-quest-game-energyBurst {
  0% {
    transform: scale(0);
    opacity: 1;
    background: radial-gradient(circle, #00aaff 0%, #ffffff 30%, #0088ff 60%, transparent 100%);
  }
  30% {
    transform: scale(1.2);
    opacity: 0.9;
    background: radial-gradient(circle, #00ccff 0%, #ffffff 40%, #0099ff 70%, transparent 100%);
  }
  60% {
    transform: scale(2.5);
    opacity: 0.5;
    background: radial-gradient(circle, #0099ff 0%, #ffffff 50%, #0077ff 80%, transparent 100%);
  }
  100% {
    transform: scale(4);
    opacity: 0;
    background: radial-gradient(circle, transparent 0%, transparent 100%);
  }
}

@keyframes rd-batch2-v0-embasador-quest-game-lightningCrack {
  0% {
    opacity: 0;
    transform: scaleY(0) scaleX(1);
  }
  10% {
    opacity: 1;
    transform: scaleY(0.3) scaleX(1.2);
  }
  20% {
    opacity: 0.8;
    transform: scaleY(0.8) scaleX(0.9);
  }
  40% {
    opacity: 0.6;
    transform: scaleY(1.2) scaleX(1.1);
  }
  100% {
    opacity: 0;
    transform: scaleY(0) scaleX(1);
  }
}

@keyframes rd-batch2-v0-embasador-quest-game-shockwaveRing {
  0% {
    transform: scale(0);
    opacity: 0.8;
    border-width: 6px;
  }
  50% {
    transform: scale(2);
    opacity: 0.4;
    border-width: 3px;
  }
  100% {
    transform: scale(4);
    opacity: 0;
    border-width: 1px;
  }
}

@keyframes rd-batch2-v0-embasador-quest-game-screenShake {
  0%,
  100% {
    transform: translateX(0) translateY(0);
  }
  10% {
    transform: translateX(-2px) translateY(-1px);
  }
  20% {
    transform: translateX(2px) translateY(1px);
  }
  30% {
    transform: translateX(-1px) translateY(-2px);
  }
  40% {
    transform: translateX(1px) translateY(2px);
  }
  50% {
    transform: translateX(-2px) translateY(1px);
  }
  60% {
    transform: translateX(2px) translateY(-1px);
  }
  70% {
    transform: translateX(-1px) translateY(2px);
  }
  80% {
    transform: translateX(1px) translateY(-2px);
  }
  90% {
    transform: translateX(-1px) translateY(1px);
  }
}

.rd-batch2-v0-embasador-quest-game .superhero-impact {
  animation: rd-batch2-v0-embasador-quest-game-superHeroImpact 0.8s ease-out forwards;
}

.rd-batch2-v0-embasador-quest-game .energy-burst {
  animation: rd-batch2-v0-embasador-quest-game-energyBurst 0.6s ease-out forwards;
}

.rd-batch2-v0-embasador-quest-game .lightning-crack {
  animation: rd-batch2-v0-embasador-quest-game-lightningCrack 0.4s ease-out forwards;
}

.rd-batch2-v0-embasador-quest-game .shockwave-ring {
  animation: rd-batch2-v0-embasador-quest-game-shockwaveRing 0.7s ease-out forwards;
}

.rd-batch2-v0-embasador-quest-game .screen-shake {
  animation: rd-batch2-v0-embasador-quest-game-screenShake 0.3s ease-in-out;
}

/* Lightning crack visual elements */
.rd-batch2-v0-embasador-quest-game .lightning-bolt {
  background: linear-gradient(90deg, transparent 0%, #00ccff 45%, #ffffff 50%, #00ccff 55%, transparent 100%);
  border-radius: 2px;
  box-shadow: 0 0 10px #00aaff, 0 0 20px #ffffff;
}

/* Thunder effect base styles */
.rd-batch2-v0-embasador-quest-game .thunder-effect {
  position: absolute;
  pointer-events: none;
  z-index: 25;
}

/* Thunder bolt styles with different intensities based on level */
.rd-batch2-v0-embasador-quest-game .thunder-bolt {
  position: absolute;
  width: 3px;
  height: 25px;
  background: linear-gradient(180deg, #00ccff 0%, #ffffff 50%, #0099ff 100%);
  border-radius: 1px;
  box-shadow: 0 0 8px #00aaff, 0 0 16px #ffffff;
  animation: rd-batch2-v0-embasador-quest-game-thunderStrike 0.6s ease-out forwards;
  transform-origin: top center;
}

/* Thunder spark effects */
.rd-batch2-v0-embasador-quest-game .thunder-spark {
  position: absolute;
  width: 6px;
  height: 6px;
  background: radial-gradient(circle, #ffffff 0%, #00ccff 70%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 12px #00aaff;
  animation: rd-batch2-v0-embasador-quest-game-sparkFlash 0.4s ease-out forwards;
}

/* Level-based thunder intensity scaling */
.rd-batch2-v0-embasador-quest-game .thunder-level-0 .thunder-bolt {
  height: 20px;
  box-shadow: 0 0 6px #00aaff, 0 0 12px #ffffff;
}

.rd-batch2-v0-embasador-quest-game .thunder-level-1 .thunder-bolt {
  height: 30px;
  width: 4px;
  box-shadow: 0 0 10px #00aaff, 0 0 20px #ffffff, 0 0 30px #0088ff;
}

.rd-batch2-v0-embasador-quest-game .thunder-level-2 .thunder-bolt {
  height: 40px;
  width: 5px;
  box-shadow: 0 0 12px #00aaff, 0 0 24px #ffffff, 0 0 36px #0088ff;
}

.rd-batch2-v0-embasador-quest-game .thunder-level-3 .thunder-bolt {
  height: 50px;
  width: 6px;
  box-shadow: 0 0 15px #00aaff, 0 0 30px #ffffff, 0 0 45px #0088ff, 0 0 60px #0066ff;
}

.rd-batch2-v0-embasador-quest-game .thunder-level-4 .thunder-bolt {
  height: 60px;
  width: 8px;
  background: linear-gradient(180deg, #00ddff 0%, #ffffff 30%, #00ccff 70%, #0099ff 100%);
  box-shadow: 0 0 20px #00aaff, 0 0 40px #ffffff, 0 0 60px #0088ff, 0 0 80px #0066ff;
}

/* Thunder strike animation */
@keyframes rd-batch2-v0-embasador-quest-game-thunderStrike {
  0% {
    opacity: 0;
    transform: scaleY(0) scaleX(0.5);
  }
  10% {
    opacity: 1;
    transform: scaleY(0.3) scaleX(1.5);
  }
  25% {
    opacity: 0.9;
    transform: scaleY(0.8) scaleX(1.2);
  }
  50% {
    opacity: 0.7;
    transform: scaleY(1.2) scaleX(0.8);
  }
  75% {
    opacity: 0.4;
    transform: scaleY(1) scaleX(1);
  }
  100% {
    opacity: 0;
    transform: scaleY(0.2) scaleX(0.5);
  }
}

/* Spark flash animation */
@keyframes rd-batch2-v0-embasador-quest-game-sparkFlash {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  20% {
    opacity: 1;
    transform: scale(1.5);
  }
  40% {
    opacity: 0.8;
    transform: scale(1.2);
  }
  60% {
    opacity: 0.5;
    transform: scale(0.8);
  }
  100% {
    opacity: 0;
    transform: scale(0.3);
  }
}

/* Enhanced level-based spark effects */
.rd-batch2-v0-embasador-quest-game .thunder-level-0 .thunder-spark {
  width: 4px;
  height: 4px;
  box-shadow: 0 0 8px #00aaff;
}

.rd-batch2-v0-embasador-quest-game .thunder-level-1 .thunder-spark {
  width: 6px;
  height: 6px;
  box-shadow: 0 0 10px #00aaff, 0 0 20px #ffffff;
}

.rd-batch2-v0-embasador-quest-game .thunder-level-2 .thunder-spark {
  width: 8px;
  height: 8px;
  box-shadow: 0 0 12px #00aaff, 0 0 24px #ffffff, 0 0 36px #0088ff;
}

.rd-batch2-v0-embasador-quest-game .thunder-level-3 .thunder-spark {
  width: 10px;
  height: 10px;
  box-shadow: 0 0 15px #00aaff, 0 0 30px #ffffff, 0 0 45px #0088ff;
}

.rd-batch2-v0-embasador-quest-game .thunder-level-4 .thunder-spark {
  width: 12px;
  height: 12px;
  background: radial-gradient(circle, #ffffff 0%, #00ddff 50%, #00aaff 80%, transparent 100%);
  box-shadow: 0 0 20px #00aaff, 0 0 40px #ffffff, 0 0 60px #0088ff, 0 0 80px #0066ff;
}

/* Added production-safe responsive utilities */
.rd-batch2-v0-embasador-quest-game .responsive-game-container {
    width: min(90vw, 800px);
    height: min(60vh, 500px);
    max-width: 100vw;
    max-height: 100vh;
    container-type: inline-size;
  }
.rd-batch2-v0-embasador-quest-game .production-safe-bg {
    background-image: var(--bg-image);
    background-size: cover;
    background-repeat: repeat-x;
    background-position: var(--bg-position, 0 top);
    image-rendering: pixelated;
    image-rendering: -moz-crisp-edges;
    image-rendering: crisp-edges;
  }
/* Enhanced mobile-first responsive design */
@media (max-width: 640px) {
    .rd-batch2-v0-embasador-quest-game .mobile-optimized {
      font-size: clamp(0.75rem, 3.5vw, 1rem);
      padding: clamp(0.5rem, 2vw, 1rem);
      line-height: 1.4;
    }

    .rd-batch2-v0-embasador-quest-game .retro-text-glow {
      text-shadow: 0 0 3px oklch(0.4 0.02 0 / 0.4), 0 0 6px oklch(0.4 0.02 0 / 0.2);
    }

    .rd-batch2-v0-embasador-quest-game .retro-glow {
      box-shadow: 0 0 6px oklch(0.4 0.02 0 / 0.2), 0 0 12px oklch(0.4 0.02 0 / 0.1);
    }
  }
/* Production-safe font loading */
@media (prefers-reduced-motion: no-preference) {
    .rd-batch2-v0-embasador-quest-game .retro-text-glow {
      animation: rd-batch2-v0-embasador-quest-game-textGlow 2s ease-in-out infinite alternate;
    }
  }

/* Added production-safe animations */
@keyframes rd-batch2-v0-embasador-quest-game-textGlow {
  from {
    text-shadow: 0 0 5px oklch(0.4 0.02 0 / 0.3), 0 0 10px oklch(0.4 0.02 0 / 0.2);
  }
  to {
    text-shadow: 0 0 8px oklch(0.4 0.02 0 / 0.5), 0 0 15px oklch(0.4 0.02 0 / 0.3);
  }
}

/* Added shimmer animation for progress bar */
@keyframes rd-batch2-v0-embasador-quest-game-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}

/* Enhanced button hover effects */
.rd-batch2-v0-embasador-quest-game .enhanced-button {
  position: relative;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transform-style: preserve-3d;
}

.rd-batch2-v0-embasador-quest-game .enhanced-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  transition: left 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1;
}

.rd-batch2-v0-embasador-quest-game .enhanced-button:hover::before {
  left: 100%;
}

.rd-batch2-v0-embasador-quest-game .enhanced-button:hover {
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 20px 60px oklch(0.4 0.02 0 / 0.4), inset 0 2px 0 rgba(255, 255, 255, 0.3);
}

.rd-batch2-v0-embasador-quest-game .enhanced-button:active {
  transform: translateY(0) scale(0.98);
  transition: all 0.1s ease-out;
}

/* Enhanced card hover effects with better depth */
.rd-batch2-v0-embasador-quest-game .game-card {
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  backdrop-filter: blur(12px);
  transform-style: preserve-3d;
}

.rd-batch2-v0-embasador-quest-game .game-card:hover {
  transform: translateY(-4px) rotateX(2deg);
  box-shadow: 0 25px 80px oklch(0.4 0.02 0 / 0.3), 0 10px 30px oklch(0.4 0.02 0 / 0.2), inset 0 1px 0
    rgba(255, 255, 255, 0.1);
}

/* Enhanced progress bar with better visual feedback */
@keyframes rd-batch2-v0-embasador-quest-game-progressPulse {
  0%,
  100% {
    box-shadow: 0 0 20px oklch(0.4 0.02 0 / 0.5);
  }
  50% {
    box-shadow: 0 0 30px oklch(0.4 0.02 0 / 0.8), 0 0 60px oklch(0.35 0.02 0 / 0.4);
  }
}

.rd-batch2-v0-embasador-quest-game .progress-bar-active {
  animation: rd-batch2-v0-embasador-quest-game-progressPulse 2s ease-in-out infinite;
}

/* Enhanced level indicator animations */
@keyframes rd-batch2-v0-embasador-quest-game-levelUnlock {
  0% {
    transform: scale(0) rotate(-180deg);
    opacity: 0;
  }
  50% {
    transform: scale(1.2) rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: scale(1) rotate(0deg);
    opacity: 1;
  }
}

.rd-batch2-v0-embasador-quest-game .level-unlock {
  animation: rd-batch2-v0-embasador-quest-game-levelUnlock 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/* Enhanced particle effects */
@keyframes rd-batch2-v0-embasador-quest-game-sparkleFloat {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translateY(-100px) rotate(360deg);
    opacity: 0;
  }
}

.rd-batch2-v0-embasador-quest-game .sparkle-particle {
  animation: rd-batch2-v0-embasador-quest-game-sparkleFloat 3s ease-out forwards;
}

/* Enhanced responsive design with better mobile optimization */
@media (max-width: 640px) {
  .rd-batch2-v0-embasador-quest-game .game-card {
    backdrop-filter: blur(8px);
  }

  .rd-batch2-v0-embasador-quest-game .enhanced-button:hover {
    transform: translateY(-1px) scale(1.01);
  }

  .rd-batch2-v0-embasador-quest-game .retro-text-glow {
    text-shadow: 0 0 4px oklch(0.4 0.02 0 / 0.6), 0 0 8px oklch(0.4 0.02 0 / 0.3);
  }
}

/* Enhanced accessibility and focus states */
.rd-batch2-v0-embasador-quest-game .enhanced-button:focus-visible,
.rd-batch2-v0-embasador-quest-game .game-card:focus-visible {
  outline: 3px solid oklch(0.4 0.02 0);
  outline-offset: 3px;
}

/* Enhanced loading and transition states */
@keyframes rd-batch2-v0-embasador-quest-game-contentFadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.rd-batch2-v0-embasador-quest-game .content-fade-in {
  animation: rd-batch2-v0-embasador-quest-game-contentFadeIn 0.6s ease-out forwards;
}

/* Enhanced celebration effects */
@keyframes rd-batch2-v0-embasador-quest-game-celebrationBurst {
  0% {
    transform: scale(0) rotate(0deg);
    opacity: 1;
  }
  50% {
    transform: scale(1.5) rotate(180deg);
    opacity: 0.8;
  }
  100% {
    transform: scale(3) rotate(360deg);
    opacity: 0;
  }
}

.rd-batch2-v0-embasador-quest-game .celebration-particle {
  animation: rd-batch2-v0-embasador-quest-game-celebrationBurst 2s ease-out forwards;
}

/* Loading states and micro-interactions */
.rd-batch2-v0-embasador-quest-game .loading-pulse {
  animation: rd-batch2-v0-embasador-quest-game-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes rd-batch2-v0-embasador-quest-game-pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

/* Added full-screen game experience styles */
.rd-batch2-v0-embasador-quest-game .fullscreen-game {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  background: oklch(0.08 0.01 0);
  border-radius: 0;
  border: none;
}

.rd-batch2-v0-embasador-quest-game .fullscreen-game .game-ui {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}

.rd-batch2-v0-embasador-quest-game .fullscreen-game canvas {
  width: 100vw !important;
  height: 100vh !important;
}

/* Enhanced game HUD for immersive experience */
.rd-batch2-v0-embasador-quest-game .game-hud {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;
  padding: 1rem;
  background: linear-gradient(180deg, oklch(0.08 0.01 0 / 0.8) 0%, transparent 100%);
  backdrop-filter: blur(8px);
}

.rd-batch2-v0-embasador-quest-game .game-hud-item {
  background: oklch(0.1 0.01 0 / 0.9);
  backdrop-filter: blur(12px);
  border: 1px solid oklch(0.3 0.01 0 / 0.5);
  border-radius: 1rem;
  padding: 0.75rem 1rem;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.rd-batch2-v0-embasador-quest-game .game-hud-item:hover {
  background: oklch(0.15 0.01 0 / 0.95);
  border-color: oklch(0.4 0.02 0 / 0.7);
  transform: translateY(-2px);
  box-shadow: 0 8px 32px oklch(0.4 0.02 0 / 0.3);
}

/* Enhanced particle system for better visual feedback */
.rd-batch2-v0-embasador-quest-game .particle-system {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 15;
  overflow: hidden;
}

.rd-batch2-v0-embasador-quest-game .particle {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  will-change: transform, opacity;
}

.rd-batch2-v0-embasador-quest-game .particle-player {
  background: radial-gradient(circle, oklch(0.4 0.02 0) 0%, oklch(0.35 0.02 0) 50%, transparent 100%);
  box-shadow: 0 0 10px oklch(0.4 0.02 0 / 0.8);
  animation: rd-batch2-v0-embasador-quest-game-particleFloat 2s ease-out forwards;
}

.rd-batch2-v0-embasador-quest-game .particle-energy {
  background: radial-gradient(circle, oklch(0.6 0.15 60) 0%, oklch(0.5 0.12 45) 50%, transparent 100%);
  box-shadow: 0 0 15px oklch(0.6 0.15 60 / 0.9);
  animation: rd-batch2-v0-embasador-quest-game-energyParticle 1.5s ease-out forwards;
}

@keyframes rd-batch2-v0-embasador-quest-game-particleFloat {
  0% {
    transform: scale(1) rotate(0deg);
    opacity: 1;
  }
  50% {
    transform: scale(1.2) rotate(180deg);
    opacity: 0.7;
  }
  100% {
    transform: scale(0.3) rotate(360deg);
    opacity: 0;
  }
}

@keyframes rd-batch2-v0-embasador-quest-game-energyParticle {
  0% {
    transform: scale(0.5) translateY(0);
    opacity: 1;
  }
  50% {
    transform: scale(1.2) translateY(-20px);
    opacity: 0.8;
  }
  100% {
    transform: scale(0.2) translateY(-40px);
    opacity: 0;
  }
}

/* Enhanced level-up message styling */
.rd-batch2-v0-embasador-quest-game .level-up-message {
  position: absolute;
  font-size: 2rem;
  font-weight: bold;
  color: oklch(0.8 0.15 60);
  text-shadow: 0 0 10px oklch(0.8 0.15 60 / 0.8), 0 0 20px oklch(0.6 0.12 45 / 0.6), 0 0 30px oklch(0.4 0.02 0 / 0.4);
  pointer-events: none;
  z-index: 25;
  animation: rd-batch2-v0-embasador-quest-game-levelUpFloat 3s ease-out forwards;
  transform-origin: center;
}

@keyframes rd-batch2-v0-embasador-quest-game-levelUpFloat {
  0% {
    transform: scale(0.5) translateY(0) rotate(-5deg);
    opacity: 0;
  }
  20% {
    transform: scale(1.2) translateY(-10px) rotate(2deg);
    opacity: 1;
  }
  80% {
    transform: scale(1) translateY(-60px) rotate(-1deg);
    opacity: 0.9;
  }
  100% {
    transform: scale(0.8) translateY(-100px) rotate(0deg);
    opacity: 0;
  }
}

/* Enhanced landing effects with more dramatic impact */
.rd-batch2-v0-embasador-quest-game .landing-effect {
  position: absolute;
  pointer-events: none;
  z-index: 18;
}

.rd-batch2-v0-embasador-quest-game .landing-shockwave {
  position: absolute;
  border: 3px solid oklch(0.4 0.02 0 / 0.8);
  border-radius: 50%;
  background: radial-gradient(circle, oklch(0.4 0.02 0 / 0.3) 0%, oklch(0.35 0.02 0 / 0.2) 30%, transparent 70%);
  animation: rd-batch2-v0-embasador-quest-game-shockwaveExpand 0.8s ease-out forwards;
}

.rd-batch2-v0-embasador-quest-game .landing-sparks {
  position: absolute;
  width: 4px;
  height: 4px;
  background: oklch(0.8 0.15 60);
  border-radius: 50%;
  box-shadow: 0 0 8px oklch(0.8 0.15 60);
  animation: rd-batch2-v0-embasador-quest-game-sparkFly 1.2s ease-out forwards;
}

@keyframes rd-batch2-v0-embasador-quest-game-shockwaveExpand {
  0% {
    transform: scale(0);
    opacity: 1;
    border-width: 4px;
  }
  50% {
    transform: scale(2);
    opacity: 0.6;
    border-width: 2px;
  }
  100% {
    transform: scale(4);
    opacity: 0;
    border-width: 1px;
  }
}

@keyframes rd-batch2-v0-embasador-quest-game-sparkFly {
  0% {
    transform: scale(1) rotate(0deg);
    opacity: 1;
  }
  50% {
    transform: scale(0.8) rotate(180deg);
    opacity: 0.7;
  }
  100% {
    transform: scale(0.3) rotate(360deg);
    opacity: 0;
  }
}

/* Enhanced game over screen with cinematic effects */
.rd-batch2-v0-embasador-quest-game .game-over-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    135deg,
    oklch(0.08 0.01 0 / 0.95) 0%,
    oklch(0.12 0.01 0 / 0.95) 50%,
    oklch(0.1 0.01 0 / 0.95) 100%
  );
  backdrop-filter: blur(20px);
  z-index: 40;
  animation: rd-batch2-v0-embasador-quest-game-gameOverFadeIn 1s ease-out forwards;
}

@keyframes rd-batch2-v0-embasador-quest-game-gameOverFadeIn {
  0% {
    opacity: 0;
    backdrop-filter: blur(0px);
  }
  100% {
    opacity: 1;
    backdrop-filter: blur(20px);
  }
}

.rd-batch2-v0-embasador-quest-game .game-over-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  animation: rd-batch2-v0-embasador-quest-game-gameOverSlideIn 1.2s ease-out 0.3s both;
}

@keyframes rd-batch2-v0-embasador-quest-game-gameOverSlideIn {
  0% {
    transform: translate(-50%, -60%) scale(0.8);
    opacity: 0;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}

/* Enhanced celebration effects for achievements */
.rd-batch2-v0-embasador-quest-game .celebration-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 30;
  overflow: hidden;
}

.rd-batch2-v0-embasador-quest-game .celebration-firework {
  position: absolute;
  width: 4px;
  height: 4px;
  background: oklch(0.8 0.15 60);
  border-radius: 50%;
  box-shadow: 0 0 12px oklch(0.8 0.15 60);
  animation: rd-batch2-v0-embasador-quest-game-fireworkExplode 2s ease-out forwards;
}

@keyframes rd-batch2-v0-embasador-quest-game-fireworkExplode {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  20% {
    transform: scale(1.5);
    opacity: 0.9;
  }
  100% {
    transform: scale(0.2);
    opacity: 0;
  }
}

/* Enhanced responsive design for all screen sizes */
@media (max-width: 480px) {
  .rd-batch2-v0-embasador-quest-game .game-hud {
    padding: 0.5rem;
  }

  .rd-batch2-v0-embasador-quest-game .game-hud-item {
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
  }

  .rd-batch2-v0-embasador-quest-game .level-up-message {
    font-size: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .rd-batch2-v0-embasador-quest-game .game-hud-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 48px oklch(0.4 0.02 0 / 0.4);
  }
}

/* Enhanced performance optimizations */
.rd-batch2-v0-embasador-quest-game .gpu-accelerated {
  transform: translateZ(0);
  will-change: transform, opacity;
  backface-visibility: hidden;
  perspective: 1000px;
}

.rd-batch2-v0-embasador-quest-game .smooth-animation {
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

/* Enhanced accessibility and reduced motion support */
@media (prefers-reduced-motion: reduce) {
  .rd-batch2-v0-embasador-quest-game .particle,
  .rd-batch2-v0-embasador-quest-game .level-up-message,
  .rd-batch2-v0-embasador-quest-game .landing-effect,
  .rd-batch2-v0-embasador-quest-game .celebration-firework {
    animation-duration: 0.1s;
  }

  .rd-batch2-v0-embasador-quest-game .enhanced-button:hover {
    transform: none;
  }

  .rd-batch2-v0-embasador-quest-game .game-card:hover {
    transform: none;
  }
}

/* Enhanced focus states for better accessibility */
.rd-batch2-v0-embasador-quest-game .game-button:focus-visible {
  outline: 3px solid oklch(0.4 0.02 0);
  outline-offset: 2px;
  box-shadow: 0 0 0 6px oklch(0.4 0.02 0 / 0.3);
}

/* Enhanced mobile touch interactions */
@media (hover: none) and (pointer: coarse) {
  .rd-batch2-v0-embasador-quest-game .enhanced-button {
    min-height: 48px;
    min-width: 48px;
  }

  .rd-batch2-v0-embasador-quest-game .game-hud-item {
    min-height: 44px;
  }

  .rd-batch2-v0-embasador-quest-game .touch-target {
    min-height: 44px;
    min-width: 44px;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }
}

/* Added production-specific responsive fixes */
@media screen and (max-width: 768px) {
  .rd-batch2-v0-embasador-quest-game {
    /* Prevent zoom on input focus in iOS */
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
         text-size-adjust: 100%;
    /* Fix viewport issues on mobile browsers */
    min-height: 100vh;
    min-height: -webkit-fill-available;
    overflow-x: hidden;
  }
}

/* Enhanced production viewport handling */
@supports (-webkit-touch-callout: none) {
  /* iOS Safari specific fixes */
  .rd-batch2-v0-embasador-quest-game {
    min-height: -webkit-fill-available;
  }

  .rd-batch2-v0-embasador-quest-game .responsive-game-container {
    height: -webkit-fill-available;
  }
}

/* Production-safe responsive game scaling */
.rd-batch2-v0-embasador-quest-game .game-container-production {
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  position: relative;
  overflow: hidden;

  /* Ensure proper scaling on all devices */
  transform-origin: center center;
  -webkit-transform-origin: center center;
}

@media (orientation: landscape) and (max-height: 500px) {
  /* Landscape mobile optimization */
  .rd-batch2-v0-embasador-quest-game .game-container-production {
    height: 100vh;
    padding: 0;
  }

  .rd-batch2-v0-embasador-quest-game .responsive-game-container {
    height: calc(100vh - 2rem);
  }
}
.rd-batch2-v0-feedback-app {
  font-family: Arial, Helvetica, sans-serif;
}

.rd-batch2-v0-feedback-app .text-balance {
    text-wrap: balance;
  }

.rd-batch2-v0-feedback-app .scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

.rd-batch2-v0-feedback-app .scrollbar-hide::-webkit-scrollbar {
    display: none;
  }

.rd-batch2-v0-feedback-app * {
  border-color: hsl(var(--border));
}

.rd-batch2-v0-feedback-app {
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
}
/* Custom animations */
@keyframes rd-batch2-v0-platform-api-demo-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes rd-batch2-v0-platform-api-demo-slide-up {
  from {
    /* opacity: 0; */
    transform: translateY(2rem);
  }
  to {
    /* opacity: 1; */
    transform: translateY(0);
  }
}

@keyframes rd-batch2-v0-platform-api-demo-slide-out-up {
  from {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(-100%);
    opacity: 0;
  }
}

@keyframes rd-batch2-v0-platform-api-demo-slide-in-down {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.rd-batch2-v0-platform-api-demo .animate-fade-in {
  animation: rd-batch2-v0-platform-api-demo-fade-in 0.3s ease-out forwards;
}

.rd-batch2-v0-platform-api-demo .animate-slide-up {
  animation: rd-batch2-v0-platform-api-demo-slide-up 0.2s ease-out forwards;
}

.rd-batch2-v0-platform-api-demo .animate-slide-out-up {
  animation: rd-batch2-v0-platform-api-demo-slide-out-up 0.3s ease-out forwards;
}

.rd-batch2-v0-platform-api-demo .animate-slide-in-down {
  animation: rd-batch2-v0-platform-api-demo-slide-in-down 0.3s ease-out forwards;
}

.rd-batch2-v0-platform-api-demo * {
  border-color: hsl(var(--border));
  outline-color: hsl(var(--ring) / 0.5);
}

.rd-batch2-v0-platform-api-demo {
  background-color: hsl(var(--background));
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  color: hsl(var(--foreground));
    font-family: var(--font-geist-mono), ui-monospace, monospace;
}

/* Stack mobile deploy buttons vertically on very small screens */
@media (max-width: 360px) {
  .rd-batch2-v0-platform-api-demo .mobile-deploy-buttons {
    flex-direction: column !important;
  }
}

  .rd-batch2-v0-prompt-linter * {
    border-color: hsl(var(--border));
    outline-color: hsl(var(--ring) / 0.5)
}
.rd-batch2-v0-prompt-linter {
    background-color: hsl(var(--background));
    color: hsl(var(--foreground))
}

  .rd-batch2-v0rdle * {
    border-color: hsl(var(--border))
}
.rd-batch2-v0rdle {
    background-color: hsl(var(--background));
    color: hsl(var(--foreground))
}
.rd-oct-import {
 position: relative; isolation: isolate; transform: translateZ(0); width: 100%; height: 100%; min-height: 600px; overflow: auto;
 color: hsl(var(--foreground)); background: hsl(var(--background)); color-scheme: light;
 --background: 0 0% 100%; --foreground: 222 47% 11%; --card: 0 0% 100%; --card-foreground: 222 47% 11%;
 --popover: 0 0% 100%; --popover-foreground: 222 47% 11%; --primary: 222 47% 11%; --primary-foreground: 0 0% 98%;
 --secondary: 210 40% 96%; --secondary-foreground: 222 47% 11%; --muted: 210 40% 96%; --muted-foreground: 215 16% 47%;
 --accent: 210 40% 96%; --accent-foreground: 222 47% 11%; --destructive: 0 84% 60%; --destructive-foreground: 0 0% 98%;
 --border: 214 32% 91%; --input: 214 32% 91%; --ring: 222 47% 11%; --radius: .5rem;
}
.rd-oct-import .min-h-screen { min-height: 100%; }
.rd-oct-import .h-screen { height: 100%; min-height: 600px; }
.rd-oct-masonry-grid { --background: 0 0% 0%; --foreground: 0 0% 98%; --muted-foreground: 0 0% 64%; --border: 0 0% 15%; }
.rd-oct-calendar-app .bg-grid-slate-200\/50 { background-image: linear-gradient(currentColor 1px, transparent 1px), linear-gradient(to right,currentColor 1px,transparent 1px); background-size: 20px 20px; }
@keyframes rd-oct-calendar-fade-in { from { opacity: 0; } to { opacity: 1; } }
.rd-oct-calendar-app .animate-fade-in { animation: rd-oct-calendar-fade-in .5s ease-out forwards; }
@media (prefers-reduced-motion: reduce) {
 .rd-oct-calendar-app .animate-fade-in { animation: none; opacity: 1; }
}
/* Creative Vault follows the host Primary UI theme and font. No private palette. */
.creative-vaults-root {
  height: 100%;
  min-height: 0;
  min-width: 0;
  background: hsl(var(--background));
  color: hsl(var(--foreground));
  font-family: var(--site-font-sans, var(--font-sans, ui-sans-serif, system-ui, sans-serif));
}
.creative-vaults-root * { box-sizing: border-box; }
.creative-vaults-root :focus-visible {
  outline: 2px solid hsl(var(--ring));
  outline-offset: 2px;
}
.creative-vaults-root ::-webkit-scrollbar { width: 8px; height: 8px; }
.creative-vaults-root ::-webkit-scrollbar-thumb { background: hsl(var(--border)); border-radius: 4px; }
.creative-vaults-root ::-webkit-scrollbar-track { background: transparent; }
.cv-page-header { border-bottom: 1px solid hsl(var(--border)); padding-bottom: 12px; }
.cv-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 12px; }
.cv-toolbar > .btb-frame { flex: 1 1 400px; min-width: 0; }
.cv-toolbar-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.cv-select {
  height: 32px;
  border: 1px solid hsl(var(--input));
  border-radius: var(--radius);
  background: hsl(var(--background));
  color: hsl(var(--foreground));
  padding: 0 8px;
  font: inherit;
  font-size: 12px;
}
.cv-item-preview {
  min-height: 130px;
  padding: 8px;
  background: hsl(var(--muted));
  color: hsl(var(--foreground));
  overflow: hidden;
  border-radius: var(--radius);
}
.cv-library-stage { border: 1px solid hsl(var(--border)); border-radius: var(--radius); overflow: hidden; }
.cv-item-card { border: 1px solid hsl(var(--border)); background: hsl(var(--card)); }
@media (max-width: 640px) {
  .cv-page-header > div { flex-wrap: wrap; }
  .cv-toolbar-controls { width: 100%; }
}
/* Galaxy's scene colours are content; its settings panel uses Primary UI chrome. */
.creative-vaults-root .rd-batch2-cosmos-3d-orbit-gallery-template {
  background: hsl(var(--background)); color: hsl(var(--foreground));
}
.creative-vaults-root .rd-batch2-cosmos-3d-orbit-gallery-template .cosmos-settings-panel[data-cosmos-settings] {
  background: hsl(var(--card)) !important;
  color: hsl(var(--card-foreground)) !important;
  border: 1px solid hsl(var(--border)) !important;
  border-radius: var(--radius);
  font-family: inherit;
  backdrop-filter: none;
}
.creative-vaults-root .rd-batch2-cosmos-3d-orbit-gallery-template .cosmos-settings-panel[data-cosmos-settings] [class*="text-white"] {
  color: hsl(var(--muted-foreground)) !important;
}
.creative-vaults-root .rd-batch2-cosmos-3d-orbit-gallery-template .cosmos-settings-panel[data-cosmos-settings] [class*="border-white"] {
  border-color: hsl(var(--border)) !important;
}
.creative-vaults-root .rd-batch2-cosmos-3d-orbit-gallery-template .cosmos-settings-panel[data-cosmos-settings] [class*="bg-white"] {
  background: hsl(var(--muted)) !important;
}
.creative-vaults-root .cosmos-settings-panel button[aria-pressed="true"] {
  background: hsl(var(--accent)); color: hsl(var(--accent-foreground)); border-color: hsl(var(--ring));
}
.creative-vaults-root .rd-batch2-cosmos-3d-orbit-gallery-template button[aria-label="Open galaxy settings"] {
  background: hsl(var(--card)); color: hsl(var(--foreground)); border: 1px solid hsl(var(--border)); border-radius: var(--radius);
}

/* Compact workspace chrome; Wall and Galaxy retain their own content designs. */
.creative-vaults-root .cv-content { padding: 8px; min-width: 0; }
.creative-vaults-root .cv-content-flush { padding: 0; }
.creative-vaults-root .cv-page-header {
  margin: 0;
  padding: 6px 8px;
  min-height: 40px;
  background: hsl(var(--card));
  border-bottom: 1px solid hsl(var(--border));
}
.creative-vaults-root .cv-page-header button { min-height: 28px; height: 28px; padding: 0 10px; font-size: 12px; border-radius: 3px; }
.creative-vaults-root .cv-toolbar {
  margin: 0;
  gap: 4px;
  padding: 4px;
  border-bottom: 1px solid hsl(var(--border));
  background: hsl(var(--card));
}
.creative-vaults-root .cv-toolbar > .btb-frame { flex: 1 1 340px; }
.creative-vaults-root .cv-toolbar-controls { gap: 4px; }
.creative-vaults-root .cv-toolbar input:not([type="range"]),
.creative-vaults-root .cv-select { height: 28px; border-radius: 3px; font-size: 12px; }
.creative-vaults-root .cv-type-filters { margin: 0 0 8px; border-bottom: 1px solid hsl(var(--border)); }
.creative-vaults-root :is(.cv-toolbar, .cv-type-filters) .btb-row { min-height: 30px; padding: 2px; gap: 2px; }
.creative-vaults-root :is(.cv-toolbar, .cv-type-filters) .btb-chip { height: 26px; min-height: 26px; max-height: 26px; padding: 0 8px; }
.creative-vaults-root .cv-assistant-dock {
  padding: 4px;
  border-top: 1px solid hsl(var(--border));
  background: hsl(var(--card));
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 5%);
}
.creative-vaults-root .cv-library-presentation { min-width: 0; }
.creative-vaults-root .cv-library-status { min-height: 28px; padding: 4px 8px; border-bottom: 1px solid hsl(var(--border)); }
.creative-vaults-root .cv-library-stage { height: 65vh; min-height: 280px; border-radius: 0; }
/* Immersive views consume the remaining workspace height instead of adding vh
   below headers, which otherwise pushes their bottom underneath the assistant. */
.creative-vaults-root main:has(.cv-library-presentation) { display: flex; flex-direction: column; overflow: hidden; }
.creative-vaults-root .cv-content:has(.cv-library-presentation),
.creative-vaults-root .cv-content > :has(> .cv-library-presentation) {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.creative-vaults-root .cv-content .cv-library-presentation { display: flex; flex-direction: column; flex: 1; min-height: 0; }
.creative-vaults-root .cv-content .cv-library-stage { height: auto; min-height: 0; flex: 1; }
.creative-vaults-root .cv-content :is(.cv-page-header, .cv-toolbar, .cv-type-filters, .cv-library-status) { flex-shrink: 0; }
.creative-vaults-root .cv-board-section { padding: 4px; }
.creative-vaults-root .cv-board-section h2 { min-height: 28px; margin-bottom: 4px; padding: 0 4px; border-bottom: 1px solid hsl(var(--border)); }
@media (max-width: 700px) {
  .creative-vaults-root .cv-content { padding: 4px; }
  .creative-vaults-root .cv-toolbar-controls { width: 100%; }
}

.creative-vaults-root .cv-item-card[aria-pressed="true"] { outline: 2px solid hsl(var(--primary)); outline-offset: -2px; }
.creative-vaults-root .cv-selection-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; flex-basis: 100%; padding: 6px 8px; background: hsl(var(--muted)); border: 1px solid hsl(var(--border)); font-size: 12px; }
.creative-vaults-root .cv-selection-actions span { flex: 1; }
.creative-vaults-root .cv-selection-actions button { padding: 4px 8px; border: 1px solid hsl(var(--border)); border-radius: 3px; background: hsl(var(--card)); }

/* Keep the content seam stationary when changing navigation sections. */
.creative-vaults-root .cv-primary-sidebar .ui-ref-ps1-layer2,
.creative-vaults-root .cv-primary-sidebar .dev-ws-sidebar.ui-ref-ps1-layer2-panel {
  width: 220px;
  min-width: 220px;
  max-width: 220px;
  flex: 0 0 220px;
}
.creative-vaults-root .cv-primary-sidebar .ui-ref-ps1-layer2-panel > div,
.creative-vaults-root .cv-primary-sidebar .ui-ref-ps1-submenu-panel {
  min-width: 0;
  max-width: 100%;
}

.creative-vaults-root .cv-new-button {
  height: 28px;
  min-height: 28px;
  padding: 0 8px;
  gap: 5px;
  border: 1px solid hsl(var(--input));
  border-radius: 3px;
  background: hsl(var(--background));
  color: hsl(var(--foreground));
  box-shadow: none;
  font-size: 11px;
  font-weight: 500;
}
.creative-vaults-root .cv-new-button:hover,
.creative-vaults-root .cv-new-button[aria-expanded="true"] {
  background: hsl(var(--accent));
  border-color: hsl(var(--ring));
}
.creative-vaults-root .cv-new-button svg { width: 12px; height: 12px; }

/* A single compact toolbar; tabs become selects when space is limited. */
.creative-vaults-root .cv-content { container-type: inline-size; }
.creative-vaults-root .cv-toolbar {
  --primary-ui-chrome-font-size: 11px;
  font-size: 11px;
  flex-wrap: nowrap;
  overflow: visible;
  gap: 4px;
}
.creative-vaults-root .cv-toolbar > .btb-frame { flex: 0 0 auto; width: auto; }
.creative-vaults-root .cv-toolbar .cv-type-filters { flex: 0 1 auto; min-width: 0; margin: 0; border: 0; }
.creative-vaults-root .cv-toolbar .btb-row { overflow: visible; min-height: 28px; padding: 0; }
.creative-vaults-root .cv-toolbar-controls { flex: 1 1 auto; min-width: 0; flex-wrap: nowrap; width: auto; margin-left: auto; gap: 4px; }
.creative-vaults-root .cv-wall-controls,
.creative-vaults-root .cv-search-filters { display: flex; align-items: center; gap: 4px; min-width: 0; }
.creative-vaults-root .cv-wall-controls { flex-shrink: 0; }
.creative-vaults-root .cv-search-filters { flex: 1; }
.creative-vaults-root .cv-search { flex: 1 1 120px; min-width: 70px; max-width: 160px; margin-left: auto; }
.creative-vaults-root .cv-toolbar :is(button, input, select, label, .btb-chip) {
  font-size: 11px !important;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
}
.creative-vaults-root .cv-toolbar :is(select, input:not([type="range"]), button) {
  height: 28px;
  min-height: 28px;
  max-height: 28px;
  border-radius: 3px;
}
.creative-vaults-root .cv-toolbar select,
.creative-vaults-root .cv-toolbar input:not([type="range"]) {
  background: hsl(var(--background));
  border: 1px solid hsl(var(--input));
  color: hsl(var(--foreground));
  box-shadow: none;
}
.creative-vaults-root .cv-toolbar select { padding: 0 6px; min-width: 0; max-width: 125px; }
.creative-vaults-root .cv-search input { width: 100%; }
.creative-vaults-root .cv-toolbar input::-moz-placeholder { font-size: inherit; }
.creative-vaults-root .cv-toolbar input::placeholder { font-size: inherit; }
.creative-vaults-root .cv-type-select,
.creative-vaults-root .cv-view-select { display: none; }
@container (max-width: 1750px) {
  .creative-vaults-root .cv-toolbar .cv-type-tabs { display: none; }
  .creative-vaults-root .cv-type-select { display: block; }
}
@container (max-width: 1000px) {
  .creative-vaults-root .cv-toolbar .cv-view-tabs { display: none; }
  .creative-vaults-root .cv-view-select { display: block; }
  .creative-vaults-root .cv-toolbar input[type="range"] { width: 50px; }
}
@container (max-width: 700px) {
  .creative-vaults-root .cv-toolbar { flex-wrap: wrap; }
  .creative-vaults-root .cv-toolbar-controls { flex-basis: 100%; }
}

.creative-vaults-root .cv-galaxy-controls { display: flex; align-items: center; gap: 8px; flex-shrink: 0; white-space: nowrap; font-size: 11px; color: hsl(var(--muted-foreground)); }
@container (max-width: 1200px) {
  .creative-vaults-root .cv-toolbar:has(.cv-galaxy-controls) .cv-view-tabs { display: none; }
  .creative-vaults-root .cv-toolbar:has(.cv-galaxy-controls) .cv-view-select { display: block; }
  .creative-vaults-root .cv-galaxy-hint { display: none; }
}

/* Notion-style gallery: cover above a compact page title and properties. */
.creative-vaults-root .cv-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--gallery-card-width, 260px)), 1fr)); gap: 14px; padding: 12px 4px; align-items: start; }
.creative-vaults-root .cv-gallery > .cv-selection-actions { grid-column: 1 / -1; }
.creative-vaults-root .cv-gallery-card { position: relative; min-width: 0; overflow: hidden; border: 1px solid hsl(var(--border)); border-radius: 6px; background: hsl(var(--card)); box-shadow: 0 1px 2px rgb(0 0 0 / 8%); cursor: pointer; transition: border-color 120ms, box-shadow 120ms; }
.creative-vaults-root .cv-gallery-card:hover { border-color: hsl(var(--muted-foreground) / .5); box-shadow: 0 3px 9px rgb(0 0 0 / 12%); }
.creative-vaults-root .cv-gallery-cover { position: relative; height: 168px; overflow: hidden; border-bottom: 1px solid hsl(var(--border)); background: hsl(var(--muted) / .4); }
.creative-vaults-root .cv-gallery-cover > img,
.creative-vaults-root .cv-gallery-cover > video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.creative-vaults-root .cv-gallery-details { min-height: 88px; padding: 12px; }
.creative-vaults-root .cv-gallery-title { display: flex; align-items: center; gap: 7px; }
.creative-vaults-root .cv-gallery-title svg { flex-shrink: 0; color: hsl(var(--muted-foreground)); }
.creative-vaults-root .cv-gallery-title h3 { margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; font-weight: 600; }
.creative-vaults-root .cv-gallery-properties { display: flex; gap: 8px; margin-top: 8px; font-size: 11px; color: hsl(var(--muted-foreground)); }
.creative-vaults-root .cv-gallery-properties span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.creative-vaults-root .cv-gallery-properties span + span { border-left: 1px solid hsl(var(--border)); padding-left: 8px; }
.creative-vaults-root .cv-gallery-tags { display: flex; gap: 4px; flex-wrap: wrap; margin-top: 8px; }
.creative-vaults-root .cv-gallery-tags span { padding: 2px 6px; border-radius: 3px; background: hsl(var(--muted)); font-size: 10px; }
.creative-vaults-root .cv-gallery-favourite { position: absolute; right: 8px; top: 8px; display: grid; place-items: center; width: 26px; height: 26px; border: 1px solid hsl(var(--border)); border-radius: 4px; background: hsl(var(--card)); opacity: 0; }
.creative-vaults-root .cv-gallery-card:hover .cv-gallery-favourite,
.creative-vaults-root .cv-gallery-card:focus-within .cv-gallery-favourite,
.creative-vaults-root .cv-gallery-favourite[aria-pressed="true"] { opacity: 1; }
.creative-vaults-root .cv-gallery-favourite[aria-pressed="true"] { color: hsl(var(--primary)); }
.creative-vaults-root .cv-gallery-document { width: 85%; min-height: 190px; margin: 16px auto 0; padding: 16px; background: hsl(var(--card)); border: 1px solid hsl(var(--border)); border-radius: 3px; font-size: 11px; }
.creative-vaults-root .cv-gallery-document strong { display: block; margin: 10px 0; }
.creative-vaults-root .cv-gallery-document p { white-space: pre-wrap; color: hsl(var(--muted-foreground)); }
.creative-vaults-root .cv-gallery-swatches { display: flex; height: 100%; }
.creative-vaults-root .cv-gallery-swatches span { flex: 1; }
.creative-vaults-root .cv-gallery-audio { height: 100%; display: flex; align-items: center; justify-content: center; gap: 16px; color: hsl(var(--muted-foreground)); }
.creative-vaults-root .cv-gallery-audio div { display: flex; align-items: center; gap: 3px; }
.creative-vaults-root .cv-gallery-audio i { width: 3px; border-radius: 2px; background: currentColor; opacity: .5; }
.creative-vaults-root .cv-gallery-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; filter: drop-shadow(0 1px 3px black); }

.creative-vaults-root .cv-gallery-group { margin: 8px 0 16px; }
.creative-vaults-root .cv-gallery-group > summary { cursor: pointer; padding: 6px 4px; border-bottom: 1px solid hsl(var(--border)); font-size: 12px; font-weight: 600; }
.creative-vaults-root .cv-gallery-group > summary span { display: inline-block; margin-left: 8px; color: hsl(var(--muted-foreground)); font-weight: 400; }
/* Content adopts Primary UI roles and geometry locally. Map controls, artwork
   and ticket QR codes retain their own dimensions and colours. */
.deskevent-workspace, .deskevent-dialog {
  color: var(--core-ink);
  background: var(--core-frame);
  font-size: 12px;
}
.deskevent-toolbar-fields { display: flex; min-width: 0; flex: 1; align-items: center; gap: 8px; }
.deskevent-toolbar-actions { display: flex; flex-shrink: 0; align-items: center; gap: 4px; margin-left: auto; }
.deskevent-toolbar-field, .deskevent-toolbar-button {
  height: var(--core-control-height);
  min-height: var(--core-control-height);
  border: 1px solid var(--core-button-line);
  border-radius: 3px;
  padding: 0 7px;
  color: var(--core-ink);
  font: inherit;
  font-size: var(--core-control-label-size);
  line-height: 1;
}
.deskevent-toolbar-field { background: var(--core-field); box-shadow: var(--core-inset); }
.deskevent-toolbar-button { display: inline-flex; align-items: center; justify-content: center; gap: 5px; white-space: nowrap; background: var(--core-button); box-shadow: var(--core-relief); }
.deskevent-toolbar-button:hover:not(:disabled) { background: var(--core-hover); }
.deskevent-toolbar-button:disabled { opacity: .45; }
.deskevent-workspace :is(.deskevent-toolbar-field, .deskevent-toolbar-button):focus-visible { outline: 2px solid hsl(var(--ring)); outline-offset: 2px; }

.deskevent-page { height: 100%; min-height: 0; overflow: auto; padding: 12px; color: var(--core-ink); background: var(--core-frame); }
.deskevent-heading { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-bottom: 12px; }
.deskevent-heading h2 { margin: 0; font-size: 14px; font-weight: 600; }
.deskevent-heading p { margin: 4px 0 0; font-size: 11px; color: var(--core-muted); }
.deskevent-filters { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; padding: 8px; border: 1px solid var(--core-line); border-radius: 3px; background: var(--core-panel); }
.deskevent-filters label { display: flex; align-items: center; gap: 5px; font-size: 11px; white-space: nowrap; }
.deskevent-record, .deskevent-panel { min-width: 0; border: 1px solid var(--core-line); border-radius: 3px; background: var(--core-panel); box-shadow: var(--core-relief); }
.deskevent-record { padding: 10px; }
.deskevent-record--compact { padding: 8px; background: var(--core-frame); box-shadow: none; }
.deskevent-panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: var(--core-bar-height); padding: 6px 10px; border-bottom: 1px solid var(--core-line); background: var(--core-bar); font-size: 12px; font-weight: 500; }
.deskevent-panel-heading--start { justify-content: flex-start; }
.deskevent-panel-body { padding: 10px; }
.deskevent-panel-footer { border-top: 1px solid var(--core-line); padding: 6px 10px; color: var(--core-muted); font-size: 11px; }
.deskevent-launcher { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 32px; padding: 5px 10px; text-align: left; color: var(--core-ink); font-size: 12px; }
.deskevent-launcher:hover { background: var(--core-hover); }
.deskevent-launcher:focus-visible { outline: 2px solid hsl(var(--ring)); outline-offset: -2px; }
.deskevent-empty { padding: 28px 12px; text-align: center; font-size: 12px; color: var(--core-muted); }
.deskevent-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 8px; margin: 0 0 12px; }
.deskevent-metrics > div { border: 1px solid var(--core-line); border-radius: 3px; background: var(--core-panel); padding: 10px; box-shadow: var(--core-relief); }
.deskevent-metrics span { font-size: 11px; color: var(--core-muted); }
.deskevent-metrics strong { display: block; margin-top: 5px; font-size: 20px; font-weight: 600; font-variant-numeric: tabular-nums; }
.deskevent-form { display: grid; gap: 10px; max-width: 760px; }
.deskevent-form label { display: grid; gap: 5px; font-size: 12px; }

/* Shared form/action controls. Bare navigation buttons and canvas tools are
   outside these selectors, so a restyle cannot resize a drawing interaction. */
:is(.deskevent-page, .deskevent-dialog, .deskevent-tool:not(.deskevent-tool--canvas), .deskevent-tool-chrome, .deskevent-ticketing) :is(button.inline-flex, a.inline-flex) {
  min-height: var(--core-control-height);
  height: auto;
  border-radius: 3px;
  padding: 3px 8px;
  gap: 5px;
  font-size: var(--core-control-label-size);
  line-height: 16px;
}
:is(.deskevent-page, .deskevent-dialog, .deskevent-tool:not(.deskevent-tool--canvas), .deskevent-tool-chrome, .deskevent-ticketing) :is(button.inline-flex, a.inline-flex):where(:not(.bg-primary, .bg-destructive, .text-primary)) {
  color: var(--core-ink);
  border: 1px solid var(--core-button-line);
  background: var(--core-button);
  box-shadow: var(--core-relief);
}
:is(.deskevent-page, .deskevent-dialog, .deskevent-tool:not(.deskevent-tool--canvas), .deskevent-tool-chrome, .deskevent-ticketing) :is(button.inline-flex, a.inline-flex):hover:not(:disabled):where(:not(.bg-primary, .bg-destructive, .text-primary)) { background: var(--core-hover); }
:is(.deskevent-page, .deskevent-dialog, .deskevent-tool:not(.deskevent-tool--canvas), .deskevent-tool-chrome, .deskevent-ticketing) :is(button.inline-flex, a.inline-flex) > svg { width: 13px; height: 13px; }
:is(.deskevent-page, .deskevent-dialog, .deskevent-tool:not(.deskevent-tool--canvas), .deskevent-tool-chrome, .deskevent-ticketing) button.inline-flex:is(.w-6, .w-7, .w-8, .w-9, .w-10) { width: 26px; height: 26px; padding: 3px; }
:is(.deskevent-page, .deskevent-dialog, .deskevent-tool:not(.deskevent-tool--canvas), .deskevent-tool-chrome, .deskevent-ticketing) :is(input:not([type='checkbox'], [type='radio'], [type='range'], [type='color'], [type='file']), select, button[role='combobox']) {
  height: 26px;
  min-height: 26px;
  border: 1px solid var(--core-button-line);
  border-radius: 3px;
  padding: 3px 7px;
  background: var(--core-field);
  color: var(--core-ink);
  box-shadow: var(--core-inset);
  font-size: 12px;
}
:is(.deskevent-page, .deskevent-dialog, .deskevent-tool:not(.deskevent-tool--canvas), .deskevent-tool-chrome, .deskevent-ticketing) input:is(.pl-8, .pl-9, .pl-10) { padding-left: 32px; }
:is(.deskevent-page, .deskevent-dialog, .deskevent-tool:not(.deskevent-tool--canvas), .deskevent-ticketing) textarea { border-color: var(--core-button-line); border-radius: 3px; padding: 7px; background: var(--core-field); color: var(--core-ink); box-shadow: var(--core-inset); font-size: 12px; }
:is(.deskevent-page, .deskevent-dialog, .deskevent-tool, .deskevent-ticketing) input:is([type='checkbox'], [type='radio']) { accent-color: hsl(var(--primary)); }
:is(.deskevent-page, .deskevent-tool, .deskevent-ticketing) table { font-size: 12px; }
:is(.deskevent-page, .deskevent-tool, .deskevent-ticketing) :is(th, td) { padding: 7px 10px; border-color: var(--core-line); }
:is(.deskevent-page, .deskevent-tool, .deskevent-ticketing) th { background: var(--core-bar); color: var(--core-muted); font-size: 11px; font-weight: 500; }

/* Opt-in owner regions preserve internal editors, schedules and map controls. */
.deskevent-tool { min-width: 0; min-height: 0; color: var(--core-ink); background: var(--core-frame); }
.deskevent-tool > div { min-height: 0; min-width: 0; }
.deskevent-tool .deskevent-tool-header { border-color: var(--core-line); background: var(--core-bar); padding: 8px 12px; }
.deskevent-tool .deskevent-tool-header :is(h1, h2) { font-size: 14px; line-height: 20px; font-weight: 600; }
.deskevent-tool .deskevent-tool-header > p { font-size: 11px; color: var(--core-muted); }
.deskevent-tool .deskevent-tool-sidebar { border-color: var(--core-line); background: var(--core-panel); }
.deskevent-tool .deskevent-tool-page { min-height: 0; padding: 12px; background: var(--core-frame); }
.deskevent-tool .deskevent-tool-page > :first-child { max-width: none; }
.deskevent-tool :is([role='tablist'], .deskevent-tool-tabs) { height: auto; min-height: var(--core-bar-height); padding: 5px; gap: 4px; border-radius: 3px; background: var(--core-bar); }
.deskevent-tool [role='tab'] { min-height: var(--core-control-height); padding: 3px 8px; border-radius: 3px; font-size: 11px; }
.deskevent-tool [role='tab'][data-state='active'] { background: var(--core-selected); color: var(--core-ink); box-shadow: var(--core-relief); }
.deskevent-ticketing .deskevent-ticketing-header { padding: 10px 12px; border-color: var(--core-line); background: var(--core-bar); }
.deskevent-ticketing .deskevent-ticketing-header h2 { font-size: 14px; font-weight: 600; }
.deskevent-ticketing .deskevent-ticketing-header p { font-size: 11px; color: var(--core-muted); }
.deskevent-ticketing .deskevent-ticketing-content { padding: 12px; }
.deskevent-ticketing .space-y-6 > :not([hidden]) ~ :not([hidden]) { margin-top: 12px; }
.deskevent-ticketing .rounded-lg { border-radius: 3px; border-color: var(--core-line); background: var(--core-panel); box-shadow: var(--core-relief); }
.deskevent-ticketing .pt-6 { padding: 10px; }
.deskevent-ticketing h3 { font-size: 12px; font-weight: 600; }
.deskevent-dialog { border-color: var(--core-button-line); border-radius: 4px; padding: 16px; gap: 12px; }
.deskevent-dialog h2 { font-size: 14px; }
.deskevent-dialog :is([data-slot='dialog-header'], [data-slot='dialog-footer'], [data-slot='dialog-body']) { padding: 10px 0; border-color: var(--core-line); }

@media (max-width: 640px) {
  .deskevent-page { padding: 8px; }
  .deskevent-filters > input { max-width: none; flex-basis: 100%; }
  .deskevent-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .deskevent-toolbar-fields > label select { max-width: 160px; }
}
.flight-search { display:flex; flex:1; flex-direction:column; min-width:0; min-height:0; height:100%; color:hsl(var(--foreground)); background:hsl(var(--background)); font-size:12px; }
.flight-search * { box-sizing:border-box; }
.flight-search button, .flight-search input, .flight-search select, .flight-search textarea { font:inherit; color:inherit; }
.flight-search button, .flight-search a { -webkit-tap-highlight-color:transparent; }
.flight-search button { display:inline-flex; align-items:center; justify-content:center; gap:5px; min-height:28px; border:1px solid hsl(var(--border)); border-radius:5px; padding:4px 9px; background:hsl(var(--muted) / .45); cursor:pointer; }
.flight-search button:hover, .flight-search a:hover { background:hsl(var(--accent)); }
.flight-search button:disabled { opacity:.6; cursor:not-allowed; }
.flight-search button[aria-busy=true] { cursor:wait; }
.flight-search :is(button,input,select,textarea,a,summary):focus-visible { outline:2px solid hsl(var(--ring)); outline-offset:2px; }
.flight-search label { display:flex; flex-direction:column; gap:5px; color:hsl(var(--muted-foreground)); font-size:11px; min-width:0; }
.flight-search input, .flight-search select, .flight-search textarea { min-width:0; width:100%; min-height:31px; padding:5px 8px; border:1px solid hsl(var(--border)); border-radius:5px; background:hsl(var(--background)); color:hsl(var(--foreground)); }
.flight-search input[type=date] { color-scheme:light dark; }
.flight-search small { color:hsl(var(--muted-foreground)); font-size:10px; }
.flight-tabs { display:flex; align-items:center; gap:4px; flex-wrap:wrap; padding:4px 8px; border-bottom:1px solid hsl(var(--border)); background:hsl(var(--muted) / .3); flex-shrink:0; }
.flight-tabs button { min-height:25px; font-size:11px; background:transparent; border-color:transparent; }
.flight-tabs button[aria-pressed=true] { background:hsl(var(--accent)); border-color:hsl(var(--border)); }
.flight-tabs button span { font-size:10px; color:hsl(var(--muted-foreground)); }
.flight-source { margin-left:auto; font-size:10px; color:hsl(var(--muted-foreground)); }
.flight-scroll { flex:1; min-height:0; overflow:auto; padding:14px; scrollbar-gutter:stable; }
.flight-form { margin-bottom:18px; }
.flight-form-row { display:flex; align-items:flex-end; flex-wrap:wrap; gap:10px; }
.flight-form-row>label { flex:1 1 110px; }
.flight-search-controls { margin-top:12px; }
.flight-search .flight-primary { background:hsl(var(--primary)); border-color:hsl(var(--primary)); color:hsl(var(--primary-foreground)); }
.flight-search .flight-primary:hover { opacity:.9; }
.flight-search .flight-search-submit { min-height:31px; }
.flight-filters { margin-top:12px; padding-top:10px; border-top:1px solid hsl(var(--border)); }
.flight-search summary { cursor:pointer; color:hsl(var(--muted-foreground)); font-size:11px; }
.flight-filters[open]>summary { margin-bottom:12px; }
.flight-filters>small { display:block; margin-top:10px; }
.flight-search .flight-checkbox { display:flex; flex-direction:row; align-items:center; min-height:31px; flex-basis:190px; }
.flight-search .flight-checkbox input { min-height:0; width:auto; }
.flight-route-search { border:1px solid hsl(var(--border)); border-radius:12px; background:hsl(var(--popover)); overflow:hidden; }
.flight-route-chips { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:10px 12px 3px; color:hsl(var(--muted-foreground)); }
.flight-search .flight-route-chip { gap:8px; padding:5px 9px; background:hsl(var(--muted) / .3); border-color:transparent; border-radius:7px; text-align:left; }
.flight-route-chip>span { font-size:10px; color:hsl(var(--muted-foreground)); }
.flight-route-chip>strong { font-size:12px; font-weight:500; }
.flight-search .flight-route-chip[data-editing=true] { border-color:hsl(var(--ring) / .5); background:hsl(var(--accent)); }
.flight-search .flight-route-swap { margin-left:auto; border:0; background:transparent; padding:5px; }
.flight-route-command { border:0; border-radius:0; }
.flight-route-command [data-slot=command-menu-input-row] { height:46px; border-bottom:0; padding:0 14px; gap:10px; }
.flight-search .flight-route-command [data-slot=command-menu-input] { border:0; border-radius:0; min-height:0; padding:0; background:transparent; font-size:14px; box-shadow:none; }
.flight-search .flight-route-command [data-slot=command-menu-input]:focus-visible { outline:none; }
.flight-route-command [data-slot=command-menu-input-row]:focus-within { box-shadow:inset 0 -2px 0 hsl(var(--ring) / .5); }
.flight-route-command [data-slot=command-menu-list] { border-top:1px solid hsl(var(--border)); }
.flight-route-command [data-slot=command-menu-item] { min-height:49px; padding:8px 10px; }
.flight-airport-result { display:flex; flex:1; min-width:0; flex-direction:column; gap:3px; }
.flight-airport-result>strong { display:flex; align-items:center; gap:8px; font-size:12px; font-weight:500; }
.flight-airport-result>strong>small { margin-left:auto; font-size:11px; font-variant-numeric:tabular-nums; }
.flight-airport-result>span { font-size:11px; font-weight:400; }
.flight-command-status { margin:0; padding:14px 12px; font-size:12px; color:hsl(var(--muted-foreground)); }
.flight-route-command .flight-command-empty { padding:16px 12px; }
.flight-route-command [data-slot=command-menu-footer] { font-size:10px; height:28px; }
.flight-travellers { position:relative; flex:1 1 115px; }
.flight-search .flight-travellers>summary { min-height:31px; display:flex; align-items:center; gap:10px; justify-content:space-between; padding:5px 8px; border:1px solid hsl(var(--border)); border-radius:5px; color:hsl(var(--foreground)); font-size:12px; list-style:none; }
.flight-travellers>summary::-webkit-details-marker { display:none; }
.flight-travellers>summary::after { content:'⌄'; color:hsl(var(--muted-foreground)); }
.flight-traveller-fields { position:absolute; top:calc(100% + 6px); left:0; min-width:255px; z-index:10; display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:14px; border:1px solid hsl(var(--border)); border-radius:8px; background:hsl(var(--popover)); }
.flight-traveller-fields>small { grid-column:1 / -1; }
.flight-empty { min-height:210px; padding:28px 16px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; color:hsl(var(--muted-foreground)); text-align:center; }
.flight-empty strong { color:hsl(var(--foreground)); font-size:14px; font-weight:500; }
.flight-results-bar { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:18px; }
.flight-results-bar>strong { margin-right:auto; font-size:12px; font-weight:500; }
.flight-results-bar label { flex-direction:row; align-items:center; }
.flight-results-bar select { width:auto; font-size:11px; }
.flight-freshness { color:hsl(var(--muted-foreground)); font-size:11px; line-height:1.6; margin:12px 0; }
.flight-results { display:flex; flex-direction:column; gap:12px; }
.flight-card { border:1px solid hsl(var(--border)); border-radius:8px; background:hsl(var(--card)); overflow:hidden; }
.flight-card-body { display:flex; flex-wrap:wrap; gap:18px; padding:14px; }
.flight-card-legs { display:flex; flex-direction:column; gap:12px; flex:3 1 300px; }
.flight-leg+.flight-leg { border-top:1px solid hsl(var(--border)); padding-top:12px; }
.flight-leg-label { display:flex; align-items:center; gap:10px; font-size:10px; color:hsl(var(--muted-foreground)); }
.flight-leg-label span { color:hsl(var(--foreground)); font-size:12px; }
.flight-leg-route { display:flex; align-items:center; gap:12px; margin:10px 0; }
.flight-leg-route>div { display:flex; flex-direction:column; gap:3px; min-width:70px; }
.flight-leg-route strong { font-size:20px; font-weight:500; font-variant-numeric:tabular-nums; }
.flight-leg-route .flight-leg-middle { align-items:center; flex:1; font-size:11px; color:hsl(var(--muted-foreground)); }
.flight-card-fare { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:7px; flex:1 1 185px; }
.flight-card-fare>strong { font-size:22px; font-weight:500; font-variant-numeric:tabular-nums; }
.flight-card-fare>span:not(.flight-chip) { font-size:11px; color:hsl(var(--muted-foreground)); }
.flight-chip { display:inline-flex; align-items:center; padding:3px 6px; border-radius:4px; border:1px solid hsl(var(--border)); font-size:10px; }
.flight-card-actions { display:flex; flex-wrap:wrap; align-items:center; gap:6px; border-top:1px solid hsl(var(--border)); padding:8px 12px; }
.flight-card-actions>.flight-primary { margin-left:auto; }
.flight-segment { display:flex; flex-direction:column; gap:4px; margin-top:10px; border-left:2px solid hsl(var(--border)); padding-left:9px; font-size:11px; }
.flight-note { margin:4px 12px 12px; }
.flight-note textarea { min-height:58px; resize:vertical; }
.flight-message { margin:12px 0; padding:10px 12px; border:1px solid hsl(var(--border)); border-radius:5px; font-size:12px; line-height:1.5; background:hsl(var(--muted) / .4); }
.flight-card>.flight-message { margin:10px 12px; }
.flight-booking { border-top:1px solid hsl(var(--border)); padding:12px; }
.flight-booking p { font-size:11px; color:hsl(var(--muted-foreground)); margin:0 0 10px; }
.flight-booking-group { display:flex; flex-direction:column; gap:7px; margin-top:10px; }
.flight-booking-group>strong { font-size:11px; font-weight:500; }
.flight-booking a { display:flex; align-items:center; gap:8px; flex-wrap:wrap; border:1px solid hsl(var(--border)); border-radius:5px; padding:8px; text-decoration:none; color:inherit; }
.flight-booking a small { margin-left:auto; }
@media(max-width:600px) { .flight-scroll { padding:8px; } .flight-source { display:none; } .flight-search-controls>label, .flight-travellers { flex-basis:calc(50% - 10px); } .flight-route-chips { gap:5px; padding:8px 8px 3px; } .flight-search .flight-route-chip { flex:1 1 100px; flex-wrap:wrap; gap:3px; } .flight-route-chip>strong { font-size:11px; } .flight-traveller-fields { min-width:230px; } .flight-card-body { padding:12px; gap:12px; } .flight-card-fare { border-top:1px solid hsl(var(--border)); padding-top:12px; } .flight-card-fare>strong { font-size:20px; } }
.saved-library { color-scheme: dark; }
.saved-library select { min-width: 90px; max-width: 240px; border: 1px solid hsl(var(--border)); border-radius: 6px; padding: 6px 8px; background: hsl(var(--background)); color: hsl(var(--foreground)); font-size: 12px; }
.saved-library label > select, .saved-library label > input[type=file] { display: block; width: 100%; margin-top: 4px; }
.saved-library button { gap: 5px; }
.saved-library-items { display: grid; gap: 8px; }
.saved-library-items.is-grid, .saved-library-items.is-sources { grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); }
.saved-library-card { display: flex; flex-direction: column; gap: 8px; min-width: 0; border-radius: 8px; padding: 12px; background: hsl(var(--muted) / .35); font-size: 13px; }
.saved-library-items.is-compact .saved-library-card { padding: 6px 10px; gap: 3px; }
.saved-library-items.is-list .saved-library-card { padding: 10px 12px; }
.saved-library-image { width: 100%; max-height: 280px; -o-object-fit: contain; object-fit: contain; border-radius: 5px; }
.saved-library-groups { display: grid; gap: 16px; }
.saved-library-groups.is-kanban { grid-template-columns: repeat(3, minmax(190px, 1fr)); overflow-x: auto; }
.saved-library-drop { margin-top: 8px; padding: 10px; border-radius: 6px; background: hsl(var(--muted) / .2); color: hsl(var(--muted-foreground)); font-size: 11px; }
/*
 * Aether Marketing Pulse — scoped design tokens & custom utilities.
 * Everything is gated behind `.aether-scope` (or `.aether-scope.dark`) so it
 * cannot leak into the rest of the host app.
 *
 * Tailwind v3 colour aliases (bg-lime, text-lime, bg-surface, bg-glass,
 * bg-surface-hover) are exposed via tailwind.config.ts → they read these vars.
 */

.aether-scope {
  --aether-lime: #99cc00;
  --aether-lime-glow: rgba(153, 204, 0, 0.4);
  --aether-surface: rgba(0, 0, 0, 0.02);
  --aether-surface-hover: rgba(0, 0, 0, 0.05);
  --aether-glass: rgba(255, 255, 255, 0.8);
}

.dark .aether-scope,
.aether-scope.dark {
  --aether-lime: #ccff00;
  --aether-lime-glow: rgba(204, 255, 0, 0.4);
  --aether-surface: rgba(255, 255, 255, 0.02);
  --aether-surface-hover: rgba(255, 255, 255, 0.05);
  --aether-glass: rgba(10, 10, 10, 0.8);
}

.aether-scope .lime-glow {
  box-shadow: 0 0 20px var(--aether-lime-glow), 0 0 40px var(--aether-lime-glow);
}

.aether-scope .lime-glow-sm {
  box-shadow: 0 0 8px var(--aether-lime-glow);
}

.aether-scope .glass-panel {
  background-color: var(--aether-glass);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid hsl(var(--border));
}

.aether-scope .surface-card {
  background-color: var(--aether-surface);
  border: 1px solid hsl(var(--border));
  transition: background-color 150ms ease;
}

.aether-scope .surface-card:hover {
  background-color: var(--aether-surface-hover);
}

.aether-scope .text-gradient-lime {
  background-image: linear-gradient(to right, var(--aether-lime), hsl(var(--foreground)));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.aether-scope .noise-overlay {
  position: relative;
}

.aether-scope .noise-overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
  opacity: 0.02;
  pointer-events: none;
  mix-blend-mode: overlay;
}

@keyframes aether-pulse-live {
  0%, 100% { opacity: 1; box-shadow: 0 0 6px var(--aether-lime-glow); }
  50% { opacity: 0.55; box-shadow: 0 0 12px var(--aether-lime-glow); }
}

.aether-scope .pulse-live {
  border-radius: 9999px;
  animation: aether-pulse-live 1.6s ease-in-out infinite;
}

@keyframes aether-border-chase {
  to { transform: translateX(100%); }
}

.aether-scope .border-chase {
  position: relative;
  overflow: hidden;
}

.aether-scope .border-chase::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, var(--aether-lime), transparent);
  transform: translateX(-100%);
  animation: aether-border-chase 3s linear infinite;
}

/* ─── Embedded sub-app sizing ──────────────────────────────
 * The merged Marketing Hub embeds three sub-apps (CampaignHub,
 * Content Repurpose, Email & CRM) inside `.mh-embed` wrappers.
 * Each sub-app keeps its own internal sub-navigation but inherits
 * AETHER tokens through `.aether-scope`. Force them to fill the
 * available height of the unified main pane.
 */
.aether-scope .mh-embed,
.aether-scope .mh-embed > * {
  height: 100%;
  min-height: 0;
}/* Functionly-only Primary Sidebar 1 header density */
[data-functionly-sidebar] .dev-ws-sidebar-header {
  padding: 0.4rem 0.55rem 0.35rem;
  min-height: 1.85rem;
}

[data-functionly-sidebar] .dev-ws-sidebar-title {
  font-size: 0.8125rem;
}
/* One activity section — dividers between library / analyze / detect groups. */
.music-detection-ps1 .dev-ws-nav-group {
  margin: 0.05rem 0;
}

.music-detection-ps1 .dev-ws-nav-group + .dev-ws-nav-group {
  margin-top: 0.35rem;
  padding-top: 0.35rem;
  border-top: 1px solid hsl(var(--border));
}

.music-detection-ps1 .dev-ws-nav-group-items {
  margin: 0.05rem 0 0.1rem;
}

.music-detection-ps1 .dev-ws-nav-group-items::before {
  display: none;
}
.rd-planner { background: var(--core-panel); color: var(--core-ink); }
.rd-planner-sidebar { display: flex; flex: 0 0 var(--core-panel-width); flex-direction: column; min-width: 0; overflow: hidden; border-right: 1px solid var(--core-line); background: var(--core-panel); }
.rd-planner[data-sidebar-collapsed] .rd-planner-sidebar { flex-basis: 40px; }
.rd-planner-sidebar-scroll { display: flex; flex: 1; flex-direction: column; min-height: 0; overflow: auto; }
.rd-planner .rd-planner-header { display: flex; flex-shrink: 0; align-items: center; gap: 6px; box-sizing: border-box; min-height: var(--core-bar-height); height: var(--core-bar-height); padding: 0 8px; border-bottom: 1px solid var(--core-line); background: var(--core-bar); color: var(--core-ink); }
.promptbench-root .rd-planner .rd-planner-view-title { margin: 0; overflow: hidden; font-size: var(--pb-planner-text-size, 12px) !important; font-weight: 500; line-height: 20px !important; white-space: nowrap; text-overflow: ellipsis; }
.rd-planner[data-sidebar-collapsed] .rd-planner-sidebar-header { justify-content: center; padding-inline: 0; }
.rd-planner[data-sidebar-collapsed] .rd-planner-sidebar-header button { margin: 0; }
.rd-planner-icon { display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: var(--core-control-height); height: var(--core-control-height); border-radius: 3px; color: var(--core-muted); }
.rd-planner-icon:hover, .rd-planner-icon[data-active], .rd-planner-icon[aria-pressed='true'] { background: var(--core-hover); color: var(--core-ink); }
.rd-planner-topbar-views { display: flex; align-items: center; gap: 1px; }
.rd-planner-nav { display: flex; flex-direction: column; gap: 2px; padding: 3px 6px; }
.rd-planner-main-nav { padding-block: 6px; border-bottom: 1px solid var(--core-line); }
.rd-planner .rd-planner-nav-item { width: 100%; min-width: 0; gap: 6px !important; padding-inline: 6px !important; text-align: left; }
.rd-planner-nav-item svg { flex-shrink: 0; color: var(--core-muted); }
.rd-planner-nav-item[aria-current='page'] svg { color: var(--core-ink); }
.rd-planner[data-sidebar-collapsed] .rd-planner-nav-item { justify-content: center; padding-inline: 0 !important; }
.promptbench-root .rd-planner .rd-planner-nav-item span { overflow: hidden; font-size: var(--pb-planner-text-size, 12px) !important; font-weight: 400; line-height: 20px !important; white-space: nowrap; text-overflow: ellipsis; }
.promptbench-root .rd-planner .rd-planner-section-label { padding: 6px 12px 2px; color: var(--core-muted); font-size: var(--core-control-label-size) !important; line-height: 18px !important; }
.promptbench-root .rd-planner :is(.rd-planner-sidebar, .rd-planner-content, .rd-planner-command, .rd-planner-issue-detail) :is(button, input, select, textarea, label, p, span, h3) { font-size: var(--pb-planner-text-size, 12px) !important; line-height: 1.35 !important; }
.promptbench-root .rd-planner :is(.rd-planner-sidebar, .rd-planner-content, .rd-planner-command, .rd-planner-issue-detail) :is(button, input:not([type='checkbox']):not([type='radio']), select) { min-height: var(--core-control-height) !important; }
.promptbench-root .rd-planner :is(.rd-planner-sidebar, .rd-planner-content, .rd-planner-command, .rd-planner-issue-detail) input:not([type='checkbox']):not([type='radio']) { padding-block: 1px !important; }
.rd-planner :is(.rd-planner-content, .rd-planner-command, .rd-planner-issue-detail) :is(input, textarea, select) { color: var(--core-ink); accent-color: hsl(var(--primary)); }
.rd-planner select option { background: var(--core-panel); color: var(--core-ink); }
.rd-planner :is(button, input, textarea, select):focus-visible { outline: 2px solid hsl(var(--ring)); outline-offset: -2px; }
.rd-planner-content .rd-planner-list-row { min-height: var(--core-row-height); }
.rd-planner-issue-detail { width: min(360px, 42%); min-width: 240px; background: var(--core-panel); }
.rd-planner-command { max-width: calc(100% - 24px); background: var(--core-panel); }
.rd-planner .rd-planner-tab-active { background: var(--core-selected) !important; box-shadow: var(--core-relief) !important; }
.rd-planner .rd-task-boards { background: var(--core-panel); }
.rd-planner .rd-task-boards .rd-task-boards-section { padding-top: 2px; }
.rd-planner .rd-task-boards-navigation .rd-task-board-link { gap: 6px !important; padding-inline: 6px 30px !important; }
.rd-planner[data-sidebar-collapsed] .rd-task-boards-navigation .rd-task-board-link { padding-inline: 0 !important; }
.promptbench-root .rd-planner .rd-planner-header button span { font-size: var(--core-control-label-size) !important; }
@media (max-width: 720px) {
  .rd-planner-issue-detail { position: absolute; inset: var(--core-bar-height) 0 0; z-index: 40; width: 100%; min-width: 0; }
}

/* Sidebar title on the left, workspace actions and collapse on the right. */
.rd-planner-sidebar-tools { display: flex; flex: 0 0 auto; align-items: center; gap: 2px; min-width: 0; }
.rd-planner-sidebar-title { flex: 1; min-width: 0; overflow: hidden; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }

/* Keep the sidebar navigation quiet and consistently full width. */
.rd-planner .rd-canvas-pages-navigation { padding-block: 4px 6px; border-bottom: 1px solid var(--core-line); }
.rd-planner .rd-canvas-section-header { gap: 2px; }
.rd-planner .rd-canvas-section-title { display: flex; flex: 1; align-items: center; min-width: 0; gap: 6px; padding: 0; border: 0; background: transparent; color: var(--core-muted); text-align: left; }
.rd-planner .rd-canvas-section-title:hover { color: var(--core-ink); }
.rd-planner .rd-task-boards-navigation .rd-task-board-link { display: flex; flex: 1; align-items: center; width: 100%; min-width: 0; box-sizing: border-box; text-align: left; }
.rd-planner .rd-task-boards-navigation .rd-task-board-link span { flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.rd-planner .rd-canvas-pages-navigation .rd-task-board-link { padding-inline: 16px 6px !important; }
.rd-planner .rd-planner-tasks-group { padding-block: 4px 6px; border-bottom: 1px solid var(--core-line); }
.rd-planner .rd-planner-task-views { padding-top: 2px; }
.promptbench-root .rd-planner.core-workspace-ui .rd-planner-sidebar .tls-row:is(.rd-planner-nav-item, .rd-task-board-link) {
  border: 1px solid transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}
.promptbench-root .rd-planner.core-workspace-ui .rd-planner-sidebar .tls-row:is(.rd-planner-nav-item, .rd-task-board-link):hover { background: var(--core-hover) !important; }
.promptbench-root .rd-planner.core-workspace-ui .rd-planner-sidebar .tls-row:is(.rd-planner-nav-item, .rd-task-board-link):is([aria-current='page'], [data-active='true']) {
  border-color: var(--core-line) !important;
  background: var(--core-selected) !important;
}

/* Collapsed navigation keeps one aligned hit area for every action and list. */
.rd-planner[data-sidebar-collapsed] .rd-planner-sidebar { flex: 0 0 40px; width: 40px; min-width: 40px; max-width: 40px; }
.rd-planner[data-sidebar-collapsed] .rd-planner-sidebar-scroll { overflow-x: hidden; padding-block: 4px; }
.rd-planner[data-sidebar-collapsed] .rd-planner-sidebar .rd-planner-nav { flex-shrink: 0; align-items: center; gap: 2px; padding: 4px; }
.rd-planner[data-sidebar-collapsed] .rd-planner-sidebar .rd-task-boards-navigation { flex-shrink: 0; padding-block: 4px; border-bottom: 1px solid var(--core-line); }
.rd-planner[data-sidebar-collapsed] .rd-planner-sidebar .rd-task-boards-section { padding: 0 4px; }
.rd-planner[data-sidebar-collapsed] .rd-planner-sidebar .rd-task-boards-list { align-items: center; gap: 2px; padding: 2px 4px 0; }
.rd-planner[data-sidebar-collapsed] .rd-planner-sidebar .rd-task-board-row { width: 32px; }
.promptbench-root .rd-planner[data-sidebar-collapsed] .rd-planner-sidebar :is(.rd-planner-icon, .rd-planner-nav-item, .rd-task-boards-icon, .rd-task-board-link) {
  display: flex;
  flex: 0 0 32px;
  align-items: center;
  justify-content: center;
  width: 32px;
  min-width: 32px;
  max-width: 32px;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  border-radius: 3px;
}
.tasks-build-root {
  --task-theme-bg: hsl(var(--background));
  --task-theme-card: hsl(var(--card));
  --task-theme-raised: hsl(var(--popover));
  --task-theme-sidebar: hsl(var(--sidebar-background));
  --task-theme-sidebar-text: hsl(var(--sidebar-foreground));
  --task-theme-border: hsl(var(--border));
  --task-theme-hover: hsl(var(--accent));
  --task-theme-text: hsl(var(--foreground));
  --task-theme-muted: hsl(var(--muted-foreground));
  --task-theme-primary: hsl(var(--primary));
  --task-theme-primary-text: hsl(var(--primary-foreground));
  --task-theme-font: var(--font-sans, -apple-system, BlinkMacSystemFont, 'SF Pro Text', sans-serif);
  --task-theme-radius: 5px;
  --task-row-height: var(--tasks-row, 28px);
  --task-card-padding: 6px;
}
.task-workspace { position: relative; container: task-workspace / inline-size; background: var(--task-theme-bg); }
.tasks-build-root[data-task-density=compact] { --task-row-height: var(--tasks-row, 24px); --task-card-padding: 4px; }
.native-task-sidebar { position: relative; display: flex; flex-direction: column; flex-shrink: 0; min-width: 176px; height: 100%; border-right: 1px solid var(--task-theme-border); background: var(--task-theme-sidebar); color: var(--task-theme-sidebar-text); font-size: 12px; }
.task-sidebar-heading { display: flex; align-items: center; gap: 9px; height: var(--tasks-toolbar, 32px); flex-shrink: 0; padding: 0 14px; }
.task-sidebar-heading strong { flex: 1; font-size: 14px; font-weight: 600; letter-spacing: -.02em; }
.task-sidebar-mark { display: grid; place-items: center; width: 25px; height: 25px; border: 1px solid var(--task-theme-border); border-radius: 6px; background: var(--task-theme-card); }
.task-sidebar-mark svg { width: 15px; height: 15px; }
.task-sidebar-heading > button { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 4px; color: var(--task-theme-muted); }
.task-sidebar-heading > button svg { width: 15px; height: 15px; }
.task-sidebar-scroll { min-height: 0; flex: 1; overflow-y: auto; padding: 0 8px 12px; scrollbar-width: thin; }
.task-nav-primary { padding-bottom: 6px; }
.task-nav-section { padding: 4px 0; }
.task-nav-section-toggle { display: flex; align-items: center; gap: 5px; width: 100%; min-height: 29px; padding: 3px 7px; text-align: left; color: var(--task-theme-muted); font-size: 10px; font-weight: 600; letter-spacing: .025em; }
.task-nav-section-toggle svg { width: 12px; height: 12px; transition: transform 120ms; }
.native-task-sidebar .native-task-nav-item { display: flex; align-items: center; gap: 9px; width: 100%; min-height: 28px; padding: 6px 9px; border-radius: 5px; text-align: left; font-size: 12px; line-height: 18px; }
.native-task-nav-item > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.native-task-nav-item > svg { width: 15px; height: 15px; flex-shrink: 0; color: var(--task-theme-muted); }
.native-task-nav-item:hover, .native-task-nav-item[aria-current=page], .task-sidebar-heading > button:hover { background: var(--task-theme-hover); color: var(--task-theme-text); }
.native-task-nav-item[aria-current=page] { font-weight: 600; }
.native-task-nav-item[aria-current=page] > svg { color: var(--task-theme-text); }
.native-task-sidebar .dev-ws-nav-item { min-height: var(--tasks-control, 24px); border-radius: 5px; font-size: 12px; }
.native-task-sidebar :is(button, summary):focus-visible, .task-sidebar-collapsed button:focus-visible { outline: 2px solid hsl(var(--ring)); outline-offset: -2px; }
.task-sidebar-footer { flex-shrink: 0; border-top: 1px solid var(--task-theme-border); padding: 6px 8px; }
.task-sidebar-collapsed { display: flex; flex-shrink: 0; flex-direction: column; align-items: center; gap: 6px; width: 44px; padding: 10px 4px; border-right: 1px solid var(--task-theme-border); background: var(--task-theme-sidebar); }
.task-sidebar-collapsed button { display: grid; place-items: center; width: 32px; height: 28px; border-radius: 5px; color: var(--task-theme-muted); }
.task-sidebar-collapsed button:hover { background: var(--task-theme-hover); color: var(--task-theme-text); }
.task-sidebar-collapsed svg { width: 16px; height: 16px; }
.unified-tasks-sidebar { font-size: 12px; line-height: 20px; }
.unified-tasks-sidebar > .rd-planner-sidebar { flex: 1; width: 100%; }
.unified-tasks-sidebar-content { padding: 6px; }
.unified-tasks-sidebar .native-task-nav-item { display: flex; align-items: center; gap: 6px; width: 100%; min-height: var(--core-row-height); padding: 3px 6px; border-radius: 3px; text-align: left; font-size: 12px; line-height: 18px; }
.unified-tasks-sidebar .native-task-nav-item:hover { background: var(--core-hover); color: var(--core-ink); }
.unified-tasks-sidebar .native-task-nav-item[aria-current='page'] { background: var(--core-selected); color: var(--core-ink); box-shadow: var(--core-relief); }
.unified-tasks-sidebar .native-task-nav-item > svg { width: 14px; height: 14px; color: var(--core-muted); }
.unified-tasks-sidebar .dev-ws-nav-item { min-height: var(--core-row-height); font-size: 12px; }
.unified-tasks-sidebar .task-nav-section-toggle { min-height: var(--core-row-height); color: var(--core-muted); font-size: var(--core-control-label-size); }
.unified-tasks-sidebar .task-sidebar-footer { border-color: var(--core-line); }
.unified-tasks-sidebar-compact { display: flex; flex-direction: column; align-items: center; gap: 4px; padding-block: 6px; }
.unified-tasks-sidebar-compact button { display: grid; place-items: center; width: var(--tasks-control, 24px); height: var(--tasks-control, 24px); border-radius: 3px; color: var(--core-muted); }
.unified-tasks-sidebar-compact button:hover { background: var(--core-hover); color: var(--core-ink); }
.unified-tasks-sidebar-compact svg { width: 14px; height: 14px; }
.unified-tasks-sidebar :is(button, summary):focus-visible { outline: 2px solid hsl(var(--ring)); outline-offset: -2px; }
.task-pane-resize { position: absolute; top: 0; bottom: 0; z-index: 25; width: 5px; cursor: col-resize; touch-action: none; }
.task-pane-resize--right { right: -3px; }
.task-pane-resize--left { left: -3px; }
.task-pane-resize:hover, .task-pane-resize:focus-visible { background: hsl(var(--ring) / .45); outline: none; }
.task-workspace-header { display: flex; flex-shrink: 0; min-width: 0; flex-direction: column; border-bottom: 1px solid var(--task-theme-border); background: var(--task-theme-bg); }
.task-workspace-title-row { display: flex; align-items: center; gap: 6px; min-height: var(--tasks-toolbar, 32px); padding: 4px 8px; }
.task-workspace-title { min-width: 0; flex: 1; }
.task-workspace-title h1 { overflow: hidden; margin: 0; text-overflow: ellipsis; white-space: nowrap; font-size: var(--tasks-title, 14px); line-height: 21px; font-weight: 600; letter-spacing: -.025em; }
.task-workspace-meta { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--task-theme-muted); font-size: 11px; line-height: 17px; }
.task-workspace-title-actions { display: flex; flex-shrink: 0; align-items: center; gap: 7px; }
.task-save-status { display: flex; align-items: center; gap: 6px; min-height: var(--tasks-control, 24px); padding: 0 4px; color: var(--task-theme-muted); font-size: 11px; white-space: nowrap; }
.task-save-dot { width: 5px; height: 5px; border-radius: 50%; background: currentColor; opacity: .6; }
.task-save-status[data-status=saved] .task-save-dot { background: #76a58a; opacity: 1; }
.task-save-status[data-status=error] { color: hsl(var(--destructive)); }
.task-undo-controls { display: flex; align-items: center; }
.task-workspace-button, .task-workspace-icon-button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; flex-shrink: 0; min-height: var(--tasks-control, 24px); padding: 0 9px; border: 1px solid transparent; border-radius: 5px; background: transparent; color: var(--task-theme-muted, hsl(var(--muted-foreground))); font-size: 12px; font-weight: 500; line-height: 18px; white-space: nowrap; transition: background 120ms, color 120ms; }
.task-workspace-icon-button { width: var(--tasks-control, 24px); padding: 5px; }
.task-workspace-icon-button > svg { width: 15px; height: 15px; }
.task-workspace-button:hover, .task-workspace-icon-button:hover, .task-workspace-button[data-active] { background: hsl(var(--accent)); color: hsl(var(--foreground)); }
.task-workspace-button:focus-visible, .task-workspace-icon-button:focus-visible, .task-view-tab:focus-visible { outline: 2px solid hsl(var(--ring)); outline-offset: -2px; }
.task-workspace-button:disabled, .task-workspace-icon-button:disabled { opacity: .35; pointer-events: none; }
.task-workspace-button--primary { background: hsl(var(--primary)); color: hsl(var(--primary-foreground)); border-color: hsl(var(--primary)); }
.task-workspace-button--primary:hover { background: hsl(var(--primary) / .88); color: hsl(var(--primary-foreground)); }
.task-workspace-view-row { display: flex; align-items: center; justify-content: space-between; gap: 6px; min-width: 0; padding: 0 8px; }
.task-workspace-view-scroll { min-width: 0; overflow-x: auto; scrollbar-width: thin; }
.task-view-tab { position: relative; display: flex; align-items: center; gap: 6px; height: 28px; padding: 0 10px; border-bottom: 2px solid transparent; color: var(--task-theme-muted); font-size: 12px; white-space: nowrap; }
.task-view-tab:hover { color: var(--task-theme-text); background: hsl(var(--accent) / .35); }
.task-view-tab--active { border-bottom-color: var(--task-theme-text); color: var(--task-theme-text); font-weight: 600; }
.task-view-manage { margin-left: 5px; }
.task-workspace-controls { display: flex; align-items: center; flex-shrink: 0; gap: 3px; padding: 4px 0; }
.task-workspace-search { display: flex; align-items: center; gap: 6px; width: 160px; min-width: 100px; height: var(--tasks-control, 24px); padding: 0 8px; color: var(--task-theme-muted); border: 1px solid var(--task-theme-border); border-radius: 5px; }
.task-workspace-search input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: var(--task-theme-text); font-size: 12px; }
.task-workspace-search:focus-within { border-color: hsl(var(--ring)); }
.task-filter-dot { width: 5px; height: 5px; border-radius: 50%; background: hsl(var(--primary)); }
.task-view-options { display: flex; flex-direction: column; gap: 6px; font-size: 12px; }
.task-view-options > label { display: grid; grid-template-columns: 90px minmax(0, 1fr); align-items: center; gap: 8px; color: hsl(var(--muted-foreground)); }
.task-view-options select { min-width: 0; height: var(--tasks-control, 24px); padding: 3px 7px; border: 1px solid hsl(var(--border)); border-radius: 4px; background: hsl(var(--background)); color: hsl(var(--foreground)); font-size: 12px; }
.task-view-options fieldset { border-top: 1px solid hsl(var(--border)); padding-top: 10px; }
.task-view-options legend { padding: 8px 0; color: hsl(var(--muted-foreground)); font-size: 11px; }
.task-property-choice { display: flex; align-items: center; gap: 7px; font-size: 11px; }
.task-view-extra-actions { display: flex; flex-wrap: wrap; gap: 6px; border-top: 1px solid hsl(var(--border)); padding-top: 10px; }
.task-view-options input[type=checkbox] { accent-color: hsl(var(--primary)); }
.tasks-build-root [data-tasks-table] table { font-size: 12px; }
.tasks-build-root [data-tasks-table] thead th { height: 28px; background: var(--task-theme-bg); font-size: 11px; }
.tasks-build-root [data-tasks-table] tbody td { height: var(--task-row-height); }
.tasks-build-root [data-tasks-table] input[aria-label^='Task title:'] { font-size: var(--tasks-text, 12px); }
.tasks-build-root [data-tasks-table] [data-task-select] { font-size: 12px; }
.tasks-build-root [data-tasks-table] tfoot td { height: 28px; padding: 4px 8px; border-top: 1px solid var(--task-theme-border); }
.task-table-add { display: flex; align-items: center; gap: 6px; max-width: 460px; }
.task-table-add input { min-width: 0; flex: 1; height: var(--tasks-control, 24px); border: 0; outline: 0; background: transparent; font-size: 12px; }
@container task-workspace (max-width: 1100px) {
  .task-workspace-view-row { flex-wrap: wrap; gap: 0; }
  .task-workspace-view-scroll { width: 100%; }
  .task-workspace-controls { width: 100%; padding: 5px 0 8px; }
  .task-workspace-search { flex: 1; }
}
@container task-workspace (max-width: 720px) {
  .task-workspace-title-row { padding: 8px 10px; gap: 6px; }
  .task-workspace-title-actions { gap: 2px; }
  .task-undo-controls, .task-save-status span:not(.task-save-dot) { display: none; }
  .task-view-tab { padding: 0 8px; }
}
@media (prefers-reduced-motion: reduce) { .task-nav-section-toggle svg, .task-workspace-button, .task-workspace-icon-button { transition: none; } }
.tasks-build-root [data-color-task-board] { --blocks-canvas: var(--task-theme-bg); --blocks-column: var(--task-theme-card); --blocks-divider: var(--task-theme-border); background: var(--blocks-canvas); color: var(--task-theme-text); }
.tasks-build-root [data-color-task-board] [data-column-root] { border-color: var(--blocks-divider); }
.tasks-build-root [data-color-task-board] [data-column-accent] { background-color: var(--blocks-column); }
.tasks-build-root [data-color-task-board] [data-column-header] { min-height: 42px; gap: 6px; padding: 7px 10px; background: var(--blocks-column); border-bottom: 1px solid var(--blocks-divider); }
.tasks-build-root [data-color-task-board] [data-column-accent] h3, .tasks-build-root [data-color-task-board] [data-column-header] input { font-size: 12px; line-height: 18px; font-weight: 600; text-transform: none; color: var(--task-theme-text); }
.tasks-build-root [data-color-task-board] [data-column-header] input { min-height: 26px; }
.tasks-build-root [data-color-task-board] [data-column-header] span { font-size: 11px; line-height: 16px; color: var(--task-theme-muted); }
.tasks-build-root [data-color-task-board] [data-column-header] button[aria-expanded], .tasks-build-root [data-color-task-board] [data-column-header] button[aria-label^='Add task'] { display: grid; place-items: center; width: 26px; height: 26px; flex-shrink: 0; }
.tasks-build-root [data-color-task-board] [data-column-header] button svg { width: 14px; height: 14px; }
.tasks-build-root [data-color-task-board] [data-column-header] button[aria-label^='Color for'] { width: 10px; height: 10px; }
.tasks-build-root [data-color-task-board] [data-task-id] { display: flex; flex-direction: column; align-items: stretch; grid-column: 1 / -1; gap: 7px; min-width: 0; min-height: var(--task-row-height); padding: var(--task-card-padding); border-radius: 5px; border: 1px solid hsl(var(--border) / .5); transition: filter 120ms; }
.tasks-build-root [data-color-task-board] [data-task-id]:hover { filter: brightness(1.06); }
.tasks-build-root [data-color-task-board] [data-task-text], .tasks-build-root [data-color-task-board] [data-task-label-edit] { flex: none; width: 100%; min-width: 0; padding: 0 24px 0 0; font-size: 13px; line-height: 19px; font-weight: var(--blocks-task-font-weight, 500); white-space: normal; overflow-wrap: anywhere; text-overflow: clip; }
.tasks-build-root [data-color-task-board] [data-props-before-text] { display: contents; }
.tasks-build-root [data-color-task-board] [data-blocks-prop-grid] { display: grid; width: 100%; max-width: none; min-width: 0; grid-template-columns: repeat(auto-fit, minmax(85px, 1fr)); gap: 4px; }
.tasks-build-root [data-color-task-board] [data-blocks-prop-grid] > * { min-width: 0; }
.tasks-build-root [data-color-task-board] [data-blocks-prop-chip] { display: flex; align-items: center; justify-content: flex-start; width: 100%; min-width: 0; height: 24px; min-height: 24px; padding: 2px 6px; border-radius: 3px; font-size: 11px; line-height: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tasks-build-root [data-color-task-board] [data-blocks-prop-chip] > span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.tasks-build-root [data-color-task-board] [data-task-id] > div[aria-hidden], .tasks-build-root [data-color-task-board] [data-task-id] > div:empty { display: none; }
.tasks-build-root [data-color-task-board] [data-group-key] > [data-no-marquee] { min-height: 32px; font-size: 11px; }
.tasks-build-root [data-color-task-board] [data-group-tag] { min-height: 26px; font-size: 11px; line-height: 16px; }
.tasks-build-root [data-color-task-board] [data-column-id] > [data-no-marquee] { min-height: 34px; }
.tasks-build-root [data-color-task-board] [data-column-id] > [data-no-marquee] input[placeholder='Add task'] { min-height: 30px; padding: 5px 8px; font-size: 12px; }
/* Main-pane presentation from the original topbar Tasks Build. Never style its sibling sidebar. */
.tasks-main-pane { background: hsl(var(--background)); color: hsl(var(--foreground)); font-family: var(--font-sans, -apple-system, BlinkMacSystemFont, 'SF Pro Text', sans-serif); }
.tasks-main-pane .tasks-main-toolbar { display: flex; flex-shrink: 0; align-items: center; gap: 6px; min-height: var(--tasks-toolbar, 32px); min-width: 0; overflow-x: auto; border-bottom: 1px solid hsl(var(--border)); background: hsl(var(--card)); padding: 4px 8px; }
.tasks-main-pane .tasks-main-label { flex-shrink: 0; font-size: var(--tasks-label, 11px); font-weight: 600; }
.tasks-main-pane .task-view-tab-group { display: flex; flex-shrink: 0; align-items: center; border-radius: 4px; }
.tasks-main-pane .task-view-tab-group:hover, .tasks-main-pane .task-view-tab-group--active { background: hsl(var(--accent)); }
.tasks-main-pane .task-view-tab { display: flex; height: var(--tasks-control, 24px); align-items: center; gap: 4px; padding: 0 8px; border: 0; border-radius: 4px; color: hsl(var(--muted-foreground)); font-size: var(--tasks-label, 11px); white-space: nowrap; }
.tasks-main-pane .task-view-tab:hover { background: hsl(var(--accent)); color: hsl(var(--foreground)); }
.tasks-main-pane .task-view-tab--active { background: hsl(var(--accent)); color: hsl(var(--foreground)); font-weight: 600; }
.tasks-main-pane .task-view-remove { display: grid; place-items: center; flex-shrink: 0; margin-right: 4px; padding: 2px; border-radius: 3px; color: hsl(var(--muted-foreground)); opacity: .5; }
.tasks-main-pane .task-view-remove:hover, .tasks-main-pane .task-view-remove:focus-visible { background: hsl(var(--background)); color: hsl(var(--foreground)); opacity: 1; }
.tasks-main-pane .task-workspace-controls { margin-left: auto; gap: 4px; width: auto; padding: 0; }
.tasks-main-pane .task-workspace-button { min-height: var(--tasks-control, 24px); gap: 4px; padding: 0 8px; color: hsl(var(--foreground)); font-size: var(--tasks-label, 11px); font-weight: 400; }
.tasks-main-pane .task-view-manage { margin-left: 0; }
.tasks-main-pane .task-workspace-icon-button { width: 24px; min-height: 24px; padding: 4px; border-radius: 4px; }
.tasks-main-pane .task-workspace-icon-button:disabled { opacity: .3; }
.tasks-main-pane .task-workspace-search { width: 128px; min-width: 104px; height: var(--tasks-control, 24px); gap: 4px; padding: 0 6px; border-color: hsl(var(--border)); border-radius: 4px; }
.tasks-main-pane .task-workspace-search > svg { display: none; }
.tasks-main-pane .task-workspace-search input { font-size: var(--tasks-label, 11px); }
.tasks-main-pane .task-workspace-button[aria-label='Filter tasks'], .tasks-main-pane .task-main-import { border: 1px solid hsl(var(--border)); }
.tasks-main-pane .tasks-main-filter-status { display: flex; flex-shrink: 0; align-items: center; gap: 6px; border-bottom: 1px solid hsl(var(--border)); padding: 4px 8px; color: hsl(var(--muted-foreground)); font-size: var(--tasks-label, 11px); }
.tasks-main-pane .tasks-main-filter-status button { text-decoration: underline; }
.tasks-main-pane .task-main-settings-trigger { display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 28px; height: var(--tasks-control, 24px); border-radius: 4px; color: hsl(var(--muted-foreground)); }
.tasks-main-pane .task-main-settings-trigger:hover { background: hsl(var(--muted)); color: hsl(var(--foreground)); }
.tasks-main-pane :is(.task-view-remove, .task-main-settings-trigger):focus-visible { outline: 1px solid hsl(var(--ring)); outline-offset: 1px; }
/* The native outer shell's table density does not replace the supplied main view's compact table. */
.tasks-build-root .tasks-main-pane [data-tasks-table] thead th { height: var(--tasks-row, 28px); background: hsl(var(--card)); font-size: var(--tasks-label, 11px); }
.tasks-build-root .tasks-main-pane [data-tasks-table] tbody td { height: var(--tasks-row, 28px); }
.tasks-build-root .tasks-main-pane [data-tasks-table] input[aria-label^='Task title:'] { font-size: var(--tasks-label, 11px); }
.tasks-build-root .tasks-main-pane [data-tasks-table] tfoot td { height: auto; padding: 4px 8px; }
.tasks-build-root[data-task-density=compact] .tasks-main-pane [data-tasks-table] tbody td { height: var(--tasks-control, 24px); }
/* Explicit classes carry typography into only this main pane's portalled controls. */
.tasks-main-pane-portal { font-family: var(--font-sans, -apple-system, BlinkMacSystemFont, sans-serif); }
.tasks-main-pane-portal.tasks-main-view-menu { max-height: min(80vh, var(--radix-dropdown-menu-content-available-height)); overflow-y: auto; font-size: var(--tasks-label, 11px); }
.tasks-main-pane-portal.tasks-main-view-menu [role^='menuitem'] { font-size: var(--tasks-label, 11px); }
.tasks-main-pane-portal.task-main-settings-overlay { position: fixed; inset: 0; z-index: 140; background: rgb(0 0 0 / 18%); }
.tasks-main-pane-portal.task-main-settings-drawer { position: fixed; inset: 0 0 0 auto; z-index: 141; display: flex; flex-direction: column; width: min(320px, 100vw); max-width: 100%; border-left: 1px solid hsl(var(--border)); background: hsl(var(--card)); color: hsl(var(--foreground)); font-size: var(--tasks-label, 11px); line-height: 1.45; box-shadow: -8px 0 28px rgb(0 0 0 / 18%); outline: none; }
.tasks-main-pane-portal .task-main-settings-heading { display: flex; align-items: center; justify-content: space-between; min-height: var(--tasks-toolbar, 32px); padding: 4px 8px; border-bottom: 1px solid hsl(var(--border)); }
.tasks-main-pane-portal .task-main-settings-heading h2 { margin: 0; font-size: var(--tasks-label, 11px); font-weight: 600; }
.tasks-main-pane-portal .task-main-settings-close { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 4px; }
.tasks-main-pane-portal .task-main-settings-description { margin: 0; padding: 8px 8px 0; color: hsl(var(--muted-foreground)); font-size: 11px; }
.tasks-main-pane-portal .task-main-settings-body { flex: 1; min-height: 0; overflow-y: auto; padding: 0 8px 8px; }
.tasks-main-pane-portal .task-main-settings-section { display: flex; flex-direction: column; gap: 6px; padding: 8px 0; border-bottom: 1px solid hsl(var(--border)); }
.tasks-main-pane-portal .task-main-settings-section:last-child { border-bottom: 0; }
.tasks-main-pane-portal .task-main-settings-section h3 { margin: 0; font-size: 10px; font-weight: 600; color: hsl(var(--muted-foreground)); }
.tasks-main-pane-portal .task-main-settings-section select { width: 100%; min-height: var(--tasks-control, 24px); padding: 3px 6px; border: 1px solid hsl(var(--border)); border-radius: 4px; background: hsl(var(--background)); color: inherit; }
.tasks-main-pane-portal .task-main-settings-add, .tasks-main-pane-portal .task-main-settings-actions > button { display: flex; align-items: center; gap: 6px; min-height: var(--tasks-control, 24px); padding: 3px 6px; border-radius: 4px; text-align: left; font-size: var(--tasks-label, 11px); }
.tasks-main-pane-portal .task-main-settings-actions > button:disabled { opacity: .45; }
.tasks-main-pane-portal .task-main-settings-actions > button > svg { width: 14px; height: 14px; }
.tasks-main-pane-portal .task-main-settings-actions > hr { margin: 3px 0; border-color: hsl(var(--border)); }
.tasks-main-pane-portal .task-main-settings-section .task-view-options { gap: 8px; }
.tasks-main-pane-portal .task-main-settings-section .task-view-options > label { grid-template-columns: 72px minmax(0, 1fr); }
.tasks-main-pane-portal :is(.task-main-settings-close, .task-main-settings-add, .task-main-settings-actions > button):hover { background: hsl(var(--accent)); }
.tasks-main-pane-portal.task-main-settings-drawer :is(button, select):focus-visible { outline: 1px solid hsl(var(--ring)); outline-offset: 1px; }
/* Original topbar Board surface roles, scoped to the shared main pane. */
.original-task-board [data-board-scroll] { background: hsl(var(--background)); }
.original-task-board [data-board-column-header] { background: hsl(var(--muted)) !important; color: hsl(var(--foreground)); border-color: hsl(var(--border)); }
.original-task-board [data-board-column-list] { background: hsl(var(--card)); border-color: hsl(var(--border)); }
.original-task-board [data-board-column-list] [data-task-id] { background: hsl(var(--card)); border-color: hsl(var(--border)); }
.original-task-board [data-board-column-list] [data-task-id]:hover,
.original-task-board [data-board-column-list] [data-task-id][data-selected] { background: hsl(var(--accent)); }
.noticed-app {
  --type-text: var(--foreground);
  --type-image: var(--foreground);
  --type-link: var(--foreground);
  --type-color: var(--foreground);
  --type-quote: var(--foreground);
  --type-idea: var(--foreground);
  letter-spacing: -0.15px;
}

.noticed-app .shadow-paper {
  box-shadow:
    0 1px 2px oklch(0 0 0 / 0.05),
    0 10px 28px oklch(0 0 0 / 0.08);
}

.noticed-app .shadow-paper-lg {
  box-shadow:
    0 2px 4px oklch(0 0 0 / 0.06),
    0 18px 42px oklch(0 0 0 / 0.14);
}

.noticed-app .font-serif {
  font-family: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
}

@media (prefers-reduced-motion: no-preference) {
  .noticed-app .brand-logo:hover .brand-eye-open {
    animation: noticed-eye-open-blink 800ms ease-in-out both;
  }
  .noticed-app .brand-logo:hover .brand-eye-closed {
    animation: noticed-eye-closed-blink 800ms ease-in-out both;
  }
}

@keyframes noticed-eye-open-blink {
  0%,
  34%,
  66%,
  100% {
    opacity: 1;
    transform: scaleY(1);
  }
  43%,
  57% {
    opacity: 0;
    transform: scaleY(0.2);
  }
}

@keyframes noticed-eye-closed-blink {
  0%,
  34%,
  66%,
  100% {
    opacity: 0;
  }
  43%,
  57% {
    opacity: 1;
  }
}


/* Scoped M.O.N.K.Y OS theme — compact rebel command center, lowercase. */
@font-face {
  font-family: "Rebels";
  src: url("/dashboard-monkey/fonts/Rebels-Fett.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.dashboard-monkey {
  --font-rebels: "Rebels", ui-monospace, monospace;
  --font-roboto-mono: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --font-display: var(--font-rebels);
  --font-mono: var(--font-roboto-mono);
  --rd-font-mono: var(--font-roboto-mono);

  --radius: 0.3rem;

  /* Dark charcoal + acid lime (rebel terminal, not AI purple) */
  --background: 345 4% 9%;
  --foreground: 0 0% 96%;
  --card: 345 4% 13%;
  --card-foreground: 0 0% 96%;
  --popover: 0 0% 11%;
  --popover-foreground: 0 0% 96%;
  --primary: 92 82% 54%;
  --primary-foreground: 100 25% 7%;
  --secondary: 0 0% 15%;
  --secondary-foreground: 0 0% 96%;
  --muted: 345 3% 12%;
  --muted-foreground: 0 0% 58%;
  --accent: 0 0% 15%;
  --accent-foreground: 0 0% 96%;
  --border: 0 0% 24%;
  --input: 0 0% 22%;
  --ring: 0 0% 30%;
  --pop: 345 3% 15%;
  --success: 145 85% 52%;
  --warning: 38 95% 52%;
  --destructive: 20 75% 50%;
  --destructive-foreground: 0 0% 100%;

  --chart-1: 92 78% 52%;
  --chart-2: 160 65% 45%;
  --chart-3: 42 95% 55%;
  --chart-4: 195 70% 50%;
  --chart-5: 12 80% 55%;

  --sidebar: 345 4% 9%;
  --sidebar-background: hsl(var(--sidebar));
  --sidebar-foreground: 0 0% 96%;
  --sidebar-primary: 92 82% 54%;
  --sidebar-primary-foreground: 100 25% 7%;
  --sidebar-accent: 0 0% 13%;
  --sidebar-accent-foreground: 0 0% 96%;
  --sidebar-accent-hover: 0 0% 18%;
  --sidebar-border: 0 0% 22%;
  --sidebar-ring: 0 0% 30%;

  /* Compact spacing */
  --gap: 0.45rem;
  --sides: 0.4rem;
  --header-mobile: 2.5rem;
  --sidebar-width: 100%;
  --monkey-viewport-height: 100%;

  color-scheme: dark;
  color: hsl(var(--foreground));
  background: hsl(var(--muted));
  font-family: var(--font-mono);
  font-size: 11px;
  line-height: 1.35;
  letter-spacing: 0.01em;
  text-transform: lowercase;
  isolation: isolate;
}
/* Force lowercase everywhere (overrides component uppercase utilities) */
.dashboard-monkey,
.dashboard-monkey * {
  text-transform: lowercase !important;
}
/* Embed: map viewport units to the panel, not the browser window */
.dashboard-monkey .h-svh,
.dashboard-monkey .h-screen {
  height: var(--monkey-viewport-height) !important;
}
.dashboard-monkey .min-h-svh,
.dashboard-monkey .min-h-screen {
  min-height: 0 !important;
}
.dashboard-monkey .font-display {
  font-family: var(--font-display);
}
.dashboard-monkey .font-mono {
  font-family: var(--font-mono);
}
/* ---- Density: compact body, restored display hierarchy ---- */
.dashboard-monkey .text-\[9px\] {
  font-size: 9px !important;
  line-height: 1.3 !important;
}
.dashboard-monkey .text-\[10px\],
.dashboard-monkey .text-xs {
  font-size: 10px !important;
  line-height: 1.35 !important;
}
.dashboard-monkey .text-sm {
  font-size: 11px !important;
  line-height: 1.35 !important;
}
.dashboard-monkey .text-base {
  font-size: 12px !important;
  line-height: 1.35 !important;
}
.dashboard-monkey .text-lg {
  font-size: 13px !important;
  line-height: 1.3 !important;
}
.dashboard-monkey .text-xl {
  font-size: 16px !important;
  line-height: 1.15 !important;
}
.dashboard-monkey .text-2xl {
  font-size: 22px !important;
  line-height: 1.05 !important;
}
.dashboard-monkey .text-3xl {
  font-size: 28px !important;
  line-height: 1 !important;
}
.dashboard-monkey .text-4xl {
  font-size: 32px !important;
  line-height: 1 !important;
}
.dashboard-monkey .text-5xl {
  font-size: 36px !important;
  line-height: 1 !important;
}
.dashboard-monkey .gap-1 {
  gap: 0.2rem !important;
}
.dashboard-monkey .gap-1\.5,
.dashboard-monkey .gap-2,
.dashboard-monkey .gap-2\.5 {
  gap: 0.3rem !important;
}
.dashboard-monkey .gap-3,
.dashboard-monkey .gap-4 {
  gap: 0.4rem !important;
}
.dashboard-monkey .gap-6,
.dashboard-monkey .gap-8 {
  gap: 0.5rem !important;
}
.dashboard-monkey .gap-10,
.dashboard-monkey .gap-12,
.dashboard-monkey .gap-14 {
  gap: 0.55rem !important;
}
.dashboard-monkey .space-y-2 > :not([hidden]) ~ :not([hidden]),
.dashboard-monkey .space-y-3 > :not([hidden]) ~ :not([hidden]),
.dashboard-monkey .space-y-4 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0.35rem !important;
}
.dashboard-monkey .mb-6,
.dashboard-monkey .mb-8 {
  margin-bottom: 0.5rem !important;
}
.dashboard-monkey .p-1\.5 {
  padding: 0.25rem !important;
}
.dashboard-monkey .p-2,
.dashboard-monkey .p-3 {
  padding: 0.35rem !important;
}
.dashboard-monkey .p-4,
.dashboard-monkey .p-6 {
  padding: 0.45rem !important;
}
.dashboard-monkey .px-1,
.dashboard-monkey .px-1\.5,
.dashboard-monkey .px-2 {
  padding-left: 0.3rem !important;
  padding-right: 0.3rem !important;
}
.dashboard-monkey .px-3,
.dashboard-monkey .px-4 {
  padding-left: 0.4rem !important;
  padding-right: 0.4rem !important;
}
.dashboard-monkey .px-6 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.dashboard-monkey .py-1,
.dashboard-monkey .py-1\.5,
.dashboard-monkey .py-2 {
  padding-top: 0.2rem !important;
  padding-bottom: 0.2rem !important;
}
.dashboard-monkey .py-3,
.dashboard-monkey .py-4 {
  padding-top: 0.35rem !important;
  padding-bottom: 0.35rem !important;
}
.dashboard-monkey .py-6,
.dashboard-monkey .py-10 {
  padding-top: 0.45rem !important;
  padding-bottom: 0.45rem !important;
}
.dashboard-monkey .pt-2,
.dashboard-monkey .pt-6,
.dashboard-monkey .md\:pt-6 {
  padding-top: 0.35rem !important;
}
.dashboard-monkey .pb-4,
.dashboard-monkey .md\:pb-4 {
  padding-bottom: 0.3rem !important;
}
.dashboard-monkey .lg\:pt-7 {
  padding-top: 0.4rem !important;
}
.dashboard-monkey .md\:gap-4,
.dashboard-monkey .md\:gap-14,
.dashboard-monkey .lg\:gap-6 {
  gap: 0.45rem !important;
}
.dashboard-monkey .md\:px-6,
.dashboard-monkey .lg\:px-6 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.dashboard-monkey .md\:py-10 {
  padding-top: 0.45rem !important;
  padding-bottom: 0.45rem !important;
}
/* Icons / hit targets — readable, still compact */
.dashboard-monkey .size-7,
.dashboard-monkey .size-8,
.dashboard-monkey .size-9,
.dashboard-monkey .md\:size-9 {
  width: 1.35rem !important;
  height: 1.35rem !important;
}
.dashboard-monkey .size-10,
.dashboard-monkey .size-12 {
  width: 1.65rem !important;
  height: 1.65rem !important;
}
.dashboard-monkey .size-14 {
  width: 2rem !important;
  height: 2rem !important;
}
.dashboard-monkey .h-9,
.dashboard-monkey .h-10 {
  height: 1.75rem !important;
}
.dashboard-monkey .h-14 {
  height: 2rem !important;
}
.dashboard-monkey [data-slot="card-header"] {
  height: auto !important;
  min-height: 1.5rem;
  align-items: center;
}
.dashboard-monkey [data-slot="card-content"] {
  padding: 0.5rem 0.55rem !important;
}
/* One frame: card border only — no competing outer rings on the same node */
.dashboard-monkey [data-slot="card"] {
  gap: 0.25rem !important;
  padding: 0.3rem !important;
  border: 1px solid hsl(var(--border) / 0.7);
  border-radius: var(--radius);
  background-color: hsl(var(--pop));
  box-shadow: none;
}
.dashboard-monkey [data-slot="card"] > [data-slot="card-content"] {
  border: none;
  box-shadow: none;
}
/* Panel frames: single hairline, not double cages */
.dashboard-monkey .ring-2,
.dashboard-monkey .ring-pop {
  --tw-ring-width: 0px !important;
  --tw-ring-color: transparent !important;
  box-shadow: none !important;
  border: 1px solid hsl(var(--border) / 0.7);
}
.dashboard-monkey .ring-4 {
  --tw-ring-width: 0px !important;
  box-shadow: none !important;
}
.dashboard-monkey .rounded-lg {
  border-radius: var(--radius) !important;
}
/* Host Tailwind has no pop / success / warning / sidebar-accent-active tokens */
.dashboard-monkey .bg-pop {
  background-color: hsl(var(--pop)) !important;
}
.dashboard-monkey .text-success {
  color: hsl(var(--success)) !important;
}
.dashboard-monkey .bg-success {
  background-color: hsl(var(--success)) !important;
}
.dashboard-monkey .bg-success\/5 {
  background-color: hsl(var(--success) / 0.08) !important;
}
.dashboard-monkey .bg-success\/10 {
  background-color: hsl(var(--success) / 0.12) !important;
}
.dashboard-monkey .border-success {
  border-color: hsl(var(--success)) !important;
}
.dashboard-monkey .ring-success\/3 {
  --tw-ring-color: hsl(var(--success) / 0.25) !important;
}
.dashboard-monkey .text-warning {
  color: hsl(var(--warning)) !important;
}
.dashboard-monkey .bg-warning {
  background-color: hsl(var(--warning)) !important;
}
.dashboard-monkey .bg-warning\/5 {
  background-color: hsl(var(--warning) / 0.08) !important;
}
.dashboard-monkey .bg-warning\/10 {
  background-color: hsl(var(--warning) / 0.12) !important;
}
.dashboard-monkey .border-warning {
  border-color: hsl(var(--warning)) !important;
}
.dashboard-monkey .ring-warning\/3 {
  --tw-ring-color: hsl(var(--warning) / 0.25) !important;
}
.dashboard-monkey .bg-destructive\/5 {
  background-color: hsl(var(--destructive) / 0.08) !important;
}
.dashboard-monkey .bg-destructive\/10 {
  background-color: hsl(var(--destructive) / 0.12) !important;
}
.dashboard-monkey .ring-destructive\/3 {
  --tw-ring-color: hsl(var(--destructive) / 0.25) !important;
}
.dashboard-monkey .bg-sidebar-accent-active,
.dashboard-monkey .hover\:bg-sidebar-accent-active\/75:hover,
.dashboard-monkey .group-data-\[state\=open\]\:bg-sidebar-accent-active[data-state="open"],
.dashboard-monkey .group-data-\[state\=open\]\:hover\:bg-sidebar-accent-active[data-state="open"]:hover {
  background-color: hsl(var(--sidebar-accent-hover)) !important;
}
.dashboard-monkey .gap-gap {
  gap: var(--gap);
}
.dashboard-monkey .space-y-gap > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--gap);
}
.dashboard-monkey .px-sides {
  padding-left: var(--sides);
  padding-right: var(--sides);
}
.dashboard-monkey .py-sides {
  padding-top: var(--sides);
  padding-bottom: var(--sides);
}
.dashboard-monkey .pt-header-mobile {
  padding-top: var(--header-mobile);
}
.dashboard-monkey .h-header-mobile {
  height: var(--header-mobile);
}
.dashboard-monkey .top-header-mobile {
  top: var(--header-mobile);
}
.dashboard-monkey .left-sides {
  left: var(--sides);
}
.dashboard-monkey .right-sides {
  right: var(--sides);
}
.dashboard-monkey .w-gap {
  width: var(--gap);
}
/* Align main columns + stretch cards */
.dashboard-monkey .grid {
  align-items: stretch;
}
.dashboard-monkey [data-slot="sidebar-wrapper"] {
  align-items: stretch;
}
.dashboard-monkey .recharts-cartesian-grid-vertical :first-child,
.dashboard-monkey .recharts-cartesian-grid-vertical :last-child {
  opacity: 0;
}
.dashboard-monkey .recharts-cartesian-grid line {
  stroke: hsl(var(--border));
  stroke-opacity: 0.55;
}
.dashboard-monkey [data-slot="chart"],
.dashboard-monkey .recharts-responsive-container {
  min-height: 120px;
}
.dashboard-monkey .md\:aspect-\[3\/1\] {
  aspect-ratio: 3 / 1;
  min-height: 120px;
}
@keyframes monkey-marquee-up {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, -50%, 0);
  }
}
@keyframes monkey-marquee-down {
  0% {
    transform: translate3d(0, -50%, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes monkey-marquee-pulse {
  0%,
  100% {
    opacity: 0.15;
    transform: scale(1) translateY(0);
  }
  25% {
    opacity: 0.4;
    transform: scale(1.02) translateY(-1px);
  }
  50% {
    opacity: 0.8;
    transform: scale(1.05) translateY(-2px);
  }
  75% {
    opacity: 0.6;
    transform: scale(1.02) translateY(-1px);
  }
}
.dashboard-monkey .animate-marquee-up {
  animation: monkey-marquee-up 6s ease-in-out infinite;
}
.dashboard-monkey .animate-marquee-down {
  animation: monkey-marquee-down 6s ease-in-out infinite;
}
.dashboard-monkey .animate-marquee-pulse {
  animation: monkey-marquee-pulse 3s ease-in-out infinite;
}
.dashboard-monkey button,
.dashboard-monkey [data-slot="badge"] {
  font-size: 11px !important;
  line-height: 1.2 !important;
  height: auto !important;
  min-height: 0;
}
.dashboard-monkey [data-sidebar="menu-button"] {
  height: 1.85rem !important;
  min-height: 1.85rem !important;
  max-height: 1.85rem !important;
  padding: 0 0.55rem 0 0.45rem !important;
  gap: 0.45rem !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  color: hsl(var(--muted-foreground));
  border-radius: calc(var(--radius) - 1px) !important;
  border: 1px solid transparent;
  transition:
    background-color 140ms ease,
    border-color 140ms ease,
    color 140ms ease,
    box-shadow 140ms ease;
}
.dashboard-monkey [data-sidebar="menu-button"]:hover {
  background-color: hsl(var(--sidebar-accent-hover) / 0.85) !important;
  color: hsl(var(--foreground)) !important;
  border-color: hsl(var(--border) / 0.45);
}
.dashboard-monkey [data-sidebar="menu-button"][data-active="true"] {
  background: linear-gradient(
    90deg,
    hsl(var(--primary) / 0.22) 0%,
    hsl(var(--primary) / 0.08) 55%,
    hsl(var(--sidebar-accent) / 0.4) 100%
  ) !important;
  color: hsl(var(--foreground)) !important;
  border-color: hsl(var(--primary) / 0.35) !important;
  box-shadow:
    inset 2px 0 0 hsl(var(--primary)),
    0 0 0 1px hsl(var(--primary) / 0.08);
}
.dashboard-monkey [data-sidebar="menu-button"][data-active="true"] svg {
  color: hsl(var(--primary)) !important;
}
.dashboard-monkey [data-sidebar="menu-button"] svg {
  width: 0.9rem !important;
  height: 0.9rem !important;
  opacity: 0.85;
}
.dashboard-monkey [data-sidebar="menu-button"][data-active="true"] svg {
  opacity: 1;
}
.dashboard-monkey [data-sidebar="menu-item"] {
  margin: 0 !important;
}
.dashboard-monkey [data-sidebar="menu"] {
  gap: 0.2rem !important;
}
.dashboard-monkey [data-sidebar="group-label"] {
  height: 1.35rem !important;
  min-height: 1.35rem !important;
  font-size: 10px !important;
  padding-top: 0 !important;
  padding-bottom: 0.15rem !important;
  padding-left: 0.4rem !important;
  padding-right: 0.4rem !important;
  color: hsl(var(--muted-foreground));
  letter-spacing: 0.04em;
}
.dashboard-monkey [data-slot="sidebar"] {
  border: 1px solid hsl(var(--border) / 0.55);
  background:
    linear-gradient(180deg, hsl(var(--card) / 0.55) 0%, hsl(var(--sidebar) / 0.92) 28%, hsl(var(--sidebar)) 100%);
  box-shadow: inset 0 1px 0 hsl(0 0% 100% / 0.03);
}
/* Brand mark in sidebar header */
.dashboard-monkey [data-slot="sidebar-header"] .font-display,
.dashboard-monkey [data-sidebar="header"] .font-display {
  font-size: 16px !important;
  line-height: 1.05 !important;
  letter-spacing: 0.04em;
}
/* ---- Shell atmosphere & stage ---- */
.dashboard-monkey .monkey-os-atmosphere {
  background:
    radial-gradient(ellipse 70% 45% at 12% 8%, hsl(var(--primary) / 0.07), transparent 58%),
    radial-gradient(ellipse 55% 40% at 88% 12%, hsl(160 40% 40% / 0.05), transparent 55%),
    linear-gradient(180deg, hsl(var(--muted)) 0%, hsl(var(--background)) 100%);
  opacity: 1;
}
.dashboard-monkey .monkey-os-stage {
  border: 1px solid hsl(var(--border) / 0.55);
  border-radius: var(--radius);
  background:
    linear-gradient(180deg, hsl(var(--card) / 0.35) 0%, hsl(var(--background) / 0.92) 18%, hsl(var(--background)) 100%);
  box-shadow: inset 0 1px 0 hsl(0 0% 100% / 0.025);
  overflow: auto;
}
.dashboard-monkey .monkey-main-pane {
  min-height: 100%;
}
.dashboard-monkey .monkey-main-header {
  border-bottom: 1px solid hsl(var(--border) / 0.45);
  background: hsl(var(--background) / 0.88);
  backdrop-filter: blur(6px);
}
.dashboard-monkey .monkey-main-header-icon {
  background: hsl(var(--primary));
  color: hsl(var(--primary-foreground));
  box-shadow: 0 0 0 1px hsl(var(--primary) / 0.35), 0 0 12px hsl(var(--primary) / 0.18);
}
.dashboard-monkey .monkey-main-body {
  background: transparent;
}
/* ---- Sidebar containers ---- */
.dashboard-monkey .monkey-sidebar-brand {
  border-bottom: 1px solid hsl(var(--border) / 0.4);
  background: linear-gradient(180deg, hsl(var(--pop) / 0.65), transparent);
  padding-left: 0.55rem !important;
  padding-right: 0.55rem !important;
}
.dashboard-monkey .monkey-brand-mark {
  background: hsl(var(--primary));
  color: hsl(var(--primary-foreground));
  box-shadow:
    0 0 0 1px hsl(var(--primary) / 0.4),
    0 0 14px hsl(var(--primary) / 0.22);
}
.dashboard-monkey .monkey-status-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.15rem 0.4rem;
  border-radius: 999px;
  border: 1px solid hsl(var(--primary) / 0.35);
  background: hsl(var(--primary) / 0.1);
  color: hsl(var(--primary));
  font-size: 8px !important;
  font-weight: 600;
  letter-spacing: 0.06em;
  line-height: 1;
}
.dashboard-monkey .monkey-status-pill::before {
  content: "";
  width: 0.35rem;
  height: 0.35rem;
  border-radius: 999px;
  background: hsl(var(--primary));
  box-shadow: 0 0 6px hsl(var(--primary) / 0.8);
}
.dashboard-monkey .monkey-nav-panel,
.dashboard-monkey .monkey-user-panel {
  background: hsl(var(--pop) / 0.55) !important;
  border: 1px solid hsl(var(--border) / 0.5) !important;
  box-shadow: inset 0 1px 0 hsl(0 0% 100% / 0.03) !important;
  padding: 0.4rem !important;
}
.dashboard-monkey .monkey-nav-panel {
  flex: 1 1 auto;
}
.dashboard-monkey .monkey-sidebar-body {
  gap: 0.35rem !important;
  padding: 0.2rem 0.15rem !important;
}
.dashboard-monkey .monkey-sidebar-footer {
  padding: 0.15rem !important;
  padding-bottom: 0.25rem !important;
}
.dashboard-monkey .monkey-user-avatar {
  background: hsl(var(--sidebar-accent));
  border: 1px solid hsl(var(--border) / 0.55);
  overflow: hidden;
}
.dashboard-monkey .monkey-user-meta {
  background: hsl(var(--sidebar-accent) / 0.9);
  border: 1px solid hsl(var(--border) / 0.4);
  transition:
    background-color 140ms ease,
    border-color 140ms ease;
}
.dashboard-monkey .monkey-user-trigger:hover .monkey-user-meta,
.dashboard-monkey .monkey-user-trigger[data-state="open"] .monkey-user-meta {
  background: hsl(var(--sidebar-accent-hover)) !important;
  border-color: hsl(var(--primary) / 0.28);
}
/* Right rail: chat docks without eating the column */
.dashboard-monkey .monkey-right-rail {
  position: relative;
  overflow: hidden;
  border: 1px solid hsl(var(--border) / 0.5);
  border-radius: var(--radius);
  background:
    linear-gradient(180deg, hsl(var(--card) / 0.4) 0%, hsl(var(--background) / 0.88) 100%);
  padding: 0.2rem;
  box-shadow: inset 0 1px 0 hsl(0 0% 100% / 0.025);
}
.dashboard-monkey .monkey-clock-widget {
  border-color: hsl(var(--border) / 0.45) !important;
  background:
    radial-gradient(ellipse 80% 70% at 50% 40%, hsl(var(--primary) / 0.06), transparent 65%),
    hsl(var(--pop)) !important;
}
.dashboard-monkey .monkey-chat-dock {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 30;
  max-height: min(420px, 58%);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-top: 1px solid hsl(var(--border) / 0.7);
  background: hsl(var(--background) / 0.96);
  backdrop-filter: blur(8px);
}
.dashboard-monkey .monkey-chat-dock-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}
.dashboard-monkey .group:hover .animate-marquee-pulse,
.dashboard-monkey .group:hover .animate-marquee-up,
.dashboard-monkey .group:hover .animate-marquee-down {
  animation-play-state: paused;
}
.bfp-root {
  --color-notion-bg: #191919;
  --color-notion-sidebar: #202020;
  --color-notion-card: #202020;
  --color-notion-border: #373737;
  --color-notion-hover: #2f2f2f;
  --color-notion-text: #e6e6e6;
  --color-notion-muted: #9b9b9b;
  --color-notion-blue: #2383e2;
  --color-notion-blue-hover: #1b68b8;
  --color-notion-green: #2ea873;
  --color-notion-green-hover: #268a5e;
  --color-notion-yellow: #dfab01;
  --color-notion-red: #e25553;

  --font-sans: 'Raleway', ui-sans-serif, system-ui, sans-serif;
  --font-mono: 'Raleway', ui-sans-serif, system-ui, sans-serif;

  background-color: var(--color-notion-bg);
  color: var(--color-notion-text);
  font-family: 'Raleway', ui-sans-serif, system-ui, sans-serif;
  height: 80vh;
  min-height: 80vh;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
}

.bfp-root,
.bfp-root *,
.bfp-root *::before,
.bfp-root *::after {
  font-family: 'Raleway', ui-sans-serif, system-ui, sans-serif !important;
}

/* Raleway throughout — no industrial mono / all-caps label styling */
.bfp-root .font-mono,
.bfp-root .font-sans {
  font-family: 'Raleway', ui-sans-serif, system-ui, sans-serif !important;
  letter-spacing: -0.01em !important;
}

.bfp-root .uppercase {
  text-transform: none !important;
}

.bfp-root .tracking-wide,
.bfp-root .tracking-wider,
.bfp-root .tracking-widest {
  letter-spacing: -0.01em !important;
}

.bfp-root h1,
.bfp-root h2,
.bfp-root h3,
.bfp-root h4,
.bfp-root h5,
.bfp-root h6 {
  font-family: 'Raleway', ui-sans-serif, system-ui, sans-serif !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
}

/* Full-height shell: sidebar always stretches to bottom of module */
.bfp-shell {
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

@media (min-width: 768px) {
  .bfp-shell {
    display: grid;
    grid-template-columns: 18rem 1fr;
    grid-template-rows: minmax(0, 1fr);
  }

  .bfp-sidebar {
    grid-column: 1;
    grid-row: 1;
    height: 100%;
    min-height: 0;
    max-height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background-color: var(--color-notion-sidebar);
  }

  .bfp-main {
    grid-column: 2;
    grid-row: 1;
    height: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .bfp-shell {
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  .bfp-sidebar {
    flex-shrink: 0;
    max-height: 45vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background-color: var(--color-notion-sidebar);
  }

  .bfp-main {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }
}

.bfp-header-bar {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.bfp-main-pane {
  padding: 0.5rem 0.375rem !important;
}

.bfp-main-inner {
  padding-bottom: 0.75rem !important;
}

.bfp-overview-card {
  padding: 0.625rem 0.75rem !important;
  min-height: 0 !important;
}

.bfp-overview-card-header {
  padding-bottom: 0.375rem !important;
  margin-bottom: 0.375rem !important;
}

.bfp-overview-grid {
  gap: 0.5rem !important;
}

.bfp-overview-section {
  gap: 0.75rem !important;
}

.bfp-overview-tip {
  padding: 0.625rem 0.75rem !important;
}

/* Keep readable typography inside module-tight sandbox cards */
[data-module-tight] .bfp-root h1,
[data-module-tight] .bfp-root h2,
[data-module-tight] .bfp-root h3,
[data-module-tight] .bfp-root h4 {
  font-size: unset !important;
  font-weight: unset !important;
  line-height: unset !important;
}

[data-module-tight] .bfp-root .text-sm {
  font-size: 0.875rem !important;
  line-height: 1.45 !important;
}

[data-module-tight] .bfp-root .text-base {
  font-size: 1rem !important;
  line-height: 1.5 !important;
}

[data-module-tight] .bfp-root .text-xl {
  font-size: 1.25rem !important;
  line-height: 1.35 !important;
}

.bfp-sidebar-nav {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: 0.5rem 0.625rem;
}

.bfp-sidebar-footer {
  margin-top: auto;
  flex-shrink: 0;
  border-top: 1px solid var(--color-notion-border);
  padding: 0.5rem 0.625rem;
}

.bfp-nav-group-label {
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--color-notion-muted);
  text-transform: none;
}

.bfp-nav-item-active {
  background-color: var(--color-notion-hover);
  color: #fff;
  border-left: 2px solid var(--color-notion-blue);
  padding-left: calc(0.75rem - 2px);
}

.bfp-root ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.bfp-root ::-webkit-scrollbar-track {
  background: #191919;
}

.bfp-root ::-webkit-scrollbar-thumb {
  background: #373737;
  border-radius: 4px;
}

.bfp-root ::-webkit-scrollbar-thumb:hover {
  background: #4f4f4f;
}
.liquid-composer-root {
  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.liquid-composer-root * {
  box-sizing: border-box;
}

.liquid-composer-root ::-webkit-scrollbar { width: 6px; height: 6px; }
.liquid-composer-root ::-webkit-scrollbar-track { background: transparent; }
.liquid-composer-root ::-webkit-scrollbar-thumb { background: #3a3a3c; border-radius: 3px; }
.liquid-composer-root ::-webkit-scrollbar-thumb:hover { background: #636366; }

.liquid-composer-root input[type='range'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.liquid-composer-root input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 12px; height: 12px;
  border-radius: 50%;
  background: #0a84ff;
  cursor: pointer;
  border: 1.5px solid rgba(255, 255, 255, 0.2);
}

.liquid-composer-root input[type='number']::-webkit-inner-spin-button,
.liquid-composer-root input[type='number']::-webkit-outer-spin-button { -webkit-appearance: none; }
.liquid-composer-root input[type='number'] { -moz-appearance: textfield; }

.liquid-composer-root input[type='color'] { -webkit-appearance: none; border: none; padding: 0; border-radius: 3px; cursor: pointer; }
.liquid-composer-root input[type='color']::-webkit-color-swatch-wrapper { padding: 0; }
.liquid-composer-root input[type='color']::-webkit-color-swatch { border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 3px; }

.liquid-composer-root .text-2xs { font-size: 10px; line-height: 1.2; }

.liquid-composer-root .glass-panel {
  background: rgba(40, 40, 42, 0.85);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.liquid-composer-root ::-moz-selection { background: rgba(10, 132, 255, 0.3); }

.liquid-composer-root ::selection { background: rgba(10, 132, 255, 0.3); }
.liquid-composer-root :focus-visible { outline: 2px solid #0a84ff; outline-offset: 1px; }
.whatsapp-ui-clone {
  color: #e9edef;
  background: #0b141a;
}

.whatsapp-ui-clone .wa-chat-wallpaper {
  background-color: #0b141a;
  background-image:
    radial-gradient(circle at 20% 30%, rgba(0, 168, 132, 0.04) 0%, transparent 45%),
    radial-gradient(circle at 80% 70%, rgba(83, 189, 235, 0.03) 0%, transparent 40%),
    repeating-linear-gradient(
      45deg,
      transparent,
      transparent 28px,
      rgba(255, 255, 255, 0.012) 28px,
      rgba(255, 255, 255, 0.012) 29px
    ),
    repeating-linear-gradient(
      -45deg,
      transparent,
      transparent 36px,
      rgba(255, 255, 255, 0.008) 36px,
      rgba(255, 255, 255, 0.008) 37px
    );
  background-size: 100% 100%, 100% 100%, 56px 56px, 72px 72px;
}

.whatsapp-ui-clone .wa-scroll::-webkit-scrollbar {
  width: 6px;
}

.whatsapp-ui-clone .wa-scroll::-webkit-scrollbar-track {
  background: transparent;
}

.whatsapp-ui-clone .wa-scroll::-webkit-scrollbar-thumb {
  background: rgba(134, 150, 160, 0.35);
  border-radius: 3px;
}

.whatsapp-ui-clone .wa-scroll::-webkit-scrollbar-thumb:hover {
  background: rgba(134, 150, 160, 0.55);
}
/* Scoped Zero Grid spreadsheet tokens (from CMPNT globals, host-safe). */
.zero-grid-sheet-root {
  --background: #ffffff;
  --foreground: #000000;
  --card: #ffffff;
  --card-foreground: #000000;
  --popover: #ffffff;
  --popover-foreground: #000000;
  --primary: #ffffff;
  --primary-foreground: #000000;
  --secondary: #f5f5f5;
  --secondary-foreground: #000000;
  --muted: #fafafa;
  --muted-foreground: #666666;
  --accent: #f5f5f5;
  --accent-foreground: #000000;
  --destructive: #ef4444;
  --destructive-foreground: #ffffff;
  --border: #e5e5e5;
  --input: #f5f5f5;
  --ring: #000000;
  --radius: 0;
  --cell-bg: #ffffff;
  --cell-border: #e5e5e5;
  --header-bg: #fafafa;
  --selection-bg: rgba(59, 130, 246, 0.1);
  --selection-border: #3b82f6;
}

.dark .zero-grid-sheet-root,
.zero-grid-sheet-root.dark {
  --background: #000000;
  --foreground: #ffffff;
  --card: #000000;
  --card-foreground: #ffffff;
  --popover: #111111;
  --popover-foreground: #ffffff;
  --primary: #ffffff;
  --primary-foreground: #000000;
  --secondary: #111111;
  --secondary-foreground: #ffffff;
  --muted: #111111;
  --muted-foreground: #888888;
  --accent: #111111;
  --accent-foreground: #ffffff;
  --destructive: #ef4444;
  --destructive-foreground: #ffffff;
  --border: #222222;
  --input: #111111;
  --ring: #ffffff;
  --cell-bg: #000000;
  --cell-border: #222222;
  --header-bg: #0a0a0a;
  --selection-bg: rgba(59, 130, 246, 0.15);
  --selection-border: #3b82f6;
}
.library-documents-design-root {
--color-primary: #3b82f6;
  --color-primary-hover: #2563eb;
  --color-secondary: #f3f4f6;
  --color-secondary-hover: #e5e7eb;
  --color-accent: #f59e0b;
  --color-text: #1f2937;
  --color-text-light: #6b7280;
  --color-text-lighter: #9ca3af;
  --color-border: #e5e7eb;
  --color-border-dark: #d1d5db;
  --color-danger: #ef4444;
  --color-danger-hover: #dc2626;
  --color-success: #10b981;
  --color-background: #ffffff;
  --color-background-light: #f9fafb;
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --radius-sm: 0.125rem;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
  --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
    sans-serif;
  --sidebar-width: 280px;
font-family: var(--font-sans);
  color: var(--color-text);
  background-color: var(--color-background-light);
  line-height: 1.5;
  height: 100%;
  min-height: 640px;
  min-width: 0;
  box-sizing: border-box;
}
.library-documents-design-root *,
.library-documents-design-root *::before,
.library-documents-design-root *::after {
  box-sizing: border-box;
}









.library-documents-design-root .app-container {
  display: flex;
  height: 100%;
  width: 100%;
  min-width: 0;
  background-color: var(--color-background-light);
}

.library-documents-design-root .sidebar {
  width: var(--sidebar-width);
  border-right: 1px solid var(--color-border);
  background-color: var(--color-background);
  overflow-y: auto;
}

.library-documents-design-root .sidebar-content {
  padding: 1rem;
}

.library-documents-design-root .main-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

.library-documents-design-root .header {
  background-color: var(--color-background);
  border-bottom: 1px solid var(--color-border);
  padding: 1rem;
}

.library-documents-design-root .header-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.library-documents-design-root .header-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.library-documents-design-root .content-area {
  padding: 1rem;
  flex: 1;
  overflow-y: auto;
}


.library-documents-design-root .title {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--color-text);
}

.library-documents-design-root .subtitle {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

.library-documents-design-root .text-sm {
  font-size: 0.875rem;
}

.library-documents-design-root .text-xs {
  font-size: 0.75rem;
}

.library-documents-design-root .font-medium {
  font-weight: 500;
}

.library-documents-design-root .text-light {
  color: var(--color-text-light);
}

.library-documents-design-root .text-lighter {
  color: var(--color-text-lighter);
}

.library-documents-design-root .text-danger {
  color: var(--color-danger);
}

.library-documents-design-root .text-center {
  text-align: center;
}

.library-documents-design-root .text-left {
  text-align: left;
}


.library-documents-design-root .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-md);
  font-weight: 500;
  font-size: 0.875rem;
  padding: 0.5rem 1rem;
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  border: none;
  background-color: transparent;
}

.library-documents-design-root .btn:focus {
  outline: none;
}

.library-documents-design-root .btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.library-documents-design-root .btn-primary {
  background-color: var(--color-primary);
  color: white;
}

.library-documents-design-root .btn-primary:hover:not(:disabled) {
  background-color: var(--color-primary-hover);
}

.library-documents-design-root .btn-outline {
  border: 1px solid var(--color-border-dark);
  background-color: var(--color-background);
}

.library-documents-design-root .btn-outline:hover:not(:disabled) {
  background-color: var(--color-secondary);
}

.library-documents-design-root .btn-ghost {
  color: var(--color-text);
}

.library-documents-design-root .btn-ghost:hover:not(:disabled) {
  background-color: var(--color-secondary);
}

.library-documents-design-root .btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
}

.library-documents-design-root .btn-icon {
  padding: 0.25rem;
  border-radius: var(--radius-md);
  width: 2rem;
  height: 2rem;
}

.library-documents-design-root .btn-icon-sm {
  padding: 0.125rem;
  width: 1.5rem;
  height: 1.5rem;
}

.library-documents-design-root .btn-active {
  background-color: var(--color-secondary);
  color: var(--color-text);
}

.library-documents-design-root .btn-danger {
  background-color: var(--color-danger);
  color: white;
}

.library-documents-design-root .btn-danger:hover:not(:disabled) {
  background-color: var(--color-danger-hover);
}


.library-documents-design-root .icon {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}

.library-documents-design-root .icon-sm {
  width: 0.875rem;
  height: 0.875rem;
}

.library-documents-design-root .icon-lg {
  width: 1.25rem;
  height: 1.25rem;
}

.library-documents-design-root .icon-folder {
  color: var(--color-accent);
}

.library-documents-design-root .icon-file {
  color: var(--color-primary);
}

.library-documents-design-root .icon-mr {
  margin-right: 0.5rem;
}

.library-documents-design-root .success-icon {
  color: var(--color-success);
}

.library-documents-design-root .error-icon {
  color: var(--color-danger);
}


.library-documents-design-root .card {
  background-color: var(--color-background);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border);
  overflow: hidden;
}

.library-documents-design-root .card-content {
  padding: 1rem;
}

.library-documents-design-root .card-content-no-padding {
  padding: 0;
}

.library-documents-design-root .card:hover {
  box-shadow: var(--shadow-md);
  transition: box-shadow 0.2s;
}


.library-documents-design-root .input-wrapper {
  position: relative;
  margin-bottom: 1rem;
}

.library-documents-design-root .input {
  width: 100%;
  padding: 0.5rem 0.75rem;
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-dark);
  font-size: 0.875rem;
  background-color: var(--color-background);
}

.library-documents-design-root .input:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
}

.library-documents-design-root .input-with-icon {
  padding-left: 2.5rem;
}

.library-documents-design-root .input-icon {
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--color-text-lighter);
}


.library-documents-design-root .breadcrumbs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.library-documents-design-root .breadcrumb-item {
  display: flex;
  align-items: center;
}

.library-documents-design-root .breadcrumb-link {
  color: var(--color-text-light);
  text-decoration: none;
  font-size: 0.875rem;
}

.library-documents-design-root .breadcrumb-link:hover {
  color: var(--color-primary);
}

.library-documents-design-root .breadcrumb-current {
  color: var(--color-text);
  font-size: 0.875rem;
  font-weight: 500;
}

.library-documents-design-root .breadcrumb-separator {
  margin: 0 0.5rem;
  color: var(--color-text-lighter);
}


.library-documents-design-root .tabs {
  display: flex;
  flex-direction: column;
}

.library-documents-design-root .tabs-list {
  display: flex;
  border-radius: var(--radius-md);
  background-color: var(--color-secondary);
  padding: 0.125rem;
  width: 160px;
}

.library-documents-design-root .tab-trigger {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  border-radius: var(--radius-sm);
  border: none;
  background-color: transparent;
  color: var(--color-text-light);
  cursor: pointer;
}

.library-documents-design-root .tab-trigger[data-state="active"] {
  background-color: var(--color-background);
  color: var(--color-text);
  box-shadow: var(--shadow-sm);
}

.library-documents-design-root .tab-content {
  margin-top: 0.5rem;
}


.library-documents-design-root .dropdown {
  position: relative;
}

.library-documents-design-root .dropdown-content {
  position: fixed; 
  background-color: var(--color-background);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border);
  box-shadow: var(--shadow-lg); 
  min-width: 10rem;
  z-index: 9999; 
  overflow: visible;
  padding: 0.25rem 0;
}

.library-documents-design-root .dropdown-item {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  color: var(--color-text);
  cursor: pointer;
  width: 100%;
  text-align: left;
  border: none;
  background-color: transparent;
}

.library-documents-design-root .dropdown-item:hover {
  background-color: var(--color-secondary);
}


.library-documents-design-root .file-list-header {
  display: grid;
  grid-template-columns: 6fr 3fr 2fr 1fr;
  padding: 0.5rem 1rem;
  background-color: var(--color-secondary);
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--color-text-light);
}

.library-documents-design-root .file-list-item {
  display: grid;
  grid-template-columns: 6fr 3fr 2fr 1fr;
  padding: 0.75rem 1rem;
  align-items: center;
  border-bottom: 1px solid var(--color-border);
}

.library-documents-design-root .file-list-item:hover {
  background-color: var(--color-secondary);
}

.library-documents-design-root .file-name {
  display: flex;
  align-items: center;
}

.library-documents-design-root .file-name-text {
  margin-left: 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--color-text);
}

.library-documents-design-root .file-name-button {
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  padding: 0;
  color: inherit;
  font: inherit;
  display: flex;
  align-items: center;
}

.library-documents-design-root .file-name-button:hover {
  color: var(--color-primary);
}

.library-documents-design-root .search-path {
  font-size: 0.75rem;
  color: var(--color-text-light);
  margin-left: 0.5rem;
}

.library-documents-design-root .file-date,
.library-documents-design-root .file-size {
  font-size: 0.875rem;
  color: var(--color-text-light);
}

.library-documents-design-root .file-actions {
  display: flex;
  justify-content: flex-end;
}


.library-documents-design-root .file-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 1rem;
}

.library-documents-design-root .file-grid-item {
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: box-shadow 0.2s;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: var(--color-background);
}

.library-documents-design-root .file-grid-item:hover {
  box-shadow: var(--shadow-md);
}

.library-documents-design-root .file-grid-content {
  padding: 1rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.library-documents-design-root .file-grid-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}

.library-documents-design-root .file-grid-name {
  font-weight: 500;
  margin-top: 0.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.library-documents-design-root .file-grid-meta {
  font-size: 0.75rem;
  color: var(--color-text-light);
  margin-top: 0.25rem;
}


.library-documents-design-root .collapsible {
  width: 100%;
}

.library-documents-design-root .collapsible-trigger {
  display: flex;
  align-items: center;
}

.library-documents-design-root .collapsible-icon {
  transition: transform 0.2s;
}

.library-documents-design-root .collapsible[data-state="open"] .collapsible-icon {
  transform: rotate(90deg);
}

.library-documents-design-root .collapsible-content {
  overflow: hidden;
}

.library-documents-design-root .collapsible-content[data-state="closed"] {
  height: 0;
  overflow: hidden;
}

.library-documents-design-root .collapsible-content[data-state="open"] {
  height: auto;
}


.library-documents-design-root .folder-tree {
  margin-left: 0.5rem;
}

.library-documents-design-root .folder-item {
  display: flex;
  align-items: center;
  margin-bottom: 0.25rem;
}

.library-documents-design-root .folder-group {
  display: flex;
  align-items: center;
  position: relative;
}

.library-documents-design-root .folder-button {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.5rem;
  border-radius: var(--radius-md);
  font-size: 0.875rem;
  font-weight: 500;
  text-align: left;
  width: 100%;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.library-documents-design-root .folder-button:hover {
  background-color: var(--color-secondary);
}

.library-documents-design-root .folder-button.active {
  background-color: var(--color-secondary);
  color: var(--color-text);
}

.library-documents-design-root .folder-button.active .icon-folder {
  color: var(--color-primary);
}

.library-documents-design-root .folder-action {
  opacity: 0;
  transition: opacity 0.2s;
}

.library-documents-design-root .folder-group:hover .folder-action {
  opacity: 1;
}


.library-documents-design-root .modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
}

.library-documents-design-root .modal {
  background-color: var(--color-background);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  width: 100%;
  max-width: 500px;
  max-height: 90vh;
  overflow-y: auto;
}

.library-documents-design-root .modal-lg {
  max-width: 600px;
}

.library-documents-design-root .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid var(--color-border);
}

.library-documents-design-root .modal-title {
  font-size: 1.25rem;
  font-weight: 600;
}

.library-documents-design-root .modal-content {
  padding: 1rem;
}

.library-documents-design-root .modal-description {
  margin-bottom: 1rem;
  color: var(--color-text-light);
}

.library-documents-design-root .modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-top: 1.5rem;
}


.library-documents-design-root .form-group {
  margin-bottom: 1rem;
}

.library-documents-design-root .form-label {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
}

.library-documents-design-root .form-error {
  color: var(--color-danger);
  font-size: 0.75rem;
  margin-top: 0.25rem;
}


.library-documents-design-root .upload-area {
  border: 2px dashed var(--color-border-dark);
  border-radius: var(--radius-md);
  padding: 2rem;
  text-align: center;
  margin-bottom: 1rem;
  cursor: pointer;
  transition: border-color 0.2s, background-color 0.2s;
}

.library-documents-design-root .upload-area.dragging {
  border-color: var(--color-primary);
  background-color: rgba(59, 130, 246, 0.05);
}

.library-documents-design-root .upload-text {
  margin: 1rem 0;
  color: var(--color-text-light);
}

.library-documents-design-root .upload-input {
  display: none;
}

.library-documents-design-root .file-list {
  margin-top: 1.5rem;
}

.library-documents-design-root .file-list-title {
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.library-documents-design-root .file-list-items {
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  overflow: hidden;
}

.library-documents-design-root .file-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid var(--color-border);
}

.library-documents-design-root .file-item:last-child {
  border-bottom: none;
}

.library-documents-design-root .file-item-info {
  display: flex;
  align-items: center;
}

.library-documents-design-root .file-item-name {
  margin-left: 0.5rem;
  font-size: 0.875rem;
}

.library-documents-design-root .file-item-size {
  font-size: 0.75rem;
  color: var(--color-text-light);
  margin-left: 0.5rem;
}

.library-documents-design-root .upload-progress {
  margin: 2rem 0;
  text-align: center;
}

.library-documents-design-root .progress-bar {
  height: 0.5rem;
  background-color: var(--color-secondary);
  border-radius: var(--radius-md);
  overflow: hidden;
  margin-bottom: 0.5rem;
}

.library-documents-design-root .progress-bar-fill {
  height: 100%;
  background-color: var(--color-primary);
  transition: width 0.3s;
}

.library-documents-design-root .progress-text {
  font-size: 0.875rem;
  color: var(--color-text-light);
}

.library-documents-design-root .upload-success,
.library-documents-design-root .upload-error {
  text-align: center;
  padding: 2rem;
}

.library-documents-design-root .success-text,
.library-documents-design-root .error-text {
  margin-top: 1rem;
  font-weight: 500;
}


.library-documents-design-root .flex {
  display: flex;
}

.library-documents-design-root .flex-col {
  flex-direction: column;
}

.library-documents-design-root .items-center {
  align-items: center;
}

.library-documents-design-root .justify-between {
  justify-content: space-between;
}

.library-documents-design-root .justify-end {
  justify-content: flex-end;
}

.library-documents-design-root .gap-2 {
  gap: 0.5rem;
}

.library-documents-design-root .gap-4 {
  gap: 1rem;
}

.library-documents-design-root .mb-1 {
  margin-bottom: 0.25rem;
}

.library-documents-design-root .mb-2 {
  margin-bottom: 0.5rem;
}

.library-documents-design-root .mb-4 {
  margin-bottom: 1rem;
}

.library-documents-design-root .mr-1 {
  margin-right: 0.25rem;
}

.library-documents-design-root .mr-2 {
  margin-right: 0.5rem;
}

.library-documents-design-root .mr-3 {
  margin-right: 0.75rem;
}

.library-documents-design-root .mt-1 {
  margin-top: 0.25rem;
}

.library-documents-design-root .mt-2 {
  margin-top: 0.5rem;
}

.library-documents-design-root .ml-2 {
  margin-left: 0.5rem;
}

.library-documents-design-root .w-full {
  width: 100%;
}

.library-documents-design-root .h-full {
  height: 100%;
}

.library-documents-design-root .truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.library-documents-design-root .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.library-documents-design-root .separator {
  height: 1px;
  background-color: var(--color-border);
  margin: 1rem 0;
}

.library-documents-design-root .empty-state {
  padding: 2rem;
  text-align: center;
  color: var(--color-text-light);
  width: 100%;
}

.library-documents-design-root .mobile-menu-btn {
  display: none;
}

.library-documents-design-root .hover\:bg-secondary:hover {
  background-color: var(--color-secondary);
}

.library-documents-design-root .cursor-pointer {
  cursor: pointer;
}

.library-documents-design-root .inline-block {
  display: inline-block;
}

.library-documents-design-root .max-h-60 {
  max-height: 15rem;
}

.library-documents-design-root .overflow-auto {
  overflow: auto;
}

.library-documents-design-root .p-2 {
  padding: 0.5rem;
}

.library-documents-design-root .border {
  border: 1px solid var(--color-border);
}

.library-documents-design-root .rounded {
  border-radius: var(--radius-md);
}


@media (max-width: 768px) {
  .library-documents-design-root .file-list-header,
.library-documents-design-root .file-list-item {
    grid-template-columns: 6fr 3fr 1fr;
  }

  .library-documents-design-root .file-size {
    display: none;
  }

  .library-documents-design-root .file-grid {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  }

  .library-documents-design-root .mobile-menu-btn {
    display: block;
  }
}

@media (max-width: 640px) {
  .library-documents-design-root .sidebar {
    position: fixed;
    left: -100%;
    top: 0;
    bottom: 0;
    z-index: 50;
    transition: left 0.3s;
  }

  .library-documents-design-root .sidebar.open {
    left: 0;
  }

  .library-documents-design-root .header-top,
.library-documents-design-root .header-bottom {
    flex-direction: column;
    align-items: flex-start;
  }

  .library-documents-design-root .header-bottom > * {
    margin-top: 0.5rem;
    width: 100%;
  }

  .library-documents-design-root .tabs-list {
    width: 100%;
  }
}
._breadcrumb_jblcj_1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  padding: 12px 16px;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

._breadcrumbItems_jblcj_12 {
  display: flex;
  align-items: center;
  overflow-x: auto;
  white-space: nowrap;
  padding-bottom: 4px;
}

._breadcrumbItem_jblcj_12 {
  display: flex;
  align-items: center;
}

._breadcrumbButton_jblcj_25 {
  background: none;
  border: none;
  font-size: 14px;
  color: #555;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 4px;
}

._breadcrumbButton_jblcj_25:hover {
  background-color: #f5f5f5;
  color: #333;
}

._chevron_jblcj_40 {
  width: 16px;
  height: 16px;
  color: #aaa;
  margin: 0 4px;
}

._backButton_jblcj_47 {
  background-color: #f5f5f5;
  border: none;
  border-radius: 4px;
  padding: 6px 12px;
  font-size: 14px;
  color: #555;
  cursor: pointer;
  transition: background-color 0.2s;
}

._backButton_jblcj_47:hover {
  background-color: #e5e5e5;
}
._gridContainer_xjilw_1 {
  width: 100%;
}

._grid_xjilw_1 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
}

._card_xjilw_11 {
  position: relative;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  transition: transform 0.2s, box-shadow 0.2s;
  overflow: hidden;
}

._card_xjilw_11:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

._cardContent_xjilw_25 {
  padding: 16px;
  display: flex;
  flex-direction: column;
  height: 100%;
  cursor: pointer;
}

._iconContainer_xjilw_33 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin-bottom: 12px;
  border-radius: 8px;
  background-color: #f5f7fa;
}

._icon_xjilw_33 {
  width: 24px;
  height: 24px;
}

._folderIcon_xjilw_49 {
  color: #4a6cf7;
}

._fileIcon_xjilw_53 {
  color: #6c757d;
}

._cardInfo_xjilw_57 {
  flex: 1;
}

._cardTitle_xjilw_61 {
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 8px 0;
  color: #333;
}

._cardMeta_xjilw_68 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._date_xjilw_74,
._permissions_xjilw_75 {
  font-size: 12px;
  color: #6c757d;
}

._menuButton_xjilw_80 {
  position: absolute;
  top: 12px;
  right: 12px;
  background: none;
  border: none;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.2s, background-color 0.2s;
}

._menuButton_xjilw_80:hover {
  opacity: 1;
  background-color: #f5f5f5;
}

._menuIcon_xjilw_102 {
  width: 18px;
  height: 18px;
  color: #555;
}

._menu_xjilw_80 {
  position: absolute;
  top: 40px;
  right: 12px;
  background-color: #ffffff;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 10;
  min-width: 180px;
  overflow: hidden;
}

._menuItem_xjilw_120 {
  display: block;
  width: 100%;
  text-align: left;
  padding: 10px 16px;
  background: none;
  border: none;
  font-size: 14px;
  color: #333;
  cursor: pointer;
  transition: background-color 0.2s;
}

._menuItem_xjilw_120:hover {
  background-color: #f5f7fa;
}

._menuItem_xjilw_120:not(:last-child) {
  border-bottom: 1px solid #f0f0f0;
}

._emptyState_xjilw_141 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
  background-color: #f9f9f9;
  border-radius: 8px;
  color: #6c757d;
  font-size: 16px;
}

@media (max-width: 600px) {
  ._grid_xjilw_1 {
    grid-template-columns: 1fr;
  }
}
._actionBar_1285k_1 {
  display: flex;
  gap: 12px;
  margin-bottom: 24px;
}

._actionButton_1285k_7 {
  display: flex;
  align-items: center;
  padding: 10px 16px;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  cursor: pointer;
  transition: all 0.2s;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

._actionButton_1285k_7:hover {
  background-color: #f9f9f9;
  border-color: #d0d0d0;
}

._actionButton_1285k_7:active {
  transform: translateY(1px);
}

._icon_1285k_31 {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}

._auditButton_1285k_37 {
  margin-left: auto;
  background-color: #f5f7fa;
}

@media (max-width: 600px) {
  ._actionBar_1285k_1 {
    flex-wrap: wrap;
  }

  ._actionButton_1285k_7 {
    flex: 1;
    min-width: 120px;
  }

  ._auditButton_1285k_37 {
    margin-left: 0;
  }
}
._modalOverlay_tigxz_1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

._modal_tigxz_1 {
  background-color: #ffffff;
  border-radius: 8px;
  width: 100%;
  max-width: 500px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

._modalHeader_tigxz_23 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid #eaeaea;
}

._modalTitle_tigxz_31 {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 0;
}

._closeButton_tigxz_38 {
  background: none;
  border: none;
  font-size: 24px;
  line-height: 1;
  color: #888;
  cursor: pointer;
}

._closeButton_tigxz_38:hover {
  color: #333;
}

._modalContent_tigxz_51 {
  padding: 20px;
}

._modalFooter_tigxz_55 {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 20px;
  border-top: 1px solid #eaeaea;
}

._button_tigxz_63 {
  padding: 8px 16px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s;
  border: none;
}

._primaryButton_tigxz_73 {
  background-color: #4a6cf7;
  color: white;
}

._primaryButton_tigxz_73:hover {
  background-color: #3a5ce5;
}

._secondaryButton_tigxz_82 {
  background-color: #f5f5f5;
  color: #333;
}

._secondaryButton_tigxz_82:hover {
  background-color: #e5e5e5;
}

._dangerButton_tigxz_91 {
  background-color: #e53935;
  color: white;
}

._dangerButton_tigxz_91:hover {
  background-color: #d32f2f;
}

._formGroup_tigxz_100 {
  margin-bottom: 16px;
}

._label_tigxz_104 {
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 500;
  color: #555;
}

._input_tigxz_112,
._select_tigxz_113 {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 14px;
  color: #333;
  transition: border-color 0.2s;
}

._input_tigxz_112:focus,
._select_tigxz_113:focus {
  outline: none;
  border-color: #4a6cf7;
}

._errorText_tigxz_129 {
  color: #e53935;
  font-size: 12px;
  margin-top: 4px;
}

._itemName_tigxz_135 {
  margin-bottom: 16px;
  font-size: 14px;
  color: #555;
}

._permissionsContainer_tigxz_141 {
  margin-top: 16px;
}

._permissionsLabel_tigxz_145 {
  font-size: 14px;
  font-weight: 500;
  color: #555;
  margin-bottom: 12px;
}

._permissionOptions_tigxz_152 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._permissionOption_tigxz_152 {
  display: flex;
  align-items: center;
  cursor: pointer;
}

._permissionRadio_tigxz_164 {
  margin-right: 8px;
}

._permissionLabel_tigxz_168 {
  font-size: 14px;
  color: #333;
}

._uploadArea_tigxz_173 {
  margin-top: 20px;
  border: 2px dashed #ddd;
  border-radius: 6px;
  padding: 24px;
  text-align: center;
  cursor: pointer;
  transition: border-color 0.2s;
}

._uploadArea_tigxz_173:hover {
  border-color: #4a6cf7;
}

._uploadText_tigxz_187 {
  font-size: 14px;
  color: #555;
  margin-bottom: 8px;
}

._uploadNote_tigxz_193 {
  font-size: 12px;
  color: #888;
}

._deleteWarning_tigxz_198 {
  font-size: 16px;
  color: #333;
  margin-bottom: 12px;
}

._deleteItem_tigxz_204 {
  font-size: 16px;
  margin-bottom: 16px;
}

._deleteNote_tigxz_209 {
  font-size: 14px;
  color: #e53935;
}
._container_1rtwc_1 {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 20px;
}
@font-face {
  font-family: 'Linkageclub-Regular';
  src: url('/uploaded-apps/brand-doc-layout/fonts/Linkageclub-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

.brand-doc-layout-root {
  --brand-orange: #FF6200;
  --background: #ffffff;
  --foreground: #000000;
  --card: #ffffff;
  --card-foreground: #000000;
  --primary: #ff6200;
  --primary-foreground: #ffffff;
  --secondary: #ffffff;
  --secondary-foreground: #000000;
  --muted: #f5f5f5;
  --muted-foreground: #666666;
  --accent: #ff6200;
  --accent-foreground: #ffffff;
  --destructive: #ef4444;
  --border: #e5e5e5;
  --input: #f5f5f5;
  --ring: #ff6200;
  --sidebar: #ffffff;
  --sidebar-foreground: #000000;
  background: #ffffff;
  color: #000000;
}
/* Titles, breadcrumbs and search share the tab-track treatment in every Primary UI sidebar. */
:is(.ui-ref-ps1-compact.primary-ui-sidebar-host, .tls-frame, [data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.tls-head, .dev-ws-sidebar-header, .ctc-finder-crumb, .ctc-finder-shell > label:first-child, .das-search-row, .das-panel-header, .desk-inspector-chrome) {
  box-sizing: border-box;
  height: var(--container-header-height, 27px) !important;
  min-height: var(--container-header-height, 27px) !important;
  max-height: var(--container-header-height, 27px) !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border: 0;
  border-bottom: 1px solid var(--container-divider, #414147) !important;
  border-radius: 0 !important;
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e)) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.09) !important;
  color: hsl(var(--foreground));
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 5px;
}
:is(.ui-ref-ps1-compact.primary-ui-sidebar-host, .tls-frame, [data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.tls-head, .dev-ws-sidebar-header, .ctc-finder-crumb, .ctc-finder-shell > label:first-child, .das-search-row, .das-panel-header, .desk-inspector-chrome),
:is(.ui-ref-ps1-compact.primary-ui-sidebar-host, .tls-frame, [data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.tls-head, .dev-ws-sidebar-header, .ctc-finder-crumb, .ctc-finder-shell > label:first-child, .das-search-row, .das-panel-header, .desk-inspector-chrome)
:is(span, button, input, h2, h3) {
  font-family: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  -webkit-font-smoothing: antialiased;
}
:is([data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.ctc-finder-shell > label:first-child, .das-search-row) input {
  min-width: 0;
  color: hsl(var(--foreground));
}
:is([data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.ctc-finder-shell > label:first-child, .das-search-row) input::-moz-placeholder {
  color: hsl(var(--muted-foreground));
  opacity: 1;
}
:is([data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.ctc-finder-shell > label:first-child, .das-search-row) input::placeholder {
  color: hsl(var(--muted-foreground));
  opacity: 1;
}
/* Continue the bottom tab-track fill through the sidebar footer cells. */
:is(.ui-ref-ps1-compact.primary-ui-sidebar-host, .tls-frame, [data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.tls-rail-footer, .ui-ref-ps1-layer1-rail-footer, .ctc-finder-footer, .das-library-row, .das-status-bar) {
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e)) !important;
  border-top: 1px solid var(--container-divider, #414147) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.07) !important;
}
/* Shared Creative Tools rail tokens — used by CTC and Desktop App Shell. */
[data-creative-tools-container],
[data-desktop-app-shell-v2] {
  --ctc-rail: #1f1f1f;
  --ctc-panel: #252525;
  --ctc-panel-raised: #2c2c2c;
  --ctc-canvas: #171717;
  --ctc-inspector: #1e1e1e;
  --ctc-input: #161616;
  --ctc-stroke: #101010;
  --ctc-stroke-soft: #2a2a2a;
  --ctc-gutter: #1a1a1a;
  --ctc-fg: #deddda;
  --ctc-fg-muted: #9a9996;
  --ctc-highlight: rgba(255, 255, 255, 0.1);
  --ctc-highlight-strong: rgba(255, 255, 255, 0.16);
  --ctc-shade: rgba(0, 0, 0, 0.55);
  --ctc-shade-strong: rgba(0, 0, 0, 0.72);
  --ctc-bevel-out:
    inset 1px 1px 0 var(--ctc-highlight),
    inset -1px -1px 0 var(--ctc-shade);
  --ctc-bevel-out-hover:
    inset 1px 1px 0 var(--ctc-highlight-strong),
    inset -1px -1px 0 var(--ctc-shade);
  --ctc-bevel-in:
    inset 1px 1px 0 var(--ctc-shade-strong),
    inset -1px -1px 0 var(--ctc-highlight);
  --ctc-row-x: 12px;
  --ctc-row-y: 6px;
  --ctc-control-h: 24px;
  --ctc-chrome-pad: 8px;
  --ctc-rule:
    inset 0 1px 0 var(--ctc-highlight),
    0 1px 0 var(--ctc-stroke);
  --ctc-grain: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");
  --ctc-dots:
    radial-gradient(circle, rgba(255, 255, 255, 0.045) 0.5px, transparent 0.7px);
}
/* Creative Tools is a Workspace Container surface, not a separate chrome theme. */
[data-creative-tools-container] {
  --ctc-rail: var(--workspace-sidebar-bg, var(--linux-chrome-bg, #242424));
  --ctc-panel: var(--workspace-sidebar-panel, #141416);
  --ctc-panel-raised: var(--workspace-sidebar-row-top, #2b2b2f);
  --ctc-canvas: #0d0d0e;
  --ctc-inspector: var(--linux-chrome-bg, #242424);
  --ctc-input: var(--workspace-sidebar-head-bottom, #171719);
  --ctc-stroke: var(--workspace-sidebar-line, var(--linux-chrome-border, #3d3846));
  --ctc-stroke-soft: var(--workspace-sidebar-line, var(--linux-chrome-border, #3d3846));
  --ctc-gutter: var(--workspace-sidebar-panel, #141416);
  --ctc-fg: var(--workspace-sidebar-fg, var(--linux-chrome-fg, #deddda));
  --ctc-fg-muted: var(--workspace-sidebar-muted, var(--linux-chrome-muted, #9a9996));
  --ctc-row-x: 6px;
  --ctc-row-y: 0;
  --ctc-control-h: var(--workspace-sidebar-control-size, 26px);
  --ctc-chrome-pad: var(--workspace-sidebar-pad, 3px);
}
/* Shared finish for the three container references and their live chrome. */
.workspace-container-frame,
.btb-workspace-nav,
[data-desktop-app-shell-v2] {
  --container-surface: hsl(var(--background));
  --container-divider: hsl(var(--border));
  --container-divider-soft: hsl(var(--border) / 0.7);
  --container-seam: hsl(var(--border));
  --container-sidebar-width: 200px;
  --container-text: hsl(var(--foreground));
  --container-muted: hsl(var(--muted-foreground));
  --container-focus: hsl(var(--ring));
  --container-tab-height: 26px;
  --container-header-height: 27px;
  --container-title-height: 24px;
  --container-tab-hover: hsl(var(--accent));
  --container-tab-selected: hsl(var(--accent));
}
.container-reference-surface {
  --container-surface: hsl(var(--background));
  --linux-chrome-bg: var(--container-surface);
  background: var(--container-surface);
}
/* Keep sidebar-local tokens on the same surface as the tab track. */
.container-reference-surface .ui-ref-ps1-compact {
  --workspace-sidebar-panel: var(--container-surface) !important;
  --workspace-sidebar-rail-top: var(--container-surface) !important;
  --workspace-sidebar-rail-bottom: var(--container-surface) !important;
  --workspace-sidebar-head-top: var(--container-surface) !important;
  --workspace-sidebar-head-bottom: var(--container-surface) !important;
  --ps-ctc-plate: var(--container-surface) !important;
  --ps1-layer1-bg: var(--container-surface) !important;
  --ps1-layer2-bg: var(--container-surface) !important;
}
.container-reference-surface [data-creative-tools-container] {
  --ctc-canvas: var(--container-surface);
  --ctc-inspector: var(--container-surface);
}
.container-reference-surface [data-creative-tools-container] .ctc-canvas-well {
  background: var(--container-surface);
}
.container-reference-surface [data-creative-tools-container] .ctc-canvas-well::before {
  content: none;
}
.container-reference-surface [aria-label='Workspace inspector'] {
  background: var(--container-surface);
}
:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame {
  border: 0;
  border-bottom: 1px solid var(--container-divider);
  border-radius: 0;
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e));
}
/* A calmer density for workspace chrome, shared by the container presets. */
:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame .btb-row {
  min-height: var(--container-tab-height);
  align-items: stretch;
  gap: 1px;
  padding: 0;
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e));
  box-shadow: none;
  scrollbar-width: thin;
  scrollbar-color: var(--container-divider) transparent;
  overscroll-behavior-x: contain;
}
:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame .btb-row::after {
  content: none;
}
:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame .btb-chip {
  height: var(--container-tab-height);
  min-height: var(--container-tab-height);
  max-height: var(--container-tab-height);
  position: relative;
  box-sizing: border-box;
  border: 0;
  border-radius: 0;
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e));
  color: var(--container-text);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.09), inset 0 -1px 0 rgb(0 0 0 / 0.55), inset 1px 0 0 rgb(255 255 255 / 0.04);
}
:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame .btb-chip-face {
  gap: 5px;
  padding: 0 10px;
  font-family: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
}
:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame .btb-chip:hover {
  background: var(--container-tab-hover);
  color: hsl(var(--accent-foreground));
}
:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame .btb-chip[data-active='true'] {
  background: var(--container-tab-selected);
  color: hsl(var(--accent-foreground));
  box-shadow: inset 0 1px 2px rgb(0 0 0 / 0.25);
}
:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame .btb-chip-accent {
  position: static;
  width: 100%;
  height: 2px;
  pointer-events: none;
  border-radius: 0;
  opacity: 1;
}
:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame :is(.btb-search, .btb-select, .btb-select-wrap, .btb-add, .btb-view-btn) {
  height: var(--container-tab-height);
  min-height: var(--container-tab-height);
  max-height: var(--container-tab-height);
}
:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame .btb-view-btn {
  width: var(--container-tab-height);
}
:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame :is(button, input, select):focus-visible {
  outline: 2px solid var(--container-focus);
  outline-offset: -2px;
}
:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame .btb-chip:active {
  background: hsl(var(--accent));
  box-shadow: inset 0 1px 3px rgb(0 0 0 / 0.4);
}
/* Keep focus and disabled controls legible without shifting the tab geometry. */
:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame button:disabled {
  opacity: 0.45;
  pointer-events: none;
}
.container-reference-surface {
  scrollbar-width: thin;
  scrollbar-color: var(--container-divider) transparent;
}
/* One continuous divider for tabs, content and footer; sidebar remains 200px. */
.workspace-shell-content-seam {
  border-left: 1px solid var(--container-seam, #55555e);
}
.container-reference-surface .workspace-sidebar-chrome {
  --workspace-sidebar-rail-width: 32px !important;
  --workspace-sidebar-head-height: var(--container-header-height) !important;
  --workspace-sidebar-row-height: 24px !important;
  --workspace-sidebar-line: var(--container-divider) !important;
  --workspace-sidebar-panel-width: calc(var(--container-sidebar-width) - 32px) !important;
}
.container-reference-surface .workspace-sidebar-chrome:has(.tls-panel),
.container-reference-surface .workspace-sidebar-chrome[data-ps1-submenu-open='1'] {
  width: var(--container-sidebar-width);
  min-width: var(--container-sidebar-width);
  max-width: var(--container-sidebar-width);
}
.container-reference-surface [data-creative-tools-container] .ctc-canvas {
  border-inline: 1px solid var(--container-seam);
}
.container-reference-surface [data-creative-tools-container] .ctc-canvas-well {
  border-inline: 0;
}
/* The footer belongs to the content column, so side seams never stop early. */
.container-content-footer {
  flex: 0 0 auto;
  min-width: 0;
  overflow-x: auto;
  border-top: 1px solid var(--container-divider, #414147);
}
.workspace-container-frame .container-content-footer .btb-frame.btb-container-fill[data-btb].btb-frame {
  border-bottom: 0;
}
/* A single horizontal header line connects the sidebar and content columns. */
.workspace-container-frame .container-reference-surface .workspace-sidebar-chrome .tls-head,
.workspace-container-frame .container-reference-surface .workspace-sidebar-chrome .dev-ws-sidebar-header,
.container-reference-surface [data-creative-tools-container] .desk-inspector-chrome,
.container-reference-surface [data-desktop-app-shell-v2] .das-panel-header {
  box-sizing: border-box;
  height: var(--container-header-height);
  min-height: var(--container-header-height);
  max-height: var(--container-header-height);
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e));
  border-bottom: 1px solid var(--container-divider) !important;
  box-shadow: none;
}
/* PS2/PS3 layouts without a rail still fill the same sidebar column. */
.container-reference-surface .workspace-sidebar-chrome.tls-frame:not(:has(.tls-rail)) .tls-panel {
  width: var(--container-sidebar-width);
}
.container-reference-surface .workspace-sidebar-chrome .tls-rail {
  box-shadow: none;
}
[data-desktop-app-shell-v2] {
  --linux-chrome-bg: #121214;
  --ctc-inspector: #121214;
  --ctc-panel: #121214;
  --das-bg: var(--linux-chrome-bg, #121214);
  --das-panel: #121214;
  --das-panel-deep: #121214;
  --das-border: var(--container-divider-soft, #303035);
  --ctc-stroke-soft: var(--das-border);
  --ctc-input: #121214;
  --das-fg: var(--linux-chrome-fg, #deddda);
  --das-muted: var(--linux-chrome-muted, #9a9996);
  --das-hover: var(--linux-chrome-hover, hsl(0 0% 100% / 0.06));
  --das-accent: #5c7cfa;
  --das-menu-bg: #2a2a2a;
  --das-viewport: #121214;

  background: var(--das-bg);
  color: var(--das-fg);
}
[data-desktop-app-shell-v2] .das-sidebar {
  position: relative;
  z-index: 1;
  display: flex;
  min-height: 0;
  height: 100%;
  flex-shrink: 0;
  background: var(--ctc-inspector);
  color: var(--ctc-fg);
  font-size: 12px;
  box-shadow: none;
}
[data-desktop-app-shell-v2] .das-inspector {
  position: relative;
  z-index: 1;
  display: flex;
  min-height: 0;
  height: 100%;
  flex-shrink: 0;
  background: var(--ctc-inspector);
  color: var(--ctc-fg);
  font-size: 12px;
  box-shadow: none;
}
[data-desktop-app-shell-v2] .das-sidebar .btb-frame,
[data-desktop-app-shell-v2] .das-sidebar .btb-row,
[data-desktop-app-shell-v2] .das-sidebar-tabs,
[data-desktop-app-shell-v2] .das-sidebar-tabs .btb-row {
  width: 100%;
}
[data-desktop-app-shell-v2] .das-sidebar .btb-chip,
[data-desktop-app-shell-v2] .das-sidebar-tabs .btb-chip {
  flex: 1 1 0;
  min-width: 0;
}
[data-desktop-app-shell-v2] .das-sidebar .btb-chip-face,
[data-desktop-app-shell-v2] .das-sidebar-tabs .btb-chip-face {
  width: 100%;
  min-width: 0;
  justify-content: center;
}
[data-das-title-bar] .das-project-label {
  display: flex;
  align-items: center;
  font-size: 11px;
  font-weight: 600;
  color: #9a9996;
  padding: 0 7px;
  white-space: nowrap;
}
[data-das-title-bar] .btb-spacer {
  min-width: 0;
  background: transparent;
  box-shadow: none;
}
[data-desktop-app-shell-v2] .das-icon-btn {
  border-radius: 2px;
  padding: 0.25rem;
  color: var(--das-muted);
}
[data-desktop-app-shell-v2] .das-icon-btn:hover {
  background: var(--das-hover);
  color: var(--das-fg);
}
[data-desktop-app-shell-v2] .das-panel-header {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border-bottom: 1px solid var(--container-divider, #414147);
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e));
  height: var(--container-header-height, 27px);
  min-height: var(--container-header-height, 27px);
  padding: 0 10px;
  font-size: 12px;
  font-weight: 500;
  color: var(--ctc-fg);
  box-shadow: none;
}
[data-desktop-app-shell-v2] .das-tabs-list {
  display: flex;
  justify-content: flex-start;
  border-bottom: 1px solid var(--das-border);
  background: var(--das-panel);
  border-radius: 0;
}
[data-desktop-app-shell-v2] .das-tab-trigger {
  border-radius: 0;
  padding: 0.25rem 1rem;
  font-size: 13px;
  color: var(--das-muted);
}
[data-desktop-app-shell-v2] .das-tab-trigger[data-state='active'] {
  background: var(--das-panel-deep);
  color: var(--das-fg);
}
[data-desktop-app-shell-v2] .das-search-row {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: var(--container-header-height, 27px);
  min-height: var(--container-header-height, 27px);
  margin: 0;
  padding: 0 8px;
  font-size: 12px;
  border: 0;
  border-bottom: 1px solid var(--container-divider, #414147);
  border-radius: 0;
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e));
  box-shadow: none;
}
[data-desktop-app-shell-v2] .das-search-row svg {
  width: 12px;
  height: 12px;
}
[data-desktop-app-shell-v2] .das-search-input {
  flex: 1;
  border: none;
  background: transparent;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0;
  color: var(--ctc-fg);
  outline: none;
}
[data-desktop-app-shell-v2] .das-search-input::-moz-placeholder {
  color: var(--ctc-fg-muted);
}
[data-desktop-app-shell-v2] .das-search-input::placeholder {
  color: var(--ctc-fg-muted);
}
[data-desktop-app-shell-v2] .das-library-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 26px;
  margin: 0;
  padding: 2px 10px;
  border-top: 1px solid var(--ctc-stroke-soft);
  background: transparent;
  box-shadow: none;
}
[data-desktop-app-shell-v2] .das-library-row-label {
  font-size: 12px;
  font-weight: 600;
  color: var(--ctc-fg);
}
[data-desktop-app-shell-v2] .das-inspector-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px 12px;
}
[data-desktop-app-shell-v2] .das-inspector-title {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  color: var(--ctc-fg);
}
[data-desktop-app-shell-v2] .das-inspector-well {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 72px;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-size: 12px;
  color: var(--ctc-fg-muted);
}
[data-desktop-app-shell-v2] .das-inspector-empty {
  margin: 8px 12px;
  flex: 1;
}
[data-desktop-app-shell-v2] .das-tree-icon {
  width: 12px;
  height: 12px;
  color: var(--das-tree-glyph, var(--ctc-fg-muted));
}
[data-desktop-app-shell-v2] .das-tree-icon--folder { --das-tree-glyph: color-mix(in srgb, #d6ae63 80%, var(--core-ink, var(--ctc-fg))); }
[data-desktop-app-shell-v2] .das-tree-icon--code { --das-tree-glyph: color-mix(in srgb, #70a9e5 80%, var(--core-ink, var(--ctc-fg))); }
[data-desktop-app-shell-v2] .das-tree-icon--stylesheet { --das-tree-glyph: color-mix(in srgb, #af91dd 80%, var(--core-ink, var(--ctc-fg))); }
[data-desktop-app-shell-v2] .das-tree-icon--image { --das-tree-glyph: color-mix(in srgb, #d894a6 80%, var(--core-ink, var(--ctc-fg))); }
[data-desktop-app-shell-v2] .das-tree-icon--document { --das-tree-glyph: color-mix(in srgb, #77b99b 80%, var(--core-ink, var(--ctc-fg))); }
[data-desktop-app-shell-v2] .das-sidebar .tls-row {
  font-size: 12px;
  color: var(--ctc-fg);
  background: transparent;
  box-shadow: none;
  border-color: transparent;
}
[data-desktop-app-shell-v2] .das-sidebar .tls-row:hover,
[data-desktop-app-shell-v2] .das-sidebar .tls-row[data-active='true'] {
  background: #222226;
}
[data-desktop-app-shell-v2] .das-viewport {
  border-inline: 1px solid var(--container-seam, #55555e);
  background: var(--das-viewport);
}
[data-desktop-app-shell-v2] .das-muted-text {
  color: var(--das-muted);
}
[data-desktop-app-shell-v2] .das-status-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 0;
  background: var(--das-panel);
  padding: 0.125rem 0.5rem;
  font-size: 11px;
  color: var(--das-muted);
}
.das-menu-dropdown {
  min-width: 240px;
  border-radius: 2px;
  border: 1px solid var(--das-border, #3d3846);
  background: var(--das-menu-bg, #2a2a2a);
  color: var(--das-fg, #deddda);
  box-shadow: 0 4px 12px hsl(0 0% 0% / 0.35);
}
.das-menu-item {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  padding: 0.375rem 1rem;
  font-size: 12px;
  text-align: left;
}
.das-menu-item:hover,
.das-menu-item-active {
  background: var(--das-hover, hsl(0 0% 100% / 0.06));
}
.das-menu-divider {
  margin: 0.25rem 0;
  border-top: 1px solid var(--das-border, #3d3846);
}
.das-menu-kbd {
  border-radius: 2px;
  border: 1px solid var(--das-border, #3d3846);
  background: var(--das-panel, #303030);
  padding: 0.125rem 0.25rem;
  font-family: inherit;
  font-size: 12px;
  font-weight: 500;
}
[data-desktop-app-shell-v2] .das-resize-handle:hover,
[data-desktop-app-shell-v2] .das-resize-handle-active {
  background: var(--das-accent);
}
[data-desktop-app-shell-v2] .das-search-row:focus-within {
  border-color: var(--container-focus, #60b9e6);
  outline: 1px solid var(--container-focus, #60b9e6);
  outline-offset: -1px;
}
[data-desktop-app-shell-v2] .das-icon-btn:focus-visible {
  outline: 2px solid var(--container-focus, #60b9e6);
  outline-offset: -2px;
}
[data-desktop-app-shell-v2] .das-resize-handle {
  border-inline-start: 0;
}
[data-desktop-app-shell-v2] .das-sidebar {
  box-sizing: border-box;
  border-right: 0;
}
[data-desktop-app-shell-v2] .das-inspector {
  box-sizing: border-box;
  border-left: 0;
}
.deskpresent-root {
  --background: 0 0% 7%;
  --foreground: 0 0% 92%;
  --card: 0 0% 10%;
  --card-foreground: 0 0% 92%;
  --primary: 0 0% 88%;
  --primary-foreground: 0 0% 10%;
  --secondary: 0 0% 14%;
  --secondary-foreground: 0 0% 88%;
  --muted: 0 0% 13%;
  --muted-foreground: 0 0% 55%;
  --accent: 0 0% 16%;
  --accent-foreground: 0 0% 92%;
  --border: 0 0% 16%;
  --input: 0 0% 14%;
  --ring: 0 0% 40%;
  --destructive: 4 72% 48%;
  --destructive-foreground: 0 0% 100%;
  --popover: 0 0% 10%;
  --popover-foreground: 0 0% 92%;
  --radius: 0.5rem;
  color-scheme: dark;
}
.typewriter-special-elite {
  font-family: "Special Elite", serif;
}
/**
 * Content Planner — Sites / Tab52 chrome (8px) + app theme tokens.
 */
.content-planner-root {
  color: var(--foreground);
  background-color: var(--background);
  height: 100%;
  min-height: 0;
  font-size: 8px !important;
  line-height: 1.25;
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
}

.content-planner-root :focus-visible {
  outline: 2px solid var(--ring);
  outline-offset: 2px;
}

/* ContentPlanner-specific sidebar utilities (not in Lorikeet Tailwind theme) */
.content-planner-root .bg-sidebar {
  background-color: var(--sidebar);
}
.content-planner-root .hover\:bg-sidebar-hover:hover {
  background-color: var(--sidebar-accent);
}
.content-planner-root .bg-sidebar-active {
  background-color: var(--sidebar-accent);
}

/* Shrink-wrap like Sites — never let a saved/resized width eat the board. */
.content-planner-root aside[data-tab52-sidebar] {
  width: -moz-fit-content !important;
  width: fit-content !important;
  max-width: 7.25rem !important;
  min-width: 4.5rem !important;
  flex: 0 0 auto !important;
}

/* Compact controls — do not inflate chrome inputs/buttons */
.content-planner-root [data-slot='button'] {
  height: auto;
}

.content-planner-root .pb-board-column-cards {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 4px;
  gap: 3px;
}

.content-planner-root .pb-board-card {
  box-sizing: border-box;
  padding: 4px 6px;
  border-radius: 2px;
  border: 1px solid var(--border);
  background: var(--card);
  box-shadow: none;
}

.content-planner-root .pb-board-card-focused {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28);
}

.content-planner-root .pb-board-card-focused:not([style*='--pb-card-ink']) {
  background: color-mix(in srgb, var(--muted) 85%, transparent);
}

.content-planner-root .pb-board-card-selected {
  box-shadow: inset 0 0 0 1px rgba(56, 189, 248, 0.85);
}

.content-planner-root .pb-board-card-selected:not([style*='--pb-card-ink']) {
  background: color-mix(in srgb, var(--muted) 70%, transparent);
}

.content-planner-root .pb-board-card-selected.pb-board-card-focused {
  box-shadow: inset 0 0 0 1px rgba(56, 189, 248, 0.95);
}

.content-planner-root .pb-board-card[style*='--pb-card-ink'].pb-board-card-focused {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.45);
}

.content-planner-root .pb-board-card[style*='--pb-card-ink'].pb-board-card-selected {
  box-shadow: inset 0 0 0 1.5px rgba(56, 189, 248, 0.95);
}

.content-planner-root .pb-board-card[style*='--pb-card-ink'].pb-board-card-selected.pb-board-card-focused {
  box-shadow: inset 0 0 0 1.5px rgba(56, 189, 248, 0.95);
}

.content-planner-root .pb-board-card[style*='--pb-card-ink'] .pb-board-card-note,
.content-planner-root .pb-board-card[style*='--pb-card-ink'] .text-muted-foreground,
.content-planner-root .pb-board-card[style*='--pb-card-ink'] .pb-board-card-placeholder {
  color: var(--pb-card-ink-muted) !important;
}

.content-planner-root .pb-board-card[style*='--pb-card-ink'] .pb-board-card-field {
  color: inherit !important;
}

.content-planner-root .pb-board-card-field-focused {
  background: color-mix(in srgb, var(--foreground) 6%, transparent);
  border-radius: 2px;
}

.content-planner-root .pb-board-drop-empty {
  border-radius: 4px;
  border: 1px dashed var(--border);
  padding: 0.5rem 0.375rem;
}

.content-planner-root .pb-board-column-resize {
  position: absolute;
  top: 0;
  right: -2px;
  z-index: 2;
  width: 5px;
  height: 100%;
  cursor: col-resize;
  touch-action: none;
}

.content-planner-root .pb-board-column-resize:hover,
.content-planner-root .pb-board-column-resize:active {
  background: color-mix(in srgb, var(--foreground) 12%, transparent);
}

.content-planner-root .pb-toolbar {
  padding: 0;
  gap: 0;
}

.content-planner-root .pb-board-toolbar {
  box-sizing: border-box;
  height: 1.75rem;
  min-height: 1.75rem;
  padding: 0 2.5px;
  gap: 0;
}

.content-planner-root .pb-shell-section-tabs {
  height: 1.75rem;
  min-height: 1.75rem;
  padding: 0;
  box-sizing: border-box;
}

.content-planner-root .pb-shell-section-tab,
.content-planner-root .pb-shell-section-tabs button.pb-shell-section-tab {
  height: 1.75rem;
  font-size: 8px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0.01em;
  color: var(--muted-foreground);
  border-bottom: 1px solid transparent;
  border-radius: 0;
  background: transparent;
}

.content-planner-root .pb-shell-section-tab[data-active='true'] {
  color: var(--foreground);
  border-bottom-color: var(--foreground);
}

.content-planner-root .pb-board-toolbar-actions {
  gap: 0;
}

.content-planner-root .pb-board-segment {
  display: inline-flex;
  align-items: center;
  height: 1.125rem;
  gap: 1px;
  padding: 1px;
  border-radius: 2px;
  border: 1px solid var(--border);
  background: color-mix(in srgb, var(--muted) 40%, transparent);
}

.content-planner-root .pb-board-toolbar-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  color: var(--muted-foreground);
  cursor: pointer;
  border-radius: 3px;
  line-height: 1;
  transition: color 120ms ease, background-color 120ms ease, opacity 120ms ease;
}

.content-planner-root .pb-board-toolbar-btn:hover:not(:disabled) {
  color: var(--foreground);
  background: color-mix(in srgb, var(--muted) 80%, transparent);
}

.content-planner-root .pb-board-toolbar-btn[data-active='true'] {
  color: var(--foreground);
  background: var(--muted);
}

.content-planner-root .pb-board-toolbar-btn:disabled {
  cursor: not-allowed;
  opacity: 0.35;
}

.content-planner-root .pb-board-toolbar-icon {
  height: 1.125rem;
  width: 1.125rem;
  min-height: 1.125rem;
  min-width: 1.125rem;
  padding: 0;
}

.content-planner-root .pb-board-toolbar-text {
  height: 1.125rem;
  min-height: 1.125rem;
  padding: 0 0.25rem;
  font-size: 8px;
  font-weight: 500;
  letter-spacing: 0.01em;
  white-space: nowrap;
}

.content-planner-root .pb-board-toolbar-divider {
  display: inline-block;
  width: 1px;
  height: 0.875rem;
  margin: 0 0.125rem;
  background: var(--border);
  flex-shrink: 0;
}

.content-planner-root .pb-board-add-btn {
  color: #facc15 !important;
}

.content-planner-root .pb-board-add-btn:hover:not(:disabled) {
  color: #fde047 !important;
  background: color-mix(in srgb, var(--muted) 50%, transparent) !important;
}

.pb-board-add-type-menu {
  min-width: 7.25rem;
  padding: 2px;
}

.pb-board-add-type-menu [data-slot='dropdown-menu-item'] {
  min-height: 1.125rem;
  height: 1.125rem;
  padding: 0 4px;
  font-size: 8px;
  line-height: 1;
  gap: 4px;
}

.pb-board-add-type-menu [data-slot='dropdown-menu-item'] svg {
  width: 8px;
  height: 8px;
}

.content-planner-root .pb-board-settings-btn {
  color: var(--muted-foreground) !important;
}

.content-planner-root .pb-board-settings-btn[data-active='true'] {
  color: var(--foreground) !important;
}

.content-planner-root .pb-board-tab {
  font-size: 8px;
  font-weight: 500;
  color: var(--muted-foreground);
}

.content-planner-root .pb-board-tab[data-state='active'] {
  color: var(--foreground);
}

.content-planner-root .pb-board-save-status {
  font-size: 8px;
  line-height: 1.2;
  white-space: nowrap;
}

.content-planner-root .pb-board-surface {
  font-size: 8px !important;
  line-height: 1.25;
}

.content-planner-root .pb-board-surface .pb-board-column-header {
  box-sizing: border-box;
  height: 1.75rem;
  min-height: 1.75rem;
  padding: 0 6px;
}

.content-planner-root .pb-board-surface .pb-board-column-header h3 {
  font-size: 8px !important;
  font-weight: 500;
  line-height: 1.25;
}

.content-planner-root .pb-board-column-header input {
  min-height: 0 !important;
  height: 1.25rem !important;
  padding: 0 4px !important;
}

.content-planner-root .pb-board-column-count {
  display: inline-flex;
  align-items: center;
  margin-left: 0.25rem;
  padding: 0;
  border: none;
  background: transparent;
  color: var(--muted-foreground);
  font-size: 8px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
}

.content-planner-root .pb-board-column-add {
  box-sizing: border-box;
  height: 1.5rem;
  min-height: 1.5rem;
  padding: 0;
}

.content-planner-root .pb-board-column-add-input {
  font-size: 8px;
  line-height: 1.25;
  height: 1.125rem;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0;
  box-shadow: none;
  border-radius: 0;
}

.content-planner-root .pb-board-surface .pb-board-card {
  padding: 4px 6px;
  min-height: 1.25rem;
}

.content-planner-root .pb-board-surface .pb-board-card .pb-board-card-field {
  font-size: 8px !important;
  line-height: 1.3;
}

.content-planner-root .pb-board-surface .pb-board-card-inner {
  display: flex;
  min-height: 1.25rem;
  align-items: center;
}

.content-planner-root .pb-board-card-field,
.content-planner-root .pb-board-card-field:focus,
.content-planner-root .pb-board-card-field:focus-visible {
  display: block;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  outline-offset: 0 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  resize: none;
  field-sizing: content;
}

.content-planner-root .pb-board-card-editing {
  cursor: text;
}

.content-planner-root .pb-board-card-placeholder {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.content-planner-root .pb-board-surface .pb-board-drop-empty {
  padding: 0.5rem 0.375rem;
}

.content-planner-root .pb-board-surface [data-slot='button'] {
  min-height: 0;
}

.content-planner-root .pb-board-surface input:not([type='checkbox']):not([type='radio']),
.content-planner-root .pb-board-surface [data-slot='select-trigger'],
.content-planner-root .pb-board-surface textarea {
  min-height: 0;
}

.content-planner-root .pb-board-surface .pb-board-composer {
  box-sizing: border-box;
  padding: 6px 8px;
}

.content-planner-root .pb-board-surface .pb-board-composer textarea {
  min-height: 1.75rem;
  max-height: 4rem;
  padding: 6px 8px;
}

.content-planner-root .pb-board-surface [data-slot='badge'] {
  padding: 0 0.25rem;
  font-size: 8px;
  line-height: 1.2;
}

.content-planner-root .pb-board-surface .pb-board-card-note {
  margin-top: 0.125rem;
  font-size: 8px;
}

.content-planner-root .pb-board-surface .pb-board-card-meta {
  margin-top: 0.25rem;
}

.content-planner-root .pb-board-kanban-row {
  align-items: stretch;
  min-height: 100%;
  width: 100%;
}

.content-planner-root .pb-board-kanban-row > section.pb-board-column {
  flex: 1 1 var(--pb-col-w, 148px);
  min-width: var(--pb-col-w, 148px);
  width: auto;
  max-width: none;
  align-self: stretch;
  min-height: 100%;
}

.content-planner-root .pb-board-kanban-row > section,
.content-planner-root .pb-board-kanban-row > .pb-board-add-column {
  align-self: stretch;
  min-height: 100%;
}

.content-planner-root .pb-board-card-flags {
  font-size: 8px;
  line-height: 1;
}

.content-planner-root .pb-board-search {
  font-size: 8px;
  border: 1px solid var(--border);
  border-radius: 2px;
}

.content-planner-root .pb-board-bulk-bar {
  font-size: 8px;
}

.content-planner-root .pb-cal-unscheduled {
  font-size: 8px;
}

.content-planner-root .pb-board-surface .pb-board-add-column {
  width: 5.5rem;
  font-size: 8px;
}

.content-planner-root .pb-settings-panel {
  font-size: 8px;
  line-height: 1.25;
}

.content-planner-root .pb-settings-panel [data-slot='button'] {
  min-height: 1.5rem;
}

.content-planner-root .pb-settings-panel input:not([type='checkbox']):not([type='radio']),
.content-planner-root .pb-settings-panel [data-slot='select-trigger'] {
  min-height: 1.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.content-planner-root .pb-board-surface .pb-board-checkbox,
.content-planner-root .pb-board-surface [data-slot='checkbox'] {
  width: 0.75rem;
  height: 0.75rem;
  min-width: 0.75rem;
  min-height: 0.75rem;
}

.content-planner-root .pb-board-surface .pb-board-checkbox svg,
.content-planner-root .pb-board-surface [data-slot='checkbox'] svg {
  width: 0.5rem;
  height: 0.5rem;
}

.content-planner-root .pb-board-context {
  font-size: 8px;
  line-height: 1.25;
}

.content-planner-root .pb-board-context-item {
  padding: 0.25rem 0.5rem;
}

.content-planner-root .pb-board-block-input {
  min-height: 1.25rem;
  line-height: 1.35;
}

.content-planner-root .pb-board-block-image {
  border: 1px solid var(--border);
  background: var(--muted);
}

.content-planner-root .pb-board-mini-table {
  table-layout: fixed;
}

.content-planner-root .pb-board-card[data-card-kind='title'] .pb-board-card-inner {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}

.content-planner-root .pb-board-surface .pb-board-card[data-toggle-size='medium'] .pb-board-card-field,
.content-planner-root .pb-board-surface .pb-board-card .pb-toggle-size-medium,
.content-planner-root .pb-board-surface .pb-board-card [data-toggle-size='medium'] .pb-board-card-field {
  font-size: 9px;
  line-height: 1.3;
}

.content-planner-root .pb-board-surface .pb-board-card[data-toggle-size='large'] .pb-board-card-field,
.content-planner-root .pb-board-surface .pb-board-card .pb-toggle-size-large,
.content-planner-root .pb-board-surface .pb-board-card [data-toggle-size='large'] .pb-board-card-field {
  font-size: 11px;
  line-height: 1.3;
}

.content-planner-root .pb-board-surface .pb-board-toggle-chevron {
  width: 0.875rem;
  height: 0.875rem;
}

.content-planner-root .pb-board-surface .pb-board-toggle-chevron-md {
  width: 1rem;
  height: 1rem;
}

.content-planner-root .pb-board-surface .pb-board-toggle-chevron-lg {
  width: 1.125rem;
  height: 1.125rem;
}

.content-planner-root .pb-board-surface .pb-board-card[data-card-kind='toggle'] .pb-board-card-inner {
  align-items: stretch;
}

.content-planner-root .pb-board-surface .pb-board-toggle-header {
  min-width: 0;
}

.content-planner-root .pb-board-surface .pb-board-toggle-header-open {
  padding-bottom: 0.25rem;
  margin-bottom: 0.125rem;
}

.content-planner-root .pb-board-surface .pb-board-toggle-body {
  padding-left: 0;
}

.content-planner-root .pb-board-surface .pb-board-toggle-textarea-wrap {
  margin-left: 0;
  border: 0;
  background: transparent;
  padding: 0;
  min-height: 0;
}

.content-planner-root .pb-board-surface .pb-board-toggle-textarea {
  min-height: 1.25rem;
  white-space: pre-wrap;
  width: 100%;
}

.content-planner-root .pb-board-column-add-inline {
  border-top: 0;
  margin-top: auto;
}

.content-planner-root[data-library-content-planner] .pb-board-column-cards {
  padding: 0.25rem;
  gap: 2px;
}

.content-planner-root[data-library-content-planner] .pb-board-surface .pb-board-card {
  padding: 0.25rem 0.375rem;
  min-height: 1.375rem;
}

.content-planner-root[data-library-content-planner] .pb-board-surface .pb-board-card .pb-board-card-field {
  font-size: 8px;
  line-height: 1.25;
}

.content-planner-root[data-library-content-planner] .pb-board-surface .pb-board-card[data-card-kind='toggle'] {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.content-planner-root[data-library-content-planner] .pb-board-surface .pb-board-toggle-textarea-wrap {
  margin-left: 0;
  padding: 0;
}

.content-planner-root[data-library-content-planner] .pb-board-surface .pb-board-toggle-textarea,
.content-planner-root[data-library-content-planner] .pb-board-surface .pb-board-toggle-textarea.pb-board-card-field {
  padding: 0;
  margin: 0;
}

.content-planner-root .pb-board-surface .pb-board-card-divider {
  min-height: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  background: transparent;
}

.content-planner-root .pb-board-surface .pb-board-card-divider .pb-board-card-inner {
  min-height: 0;
  align-items: center;
}

.content-planner-root .pb-board-surface .pb-board-divider {
  height: 1px;
  width: 100%;
  margin: 0.2rem 0;
}

.content-planner-root .pb-board-surface .pb-board-divider-solid {
  background: var(--border);
}

.content-planner-root .pb-board-surface .pb-board-divider-dashed {
  background: transparent;
  border-top: 1px dashed var(--border);
}

.content-planner-root .pb-board-surface .pb-board-card-group {
  border: 1px solid var(--border);
  border-left: 2px solid var(--foreground);
  margin: 0;
  padding: 0.375rem 0.5rem;
  background: color-mix(in srgb, var(--muted) 50%, transparent);
}

.content-planner-root .pb-board-surface .pb-board-group-body {
  min-height: 1.25rem;
  white-space: pre-wrap;
}

.content-planner-root .pb-tools-header {
  background: transparent;
}

.content-planner-root .pb-tools-header-label {
  font-size: 8px;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: var(--muted-foreground);
}

.content-planner-root .pb-tools-item,
.content-planner-root .pb-tools-item-label {
  font-size: 8px;
  line-height: 1.25;
  font-weight: 500;
}

.content-planner-root .pb-tools-item:hover {
  background: color-mix(in srgb, var(--muted) 60%, transparent);
}

.content-planner-root .pb-tools-item-icon {
  color: var(--muted-foreground);
  opacity: 1;
}
.auth-flows-root {
  --background: oklch(0 0 0);
  --foreground: oklch(0.985 0 0);
  --card: oklch(0.1 0 0);
  --card-foreground: oklch(0.985 0 0);
  --primary: oklch(0.985 0 0);
  --primary-foreground: oklch(0 0 0);
  --muted: oklch(0.18 0 0);
  --muted-foreground: oklch(0.6 0 0);
  --border: oklch(0.25 0 0);
  color: var(--foreground);
  background: var(--background);
}

@keyframes auth-confetti-fall {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: translateY(100vh) rotate(720deg);
    opacity: 0;
  }
}

.auth-flows-root .animate-confetti {
  animation: auth-confetti-fall 3s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

@keyframes auth-gradient-shift {
  0%,
  100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}

.auth-flows-root .animate-gradient {
  background-size: 200% 200%;
  animation: auth-gradient-shift 15s ease infinite;
}

@keyframes auth-ticker-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.auth-flows-root .animate-ticker {
  animation: auth-ticker-scroll 30s linear infinite;
}
.friedrichshain-root {
  color: #fff;
  background: #000;
  image-rendering: pixelated;
}

.friedrichshain-root .h-screen {
  height: 100%;
  min-height: 640px;
}

.friedrichshain-root .pixelated {
  image-rendering: pixelated;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
}

.friedrichshain-root .game-title {
  font-family: 'Press Start 2P', monospace;
  text-transform: uppercase;
  background: linear-gradient(to bottom, #ff6b00, #ffd000);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.8);
  letter-spacing: -1px;
}

.friedrichshain-root .game-text {
  font-family: 'Press Start 2P', monospace;
  text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.8);
}

.friedrichshain-root .blink {
  animation: friedrichshain-blink 1.2s infinite;
}

@keyframes friedrichshain-blink {
  0% { opacity: 1; }
  50% { opacity: 0.3; }
  100% { opacity: 1; }
}

.friedrichshain-root .power-bar {
  height: 20px;
  border: 4px solid white;
  position: relative;
}

.friedrichshain-root .power-bar-fill {
  height: 100%;
  background: linear-gradient(to right, #ff0000, #ff6b00);
  transition: width 0.3s;
}
.figma-profiles-export,
.figma-profiles-export * {
  box-sizing: border-box;
}

.figma-profiles-export a,
.figma-profiles-export button,
.figma-profiles-export input,
.figma-profiles-export select,
.figma-profiles-export h1,
.figma-profiles-export h2,
.figma-profiles-export h3,
.figma-profiles-export h4,
.figma-profiles-export h5,
.figma-profiles-export * {
  margin: 0;
  padding: 0;
  border: none;
  text-decoration: none;
  background: none;
  -webkit-font-smoothing: antialiased;
}

.figma-profiles-export menu,
.figma-profiles-export ol,
.figma-profiles-export ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.figma-profiles-export {
  width: 100%;
  overflow: auto;
}

.figma-profiles-export .myspace-profile-clone-page {
  background: #0f0f0f;
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: flex-start;
  justify-content: flex-start;
  min-height: 828px;
  position: relative;
}

.figma-profiles-export .app {
  background: #0f0f0f;
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 865px;
  min-height: 828px;
  position: relative;
}

.figma-profiles-export .container {
  background: rgba(10, 10, 10, 0.9);
  border-style: solid;
  border-color: #151515;
  border-width: 0 0 1px 0;
  padding: 10px 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  backdrop-filter: blur(8px);
}

.figma-profiles-export .container2 {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}

.figma-profiles-export .text {
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}

.figma-profiles-export .portfolio {
  color: #444;
  text-align: left;
  font-family: "JetBrainsMono-Medium", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  position: relative;
}

.figma-profiles-export .div {
  color: #222;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  position: relative;
}

.figma-profiles-export .button {
  background: rgba(226, 226, 226, 0.09);
  border-radius: 4px;
  border-style: solid;
  border-color: rgba(226, 226, 226, 0.2);
  border-width: 1px;
  padding: 6px 12px;
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}

.figma-profiles-export .add-card {
  color: #e2e2e2;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  position: relative;
}

.figma-profiles-export .button2 {
  border-radius: 4px;
  border-style: solid;
  border-color: #222;
  border-width: 1px;
  padding: 6px 12px;
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}

.figma-profiles-export .page-style {
  color: #555;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  position: relative;
}

.figma-profiles-export .button3 {
  background: #e2e2e2;
  border-radius: 4px;
  padding: 6px 16px;
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}

.figma-profiles-export .done-editing {
  color: #0f0f0f;
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  position: relative;
}

.figma-profiles-export .container3 {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.figma-profiles-export .profile-header {
  background: #141414;
  border-radius: 4px;
  border-style: solid;
  border-color: #222;
  border-width: 1px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.figma-profiles-export .container4 {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.figma-profiles-export .container5 {
  background: #1a1a1a;
  border-radius: 4px;
  border-style: solid;
  border-color: #2a2a2a;
  border-width: 1px;
  display: flex;
  flex-direction: row;
  gap: 0;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  position: relative;
}

.figma-profiles-export .upload {
  color: #444;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 10px;
  line-height: 15px;
  font-weight: 400;
  position: relative;
}

.figma-profiles-export .container6 {
  flex-shrink: 0;
  display: grid;
  gap: 32px;
  row-gap: 8px;
  position: relative;
  grid-template-columns: 260.69px 260.7px;
  grid-template-rows: 29px 21px 17px;
}

.figma-profiles-export .text-input {
  border-style: solid;
  border-color: #2a2a2a;
  border-width: 0 0 1px 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: flex-start;
  justify-content: center;
  height: 29px;
  position: relative;
  overflow: hidden;
  grid-column: 1 / span 1;
  grid-row: 1 / span 1;
}

.figma-profiles-export .your-name {
  color: #2e2e2e;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 20px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}

.figma-profiles-export .text-input2 {
  border-style: solid;
  border-color: #2a2a2a;
  border-width: 0 0 1px 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: flex-start;
  justify-content: center;
  height: 29px;
  position: relative;
  overflow: hidden;
  grid-column: 2 / span 1;
  grid-row: 1 / span 1;
}

.figma-profiles-export .location {
  color: #2e2e2e;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 12px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}

.figma-profiles-export .text-input3 {
  border-style: solid;
  border-color: #2a2a2a;
  border-width: 0 0 1px 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: flex-start;
  justify-content: center;
  height: 21px;
  position: relative;
  overflow: hidden;
  grid-column: 1 / span 1;
  grid-row: 2 / span 1;
}

.figma-profiles-export .title-role {
  color: #2e2e2e;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}

.figma-profiles-export .container7 {
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
  justify-content: flex-start;
  height: 21px;
  position: relative;
  grid-column: 2 / span 1;
  grid-row: 2 / span 1;
}

.figma-profiles-export .status {
  color: #333;
  text-align: left;
  font-family: "JetBrainsMono-Regular", sans-serif;
  font-size: 10px;
  line-height: 15px;
  font-weight: 400;
  position: relative;
}

.figma-profiles-export .profile-header2 {
  display: flex;
  flex-direction: row;
  gap: 0;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 108px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.figma-profiles-export .div2 {
  color: #2e2e2e;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  position: relative;
}

.figma-profiles-export .text-input4 {
  border-style: solid;
  border-color: #2a2a2a;
  border-width: 0 0 1px 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: flex-start;
  justify-content: center;
  height: 17px;
  position: relative;
  overflow: hidden;
  grid-column: 1 / span 2;
  grid-row: 3 / span 1;
}

.figma-profiles-export .tagline-or-quote {
  color: #2e2e2e;
  text-align: left;
  font-family: "Inter-Italic", sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: italic;
  position: relative;
  align-self: stretch;
}

.figma-profiles-export .container8 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}

.figma-profiles-export .button4 {
  background: #e2e2e2;
  border-radius: 4px;
  padding: 6px 20px;
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.figma-profiles-export .hire-me {
  color: #0f0f0f;
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  position: relative;
}

.figma-profiles-export .button5 {
  border-radius: 4px;
  border-style: solid;
  border-color: #2a2a2a;
  border-width: 1px;
  padding: 6px 20px;
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.figma-profiles-export .message {
  color: #999;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  position: relative;
}

.figma-profiles-export .container-margin {
  padding: 20px 0 0 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.figma-profiles-export .container9 {
  padding: 128px 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.figma-profiles-export .paragraph-margin {
  padding: 0 0 4px 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}

.figma-profiles-export .your-page-is-empty {
  color: #2a2a2a;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  position: relative;
}

.figma-profiles-export .paragraph-margin2 {
  padding: 0 0 20px 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}

.figma-profiles-export .click-add-card-to-start-building {
  color: #222;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  position: relative;
}

.figma-profiles-export .button6 {
  background: rgba(226, 226, 226, 0.13);
  border-radius: 4px;
  border-style: solid;
  border-color: rgba(226, 226, 226, 0.27);
  border-width: 1px;
  padding: 8px 16px;
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}

.figma-profiles-export .add-your-first-card {
  color: #e2e2e2;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  position: relative;
}
/* Figma export vars placeholder */
/* Menu & Rider Planner — scoped helpers */
.mrp-root .mac-btn-red { background-color: #ff5f56; border: 0.5px solid #e0443e; }
.mrp-root .mac-btn-red:hover { background-color: #ff7c75; }
.mrp-root .mac-btn-yellow { background-color: #ffbd2e; border: 0.5px solid #dfa224; }
.mrp-root .mac-btn-yellow:hover { background-color: #ffda44; }
.mrp-root .mac-btn-green { background-color: #27c93f; border: 0.5px solid #1aab29; }
.mrp-root .mac-btn-green:hover { background-color: #43e455; }
.mrp-root {
  background-image: radial-gradient(circle at 50% 0%, #1e1b4b 0%, #090a0f 70%);
  color: #f1f5f9;
  min-height: 100%;
  width: 100%;
  overflow: auto;
}
.mrp-root.mrp-root--embedded {
  height: 100%;
  min-height: 0;
  padding: 0;
  background: var(--core-frame);
  color: var(--core-ink);
  font-family: inherit;
}
.mrp-root--embedded > .max-w-7xl { max-width: none; min-height: 0; border: 0; border-radius: 0; box-shadow: none; }
.mrp-root--embedded aside { padding: 10px; }
.mrp-root--embedded main { padding: 12px; }
.mrp-root--embedded main > .flex-1 { min-height: 300px; }
.mrp-root--embedded main > .flex-1 > .absolute { position: relative; }
.mrp-root--embedded aside button { min-height: 26px; border-radius: 3px; font-size: 11px; }
.mrp-root--embedded aside button[aria-current='page'] { background: var(--core-selected); color: var(--core-ink); box-shadow: var(--core-relief); }
.mrp-root--embedded :is(.rounded-xl, .rounded-2xl, .rounded-lg) { border-radius: 3px; box-shadow: none; }
.mrp-root--embedded :is(.p-6, .p-5) { padding: 12px; }
.mrp-root--embedded h2 { font-size: 14px; }
.mrp-root--embedded h3 { font-size: 12px; letter-spacing: normal; }
.mrp-root--embedded :is(input, select).pl-9 { padding-left: 32px; }
/**
 * ContentPlanner theme — scoped to .content-planner-root.
 * Residents Desk Tailwind uses HSL *channels* (`hsl(var(--border))`), so tokens
 * here must be channel triples — not hex/rgba (those break board chrome).
 */
.content-planner-root {
  --background: 0 0% 10.98%;
  --foreground: 36 9.8% 90%;
  --card: 0 0% 14.12%;
  --card-foreground: 36 9.8% 90%;
  --primary: 204.8 80.4% 53.9%;
  --primary-foreground: 0 0% 100%;
  --secondary: 0 0% 18.04%;
  --secondary-foreground: 40 6.5% 82%;
  --muted: 0 0% 16.08%;
  --muted-foreground: 40 2.5% 52.94%;
  --accent: 0 0% 18.04%;
  --accent-foreground: 36 11.1% 91.18%;
  --border: 0 0% 18%;
  --input: 0 0% 16.08%;
  --ring: 204.8 80.4% 53.9%;
  --destructive: 0 65% 57.45%;
  --destructive-foreground: 0 0% 100%;
  --sidebar: 0 0% 12.94%;
  --sidebar-background: 0 0% 12.94%;
  --sidebar-foreground: 36 9.8% 90%;
  --sidebar-primary: 204.8 80.4% 53.9%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 0 0% 16.86%;
  --sidebar-accent-foreground: 36 9.8% 90%;
  --sidebar-border: 0 0% 18%;
  --sidebar-ring: 204.8 80.4% 53.9%;
  --sidebar-hover: 0 0% 16.86%;
  --sidebar-active: 0 0% 20%;
  --radius: 0.35rem;
  color: hsl(var(--foreground));
  background-color: hsl(var(--background));
  height: 100%;
  min-height: 0;
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
}

.content-planner-root.light {
  --background: 40 23.1% 97.45%;
  --foreground: 0 0% 14.9%;
  --card: 0 0% 100%;
  --card-foreground: 0 0% 14.9%;
  --primary: 203.9 76.4% 43.14%;
  --primary-foreground: 0 0% 100%;
  --secondary: 42.9 18.9% 92.75%;
  --secondary-foreground: 0 0% 25.1%;
  --muted: 42.9 21.2% 93.53%;
  --muted-foreground: 0 0% 45.1%;
  --accent: 42.9 18.9% 92.75%;
  --accent-foreground: 0 0% 14.9%;
  --border: 41.5 17.3% 85.29%;
  --input: 42.9 18.9% 92.75%;
  --ring: 203.9 76.4% 43.14%;
  --destructive: 0 60.8% 48.04%;
  --destructive-foreground: 0 0% 100%;
  --sidebar: 40 23.1% 94.9%;
  --sidebar-background: 40 23.1% 94.9%;
  --sidebar-foreground: 0 0% 14.9%;
  --sidebar-primary: 203.9 76.4% 43.14%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 42 20% 90.2%;
  --sidebar-accent-foreground: 0 0% 14.9%;
  --sidebar-border: 41.5 17.3% 85.29%;
  --sidebar-ring: 203.9 76.4% 43.14%;
  --sidebar-hover: 42 20% 90.2%;
  --sidebar-active: 41.5 20% 87.25%;
}

.content-planner-root :focus-visible {
  outline: 2px solid hsl(var(--ring));
  outline-offset: 2px;
}

/* ContentPlanner-specific sidebar utilities (not in Lorikeet Tailwind theme) */
.content-planner-root .bg-sidebar {
  background-color: hsl(var(--sidebar));
}
.content-planner-root .hover\:bg-sidebar-hover:hover {
  background-color: hsl(var(--sidebar-hover));
}
.content-planner-root .bg-sidebar-active {
  background-color: hsl(var(--sidebar-active));
}

/*
 * Content Planner type — Lorikeet pack uses 6–9px under their ~110% UI scale.
 * Residents Desk Build Page has no that scale, so match Build Page chrome (~13px).
 */
.content-planner-root,
.content-planner-root input,
.content-planner-root textarea,
.content-planner-root select,
.content-planner-root button,
.content-planner-root label,
.content-planner-root p,
.content-planner-root span,
.content-planner-root h1,
.content-planner-root h2,
.content-planner-root h3,
.content-planner-root h4,
.content-planner-root [role='tab'],
.content-planner-root [data-slot='tabs-trigger'],
.content-planner-root [data-slot='command-input'],
.content-planner-root [cmdk-group-heading] {
  font-size: 13px !important;
  line-height: 1.35 !important;
}

.content-planner-root [data-tab52-sidebar-header],
.content-planner-root [data-tab52-sidebar-row],
.content-planner-root [data-tab52-sidebar] button,
.content-planner-root [data-tab52-sidebar] input {
  font-size: 13px !important;
  line-height: 1.35 !important;
}

/* Controls sized for Build Page */
.content-planner-root [data-slot='button'] {
  height: auto;
  min-height: 1.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.content-planner-root input:not([type='checkbox']):not([type='radio']),
.content-planner-root [data-slot='select-trigger'],
.content-planner-root textarea {
  min-height: 1.75rem !important;
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.content-planner-root .pb-board-column-cards {
  padding: 0;
  gap: 0;
}

.content-planner-root .pb-board-card {
  padding: 0.375rem;
  border-radius: 0 !important;
  border-top: none;
  border-left: none;
  border-right: none;
  box-shadow: none;
}

.content-planner-root .pb-board-card-focused {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28) !important;
}

.content-planner-root .pb-board-card-focused:not([style*='--pb-card-ink']) {
  background: hsl(var(--muted) / 0.35) !important;
}

.content-planner-root .pb-board-card-selected {
  box-shadow: inset 0 0 0 1px rgba(56, 189, 248, 0.85) !important;
}

.content-planner-root .pb-board-card-selected:not([style*='--pb-card-ink']) {
  background: hsl(var(--muted) / 0.45) !important;
}

.content-planner-root .pb-board-card-selected.pb-board-card-focused {
  box-shadow: inset 0 0 0 1px rgba(56, 189, 248, 0.95) !important;
}

.content-planner-root .pb-board-card[style*='--pb-card-ink'].pb-board-card-focused {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.45) !important;
}

.content-planner-root .pb-board-card[style*='--pb-card-ink'].pb-board-card-selected {
  box-shadow: inset 0 0 0 1.5px rgba(56, 189, 248, 0.95) !important;
}

.content-planner-root .pb-board-card[style*='--pb-card-ink'].pb-board-card-selected.pb-board-card-focused {
  box-shadow: inset 0 0 0 1.5px rgba(56, 189, 248, 0.95) !important;
}

.content-planner-root .pb-board-card[style*='--pb-card-ink'] .pb-board-card-note,
.content-planner-root .pb-board-card[style*='--pb-card-ink'] .text-muted-foreground,
.content-planner-root .pb-board-card[style*='--pb-card-ink'] .pb-board-card-placeholder {
  color: var(--pb-card-ink-muted) !important;
}

.content-planner-root .pb-board-card[style*='--pb-card-ink'] .pb-board-card-field {
  color: inherit !important;
}

.content-planner-root .pb-board-card-field-focused {
  background: hsl(var(--foreground) / 0.06);
  border-radius: 1px;
}

.content-planner-root .pb-board-drop-empty {
  border-radius: 0;
  border-top: none;
  border-left: none;
  border-right: none;
}

.content-planner-root .pb-board-column-resize {
  position: absolute;
  top: 0;
  right: -2px;
  z-index: 2;
  width: 5px;
  height: 100%;
  cursor: col-resize;
  touch-action: none;
}

.content-planner-root .pb-board-column-resize:hover,
.content-planner-root .pb-board-column-resize:active {
  background: hsl(var(--foreground) / 0.12);
}

.content-planner-root .pb-toolbar {
  padding: 0.125rem 0.25rem;
  gap: 0.125rem;
}

.content-planner-root .pb-board-toolbar {
  min-height: 1.125rem;
  padding: 0.125rem 0.25rem;
  gap: 0.25rem;
}

/* Boards | Tools — match Tasks chrome tab size; align height with board toolbar */
.content-planner-root .pb-shell-section-tabs {
  min-height: 1.125rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  box-sizing: border-box;
}

.content-planner-root .pb-shell-section-tab,
.content-planner-root .pb-shell-section-tabs button.pb-shell-section-tab {
  font-size: 8px !important;
  font-weight: 500;
  line-height: 1 !important;
  letter-spacing: 0.01em;
  text-transform: lowercase;
  color: #ffffff !important;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
}

.content-planner-root .pb-shell-section-tab[data-active='true'] {
  border-bottom-color: #ffffff;
}

.content-planner-root .pb-board-toolbar-actions {
  gap: 0.25rem;
}

.content-planner-root .pb-board-segment {
  display: inline-flex;
  align-items: center;
  gap: 1px;
  padding: 1px;
  border-radius: 3px;
  border: 1px solid hsl(var(--border) / 0.55);
  background: hsl(var(--muted) / 0.18);
}

.content-planner-root .pb-board-toolbar-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  color: hsl(var(--muted-foreground));
  cursor: pointer;
  border-radius: 2px;
  line-height: 1;
  transition: color 120ms ease, background-color 120ms ease, opacity 120ms ease;
}

.content-planner-root .pb-board-toolbar-btn:hover:not(:disabled) {
  color: hsl(var(--foreground));
  background: hsl(var(--muted) / 0.45);
}

.content-planner-root .pb-board-toolbar-btn[data-active='true'] {
  color: hsl(var(--foreground));
  background: hsl(var(--muted) / 0.62);
}

.content-planner-root .pb-board-toolbar-btn:disabled {
  cursor: not-allowed;
  opacity: 0.35;
}

.content-planner-root .pb-board-toolbar-icon {
  min-height: 0.875rem;
  min-width: 0.875rem;
  padding: 0.125rem;
}

.content-planner-root .pb-board-toolbar-text {
  min-height: 0.875rem;
  padding: 0.125rem 0.3125rem;
  font-size: 7px !important;
  font-weight: 500;
  letter-spacing: 0.01em;
  white-space: nowrap;
}

.content-planner-root .pb-board-toolbar-divider {
  display: inline-block;
  width: 1px;
  height: 0.6875rem;
  margin: 0 0.0625rem;
  background: hsl(var(--border) / 0.75);
  flex-shrink: 0;
}

.content-planner-root .pb-board-add-btn {
  color: #facc15 !important;
}

.content-planner-root .pb-board-add-btn:hover:not(:disabled) {
  color: #fde047 !important;
  background: hsl(var(--muted) / 0.25) !important;
}

.content-planner-root .pb-board-settings-btn {
  color: hsl(var(--muted-foreground)) !important;
}

.content-planner-root .pb-board-settings-btn[data-active='true'] {
  color: hsl(var(--foreground)) !important;
}

.content-planner-root .pb-board-tab {
  font-size: 7px !important;
  font-weight: 500;
  color: hsl(var(--muted-foreground));
}

.content-planner-root .pb-board-tab[data-state='active'] {
  color: hsl(var(--foreground));
}

.content-planner-root .pb-board-save-status {
  font-size: 6px !important;
  line-height: 1.1 !important;
  white-space: nowrap;
}

/* Board + checklist — extra-compact surface (7px, tight chrome) */
.content-planner-root .pb-board-surface,
.content-planner-root .pb-board-surface input,
.content-planner-root .pb-board-surface textarea,
.content-planner-root .pb-board-surface select,
.content-planner-root .pb-board-surface button,
.content-planner-root .pb-board-surface label,
.content-planner-root .pb-board-surface p,
.content-planner-root .pb-board-surface span,
.content-planner-root .pb-board-surface h2,
.content-planner-root .pb-board-surface h3,
.content-planner-root .pb-board-surface [role='menuitem'] {
  font-size: 7px !important;
  line-height: 1.15 !important;
}

.content-planner-root .pb-board-surface .pb-board-column-header {
  min-height: 1rem;
  padding: 0.125rem 0.25rem;
}

.content-planner-root .pb-board-column-count {
  display: inline-flex;
  align-items: center;
  margin-left: 0.125rem;
  padding: 0;
  border: none;
  background: transparent !important;
  color: hsl(var(--muted-foreground));
  font-size: 5px !important;
  font-weight: 500;
  line-height: 1 !important;
  letter-spacing: 0;
}

.content-planner-root .pb-board-column-add-input {
  font-size: 7px !important;
  line-height: 1.15 !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.content-planner-root .pb-board-surface .pb-board-card {
  padding: 0.125rem 0.25rem;
  min-height: 1.125rem;
}

.content-planner-root .pb-board-surface .pb-board-card-inner {
  display: flex;
  min-height: 1rem;
  align-items: center;
}

.content-planner-root .pb-board-card-field,
.content-planner-root .pb-board-card-field:focus,
.content-planner-root .pb-board-card-field:focus-visible {
  display: block;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  outline-offset: 0 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  resize: none;
  field-sizing: content;
}

.content-planner-root .pb-board-card-editing {
  cursor: text;
}

.content-planner-root .pb-board-card-placeholder {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.content-planner-root .pb-board-surface .pb-board-drop-empty {
  padding: 0.375rem 0.25rem;
}

.content-planner-root .pb-board-surface [data-slot='button'] {
  min-height: 0.875rem;
  padding-top: 0;
  padding-bottom: 0;
}

.content-planner-root .pb-board-surface input:not([type='checkbox']):not([type='radio']),
.content-planner-root .pb-board-surface [data-slot='select-trigger'],
.content-planner-root .pb-board-surface textarea {
  min-height: 1rem !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.content-planner-root .pb-board-surface .pb-board-composer {
  padding: 0.125rem 0.25rem;
}

.content-planner-root .pb-board-surface .pb-board-composer textarea {
  min-height: 1rem !important;
  max-height: 2.5rem;
}

.content-planner-root .pb-board-surface [data-slot='badge'] {
  padding: 0 0.1875rem;
  font-size: 6px !important;
  line-height: 1.1 !important;
}

.content-planner-root .pb-board-surface .pb-board-card-note {
  margin-top: 0.0625rem;
}

.content-planner-root .pb-board-surface .pb-board-card-meta {
  margin-top: 0.125rem;
}

.content-planner-root .pb-board-surface .pb-board-add-column {
  width: 4.5rem;
}

.content-planner-root .pb-settings-panel,
.content-planner-root .pb-settings-panel input,
.content-planner-root .pb-settings-panel textarea,
.content-planner-root .pb-settings-panel select,
.content-planner-root .pb-settings-panel button,
.content-planner-root .pb-settings-panel label,
.content-planner-root .pb-settings-panel p,
.content-planner-root .pb-settings-panel span,
.content-planner-root .pb-settings-panel h3 {
  font-size: 7px !important;
  line-height: 1.15 !important;
}

.content-planner-root .pb-settings-panel [data-slot='button'] {
  min-height: 0.875rem;
}

.content-planner-root .pb-settings-panel input:not([type='checkbox']):not([type='radio']),
.content-planner-root .pb-settings-panel [data-slot='select-trigger'] {
  min-height: 1rem !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.content-planner-root .pb-board-surface .pb-board-checkbox,
.content-planner-root .pb-board-surface [data-slot='checkbox'] {
  width: 0.4375rem !important;
  height: 0.4375rem !important;
  min-width: 0.4375rem;
  min-height: 0.4375rem;
}

.content-planner-root .pb-board-surface .pb-board-checkbox svg,
.content-planner-root .pb-board-surface [data-slot='checkbox'] svg {
  width: 0.3125rem !important;
  height: 0.3125rem !important;
}

.content-planner-root .pb-board-context,
.content-planner-root .pb-board-context * {
  font-size: 7px !important;
  line-height: 1.15 !important;
}

.content-planner-root .pb-board-context-item {
  padding: 0.125rem 0.25rem !important;
}

.content-planner-root .pb-board-block-input {
  min-height: 0.75rem;
  line-height: 1.2;
}

.content-planner-root .pb-board-block-image {
  border: 1px solid var(--border);
  background: var(--muted);
}

.content-planner-root .pb-board-mini-table {
  table-layout: fixed;
}

.content-planner-root .pb-board-card[data-card-kind='title'] .pb-board-card-inner {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}

/* Toggle cards (Notion-style disclosure) — small = default 7px board density */
.content-planner-root .pb-board-surface .pb-board-card[data-toggle-size='medium'] .pb-board-card-field,
.content-planner-root .pb-board-surface .pb-board-card .pb-toggle-size-medium,
.content-planner-root .pb-board-surface .pb-board-card [data-toggle-size='medium'] .pb-board-card-field {
  font-size: 9px !important;
  line-height: 1.25 !important;
}

.content-planner-root .pb-board-surface .pb-board-card[data-toggle-size='large'] .pb-board-card-field,
.content-planner-root .pb-board-surface .pb-board-card .pb-toggle-size-large,
.content-planner-root .pb-board-surface .pb-board-card [data-toggle-size='large'] .pb-board-card-field {
  font-size: 11px !important;
  line-height: 1.3 !important;
}

.content-planner-root .pb-board-surface .pb-board-toggle-chevron {
  width: 0.75rem;
  height: 0.75rem;
}

.content-planner-root .pb-board-surface .pb-board-toggle-chevron-md {
  width: 0.875rem;
  height: 0.875rem;
}

.content-planner-root .pb-board-surface .pb-board-toggle-chevron-lg {
  width: 1rem;
  height: 1rem;
}

.content-planner-root .pb-board-surface .pb-board-card[data-card-kind='toggle'] .pb-board-card-inner {
  align-items: center;
}

.content-planner-root .pb-board-surface .pb-board-toggle-body {
  padding-left: 0.875rem;
}

.content-planner-root .pb-board-surface .pb-board-toggle-textarea-wrap {
  margin-left: 0.875rem;
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.02);
  padding: 0.2rem 0.3rem;
  min-height: 1.75rem;
}

.content-planner-root .pb-board-surface .pb-board-toggle-textarea {
  min-height: 1.25rem;
  white-space: pre-wrap;
}

.content-planner-root .pb-board-surface .pb-board-card-divider {
  min-height: 0.75rem !important;
  padding-top: 0.2rem !important;
  padding-bottom: 0.2rem !important;
  background: transparent !important;
}

.content-planner-root .pb-board-surface .pb-board-card-divider .pb-board-card-inner {
  min-height: 0;
  align-items: center;
}

.content-planner-root .pb-board-surface .pb-board-divider {
  height: 1px;
  width: 100%;
  margin: 0.2rem 0;
}

.content-planner-root .pb-board-surface .pb-board-divider-solid {
  background: rgba(255, 255, 255, 0.18);
}

.content-planner-root .pb-board-surface .pb-board-divider-dashed {
  background: transparent;
  border-top: 1px dashed rgba(255, 255, 255, 0.22);
}

.content-planner-root .pb-board-surface .pb-board-card-group {
  border: 1px solid var(--border);
  border-left: 2px solid rgba(255, 255, 255, 0.35);
  margin: 0.15rem 0.2rem;
  padding: 0.25rem 0.35rem !important;
  background: rgba(255, 255, 255, 0.03);
}

.content-planner-root .pb-board-surface .pb-board-group-body {
  min-height: 1.25rem;
  white-space: pre-wrap;
}

/* Tools sidebar */
.content-planner-root .pb-tools-header {
  background: transparent;
}

.content-planner-root .pb-tools-header-label {
  font-size: 7px !important;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: #ffffff !important;
  text-transform: lowercase;
}

.content-planner-root .pb-tools-item,
.content-planner-root .pb-tools-item-label {
  font-size: 7px !important;
  line-height: 1.2 !important;
  font-weight: 500;
  color: #ffffff !important;
  text-transform: lowercase;
}

.content-planner-root .pb-tools-item:hover {
  background: rgba(255, 255, 255, 0.06);
}

.content-planner-root .pb-tools-item-icon {
  color: #ffffff !important;
  opacity: 0.85;
}
/**
 * Promptbench theme — scoped to .promptbench-root so Lorikeet chrome is untouched.
 * Uses HSL channels so the host Tailwind colour utilities render the original palette.
 */
.promptbench-root {
  --background: 0 0% 11%;
  --foreground: 36 11% 90%;
  --card: 0 0% 14%;
  --card-foreground: 36 11% 90%;
  --primary: 204 80% 54%;
  --primary-foreground: 0 0% 100%;
  --secondary: 0 0% 18%;
  --secondary-foreground: 40 6% 82%;
  --muted: 0 0% 16%;
  --muted-foreground: 40 3% 53%;
  --accent: 0 0% 18%;
  --accent-foreground: 36 11% 91%;
  --border: 0 0% 18%;
  --input: 0 0% 16%;
  --ring: 204 80% 54%;
  --destructive: 0 65% 57%;
  --destructive-foreground: 0 0% 100%;
  --sidebar: 0 0% 13%;
  --sidebar-background: 0 0% 13%;
  --sidebar-foreground: 36 11% 90%;
  --sidebar-primary: 204 80% 54%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 0 0% 17%;
  --sidebar-accent-foreground: 36 11% 90%;
  --sidebar-border: 0 0% 18%;
  --sidebar-ring: 204 80% 54%;
  --sidebar-hover: 0 0% 17%;
  --sidebar-active: 0 0% 20%;
  --radius: 0.35rem;
  color: hsl(var(--foreground));
  background-color: hsl(var(--background));
  height: 100%;
  min-height: 0;
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
}

.promptbench-root.light {
  --background: 40 23% 97%;
  --foreground: 0 0% 15%;
  --card: 0 0% 100%;
  --card-foreground: 0 0% 15%;
  --primary: 204 76% 43%;
  --primary-foreground: 0 0% 100%;
  --secondary: 43 19% 93%;
  --secondary-foreground: 0 0% 25%;
  --muted: 43 21% 94%;
  --muted-foreground: 0 0% 45%;
  --accent: 43 19% 93%;
  --accent-foreground: 0 0% 15%;
  --border: 41 19% 85%;
  --input: 43 19% 93%;
  --ring: 204 76% 43%;
  --destructive: 0 61% 48%;
  --destructive-foreground: 0 0% 100%;
  --sidebar: 40 23% 95%;
  --sidebar-background: 40 23% 95%;
  --sidebar-foreground: 0 0% 15%;
  --sidebar-primary: 204 76% 43%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 43 20% 90%;
  --sidebar-accent-foreground: 0 0% 15%;
  --sidebar-border: 41 19% 85%;
  --sidebar-ring: 204 76% 43%;
  --sidebar-hover: 43 20% 90%;
  --sidebar-active: 43 19% 87%;
}

.promptbench-root :focus-visible {
  outline: 2px solid hsl(var(--ring));
  outline-offset: 2px;
}

/* Promptbench-specific sidebar utilities (not in Lorikeet Tailwind theme) */
.promptbench-root .bg-sidebar {
  background-color: hsl(var(--sidebar));
}
.promptbench-root .hover\:bg-sidebar-hover:hover {
  background-color: hsl(var(--sidebar-hover));
}
.promptbench-root .bg-sidebar-active {
  background-color: hsl(var(--sidebar-active));
}

/* Prompt Board — 9px typography everywhere (sidebar uses Tab52 chrome at 9px in this scope) */
.promptbench-root,
.promptbench-root input,
.promptbench-root textarea,
.promptbench-root select,
.promptbench-root button,
.promptbench-root label,
.promptbench-root p,
.promptbench-root span,
.promptbench-root h1,
.promptbench-root h2,
.promptbench-root h3,
.promptbench-root h4,
.promptbench-root [role='tab'],
.promptbench-root [data-slot='tabs-trigger'],
.promptbench-root [data-slot='command-input'],
.promptbench-root [cmdk-group-heading] {
  font-size: 9px !important;
  line-height: 1.25 !important;
}

.promptbench-root [data-tab52-sidebar-header],
.promptbench-root [data-tab52-sidebar-row],
.promptbench-root [data-tab52-sidebar] button,
.promptbench-root [data-tab52-sidebar] input {
  font-size: 9px !important;
  line-height: 1.25 !important;
}

/* Compact controls */
.promptbench-root [data-slot='button'] {
  height: auto;
  min-height: 1.25rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.promptbench-root input:not([type='checkbox']):not([type='radio']),
.promptbench-root [data-slot='select-trigger'],
.promptbench-root textarea {
  min-height: 1.375rem !important;
  padding-top: 0.125rem !important;
  padding-bottom: 0.125rem !important;
}

.promptbench-root .pb-board-column-cards {
  padding: 0;
  gap: 0;
}

.promptbench-root .pb-board-card {
  padding: 0.375rem;
  border-radius: 0 !important;
  border-top: none;
  border-left: none;
  border-right: none;
  box-shadow: none;
}

.promptbench-root .pb-board-card-focused {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28) !important;
}

.promptbench-root .pb-board-card-focused:not([style*='--pb-card-ink']) {
  background: hsl(var(--muted) / 0.35) !important;
}

.promptbench-root .pb-board-card-selected {
  box-shadow: inset 0 0 0 1px rgba(56, 189, 248, 0.85) !important;
}

.promptbench-root .pb-board-card-selected:not([style*='--pb-card-ink']) {
  background: hsl(var(--muted) / 0.45) !important;
}

.promptbench-root .pb-board-card-selected.pb-board-card-focused {
  box-shadow: inset 0 0 0 1px rgba(56, 189, 248, 0.95) !important;
}

.promptbench-root .pb-board-card[style*='--pb-card-ink'].pb-board-card-focused {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.45) !important;
}

.promptbench-root .pb-board-card[style*='--pb-card-ink'].pb-board-card-selected {
  box-shadow: inset 0 0 0 1.5px rgba(56, 189, 248, 0.95) !important;
}

.promptbench-root .pb-board-card[style*='--pb-card-ink'].pb-board-card-selected.pb-board-card-focused {
  box-shadow: inset 0 0 0 1.5px rgba(56, 189, 248, 0.95) !important;
}

.promptbench-root .pb-board-card[style*='--pb-card-ink'] .pb-board-card-note,
.promptbench-root .pb-board-card[style*='--pb-card-ink'] .text-muted-foreground,
.promptbench-root .pb-board-card[style*='--pb-card-ink'] .pb-board-card-placeholder {
  color: var(--pb-card-ink-muted) !important;
}

.promptbench-root .pb-board-card[style*='--pb-card-ink'] .pb-board-card-field {
  color: inherit !important;
}

.promptbench-root .pb-board-card-field-focused {
  background: hsl(var(--foreground) / 0.06);
  border-radius: 1px;
}

.promptbench-root .pb-board-drop-empty {
  border-radius: 0;
  border-top: none;
  border-left: none;
  border-right: none;
}

.promptbench-root .pb-board-column-resize {
  position: absolute;
  top: 0;
  right: -2px;
  z-index: 2;
  width: 5px;
  height: 100%;
  cursor: col-resize;
  touch-action: none;
}

.promptbench-root .pb-board-column-resize:hover,
.promptbench-root .pb-board-column-resize:active {
  background: hsl(var(--foreground) / 0.12);
}

.promptbench-root .pb-toolbar {
  padding: 0.125rem 0.25rem;
  gap: 0.125rem;
}

.promptbench-root .pb-board-toolbar {
  min-height: 1.125rem;
  padding: 0.125rem 0.25rem;
  gap: 0.25rem;
}

.promptbench-root .pb-board-toolbar-actions {
  gap: 0.25rem;
}

.promptbench-root .pb-board-segment {
  display: inline-flex;
  align-items: center;
  gap: 1px;
  padding: 1px;
  border-radius: 3px;
  border: 1px solid hsl(var(--border) / 0.55);
  background: hsl(var(--muted) / 0.18);
}

.promptbench-root .pb-board-toolbar-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  color: hsl(var(--muted-foreground));
  cursor: pointer;
  border-radius: 2px;
  line-height: 1;
  transition: color 120ms ease, background-color 120ms ease, opacity 120ms ease;
}

.promptbench-root .pb-board-toolbar-btn:hover:not(:disabled) {
  color: hsl(var(--foreground));
  background: hsl(var(--muted) / 0.45);
}

.promptbench-root .pb-board-toolbar-btn[data-active='true'] {
  color: hsl(var(--foreground));
  background: hsl(var(--muted) / 0.62);
}

.promptbench-root .pb-board-toolbar-btn:disabled {
  cursor: not-allowed;
  opacity: 0.35;
}

.promptbench-root .pb-board-toolbar-icon {
  min-height: 0.875rem;
  min-width: 0.875rem;
  padding: 0.125rem;
}

.promptbench-root .pb-board-toolbar-text {
  min-height: 0.875rem;
  padding: 0.125rem 0.3125rem;
  font-size: 7px !important;
  font-weight: 500;
  letter-spacing: 0.01em;
  white-space: nowrap;
}

.promptbench-root .pb-board-toolbar-divider {
  display: inline-block;
  width: 1px;
  height: 0.6875rem;
  margin: 0 0.0625rem;
  background: hsl(var(--border) / 0.75);
  flex-shrink: 0;
}

.promptbench-root .pb-board-add-btn {
  color: #facc15 !important;
}

.promptbench-root .pb-board-add-btn:hover:not(:disabled) {
  color: #fde047 !important;
  background: hsl(var(--muted) / 0.25) !important;
}

.promptbench-root .pb-board-settings-btn {
  color: hsl(var(--muted-foreground)) !important;
}

.promptbench-root .pb-board-settings-btn[data-active='true'] {
  color: hsl(var(--foreground)) !important;
}

.promptbench-root .pb-board-tab {
  font-size: 7px !important;
  font-weight: 500;
  color: hsl(var(--muted-foreground));
}

.promptbench-root .pb-board-tab[data-state='active'] {
  color: hsl(var(--foreground));
}

.promptbench-root .pb-board-save-status {
  font-size: 6px !important;
  line-height: 1.1 !important;
  white-space: nowrap;
}

/* Board + checklist — extra-compact surface (7px, tight chrome) */
.promptbench-root .pb-board-surface,
.promptbench-root .pb-board-surface input,
.promptbench-root .pb-board-surface textarea,
.promptbench-root .pb-board-surface select,
.promptbench-root .pb-board-surface button,
.promptbench-root .pb-board-surface label,
.promptbench-root .pb-board-surface p,
.promptbench-root .pb-board-surface span,
.promptbench-root .pb-board-surface h2,
.promptbench-root .pb-board-surface h3,
.promptbench-root .pb-board-surface [role='menuitem'] {
  font-size: 7px !important;
  line-height: 1.15 !important;
}

.promptbench-root .pb-board-surface .pb-board-column-header {
  min-height: 1rem;
  padding: 0.125rem 0.25rem;
}

.promptbench-root .pb-board-column-count {
  display: inline-flex;
  align-items: center;
  margin-left: 0.125rem;
  padding: 0;
  border: none;
  background: transparent !important;
  color: hsl(var(--muted-foreground));
  font-size: 5px !important;
  font-weight: 500;
  line-height: 1 !important;
  letter-spacing: 0;
}

.promptbench-root .pb-board-column-add-input {
  font-size: 7px !important;
  line-height: 1.15 !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.promptbench-root .pb-board-surface .pb-board-card {
  padding: 0.125rem 0.25rem;
  min-height: 1.125rem;
}

.promptbench-root .pb-board-surface .pb-board-card-inner {
  display: flex;
  min-height: 1rem;
  align-items: center;
}

.promptbench-root .pb-board-card-field,
.promptbench-root .pb-board-card-field:focus,
.promptbench-root .pb-board-card-field:focus-visible {
  display: block;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  outline-offset: 0 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  resize: none;
  field-sizing: content;
}

.promptbench-root .pb-board-card-editing {
  cursor: text;
}

.promptbench-root .pb-board-card-placeholder {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.promptbench-root .pb-board-surface .pb-board-drop-empty {
  padding: 0.375rem 0.25rem;
}

.promptbench-root .pb-board-surface [data-slot='button'] {
  min-height: 0.875rem;
  padding-top: 0;
  padding-bottom: 0;
}

.promptbench-root .pb-board-surface input:not([type='checkbox']):not([type='radio']),
.promptbench-root .pb-board-surface [data-slot='select-trigger'],
.promptbench-root .pb-board-surface textarea {
  min-height: 1rem !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.promptbench-root .pb-board-surface .pb-board-composer {
  padding: 0.125rem 0.25rem;
}

.promptbench-root .pb-board-surface .pb-board-composer textarea {
  min-height: 1rem !important;
  max-height: 2.5rem;
}

.promptbench-root .pb-board-surface [data-slot='badge'] {
  padding: 0 0.1875rem;
  font-size: 6px !important;
  line-height: 1.1 !important;
}

.promptbench-root .pb-board-surface .pb-board-card-note {
  margin-top: 0.0625rem;
}

.promptbench-root .pb-board-surface .pb-board-card-meta {
  margin-top: 0.125rem;
}

.promptbench-root .pb-board-surface .pb-board-add-column {
  width: 4.5rem;
}

.promptbench-root .pb-settings-panel,
.promptbench-root .pb-settings-panel input,
.promptbench-root .pb-settings-panel textarea,
.promptbench-root .pb-settings-panel select,
.promptbench-root .pb-settings-panel button,
.promptbench-root .pb-settings-panel label,
.promptbench-root .pb-settings-panel p,
.promptbench-root .pb-settings-panel span,
.promptbench-root .pb-settings-panel h3 {
  font-size: 7px !important;
  line-height: 1.15 !important;
}

.promptbench-root .pb-settings-panel [data-slot='button'] {
  min-height: 0.875rem;
}

.promptbench-root .pb-settings-panel input:not([type='checkbox']):not([type='radio']),
.promptbench-root .pb-settings-panel [data-slot='select-trigger'] {
  min-height: 1rem !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.promptbench-root .pb-board-surface .pb-board-checkbox,
.promptbench-root .pb-board-surface [data-slot='checkbox'] {
  width: 0.4375rem !important;
  height: 0.4375rem !important;
  min-width: 0.4375rem;
  min-height: 0.4375rem;
}

.promptbench-root .pb-board-surface .pb-board-checkbox svg,
.promptbench-root .pb-board-surface [data-slot='checkbox'] svg {
  width: 0.3125rem !important;
  height: 0.3125rem !important;
}

.promptbench-root .pb-board-context,
.promptbench-root .pb-board-context * {
  font-size: 7px !important;
  line-height: 1.15 !important;
}

.promptbench-root .pb-board-context-item {
  padding: 0.125rem 0.25rem !important;
}

/* Large square tool icons on My Tools / stacks boards. */
.promptbench-root[data-stacks-board] .pb-board-card,
.promptbench-root [data-my-tools-board] .pb-board-card,
.promptbench-root .pb-board-surface [data-my-tools-board] .pb-board-card,
.promptbench-root .pb-board-surface [data-stacks-board] .pb-board-card {
  min-height: 2.25rem !important;
  padding: 0.25rem 0.35rem !important;
}

.promptbench-root[data-stacks-board] .pb-board-card-inner,
.promptbench-root [data-my-tools-board] .pb-board-card-inner,
.promptbench-root .pb-board-surface [data-my-tools-board] .pb-board-card-inner,
.promptbench-root .pb-board-surface [data-stacks-board] .pb-board-card-inner {
  min-height: 1.875rem !important;
  gap: 0.4rem;
}

.promptbench-root[data-stacks-board] .my-tool-icon,
.promptbench-root [data-my-tools-board] .my-tool-icon,
.promptbench-root .pb-board-surface [data-my-tools-board] .my-tool-icon,
.promptbench-root .pb-board-surface [data-stacks-board] .my-tool-icon,
.promptbench-root .pb-board-surface .my-tool-icon {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  max-width: 30px !important;
  max-height: 30px !important;
  border-radius: 3px !important;
  overflow: hidden;
}

.promptbench-root[data-stacks-board] .my-tool-icon img,
.promptbench-root [data-my-tools-board] .my-tool-icon img,
.promptbench-root .pb-board-surface [data-my-tools-board] .my-tool-icon img,
.promptbench-root .pb-board-surface [data-stacks-board] .my-tool-icon img,
.promptbench-root .pb-board-surface .my-tool-icon img {
  width: 30px !important;
  height: 30px !important;
  max-width: 30px !important;
  max-height: 30px !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
}
.stacks-pack-root {
  --background: 0 0% 6.7%;
  --foreground: 0 0% 93.3%;
  --card: 0 0% 9.8%;
  --card-foreground: 0 0% 93.3%;
  --popover: 0 0% 9.8%;
  --popover-foreground: 0 0% 93.3%;
  --primary: 30 100% 88%;
  --primary-foreground: 183 54% 7%;
  --secondary: 32 17% 19%;
  --secondary-foreground: 30 100% 88%;
  --muted: 0 0% 13.3%;
  --muted-foreground: 0 0% 70.6%;
  --accent: 0 0% 16.5%;
  --accent-foreground: 0 0% 93.3%;
  --destructive: 12 78% 54%;
  --destructive-foreground: 0 0% 100%;
  --border: 45 14% 11%;
  --input: 0 0% 28.2%;
  --ring: 30 100% 88%;
  --sidebar: 240 6% 10%;
  --sidebar-background: 240 6% 10%;
  --sidebar-foreground: 240 5% 96%;
  --sidebar-primary: 224 76% 48%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 240 4% 16%;
  --sidebar-accent-foreground: 240 5% 96%;
  --sidebar-border: 240 4% 16%;
  --sidebar-ring: 240 5% 84%;
  --radius: 0.5rem;
  color-scheme: dark;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
[data-cult-directory-template] {
  --background: 0 0% 100%;
  --foreground: 0 0% 3.9%;
  --card: 0 0% 100%;
  --card-foreground: 0 0% 3.9%;
  --popover: 0 0% 100%;
  --popover-foreground: 0 0% 3.9%;
  --primary: 0 0% 9%;
  --primary-foreground: 0 0% 98%;
  --secondary: 0 0% 96.1%;
  --secondary-foreground: 0 0% 9%;
  --muted: 0 0% 96.1%;
  --muted-foreground: 0 0% 45.1%;
  --accent: 0 0% 96.1%;
  --accent-foreground: 0 0% 9%;
  --destructive: 0 84.2% 60.2%;
  --destructive-foreground: 0 0% 98%;
  --border: 0 0% 89.8%;
  --input: 0 0% 89.8%;
  --ring: 0 0% 3.9%;
  --radius: 0.5rem;
}

[data-cult-directory-template].dark,
.dark [data-cult-directory-template] {
  --background: 0 0% 3.9%;
  --foreground: 0 0% 98%;
  --card: 0 0% 3.9%;
  --card-foreground: 0 0% 98%;
  --popover: 0 0% 3.9%;
  --popover-foreground: 0 0% 98%;
  --primary: 0 0% 98%;
  --primary-foreground: 0 0% 9%;
  --secondary: 0 0% 14.9%;
  --secondary-foreground: 0 0% 98%;
  --muted: 0 0% 14.9%;
  --muted-foreground: 0 0% 63.9%;
  --accent: 0 0% 14.9%;
  --accent-foreground: 0 0% 98%;
  --destructive: 0 62.8% 30.6%;
  --destructive-foreground: 0 0% 98%;
  --border: 0 0% 14.9%;
  --input: 0 0% 14.9%;
  --ring: 0 0% 83.1%;
}

[data-cult-directory-template] .text-muted-foreground {
  color: hsl(var(--muted-foreground));
}

[data-cult-directory-template] .bg-background {
  background-color: hsl(var(--background));
}

[data-cult-directory-template] .bg-muted {
  background-color: hsl(var(--muted));
}

[data-cult-directory-template] .text-foreground {
  color: hsl(var(--foreground));
}

@keyframes spin-scale {
  0% {
    transform: rotate(0deg) scale(1);
  }
  50% {
    transform: rotate(180deg) scale(1.08);
  }
  100% {
    transform: rotate(360deg) scale(1);
  }
}
.ai-workflow-canvas-root {
  --workflow-bg: 210 30% 97%;
  --workflow-surface: 0 0% 100%;
  --workflow-surface-hover: 210 22% 98%;
  --workflow-border: 214 17% 84%;
  --workflow-border-subtle: 214 20% 89%;
  --workflow-text: 218 22% 11%;
  --workflow-text-muted: 215 14% 43%;
  --workflow-text-subtle: 215 14% 55%;
  --workflow-node-bg: 0 0% 100%;
  --workflow-node-input: 214 28% 96%;
  --workflow-canvas-dot: 216 20% 82%;
  --workflow-edge: 216 13% 58%;
  --workflow-handle: 218 12% 52%;
  --workflow-handle-border: 218 12% 70%;
  color: hsl(var(--workflow-text));
  background: hsl(var(--workflow-bg));
}

.ai-workflow-canvas-root.dark {
  --workflow-bg: 226 22% 6%;
  --workflow-surface: 224 20% 9%;
  --workflow-surface-hover: 224 18% 12%;
  --workflow-border: 220 14% 22%;
  --workflow-border-subtle: 220 14% 27%;
  --workflow-text: 214 18% 91%;
  --workflow-text-muted: 215 10% 66%;
  --workflow-text-subtle: 215 9% 52%;
  --workflow-node-bg: 224 20% 9%;
  --workflow-node-input: 224 18% 14%;
  --workflow-canvas-dot: 220 12% 19%;
  --workflow-edge: 220 10% 36%;
  --workflow-handle: 220 8% 44%;
  --workflow-handle-border: 220 9% 56%;
}

.ai-workflow-canvas-root .react-flow__node,
.ai-workflow-canvas-root .react-flow__node-output,
.ai-workflow-canvas-root .react-flow__node-input,
.ai-workflow-canvas-root .react-flow__node-default,
.ai-workflow-canvas-root .react-flow__node-custom {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.ai-workflow-canvas-root .react-flow__controls {
  background: hsl(var(--workflow-surface)) !important;
  border: 1px solid hsl(var(--workflow-border)) !important;
  border-radius: 0.5rem !important;
}

.ai-workflow-canvas-root .react-flow__controls-button {
  background: hsl(var(--workflow-surface)) !important;
  border-bottom: 1px solid hsl(var(--workflow-border)) !important;
  fill: hsl(var(--workflow-text-muted)) !important;
}

.ai-workflow-canvas-root .react-flow__controls-button:hover {
  background: hsl(var(--workflow-surface-hover)) !important;
  fill: hsl(var(--workflow-text)) !important;
}

.ai-workflow-canvas-root .react-flow__minimap {
  background: hsl(var(--workflow-surface)) !important;
  border: 1px solid hsl(var(--workflow-border)) !important;
  border-radius: 0.5rem !important;
}

.ai-workflow-canvas-root .react-flow__edge-path {
  stroke: hsl(var(--workflow-edge)) !important;
  stroke-width: 1.8px !important;
}

.ai-workflow-canvas-root .react-flow__attribution {
  display: none !important;
}

.ai-workflow-canvas-root .rd-dev-map-drop-target > div {
  outline: 2px solid hsl(var(--primary));
  outline-offset: 3px;
}
.rd-docsai {
  --docsai-bg: #111214;
  --docsai-panel: #191b1f;
  --docsai-panel-2: #22252a;
  --docsai-line: #343840;
  --docsai-text: #f0f1f3;
  --docsai-muted: #a5abb5;
  --docsai-accent: #9bbcff;
  --docsai-accent-bg: #1d2a43;
  --docsai-accent-line: #496da6;
  --docsai-warn: #e7c778;
  --docsai-warn-bg: #2b261a;
  --docsai-warn-line: #6b5a31;
  --docsai-radius: 10px;
  --docsai-chrome: 12px;
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  min-height: 100%;
  overflow: auto;
  color: var(--docsai-text);
  background: var(--docsai-bg);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.rd-docsai *,
.rd-docsai *::before,
.rd-docsai *::after {
  box-sizing: border-box;
}

.rd-docsai,
.rd-docsai h1,
.rd-docsai h2,
.rd-docsai h3,
.rd-docsai p,
.rd-docsai button,
.rd-docsai input,
.rd-docsai span,
.rd-docsai strong,
.rd-docsai li {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  color: inherit;
}

.rd-docsai-shell {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 24px 24px 48px;
}

.rd-docsai-header {
  margin-bottom: 22px;
}

.rd-docsai-pills {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}

.rd-docsai-pill {
  padding: 4px 9px;
  border: 1px solid var(--docsai-line);
  border-radius: 999px;
  color: var(--docsai-muted);
  font-size: var(--docsai-chrome);
  font-weight: 600;
}

.rd-docsai-pill-primary {
  border-color: var(--docsai-accent-line);
  background: var(--docsai-accent-bg);
  color: var(--docsai-accent);
}

.rd-docsai-header h1 {
  margin: 0;
  font-size: clamp(28px, 5vw, 44px);
  line-height: 1.08;
  letter-spacing: -0.035em;
  font-weight: 600;
}

.rd-docsai-header p {
  margin: 12px 0 0;
  max-width: none;
  color: var(--docsai-muted);
  font-size: 17px;
  line-height: 1.55;
}

.rd-docsai-banner {
  margin-bottom: 22px;
  padding: 16px 18px;
  border: 1px solid var(--docsai-warn-line);
  border-radius: var(--docsai-radius);
  background: var(--docsai-warn-bg);
}

.rd-docsai-banner strong {
  display: block;
  margin-bottom: 4px;
  color: var(--docsai-warn);
  font-size: 14px;
}

.rd-docsai-banner p {
  margin: 0;
  color: #d9dee8;
  font-size: 14px;
}

.rd-docsai-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: 12px;
  margin-bottom: 38px;
}

.rd-docsai-card,
.rd-docsai-doc,
.rd-docsai-feature,
.rd-docsai-details {
  padding: 17px;
  border: 1px solid var(--docsai-line);
  border-radius: var(--docsai-radius);
  background: var(--docsai-panel);
}

.rd-docsai h2 {
  margin: 0 0 7px;
  font-size: 21px;
  letter-spacing: -0.02em;
  font-weight: 600;
}

.rd-docsai-card h2,
.rd-docsai-feature h3,
.rd-docsai-doc h3,
.rd-docsai-details h3 {
  margin: 0 0 7px;
  font-size: 15px;
  font-weight: 600;
}

.rd-docsai-card p,
.rd-docsai-feature p {
  margin: 0 0 14px;
  color: var(--docsai-muted);
  font-size: 14px;
  line-height: 1.55;
}

.rd-docsai-feature p {
  margin-bottom: 0;
}

.rd-docsai-dropzone {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 10rem;
  padding: 18px;
  border: 1px dashed var(--docsai-line);
  border-radius: var(--docsai-radius);
  background: var(--docsai-panel-2);
  color: var(--docsai-muted);
  font-size: 14px;
  text-align: center;
}

.rd-docsai-dropzone[data-active='true'] {
  border-color: var(--docsai-accent-line);
  background: var(--docsai-accent-bg);
  color: var(--docsai-text);
}

.rd-docsai-dropzone input {
  display: none;
}

.rd-docsai-btn,
.rd-docsai-btn-ghost {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 7px 11px;
  border: 1px solid var(--docsai-line);
  border-radius: 6px;
  background: var(--docsai-panel);
  color: var(--docsai-muted);
  font: inherit;
  font-size: var(--docsai-chrome);
  font-weight: 650;
  cursor: pointer;
}

.rd-docsai-btn {
  border-color: var(--docsai-accent-line);
  background: var(--docsai-accent-bg);
  color: var(--docsai-accent);
}

.rd-docsai-btn:hover,
.rd-docsai-btn-ghost:hover {
  color: var(--docsai-text);
}

.rd-docsai-providers {
  display: grid;
  gap: 8px;
}

.rd-docsai-provider {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
  border: 1px solid var(--docsai-line);
  border-radius: var(--docsai-radius);
  background: var(--docsai-panel-2);
}

.rd-docsai-provider span {
  display: block;
  color: var(--docsai-muted);
  font-size: var(--docsai-chrome);
}

.rd-docsai-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 14px;
}

.rd-docsai-search {
  width: min(100%, 32rem);
  padding: 7px 11px;
  border: 1px solid var(--docsai-line);
  border-radius: 6px;
  background: var(--docsai-panel-2);
  color: var(--docsai-text);
  font: inherit;
  font-size: 14px;
}

.rd-docsai-search::-moz-placeholder {
  color: var(--docsai-muted);
}

.rd-docsai-search::placeholder {
  color: var(--docsai-muted);
}

.rd-docsai-docs {
  display: grid;
  gap: 12px;
}

.rd-docsai-doc-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.rd-docsai-meta {
  margin: 4px 0 12px;
  color: var(--docsai-muted);
  font-size: var(--docsai-chrome);
}

.rd-docsai-doc p,
.rd-docsai-details p {
  margin: 0 0 14px;
  color: var(--docsai-muted);
  font-size: 14px;
  line-height: 1.55;
}

.rd-docsai-menu-wrap {
  position: relative;
}

.rd-docsai-menu {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: 2;
  min-width: 10rem;
  padding: 4px;
  border: 1px solid var(--docsai-line);
  border-radius: 6px;
  background: var(--docsai-panel-2);
}

.rd-docsai-menu button {
  display: block;
  width: 100%;
  padding: 7px 11px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--docsai-text);
  font: inherit;
  font-size: var(--docsai-chrome);
  font-weight: 650;
  text-align: left;
  cursor: pointer;
}

.rd-docsai-menu button:hover {
  background: var(--docsai-accent-bg);
  color: var(--docsai-accent);
}

.rd-docsai-empty {
  margin: 0;
  padding: 17px;
  border: 1px dashed var(--docsai-line);
  border-radius: var(--docsai-radius);
  background: var(--docsai-panel);
  color: var(--docsai-muted);
  font-size: 14px;
  text-align: center;
}

.rd-docsai-details {
  margin-top: 16px;
  border-color: var(--docsai-accent-line);
  background: var(--docsai-accent-bg);
}

.rd-docsai-details h2 {
  margin: 0;
}

.rd-docsai-details ul {
  margin: 0;
  padding-left: 1.1rem;
  color: #d9dee8;
  font-size: 14px;
}

.rd-docsai-features {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
  margin-top: 14px;
}

@media (max-width: 780px) {
  .rd-docsai-grid {
    grid-template-columns: 1fr;
  }
}
/* Library composition uses the shared Primary UI surface and density tokens. */
.mw-workspace-library,
.mw-workspace-library-dialog {
  background: var(--core-frame);
  color: var(--core-ink);
  font-size: var(--core-control-label-size);
}

.mw-workspace-library .btb-frame {
  --core-tab-width: 92px;
  flex-shrink: 0;
  border-bottom: 1px solid var(--core-line);
}

/* Keep the seven equal tabs compact; tools wrap together when space is tight. */
.mw-workspace-library.core-workspace-ui.core-workspace-ui .btb-frame[data-btb] .btb-row[data-core-workspace-tab-row] {
  height: auto !important;
  max-height: none !important;
  flex-wrap: wrap;
  padding-block: 6px !important;
  gap: 6px;
}

.mw-workspace-library .btb-row-items {
  display: flex;
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
  gap: 3px;
  overflow-x: auto;
}

.mw-workspace-library .btb-row-extras {
  display: flex;
  flex: 1 1 300px;
  min-width: 0;
}

.mw-workspace-library :is(.mw-workspace-library__field, .mw-workspace-library__action),
.mw-workspace-library-dialog .mw-workspace-library__field {
  box-sizing: border-box;
  height: var(--core-control-height) !important;
  min-height: var(--core-control-height) !important;
  border: 1px solid var(--core-button-line);
  border-radius: 3px;
  color: var(--core-ink);
  font-family: inherit;
  font-size: var(--core-control-label-size) !important;
  line-height: 1 !important;
}

.mw-workspace-library__field {
  padding-block: 2px;
  background: var(--core-field);
  outline: none;
}

.mw-workspace-library__field::-moz-placeholder {
  color: var(--core-muted);
}

.mw-workspace-library__field::placeholder {
  color: var(--core-muted);
}

.mw-workspace-library__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding-inline: 6px;
  background: var(--core-button);
  font-weight: 500;
  text-transform: lowercase;
}

.mw-workspace-library__action:hover,
.mw-workspace-library__category:hover,
.mw-workspace-library__row:hover {
  background: var(--core-hover);
}

.mw-workspace-library :is(button, input, select):focus-visible,
.mw-workspace-library-dialog :is(button, input, select):focus-visible {
  outline: 2px solid hsl(var(--ring));
  outline-offset: -2px;
}

.mw-workspace-library__category,
.mw-workspace-library__row {
  min-height: var(--core-row-height);
  padding-block: 3px;
  border: 0;
  border-radius: 3px;
  color: var(--core-ink);
  font-size: var(--core-control-label-size);
}

.mw-workspace-library__category {
  background: var(--core-bar);
}

.mw-workspace-library__row {
  background: var(--core-panel);
}

.mw-workspace-library__row[aria-current='true'] {
  background: var(--core-selected);
}

.mw-workspace-library__finder {
  background: var(--core-frame);
  border: 1px solid var(--core-line);
}

.mw-workspace-library__finder-nav {
  width: var(--core-panel-width);
  max-width: 42%;
  background: var(--core-panel);
  border-right: 1px solid var(--core-line);
}

.mw-workspace-library__card,
.mw-workspace-library__finder-preview {
  background: var(--core-panel);
  border: 1px solid var(--core-line);
  border-radius: 3px;
}

.mw-workspace-library__strip,
.mw-workspace-library__details {
  background: var(--core-bar);
  color: var(--core-ink);
  border-bottom: 1px solid var(--core-line);
}

.mw-workspace-library__card-footer,
.mw-workspace-library-dialog .mw-workspace-library__strip:last-child {
  border-bottom: 0;
  border-top: 1px solid var(--core-line);
}

.mw-workspace-library__details {
  border: 1px solid var(--core-line);
  border-radius: 3px;
}

.mw-workspace-library__preview,
.mw-workspace-library__preview-fallback {
  background: var(--core-frame);
}

.mw-workspace-library__preview-well {
  background: var(--core-panel);
}

.mw-workspace-library-dialog {
  border-color: var(--core-button-line);
}
/* Resource Database Styles - Notion-like aesthetic */

.resource-database {
  min-height: 600px;
}

/* Gallery Grid - Default (Medium) */
.resource-gallery-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1rem;
}

@media (min-width: 640px) {
  .resource-gallery-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .resource-gallery-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1280px) {
  .resource-gallery-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* Extra Small Grid - 12 columns on XL */
.resource-gallery-grid-xs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}

@media (min-width: 640px) {
  .resource-gallery-grid-xs {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 1024px) {
  .resource-gallery-grid-xs {
    grid-template-columns: repeat(8, 1fr);
  }
}

@media (min-width: 1280px) {
  .resource-gallery-grid-xs {
    grid-template-columns: repeat(12, 1fr);
  }
}

/* Small Grid - 8 columns on XL */
.resource-gallery-grid-sm {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}

@media (min-width: 640px) {
  .resource-gallery-grid-sm {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1024px) {
  .resource-gallery-grid-sm {
    grid-template-columns: repeat(6, 1fr);
  }
}

@media (min-width: 1280px) {
  .resource-gallery-grid-sm {
    grid-template-columns: repeat(8, 1fr);
  }
}

/* Medium Grid - 4 columns on XL (default) */
.resource-gallery-grid-md {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1rem;
}

@media (min-width: 640px) {
  .resource-gallery-grid-md {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .resource-gallery-grid-md {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1280px) {
  .resource-gallery-grid-md {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* Large Grid - 3 columns on XL */
.resource-gallery-grid-lg {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1rem;
}

@media (min-width: 640px) {
  .resource-gallery-grid-lg {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .resource-gallery-grid-lg {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1280px) {
  .resource-gallery-grid-lg {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Gallery Card */
.resource-gallery-card {
  display: flex;
  flex-direction: column;
  border-radius: 0.5rem;
  border: 1px solid var(--border);
  background: var(--card);
  overflow: hidden;
  transition: all 0.2s ease;
  cursor: pointer;
}

.resource-gallery-card:hover {
  border-color: oklch(var(--foreground) / 0.15);
  box-shadow: 0 4px 12px -2px oklch(var(--foreground) / 0.08);
  transform: translateY(-2px);
}

.resource-gallery-card-header {
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: oklch(var(--muted) / 0.5);
  position: relative;
}

/* Card Size Variants - Header Heights */
.resource-gallery-card-xs .resource-gallery-card-header {
  height: 50px;
}

.resource-gallery-card-sm .resource-gallery-card-header {
  height: 70px;
}

.resource-gallery-card-md .resource-gallery-card-header {
  height: 120px;
}

.resource-gallery-card-lg .resource-gallery-card-header {
  height: 160px;
}

/* Card Size Variants - Body Padding */
.resource-gallery-card-xs .resource-gallery-card-body {
  padding: 0.5rem;
  gap: 0.25rem;
}

.resource-gallery-card-sm .resource-gallery-card-body {
  padding: 0.5rem;
  gap: 0.25rem;
}

/* Card Size Variants - Title Sizes */
.resource-gallery-card-xs .resource-gallery-card-title {
  font-size: 0.65rem;
  -webkit-line-clamp: 1;
}

.resource-gallery-card-sm .resource-gallery-card-title {
  font-size: 0.75rem;
  -webkit-line-clamp: 1;
}

/* Card Size Variants - Hide elements on small sizes */
.resource-gallery-card-xs .resource-gallery-card-description,
.resource-gallery-card-xs .resource-gallery-card-meta,
.resource-gallery-card-sm .resource-gallery-card-description {
  display: none;
}

.resource-gallery-card-sm .resource-gallery-card-meta {
  margin-top: 0.25rem;
}

/* Card Size Variants - Icon Sizes */
.resource-gallery-card-xs .resource-gallery-card-header svg {
  width: 1.25rem;
  height: 1.25rem;
}

.resource-gallery-card-sm .resource-gallery-card-header svg {
  width: 1.5rem;
  height: 1.5rem;
}

.resource-gallery-card-lg .resource-gallery-card-header svg {
  width: 3.5rem;
  height: 3.5rem;
}

/* Card Size Variants - Platform Badge */
.resource-gallery-card-xs .resource-gallery-card-header > div:not(.resource-gallery-card-actions) {
  display: none;
}

.resource-gallery-card-sm .resource-gallery-card-header > div:not(.resource-gallery-card-actions) {
  display: none;
}

.resource-gallery-card-header.is-image {
  background-size: cover;
  background-position: center;
}

.resource-gallery-card-body {
  padding: 0.75rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.resource-gallery-card-title {
  font-weight: 600;
  font-size: 0.875rem;
  color: var(--foreground);
  line-height: 1.25;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.resource-gallery-card-description {
  font-size: 0.75rem;
  color: var(--muted-foreground);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.resource-gallery-card-meta {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  font-size: 0.75rem;
  color: var(--muted-foreground);
}

.resource-gallery-card-actions {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.resource-gallery-card:hover .resource-gallery-card-actions {
  opacity: 1;
}

/* List View */
.resource-list-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--border);
  transition: background-color 0.15s ease;
}

.resource-list-item:hover {
  background-color: oklch(var(--muted) / 0.5);
}

.resource-list-item:last-child {
  border-bottom: none;
}

/* MUI DataGrid Overrides */
.MuiDataGrid-root {
  border: none !important;
  font-family: inherit !important;
}

.MuiDataGrid-columnHeaders {
  background-color: oklch(var(--muted) / 0.3) !important;
  border-bottom: 1px solid var(--border) !important;
}

.MuiDataGrid-columnHeaderTitle {
  font-weight: 600 !important;
  font-size: 0.75rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: var(--muted-foreground) !important;
}

.MuiDataGrid-cell {
  border-bottom: 1px solid oklch(var(--border) / 0.5) !important;
  color: var(--foreground) !important;
}

.MuiDataGrid-row:hover {
  background-color: oklch(var(--muted) / 0.3) !important;
}

.MuiDataGrid-footerContainer {
  border-top: 1px solid var(--border) !important;
}

.MuiTablePagination-root {
  color: var(--muted-foreground) !important;
}

/* View Mode Toggle */
.view-mode-toggle {
  display: flex;
  gap: 0.25rem;
  padding: 0.25rem;
  background: var(--muted);
  border-radius: 0.375rem;
}

.view-mode-btn {
  padding: 0.375rem;
  border-radius: 0.25rem;
  color: var(--muted-foreground);
  transition: all 0.15s ease;
}

.view-mode-btn:hover {
  color: var(--foreground);
}

.view-mode-btn.active {
  background: var(--background);
  color: var(--foreground);
  box-shadow: 0 1px 2px oklch(var(--foreground) / 0.05);
}

/* Featured Star Animation */
.featured-star {
  animation: pulse-star 2s ease-in-out infinite;
}

@keyframes pulse-star {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.1); }
}

/* Shelf Accordion Styles */
.shelf-accordion {
  margin-bottom: 2.5px;
}

.shelf-accordion [data-state="open"] > div:first-child {
  border-bottom: 1px solid oklch(var(--border) / 0.5);
}

.shelf-accordion .resource-gallery-grid {
  margin-left: 0;
}

/* Shelf empty state */
.shelf-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  text-align: center;
  color: var(--muted-foreground);
}

.shelf-empty-state-icon {
  width: 3rem;
  height: 3rem;
  margin-bottom: 0.75rem;
  opacity: 0.5;
}

/* Resource Card Tags */
.resource-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-top: 0.25rem;
}

.resource-tag-usecase {
  background: hsl(45 93% 47% / 0.15);
  color: hsl(32 95% 44%);
  border: 1px solid hsl(45 93% 47% / 0.3);
}

.resource-tag-shelf {
  background: var(--muted);
  color: var(--foreground);
  border: 1px solid var(--border);
}

.resource-tag-section {
  background: hsl(158 64% 52% / 0.15);
  color: hsl(158 64% 32%);
  border: 1px solid hsl(158 64% 52% / 0.3);
}

/* Dark mode tag adjustments */
.dark .resource-tag-usecase {
  background: hsl(45 93% 47% / 0.2);
  color: hsl(45 93% 60%);
}

.dark .resource-tag-section {
  background: hsl(158 64% 52% / 0.2);
  color: hsl(158 64% 60%);
}

/* Hide tags on xs/sm card sizes */
.resource-gallery-card-xs .resource-card-tags,
.resource-gallery-card-sm .resource-card-tags {
  display: none;
}

/* =============================================
   Drag & Drop Polish - Clean Orange Stroke
   ============================================= */

/* Drag handle states */
[data-dnd-handle="true"] {
  cursor: grab;
  touch-action: none;
}

[data-dnd-handle="true"]:active {
  cursor: grabbing;
}

/* Drag overlay - clean minimal styling with orange stroke */
.resource-drag-overlay {
  outline: 2px solid rgb(249, 115, 22);
  outline-offset: -1px;
  border-radius: 0.5rem;
  box-shadow: 0 4px 12px -2px rgba(0, 0, 0, 0.15);
}

/* Drop target shelf - subtle highlight */
.droppable-shelf-over {
  box-shadow: 0 0 0 2px rgb(249, 115, 22);
  border-radius: 0.5rem;
}.cdp-root {
  --background: oklch(0.196 0.0015 106);
  --foreground: oklch(0.905 0.003 106);
  --paper: oklch(0.223 0.0015 106);
  --card: oklch(0.223 0.0015 106);
  --card-foreground: oklch(0.905 0.003 106);
  --popover: oklch(0.246 0.0015 106);
  --popover-foreground: oklch(0.905 0.003 106);
  --primary: oklch(0.62 0.146 250);
  --primary-foreground: oklch(0.98 0.003 106);
  --secondary: oklch(0.268 0.0015 106);
  --secondary-foreground: oklch(0.86 0.003 106);
  --muted: oklch(0.268 0.0015 106);
  --muted-foreground: oklch(0.62 0.003 106);
  --accent: oklch(0.32 0.03 250);
  --accent-foreground: oklch(0.86 0.02 250);
  --destructive: oklch(0.58 0.19 27);
  --destructive-foreground: oklch(0.98 0.003 106);
  --border: oklch(0.3 0.0015 106);
  --input: oklch(0.3 0.0015 106);
  --ring: oklch(0.62 0.146 250);
  --radius: 6px;
  color-scheme: dark;
  background: var(--background);
  color: var(--foreground);
}

.cdp-root .bg-paper {
  background-color: var(--paper);
}

.cdp-root .bg-grid {
  background-image: radial-gradient(oklch(0.905 0.003 106 / 0.02) 1px, transparent 1px);
  background-size: 22px 22px;
}

.cdp-root .label {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--muted-foreground);
}
.creative-inspirator-root {
  --background: oklch(0.995 0 0);
  --foreground: oklch(0.16 0 0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.16 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.16 0 0);
  --primary: oklch(0.16 0 0);
  --primary-foreground: oklch(0.99 0 0);
  --secondary: oklch(0.965 0 0);
  --secondary-foreground: oklch(0.22 0 0);
  --muted: oklch(0.965 0 0);
  --muted-foreground: oklch(0.58 0 0);
  --accent: oklch(0.96 0 0);
  --accent-foreground: oklch(0.22 0 0);
  --destructive: oklch(0.58 0.22 27);
  --border: oklch(0.925 0 0);
  --input: oklch(0.92 0 0);
  --ring: oklch(0.7 0 0);
  --radius: 0.6rem;
  color-scheme: light;
  background: var(--background);
  color: var(--foreground);
}

.dark .creative-inspirator-root,
.creative-inspirator-root.dark {
  --background: oklch(0.115 0 0);
  --foreground: oklch(0.97 0 0);
  --card: oklch(0.155 0 0);
  --card-foreground: oklch(0.97 0 0);
  --popover: oklch(0.145 0 0);
  --popover-foreground: oklch(0.97 0 0);
  --primary: oklch(0.97 0 0);
  --primary-foreground: oklch(0.14 0 0);
  --secondary: oklch(0.21 0 0);
  --secondary-foreground: oklch(0.97 0 0);
  --muted: oklch(0.2 0 0);
  --muted-foreground: oklch(0.62 0 0);
  --accent: oklch(0.22 0 0);
  --accent-foreground: oklch(0.97 0 0);
  --destructive: oklch(0.62 0.21 25);
  --border: oklch(1 0 0 / 10%);
  --input: oklch(1 0 0 / 14%);
  --ring: oklch(0.55 0 0);
  color-scheme: dark;
}

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

.creative-inspirator-root .no-scrollbar::-webkit-scrollbar {
  display: none;
}
.digital-magazine-root {
  --background: oklch(0.23 0.02 260);
  --foreground: oklch(0.96 0.02 85);
  --card: oklch(0.95 0.03 85);
  --card-foreground: oklch(0.25 0.03 260);
  --popover: oklch(0.95 0.03 85);
  --popover-foreground: oklch(0.25 0.03 260);
  --primary: oklch(0.62 0.17 45);
  --primary-foreground: oklch(0.97 0.02 85);
  --secondary: oklch(0.3 0.03 260);
  --secondary-foreground: oklch(0.96 0.02 85);
  --muted: oklch(0.9 0.03 85);
  --muted-foreground: oklch(0.45 0.03 260);
  --accent: oklch(0.62 0.17 45);
  --accent-foreground: oklch(0.97 0.02 85);
  --destructive: oklch(0.577 0.245 27.325);
  --border: oklch(0.4 0.03 260);
  --input: oklch(0.4 0.03 260);
  --ring: oklch(0.62 0.17 45);
  --radius: 0.625rem;
  color-scheme: light;
  background: var(--background);
  color: var(--foreground);
  font-family: 'Archivo', ui-sans-serif, system-ui, sans-serif;
}

.digital-magazine-root .font-serif {
  font-family: 'Fraunces', ui-serif, Georgia, serif;
}

.digital-magazine-root .font-sans {
  font-family: 'Archivo', ui-sans-serif, system-ui, sans-serif;
}
/*
 * Inter (Variable)
 */
 @font-face {
  font-family: 'Inter';
  font-display: swap;
  src: url(/assets/Inter-VariableFont_slnt_wght-ZO3WBJgw.ttf);
  font-weight: 1 999;
}

/*
 * Source Code Pro (Variable)
 */
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-display: swap;
  src: url(/assets/SourceCodePro-VariableFont_wght-DYQh_o1b.ttf);
}

@font-face {
  font-family: 'Source Code Pro';
  font-style: italic;
  font-display: swap;
  src: url(/assets/SourceCodePro-Italic-VariableFont_wght-Cq9z2-k9.ttf);
}

/*
 * Kalam
 */
@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/Kalam-Regular-eH010FEw.ttf);
}

@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/Kalam-Light-DNdFQBgc.ttf);
}

@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/Kalam-Bold-DrYU5j2_.ttf);
}

/*
 * Source Serif 4
 */
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/SourceSerif4-Regular-DNQXXrSE.ttf);
}

@font-face {
  font-family: 'Source Serif 4';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/SourceSerif4-Italic-C66DA8dz.ttf);
}

@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/SourceSerif4-Medium-Cg_JQ5cg.ttf);
}

@font-face {
  font-family: 'Source Serif 4';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/SourceSerif4-MediumItalic-VtEZce53.ttf);
}

@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/SourceSerif4-SemiBold-CnxoiuEo.ttf);
}

@font-face {
  font-family: 'Source Serif 4';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/SourceSerif4-SemiBoldItalic-zQTqA-2E.ttf);
}

@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/SourceSerif4-Bold-DPqh1sRO.ttf);
}

@font-face {
  font-family: 'Source Serif 4';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/SourceSerif4-BoldItalic-X9yWIZMk.ttf);
}

/*
  * Space Mono
  */
@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/SpaceMono-Regular-7wDOIQj2.ttf);
}

@font-face {
  font-family: 'Space Mono';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/SpaceMono-Italic-5Vcs-QJA.ttf);
}

@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/SpaceMono-Bold-OmHk4iMk.ttf);
}

@font-face {
  font-family: 'Space Mono';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/SpaceMono-BoldItalic-BwFrdMZo.ttf);
}

/*
  * IBM Plex Mono
  */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/IBMPlexMono-Regular-BCvwfN5l.ttf);
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/IBMPlexMono-Italic-CLUCr1wN.ttf);
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/IBMPlexMono-Bold-DYbenGlc.ttf);
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/IBMPlexMono-BoldItalic-B5zX-gTL.ttf);
}
:root{--affine-font-family: "Inter", "Source Sans 3", Poppins, apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji","Segoe UI Symbol", "Noto Color Emoji";--affine-font-serif-family: "Source Serif 4", "Noto Serif" , serif, "Cambria", apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji","Segoe UI Symbol", "Noto Color Emoji";--affine-font-mono-family: "Source Code Pro", "IBM Plex Mono", "Roboto Mono","Noto Sans Mono", "Noto Sans CJK", apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji","Segoe UI Symbol", "Noto Color Emoji";--affine-font-sans-family: "Inter", "Source Sans 3", Poppins, apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji","Segoe UI Symbol", "Noto Color Emoji";--affine-font-number-family: "Roboto Mono", "Noto Sans Mono", apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji","Segoe UI Symbol", "Noto Color Emoji";--affine-font-code-family: "IBM Plex Mono", "Space Mono", Consolas, Menlo, Monaco, Courier, monospace, apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji","Segoe UI Symbol", "Noto Color Emoji";--affine-font-title: 36px;--affine-font-h-1: 28px;--affine-font-h-2: 26px;--affine-font-h-3: 24px;--affine-font-h-4: 22px;--affine-font-h-5: 20px;--affine-font-h-6: 18px;--affine-font-base: 15px;--affine-font-sm: 14px;--affine-font-xs: 12px;--affine-line-height:calc(1em + 8px);--affine-z-index-modal: 1000;--affine-z-index-popover: 1000;--affine-paragraph-space: 8px;--affine-popover-radius: 12px;--affine-editor-width: 944px;--affine-editor-side-padding: 96px;--affine-zoom: 1;--affine-scale: calc(1 / var(--affine-zoom));--affine-palette-line-yellow: rgb(255, 211, 56);--affine-palette-line-orange: rgb(255, 175, 56);--affine-palette-line-tangerine: rgb(250, 124, 69);--affine-palette-line-red: rgb(237, 63, 63);--affine-palette-line-magenta: rgb(230, 96, 164);--affine-palette-line-purple: rgb(110, 82, 223);--affine-palette-line-navy: rgb(59, 37, 204);--affine-palette-line-blue: rgb(79, 144, 255);--affine-palette-line-teal: rgb(122, 226, 213);--affine-palette-line-green: rgb(124, 194, 112);--affine-palette-line-white: rgb(255, 255, 255);--affine-palette-line-black: rgb(35, 35, 35);--affine-palette-line-grey: rgb(191, 192, 191);--affine-palette-shape-yellow: rgb(255, 223, 107);--affine-palette-shape-orange: rgb(255, 196, 107);--affine-palette-shape-tangerine: rgb(251, 161, 121);--affine-palette-shape-red: rgb(241, 111, 111);--affine-palette-shape-magenta: rgb(237, 140, 189);--affine-palette-shape-purple: rgb(147, 126, 231);--affine-palette-shape-navy: rgb(122, 149, 246);--affine-palette-shape-blue: rgb(184, 227, 255);--affine-palette-shape-green: rgb(157, 209, 148);--affine-palette-shape-white: rgb(255, 255, 255);--affine-palette-shape-black: rgb(35, 35, 35);--affine-palette-shape-grey: rgb(216, 217, 216);--affine-multi-players-purple: rgba(123,97,255,1);--affine-multi-players-magenta: rgba(245, 49, 179, 1);--affine-multi-players-red: rgba(243,87,52,1);--affine-multi-players-orange: rgba(255, 138, 0, 1);--affine-multi-players-green: rgba(27, 196, 125, 1);--affine-palette-shape-teal: rgb(184, 242, 231);--affine-multi-players-blue: rgba(24, 160, 251, 1);--affine-multi-players-brown: rgba(154, 101, 51, 1);--affine-multi-players-grey: rgba(170, 170, 170, 1);--affine-blue: rgba(30, 150, 235, 1);--affine-pure-black: rgba(0, 0, 0, 1);--affine-pure-black-10: rgba(0, 0, 0, .1);--affine-pure-black-20: rgba(0, 0, 0, .2);--affine-pure-black-80: rgba(0, 0, 0, .8);--affine-pure-white: rgba(255, 255, 255, 1);--affine-pure-white-10: rgba(255, 255, 255, .1);--affine-toggle-circle-background-color: rgba(255, 255, 255, 1);--affine-toggle-disable-background-color: rgba(119, 117, 125, 1);--affine-toggle-circle-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .25), inset -2px -3px 2px 0px rgba(0, 0, 0, .05);--affine-button-inner-shadow: unset;--affine-multi-cursors-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .28);--affine-multi-players-shadow: 0px 1px 6px 0px rgba(0, 0, 0, .16);--affine-grabbing-cursor: url(data:image/svg+xml,%20%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.6944%208.33487C10.9653%207.67285%2011.6283%207.21423%2012.3869%207.21423C13.1346%207.21423%2013.7895%207.65975%2014.0675%208.30642C14.3487%208.13443%2014.6802%208.03569%2015.0322%208.03569C16.0254%208.03569%2016.8548%208.82187%2016.8548%209.8214V9.90652C17.103%209.78332%2017.383%209.71426%2017.6774%209.71426C18.6706%209.71426%2019.5%2010.5004%2019.5%2011.5V14.5714C19.5%2018.4111%2016.3018%2021.5%2012.3869%2021.5C11.4279%2021.5%2010.5029%2021.3687%209.61008%2020.9533C8.71611%2020.5373%207.89034%2019.8532%207.10147%2018.8019L5.08581%2016.1683C4.51001%2015.4567%204.57347%2014.4352%205.23%2013.797C5.93899%2013.1078%207.08249%2013.1078%207.79148%2013.797L7.79968%2013.805C7.84226%2013.8483%207.88165%2013.889%207.91846%2013.9273C7.92006%2013.726%207.91977%2013.4872%207.91942%2013.2045C7.91926%2013.0733%207.91909%2012.9325%207.91909%2012.7817V9.85709C7.91909%208.85756%208.74847%208.07138%209.7417%208.07138C10.0887%208.07138%2010.4158%208.16735%2010.6944%208.33487ZM10.5643%209.85712C10.5643%209.43634%2010.2095%209.07138%209.7417%209.07138C9.27389%209.07138%208.91909%209.43633%208.91909%209.85709V12.7817C8.91909%2012.9257%208.91926%2013.0621%208.91943%2013.1909C8.92002%2013.6625%208.92049%2014.0329%208.91187%2014.307C8.9064%2014.481%208.89684%2014.6361%208.87748%2014.7637C8.8624%2014.863%208.82868%2015.055%208.70064%2015.2061C8.62011%2015.3012%208.49922%2015.3839%208.34225%2015.4068C8.19872%2015.4279%208.07952%2015.3907%208.00536%2015.3581C7.87099%2015.299%207.7587%2015.1973%207.68787%2015.1301C7.60764%2015.0539%207.49797%2014.9378%207.37723%2014.8099C7.28546%2014.7128%207.18728%2014.6088%207.09077%2014.5105C6.76957%2014.2021%206.24669%2014.2033%205.92703%2014.514C5.63861%2014.7944%205.614%2015.2343%205.86566%2015.5423L5.87549%2015.5548L7.90002%2018.2C8.61071%2019.1475%209.31465%2019.7129%2010.032%2020.0466C10.751%2020.3812%2011.5195%2020.5%2012.3869%2020.5C15.7764%2020.5%2018.5%2017.8323%2018.5%2014.5714V11.5C18.5%2011.0792%2018.1452%2010.7143%2017.6774%2010.7143C17.2096%2010.7143%2016.8548%2011.0792%2016.8548%2011.5V12C16.8548%2012.2761%2016.6309%2012.5%2016.3548%2012.5C16.0786%2012.5%2015.8548%2012.2761%2015.8548%2012V9.8214C15.8548%209.40064%2015.5%209.03569%2015.0322%209.03569C14.5643%209.03569%2014.2095%209.40064%2014.2095%209.8214V11.1428C14.2095%2011.419%2013.9857%2011.6428%2013.7095%2011.6428C13.4334%2011.6428%2013.2095%2011.419%2013.2095%2011.1428V8.99995C13.2095%208.57919%2012.8547%208.21423%2012.3869%208.21423C11.9191%208.21423%2011.5643%208.57919%2011.5643%208.99995V11.1428C11.5643%2011.419%2011.3405%2011.6428%2011.0643%2011.6428C10.7882%2011.6428%2010.5643%2011.419%2010.5643%2011.1428V9.85712Z%22%20fill%3D%22black%22%20%2F%3E%20%3Cpath%20d%3D%22M9.7417%209.07138C10.2095%209.07138%2010.5643%209.43634%2010.5643%209.85712V11.1428C10.5643%2011.419%2010.7882%2011.6428%2011.0643%2011.6428C11.3405%2011.6428%2011.5643%2011.419%2011.5643%2011.1428V8.99995C11.5643%208.57919%2011.9191%208.21423%2012.3869%208.21423C12.8547%208.21423%2013.2095%208.57919%2013.2095%208.99995V11.1428C13.2095%2011.419%2013.4334%2011.6428%2013.7095%2011.6428C13.9857%2011.6428%2014.2095%2011.419%2014.2095%2011.1428V9.8214C14.2095%209.40064%2014.5643%209.03569%2015.0322%209.03569C15.5%209.03569%2015.8548%209.40064%2015.8548%209.8214V12C15.8548%2012.2761%2016.0786%2012.5%2016.3548%2012.5C16.6309%2012.5%2016.8548%2012.2761%2016.8548%2012V11.5C16.8548%2011.0792%2017.2096%2010.7143%2017.6774%2010.7143C18.1452%2010.7143%2018.5%2011.0792%2018.5%2011.5V14.5714C18.5%2017.8323%2015.7764%2020.5%2012.3869%2020.5C11.5195%2020.5%2010.751%2020.3812%2010.032%2020.0466C9.31465%2019.7129%208.61071%2019.1475%207.90002%2018.2L5.87549%2015.5548L5.86566%2015.5423C5.614%2015.2343%205.63861%2014.7944%205.92703%2014.514C6.24669%2014.2033%206.76957%2014.2021%207.09077%2014.5105C7.18728%2014.6088%207.28546%2014.7128%207.37723%2014.8099C7.49797%2014.9378%207.60764%2015.0539%207.68787%2015.1301C7.7587%2015.1973%207.87099%2015.299%208.00536%2015.3581C8.07952%2015.3907%208.19872%2015.4279%208.34225%2015.4068C8.49922%2015.3839%208.62011%2015.3012%208.70064%2015.2061C8.82868%2015.055%208.8624%2014.863%208.87748%2014.7637C8.89684%2014.6361%208.9064%2014.481%208.91187%2014.307C8.92049%2014.0329%208.92002%2013.6625%208.91943%2013.1909C8.91926%2013.0621%208.91909%2012.9257%208.91909%2012.7817V9.85709C8.91909%209.43633%209.27389%209.07138%209.7417%209.07138Z%22%20fill%3D%22white%22%20%2F%3E%20%3C%2Fsvg%3E), grabbing;--affine-grab-cursor: url(data:image/svg+xml,%20%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.6944%203.62063C10.9653%202.95862%2011.6283%202.5%2012.3869%202.5C13.3802%202.5%2014.2096%203.28619%2014.2096%204.28571V4.40655C14.4578%204.28334%2014.7378%204.21429%2015.0322%204.21429C16.0254%204.21429%2016.8548%205.00047%2016.8548%206V6.97798C17.103%206.85477%2017.383%206.78571%2017.6774%206.78571C18.6706%206.78571%2019.5%207.5719%2019.5%208.57143V14.5714C19.5%2018.4111%2016.3018%2021.5%2012.3869%2021.5C11.4279%2021.5%2010.5029%2021.3687%209.61009%2020.9533C8.71742%2020.538%207.89275%2019.8553%207.10492%2018.8065L3.89715%2014.8057C3.31723%2014.0938%203.37951%2013.0692%204.03749%2012.4296C4.74649%2011.7404%205.88998%2011.7404%206.59897%2012.4296C6.60945%2012.4398%206.61948%2012.4504%206.62902%2012.4615L7.19243%2013.1145C7.49969%2013.4896%207.73216%2013.7452%207.90552%2013.9094C7.90575%2013.9058%207.90599%2013.9021%207.90621%2013.8984C7.92066%2013.6641%207.92009%2013.374%207.91941%2013.0239C7.91926%2012.9461%207.9191%2012.8654%207.9191%2012.7817V5.14286C7.9191%204.14333%208.74848%203.35714%209.74172%203.35714C10.0887%203.35714%2010.4158%203.45312%2010.6944%203.62063ZM11.5643%2011.1429C11.5643%2011.419%2011.3405%2011.6429%2011.0643%2011.6429C10.7882%2011.6429%2010.5643%2011.419%2010.5643%2011.1429V5.14286C10.5643%204.7221%2010.2095%204.35714%209.74172%204.35714C9.2739%204.35714%208.9191%204.7221%208.9191%205.14286V12.7817C8.9191%2012.858%208.91927%2012.9337%208.91943%2013.0085C8.92019%2013.3597%208.92092%2013.6907%208.90432%2013.9599C8.89417%2014.1245%208.87652%2014.2886%208.84181%2014.4348C8.80979%2014.5696%208.74873%2014.7552%208.60644%2014.9018C8.43071%2015.0827%208.19413%2015.142%207.96546%2015.0976C7.77497%2015.0607%207.60654%2014.9565%207.46937%2014.8519C7.18917%2014.6383%206.84626%2014.2699%206.4228%2013.7533L5.88792%2013.1333C5.56593%2012.8348%205.05078%2012.8392%204.73453%2013.1467C4.44611%2013.427%204.4215%2013.8669%204.67315%2014.175L4.67604%2014.1785L7.89011%2018.1872L7.90002%2018.2C8.6107%2019.1476%209.31466%2019.7129%2010.032%2020.0467C10.751%2020.3813%2011.5195%2020.5%2012.3869%2020.5C15.7764%2020.5%2018.5%2017.8323%2018.5%2014.5714V8.57143C18.5%208.15067%2018.1452%207.78571%2017.6774%207.78571C17.2096%207.78571%2016.8548%208.15067%2016.8548%208.57143V12C16.8548%2012.2761%2016.6309%2012.5%2016.3548%2012.5C16.0786%2012.5%2015.8548%2012.2761%2015.8548%2012V6C15.8548%205.57924%2015.5%205.21429%2015.0322%205.21429C14.5644%205.21429%2014.2096%205.57924%2014.2096%206V11.1429C14.2096%2011.419%2013.9857%2011.6429%2013.7096%2011.6429C13.4334%2011.6429%2013.2096%2011.419%2013.2096%2011.1429V4.28571C13.2096%203.86496%2012.8548%203.5%2012.3869%203.5C11.9191%203.5%2011.5643%203.86496%2011.5643%204.28571V11.1429Z%22%20fill%3D%22black%22%20%2F%3E%20%3Cpath%20d%3D%22M11.0643%2011.6429C11.3405%2011.6429%2011.5643%2011.419%2011.5643%2011.1429V4.28571C11.5643%203.86496%2011.9191%203.5%2012.3869%203.5C12.8548%203.5%2013.2096%203.86496%2013.2096%204.28571V11.1429C13.2096%2011.419%2013.4334%2011.6429%2013.7096%2011.6429C13.9857%2011.6429%2014.2096%2011.419%2014.2096%2011.1429V6C14.2096%205.57924%2014.5644%205.21429%2015.0322%205.21429C15.5%205.21429%2015.8548%205.57924%2015.8548%206V12C15.8548%2012.2761%2016.0786%2012.5%2016.3548%2012.5C16.6309%2012.5%2016.8548%2012.2761%2016.8548%2012V8.57143C16.8548%208.15067%2017.2096%207.78571%2017.6774%207.78571C18.1452%207.78571%2018.5%208.15067%2018.5%208.57143V14.5714C18.5%2017.8323%2015.7764%2020.5%2012.3869%2020.5C11.5195%2020.5%2010.751%2020.3813%2010.032%2020.0467C9.31466%2019.7129%208.6107%2019.1476%207.90002%2018.2L7.89011%2018.1872L4.67604%2014.1785L4.67315%2014.175C4.4215%2013.8669%204.44611%2013.427%204.73453%2013.1467C5.05078%2012.8392%205.56593%2012.8348%205.88792%2013.1333L6.4228%2013.7533C6.84626%2014.2699%207.18917%2014.6383%207.46937%2014.8519C7.60654%2014.9565%207.77497%2015.0607%207.96546%2015.0976C8.19413%2015.142%208.43071%2015.0827%208.60644%2014.9018C8.74873%2014.7552%208.80979%2014.5696%208.84181%2014.4348C8.87652%2014.2886%208.89417%2014.1245%208.90432%2013.9599C8.92092%2013.6907%208.92019%2013.3597%208.91943%2013.0085C8.91927%2012.9337%208.9191%2012.858%208.9191%2012.7817V5.14286C8.9191%204.7221%209.2739%204.35714%209.74172%204.35714C10.2095%204.35714%2010.5643%204.7221%2010.5643%205.14286V11.1429C10.5643%2011.419%2010.7882%2011.6429%2011.0643%2011.6429Z%22%20fill%3D%22white%22%20%2F%3E%20%3C%2Fsvg%3E), grab;--affine-theme-mode: light;--affine-brand-color: #1E96EB;--affine-tertiary-color: rgba(239, 250, 255, 1);--affine-primary-color: #1E96EB;--affine-primary-color-04: rgba(30, 150, 235, .04);--affine-secondary-color: rgb(125, 145, 255);--affine-blue-50: rgba(239, 250, 255, 1);--affine-blue-100: rgba(219, 244, 254, 1);--affine-blue-200: rgba(191, 236, 254, 1);--affine-blue-300: rgba(147, 226, 253, 1);--affine-blue-400: rgba(96, 207, 250, 1);--affine-blue-500: rgba(58, 181, 247, 1);--affine-blue-600: rgba(30, 150, 235, 1);--affine-blue-700: rgba(28, 129, 217, 1);--affine-blue-800: rgba(30, 103, 175, 1);--affine-blue-900: rgba(30, 87, 138, 1);--affine-blue-950: rgba(23, 54, 84, 1);--affine-background-success-color: rgba(231, 250, 243, 1);--affine-background-error-color: rgba(253, 236, 235, 1);--affine-background-processing-color: rgba(233, 241, 255, 1);--affine-background-warning-color: rgba(255, 237, 219, 1);--affine-background-primary-color: rgb(255, 255, 255);--affine-background-overlay-panel-color: rgb(251, 251, 252);--affine-background-secondary-color: rgba(244, 244, 245, 1);--affine-background-tertiary-color: rgb(238, 238, 238);--affine-background-code-block: rgba(247, 248, 250, 1);--affine-background-modal-color: rgba(0, 0, 0, .75);--affine-text-primary-color: rgb(18, 18, 18);--affine-text-secondary-color: rgb(142, 141, 145);--affine-text-disable-color: rgb(169, 169, 173);--affine-text-emphasis-color: #1E96EB;--affine-hover-color: rgba(0, 0, 0, .04);--affine-hover-color-filled: rgb(245, 245, 245);--affine-link-color: #1E67AF;--affine-quote-color: rgba(194, 193, 197, 1);--affine-list-color: rgba(133, 131, 140, 1);--affine-icon-color: rgb(119, 117, 125);--affine-icon-secondary: rgba(119, 117, 125, .6);--affine-border-color: rgb(227, 226, 228);--affine-divider-color: rgb(227, 226, 228);--affine-placeholder-color: rgb(192, 191, 193);--affine-edgeless-grid-color: rgb(230, 230, 230);--affine-success-color: rgb(16, 203, 134);--affine-warning-color: rgb(235, 67, 53);--affine-error-color: rgb(235, 67, 53);--affine-processing-color: rgb(39, 118, 255);--affine-black-10: rgba(0, 0, 0, .1);--affine-black-30: rgba(0, 0, 0, .3);--affine-black-50: rgba(0, 0, 0, .5);--affine-black-60: rgba(0, 0, 0, .6);--affine-black-80: rgba(0, 0, 0, .8);--affine-black-90: rgba(0, 0, 0, .9);--affine-black: rgb(0, 0, 0);--affine-white-10: rgba(255, 255, 255, .1);--affine-white-30: rgba(255, 255, 255, .3);--affine-white-50: rgba(255, 255, 255, .5);--affine-white-60: rgba(255, 255, 255, .6);--affine-white-80: rgba(255, 255, 255, .8);--affine-white-90: rgba(255, 255, 255, .9);--affine-white: rgb(255, 255, 255);--affine-tag-white: rgba(245, 245, 245, 1);--affine-tag-gray: rgba(227, 226, 224, 1);--affine-tag-red: rgba(255, 225, 225, 1);--affine-tag-orange: rgba(255, 233, 201, 1);--affine-tag-yellow: rgba(255, 243, 215, 1);--affine-tag-green: rgba(222, 244, 231, 1);--affine-tag-teal: rgba(222, 244, 243, 1);--affine-tag-blue: rgba(225, 238, 255, 1);--affine-tag-purple: rgba(243, 240, 255, 1);--affine-tag-pink: rgba(251, 231, 255, 1);--affine-tag-magenta: rgba(249, 232, 255, 1);--affine-tooltip: rgba(0, 0, 0, 1);--affine-button-shadow: 0px 0px 1px 0px rgba(0, 0, 0, .12), 0px 1px 5px 0px rgba(0, 0, 0, .12);--affine-overlay-panel-shadow: 0px 1px 6px rgba(0,0,0,.16), 0px 8px 14px rgba(0,0,0,.08);--affine-active-shadow: 0px 0px 0px 2px rgba(30, 150, 235, .3);--affine-embed-shadow: 0px 0px 0px 2px rgba(0, 0, 0, .08);--affine-menu-shadow: 0px 10px 18px rgba(0,0,0,.14), 0px -1px 12px rgba(0,0,0,.08);--affine-toolbar-shadow: 0px 6px 16px #00000024;--affine-shadow-1: 0px 0px 4px 0px rgba(66, 65, 73, .14);--affine-shadow-2: 0px 0px 12px 0px rgba(66, 65, 73, .18);--affine-shadow-3: 0px 0px 20px 0px rgba(66, 65, 73, .22);--affine-overlay-shadow: 0px 1px 6px 0px rgba(0, 0, 0, .16), 0px 8px 14px 0px rgba(0, 0, 0, .08);--affine-popover-shadow: 0px 0px 30px rgba(75, 75, 75, .2), 0px 0px 4px rgba(75, 75, 75, .3), inset 0px 0px 0px rgba(227, 226, 228, 1);--affine-float-button-shadow: 0px 0px 10px rgba(0, 0, 0, .05), 0px 0px 0px .5px rgba(0, 0, 0, .1);--affine-float-button-shadow-1: 0px 4px 6px -3px rgba(66, 65, 73, .1), 0px 10px 12px -2px rgba(66, 65, 73, .1);--affine-float-button-shadow-2: 0px 4px 4px -2px rgba(66, 65, 73, .1), 0px 6px 8px 1px rgba(66, 65, 73, .05);--affine-kanban-shadow: 0px 2px 3px 0px rgba(0, 0, 0, .05);--affine-cmd-shadow: 0px 10px 80px 0px rgba(0, 0, 0, .2);--affine-large-button-effect: 0px 12px 21px 4px rgba(30, 150, 235, .15);--affine-note-shadow-box: 0px 0px 4px 0px rgba(0, 0, 0, .14), 0px 2px 12px 0px rgba(0, 0, 0, .14);--affine-note-shadow-sticker: 0px 6px 16px 0px rgba(0, 0, 0, .08), 0px 26px 18px -20px rgba(0, 0, 0, .1);--affine-note-shadow-paper: 0px 2px 4px 0px rgba(0, 0, 0, .05), 0px 0px 0px 10px #FFF, 0px 3px 6px 12px rgba(0, 0, 0, .14);--affine-note-shadow-float: 0px 0px 32px 0px rgba(0, 0, 0, .09), 0px 0px 3px 0px rgba(0, 0, 0, .1);--affine-note-shadow-film: 10px 10px 0px 6px #000, 0px 0px 0px 6px #000;--affine-ai-empty-shadow: 0px 4px 4px rgba(66, 65, 73, .1), 0px 6px 8px rgba(66, 65, 73, .05);--affine-button-gray-color: rgba(245, 245, 245, 1);--affine-card-background-blue: linear-gradient(180deg, #F0F3FD 0%, #FCFCFD 100%);--affine-card-background-green: linear-gradient(180deg, #F3F9FD 0%, #FCFCFD 100%);--affine-card-background-grey: linear-gradient(180deg, #F1F1F1 0%, #FCFCFD 100%);--affine-windows-close-button: #C42B1C;--affine-text-highlight-pink: rgba(255, 206, 206, 1);--affine-text-highlight-red: rgba(254, 213, 213, 1);--affine-text-highlight-orange: rgba(254, 223, 187, 1);--affine-text-highlight-yellow: rgba(254, 243, 161, 1);--affine-text-highlight-green: rgba(225, 250, 177, 1);--affine-text-highlight-teal: rgba(173, 248, 233, 1);--affine-text-highlight-blue: rgba(204, 226, 254, 1);--affine-text-highlight-purple: rgba(237, 221, 255, 1);--affine-text-highlight-grey: rgba(234, 236, 239, 1);--affine-text-highlight-foreground-red: rgba(198, 34, 34, 1);--affine-text-highlight-foreground-orange: rgba(211, 79, 11, 1);--affine-text-highlight-foreground-yellow: rgba(182, 124, 4, 1);--affine-text-highlight-foreground-green: rgba(20, 147, 67, 1);--affine-text-highlight-foreground-teal: rgba(7, 130, 160, 1);--affine-text-highlight-foreground-blue: rgba(33, 89, 211, 1);--affine-text-highlight-foreground-purple: rgba(132, 46, 211, 1);--affine-text-highlight-foreground-grey: rgba(122, 122, 122, 1);--affine-note-background-yellow: rgba(253, 230, 138, 1);--affine-note-background-orange: rgba(255, 196, 143, 1);--affine-note-background-red: rgba(250, 182, 182, 1);--affine-note-background-magenta: rgba(255, 218, 237, 1);--affine-note-background-purple: rgba(221, 214, 254, 1);--affine-note-background-blue: rgba(205, 235, 255, 1);--affine-note-background-teal: rgba(199, 248, 242, 1);--affine-note-background-green: rgba(201, 248, 193, 1);--affine-note-background-black: rgba(0, 0, 0, 1);--affine-note-background-grey: rgba(230, 230, 230, 1);--affine-note-background-white: rgba(255, 255, 255, 1);--affine-v2-aI-applyBackground: #92929212;--affine-v2-aI-applyDeleteHighlight: #ed3f3f21;--affine-v2-aI-applyTextHighlight: #1e96eb;--affine-v2-aI-applyTextHighlightBackground: #1e96eb14;--affine-v2-aI-errorBackground: #fff4f5;--affine-v2-aI-errorDetailBackground: #ffffff99;--affine-v2-aI-errorText: #ed3f3f;--affine-v2-aI-thinkingOutputBackground: #0000000d;--affine-v2-aI-thinkingOutputText: #000000a6;--affine-v2-aI-userTextBackground: #f3f3f3;--affine-v2-adjustmentHandle-background: #00000085;--affine-v2-adjustmentHandle-border: #ffffff;--affine-v2-backlinks-blockBackgroundColor: #9292920d;--affine-v2-backlinks-blockBorder: #9292921a;--affine-v2-backlinks-blockHover: #0000000d;--affine-v2-badge-believer: #002742;--affine-v2-badge-free: #29a3fa;--affine-v2-badge-pro: #29a3fa;--affine-v2-block-callout-background-blue: #e6f5ff;--affine-v2-block-callout-background-green: #f9fee7;--affine-v2-block-callout-background-grey: #f5f5f5;--affine-v2-block-callout-background-magenta: #fcf4ff;--affine-v2-block-callout-background-orange: #ffebd5;--affine-v2-block-callout-background-purple: #f5f3ff;--affine-v2-block-callout-background-red: #fce5e6;--affine-v2-block-callout-background-teal: #e2fdf9;--affine-v2-block-callout-background-yellow: #fffbeb;--affine-v2-block-callout-icon-blue: #53b2ef;--affine-v2-block-callout-icon-green: #22bf07;--affine-v2-block-callout-icon-grey: #cdcdcd;--affine-v2-block-callout-icon-magenta: #cc4187;--affine-v2-block-callout-icon-orange: #ffae63;--affine-v2-block-callout-icon-purple: #7c3aed;--affine-v2-block-callout-icon-red: #c83030;--affine-v2-block-callout-icon-teal: #448e86;--affine-v2-block-callout-icon-yellow: #fde047;--affine-v2-block-code-lineNum: #b3b3b3;--affine-v2-block-comment-hanelActive: #1e96eb05;--affine-v2-block-comment-highlightActive: #1e96eb4d;--affine-v2-block-comment-highlightDefault: #1e96eb14;--affine-v2-block-comment-highlightUnderline: #1e96ebb2;--affine-v2-block-divider-divider: #92929238;--affine-v2-block-footnote-numberBg: #e6e6e6;--affine-v2-block-footnote-numberBgHover: #1e96eb;--affine-v2-block-list-header: #0077cb;--affine-v2-block-notSupportedBlock-background: #ffffff;--affine-v2-block-notSupportedBlock-inlineBg-default: #f3f3f3;--affine-v2-block-notSupportedBlock-inlineBg-hover: #e6e6e6;--affine-v2-block-recordBlock-buttonBg: #f3f3f3;--affine-v2-block-recordBlock-primary: #f45353;--affine-v2-block-recordBlock-secordary: #ff9a9a;--affine-v2-block-recordBlock-timelineIndeicator: #ed3f3f;--affine-v2-button-actionActive: #1e96eb14;--affine-v2-button-badgesColor: #ed3f3f;--affine-v2-button-buttonOverHover: #ffffff;--affine-v2-button-checkBox: #1e96eb;--affine-v2-button-disable: #b3b3b3;--affine-v2-button-emptyIconBackground: #0000000d;--affine-v2-button-error: #ed3f3f;--affine-v2-button-iconButtonSolid: #ffffff;--affine-v2-button-innerBlackBorder: #0000001a;--affine-v2-button-primary: #1e96eb;--affine-v2-button-pureWhiteText: #ffffff;--affine-v2-button-secondary: #ffffff;--affine-v2-button-success: #44b931;--affine-v2-button-templateLabelBackground: #1e96eb0a;--affine-v2-button-grabber-select: #00000038;--affine-v2-button-grabber-default: #0000001a;--affine-v2-button-mobile-aIActionBackground: #252525;--affine-v2-button-mobile-deletedAction: #ed3f3f;--affine-v2-button-sidebarButton-background: #ffffff08;--affine-v2-button-siderbarPrimary-background: #ffffffab;--affine-v2-button-signinbutton-background: #ffffff;--affine-v2-calendar-blue: #4ab1fa;--affine-v2-calendar-green: #44b931;--affine-v2-calendar-grey: #b3b3b3;--affine-v2-calendar-magenta: #f37fba;--affine-v2-calendar-orange: #ffae63;--affine-v2-calendar-purple: #9681ef;--affine-v2-calendar-red: #f43f48;--affine-v2-calendar-teal: #8be7dc;--affine-v2-calendar-yellow: #fde047;--affine-v2-centerPeek-background: #ffffff;--affine-v2-centerPeek-buttonBackground: #ffffff;--affine-v2-centerPeek-icon: #7a7a7a;--affine-v2-centerPeek-overlay: #0000002b;--affine-v2-chatBlock-chatBlockBg: #ffffff;--affine-v2-chatBlock-chatBlockBoder: #e6e6e6;--affine-v2-chatBlock-chatBlockIcon: #7a7a7a;--affine-v2-chatBlock-chatBlockText: #141414;--affine-v2-chip-label-blue: #e6f5ff;--affine-v2-chip-label-green: #dcfdd7;--affine-v2-chip-label-grey: #e6e6e6;--affine-v2-chip-label-magenta: #ffecf6;--affine-v2-chip-label-orange: #ffebd5;--affine-v2-chip-label-purple: #ede9ff;--affine-v2-chip-label-red: #fce5e6;--affine-v2-chip-label-teal: #d7fbf6;--affine-v2-chip-label-text: #00000085;--affine-v2-chip-label-white: #f5f5f5;--affine-v2-chip-label-yellow: #fef3c7;--affine-v2-chip-tag-blue: #84cfff;--affine-v2-chip-tag-green: #69b87d;--affine-v2-chip-tag-grey: #b3b3b3;--affine-v2-chip-tag-orange: #ff8c38;--affine-v2-chip-tag-purple: #7c3aed;--affine-v2-chip-tag-red: #ed3f3f;--affine-v2-chip-tag-teal: #8be7dc;--affine-v2-chip-tag-yellow: #facc15;--affine-v2-database-border: #0000001a;--affine-v2-database-buttonBackground: #ffffff;--affine-v2-database-cardHover: #00000008;--affine-v2-database-filterHeaderFadeIn: #ffffff;--affine-v2-database-filterHeaderFadeOut: #ffffff08;--affine-v2-database-focusBackground: #1e96eb0a;--affine-v2-database-textSecondary: #00000085;--affine-v2-database-attachment-fileSolidBackground: #e6e6e6;--affine-v2-dialog-background-primary: #ffffff;--affine-v2-edgeless-alignment-edgeGuides: #cc4187;--affine-v2-edgeless-alignment-guides: #8b5cf6;--affine-v2-edgeless-frame-background-black: #cdcdcd;--affine-v2-edgeless-frame-background-blue: #e6f5ff;--affine-v2-edgeless-frame-background-green: #f1fdf4;--affine-v2-edgeless-frame-background-grey: #f3f3f3;--affine-v2-edgeless-frame-background-magenta: #ffecf6;--affine-v2-edgeless-frame-background-orange: #ffebd5;--affine-v2-edgeless-frame-background-purple: #ede9ff;--affine-v2-edgeless-frame-background-red: #fce5e6;--affine-v2-edgeless-frame-background-teal: #e2fdf9;--affine-v2-edgeless-frame-background-white: #ffffff;--affine-v2-edgeless-frame-background-yellow: #fffbd5;--affine-v2-edgeless-frame-border-active: #1e96eb;--affine-v2-edgeless-frame-border-default: #0000002b;--affine-v2-edgeless-frame-fontColor-font: #000000f2;--affine-v2-edgeless-group-background-background: #ffffff;--affine-v2-edgeless-group-border-active: #1e96eb;--affine-v2-edgeless-group-border-borderHint: #8fd1ff;--affine-v2-edgeless-group-border-hover: #1e96eb;--affine-v2-edgeless-group-fontColor-active: #1e96eb;--affine-v2-edgeless-group-fontColor-default: #00000085;--affine-v2-edgeless-group-fontColor-hover: #1e96eb;--affine-v2-edgeless-group-fontColor-rename: #000000;--affine-v2-edgeless-line-black: #000000;--affine-v2-edgeless-line-blue: #29a3fa;--affine-v2-edgeless-line-green: #3cbc36;--affine-v2-edgeless-line-grey: #929292;--affine-v2-edgeless-line-magenta: #e660a4;--affine-v2-edgeless-line-orange: #ff8c38;--affine-v2-edgeless-line-purple: #6e52df;--affine-v2-edgeless-line-red: #e11e41;--affine-v2-edgeless-line-teal: #5cc7ba;--affine-v2-edgeless-line-white: #ffffff;--affine-v2-edgeless-line-yellow: #facc15;--affine-v2-edgeless-lock-locked: #92929285;--affine-v2-edgeless-mindMap-line: #000000;--affine-v2-edgeless-note-black: #b3b3b3;--affine-v2-edgeless-note-blue: #ceecff;--affine-v2-edgeless-note-green: #c9f8c1;--affine-v2-edgeless-note-grey: #e6e6e6;--affine-v2-edgeless-note-magenta: #ffdaed;--affine-v2-edgeless-note-orange: #ffc58f;--affine-v2-edgeless-note-purple: #ddd6fe;--affine-v2-edgeless-note-red: #fbb7b7;--affine-v2-edgeless-note-teal: #c7f8f2;--affine-v2-edgeless-note-white: #ffffff;--affine-v2-edgeless-note-yellow: #fde68a;--affine-v2-edgeless-palette-black: #000000;--affine-v2-edgeless-palette-white: #ffffff;--affine-v2-edgeless-palette-heavy-blue: #1c70a5;--affine-v2-edgeless-palette-heavy-green: #447756;--affine-v2-edgeless-palette-heavy-magenta: #941555;--affine-v2-edgeless-palette-heavy-orange: #b55309;--affine-v2-edgeless-palette-heavy-purple: #5a21b6;--affine-v2-edgeless-palette-heavy-red: #761717;--affine-v2-edgeless-palette-heavy-yellow: #ac7400;--affine-v2-edgeless-palette-light-blueLight: #e6f5ff;--affine-v2-edgeless-palette-light-greenLight: #f1fdf4;--affine-v2-edgeless-palette-light-greyLight: #e6e6e6;--affine-v2-edgeless-palette-light-magentaLight: #ffecf6;--affine-v2-edgeless-palette-light-orangeLight: #ffebd5;--affine-v2-edgeless-palette-light-purpleLight: #ede9ff;--affine-v2-edgeless-palette-light-redLight: #fce5e6;--affine-v2-edgeless-palette-light-yellowLight: #fffbd5;--affine-v2-edgeless-palette-medium-blueMedium: #84cfff;--affine-v2-edgeless-palette-medium-greenMedium: #3cbc36;--affine-v2-edgeless-palette-medium-greyMedium: #929292;--affine-v2-edgeless-palette-medium-magentaMedium: #e96cab;--affine-v2-edgeless-palette-medium-orangeMedium: #ff8c38;--affine-v2-edgeless-palette-medium-purpleMedium: #6e52df;--affine-v2-edgeless-palette-medium-redMedium: #fb7081;--affine-v2-edgeless-palette-medium-yellowMedium: #fcd34d;--affine-v2-edgeless-selection-selectionMarqueeBackground: #1e96eb14;--affine-v2-edgeless-selection-selectionMarqueeBorder: #1e96eb;--affine-v2-edgeless-shape-black: #000000;--affine-v2-edgeless-shape-blue: #9fd9ff;--affine-v2-edgeless-shape-green: #9bda91;--affine-v2-edgeless-shape-grey: #cdcdcd;--affine-v2-edgeless-shape-magenta: #ffc0e0;--affine-v2-edgeless-shape-orange: #ffae63;--affine-v2-edgeless-shape-purple: #d7cdff;--affine-v2-edgeless-shape-red: #fecdd1;--affine-v2-edgeless-shape-teal: #8be7dc;--affine-v2-edgeless-shape-white: #ffffff;--affine-v2-edgeless-shape-yellow: #fde047;--affine-v2-edgelessToolbar-highlightPen-body: #fafafa;--affine-v2-edgelessToolbar-highlightPen-body1Linear1-1: #00000000;--affine-v2-edgelessToolbar-highlightPen-body1Linear1-2: #00000000;--affine-v2-edgelessToolbar-highlightPen-body1Linear1-3: #000000;--affine-v2-edgelessToolbar-highlightPen-body1Linear2-1: #ffffff00;--affine-v2-edgelessToolbar-highlightPen-body1Linear2-2: #ffffff00;--affine-v2-edgelessToolbar-highlightPen-body1Linear2-3: #ffffff00;--affine-v2-edgelessToolbar-highlightPen-body1Linear2-4: #ffffff00;--affine-v2-edgelessToolbar-highlightPen-body2: #f3f3f3;--affine-v2-edgelessToolbar-highlightPen-body2Linear1-1: #00000000;--affine-v2-edgelessToolbar-highlightPen-body2Linear1-2: #00000000;--affine-v2-edgelessToolbar-highlightPen-body2Linear1-3: #000000;--affine-v2-edgelessToolbar-highlightPen-body2Linear2-1: #00000000;--affine-v2-edgelessToolbar-highlightPen-body2Linear2-2: #00000000;--affine-v2-edgelessToolbar-highlightPen-body2Linear2-3: #00000000;--affine-v2-edgelessToolbar-highlightPen-body2Linear2-4: #00000000;--affine-v2-edgelessToolbar-highlightPen-body2Linear2-5: #00000000;--affine-v2-edgelessToolbar-highlightPen-bodyColorLinear-1: #00000000;--affine-v2-edgelessToolbar-highlightPen-bodyColorLinear-2: #000000fc;--affine-v2-edgelessToolbar-highlightPen-bodyColorLinear-3: #000000c4;--affine-v2-edgelessToolbar-media-whiteVector: #ffffff8f;--affine-v2-edgelessToolbar-note-background: #ffffff;--affine-v2-edgelessToolbar-note-textColor: #0000001a;--affine-v2-edgelessToolbar-others-background: #ffffff1f;--affine-v2-edgelessToolbar-others-highlightLinearEnd: #ffffff;--affine-v2-edgelessToolbar-others-highlightLinearStart: #ffffff00;--affine-v2-edgelessToolbar-others-linearCenter: #000000c4;--affine-v2-edgelessToolbar-others-linearEnd: #0000001f;--affine-v2-edgelessToolbar-others-linearStart: #ffffff1f;--affine-v2-edgelessToolbar-penEraser-eraserBlue-1: #173654;--affine-v2-edgelessToolbar-penEraser-eraserBlue-2: #effaff;--affine-v2-edgelessToolbar-penEraser-eraserBlue-3: #1e96eb;--affine-v2-edgelessToolbar-penEraser-eraserBodyFill: #f1f1f1;--affine-v2-edgelessToolbar-penEraser-eraserBodyHighlight: #ffffff8f;--affine-v2-edgelessToolbar-penEraser-eraserBodyShade2: #00000033;--affine-v2-edgelessToolbar-penEraser-eraserBodyShade3: #ffffff;--affine-v2-edgelessToolbar-penEraser-eraserBorder: #e7e7e7;--affine-v2-edgelessToolbar-penEraser-eraserBorder2: #e3e2e4;--affine-v2-edgelessToolbar-penEraser-eraserClothHighlight: #ffffff1c;--affine-v2-edgelessToolbar-penEraser-eraserClothShade2: #0f0f0f;--affine-v2-edgelessToolbar-penEraser-eraserClothShade3: #ffffff17;--affine-v2-edgelessToolbar-penEraser-eraserShadow: #00000040;--affine-v2-edgelessToolbar-penEraser-penBackground: #fafafa;--affine-v2-edgelessToolbar-penEraser-penBodyShade-1: #00000033;--affine-v2-edgelessToolbar-penEraser-penBodyShade-2: #0000001a;--affine-v2-edgelessToolbar-penEraser-penBodyShade-3: #00000003;--affine-v2-edgelessToolbar-penEraser-penBodyShade-4: #ffffff14;--affine-v2-edgelessToolbar-penEraser-penInlineShadow: #ffffff00;--affine-v2-icon-activated: #1e96eb;--affine-v2-icon-disable: #b3b3b3;--affine-v2-icon-fileIconBorder: #cdcdcd;--affine-v2-icon-monotone: #7a7a7a;--affine-v2-icon-primary: #7a7a7a;--affine-v2-icon-secondary: #b3b3b3;--affine-v2-icon-tertiary: #cdcdcd;--affine-v2-icon-transparentBlack: #00000085;--affine-v2-icon-fileIconColors-blue: #0077cb;--affine-v2-icon-fileIconColors-green: #1d9c07;--affine-v2-icon-fileIconColors-grey: #1e1b4b;--affine-v2-icon-fileIconColors-magenta: #e660a4;--affine-v2-icon-fileIconColors-purple: #6e52df;--affine-v2-icon-fileIconColors-red: #ed3f3f;--affine-v2-icon-fileIconColors-yellow: #facc15;--affine-v2-input-background: #ffffff;--affine-v2-input-scrollBar-handle: #0000001a;--affine-v2-input-border-active: #1e96eb;--affine-v2-input-border-default: #0000001a;--affine-v2-input-border-error: #ed3f3f;--affine-v2-integrations-background-iconSolid: #ffffff;--affine-v2-layer-black: #000000;--affine-v2-layer-pureBlack: #000000;--affine-v2-layer-pureWhite: #ffffff;--affine-v2-layer-white: #ffffff;--affine-v2-layer-insideBorder-blackBorder: #0000001a;--affine-v2-layer-insideBorder-border: #e6e6e6;--affine-v2-layer-insideBorder-primaryBorder: #1e96eb;--affine-v2-layer-insideBorder-splitviewActived: #0000002b;--affine-v2-layer-insideBorder-whiteBorder: #ffffff8f;--affine-v2-layer-background-codeBlock: #f5f5f5;--affine-v2-layer-background-edgelessGrid: #e6e6e6;--affine-v2-layer-background-error: #fff1f1;--affine-v2-layer-background-hoverOverlay: #0000000d;--affine-v2-layer-background-linkedDocOnEdgeless: #ffffff;--affine-v2-layer-background-modal: #000000b2;--affine-v2-layer-background-modalWhite: #ffffff2b;--affine-v2-layer-background-overlayPanel: #ffffff;--affine-v2-layer-background-primary: #ffffff;--affine-v2-layer-background-processing: #eef2ff;--affine-v2-layer-background-secondary: #f5f5f5;--affine-v2-layer-background-success: #f1fdf4;--affine-v2-layer-background-tertiary: #f3f3f3;--affine-v2-layer-background-translucentUI: #ffffffb8;--affine-v2-layer-background-warning: #fff7ee;--affine-v2-layer-background-mobile-iOSControl: #000000;--affine-v2-layer-background-mobile-modal: #0000002b;--affine-v2-layer-background-mobile-primary: #f5f5f5;--affine-v2-layer-background-mobile-secondary: #ffffff;--affine-v2-layer-background-mobile-tertiary: #e6e6e6;--affine-v2-loading-background: #0000001a;--affine-v2-loading-backgroundLayer: #92929238;--affine-v2-loading-foreground: #1e96eb;--affine-v2-loading-imageLoadingBackground: #92929238;--affine-v2-loading-imageLoadingLayer: #ffffff8f;--affine-v2-others-warnLabel-black: #000000;--affine-v2-others-warnLabel-yellow: #facc15;--affine-v2-pagelist-hoverBorder: #e6e6e6;--affine-v2-portrait-localPortrait: #00000038;--affine-v2-portrait-localPortraitBackground: #0000001a;--affine-v2-radio-disable: #cdcdcd;--affine-v2-radio-active-chekced: #1e96eb;--affine-v2-radio-active-default: #7a7a7a;--affine-v2-readwise-quoteBackground: #f9f9f9;--affine-v2-readwise-quoteDivider: #1e96eb;--affine-v2-segment-background: #0000000d;--affine-v2-segment-button: #ffffff;--affine-v2-selfhost-portrait-localPortraitBackground: #0000000d;--affine-v2-selfhost-button-disable: #7a7a7a;--affine-v2-selfhost-button-primary: #141414;--affine-v2-selfhost-button-secondary: #ffffff;--affine-v2-selfhost-button-sidebarButton-bg-hover: #0000000d;--affine-v2-selfhost-button-sidebarButton-bg-select: #0000000d;--affine-v2-selfhost-icon-buttonIcon: #ffffff;--affine-v2-selfhost-icon-buttonIconError: #ffffff;--affine-v2-selfhost-icon-disable: #b3b3b3;--affine-v2-selfhost-icon-primary: #141414;--affine-v2-selfhost-icon-secondary: #7a7a7a;--affine-v2-selfhost-icon-tertiary: #b3b3b3;--affine-v2-selfhost-layer-background-hoverOverlay: #ffffff3b;--affine-v2-selfhost-layer-background-primary: #ffffff;--affine-v2-selfhost-layer-background-secondary: #f9f9f9;--affine-v2-selfhost-layer-background-sidebarBg-sidebarBg: #f9f9f9;--affine-v2-selfhost-layer-border-border: #141414;--affine-v2-selfhost-progress-error: #ed3f3f;--affine-v2-selfhost-progress-primary: #141414;--affine-v2-selfhost-text-placeholder: #b3b3b3;--affine-v2-selfhost-text-button-error: #ffffff;--affine-v2-selfhost-text-button-primary: #ffffff;--affine-v2-selfhost-text-sidebar-primary: #141414;--affine-v2-selfhost-text-sidebar-secondary: #252525;--affine-v2-selfhost-toggle-backgroundDisable: #e6e6e6;--affine-v2-selfhost-toggle-backgroundOff: #cdcdcd;--affine-v2-selfhost-toggle-backgroundOn: #141414;--affine-v2-selfhost-toggle-foreground: #ffffff;--affine-v2-selfhost-toggle-foregroundDisable: #f9f9f9;--affine-v2-skeleton-skeleton: #e6e6e6;--affine-v2-slashMenu-background: #ffffff;--affine-v2-status-error: #ed3f3f;--affine-v2-status-success: #44b931;--affine-v2-switch-buttonBackground-active: #ffffff;--affine-v2-switch-buttonBackground-hover: #0000000d;--affine-v2-switch-fontColor-primary: #141414;--affine-v2-switch-fontColor-secondary: #7a7a7a;--affine-v2-switch-fontColor-tertiary: #929292;--affine-v2-switch-iconColor-active: #565656;--affine-v2-switch-iconColor-default: #929292;--affine-v2-switch-switchBackground-background: #f3f3f3;--affine-v2-tab-divider-divider: #00000012;--affine-v2-tab-divider-indicator: #1e96eb;--affine-v2-tab-fontColor-active: #141414;--affine-v2-tab-fontColor-default: #b3b3b3;--affine-v2-tab-fontColor-hover: #141414;--affine-v2-tab-iconColor-active: #565656;--affine-v2-tab-iconColor-default: #b3b3b3;--affine-v2-tab-iconColor-hover: #565656;--affine-v2-tab-tabBackground-active: #ffffff;--affine-v2-tab-tabBackground-default: #f3f3f3;--affine-v2-tab-tabBackground-hover: #f3f3f3;--affine-v2-table-border: #0000001a;--affine-v2-table-focusBackground: #1e96eb0a;--affine-v2-table-focusBorder: #1e96eb;--affine-v2-table-textSecondary: #00000085;--affine-v2-table-headerBackground-blue: #f0f9ff;--affine-v2-table-headerBackground-default: #ffffff;--affine-v2-table-headerBackground-green: #efffec;--affine-v2-table-headerBackground-grey: #f5f5f5;--affine-v2-table-headerBackground-headerColor: #f3f3f3;--affine-v2-table-headerBackground-orange: #fff7ee;--affine-v2-table-headerBackground-purple: #f7f5ff;--affine-v2-table-headerBackground-red: #fff4f5;--affine-v2-table-headerBackground-teal: #eefffd;--affine-v2-table-headerBackground-yellow: #fffded;--affine-v2-table-indicator-activated: #1e96eb;--affine-v2-table-indicator-border: #e6e6e6;--affine-v2-table-indicator-drag: #0000002b;--affine-v2-table-indicator-hover: #0000000d;--affine-v2-table-indicator-pointerActive: #ffffff;--affine-v2-table-indicator-pointerDefault: #b3b3b3;--affine-v2-text-disable: #7a7a7a;--affine-v2-text-emphasis: #1e96eb;--affine-v2-text-link: #035f9f;--affine-v2-text-listDotAndNumber: #0077cb;--affine-v2-text-placeholder: #929292;--affine-v2-text-primary: #141414;--affine-v2-text-pureWhite: #ffffff;--affine-v2-text-secondary: #7a7a7a;--affine-v2-text-tertiary: #929292;--affine-v2-text-highlight-border: #00000038;--affine-v2-text-highlight-bg-blue: #daf0ff;--affine-v2-text-highlight-bg-green: #f0fccb;--affine-v2-text-highlight-bg-grey: #e6e6e6;--affine-v2-text-highlight-bg-magenta: #ffecf6;--affine-v2-text-highlight-bg-orange: #ffebd5;--affine-v2-text-highlight-bg-purple: #ede9ff;--affine-v2-text-highlight-bg-red: #fce5e6;--affine-v2-text-highlight-bg-teal: #c7f8f2;--affine-v2-text-highlight-bg-yellow: #fff9b6;--affine-v2-text-highlight-fg-blue: #003c67;--affine-v2-text-highlight-fg-green: #225c18;--affine-v2-text-highlight-fg-grey: #7a7a7a;--affine-v2-text-highlight-fg-magenta: #941555;--affine-v2-text-highlight-fg-orange: #db7123;--affine-v2-text-highlight-fg-purple: #7c3aed;--affine-v2-text-highlight-fg-red: #c83030;--affine-v2-text-highlight-fg-teal: #0e4841;--affine-v2-text-highlight-fg-yellow: #ac7400;--affine-v2-toast-cardLayer-second: #f9f9f9;--affine-v2-toast-cardLayer-third: #f5f5f5;--affine-v2-toast-iconState-error: #ed3f3f;--affine-v2-toast-iconState-regular: #0077cb;--affine-v2-toast-iconState-success: #44b931;--affine-v2-toast-overlay-secondary: #00000008;--affine-v2-toast-overlay-tertiary: #0000000d;--affine-v2-toggle-background: #1e96eb;--affine-v2-toggle-backgroundDisable: #b3b3b3;--affine-v2-toggle-backgroundOff: #929292;--affine-v2-toggle-foreground: #ffffff;--affine-v2-toggle-foregroundDisable: #e6e6e6;--affine-v2-tooltips-background: #000000;--affine-v2-tooltips-foreground: #ffffff;--affine-v2-tooltips-secondaryBackground: #ffffff2b;--affine-v2-workspacePicker-border: #e6e6e6;--affine-v2-workspacePicker-secondaryBackground: #9292921a;--affine-v2-tableOfContent-background: #ffffff}[data-theme=light]{--affine-theme-mode: light;--affine-brand-color: #1E96EB;--affine-tertiary-color: rgba(239, 250, 255, 1);--affine-primary-color: #1E96EB;--affine-primary-color-04: rgba(30, 150, 235, .04);--affine-secondary-color: rgb(125, 145, 255);--affine-blue-50: rgba(239, 250, 255, 1);--affine-blue-100: rgba(219, 244, 254, 1);--affine-blue-200: rgba(191, 236, 254, 1);--affine-blue-300: rgba(147, 226, 253, 1);--affine-blue-400: rgba(96, 207, 250, 1);--affine-blue-500: rgba(58, 181, 247, 1);--affine-blue-600: rgba(30, 150, 235, 1);--affine-blue-700: rgba(28, 129, 217, 1);--affine-blue-800: rgba(30, 103, 175, 1);--affine-blue-900: rgba(30, 87, 138, 1);--affine-blue-950: rgba(23, 54, 84, 1);--affine-background-success-color: rgba(231, 250, 243, 1);--affine-background-error-color: rgba(253, 236, 235, 1);--affine-background-processing-color: rgba(233, 241, 255, 1);--affine-background-warning-color: rgba(255, 237, 219, 1);--affine-background-primary-color: rgb(255, 255, 255);--affine-background-overlay-panel-color: rgb(251, 251, 252);--affine-background-secondary-color: rgba(244, 244, 245, 1);--affine-background-tertiary-color: rgb(238, 238, 238);--affine-background-code-block: rgba(247, 248, 250, 1);--affine-background-modal-color: rgba(0, 0, 0, .75);--affine-text-primary-color: rgb(18, 18, 18);--affine-text-secondary-color: rgb(142, 141, 145);--affine-text-disable-color: rgb(169, 169, 173);--affine-text-emphasis-color: #1E96EB;--affine-hover-color: rgba(0, 0, 0, .04);--affine-hover-color-filled: rgb(245, 245, 245);--affine-link-color: #1E67AF;--affine-quote-color: rgba(194, 193, 197, 1);--affine-list-color: rgba(133, 131, 140, 1);--affine-icon-color: rgb(119, 117, 125);--affine-icon-secondary: rgba(119, 117, 125, .6);--affine-border-color: rgb(227, 226, 228);--affine-divider-color: rgb(227, 226, 228);--affine-placeholder-color: rgb(192, 191, 193);--affine-edgeless-grid-color: rgb(230, 230, 230);--affine-success-color: rgb(16, 203, 134);--affine-warning-color: rgb(235, 67, 53);--affine-error-color: rgb(235, 67, 53);--affine-processing-color: rgb(39, 118, 255);--affine-black-10: rgba(0, 0, 0, .1);--affine-black-30: rgba(0, 0, 0, .3);--affine-black-50: rgba(0, 0, 0, .5);--affine-black-60: rgba(0, 0, 0, .6);--affine-black-80: rgba(0, 0, 0, .8);--affine-black-90: rgba(0, 0, 0, .9);--affine-black: rgb(0, 0, 0);--affine-white-10: rgba(255, 255, 255, .1);--affine-white-30: rgba(255, 255, 255, .3);--affine-white-50: rgba(255, 255, 255, .5);--affine-white-60: rgba(255, 255, 255, .6);--affine-white-80: rgba(255, 255, 255, .8);--affine-white-90: rgba(255, 255, 255, .9);--affine-white: rgb(255, 255, 255);--affine-tag-white: rgba(245, 245, 245, 1);--affine-tag-gray: rgba(227, 226, 224, 1);--affine-tag-red: rgba(255, 225, 225, 1);--affine-tag-orange: rgba(255, 233, 201, 1);--affine-tag-yellow: rgba(255, 243, 215, 1);--affine-tag-green: rgba(222, 244, 231, 1);--affine-tag-teal: rgba(222, 244, 243, 1);--affine-tag-blue: rgba(225, 238, 255, 1);--affine-tag-purple: rgba(243, 240, 255, 1);--affine-tag-pink: rgba(251, 231, 255, 1);--affine-tag-magenta: rgba(249, 232, 255, 1);--affine-tooltip: rgba(0, 0, 0, 1);--affine-button-shadow: 0px 0px 1px 0px rgba(0, 0, 0, .12), 0px 1px 5px 0px rgba(0, 0, 0, .12);--affine-overlay-panel-shadow: 0px 1px 6px rgba(0,0,0,.16), 0px 8px 14px rgba(0,0,0,.08);--affine-active-shadow: 0px 0px 0px 2px rgba(30, 150, 235, .3);--affine-embed-shadow: 0px 0px 0px 2px rgba(0, 0, 0, .08);--affine-menu-shadow: 0px 10px 18px rgba(0,0,0,.14), 0px -1px 12px rgba(0,0,0,.08);--affine-toolbar-shadow: 0px 6px 16px #00000024;--affine-shadow-1: 0px 0px 4px 0px rgba(66, 65, 73, .14);--affine-shadow-2: 0px 0px 12px 0px rgba(66, 65, 73, .18);--affine-shadow-3: 0px 0px 20px 0px rgba(66, 65, 73, .22);--affine-overlay-shadow: 0px 1px 6px 0px rgba(0, 0, 0, .16), 0px 8px 14px 0px rgba(0, 0, 0, .08);--affine-popover-shadow: 0px 0px 30px rgba(75, 75, 75, .2), 0px 0px 4px rgba(75, 75, 75, .3), inset 0px 0px 0px rgba(227, 226, 228, 1);--affine-float-button-shadow: 0px 0px 10px rgba(0, 0, 0, .05), 0px 0px 0px .5px rgba(0, 0, 0, .1);--affine-float-button-shadow-1: 0px 4px 6px -3px rgba(66, 65, 73, .1), 0px 10px 12px -2px rgba(66, 65, 73, .1);--affine-float-button-shadow-2: 0px 4px 4px -2px rgba(66, 65, 73, .1), 0px 6px 8px 1px rgba(66, 65, 73, .05);--affine-kanban-shadow: 0px 2px 3px 0px rgba(0, 0, 0, .05);--affine-cmd-shadow: 0px 10px 80px 0px rgba(0, 0, 0, .2);--affine-large-button-effect: 0px 12px 21px 4px rgba(30, 150, 235, .15);--affine-note-shadow-box: 0px 0px 4px 0px rgba(0, 0, 0, .14), 0px 2px 12px 0px rgba(0, 0, 0, .14);--affine-note-shadow-sticker: 0px 6px 16px 0px rgba(0, 0, 0, .08), 0px 26px 18px -20px rgba(0, 0, 0, .1);--affine-note-shadow-paper: 0px 2px 4px 0px rgba(0, 0, 0, .05), 0px 0px 0px 10px #FFF, 0px 3px 6px 12px rgba(0, 0, 0, .14);--affine-note-shadow-float: 0px 0px 32px 0px rgba(0, 0, 0, .09), 0px 0px 3px 0px rgba(0, 0, 0, .1);--affine-note-shadow-film: 10px 10px 0px 6px #000, 0px 0px 0px 6px #000;--affine-ai-empty-shadow: 0px 4px 4px rgba(66, 65, 73, .1), 0px 6px 8px rgba(66, 65, 73, .05);--affine-button-gray-color: rgba(245, 245, 245, 1);--affine-card-background-blue: linear-gradient(180deg, #F0F3FD 0%, #FCFCFD 100%);--affine-card-background-green: linear-gradient(180deg, #F3F9FD 0%, #FCFCFD 100%);--affine-card-background-grey: linear-gradient(180deg, #F1F1F1 0%, #FCFCFD 100%);--affine-windows-close-button: #C42B1C;--affine-text-highlight-pink: rgba(255, 206, 206, 1);--affine-text-highlight-red: rgba(254, 213, 213, 1);--affine-text-highlight-orange: rgba(254, 223, 187, 1);--affine-text-highlight-yellow: rgba(254, 243, 161, 1);--affine-text-highlight-green: rgba(225, 250, 177, 1);--affine-text-highlight-teal: rgba(173, 248, 233, 1);--affine-text-highlight-blue: rgba(204, 226, 254, 1);--affine-text-highlight-purple: rgba(237, 221, 255, 1);--affine-text-highlight-grey: rgba(234, 236, 239, 1);--affine-text-highlight-foreground-red: rgba(198, 34, 34, 1);--affine-text-highlight-foreground-orange: rgba(211, 79, 11, 1);--affine-text-highlight-foreground-yellow: rgba(182, 124, 4, 1);--affine-text-highlight-foreground-green: rgba(20, 147, 67, 1);--affine-text-highlight-foreground-teal: rgba(7, 130, 160, 1);--affine-text-highlight-foreground-blue: rgba(33, 89, 211, 1);--affine-text-highlight-foreground-purple: rgba(132, 46, 211, 1);--affine-text-highlight-foreground-grey: rgba(122, 122, 122, 1);--affine-note-background-yellow: rgba(253, 230, 138, 1);--affine-note-background-orange: rgba(255, 196, 143, 1);--affine-note-background-red: rgba(250, 182, 182, 1);--affine-note-background-magenta: rgba(255, 218, 237, 1);--affine-note-background-purple: rgba(221, 214, 254, 1);--affine-note-background-blue: rgba(205, 235, 255, 1);--affine-note-background-teal: rgba(199, 248, 242, 1);--affine-note-background-green: rgba(201, 248, 193, 1);--affine-note-background-black: rgba(0, 0, 0, 1);--affine-note-background-grey: rgba(230, 230, 230, 1);--affine-note-background-white: rgba(255, 255, 255, 1);--affine-v2-aI-applyBackground: #92929212;--affine-v2-aI-applyDeleteHighlight: #ed3f3f21;--affine-v2-aI-applyTextHighlight: #1e96eb;--affine-v2-aI-applyTextHighlightBackground: #1e96eb14;--affine-v2-aI-errorBackground: #fff4f5;--affine-v2-aI-errorDetailBackground: #ffffff99;--affine-v2-aI-errorText: #ed3f3f;--affine-v2-aI-thinkingOutputBackground: #0000000d;--affine-v2-aI-thinkingOutputText: #000000a6;--affine-v2-aI-userTextBackground: #f3f3f3;--affine-v2-adjustmentHandle-background: #00000085;--affine-v2-adjustmentHandle-border: #ffffff;--affine-v2-backlinks-blockBackgroundColor: #9292920d;--affine-v2-backlinks-blockBorder: #9292921a;--affine-v2-backlinks-blockHover: #0000000d;--affine-v2-badge-believer: #002742;--affine-v2-badge-free: #29a3fa;--affine-v2-badge-pro: #29a3fa;--affine-v2-block-callout-background-blue: #e6f5ff;--affine-v2-block-callout-background-green: #f9fee7;--affine-v2-block-callout-background-grey: #f5f5f5;--affine-v2-block-callout-background-magenta: #fcf4ff;--affine-v2-block-callout-background-orange: #ffebd5;--affine-v2-block-callout-background-purple: #f5f3ff;--affine-v2-block-callout-background-red: #fce5e6;--affine-v2-block-callout-background-teal: #e2fdf9;--affine-v2-block-callout-background-yellow: #fffbeb;--affine-v2-block-callout-icon-blue: #53b2ef;--affine-v2-block-callout-icon-green: #22bf07;--affine-v2-block-callout-icon-grey: #cdcdcd;--affine-v2-block-callout-icon-magenta: #cc4187;--affine-v2-block-callout-icon-orange: #ffae63;--affine-v2-block-callout-icon-purple: #7c3aed;--affine-v2-block-callout-icon-red: #c83030;--affine-v2-block-callout-icon-teal: #448e86;--affine-v2-block-callout-icon-yellow: #fde047;--affine-v2-block-code-lineNum: #b3b3b3;--affine-v2-block-comment-hanelActive: #1e96eb05;--affine-v2-block-comment-highlightActive: #1e96eb4d;--affine-v2-block-comment-highlightDefault: #1e96eb14;--affine-v2-block-comment-highlightUnderline: #1e96ebb2;--affine-v2-block-divider-divider: #92929238;--affine-v2-block-footnote-numberBg: #e6e6e6;--affine-v2-block-footnote-numberBgHover: #1e96eb;--affine-v2-block-list-header: #0077cb;--affine-v2-block-notSupportedBlock-background: #ffffff;--affine-v2-block-notSupportedBlock-inlineBg-default: #f3f3f3;--affine-v2-block-notSupportedBlock-inlineBg-hover: #e6e6e6;--affine-v2-block-recordBlock-buttonBg: #f3f3f3;--affine-v2-block-recordBlock-primary: #f45353;--affine-v2-block-recordBlock-secordary: #ff9a9a;--affine-v2-block-recordBlock-timelineIndeicator: #ed3f3f;--affine-v2-button-actionActive: #1e96eb14;--affine-v2-button-badgesColor: #ed3f3f;--affine-v2-button-buttonOverHover: #ffffff;--affine-v2-button-checkBox: #1e96eb;--affine-v2-button-disable: #b3b3b3;--affine-v2-button-emptyIconBackground: #0000000d;--affine-v2-button-error: #ed3f3f;--affine-v2-button-iconButtonSolid: #ffffff;--affine-v2-button-innerBlackBorder: #0000001a;--affine-v2-button-primary: #1e96eb;--affine-v2-button-pureWhiteText: #ffffff;--affine-v2-button-secondary: #ffffff;--affine-v2-button-success: #44b931;--affine-v2-button-templateLabelBackground: #1e96eb0a;--affine-v2-button-grabber-select: #00000038;--affine-v2-button-grabber-default: #0000001a;--affine-v2-button-mobile-aIActionBackground: #252525;--affine-v2-button-mobile-deletedAction: #ed3f3f;--affine-v2-button-sidebarButton-background: #ffffff08;--affine-v2-button-siderbarPrimary-background: #ffffffab;--affine-v2-button-signinbutton-background: #ffffff;--affine-v2-calendar-blue: #4ab1fa;--affine-v2-calendar-green: #44b931;--affine-v2-calendar-grey: #b3b3b3;--affine-v2-calendar-magenta: #f37fba;--affine-v2-calendar-orange: #ffae63;--affine-v2-calendar-purple: #9681ef;--affine-v2-calendar-red: #f43f48;--affine-v2-calendar-teal: #8be7dc;--affine-v2-calendar-yellow: #fde047;--affine-v2-centerPeek-background: #ffffff;--affine-v2-centerPeek-buttonBackground: #ffffff;--affine-v2-centerPeek-icon: #7a7a7a;--affine-v2-centerPeek-overlay: #0000002b;--affine-v2-chatBlock-chatBlockBg: #ffffff;--affine-v2-chatBlock-chatBlockBoder: #e6e6e6;--affine-v2-chatBlock-chatBlockIcon: #7a7a7a;--affine-v2-chatBlock-chatBlockText: #141414;--affine-v2-chip-label-blue: #e6f5ff;--affine-v2-chip-label-green: #dcfdd7;--affine-v2-chip-label-grey: #e6e6e6;--affine-v2-chip-label-magenta: #ffecf6;--affine-v2-chip-label-orange: #ffebd5;--affine-v2-chip-label-purple: #ede9ff;--affine-v2-chip-label-red: #fce5e6;--affine-v2-chip-label-teal: #d7fbf6;--affine-v2-chip-label-text: #00000085;--affine-v2-chip-label-white: #f5f5f5;--affine-v2-chip-label-yellow: #fef3c7;--affine-v2-chip-tag-blue: #84cfff;--affine-v2-chip-tag-green: #69b87d;--affine-v2-chip-tag-grey: #b3b3b3;--affine-v2-chip-tag-orange: #ff8c38;--affine-v2-chip-tag-purple: #7c3aed;--affine-v2-chip-tag-red: #ed3f3f;--affine-v2-chip-tag-teal: #8be7dc;--affine-v2-chip-tag-yellow: #facc15;--affine-v2-database-border: #0000001a;--affine-v2-database-buttonBackground: #ffffff;--affine-v2-database-cardHover: #00000008;--affine-v2-database-filterHeaderFadeIn: #ffffff;--affine-v2-database-filterHeaderFadeOut: #ffffff08;--affine-v2-database-focusBackground: #1e96eb0a;--affine-v2-database-textSecondary: #00000085;--affine-v2-database-attachment-fileSolidBackground: #e6e6e6;--affine-v2-dialog-background-primary: #ffffff;--affine-v2-edgeless-alignment-edgeGuides: #cc4187;--affine-v2-edgeless-alignment-guides: #8b5cf6;--affine-v2-edgeless-frame-background-black: #cdcdcd;--affine-v2-edgeless-frame-background-blue: #e6f5ff;--affine-v2-edgeless-frame-background-green: #f1fdf4;--affine-v2-edgeless-frame-background-grey: #f3f3f3;--affine-v2-edgeless-frame-background-magenta: #ffecf6;--affine-v2-edgeless-frame-background-orange: #ffebd5;--affine-v2-edgeless-frame-background-purple: #ede9ff;--affine-v2-edgeless-frame-background-red: #fce5e6;--affine-v2-edgeless-frame-background-teal: #e2fdf9;--affine-v2-edgeless-frame-background-white: #ffffff;--affine-v2-edgeless-frame-background-yellow: #fffbd5;--affine-v2-edgeless-frame-border-active: #1e96eb;--affine-v2-edgeless-frame-border-default: #0000002b;--affine-v2-edgeless-frame-fontColor-font: #000000f2;--affine-v2-edgeless-group-background-background: #ffffff;--affine-v2-edgeless-group-border-active: #1e96eb;--affine-v2-edgeless-group-border-borderHint: #8fd1ff;--affine-v2-edgeless-group-border-hover: #1e96eb;--affine-v2-edgeless-group-fontColor-active: #1e96eb;--affine-v2-edgeless-group-fontColor-default: #00000085;--affine-v2-edgeless-group-fontColor-hover: #1e96eb;--affine-v2-edgeless-group-fontColor-rename: #000000;--affine-v2-edgeless-line-black: #000000;--affine-v2-edgeless-line-blue: #29a3fa;--affine-v2-edgeless-line-green: #3cbc36;--affine-v2-edgeless-line-grey: #929292;--affine-v2-edgeless-line-magenta: #e660a4;--affine-v2-edgeless-line-orange: #ff8c38;--affine-v2-edgeless-line-purple: #6e52df;--affine-v2-edgeless-line-red: #e11e41;--affine-v2-edgeless-line-teal: #5cc7ba;--affine-v2-edgeless-line-white: #ffffff;--affine-v2-edgeless-line-yellow: #facc15;--affine-v2-edgeless-lock-locked: #92929285;--affine-v2-edgeless-mindMap-line: #000000;--affine-v2-edgeless-note-black: #b3b3b3;--affine-v2-edgeless-note-blue: #ceecff;--affine-v2-edgeless-note-green: #c9f8c1;--affine-v2-edgeless-note-grey: #e6e6e6;--affine-v2-edgeless-note-magenta: #ffdaed;--affine-v2-edgeless-note-orange: #ffc58f;--affine-v2-edgeless-note-purple: #ddd6fe;--affine-v2-edgeless-note-red: #fbb7b7;--affine-v2-edgeless-note-teal: #c7f8f2;--affine-v2-edgeless-note-white: #ffffff;--affine-v2-edgeless-note-yellow: #fde68a;--affine-v2-edgeless-palette-black: #000000;--affine-v2-edgeless-palette-white: #ffffff;--affine-v2-edgeless-palette-heavy-blue: #1c70a5;--affine-v2-edgeless-palette-heavy-green: #447756;--affine-v2-edgeless-palette-heavy-magenta: #941555;--affine-v2-edgeless-palette-heavy-orange: #b55309;--affine-v2-edgeless-palette-heavy-purple: #5a21b6;--affine-v2-edgeless-palette-heavy-red: #761717;--affine-v2-edgeless-palette-heavy-yellow: #ac7400;--affine-v2-edgeless-palette-light-blueLight: #e6f5ff;--affine-v2-edgeless-palette-light-greenLight: #f1fdf4;--affine-v2-edgeless-palette-light-greyLight: #e6e6e6;--affine-v2-edgeless-palette-light-magentaLight: #ffecf6;--affine-v2-edgeless-palette-light-orangeLight: #ffebd5;--affine-v2-edgeless-palette-light-purpleLight: #ede9ff;--affine-v2-edgeless-palette-light-redLight: #fce5e6;--affine-v2-edgeless-palette-light-yellowLight: #fffbd5;--affine-v2-edgeless-palette-medium-blueMedium: #84cfff;--affine-v2-edgeless-palette-medium-greenMedium: #3cbc36;--affine-v2-edgeless-palette-medium-greyMedium: #929292;--affine-v2-edgeless-palette-medium-magentaMedium: #e96cab;--affine-v2-edgeless-palette-medium-orangeMedium: #ff8c38;--affine-v2-edgeless-palette-medium-purpleMedium: #6e52df;--affine-v2-edgeless-palette-medium-redMedium: #fb7081;--affine-v2-edgeless-palette-medium-yellowMedium: #fcd34d;--affine-v2-edgeless-selection-selectionMarqueeBackground: #1e96eb14;--affine-v2-edgeless-selection-selectionMarqueeBorder: #1e96eb;--affine-v2-edgeless-shape-black: #000000;--affine-v2-edgeless-shape-blue: #9fd9ff;--affine-v2-edgeless-shape-green: #9bda91;--affine-v2-edgeless-shape-grey: #cdcdcd;--affine-v2-edgeless-shape-magenta: #ffc0e0;--affine-v2-edgeless-shape-orange: #ffae63;--affine-v2-edgeless-shape-purple: #d7cdff;--affine-v2-edgeless-shape-red: #fecdd1;--affine-v2-edgeless-shape-teal: #8be7dc;--affine-v2-edgeless-shape-white: #ffffff;--affine-v2-edgeless-shape-yellow: #fde047;--affine-v2-edgelessToolbar-highlightPen-body: #fafafa;--affine-v2-edgelessToolbar-highlightPen-body1Linear1-1: #00000000;--affine-v2-edgelessToolbar-highlightPen-body1Linear1-2: #00000000;--affine-v2-edgelessToolbar-highlightPen-body1Linear1-3: #000000;--affine-v2-edgelessToolbar-highlightPen-body1Linear2-1: #ffffff00;--affine-v2-edgelessToolbar-highlightPen-body1Linear2-2: #ffffff00;--affine-v2-edgelessToolbar-highlightPen-body1Linear2-3: #ffffff00;--affine-v2-edgelessToolbar-highlightPen-body1Linear2-4: #ffffff00;--affine-v2-edgelessToolbar-highlightPen-body2: #f3f3f3;--affine-v2-edgelessToolbar-highlightPen-body2Linear1-1: #00000000;--affine-v2-edgelessToolbar-highlightPen-body2Linear1-2: #00000000;--affine-v2-edgelessToolbar-highlightPen-body2Linear1-3: #000000;--affine-v2-edgelessToolbar-highlightPen-body2Linear2-1: #00000000;--affine-v2-edgelessToolbar-highlightPen-body2Linear2-2: #00000000;--affine-v2-edgelessToolbar-highlightPen-body2Linear2-3: #00000000;--affine-v2-edgelessToolbar-highlightPen-body2Linear2-4: #00000000;--affine-v2-edgelessToolbar-highlightPen-body2Linear2-5: #00000000;--affine-v2-edgelessToolbar-highlightPen-bodyColorLinear-1: #00000000;--affine-v2-edgelessToolbar-highlightPen-bodyColorLinear-2: #000000fc;--affine-v2-edgelessToolbar-highlightPen-bodyColorLinear-3: #000000c4;--affine-v2-edgelessToolbar-media-whiteVector: #ffffff8f;--affine-v2-edgelessToolbar-note-background: #ffffff;--affine-v2-edgelessToolbar-note-textColor: #0000001a;--affine-v2-edgelessToolbar-others-background: #ffffff1f;--affine-v2-edgelessToolbar-others-highlightLinearEnd: #ffffff;--affine-v2-edgelessToolbar-others-highlightLinearStart: #ffffff00;--affine-v2-edgelessToolbar-others-linearCenter: #000000c4;--affine-v2-edgelessToolbar-others-linearEnd: #0000001f;--affine-v2-edgelessToolbar-others-linearStart: #ffffff1f;--affine-v2-edgelessToolbar-penEraser-eraserBlue-1: #173654;--affine-v2-edgelessToolbar-penEraser-eraserBlue-2: #effaff;--affine-v2-edgelessToolbar-penEraser-eraserBlue-3: #1e96eb;--affine-v2-edgelessToolbar-penEraser-eraserBodyFill: #f1f1f1;--affine-v2-edgelessToolbar-penEraser-eraserBodyHighlight: #ffffff8f;--affine-v2-edgelessToolbar-penEraser-eraserBodyShade2: #00000033;--affine-v2-edgelessToolbar-penEraser-eraserBodyShade3: #ffffff;--affine-v2-edgelessToolbar-penEraser-eraserBorder: #e7e7e7;--affine-v2-edgelessToolbar-penEraser-eraserBorder2: #e3e2e4;--affine-v2-edgelessToolbar-penEraser-eraserClothHighlight: #ffffff1c;--affine-v2-edgelessToolbar-penEraser-eraserClothShade2: #0f0f0f;--affine-v2-edgelessToolbar-penEraser-eraserClothShade3: #ffffff17;--affine-v2-edgelessToolbar-penEraser-eraserShadow: #00000040;--affine-v2-edgelessToolbar-penEraser-penBackground: #fafafa;--affine-v2-edgelessToolbar-penEraser-penBodyShade-1: #00000033;--affine-v2-edgelessToolbar-penEraser-penBodyShade-2: #0000001a;--affine-v2-edgelessToolbar-penEraser-penBodyShade-3: #00000003;--affine-v2-edgelessToolbar-penEraser-penBodyShade-4: #ffffff14;--affine-v2-edgelessToolbar-penEraser-penInlineShadow: #ffffff00;--affine-v2-icon-activated: #1e96eb;--affine-v2-icon-disable: #b3b3b3;--affine-v2-icon-fileIconBorder: #cdcdcd;--affine-v2-icon-monotone: #7a7a7a;--affine-v2-icon-primary: #7a7a7a;--affine-v2-icon-secondary: #b3b3b3;--affine-v2-icon-tertiary: #cdcdcd;--affine-v2-icon-transparentBlack: #00000085;--affine-v2-icon-fileIconColors-blue: #0077cb;--affine-v2-icon-fileIconColors-green: #1d9c07;--affine-v2-icon-fileIconColors-grey: #1e1b4b;--affine-v2-icon-fileIconColors-magenta: #e660a4;--affine-v2-icon-fileIconColors-purple: #6e52df;--affine-v2-icon-fileIconColors-red: #ed3f3f;--affine-v2-icon-fileIconColors-yellow: #facc15;--affine-v2-input-background: #ffffff;--affine-v2-input-scrollBar-handle: #0000001a;--affine-v2-input-border-active: #1e96eb;--affine-v2-input-border-default: #0000001a;--affine-v2-input-border-error: #ed3f3f;--affine-v2-integrations-background-iconSolid: #ffffff;--affine-v2-layer-black: #000000;--affine-v2-layer-pureBlack: #000000;--affine-v2-layer-pureWhite: #ffffff;--affine-v2-layer-white: #ffffff;--affine-v2-layer-insideBorder-blackBorder: #0000001a;--affine-v2-layer-insideBorder-border: #e6e6e6;--affine-v2-layer-insideBorder-primaryBorder: #1e96eb;--affine-v2-layer-insideBorder-splitviewActived: #0000002b;--affine-v2-layer-insideBorder-whiteBorder: #ffffff8f;--affine-v2-layer-background-codeBlock: #f5f5f5;--affine-v2-layer-background-edgelessGrid: #e6e6e6;--affine-v2-layer-background-error: #fff1f1;--affine-v2-layer-background-hoverOverlay: #0000000d;--affine-v2-layer-background-linkedDocOnEdgeless: #ffffff;--affine-v2-layer-background-modal: #000000b2;--affine-v2-layer-background-modalWhite: #ffffff2b;--affine-v2-layer-background-overlayPanel: #ffffff;--affine-v2-layer-background-primary: #ffffff;--affine-v2-layer-background-processing: #eef2ff;--affine-v2-layer-background-secondary: #f5f5f5;--affine-v2-layer-background-success: #f1fdf4;--affine-v2-layer-background-tertiary: #f3f3f3;--affine-v2-layer-background-translucentUI: #ffffffb8;--affine-v2-layer-background-warning: #fff7ee;--affine-v2-layer-background-mobile-iOSControl: #000000;--affine-v2-layer-background-mobile-modal: #0000002b;--affine-v2-layer-background-mobile-primary: #f5f5f5;--affine-v2-layer-background-mobile-secondary: #ffffff;--affine-v2-layer-background-mobile-tertiary: #e6e6e6;--affine-v2-loading-background: #0000001a;--affine-v2-loading-backgroundLayer: #92929238;--affine-v2-loading-foreground: #1e96eb;--affine-v2-loading-imageLoadingBackground: #92929238;--affine-v2-loading-imageLoadingLayer: #ffffff8f;--affine-v2-others-warnLabel-black: #000000;--affine-v2-others-warnLabel-yellow: #facc15;--affine-v2-pagelist-hoverBorder: #e6e6e6;--affine-v2-portrait-localPortrait: #00000038;--affine-v2-portrait-localPortraitBackground: #0000001a;--affine-v2-radio-disable: #cdcdcd;--affine-v2-radio-active-chekced: #1e96eb;--affine-v2-radio-active-default: #7a7a7a;--affine-v2-readwise-quoteBackground: #f9f9f9;--affine-v2-readwise-quoteDivider: #1e96eb;--affine-v2-segment-background: #0000000d;--affine-v2-segment-button: #ffffff;--affine-v2-selfhost-portrait-localPortraitBackground: #0000000d;--affine-v2-selfhost-button-disable: #7a7a7a;--affine-v2-selfhost-button-primary: #141414;--affine-v2-selfhost-button-secondary: #ffffff;--affine-v2-selfhost-button-sidebarButton-bg-hover: #0000000d;--affine-v2-selfhost-button-sidebarButton-bg-select: #0000000d;--affine-v2-selfhost-icon-buttonIcon: #ffffff;--affine-v2-selfhost-icon-buttonIconError: #ffffff;--affine-v2-selfhost-icon-disable: #b3b3b3;--affine-v2-selfhost-icon-primary: #141414;--affine-v2-selfhost-icon-secondary: #7a7a7a;--affine-v2-selfhost-icon-tertiary: #b3b3b3;--affine-v2-selfhost-layer-background-hoverOverlay: #ffffff3b;--affine-v2-selfhost-layer-background-primary: #ffffff;--affine-v2-selfhost-layer-background-secondary: #f9f9f9;--affine-v2-selfhost-layer-background-sidebarBg-sidebarBg: #f9f9f9;--affine-v2-selfhost-layer-border-border: #141414;--affine-v2-selfhost-progress-error: #ed3f3f;--affine-v2-selfhost-progress-primary: #141414;--affine-v2-selfhost-text-placeholder: #b3b3b3;--affine-v2-selfhost-text-button-error: #ffffff;--affine-v2-selfhost-text-button-primary: #ffffff;--affine-v2-selfhost-text-sidebar-primary: #141414;--affine-v2-selfhost-text-sidebar-secondary: #252525;--affine-v2-selfhost-toggle-backgroundDisable: #e6e6e6;--affine-v2-selfhost-toggle-backgroundOff: #cdcdcd;--affine-v2-selfhost-toggle-backgroundOn: #141414;--affine-v2-selfhost-toggle-foreground: #ffffff;--affine-v2-selfhost-toggle-foregroundDisable: #f9f9f9;--affine-v2-skeleton-skeleton: #e6e6e6;--affine-v2-slashMenu-background: #ffffff;--affine-v2-status-error: #ed3f3f;--affine-v2-status-success: #44b931;--affine-v2-switch-buttonBackground-active: #ffffff;--affine-v2-switch-buttonBackground-hover: #0000000d;--affine-v2-switch-fontColor-primary: #141414;--affine-v2-switch-fontColor-secondary: #7a7a7a;--affine-v2-switch-fontColor-tertiary: #929292;--affine-v2-switch-iconColor-active: #565656;--affine-v2-switch-iconColor-default: #929292;--affine-v2-switch-switchBackground-background: #f3f3f3;--affine-v2-tab-divider-divider: #00000012;--affine-v2-tab-divider-indicator: #1e96eb;--affine-v2-tab-fontColor-active: #141414;--affine-v2-tab-fontColor-default: #b3b3b3;--affine-v2-tab-fontColor-hover: #141414;--affine-v2-tab-iconColor-active: #565656;--affine-v2-tab-iconColor-default: #b3b3b3;--affine-v2-tab-iconColor-hover: #565656;--affine-v2-tab-tabBackground-active: #ffffff;--affine-v2-tab-tabBackground-default: #f3f3f3;--affine-v2-tab-tabBackground-hover: #f3f3f3;--affine-v2-table-border: #0000001a;--affine-v2-table-focusBackground: #1e96eb0a;--affine-v2-table-focusBorder: #1e96eb;--affine-v2-table-textSecondary: #00000085;--affine-v2-table-headerBackground-blue: #f0f9ff;--affine-v2-table-headerBackground-default: #ffffff;--affine-v2-table-headerBackground-green: #efffec;--affine-v2-table-headerBackground-grey: #f5f5f5;--affine-v2-table-headerBackground-headerColor: #f3f3f3;--affine-v2-table-headerBackground-orange: #fff7ee;--affine-v2-table-headerBackground-purple: #f7f5ff;--affine-v2-table-headerBackground-red: #fff4f5;--affine-v2-table-headerBackground-teal: #eefffd;--affine-v2-table-headerBackground-yellow: #fffded;--affine-v2-table-indicator-activated: #1e96eb;--affine-v2-table-indicator-border: #e6e6e6;--affine-v2-table-indicator-drag: #0000002b;--affine-v2-table-indicator-hover: #0000000d;--affine-v2-table-indicator-pointerActive: #ffffff;--affine-v2-table-indicator-pointerDefault: #b3b3b3;--affine-v2-text-disable: #7a7a7a;--affine-v2-text-emphasis: #1e96eb;--affine-v2-text-link: #035f9f;--affine-v2-text-listDotAndNumber: #0077cb;--affine-v2-text-placeholder: #929292;--affine-v2-text-primary: #141414;--affine-v2-text-pureWhite: #ffffff;--affine-v2-text-secondary: #7a7a7a;--affine-v2-text-tertiary: #929292;--affine-v2-text-highlight-border: #00000038;--affine-v2-text-highlight-bg-blue: #daf0ff;--affine-v2-text-highlight-bg-green: #f0fccb;--affine-v2-text-highlight-bg-grey: #e6e6e6;--affine-v2-text-highlight-bg-magenta: #ffecf6;--affine-v2-text-highlight-bg-orange: #ffebd5;--affine-v2-text-highlight-bg-purple: #ede9ff;--affine-v2-text-highlight-bg-red: #fce5e6;--affine-v2-text-highlight-bg-teal: #c7f8f2;--affine-v2-text-highlight-bg-yellow: #fff9b6;--affine-v2-text-highlight-fg-blue: #003c67;--affine-v2-text-highlight-fg-green: #225c18;--affine-v2-text-highlight-fg-grey: #7a7a7a;--affine-v2-text-highlight-fg-magenta: #941555;--affine-v2-text-highlight-fg-orange: #db7123;--affine-v2-text-highlight-fg-purple: #7c3aed;--affine-v2-text-highlight-fg-red: #c83030;--affine-v2-text-highlight-fg-teal: #0e4841;--affine-v2-text-highlight-fg-yellow: #ac7400;--affine-v2-toast-cardLayer-second: #f9f9f9;--affine-v2-toast-cardLayer-third: #f5f5f5;--affine-v2-toast-iconState-error: #ed3f3f;--affine-v2-toast-iconState-regular: #0077cb;--affine-v2-toast-iconState-success: #44b931;--affine-v2-toast-overlay-secondary: #00000008;--affine-v2-toast-overlay-tertiary: #0000000d;--affine-v2-toggle-background: #1e96eb;--affine-v2-toggle-backgroundDisable: #b3b3b3;--affine-v2-toggle-backgroundOff: #929292;--affine-v2-toggle-foreground: #ffffff;--affine-v2-toggle-foregroundDisable: #e6e6e6;--affine-v2-tooltips-background: #000000;--affine-v2-tooltips-foreground: #ffffff;--affine-v2-tooltips-secondaryBackground: #ffffff2b;--affine-v2-workspacePicker-border: #e6e6e6;--affine-v2-workspacePicker-secondaryBackground: #9292921a;--affine-v2-tableOfContent-background: #ffffff}[data-theme=dark]{--affine-theme-mode: dark;--affine-brand-color: #1E96EB;--affine-primary-color: #1C9EE4;--affine-primary-color-04: rgba(52, 116, 173, .1);--affine-secondary-color: rgb(144, 150, 245);--affine-tertiary-color: rgb(30, 30, 30);--affine-blue-950: rgba(32, 45, 55, 1);--affine-blue-50: rgba(181, 208, 242, 1);--affine-blue-100: rgba(171, 204, 237, 1);--affine-blue-200: rgba(149, 194, 234, 1);--affine-blue-300: rgba(115, 182, 226, 1);--affine-blue-400: rgba(79, 162, 216, 1);--affine-blue-500: rgba(53, 140, 208, 1);--affine-blue-600: rgba(52, 116, 173, 1);--affine-blue-700: rgba(55, 106, 154, 1);--affine-blue-800: rgba(51, 88, 122, 1);--affine-blue-900: rgba(47, 75, 96, 1);--affine-hover-color: rgba(255, 255, 255, .1);--affine-hover-color-filled: rgb(42, 42, 42);--affine-icon-color: rgb(168, 168, 160);--affine-icon-secondary: rgba(168,168,160,.6);--affine-border-color: rgba(46, 46, 46, 1);--affine-divider-color: rgb(114, 114, 114);--affine-placeholder-color: rgb(62, 62, 63);--affine-quote-color: rgba(142, 141, 145, 1);--affine-list-color: rgba(156, 155, 160, 1);--affine-link-color: #78BEFF;--affine-edgeless-grid-color: rgba(49, 49, 49, .35);--affine-success-color: rgb(13, 162, 107);--affine-warning-color: rgb(188, 54, 42);--affine-error-color: rgb(188, 54, 42);--affine-processing-color: rgb(31, 94, 204);--affine-text-emphasis-color: #1E96EB;--affine-text-primary-color: rgb(234, 234, 234);--affine-text-secondary-color: rgb(156, 156, 160);--affine-text-disable-color: rgb(119, 117, 125);--affine-black-10: rgba(255, 255, 255, .1);--affine-black-30: rgba(255, 255, 255, .3);--affine-black-50: rgba(255, 255, 255, .5);--affine-black-60: rgba(255, 255, 255, .6);--affine-black-80: rgba(255, 255, 255, .8);--affine-black-90: rgba(255, 255, 255, .9);--affine-black: rgb(255, 255, 255);--affine-white-10: rgba(0, 0, 0, .1);--affine-white-30: rgba(0, 0, 0, .3);--affine-white-50: rgba(0, 0, 0, .5);--affine-white-60: rgba(0, 0, 0, .6);--affine-white-80: rgba(0, 0, 0, .8);--affine-white-90: rgba(0, 0, 0, .9);--affine-white: rgb(0, 0, 0);--affine-background-code-block: rgba(31, 32, 34, 1);--affine-background-tertiary-color: rgb(48, 48, 48);--affine-background-processing-color: rgba(22, 32, 48, 1);--affine-background-error-color: rgba(46, 26, 24, 1);--affine-background-warning-color: rgba(48, 35, 19, 1);--affine-background-success-color: rgba(20, 42, 34, 1);--affine-background-primary-color: rgb(20, 20, 20);--affine-background-secondary-color: rgba(37, 37, 37, 1);--affine-background-modal-color: rgba(0, 0, 0, .5);--affine-background-overlay-panel-color: rgb(30, 30, 30);--affine-tag-blue: rgba(8, 67, 136, 1);--affine-tag-green: rgba(44, 108, 63, 1);--affine-tag-teal: rgba(26, 115, 110, 1);--affine-tag-white: rgba(67, 67, 67, 1);--affine-tag-purple: rgba(47, 30, 113, 1);--affine-tag-red: rgba(111, 50, 50, 1);--affine-tag-pink: rgba(155, 106, 106, 1);--affine-tag-magenta: rgba(105, 47, 111, 1);--affine-tag-yellow: rgba(150, 132, 49, 1);--affine-tag-orange: rgba(185, 129, 46, 1);--affine-tag-gray: rgba(41, 41, 41, 1);--affine-tooltip: rgba(234, 234, 234, 1);--affine-button-shadow: 0px 0px 1px 0px rgba(0, 0, 0, .2), 0px 1px 5px 0px rgba(0, 0, 0, .2);--affine-overlay-panel-shadow: 0px 1px 6px rgba(0,0,0,.2), 0px 8px 14px rgba(0,0,0,.3);--affine-active-shadow: 0px 0px 0px 2px rgba(28, 158, 228, .3);--affine-embed-shadow: 0px 0px 0px 2px rgba(255, 255, 255, .14);--affine-menu-shadow: 0px 10px 18px rgba(0,0,0,.14), 0px -1px 12px rgba(0,0,0,.08);--affine-toolbar-shadow: 0px 6px 18px #00000052;--affine-shadow-1: 0px 0px 4px 0px rgba(0, 0, 0, .24);--affine-shadow-2: 0px 0px 12px 0px rgba(0, 0, 0, .28);--affine-shadow-3: 0px 0px 20px 0px rgba(0, 0, 0, .32);--affine-overlay-shadow: 0px 1px 6px 0px rgba(0, 0, 0, .72), 0px 8px 14px 0px rgba(0, 0, 0, .32);--affine-popover-shadow: 0px 0px 30px 0px rgba(0, 0, 0, .1), 0px 0px 8px 0px rgba(0, 0, 0, .18), 0px 0px 0px .5px rgba(48, 48, 48, 1) inset;--affine-float-button-shadow: 0px 0px 10px rgba(0, 0, 0, .05), 0px 0px 0px .5px rgba(0, 0, 0, .1);--affine-float-button-shadow-1: 0px 4px 6px -3px rgba(0, 0, 0, .1), 0px 10px 12px -2px rgba(0, 0, 0, .1);--affine-float-button-shadow-2: 0px 4px 4px -2px rgba(15, 15, 15, .1), 0px 6px 8px 1px rgba(15, 15, 15, .05);--affine-kanban-shadow: 0px 2px 3px 0px rgba(0, 0, 0, .6);--affine-cmd-shadow: 0px 16px 80px 0px rgba(0, 0, 0, .8);--affine-large-button-effect: 0px 12px 20px 4px rgba(28, 158, 228, .18);--affine-note-shadow-box: 0px 0px 2px 0px rgba(255, 255, 255, .44), 0px 2px 12px 0px rgba(0, 0, 0, .3);--affine-note-shadow-sticker: 0px 24px 26px -10px rgba(0, 0, 0, .22), 0px 26px 18px -18px rgba(0, 0, 0, .52);--affine-note-shadow-paper: 0px 2px 4px 0px rgba(0, 0, 0, .3), 0px 0px 10px #7A7A7A, 0px 6px 12px rgba(0, 0, 0, .4);--affine-note-shadow-float: 0px 0px 32px 0px rgba(0, 0, 0, .3), 0px 0px 2px 0px rgba(255, 255, 255, .44);--affine-note-shadow-film: 10px 10px 0px 6px #7A7A7A, 0px 0px 0px 6px #7A7A7A;--affine-ai-empty-shadow: 0px 4px 4px rgba(66, 65, 73, .1), 0px 6px 8px rgba(66, 65, 73, .05);--affine-button-gray-color: rgba(85, 85, 85, 1);--affine-card-background-blue: linear-gradient(180deg, #14171F 0%, #202020 100%);--affine-card-background-green: linear-gradient(180deg, #192023 0%, #202020 100%);--affine-card-background-grey: linear-gradient(180deg, #313131 0%, #202020 100%);--affine-windows-close-button: #C42B1C;--affine-text-highlight-pink: rgba(127, 93, 93, 1);--affine-text-highlight-red: rgba(108, 39, 39, 1);--affine-text-highlight-orange: rgba(112, 58, 21, 1);--affine-text-highlight-yellow: rgba(106, 84, 15, 1);--affine-text-highlight-green: rgba(26, 91, 50, 1);--affine-text-highlight-teal: rgba(14, 85, 97, 1);--affine-text-highlight-blue: rgba(56, 75, 122, 1);--affine-text-highlight-purple: rgba(80, 46, 111, 1);--affine-text-highlight-grey: rgba(64, 67, 74, 1);--affine-text-highlight-foreground-red: rgba(249, 141, 141, 1);--affine-text-highlight-foreground-orange: rgba(252, 168, 99, 1);--affine-text-highlight-foreground-yellow: rgba(251, 214, 68, 1);--affine-text-highlight-foreground-green: rgba(110, 229, 153, 1);--affine-text-highlight-foreground-teal: rgba(87, 221, 204, 1);--affine-text-highlight-foreground-blue: rgba(128, 183, 251, 1);--affine-text-highlight-foreground-purple: rgba(205, 157, 253, 1);--affine-text-highlight-foreground-grey: rgba(86, 86, 86, 1);--affine-note-background-yellow: rgba(111, 65, 0, 1);--affine-note-background-orange: rgba(132, 59, 6, 1);--affine-note-background-red: rgba(118, 23, 23, 1);--affine-note-background-magenta: rgba(148, 21, 85, 1);--affine-note-background-purple: rgba(49, 46, 129, 1);--affine-note-background-blue: rgba(3, 95, 159, 1);--affine-note-background-teal: rgba(28, 107, 99, 1);--affine-note-background-green: rgba(59, 83, 21, 1);--affine-note-background-black: rgba(255, 255, 255, 1);--affine-note-background-grey: rgba(86, 86, 86, 1);--affine-note-background-white: rgba(0, 0, 0, 1);--affine-v2-aI-applyBackground: #9292921a;--affine-v2-aI-applyDeleteHighlight: #ed3f3f3b;--affine-v2-aI-applyTextHighlight: #29a3fa;--affine-v2-aI-applyTextHighlightBackground: #1e96eb33;--affine-v2-aI-errorBackground: #ed3f3f2e;--affine-v2-aI-errorDetailBackground: #00000054;--affine-v2-aI-errorText: #fff4f5;--affine-v2-aI-thinkingOutputBackground: #000000;--affine-v2-aI-thinkingOutputText: #ffffff8f;--affine-v2-aI-userTextBackground: #252525;--affine-v2-adjustmentHandle-background: #00000085;--affine-v2-adjustmentHandle-border: #ffffff;--affine-v2-backlinks-blockBackgroundColor: #9292921a;--affine-v2-backlinks-blockBorder: #9292922b;--affine-v2-backlinks-blockHover: #9292922b;--affine-v2-badge-believer: #002742;--affine-v2-badge-free: #29a3fa;--affine-v2-badge-pro: #29a3fa;--affine-v2-block-callout-background-blue: #002742;--affine-v2-block-callout-background-green: #192e06;--affine-v2-block-callout-background-grey: #414141;--affine-v2-block-callout-background-magenta: #5f0a35;--affine-v2-block-callout-background-orange: #451a02;--affine-v2-block-callout-background-purple: #1e1b4b;--affine-v2-block-callout-background-red: #460606;--affine-v2-block-callout-background-teal: #0e4841;--affine-v2-block-callout-background-yellow: #321a04;--affine-v2-block-callout-icon-blue: #2f94d5;--affine-v2-block-callout-icon-green: #22bf07;--affine-v2-block-callout-icon-grey: #cdcdcd;--affine-v2-block-callout-icon-magenta: #cc4187;--affine-v2-block-callout-icon-orange: #d97705;--affine-v2-block-callout-icon-purple: #7c3aed;--affine-v2-block-callout-icon-red: #c83030;--affine-v2-block-callout-icon-teal: #5cc7ba;--affine-v2-block-callout-icon-yellow: #e0aa00;--affine-v2-block-code-lineNum: #7a7a7a;--affine-v2-block-comment-hanelActive: #ffffff0d;--affine-v2-block-comment-highlightActive: #1e96eb4d;--affine-v2-block-comment-highlightDefault: #1e96eb14;--affine-v2-block-comment-highlightUnderline: #1e96ebb2;--affine-v2-block-divider-divider: #9292922b;--affine-v2-block-footnote-numberBg: #565656;--affine-v2-block-footnote-numberBgHover: #1e96eb;--affine-v2-block-list-header: #4ab1fa;--affine-v2-block-notSupportedBlock-background: #000000;--affine-v2-block-notSupportedBlock-inlineBg-default: #252525;--affine-v2-block-notSupportedBlock-inlineBg-hover: #414141;--affine-v2-block-recordBlock-buttonBg: #761717;--affine-v2-block-recordBlock-primary: #f45353;--affine-v2-block-recordBlock-secordary: #c83030;--affine-v2-block-recordBlock-timelineIndeicator: #ed3f3f;--affine-v2-button-actionActive: #ffffff0d;--affine-v2-button-badgesColor: #c83030;--affine-v2-button-buttonOverHover: #414141;--affine-v2-button-checkBox: #1e96eb;--affine-v2-button-disable: #7a7a7a;--affine-v2-button-emptyIconBackground: #ffffff0d;--affine-v2-button-error: #c83030;--affine-v2-button-iconButtonSolid: #ffffff17;--affine-v2-button-innerBlackBorder: #ffffff0d;--affine-v2-button-primary: #1e96eb;--affine-v2-button-pureWhiteText: #ffffff;--affine-v2-button-secondary: #ffffff17;--affine-v2-button-success: #1d9c07;--affine-v2-button-templateLabelBackground: #1e96eb14;--affine-v2-button-grabber-select: #ffffff21;--affine-v2-button-grabber-default: #ffffff17;--affine-v2-button-mobile-aIActionBackground: #252525;--affine-v2-button-mobile-deletedAction: #c83030;--affine-v2-button-sidebarButton-background: #ffffff08;--affine-v2-button-siderbarPrimary-background: #0000002b;--affine-v2-button-signinbutton-background: #414141;--affine-v2-calendar-blue: #29a3fa;--affine-v2-calendar-green: #3cbc36;--affine-v2-calendar-grey: #929292;--affine-v2-calendar-magenta: #e660a4;--affine-v2-calendar-orange: #ff8c38;--affine-v2-calendar-purple: #6e52df;--affine-v2-calendar-red: #ed3f3f;--affine-v2-calendar-teal: #5cc7ba;--affine-v2-calendar-yellow: #facc15;--affine-v2-centerPeek-background: #000000;--affine-v2-centerPeek-buttonBackground: #252525;--affine-v2-centerPeek-icon: #cdcdcd;--affine-v2-centerPeek-overlay: #00000085;--affine-v2-chatBlock-chatBlockBg: #252525;--affine-v2-chatBlock-chatBlockBoder: #414141;--affine-v2-chatBlock-chatBlockIcon: #cdcdcd;--affine-v2-chatBlock-chatBlockText: #e6e6e6;--affine-v2-chip-label-blue: #004b7b;--affine-v2-chip-label-green: #225c18;--affine-v2-chip-label-grey: #414141;--affine-v2-chip-label-magenta: #5f0a35;--affine-v2-chip-label-orange: #843b06;--affine-v2-chip-label-purple: #25136d;--affine-v2-chip-label-red: #460606;--affine-v2-chip-label-teal: #1c6b63;--affine-v2-chip-label-text: #ffffffab;--affine-v2-chip-label-white: #252525;--affine-v2-chip-label-yellow: #ac7400;--affine-v2-chip-tag-blue: #84cfff;--affine-v2-chip-tag-green: #69b87d;--affine-v2-chip-tag-grey: #b3b3b3;--affine-v2-chip-tag-orange: #ff8c38;--affine-v2-chip-tag-purple: #7c3aed;--affine-v2-chip-tag-red: #ed3f3f;--affine-v2-chip-tag-teal: #8be7dc;--affine-v2-chip-tag-yellow: #facc15;--affine-v2-database-border: #ffffff21;--affine-v2-database-buttonBackground: #414141;--affine-v2-database-cardHover: #ffffff08;--affine-v2-database-filterHeaderFadeIn: #000000;--affine-v2-database-filterHeaderFadeOut: #00000008;--affine-v2-database-focusBackground: #1e96eb0a;--affine-v2-database-textSecondary: #ffffff8f;--affine-v2-database-attachment-fileSolidBackground: #414141;--affine-v2-dialog-background-primary: #252525;--affine-v2-edgeless-alignment-edgeGuides: #e660a4;--affine-v2-edgeless-alignment-guides: #8b5cf6;--affine-v2-edgeless-frame-background-black: #cdcdcd;--affine-v2-edgeless-frame-background-blue: #e6f5ff;--affine-v2-edgeless-frame-background-green: #f1fdf4;--affine-v2-edgeless-frame-background-grey: #f3f3f3;--affine-v2-edgeless-frame-background-magenta: #ffecf6;--affine-v2-edgeless-frame-background-orange: #ffebd5;--affine-v2-edgeless-frame-background-purple: #ede9ff;--affine-v2-edgeless-frame-background-red: #fce5e6;--affine-v2-edgeless-frame-background-teal: #e2fdf9;--affine-v2-edgeless-frame-background-white: #ffffff;--affine-v2-edgeless-frame-background-yellow: #fffbd5;--affine-v2-edgeless-frame-border-active: #1e96eb;--affine-v2-edgeless-frame-border-default: #ffffff2b;--affine-v2-edgeless-frame-fontColor-font: #000000f2;--affine-v2-edgeless-group-background-background: #ffffff;--affine-v2-edgeless-group-border-active: #1e96eb;--affine-v2-edgeless-group-border-borderHint: #8fd1ff;--affine-v2-edgeless-group-border-hover: #1e96eb;--affine-v2-edgeless-group-fontColor-active: #1e96eb;--affine-v2-edgeless-group-fontColor-default: #ffffff8f;--affine-v2-edgeless-group-fontColor-hover: #1e96eb;--affine-v2-edgeless-group-fontColor-rename: #000000;--affine-v2-edgeless-line-black: #000000;--affine-v2-edgeless-line-blue: #29a3fa;--affine-v2-edgeless-line-green: #3cbc36;--affine-v2-edgeless-line-grey: #929292;--affine-v2-edgeless-line-magenta: #e660a4;--affine-v2-edgeless-line-orange: #ff8c38;--affine-v2-edgeless-line-purple: #6e52df;--affine-v2-edgeless-line-red: #ed3f3f;--affine-v2-edgeless-line-teal: #5cc7ba;--affine-v2-edgeless-line-white: #ffffff;--affine-v2-edgeless-line-yellow: #facc15;--affine-v2-edgeless-lock-locked: #92929285;--affine-v2-edgeless-mindMap-line: #ffffff;--affine-v2-edgeless-note-black: #252525;--affine-v2-edgeless-note-blue: #004b7b;--affine-v2-edgeless-note-green: #3b5315;--affine-v2-edgeless-note-grey: #565656;--affine-v2-edgeless-note-magenta: #5f0a35;--affine-v2-edgeless-note-orange: #843b06;--affine-v2-edgeless-note-purple: #312e81;--affine-v2-edgeless-note-red: #460606;--affine-v2-edgeless-note-teal: #0e4841;--affine-v2-edgeless-note-white: #252525;--affine-v2-edgeless-note-yellow: #704200;--affine-v2-edgeless-palette-black: #ffffff;--affine-v2-edgeless-palette-white: #000000;--affine-v2-edgeless-palette-heavy-blue: #1c70a5;--affine-v2-edgeless-palette-heavy-green: #447756;--affine-v2-edgeless-palette-heavy-magenta: #941555;--affine-v2-edgeless-palette-heavy-orange: #b55309;--affine-v2-edgeless-palette-heavy-purple: #5a21b6;--affine-v2-edgeless-palette-heavy-red: #761717;--affine-v2-edgeless-palette-heavy-yellow: #ac7400;--affine-v2-edgeless-palette-light-blueLight: #e6f5ff;--affine-v2-edgeless-palette-light-greenLight: #f1fdf4;--affine-v2-edgeless-palette-light-greyLight: #e6e6e6;--affine-v2-edgeless-palette-light-magentaLight: #ffecf6;--affine-v2-edgeless-palette-light-orangeLight: #ffebd5;--affine-v2-edgeless-palette-light-purpleLight: #d7cdff;--affine-v2-edgeless-palette-light-redLight: #fce5e6;--affine-v2-edgeless-palette-light-yellowLight: #fffbd5;--affine-v2-edgeless-palette-medium-blueMedium: #84cfff;--affine-v2-edgeless-palette-medium-greenMedium: #3cbc36;--affine-v2-edgeless-palette-medium-greyMedium: #929292;--affine-v2-edgeless-palette-medium-magentaMedium: #e96cab;--affine-v2-edgeless-palette-medium-orangeMedium: #ff8c38;--affine-v2-edgeless-palette-medium-purpleMedium: #6e52df;--affine-v2-edgeless-palette-medium-redMedium: #fb7081;--affine-v2-edgeless-palette-medium-yellowMedium: #fcd34d;--affine-v2-edgeless-selection-selectionMarqueeBackground: #1e96eb14;--affine-v2-edgeless-selection-selectionMarqueeBorder: #1e96eb;--affine-v2-edgeless-shape-black: #000000;--affine-v2-edgeless-shape-blue: #9fd9ff;--affine-v2-edgeless-shape-green: #9bda91;--affine-v2-edgeless-shape-grey: #cdcdcd;--affine-v2-edgeless-shape-magenta: #ffc0e0;--affine-v2-edgeless-shape-orange: #ffae63;--affine-v2-edgeless-shape-purple: #d7cdff;--affine-v2-edgeless-shape-red: #fbb7b7;--affine-v2-edgeless-shape-teal: #8be7dc;--affine-v2-edgeless-shape-white: #ffffff;--affine-v2-edgeless-shape-yellow: #fde047;--affine-v2-edgelessToolbar-highlightPen-body: #3d3d3d;--affine-v2-edgelessToolbar-highlightPen-body1Linear1-1: #00000000;--affine-v2-edgelessToolbar-highlightPen-body1Linear1-2: #00000000;--affine-v2-edgelessToolbar-highlightPen-body1Linear1-3: #000000;--affine-v2-edgelessToolbar-highlightPen-body1Linear2-1: #00000000;--affine-v2-edgelessToolbar-highlightPen-body1Linear2-2: #00000080;--affine-v2-edgelessToolbar-highlightPen-body1Linear2-3: #000000;--affine-v2-edgelessToolbar-highlightPen-body1Linear2-4: #ffffff;--affine-v2-edgelessToolbar-highlightPen-body2: #303030;--affine-v2-edgelessToolbar-highlightPen-body2Linear1-1: #00000000;--affine-v2-edgelessToolbar-highlightPen-body2Linear1-2: #00000000;--affine-v2-edgelessToolbar-highlightPen-body2Linear1-3: #00000000;--affine-v2-edgelessToolbar-highlightPen-body2Linear2-1: #00000000;--affine-v2-edgelessToolbar-highlightPen-body2Linear2-2: #00000000;--affine-v2-edgelessToolbar-highlightPen-body2Linear2-3: #00000000;--affine-v2-edgelessToolbar-highlightPen-body2Linear2-4: #000000;--affine-v2-edgelessToolbar-highlightPen-body2Linear2-5: #797979;--affine-v2-edgelessToolbar-highlightPen-bodyColorLinear-1: #00000000;--affine-v2-edgelessToolbar-highlightPen-bodyColorLinear-2: #000000;--affine-v2-edgelessToolbar-highlightPen-bodyColorLinear-3: #000000c4;--affine-v2-edgelessToolbar-media-whiteVector: #00000038;--affine-v2-edgelessToolbar-note-background: #414141;--affine-v2-edgelessToolbar-note-textColor: #ffffff21;--affine-v2-edgelessToolbar-others-background: #4a4a4ab2;--affine-v2-edgelessToolbar-others-highlightLinearEnd: #ffffff1f;--affine-v2-edgelessToolbar-others-highlightLinearStart: #ffffff0f;--affine-v2-edgelessToolbar-others-linearCenter: #000000a8;--affine-v2-edgelessToolbar-others-linearEnd: #00000000;--affine-v2-edgelessToolbar-others-linearStart: #00000000;--affine-v2-edgelessToolbar-penEraser-eraserBlue-1: #1c3d5d;--affine-v2-edgelessToolbar-penEraser-eraserBlue-2: #a1c5d3;--affine-v2-edgelessToolbar-penEraser-eraserBlue-3: #1a7cc1;--affine-v2-edgelessToolbar-penEraser-eraserBodyFill: #3d3d3d;--affine-v2-edgelessToolbar-penEraser-eraserBodyHighlight: #ffffff17;--affine-v2-edgelessToolbar-penEraser-eraserBodyShade2: #000000cc;--affine-v2-edgelessToolbar-penEraser-eraserBodyShade3: #ffffff66;--affine-v2-edgelessToolbar-penEraser-eraserBorder: #7f7f7f;--affine-v2-edgelessToolbar-penEraser-eraserBorder2: #9b9b9b;--affine-v2-edgelessToolbar-penEraser-eraserClothHighlight: #ffffff1c;--affine-v2-edgelessToolbar-penEraser-eraserClothShade2: #0f0f0f;--affine-v2-edgelessToolbar-penEraser-eraserClothShade3: #ffffff17;--affine-v2-edgelessToolbar-penEraser-eraserShadow: #000000c4;--affine-v2-edgelessToolbar-penEraser-penBackground: #3d3d3d;--affine-v2-edgelessToolbar-penEraser-penBodyShade-1: #00000099;--affine-v2-edgelessToolbar-penEraser-penBodyShade-2: #00000066;--affine-v2-edgelessToolbar-penEraser-penBodyShade-3: #00000033;--affine-v2-edgelessToolbar-penEraser-penBodyShade-4: #0000001a;--affine-v2-edgelessToolbar-penEraser-penInlineShadow: #00000040;--affine-v2-icon-activated: #1e96eb;--affine-v2-icon-disable: #414141;--affine-v2-icon-fileIconBorder: #565656;--affine-v2-icon-monotone: #7a7a7a;--affine-v2-icon-primary: #f3f3f3;--affine-v2-icon-secondary: #cdcdcd;--affine-v2-icon-tertiary: #565656;--affine-v2-icon-transparentBlack: #ffffffb8;--affine-v2-icon-fileIconColors-blue: #0077cb;--affine-v2-icon-fileIconColors-green: #1d9c07;--affine-v2-icon-fileIconColors-grey: #312e81;--affine-v2-icon-fileIconColors-magenta: #e660a4;--affine-v2-icon-fileIconColors-purple: #6e52df;--affine-v2-icon-fileIconColors-red: #ed3f3f;--affine-v2-icon-fileIconColors-yellow: #facc15;--affine-v2-input-background: #ffffff17;--affine-v2-input-scrollBar-handle: #ffffff2b;--affine-v2-input-border-active: #1e96eb;--affine-v2-input-border-default: #ffffff0d;--affine-v2-input-border-error: #ed3f3f;--affine-v2-integrations-background-iconSolid: #ffffff;--affine-v2-layer-black: #ffffff;--affine-v2-layer-pureBlack: #000000;--affine-v2-layer-pureWhite: #ffffff;--affine-v2-layer-white: #000000;--affine-v2-layer-insideBorder-blackBorder: #ffffff0d;--affine-v2-layer-insideBorder-border: #414141;--affine-v2-layer-insideBorder-primaryBorder: #1e96eb;--affine-v2-layer-insideBorder-splitviewActived: #ffffffab;--affine-v2-layer-insideBorder-whiteBorder: #ffffff0d;--affine-v2-layer-background-codeBlock: #252525;--affine-v2-layer-background-edgelessGrid: #565656;--affine-v2-layer-background-error: #460606;--affine-v2-layer-background-hoverOverlay: #ffffff17;--affine-v2-layer-background-linkedDocOnEdgeless: #252525;--affine-v2-layer-background-modal: #00000085;--affine-v2-layer-background-modalWhite: #ffffff2b;--affine-v2-layer-background-overlayPanel: #252525;--affine-v2-layer-background-primary: #141414;--affine-v2-layer-background-processing: #002742;--affine-v2-layer-background-secondary: #252525;--affine-v2-layer-background-success: #1c3027;--affine-v2-layer-background-tertiary: #565656;--affine-v2-layer-background-translucentUI: #000000a6;--affine-v2-layer-background-warning: #321a04;--affine-v2-layer-background-mobile-iOSControl: #ffffff;--affine-v2-layer-background-mobile-modal: #00000085;--affine-v2-layer-background-mobile-primary: #000000;--affine-v2-layer-background-mobile-secondary: #252525;--affine-v2-layer-background-mobile-tertiary: #414141;--affine-v2-loading-background: #ffffff2b;--affine-v2-loading-backgroundLayer: #929292f2;--affine-v2-loading-foreground: #0077cb;--affine-v2-loading-imageLoadingBackground: #92929238;--affine-v2-loading-imageLoadingLayer: #ffffff8f;--affine-v2-others-warnLabel-black: #000000;--affine-v2-others-warnLabel-yellow: #facc15;--affine-v2-pagelist-hoverBorder: #7a7a7a;--affine-v2-portrait-localPortrait: #ffffff3b;--affine-v2-portrait-localPortraitBackground: #ffffff2b;--affine-v2-radio-disable: #7a7a7a;--affine-v2-radio-active-chekced: #1e96eb;--affine-v2-radio-active-default: #b3b3b3;--affine-v2-readwise-quoteBackground: #252525;--affine-v2-readwise-quoteDivider: #1e96eb;--affine-v2-segment-background: #ffffff0d;--affine-v2-segment-button: #ffffff17;--affine-v2-selfhost-portrait-localPortraitBackground: #ffffff21;--affine-v2-selfhost-button-disable: #252525;--affine-v2-selfhost-button-primary: #f3f3f3;--affine-v2-selfhost-button-secondary: #ffffff17;--affine-v2-selfhost-button-sidebarButton-bg-hover: #ffffff17;--affine-v2-selfhost-button-sidebarButton-bg-select: #ffffff17;--affine-v2-selfhost-icon-buttonIcon: #141414;--affine-v2-selfhost-icon-buttonIconError: #ffffff;--affine-v2-selfhost-icon-disable: #565656;--affine-v2-selfhost-icon-primary: #f3f3f3;--affine-v2-selfhost-icon-secondary: #cdcdcd;--affine-v2-selfhost-icon-tertiary: #565656;--affine-v2-selfhost-layer-background-hoverOverlay: #fffffffa;--affine-v2-selfhost-layer-background-primary: #141414;--affine-v2-selfhost-layer-background-secondary: #252525;--affine-v2-selfhost-layer-background-sidebarBg-sidebarBg: #252525;--affine-v2-selfhost-layer-border-border: #e6e6e6;--affine-v2-selfhost-progress-error: #c83030;--affine-v2-selfhost-progress-primary: #e6e6e6;--affine-v2-selfhost-text-placeholder: #7a7a7a;--affine-v2-selfhost-text-button-error: #ffffff;--affine-v2-selfhost-text-button-primary: #141414;--affine-v2-selfhost-text-sidebar-primary: #e6e6e6;--affine-v2-selfhost-text-sidebar-secondary: #cdcdcd;--affine-v2-selfhost-toggle-backgroundDisable: #414141;--affine-v2-selfhost-toggle-backgroundOff: #565656;--affine-v2-selfhost-toggle-backgroundOn: #b3b3b3;--affine-v2-selfhost-toggle-foreground: #fffffffa;--affine-v2-selfhost-toggle-foregroundDisable: #565656;--affine-v2-skeleton-skeleton: #252525;--affine-v2-slashMenu-background: #252525;--affine-v2-status-error: #c83030;--affine-v2-status-success: #1d9c07;--affine-v2-switch-buttonBackground-active: #414141;--affine-v2-switch-buttonBackground-hover: #ffffff0d;--affine-v2-switch-fontColor-primary: #e6e6e6;--affine-v2-switch-fontColor-secondary: #929292;--affine-v2-switch-fontColor-tertiary: #7a7a7a;--affine-v2-switch-iconColor-active: #cdcdcd;--affine-v2-switch-iconColor-default: #7a7a7a;--affine-v2-switch-switchBackground-background: #252525;--affine-v2-tab-divider-divider: #ffffff21;--affine-v2-tab-divider-indicator: #1e96eb;--affine-v2-tab-fontColor-active: #e6e6e6;--affine-v2-tab-fontColor-default: #565656;--affine-v2-tab-fontColor-hover: #e6e6e6;--affine-v2-tab-iconColor-active: #cdcdcd;--affine-v2-tab-iconColor-default: #7a7a7a;--affine-v2-tab-iconColor-hover: #cdcdcd;--affine-v2-tab-tabBackground-active: #414141;--affine-v2-tab-tabBackground-default: #252525;--affine-v2-tab-tabBackground-hover: #252525;--affine-v2-table-border: #ffffff21;--affine-v2-table-focusBackground: #1e96eb0a;--affine-v2-table-focusBorder: #1e96eb;--affine-v2-table-textSecondary: #ffffff8f;--affine-v2-table-headerBackground-blue: #004b7b;--affine-v2-table-headerBackground-default: #252525;--affine-v2-table-headerBackground-green: #10340a;--affine-v2-table-headerBackground-grey: #565656;--affine-v2-table-headerBackground-headerColor: #252525;--affine-v2-table-headerBackground-orange: #843b06;--affine-v2-table-headerBackground-purple: #25136d;--affine-v2-table-headerBackground-red: #460606;--affine-v2-table-headerBackground-teal: #0e4841;--affine-v2-table-headerBackground-yellow: #704200;--affine-v2-table-indicator-activated: #1e96eb;--affine-v2-table-indicator-border: #414141;--affine-v2-table-indicator-drag: #ffffff21;--affine-v2-table-indicator-hover: #ffffff17;--affine-v2-table-indicator-pointerActive: #ffffff;--affine-v2-table-indicator-pointerDefault: #cdcdcd;--affine-v2-text-disable: #565656;--affine-v2-text-emphasis: #29a3fa;--affine-v2-text-link: #7ac8ff;--affine-v2-text-listDotAndNumber: #4ab1fa;--affine-v2-text-placeholder: #7a7a7a;--affine-v2-text-primary: #e6e6e6;--affine-v2-text-pureWhite: #ffffff;--affine-v2-text-secondary: #929292;--affine-v2-text-tertiary: #7a7a7a;--affine-v2-text-highlight-border: #ffffff3b;--affine-v2-text-highlight-bg-blue: #002742;--affine-v2-text-highlight-bg-green: #192e06;--affine-v2-text-highlight-bg-grey: #414141;--affine-v2-text-highlight-bg-magenta: #5f0a35;--affine-v2-text-highlight-bg-orange: #843b06;--affine-v2-text-highlight-bg-purple: #2e1065;--affine-v2-text-highlight-bg-red: #460606;--affine-v2-text-highlight-bg-teal: #0e4841;--affine-v2-text-highlight-bg-yellow: #321a04;--affine-v2-text-highlight-fg-blue: #2f94d5;--affine-v2-text-highlight-fg-green: #9bda91;--affine-v2-text-highlight-fg-grey: #565656;--affine-v2-text-highlight-fg-magenta: #f37fba;--affine-v2-text-highlight-fg-orange: #ffae63;--affine-v2-text-highlight-fg-purple: #9681ef;--affine-v2-text-highlight-fg-red: #fc7979;--affine-v2-text-highlight-fg-teal: #448e86;--affine-v2-text-highlight-fg-yellow: #facc15;--affine-v2-toast-cardLayer-second: #252525;--affine-v2-toast-cardLayer-third: #252525;--affine-v2-toast-iconState-error: #c83030;--affine-v2-toast-iconState-regular: #035f9f;--affine-v2-toast-iconState-success: #1d9c07;--affine-v2-toast-overlay-secondary: #0000000d;--affine-v2-toast-overlay-tertiary: #00000008;--affine-v2-toggle-background: #0077cb;--affine-v2-toggle-backgroundDisable: #414141;--affine-v2-toggle-backgroundOff: #565656;--affine-v2-toggle-foreground: #fffffffa;--affine-v2-toggle-foregroundDisable: #929292;--affine-v2-tooltips-background: #414141;--affine-v2-tooltips-foreground: #ffffff;--affine-v2-tooltips-secondaryBackground: #ffffff2b;--affine-v2-workspacePicker-border: #414141;--affine-v2-workspacePicker-secondaryBackground: #9292922b;--affine-v2-tableOfContent-background: #252525}@media print{:root{--affine-font-family: "Inter", "Source Sans 3", Poppins, "Helvetica Neue", Tahoma, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji","Segoe UI Symbol", "Noto Color Emoji";--affine-font-serif-family: "Source Serif 4", "Noto Serif" , serif, "Cambria", "Helvetica Neue", Tahoma, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji","Segoe UI Symbol", "Noto Color Emoji";--affine-font-mono-family: "Source Code Pro", "IBM Plex Mono", "Roboto Mono","Noto Sans Mono", "Noto Sans CJK", "Helvetica Neue", Tahoma, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji","Segoe UI Symbol", "Noto Color Emoji";--affine-font-sans-family: "Inter", "Source Sans 3", Poppins, "Helvetica Neue", Tahoma, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji","Segoe UI Symbol", "Noto Color Emoji";--affine-font-number-family: "Roboto Mono", "Noto Sans Mono", "Helvetica Neue", Tahoma, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji","Segoe UI Symbol", "Noto Color Emoji";--affine-font-code-family: "IBM Plex Mono", "Space Mono", Consolas, Menlo, Monaco, Courier, monospace, "Helvetica Neue", Tahoma, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji","Segoe UI Symbol", "Noto Color Emoji"}}.xn1iio0{font-size:34px;font-weight:400;line-height:41px;letter-spacing:.4px;font-style:normal}.xn1iio1{font-size:34px;font-weight:700;line-height:41px;letter-spacing:.4px;font-style:normal}.xn1iio2{font-size:28px;font-weight:400;line-height:34px;letter-spacing:.38px;font-style:normal}.xn1iio3{font-size:28px;font-weight:700;line-height:34px;letter-spacing:.38px;font-style:normal}.xn1iio4{font-size:22px;font-weight:400;line-height:28px;letter-spacing:-.26px;font-style:normal}.xn1iio5{font-size:22px;font-weight:700;line-height:28px;letter-spacing:-.26px;font-style:normal}.xn1iio6{font-size:20px;font-weight:400;line-height:25px;letter-spacing:-.45px;font-style:normal}.xn1iio7{font-size:20px;font-weight:600;line-height:25px;letter-spacing:-.45px;font-style:normal}.xn1iio8{font-size:17px;font-weight:600;line-height:22px;letter-spacing:-.43px;font-style:normal}.xn1iio9{font-size:17px;font-weight:600;line-height:22px;letter-spacing:-.43px;font-style:italic}.xn1iioa{font-size:17px;font-weight:400;line-height:22px;letter-spacing:-.43px;font-style:normal}.xn1iiob{font-size:17px;font-weight:600;line-height:22px;letter-spacing:-.43px;font-style:normal}.xn1iioc{font-size:17px;font-weight:400;line-height:22px;letter-spacing:-.43px;font-style:italic}.xn1iiod{font-size:17px;font-weight:600;line-height:22px;letter-spacing:-.43px;font-style:italic}.xn1iioe{font-size:16px;font-weight:400;line-height:21px;letter-spacing:-.31px;font-style:normal}.xn1iiof{font-size:16px;font-weight:600;line-height:21px;letter-spacing:-.31px;font-style:normal}.xn1iiog{font-size:16px;font-weight:400;line-height:21px;letter-spacing:-.31px;font-style:italic}.xn1iioh{font-size:16px;font-weight:600;line-height:21px;letter-spacing:-.31px;font-style:italic}.xn1iioi{font-size:15px;font-weight:400;line-height:20px;letter-spacing:-.23px;font-style:normal}.xn1iioj{font-size:15px;font-weight:600;line-height:20px;letter-spacing:-.23px;font-style:normal}.xn1iiok{font-size:15px;font-weight:400;line-height:20px;letter-spacing:-.23px;font-style:italic}.xn1iiol{font-size:15px;font-weight:600;line-height:20px;letter-spacing:-.23px;font-style:italic}.xn1iiom{font-size:13px;font-weight:400;line-height:18px;letter-spacing:-.08px;font-style:normal}.xn1iion{font-size:13px;font-weight:600;line-height:18px;letter-spacing:-.08px;font-style:normal}.xn1iioo{font-size:13px;font-weight:400;line-height:18px;letter-spacing:-.08px;font-style:italic}.xn1iiop{font-size:13px;font-weight:600;line-height:18px;letter-spacing:-.08px;font-style:italic}.xn1iioq{font-size:12px;font-weight:400;line-height:16px;letter-spacing:inherit;font-style:normal}.xn1iior{font-size:12px;font-weight:500;line-height:16px;letter-spacing:inherit;font-style:normal}.xn1iios{font-size:12px;font-weight:400;line-height:16px;letter-spacing:inherit;font-style:italic}.xn1iiot{font-size:12px;font-weight:500;line-height:16px;letter-spacing:inherit;font-style:italic}.xn1iiou{font-size:11px;font-weight:400;line-height:13px;letter-spacing:.06px;font-style:normal}.xn1iiov{font-size:11px;font-weight:600;line-height:13px;letter-spacing:.06px;font-style:normal}.xn1iiow{font-size:11px;font-weight:400;line-height:13px;letter-spacing:.06px;font-style:italic}.xn1iiox{font-size:11px;font-weight:600;line-height:13px;letter-spacing:.06px;font-style:italic}
.rd-edgeless-editor-host {
  display: flex;
  width: 100%;
  min-width: 0;
  min-height: 0;
  flex: 1;
  overflow: hidden;
  color-scheme: dark;
  background: var(--affine-background-primary-color, rgb(20, 20, 20));
}

.rd-edgeless-editor-host,
.rd-edgeless-editor-host[data-theme='dark'],
.rd-edgeless-editor-host [data-theme='dark'] {
  /* Affine v2 dark: paper notes are #252525 on #141414. v1 inverts "white" to #000. */
  --affine-note-background-white: #252525;
}

.rd-edgeless-editor-host edgeless-editor {
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  flex: 1;
  background: var(--affine-background-primary-color, rgb(20, 20, 20));
}
.document-toc-layout {
  display: grid;
  grid-template-columns: 184px minmax(0, 1fr);
  align-items: start;
  gap: 16px;
  padding: 12px 16px;
  min-width: 0;
}

.document-toc {
  position: sticky;
  top: 44px;
  max-height: calc(100vh - 220px);
  overflow-y: auto;
  padding-right: 12px;
  border-right: 1px solid hsl(var(--border));
  color: hsl(var(--foreground));
}

.document-toc-title {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 600;
}

.document-toc-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.document-toc-link {
  display: block;
  padding: 6px 8px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 1.4;
  color: inherit;
  opacity: 0.75;
  overflow-wrap: anywhere;
  text-decoration: none;
}

.document-toc-link:hover,
.document-toc-link[aria-current="location"] {
  background: hsl(var(--accent));
  color: hsl(var(--accent-foreground));
  opacity: 1;
}

.document-toc-link:focus-visible {
  outline: 2px solid hsl(var(--ring));
  outline-offset: 2px;
}

.document-toc-content {
  min-width: 0;
}

.document-toc-content details {
  scroll-margin-top: 44px;
}

.document-toc-layout--tabs {
  flex: 1;
  min-height: 0;
  height: 100%;
  align-items: stretch;
}

.document-toc-layout--tabs .document-toc {
  position: static;
  max-height: 100%;
}

@media (max-width: 640px) {
  .document-toc-layout {
    grid-template-columns: 128px minmax(0, 1fr);
    gap: 8px;
    padding: 8px;
  }

  .document-toc {
    padding-right: 6px;
  }

  .document-toc-link {
    padding: 5px 4px;
    font-size: 11px;
  }
}
.document-shelf {
  --shelf-canvas: var(--pui-canvas, hsl(var(--background)));
  --shelf-ink: var(--pui-foreground, hsl(var(--foreground)));
  --shelf-muted: var(--pui-muted, hsl(var(--muted-foreground)));
  --shelf-line: var(--pui-border, hsl(var(--border)));
  --shelf-panel: color-mix(in srgb, var(--shelf-canvas) 94%, var(--shelf-ink));
  --shelf-hover: color-mix(in srgb, var(--shelf-panel) 94%, var(--shelf-ink));
  display: grid;
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
  flex: 1;
  min-height: 0;
  height: 100%;
  overflow: hidden;
  background: var(--shelf-canvas);
  color: var(--shelf-ink);
}

.document-shelf__sidebar,
.document-shelf__workspace {
  min-width: 0;
  overflow: auto;
  padding: 10px 12px 24px;
  scrollbar-width: thin;
  scrollbar-color: var(--shelf-line) transparent;
  transition: background-color 140ms ease, box-shadow 140ms ease;
}

.document-shelf__sidebar { background: var(--shelf-panel); border-right: 1px solid var(--shelf-line); }
.document-shelf__header { position: sticky; top: 0; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 12px; padding-bottom: 10px; border-bottom: 1px solid var(--shelf-line); background: var(--shelf-panel); }
.document-shelf__header h2 { margin: 0; font-size: 12px; font-weight: 600; }
.document-shelf__add { height: 26px; flex-shrink: 0; gap: 2px; padding: 0 8px; border: 1px solid var(--shelf-line); border-radius: 4px; background: var(--shelf-canvas); color: var(--shelf-ink); font-size: 11px; font-weight: 500; }
.document-shelf__add:hover { background: var(--shelf-hover); }
.document-shelf__list { display: flex; flex-direction: column; gap: 6px; }
.document-shelf__row { display: flex; min-height: 32px; overflow: hidden; border: 1px solid color-mix(in srgb, var(--shelf-line) 70%, transparent); border-radius: 5px; background: var(--shelf-canvas); cursor: grab; transition: background-color 140ms ease, border-color 140ms ease; }
.document-shelf__row:hover,
.document-shelf__row:focus-within,
.document-shelf__row.is-requested { border-color: var(--shelf-line); background: var(--shelf-hover); }
.document-shelf__row:active { cursor: grabbing; }
.document-shelf__item { display: flex; flex: 1; min-width: 0; align-items: center; gap: 8px; padding: 5px 8px; text-align: left; font-size: 12px; font-weight: 500; }
.document-shelf__item span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.document-shelf__item svg { width: 12px; height: 12px; flex-shrink: 0; color: var(--shelf-muted); opacity: .65; }
.document-shelf__actions { display: flex; width: 28px; flex-shrink: 0; align-items: center; justify-content: center; margin: 3px; border-radius: 3px; color: var(--shelf-muted); }
.document-shelf__actions svg { width: 14px; height: 14px; }
.document-shelf__actions:hover { background: var(--shelf-panel); color: var(--shelf-ink); }
.document-shelf button:focus-visible,
.document-shelf summary:focus-visible { outline: 2px solid var(--pui-focus, hsl(var(--ring))); outline-offset: -2px; }
.document-shelf__workspace { display: flex; flex-direction: column; justify-content: flex-start; }
.document-shelf__workspace > [data-document-accordions] { flex: 0 0 auto; gap: 8px; }
.document-shelf__hint { margin: 12px 0 0; color: var(--shelf-muted); font-size: 11px; }
.document-shelf__workspace > .document-shelf__hint { margin: 0; padding: 24px 12px; border: 1px dashed var(--shelf-line); border-radius: 6px; text-align: center; }
.document-shelf .is-over { box-shadow: inset 0 0 0 1px var(--shelf-muted); }
.document-shelf__workspace [data-document-accordions] > details { overflow: hidden; border: 1px solid var(--shelf-line); border-radius: 6px; background: var(--shelf-panel); }
.document-shelf__workspace [data-document-accordions] > details[hidden] { display: none; }
.document-shelf__workspace [data-document-accordions] > details > summary { display: flex; min-height: 36px; align-items: center; gap: 8px; padding: 5px 10px; list-style: none; color: var(--shelf-ink); font-size: 12px; font-weight: 500; transition: background-color 140ms ease; }
.document-shelf__workspace [data-document-accordions] > details > summary::-webkit-details-marker { display: none; }
.document-shelf__workspace [data-document-accordions] > details > summary::before { content: ''; width: 6px; height: 6px; flex-shrink: 0; margin-right: 2px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; opacity: .6; transform: rotate(-45deg); transition: transform 140ms ease; }
.document-shelf__workspace [data-document-accordions] > details[open] > summary::before { transform: rotate(45deg); }
.document-shelf__workspace [data-document-accordions] > details > summary:hover,
.document-shelf__workspace [data-document-accordions] > details[open] > summary { background: var(--shelf-hover); }
.document-shelf__workspace [data-document-accordions] > details > summary > span { display: flex; width: auto; flex: 1; min-width: 0; align-items: center; gap: 8px; }
.document-shelf__workspace [data-document-accordions] > details > summary > span > svg { width: 12px; height: 12px; color: var(--shelf-muted); opacity: .65; }
.document-shelf__workspace [data-document-accordions] > details > summary button { width: 24px; height: 24px; padding: 4px; border-radius: 4px; color: var(--shelf-muted); }
.document-shelf__workspace [data-document-accordions] > details > summary button:hover { background: var(--shelf-panel); color: var(--shelf-ink); }
.document-shelf__workspace [data-document-accordions] > details > div { border-color: var(--shelf-line); }

@media (max-width: 640px) {
  .document-shelf { display: flex; flex-direction: column; }
  .document-shelf__sidebar { flex: 0 0 auto; max-height: 35vh; border-right: 0; border-bottom: 1px solid var(--shelf-line); padding-bottom: 12px; }
  .document-shelf__workspace { flex: 1; min-height: 0; }
  .document-shelf__row { min-height: 34px; }
}

@media (prefers-reduced-motion: reduce) {
  .document-shelf__sidebar, .document-shelf__workspace, .document-shelf__row,
  .document-shelf__workspace [data-document-accordions] > details > summary,
  .document-shelf__workspace [data-document-accordions] > details > summary::before { transition: none; }
}
/* File Exchange — SF Pro Text everywhere (fonts loaded via site-fonts.css) */

[data-file-exchange],
[data-file-exchange] *,
[data-file-exchange] input,
[data-file-exchange] textarea,
[data-file-exchange] select,
[data-file-exchange] button {
  font-family: 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-feature-settings: 'kern' 1, 'liga' 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[data-file-exchange] {
  color: #ffffff;
  text-transform: none;
}

[data-file-exchange] input,
[data-file-exchange] textarea,
[data-file-exchange] select,
[data-file-exchange] label,
[data-file-exchange] p,
[data-file-exchange] span,
[data-file-exchange] h1,
[data-file-exchange] h2,
[data-file-exchange] h3,
[data-file-exchange] button {
  color: #ffffff;
}

[data-file-exchange] ::-moz-placeholder {
  color: rgba(255, 255, 255, 0.55);
}

[data-file-exchange] ::placeholder {
  color: rgba(255, 255, 255, 0.55);
}

[data-file-exchange] .fe-on-light {
  color: #0a0a0a !important;
}
.site-scale-range {
  display: block;
  width: 100%;
  height: 32px;
  margin: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  cursor: pointer;
  accent-color: hsl(var(--primary));
}

.site-scale-range::-webkit-slider-runnable-track {
  height: 8px;
  border-radius: 999px;
  background: linear-gradient(to right, hsl(var(--primary)) var(--site-scale-progress), hsl(var(--secondary)) var(--site-scale-progress));
}

.site-scale-range::-moz-range-track {
  height: 8px;
  border-radius: 999px;
  background: hsl(var(--secondary));
}

.site-scale-range::-moz-range-progress {
  height: 8px;
  border-radius: 999px;
  background: hsl(var(--primary));
}

.site-scale-range::-webkit-slider-thumb {
  width: 20px;
  height: 20px;
  margin-top: -6px;
  -webkit-appearance: none;
          appearance: none;
  border: 2px solid hsl(var(--primary));
  border-radius: 50%;
  background: hsl(var(--background));
}

.site-scale-range::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border: 2px solid hsl(var(--primary));
  border-radius: 50%;
  background: hsl(var(--background));
}

.site-scale-range:focus-visible {
  outline: 2px solid hsl(var(--ring));
  outline-offset: 2px;
  border-radius: 4px;
}
.lexical-page-editor {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  margin-left: auto;
  margin-right: auto;
  flex-shrink: 0;
}

.lexical-page-content {
  position: relative;
}

.lexical-content-editable {
  font-family: ui-sans-serif, system-ui, sans-serif;
  font-size: 9px;
  line-height: 1.25;
  -moz-user-select: text;
       user-select: text;
  -webkit-user-select: text;
}

.lexical-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  color: hsl(var(--muted-foreground));
  opacity: 0.6;
  font-size: 9px;
}

.lexical-paragraph {
  margin: 0 0 0.75em;
}

.lexical-h1 {
  font-size: 9px;
  font-weight: 600;
  margin: 0 0 0.35em;
  line-height: 1.4;
}

.lexical-h2 {
  font-size: 9px;
  font-weight: 600;
  margin: 0 0 0.35em;
  line-height: 1.4;
}

.lexical-h3 {
  font-size: 9px;
  font-weight: 600;
  margin: 0 0 0.35em;
  line-height: 1.4;
}

.lexical-ul,
.lexical-ol {
  margin: 0 0 0.75em;
  padding-left: 1.5em;
}

.lexical-li {
  margin: 0.25em 0;
}

.lexical-link {
  color: hsl(var(--primary));
  text-decoration: underline;
  cursor: pointer;
}

.lexical-bold {
  font-weight: 700;
}

.lexical-italic {
  font-style: italic;
}

.lexical-underline {
  text-decoration: underline;
}

.lexical-strikethrough {
  text-decoration: line-through;
}

.lexical-code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.9em;
  background: hsl(var(--muted) / 0.5);
  padding: 0.1em 0.25em;
  border-radius: 0.2em;
}

.lexical-quote {
  border-left: 3px solid hsl(var(--border));
  margin: 0 0 0.75em;
  padding-left: 1em;
  color: hsl(var(--muted-foreground));
  font-style: italic;
}

.lexical-code-block {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.9em;
  background: hsl(var(--muted) / 0.35);
  padding: 0.75em 1em;
  border-radius: 0.35em;
  margin: 0 0 0.75em;
  overflow-x: auto;
}

.lexical-li-unchecked,
.lexical-li-checked {
  list-style: none;
  margin-left: 0.25em;
  position: relative;
}

.lexical-li-unchecked::before,
.lexical-li-checked::before {
  content: '';
  width: 0.9em;
  height: 0.9em;
  display: inline-block;
  margin-right: 0.5em;
  border: 1px solid hsl(var(--border));
  border-radius: 0.15em;
  vertical-align: middle;
}

.lexical-li-checked::before {
  background: hsl(var(--primary));
  border-color: hsl(var(--primary));
}

.lexical-page-editor table {
  border-collapse: collapse;
  width: 100%;
  margin: 0 0 0.75em;
}

.lexical-page-editor td,
.lexical-page-editor th {
  border: 1px solid hsl(var(--border));
  padding: 0.35em 0.5em;
  vertical-align: top;
}

.lexical-page-editor hr {
  border: none;
  border-top: 1px solid hsl(var(--border));
  margin: 1em 0;
}

.lexical-page-editor img {
  max-width: 100%;
  height: auto;
}

/* Library peek / pane — shares the block-page document scale. The A4 page
   default above stays at 12pt for print fidelity. */
.library-lexical-surface .lexical-content-editable {
  font-size: var(--doc-text, 10px);
  line-height: var(--doc-leading, 1.45);
}

.library-lexical-surface .lexical-placeholder {
  font-size: var(--doc-text);
}

.library-lexical-surface .lexical-h1 {
  font-size: var(--doc-h1);
}

.library-lexical-surface .lexical-h2 {
  font-size: var(--doc-h2);
}

.library-lexical-surface .lexical-h3 {
  font-size: var(--doc-h3);
}

.library-lexical-surface .lexical-paragraph {
  margin: 0 0 0.5em;
}

.library-lexical-surface .lexical-ul,
.library-lexical-surface .lexical-ol {
  margin: 0 0 0.5em;
}
.heptabase-canvas-root {
  --hb-canvas-bg: var(--eraser-canvas, #1b1b1b);
  --hb-canvas-dot: rgba(255, 255, 255, 0.07);
  --hb-canvas-line: rgba(255, 255, 255, 0.1);
  --hb-hdr-blue: var(--eraser-chrome-elevated, #2a2a2e);
}

.heptabase-canvas-surface {
  background-color: var(--hb-canvas-bg);
}

.heptabase-canvas-surface.hb-bg-dots {
  background-image: radial-gradient(circle, var(--hb-canvas-dot) 1px, transparent 1px);
  background-size: var(--hb-grid-size, 20px) var(--hb-grid-size, 20px);
}

.heptabase-canvas-surface.hb-bg-gridlines {
  background-image:
    linear-gradient(to right, color-mix(in srgb, var(--hb-canvas-line) 18%, transparent) 1px, transparent 1px),
    linear-gradient(to bottom, color-mix(in srgb, var(--hb-canvas-line) 18%, transparent) 1px, transparent 1px);
  background-size: var(--hb-grid-size, 20px) var(--hb-grid-size, 20px);
}

.heptabase-canvas-surface.hb-bg-none {
  background-image: none;
}

.heptabase-card-html table {
  width: 100%;
  border-collapse: collapse;
}

.heptabase-card-html th,
.heptabase-card-html td {
  border: 1px solid color-mix(in srgb, currentColor 20%, transparent);
  padding: 4px 6px;
  text-align: left;
  vertical-align: top;
}

.heptabase-card-html iframe,
.heptabase-card-html video,
.heptabase-card-html audio,
.heptabase-card-html img {
  max-width: 100%;
  display: block;
}

.heptabase-card-html h1,
.heptabase-card-html h2,
.heptabase-card-html h3 {
  margin: 0 0 0.35em;
  font-weight: 700;
  line-height: 1.2;
}

.heptabase-card-html h1 {
  font-size: 1.35em;
}

.heptabase-card-html ul,
.heptabase-card-html ol {
  margin: 0.25em 0;
  padding-left: 1.25em;
}

.heptabase-card-html a {
  color: var(--eraser-accent, #00a9e5);
  text-decoration: underline;
}

/* Override canvas root select-none so note editing can select + format text. */
.card-rich-text-editor,
.card-rich-text-editor *,
.heptabase-canvas-root .lexical-content-editable,
.heptabase-canvas-root .lexical-content-editable * {
  -moz-user-select: text;
       user-select: text;
  -webkit-user-select: text;
}

.card-rich-text-editor:focus {
  outline: none;
}

.card-rich-text-editor p {
  margin: 0 0 0.35em;
}

.card-rich-text-editor p:last-child {
  margin-bottom: 0;
}

.heptabase-card-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 12px;
}

.heptabase-card-table th,
.heptabase-card-table td {
  border: 1px solid color-mix(in srgb, currentColor 22%, transparent);
  padding: 4px 6px;
  text-align: left;
  vertical-align: top;
}

.heptabase-card-table th {
  font-weight: 600;
  background: color-mix(in srgb, currentColor 6%, transparent);
}

.heptabase-spreadsheet {
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 11px;
  line-height: 1.2;
  background: #1e2128;
  color: #e2e8f0;
}

.heptabase-spreadsheet-fill {
  width: 100%;
  height: 100%;
}

.heptabase-spreadsheet th,
.heptabase-spreadsheet td {
  border: 1px solid #3a3f4b;
  padding: 0;
  margin: 0;
  vertical-align: middle;
  overflow: hidden;
}

.heptabase-spreadsheet-corner,
.heptabase-spreadsheet-col-head,
.heptabase-spreadsheet-row-head {
  background: #2a2f3a;
  color: #cbd5e1;
  font-weight: 500;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding: 0 2px;
}

.heptabase-spreadsheet-col-head {
  font-size: 10px;
}

.heptabase-spreadsheet-row-head {
  font-size: 10px;
}

.heptabase-spreadsheet-cell {
  background: #1e2128;
  height: 100%;
  padding: 0;
}

.heptabase-spreadsheet-value {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.heptabase-spreadsheet-input {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0 6px;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-size: 11px;
  line-height: inherit;
  resize: none;
  outline: none;
}

.heptabase-spreadsheet-input:focus {
  box-shadow: inset 0 0 0 2px var(--eraser-accent, #00a9e5);
}

.heptabase-canvas-surface {
  position: relative;
  z-index: 0;
}

/* Library doc nodes: force neutral Eraser chrome (no blue-gray card palette bleed) */
.heptabase-canvas-root [data-canvas-library-node] {
  background-color: var(--eraser-chrome, #222326) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #ececec !important;
}

.heptabase-canvas-root [data-canvas-library-node] > div:first-child {
  background-color: var(--eraser-chrome-elevated, #2a2a2e) !important;
  color: #c8c8c8 !important;
}

.heptabase-canvas-root .canvas-lexical-embed.lexical-page-editor {
  width: 100% !important;
  max-width: none !important;
  min-height: 100%;
  height: 100% !important;
  box-shadow: none !important;
  background-color: transparent !important;
  color: var(--canvas-library-body-text, #ececec) !important;
}

.heptabase-canvas-root .canvas-lexical-embed .lexical-content-editable,
.heptabase-canvas-root .canvas-lexical-embed .lexical-content-editable * {
  color: inherit;
}

.heptabase-canvas-root .canvas-library-doc-surface {
  background-color: transparent;
  color: var(--canvas-library-body-text, #e8eaed);
}

.heptabase-canvas-root .canvas-library-doc-surface .lexical-page-body,
.heptabase-canvas-root .canvas-library-doc-surface .lexical-page-content {
  background-color: transparent !important;
}

.heptabase-canvas-root .canvas-lexical-editor-session .lexical-content-editable {
  min-height: 120px;
  font-size: 13px;
  line-height: 1.5;
  background-color: transparent !important;
  color: var(--canvas-library-body-text, #e8eaed) !important;
  caret-color: var(--canvas-library-body-text, #e8eaed);
}

.heptabase-canvas-root .canvas-lexical-editor-session .lexical-placeholder {
  color: color-mix(in srgb, var(--canvas-library-body-text, #e8eaed) 50%, transparent) !important;
}

.heptabase-canvas-root .canvas-lexical-embed .lexical-link {
  color: color-mix(in srgb, var(--canvas-library-body-text, #e8eaed) 80%, white) !important;
}

.heptabase-canvas-root .canvas-lexical-embed .lexical-li-checked::before {
  background: var(--canvas-library-border, #3a3f4b) !important;
  border-color: var(--canvas-library-border, #3a3f4b) !important;
}

.heptabase-canvas-root .canvas-doc-preview-prose {
  background-color: transparent !important;
  color: var(--canvas-library-body-text, #e8eaed);
}

.heptabase-canvas-root .canvas-doc-preview-prose * {
  background-color: transparent !important;
}

.heptabase-canvas-root .canvas-html-editor-session .cm-editor {
  height: 100%;
}

.heptabase-canvas-root .canvas-sheet-editor-session .spreadsheet-embed-preview {
  height: 100%;
}

/* Eraser-style canvas nodes: square corners, soft shadow */
.heptabase-canvas-root [role="group"][aria-label^="Card:"],
.heptabase-canvas-root [role="group"][aria-label^="Library item:"],
.heptabase-canvas-root [role="group"][aria-label^="Folder:"] {
  border-radius: 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}

.heptabase-canvas-root .canvas-toolbar-btn-active {
  background-color: var(--eraser-accent) !important;
  color: #fff !important;
}

.heptabase-canvas-root .canvas-toolbar-btn-active:hover {
  background-color: var(--eraser-accent-hover) !important;
}

.heptabase-canvas-root .canvas-header-bar {
  background-color: var(--eraser-chrome);
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

.heptabase-canvas-root .canvas-bottom-bar {
  background-color: #1f1f1f;
  border-top-color: rgba(255, 255, 255, 0.06);
}
.editor-formatting-toolbar {
  --toolbar-h: 28px;
  scrollbar-width: thin;
  scrollbar-color: hsl(var(--border) / 0.5) transparent;
  gap: 2px;
  padding: 0;
}

.editor-formatting-toolbar--library {
  --toolbar-h: 28px;
  gap: 2px;
  padding: 0;
  max-width: 100%;
}

.editor-formatting-toolbar--library .toolbar-icon {
  height: 13px;
  width: 13px;
}

.editor-formatting-toolbar--library .toolbar-group {
  gap: 1px;
}

.editor-formatting-toolbar--library-dense {
  --toolbar-h: 20px;
  gap: 1px;
  padding: 0;
  max-width: 100%;
}

.editor-formatting-toolbar--library-dense .toolbar-icon {
  height: 10px;
  width: 10px;
}

.editor-formatting-toolbar--library-dense .toolbar-group {
  gap: 0;
}

.editor-formatting-toolbar--library-dense .toolbar-color-swatch {
  bottom: 3px;
  width: 10px;
}

.library-tiptap-surface .tiptap-document-editor {
  flex: 1;
  min-height: 0;
}

/* Inline inside DocumentHeader unified bar */
.doc-unified-toolbar .editor-formatting-toolbar {
  width: auto;
  min-width: -moz-max-content;
  min-width: max-content;
}

.editor-formatting-toolbar::-webkit-scrollbar {
  height: 4px;
}

.editor-formatting-toolbar::-webkit-scrollbar-thumb {
  background: hsl(var(--border) / 0.55);
  border-radius: 9999px;
}

/* Force uniform control height — overrides Select/Button default sizes */
.editor-formatting-toolbar button,
.editor-formatting-toolbar [data-slot='select-trigger'] {
  height: var(--toolbar-h) !important;
  min-height: var(--toolbar-h) !important;
  max-height: var(--toolbar-h) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.editor-formatting-toolbar .toolbar-group {
  height: var(--toolbar-h);
  min-height: var(--toolbar-h);
}

.editor-formatting-toolbar .toolbar-icon {
  height: 13px;
  width: 13px;
  stroke-width: 1.75;
  flex-shrink: 0;
}

.editor-formatting-toolbar .toolbar-icon-sm {
  height: 10px;
  width: 10px;
  stroke-width: 1.75;
  flex-shrink: 0;
}

.editor-formatting-toolbar .toolbar-color-trigger {
  position: relative;
  display: flex;
  height: var(--toolbar-h);
  width: var(--toolbar-h);
  align-items: center;
  justify-content: center;
}

.editor-formatting-toolbar .toolbar-color-swatch {
  position: absolute;
  bottom: 5px;
  left: 50%;
  height: 2px;
  width: 12px;
  transform: translateX(-50%);
  border-radius: 9999px;
}
/* Block page text/highlight swatches for spreadsheet cell formatting */
.spreadsheet-workspace.block-format-colors {
  --block-bg-grey: oklch(0.34 0 0);
  --block-bg-slate: oklch(0.40 0.04 250);
  --block-bg-brown: oklch(0.44 0.08 55);
  --block-bg-amber: oklch(0.62 0.16 75);
  --block-bg-orange: oklch(0.62 0.20 45);
  --block-bg-yellow: oklch(0.68 0.17 95);
  --block-bg-lime: oklch(0.66 0.20 130);
  --block-bg-green: oklch(0.55 0.18 150);
  --block-bg-emerald: oklch(0.56 0.18 165);
  --block-bg-teal: oklch(0.56 0.14 195);
  --block-bg-cyan: oklch(0.64 0.14 215);
  --block-bg-sky: oklch(0.60 0.16 230);
  --block-bg-blue: oklch(0.52 0.22 255);
  --block-bg-indigo: oklch(0.46 0.24 275);
  --block-bg-purple: oklch(0.48 0.24 295);
  --block-bg-fuchsia: oklch(0.54 0.26 325);
  --block-bg-pink: oklch(0.62 0.20 355);
  --block-bg-rose: oklch(0.58 0.22 15);
  --block-bg-red: oklch(0.55 0.24 27);

  --block-text-grey: oklch(0.72 0 0);
  --block-text-slate: oklch(0.80 0.04 250);
  --block-text-brown: oklch(0.78 0.08 55);
  --block-text-amber: oklch(0.86 0.17 75);
  --block-text-orange: oklch(0.82 0.18 45);
  --block-text-yellow: oklch(0.90 0.17 95);
  --block-text-lime: oklch(0.88 0.20 130);
  --block-text-green: oklch(0.82 0.18 150);
  --block-text-emerald: oklch(0.82 0.18 165);
  --block-text-teal: oklch(0.84 0.15 195);
  --block-text-cyan: oklch(0.86 0.15 215);
  --block-text-sky: oklch(0.84 0.16 230);
  --block-text-blue: oklch(0.78 0.18 255);
  --block-text-indigo: oklch(0.78 0.20 275);
  --block-text-purple: oklch(0.80 0.20 295);
  --block-text-fuchsia: oklch(0.82 0.22 325);
  --block-text-pink: oklch(0.85 0.18 355);
  --block-text-rose: oklch(0.82 0.20 15);
  --block-text-red: oklch(0.78 0.22 27);
}
/* Shared by Primary UI, the Design System and the isolated container adapter.
   A named important layer wins over old unlayered chrome overrides without
   increasing selector specificity. Every rule is limited to these surfaces. */
@layer primary-ui-controls {
  :is(.primary-ui-appearance, [data-primary-ui-appearance]) {
    font-family: var(--pui-font, "SF Pro Text") !important;
    font-size: var(--pui-text, 12px) !important;
    line-height: var(--pui-line-text, 18px) !important;
    font-weight: var(--pui-weight-text, 400) !important;
    color: var(--pui-foreground, hsl(var(--foreground)));
  }
  :is(.primary-ui-appearance, [data-primary-ui-appearance]) :is(*, *::before, *::after) {
    font-family: var(--pui-font, "SF Pro Text") !important;
  }
  :is(.primary-ui-appearance, [data-primary-ui-appearance]) :is(h1, [data-primary-ui-type='title']) {
    font-size: var(--pui-text-title) !important; line-height: var(--pui-line-title) !important; font-weight: var(--pui-weight-title) !important;
  }
  :is(.primary-ui-appearance, [data-primary-ui-appearance]) :is(h2, h3, h4, [data-primary-ui-type='heading']) {
    font-size: var(--pui-text-heading) !important; line-height: var(--pui-line-heading) !important; font-weight: var(--pui-weight-heading) !important;
  }
  :is(.primary-ui-appearance, [data-primary-ui-appearance]) :is(p, td, [data-primary-ui-type='body']) {
    font-size: var(--pui-text) !important; line-height: var(--pui-line-text) !important; font-weight: var(--pui-weight-text) !important;
  }
  :is(.primary-ui-appearance, [data-primary-ui-appearance]) :is(small, time, [data-primary-ui-type='meta']) {
    font-size: var(--pui-text-meta) !important; line-height: var(--pui-line-meta) !important; font-weight: var(--pui-weight-meta) !important;
  }
  :is([data-primary-ui-control], .workspace-tab-button[data-workspace-tab-style='cell'], .btb-row[data-workspace-cell-tabs] :is(.btb-search, .btb-select-wrap, .btb-add, .btb-view-btn), .primary-ui-appearance :is(.pui-library-button, .pui-library-icon-button, .pui-library-search, .pui-library-preview-tabs button, .pui-library-appearance-menu > summary)) {
    box-sizing: border-box; height: var(--pui-control-height, 22px) !important;
    min-height: var(--pui-control-height, 22px) !important; max-height: var(--pui-control-height, 22px) !important;
    border: var(--pui-border-width, 1px) solid var(--pui-border, hsl(var(--border))) !important;
    border-radius: var(--pui-radius, 3px) !important;
    background: var(--pui-control-fill, #28282c) !important; color: var(--pui-control-ink, #f7f7f7) !important;
    box-shadow: none !important; text-shadow: none !important; filter: none !important;
    font-family: var(--pui-font, "SF Pro Text") !important;
    font-size: var(--pui-text-control, 11px) !important; line-height: var(--pui-line-control, 14px) !important; font-weight: var(--pui-weight-control, 500) !important;
    letter-spacing: 0 !important;
  }
  [data-primary-ui-control] { padding: 0 var(--pui-pad, 8px) !important; }
  .primary-ui-appearance :is(.pui-library-button, .pui-library-icon-button, .pui-library-appearance-menu > summary) { padding: 0 var(--pui-pad, 8px) !important; }
  .primary-ui-appearance .pui-library-search input { font-size: var(--pui-text-control) !important; font-weight: var(--pui-weight-control) !important; height: auto !important; }
  .primary-ui-appearance .pui-library-preview-tabs { display: flex; gap: 0 !important; }
  .primary-ui-appearance .pui-library-preview-tabs button { padding: 0 var(--pui-pad, 8px) !important; border-radius: 0 !important; margin-left: -1px; }
  .primary-ui-appearance .pui-library-preview-tabs button[aria-selected='true'] { border-bottom: var(--pui-indicator-height) solid var(--pui-accent) !important; background: var(--pui-selected-fill) !important; }
  [data-primary-ui-control='button'] { display: inline-flex; align-items: center; justify-content: center; gap: var(--pui-gap, 5px); cursor: pointer; }
  [data-primary-ui-control='button'] :is(svg, img) { width: var(--pui-icon-size, 14px); height: var(--pui-icon-size, 14px); flex-shrink: 0; }
  [data-primary-ui-control]:is(:hover, [aria-pressed='true'], [aria-selected='true']) { background: var(--pui-hover-fill) !important; }
  [data-primary-ui-control]:disabled { opacity: .45; cursor: default; }
  [data-primary-ui-control]:focus-visible { outline: 2px solid var(--pui-focus) !important; outline-offset: -2px; }
  [data-primary-ui-control][data-primary-ui-variant='primary'] { border-color: var(--pui-accent) !important; }
  [data-primary-ui-control][data-primary-ui-variant='quiet'] { background: transparent !important; border-color: transparent !important; }
  [data-primary-ui-control]::-moz-placeholder { color: var(--pui-muted); opacity: 1; }
  [data-primary-ui-control]::placeholder { color: var(--pui-muted); opacity: 1; }
  [data-primary-ui-control='input'][type='checkbox'] { width: 12px; height: 12px !important; min-height: 12px !important; padding: 0 !important; accent-color: var(--pui-accent); }
  .workspace-tab-button[data-workspace-tab-style='cell'] {
    position: relative; display: inline-flex; align-items: center; flex: 0 0 auto !important; width: auto !important; min-width: 0 !important; max-width: none !important;
    padding: 0 !important; margin-inline-start: -1px; border-radius: 0 !important; overflow: visible;
  }
  .workspace-tab-button[data-workspace-tab-style='cell'] > .workspace-tab-button__face {
    box-sizing: border-box; display: flex; flex: 1 1 auto; align-items: center; justify-content: flex-start !important; width: 100%; min-width: 0; height: 100%;
    gap: var(--pui-gap, 5px) !important; padding: 0 var(--pui-pad, 8px) !important; border-radius: inherit !important;
    background: transparent !important; color: inherit !important; box-shadow: none !important; transform: none !important; filter: none !important;
    font: inherit !important; letter-spacing: 0 !important;
  }
  .workspace-tab-button[data-workspace-tab-style='cell'] :is(.workspace-tab-button__label, .core-workspace-tab-label) { font: inherit !important; }
  .workspace-tab-button[data-workspace-tab-style='cell']::after { content: ''; pointer-events: none; position: absolute; inset-inline: 0; bottom: 0; height: var(--pui-indicator-height, 2px); background: transparent; }
  .workspace-tab-button[data-workspace-tab-style='cell']:is([data-active='true'], [aria-selected='true'], [aria-current='page'], :active) { z-index: 1; background: var(--pui-selected-fill) !important; color: var(--pui-control-ink) !important; }
  .workspace-tab-button[data-workspace-tab-style='cell']:is([data-active='true'], [aria-selected='true'], [aria-current='page'], [data-custom-color])::after { background: var(--primary-tab-custom, var(--pui-accent, #1887bf)); }
  .workspace-tab-button[data-workspace-tab-style='cell']:hover:not(:disabled) { background: var(--pui-hover-fill) !important; color: var(--pui-control-ink) !important; }
  .workspace-tab-button[data-workspace-tab-style='cell']:focus-visible { z-index: 2; outline: 2px solid var(--pui-focus) !important; outline-offset: -2px !important; }
  .workspace-tab-button[data-workspace-tab-style='cell']:disabled { opacity: .45; cursor: default; }
  .workspace-tab-button[data-workspace-tab-style='cell'] .btb-chip-accent { display: none !important; }
  .workspace-tab-button[data-workspace-tab-style='cell'] :is(img, svg):not(.btb-control-icon) { width: var(--pui-icon-size, 14px) !important; height: var(--pui-icon-size, 14px) !important; opacity: 1; }
  .workspace-tab-button[data-workspace-tab-style='cell']:is([data-cell-first='true'], :first-child:not([data-cell-first])) { margin-inline-start: 0; border-start-start-radius: var(--pui-radius, 3px) !important; border-end-start-radius: var(--pui-radius, 3px) !important; }
  .workspace-tab-button[data-workspace-tab-style='cell']:is([data-cell-last='true'], :last-child:not([data-cell-last])) { border-start-end-radius: var(--pui-radius, 3px) !important; border-end-end-radius: var(--pui-radius, 3px) !important; }
  [data-workspace-cell-group] { display: inline-flex; flex: 0 0 auto; align-items: stretch; gap: 0 !important; }
  .btb-row-items[data-workspace-cell-group] > .contents { display: contents; }
  .btb-row[data-workspace-cell-tabs] {
    box-sizing: border-box; display: flex; align-items: center; height: var(--pui-track-height, 28px) !important; min-height: var(--pui-track-height, 28px) !important;
    padding: 3px 5px !important; gap: var(--pui-gap, 5px) !important; background: var(--pui-bar) !important; box-shadow: none !important;
  }
  .btb-row[data-workspace-cell-tabs]::after { content: none !important; }
  .btb-row[data-workspace-cell-tabs] :is(.btb-row-extras, .btb-search) { display: flex; align-items: center; gap: var(--pui-gap, 5px) !important; }
  .btb-row[data-workspace-cell-tabs] .btb-search { padding: 0 var(--pui-pad, 8px) !important; }
  .btb-row[data-workspace-cell-tabs] :is(.btb-search input, select.btb-select) {
    height: calc(var(--pui-control-height, 22px) - 2px) !important; min-height: 0 !important; max-height: none !important; border: 0 !important; border-radius: 0 !important;
    background: transparent !important; color: var(--pui-control-ink) !important; box-shadow: none !important; font: var(--pui-weight-control, 500) var(--pui-text-control, 11px)/var(--pui-line-control, 14px) var(--pui-font, "SF Pro Text") !important;
  }
  .btb-row[data-workspace-cell-tabs] .btb-search input::-moz-placeholder { color: var(--pui-control-ink) !important; opacity: 1; }
  .btb-row[data-workspace-cell-tabs] .btb-search input::placeholder { color: var(--pui-control-ink) !important; opacity: 1; }
  .btb-row[data-workspace-cell-tabs] .btb-select { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-inline: var(--pui-pad, 8px) 20px !important; }
  .btb-row[data-workspace-cell-tabs] .btb-chevron { inset-inline-end: 5px; }
  .btb-row[data-workspace-cell-tabs] .btb-control-icon { width: 11px !important; height: 11px !important; }
  .btb-row[data-workspace-cell-tabs] .btb-views { display: flex; height: var(--pui-control-height, 22px) !important; gap: 0 !important; padding: 0; border: 0 !important; background: transparent !important; box-shadow: none !important; }
  .btb-row[data-workspace-cell-tabs] .btb-view-btn { position: relative; width: 30px !important; padding: 0 7px !important; border-radius: 0 !important; margin-inline-start: -1px; }
  .btb-row[data-workspace-cell-tabs] .btb-view-btn:first-child { margin-inline-start: 0; border-start-start-radius: var(--pui-radius, 3px) !important; border-end-start-radius: var(--pui-radius, 3px) !important; }
  .btb-row[data-workspace-cell-tabs] .btb-view-btn:last-child { border-start-end-radius: var(--pui-radius, 3px) !important; border-end-end-radius: var(--pui-radius, 3px) !important; }
  .btb-row[data-workspace-cell-tabs] :is(.btb-add, .btb-view-btn):is(:hover, [data-active='true']) { background: var(--pui-selected-fill) !important; }
  .btb-row[data-workspace-cell-tabs] .btb-view-btn[data-active='true']::after { content: ''; position: absolute; inset-inline: 0; bottom: 0; height: var(--pui-indicator-height, 2px); background: var(--pui-accent); }
  .btb-row[data-workspace-cell-tabs] .btb-add { display: inline-flex; align-items: center; gap: var(--pui-gap, 5px); padding: 0 var(--pui-pad, 8px) !important; }
  .workspace-nav-views:not(.workspace-nav-views-horizontal) [data-workspace-cell-group] { flex-direction: column; }
  .workspace-nav-views:not(.workspace-nav-views-horizontal) [data-workspace-cell-group] > .workspace-tab-button[data-workspace-tab-style='cell'] { margin-inline-start: 0; margin-block-start: -1px; border-radius: 0 !important; }
  .workspace-nav-views:not(.workspace-nav-views-horizontal) [data-workspace-cell-group] > .workspace-tab-button[data-cell-first='true'] { margin-block-start: 0; border-start-start-radius: var(--pui-radius, 3px) !important; border-start-end-radius: var(--pui-radius, 3px) !important; }
  .workspace-nav-views:not(.workspace-nav-views-horizontal) [data-workspace-cell-group] > .workspace-tab-button[data-cell-last='true'] { border-end-start-radius: var(--pui-radius, 3px) !important; border-end-end-radius: var(--pui-radius, 3px) !important; }
  .nextjs-sidebar .workspace-tab-button[data-workspace-tab-style='cell'] { width: 100% !important; margin: 2px 0 !important; border-radius: var(--pui-radius, 3px) !important; }
  :is(.primary-ui-appearance, [data-primary-ui-appearance]) :is([role='menu'], [role='listbox'], [data-radix-menu-content]) { border: 1px solid var(--pui-border) !important; border-radius: var(--pui-overlay-radius) !important; background: var(--pui-surface) !important; color: var(--pui-foreground) !important; box-shadow: var(--pui-overlay-shadow) !important; }
  :is(.primary-ui-appearance, [data-primary-ui-appearance]) :is([role='menuitem'], [role='menuitemcheckbox'], [role='option']) { min-height: var(--pui-row-height); font-size: var(--pui-text-control) !important; line-height: var(--pui-line-control) !important; font-weight: var(--pui-weight-control) !important; }
}
.primary-workspace-container, .primary-workspace-container * { box-sizing: border-box; }
.primary-workspace-container { text-transform: none; color: var(--pui-foreground, #dcdcdc); font-size: var(--pui-text, 12px); line-height: var(--pui-line-text, 18px); background: var(--pui-canvas) !important; border-color: var(--pui-border) !important; }
.primary-workspace-container[hidden], .primary-workspace-container [hidden] { display: none !important; }
.primary-workspace-container .primary-workspace-control, .primary-workspace-container .primary-workspace-activity { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; padding: 0; font-family: inherit; font-weight: 400; line-height: 1; cursor: pointer; }
.primary-workspace-container .primary-workspace-control:disabled { cursor: default; opacity: .55; }
.primary-workspace-container .primary-workspace-control:focus-visible, .primary-workspace-container .primary-workspace-activity:focus-visible { outline: 1px solid #6fc0e8; outline-offset: -2px; }
.primary-workspace-titlebar > span { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.primary-workspace-titlebar > div { flex-shrink: 0; }
.primary-workspace-container .primary-workspace-activity { flex-shrink: 0; }
.primary-workspace-activity > svg { width: 16.8px; height: 16.8px; }
.primary-workspace-directory-heading .primary-workspace-control { border: 0; background: transparent; flex-shrink: 0; }
.primary-workspace-navigation { position: relative; }
.primary-workspace-utilities { flex-shrink: 0; max-height: 45%; overflow: auto; }
.primary-workspace-toolbar { flex-shrink: 0; }
.primary-workspace-status { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; flex-shrink: 0; padding: 4px 8px; border-top: 1px solid #262626; background: #1a1a1a; color: #a8a8a8; font-size: 10.4px; }
.primary-workspace-reopen { padding: 8px; background: #161616; color: #dcdcdc; font-size: 11px; }
.primary-workspace-reopen button { padding: 4px 8px; border: 1px solid #555; border-radius: 3px; }
.primary-workspace-directory-heading, .primary-workspace-toolbar, .primary-workspace-status { background: var(--pui-bar) !important; color: var(--pui-foreground) !important; border-color: var(--pui-divider) !important; }
.primary-workspace-titlebar > span { font-size: var(--pui-text-control, 11px) !important; line-height: var(--pui-line-control, 14px) !important; }
.primary-workspace-directory-heading > span { font-size: var(--pui-text-control, 11px) !important; line-height: var(--pui-line-control, 14px) !important; }
.primary-workspace-sidebar { position: relative; background: var(--pui-surface) !important; border-color: var(--pui-divider) !important; }
.primary-workspace-directory, .primary-workspace-sidebar > nav, .primary-workspace-utilities { background: var(--pui-surface) !important; border-color: var(--pui-divider) !important; }
.primary-workspace-main, .primary-workspace-content { background: var(--pui-canvas) !important; color: var(--pui-foreground) !important; }
.primary-workspace-utilities > span, .primary-workspace-status { font-size: var(--pui-text-meta, 13px) !important; line-height: var(--pui-line-meta, 16.5px) !important; color: var(--pui-muted) !important; }
.primary-workspace-directory-heading .primary-workspace-control { color: var(--pui-control-ink) !important; background: var(--pui-control-fill) !important; border-color: var(--pui-border) !important; }
.primary-workspace-control > svg { width: var(--pui-icon-size, 14px); height: var(--pui-icon-size, 14px); }
.primary-workspace-container .primary-workspace-activity { background: var(--pui-control-fill) !important; border-color: var(--pui-border) !important; }
.primary-workspace-container .primary-workspace-activity[aria-pressed='true'] { background: var(--pui-selected-fill) !important; border-color: var(--pui-accent) !important; }
.primary-workspace-container :is(.primary-workspace-control, .primary-workspace-activity):focus-visible { outline-color: var(--pui-focus); }
.primary-workspace-sidebar-resize { position: absolute; right: -2px; top: 0; bottom: 0; width: 4px; cursor: col-resize; touch-action: none; z-index: 2; }
.primary-workspace-sidebar-resize:hover, .primary-workspace-sidebar-resize:focus-visible { background: var(--pui-focus); outline: none; }
.project-create-workspace, .project-create-inline { font-size: 11px; }
.project-create-navigation { display: flex; flex-direction: column; height: 100%; min-height: 0; }
.project-create-workspace .structured-workspace-navigation { overflow: hidden; padding: 0; }
.project-create-categories { display: flex; flex-shrink: 0; gap: 3px; padding: 5px; border-bottom: 1px solid #303030; }
.project-create-categories button { flex: 1; min-width: 0; height: 25px; padding: 0 6px; border: 1px solid transparent; border-radius: 3px; color: #aaa; font-size: 11px; white-space: nowrap; }
.project-create-categories button[aria-pressed='true'] { color: #e1e1e1; border-color: #424242; background: #2c2c2c; }
.project-create-search { display: flex; align-items: center; flex-shrink: 0; gap: 5px; height: 26px; margin: 5px; padding: 0 7px; border: 1px solid #383838; border-radius: 3px; background: #151515; color: #a8a8a8; }
.project-create-search input { width: 100%; min-width: 0; height: 24px; border: 0; outline: 0; background: transparent; color: #dedede; font-size: 11px; }
.project-create-search:focus-within { border-color: #75b9e2; }
.project-create-choices { flex: 1; min-height: 0; overflow: auto; padding: 3px 5px 8px; }
.project-create-choice { display: flex; align-items: center; gap: 6px; width: 100%; min-height: 27px; padding: 4px 6px; border: 1px solid transparent; border-radius: 3px; color: #bbb; text-align: left; font-size: 11px; line-height: 16px; }
.project-create-choice svg { flex-shrink: 0; color: #9b9b9b; }
.project-create-choice span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.project-create-choice:hover { background: #272727; color: #e1e1e1; }
.project-create-choice[aria-pressed='true'] { background: #303030; border-color: #454545; box-shadow: inset 2px 0 #75b9e2; color: #e1e1e1; }
.project-create-group { margin-top: 7px; }
.project-create-group h3 { margin: 0; padding: 5px 6px; font-size: 10px; font-weight: 500; color: #929292; }
.project-create-muted { margin: 0; padding: 8px; color: #929292; font-size: 11px; }
.project-create-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; font-size: 10px; color: #929292; }
.project-create-toolbar button { display: flex; align-items: center; gap: 5px; height: 24px; padding: 0 4px; color: #c8c8c8; font-size: 11px; }
.project-create-preview { display: flex; flex: 1; flex-direction: column; gap: 10px; min-width: 0; min-height: 0; padding: 12px; overflow: hidden; }
.project-create-description { flex-shrink: 0; }
.project-create-description h2, .project-create-empty h2 { margin: 0; color: #dedede; font-size: 13px; line-height: 19px; font-weight: 500; }
.project-create-description p { margin: 3px 0 0; color: #929292; font-size: 11px; line-height: 16px; }
.project-create-stage { display: flex; flex: 1; align-items: center; justify-content: center; min-width: 0; min-height: 0; overflow: hidden; background: #111; border: 1px solid #292929; border-radius: 3px; }
.project-create-stage img { display: block; width: 100%; height: 100%; min-width: 0; min-height: 0; -o-object-fit: contain; object-fit: contain; }
.project-create-empty { display: flex; flex: 1; flex-direction: column; align-items: center; justify-content: center; gap: 8px; min-height: 100px; padding: 20px; text-align: center; color: #929292; }
.project-create-empty p { margin: 0; font-size: 11px; }
.project-create-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; padding: 7px 10px; background: #1b1b1b; }
.project-create-actions label { font-size: 11px; color: #aaa; }
.project-create-actions input { flex: 1; min-width: 100px; height: 28px; padding: 0 8px; border: 1px solid #3b3b3b; border-radius: 3px; background: #141414; color: #dedede; font-size: 11px; outline-color: #75b9e2; }
.project-create-actions button { display: flex; align-items: center; gap: 5px; height: 28px; padding: 0 9px; border: 1px solid #536b7b; border-radius: 3px; background: #304856; color: #e1e1e1; font-size: 11px; }
.project-create-actions button:disabled { opacity: .45; cursor: default; }
.project-create-actions p[role='alert'] { width: 100%; margin: 0; color: #e49696; font-size: 11px; }
.project-create-inline { display: flex; flex: 1; height: 100%; min-height: 0; min-width: 0; overflow: hidden; }
.project-create-inline-navigation { width: 248px; flex-shrink: 0; min-height: 0; border-right: 1px solid #303030; }
.project-create-inline-main { display: flex; flex: 1; flex-direction: column; min-width: 0; min-height: 0; }
@media (max-width: 640px) { .project-create-preview { padding: 8px; } .project-create-actions label { width: 100%; } .project-create-inline-navigation { width: 190px; } }

/* Use the supplied Primary container's original geometry and typography. */
.project-create-workspace.project-create-workspace { font-size: 10.4px; letter-spacing: normal; }
.project-create-workspace :is(input, button, label) { font-size: 10.4px !important; font-weight: 400; line-height: normal; }
.project-create-workspace input { min-height: 0 !important; height: 24px !important; padding: 0 6px !important; }
.project-create-workspace button { min-height: 0 !important; }
.project-create-workspace .primary-workspace-sidebar { flex-shrink: 0; }
.project-create-workspace .project-create-search { margin: 3px 4px 5px; height: 23px; padding: 0 5px; }
.project-create-workspace .project-create-search input { height: 21px !important; padding: 0 !important; }
.project-create-workspace .project-create-choices { padding: 0 3px 4px; }
.project-create-workspace .project-create-choice { min-height: 24px !important; padding: 3px 5px; margin-bottom: 2px; background: #262626; border: 1px solid #2a2a2a; border-radius: 2px; }
.project-create-workspace .project-create-choice[aria-pressed='true'] { background: #303030; border-color: #464646; }
.project-create-tabs { display: flex; align-items: center; width: 100%; overflow-x: auto; }
.project-create-tabs > button { display: flex; align-items: center; justify-content: center; gap: 5px; flex-shrink: 0; padding: 0; color: #dcdcdc; cursor: pointer; }
.project-create-tabs > button > span { font-size: 10.4px !important; line-height: 1; }
.project-create-main { display: flex; flex: 1; flex-direction: column; justify-content: center; min-height: 0; min-width: 0; overflow: auto; padding: 24px; }
.project-create-workspace .project-create-preview { flex: 0 0 auto; width: 100%; max-width: 820px; margin: 0 auto; gap: 9px; padding: 0; overflow: visible; }
.project-create-workspace .project-create-description h2, .project-create-workspace .project-create-empty h2 { font-size: 12px !important; line-height: 18px; }
.project-create-workspace .project-create-description p { max-width: 70ch; font-size: 10.4px; line-height: 16px; }
.project-create-workspace .project-create-stage { flex: none; width: 100%; min-height: 0; background: transparent; border: 0; border-radius: 0; }
.project-create-workspace .project-create-stage img { width: 100%; height: auto; max-height: 52vh; -o-object-fit: contain; object-fit: contain; -o-object-position: top center; object-position: top center; }
.project-create-workspace .project-create-actions { width: 100%; max-width: 820px; margin: 12px auto 0; padding: 9px 0 0; border-top: 1px solid #292929; background: transparent; }
.project-create-workspace .project-create-actions input { height: 25px !important; }
.project-create-workspace .project-create-actions button { height: 25px; background: #292929; border-color: #444; }
.project-create-workspace .project-create-actions button:not(:disabled) { border-color: #5684a1; background: #244259; }
.project-create-workspace .primary-workspace-utilities { padding-bottom: 4px; }
.project-create-utilities { display: flex; gap: 3px; padding-top: 4px; }
.project-create-utilities > button { display: flex; flex: 1; align-items: center; justify-content: center; gap: 4px; height: 24px; padding: 0 4px; border: 1px solid #303030; border-radius: 2px; background: #242424; color: #c5c5c5; white-space: nowrap; }
@media (max-width: 640px) { .project-create-main { padding: 12px; justify-content: flex-start; } }

/* The directory is a compact hierarchy, rather than a stack of boxed buttons. */
.project-create-workspace .project-create-choices { padding: 0 3px 6px; }
.project-create-template-group { margin: 0 0 3px; }
.project-create-template-group > summary { display: flex; align-items: center; gap: 5px; min-height: 24px; padding: 4px 5px; border-radius: 2px; background: #262626; color: #d0d0d0; font-size: 10.4px; line-height: 16px; cursor: pointer; list-style: none; }
.project-create-template-group > summary::-webkit-details-marker { display: none; }
.project-create-template-group > summary > svg { flex-shrink: 0; }
.project-create-template-group > summary > svg:nth-child(2) { color: #c9aa64; }
.project-create-template-group[open] > summary > svg:first-child { transform: rotate(90deg); }
.project-create-template-group > summary > span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.project-create-template-group > summary > small { color: #777; font-size: 9px; }
.project-create-workspace .project-create-template-group > .project-create-choice { min-height: 24px !important; margin: 1px 0 0; padding: 3px 5px 3px 17px; border: 0; background: transparent; color: #aaa; box-shadow: none; }
.project-create-workspace .project-create-template-group > .project-create-choice:hover { background: #252525; color: #dedede; }
.project-create-workspace .project-create-template-group > .project-create-choice[aria-pressed='true'] { color: #e1e1e1; background: #303030; box-shadow: inset 2px 0 #75b9e2; }
.project-create-template-group > .project-create-choice > :first-child { flex-shrink: 0; }

.project-library-main { display: flex; flex: 1; min-width: 0; min-height: 0; overflow: hidden; }
.project-library-workspace .primary-workspace-toolbar { flex-shrink: 0; }
.project-library-workspace [data-project-library-toolbar] { flex-shrink: 0; gap: 4px; padding: 4px 6px; }
.project-library-workspace [data-project-library-toolbar] input { padding-left: 26px !important; }
.project-library-workspace [data-project-library-toolbar] { min-height: 31px; background: #1b1b1b; }
.project-library-workspace [data-project-library-toolbar] :is(input, select) { height: 24px !important; font-size: 10.4px !important; }
.project-library-layout { min-width: 98px; padding: 0 6px; border: 1px solid #3a3a3a; border-radius: 2px; background: #222; color: #c5c5c5; }
.project-library-directory { display: flex; flex-direction: column; gap: 2px; height: 100%; overflow: auto; padding: 4px; }
.project-library-directory > button { display: flex; align-items: center; gap: 7px; min-height: 25px; padding: 3px 6px; border: 1px solid transparent; border-radius: 2px; font-size: 10.4px; color: #aaa; text-align: left; }
.project-library-directory > button:hover { background: #282828; color: #ddd; }
.project-library-directory > button[aria-current='page'] { border-color: #424242; background: #303030; color: #e1e1e1; }
.project-library-workspace .project-library-file-browser { font-size: 11px; }
.project-library-workspace .project-library-file-browser :is(button, select, th, td) { font-size: 11px; }
/* Screenplay Editor Styles - Industry Standard Formatting */

/* Editor Container */
.script-writer-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: hsl(var(--muted) / 0.3);
}

.script-writer-toolbar {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: hsl(var(--background));
  border-bottom: 1px solid hsl(var(--border));
  flex-wrap: wrap;
}

.script-writer-content {
  display: flex;
  justify-content: center;
  min-height: 100%;
}

/* Page Container - mimics US Letter */
.screenplay-page {
  background: white;
  border-radius: 4px;
  width: 8.5in;
  min-height: 11in;
  padding: 1in 1in 1in 1.5in;
  font-family: 'Courier Prime', 'Courier New', Courier, monospace;
  font-size: 12pt;
  line-height: 1;
  color: #1a1a1a;
}

.screenplay-page .ProseMirror {
  outline: none;
  min-height: 9in;
}

.screenplay-page .ProseMirror p {
  margin: 0;
  padding: 0;
}

/* Placeholder styles */
.screenplay-page .ProseMirror .is-empty::before {
  content: attr(data-placeholder);
  color: hsl(var(--muted-foreground));
  opacity: 0.6;
  pointer-events: none;
  position: absolute;
  font-style: italic;
}

.screenplay-page .ProseMirror > *:first-child.is-empty::before {
  content: 'INT./EXT. LOCATION - DAY/NIGHT';
}

/* Scene Heading - INT./EXT. LOCATION - TIME */
.screenplay-scene-heading {
  text-transform: uppercase;
  font-weight: bold;
  margin: 1.5em 0 1em 0;
  padding: 0;
  position: relative;
}

.screenplay-scene-heading:first-child {
  margin-top: 0;
}

.screenplay-scene-heading .scene-heading-content {
  display: block;
}

.screenplay-scene-heading.is-empty::before {
  content: 'INT./EXT. LOCATION - DAY/NIGHT';
  color: #999;
  font-style: italic;
  font-weight: normal;
}

/* Action - Scene descriptions */
.screenplay-action {
  margin: 1em 0;
  padding: 0;
  text-align: left;
  position: relative;
}

.screenplay-action .action-content {
  display: block;
}

.screenplay-action.is-empty::before {
  content: 'Describe what happens in this scene...';
  color: #999;
  font-style: italic;
}

/* Character Name - Centered above dialogue */
.screenplay-character {
  text-transform: uppercase;
  margin: 1em 0 0 0;
  padding-left: 2.2in;
  font-weight: normal;
  position: relative;
}

.screenplay-character .character-content {
  display: block;
}

.screenplay-character.is-empty::before {
  content: 'CHARACTER NAME';
  color: #999;
  font-style: italic;
  text-transform: none;
}

/* Dialogue - Narrower column */
.screenplay-dialogue {
  margin: 0.25em 0 1em 0;
  padding-left: 1in;
  padding-right: 1.5in;
  position: relative;
}

.screenplay-dialogue .dialogue-content {
  display: block;
}

.screenplay-dialogue.is-empty::before {
  content: 'What the character says...';
  color: #999;
  font-style: italic;
}

/* Parenthetical - Delivery instructions */
.screenplay-parenthetical {
  margin: 0.25em 0;
  padding-left: 1.6in;
  padding-right: 2in;
  font-style: normal;
  position: relative;
}

.screenplay-parenthetical .parenthetical-content {
  display: inline;
}

.screenplay-parenthetical .paren-open,
.screenplay-parenthetical .paren-close {
  color: inherit;
}

.screenplay-parenthetical.is-empty::before {
  content: '(how they say it)';
  color: #999;
  font-style: italic;
}

/* Transition - Right aligned */
.screenplay-transition {
  text-transform: uppercase;
  text-align: right;
  margin: 1.5em 0;
  padding: 0;
  position: relative;
}

.screenplay-transition .transition-content {
  display: block;
}

.screenplay-transition.is-empty::before {
  content: 'CUT TO:';
  color: #999;
  font-style: italic;
  text-transform: none;
}

/* Focus styles for current element */
.screenplay-page .ProseMirror > *:focus-within {
  background: hsl(217 91% 60% / 0.05);
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-radius: 2px;
}

/* Title Page Styles */
.screenplay-title-page {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 9in;
  text-align: center;
  page-break-after: always;
}

.screenplay-title-page .title {
  font-size: 24pt;
  text-transform: uppercase;
  margin-bottom: 1em;
}

.screenplay-title-page .author {
  font-size: 12pt;
  margin-top: 2em;
}

.screenplay-title-page .contact {
  position: absolute;
  bottom: 1in;
  left: 1.5in;
  text-align: left;
  font-size: 12pt;
}

/* Page Number */
.screenplay-page-number {
  position: absolute;
  top: 0.5in;
  right: 1in;
  font-size: 12pt;
}

/* Element Type Indicator */
.element-type-indicator {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  background: hsl(var(--primary));
  color: hsl(var(--primary-foreground));
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Keyboard Shortcut Hints */
.shortcut-hint {
  font-size: 0.65rem;
  color: hsl(var(--muted-foreground));
  background: hsl(var(--muted));
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, monospace;
  border: 1px solid hsl(var(--border));
}

/* Dark mode adjustments for the page */
.dark .screenplay-page {
  background: #fafafa;
  color: #1a1a1a;
}

/* Print styles */
@media print {
  .screenplay-page {
    box-shadow: none;
    margin: 0;
    padding: 0;
    border-radius: 0;
  }
  
  .script-writer-toolbar {
    display: none;
  }
}

/* Responsive adjustments */
@media (max-width: 1200px) {
  .screenplay-page {
    width: 100%;
    max-width: 8.5in;
    min-height: auto;
    padding: 2rem;
  }
}
/* Tokens used by the narrative editor — kept local to avoid leaking. */
.sbuilder-scope {
  --panel-header: 240 8% 14%;
  --panel-border: 240 8% 20%;
}
.sbuilder-scope .bg-panel-header { background-color: hsl(var(--panel-header)); }
.sbuilder-scope .bg-panel-border { background-color: hsl(var(--panel-border)); }
.sbuilder-scope .border-panel-border { border-color: hsl(var(--panel-border)); }
.sbuilder-scope .text-panel-foreground { color: hsl(0 0% 95%); }.canvas-block-editor {
  font-family: "Neue Haas Display", system-ui, -apple-system, sans-serif;
  outline: none;
  color: hsl(var(--foreground));
  line-height: 1.55;
  width: 100%;
}
.canvas-block-editor[data-empty="true"]::before {
  content: attr(data-placeholder);
  color: hsl(var(--muted-foreground));
  pointer-events: none;
  position: absolute;
}
.canvas-block-editor h1 { font-size: 1.875rem; font-weight: 700; margin: 0.5em 0 0.25em; line-height: 1.15; }
.canvas-block-editor h2 { font-size: 1.5rem; font-weight: 700; margin: 0.5em 0 0.25em; line-height: 1.2; }
.canvas-block-editor h3 { font-size: 1.2rem; font-weight: 600; margin: 0.5em 0 0.25em; line-height: 1.25; }
.canvas-block-editor p { margin: 0.4em 0; }
.canvas-block-editor ul, .canvas-block-editor ol { margin: 0.4em 0; padding-left: 1.5em; }
.canvas-block-editor ul { list-style: disc; }
.canvas-block-editor ol { list-style: decimal; }
.canvas-block-editor li { margin: 0.15em 0; }
.canvas-block-editor blockquote {
  margin: 0.5em 0; padding: 0.25em 0.75em; border-left: 2px solid hsl(var(--border));
  color: hsl(var(--muted-foreground));
}
.canvas-block-editor pre {
  margin: 0.5em 0; padding: 0.75em; background: hsl(var(--muted) / 0.4);
  border: 1px solid hsl(var(--border)); border-radius: 0; overflow-x: auto;
}
.canvas-block-editor code { font-family: ui-monospace, "SF Mono", Menlo, monospace; font-size: 0.9em; }
.canvas-block-editor pre code { background: transparent; padding: 0; }
.canvas-block-editor :not(pre) > code {
  background: hsl(var(--muted) / 0.5); padding: 0.1em 0.3em; border-radius: 0;
}
.canvas-block-editor hr { border: 0; border-top: 1px solid hsl(var(--border)); margin: 0.75em 0; }
.canvas-block-editor.compact { font-size: 12px; }
.canvas-block-editor.compact h1 { font-size: 1.15rem; }
.canvas-block-editor.compact h2 { font-size: 1rem; }
.canvas-block-editor.compact h3 { font-size: 0.9rem; }
.canvas-block-editor.compact p { margin: 0.25em 0; }
/* Native welcome page; every rule stays inside the DeskDevelop dashboard. */
[data-dd-dashboard] {
  --dd-home-accent: #ad9eea;
  background-image: radial-gradient(ellipse at 16% 0%, rgb(137 108 210 / 5%), transparent 48%);
}

[data-dd-dashboard] .dd-dashboard-home {
  width: 100%;
  max-width: 1160px;
  margin: 0 auto;
  padding: clamp(28px, 5vw, 64px) clamp(18px, 3.5vw, 44px) 40px;
  color: hsl(var(--foreground));
}

[data-dd-dashboard] .dd-dashboard-welcome {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 32px;
}

[data-dd-dashboard] .dd-dashboard-brand-icon {
  display: grid;
  place-items: center;
  flex: 0 0 62px;
  height: 62px;
  border: 1px solid rgb(173 158 234 / 20%);
  border-radius: 16px;
  background: linear-gradient(145deg, rgb(173 158 234 / 12%), rgb(173 158 234 / 3%));
}

[data-dd-dashboard] .dd-dashboard-icon {
  display: block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}

[data-dd-dashboard] .dd-dashboard-brand-icon .dd-dashboard-icon { width: 44px; height: 44px; }
[data-dd-dashboard] .dd-dashboard-eyebrow {
  margin: 0 0 5px;
  color: hsl(var(--muted-foreground));
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}
[data-dd-dashboard] .dd-dashboard-welcome h1 {
  margin: 0;
  font-size: 29px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.045em;
}
[data-dd-dashboard] .dd-dashboard-intro {
  margin: 7px 0 0;
  color: hsl(var(--muted-foreground));
  font-size: 13px;
  line-height: 1.6;
}

[data-dd-dashboard] button.dd-dashboard-button,
[data-dd-dashboard] button.dd-dashboard-project {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  min-width: 0 !important;
  min-height: 30px !important;
  border-radius: 7px !important;
  background-image: none !important;
  box-shadow: none;
  text-shadow: none;
  font-family: inherit;
  text-transform: none;
  cursor: pointer;
}
[data-dd-dashboard] .dd-dashboard-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 6px 11px;
  border: 1px solid hsl(var(--border) / 0.7);
  background-color: hsl(var(--muted) / 0.35);
  color: hsl(var(--foreground));
  font-size: 11px;
  font-weight: 500;
  line-height: 18px;
  white-space: nowrap;
  transition: background-color 140ms ease, border-color 140ms ease;
}
[data-dd-dashboard] .dd-dashboard-button:hover:not(:disabled) {
  border-color: hsl(var(--muted-foreground) / 0.4);
  background-color: hsl(var(--muted) / 0.65);
}
[data-dd-dashboard] .dd-dashboard-button:disabled { opacity: 0.45; cursor: default; }
[data-dd-dashboard] .dd-dashboard-button > svg { width: 13px; height: 13px; }
[data-dd-dashboard] :is(.dd-dashboard-button, .dd-dashboard-project):focus-visible {
  outline: 2px solid hsl(var(--ring));
  outline-offset: 3px;
}

[data-dd-dashboard] .dd-dashboard-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 36px;
}
[data-dd-dashboard] button.dd-dashboard-action {
  position: relative;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 15px;
  min-height: 152px !important;
  padding: 18px;
  border-radius: 12px !important;
  background-color: hsl(var(--card) / 0.65);
  text-align: left;
  white-space: normal;
}
[data-dd-dashboard] .dd-dashboard-action-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgb(173 158 234 / 10%);
  border-radius: 11px;
  background: rgb(173 158 234 / 7%);
}
[data-dd-dashboard] .dd-dashboard-action-icon .dd-dashboard-icon { width: 32px; height: 32px; }
[data-dd-dashboard] [data-tone="coral"] .dd-dashboard-action-icon { background: rgb(235 103 90 / 7%); border-color: rgb(235 103 90 / 12%); }
[data-dd-dashboard] [data-tone="amber"] .dd-dashboard-action-icon { background: rgb(242 174 76 / 7%); border-color: rgb(242 174 76 / 12%); }
[data-dd-dashboard] .dd-dashboard-action-copy { display: grid; gap: 4px; }
[data-dd-dashboard] .dd-dashboard-action-copy strong { font-size: 14px; font-weight: 550; line-height: 20px; }
[data-dd-dashboard] .dd-dashboard-action-copy > span { color: hsl(var(--muted-foreground)); font-size: 11px; line-height: 17px; }
[data-dd-dashboard] .dd-dashboard-action > .dd-dashboard-action-arrow { position: absolute; right: 17px; top: 20px; width: 15px; height: 15px; color: hsl(var(--muted-foreground) / 0.6); }
[data-dd-dashboard] .dd-dashboard-action:hover > .dd-dashboard-action-arrow { color: hsl(var(--foreground)); }

[data-dd-dashboard] .dd-dashboard-main-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(260px, 1fr);
  align-items: start;
  gap: 24px;
}
[data-dd-dashboard] .dd-dashboard-main-grid > section { min-width: 0; }
[data-dd-dashboard] .dd-dashboard-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 15px;
}
[data-dd-dashboard] :is(.dd-dashboard-section-heading, .dd-dashboard-quick-start) h2 { margin: 0; font-size: 13px; line-height: 20px; font-weight: 550; }
[data-dd-dashboard] :is(.dd-dashboard-section-heading, .dd-dashboard-quick-start) p { margin: 3px 0 0; color: hsl(var(--muted-foreground)); font-size: 11px; line-height: 17px; }
[data-dd-dashboard] .dd-dashboard-count { flex-shrink: 0; padding: 3px 8px; border: 1px solid hsl(var(--border) / 0.7); border-radius: 5px; color: hsl(var(--muted-foreground)); font-size: 10px; }
[data-dd-dashboard] .dd-dashboard-project-list { margin: 0; padding: 0; list-style: none; border: 1px solid hsl(var(--border) / 0.65); border-radius: 12px; overflow: hidden; background: hsl(var(--card) / 0.35); }
[data-dd-dashboard] .dd-dashboard-project-row { display: flex; min-width: 0; align-items: center; padding: 3px 8px 3px 4px; }
[data-dd-dashboard] .dd-dashboard-project-row + .dd-dashboard-project-row { border-top: 1px solid hsl(var(--border) / 0.45); }
[data-dd-dashboard] .dd-dashboard-project-row[data-active="true"] { background: rgb(173 158 234 / 4%); box-shadow: inset 2px 0 var(--dd-home-accent); }
[data-dd-dashboard] .dd-dashboard-project-row:hover,
[data-dd-dashboard] .dd-dashboard-project-row:focus-within { background: hsl(var(--muted) / 0.4); }
[data-dd-dashboard] button.dd-dashboard-project { display: flex; flex: 1; min-width: 0; align-items: center; gap: 11px; padding: 12px 10px; border: 0; background: transparent; color: hsl(var(--foreground)); text-align: left; }
[data-dd-dashboard] .dd-dashboard-project-icon { display: grid; flex: 0 0 32px; place-items: center; height: 34px; }
[data-dd-dashboard] .dd-dashboard-project-icon .dd-dashboard-icon { width: 29px; height: 29px; }
[data-dd-dashboard] .dd-dashboard-project-copy { display: grid; flex: 1; gap: 4px; min-width: 0; }
[data-dd-dashboard] .dd-dashboard-project-title { display: flex; align-items: center; gap: 7px; min-width: 0; font-size: 12px; line-height: 18px; }
[data-dd-dashboard] .dd-dashboard-project-title > span:first-child,
[data-dd-dashboard] .dd-dashboard-project-description { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
[data-dd-dashboard] .dd-dashboard-project-description { color: hsl(var(--muted-foreground)); font-size: 10px; line-height: 15px; }
[data-dd-dashboard] .dd-dashboard-active-badge { flex-shrink: 0; border-radius: 4px; padding: 0 5px; background: rgb(173 158 234 / 10%); color: var(--dd-home-accent); font-size: 9px; line-height: 17px; }
[data-dd-dashboard] .dd-dashboard-project-source { flex-shrink: 0; margin-left: 4px; color: hsl(var(--muted-foreground)); font-size: 10px; }
[data-dd-dashboard] button.dd-dashboard-menu-button { flex: 0 0 26px; padding: 0; min-height: 26px !important; border-color: transparent; background: transparent; color: hsl(var(--muted-foreground)); }
[data-dd-dashboard] .dd-dashboard-empty { padding: 28px 16px; border: 1px dashed hsl(var(--border)); border-radius: 12px; color: hsl(var(--muted-foreground)); text-align: center; font-size: 12px; }
[data-dd-dashboard] .dd-dashboard-project-list:empty { display: none; }

[data-dd-dashboard] .dd-dashboard-template { overflow: hidden; border: 1px solid hsl(var(--border) / 0.65); border-radius: 12px; background: hsl(var(--card) / 0.45); }
[data-dd-dashboard] .dd-dashboard-template + .dd-dashboard-template { margin-top: 12px; }
[data-dd-dashboard] .dd-dashboard-template-cover { position: relative; display: flex; align-items: center; justify-content: flex-end; height: 122px; padding: 20px 25px; border-bottom: 1px solid hsl(var(--border) / 0.45); background: radial-gradient(ellipse at 80% 50%, rgb(173 158 234 / 13%), transparent 70%), linear-gradient(135deg, rgb(84 140 226 / 5%), rgb(173 158 234 / 3%)); }
[data-dd-dashboard] .dd-dashboard-template-cover > .dd-dashboard-icon { width: 68px; height: 68px; }
[data-dd-dashboard] .dd-dashboard-template-tag { position: absolute; left: 16px; top: 18px; color: hsl(var(--muted-foreground)); font-size: 9px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; }
[data-dd-dashboard] .dd-dashboard-template-stack { position: absolute; left: 16px; bottom: 18px; display: flex; align-items: center; gap: 6px; color: hsl(var(--muted-foreground)); font-size: 10px; }
[data-dd-dashboard] .dd-dashboard-template-stack .dd-dashboard-icon { width: 15px; height: 15px; }
[data-dd-dashboard] .dd-dashboard-template-copy { padding: 17px; }
[data-dd-dashboard] .dd-dashboard-template-copy h3 { margin: 0 0 7px; font-size: 14px; font-weight: 550; line-height: 20px; }
[data-dd-dashboard] .dd-dashboard-template-copy p { margin: 0; color: hsl(var(--muted-foreground)); font-size: 11px; line-height: 1.7; }
[data-dd-dashboard] .dd-dashboard-template-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin-top: 18px; }
[data-dd-dashboard] .dd-dashboard-link { padding-left: 0; border-color: transparent; background: transparent; color: hsl(var(--muted-foreground)); }
[data-dd-dashboard] .dd-dashboard-button.dd-dashboard-primary { border-color: rgb(173 158 234 / 30%); background: rgb(173 158 234 / 13%); }
[data-dd-dashboard] .dd-dashboard-button.dd-dashboard-primary:hover:not(:disabled) { border-color: rgb(173 158 234 / 55%); background: rgb(173 158 234 / 22%); }

[data-dd-dashboard] .dd-dashboard-quick-start { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px; margin-top: 28px; padding-top: 21px; border-top: 1px solid hsl(var(--border) / 0.65); }
[data-dd-dashboard] .dd-dashboard-starters { display: flex; flex-wrap: wrap; gap: 9px; }
[data-dd-dashboard] .dd-dashboard-starter { gap: 8px; padding: 8px 12px; background: hsl(var(--card) / 0.3); }
[data-dd-dashboard] .dd-dashboard-starter .dd-dashboard-icon { width: 18px; height: 18px; }
[data-dd-dashboard] .dd-dashboard-starter > svg { margin-left: 8px; color: hsl(var(--muted-foreground)); }

@media (max-width: 820px) {
  [data-dd-dashboard] .dd-dashboard-main-grid { grid-template-columns: minmax(0, 1fr); gap: 26px; }
  [data-dd-dashboard] .dd-dashboard-template { display: grid; grid-template-columns: 150px minmax(0, 1fr); }
  [data-dd-dashboard] .dd-dashboard-template-cover { height: 100%; min-height: 160px; justify-content: center; padding: 35px 16px; border-right: 1px solid hsl(var(--border) / 0.45); border-bottom: 0; }
  [data-dd-dashboard] .dd-dashboard-action { gap: 12px; }
}
@media (max-width: 560px) {
  [data-dd-dashboard] .dd-dashboard-welcome { align-items: flex-start; gap: 13px; margin-bottom: 25px; }
  [data-dd-dashboard] .dd-dashboard-brand-icon { flex-basis: 46px; height: 46px; border-radius: 12px; }
  [data-dd-dashboard] .dd-dashboard-brand-icon .dd-dashboard-icon { width: 34px; height: 34px; }
  [data-dd-dashboard] .dd-dashboard-welcome h1 { font-size: 24px; }
  [data-dd-dashboard] .dd-dashboard-eyebrow { font-size: 9px; }
  [data-dd-dashboard] .dd-dashboard-intro { font-size: 12px; }
  [data-dd-dashboard] .dd-dashboard-actions { grid-template-columns: minmax(0, 1fr); gap: 8px; margin-bottom: 28px; }
  [data-dd-dashboard] button.dd-dashboard-action { flex-direction: row; align-items: center; min-height: 82px !important; gap: 13px; padding: 14px; }
  [data-dd-dashboard] .dd-dashboard-action-icon { flex-shrink: 0; }
  [data-dd-dashboard] .dd-dashboard-action-copy { padding-right: 20px; }
  [data-dd-dashboard] .dd-dashboard-action > .dd-dashboard-action-arrow { top: 32px; right: 14px; }
  [data-dd-dashboard] .dd-dashboard-project-source { display: none; }
  [data-dd-dashboard] .dd-dashboard-project-title { font-size: 11px; }
  [data-dd-dashboard] .dd-dashboard-template { display: block; }
  [data-dd-dashboard] .dd-dashboard-template-cover { height: 116px; min-height: 0; justify-content: flex-end; border-right: 0; border-bottom: 1px solid hsl(var(--border) / 0.45); }
  [data-dd-dashboard] .dd-dashboard-project-icon { flex-basis: 26px; }
  [data-dd-dashboard] button.dd-dashboard-project { gap: 8px; padding-right: 3px; }
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-aria-container {
	position: absolute; /* try to hide from window but not from screen readers */
	left:-999em;
}/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* -------------------- IE10 remove auto clear button -------------------- */

::-ms-clear {
	display: none;
}

/* All widgets */
/* I am not a big fan of this rule */
.monaco-editor .editor-widget input {
	color: inherit;
}

/* -------------------- Editor -------------------- */

.monaco-editor {
	position: relative;
	overflow: visible;
	-webkit-text-size-adjust: 100%;
	color: var(--vscode-editor-foreground);
	background-color: var(--vscode-editor-background);
	overflow-wrap: initial;
}
.monaco-editor-background {
	background-color: var(--vscode-editor-background);
}
.monaco-editor .rangeHighlight {
	background-color: var(--vscode-editor-rangeHighlightBackground);
	box-sizing: border-box;
	border: 1px solid var(--vscode-editor-rangeHighlightBorder);
}
.monaco-editor.hc-black .rangeHighlight, .monaco-editor.hc-light .rangeHighlight {
	border-style: dotted;
}
.monaco-editor .symbolHighlight {
	background-color: var(--vscode-editor-symbolHighlightBackground);
	box-sizing: border-box;
	border: 1px solid var(--vscode-editor-symbolHighlightBorder);
}
.monaco-editor.hc-black .symbolHighlight, .monaco-editor.hc-light .symbolHighlight {
	border-style: dotted;
}

.monaco-editor .editorCanvas {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
	pointer-events: none;
}

/* -------------------- Misc -------------------- */

.monaco-editor .overflow-guard {
	position: relative;
	overflow: hidden;
}

.monaco-editor .view-overlays {
	position: absolute;
	top: 0;
}

.monaco-editor .view-overlays > div, .monaco-editor .margin-view-overlays > div {
	position: absolute;
	width: 100%;
}

/*
.monaco-editor .auto-closed-character {
	opacity: 0.3;
}
*/


.monaco-editor .squiggly-error {
	border-bottom: 4px double var(--vscode-editorError-border);
}
.monaco-editor .squiggly-error::before {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background: var(--vscode-editorError-background);
}
.monaco-editor .squiggly-warning {
	border-bottom: 4px double var(--vscode-editorWarning-border);
}
.monaco-editor .squiggly-warning::before {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background: var(--vscode-editorWarning-background);
}
.monaco-editor .squiggly-info {
	border-bottom: 4px double var(--vscode-editorInfo-border);
}
.monaco-editor .squiggly-info::before {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background: var(--vscode-editorInfo-background);
}
.monaco-editor .squiggly-hint {
	border-bottom: 2px dotted var(--vscode-editorHint-border);
}
.monaco-editor.showUnused .squiggly-unnecessary {
	border-bottom: 2px dashed var(--vscode-editorUnnecessaryCode-border);
}
.monaco-editor.showDeprecated .squiggly-inline-deprecated {
	text-decoration: line-through;
	text-decoration-color: var(--vscode-editor-foreground, inherit);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* Arrows */
.monaco-scrollable-element > .scrollbar > .scra {
	cursor: pointer;
	font-size: 11px !important;
}

.monaco-scrollable-element > .visible {
	opacity: 1;

	/* Background rule added for IE9 - to allow clicks on dom node */
	background:rgba(0,0,0,0);

	transition: opacity 100ms linear;
	/* In front of peek view */
	z-index: 11;
}
.monaco-scrollable-element > .invisible {
	opacity: 0;
	pointer-events: none;
}
.monaco-scrollable-element > .invisible.fade {
	transition: opacity 800ms linear;
}

/* Scrollable Content Inset Shadow */
.monaco-scrollable-element > .shadow {
	position: absolute;
	display: none;
}
.monaco-scrollable-element > .shadow.top {
	display: block;
	top: 0;
	left: 3px;
	height: 3px;
	width: 100%;
	box-shadow: var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset;
}
.monaco-scrollable-element > .shadow.left {
	display: block;
	top: 3px;
	left: 0;
	height: 100%;
	width: 3px;
	box-shadow: var(--vscode-scrollbar-shadow) 6px 0 6px -6px inset;
}
.monaco-scrollable-element > .shadow.top-left-corner {
	display: block;
	top: 0;
	left: 0;
	height: 3px;
	width: 3px;
}
.monaco-scrollable-element > .shadow.top.left {
	box-shadow: var(--vscode-scrollbar-shadow) 6px 0 6px -6px inset;
}

.monaco-scrollable-element > .scrollbar {
	background: var(--vscode-scrollbar-background);
}

.monaco-scrollable-element > .scrollbar > .slider {
	background: var(--vscode-scrollbarSlider-background);
}

.monaco-scrollable-element > .scrollbar > .slider:hover {
	background: var(--vscode-scrollbarSlider-hoverBackground);
}

.monaco-scrollable-element > .scrollbar > .slider.active {
	background: var(--vscode-scrollbarSlider-activeBackground);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .blockDecorations-container {
	position: absolute;
	top: 0;
	pointer-events: none;
}

.monaco-editor .blockDecorations-block {
	position: absolute;
	box-sizing: border-box;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .view-overlays .current-line {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
	height: 100%;
}

.monaco-editor .margin-view-overlays .current-line {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
	height: 100%;
}

.monaco-editor
	.margin-view-overlays
	.current-line.current-line-margin.current-line-margin-both {
	border-right: 0;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/*
	Keeping name short for faster parsing.
	cdr = core decorations rendering (div)
*/
.monaco-editor .lines-content .cdr {
	position: absolute;
	height: 100%;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .glyph-margin {
	position: absolute;
	top: 0;
}

/*
	Keeping name short for faster parsing.
	cgmr = core glyph margin rendering (div)
*/
.monaco-editor .glyph-margin-widgets .cgmr {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
}

/*
	Ensure spinning icons are pixel-perfectly centered and avoid wobble.
	This is only applied to icons that spin to avoid unnecessary
	GPU layers and blurry subpixel AA.
*/
.monaco-editor .glyph-margin-widgets .cgmr.codicon-modifier-spin::before  {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .lines-content .core-guide {
	position: absolute;
	box-sizing: border-box;
	height: 100%;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .margin-view-overlays .line-numbers {
	bottom: 0;
	font-variant-numeric: tabular-nums;
	position: absolute;
	text-align: right;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	cursor: default;
}

.monaco-editor .relative-current-line-number {
	text-align: left;
	display: inline-block;
	width: 100%;
}

.monaco-editor .margin-view-overlays .line-numbers.lh-odd {
	margin-top: 1px;
}

.monaco-editor .line-numbers {
	color: var(--vscode-editorLineNumber-foreground);
}

.monaco-editor .line-numbers.active-line-number {
	color: var(--vscode-editorLineNumber-activeForeground);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-mouse-cursor-text {
	cursor: text;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* Uncomment to see lines flashing when they're painted */
/*.monaco-editor .view-lines > .view-line {
	background-color: none;
	animation-name: flash-background;
	animation-duration: 800ms;
}
@keyframes flash-background {
	0%   { background-color: lightgreen; }
	100% { background-color: none }
}*/

.mtkcontrol {
	color: rgb(255, 255, 255) !important;
	background: rgb(150, 0, 0) !important;
}

.mtkoverflow {
	background-color: var(--vscode-button-background, var(--vscode-editor-background));
	color: var(--vscode-button-foreground, var(--vscode-editor-foreground));
	border-width: 1px;
	border-style: solid;
	border-color: var(--vscode-contrastBorder);
	border-radius: 2px;
	padding: 4px;
	cursor: pointer;
}
.mtkoverflow:hover {
	background-color: var(--vscode-button-hoverBackground);
}

.monaco-editor.no-user-select .lines-content,
.monaco-editor.no-user-select .view-line,
.monaco-editor.no-user-select .view-lines {
	-moz-user-select: none;
	     user-select: none;
	-webkit-user-select: none;
}
/* Use user-select: text for lookup feature on macOS */
/* https://github.com/microsoft/vscode/issues/85632 */
.monaco-editor.mac .lines-content:hover,
.monaco-editor.mac .view-line:hover,
.monaco-editor.mac .view-lines:hover {
	-moz-user-select: text;
	     user-select: text;
	-webkit-user-select: text;
	-ms-user-select: text;
}

.monaco-editor.enable-user-select {
	-moz-user-select: initial;
	     user-select: initial;
	-webkit-user-select: initial;
}

.monaco-editor .view-lines {
	white-space: nowrap;
}

.monaco-editor .view-line {
	box-sizing: border-box;
	position: absolute;
	width: 100%;
}

/* There are view-lines in view-zones. We have to make sure this rule does not apply to them, as they don't set a line height */
.monaco-editor .lines-content > .view-lines > .view-line > span {
	top: 0;
	bottom: 0;
	position: absolute;
}

.monaco-editor .mtkw {
	color: var(--vscode-editorWhitespace-foreground) !important;
}

.monaco-editor .mtkz {
	display: inline-block;
	color: var(--vscode-editorWhitespace-foreground) !important;
}

/* TODO@tokenization bootstrap fix */
/*.monaco-editor .view-line > span > span {
	float: none;
	min-height: inherit;
	margin-left: inherit;
}*/
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .lines-decorations {
	position: absolute;
	top: 0;
	background: white;
}

/*
	Keeping name short for faster parsing.
	cldr = core lines decorations rendering (div)
*/
.monaco-editor .margin-view-overlays .cldr {
	position: absolute;
	height: 100%;
}/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .margin {
	background-color: var(--vscode-editorGutter-background);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/*
	Keeping name short for faster parsing.
	cmdr = core margin decorations rendering (div)
*/
.monaco-editor .margin-view-overlays .cmdr {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
}/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* START cover the case that slider is visible on mouseover */
.monaco-editor .minimap.slider-mouseover .minimap-slider {
	opacity: 0;
	transition: opacity 100ms linear;
}
.monaco-editor .minimap.slider-mouseover:hover .minimap-slider {
	opacity: 1;
}
.monaco-editor .minimap.slider-mouseover .minimap-slider.active {
	opacity: 1;
}
/* END cover the case that slider is visible on mouseover */
.monaco-editor .minimap-slider .minimap-slider-horizontal {
	background: var(--vscode-minimapSlider-background);
}
.monaco-editor .minimap-slider:hover .minimap-slider-horizontal {
	background: var(--vscode-minimapSlider-hoverBackground);
}
.monaco-editor .minimap-slider.active .minimap-slider-horizontal {
	background: var(--vscode-minimapSlider-activeBackground);
}
.monaco-editor .minimap-shadow-visible {
	box-shadow: var(--vscode-scrollbar-shadow) -6px 0 6px -6px inset;
}
.monaco-editor .minimap-shadow-hidden {
	position: absolute;
	width: 0;
}
.monaco-editor .minimap-shadow-visible {
	position: absolute;
	left: -6px;
	width: 6px;
	pointer-events: none;
}
.monaco-editor.no-minimap-shadow .minimap-shadow-visible {
	position: absolute;
	left: -1px;
	width: 1px;
}

/* 0.5s fade in/out for the minimap */
.minimap.minimap-autohide-mouseover,
.minimap.minimap-autohide-scroll {
	opacity: 0;
	transition: opacity 0.5s;
}
.minimap.minimap-autohide-scroll{
	pointer-events: none;
}
.minimap.minimap-autohide-mouseover:hover,
.minimap.minimap-autohide-scroll.active {
	opacity: 1;
	pointer-events: auto;
}

.monaco-editor .minimap {
	z-index: 5;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .overlayWidgets {
	position: absolute;
	top: 0;
	left:0;
}/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .view-ruler {
	position: absolute;
	top: 0;
	box-shadow: 1px 0 0 0 var(--vscode-editorRuler-foreground) inset;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .scroll-decoration {
	position: absolute;
	top: 0;
	left: 0;
	height: 6px;
	box-shadow: var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/*
	Keeping name short for faster parsing.
	cslr = core selections layer rendering (div)
*/
.monaco-editor .lines-content .cslr {
	position: absolute;
}

.monaco-editor .focused .selected-text {
	background-color: var(--vscode-editor-selectionBackground);
}

.monaco-editor .selected-text {
	background-color: var(--vscode-editor-inactiveSelectionBackground);
}

.monaco-editor			.top-left-radius		{ border-top-left-radius: 3px; }
.monaco-editor			.bottom-left-radius		{ border-bottom-left-radius: 3px; }
.monaco-editor			.top-right-radius		{ border-top-right-radius: 3px; }
.monaco-editor			.bottom-right-radius	{ border-bottom-right-radius: 3px; }

.monaco-editor.hc-black .top-left-radius		{ border-top-left-radius: 0; }
.monaco-editor.hc-black .bottom-left-radius		{ border-bottom-left-radius: 0; }
.monaco-editor.hc-black .top-right-radius		{ border-top-right-radius: 0; }
.monaco-editor.hc-black .bottom-right-radius	{ border-bottom-right-radius: 0; }

.monaco-editor.hc-light .top-left-radius		{ border-top-left-radius: 0; }
.monaco-editor.hc-light .bottom-left-radius		{ border-bottom-left-radius: 0; }
.monaco-editor.hc-light .top-right-radius		{ border-top-right-radius: 0; }
.monaco-editor.hc-light .bottom-right-radius	{ border-bottom-right-radius: 0; }
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .cursors-layer {
	position: absolute;
	top: 0;
}

.monaco-editor .cursors-layer > .cursor {
	position: absolute;
	overflow: hidden;
	box-sizing: border-box;
}

/* -- smooth-caret-animation -- */
.monaco-editor .cursors-layer.cursor-smooth-caret-animation > .cursor {
	transition: all 80ms;
}

/* -- block-outline-style -- */
.monaco-editor .cursors-layer.cursor-block-outline-style > .cursor {
	background: transparent !important;
	border-style: solid;
	border-width: 1px;
}

/* -- underline-style -- */
.monaco-editor .cursors-layer.cursor-underline-style > .cursor {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	background: transparent !important;
}

/* -- underline-thin-style -- */
.monaco-editor .cursors-layer.cursor-underline-thin-style > .cursor {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	background: transparent !important;
}

@keyframes monaco-cursor-smooth {
	0%,
	20% {
		opacity: 1;
	}
	60%,
	100% {
		opacity: 0;
	}
}

@keyframes monaco-cursor-phase {
	0%,
	20% {
		opacity: 1;
	}
	90%,
	100% {
		opacity: 0;
	}
}

@keyframes monaco-cursor-expand {
	0%,
	20% {
		transform: scaleY(1);
	}
	80%,
	100% {
		transform: scaleY(0);
	}
}

.cursor-smooth {
	animation: monaco-cursor-smooth 0.5s ease-in-out 0s 20 alternate;
}

.cursor-phase {
	animation: monaco-cursor-phase 0.5s ease-in-out 0s 20 alternate;
}

.cursor-expand > .cursor {
	animation: monaco-cursor-expand 0.5s ease-in-out 0s 20 alternate;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .mwh {
	position: absolute;
	color: var(--vscode-editorWhitespace-foreground) !important;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .monaco-decoration-css-rule-extractor {
	visibility: hidden;
	pointer-events: none;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .inputarea {
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	outline: none !important;
	resize: none;
	border: none;
	overflow: hidden;
	color: transparent;
	background-color: transparent;
	z-index: -10;
}
/*.monaco-editor .inputarea {
	position: fixed !important;
	width: 800px !important;
	height: 500px !important;
	top: initial !important;
	left: initial !important;
	bottom: 0 !important;
	right: 0 !important;
	color: black !important;
	background: white !important;
	line-height: 15px !important;
	font-size: 14px !important;
	z-index: 10 !important;
}*/
.monaco-editor .inputarea.ime-input {
	z-index: 10;
	caret-color: var(--vscode-editorCursor-foreground);
	color: var(--vscode-editor-foreground);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .native-edit-context {
	margin: 0;
	padding: 0;
	position: absolute;
	overflow-y: scroll;
	scrollbar-width: none;
	z-index: -10;
	white-space: pre-wrap;
}

.monaco-editor .ime-text-area {
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	outline: none !important;
	resize: none;
	border: none;
	overflow: hidden;
	color: transparent;
	background-color: transparent;
	z-index: -10;
}

.monaco-editor .edit-context-composition-none {
	background-color: transparent;
	border-bottom: none;
}

.monaco-editor :not(.hc-black, .hc-light) .edit-context-composition-secondary {
	border-bottom: 1px solid var(--vscode-editor-compositionBorder);
}

.monaco-editor :not(.hc-black, .hc-light) .edit-context-composition-primary {
	border-bottom: 2px solid var(--vscode-editor-compositionBorder);
}

.monaco-editor :is(.hc-black, .hc-light) .edit-context-composition-secondary {
	border: 1px solid var(--vscode-editor-compositionBorder);
}

.monaco-editor :is(.hc-black, .hc-light) .edit-context-composition-primary {
	border: 2px solid var(--vscode-editor-compositionBorder);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .margin-view-overlays .gpu-mark {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	display: inline-block;
	border-left: solid 2px var(--vscode-editorWarning-foreground);
	opacity: 0.2;
	transition: background-color 0.1s linear;
}

.monaco-editor .margin-view-overlays .gpu-mark:hover {
	background-color: var(--vscode-editorWarning-foreground)
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-select-box {
	width: 100%;
	cursor: pointer;
	border-radius: 2px;
}

.monaco-select-box-dropdown-container {
	font-size: 13px;
	font-weight: normal;
	text-transform: none;
}

/** Actions */

.monaco-action-bar .action-item.select-container {
	cursor: default;
}

.monaco-action-bar .action-item .monaco-select-box {
	cursor: pointer;
	min-width: 100px;
	min-height: 18px;
	padding: 2px 23px 2px 8px;
}

.mac .monaco-action-bar .action-item .monaco-select-box {
	font-size: 11px;
	border-radius: 3px;
	min-height: 24px;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-list {
	position: relative;
	height: 100%;
	width: 100%;
	white-space: nowrap;
}

.monaco-list.mouse-support {
	-moz-user-select: none;
	     user-select: none;
	-webkit-user-select: none;
}

.monaco-list > .monaco-scrollable-element {
	height: 100%;
}

.monaco-list-rows {
	position: relative;
	width: 100%;
	height: 100%;
}

.monaco-list.horizontal-scrolling .monaco-list-rows {
	width: auto;
	min-width: 100%;
}

.monaco-list-row {
	position: absolute;
	box-sizing: border-box;
	overflow: hidden;
	width: 100%;
}

.monaco-list.mouse-support .monaco-list-row {
	cursor: pointer;
	touch-action: none;
}

/* Make sure the scrollbar renders above overlays (sticky scroll) */
.monaco-list .monaco-scrollable-element > .scrollbar.vertical,
.monaco-pane-view > .monaco-split-view2.vertical > .monaco-scrollable-element > .scrollbar.vertical {
	z-index: 14;
}

/* for OS X ballistic scrolling */
.monaco-list-row.scrolling {
	display: none !important;
}

/* Focus */
.monaco-list.element-focused,
.monaco-list.selection-single,
.monaco-list.selection-multiple {
	outline: 0 !important;
}

/* Filter */

.monaco-list-type-filter-message {
	position: absolute;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 40px 1em 1em 1em;
	text-align: center;
	white-space: normal;
	opacity: 0.7;
	pointer-events: none;
}

.monaco-list-type-filter-message:empty {
	display: none;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-drag-image {
	display: inline-block;
	padding: 1px 7px;
	border-radius: 10px;
	font-size: 12px;
	position: absolute;
	z-index: 1000;

	/* Default styles */
	background-color: var(--vscode-list-activeSelectionBackground);
	color: var(--vscode-list-activeSelectionForeground);
	outline: 1px solid var(--vscode-list-focusOutline);
	outline-offset: -1px;

	/*
	 * Browsers apply an effect to the drag image when the div becomes too
	 * large which makes them unreadable. Use max width so it does not happen
	 */
	max-width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* Use custom CSS vars to expose padding into parent select for padding calculation */
.monaco-select-box-dropdown-padding {
	--dropdown-padding-top: 1px;
	--dropdown-padding-bottom: 1px;
}

.hc-black .monaco-select-box-dropdown-padding,
.hc-light .monaco-select-box-dropdown-padding {
	--dropdown-padding-top: 3px;
	--dropdown-padding-bottom: 4px;
}

.monaco-select-box-dropdown-container {
	display: none;
	box-sizing:	border-box;
}

.monaco-select-box-dropdown-container > .select-box-details-pane > .select-box-description-markdown * {
	margin: 0;
}

.monaco-select-box-dropdown-container > .select-box-details-pane > .select-box-description-markdown a:focus {
	outline: 1px solid -webkit-focus-ring-color;
	outline-offset: -1px;
}

.monaco-select-box-dropdown-container > .select-box-details-pane > .select-box-description-markdown code {
	line-height: 15px; /** For some reason, this is needed, otherwise <code> will take up 20px height */
	font-family: var(--monaco-monospace-font);
}


.monaco-select-box-dropdown-container.visible {
	display: flex;
	flex-direction: column;
	text-align: left;
	width: 1px;
	overflow: hidden;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-list-container {
	flex: 0 0 auto;
	align-self: flex-start;
	padding-top: var(--dropdown-padding-top);
	padding-bottom: var(--dropdown-padding-bottom);
	padding-left: 1px;
	padding-right: 1px;
	width: 100%;
	overflow: hidden;
	box-sizing:	border-box;
}

.monaco-select-box-dropdown-container > .select-box-details-pane {
	padding: 5px;
}

.hc-black .monaco-select-box-dropdown-container > .select-box-dropdown-list-container {
	padding-top: var(--dropdown-padding-top);
	padding-bottom: var(--dropdown-padding-bottom);
}

.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row {
	cursor: pointer;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .option-text {
	text-overflow: ellipsis;
	overflow: hidden;
	padding-left: 3.5px;
	white-space: nowrap;
	float: left;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .option-detail {
	text-overflow: ellipsis;
	overflow: hidden;
	padding-left: 3.5px;
	white-space: nowrap;
	float: left;
	opacity: 0.7;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .option-decorator-right {
	text-overflow: ellipsis;
	overflow: hidden;
	padding-right: 10px;
	white-space: nowrap;
	float: right;
}


/* Accepted CSS hiding technique for accessibility reader text  */
/* https://webaim.org/techniques/css/invisiblecontent/ */

.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .visually-hidden {
		position: absolute;
		left: -10000px;
		top: auto;
		width: 1px;
		height: 1px;
		overflow: hidden;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-container-width-control {
	flex: 1 1 auto;
	align-self: flex-start;
	opacity: 0;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-container-width-control > .width-control-div {
	overflow: hidden;
	max-height: 0px;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-container-width-control > .width-control-div > .option-text-width-control {
	padding-left: 4px;
	padding-right: 8px;
	white-space: nowrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-action-bar {
	white-space: nowrap;
	height: 100%;
}

.monaco-action-bar .actions-container {
	display: flex;
	margin: 0 auto;
	padding: 0;
	height: 100%;
	width: 100%;
	align-items: center;
}

.monaco-action-bar.vertical .actions-container {
	display: inline-block;
}

.monaco-action-bar .action-item {
	display: block;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: relative;  /* DO NOT REMOVE - this is the key to preventing the ghosting icon bug in Chrome 42 */
}

.monaco-action-bar .action-item.disabled {
	cursor: default;
}

.monaco-action-bar .action-item .icon,
.monaco-action-bar .action-item .codicon {
	display: block;
}

.monaco-action-bar .action-item .codicon {
	display: flex;
	align-items: center;
	width: 16px;
	height: 16px;
}

.monaco-action-bar .action-label {
	display: flex;
	font-size: 11px;
	padding: 3px;
	border-radius: 5px;
}

.monaco-action-bar .action-item.disabled .action-label:not(.icon) ,
.monaco-action-bar .action-item.disabled .action-label:not(.icon)::before,
.monaco-action-bar .action-item.disabled .action-label:not(.icon):hover {
	color: var(--vscode-disabledForeground);
}

/* Unable to change color of SVGs, hence opacity is used */
.monaco-action-bar .action-item.disabled .action-label.icon ,
.monaco-action-bar .action-item.disabled .action-label.icon::before,
.monaco-action-bar .action-item.disabled .action-label.icon:hover {
	opacity: 0.6;
}

/* Vertical actions */

.monaco-action-bar.vertical {
	text-align: left;
}

.monaco-action-bar.vertical .action-item {
	display: block;
}

.monaco-action-bar.vertical .action-label.separator {
	display: block;
	border-bottom: 1px solid var(--vscode-disabledForeground);
	padding-top: 1px;
	margin-left: .8em;
	margin-right: .8em;
}

.monaco-action-bar .action-item .action-label.separator {
	width: 1px;
	height: 16px;
	margin: 5px 4px !important;
	cursor: default;
	min-width: 1px;
	padding: 0;
	background-color: var(--vscode-disabledForeground);
}

.secondary-actions .monaco-action-bar .action-label {
	margin-left: 6px;
}

/* Action Items */
.monaco-action-bar .action-item.select-container {
	overflow: hidden; /* somehow the dropdown overflows its container, we prevent it here to not push */
	flex: 1;
	max-width: 170px;
	min-width: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
}

.monaco-action-bar .action-item.action-dropdown-item {
	display: flex;
}

.monaco-action-bar .action-item.action-dropdown-item > .action-dropdown-item-separator {
	display: flex;
	align-items: center;
	cursor: default;
}

.monaco-action-bar .action-item.action-dropdown-item > .action-dropdown-item-separator > div {
	width: 1px;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-diff-editor .diff-review {
	position: absolute;

}

.monaco-component.diff-review {
	-moz-user-select: none;
	     user-select: none;
	-webkit-user-select: none;
	z-index: 99;


	.diff-review-line-number {
		text-align: right;
		display: inline-block;
		color: var(--vscode-editorLineNumber-foreground);
	}

	.diff-review-summary {
		padding-left: 10px;
	}

	.diff-review-shadow {
		position: absolute;
		box-shadow: var(--vscode-scrollbar-shadow) 0 -6px 6px -6px inset;
	}

	.diff-review-row {
		white-space: pre;
	}

	.diff-review-table {
		display: table;
		min-width: 100%;
	}

	.diff-review-row {
		display: table-row;
		width: 100%;
	}

	.diff-review-spacer {
		display: inline-block;
		width: 10px;
		vertical-align: middle;
	}

	.diff-review-spacer > .codicon {
		font-size: 9px !important;
	}

	.diff-review-actions {
		display: inline-block;
		position: absolute;
		right: 10px;
		top: 2px;
		z-index: 100;
	}

	.diff-review-actions .action-label {
		width: 16px;
		height: 16px;
		margin: 2px 0;
	}

	.revertButton {
		cursor: pointer;
	}

	.action-label {
		background: var(--vscode-editorActionList-background);
	}
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

:root {
	--vscode-sash-size: 4px;
	--vscode-sash-hover-size: 4px;
}

.monaco-sash {
	position: absolute;
	z-index: 35;
	touch-action: none;
}

.monaco-sash.disabled {
	pointer-events: none;
}

.monaco-sash.mac.vertical {
	cursor: col-resize;
}

.monaco-sash.vertical.minimum {
	cursor: e-resize;
}

.monaco-sash.vertical.maximum {
	cursor: w-resize;
}

.monaco-sash.mac.horizontal {
	cursor: row-resize;
}

.monaco-sash.horizontal.minimum {
	cursor: s-resize;
}

.monaco-sash.horizontal.maximum {
	cursor: n-resize;
}

.monaco-sash.disabled {
	cursor: default !important;
	pointer-events: none !important;
}

.monaco-sash.vertical {
	cursor: ew-resize;
	top: 0;
	width: var(--vscode-sash-size);
	height: 100%;
}

.monaco-sash.horizontal {
	cursor: ns-resize;
	left: 0;
	width: 100%;
	height: var(--vscode-sash-size);
}

.monaco-sash:not(.disabled) > .orthogonal-drag-handle {
	content: " ";
	height: calc(var(--vscode-sash-size) * 2);
	width: calc(var(--vscode-sash-size) * 2);
	z-index: 100;
	display: block;
	cursor: all-scroll;
	position: absolute;
}

.monaco-sash.horizontal.orthogonal-edge-north:not(.disabled)
	> .orthogonal-drag-handle.start,
.monaco-sash.horizontal.orthogonal-edge-south:not(.disabled)
	> .orthogonal-drag-handle.end {
	cursor: nwse-resize;
}

.monaco-sash.horizontal.orthogonal-edge-north:not(.disabled)
	> .orthogonal-drag-handle.end,
.monaco-sash.horizontal.orthogonal-edge-south:not(.disabled)
	> .orthogonal-drag-handle.start {
	cursor: nesw-resize;
}

.monaco-sash.vertical > .orthogonal-drag-handle.start {
	left: calc(var(--vscode-sash-size) * -0.5);
	top: calc(var(--vscode-sash-size) * -1);
}
.monaco-sash.vertical > .orthogonal-drag-handle.end {
	left: calc(var(--vscode-sash-size) * -0.5);
	bottom: calc(var(--vscode-sash-size) * -1);
}
.monaco-sash.horizontal > .orthogonal-drag-handle.start {
	top: calc(var(--vscode-sash-size) * -0.5);
	left: calc(var(--vscode-sash-size) * -1);
}
.monaco-sash.horizontal > .orthogonal-drag-handle.end {
	top: calc(var(--vscode-sash-size) * -0.5);
	right: calc(var(--vscode-sash-size) * -1);
}

.monaco-sash:before {
	content: '';
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent;
}

.monaco-enable-motion .monaco-sash:before {
	transition: background-color 0.1s ease-out;
}

.monaco-sash.hover:before,
.monaco-sash.active:before {
	background: var(--vscode-sash-hoverBorder);
}

.monaco-sash.vertical:before {
	width: var(--vscode-sash-hover-size);
	left: calc(50% - (var(--vscode-sash-hover-size) / 2));
}

.monaco-sash.horizontal:before {
	height: var(--vscode-sash-hover-size);
	top: calc(50% - (var(--vscode-sash-hover-size) / 2));
}

.pointer-events-disabled {
	pointer-events: none !important;
}

/** Debug **/

.monaco-sash.debug {
	background: cyan;
}

.monaco-sash.debug.disabled {
	background: rgba(0, 255, 255, 0.2);
}

.monaco-sash.debug:not(.disabled) > .orthogonal-drag-handle {
	background: red;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-dropdown {
	height: 100%;
	padding: 0;
}

.monaco-dropdown > .dropdown-label {
	cursor: pointer;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.monaco-dropdown > .dropdown-label > .action-label.disabled {
	cursor: default;
}

.monaco-dropdown-with-primary {
	display: flex !important;
	flex-direction: row;
	border-radius: 5px;
}

.monaco-dropdown-with-primary > .action-container > .action-label {
	margin-right: 0;
}

.monaco-dropdown-with-primary > .dropdown-action-container > .monaco-dropdown > .dropdown-label .codicon[class*='codicon-'] {
	font-size: 12px;
	padding-left: 0px;
	padding-right: 0px;
	line-height: 16px;
	margin-left: -3px;
}

.monaco-dropdown-with-primary > .dropdown-action-container > .monaco-dropdown > .dropdown-label > .action-label {
	display: block;
	background-size: 16px;
	background-position: center center;
	background-repeat: no-repeat;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-toolbar {
	height: 100%;
}

.monaco-toolbar .toolbar-toggle-more {
	display: inline-block;
	padding: 0;
}

.monaco-toolbar.responsive {
	.monaco-action-bar > .actions-container > .action-item {
		flex-shrink: 1;
		min-width: 20px;
	}
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-action-bar .action-item.menu-entry .action-label.icon {
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 16px;
}

.monaco-action-bar .action-item.menu-entry.text-only .action-label {
	color: var(--vscode-descriptionForeground);
	overflow: hidden;
	border-radius: 2px;
}

.monaco-action-bar .action-item.menu-entry.text-only.use-comma:not(:last-of-type) .action-label::after {
	content: ', ';
}

.monaco-action-bar .action-item.menu-entry.text-only + .action-item:not(.text-only) > .monaco-dropdown .action-label {
	color: var(--vscode-descriptionForeground);
}

.monaco-dropdown-with-default {
	display: flex !important;
	flex-direction: row;
	border-radius: 5px;
}

.monaco-dropdown-with-default > .action-container > .action-label {
	margin-right: 0;
}

.monaco-dropdown-with-default > .action-container.menu-entry > .action-label.icon {
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 16px;
}

.monaco-dropdown-with-default:hover {
	background-color: var(--vscode-toolbar-hoverBackground);
}

.monaco-dropdown-with-default > .dropdown-action-container > .monaco-dropdown > .dropdown-label .codicon[class*='codicon-'] {
	font-size: 12px;
	padding-left: 0px;
	padding-right: 0px;
	line-height: 16px;
	margin-left: -3px;
}

.monaco-dropdown-with-default > .dropdown-action-container > .monaco-dropdown > .dropdown-label > .action-label {
	display: block;
	background-size: 16px;
	background-position: center center;
	background-repeat: no-repeat;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .diff-hidden-lines-widget {
	width: 100%;
}

.monaco-editor .diff-hidden-lines {
	height: 0px; /* The children each have a fixed height, the transform confuses the browser */
	transform: translate(0px, -10px);
	font-size: 13px;
	line-height: 14px;
}

.monaco-editor .diff-hidden-lines:not(.dragging) .top:hover,
.monaco-editor .diff-hidden-lines:not(.dragging) .bottom:hover,
.monaco-editor .diff-hidden-lines .top.dragging,
.monaco-editor .diff-hidden-lines .bottom.dragging {
	background-color: var(--vscode-focusBorder);
}

.monaco-editor .diff-hidden-lines .top,
.monaco-editor .diff-hidden-lines .bottom {
	transition: background-color 0.1s ease-out;
	height: 4px;
	background-color: transparent;
	background-clip: padding-box;
	border-bottom: 2px solid transparent;
	border-top: 4px solid transparent;
	/*cursor: n-resize;*/
}

.monaco-editor.draggingUnchangedRegion.canMoveTop:not(.canMoveBottom) *,
.monaco-editor .diff-hidden-lines .top.canMoveTop:not(.canMoveBottom),
.monaco-editor .diff-hidden-lines .bottom.canMoveTop:not(.canMoveBottom) {
	cursor: n-resize !important;
}

.monaco-editor.draggingUnchangedRegion:not(.canMoveTop).canMoveBottom *,
.monaco-editor .diff-hidden-lines .top:not(.canMoveTop).canMoveBottom,
.monaco-editor .diff-hidden-lines .bottom:not(.canMoveTop).canMoveBottom {
	cursor: s-resize !important;
}

.monaco-editor.draggingUnchangedRegion.canMoveTop.canMoveBottom *,
.monaco-editor .diff-hidden-lines .top.canMoveTop.canMoveBottom,
.monaco-editor .diff-hidden-lines .bottom.canMoveTop.canMoveBottom {
	cursor: ns-resize !important;
}

.monaco-editor .diff-hidden-lines .top {
	transform: translate(0px, 4px);
}

.monaco-editor .diff-hidden-lines .bottom {
	transform: translate(0px, -6px);
}

.monaco-editor .diff-unchanged-lines {
	background: var(--vscode-diffEditor-unchangedCodeBackground);
}

.monaco-editor .noModificationsOverlay {
	z-index: 1;
	background: var(--vscode-editor-background);

	display: flex;
	justify-content: center;
	align-items: center;
}


.monaco-editor .diff-hidden-lines .center {
	background: var(--vscode-diffEditor-unchangedRegionBackground);
	color: var(--vscode-diffEditor-unchangedRegionForeground);
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;

	height: 24px;
	box-shadow: inset 0 -5px 5px -7px var(--vscode-diffEditor-unchangedRegionShadow), inset 0 5px 5px -7px var(--vscode-diffEditor-unchangedRegionShadow);
}

.monaco-editor .diff-hidden-lines .center span.codicon {
	vertical-align: middle;
}

.monaco-editor .diff-hidden-lines .center a:hover .codicon {
	cursor: pointer;
	color: var(--vscode-editorLink-activeForeground) !important;
}

.monaco-editor .diff-hidden-lines div.breadcrumb-item {
	cursor: pointer;
}

.monaco-editor .diff-hidden-lines div.breadcrumb-item:hover {
	color: var(--vscode-editorLink-activeForeground);
}

.monaco-editor .movedOriginal {
	border: 2px solid var(--vscode-diffEditor-move-border);
}

.monaco-editor .movedModified {
	border: 2px solid var(--vscode-diffEditor-move-border);
}

.monaco-editor .movedOriginal.currentMove, .monaco-editor .movedModified.currentMove {
	border: 2px solid var(--vscode-diffEditor-moveActive-border);
}

.monaco-diff-editor .moved-blocks-lines path.currentMove {
	stroke: var(--vscode-diffEditor-moveActive-border);
}

.monaco-diff-editor .moved-blocks-lines path {
	pointer-events: visiblestroke;
}

.monaco-diff-editor .moved-blocks-lines .arrow {
	fill: var(--vscode-diffEditor-move-border);
}

.monaco-diff-editor .moved-blocks-lines .arrow.currentMove {
	fill: var(--vscode-diffEditor-moveActive-border);
}

.monaco-diff-editor .moved-blocks-lines .arrow-rectangle {
	fill: var(--vscode-editor-background);
}

.monaco-diff-editor .moved-blocks-lines {
	position: absolute;
	pointer-events: none;
}

.monaco-diff-editor .moved-blocks-lines path {
	fill: none;
	stroke: var(--vscode-diffEditor-move-border);
	stroke-width: 2;
}

.monaco-editor .char-delete.diff-range-empty {
	margin-left: -1px;
	border-left: solid var(--vscode-diffEditor-removedTextBackground) 3px;
}

.monaco-editor .char-insert.diff-range-empty {
	border-left: solid var(--vscode-diffEditor-insertedTextBackground) 3px;
}

.monaco-editor .fold-unchanged {
	cursor: pointer;
}

.monaco-diff-editor .diff-moved-code-block {
	display: flex;
	justify-content: flex-end;
	margin-top: -4px;
}

.monaco-diff-editor .diff-moved-code-block .action-bar .action-label.codicon {
	width: 12px;
	height: 12px;
	font-size: 12px;
}

/* ---------- DiffEditor ---------- */

.monaco-diff-editor .diffOverview {
	z-index: 9;
}

.monaco-diff-editor .diffOverview .diffViewport {
	z-index: 10;
}

/* colors not externalized: using transparancy on background */
.monaco-diff-editor.vs			.diffOverview { background: rgba(0, 0, 0, 0.03); }
.monaco-diff-editor.vs-dark		.diffOverview { background: rgba(255, 255, 255, 0.01); }

.monaco-scrollable-element.modified-in-monaco-diff-editor.vs		.scrollbar { background: rgba(0,0,0,0); }
.monaco-scrollable-element.modified-in-monaco-diff-editor.vs-dark	.scrollbar { background: rgba(0,0,0,0); }
.monaco-scrollable-element.modified-in-monaco-diff-editor.hc-black	.scrollbar { background: none; }
.monaco-scrollable-element.modified-in-monaco-diff-editor.hc-light	.scrollbar { background: none; }

.monaco-scrollable-element.modified-in-monaco-diff-editor .slider {
	z-index: 10;
}
.modified-in-monaco-diff-editor				.slider.active { background: rgba(171, 171, 171, .4); }
.modified-in-monaco-diff-editor.hc-black	.slider.active { background: none; }
.modified-in-monaco-diff-editor.hc-light	.slider.active { background: none; }

/* ---------- Diff ---------- */

.monaco-editor .insert-sign,
.monaco-diff-editor .insert-sign,
.monaco-editor .delete-sign,
.monaco-diff-editor .delete-sign {
	font-size: 11px !important;
	opacity: 0.7 !important;
	display: flex !important;
	align-items: center;
}
.monaco-editor.hc-black .insert-sign,
.monaco-diff-editor.hc-black .insert-sign,
.monaco-editor.hc-black .delete-sign,
.monaco-diff-editor.hc-black .delete-sign,
.monaco-editor.hc-light .insert-sign,
.monaco-diff-editor.hc-light .insert-sign,
.monaco-editor.hc-light .delete-sign,
.monaco-diff-editor.hc-light .delete-sign {
	opacity: 1;
}

.monaco-editor .inline-deleted-margin-view-zone {
	text-align: right;
}
.monaco-editor .inline-added-margin-view-zone {
	text-align: right;
}

.monaco-editor .arrow-revert-change {
	z-index: 10;
	position: absolute;
}

.monaco-editor .arrow-revert-change:hover {
	cursor: pointer;
}

/* ---------- Inline Diff ---------- */

.monaco-editor .view-zones .view-lines .view-line span {
	display: inline-block;
}

.monaco-editor .margin-view-zones .lightbulb-glyph:hover {
	cursor: pointer;
}

.monaco-editor .char-insert, .monaco-diff-editor .char-insert {
	background-color: var(--vscode-diffEditor-insertedTextBackground);
}

.monaco-editor .line-insert, .monaco-diff-editor .line-insert {
	background-color: var(--vscode-diffEditor-insertedLineBackground, var(--vscode-diffEditor-insertedTextBackground));
}

.monaco-editor .line-insert,
.monaco-editor .char-insert {
	box-sizing: border-box;
	border: 1px solid var(--vscode-diffEditor-insertedTextBorder);
}
.monaco-editor.hc-black .line-insert, .monaco-editor.hc-light .line-insert,
.monaco-editor.hc-black .char-insert, .monaco-editor.hc-light .char-insert {
	border-style: dashed;
}

.monaco-editor .line-delete,
.monaco-editor .char-delete {
	box-sizing: border-box;
	border: 1px solid var(--vscode-diffEditor-removedTextBorder);
}
.monaco-editor.hc-black .line-delete, .monaco-editor.hc-light .line-delete,
.monaco-editor.hc-black .char-delete, .monaco-editor.hc-light .char-delete {
	border-style: dashed;
}

.monaco-editor .inline-added-margin-view-zone,
.monaco-editor .gutter-insert, .monaco-diff-editor .gutter-insert {
	background-color: var(--vscode-diffEditorGutter-insertedLineBackground, var(--vscode-diffEditor-insertedLineBackground), var(--vscode-diffEditor-insertedTextBackground));
}

.monaco-editor .char-delete, .monaco-diff-editor .char-delete, .monaco-editor .inline-deleted-text {
	background-color: var(--vscode-diffEditor-removedTextBackground);
}

.monaco-editor .inline-deleted-text {
	text-decoration: line-through;
}

.monaco-editor .line-delete, .monaco-diff-editor .line-delete {
	background-color: var(--vscode-diffEditor-removedLineBackground, var(--vscode-diffEditor-removedTextBackground));
}

.monaco-editor .inline-deleted-margin-view-zone,
.monaco-editor .gutter-delete, .monaco-diff-editor .gutter-delete {
	background-color: var(--vscode-diffEditorGutter-removedLineBackground, var(--vscode-diffEditor-removedLineBackground), var(--vscode-diffEditor-removedTextBackground));
}

.monaco-diff-editor.side-by-side .editor.modified {
	box-shadow: -6px 0 5px -5px var(--vscode-scrollbar-shadow);
	border-left: 1px solid var(--vscode-diffEditor-border);
}

.monaco-diff-editor.side-by-side .editor.original {
	box-shadow: 6px 0 5px -5px var(--vscode-scrollbar-shadow);
	border-right: 1px solid var(--vscode-diffEditor-border);
}

.monaco-diff-editor .diffViewport {
	background: var(--vscode-scrollbarSlider-background);
}

.monaco-diff-editor .diffViewport:hover {
	background: var(--vscode-scrollbarSlider-hoverBackground);
}

.monaco-diff-editor .diffViewport:active {
	background: var(--vscode-scrollbarSlider-activeBackground);
}

.monaco-editor .diagonal-fill {
	background-image: linear-gradient(
		-45deg,
		var(--vscode-diffEditor-diagonalFill) 12.5%,
		#0000 12.5%, #0000 50%,
		var(--vscode-diffEditor-diagonalFill) 50%, var(--vscode-diffEditor-diagonalFill) 62.5%,
		#0000 62.5%, #0000 100%
	);
	background-size: 8px 8px;
}

.monaco-diff-editor .gutter {
	position: relative;
	overflow: hidden;
	flex-shrink: 0;
	flex-grow: 0;

	& > div {
		position: absolute;
	}

	.gutterItem {
		opacity: 0;
		transition: opacity 0.7s;

		&.showAlways {
			opacity: 1;
			transition: none;
		}

		&.noTransition {
			transition: none;
		}
	}

	&:hover .gutterItem {
		opacity: 1;
		transition: opacity 0.1s ease-in-out;
	}

	.gutterItem {
		.background {
			position: absolute;
			height: 100%;
			left: 50%;
			width: 1px;

			border-left: 2px var(--vscode-menu-separatorBackground) solid;
		}

		.buttons {
			position: absolute;
			/*height: 100%;*/
			width: 100%;

			display: flex;
			justify-content: center;
			align-items: center;

			.monaco-toolbar {
				height: -moz-fit-content;
				height: fit-content;
				.monaco-action-bar  {
					line-height: 1;

					.actions-container {
						width: -moz-fit-content;
						width: fit-content;
						border-radius: 4px;
						background: var(--vscode-editorGutter-itemBackground);

						.action-item {
							&:hover {
								background: var(--vscode-toolbar-hoverBackground);
							}

							.action-label {
								color: var(--vscode-editorGutter-itemGlyphForeground);
								padding: 1px 2px;
							}
						}
					}
				}
			}
		}
	}
}


.monaco-diff-editor .diff-hidden-lines-compact {
	display: flex;
	height: 11px;
	.line-left, .line-right {
		height: 1px;
		border-top: 1px solid;
		border-color: var(--vscode-editorCodeLens-foreground);
		opacity: 0.5;
		margin: auto;
		width: 100%;
	}

	.line-left {
		width: 20px;
	}

	.text {
		color: var(--vscode-editorCodeLens-foreground);
		text-wrap: nowrap;
		font-size: 11px;
		line-height: 11px;
		margin: 0 4px;
	}
}

.monaco-editor .line-delete-selectable {
	-moz-user-select: text !important;
	     user-select: text !important;
	-webkit-user-select: text !important;
	z-index: 1 !important;
}

.line-delete-selectable .view-line {
	-moz-user-select: text !important;
	     user-select: text !important;
	-webkit-user-select: text !important;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .selection-anchor {
	background-color: #007ACC;
	width: 2px !important;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .bracket-match {
	box-sizing: border-box;
	background-color: var(--vscode-editorBracketMatch-background);
	border: 1px solid var(--vscode-editorBracketMatch-border);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.inline-editor-progress-decoration {
	display: inline-block;
	width: 1em;
	height: 1em;
}

.inline-progress-widget  {
	display: flex !important;
	justify-content: center;
	align-items: center;
}

.inline-progress-widget .icon {
	font-size: 80% !important;
}

.inline-progress-widget:hover .icon {
	font-size: 90% !important;
	animation: none;
}

.inline-progress-widget:hover .icon::before {
	content: var(--vscode-icon-x-content);
	font-family: var(--vscode-icon-x-font-family);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .monaco-editor-overlaymessage {
	padding-bottom: 8px;
	z-index: 10000;
}

.monaco-editor .monaco-editor-overlaymessage.below {
	padding-bottom: 0;
	padding-top: 8px;
	z-index: 10000;
}

@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
.monaco-editor .monaco-editor-overlaymessage.fadeIn {
	animation: fadeIn 150ms ease-out;
}

@keyframes fadeOut {
	from { opacity: 1; }
	to { opacity: 0; }
}
.monaco-editor .monaco-editor-overlaymessage.fadeOut {
	animation: fadeOut 100ms ease-out;
}

.monaco-editor .monaco-editor-overlaymessage .message {
	padding: 2px 4px;
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-inputValidation-infoBorder);
	border-radius: 3px;
}

.monaco-editor .monaco-editor-overlaymessage .message p {
	margin-block: 0px;
}

.monaco-editor .monaco-editor-overlaymessage .message a {
	color: var(--vscode-textLink-foreground);
}

.monaco-editor .monaco-editor-overlaymessage .message a:hover {
	color: var(--vscode-textLink-activeForeground);
}

.monaco-editor.hc-black .monaco-editor-overlaymessage .message,
.monaco-editor.hc-light .monaco-editor-overlaymessage .message {
	border-width: 2px;
}

.monaco-editor .monaco-editor-overlaymessage .anchor {
	width: 0 !important;
	height: 0 !important;
	border-color: transparent;
	border-style: solid;
	z-index: 1000;
	border-width: 8px;
	position: absolute;
	left: 2px;
}

.monaco-editor .monaco-editor-overlaymessage .anchor.top {
	border-bottom-color: var(--vscode-inputValidation-infoBorder);
}

.monaco-editor .monaco-editor-overlaymessage .anchor.below {
	border-top-color: var(--vscode-inputValidation-infoBorder);
}

.monaco-editor .monaco-editor-overlaymessage:not(.below) .anchor.top,
.monaco-editor .monaco-editor-overlaymessage.below .anchor.below {
	display: none;
}

.monaco-editor .monaco-editor-overlaymessage.below .anchor.top {
	display: inherit;
	top: -8px;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-text-button {
	box-sizing: border-box;
	display: flex;
	width: 100%;
	padding: 4px;
	border-radius: 2px;
	text-align: center;
	cursor: pointer;
	justify-content: center;
	align-items: center;
	border: 1px solid var(--vscode-button-border, transparent);
	line-height: 18px;
}

.monaco-text-button:focus {
	outline-offset: 2px !important;
}

.monaco-text-button:hover {
	text-decoration: none !important;
}

.monaco-button.disabled:focus,
.monaco-button.disabled {
	opacity: 0.4 !important;
	cursor: default;
}

.monaco-text-button .codicon {
	margin: 0 0.2em;
	color: inherit !important;
}

.monaco-text-button.monaco-text-button-with-short-label {
	flex-direction: row;
	flex-wrap: wrap;
	padding: 0 4px;
	overflow: hidden;
	height: 28px;
}

.monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label {
	flex-basis: 100%;
}

.monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label-short {
	flex-grow: 1;
	width: 0;
	overflow: hidden;
}

.monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label,
.monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label-short {
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: normal;
	font-style: inherit;
	padding: 4px 0;
}

.monaco-button-dropdown {
	display: flex;
	cursor: pointer;
}

.monaco-button-dropdown.disabled {
	cursor: default;
}

.monaco-button-dropdown > .monaco-button:focus {
	outline-offset: -1px !important;
}

.monaco-button-dropdown.disabled > .monaco-button.disabled,
.monaco-button-dropdown.disabled > .monaco-button.disabled:focus,
.monaco-button-dropdown.disabled > .monaco-button-dropdown-separator {
	opacity: 0.4 !important;
}

.monaco-button-dropdown > .monaco-button.monaco-text-button {
	border-right-width: 0 !important;
}

.monaco-button-dropdown .monaco-button-dropdown-separator {
	padding: 4px 0;
	cursor: default;
}

.monaco-button-dropdown .monaco-button-dropdown-separator > div {
	height: 100%;
	width: 1px;
}

.monaco-button-dropdown > .monaco-button.monaco-dropdown-button {
	border: 1px solid var(--vscode-button-border, transparent);
	border-left-width: 0 !important;
	border-radius: 0 2px 2px 0;
	display: flex;
	align-items: center;
}

.monaco-button-dropdown > .monaco-button.monaco-text-button {
	border-radius: 2px 0 0 2px;
}

.monaco-description-button {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 4px 5px; /* allows button focus outline to be visible */
}

.monaco-description-button .monaco-button-description {
	font-style: italic;
	font-size: 11px;
	padding: 4px 20px;
}

.monaco-description-button .monaco-button-label,
.monaco-description-button .monaco-button-description {
	display: flex;
	justify-content: center;
	align-items: center;
}

.monaco-description-button .monaco-button-label > .codicon,
.monaco-description-button .monaco-button-description > .codicon {
	margin: 0 0.2em;
	color: inherit !important;
}

/* default color styles - based on CSS variables */

.monaco-button.default-colors,
.monaco-button-dropdown.default-colors > .monaco-button{
	color: var(--vscode-button-foreground);
	background-color: var(--vscode-button-background);
}

.monaco-button.default-colors:hover,
.monaco-button-dropdown.default-colors > .monaco-button:hover {
	background-color: var(--vscode-button-hoverBackground);
}

.monaco-button.default-colors.secondary,
.monaco-button-dropdown.default-colors > .monaco-button.secondary {
	color: var(--vscode-button-secondaryForeground);
	background-color: var(--vscode-button-secondaryBackground);
}

.monaco-button.default-colors.secondary:hover,
.monaco-button-dropdown.default-colors > .monaco-button.secondary:hover {
	background-color: var(--vscode-button-secondaryHoverBackground);
}

.monaco-button-dropdown.default-colors .monaco-button-dropdown-separator {
	background-color: var(--vscode-button-background);
	border-top: 1px solid var(--vscode-button-border);
	border-bottom: 1px solid var(--vscode-button-border);
}

.monaco-button-dropdown.default-colors .monaco-button.secondary + .monaco-button-dropdown-separator {
	background-color: var(--vscode-button-secondaryBackground);
}

.monaco-button-dropdown.default-colors .monaco-button-dropdown-separator > div {
	background-color: var(--vscode-button-separator);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.action-widget {
	font-size: 13px;
	border-radius: 0;
	min-width: 100px;
	max-width: 80vw;
	z-index: 40;
	display: block;
	width: 100%;
	border: 1px solid var(--vscode-menu-border) !important;
	border-radius: 5px;
	background-color: var(--vscode-menu-background);
	color: var(--vscode-menu-foreground);
	padding: 4px;
	box-shadow: 0 2px 8px var(--vscode-widget-shadow);
}

.context-view-block {
	position: fixed;
	cursor: initial;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.context-view-pointerBlock {
	position: fixed;
	cursor: initial;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.action-widget .monaco-list {
	-moz-user-select: none;
	     user-select: none;
	-webkit-user-select: none;
	border: none !important;
	border-width: 0 !important;
}

.action-widget .monaco-list:focus:before {
	outline: 0 !important;
}

.action-widget .monaco-list .monaco-scrollable-element {
	overflow: visible;
}

/** Styles for each row in the list element **/
.action-widget .monaco-list .monaco-list-row {
	padding: 0 4px 0 4px;
	white-space: nowrap;
	cursor: pointer;
	touch-action: none;
	width: 100%;
	border-radius: 3px;
}

.action-widget .monaco-list .monaco-list-row.action.focused:not(.option-disabled) {
	background-color: var(--vscode-list-activeSelectionBackground) !important;
	color: var(--vscode-list-activeSelectionForeground);
	outline: 1px solid var(--vscode-menu-selectionBorder, transparent);
	outline-offset: -1px;
}

.action-widget .monaco-list-row.group-header {
	color: var(--vscode-descriptionForeground) !important;
	font-weight: 600;
	font-size: 13px;
}

.action-widget .monaco-list-row.group-header:not(:first-of-type) {
	margin-top: 2px;
}

.action-widget .monaco-scrollable-element .monaco-list-rows .monaco-list-row.separator {
	border-top: 1px solid var(--vscode-editorHoverWidget-border);
	color: var(--vscode-descriptionForeground);
	font-size: 12px;
	padding: 0;
	margin: 4px 0 0 0;
	cursor: default;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	border-radius: 0;
}

.action-widget .monaco-scrollable-element .monaco-list-rows .monaco-list-row.separator.focused {
	outline: 0 solid;
	background-color: transparent;
	border-radius: 0;
}

.action-widget .monaco-list-row.separator:first-of-type {
	border-top: none;
	margin-top: 0;
}

.action-widget .monaco-list .group-header,
.action-widget .monaco-list .option-disabled,
.action-widget .monaco-list .option-disabled:before,
.action-widget .monaco-list .option-disabled .focused,
.action-widget .monaco-list .option-disabled .focused:before {
	cursor: default !important;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	     user-select: none;
	background-color: transparent !important;
	outline: 0 solid !important;
}

.action-widget .monaco-list-row.action {
	display: flex;
	gap: 4px;
	align-items: center;
}

.action-widget .monaco-list-row.action.option-disabled,
.action-widget .monaco-list:focus .monaco-list-row.focused.action.option-disabled,
.action-widget .monaco-list-row.action.option-disabled .codicon,
.action-widget .monaco-list:not(.drop-target):not(.dragging) .monaco-list-row:hover:not(.selected):not(.focused).option-disabled {
	color: var(--vscode-disabledForeground);
}


.action-widget .monaco-list-row.action:not(.option-disabled) .codicon {
	color: inherit;
}

.action-widget .monaco-list-row.action .title {
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
}

.action-widget .monaco-list-row.action .monaco-keybinding > .monaco-keybinding-key {
		background-color: var(--vscode-keybindingLabel-background);
		color: var(--vscode-keybindingLabel-foreground);
		border-style: solid;
		border-width: 1px;
		border-radius: 3px;
		border-color: var(--vscode-keybindingLabel-border);
		border-bottom-color: var(--vscode-keybindingLabel-bottomBorder);
		box-shadow: inset 0 -1px 0 var(--vscode-widget-shadow);
}

/* Action bar */

.action-widget .action-widget-action-bar {
	background-color: var(--vscode-menu-background);
	border-top: 1px solid var(--vscode-menu-border);
	margin-top: 2px;
}

.action-widget .action-widget-action-bar::before {
	display: block;
	content: "";
	width: 100%;
}

.action-widget .action-widget-action-bar .actions-container {
	padding: 4px 8px 2px 24px;
}

.action-widget-action-bar .action-label {
	color: var(--vscode-textLink-activeForeground);
	font-size: 13px;
	line-height: 22px;
	padding: 0;
	pointer-events: all;
}

.action-widget-action-bar .action-item {
	margin-right: 16px;
	pointer-events: none;
}

.action-widget-action-bar .action-label:hover {
	background-color: transparent !important;
}

.monaco-action-bar .actions-container.highlight-toggled .action-label.checked {
	/* The important gives this rule precedence over the hover rule. */
	background: var(--vscode-actionBar-toggledBackground) !important;
}

.action-widget .monaco-list .monaco-list-row .description {
	opacity: 0.7;
	margin-left: 0.5em;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-keybinding {
	display: flex;
	align-items: center;
	line-height: 10px;
}

.monaco-keybinding > .monaco-keybinding-key {
	display: inline-block;
	border-style: solid;
	border-width: 1px;
	border-radius: 3px;
	vertical-align: middle;
	font-size: 11px;
	padding: 3px 5px;
	margin: 0 2px;
}

.monaco-keybinding > .monaco-keybinding-key:first-child {
	margin-left: 0;
}

.monaco-keybinding > .monaco-keybinding-key:last-child {
	margin-right: 0;
}

.monaco-keybinding > .monaco-keybinding-key-separator {
	display: inline-block;
}

.monaco-keybinding > .monaco-keybinding-key-chord-separator {
	width: 6px;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.post-edit-widget {
	box-shadow: 0 0 8px 2px var(--vscode-widget-shadow);
	border: 1px solid var(--vscode-widget-border, transparent);
	border-radius: 4px;
	color: var(--vscode-button-foreground);
	background-color: var(--vscode-button-background);
	overflow: hidden;
}

.post-edit-widget .monaco-button {
	padding: 2px;
	border: none;
	border-radius: 0;
}

.post-edit-widget .monaco-button:hover {
	background-color: var(--vscode-button-hoverBackground) !important;
}

.post-edit-widget .monaco-button .codicon {
	margin: 0;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

@font-face {
	font-family: "codicon";
	font-display: block;
	src: url(/assets/codicon-ngg6Pgfi.ttf) format("truetype");
}

.codicon[class*='codicon-'] {
	font: normal normal normal 16px/1 codicon;
	display: inline-block;
	text-decoration: none;
	text-rendering: auto;
	text-align: center;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-user-select: none;
	     user-select: none;
	-webkit-user-select: none;
}

/* icon rules are dynamically created by the platform theme service (see iconsStyleSheet.ts) */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.codicon-wrench-subaction {
	opacity: 0.5;
}

@keyframes codicon-spin {
	100% {
		transform:rotate(360deg);
	}
}

.codicon-sync.codicon-modifier-spin,
.codicon-loading.codicon-modifier-spin,
.codicon-gear.codicon-modifier-spin,
.codicon-notebook-state-executing.codicon-modifier-spin {
	/* Use steps to throttle FPS to reduce CPU usage */
	animation: codicon-spin 1.5s steps(30) infinite;
}

.codicon-modifier-disabled {
	opacity: 0.4;
}

/* custom speed & easing for loading icon */
.codicon-loading,
.codicon-tree-item-loading::before {
	animation-duration: 1s !important;
	animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67) !important;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* stylelint-disable layer-checker */

.monaco-editor .codicon.codicon-symbol-array,
.monaco-workbench .codicon.codicon-symbol-array { color: var(--vscode-symbolIcon-arrayForeground); }
.monaco-editor .codicon.codicon-symbol-boolean,
.monaco-workbench .codicon.codicon-symbol-boolean { color: var(--vscode-symbolIcon-booleanForeground); }
.monaco-editor .codicon.codicon-symbol-class,
.monaco-workbench .codicon.codicon-symbol-class { color: var(--vscode-symbolIcon-classForeground); }
.monaco-editor .codicon.codicon-symbol-method,
.monaco-workbench .codicon.codicon-symbol-method { color: var(--vscode-symbolIcon-methodForeground); }
.monaco-editor .codicon.codicon-symbol-color,
.monaco-workbench .codicon.codicon-symbol-color { color: var(--vscode-symbolIcon-colorForeground); }
.monaco-editor .codicon.codicon-symbol-constant,
.monaco-workbench .codicon.codicon-symbol-constant { color: var(--vscode-symbolIcon-constantForeground); }
.monaco-editor .codicon.codicon-symbol-constructor,
.monaco-workbench .codicon.codicon-symbol-constructor { color: var(--vscode-symbolIcon-constructorForeground); }
.monaco-editor .codicon.codicon-symbol-value,
.monaco-workbench .codicon.codicon-symbol-value,
.monaco-editor .codicon.codicon-symbol-enum,
.monaco-workbench .codicon.codicon-symbol-enum { color: var(--vscode-symbolIcon-enumeratorForeground); }
.monaco-editor .codicon.codicon-symbol-enum-member,
.monaco-workbench .codicon.codicon-symbol-enum-member { color: var(--vscode-symbolIcon-enumeratorMemberForeground); }
.monaco-editor .codicon.codicon-symbol-event,
.monaco-workbench .codicon.codicon-symbol-event { color: var(--vscode-symbolIcon-eventForeground); }
.monaco-editor .codicon.codicon-symbol-field,
.monaco-workbench .codicon.codicon-symbol-field { color: var(--vscode-symbolIcon-fieldForeground); }
.monaco-editor .codicon.codicon-symbol-file,
.monaco-workbench .codicon.codicon-symbol-file { color: var(--vscode-symbolIcon-fileForeground); }
.monaco-editor .codicon.codicon-symbol-folder,
.monaco-workbench .codicon.codicon-symbol-folder { color: var(--vscode-symbolIcon-folderForeground); }
.monaco-editor .codicon.codicon-symbol-function,
.monaco-workbench .codicon.codicon-symbol-function { color: var(--vscode-symbolIcon-functionForeground); }
.monaco-editor .codicon.codicon-symbol-interface,
.monaco-workbench .codicon.codicon-symbol-interface { color: var(--vscode-symbolIcon-interfaceForeground); }
.monaco-editor .codicon.codicon-symbol-key,
.monaco-workbench .codicon.codicon-symbol-key { color: var(--vscode-symbolIcon-keyForeground); }
.monaco-editor .codicon.codicon-symbol-keyword,
.monaco-workbench .codicon.codicon-symbol-keyword { color: var(--vscode-symbolIcon-keywordForeground); }
.monaco-editor .codicon.codicon-symbol-module,
.monaco-workbench .codicon.codicon-symbol-module { color: var(--vscode-symbolIcon-moduleForeground); }
.monaco-editor .codicon.codicon-symbol-namespace,
.monaco-workbench .codicon.codicon-symbol-namespace { color: var(--vscode-symbolIcon-namespaceForeground); }
.monaco-editor .codicon.codicon-symbol-null,
.monaco-workbench .codicon.codicon-symbol-null { color: var(--vscode-symbolIcon-nullForeground); }
.monaco-editor .codicon.codicon-symbol-number,
.monaco-workbench .codicon.codicon-symbol-number { color: var(--vscode-symbolIcon-numberForeground); }
.monaco-editor .codicon.codicon-symbol-object,
.monaco-workbench .codicon.codicon-symbol-object { color: var(--vscode-symbolIcon-objectForeground); }
.monaco-editor .codicon.codicon-symbol-operator,
.monaco-workbench .codicon.codicon-symbol-operator { color: var(--vscode-symbolIcon-operatorForeground); }
.monaco-editor .codicon.codicon-symbol-package,
.monaco-workbench .codicon.codicon-symbol-package { color: var(--vscode-symbolIcon-packageForeground); }
.monaco-editor .codicon.codicon-symbol-property,
.monaco-workbench .codicon.codicon-symbol-property { color: var(--vscode-symbolIcon-propertyForeground); }
.monaco-editor .codicon.codicon-symbol-reference,
.monaco-workbench .codicon.codicon-symbol-reference { color: var(--vscode-symbolIcon-referenceForeground); }
.monaco-editor .codicon.codicon-symbol-snippet,
.monaco-workbench .codicon.codicon-symbol-snippet { color: var(--vscode-symbolIcon-snippetForeground); }
.monaco-editor .codicon.codicon-symbol-string,
.monaco-workbench .codicon.codicon-symbol-string { color: var(--vscode-symbolIcon-stringForeground); }
.monaco-editor .codicon.codicon-symbol-struct,
.monaco-workbench .codicon.codicon-symbol-struct { color: var(--vscode-symbolIcon-structForeground); }
.monaco-editor .codicon.codicon-symbol-text,
.monaco-workbench .codicon.codicon-symbol-text { color: var(--vscode-symbolIcon-textForeground); }
.monaco-editor .codicon.codicon-symbol-type-parameter,
.monaco-workbench .codicon.codicon-symbol-type-parameter { color: var(--vscode-symbolIcon-typeParameterForeground); }
.monaco-editor .codicon.codicon-symbol-unit,
.monaco-workbench .codicon.codicon-symbol-unit { color: var(--vscode-symbolIcon-unitForeground); }
.monaco-editor .codicon.codicon-symbol-variable,
.monaco-workbench .codicon.codicon-symbol-variable { color: var(--vscode-symbolIcon-variableForeground); }
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .lightBulbWidget {
	display: flex;
	align-items: center;
	justify-content: center;
}

.monaco-editor .lightBulbWidget:hover{
	cursor: pointer;
}

.monaco-editor .lightBulbWidget.codicon-light-bulb,
.monaco-editor .lightBulbWidget.codicon-lightbulb-sparkle {
	color: var(--vscode-editorLightBulb-foreground);
}

.monaco-editor .lightBulbWidget.codicon-lightbulb-autofix,
.monaco-editor .lightBulbWidget.codicon-lightbulb-sparkle-autofix {
	color: var(--vscode-editorLightBulbAutoFix-foreground, var(--vscode-editorLightBulb-foreground));
}

.monaco-editor .lightBulbWidget.codicon-sparkle-filled {
	color: var(--vscode-editorLightBulbAi-foreground, var(--vscode-icon-foreground));
}

.monaco-editor .lightBulbWidget:before {
	position: relative;
	z-index: 2;
}

.monaco-editor .lightBulbWidget:after {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0.3;
	z-index: 1;
}

/* gutter decoration */
.monaco-editor .glyph-margin-widgets .cgmr[class*="codicon-gutter-lightbulb"] {
	display: block;
	cursor: pointer;
}

.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb,
.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb-sparkle {
	color: var(--vscode-editorLightBulb-foreground);
}

.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb-auto-fix,
.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb-aifix-auto-fix {
	color: var(--vscode-editorLightBulbAutoFix-foreground, var(--vscode-editorLightBulb-foreground));
}

.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb-sparkle-filled {
	color: var(--vscode-editorLightBulbAi-foreground, var(--vscode-icon-foreground));
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .codelens-decoration {
	overflow: hidden;
	display: inline-flex !important; /* !important to override inline display:block style */
	align-items: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: var(--vscode-editorCodeLens-foreground);
	line-height: var(--vscode-editorCodeLens-lineHeight);
	font-size: var(--vscode-editorCodeLens-fontSize);
	padding-right: calc(var(--vscode-editorCodeLens-fontSize)*0.5);
	font-feature-settings: var(--vscode-editorCodeLens-fontFeatureSettings);
	font-family: var(--vscode-editorCodeLens-fontFamily), var(--vscode-editorCodeLens-fontFamilyDefault);
}

.monaco-editor .codelens-decoration > span,
.monaco-editor .codelens-decoration > a {
	-moz-user-select: none;
	     user-select: none;
	-webkit-user-select: none;
	white-space: nowrap;
	vertical-align: sub;
	display: inline-flex;
	align-items: center;
}

.monaco-editor .codelens-decoration > a {
	text-decoration: none;
}

.monaco-editor .codelens-decoration > a:hover {
	cursor: pointer;
	color: var(--vscode-editorLink-activeForeground) !important;
}

.monaco-editor .codelens-decoration > a:hover .codicon {
	color: var(--vscode-editorLink-activeForeground) !important;
}

.monaco-editor .codelens-decoration .codicon[class*='codicon-'] {
	vertical-align: middle;
	color: currentColor !important;
	color: var(--vscode-editorCodeLens-foreground);
	line-height: var(--vscode-editorCodeLens-lineHeight);
	font-size: var(--vscode-editorCodeLens-fontSize);
}


.monaco-editor .codelens-decoration > a:hover .codicon::before {
	cursor: pointer;
}

@keyframes fadein {
	0% { opacity: 0;}
	100% { opacity: 1;}
}

.monaco-editor .codelens-decoration.fadein {
	animation: fadein 0.1s linear;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .inlineSuggestionsHints {
	padding: 4px;

	.warningMessage p {
		margin: 0;
	}
}

.monaco-editor .inlineSuggestionsHints.withBorder {
	z-index: 39;
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-editorHoverWidget-border);
}

.monaco-editor .inlineSuggestionsHints a {
	color: var(--vscode-foreground) !important;
}

.monaco-editor .inlineSuggestionsHints a:hover {
	color: var(--vscode-foreground) !important;
}

.monaco-editor .inlineSuggestionsHints .keybinding {
	display: flex;
	margin-left: 4px;
	opacity: 0.6;
}

.monaco-editor .inlineSuggestionsHints .keybinding .monaco-keybinding-key {
	font-size: 8px;
	padding: 2px 3px;
}

.monaco-editor .inlineSuggestionsHints .availableSuggestionCount a {
	display: flex;
	min-width: 19px;
	justify-content: center;
}

.monaco-editor .inlineSuggestionStatusBarItemLabel {
	margin-right: 2px;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-hover {
	cursor: default;
	position: absolute;
	overflow: hidden;
	-moz-user-select: text;
	     user-select: text;
	-webkit-user-select: text;
	box-sizing: border-box;
	line-height: 1.5em;
	white-space: var(--vscode-hover-whiteSpace, normal);
}

.monaco-hover.fade-in {
	animation: fadein 100ms linear;
}

.monaco-hover.hidden {
	display: none;
}

.monaco-hover a:hover:not(.disabled) {
	cursor: pointer;
}

.monaco-hover .hover-contents:not(.html-hover-contents) {
	padding: 4px 8px;
}

.monaco-hover .markdown-hover > .hover-contents:not(.code-hover-contents) {
	max-width: var(--vscode-hover-maxWidth, 500px);
	word-wrap: break-word;
}

.monaco-hover .markdown-hover > .hover-contents:not(.code-hover-contents) hr {
	min-width: 100%;
}

.monaco-hover p,
.monaco-hover .code,
.monaco-hover ul,
.monaco-hover h1,
.monaco-hover h2,
.monaco-hover h3,
.monaco-hover h4,
.monaco-hover h5,
.monaco-hover h6 {
	margin: 8px 0;
}

.monaco-hover h1,
.monaco-hover h2,
.monaco-hover h3,
.monaco-hover h4,
.monaco-hover h5,
.monaco-hover h6 {
	line-height: 1.1;
}

.monaco-hover code {
	font-family: var(--monaco-monospace-font);
}

.monaco-hover hr {
	box-sizing: border-box;
	border-left: 0px;
	border-right: 0px;
	margin-top: 4px;
	margin-bottom: -4px;
	margin-left: -8px;
	margin-right: -8px;
	height: 1px;
}

.monaco-hover p:first-child,
.monaco-hover .code:first-child,
.monaco-hover ul:first-child {
	margin-top: 0;
}

.monaco-hover p:last-child,
.monaco-hover .code:last-child,
.monaco-hover ul:last-child {
	margin-bottom: 0;
}

/* MarkupContent Layout */
.monaco-hover ul {
	padding-left: 20px;
}
.monaco-hover ol {
	padding-left: 20px;
}

.monaco-hover li > p {
	margin-bottom: 0;
}

.monaco-hover li > ul {
	margin-top: 0;
}

.monaco-hover code {
	border-radius: 3px;
	padding: 0 0.4em;
}

.monaco-hover .monaco-tokenized-source {
	white-space: var(--vscode-hover-sourceWhiteSpace, pre-wrap);
}

.monaco-hover .hover-row.status-bar {
	font-size: 12px;
	line-height: 22px;
}

.monaco-hover .hover-row.status-bar .info {
	font-style: italic;
	padding: 0px 8px;
}

.monaco-hover .hover-row.status-bar .actions {
	display: flex;
	padding: 0px 8px;
	width: 100%;
}

.monaco-hover .hover-row.status-bar .actions .action-container {
	margin-right: 16px;
	cursor: pointer;
	overflow: hidden;
	text-wrap: nowrap;
	text-overflow: ellipsis;
}

.monaco-hover .hover-row.status-bar .actions .action-container .action .icon {
	padding-right: 4px;
	vertical-align: middle;
}

.monaco-hover .hover-row.status-bar .actions .action-container a {
	color: var(--vscode-textLink-foreground);
	-webkit-text-decoration: var(--text-link-decoration);
	        text-decoration: var(--text-link-decoration);
}

.monaco-hover .hover-row.status-bar .actions .action-container a .icon.codicon {
	color: var(--vscode-textLink-foreground);
}

.monaco-hover .markdown-hover .hover-contents .codicon {
	color: inherit;
	font-size: inherit;
	vertical-align: middle;
}

.monaco-hover .hover-contents a.code-link:hover,
.monaco-hover .hover-contents a.code-link {
	color: inherit;
}

.monaco-hover .hover-contents a.code-link:before {
	content: '(';
}

.monaco-hover .hover-contents a.code-link:after {
	content: ')';
}

.monaco-hover .hover-contents a.code-link > span {
	text-decoration: underline;
	/** Hack to force underline to show **/
	border-bottom: 1px solid transparent;
	text-underline-position: under;
	color: var(--vscode-textLink-foreground);
}

.monaco-hover .hover-contents a.code-link > span:hover {
	color: var(--vscode-textLink-activeForeground);
}

/**
 * Spans in markdown hovers need a margin-bottom to avoid looking cramped:
 * https://github.com/microsoft/vscode/issues/101496

 * This was later refined to only apply when the last child of a rendered markdown block (before the
 * border or a `hr`) uses background color:
 * https://github.com/microsoft/vscode/issues/228136
 */
.monaco-hover .markdown-hover .hover-contents:not(.code-hover-contents):not(.html-hover-contents) p:last-child [style*="background-color"] {
	margin-bottom: 4px;
	display: inline-block;
}

/**
 * Add a slight margin to try vertically align codicons with any text
 * https://github.com/microsoft/vscode/issues/221359
 */
.monaco-hover .markdown-hover .hover-contents:not(.code-hover-contents):not(.html-hover-contents) span.codicon {
	margin-bottom: 2px;
}

.monaco-hover-content .action-container a {
	-webkit-user-select: none;
	-moz-user-select: none;
	     user-select: none;
}

.monaco-hover-content .action-container.disabled {
	pointer-events: none;
	opacity: 0.4;
	cursor: default;
}

/* Prevent text selection in all button-like elements within hovers */
.monaco-hover .action-container,
.monaco-hover .action,
.monaco-hover button,
.monaco-hover .monaco-button,
.monaco-hover .monaco-text-button,
.monaco-hover [role="button"] {
	-webkit-user-select: none;
	-moz-user-select: none;
	     user-select: none;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-custom-toggle {
	margin-left: 2px;
	float: left;
	cursor: pointer;
	overflow: hidden;
	width: 20px;
	height: 20px;
	border-radius: 3px;
	border: 1px solid transparent;
	padding: 1px;
	box-sizing:	border-box;
	-moz-user-select: none;
	     user-select: none;
	-webkit-user-select: none;
}

.monaco-custom-toggle:hover {
	background-color: var(--vscode-inputOption-hoverBackground);
}

.hc-black .monaco-custom-toggle:hover,
.hc-light .monaco-custom-toggle:hover {
	border: 1px dashed var(--vscode-focusBorder);
}

.hc-black .monaco-custom-toggle,
.hc-light .monaco-custom-toggle {
	background: none;
}

.hc-black .monaco-custom-toggle:hover,
.hc-light .monaco-custom-toggle:hover {
	background: none;
}

.monaco-custom-toggle.monaco-checkbox {
	height: 18px;
	width: 18px;
	border: 1px solid transparent;
	border-radius: 3px;
	margin-right: 9px;
	margin-left: 0px;
	padding: 0px;
	opacity: 1;
	background-size: 16px !important;
}

.monaco-action-bar .checkbox-action-item {
	display: flex;
	align-items: center;
	border-radius: 2px;
	padding-right: 2px;
}

.monaco-action-bar .checkbox-action-item:hover {
	background-color: var(--vscode-toolbar-hoverBackground);
}

.monaco-action-bar .checkbox-action-item > .monaco-custom-toggle.monaco-checkbox {
	margin-right: 4px;
}

.monaco-action-bar .checkbox-action-item > .checkbox-label {
	font-size: 12px;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* Find widget */
.monaco-editor .find-widget {
	position: absolute;
	z-index: 35;
	height: 33px;
	overflow: hidden;
	line-height: 19px;
	transition: transform 200ms linear;
	padding: 0 4px;
	box-sizing: border-box;
	transform: translateY(calc(-100% - 10px)); /* shadow (10px) */
	box-shadow: 0 0 8px 2px var(--vscode-widget-shadow);
	color: var(--vscode-editorWidget-foreground);
	border-left: 1px solid var(--vscode-widget-border);
	border-right: 1px solid var(--vscode-widget-border);
	border-bottom: 1px solid var(--vscode-widget-border);
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	background-color: var(--vscode-editorWidget-background);
}

.monaco-reduce-motion .monaco-editor .find-widget {
	transition: transform 0ms linear;
}

.monaco-editor .find-widget textarea {
	margin: 0px;
}

.monaco-editor .find-widget.hiddenEditor {
	display: none;
}

/* Find widget when replace is toggled on */
.monaco-editor .find-widget.replaceToggled > .replace-part {
	display: flex;
}

.monaco-editor .find-widget.visible {
	transform: translateY(0);
}

/* This outline-color rule is used to override the outline color for synthetic-focus find input. */
.monaco-editor .find-widget .monaco-inputbox.synthetic-focus {
	outline: 1px solid -webkit-focus-ring-color;
	outline-offset: -1px;
	outline-color: var(--vscode-focusBorder);
}

.monaco-editor .find-widget .monaco-inputbox .input {
	background-color: transparent;
	min-height: 0;
}

.monaco-editor .find-widget .monaco-findInput .input {
	font-size: 13px;
}

.monaco-editor .find-widget > .find-part,
.monaco-editor .find-widget > .replace-part {
	margin: 3px 25px 0 17px;
	font-size: 12px;
	display: flex;
}

.monaco-editor .find-widget > .find-part .monaco-inputbox,
.monaco-editor .find-widget > .replace-part .monaco-inputbox {
	min-height: 25px;
}


.monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .mirror {
	padding-right: 22px;
}

.monaco-editor .find-widget > .find-part .monaco-inputbox > .ibwrapper > .input,
.monaco-editor .find-widget > .find-part .monaco-inputbox > .ibwrapper > .mirror,
.monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .input,
.monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .mirror {
	padding-top: 2px;
	padding-bottom: 2px;
}

.monaco-editor .find-widget > .find-part .find-actions {
	height: 25px;
	display: flex;
	align-items: center;
}

.monaco-editor .find-widget > .replace-part .replace-actions {
	height: 25px;
	display: flex;
	align-items: center;
}

.monaco-editor .find-widget .monaco-findInput {
	vertical-align: middle;
	display: flex;
	flex: 1;
}

.monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element {
	/* Make sure textarea inherits the width correctly */
	width: 100%;
}

.monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element .scrollbar.vertical {
	/* Hide vertical scrollbar */
	opacity: 0;
}

.monaco-editor .find-widget .matchesCount {
	display: flex;
	flex: initial;
	margin: 0 0 0 3px;
	padding: 2px 0 0 2px;
	height: 25px;
	vertical-align: middle;
	box-sizing: border-box;
	text-align: center;
	line-height: 23px;
}

.monaco-editor .find-widget .button {
	width: 16px;
	height: 16px;
	padding: 3px;
	border-radius: 5px;
	display: flex;
	flex: initial;
	margin-left: 3px;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* find in selection button */
.monaco-editor .find-widget .codicon-find-selection {
	width: 22px;
	height: 22px;
	padding: 3px;
	border-radius: 5px;
}

.monaco-editor .find-widget .button.left {
	margin-left: 0;
	margin-right: 3px;
}

.monaco-editor .find-widget .button.wide {
	width: auto;
	padding: 1px 6px;
	top: -1px;
}

.monaco-editor .find-widget .button.toggle {
	position: absolute;
	top: 0;
	left: 3px;
	width: 18px;
	height: 100%;
	border-radius: 0;
	box-sizing: border-box;
}

.monaco-editor .find-widget .button.toggle.disabled {
	display: none;
}

.monaco-editor .find-widget .disabled {
	color: var(--vscode-disabledForeground);
	cursor: default;
}

.monaco-editor .find-widget > .replace-part {
	display: none;
}

.monaco-editor .find-widget > .replace-part > .monaco-findInput {
	position: relative;
	display: flex;
	vertical-align: middle;
	flex: auto;
	flex-grow: 0;
	flex-shrink: 0;
}

.monaco-editor .find-widget > .replace-part > .monaco-findInput > .controls {
	position: absolute;
	top: 3px;
	right: 2px;
}

/* REDUCED */
.monaco-editor .find-widget.reduced-find-widget .matchesCount {
	display: none;
}

/* NARROW (SMALLER THAN REDUCED) */
.monaco-editor .find-widget.narrow-find-widget {
	max-width: 257px !important;
}

/* COLLAPSED (SMALLER THAN NARROW) */
.monaco-editor .find-widget.collapsed-find-widget {
	max-width: 170px !important;
}

.monaco-editor .find-widget.collapsed-find-widget .button.previous,
.monaco-editor .find-widget.collapsed-find-widget .button.next,
.monaco-editor .find-widget.collapsed-find-widget .button.replace,
.monaco-editor .find-widget.collapsed-find-widget .button.replace-all,
.monaco-editor .find-widget.collapsed-find-widget > .find-part .monaco-findInput .controls {
	display: none;
}

.monaco-editor .find-widget.no-results .matchesCount {
	color: var(--vscode-errorForeground);
}

.monaco-editor .findMatch {
	animation-duration: 0;
	animation-name: inherit !important;
	background-color: var(--vscode-editor-findMatchHighlightBackground);
}

.monaco-editor .currentFindMatch {
	background-color: var(--vscode-editor-findMatchBackground);
	border: 2px solid var(--vscode-editor-findMatchBorder);
	padding: 1px;
	box-sizing: border-box;
}

.monaco-editor .findScope {
	background-color: var(--vscode-editor-findRangeHighlightBackground);
}

.monaco-editor .find-widget .monaco-sash {
	left: 0 !important;
	background-color: var(--vscode-editorWidget-resizeBorder, var(--vscode-editorWidget-border));
}

.monaco-editor.hc-black .find-widget .button:before {
	position: relative;
	top: 1px;
	left: 2px;
}

/* Action bars */
.monaco-editor .find-widget .button:not(.disabled):hover,
.monaco-editor .find-widget .codicon-find-selection:hover {
	background-color: var(--vscode-toolbar-hoverBackground) !important;
}

.monaco-editor.findMatch {
	background-color: var(--vscode-editor-findMatchHighlightBackground);
}

.monaco-editor.currentFindMatch {
	background-color: var(--vscode-editor-findMatchBackground);
}

.monaco-editor.findScope {
	background-color: var(--vscode-editor-findRangeHighlightBackground);
}

.monaco-editor.findMatch {
	background-color: var(--vscode-editorWidget-background);
}

/* Close button position. */
.monaco-editor .find-widget > .button.codicon-widget-close {
	position: absolute;
	top: 5px;
	right: 4px;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-inputbox {
	position: relative;
	display: block;
	padding: 0;
	box-sizing:	border-box;
	border-radius: 2px;

	/* Customizable */
	font-size: inherit;
}

.monaco-inputbox > .ibwrapper > .input,
.monaco-inputbox > .ibwrapper > .mirror {

	/* Customizable */
	padding: 4px 6px;
}

.monaco-inputbox > .ibwrapper {
	position: relative;
	width: 100%;
}

.monaco-inputbox > .ibwrapper > .input {
	display: inline-block;
	box-sizing:	border-box;
	width: 100%;
	height: 100%;
	line-height: inherit;
	border: none;
	font-family: inherit;
	font-size: inherit;
	resize: none;
	color: inherit;
}

.monaco-inputbox > .ibwrapper > input {
	text-overflow: ellipsis;
}

.monaco-inputbox > .ibwrapper > textarea.input {
	display: block;
	scrollbar-width: none; /* Firefox: hide scrollbars */
	outline: none;
}

.monaco-inputbox > .ibwrapper > textarea.input::-webkit-scrollbar {
	display: none; /* Chrome + Safari: hide scrollbar */
}

.monaco-inputbox > .ibwrapper > textarea.input.empty {
	white-space: nowrap;
}

.monaco-inputbox > .ibwrapper > .mirror {
	position: absolute;
	display: inline-block;
	width: 100%;
	top: 0;
	left: 0;
	box-sizing: border-box;
	white-space: pre-wrap;
	visibility: hidden;
	word-wrap: break-word;
}

/* Context view */

.monaco-inputbox-container {
	text-align: right;
}

.monaco-inputbox-container .monaco-inputbox-message {
	display: inline-block;
	overflow: hidden;
	text-align: left;
	width: 100%;
	box-sizing:	border-box;
	padding: 0.4em;
	font-size: 12px;
	line-height: 17px;
	margin-top: -1px;
	word-wrap: break-word;
}

/* Action bar support */
.monaco-inputbox .monaco-action-bar {
	position: absolute;
	right: 2px;
	top: 4px;
}

.monaco-inputbox .monaco-action-bar .action-item {
	margin-left: 2px;
}

.monaco-inputbox .monaco-action-bar .action-item .codicon {
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
/* ---------- Find input ---------- */

.monaco-findInput {
	position: relative;
}

.monaco-findInput .monaco-inputbox {
	font-size: 13px;
	width: 100%;
}

.monaco-findInput > .controls {
	position: absolute;
	top: 3px;
	right: 2px;
}

.vs .monaco-findInput.disabled {
	background-color: #E1E1E1;
}

/* Theming */
.vs-dark .monaco-findInput.disabled {
	background-color: #333;
}

/* Highlighting */
.monaco-findInput.highlight-0 .controls,
.hc-light .monaco-findInput.highlight-0 .controls {
	animation: monaco-findInput-highlight-0 100ms linear 0s;
}

.monaco-findInput.highlight-1 .controls,
.hc-light .monaco-findInput.highlight-1 .controls {
	animation: monaco-findInput-highlight-1 100ms linear 0s;
}

.hc-black .monaco-findInput.highlight-0 .controls,
.vs-dark  .monaco-findInput.highlight-0 .controls {
	animation: monaco-findInput-highlight-dark-0 100ms linear 0s;
}

.hc-black .monaco-findInput.highlight-1 .controls,
.vs-dark  .monaco-findInput.highlight-1 .controls {
	animation: monaco-findInput-highlight-dark-1 100ms linear 0s;
}

@keyframes monaco-findInput-highlight-0 {
	0% { background: rgba(253, 255, 0, 0.8); }
	100% { background: transparent; }
}
@keyframes monaco-findInput-highlight-1 {
	0% { background: rgba(253, 255, 0, 0.8); }
	/* Made intentionally different such that the CSS minifier does not collapse the two animations into a single one*/
	99% { background: transparent; }
}

@keyframes monaco-findInput-highlight-dark-0 {
	0% { background: rgba(255, 255, 255, 0.44); }
	100% { background: transparent; }
}
@keyframes monaco-findInput-highlight-dark-1 {
	0% { background: rgba(255, 255, 255, 0.44); }
	/* Made intentionally different such that the CSS minifier does not collapse the two animations into a single one*/
	99% { background: transparent; }
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.colorpicker-widget {
	height: 190px;
	-moz-user-select: none;
	     user-select: none;
	-webkit-user-select: none;
}

/* Decoration */

.colorpicker-color-decoration,
.hc-light .colorpicker-color-decoration {
	border: solid 0.1em #000;
	box-sizing: border-box;
	margin: 0.1em 0.2em 0 0.2em;
	width: 0.8em;
	height: 0.8em;
	line-height: 0.8em;
	display: inline-block;
	cursor: pointer;
}

.hc-black .colorpicker-color-decoration,
.vs-dark .colorpicker-color-decoration {
	border: solid 0.1em #eee;
}

/* Header */

.colorpicker-header {
	display: flex;
	height: 24px;
	position: relative;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAAHUlEQVQYV2PYvXu3JAi7uLiAMaYAjAGTQBPYLQkAa/0Zef3qRswAAAAASUVORK5CYII=");
	background-size: 9px 9px;
	image-rendering: pixelated;
}

.colorpicker-header .picked-color {
	width: 240px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 24px;
	cursor: pointer;
	color: white;
	flex: 1;
	white-space: nowrap;
	overflow: hidden;
}

.colorpicker-header .picked-color .picked-color-presentation {
	white-space: nowrap;
	margin-left: 5px;
	margin-right: 5px;
}

.colorpicker-header .picked-color .codicon {
	color: inherit;
	font-size: 14px;
}

.colorpicker-header .picked-color.light {
	color: black;
}

.colorpicker-header .original-color {
	width: 74px;
	z-index: inherit;
	cursor: pointer;
}

.standalone-colorpicker {
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-editorHoverWidget-border);
}

.colorpicker-header.standalone-colorpicker {
	border-bottom: none;
}

.colorpicker-header .close-button {
	cursor: pointer;
	background-color: var(--vscode-editorHoverWidget-background);
	border-left: 1px solid var(--vscode-editorHoverWidget-border);
}

.colorpicker-header .close-button-inner-div {
	width: 100%;
	height: 100%;
	text-align: center;
}

.colorpicker-header .close-button-inner-div:hover {
	background-color: var(--vscode-toolbar-hoverBackground);
}

.colorpicker-header .close-icon {
	padding: 3px;
}

/* Body */

.colorpicker-body {
	display: flex;
	padding: 8px;
	position: relative;
}

.colorpicker-body .saturation-wrap {
	overflow: hidden;
	height: 150px;
	position: relative;
	min-width: 220px;
	flex: 1;
}

.colorpicker-body .saturation-box {
	height: 150px;
	position: absolute;
}

.colorpicker-body .saturation-selection {
	width: 9px;
	height: 9px;
	margin: -5px 0 0 -5px;
	border: 1px solid rgb(255, 255, 255);
	border-radius: 100%;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
	position: absolute;
}

.colorpicker-body .strip {
	width: 25px;
	height: 150px;
}

.colorpicker-body .standalone-strip {
	width: 25px;
	height: 122px;
}

.colorpicker-body .hue-strip {
	position: relative;
	margin-left: 8px;
	cursor: grab;
	background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

.colorpicker-body .opacity-strip {
	position: relative;
	margin-left: 8px;
	cursor: grab;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAAHUlEQVQYV2PYvXu3JAi7uLiAMaYAjAGTQBPYLQkAa/0Zef3qRswAAAAASUVORK5CYII=");
	background-size: 9px 9px;
	image-rendering: pixelated;
}

.colorpicker-body .strip.grabbing {
	cursor: grabbing;
}

.colorpicker-body .slider {
	position: absolute;
	top: 0;
	left: -2px;
	width: calc(100% + 4px);
	height: 4px;
	box-sizing: border-box;
	border: 1px solid rgba(255, 255, 255, 0.71);
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.85);
}

.colorpicker-body .strip .overlay {
	height: 150px;
	pointer-events: none;
}

.colorpicker-body .standalone-strip .standalone-overlay {
	height: 122px;
	pointer-events: none;
}

.standalone-colorpicker-body {
	display: block;
	border: 1px solid transparent;
	border-bottom: 1px solid var(--vscode-editorHoverWidget-border);
	overflow: hidden;
}

.colorpicker-body .insert-button {
	position: absolute;
	height: 20px;
	width: 58px;
	padding: 0px;
	right: 8px;
	bottom: 8px;
	background: var(--vscode-button-background);
	color: var(--vscode-button-foreground);
	border-radius: 2px;
	border: none;
	cursor: pointer;
}

.colorpicker-body .insert-button:hover{
	background: var(--vscode-button-hoverBackground);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .peekview-widget .head {
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}

.monaco-editor .peekview-widget .head .peekview-title {
	display: flex;
	align-items: baseline;
	font-size: 13px;
	margin-left: 20px;
	min-width: 0;
	text-overflow: ellipsis;
	overflow: hidden;
}

.monaco-editor .peekview-widget .head .peekview-title.clickable {
	cursor: pointer;
}

.monaco-editor .peekview-widget .head .peekview-title .dirname:not(:empty) {
	font-size: 0.9em;
	margin-left: 0.5em;
}

.monaco-editor .peekview-widget .head .peekview-title .meta {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.monaco-editor .peekview-widget .head .peekview-title .dirname {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.monaco-editor .peekview-widget .head .peekview-title .filename {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.monaco-editor .peekview-widget .head .peekview-title .meta:not(:empty)::before {
	content: '-';
	padding: 0 0.3em;
}

.monaco-editor .peekview-widget .head .peekview-actions {
	flex: 1;
	text-align: right;
	padding-right: 2px;
}

.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar {
	display: inline-block;
}

.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar,
.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar > .actions-container {
	height: 100%;
}

.monaco-editor .peekview-widget > .body {
	border-top: 1px solid;
	position: relative;
}

.monaco-editor .peekview-widget .head .peekview-title .codicon {
	margin-right: 4px;
	align-self: center;
}

.monaco-editor .peekview-widget .monaco-list .monaco-list-row.focused .codicon {
	color: inherit !important;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .zone-widget {
	position: absolute;
	z-index: 10;
}


.monaco-editor .zone-widget .zone-widget-container {
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-width: 0;
	border-bottom-width: 0;
	position: relative;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-split-view2 {
	position: relative;
	width: 100%;
	height: 100%;
}

.monaco-split-view2 > .sash-container {
	position: absolute;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.monaco-split-view2 > .sash-container > .monaco-sash {
	pointer-events: initial;
}

.monaco-split-view2 > .monaco-scrollable-element {
	width: 100%;
	height: 100%;
}

.monaco-split-view2 > .monaco-scrollable-element > .split-view-container {
	width: 100%;
	height: 100%;
	white-space: nowrap;
	position: relative;
}

.monaco-split-view2 > .monaco-scrollable-element > .split-view-container > .split-view-view {
	white-space: initial;
	position: absolute;
}

.monaco-split-view2 > .monaco-scrollable-element > .split-view-container > .split-view-view:not(.visible) {
	display: none;
}

.monaco-split-view2.vertical > .monaco-scrollable-element > .split-view-container > .split-view-view {
	width: 100%;
}

.monaco-split-view2.horizontal > .monaco-scrollable-element > .split-view-container > .split-view-view {
	height: 100%;
}

.monaco-split-view2.separator-border > .monaco-scrollable-element > .split-view-container > .split-view-view:not(:first-child)::before {
	content: ' ';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	pointer-events: none;
	background-color: var(--separator-border);
}

.monaco-split-view2.separator-border.horizontal > .monaco-scrollable-element > .split-view-container > .split-view-view:not(:first-child)::before {
	height: 100%;
	width: 1px;
}

.monaco-split-view2.separator-border.vertical > .monaco-scrollable-element > .split-view-container > .split-view-view:not(:first-child)::before {
	height: 1px;
	width: 100%;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-table {
	display: flex;
	flex-direction: column;
	position: relative;
	height: 100%;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.monaco-table > .monaco-split-view2 {
	border-bottom: 1px solid transparent;
}

.monaco-table > .monaco-list {
	flex: 1;
}

.monaco-table-tr {
	display: flex;
	height: 100%;
}

.monaco-table-th {
	width: 100%;
	height: 100%;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
}

.monaco-table-th,
.monaco-table-td {
	box-sizing: border-box;
	flex-shrink: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.monaco-table > .monaco-split-view2 .monaco-sash.vertical::before {
	content: "";
	position: absolute;
	left: calc(var(--vscode-sash-size) / 2);
	width: 0;
	border-left: 1px solid transparent;
}

.monaco-enable-motion .monaco-table > .monaco-split-view2,
.monaco-enable-motion .monaco-table > .monaco-split-view2 .monaco-sash.vertical::before {
	transition: border-color 0.2s ease-out;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-tl-row {
	display: flex;
	height: 100%;
	align-items: center;
	position: relative;
}

.monaco-tl-row.disabled {
	cursor: default;
}
.monaco-tl-indent {
	height: 100%;
	position: absolute;
	top: 0;
	left: 16px;
	pointer-events: none;
}

.hide-arrows .monaco-tl-indent {
	left: 12px;
}

.monaco-tl-indent > .indent-guide {
	display: inline-block;
	box-sizing: border-box;
	height: 100%;
	border-left: 1px solid transparent;
	opacity: 0;
}

.monaco-enable-motion .monaco-tl-indent > .indent-guide {
	transition: opacity 0.1s linear;
}

.monaco-tl-twistie,
.monaco-tl-contents {
	height: 100%;
}

.monaco-tl-twistie {
	font-size: 10px;
	text-align: right;
	padding-right: 6px;
	flex-shrink: 0;
	width: 16px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	transform: translateX(3px);
}

.monaco-tl-contents {
	flex: 1;
	overflow: hidden;
}

.monaco-tl-twistie::before {
	border-radius: 20px;
}

.monaco-tl-twistie.collapsed::before {
	transform: rotate(-90deg);
}

.monaco-tl-twistie.codicon-tree-item-loading::before {
	/* Use steps to throttle FPS to reduce CPU usage */
	animation: codicon-spin 1.25s steps(30) infinite;
}

.monaco-tree-type-filter {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	padding: 3px;
	max-width: 200px;
	z-index: 100;
	margin: 0 10px 0 6px;
	border: 1px solid var(--vscode-widget-border);
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.monaco-enable-motion .monaco-tree-type-filter {
	transition: top 0.3s;
}

.monaco-tree-type-filter.disabled {
	top: -40px !important;
}

.monaco-tree-type-filter-input {
	flex: 1;
}

.monaco-tree-type-filter-input .monaco-inputbox {
	height: 23px;
}

.monaco-tree-type-filter-input .monaco-inputbox > .ibwrapper > .input,
.monaco-tree-type-filter-input .monaco-inputbox > .ibwrapper > .mirror {
	padding: 2px 4px;
}

.monaco-tree-type-filter-input .monaco-findInput > .controls {
	top: 2px;
}

.monaco-tree-type-filter-actionbar {
	margin-left: 4px;
}

.monaco-tree-type-filter-actionbar .monaco-action-bar .action-label {
	padding: 2px;
}

.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	z-index: 13; /* Settings editor uses z-index: 12 */

	/* Backup color in case the tree does not provide the background color */
	background-color: var(--vscode-sideBar-background);
}

.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container .monaco-tree-sticky-row.monaco-list-row{
	position: absolute;
	width: 100%;
	opacity: 1 !important; /* Settings editor uses opacity < 1 */
	overflow: hidden;

	/* Backup color in case the tree does not provide the background color */
	background-color: var(--vscode-sideBar-background);
}

.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container .monaco-tree-sticky-row:hover{
	background-color: var(--vscode-list-hoverBackground) !important;
	cursor: pointer;
}

.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container.empty,
.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container.empty .monaco-tree-sticky-container-shadow {
	display: none;
}

.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container .monaco-tree-sticky-container-shadow {
	position: absolute;
	bottom: -3px;
	left: 0px;
	height: 0px; /* heigt is 3px and only set when there is a treeStickyScrollShadow color */
	width: 100%;
}

.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container[tabindex="0"]:focus{
	outline: none;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* -- zone widget */
.monaco-editor .zone-widget .zone-widget-container.reference-zone-widget {
	border-top-width: 1px;
	border-bottom-width: 1px;
}

.monaco-editor .reference-zone-widget .inline {
	display: inline-block;
	vertical-align: top;
}

.monaco-editor .reference-zone-widget .messages {
	height: 100%;
	width: 100%;
	text-align: center;
	padding: 3em 0;
}

.monaco-editor .reference-zone-widget .ref-tree {
	line-height: 23px;
	background-color: var(--vscode-peekViewResult-background);
	color: var(--vscode-peekViewResult-lineForeground);
}

.monaco-editor .reference-zone-widget .ref-tree .reference {
	text-overflow: ellipsis;
	overflow: hidden;
}

.monaco-editor .reference-zone-widget .ref-tree .reference-file {
	display: inline-flex;
	width: 100%;
	height: 100%;
	color: var(--vscode-peekViewResult-fileForeground);
}

.monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .selected .reference-file {
	color: inherit !important;
}

.monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .monaco-list-rows > .monaco-list-row.selected:not(.highlighted) {
	background-color: var(--vscode-peekViewResult-selectionBackground);
	color: var(--vscode-peekViewResult-selectionForeground) !important;
}

.monaco-editor .reference-zone-widget .ref-tree .reference-file .count {
	margin-right: 12px;
	margin-left: auto;
}

.monaco-editor .reference-zone-widget .ref-tree .referenceMatch .highlight {
	color: var(--vscode-peekViewResult-fileForeground) !important;
	background-color: var(--vscode-peekViewResult-matchHighlightBackground) !important;
}

.monaco-editor .reference-zone-widget .preview .reference-decoration {
	background-color: var(--vscode-peekViewEditor-matchHighlightBackground);
	border: 2px solid var(--vscode-peekViewEditor-matchHighlightBorder);
	box-sizing: border-box;
}

.monaco-editor .reference-zone-widget .preview .monaco-editor .monaco-editor-background,
.monaco-editor .reference-zone-widget .preview .monaco-editor .inputarea.ime-input {
	background-color: var(--vscode-peekViewEditor-background);
}

.monaco-editor .reference-zone-widget .preview .monaco-editor .margin {
	background-color: var(--vscode-peekViewEditorGutter-background);
}

/* High Contrast Theming */

.monaco-editor.hc-black .reference-zone-widget .ref-tree .reference-file,
.monaco-editor.hc-light .reference-zone-widget .ref-tree .reference-file {
	font-weight: bold;
}

.monaco-editor.hc-black .reference-zone-widget .ref-tree .referenceMatch .highlight,
.monaco-editor.hc-light .reference-zone-widget .ref-tree .referenceMatch .highlight {
	border: 1px dotted var(--vscode-contrastActiveBorder, transparent);
	box-sizing: border-box;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-count-badge {
	padding: 3px 5px;
	border-radius: 11px;
	font-size: 11px;
	min-width: 18px;
	min-height: 18px;
	line-height: 11px;
	font-weight: normal;
	text-align: center;
	display: inline-block;
	box-sizing: border-box;
}

.monaco-count-badge.long {
	padding: 2px 3px;
	border-radius: 2px;
	min-height: auto;
	line-height: normal;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* ---------- Icon label ---------- */

.monaco-icon-label {
	display: flex; /* required for icons support :before rule */
	overflow: hidden;
	text-overflow: ellipsis;
}

.monaco-icon-label::before {

	/* svg icons rendered as background image */
	background-size: 16px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-right: 6px;
	width: 16px;
	height: 22px;
	line-height: inherit !important;
	display: inline-block;

	/* fonts icons */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	vertical-align: top;

	flex-shrink: 0; /* fix for https://github.com/microsoft/vscode/issues/13787 */
}

.monaco-icon-label-iconpath {
	width: 16px;
	height: 22px;
	margin-right: 6px;
	display: flex;
}

.monaco-icon-label-container.disabled {
	color: var(--vscode-disabledForeground);
}
.monaco-icon-label > .monaco-icon-label-container {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	flex: 1;
}

.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-name-container > .label-name {
	color: inherit;
	white-space: pre; /* enable to show labels that include multiple whitespaces */
}

.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-name-container > .label-name > .label-separator {
	margin: 0 2px;
	opacity: 0.5;
}

.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-suffix-container > .label-suffix {
	opacity: .7;
	white-space: pre;
}

.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
	opacity: .7;
	margin-left: 0.5em;
	font-size: 0.9em;
	white-space: pre; /* enable to show labels that include multiple whitespaces */
}

.monaco-icon-label.nowrap > .monaco-icon-label-container > .monaco-icon-description-container > .label-description{
	white-space: nowrap
}

.vs .monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
	opacity: .95;
}

.monaco-icon-label.bold > .monaco-icon-label-container > .monaco-icon-name-container > .label-name,
.monaco-icon-label.bold > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
	font-weight: bold;
}

.monaco-icon-label.italic > .monaco-icon-label-container > .monaco-icon-name-container > .label-name,
.monaco-icon-label.italic > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
	font-style: italic;
}

.monaco-icon-label.deprecated {
	text-decoration: line-through;
	opacity: 0.66;
}

.monaco-icon-label.strikethrough > .monaco-icon-label-container > .monaco-icon-name-container > .label-name,
.monaco-icon-label.strikethrough > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
	text-decoration: line-through;
}

.monaco-icon-label::after {
	opacity: 0.75;
	font-size: 90%;
	font-weight: 600;
	margin: auto 16px 0 5px; /* https://github.com/microsoft/vscode/issues/113223 */
	text-align: center;
}

/* make sure selection color wins when a label is being selected */
.monaco-list:focus .selected .monaco-icon-label, /* list */
.monaco-list:focus .selected .monaco-icon-label::after
{
	color: inherit !important;
}

.monaco-list-row.focused.selected .label-description,
.monaco-list-row.selected .label-description {
	opacity: .8;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* marker zone */

.monaco-editor .peekview-widget .head .peekview-title .severity-icon {
	display: inline-block;
	vertical-align: text-top;
	margin-right: 4px;
}

.monaco-editor .marker-widget {
	text-overflow: ellipsis;
	white-space: nowrap;
}

.monaco-editor .marker-widget > .stale {
	opacity: 0.6;
	font-style: italic;
}

.monaco-editor .marker-widget .title {
	display: inline-block;
	padding-right: 5px;
}

.monaco-editor .marker-widget .descriptioncontainer {
	position: absolute;
	white-space: pre;
	-moz-user-select: text;
	     user-select: text;
	-webkit-user-select: text;
	padding: 8px 12px 0 20px;
}

.monaco-editor .marker-widget .descriptioncontainer .message {
	display: flex;
	flex-direction: column;
}

.monaco-editor .marker-widget .descriptioncontainer .message .details {
	padding-left: 6px;
}

.monaco-editor .marker-widget .descriptioncontainer .message .source,
.monaco-editor .marker-widget .descriptioncontainer .message span.code {
	opacity: 0.6;
}

.monaco-editor .marker-widget .descriptioncontainer .message a.code-link {
	opacity: 0.6;
	color: inherit;
}

.monaco-editor .marker-widget .descriptioncontainer .message a.code-link:before {
	content: '(';
}

.monaco-editor .marker-widget .descriptioncontainer .message a.code-link:after {
	content: ')';
}

.monaco-editor .marker-widget .descriptioncontainer .message a.code-link > span {
	text-decoration: underline;
	/** Hack to force underline to show **/
	border-bottom: 1px solid transparent;
	text-underline-position: under;
	color: var(--vscode-textLink-activeForeground);
}

.monaco-editor .marker-widget .descriptioncontainer .filename {
	cursor: pointer;
	color: var(--vscode-textLink-activeForeground);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .zone-widget .codicon.codicon-error,
.markers-panel .marker-icon.error, .markers-panel .marker-icon .codicon.codicon-error,
.text-search-provider-messages .providerMessage .codicon.codicon-error,
.extensions-viewlet > .extensions .codicon.codicon-error,
.extension-editor .codicon.codicon-error,
.chat-attached-context-attachment .codicon.codicon-error {
	color: var(--vscode-problemsErrorIcon-foreground);
}

.monaco-editor .zone-widget .codicon.codicon-warning,
.markers-panel .marker-icon.warning, .markers-panel .marker-icon .codicon.codicon-warning,
.text-search-provider-messages .providerMessage .codicon.codicon-warning,
.extensions-viewlet > .extensions .codicon.codicon-warning,
.extension-editor .codicon.codicon-warning,
.preferences-editor .codicon.codicon-warning {
	color: var(--vscode-problemsWarningIcon-foreground);
}

.monaco-editor .zone-widget .codicon.codicon-info,
.markers-panel .marker-icon.info, .markers-panel .marker-icon .codicon.codicon-info,
.text-search-provider-messages .providerMessage .codicon.codicon-info,
.extensions-viewlet > .extensions .codicon.codicon-info,
.extension-editor .codicon.codicon-info {
	color: var(--vscode-problemsInfoIcon-foreground);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .hoverHighlight {
	background-color: var(--vscode-editor-hoverHighlightBackground);
}

.monaco-editor .monaco-resizable-hover {
	border: 1px solid var(--vscode-editorHoverWidget-border);
	border-radius: 3px;
	box-sizing: content-box;
}

.monaco-editor .monaco-resizable-hover > .monaco-hover {
	border: none;
	border-radius: none;
}

.monaco-editor .monaco-hover {
	border: 1px solid var(--vscode-editorHoverWidget-border);
	border-radius: 3px;
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
}

.monaco-editor .monaco-hover a {
	color: var(--vscode-textLink-foreground);
}

.monaco-editor .monaco-hover a:hover {
	color: var(--vscode-textLink-activeForeground);
}

.monaco-editor .monaco-hover .hover-row {
	display: flex;
}

.monaco-editor .monaco-hover .hover-row.hover-row-with-copy {
	position: relative;
	padding-right: 20px;
}

.monaco-editor .monaco-hover .hover-row .hover-row-contents {
	min-width: 0;
	display: flex;
	flex-direction: column;
}

.monaco-editor .monaco-hover .hover-row .verbosity-actions {
	border-right: 1px solid var(--vscode-editorHoverWidget-border);
	width: 22px;
	overflow-y: clip;
}

.monaco-editor .monaco-hover .hover-row .verbosity-actions-inner {
	display: flex;
	flex-direction: column;
	padding-left: 5px;
	padding-right: 5px;
	justify-content: flex-end;
	position: relative;
}

.monaco-editor .monaco-hover .hover-row .verbosity-actions-inner .codicon {
	cursor: pointer;
	font-size: 11px;
}

.monaco-editor .monaco-hover .hover-row .verbosity-actions-inner .codicon.enabled {
	color: var(--vscode-textLink-foreground);
}

.monaco-editor .monaco-hover .hover-row .verbosity-actions-inner .codicon.disabled {
	opacity: 0.6;
}

.monaco-editor .monaco-hover .hover-row .actions {
	background-color: var(--vscode-editorHoverWidget-statusBarBackground);
}

.monaco-editor .monaco-hover code {
	background-color: var(--vscode-textCodeBlock-background);
}

.monaco-editor .monaco-hover .hover-copy-button {
	position: absolute;
	top: 4px;
	right: 4px;
	padding: 2px 4px;
	border-radius: 3px;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
}

.monaco-editor .monaco-hover .hover-row-with-copy:hover .hover-copy-button,
.monaco-editor .monaco-hover .hover-row-with-copy:focus-within .hover-copy-button {
	opacity: 1;
}

.monaco-editor .monaco-hover .hover-copy-button:hover {
	background-color: var(--vscode-toolbar-hoverBackground);
	cursor: pointer;
}

.monaco-editor .monaco-hover .hover-copy-button:focus {
	outline: 1px solid var(--vscode-focusBorder);
	outline-offset: -1px;
}

.monaco-editor .monaco-hover .hover-copy-button .codicon {
	font-size: 16px;
	color: var(--vscode-foreground);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor.vs .dnd-target,
.monaco-editor.hc-light .dnd-target {
	border-right: 2px dotted black;
	color: white; /* opposite of black */
}
.monaco-editor.vs-dark .dnd-target {
	border-right: 2px dotted #AEAFAD;
	color: #51504f; /* opposite of #AEAFAD */
}
.monaco-editor.hc-black .dnd-target {
	border-right: 2px dotted #fff;
	color: #000; /* opposite of #fff */
}

.monaco-editor.mouse-default .view-lines,
.monaco-editor.vs-dark.mac.mouse-default .view-lines,
.monaco-editor.hc-black.mac.mouse-default .view-lines,
.monaco-editor.hc-light.mac.mouse-default .view-lines {
	cursor: default;
}
.monaco-editor.mouse-copy .view-lines,
.monaco-editor.vs-dark.mac.mouse-copy .view-lines,
.monaco-editor.hc-black.mac.mouse-copy .view-lines,
.monaco-editor.hc-light.mac.mouse-copy .view-lines {
	cursor: copy;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .findOptionsWidget {
	background-color: var(--vscode-editorWidget-background);
	color: var(--vscode-editorWidget-foreground);
	box-shadow: 0 0 8px 2px var(--vscode-widget-shadow);
	border: 2px solid var(--vscode-contrastBorder);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .margin-view-overlays .codicon-folding-manual-collapsed,
.monaco-editor .margin-view-overlays .codicon-folding-manual-expanded,
.monaco-editor .margin-view-overlays .codicon-folding-expanded,
.monaco-editor .margin-view-overlays .codicon-folding-collapsed {
	cursor: pointer;
	opacity: 0;
	transition: opacity 0.5s;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 140%;
	margin-left: 2px;
}

.monaco-reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-manual-collapsed,
.monaco-reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-manual-expanded,
.monaco-reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-expanded,
.monaco-reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-collapsed {
	transition: initial;
}

.monaco-editor .margin-view-overlays:hover .codicon,
.monaco-editor .margin-view-overlays .codicon.codicon-folding-collapsed,
.monaco-editor .margin-view-overlays .codicon.codicon-folding-manual-collapsed,
.monaco-editor .margin-view-overlays .codicon.alwaysShowFoldIcons {
	opacity: 1;
}

.monaco-editor .inline-folded:after {
	color: var(--vscode-editor-foldPlaceholderForeground);
	margin: 0.1em 0.2em 0 0.2em;
	content: "\22EF"; /* ellipses unicode character */
	display: inline;
	line-height: 1em;
	cursor: pointer;
}

.monaco-editor .folded-background {
	background-color: var(--vscode-editor-foldBackground);
}

.monaco-editor .cldr.codicon.codicon-folding-expanded,
.monaco-editor .cldr.codicon.codicon-folding-collapsed,
.monaco-editor .cldr.codicon.codicon-folding-manual-expanded,
.monaco-editor .cldr.codicon.codicon-folding-manual-collapsed {
	color: var(--vscode-editorGutter-foldingControlForeground) !important;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .snippet-placeholder {
	min-width: 2px;
	outline-style: solid;
	outline-width: 1px;
	background-color: var(--vscode-editor-snippetTabstopHighlightBackground, transparent);
	outline-color: var(--vscode-editor-snippetTabstopHighlightBorder, transparent);
}

.monaco-editor .finish-snippet-placeholder {
	outline-style: solid;
	outline-width: 1px;
	background-color: var(--vscode-editor-snippetFinalTabstopHighlightBackground, transparent);
	outline-color: var(--vscode-editor-snippetFinalTabstopHighlightBorder, transparent);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* Suggest widget*/

.monaco-editor .suggest-widget {
	width: 430px;
	z-index: 40;
	display: flex;
	flex-direction: column;
	border-radius: 3px;
}

.monaco-editor .suggest-widget.message {
	flex-direction: row;
	align-items: center;
}

.monaco-editor .suggest-widget,
.monaco-editor .suggest-details {
	flex: 0 1 auto;
	width: 100%;
	border-style: solid;
	border-width: 1px;
	border-color: var(--vscode-editorSuggestWidget-border);
	background-color: var(--vscode-editorSuggestWidget-background);
}

.monaco-editor.hc-black .suggest-widget,
.monaco-editor.hc-black .suggest-details,
.monaco-editor.hc-light .suggest-widget,
.monaco-editor.hc-light .suggest-details {
	border-width: 2px;
}

/* Styles for status bar part */


.monaco-editor .suggest-widget .suggest-status-bar {
	box-sizing: border-box;
	display: none;
	flex-flow: row nowrap;
	justify-content: space-between;
	width: 100%;
	font-size: 80%;
	padding: 0 4px 0 4px;
	border-top: 1px solid var(--vscode-editorSuggestWidget-border);
	overflow: hidden;
}

.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar {
	display: flex;
}

.monaco-editor .suggest-widget .suggest-status-bar .left {
	padding-right: 8px;
}

.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-label {
	color: var(--vscode-editorSuggestWidgetStatus-foreground);
}

.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-item:not(:last-of-type) .action-label {
	margin-right: 0;
}

.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-item:not(:last-of-type) .action-label::after {
	content: ', ';
	margin-right: 0.3em;
}

.monaco-editor .suggest-widget.with-status-bar .monaco-list .monaco-list-row > .contents > .main > .right > .readMore,
.monaco-editor .suggest-widget.with-status-bar .monaco-list .monaco-list-row.focused.string-label > .contents > .main > .right > .readMore {
	display: none;
}

.monaco-editor .suggest-widget.with-status-bar:not(.docs-side) .monaco-list .monaco-list-row:hover > .contents > .main > .right.can-expand-details > .details-label {
	width: 100%;
}

/* Styles for Message element for when widget is loading or is empty */

.monaco-editor .suggest-widget > .message {
	padding-left: 22px;
}

/** Styles for the list element **/

.monaco-editor .suggest-widget > .tree {
	height: 100%;
	width: 100%;
}

.monaco-editor .suggest-widget .monaco-list {
	-moz-user-select: none;
	     user-select: none;
	-webkit-user-select: none;
}

/** Styles for each row in the list element **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row {
	display: flex;
	-mox-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 10px;
	background-repeat: no-repeat;
	background-position: 2px 2px;
	white-space: nowrap;
	cursor: pointer;
	touch-action: none;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused {
	color: var(--vscode-editorSuggestWidget-selectedForeground);
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused .codicon {
	color: var(--vscode-editorSuggestWidget-selectedIconForeground);
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents {
	flex: 1;
	height: 100%;
	overflow: hidden;
	padding-left: 2px;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main {
	display: flex;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: pre;
	justify-content: space-between;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left,
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right {
	display: flex;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.focused) > .contents > .main .monaco-icon-label {
	color: var(--vscode-editorSuggestWidget-foreground);
}

.monaco-editor .suggest-widget:not(.frozen) .monaco-highlighted-label .highlight {
	font-weight: bold;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main .monaco-highlighted-label .highlight {
	color: var(--vscode-editorSuggestWidget-highlightForeground);
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused > .contents > .main .monaco-highlighted-label .highlight {
	color: var(--vscode-editorSuggestWidget-focusHighlightForeground);
}

/** ReadMore Icon styles **/

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .codicon-close,
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore::before {
	color: inherit;
	opacity: 1;
	font-size: 14px;
	cursor: pointer;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .codicon-close {
	position: absolute;
	top: 6px;
	right: 2px;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .codicon-close:hover,
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore:hover {
	opacity: 1;
}

/** signature, qualifier, type/details opacity **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label {
	opacity: 0.7;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .signature-label {
	overflow: hidden;
	text-overflow: ellipsis;
	opacity: 0.6;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .qualifier-label {
	margin-left: 12px;
	opacity: 0.4;
	font-size: 85%;
	line-height: initial;
	text-overflow: ellipsis;
	overflow: hidden;
	align-self: center;
}

/** Type Info and icon next to the label in the focused completion item **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label {
	font-size: 85%;
	margin-left: 1.1em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label > .monaco-tokenized-source {
	display: inline;
}

/** Details: if using CompletionItem#details, show on focus **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label {
	display: none;
}

.monaco-editor .suggest-widget:not(.shows-details) .monaco-list .monaco-list-row.focused > .contents > .main > .right > .details-label {
	display: inline;
}

/** Details: if using CompletionItemLabel#details, always show **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.string-label) > .contents > .main > .right > .details-label,
.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row.focused:not(.string-label) > .contents > .main > .right > .details-label {
	display: inline;
}

/** Ellipsis on hover **/

.monaco-editor .suggest-widget:not(.docs-side) .monaco-list .monaco-list-row.focused:hover > .contents > .main > .right.can-expand-details > .details-label {
	width: calc(100% - 26px);
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left {
	flex-shrink: 1;
	flex-grow: 1;
	overflow: hidden;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .monaco-icon-label {
	flex-shrink: 0;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.string-label) > .contents > .main > .left > .monaco-icon-label {
	max-width: 100%;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.string-label > .contents > .main > .left > .monaco-icon-label {
	flex-shrink: 1;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right {
	overflow: hidden;
	flex-shrink: 4;
	max-width: 70%;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore {
	display: inline-block;
	position: absolute;
	right: 10px;
	width: 18px;
	height: 18px;
	visibility: hidden;
}

/** Do NOT display ReadMore when docs is side/below **/

.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row > .contents > .main > .right > .readMore {
	display: none !important;
}

/** Do NOT display ReadMore when using plain CompletionItemLabel (details/documentation might not be resolved) **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.string-label > .contents > .main > .right > .readMore {
	display: none;
}

/** Focused item can show ReadMore, but can't when docs is side/below **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused.string-label > .contents > .main > .right > .readMore {
	display: inline-block;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused:hover > .contents > .main > .right > .readMore {
	visibility: visible;
}

/** Styles for each row in the list **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated {
	opacity: 0.66;
	text-decoration: unset;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated > .monaco-icon-label-container > .monaco-icon-name-container {
	text-decoration: line-through;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label::before {
	height: 100%;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon {
	display: block;
	height: 16px;
	width: 16px;
	margin-left: 2px;
	background-repeat: no-repeat;
	background-size: 80%;
	background-position: center;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.hide {
	display: none;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon {
	display: flex;
	align-items: center;
	margin-right: 4px;
}

.monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .icon,
.monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .suggest-icon::before {
	display: none;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.customcolor .colorspan {
	margin: 0 0 0 0.3em;
	border: 0.1em solid #000;
	width: 0.7em;
	height: 0.7em;
	display: inline-block;
}

/** Styles for the docs of the completion item in focus **/

.monaco-editor .suggest-details-container {
	z-index: 41;
}

.monaco-editor .suggest-details {
	display: flex;
	flex-direction: column;
	cursor: default;
	color: var(--vscode-editorSuggestWidget-foreground);
}

.monaco-editor .suggest-details:focus {
	border-color: var(--vscode-focusBorder);
}

.monaco-editor .suggest-details a {
	color: var(--vscode-textLink-foreground);
}

.monaco-editor .suggest-details a:hover {
	color: var(--vscode-textLink-activeForeground);
}

.monaco-editor .suggest-details code {
	background-color: var(--vscode-textCodeBlock-background);
}

.monaco-editor .suggest-details.no-docs {
	display: none;
}

.monaco-editor .suggest-details > .monaco-scrollable-element {
	flex: 1;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body {
	box-sizing: border-box;
	height: 100%;
	width: 100%;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .type {
	flex: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	opacity: 0.7;
	white-space: pre;
	margin: 0 24px 0 0;
	padding: 4px 0 4px 5px;
}

.monaco-editor .suggest-details.detail-and-doc > .monaco-scrollable-element > .body > .header > .type {
	padding-bottom: 12px;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .type.auto-wrap {
	white-space: normal;
	word-break: break-all;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs {
	margin: 0;
	padding: 4px 5px;
	white-space: pre-wrap;
}

.monaco-editor .suggest-details.no-type > .monaco-scrollable-element > .body > .docs {
	margin-right: 24px;
	overflow: hidden;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs {
	padding: 0;
	white-space: initial;
	min-height: calc(1rem + 8px);
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > div,
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > span:not(:empty) {
	padding: 4px 5px;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > div > p:first-child {
	margin-top: 0;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > div > p:last-child {
	margin-bottom: 0;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs .monaco-tokenized-source {
	white-space: pre;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs .code {
	white-space: pre-wrap;
	word-wrap: break-word;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs .codicon {
	vertical-align: sub;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > p:empty {
	display: none;
}

.monaco-editor .suggest-details code {
	border-radius: 3px;
	padding: 0 0.4em;
}

.monaco-editor .suggest-details ul {
	padding-left: 20px;
}

.monaco-editor .suggest-details ol {
	padding-left: 20px;
}

.monaco-editor .suggest-details p code {
	font-family: var(--monaco-monospace-font);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .suggest-preview-additional-widget {
	white-space: nowrap;
}

.monaco-editor .suggest-preview-additional-widget .content-spacer {
	color: transparent;
	white-space: pre;
}

.monaco-editor .suggest-preview-additional-widget .button {
	display: inline-block;
	cursor: pointer;
	text-decoration: underline;
	text-underline-position: under;
}

.monaco-editor .ghost-text-hidden {
	opacity: 0;
	font-size: 0;
}

.monaco-editor .ghost-text-decoration,
.monaco-editor .suggest-preview-text .ghost-text {
	font-style: italic;
}

.monaco-editor .suggest-preview-text.clickable .view-line {
	z-index: 1;
}

.monaco-editor .ghost-text-decoration.clickable,
.monaco-editor .ghost-text-decoration-preview.clickable,
.monaco-editor .suggest-preview-text.clickable .ghost-text {
	cursor: pointer;
}

.monaco-editor .inline-completion-text-to-replace {
	text-decoration: underline;
	text-underline-position: under;
}

.monaco-editor .ghost-text-decoration,
.monaco-editor .ghost-text-decoration-preview,
.monaco-editor .suggest-preview-text .ghost-text {
	&.syntax-highlighted {
		opacity: 0.7;
	}
	&:not(.syntax-highlighted) {
		color: var(--vscode-editorGhostText-foreground);
	}
	background-color: var(--vscode-editorGhostText-background);
	border: 1px solid var(--vscode-editorGhostText-border);
}

.monaco-editor .ghost-text-decoration.warning,
.monaco-editor .ghost-text-decoration-preview.warning,
.monaco-editor .suggest-preview-text .ghost-text.warning {
	background: var(--monaco-editor-warning-decoration) repeat-x bottom left;
	border-bottom: 4px double var(--vscode-editorWarning-border);
}

.ghost-text-view-warning-widget-icon {
	.codicon {
		color: var(--vscode-editorWarning-foreground) !important;
	}
}

.monaco-editor {
	.edits-fadeout-decoration {
		opacity: var(--animation-opacity, 1);
		background-color: var(--vscode-inlineEdit-modifiedChangedTextBackground);
	}
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .sticky-widget {
	overflow: hidden;
	border-bottom: 1px solid var(--vscode-editorStickyScroll-border);
	width: 100%;
	box-shadow: var(--vscode-editorStickyScroll-shadow) 0 4px 2px -2px;
	z-index: 4;
	right: initial !important;
	margin-left: '0px';
}

.monaco-editor .sticky-widget .sticky-widget-line-numbers {
	float: left;
	background-color: var(--vscode-editorStickyScrollGutter-background);
}

.monaco-editor .sticky-widget.peek .sticky-widget-line-numbers {
	background-color: var(--vscode-peekViewEditorStickyScrollGutter-background);
}

.monaco-editor .sticky-widget .sticky-widget-lines-scrollable {
	display: inline-block;
	position: absolute;
	overflow: hidden;
	width: var(--vscode-editorStickyScroll-scrollableWidth);
	background-color: var(--vscode-editorStickyScroll-background);
}

.monaco-editor .sticky-widget.peek .sticky-widget-lines-scrollable {
	background-color: var(--vscode-peekViewEditorStickyScroll-background);
}

.monaco-editor .sticky-widget .sticky-widget-lines {
	position: absolute;
	background-color: inherit;
}

.monaco-editor .sticky-widget .sticky-line-number,
.monaco-editor .sticky-widget .sticky-line-content {
	color: var(--vscode-editorLineNumber-foreground);
	white-space: nowrap;
	display: inline-block;
	position: absolute;
	background-color: inherit;
}

.monaco-editor .sticky-widget .sticky-line-number .codicon-folding-expanded,
.monaco-editor .sticky-widget .sticky-line-number .codicon-folding-collapsed {
	float: right;
	transition: var(--vscode-editorStickyScroll-foldingOpacityTransition);
	position: absolute;
	margin-left: 2px;
}

.monaco-editor .sticky-widget .sticky-line-content {
	width: var(--vscode-editorStickyScroll-scrollableWidth);
	background-color: inherit;
	white-space: nowrap;
}

.monaco-editor .sticky-widget .sticky-line-number-inner {
	display: inline-block;
	text-align: right;
}

.monaco-editor .sticky-widget .sticky-line-content:hover {
	background-color: var(--vscode-editorStickyScrollHover-background);
	cursor: pointer;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/*
	@keyframes blink { 50% { border-color: orange; }  }
*/

.monaco-editor {
	.inline-edits-view-indicator {
		display: flex;

		z-index: 34; /* Below the find widget */
		height: 20px;

		color: var(--vscode-inlineEdit-gutterIndicator-primaryForeground);
		background-color: var(--vscode-inlineEdit-gutterIndicator-background);
		border: 1px solid var(--vscode-inlineEdit-gutterIndicator-primaryBorder);
		border-radius: 3px;

		align-items: center;
		padding: 2px;
		padding-right: 10px;
		margin: 0 4px;

		/*
		animation: blink 1s;
		animation-iteration-count: 3;
		*/

		opacity: 0;

		&.contained {
			transition: opacity 0.2s ease-in-out;
			transition-delay: 0.4s;
		}

		&.visible {
			opacity: 1;
		}

		&.top {
			opacity: 1;

			.icon {
				transform: rotate(90deg);
			}
		}

		&.bottom {
			opacity: 1;

			.icon {
				transform: rotate(-90deg);
			}
		}

		.icon {
			display: flex;
			align-items: center;
			margin: 0 2px;
			transform: none;
			transition: transform 0.2s ease-in-out;
			.codicon {
				color: var(--vscode-inlineEdit-gutterIndicator-primaryForeground);
			}
		}

		.label {
			margin: 0 2px;

			display: flex;
			justify-content: center;
			width: 100%;
		}
	}

	.inline-edits-view .editorContainer {
		.preview .monaco-editor {
			.view-overlays .current-line-exact {
				border: none;
			}

			.current-line-margin {
				border: none;
			}
		}

		.inline-edits-view-zone.diagonal-fill {
			opacity: 0.5;
		}
	}

	.strike-through {
		text-decoration: line-through;
	}

	.inlineCompletions-line-insert {
		background: var(--vscode-inlineEdit-modifiedChangedLineBackground);
	}

	.inlineCompletions-line-delete {
		background: var(--vscode-inlineEdit-originalChangedLineBackground);
	}

	.inlineCompletions-char-insert {
		background: var(--vscode-inlineEdit-modifiedChangedTextBackground);
		cursor: pointer;
	}

	.inlineCompletions-char-delete {
		background: var(--vscode-inlineEdit-originalChangedTextBackground);
	}

	.inlineCompletions-char-delete.diff-range-empty {
		margin-left: -1px;
		border-left: solid var(--vscode-inlineEdit-originalChangedTextBackground) 3px;
	}

	.inlineCompletions-char-insert.diff-range-empty {
		border-left: solid var(--vscode-inlineEdit-modifiedChangedTextBackground) 3px;
	}

	.inlineCompletions-char-delete.single-line-inline { /* Editor Decoration */
		border: 1px solid var(--vscode-editorHoverWidget-border);
		margin: -2px 0 0 -2px;
	}

	.inlineCompletions-char-insert.single-line-inline { /* Inline Decoration */
		border-top: 1px solid var(--vscode-inlineEdit-modifiedBorder); /* TODO: Do not set border inline but create overlaywidget (like deletion view) */
		border-bottom: 1px solid var(--vscode-inlineEdit-modifiedBorder); /* TODO: Do not set border inline but create overlaywidget (like deletion view) */
	}
	.inlineCompletions-char-insert.single-line-inline.start {
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
		border-left: 1px solid var(--vscode-inlineEdit-modifiedBorder); /* TODO: Do not set border inline but create overlaywidget (like deletion view) */
	}
	.inlineCompletions-char-insert.single-line-inline.end {
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		border-right: 1px solid var(--vscode-inlineEdit-modifiedBorder); /* TODO: Do not set border inline but create overlaywidget (like deletion view) */
	}

	.inlineCompletions-char-delete.single-line-inline.empty,
	.inlineCompletions-char-insert.single-line-inline.empty {
		display: none;
	}

	.inlineCompletions.strike-through {
		text-decoration-thickness: 1px;
	}

	/* line replacement bubbles */

	.inlineCompletions-modified-bubble {
		background: var(--vscode-inlineEdit-modifiedChangedTextBackground);
	}

	.inlineCompletions-original-bubble {
		background: var(--vscode-inlineEdit-originalChangedTextBackground);
	}

	.inlineCompletions-modified-bubble,
	.inlineCompletions-original-bubble {
		pointer-events: none;
		display: inline-block;
	}

	.inline-edit.ghost-text,
	.inline-edit.ghost-text-decoration,
	.inline-edit.ghost-text-decoration-preview,
	.inline-edit.suggest-preview-text .ghost-text {
		&.syntax-highlighted {
			opacity: 1 !important;
		}
		font-style: normal !important;
	}

	.inline-edit.modified-background.ghost-text,
	.inline-edit.modified-background.ghost-text-decoration,
	.inline-edit.modified-background.ghost-text-decoration-preview,
	.inline-edit.modified-background.suggest-preview-text .ghost-text {
		background: var(--vscode-inlineEdit-modifiedChangedTextBackground) !important;
		display: inline-block !important;
	}

	.inlineCompletions-original-lines {
		background: var(--vscode-editor-background);
	}
}

.monaco-menu-option {
	color: var(--vscode-editorActionList-foreground);
	font-size: 13px;
	padding: 0 4px;
	line-height: 28px;
	display: flex;
	gap: 4px;
	align-items: center;
	border-radius: 3px;
	cursor: pointer;

	.monaco-keybinding-key {
		font-size: 13px;
		opacity: 0.7;
	}

	&.active {
		background: var(--vscode-editorActionList-focusBackground);
		color: var(--vscode-editorActionList-focusForeground);
		outline: 1px solid var(--vscode-menu-selectionBorder, transparent);
		outline-offset: -1px;

		.monaco-keybinding-key {
			color: var(--vscode-editorActionList-focusForeground);
		}
	}
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .goto-definition-link {
	text-decoration: underline;
	cursor: pointer;
	color: var(--vscode-editorLink-activeForeground) !important;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/


.monaco-editor.vs .valueSetReplacement {
	outline: solid 2px var(--vscode-editorBracketMatch-border);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .linked-editing-decoration {
	background-color: var(--vscode-editor-linkedEditingBackground);

	/* Ensure decoration is visible even if range is empty */
	min-width: 1px;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .detected-link,
.monaco-editor .detected-link-active {
	text-decoration: underline;
	text-underline-position: under;
}

.monaco-editor .detected-link-active {
	cursor: pointer;
	color: var(--vscode-editorLink-activeForeground) !important;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor {
	.scroll-editor-on-middle-click-dot {
		cursor: all-scroll;
		position: absolute;
		z-index: 1;
		background-color: var(--vscode-editor-foreground, white);
		border: 1px solid var(--vscode-editor-background, black);
		opacity: 0.5;
		width: 5px;
		height: 5px;
		border-radius: 50%;
		transform: translate(-50%, -50%);

		&.hidden {
			display: none;
		}
	}

	&.scroll-editor-on-middle-click-editor * {
		cursor: all-scroll;
	}
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .focused .selectionHighlight {
	background-color: var(--vscode-editor-selectionHighlightBackground);
	box-sizing: border-box;
	border: 1px solid var(--vscode-editor-selectionHighlightBorder);
}
.monaco-editor.hc-black .focused .selectionHighlight, .monaco-editor.hc-light .focused .selectionHighlight {
	border-style: dotted;
}

.monaco-editor .wordHighlight {
	background-color: var(--vscode-editor-wordHighlightBackground);
	box-sizing: border-box;
	border: 1px solid var(--vscode-editor-wordHighlightBorder);
}
.monaco-editor.hc-black .wordHighlight, .monaco-editor.hc-light .wordHighlight {
	border-style: dotted;
}

.monaco-editor .wordHighlightStrong {
	background-color: var(--vscode-editor-wordHighlightStrongBackground);
	box-sizing: border-box;
	border: 1px solid var(--vscode-editor-wordHighlightStrongBorder);
}
.monaco-editor.hc-black .wordHighlightStrong, .monaco-editor.hc-light .wordHighlightStrong {
	border-style: dotted;
}

.monaco-editor .wordHighlightText {
	background-color: var(--vscode-editor-wordHighlightTextBackground);
	box-sizing: border-box;
	border: 1px solid var(--vscode-editor-wordHighlightTextBorder);
}
.monaco-editor.hc-black .wordHighlightText, .monaco-editor.hc-light .wordHighlightText {
	border-style: dotted;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .parameter-hints-widget {
	/* Must be higher than the sash's z-index and terminal canvases but lower than the suggest widget */
	z-index: 39;
	display: flex;
	flex-direction: column;
	line-height: 1.5em;
	cursor: default;
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-editorHoverWidget-border);
}

.hc-black .monaco-editor .parameter-hints-widget,
.hc-light .monaco-editor .parameter-hints-widget {
	border-width: 2px;
}

.monaco-editor .parameter-hints-widget > .phwrapper {
	max-width: 440px;
	display: flex;
	flex-direction: row;
}

.monaco-editor .parameter-hints-widget.multiple {
	min-height: 3.3em;
	padding: 0;
}

.monaco-editor .parameter-hints-widget.multiple .body::before {
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	opacity: 0.5;
	border-left: 1px solid var(--vscode-editorHoverWidget-border);
}

.monaco-editor .parameter-hints-widget p,
.monaco-editor .parameter-hints-widget ul {
	margin: 8px 0;
}

.monaco-editor .parameter-hints-widget .monaco-scrollable-element,
.monaco-editor .parameter-hints-widget .body {
	display: flex;
	flex: 1;
	flex-direction: column;
	min-height: 100%;
}

.monaco-editor .parameter-hints-widget .signature {
	padding: 4px 5px;
	position: relative;
}

.monaco-editor .parameter-hints-widget .signature.has-docs::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	padding-top: 4px;
	opacity: 0.5;
	border-bottom: 1px solid var(--vscode-editorHoverWidget-border);
}

.monaco-editor .parameter-hints-widget .code {
	font-family: var(--vscode-parameterHintsWidget-editorFontFamily), var(--vscode-parameterHintsWidget-editorFontFamilyDefault);
}

.monaco-editor .parameter-hints-widget .docs {
	padding: 0 10px 0 5px;
	white-space: pre-wrap;
}

.monaco-editor .parameter-hints-widget .docs.empty {
	display: none;
}

.monaco-editor .parameter-hints-widget .docs a {
	color: var(--vscode-textLink-foreground);
}

.monaco-editor .parameter-hints-widget .docs a:hover {
	color: var(--vscode-textLink-activeForeground);
	cursor: pointer;
}

.monaco-editor .parameter-hints-widget .docs .markdown-docs {
	white-space: initial;
}

.monaco-editor .parameter-hints-widget .docs code {
	font-family: var(--monaco-monospace-font);
	border-radius: 3px;
	padding: 0 0.4em;
	background-color: var(--vscode-textCodeBlock-background);
}

.monaco-editor .parameter-hints-widget .docs .monaco-tokenized-source,
.monaco-editor .parameter-hints-widget .docs .code {
	white-space: pre-wrap;
}

.monaco-editor .parameter-hints-widget .controls {
	display: none;
	flex-direction: column;
	align-items: center;
	min-width: 22px;
	justify-content: flex-end;
}

.monaco-editor .parameter-hints-widget.multiple .controls {
	display: flex;
	padding: 0 2px;
}

.monaco-editor .parameter-hints-widget.multiple .button {
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.monaco-editor .parameter-hints-widget .button.previous {
	bottom: 24px;
}

.monaco-editor .parameter-hints-widget .overloads {
	text-align: center;
	height: 12px;
	line-height: 12px;
	font-family: var(--monaco-monospace-font);
}

.monaco-editor .parameter-hints-widget .signature .parameter.active {
	color: var(--vscode-editorHoverWidget-highlightForeground);
	font-weight: bold;
}

.monaco-editor .parameter-hints-widget .documentation-parameter > .parameter {
	font-weight: bold;
	margin-right: 0.5em;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor {
	.editorPlaceholder {
		top: 0px;
		position: absolute;
		overflow: hidden;
		text-overflow: ellipsis;
		text-wrap: nowrap;
		pointer-events: none;

		color: var(--vscode-editor-placeholder-foreground);
	}
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .rename-box {
	z-index: 100;
	color: inherit;
	border-radius: 4px;
}

.monaco-editor .rename-box.preview {
	padding: 4px 4px 0 4px;
}

.monaco-editor .rename-box .rename-input-with-button {
	padding: 3px;
	border-radius: 2px;
	width: calc(100% - 8px); /* 4px padding on each side */
}

.monaco-editor .rename-box .rename-input {
	width: calc(100% - 8px); /* 4px padding on each side */
	padding: 0;
}

.monaco-editor .rename-box .rename-input:focus {
	outline: none;
}

.monaco-editor .rename-box .rename-suggestions-button {
	display: flex;
	align-items: center;
	padding: 3px;
	background-color: transparent;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}

.monaco-editor .rename-box .rename-suggestions-button:hover {
	background-color: var(--vscode-toolbar-hoverBackground)
}

.monaco-editor .rename-box .rename-candidate-list-container .monaco-list-row {
	border-radius: 2px;
}

.monaco-editor .rename-box .rename-label {
	display: none;
	opacity: .8;
}

.monaco-editor .rename-box.preview .rename-label {
	display: inherit;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .unicode-highlight {
	border: 1px solid var(--vscode-editorUnicodeHighlight-border);
	background-color: var(--vscode-editorUnicodeHighlight-background);
	box-sizing: border-box;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.editor-banner {
	box-sizing: border-box;
	cursor: default;
	width: 100%;
	font-size: 12px;
	display: flex;
	overflow: visible;

	height: 26px;

	background: var(--vscode-banner-background);
}


.editor-banner .icon-container {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	padding: 0 6px 0 10px;
}

.editor-banner .icon-container.custom-icon {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 16px;
	width: 16px;
	padding: 0;
	margin: 0 6px 0 10px;
}

.editor-banner .message-container {
	display: flex;
	align-items: center;
	line-height: 26px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.editor-banner .message-container p {
	margin-block-start: 0;
	margin-block-end: 0;
}

.editor-banner .message-actions-container {
	flex-grow: 1;
	flex-shrink: 0;
	line-height: 26px;
	margin: 0 4px;
}

.editor-banner .message-actions-container a.monaco-button {
	width: inherit;
	margin: 2px 8px;
	padding: 0px 12px;
}

.editor-banner .message-actions-container a {
	padding: 3px;
	margin-left: 12px;
	text-decoration: underline;
}

.editor-banner .action-container {
	padding: 0 10px 0 6px;
}

.editor-banner {
	background-color: var(--vscode-banner-background);
}

.editor-banner,
.editor-banner .action-container .codicon,
.editor-banner .message-actions-container .monaco-link {
	color: var(--vscode-banner-foreground);
}

.editor-banner .icon-container .codicon {
	color: var(--vscode-banner-iconForeground);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-link {
	color: var(--vscode-textLink-foreground);
}

.monaco-link:hover {
	color: var(--vscode-textLink-activeForeground);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.floating-menu-overlay-widget {
	padding: 0px;
	color: var(--vscode-button-foreground);
	background-color: var(--vscode-button-background);
	border-radius: 2px;
	border: 1px solid var(--vscode-contrastBorder);
	display: flex;
	align-items: center;
	z-index: 10;
	box-shadow: 0 2px 8px var(--vscode-widget-shadow);
	overflow: hidden;

	.action-item > .action-label {
		padding: 5px;
		font-size: 12px;
		border-radius: 2px;
	}

	.action-item > .action-label.codicon {
		color: var(--vscode-button-foreground);
	}

	.action-item > .action-label.codicon:not(.separator) {
		padding-top: 6px;
		padding-bottom: 6px;
	}

	.action-item:first-child > .action-label {
		padding-left: 7px;
	}

	.action-item:last-child > .action-label {
		padding-right: 7px;
	}

	.action-item .action-label.separator {
		background-color: var(--vscode-menu-separatorBackground);
	}
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .iPadShowKeyboard {
	width: 58px;
	min-width: 0;
	height: 36px;
	min-height: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	resize: none;
	overflow: hidden;
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCA1MyAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDguMDM2NCA0LjAxMDQySDQuMDA3NzlMNC4wMDc3OSAzMi4wMjg2SDQ4LjAzNjRWNC4wMTA0MlpNNC4wMDc3OSAwLjAwNzgxMjVDMS43OTcyMSAwLjAwNzgxMjUgMC4wMDUxODc5OSAxLjc5OTg0IDAuMDA1MTg3OTkgNC4wMTA0MlYzMi4wMjg2QzAuMDA1MTg3OTkgMzQuMjM5MiAxLjc5NzIxIDM2LjAzMTIgNC4wMDc3OSAzNi4wMzEySDQ4LjAzNjRDNTAuMjQ3IDM2LjAzMTIgNTIuMDM5IDM0LjIzOTIgNTIuMDM5IDMyLjAyODZWNC4wMTA0MkM1Mi4wMzkgMS43OTk4NCA1MC4yNDcgMC4wMDc4MTI1IDQ4LjAzNjQgMC4wMDc4MTI1SDQuMDA3NzlaTTguMDEwNDIgOC4wMTMwMkgxMi4wMTNWMTIuMDE1Nkg4LjAxMDQyVjguMDEzMDJaTTIwLjAxODIgOC4wMTMwMkgxNi4wMTU2VjEyLjAxNTZIMjAuMDE4MlY4LjAxMzAyWk0yNC4wMjA4IDguMDEzMDJIMjguMDIzNFYxMi4wMTU2SDI0LjAyMDhWOC4wMTMwMlpNMzYuMDI4NiA4LjAxMzAySDMyLjAyNlYxMi4wMTU2SDM2LjAyODZWOC4wMTMwMlpNNDAuMDMxMiA4LjAxMzAySDQ0LjAzMzlWMTIuMDE1Nkg0MC4wMzEyVjguMDEzMDJaTTE2LjAxNTYgMTYuMDE4Mkg4LjAxMDQyVjIwLjAyMDhIMTYuMDE1NlYxNi4wMTgyWk0yMC4wMTgyIDE2LjAxODJIMjQuMDIwOFYyMC4wMjA4SDIwLjAxODJWMTYuMDE4MlpNMzIuMDI2IDE2LjAxODJIMjguMDIzNFYyMC4wMjA4SDMyLjAyNlYxNi4wMTgyWk00NC4wMzM5IDE2LjAxODJWMjAuMDIwOEgzNi4wMjg2VjE2LjAxODJINDQuMDMzOVpNMTIuMDEzIDI0LjAyMzRIOC4wMTA0MlYyOC4wMjZIMTIuMDEzVjI0LjAyMzRaTTE2LjAxNTYgMjQuMDIzNEgzNi4wMjg2VjI4LjAyNkgxNi4wMTU2VjI0LjAyMzRaTTQ0LjAzMzkgMjQuMDIzNEg0MC4wMzEyVjI4LjAyNkg0NC4wMzM5VjI0LjAyMzRaIiBmaWxsPSIjNDI0MjQyIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==") center center no-repeat;
	border: 4px solid #F6F6F6;
	border-radius: 4px;
}

.monaco-editor.vs-dark .iPadShowKeyboard {
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCA1MyAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDguMDM2NCA0LjAxMDQySDQuMDA3NzlMNC4wMDc3OSAzMi4wMjg2SDQ4LjAzNjRWNC4wMTA0MlpNNC4wMDc3OSAwLjAwNzgxMjVDMS43OTcyMSAwLjAwNzgxMjUgMC4wMDUxODc5OSAxLjc5OTg0IDAuMDA1MTg3OTkgNC4wMTA0MlYzMi4wMjg2QzAuMDA1MTg3OTkgMzQuMjM5MiAxLjc5NzIxIDM2LjAzMTIgNC4wMDc3OSAzNi4wMzEySDQ4LjAzNjRDNTAuMjQ3IDM2LjAzMTIgNTIuMDM5IDM0LjIzOTIgNTIuMDM5IDMyLjAyODZWNC4wMTA0MkM1Mi4wMzkgMS43OTk4NCA1MC4yNDcgMC4wMDc4MTI1IDQ4LjAzNjQgMC4wMDc4MTI1SDQuMDA3NzlaTTguMDEwNDIgOC4wMTMwMkgxMi4wMTNWMTIuMDE1Nkg4LjAxMDQyVjguMDEzMDJaTTIwLjAxODIgOC4wMTMwMkgxNi4wMTU2VjEyLjAxNTZIMjAuMDE4MlY4LjAxMzAyWk0yNC4wMjA4IDguMDEzMDJIMjguMDIzNFYxMi4wMTU2SDI0LjAyMDhWOC4wMTMwMlpNMzYuMDI4NiA4LjAxMzAySDMyLjAyNlYxMi4wMTU2SDM2LjAyODZWOC4wMTMwMlpNNDAuMDMxMiA4LjAxMzAySDQ0LjAzMzlWMTIuMDE1Nkg0MC4wMzEyVjguMDEzMDJaTTE2LjAxNTYgMTYuMDE4Mkg4LjAxMDQyVjIwLjAyMDhIMTYuMDE1NlYxNi4wMTgyWk0yMC4wMTgyIDE2LjAxODJIMjQuMDIwOFYyMC4wMjA4SDIwLjAxODJWMTYuMDE4MlpNMzIuMDI2IDE2LjAxODJIMjguMDIzNFYyMC4wMjA4SDMyLjAyNlYxNi4wMTgyWk00NC4wMzM5IDE2LjAxODJWMjAuMDIwOEgzNi4wMjg2VjE2LjAxODJINDQuMDMzOVpNMTIuMDEzIDI0LjAyMzRIOC4wMTA0MlYyOC4wMjZIMTIuMDEzVjI0LjAyMzRaTTE2LjAxNTYgMjQuMDIzNEgzNi4wMjg2VjI4LjAyNkgxNi4wMTU2VjI0LjAyMzRaTTQ0LjAzMzkgMjQuMDIzNEg0MC4wMzEyVjI4LjAyNkg0NC4wMzM5VjI0LjAyMzRaIiBmaWxsPSIjQzVDNUM1Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==") center center no-repeat;
	border: 4px solid #252526;
}/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .tokens-inspect-widget {
	z-index: 50;
	-moz-user-select: text;
	     user-select: text;
	-webkit-user-select: text;
	padding: 10px;
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-editorHoverWidget-border);
}
.monaco-editor.hc-black .tokens-inspect-widget, .monaco-editor.hc-light .tokens-inspect-widget {
	border-width: 2px;
}

.monaco-editor .tokens-inspect-widget .tokens-inspect-separator {
	height: 1px;
	border: 0;
	background-color: var(--vscode-editorHoverWidget-border);
}

.monaco-editor .tokens-inspect-widget .tm-token {
	font-family: var(--monaco-monospace-font);
}

.monaco-editor .tokens-inspect-widget .tm-token-length {
	font-weight: normal;
	font-size: 60%;
	float: right;
}

.monaco-editor .tokens-inspect-widget .tm-metadata-table {
	width: 100%;
}

.monaco-editor .tokens-inspect-widget .tm-metadata-value {
	font-family: var(--monaco-monospace-font);
	text-align: right;
}

.monaco-editor .tokens-inspect-widget .tm-token-type {
	font-family: var(--monaco-monospace-font);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/


/* Default standalone editor fonts */
.monaco-editor {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe WPC", "Segoe UI", "HelveticaNeue-Light", system-ui, "Ubuntu", "Droid Sans", sans-serif;
	--monaco-monospace-font: "SF Mono", Monaco, Menlo, Consolas, "Ubuntu Mono", "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace;
}

.monaco-menu .monaco-action-bar.vertical .action-item .action-menu-item:focus .action-label {
	stroke-width: 1.2px;
}

.monaco-editor.vs-dark .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label,
.monaco-editor.hc-black .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label,
.monaco-editor.hc-light .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label {
	stroke-width: 1.2px;
}

.monaco-hover p {
	margin: 0;
}

/* See https://github.com/microsoft/monaco-editor/issues/2168#issuecomment-780078600 */
.monaco-aria-container {
	position: absolute !important;
	top: 0; /* avoid being placed underneath a sibling element */
	height: 1px;
	width: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
}

.monaco-editor .synthetic-focus, .monaco-diff-editor .synthetic-focus,
.monaco-editor [tabindex="0"]:focus, .monaco-diff-editor [tabindex="0"]:focus,
.monaco-editor [tabindex="-1"]:focus, .monaco-diff-editor [tabindex="-1"]:focus,
.monaco-editor button:focus, .monaco-diff-editor button:focus,
.monaco-editor input[type=button]:focus, .monaco-diff-editor input[type=button]:focus,
.monaco-editor input[type=checkbox]:focus, .monaco-diff-editor input[type=checkbox]:focus,
.monaco-editor input[type=search]:focus, .monaco-diff-editor input[type=search]:focus,
.monaco-editor input[type=text]:focus, .monaco-diff-editor input[type=text]:focus,
.monaco-editor select:focus, .monaco-diff-editor select:focus,
.monaco-editor textarea:focus, .monaco-diff-editor textarea:focus {
	outline-width: 1px;
	outline-style: solid;
	outline-offset: -1px;
	outline-color: var(--vscode-focusBorder);
	opacity: 1
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* stylelint-disable layer-checker */

.monaco-hover.workbench-hover {
	position: relative;
	font-size: 13px;
	line-height: 19px;
	/* Must be higher than sash's z-index and terminal canvases */
	z-index: 40;
	overflow: hidden;
	max-width: 700px;
	background: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-editorHoverWidget-border);
	border-radius: 5px;
	color: var(--vscode-editorHoverWidget-foreground);
	box-shadow: 0 2px 8px var(--vscode-widget-shadow);
}

.monaco-hover.workbench-hover .monaco-action-bar .action-item .codicon {
	/* Given our font-size, adjust action icons accordingly */
	width: 13px;
	height: 13px;
}

.monaco-hover.workbench-hover hr {
	border-bottom: none;
}

.monaco-hover.workbench-hover.compact {
	font-size: 12px;
}

.monaco-hover.workbench-hover.compact .monaco-action-bar .action-item .codicon {
	/* Given our font-size, adjust action icons accordingly */
	width: 12px;
	height: 12px;
}

.monaco-hover.workbench-hover.compact .hover-contents {
	padding: 2px 8px;
}

.workbench-hover-container.locked .monaco-hover.workbench-hover {
	outline: 1px solid var(--vscode-editorHoverWidget-border);
}
.workbench-hover-container:focus-within.locked .monaco-hover.workbench-hover {
	outline-color: var(--vscode-focusBorder);
}

.workbench-hover-pointer {
	position: absolute;
	/* Must be higher than workbench hover z-index */
	z-index: 41;
	pointer-events: none;
}

.workbench-hover-pointer:after {
	content: '';
	position: absolute;
	width: 5px;
	height: 5px;
	background-color: var(--vscode-editorHoverWidget-background);
	border-right: 1px solid var(--vscode-editorHoverWidget-border);
	border-bottom: 1px solid var(--vscode-editorHoverWidget-border);
}
.workbench-hover-container:not(:focus-within).locked .workbench-hover-pointer:after {
	width: 4px;
	height: 4px;
	border-right-width: 2px;
	border-bottom-width: 2px;
}
.workbench-hover-container:focus-within .workbench-hover-pointer:after {
	border-right: 1px solid var(--vscode-focusBorder);
	border-bottom: 1px solid var(--vscode-focusBorder);
}

.workbench-hover-pointer.left   { left: -3px; }
.workbench-hover-pointer.right  { right: 3px; }
.workbench-hover-pointer.top    { top: -3px; }
.workbench-hover-pointer.bottom { bottom: 3px; }

.workbench-hover-pointer.left:after {
	transform: rotate(135deg);
}

.workbench-hover-pointer.right:after {
	transform: rotate(315deg);
}

.workbench-hover-pointer.top:after {
	transform: rotate(225deg);
}

.workbench-hover-pointer.bottom:after {
	transform: rotate(45deg);
}

.monaco-hover.workbench-hover a {
	color: var(--vscode-textLink-foreground);
}

.monaco-hover.workbench-hover a:focus {
	outline: 1px solid;
	outline-offset: -1px;
	text-decoration: underline;
	outline-color: var(--vscode-focusBorder);
}

.monaco-hover.workbench-hover a.codicon:focus,
.monaco-hover.workbench-hover a.monaco-button:focus {
	text-decoration: none;
}

.monaco-hover.workbench-hover a:hover,
.monaco-hover.workbench-hover a:active {
	color: var(--vscode-textLink-activeForeground);
}

.monaco-hover.workbench-hover code {
	background: var(--vscode-textCodeBlock-background);
}

.monaco-hover.workbench-hover .hover-row .actions {
	background: var(--vscode-editorHoverWidget-statusBarBackground);
}

.monaco-hover.workbench-hover.right-aligned {
	/* The context view service wraps strangely when it's right up against the edge without this */
	left: 1px;
}

.monaco-hover.workbench-hover.right-aligned .hover-row.status-bar .actions {
	flex-direction: row-reverse;
}

.monaco-hover.workbench-hover.right-aligned .hover-row.status-bar .actions .action-container {
	margin-right: 0;
	margin-left: 16px;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.context-view {
	position: absolute;
}

.context-view.fixed {
	all: initial;
	font-family: inherit;
	font-size: 13px;
	position: fixed;
	color: inherit;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.quick-input-widget {
	font-size: 13px;
}

.quick-input-widget .monaco-highlighted-label .highlight,
.quick-input-widget .monaco-highlighted-label .highlight {
	color: #0066BF;
}

.vs .quick-input-widget .monaco-list-row.focused .monaco-highlighted-label .highlight,
.vs .quick-input-widget .monaco-list-row.focused .monaco-highlighted-label .highlight {
	color: #9DDDFF;
}

.vs-dark .quick-input-widget .monaco-highlighted-label .highlight,
.vs-dark .quick-input-widget .monaco-highlighted-label .highlight {
	color: #0097fb;
}

.hc-black .quick-input-widget .monaco-highlighted-label .highlight,
.hc-black .quick-input-widget .monaco-highlighted-label .highlight {
	color: #F38518;
}

.hc-light .quick-input-widget .monaco-highlighted-label .highlight,
.hc-light .quick-input-widget .monaco-highlighted-label .highlight {
	color: #0F4A85;
}

.monaco-keybinding > .monaco-keybinding-key {
	background-color: rgba(221, 221, 221, 0.4);
	border: solid 1px rgba(204, 204, 204, 0.4);
	border-bottom-color: rgba(187, 187, 187, 0.4);
	box-shadow: inset 0 -1px 0 rgba(187, 187, 187, 0.4);
	color: #555;
}

.hc-black .monaco-keybinding > .monaco-keybinding-key {
	background-color: transparent;
	border: solid 1px rgb(111, 195, 223);
	box-shadow: none;
	color: #fff;
}

.hc-light .monaco-keybinding > .monaco-keybinding-key {
	background-color: transparent;
	border: solid 1px #0F4A85;
	box-shadow: none;
	color: #292929;
}

.vs-dark .monaco-keybinding > .monaco-keybinding-key {
	background-color: rgba(128, 128, 128, 0.17);
	border: solid 1px rgba(51, 51, 51, 0.6);
	border-bottom-color: rgba(68, 68, 68, 0.6);
	box-shadow: inset 0 -1px 0 rgba(68, 68, 68, 0.6);
	color: #ccc;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.quick-input-widget {
	position: absolute;
	width: 600px;
	z-index: 2550;
	left: 50%;
	-webkit-app-region: no-drag;
	border-radius: 6px;
}

.quick-input-titlebar {
	cursor: grab;
	display: flex;
	align-items: center;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

.quick-input-left-action-bar {
	display: flex;
	margin-left: 4px;
	flex: 1;
}

/* give some space between input and action bar */
.quick-input-inline-action-bar > .actions-container > .action-item:first-child {
	margin-left: 5px;
}

/* center horizontally */
.quick-input-inline-action-bar > .actions-container > .action-item {
	margin-top: 2px;
}

.quick-input-title {
	cursor: grab;
	padding: 3px 0px;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
}

.quick-input-right-action-bar {
	display: flex;
	margin-right: 4px;
	flex: 1;
}

.quick-input-right-action-bar > .actions-container {
	justify-content: flex-end;
}

.quick-input-right-action-bar > .actions-container > .action-item {
	margin-left: 4px;
}

.quick-input-titlebar .monaco-action-bar .action-label.codicon {
	background-position: center;
	background-repeat: no-repeat;
	padding: 2px;
}

.quick-input-description {
	margin: 6px 6px 6px 11px;
}

.quick-input-header .quick-input-description {
	margin: 4px 2px;
	flex: 1;
}

.quick-input-header {
	cursor: grab;
	display: flex;
	padding: 6px 6px 2px 6px;
}

.quick-input-widget.hidden-input .quick-input-header {
	/* reduce margins and paddings when input box hidden */
	padding: 0;
	margin-bottom: 0;
}

.quick-input-and-message {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	min-width: 0;
	position: relative;
}

.quick-input-check-all {
	align-self: center;
	margin: 0;
}

.quick-input-widget .quick-input-header .monaco-checkbox {
	margin-top: 6px;
}

.quick-input-filter {
	flex-grow: 1;
	display: flex;
	position: relative;
}

.quick-input-box {
	flex-grow: 1;
}

.quick-input-widget.show-checkboxes .quick-input-box,
.quick-input-widget.show-checkboxes .quick-input-message {
	margin-left: 5px;
}

.quick-input-visible-count {
	position: absolute;
	left: -10000px;
}

.quick-input-count {
	align-self: center;
	position: absolute;
	right: 4px;
	display: flex;
	align-items: center;
}

.quick-input-count .monaco-count-badge {
	vertical-align: middle;
	padding: 2px 4px;
	border-radius: 2px;
	min-height: auto;
	line-height: normal;
}

.quick-input-action {
	margin-left: 6px;
}

.quick-input-action .monaco-text-button {
	font-size: 11px;
	padding: 0 6px;
	display: flex;
	height: 25px;
	align-items: center;
}

.quick-input-message {
	margin-top: -1px;
	padding: 5px;
	overflow-wrap: break-word;
}

.quick-input-message > .codicon {
	margin: 0 0.2em;
	vertical-align: text-bottom;
}

/* Links in descriptions & validations */
.quick-input-message a {
	color: inherit;
}

.quick-input-progress.monaco-progress-container {
	position: relative;
}

.quick-input-list {
	line-height: 22px;
}

.quick-input-widget.hidden-input .quick-input-list {
	margin-top: 4px;
	/* reduce margins when input box hidden */
	padding-bottom: 4px;
}

.quick-input-list .monaco-list {
	overflow: hidden;
	max-height: calc(20 * 22px);
	padding-bottom: 5px;
}

.quick-input-list .monaco-scrollable-element {
	padding: 0px 6px;
}

.quick-input-list .quick-input-list-entry {
	box-sizing: border-box;
	overflow: hidden;
	display: flex;
	padding: 0 6px;
}

.quick-input-list .quick-input-list-entry.quick-input-list-separator-border {
	border-top-width: 1px;
	border-top-style: solid;
}

.quick-input-list .monaco-list-row {
	border-radius: 3px;
}

.quick-input-list .monaco-list-row[data-index="0"] .quick-input-list-entry.quick-input-list-separator-border {
	border-top-style: none;
}

.quick-input-list .quick-input-list-label {
	overflow: hidden;
	display: flex;
	height: 100%;
	flex: 1;
}

.quick-input-widget .monaco-checkbox {
	margin-right: 0;
}

.quick-input-widget .quick-input-list .monaco-checkbox,
.quick-input-widget .quick-input-tree .monaco-checkbox {
	margin-top: 4px;
}

.quick-input-list .quick-input-list-icon {
	background-size: 16px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-right: 6px;
	width: 16px;
	height: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.quick-input-list .quick-input-list-rows {
	overflow: hidden;
	text-overflow: ellipsis;
	display: flex;
	flex-direction: column;
	height: 100%;
	flex: 1;
	margin-left: 5px;
}

.quick-input-list .quick-input-list-rows > .quick-input-list-row {
	display: flex;
	align-items: center;
}

.quick-input-list .quick-input-list-rows > .quick-input-list-row .monaco-icon-label,
.quick-input-list .quick-input-list-rows > .quick-input-list-row .monaco-icon-label .monaco-icon-label-container > .monaco-icon-name-container {
	flex: 1;
	/* make sure the icon label grows within the row */
}

.quick-input-list .quick-input-list-rows > .quick-input-list-row .codicon[class*='codicon-'] {
	vertical-align: text-bottom;
}

.quick-input-list .quick-input-list-rows .monaco-highlighted-label > span {
	opacity: 1;
}

.quick-input-list .quick-input-list-entry .quick-input-list-entry-keybinding {
	margin-right: 8px;
	/* separate from the separator label or scrollbar if any */
}

.quick-input-list .quick-input-list-label-meta {
	opacity: 0.7;
	line-height: normal;
	text-overflow: ellipsis;
	overflow: hidden;
}

/* preserve list-like styling instead of tree-like styling */
.quick-input-list .monaco-list .monaco-list-row .monaco-highlighted-label .highlight {
	font-weight: bold;
	background-color: unset;
	color: var(--vscode-list-highlightForeground) !important;
}

/* preserve list-like styling instead of tree-like styling */
.quick-input-list .monaco-list .monaco-list-row.focused .monaco-highlighted-label .highlight {
	color: var(--vscode-list-focusHighlightForeground) !important;
}

.quick-input-list .quick-input-list-entry .quick-input-list-separator {
	margin-right: 4px;
	/* separate from keybindings or actions */
}

.quick-input-list .quick-input-list-entry-action-bar {
	display: flex;
	flex: 0;
	overflow: visible;
}

.quick-input-list .quick-input-list-entry-action-bar .action-label {
	/*
	 * By default, actions in the quick input action bar are hidden
	 * until hovered over them or selected.
	 */
	display: none;
}

.quick-input-list .quick-input-list-entry-action-bar .action-label.codicon {
	margin-right: 4px;
	padding: 2px;
}

.quick-input-list .quick-input-list-entry-action-bar {
	margin-top: 1px;
}

.quick-input-list .quick-input-list-entry-action-bar {
	margin-right: 4px;
	/* separate from scrollbar */
}

.quick-input-list .quick-input-list-entry .quick-input-list-entry-action-bar .action-label.always-visible,
.quick-input-list .quick-input-list-entry:hover .quick-input-list-entry-action-bar .action-label,
.quick-input-list .quick-input-list-entry.focus-inside .quick-input-list-entry-action-bar .action-label,
.quick-input-list .monaco-list-row.focused .quick-input-list-entry-action-bar .action-label,
.quick-input-list .monaco-list-row.passive-focused .quick-input-list-entry-action-bar .action-label {
	display: flex;
}

.quick-input-list > .monaco-list:focus .monaco-list-row.focused {
	outline: 1px solid var(--vscode-list-focusOutline) !important;
	outline-offset: -1px;
}

.quick-input-list > .monaco-list:focus .monaco-list-row.focused .quick-input-list-entry.quick-input-list-separator-border {
	border-color: transparent;
}

/* focused items in quick pick */
.quick-input-list .monaco-list-row.focused .monaco-keybinding-key,
.quick-input-list .monaco-list-row.focused .quick-input-list-entry .quick-input-list-separator {
	color: inherit
}

.quick-input-list .monaco-list-row.focused .monaco-keybinding-key {
	background: none;
}

.quick-input-list .quick-input-list-separator-as-item {
	padding: 4px 6px;
	font-size: 12px;
}

/* Quick input separators as full-row item */
.quick-input-list .quick-input-list-separator-as-item .label-name {
	font-weight: 600;
}

.quick-input-list .quick-input-list-separator-as-item .label-description {
	/* Override default description opacity so we don't have a contrast ratio issue. */
	opacity: 1 !important;
}

/* Hide border when the item becomes the sticky one */
.quick-input-list .monaco-tree-sticky-row .quick-input-list-entry.quick-input-list-separator-as-item.quick-input-list-separator-border {
	border-top-style: none;
}

/* Give sticky row the same padding as the scrollable list */
.quick-input-list .monaco-tree-sticky-row {
	padding: 0 5px;
}

/* Hide the twistie containers so that there isn't blank indent */
.quick-input-list .monaco-tl-twistie {
	display: none !important;
}

/* Tree */

.quick-input-tree .monaco-list {
	overflow: hidden;
	max-height: calc(20 * 22px);
	padding-bottom: 5px;
}

.quick-input-tree .quick-input-tree-entry {
	box-sizing: border-box;
	overflow: hidden;
	display: flex;
	padding: 0 6px;
}

.quick-input-tree .quick-input-tree-label {
	overflow: hidden;
	display: flex;
	height: 100%;
	flex: 1;
}

.quick-input-tree .quick-input-tree-icon {
	background-size: 16px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-right: 6px;
	width: 16px;
	height: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.quick-input-tree .quick-input-tree-rows {
	overflow: hidden;
	text-overflow: ellipsis;
	display: flex;
	flex-direction: column;
	height: 100%;
	flex: 1;
	margin-left: 5px;
}

.quick-input-tree .quick-input-tree-rows > .quick-input-tree-row {
	display: flex;
	align-items: center;
}

.quick-input-tree .quick-input-tree-rows > .quick-input-tree-row .monaco-icon-label,
.quick-input-tree .quick-input-tree-rows > .quick-input-tree-row .monaco-icon-label .monaco-icon-label-container > .monaco-icon-name-container {
	flex: 1;
	/* make sure the icon label grows within the row */
}

.quick-input-tree .quick-input-tree-rows > .quick-input-tree-row .codicon[class*='codicon-'] {
	vertical-align: text-bottom;
}

.quick-input-tree .quick-input-tree-rows .monaco-highlighted-label > span {
	opacity: 1;
}

.quick-input-tree .quick-input-tree-entry-action-bar {
	display: flex;
	flex: 0;
	overflow: visible;
}

.quick-input-tree .quick-input-tree-entry-action-bar .action-label {
	/*
	 * By default, actions in the quick input action bar are hidden
	 * until hovered over them or selected.
	 */
	display: none;
}

.quick-input-tree .quick-input-tree-entry-action-bar .action-label.codicon {
	margin-right: 4px;
	padding: 2px;
}

.quick-input-tree .quick-input-tree-entry-action-bar {
	margin-top: 1px;
}

.quick-input-tree .quick-input-tree-entry-action-bar {
	margin-right: 4px;
	/* separate from scrollbar */
}

.quick-input-tree .quick-input-tree-entry .quick-input-tree-entry-action-bar .action-label.always-visible,
.quick-input-tree .quick-input-tree-entry:hover .quick-input-tree-entry-action-bar .action-label,
.quick-input-tree .quick-input-tree-entry.focus-inside .quick-input-tree-entry-action-bar .action-label,
.quick-input-tree .monaco-list-row.focused .quick-input-tree-entry-action-bar .action-label,
.quick-input-tree .monaco-list-row.passive-focused .quick-input-tree-entry-action-bar .action-label {
	display: flex;
}

.quick-input-tree > .monaco-list:focus .monaco-list-row.focused {
	outline: 1px solid var(--vscode-list-focusOutline) !important;
	outline-offset: -1px;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-progress-container {
	width: 100%;
	height: 2px;
	overflow: hidden; /* keep progress bit in bounds */
}

.monaco-progress-container .progress-bit {
	width: 2%;
	height: 2px;
	position: absolute;
	left: 0;
	display: none;
}

.monaco-progress-container.active .progress-bit {
	display: inherit;
}

.monaco-progress-container.discrete .progress-bit {
	left: 0;
	transition: width 100ms linear;
}

.monaco-progress-container.discrete.done .progress-bit {
	width: 100%;
}

.monaco-progress-container.infinite .progress-bit {
	animation-name: progress;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	transform: translate3d(0px, 0px, 0px);
	animation-timing-function: linear;
}

.monaco-progress-container.infinite.infinite-long-running .progress-bit {
	/*
		The more smooth `linear` timing function can cause
		higher GPU consumption as indicated in
		https://github.com/microsoft/vscode/issues/97900 &
		https://github.com/microsoft/vscode/issues/138396
	*/
	animation-timing-function: steps(100);
}

/**
 * The progress bit has a width: 2% (1/50) of the parent container. The animation moves it from 0% to 100% of
 * that container. Since translateX is relative to the progress bit size, we have to multiple it with
 * its relative size to the parent container:
 * parent width: 5000%
 *    bit width: 100%
 * translateX should be as follow:
 *  50%: 5000% * 50% - 50% (set to center) = 2450%
 * 100%: 5000% * 100% - 100% (do not overflow) = 4900%
 */
@keyframes progress { from { transform: translateX(0%) scaleX(1) } 50% { transform: translateX(2500%) scaleX(3) } to { transform: translateX(4900%) scaleX(1) } }
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .rendered-markdown kbd {
	background-color: var(--vscode-keybindingLabel-background);
	color: var(--vscode-keybindingLabel-foreground);
	border-style: solid;
	border-width: 1px;
	border-radius: 3px;
	border-color: var(--vscode-keybindingLabel-border);
	border-bottom-color: var(--vscode-keybindingLabel-bottomBorder);
	box-shadow: inset 0 -1px 0 var(--vscode-widget-shadow);
	vertical-align: middle;
	padding: 1px 3px;
}

.rendered-markdown li:has(input[type=checkbox]) {
	list-style-type: none;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-component.multiDiffEditor {
	background: var(--vscode-multiDiffEditor-background);

	position: relative;

	height: 100%;
	width: 100%;

	overflow-y: hidden;

	> div {
		position: absolute;
		top: 0px;
		left: 0px;

		height: 100%;
		width: 100%;

		&.placeholder {
			visibility: hidden;

			&.visible {
				visibility: visible;
			}

			display: grid;
			place-items: center;
			place-content: center;
		}
	}

	.active {
		--vscode-multiDiffEditor-border: var(--vscode-focusBorder);
	}

	.multiDiffEntry {
		display: flex;
		flex-direction: column;
		flex: 1;
		overflow: hidden;


		.collapse-button {
			margin: 0 5px;
			cursor: pointer;

			a {
				display: block;
			}
		}

		.header {
			z-index: 1000;
			background: var(--vscode-editor-background);

			&:not(.collapsed) .header-content {
				border-bottom: 1px solid var(--vscode-sideBarSectionHeader-border);
			}

			.header-content {
				margin: 8px 0px 0px 0px;
				padding: 4px 5px;

				border-top: 1px solid var(--vscode-multiDiffEditor-border);

				display: flex;
				align-items: center;

				color: var(--vscode-foreground);
				background: var(--vscode-multiDiffEditor-headerBackground);

				&.shadow {
					box-shadow: var(--vscode-scrollbar-shadow) 0px 6px 6px -6px;
				}

				.file-path {
					display: flex;
					flex: 1;
					min-width: 0;

					.title {
						font-size: 14px;
						line-height: 22px;

						&.original {
							flex: 1;
							min-width: 0;
							text-overflow: ellipsis;
						}
					}

					.status {
						font-weight: 600;
						opacity: 0.75;
						margin: 0px 10px;
						line-height: 22px;

						/*
							TODO@hediet: move colors from git extension to core!
						&.renamed {
							color: v ar(--vscode-gitDecoration-renamedResourceForeground);
						}

						&.deleted {
							color: v ar(--vscode-gitDecoration-deletedResourceForeground);
						}

						&.added {
							color: v ar(--vscode-gitDecoration-addedResourceForeground);
						}
						*/
					}
				}

				.actions {
					padding: 0 8px;
				}
			}


		}

		.editorParent {
			flex: 1;
			display: flex;
			flex-direction: column;

			border-bottom: 1px solid var(--vscode-multiDiffEditor-border);
			overflow: hidden;
		}

		.editorContainer {
			flex: 1;
		}
	}
}
.monaco-aria-container{position:absolute;left:-999em}::-ms-clear{display:none}.monaco-editor .editor-widget input{color:inherit}.monaco-editor{position:relative;overflow:visible;-webkit-text-size-adjust:100%;color:var(--vscode-editor-foreground);background-color:var(--vscode-editor-background);overflow-wrap:initial}.monaco-editor-background{background-color:var(--vscode-editor-background)}.monaco-editor .rangeHighlight{background-color:var(--vscode-editor-rangeHighlightBackground);box-sizing:border-box;border:1px solid var(--vscode-editor-rangeHighlightBorder)}.monaco-editor.hc-black .rangeHighlight,.monaco-editor.hc-light .rangeHighlight{border-style:dotted}.monaco-editor .symbolHighlight{background-color:var(--vscode-editor-symbolHighlightBackground);box-sizing:border-box;border:1px solid var(--vscode-editor-symbolHighlightBorder)}.monaco-editor.hc-black .symbolHighlight,.monaco-editor.hc-light .symbolHighlight{border-style:dotted}.monaco-editor .editorCanvas{position:absolute;width:100%;height:100%;z-index:0;pointer-events:none}.monaco-editor .overflow-guard{position:relative;overflow:hidden}.monaco-editor .view-overlays{position:absolute;top:0}.monaco-editor .view-overlays>div,.monaco-editor .margin-view-overlays>div{position:absolute;width:100%}.monaco-editor .squiggly-error{border-bottom:4px double var(--vscode-editorError-border)}.monaco-editor .squiggly-error:before{display:block;content:"";width:100%;height:100%;background:var(--vscode-editorError-background)}.monaco-editor .squiggly-warning{border-bottom:4px double var(--vscode-editorWarning-border)}.monaco-editor .squiggly-warning:before{display:block;content:"";width:100%;height:100%;background:var(--vscode-editorWarning-background)}.monaco-editor .squiggly-info{border-bottom:4px double var(--vscode-editorInfo-border)}.monaco-editor .squiggly-info:before{display:block;content:"";width:100%;height:100%;background:var(--vscode-editorInfo-background)}.monaco-editor .squiggly-hint{border-bottom:2px dotted var(--vscode-editorHint-border)}.monaco-editor.showUnused .squiggly-unnecessary{border-bottom:2px dashed var(--vscode-editorUnnecessaryCode-border)}.monaco-editor.showDeprecated .squiggly-inline-deprecated{text-decoration:line-through;text-decoration-color:var(--vscode-editor-foreground, inherit)}.monaco-scrollable-element>.scrollbar>.scra{cursor:pointer;font-size:11px!important}.monaco-scrollable-element>.visible{opacity:1;background:#0000;transition:opacity .1s linear;z-index:11}.monaco-scrollable-element>.invisible{opacity:0;pointer-events:none}.monaco-scrollable-element>.invisible.fade{transition:opacity .8s linear}.monaco-scrollable-element>.shadow{position:absolute;display:none}.monaco-scrollable-element>.shadow.top{display:block;top:0;left:3px;height:3px;width:100%;box-shadow:var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset}.monaco-scrollable-element>.shadow.left{display:block;top:3px;left:0;height:100%;width:3px;box-shadow:var(--vscode-scrollbar-shadow) 6px 0 6px -6px inset}.monaco-scrollable-element>.shadow.top-left-corner{display:block;top:0;left:0;height:3px;width:3px}.monaco-scrollable-element>.shadow.top.left{box-shadow:var(--vscode-scrollbar-shadow) 6px 0 6px -6px inset}.monaco-scrollable-element>.scrollbar{background:var(--vscode-scrollbar-background)}.monaco-scrollable-element>.scrollbar>.slider{background:var(--vscode-scrollbarSlider-background)}.monaco-scrollable-element>.scrollbar>.slider:hover{background:var(--vscode-scrollbarSlider-hoverBackground)}.monaco-scrollable-element>.scrollbar>.slider.active{background:var(--vscode-scrollbarSlider-activeBackground)}.monaco-editor .blockDecorations-container{position:absolute;top:0;pointer-events:none}.monaco-editor .blockDecorations-block{position:absolute;box-sizing:border-box}.monaco-editor .view-overlays .current-line,.monaco-editor .margin-view-overlays .current-line{display:block;position:absolute;left:0;top:0;box-sizing:border-box;height:100%}.monaco-editor .margin-view-overlays .current-line.current-line-margin.current-line-margin-both{border-right:0}.monaco-editor .lines-content .cdr{position:absolute;height:100%}.monaco-editor .glyph-margin{position:absolute;top:0}.monaco-editor .glyph-margin-widgets .cgmr{position:absolute;display:flex;align-items:center;justify-content:center}.monaco-editor .glyph-margin-widgets .cgmr.codicon-modifier-spin:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.monaco-editor .lines-content .core-guide{position:absolute;box-sizing:border-box;height:100%}.monaco-editor .margin-view-overlays .line-numbers{bottom:0;font-variant-numeric:tabular-nums;position:absolute;text-align:right;display:inline-block;vertical-align:middle;box-sizing:border-box;cursor:default}.monaco-editor .relative-current-line-number{text-align:left;display:inline-block;width:100%}.monaco-editor .margin-view-overlays .line-numbers.lh-odd{margin-top:1px}.monaco-editor .line-numbers{color:var(--vscode-editorLineNumber-foreground)}.monaco-editor .line-numbers.active-line-number{color:var(--vscode-editorLineNumber-activeForeground)}.monaco-mouse-cursor-text{cursor:text}.mtkcontrol{color:#fff!important;background:#960000!important}.mtkoverflow{background-color:var(--vscode-button-background, var(--vscode-editor-background));color:var(--vscode-button-foreground, var(--vscode-editor-foreground));border-width:1px;border-style:solid;border-color:var(--vscode-contrastBorder);border-radius:2px;padding:4px;cursor:pointer}.mtkoverflow:hover{background-color:var(--vscode-button-hoverBackground)}.monaco-editor.no-user-select .lines-content,.monaco-editor.no-user-select .view-line,.monaco-editor.no-user-select .view-lines{-moz-user-select:none;user-select:none;-webkit-user-select:none}.monaco-editor.mac .lines-content:hover,.monaco-editor.mac .view-line:hover,.monaco-editor.mac .view-lines:hover{-moz-user-select:text;user-select:text;-webkit-user-select:text;-ms-user-select:text}.monaco-editor.enable-user-select{-moz-user-select:initial;user-select:initial;-webkit-user-select:initial}.monaco-editor .view-lines{white-space:nowrap}.monaco-editor .view-line{box-sizing:border-box;position:absolute;width:100%}.monaco-editor .lines-content>.view-lines>.view-line>span{top:0;bottom:0;position:absolute}.monaco-editor .mtkw{color:var(--vscode-editorWhitespace-foreground)!important}.monaco-editor .mtkz{display:inline-block;color:var(--vscode-editorWhitespace-foreground)!important}.monaco-editor .lines-decorations{position:absolute;top:0;background:#fff}.monaco-editor .margin-view-overlays .cldr{position:absolute;height:100%}.monaco-editor .margin{background-color:var(--vscode-editorGutter-background)}.monaco-editor .margin-view-overlays .cmdr{position:absolute;left:0;width:100%;height:100%}.monaco-editor .minimap.slider-mouseover .minimap-slider{opacity:0;transition:opacity .1s linear}.monaco-editor .minimap.slider-mouseover:hover .minimap-slider,.monaco-editor .minimap.slider-mouseover .minimap-slider.active{opacity:1}.monaco-editor .minimap-slider .minimap-slider-horizontal{background:var(--vscode-minimapSlider-background)}.monaco-editor .minimap-slider:hover .minimap-slider-horizontal{background:var(--vscode-minimapSlider-hoverBackground)}.monaco-editor .minimap-slider.active .minimap-slider-horizontal{background:var(--vscode-minimapSlider-activeBackground)}.monaco-editor .minimap-shadow-visible{box-shadow:var(--vscode-scrollbar-shadow) -6px 0 6px -6px inset}.monaco-editor .minimap-shadow-hidden{position:absolute;width:0}.monaco-editor .minimap-shadow-visible{position:absolute;left:-6px;width:6px;pointer-events:none}.monaco-editor.no-minimap-shadow .minimap-shadow-visible{position:absolute;left:-1px;width:1px}.minimap.minimap-autohide-mouseover,.minimap.minimap-autohide-scroll{opacity:0;transition:opacity .5s}.minimap.minimap-autohide-scroll{pointer-events:none}.minimap.minimap-autohide-mouseover:hover,.minimap.minimap-autohide-scroll.active{opacity:1;pointer-events:auto}.monaco-editor .minimap{z-index:5}.monaco-editor .overlayWidgets{position:absolute;top:0;left:0}.monaco-editor .view-ruler{position:absolute;top:0;box-shadow:1px 0 0 0 var(--vscode-editorRuler-foreground) inset}.monaco-editor .scroll-decoration{position:absolute;top:0;left:0;height:6px;box-shadow:var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset}.monaco-editor .lines-content .cslr{position:absolute}.monaco-editor .focused .selected-text{background-color:var(--vscode-editor-selectionBackground)}.monaco-editor .selected-text{background-color:var(--vscode-editor-inactiveSelectionBackground)}.monaco-editor .top-left-radius{border-top-left-radius:3px}.monaco-editor .bottom-left-radius{border-bottom-left-radius:3px}.monaco-editor .top-right-radius{border-top-right-radius:3px}.monaco-editor .bottom-right-radius{border-bottom-right-radius:3px}.monaco-editor.hc-black .top-left-radius{border-top-left-radius:0}.monaco-editor.hc-black .bottom-left-radius{border-bottom-left-radius:0}.monaco-editor.hc-black .top-right-radius{border-top-right-radius:0}.monaco-editor.hc-black .bottom-right-radius{border-bottom-right-radius:0}.monaco-editor.hc-light .top-left-radius{border-top-left-radius:0}.monaco-editor.hc-light .bottom-left-radius{border-bottom-left-radius:0}.monaco-editor.hc-light .top-right-radius{border-top-right-radius:0}.monaco-editor.hc-light .bottom-right-radius{border-bottom-right-radius:0}.monaco-editor .cursors-layer{position:absolute;top:0}.monaco-editor .cursors-layer>.cursor{position:absolute;overflow:hidden;box-sizing:border-box}.monaco-editor .cursors-layer.cursor-smooth-caret-animation>.cursor{transition:all 80ms}.monaco-editor .cursors-layer.cursor-block-outline-style>.cursor{background:transparent!important;border-style:solid;border-width:1px}.monaco-editor .cursors-layer.cursor-underline-style>.cursor{border-bottom-width:2px;border-bottom-style:solid;background:transparent!important}.monaco-editor .cursors-layer.cursor-underline-thin-style>.cursor{border-bottom-width:1px;border-bottom-style:solid;background:transparent!important}@keyframes monaco-cursor-smooth{0%,20%{opacity:1}60%,to{opacity:0}}@keyframes monaco-cursor-phase{0%,20%{opacity:1}90%,to{opacity:0}}@keyframes monaco-cursor-expand{0%,20%{transform:scaleY(1)}80%,to{transform:scaleY(0)}}.cursor-smooth{animation:monaco-cursor-smooth .5s ease-in-out 0s 20 alternate}.cursor-phase{animation:monaco-cursor-phase .5s ease-in-out 0s 20 alternate}.cursor-expand>.cursor{animation:monaco-cursor-expand .5s ease-in-out 0s 20 alternate}.monaco-editor .mwh{position:absolute;color:var(--vscode-editorWhitespace-foreground)!important}.monaco-editor .monaco-decoration-css-rule-extractor{visibility:hidden;pointer-events:none}.monaco-editor .inputarea{min-width:0;min-height:0;margin:0;padding:0;position:absolute;outline:none!important;resize:none;border:none;overflow:hidden;color:transparent;background-color:transparent;z-index:-10}.monaco-editor .inputarea.ime-input{z-index:10;caret-color:var(--vscode-editorCursor-foreground);color:var(--vscode-editor-foreground)}.monaco-editor .native-edit-context{margin:0;padding:0;position:absolute;overflow-y:scroll;scrollbar-width:none;z-index:-10;white-space:pre-wrap}.monaco-editor .ime-text-area{min-width:0;min-height:0;margin:0;padding:0;position:absolute;outline:none!important;resize:none;border:none;overflow:hidden;color:transparent;background-color:transparent;z-index:-10}.monaco-editor .edit-context-composition-none{background-color:transparent;border-bottom:none}.monaco-editor :not(.hc-black,.hc-light) .edit-context-composition-secondary{border-bottom:1px solid var(--vscode-editor-compositionBorder)}.monaco-editor :not(.hc-black,.hc-light) .edit-context-composition-primary{border-bottom:2px solid var(--vscode-editor-compositionBorder)}.monaco-editor :is(.hc-black,.hc-light) .edit-context-composition-secondary{border:1px solid var(--vscode-editor-compositionBorder)}.monaco-editor :is(.hc-black,.hc-light) .edit-context-composition-primary{border:2px solid var(--vscode-editor-compositionBorder)}.monaco-editor .margin-view-overlays .gpu-mark{position:absolute;top:0;bottom:0;left:0;width:100%;display:inline-block;border-left:solid 2px var(--vscode-editorWarning-foreground);opacity:.2;transition:background-color .1s linear}.monaco-editor .margin-view-overlays .gpu-mark:hover{background-color:var(--vscode-editorWarning-foreground)}.monaco-select-box{width:100%;cursor:pointer;border-radius:2px}.monaco-select-box-dropdown-container{font-size:13px;font-weight:400;text-transform:none}.monaco-action-bar .action-item.select-container{cursor:default}.monaco-action-bar .action-item .monaco-select-box{cursor:pointer;min-width:100px;min-height:18px;padding:2px 23px 2px 8px}.mac .monaco-action-bar .action-item .monaco-select-box{font-size:11px;border-radius:3px;min-height:24px}.monaco-list{position:relative;height:100%;width:100%;white-space:nowrap}.monaco-list.mouse-support{-moz-user-select:none;user-select:none;-webkit-user-select:none}.monaco-list>.monaco-scrollable-element{height:100%}.monaco-list-rows{position:relative;width:100%;height:100%}.monaco-list.horizontal-scrolling .monaco-list-rows{width:auto;min-width:100%}.monaco-list-row{position:absolute;box-sizing:border-box;overflow:hidden;width:100%}.monaco-list.mouse-support .monaco-list-row{cursor:pointer;touch-action:none}.monaco-list .monaco-scrollable-element>.scrollbar.vertical,.monaco-pane-view>.monaco-split-view2.vertical>.monaco-scrollable-element>.scrollbar.vertical{z-index:14}.monaco-list-row.scrolling{display:none!important}.monaco-list.element-focused,.monaco-list.selection-single,.monaco-list.selection-multiple{outline:0!important}.monaco-list-type-filter-message{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;padding:40px 1em 1em;text-align:center;white-space:normal;opacity:.7;pointer-events:none}.monaco-list-type-filter-message:empty{display:none}.monaco-drag-image{display:inline-block;padding:1px 7px;border-radius:10px;font-size:12px;position:absolute;z-index:1000;background-color:var(--vscode-list-activeSelectionBackground);color:var(--vscode-list-activeSelectionForeground);outline:1px solid var(--vscode-list-focusOutline);outline-offset:-1px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monaco-select-box-dropdown-padding{--dropdown-padding-top: 1px;--dropdown-padding-bottom: 1px}.hc-black .monaco-select-box-dropdown-padding,.hc-light .monaco-select-box-dropdown-padding{--dropdown-padding-top: 3px;--dropdown-padding-bottom: 4px}.monaco-select-box-dropdown-container{display:none;box-sizing:border-box}.monaco-select-box-dropdown-container>.select-box-details-pane>.select-box-description-markdown *{margin:0}.monaco-select-box-dropdown-container>.select-box-details-pane>.select-box-description-markdown a:focus{outline:1px solid -webkit-focus-ring-color;outline-offset:-1px}.monaco-select-box-dropdown-container>.select-box-details-pane>.select-box-description-markdown code{line-height:15px;font-family:var(--monaco-monospace-font)}.monaco-select-box-dropdown-container.visible{display:flex;flex-direction:column;text-align:left;width:1px;overflow:hidden;border-bottom-left-radius:3px;border-bottom-right-radius:3px}.monaco-select-box-dropdown-container>.select-box-dropdown-list-container{flex:0 0 auto;align-self:flex-start;padding-top:var(--dropdown-padding-top);padding-bottom:var(--dropdown-padding-bottom);padding-left:1px;padding-right:1px;width:100%;overflow:hidden;box-sizing:border-box}.monaco-select-box-dropdown-container>.select-box-details-pane{padding:5px}.hc-black .monaco-select-box-dropdown-container>.select-box-dropdown-list-container{padding-top:var(--dropdown-padding-top);padding-bottom:var(--dropdown-padding-bottom)}.monaco-select-box-dropdown-container>.select-box-dropdown-list-container .monaco-list .monaco-list-row{cursor:pointer}.monaco-select-box-dropdown-container>.select-box-dropdown-list-container .monaco-list .monaco-list-row>.option-text{text-overflow:ellipsis;overflow:hidden;padding-left:3.5px;white-space:nowrap;float:left}.monaco-select-box-dropdown-container>.select-box-dropdown-list-container .monaco-list .monaco-list-row>.option-detail{text-overflow:ellipsis;overflow:hidden;padding-left:3.5px;white-space:nowrap;float:left;opacity:.7}.monaco-select-box-dropdown-container>.select-box-dropdown-list-container .monaco-list .monaco-list-row>.option-decorator-right{text-overflow:ellipsis;overflow:hidden;padding-right:10px;white-space:nowrap;float:right}.monaco-select-box-dropdown-container>.select-box-dropdown-list-container .monaco-list .monaco-list-row>.visually-hidden{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.monaco-select-box-dropdown-container>.select-box-dropdown-container-width-control{flex:1 1 auto;align-self:flex-start;opacity:0}.monaco-select-box-dropdown-container>.select-box-dropdown-container-width-control>.width-control-div{overflow:hidden;max-height:0px}.monaco-select-box-dropdown-container>.select-box-dropdown-container-width-control>.width-control-div>.option-text-width-control{padding-left:4px;padding-right:8px;white-space:nowrap}.monaco-action-bar{white-space:nowrap;height:100%}.monaco-action-bar .actions-container{display:flex;margin:0 auto;padding:0;height:100%;width:100%;align-items:center}.monaco-action-bar.vertical .actions-container{display:inline-block}.monaco-action-bar .action-item{display:block;align-items:center;justify-content:center;cursor:pointer;position:relative}.monaco-action-bar .action-item.disabled{cursor:default}.monaco-action-bar .action-item .icon,.monaco-action-bar .action-item .codicon{display:block}.monaco-action-bar .action-item .codicon{display:flex;align-items:center;width:16px;height:16px}.monaco-action-bar .action-label{display:flex;font-size:11px;padding:3px;border-radius:5px}.monaco-action-bar .action-item.disabled .action-label:not(.icon),.monaco-action-bar .action-item.disabled .action-label:not(.icon):before,.monaco-action-bar .action-item.disabled .action-label:not(.icon):hover{color:var(--vscode-disabledForeground)}.monaco-action-bar .action-item.disabled .action-label.icon,.monaco-action-bar .action-item.disabled .action-label.icon:before,.monaco-action-bar .action-item.disabled .action-label.icon:hover{opacity:.6}.monaco-action-bar.vertical{text-align:left}.monaco-action-bar.vertical .action-item{display:block}.monaco-action-bar.vertical .action-label.separator{display:block;border-bottom:1px solid var(--vscode-disabledForeground);padding-top:1px;margin-left:.8em;margin-right:.8em}.monaco-action-bar .action-item .action-label.separator{width:1px;height:16px;margin:5px 4px!important;cursor:default;min-width:1px;padding:0;background-color:var(--vscode-disabledForeground)}.secondary-actions .monaco-action-bar .action-label{margin-left:6px}.monaco-action-bar .action-item.select-container{overflow:hidden;flex:1;max-width:170px;min-width:60px;display:flex;align-items:center;justify-content:center;margin-right:10px}.monaco-action-bar .action-item.action-dropdown-item{display:flex}.monaco-action-bar .action-item.action-dropdown-item>.action-dropdown-item-separator{display:flex;align-items:center;cursor:default}.monaco-action-bar .action-item.action-dropdown-item>.action-dropdown-item-separator>div{width:1px}.monaco-diff-editor .diff-review{position:absolute}.monaco-component.diff-review{-moz-user-select:none;user-select:none;-webkit-user-select:none;z-index:99}.monaco-component.diff-review .diff-review-line-number{text-align:right;display:inline-block;color:var(--vscode-editorLineNumber-foreground)}.monaco-component.diff-review .diff-review-summary{padding-left:10px}.monaco-component.diff-review .diff-review-shadow{position:absolute;box-shadow:var(--vscode-scrollbar-shadow) 0 -6px 6px -6px inset}.monaco-component.diff-review .diff-review-row{white-space:pre}.monaco-component.diff-review .diff-review-table{display:table;min-width:100%}.monaco-component.diff-review .diff-review-row{display:table-row;width:100%}.monaco-component.diff-review .diff-review-spacer{display:inline-block;width:10px;vertical-align:middle}.monaco-component.diff-review .diff-review-spacer>.codicon{font-size:9px!important}.monaco-component.diff-review .diff-review-actions{display:inline-block;position:absolute;right:10px;top:2px;z-index:100}.monaco-component.diff-review .diff-review-actions .action-label{width:16px;height:16px;margin:2px 0}.monaco-component.diff-review .revertButton{cursor:pointer}.monaco-component.diff-review .action-label{background:var(--vscode-editorActionList-background)}:root{--vscode-sash-size: 4px;--vscode-sash-hover-size: 4px}.monaco-sash{position:absolute;z-index:35;touch-action:none}.monaco-sash.disabled{pointer-events:none}.monaco-sash.mac.vertical{cursor:col-resize}.monaco-sash.vertical.minimum{cursor:e-resize}.monaco-sash.vertical.maximum{cursor:w-resize}.monaco-sash.mac.horizontal{cursor:row-resize}.monaco-sash.horizontal.minimum{cursor:s-resize}.monaco-sash.horizontal.maximum{cursor:n-resize}.monaco-sash.disabled{cursor:default!important;pointer-events:none!important}.monaco-sash.vertical{cursor:ew-resize;top:0;width:var(--vscode-sash-size);height:100%}.monaco-sash.horizontal{cursor:ns-resize;left:0;width:100%;height:var(--vscode-sash-size)}.monaco-sash:not(.disabled)>.orthogonal-drag-handle{content:" ";height:calc(var(--vscode-sash-size) * 2);width:calc(var(--vscode-sash-size) * 2);z-index:100;display:block;cursor:all-scroll;position:absolute}.monaco-sash.horizontal.orthogonal-edge-north:not(.disabled)>.orthogonal-drag-handle.start,.monaco-sash.horizontal.orthogonal-edge-south:not(.disabled)>.orthogonal-drag-handle.end{cursor:nwse-resize}.monaco-sash.horizontal.orthogonal-edge-north:not(.disabled)>.orthogonal-drag-handle.end,.monaco-sash.horizontal.orthogonal-edge-south:not(.disabled)>.orthogonal-drag-handle.start{cursor:nesw-resize}.monaco-sash.vertical>.orthogonal-drag-handle.start{left:calc(var(--vscode-sash-size) * -.5);top:calc(var(--vscode-sash-size) * -1)}.monaco-sash.vertical>.orthogonal-drag-handle.end{left:calc(var(--vscode-sash-size) * -.5);bottom:calc(var(--vscode-sash-size) * -1)}.monaco-sash.horizontal>.orthogonal-drag-handle.start{top:calc(var(--vscode-sash-size) * -.5);left:calc(var(--vscode-sash-size) * -1)}.monaco-sash.horizontal>.orthogonal-drag-handle.end{top:calc(var(--vscode-sash-size) * -.5);right:calc(var(--vscode-sash-size) * -1)}.monaco-sash:before{content:"";pointer-events:none;position:absolute;width:100%;height:100%;background:transparent}.monaco-enable-motion .monaco-sash:before{transition:background-color .1s ease-out}.monaco-sash.hover:before,.monaco-sash.active:before{background:var(--vscode-sash-hoverBorder)}.monaco-sash.vertical:before{width:var(--vscode-sash-hover-size);left:calc(50% - (var(--vscode-sash-hover-size) / 2))}.monaco-sash.horizontal:before{height:var(--vscode-sash-hover-size);top:calc(50% - (var(--vscode-sash-hover-size) / 2))}.pointer-events-disabled{pointer-events:none!important}.monaco-sash.debug{background:#0ff}.monaco-sash.debug.disabled{background:#0ff3}.monaco-sash.debug:not(.disabled)>.orthogonal-drag-handle{background:red}.monaco-dropdown{height:100%;padding:0}.monaco-dropdown>.dropdown-label{cursor:pointer;height:100%;display:flex;align-items:center;justify-content:center}.monaco-dropdown>.dropdown-label>.action-label.disabled{cursor:default}.monaco-dropdown-with-primary{display:flex!important;flex-direction:row;border-radius:5px}.monaco-dropdown-with-primary>.action-container>.action-label{margin-right:0}.monaco-dropdown-with-primary>.dropdown-action-container>.monaco-dropdown>.dropdown-label .codicon[class*=codicon-]{font-size:12px;padding-left:0;padding-right:0;line-height:16px;margin-left:-3px}.monaco-dropdown-with-primary>.dropdown-action-container>.monaco-dropdown>.dropdown-label>.action-label{display:block;background-size:16px;background-position:center center;background-repeat:no-repeat}.monaco-toolbar{height:100%}.monaco-toolbar .toolbar-toggle-more{display:inline-block;padding:0}.monaco-toolbar.responsive .monaco-action-bar>.actions-container>.action-item{flex-shrink:1;min-width:20px}.monaco-action-bar .action-item.menu-entry .action-label.icon{width:16px;height:16px;background-repeat:no-repeat;background-position:50%;background-size:16px}.monaco-action-bar .action-item.menu-entry.text-only .action-label{color:var(--vscode-descriptionForeground);overflow:hidden;border-radius:2px}.monaco-action-bar .action-item.menu-entry.text-only.use-comma:not(:last-of-type) .action-label:after{content:", "}.monaco-action-bar .action-item.menu-entry.text-only+.action-item:not(.text-only)>.monaco-dropdown .action-label{color:var(--vscode-descriptionForeground)}.monaco-dropdown-with-default{display:flex!important;flex-direction:row;border-radius:5px}.monaco-dropdown-with-default>.action-container>.action-label{margin-right:0}.monaco-dropdown-with-default>.action-container.menu-entry>.action-label.icon{width:16px;height:16px;background-repeat:no-repeat;background-position:50%;background-size:16px}.monaco-dropdown-with-default:hover{background-color:var(--vscode-toolbar-hoverBackground)}.monaco-dropdown-with-default>.dropdown-action-container>.monaco-dropdown>.dropdown-label .codicon[class*=codicon-]{font-size:12px;padding-left:0;padding-right:0;line-height:16px;margin-left:-3px}.monaco-dropdown-with-default>.dropdown-action-container>.monaco-dropdown>.dropdown-label>.action-label{display:block;background-size:16px;background-position:center center;background-repeat:no-repeat}.monaco-editor .diff-hidden-lines-widget{width:100%}.monaco-editor .diff-hidden-lines{height:0px;transform:translateY(-10px);font-size:13px;line-height:14px}.monaco-editor .diff-hidden-lines:not(.dragging) .top:hover,.monaco-editor .diff-hidden-lines:not(.dragging) .bottom:hover,.monaco-editor .diff-hidden-lines .top.dragging,.monaco-editor .diff-hidden-lines .bottom.dragging{background-color:var(--vscode-focusBorder)}.monaco-editor .diff-hidden-lines .top,.monaco-editor .diff-hidden-lines .bottom{transition:background-color .1s ease-out;height:4px;background-color:transparent;background-clip:padding-box;border-bottom:2px solid transparent;border-top:4px solid transparent}.monaco-editor.draggingUnchangedRegion.canMoveTop:not(.canMoveBottom) *,.monaco-editor .diff-hidden-lines .top.canMoveTop:not(.canMoveBottom),.monaco-editor .diff-hidden-lines .bottom.canMoveTop:not(.canMoveBottom){cursor:n-resize!important}.monaco-editor.draggingUnchangedRegion:not(.canMoveTop).canMoveBottom *,.monaco-editor .diff-hidden-lines .top:not(.canMoveTop).canMoveBottom,.monaco-editor .diff-hidden-lines .bottom:not(.canMoveTop).canMoveBottom{cursor:s-resize!important}.monaco-editor.draggingUnchangedRegion.canMoveTop.canMoveBottom *,.monaco-editor .diff-hidden-lines .top.canMoveTop.canMoveBottom,.monaco-editor .diff-hidden-lines .bottom.canMoveTop.canMoveBottom{cursor:ns-resize!important}.monaco-editor .diff-hidden-lines .top{transform:translateY(4px)}.monaco-editor .diff-hidden-lines .bottom{transform:translateY(-6px)}.monaco-editor .diff-unchanged-lines{background:var(--vscode-diffEditor-unchangedCodeBackground)}.monaco-editor .noModificationsOverlay{z-index:1;background:var(--vscode-editor-background);display:flex;justify-content:center;align-items:center}.monaco-editor .diff-hidden-lines .center{background:var(--vscode-diffEditor-unchangedRegionBackground);color:var(--vscode-diffEditor-unchangedRegionForeground);overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;height:24px;box-shadow:inset 0 -5px 5px -7px var(--vscode-diffEditor-unchangedRegionShadow),inset 0 5px 5px -7px var(--vscode-diffEditor-unchangedRegionShadow)}.monaco-editor .diff-hidden-lines .center span.codicon{vertical-align:middle}.monaco-editor .diff-hidden-lines .center a:hover .codicon{cursor:pointer;color:var(--vscode-editorLink-activeForeground)!important}.monaco-editor .diff-hidden-lines div.breadcrumb-item{cursor:pointer}.monaco-editor .diff-hidden-lines div.breadcrumb-item:hover{color:var(--vscode-editorLink-activeForeground)}.monaco-editor .movedOriginal,.monaco-editor .movedModified{border:2px solid var(--vscode-diffEditor-move-border)}.monaco-editor .movedOriginal.currentMove,.monaco-editor .movedModified.currentMove{border:2px solid var(--vscode-diffEditor-moveActive-border)}.monaco-diff-editor .moved-blocks-lines path.currentMove{stroke:var(--vscode-diffEditor-moveActive-border)}.monaco-diff-editor .moved-blocks-lines path{pointer-events:visiblestroke}.monaco-diff-editor .moved-blocks-lines .arrow{fill:var(--vscode-diffEditor-move-border)}.monaco-diff-editor .moved-blocks-lines .arrow.currentMove{fill:var(--vscode-diffEditor-moveActive-border)}.monaco-diff-editor .moved-blocks-lines .arrow-rectangle{fill:var(--vscode-editor-background)}.monaco-diff-editor .moved-blocks-lines{position:absolute;pointer-events:none}.monaco-diff-editor .moved-blocks-lines path{fill:none;stroke:var(--vscode-diffEditor-move-border);stroke-width:2}.monaco-editor .char-delete.diff-range-empty{margin-left:-1px;border-left:solid var(--vscode-diffEditor-removedTextBackground) 3px}.monaco-editor .char-insert.diff-range-empty{border-left:solid var(--vscode-diffEditor-insertedTextBackground) 3px}.monaco-editor .fold-unchanged{cursor:pointer}.monaco-diff-editor .diff-moved-code-block{display:flex;justify-content:flex-end;margin-top:-4px}.monaco-diff-editor .diff-moved-code-block .action-bar .action-label.codicon{width:12px;height:12px;font-size:12px}.monaco-diff-editor .diffOverview{z-index:9}.monaco-diff-editor .diffOverview .diffViewport{z-index:10}.monaco-diff-editor.vs .diffOverview{background:#00000008}.monaco-diff-editor.vs-dark .diffOverview{background:#ffffff03}.monaco-scrollable-element.modified-in-monaco-diff-editor.vs .scrollbar,.monaco-scrollable-element.modified-in-monaco-diff-editor.vs-dark .scrollbar{background:#0000}.monaco-scrollable-element.modified-in-monaco-diff-editor.hc-black .scrollbar,.monaco-scrollable-element.modified-in-monaco-diff-editor.hc-light .scrollbar{background:none}.monaco-scrollable-element.modified-in-monaco-diff-editor .slider{z-index:10}.modified-in-monaco-diff-editor .slider.active{background:#ababab66}.modified-in-monaco-diff-editor.hc-black .slider.active,.modified-in-monaco-diff-editor.hc-light .slider.active{background:none}.monaco-editor .insert-sign,.monaco-diff-editor .insert-sign,.monaco-editor .delete-sign,.monaco-diff-editor .delete-sign{font-size:11px!important;opacity:.7!important;display:flex!important;align-items:center}.monaco-editor.hc-black .insert-sign,.monaco-diff-editor.hc-black .insert-sign,.monaco-editor.hc-black .delete-sign,.monaco-diff-editor.hc-black .delete-sign,.monaco-editor.hc-light .insert-sign,.monaco-diff-editor.hc-light .insert-sign,.monaco-editor.hc-light .delete-sign,.monaco-diff-editor.hc-light .delete-sign{opacity:1}.monaco-editor .inline-deleted-margin-view-zone,.monaco-editor .inline-added-margin-view-zone{text-align:right}.monaco-editor .arrow-revert-change{z-index:10;position:absolute}.monaco-editor .arrow-revert-change:hover{cursor:pointer}.monaco-editor .view-zones .view-lines .view-line span{display:inline-block}.monaco-editor .margin-view-zones .lightbulb-glyph:hover{cursor:pointer}.monaco-editor .char-insert,.monaco-diff-editor .char-insert{background-color:var(--vscode-diffEditor-insertedTextBackground)}.monaco-editor .line-insert,.monaco-diff-editor .line-insert{background-color:var(--vscode-diffEditor-insertedLineBackground, var(--vscode-diffEditor-insertedTextBackground))}.monaco-editor .line-insert,.monaco-editor .char-insert{box-sizing:border-box;border:1px solid var(--vscode-diffEditor-insertedTextBorder)}.monaco-editor.hc-black .line-insert,.monaco-editor.hc-light .line-insert,.monaco-editor.hc-black .char-insert,.monaco-editor.hc-light .char-insert{border-style:dashed}.monaco-editor .line-delete,.monaco-editor .char-delete{box-sizing:border-box;border:1px solid var(--vscode-diffEditor-removedTextBorder)}.monaco-editor.hc-black .line-delete,.monaco-editor.hc-light .line-delete,.monaco-editor.hc-black .char-delete,.monaco-editor.hc-light .char-delete{border-style:dashed}.monaco-editor .inline-added-margin-view-zone,.monaco-editor .gutter-insert,.monaco-diff-editor .gutter-insert{background-color:var(--vscode-diffEditorGutter-insertedLineBackground, var(--vscode-diffEditor-insertedLineBackground), var(--vscode-diffEditor-insertedTextBackground))}.monaco-editor .char-delete,.monaco-diff-editor .char-delete,.monaco-editor .inline-deleted-text{background-color:var(--vscode-diffEditor-removedTextBackground)}.monaco-editor .inline-deleted-text{text-decoration:line-through}.monaco-editor .line-delete,.monaco-diff-editor .line-delete{background-color:var(--vscode-diffEditor-removedLineBackground, var(--vscode-diffEditor-removedTextBackground))}.monaco-editor .inline-deleted-margin-view-zone,.monaco-editor .gutter-delete,.monaco-diff-editor .gutter-delete{background-color:var(--vscode-diffEditorGutter-removedLineBackground, var(--vscode-diffEditor-removedLineBackground), var(--vscode-diffEditor-removedTextBackground))}.monaco-diff-editor.side-by-side .editor.modified{box-shadow:-6px 0 5px -5px var(--vscode-scrollbar-shadow);border-left:1px solid var(--vscode-diffEditor-border)}.monaco-diff-editor.side-by-side .editor.original{box-shadow:6px 0 5px -5px var(--vscode-scrollbar-shadow);border-right:1px solid var(--vscode-diffEditor-border)}.monaco-diff-editor .diffViewport{background:var(--vscode-scrollbarSlider-background)}.monaco-diff-editor .diffViewport:hover{background:var(--vscode-scrollbarSlider-hoverBackground)}.monaco-diff-editor .diffViewport:active{background:var(--vscode-scrollbarSlider-activeBackground)}.monaco-editor .diagonal-fill{background-image:linear-gradient(-45deg,var(--vscode-diffEditor-diagonalFill) 12.5%,#0000 12.5%,#0000 50%,var(--vscode-diffEditor-diagonalFill) 50%,var(--vscode-diffEditor-diagonalFill) 62.5%,#0000 62.5%,#0000 100%);background-size:8px 8px}.monaco-diff-editor .gutter{position:relative;overflow:hidden;flex-shrink:0;flex-grow:0}.monaco-diff-editor .gutter>div{position:absolute}.monaco-diff-editor .gutter .gutterItem{opacity:0;transition:opacity .7s}.monaco-diff-editor .gutter .gutterItem.showAlways{opacity:1;transition:none}.monaco-diff-editor .gutter .gutterItem.noTransition{transition:none}.monaco-diff-editor .gutter:hover .gutterItem{opacity:1;transition:opacity .1s ease-in-out}.monaco-diff-editor .gutter .gutterItem .background{position:absolute;height:100%;left:50%;width:1px;border-left:2px var(--vscode-menu-separatorBackground) solid}.monaco-diff-editor .gutter .gutterItem .buttons{position:absolute;width:100%;display:flex;justify-content:center;align-items:center}.monaco-diff-editor .gutter .gutterItem .buttons .monaco-toolbar{height:-moz-fit-content;height:fit-content}.monaco-diff-editor .gutter .gutterItem .buttons .monaco-toolbar .monaco-action-bar{line-height:1}.monaco-diff-editor .gutter .gutterItem .buttons .monaco-toolbar .monaco-action-bar .actions-container{width:-moz-fit-content;width:fit-content;border-radius:4px;background:var(--vscode-editorGutter-itemBackground)}.monaco-diff-editor .gutter .gutterItem .buttons .monaco-toolbar .monaco-action-bar .actions-container .action-item:hover{background:var(--vscode-toolbar-hoverBackground)}.monaco-diff-editor .gutter .gutterItem .buttons .monaco-toolbar .monaco-action-bar .actions-container .action-item .action-label{color:var(--vscode-editorGutter-itemGlyphForeground);padding:1px 2px}.monaco-diff-editor .diff-hidden-lines-compact{display:flex;height:11px}.monaco-diff-editor .diff-hidden-lines-compact .line-left,.monaco-diff-editor .diff-hidden-lines-compact .line-right{height:1px;border-top:1px solid;border-color:var(--vscode-editorCodeLens-foreground);opacity:.5;margin:auto;width:100%}.monaco-diff-editor .diff-hidden-lines-compact .line-left{width:20px}.monaco-diff-editor .diff-hidden-lines-compact .text{color:var(--vscode-editorCodeLens-foreground);text-wrap:nowrap;font-size:11px;line-height:11px;margin:0 4px}.monaco-editor .line-delete-selectable{-moz-user-select:text!important;user-select:text!important;-webkit-user-select:text!important;z-index:1!important}.line-delete-selectable .view-line{-moz-user-select:text!important;user-select:text!important;-webkit-user-select:text!important}.monaco-editor .selection-anchor{background-color:#007acc;width:2px!important}.monaco-editor .bracket-match{box-sizing:border-box;background-color:var(--vscode-editorBracketMatch-background);border:1px solid var(--vscode-editorBracketMatch-border)}.inline-editor-progress-decoration{display:inline-block;width:1em;height:1em}.inline-progress-widget{display:flex!important;justify-content:center;align-items:center}.inline-progress-widget .icon{font-size:80%!important}.inline-progress-widget:hover .icon{font-size:90%!important;animation:none}.inline-progress-widget:hover .icon:before{content:var(--vscode-icon-x-content);font-family:var(--vscode-icon-x-font-family)}.monaco-editor .monaco-editor-overlaymessage{padding-bottom:8px;z-index:10000}.monaco-editor .monaco-editor-overlaymessage.below{padding-bottom:0;padding-top:8px;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.monaco-editor .monaco-editor-overlaymessage.fadeIn{animation:fadeIn .15s ease-out}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.monaco-editor .monaco-editor-overlaymessage.fadeOut{animation:fadeOut .1s ease-out}.monaco-editor .monaco-editor-overlaymessage .message{padding:2px 4px;color:var(--vscode-editorHoverWidget-foreground);background-color:var(--vscode-editorHoverWidget-background);border:1px solid var(--vscode-inputValidation-infoBorder);border-radius:3px}.monaco-editor .monaco-editor-overlaymessage .message p{margin-block:0px}.monaco-editor .monaco-editor-overlaymessage .message a{color:var(--vscode-textLink-foreground)}.monaco-editor .monaco-editor-overlaymessage .message a:hover{color:var(--vscode-textLink-activeForeground)}.monaco-editor.hc-black .monaco-editor-overlaymessage .message,.monaco-editor.hc-light .monaco-editor-overlaymessage .message{border-width:2px}.monaco-editor .monaco-editor-overlaymessage .anchor{width:0!important;height:0!important;border-color:transparent;border-style:solid;z-index:1000;border-width:8px;position:absolute;left:2px}.monaco-editor .monaco-editor-overlaymessage .anchor.top{border-bottom-color:var(--vscode-inputValidation-infoBorder)}.monaco-editor .monaco-editor-overlaymessage .anchor.below{border-top-color:var(--vscode-inputValidation-infoBorder)}.monaco-editor .monaco-editor-overlaymessage:not(.below) .anchor.top,.monaco-editor .monaco-editor-overlaymessage.below .anchor.below{display:none}.monaco-editor .monaco-editor-overlaymessage.below .anchor.top{display:inherit;top:-8px}.monaco-text-button{box-sizing:border-box;display:flex;width:100%;padding:4px;border-radius:2px;text-align:center;cursor:pointer;justify-content:center;align-items:center;border:1px solid var(--vscode-button-border, transparent);line-height:18px}.monaco-text-button:focus{outline-offset:2px!important}.monaco-text-button:hover{text-decoration:none!important}.monaco-button.disabled:focus,.monaco-button.disabled{opacity:.4!important;cursor:default}.monaco-text-button .codicon{margin:0 .2em;color:inherit!important}.monaco-text-button.monaco-text-button-with-short-label{flex-direction:row;flex-wrap:wrap;padding:0 4px;overflow:hidden;height:28px}.monaco-text-button.monaco-text-button-with-short-label>.monaco-button-label{flex-basis:100%}.monaco-text-button.monaco-text-button-with-short-label>.monaco-button-label-short{flex-grow:1;width:0;overflow:hidden}.monaco-text-button.monaco-text-button-with-short-label>.monaco-button-label,.monaco-text-button.monaco-text-button-with-short-label>.monaco-button-label-short{display:flex;justify-content:center;align-items:center;font-weight:400;font-style:inherit;padding:4px 0}.monaco-button-dropdown{display:flex;cursor:pointer}.monaco-button-dropdown.disabled{cursor:default}.monaco-button-dropdown>.monaco-button:focus{outline-offset:-1px!important}.monaco-button-dropdown.disabled>.monaco-button.disabled,.monaco-button-dropdown.disabled>.monaco-button.disabled:focus,.monaco-button-dropdown.disabled>.monaco-button-dropdown-separator{opacity:.4!important}.monaco-button-dropdown>.monaco-button.monaco-text-button{border-right-width:0!important}.monaco-button-dropdown .monaco-button-dropdown-separator{padding:4px 0;cursor:default}.monaco-button-dropdown .monaco-button-dropdown-separator>div{height:100%;width:1px}.monaco-button-dropdown>.monaco-button.monaco-dropdown-button{border:1px solid var(--vscode-button-border, transparent);border-left-width:0!important;border-radius:0 2px 2px 0;display:flex;align-items:center}.monaco-button-dropdown>.monaco-button.monaco-text-button{border-radius:2px 0 0 2px}.monaco-description-button{display:flex;flex-direction:column;align-items:center;margin:4px 5px}.monaco-description-button .monaco-button-description{font-style:italic;font-size:11px;padding:4px 20px}.monaco-description-button .monaco-button-label,.monaco-description-button .monaco-button-description{display:flex;justify-content:center;align-items:center}.monaco-description-button .monaco-button-label>.codicon,.monaco-description-button .monaco-button-description>.codicon{margin:0 .2em;color:inherit!important}.monaco-button.default-colors,.monaco-button-dropdown.default-colors>.monaco-button{color:var(--vscode-button-foreground);background-color:var(--vscode-button-background)}.monaco-button.default-colors:hover,.monaco-button-dropdown.default-colors>.monaco-button:hover{background-color:var(--vscode-button-hoverBackground)}.monaco-button.default-colors.secondary,.monaco-button-dropdown.default-colors>.monaco-button.secondary{color:var(--vscode-button-secondaryForeground);background-color:var(--vscode-button-secondaryBackground)}.monaco-button.default-colors.secondary:hover,.monaco-button-dropdown.default-colors>.monaco-button.secondary:hover{background-color:var(--vscode-button-secondaryHoverBackground)}.monaco-button-dropdown.default-colors .monaco-button-dropdown-separator{background-color:var(--vscode-button-background);border-top:1px solid var(--vscode-button-border);border-bottom:1px solid var(--vscode-button-border)}.monaco-button-dropdown.default-colors .monaco-button.secondary+.monaco-button-dropdown-separator{background-color:var(--vscode-button-secondaryBackground)}.monaco-button-dropdown.default-colors .monaco-button-dropdown-separator>div{background-color:var(--vscode-button-separator)}.action-widget{font-size:13px;min-width:100px;max-width:80vw;z-index:40;display:block;width:100%;border:1px solid var(--vscode-menu-border)!important;border-radius:5px;background-color:var(--vscode-menu-background);color:var(--vscode-menu-foreground);padding:4px;box-shadow:0 2px 8px var(--vscode-widget-shadow)}.context-view-block{position:fixed;cursor:initial;left:0;top:0;width:100%;height:100%;z-index:-1}.context-view-pointerBlock{position:fixed;cursor:initial;left:0;top:0;width:100%;height:100%;z-index:2}.action-widget .monaco-list{-moz-user-select:none;user-select:none;-webkit-user-select:none;border:none!important;border-width:0!important}.action-widget .monaco-list:focus:before{outline:0!important}.action-widget .monaco-list .monaco-scrollable-element{overflow:visible}.action-widget .monaco-list .monaco-list-row{padding:0 4px;white-space:nowrap;cursor:pointer;touch-action:none;width:100%;border-radius:3px}.action-widget .monaco-list .monaco-list-row.action.focused:not(.option-disabled){background-color:var(--vscode-list-activeSelectionBackground)!important;color:var(--vscode-list-activeSelectionForeground);outline:1px solid var(--vscode-menu-selectionBorder, transparent);outline-offset:-1px}.action-widget .monaco-list-row.group-header{color:var(--vscode-descriptionForeground)!important;font-weight:600;font-size:13px}.action-widget .monaco-list-row.group-header:not(:first-of-type){margin-top:2px}.action-widget .monaco-scrollable-element .monaco-list-rows .monaco-list-row.separator{border-top:1px solid var(--vscode-editorHoverWidget-border);color:var(--vscode-descriptionForeground);font-size:12px;padding:0;margin:4px 0 0;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:0}.action-widget .monaco-scrollable-element .monaco-list-rows .monaco-list-row.separator.focused{outline:0 solid;background-color:transparent;border-radius:0}.action-widget .monaco-list-row.separator:first-of-type{border-top:none;margin-top:0}.action-widget .monaco-list .group-header,.action-widget .monaco-list .option-disabled,.action-widget .monaco-list .option-disabled:before,.action-widget .monaco-list .option-disabled .focused,.action-widget .monaco-list .option-disabled .focused:before{cursor:default!important;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent!important;outline:0 solid!important}.action-widget .monaco-list-row.action{display:flex;gap:4px;align-items:center}.action-widget .monaco-list-row.action.option-disabled,.action-widget .monaco-list:focus .monaco-list-row.focused.action.option-disabled,.action-widget .monaco-list-row.action.option-disabled .codicon,.action-widget .monaco-list:not(.drop-target):not(.dragging) .monaco-list-row:hover:not(.selected):not(.focused).option-disabled{color:var(--vscode-disabledForeground)}.action-widget .monaco-list-row.action:not(.option-disabled) .codicon{color:inherit}.action-widget .monaco-list-row.action .title{flex:1;overflow:hidden;text-overflow:ellipsis}.action-widget .monaco-list-row.action .monaco-keybinding>.monaco-keybinding-key{background-color:var(--vscode-keybindingLabel-background);color:var(--vscode-keybindingLabel-foreground);border-style:solid;border-width:1px;border-radius:3px;border-color:var(--vscode-keybindingLabel-border);border-bottom-color:var(--vscode-keybindingLabel-bottomBorder);box-shadow:inset 0 -1px 0 var(--vscode-widget-shadow)}.action-widget .action-widget-action-bar{background-color:var(--vscode-menu-background);border-top:1px solid var(--vscode-menu-border);margin-top:2px}.action-widget .action-widget-action-bar:before{display:block;content:"";width:100%}.action-widget .action-widget-action-bar .actions-container{padding:4px 8px 2px 24px}.action-widget-action-bar .action-label{color:var(--vscode-textLink-activeForeground);font-size:13px;line-height:22px;padding:0;pointer-events:all}.action-widget-action-bar .action-item{margin-right:16px;pointer-events:none}.action-widget-action-bar .action-label:hover{background-color:transparent!important}.monaco-action-bar .actions-container.highlight-toggled .action-label.checked{background:var(--vscode-actionBar-toggledBackground)!important}.action-widget .monaco-list .monaco-list-row .description{opacity:.7;margin-left:.5em}.monaco-keybinding{display:flex;align-items:center;line-height:10px}.monaco-keybinding>.monaco-keybinding-key{display:inline-block;border-style:solid;border-width:1px;border-radius:3px;vertical-align:middle;font-size:11px;padding:3px 5px;margin:0 2px}.monaco-keybinding>.monaco-keybinding-key:first-child{margin-left:0}.monaco-keybinding>.monaco-keybinding-key:last-child{margin-right:0}.monaco-keybinding>.monaco-keybinding-key-separator{display:inline-block}.monaco-keybinding>.monaco-keybinding-key-chord-separator{width:6px}.post-edit-widget{box-shadow:0 0 8px 2px var(--vscode-widget-shadow);border:1px solid var(--vscode-widget-border, transparent);border-radius:4px;color:var(--vscode-button-foreground);background-color:var(--vscode-button-background);overflow:hidden}.post-edit-widget .monaco-button{padding:2px;border:none;border-radius:0}.post-edit-widget .monaco-button:hover{background-color:var(--vscode-button-hoverBackground)!important}.post-edit-widget .monaco-button .codicon{margin:0}@font-face{font-family:codicon;font-display:block;src:url(data:font/ttf;base64,AAEAAAALAIAAAwAwR1NVQiCLJXoAAAE4AAAAVE9TLzI3UEsvAAABjAAAAGBjbWFwdCJY8AAACfwAAB5QZ2x5ZpdPvvsAACxYAAGRYGhlYWRYkqBSAAAA4AAAADZoaGVhAlYDLwAAALwAAAAkaG10eFs1/+YAAAHsAAAIEGxvY2EPPKwaAAAoTAAABAptYXhwAx0BiAAAARgAAAAgbmFtZZP7uU8AAb24AAAB+HBvc3RPbs8TAAG/sAAAHMQAAQAAASwAAAAAASz/+v/+AS4AAQAAAAAAAAAAAAAAAAAAAgQAAQAAAAEAAD/d1LtfDzz1AAsBLAAAAAB8JbCAAAAAAHwlsID/+v/8AS4BLQAAAAgAAgAAAAAAAAABAAACBAF8AA8AAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAQBKwGQAAUAAAC+ANIAAAAqAL4A0gAAAJAADgBNAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAwOpg8QMBLAAAABsBRwAEAAAAAQAAAAAAAAAAAAAAAAACAAAAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEs//8BLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEs//8BLP//ASz//wEsAAABLAAAASz//wEs//8BLP//ASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEs//8BLP//ASz//wEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASz//AEsAAABLP//ASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABIAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLP//ASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABIAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASAAAAEsAAABLAAAASD/+gEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEgAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABIAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABIAAAASwAAAEsAAABIAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEs//8BLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEs//8BLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEs//8BLAAAASwAAAEsAAABLAAAASz//wEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAAAAABQAAAAMAAAAsAAAABAAABaQAAQAAAAAEngADAAEAAAAsAAMACgAABaQABARyAAAAEgAQAAMAAuqI6ozqx+rJ6wnrTuxx8QP//wAA6mDqiuqP6snqzOsL61DxAf//AAAAAAAAAAAAAAAAAAAAAAABABIAYgBmANYA1gFQAdYEGAAAAAMBHAF8AXcA1gFmAckBUwDKAToBqQBXAfkBlAGfAZ4AqgA7AV0AnQDzASgARgHHAI0AGAH0ALUAnwFzAUsBQQFCAd4A7ADBAN4B1QG2AKMBxQGvAPsBvAGwAb4BxAHAAbkA4QG1AcIAAgAFAAYACwAMAA0ADgAPABAAEQATABwAHgAfACAAcABxAHIAcwB2AHcAIwAkACUAJgAoACsAMAAxADIAMwA0ADUANwA4ADkAOgBBAD4AQgBDAEQARQBHAEgATABOAFAAVABoAGoAawBsAHsAfQB/AIIAhgCIAIkAigCLAIwAjgCPAJAAkQCSAJMAlQCWAJgAmQCeAKAApACoAKkArACtAK4ArwCwALEAsgC0ALYAuAC6ALsAvAC9AL4AwADDAMQAxQDGAMsAzADPANoA2wDfAOMA5wDoAOsA7QDuAO8A8AD3APgA+QD6APsA/AD9AQEBGQEdAR4BIAEjASQBJQEmASoBKwEwATIBMwE5ATsBPAE9AT8BRAFFAUgBSgFNAU4BVgCGAVoBWwFcAV4BXwFhAWIBZAFlAWoBawFsAW0BbgFvAXEBcgF0AXYBeQF6AX0AlwF/AYABgQGCAYMBiwGMAY0BjgGPAZMBmQGaAZsBnQGhAaMBpgGnAagBqgGrAbEBsgGzAbQBtwC1AbgBugG9Ab8BwQHDAcsBzAHWAdgB2gHcAd0B3wHgAeEB4gHjAecB6QHqAesB7gE9Ae8B8QHzAfoB+wH8ACUB/gICAgMAuAEfASEBIgB0AHUAhAA/AIUAeAG5AIMAhwCBAG8AKQAqATQApQCrAOkB6AABABkAegEYAUwBhgHGAVgA3AGYAZcBUAGsAVkBaABuAfAASQE2AKYA5AEpAUcBaQAvAVcBTwA8AD0AUQHIAewB5gHkAeUA0QGEAYcBRgCAAf8CAQIAAc4BzwHRAdIB0wHUAc0AEgBmAVIAtwH4AH4A9QEEAQMBAgBaAFkAWAAWAPYA0ADTAG0AfAGJAL8AewAXAOUA5gFVACEAIgEnABUB7QFDARcBBQEGAQwBCQELAQ4BDwESARUBFgEIAQcBygDxAWcAogAHAAgACQAKARQBDQERAB0A6gEvASwAQAAbABoAVgDUANUBkABVAZYBpQD0ATgB2QHbAE0BogDCAfUANgFUAT4BNwF1AGUBGwF+AaQAlwCUAa4BnADZANcA2AH3AfYASgGIAYUAZwDdAS4BLQDiAVEAFADgAJsASwBkAWAAXgBjAQAAWwBfALkBGgG7AGIBeAD+AP8A0gExAKcBCgEQARMAXQBcAGEALgGSAJwAYAGVAFMALQAsAE8BQAHXACcAUgBpAKEAswDOAWMBcAGKAHkBrQFJAPIABACaAXsBoAE1AMcAyQDIAMoBkQHQAM0B8gH9AAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAABisAAAAAAAAAg0AAOpgAADqYAAAAAMAAOphAADqYQAAARwAAOpiAADqYgAAAXwAAOpjAADqYwAAAXcAAOpkAADqZAAAANYAAOplAADqZQAAAWYAAOpmAADqZgAAAckAAOpnAADqZwAAAVMAAOpoAADqaAAAAMoAAOppAADqaQAAAToAAOpqAADqagAAAakAAOprAADqawAAAFcAAOpsAADqbAAAAfkAAOptAADqbQAAAZQAAOpuAADqbgAAAZ8AAOpvAADqbwAAAZ4AAOpwAADqcAAAAKoAAOpxAADqcQAAADsAAOpyAADqcgAAAV0AAOpzAADqcwAAAJ0AAOp0AADqdAAAAPMAAOp1AADqdQAAASgAAOp2AADqdgAAAEYAAOp3AADqdwAAAccAAOp4AADqeAAAAI0AAOp5AADqeQAAABgAAOp6AADqegAAAfQAAOp7AADqewAAALUAAOp8AADqfAAAAJ8AAOp9AADqfQAAAXMAAOp+AADqfgAAAUsAAOp/AADqfwAAAUEAAOqAAADqgAAAAUIAAOqBAADqgQAAAd4AAOqCAADqggAAAOwAAOqDAADqgwAAAMEAAOqEAADqhAAAAN4AAOqFAADqhQAAAdUAAOqGAADqhgAAAbYAAOqHAADqhwAAAKMAAOqIAADqiAAAAcUAAOqKAADqigAAAa8AAOqLAADqiwAAAPsAAOqMAADqjAAAAbwAAOqPAADqjwAAAbAAAOqQAADqkAAAAb4AAOqRAADqkQAAAcQAAOqSAADqkgAAAcAAAOqTAADqkwAAAbkAAOqUAADqlAAAAOEAAOqVAADqlQAAAbUAAOqWAADqlgAAAcIAAOqXAADqlwAAAAIAAOqYAADqmAAAAAUAAOqZAADqmQAAAAYAAOqaAADqmgAAAAsAAOqbAADqmwAAAAwAAOqcAADqnAAAAA0AAOqdAADqnQAAAA4AAOqeAADqngAAAA8AAOqfAADqnwAAABAAAOqgAADqoAAAABEAAOqhAADqoQAAABMAAOqiAADqogAAABwAAOqjAADqowAAAB4AAOqkAADqpAAAAB8AAOqlAADqpQAAACAAAOqmAADqpgAAAHAAAOqnAADqpwAAAHEAAOqoAADqqAAAAHIAAOqpAADqqQAAAHMAAOqqAADqqgAAAHYAAOqrAADqqwAAAHcAAOqsAADqrAAAACMAAOqtAADqrQAAACQAAOquAADqrgAAACUAAOqvAADqrwAAACYAAOqwAADqsAAAACgAAOqxAADqsQAAACsAAOqyAADqsgAAADAAAOqzAADqswAAADEAAOq0AADqtAAAADIAAOq1AADqtQAAADMAAOq2AADqtgAAADQAAOq3AADqtwAAADUAAOq4AADquAAAADcAAOq5AADquQAAADgAAOq6AADqugAAADkAAOq7AADquwAAADoAAOq8AADqvAAAAEEAAOq9AADqvQAAAD4AAOq+AADqvgAAAEIAAOq/AADqvwAAAEMAAOrAAADqwAAAAEQAAOrBAADqwQAAAEUAAOrCAADqwgAAAEcAAOrDAADqwwAAAEgAAOrEAADqxAAAAEwAAOrFAADqxQAAAE4AAOrGAADqxgAAAFAAAOrHAADqxwAAAFQAAOrJAADqyQAAAGgAAOrMAADqzAAAAGoAAOrNAADqzQAAAGsAAOrOAADqzgAAAGwAAOrPAADqzwAAAHsAAOrQAADq0AAAAH0AAOrRAADq0QAAAH8AAOrSAADq0gAAAIIAAOrTAADq0wAAAIYAAOrUAADq1AAAAIgAAOrVAADq1QAAAIkAAOrWAADq1gAAAIoAAOrXAADq1wAAAIsAAOrYAADq2AAAAIwAAOrZAADq2QAAAI4AAOraAADq2gAAAI8AAOrbAADq2wAAAJAAAOrcAADq3AAAAJEAAOrdAADq3QAAAJIAAOreAADq3gAAAJMAAOrfAADq3wAAAJUAAOrgAADq4AAAAJYAAOrhAADq4QAAAJgAAOriAADq4gAAAJkAAOrjAADq4wAAAJ4AAOrkAADq5AAAAKAAAOrlAADq5QAAAKQAAOrmAADq5gAAAKgAAOrnAADq5wAAAKkAAOroAADq6AAAAKwAAOrpAADq6QAAAK0AAOrqAADq6gAAAK4AAOrrAADq6wAAAK8AAOrsAADq7AAAALAAAOrtAADq7QAAALEAAOruAADq7gAAALIAAOrvAADq7wAAALQAAOrwAADq8AAAALYAAOrxAADq8QAAALgAAOryAADq8gAAALoAAOrzAADq8wAAALsAAOr0AADq9AAAALwAAOr1AADq9QAAAL0AAOr2AADq9gAAAL4AAOr3AADq9wAAAMAAAOr4AADq+AAAAMMAAOr5AADq+QAAAMQAAOr6AADq+gAAAMUAAOr7AADq+wAAAMYAAOr8AADq/AAAAMsAAOr9AADq/QAAAMwAAOr+AADq/gAAAM8AAOr/AADq/wAAANoAAOsAAADrAAAAANsAAOsBAADrAQAAAN8AAOsCAADrAgAAAOMAAOsDAADrAwAAAOcAAOsEAADrBAAAAOgAAOsFAADrBQAAAOsAAOsGAADrBgAAAO0AAOsHAADrBwAAAO4AAOsIAADrCAAAAO8AAOsJAADrCQAAAPAAAOsLAADrCwAAAPcAAOsMAADrDAAAAPgAAOsNAADrDQAAAPkAAOsOAADrDgAAAPoAAOsPAADrDwAAAPsAAOsQAADrEAAAAPwAAOsRAADrEQAAAP0AAOsSAADrEgAAAQEAAOsTAADrEwAAARkAAOsUAADrFAAAAR0AAOsVAADrFQAAAR4AAOsWAADrFgAAASAAAOsXAADrFwAAASMAAOsYAADrGAAAASQAAOsZAADrGQAAASUAAOsaAADrGgAAASYAAOsbAADrGwAAASoAAOscAADrHAAAASsAAOsdAADrHQAAATAAAOseAADrHgAAATIAAOsfAADrHwAAATMAAOsgAADrIAAAATkAAOshAADrIQAAATsAAOsiAADrIgAAATwAAOsjAADrIwAAAT0AAOskAADrJAAAAT8AAOslAADrJQAAAUQAAOsmAADrJgAAAUUAAOsnAADrJwAAAUgAAOsoAADrKAAAAUoAAOspAADrKQAAAU0AAOsqAADrKgAAAU4AAOsrAADrKwAAAVYAAOssAADrLAAAAIYAAOstAADrLQAAAVoAAOsuAADrLgAAAVsAAOsvAADrLwAAAVwAAOswAADrMAAAAV4AAOsxAADrMQAAAV8AAOsyAADrMgAAAWEAAOszAADrMwAAAWIAAOs0AADrNAAAAWQAAOs1AADrNQAAAWUAAOs2AADrNgAAAWoAAOs3AADrNwAAAWsAAOs4AADrOAAAAWwAAOs5AADrOQAAAW0AAOs6AADrOgAAAW4AAOs7AADrOwAAAW8AAOs8AADrPAAAAXEAAOs9AADrPQAAAXIAAOs+AADrPgAAAXQAAOs/AADrPwAAAXYAAOtAAADrQAAAAXkAAOtBAADrQQAAAXoAAOtCAADrQgAAAX0AAOtDAADrQwAAAJcAAOtEAADrRAAAAX8AAOtFAADrRQAAAYAAAOtGAADrRgAAAYEAAOtHAADrRwAAAYIAAOtIAADrSAAAAYMAAOtJAADrSQAAAYsAAOtKAADrSgAAAYwAAOtLAADrSwAAAY0AAOtMAADrTAAAAY4AAOtNAADrTQAAAY8AAOtOAADrTgAAAZMAAOtQAADrUAAAAZkAAOtRAADrUQAAAZoAAOtSAADrUgAAAZsAAOtTAADrUwAAAZ0AAOtUAADrVAAAAaEAAOtVAADrVQAAAaMAAOtWAADrVgAAAaYAAOtXAADrVwAAAacAAOtYAADrWAAAAagAAOtZAADrWQAAAaoAAOtaAADrWgAAAasAAOtbAADrWwAAAbEAAOtcAADrXAAAAbIAAOtdAADrXQAAAbMAAOteAADrXgAAAbQAAOtfAADrXwAAAbcAAOtgAADrYAAAALUAAOthAADrYQAAAbgAAOtiAADrYgAAAboAAOtjAADrYwAAAb0AAOtkAADrZAAAAb8AAOtlAADrZQAAAcEAAOtmAADrZgAAAcMAAOtnAADrZwAAAcsAAOtoAADraAAAAcwAAOtpAADraQAAAdYAAOtqAADragAAAdgAAOtrAADrawAAAdoAAOtsAADrbAAAAdwAAOttAADrbQAAAd0AAOtuAADrbgAAAd8AAOtvAADrbwAAAeAAAOtwAADrcAAAAeEAAOtxAADrcQAAAeIAAOtyAADrcgAAAeMAAOtzAADrcwAAAecAAOt0AADrdAAAAekAAOt1AADrdQAAAeoAAOt2AADrdgAAAesAAOt3AADrdwAAAe4AAOt4AADreAAAAT0AAOt5AADreQAAAe8AAOt6AADregAAAfEAAOt7AADrewAAAfMAAOt8AADrfAAAAfoAAOt9AADrfQAAAfsAAOt+AADrfgAAAfwAAOt/AADrfwAAACUAAOuAAADrgAAAAf4AAOuBAADrgQAAAgIAAOuCAADrggAAAgMAAOuDAADrgwAAALgAAOuEAADrhAAAAR8AAOuFAADrhQAAASEAAOuGAADrhgAAASIAAOuHAADrhwAAAHQAAOuIAADriAAAAHUAAOuJAADriQAAAIQAAOuKAADrigAAAD8AAOuLAADriwAAAIUAAOuMAADrjAAAAHgAAOuNAADrjQAAAbkAAOuOAADrjgAAAIMAAOuPAADrjwAAAIcAAOuQAADrkAAAAIEAAOuRAADrkQAAAG8AAOuSAADrkgAAACkAAOuTAADrkwAAACoAAOuUAADrlAAAATQAAOuVAADrlQAAAKUAAOuWAADrlgAAAKsAAOuXAADrlwAAAOkAAOuYAADrmAAAAegAAOuZAADrmQAAAAEAAOuaAADrmgAAABkAAOubAADrmwAAAHoAAOucAADrnAAAARgAAOudAADrnQAAAUwAAOueAADrngAAAYYAAOufAADrnwAAAcYAAOugAADroAAAAVgAAOuhAADroQAAANwAAOuiAADrogAAAZgAAOujAADrowAAAZcAAOukAADrpAAAAVAAAOulAADrpQAAAawAAOumAADrpgAAAVkAAOunAADrpwAAAWgAAOuoAADrqAAAAG4AAOupAADrqQAAAfAAAOuqAADrqgAAAEkAAOurAADrqwAAATYAAOusAADrrAAAAKYAAOutAADrrQAAAOQAAOuuAADrrgAAASkAAOuvAADrrwAAAUcAAOuwAADrsAAAAWkAAOuxAADrsQAAAC8AAOuyAADrsgAAAVcAAOuzAADrswAAAU8AAOu0AADrtAAAADwAAOu1AADrtQAAAD0AAOu2AADrtgAAAFEAAOu3AADrtwAAAcgAAOu4AADruAAAAewAAOu5AADruQAAAeYAAOu6AADrugAAAeQAAOu7AADruwAAAeUAAOu8AADrvAAAANEAAOu9AADrvQAAAYQAAOu+AADrvgAAAYcAAOu/AADrvwAAAUYAAOvAAADrwAAAAIAAAOvBAADrwQAAAf8AAOvCAADrwgAAAgEAAOvDAADrwwAAAgAAAOvEAADrxAAAAc4AAOvFAADrxQAAAc8AAOvGAADrxgAAAdEAAOvHAADrxwAAAdIAAOvIAADryAAAAdMAAOvJAADryQAAAdQAAOvKAADrygAAAc0AAOvLAADrywAAABIAAOvMAADrzAAAAGYAAOvNAADrzQAAAVIAAOvOAADrzgAAALcAAOvPAADrzwAAAfgAAOvQAADr0AAAAH4AAOvRAADr0QAAAPUAAOvSAADr0gAAAQQAAOvTAADr0wAAAQMAAOvUAADr1AAAAQIAAOvVAADr1QAAAFoAAOvWAADr1gAAAFkAAOvXAADr1wAAAFgAAOvYAADr2AAAABYAAOvZAADr2QAAAPYAAOvaAADr2gAAANAAAOvbAADr2wAAANMAAOvcAADr3AAAAG0AAOvdAADr3QAAAHwAAOveAADr3gAAAYkAAOvfAADr3wAAAL8AAOvgAADr4AAAAHsAAOvhAADr4QAAABcAAOviAADr4gAAAOUAAOvjAADr4wAAAOYAAOvkAADr5AAAAVUAAOvlAADr5QAAACEAAOvmAADr5gAAACIAAOvnAADr5wAAAScAAOvoAADr6AAAABUAAOvpAADr6QAAAe0AAOvqAADr6gAAAUMAAOvrAADr6wAAARcAAOvsAADr7AAAAQUAAOvtAADr7QAAAQYAAOvuAADr7gAAAQwAAOvvAADr7wAAAQkAAOvwAADr8AAAAQsAAOvxAADr8QAAAQ4AAOvyAADr8gAAAQ8AAOvzAADr8wAAARIAAOv0AADr9AAAARUAAOv1AADr9QAAARYAAOv2AADr9gAAAQgAAOv3AADr9wAAAQcAAOv4AADr+AAAAcoAAOv5AADr+QAAAPEAAOv6AADr+gAAAWcAAOv7AADr+wAAAKIAAOv8AADr/AAAAAcAAOv9AADr/QAAAAgAAOv+AADr/gAAAAkAAOv/AADr/wAAAAoAAOwAAADsAAAAARQAAOwBAADsAQAAAQ0AAOwCAADsAgAAAREAAOwDAADsAwAAAB0AAOwEAADsBAAAAOoAAOwFAADsBQAAAS8AAOwGAADsBgAAASwAAOwHAADsBwAAAEAAAOwIAADsCAAAABsAAOwJAADsCQAAABoAAOwKAADsCgAAAFYAAOwLAADsCwAAANQAAOwMAADsDAAAANUAAOwNAADsDQAAAZAAAOwOAADsDgAAAFUAAOwPAADsDwAAAZYAAOwQAADsEAAAAaUAAOwRAADsEQAAAPQAAOwSAADsEgAAATgAAOwTAADsEwAAAdkAAOwUAADsFAAAAdsAAOwVAADsFQAAAE0AAOwWAADsFgAAAaIAAOwXAADsFwAAAMIAAOwYAADsGAAAAfUAAOwZAADsGQAAADYAAOwaAADsGgAAAVQAAOwbAADsGwAAAT4AAOwcAADsHAAAATcAAOwdAADsHQAAAXUAAOweAADsHgAAAGUAAOwfAADsHwAAARsAAOwgAADsIAAAAX4AAOwhAADsIQAAAaQAAOwiAADsIgAAAJcAAOwjAADsIwAAAJQAAOwkAADsJAAAAa4AAOwlAADsJQAAAZwAAOwmAADsJgAAANkAAOwnAADsJwAAANcAAOwoAADsKAAAANgAAOwpAADsKQAAAfcAAOwqAADsKgAAAfYAAOwrAADsKwAAAEoAAOwsAADsLAAAAYgAAOwtAADsLQAAAYUAAOwuAADsLgAAAGcAAOwvAADsLwAAAN0AAOwwAADsMAAAAS4AAOwxAADsMQAAAS0AAOwyAADsMgAAAOIAAOwzAADsMwAAAVEAAOw0AADsNAAAABQAAOw1AADsNQAAAOAAAOw2AADsNgAAAJsAAOw3AADsNwAAAEsAAOw4AADsOAAAAGQAAOw5AADsOQAAAWAAAOw6AADsOgAAAF4AAOw7AADsOwAAAGMAAOw8AADsPAAAAQAAAOw9AADsPQAAAFsAAOw+AADsPgAAAF8AAOw/AADsPwAAALkAAOxAAADsQAAAARoAAOxBAADsQQAAAbsAAOxCAADsQgAAAGIAAOxDAADsQwAAAXgAAOxEAADsRAAAAP4AAOxFAADsRQAAAP8AAOxGAADsRgAAANIAAOxHAADsRwAAATEAAOxIAADsSAAAAKcAAOxJAADsSQAAAQoAAOxKAADsSgAAARAAAOxLAADsSwAAARMAAOxMAADsTAAAAF0AAOxNAADsTQAAAFwAAOxOAADsTgAAAGEAAOxPAADsTwAAAC4AAOxQAADsUAAAAZIAAOxRAADsUQAAAJwAAOxSAADsUgAAAGAAAOxTAADsUwAAAZUAAOxUAADsVAAAAFMAAOxVAADsVQAAAC0AAOxWAADsVgAAACwAAOxXAADsVwAAAE8AAOxYAADsWAAAAUAAAOxZAADsWQAAAdcAAOxaAADsWgAAACcAAOxbAADsWwAAAFIAAOxcAADsXAAAAGkAAOxdAADsXQAAAKEAAOxeAADsXgAAALMAAOxfAADsXwAAAM4AAOxgAADsYAAAAWMAAOxhAADsYQAAAXAAAOxiAADsYgAAAYoAAOxjAADsYwAAAHkAAOxkAADsZAAAAa0AAOxlAADsZQAAAUkAAOxmAADsZgAAAPIAAOxnAADsZwAAAAQAAOxoAADsaAAAAJoAAOxpAADsaQAAAXsAAOxqAADsagAAAaAAAOxrAADsawAAATUAAOxsAADsbAAAAMcAAOxtAADsbQAAAMkAAOxuAADsbgAAAMgAAOxvAADsbwAAAMoAAOxwAADscAAAAZEAAOxxAADscQAAAdAAAPEBAADxAQAAAM0AAPECAADxAgAAAfIAAPEDAADxAwAAAf0AAAAAAEoAggCqARABZgGeAeoCNgKCAs4C9gMeA0YDbAOSA7gD3gQmBE4EjgSsBPwFZAWuBgQGbAbIBw4HDgdKB6AH0AhGCOAJTgnKCf4KeAsAC3QMCAyaDQAN2g7ID4gPxg/mEGgQiBCoEMgQ6BGUEcoR+hISElQSehKgEvwTLhNGE24TlBQkFJIVOhWkFdIWPBamFuYXaBfYGCoY0hkmGZAZuBpMGqobnhwOHKwc8B0qHageDB5eHu4fmiB0ISYh8iLGI2QkICToJYImLiZyJtYnGCdCJ1on7igyKOIpbin6KkAqfCquKtYq9CsOKzYrVCuKLAIsrizeLS4tvi4eLnQu4i9UL5wvzDAUMEoweDDKMQwxTjGeMcwybjLcMygzjDPKNBw0XDSYNRg1WDWoNhI2cjaqNxY3zDiaONY5ODlkOcw6EjpeOrI7ejvgPBg8hDzwPVw9tD4uPqo/Ij+MQDhAlkEGQXBB3EJSQo5C3kMWQ1JDfkPsRCJEWESORPxFgkXgRiRGlEd0R+BITEjESYBKHErASyxLYEviTCpMrE0cTahORE7WT0hP2lBGUMJRPFGgUgJSZFMCU3ZTtlRWVNRVWFW+ViZWUlbEVwBXbFfsWD5Y5FkUWWBZvFoSWoZa5ltCW3RbtFv8XGpcvF2eXgheQF5qXsBfLl9aX8pgEGBUYJZhBmGGYe5iSGJyYppizmMsY2ZjsGPiZBBkRGR0ZJ5k6GUcZURljmXCZexmFGaOZxRnmGfwaMxpIml2adhqIGryayxrZmvCbD5sZmy8bQptXm26bfpuNm5cboJuum70b0hv0HAccHpwtnDqcSBxZHG4cg5ygnLgc2xztnQEdGB08nVgddZ2CHZmdqZ3hnf0eHJ4xHkkech6Tnq+eyZ7Wnuee+p8aHzEfR59bn2yffx+Pn58fsJ/Gn+cf8p//oBAgPqBYoGwgjKC4oNyhAqEPIR6hLKFcIW4hhSGmIbOhuaHQIhQiOKJFImgiiCKlIsEi36L3Iw4jJSM4I04jbyOhI8Ej3CP2pAckGqQ4pE+kZqR9JJckuiTYpPglESUspUelYKVvJZ0ltKXCpdql5aYHJmymlabNpucnBicgJzKnRSdVJ22nkaevJ9EoA6gQqB2oV6hoKHSohiiWKKyoxSjXqO8pCikxKUWpYKmEqZSpsKnBKeSqBComKj2qVapqKoyqpaq+KtAq5qr6qyArQStcq3IrhCuaK7qr16v8rB6snqy7rSatP61IrWOtea2LrbktyC3WLe4t+64TrjquVK5cLmMuai5xrnoukS6oLsSu5S8RrycvSy+Fr64vzDAAMBmwOrBSMGqwhLCWMLgwyTDZsP+xEzEvsT2xaDGAMa4xxLHjsgIyGbIsAAAAAQAAAAAARoBGgAMABkAJwAwAAATIg4BFB4BMj4BNC4BBzQ+ATIeARQOASIuARcyNjU0JisBIgYVFBYzNTI2NCYiBhQWlh8zHh4zPjMfHzOiIzxIPCMjPEg8I4McJg4JVgkOJhwPFBQeFBQBBx8zPjMeHjM+Mx9xJDwjIzxIPCMjPCwgGQoNDQoZIF4VHRQUHRUAAAACAAAAAAEaARoADAAjAAA3FA4BIi4BND4BMh4BNyIOAQczPgEzMh4BFRQGBxU+AjQuAbwXJy4nFhYnLicXCRUlFwMUAyQZEh4SIRgVIhQWJ2cXJxYWJy4nFxcnmxQiFRghEh4SGSQDFAMXJSwnFgAAAQAAAAABBwEaABsAABM0JiIGHQEjIgYUFjsBFRQWMjY9ATMyNjQmKwGWBQgGZwQFBQRnBggFZwQGBgRnARAEBQUEZwYIBWcEBQUEZwUIBgABAAAAAAEoARoARQAANyMiJjQ2OwEyNj8BNjQvASYnIgYPAQ4BIyImLwEmND8BPgE7ATIWFAYrASIGDwEGFB8BFhcyNj8BPgEzMhYfARYUDwEOAcwtBAUFBC0FCQI3AgI4BAkFCAJAAxMLCRAFNwUFNgUSCi0EBQUELQUJAjcCAjgECQUIAkADEwsJEAU3BQU2BRITBQgGBQReBAoEYAcBBwXQCw0JCF8JFAleCAoFCAUGBF4ECgRgBwEHBdALDQkIXwkUCV0JCgAAAAAEAAAAAAEaAQcACwAjADMAPQAANyIGHgE7ATI2NCYjJzQ2OwEyFh0BFAYHFRYGJyMiJj0BLgE1NyIGBxUeATsBMjY9ATQmIwcVFBY7ATI2PQF6BAYBBQQ4BAYGBJ8QDM4MEAoJARwThBMbCQocBAUBAQUEzgQGBgTFEQuECxGWBQgGBggFVAwREQwSCQ8DaRMcARsTaQMPCRwGBBIEBgYEEgQGOGgLERELaAAAAQAAAAABGgDPACMAADcmND8BNjIWFA8BMycmNDYyHwEWFA8BBiImND8BIxcWFAYiJxUCAjkCCAYDKMYoAwYIAjkCAjkCCAYDKMYoAwYIAoYDCAI5AgUIAygoAwgFAjkCCAM4AwUIAygoAwgFAwAAAAMAAAAAARoBGgAXACQAMQAANxcWMj8BNjQmIg8BNTQmIgYdAScmIgYUFyIuATQ+ATIeARQOAScUHgEyPgE0LgEiDgFgLwMIAy8CBQgDHwUIBR8DCAU4JDwjIzxIPCMjPJQeMz4zHx8zPjMehi8DAy8DCAUDH1oEBgYEWh8DBQh2IzxIPCMjPEg8I4MfMx4eMz4zHx8zAAAAAwAAAAABGgEaABcAJAAxAAA3JyY0PwE2MhYUDwEzMhYUBisBFxYUBiInFB4BMj4BNC4BIg4BFwYuAj4BMh4BFA4Bhi8DAy8DCAUDH1oEBgYEWh8DBQh2IzxIPCMjPEg8I4MfMx4BHzM+Mx8fM2AvAwgDLwIFCAMfBQgFHwMIBTgkPCMjPEg8IyM8lAEfMz4zHx8zPjMeAAADAAAAAAEaARoAFwAkADEAAD8BNjQvASYiBhQfASMiBhQWOwEHBhQWMjcUDgEiLgE0PgEyHgEHMj4BNC4BIg4BFB4Bpi8DAy8DCAUDH1oEBgYEWh8DBQh2IzxIPCMjPEg8I4MfMx8fMz4zHh4zYC8DCAMvAgUIAx8FCAUfAwgFOCQ8IyM8SDwjIzyUHjM+Mx8fMz4zHgAAAAMAAAAAARoBGgAXACQAMQAAPwE2Mh8BFhQGIi8BFRQGIiY9AQcGIiY0NyIOARQeATI+ATQuAQcmPgEyHgEUDgIuAWAvAwgDLwIFCAMfBQgFHwMIBTgkPCMjPEg8IyM8lAEfMz4zHx8zPjMepi8DAy8DCAUDH1oEBgYEWh8DBQh2IzxIPCMjPEg8I4MfMx8fMz4zHgEfMwAAAQAAAAAA9AEHABcAADc0JiIGHQEnJiIGFB8BFjI/ATY0JiIPAZ8FCAVEAwgGA1QDCANUAwYIA0T9BAYGBLZMAwUIA10DA10DCAUDTAAAAAABAAAAAAEHAPQAFwAANzI2NCYrATc2NCYiDwEGFB8BFjI2NC8B/QQGBgS2TAMFCANdAwNdAwgFA0yNBQgFRAMIBgNUAwgDVAMGCANEAAAAAAEAAAAAAQcA9AAXAAA3IgYeATsBBwYUFjI/ATY0LwEmIgYUHwEvBAYBBQS2TAMFCANdBARdAwgFA0yfBQgFRAMIBgNUAwgDVAMGCANEAAAAAQAAAAAAvADiABcAADcHBiIvASY0NjIfATU0NjIWHQE3NjIWFLkmAggDJQMFCAMVBggFFQMIBoYmAgImAwgFAxVaBAUFBFoVAwUIAAEAAAAAAM8AzwAXAAA3JyY0PwE2MhYUDwEzMhYUBisBFxYUBiJzJQMDJQMIBQMVWgQFBQRaFQMFCHMmAggDJQMFCAMVBggFFQMIBgABAAAAAADPAM8AFwAAPwE2NC8BJiIGFB8BIyIGFBY7AQcGFBYypiYCAiYDCAUDFVoEBQUEWhUDBQhzJgIIAyUDBQgDFQYIBRUDCAYAAQAAAAAAvADiABcAADcnJiIPAQYUFjI/ARUUFjI2PQEXFjI2NLkmAggDJQMFCAMVBggFFQMIBrklAwMlAwgFAxVaBAUFBFoVAwUIAAIAAAAAAQcBEAAXAC8AABMmIgYUHwEjIgYUFjsBBwYUFjI/ATY0Jwc2NCYiDwEGFB8BFjI2NC8BMzI2NCYrAdUDCAUDHrcEBQUEtx4DBQgDLwMDoAMFCAMvAwMvAwgFAx63BAYGBLcBDQMGBwMfBQgGHwIIBgMvAwgCYQIIBgMvAwgCLwMGBwMfBQgGAAAAAAEAAAAAAPQBBwAXAAA3FBYyNj0BFxYyNjQvASYiDwEGFBYyPwGNBQgFRAMIBgNUAwgDVAMGCANELwQFBQS2TAMFCANdBARdAwgFA0wAAAAAAQAAAAAA9AEHACkAADcUFjI/ATYyFhQPAQYiJjQ/ATY0JiIPAQYUFjI/AT4BNTQuASMiBg8BBisFCANWDicbDmMGDwsFZAMGCANjCxYfC2QJChIeEg0YCVYDlgMGA1YOHCcNZAULDwZjAwgFAmQLHxYLYwoYDRIeEQkKVgMAAAACAAAAAAEaARoABwAPAAAlFQcnFScXNRcnFQ8BFRc1ARlBZjqoAV5WGiXooDUlJUsNkAE5JRohSxFhAAADAAAAAAEiARoAGwAmADQAACUnLgEHIyIGDwEGHgI7ATI2PwEXFjsBMj4CByIvATM3FxwBDgEzIzYvATMeARUXFg4CASBLAgoHWAYKAkwCAgUJBTcFCgIMOAUGWAQJBQJrAgJsORQqAgRWRQICTEUCBEwBAQICLOEFCAEHBeEFCQgDBwYhKwMEBwkIAVA0fQEDAwEGB+EBAgLhAQMCAgAABAAAAAABLQEaAAwAFQAeAEgAADcyHgEUDgEiLgE0PgEHFjMyPgE1NC8BIg4BFRQXNyYnMhYUBisBFQYHNSMVFA8BMwYHIwcGFjsBFhcjIi4BPwE2PQEjIiY0NjPYFyYXFyYuJxcXJxESFhEfEQ00Eh4SDVwSDAQFBQQTCQlMCgwbAwEhFwIFBjoFB0YLDwQFLQgTBAUFBKkXJy4mFxcmLicXiQ0RHxEWEhoSHhIVElwNgwUIBUwBAk9YFhIWCgkrBAoKCA0TCVQOEVgFCAUAAAMAAAAAAQkBGgAdACcAMQAAEzIWFAYrARUUHwEWDgErASIuAT8BNj0BIyImNDYzFxUUDwEzJyY9ARcjBwYWOwE+ASfhBAUFBBMILQUEDwuoCw8EBS0IEwQFBQQlCgx4DAogjBcCBQaoBgUCARkFCAVYEQ5UCRMNDRMJVA4RWAUIBRJYFhIWFhIWWKkrBAoBCQQAAAADAAAAAAEaARoAKgAyADsAADc1BiMVFB8BIzc2PQE0PgEzMhc2NyYjIg4BHQEHBhY7ARQWMjYnMzI2LwEHIiY1MxQGIzcUBiImNDYyFvQJCgENsg0BFCMUBQUFCAwLGSsaEgIGBUEWIBYBQgUGAhJeCAsmCwiDIS4hIS4hciYCJQICIiICAksUIhUBCQgCGSsZSi0ECQ8WFg8JBC1MCggIC7wXISEuISEAAAAABgAAAAABGgEaABoAIgAqADAAPABFAAATJiIGFB8BBh0BBwYWOwEUFjI2NTMXFjI2NC8BIiY1MxQGIyc3Nj0BNDcXNxUXJzUyLwE+ATMyFwYHJyIGFzQ2MhYUBiImIwMIBQMqCBICBgVBFiAVKyMDCAUCgQgLJgsIWQ0BA4YgDB8JiA0NIRMKDAYGCg8aPCEuISEuIQEXAgUIAyoREkotBAkPFhYPIgMFCAMDCggICyYiAgJLCguGTiceHyNcDQwOAwYLAQsaFyEhLiEhAAAAAAQAAAAAARoBGgATADAANgA+AAA3Jz4BMzIeAR0BFyc1NC4BIyIGBxcGIi8BIxQGIiY1IyImPwE1NDcnJjQ2Mh8BFhQHJyMUFj4BNycGHQEUDwFiDQ0hExkrGgwfFCMUDxoLtQMIAyMrFSAWQQUGAhIIKwIFCAPzAwNtJgsQCyuGAwEN8g0MDhkrGUoeH0kUIhUMCd0CAiMPFhYPCAUtShIRKgMIBQPzAwgDIwgLAQobhgsLSgICIgADAAAAAAEIARoAFwAfAC8AACUnNTQuASIOAR0BBwYWOwEUFjI2JzMyNgciJjUzFAYjJzc2PQE0PgEyHgEdARQfAQEGEhorMisaEgIGBUEWIBYBQgUGcggLJgsIWQ0BFCMoIxQBDUUtSRorGRkrGkktBAkPFhYPCBoKCAgLJiICAksUIhUVIhRLAgIiAAMAAAAAAOUBBwAYACAAKAAANzQ2OwEyFhUUBgcWFxYVFAcGBwYrASImNTcVMzI2NCYjJzMyNjQmKwFLDAk4HSMIBQ0FCAsKEQ4QQQkMJi0KEhIKLSkMEA8LK/IIDSQcDRwICgkLERcQDgcFDAhJOA8aDyYQFxEAAAMAAAAAARoBBwAdAC0APQAAEyIGHQEUFjsBFjY3HgE7AT4BPQE0JisBIgYHLgEjFxUUBisBIiY9AT4BOwEyFhc1NDY7ATIWHQEUBisBIiYvDBAQDEILEwcHEwtCDBAQDEEMEwcHEwwdEQtCBAYBBQRCCxESEQtCBAYGBEEMEQEHEQyoDBABCwgICwEQDKgMEQsICAsvhAsRBgSoBAYRj4QLEQYEqAQGEQAAAAACAAAAAAD0AQcAEAAeAAA3BiY9ATQ2OwE2Fh0BFAYvATc1LgErASIGHQE3Nh8BRwUKFhBwEBYKBU9LAQsHcAgLRgUFRicDBQayDxYBFhCyBgUDNYUCBwoLCKEvAwMvAAADAAAAAAEaAQcAIABLAFQAADc0NjM2Fh0BFBYXFhQHBgcVJiM2NzY3LgE9ATQmIyImNQc2PQE0NjMyNjQmIyYGHQEUBgcGFBceAR0BFBYzFjY0JiMiJj0BNCYnNjcXIgYUFjI2NCbFBQQQFgQJBQUJAwoJAQEDBQUGCwgEBX0DCwgEBQUEEBYECQUFCQQWEAQFBQQICwYFBQOZFyEhLiEh/QQFARYQJg4KBQIMAgUGAgIEAwcFBQ4RJwgLBQRbBxEnCAsFCAUBFhAmDgoFAgwCBQoPJRAVAQYIBQsIJxEOBQUHMSEvISEvIQAAAAQAAAAAARoBBwAIACQARABuAAA3IgYUFjI2NCYXFhQGIi8BBwYiJjQ/AScmNDYyHwE3NjIWFA8BJzQ2MzYWHQEUFhcWFAcGBxUmIzY3NjcuAT0BNCYjIiYHHgEdARQWMzIWFAYjIiY9ATQmJyY0Nz4BPQE0NjMyFhQGIyIGHQEUBgfhFyEhLiEhBQIFCAMODgMIBQIPDwIFCAMODgMIBQIPKQUEEBYECQUFCQMKCQEBAwUFBgsIBAWFBQYLCAQFBQQQFgQJBQUJBBYQBAUFBAgLBgVxIS8hIS8hRwMIBQMODgMFCAMODwIIBgMODgMGCAIPxQQFARYQJg4KBQIMAgUGAgIEAwcFBQ4RJwgLBWMFDhEnCAsFCAYWECUPCgUCDAIFCg4mEBUFCAULCCcRDgUAAAAABAAAAAABGgEaABkAJAA8AFYAADc1NDY7ATIWHQEzMhYdARQGKwEiJj0BNDYzNxUzNS4BKwEiBhUHFRQWOwEyNj0BBisBFRQGKwEiJj0BIyI3NTQ2OwEyFh0BMzI2PQE0JisBIgYdAR4BM14QDDgMECYPFhYPvA8WFg85SwEFBDgEBkoKCLwICw0QQQYEEgQGQRBRBgQSBAZBDBELCLwICwEQDOEcDBAQDBwWD4QPFhYPhA8WHBwcBAYGBINCCAoKCEIJCgQFBQQKEgoEBQUEChELHQcLCwgcCxEAAAUAAAAAAR4A9gARACMANgBJAFIAADcGFBcWFAYiJy4BNDY3NjIWFDcmIgYUFxYUBwYUFjI3PgE0Jic2NCYiBw4BFhcWMjY0Jy4BNj8BJiIGFBceAQYHBhQWMjc+ASYnByIGFBYyNjQmaBQUAgUIAwwMDAwDCAVoAwgFAhQUAgUIAwwMDJgDBQgDGRISGQMIBQMVDw8VrQMIBQMVDw8VAwUIAxkSEhldCAsLEAsLxBM2EwMIBQIMHyIfDAIFCAsCBQgDEzYTAwgFAgwfIh8gAggGAxlERBkDBggCFjo6Fg0DBggCFjo6FgIIBgMZREQZSgsQCwsQCwAAAwAAAAABGgEaAA8AFwAiAAATIgYdARQWOwEyNj0BNCYjBzQ2OwE2FhUHMxUUBisBLgE9AUsXISEXlhchIRe7FRCWEBbh4RYQlhAWARkhF5YXISEXlhchOBAVARYQE4MQFgEVEIMAAAADAAAAAAEaARoAQABIAFgAACUjNTQnNzY0JiIPASYjNCYiBhUiBycmIgYUHwEGHQEjIgYUFjsBFBcHBhQWMj8BFjI3FxYyNjQvATY1MzI2NCYjJzIWFSM0NjMXFA4BIi4BPQE0NjsBMhYVARAcBRUCBQgDFQkKIS4hCgkVAwgFAhUFHAQFBQQcFSADBgcDIRpCGiEDBwYDIBUcBAUFBHoQFUoVEEsUIygjFAsIcAgLliYKCRUCCAYDFQUXISEXBRUDBggCFQkKJgUIBiEaIQIIBgMhFRUhAwYIAiEaIQYIBXEWEBAVgxQjFBQjFDkHCwsHAAAABwAAAAABGgEsABcAMwA8AEUATgBYAGEAAD8BNjQmIg8BNTQmIgYdAScmIgYUHwEWMhcUBisBIiY9ATQ2MhYXFRQWOwEyNj0BNDYyFhUHMjY0JiIGFBYzMjY0JiIGFBYHMjY0JiIGFBYzMjY0JiIGFBYzNzI2NCYiBhQWnSUDBgcDFgUIBRYDBwYDJQMIfxsUqBQbBQgFARAMqAwRBQgFzggLCxALC1MICwsQCwsdBwsLDwsLUwcLCw8LCwcmCAsLEAsLviYCCAYDFUcEBQUERxUDBggCJgN5FBsbFHAEBgYEcAwQEAxwBAYGBEEKEAsLEAoKEAsLEAo5CxALCxALCxALCxALOQoQCwsQCgAAAAAIAAAAAAEaARoADwAZACEAKgAzADwARQBPAAATIyIGHQEUFjsBMjY9ATQmFxQGKwEiJj0BMyc0NjsBMhYVBzQ2HgEOASImNzQ2HgEUBiImJzQ2MhYOASImNzQ2MhYUBiImNyY2MhYUBiImNeGWFyEhF5YXISEPFhCWEBXh4RUQlhAWvAsQCwEKEAs4CxALCxALOAsQCwEKEAs4CxALCxALOQELEAsLEAsBGSEXlhchIReWFyHOEBUVEIMTEBYWEIMICwEKEAsLCAgLAQoQCwtACAsLEAsLCAgLCxALCwgICwsQCwsIAAAAAwAAAAABBwEJABgAOQBgAAABFhQPATMyFhQGKwEiJj0BNDYyFhcVNzYyBzYWHwEWBg8BFx4BHwE3NhYfARYUDwEOAScmJyYnJjY3FwYHJy4BLwE3ByY/ATYvAS4BDwEOARceARcWNj8BNjQvASYPASInAQQDAzshBAYGBDgEBQUIBQE6AwivDBgFCwQCBRIBAwoIAxwHDgUPCQoGECwRIxQWCAMWFDsDAwgKDQMCCQkBAxQEAwsCCgUFDg8CByYhCx4LBgQEDwMFIQQDAQQDCAM7BQgFBQQ4BAYGBCE7AgIFCgsXCBAGFgUKEgcDBQEEBRAKGwoFDwQOHSAiMxQjB44EBAcKFQ0LAgEEAxkEBhcFBAICBRgNMDsbCgMLBQQMBBADAQYCAAADAAAAAAEHAQkAGAA5AGAAADc0NjsBMhYdARQOASY9AQcGIiY0PwEjIiYnNhYfARYGDwEXHgEfATc2Fh8BFhQPAQ4BJyYnJicmNjcXBjEnLgEvATcHJj8BNi8BLgEPAQ4BFx4BFxY2PwE2NC8BJg8BIie8BQQ4BAYGCAU7AwgFAjshBAVqDBgFCwQCBRIBAwoIAxwHDgUPCQoGECwRIxQWCAMWFDsGCAoNAwIJCQEDFAQDCwIKBQUODwIHJiELHgsGBAQPAwUhBAP9BAYGBDgEBQEGBCE7AgUIAzsFCwUKCxcIEAYWBQoSBwMFAQQFEAobCgUPBA4dICIzFCMHjggHChUNCwIBBAMZBAYXBQQCAgUYDTA7GwoDCwUEDAQQAwEGAgAABAAAAAABBwD0ABMAFgA2AEIAADc2Mh8BFgYPASImLwEjBw4BLgE/ATMnFx4BHQEUBgcjIiY9AQYiJjQ+ARc0JiMmBwYuATY3Nh8BJgcOARQWMzI/ATVLAg4COQEEAwMDBQERPREBBwgDASkxGYoTFQQEAQMGEyEXFSQSCwwRCAMIBAEDDBYVDw8LDAwKDRMD7QYGqAQHAQEEAzExBAQDBwQ+Sh4BFBFIAwUBBQMDCxciFgUFCgsBBQMCBggCCQE7BAIBCxQLDAIaAAAABQAAAAABLQEtAB4APgBwAH0AmQAANxYXBwYuAT0BIyImPQE0NjsBBhQXIyIGHQEUFjsBFTcGDwEOAQ8BDgEdARYXNzY/AT4BNCYvATEuAS8BLgEiJx8BHgEfAR4BMzEyPwI+AT8BMjY0JiMnJi8BJi8BLgErASIGDwEGDwEGDwEOARQWMxcUDgEiLgE0PgEyHgEHNzY0JiIPAScmIgYUHwEHBhQWMj8BFxYyNjQncQEEHwYPChwMEBAMfAICfAQFBQQvuQEBBAEIBQwBAhoWAwQGCwECAgEMBQgCAwECA1gOBQQHAgUBAwICAQIFAgoGDwICAgIPBAQDBQMEAQMBAQEDAQUCBQEEBg4CAgICfxcmLicXFycuJhdHFQMFCAMVFgMHBgMVFQMGBwMWFQMIBQNJCwobBQEKCCQQDIMMEQUKBAYEgwQFN7kBAQwFCAEEAQIBAQIPBAQBBAECAwIBBAEIBQwBAhcFAgIHBhACAgECDwcKAgUDBAMFAgIDBQcOAgICAg4HBQEEAgQBAwQDpBcmFxcmLicXFycXFgMHBgMVFQMGBwMWFQMIBQMVFQMFCAMAAAYAAAAAAS0BLQAeAEwAfgCRAJwAqAAANw8BBi4BPQEjIiY9ATQ2OwEGFBcjIgYdARQWOwEVPwEGDwEOAQ8BDgEdARYfAR4BHwEeATsBMjY/AT4BPwE+ATQmLwExLgEvAS4BIgcnHwEeAR8BHgEzMTI/Aj4BPwEyNjQmIycmLwEmLwEuASsBIgYPAQYPAQYPAQ4BFBYzFxYUDgErASIuATQ/AT4BMhYfASc0JiIOAR4CPgE1NCYiBh0BFBYyNjWSECsGDwocDBAQDHwCAnwEBQUELz57AQEEAQgFDAECBgQFBQgCAwECAQEBAgEEAQgGCwECAgEMBQgCAwECAwFXDgUEBwIFAQMCAgECBQIKBg8BAwMBDwQEAwUDBAEDAQEBAwEFAgUBBAYOAgICAn0CBQkFgwUIBgJCAgkLCQJCSQUHBQIBBAYFAwUIBgYHBl4fJgUBCggkEAyDDBEFCgQGBIMEBTc3ggEBDAUIAQQBAgECAQMCAggFDAECAgEMBQgBBAECAwIBBAEIBQwBAgEYBQICBwYQAgIBAg8HCgIFAwQDBQICAwUHDgICAgIOBwUBBAIEAQMEA90ECggFBQgKBIMFBgYFgwEEBgQFBQUBAwRhBAUFBDgEBgYEAAAAAwAAAAABLQEsADEAXQCIAAABMzIWFAYjBw4BDwIGIzEiJi8BLgEvAiImNDY/ATY/ATY/AT4BOwEyFh8BFh8BFh8BJxUuAS8BLgEiBg8BDgEPAQ4BFBYfAR4BHwEeATsBMjY/AT4BPwE+ATQmLwEjIgYdARQWOwEVFB4BPwEzMjY1JyInJicVFAYrAQc1IyImPQE0NjsBJjQBAgEBAwMBDwYKAgUCAgECAwEFAgcEAxACAgICDgYEAQUCBQEDAQEBAwEEAwUDBAQ1DAUIAgMBAgMCAQQBCAUMAQICAQsGCAEEAQIBAQECAQQBCAYLAQICAZF8DBAQDBwKDwY5WgwRAQcGAwIGBGE+LwQFBQR8AgECAwQDBQIKBw8CAQICEAYHAgIFAwQDAQQCBAEFBw4CAgICDgcFAwICRwQBAggFDAECAgEMBQgCAwECAwIBBAEIBgsBAgIBCwYIAQQBAgMCAUYQDIMMECQICgEFMhAMHAQDAyYEBTc3BQSDBAYECgAAAwAAAAABIwDrAAgAEwAmAAA3JiIPARc3NjQHJiIGFB8BFjI/ARciLwEmNDYyHwE3NjIWFA8BBiPoAwgDXA1dAscDCAUDOAIIAwcrBAM4AwUIAzKGAggGA40DA+gCAl0NXAMIUgMFCAM4AwMGCQM4AwgFAzGGAgUIA4wDAAEAAAAAARAA9AAQAAAlNjIWFA8BBiIvASY0NjIfAQEAAwgFA58DCANBAwYHAzvxAwYIApYDA0EDCAUCPAAAAAAGAAAAAAEaAQcAEQAdAC8AOwBNAFkAABMWFA8BBiIvASY0NjIfATc2MhcjIiY0NjsBMhYUBgcWFA8BBiIvASY0NjIfATc2MhcjIiY0NjsBMhYUBicWFA8BBiIvASY0NjIfATc2MhcjIiY0NjsBMhYUBlsDAyUDCAMSAwUIAwwfAgi4lgQFBQSWBAUFuQMDJQMIAxIDBQgDDB8CCLiWBAUFBJYEBQW5AwMlAwgDEgMFCAMMHwIIuJYEBQUElgQFBQEEAwgCJgMDEwIIBgMMHwMmBQgGBggFhgMIAiYCAhMDCAUDDB8DJgYIBQUIBncCCAMlAwMSAwgFAgweAyUFCAUFCAUAAAEAAAAAAPQAxQARAAA3NjIfATc2MhYUDwEGIi8BJjQ7AwgCTk4CCAYDVAMIA1QDwgMDTk4DBgcDVQICVQMHAAABAAAAAADFAPQAEQAANxYUDwEXFhQGIi8BJjQ/ATYywgMDTk4DBgcDVQICVQMH8QMIAk5OAggGA1QDCANUAwAAAQAAAAAAzwD0ABEAADcGFB8BBwYUFjI/ATY0LwEmImoDA05OAwYHA1UCAlUDB/EDCAJOTgIIBgNUAwgDVAMAAAEAAAAAAPQAzwARAAA3FjI/ARcWMjY0LwEmIg8BBhQ7AwgCTk4CCAYDVAMIA1QDagMDTk4DBgcDVQICVQMHAAAEAAAAAAEaARoAZwB3AIAAiQAAJTI2NCYrATUzMjY0JisBNCYjNTQmIgYdASM1NCYiBh0BIzUuASIGHQEiBhUjIgYUFjsBFSMiBhQWOwEVIyIGFBY7ARQWMxUUFjI2PQEzFRQWMjY9ATMVBhYyNj0BMjY1MzI2NCYrATUHFAYrASImPQE0NjsBMhYVByImNDYyFhQGJyIGFBYyNjQmARAEBQUEHBwEBQUEHBYQBQgFHQUIBRwBBQgFEBYcBAUFBBwcBAUFBBwcBAUFBBwWEAUIBR0FCAUdAQYIBRAWHAQFBQQcEwsIcAgLCwhwCAtLExwcJhwcEwwQEBgQEI0FCAUdBQgFEBYcBAUFBBwcBAUFBBwcBAUFBBwWEAUIBR0FCAUcBggFEBYcBAUFBBwcBAUFBBwcBAUFBBwWEAUIBR0vCAsLCHAICwsIZxwmHBwmHEsQGBAQGBAAAAEAAAAAAP4A/gAhAAA/ATYyHwE3NjIWFA8BFxYUDwEGIi8BBwYiJjQ/AScmND8BMQECBwNYVwMIBQNXVwMCAQIHA1hXAwgFA1dXAwIB+QEDAlhXAwUIA1dXAwYDAQMCWFcDBQgDV1cDBgMBAAIAAAAAAQcBBwAPAB8AADc0NhczNhYHFRYGJyMiJjU3IgYdARQWOwEyNj0BNCYjJhsThBMcAQEcE4QTGy4LERELhAsREQvYExwBARwThBMcARsToBELhAsREQuECxEAAAEAAAAAAPQAoAAMAAA3NDY7ATIWFAYrASImOAYEqAQGBgSoBAaWBAUFCAUFAAAAAAMAAAAAAPQA9AAPAB8ALwAANz4BOwEyFh0BFAYHNTQmIwczMhYdARQGKwEiJj0BNDYXIgYdARQWOwEyNj0BNCYjXwMPCUEYIQsIFhBnXgwQEAxeCxERCwQFBQReBAYGBOEICyEXQgkPA10PFhMQDF4LERELXgwQEgYEXgQFBQReBAYAAAEAAAAAAOIA4QAYAAA3Mh4EFA4EIi4END4ElgoUEA4KBQUKDhAUFBQQDgoFBQoOEBThBQoOEBQUFBAOCgUFCg4QFBQUEA4KBQAAAAABAAAAAAEaARoAGAAAEzIeBBQOBCIuBDQ+BJYSIh0YEQkJERgdIiQiHRgRCQkRGB0iARkJERgdIiQiHRgRCQkRGB0iJCIdGBEJAAAAAgAAAAABGgEaAC0ARgAAEzEuAQc5AQ4CBzEOARQeBDI2NzE+Ajc5ATY0JzEmJzEmJyMxJicxJicXDgMiLgQ0PgQyHgQUBrQPHg8OGRUHBwgIDhUZHR8cDQwVDgQFBQQHBwoBCgwNDlMIGB0iJCIdGBEJCREYHSIkIh0YEQkJAQIEAQUEDhUMDRwgHBkVDggHCAcVGQ4PHg8ODQwKCwcHBK4PGBEJCREYHSIkIh0YEQkJERgdIiQiAAMAAAAAAR4BHgAHAA8AHAAANy4BDgIWFzcHHgE+AiYnPgEeAg4CLgI23xY4NikQDBKsnxY4NikQDMUZREQyEhIyREQyEhLsEgwQKTY4FpKfEgwQKTY4KhkSEjJERDISEjJERAABAAAAAAC8ALwACwAANxQOAS4CPgEzMha7DBUWEQQJEwsQFZYLEwkEERYVDRYAAAACAAAAAAC8ALwACgAXAAA3DgEuAj4BMhYUFzY1NCYjIg4BHgI2pgQKCwgCBAkOCwwGFRALEwkEERYVjAUEAggLCgcLDg8KCxAWDRUWEQQJAAIAAAAAAOEA4QAMABUAADcyPgE0LgEiDgEUHgE3FAYiJjQ2MhaWFCMUFCMoIxQUI0UdKB0dKB1LFCMoIxQUIygjFEsUHR0oHR0AAAAFAAAAAAEaARoADwAYAFoAYwBsAAATIyIGHQEUFjsBMjY9ATQmBxQGIiY0NjIWFyM1NDY7AR4BMzI2NCYjIgYHIyIGHQEjIiY9ATQ2OwEVDgEVFBYyNjU0Jic1MzIWHQEjLgEjIgYUFjMyNjczFRQGJzQ2MhYUBiImNRQGIiY0NjIW6qgUGxsUqBQbG40GCAUFCAZ5eQUEMAMPCQwQEAwJDwMwDBAcDBAQDBwJChAYEAoIeQwROgMPCQwQEAwJDwM6EToFCAUFCAUGCAUFCAYBGRsUqBQbGxSoFBtnBAUFCAYGkC4EBgkKEBgQCggRDC4QDKgMEToDDwkMEBAMCQ8DOhEMLggKEBgQCglnDBBBBAYGCAUFTwQFBQgGBgAAAAAF//8AAAEHARoACwAXACMAQABMAAA3MhYUBisBIiY0NjM3MhYUBisBIiY0NjM3MhYUBisBIiY0NjMnMhYUDwEXFhQGIi8BBwYiJjQ/AScmNDYyHwE3NhcyFhQGKwEiJjQ2M/0EBgYEzgQFBQTOBAYGBM4EBQUEzgQGBgRwBAYGBCYEBgMoKAMGCAMoKAMIBQMoKAMFCAMoKAOaBAYGBHAEBgYESwYHBgYHBjgFCAYGCAU4BQgFBQgFXgUIAygoAwgFAikpAgUIAygoAwgFAikpAiUGCAUFCAYAAAAABAAA//8BLQEaADAAPABaAHgAABM+ATsBMhYXMzIWHQEHBgcnNTQmKwEOASsBIiYnIyIGHQEUFjsBFRQXIyImPQE0NjsBIgYeATsBMjYuASMXNjQmLwEuASIPAQ4BFB4BNj8BFRQWMjY9ARceATYHBhQWHwEeATI/AT4BNC4BBg8BNTQmIgYdAScuAQZfAw8JOAkPAwsLEQUIBAIFBAsDDwk4CQ8DCwQFBQRCAkQLERELJgQGAQUEOAQGAQUELQIBAiUCAwYCJgECAwYFAhYFCAYVAgYFDgICASUCAwYDJQIBAwUGAhUGCAUWAgUGAQYJCgoJEAxWAgUJAmQEBgkKCgkGBLsEBgkFBBAMuwwQBQgFBQgFpAIFAwIlAgEDJQIDBQQDAQIWWgQFBQRaFgIBAywCBQMCJQIBAyUCAwUEAwECFloEBQUEWhYCAQMAAAAABAAAAAABGgEaABsALAA8AEwAADcHFxYUBiIvAQcGIiY0PwEnJjQ2Mh8BNzYyFhQ3FRQGKwEeATsBMj4BPQE0JgcjIiY9ATQ2OwEyFh0BFAYnMzI2PQE0JisBDgEdARQWuSgoAgUIAygoAwgFAygoAwUIAygoAwgFTCEYkQUSCnAVIhQKQZYPFhYPlhAWFqaWCAsLCJYICgrRKCgDCAUCKSkCBQgDKCgDCAUDKCgDBQgbkRggCQoUIhVwChKyFhCWDxYWD5YQFhMLCJYICwEKCJYICwABAAAAAADrAOsAGwAAPwE2NCYiDwEnJiIGFB8BBwYUFjI/ARcWMjY0J6NFAgUIA0REAwgFAkVFAgUIA0REAwgFApZEAwgFAkVFAgUIA0REAwgFAkVFAgUIAwAAAAMAAAAAARoBBwAgAC0ASgAANyIGFRQGKwEiBhQWOwEWFyMiLgE1NDY3PgEyFhcmJy4BFxQOASIuAT4CHgIHMR4BMzEyNj8BNjQmIg8BNTQmIgYdAScmIgYUF5YXIQYEBBIYGBIOAQMSERwQIRgDKjgpBQoKBh1xFicuJxcBFicuJxZbAgMCAgMCJQMGCAIWBQgFFgMIBQP0IRcEBhkjGAoJEBwRGCMCHCYiGgIBERWNFycWFicuJxcBFidDAQICASUDCAYDFjUEBQUENRYDBggDAAAAAwAAAAABGgEHACAALQBKAAA3IgYVFAYrASIGFBY7ARYXIyIuATU0Njc+ATIWFyYnLgEXFA4BIi4BPgIeAicHBhQWMj8BFRQWMjY9ARcWMjY0LwEuASMxIgYHlhchBgQEEhgYEg4BAxIRHBAhGAMqOCkFCgoGHXEWJy4nFwEWJy4nFlslAwUIAxYFCAUWAggGAyUCAwICAwL0IRcEBhkjGAoJEBwRGCMCHCYiGgIBERWNFycWFicuJxcBFicVJQMIBQIWNAQGBgQ0FgIFCAMlAgEBAgACAAAAAAEaAQcAGAAsAAA3IgYVFAYrASIGFBY7ATI2NCYrASImNTQmBz4BMhYXHgEVFA4BKwEiLgE1NDaWFyEGBAQSGBgSjBIZGRIEBAYhYQMqOioDGCEQHBGMERwQIfQhFwQGGSMYGCMZBgMYIS8cJiYcAiMYERwQEBwRGCMAAAgAAAAAARoBGgAPABkAIwAvADsARwBTAF8AABMjIgYdARQWOwEyNj0BNCYHNTQ2OwEVIyImNxQGKwE1MzIWFQczMjY0JisBIgYUFhcjIgYUFjsBMjY0JgcjIgYUFjsBMjY0JjcjIgYUFjsBMjY0JgcjIgYUFjsBPgE0JuqoFBsbFKgUGxvYEAwcHAwQ4REMeXkMEXo4BAUFBDgEBgZhOAQFBQQ4BAYGKTgEBgYEOAQFBSE4BAUFBDgEBgYEOAQFBQQ4BAYGARkbFKgUGxsUqBQb16gMEeEQDAwQ4REMCQUIBgYIBRMFCAUFCAVwBggFBQgGSwYIBQUIBiYFCAYBBQgFAAAABAAAAAABGgEHABcAKwA9AE4AABMjIgYdARQWOwEVFB4BPwEzMjY9ATQmIxcUBisBBzUjIiY9AT4BOwEyFgcVJwcXFhQGIi8BJjQ/ATYyFhQHFxYUDwEGIiY0PwEnJjQ2MhfqqBQbGxQJCg8FOkcUGxsUHREMTj4cDBEBEAyoDBEBhSkpAgUIAy8CAi8DCAUDaAICLwMIBQIpKQIFCAMBBhsTXhQbJAgKAQUyGxReExyNDBA3NxAMXgsREQteVygoAwgFAi8DCAIvAwUIAyICCAMvAgUIAygoAwgFAwAAAAADAAAAAAEQAPUADAAeADAAADceAQ8BDgEuAT8BPgEHHgEPARcWDgEmLwEmND8BPgEXNhYfARYUDwEOAS4BPwEnJja4AwMBSwIHBwMBSwIHYwMBAyAgAwEGBwMmAgImAweNAwcDJgICJgMHBgEDICADAfMCBwOpBAMEBwOpBAMuAggDJCQDCAUBAyoCCAIqAwEDAwEDKgIIAioDAQUIAyQkAwgAAAYAAAAAASwBLAAaADUATwBmAHAAeQAAEzIWFRQWHwEWFxYVFAYiJjU0Ji8BJicmNT4BMzIWFRQWHwEWFxYVFAYiJjU0Jic1JicmNTQ2FzQmIgYVFBcWHwEeARUUFjI2NTQnJic1LgEXMzIWFAYrAQ4BIyIuAT0BNDY7ATIWFQcVFB4BMj4BPQEXFQczMjY0JiMvBAUHCAEKBAgGCAUHCAEKBAgBBTwEBgYIAQoECAUIBgYJCgUHBUYGCAUIBAoBCAcFCAUHBQoJBksJFBsbFA0JNyMcMBsJB60HCrwXJy4mFxMBCgwQEAwBLAUEBgkGAQcGCQ0EBQUEBgkGAQcGCQ0EBQUEBgkGAQcGCQ0EBQUEBgkGAQcGCQ0EBQkEBQUEDQkGBwEGCQYEBQUEDQkGBwEGCWEcJxshKhswHEQGCgoGAkIXJxYWJxdCEy8KERcRAAQAAAAAARoBGgAQABwALAA8AAAlFRQGKwEeATsBMj4BPQE0JgcyPgEmKwEiBhQWMzcyFh0BFAYrASImPQE0NjMXNCYrAQ4BHQEUFjsBMjY1AQchGJEFEgpwFSIUCl0EBQEGBF4EBQUEehAWFhCWDxYWD6kLCJYICgoIlggL75EYIAkKFCIVcAoSSwYIBQUIBnoWD5YQFhYQlg8WJQgLAQoIlggLCwgAAAQAAAAAARoBGgAeAC0APQBPAAATIyIGHQEjIgYdARQWOwEVFBY7ATI2PQEzMjY9ATQmByImPQEmNjsBFSMiBh0BFxQGKwEGJj0BNDYXMzYWFRcUBicjNTQmKwE1NDYXMzIWFf1eCxFUDBAQDBwQDF4MEBwMEBDaBAUBBgRUHAwQgwUEXgQFBQReBAU5BgQcEAwvBQReBAYBGRAMCRELhAsRCQwQEAwvEAyDDBDOBQSEBAUTEAxnHAQFAQYEgwQGAQEGBDgEBgFBDBAvBAYBBQQAAAAAAgAAAAABGgEaAA0AFwAAEyIOAR4CPgE1NC4CBzUyHgIUDgKWKEIeDzhOSiwUJTAaFiofEhIfKgEZLEpOOBAfQigaMCUU9OERHyosKh8SAAAKAAAAAAEsARoADwATACQAKAA4ADwAQABQAFQAbQAAEyMiBh0BFBY7ATI2PQE0Jgc1Mx0BIyIGHQEUFhczPgE9ATQmIwc1MxU3MzIWHQEUBisBIiY9ATQ2FzM1IzUVMzUHIyIGHQEUFjsBMjY9ATQmBzUzFTc2Mh8BFhQPAQYiJjQ/ASMiJj4BOwEnJjRLJQgLCwglCAsLLSUlCAsLCCUICwsIJSWpJQgLCwglCAsLCCUlJc4lCAsLCCUICwstJVcDCAIdAgIdAggGAww0BAYBBQQ0DAMBGQsIJQgLCwgmBws4JiYlDAcmBwsBAQsHJgcLOCYmSwsHXggLCwheBwtwJTkmJl4LCCUICwsIJQgLOCUliQMDHAIIAxwDBgcDDAYIBQwDCAAAAAQAAAAAARoBBwAWACkANgBEAAA3NDY7ATYWHQEUBisBBwYuAT0BIyImNTciBgcVHgE7ARU3MzI2JzU2JiMHNCYrASIGFBY7ATI2BzQmKwEiBhQWOwEyNjUTGxSoFBsbFEc6BQ8KCRQbLwwQAQEQDBw+TgwRAQERDAkFBIQEBQUEhAQFJQYEXgQFBQReBAXYExsBHBNeFBsyBQEKCCQbFHoRC14MEDc3EAxeCxEvBAUFCAUFNAQFBQgGBgQABQAA//8BLAEsADEAUABqAIgAtAAANyY0Nj8BNj8BNj8BPgE7ATIWHwEWHwEWHwEyFhQGIwcOAQ8CBiMxIiYvAS4BLwIiFxYdARQGKwEVFAcGIi8BIyImPQE0NjsBFx4BOwEyNwc0JisBIgYdARQWOwEyHwE1NDY7ATI2PQExJyMiJj0BNDY7ASY0NyMiBh0BFBYzFRQWMj8BNQc1NyYvARUuAS8BLgEiBg8BDgEPAQ4BFBYfAR4BHwEeATsBMjY/AT4BPwE+ATSqAQIBDwUFAQUCBQEDAQEBAwEEAwUDBAQPAQMDAQ8GCgIGAQIBAgMBBQIIAwMRAWoEEAwJBgIFAyMiCxERC1ABAwwHAQcGDQYEXgQFBQQmBAMVBQQTBAXOEggLCwhyAgJyEBYWEAoOBi058wEBDAUIAgMBAgMCAQQBCAUMAQICAQsGCAEEAQIBAQECAQQBCAYLAQL6AQQDAQQCBAEFBw4CAgICDgcFAwICBQMEAwUCCgcPAgECAhAGBwICBW8HCDgMEB0GAgEDIxAMOAwQAwcJBQ4EBQUEOAQGAhYPBAUGBDgJCwhLCAsFCQUWEEsQFSYICwQpGTM4OwEBBAECCAUMAQICAQwFCAEEAQIDAgEEAQgGCwECAgELBggBBAECAwADAAAAAAEaAQcAKAA9AFYAACUmKwE1NCYrASIGHQEUFjMVFB4BPwEVFBY7ARceATI+AT0BMzI2PQE0DwE1IyImPQE0NjsBMhYdASMiBh0BFxQGKwEiBh0BJy4BKwEiJj0BNDY7ATIWFQERCAwJFhCWDxYWDwoOBi0RCyIjAQMEBQMJDBCaNBMHCwsHlggLQgsRhAYEEwQFFgEDAiYEBQUEXgQGoAk4DxYWD14PFhMHCwIFIQkLESICAQIEAxwRCzkLKCUlDAdeCAsLCDgRCx0cBAUFBA8VAgEFBDkEBQUEAAcAAAAAARoBBwAQABwAPQBNAFkAaQB2AAA3IiY1NDYzNhYUBiMiBhUUBhc1NCYiBh0BFBYyNhc3MzI2NCYrASIPATU0JisBIiY1NCYiBhUUFjsBFRQWMjc0JiIGFRQGIyIGFBYzMjY9ATQuAQYdAQYWMjY1NCYHIgYUFjMyFhUGFjI2JzQmKwEiBhQWOwEyNhwEBRsUBAUFBAwQBgYGCAUFCAZDOiIEBQUEJgMDOwYEEgwRBQgFGxQJCw61BQgFEQwEBQUEFBsFCAUBBggFGxQEBQUEDBEBBggFSwUEXgQFBQReBAXOBgQTGwEGCAURCwQGLxMEBgYEEwQFBYIyBQgGAzQtBAYQDAQFBQQUGyQIC2YEBQUEDBAGCAUbORMEBQEGBBMEBQU9ExwBBQgFEQsEBgYpBAUFCAUFAAACAAAAAAEaAQcAJwAwAAA3BhUxFwcGLgE9ASMiJj0BNDY7ATYWHQEmJzU0JisBIgYHFR4BOwEVNxQGIiY0NjIWmAIBLgUPCgkUGxsUqBQbCAoRDKgMEAEBEAwcuyEuISEuIVoHCAooBQEKCCQbFF4TGwEcE1wJB0wLERELXgwQNyQXISEuISEAAgAAAAABGgEHABYAKQAANzQ2OwE2Fh0BFAYrAQcGLgE9ASMiJjU3IgYdARQWOwEVNzMyNj0BNCYjExsUqBQbGxRHOgUPCgkUGy8MEBAMHD5ODBERDNgTGwEcE14UGzIFAQoIJBsUehELXgwQNzcQDF4LEQAFAAD//wEtARoADgAWADcAQABSAAA3JyYvASYOAR8BFh8BNjcnJi8BFxYfASciDgEUHgEzMjcmJwYjIi4BPgIyHgEVFAcWFzY1NC4BFyIGHgEyNjQmFwcGIi8BJjQ2Mh8BNzYyFhQHzBMKEiQHEAYEEwkTJQkQNg0HEiQNBxIlJDwjIzwkDg0EAgoLHzMfAR4zPjMfAgkIAyM8OhghASAvISEHIQMHAxMDBggCDBsCCAYDeSQTCRMEBhAHJBIKFBAJCwcNJBIHDSSoIzxIPCMDCAkCHzM+Mx4eMx8LCgIEDQ4kPCOpIC8hIS8gMCEDAxMCCAYDDBoDBggCAAAEAAD//wEsARoADwAXADcAQAAANyI1JyYvASYOAR8BFh8BNicmLwEXFh8BByIuAT4CMh4BFRQHFhc2NTQuASIOARQeATMyNyYnBhcyNjQmIg4BFs0BEwoSJAcQBgQTCRMlCSYNBxIkDQcSJR8zHwEeMz4zHwIJCAMjPEg8IyM8JA4NBAIKUxchIS8gASF4ASQTCRMEBhAHJBIKFBAUBw0kEgcNJEwfMz4zHh4zHwsKAgQNDiQ8IyM8SDwjAwgJAiUhLyAgLyEAAAQAAAAAARoBGgAPABcAJAAxAAA3Jg4BHwEWHwEWPgEvASYvARcWHwEnJicHND4BMh4BFA4BIi4BNyIOAR4CMj4BNC4BeQcQBgQTCRMkCA8GBBMJEywkDQcSJA0HcCM8SDwjIzxIPCODHzMfAR4zPjMfHzPMBAYQByQTCRMEBg8IJBMJAhIHDSQSBw0BJDwjIzxIPCMjPJQeMz4zHx8zPjMeAAAABP//AAABKwEdAD0ARwBUAGAAACU0IyYnNjU0LgEGFxYXBgcGBwYjIicHFRYXFhcWFxYXJicmJyY9AT4BNzU2NyY1NDc2NzYfATc2FxYXFhUUJyYOARQWMjY3NhcOAS4CPgIeAgYnMjY0JisBIgYUFjMBDQEMDQEPMA8DAQULChUODREUDAEFDA8QBAUEBSEfGREQAREMAgEFDRAjJhEDAxEmIxANkQgwDwwqEwIDiRErLCALCyAsKyELCycGCQkGSwUJCQW5AQcEBgcVEwUQFg0IBAYMEwYGAlAEBQcECgoHBgUPDBAOByMKGQUEBwQMEx4RFAMFEwMDEwUDFBEeDjMIBRMoDhQUFtIQCwshKywgCwsgLCsdCAwICAwIAAAABP////8BLQEeAEEASwBYAHQAADcmJyM1NxYzMjc2Nxc2NyYnJjYeARUUBxYXNjU0JyYnJg8BJyYHBgcGFRQXByMOAR0BFBceAR8BFhcWFxYXJicmLwE+ARYHDgEiJjQXIg4BFB4BMj4BNC4BFxYUBiIvAQcGIiY0PwEnJjQ2Mh8BNzYyFhQPAU8LCwEBDBQhEgYEAwwOCAIDDzAPAg4MBA0QIyYRAwMRJiMQDQUDAQ4PAwIHBwsGBwwNGh0KBRANEAgwDwMCEyoMoBcnFxcnLiYXFyYLAwUIAxUWAwcGAxUVAwYHAxYVAwgFAxU+BQZQAgUTBggFCAQKERcQBRQUCwYEBgwPHhETBAQSAwMSBAQTER4TDBAHGQ8XBgUDCQYIBAUGBgsEDhEEBrILBRAXExQOJz4XJy4mFxcmLicXagMIBQMVFQMFCAMVFgMHBgMVFQMGBwMWAAAF/////wEtAR4AQQBLAFgAeACZAAA3JicjNTcWMzI3NjcXNjcmJyY2HgEVFAcWFzY1NCcmJyYPAScmBwYHBhUUFwcjDgEdARQXHgEfARYXFhcWFyYnJi8BPgEWBw4BIiY0FyIOARQeATI+ATQuARcOASIvARUUBiImPQE0NjsBMhYUBisBFx4BNjc2MhYUNxQGKwEiJjQ2OwEnJiIGBwYiJjQ3PgEyHwE1NDYyFgcVTwsLAQEMFCESBgQDDA4IAgMPMA8CDgwEDRAjJhEDAxEmIxANBQMBDg8DAgcHCwYHDA0aHQoFEA0QCDAPAwITKgygFycXFycuJhcXJhAIFRcKBgUIBQUEHAQGBgQJAwcQDgUDCAUFBgQcBAUFBAkDBw8OBgMHBgMIFRcKBgUIBgE+BQZQAgUTBggFCAQKERcQBRQUCwYEBgwPHhETBAQSAwMSBAQTER4TDBAHGQ8XBgUDCQYIBAUGBgsEDhEEBrILBRAXExQOJz4XJy4mFxcmLicXeAgIBQICBAYGBBwEBQUIBgEDAQYGAgUIMwQFBQgFAgMFBgMGCAIJCAUDAwQGBgQcAAAABgAAAAABJgEOAC4APABLAGMAbwB7AAAlJicmJyYnNjU0JyYnJiIHBgcGFRQXBgcGBwYPARUUFxYXFhcWMjc2NzY3Nj0BNCc0NzYeARQGIyImJyY1Jz4BFxYVMRQHDgEjIiY0FwYHBiInJic1NxcWMzI/ATMXFjMyPwEXBzQmIgYdARQWPgE1NzQmIgYdARQWPgE1ASUECAkKBQMBDgcKH1YfCgcOAQMFCgoHBAEBBhMXHCFDIhwWFAYBhwUILxIPGBMRAgFYCi8IBQECEhIYD7cTFB43HRUSAQENIRsPBAQEDxsgDgEBcgcKBwcKBzwHCgcHCgeCCgkKAwwGBgcbDQgEGRkECA0bBgcGDAMKCQoDIgECCg4PCgsLCg8OCgICIAJQDQYJBRMoEBUUBgUNCgUJBg0GBRQVECiKCgcJCQcKTwEBDxIGBhIPAQEqBQcHBRkFBwEHBRgFBwcFGQUHAQcFAAAFAAAAAAErAR0APwBJAFgAawCIAAAlMDUjJic2NTQuAQYXFhcGBwYHBiMiJwcVFhcWFxYXFhcmJyYnJj0BPgE/ATY3JjU0NzY3Nh8BNzYXFhcWFRQHJyYOARQWMjY3NhcyFx4BBgcGIicuATY3NjciBgcOARYXHgEyNjc+ASYnLgEXIg8BJyYiBhQfAQcGFBYyPwEXFjI2NC8BNzY0JgENAQwNAQ8wDwMBBQsKFQ0OERQMAQUMDxEDBQQFIR8ZERABEQwBAQEFDRAjJhEDAxEmIxANA44IMA8MKhMCA00bEw0JCQ0TNhMNCQkNExsRHwwQCwsQDB8iHwwQCwsQDB8KBgQREQQLCQUQEAUJCwQREQQLCQUQEAUJuQEHBAYHFRMFEBYNCAQGDBQFBgJQBAUHBAoKBwYFDwwQDgcjChkFBAcEDBMeERMEBRMDAxMFBBMRHg4LPggFEygOFBQWVBQMIiIMFBQMIiIMFBIMDBAsKxEMDAwMESssEAwMKwQREQQJCwQREQQLCQUQEAUJCwQREQQLCQAAAAAF//8AAAEuASwAFgAsAIAAjgCbAAATNDY7ATIWDwEzMhYUBisBIiY/ASMiJgcjNzYmKwEiBhQWOwEHBhY7ATI2NCYXIycjFSMGBwYiJyYnIzU3FjMyNzUGIyImND4BFxYXNjsBNjc2MzUiDwEnJgcGBwYVFBcHIw4BHQEUFx4BHwEWFxYXFjI3Njc2PwE+ATc2PQE0JicHMSIGHQEUFjI2PQE0JiMiBh0BFBYyNj0BNCbYBQRCBQYENzAEBQUEQgYFAzgwBAUcGyIEBgUvBAYGBBoiAwUGLwMGBlECARkBCwskRiQLCwEBDBQMDAoOFQwPMAgCAQUGHgEBBhIeDgMDESYjEA0FAwINDwMCBwcLBgcMDSlSKQ0MBwYLBwcCAw8NWQYICAwICEgGCAgMCAgBIwMGCgVPBQgGCwRPBnYpBAsGBwYpBAsFCAYFBWAGBQ8PBQZQAgUDHgUOJxQFCAIEAgICBhwPAwMSBAQTER4TDBAHGQ8XBgUDCQYIBAUGBhERBgYEBQgGCQMFBhcPGQchCAYcBggIBhwGCAgGHAYICAYcBggAAAAABP////8BLQEeAEEASwBYAGkAADcmJyM1NxYzMjc2Nxc2NyYnJjYeARUUBxYXNjU0JyYnJg8BJyYHBgcGFRQXByMOAR0BFBceAR8BFhcWFxYXJicmLwE+ARYHDgEiJjQXIg4BFB4BMj4BNC4BFwcGIi8BJjQ2Mh8BNzYyHgFPCwsBAQwUIRIGBAMMDggCAw8wDwIODAQNECMmEQMDESYjEA0FAwEODwMCBwcLBgcMDRodCgUQDRAIMA8DAhMqDKAXJxcXJy4mFxcmFTgDCAMSAwUIAwwxAwgFAT4FBlACBRMGCAUIBAoRFxAFFBQLBgQGDA8eERMEBBIDAxIEBBMRHhMMEAcZDxcGBQMJBggEBQYGCwQOEQQGsgsFEBcTFA4nPhcnLiYXFyYuJxc/OAMDEgMIBQINMgMGBwAAAAb//wAAASwBHgALADQAPgBjAGsAggAANxUUBiImPQE0NjIWFxUUBw4BDwEnNScGIyIvATc2Jg8BJzY3Nh8BNzYXFhcWFRQHHwEeARUnNC4BBhceATI2FxYUBiIvAQcGIicmJyYvAS4BJyY9ATQ2PwImNTQ3JyY0NjIfAQYVFBYzMjcXJxUUBiImPQEnBiMiJwcVFxYXFjI/AYMIDAgIDAipAwIHBwQhAQwUDAw5AQMPGAcXDQ4mEQMDESYjEA0FAwINDzgPMA8DAhMqDCMCBQgDFA0pUikNDAcGCwcHAgMPDQIDBQkQAgUIAxcCDBUKCHUbCAwIKRAXFAwBAQsLJEYkA3UcBggIBhwGCAgGGAUFBAgGAyI5AgUDOQcWEQMBFgUCBBIEBBIEBBQQHhMMEAEGGQ9eFBMGERYUEw2cAwgFAxQGEhIFBwQFCAYIBAUFGA8ZBgEQDBMXEA8DCAUCMggKFA0CdRsBBggIBh0pCQUCUAEFBQ8PAQAIAAAAAAEmAQ4ADABJAFcAZgBzAH8AiACOAAA3IgYdARQWPgE9ATQmNzIXOQEmLwEmJzY1NCcmJyYiBwYHBhUUFwYHBgcGDwEVFBcWFxYXFjsBJiciJyYnNTcXFjMyPwEzFxYXNicUBw4BIyImND4BFxYVFyYnJjUxNDc2HgEUBiMiFyIOARQeATI+ATQuAQc0NjIWHQEUBiImNRciJjQ2MhYUBjcwMScWF3gFBwcKBwdnFhMFAgEEAwEOBwofVh8LBg4BAwUKCgcEAQEGExccISIFBQIbHRQSAQEOIBsPBAQECQ4WPAECEhIYDxIvCAUdCAIBBQgvEg8YEzESHhISHiQeEhIeGAQEBAQEBAYDBAQGBAQmBwIFewcFGQUHAQcFGAUHIQsMBQEMBQUIGw4HBBkZBAcOGwYHBgwDCgkKAyICAQoODwoLCQkKBgpPAQEPEgYGCwUQNAYFFBUQKBMFCQYNKQoUBgUNBgkFEygQEhIeJB4SEh4kHhIeAgQEAjACBAQCIAUGBAQGBXURBQwABQAAAAABLAEdAAwAGAAhAF0AZwAANyIOARQeATI+ATQuAQc0NjIWHQEUBiImNRciJjQ2MhYUBic1NxYzMjc2Nxc2NyYnJjYeARUUBxYXNjU0JyYnJg8BJyYHBgcGFRQXBgcVDgEHFRYXFhcWFyYnJicmJzc+ARYHDgEiJjTYFycXFycuJhcXJiEGCAUFCAYKBQcHCQcHpAEMFCESBgQDCw4HAgMPMA8CDgwEDRAjJhEDAxEmIxANBQECDBEBARASGR8hCwUREQ0FBwgwDwMCEyoMqRcnLiYXFyYuJxcvBAUFBCYDBgYDMQcKBwcKByZQAgYTBggEBwUKERYQBRMVCgYEBgwOHhEUAwUTAwMTBQMUER4TDAQHBAUYCiUIDRAMDwQPEQQHBgSmCwUQFhQUDigAAAAGAAAAAAEtAR0ADAAZAEYAYQBsAHYAADcyFh0BFAYiJj0BNDYzMhYdARQGIiY9ATQ2JzYXFhcWFRQHFh8BHgEXFRQGBwYHBiInJicuASc1PgE3NTY3JjU0NzY3Nh8BFQYHBiMiJwcVFhcWFxYyNzY3Njc1JwYjIicmJyYGBwYUFjI2NzY3JgYXHgEyNjQmdQYICAwICEgGCAgMCAgYESYjEA0FAQEBDBEBGBIXGR48HRkWExgBAREMAgEFDRAjJhEDBAYSIRQMAQUNEREXJhcREA4FAQwUIRIGGwgwCAcMKhMCA0cYDwMCEyoMD4MJBhwFCQkFHAYJCQYcBQkJBRwGCYcTBQMUER4TDAQHBAUZCiMGFwwNCAkJBw0LGAYlChgFBAcEDBMeERQDBRMDUQgGEwYCUAQGBwQGBgQHBgRQAgYTBkkIBQsIKA4UFBYOAhAWFBQOKBMAAAMAAAAAAPQBGgAQACAAMAAANxUuAT0BND4BOwEyFhcjIgYXIyImPQE0NjsBMhYdARQGNzQmKwEiBh0BFBY7ATI2NTgIChQiFTgKEQVYGCGWXRAWFg9eEBYWAwsIXQgLCwhdCAvOkQUSCnAVIhQKCCLSFg+WEBYWEJYPFrsICwsIlggKCggAAAAEAAAAAAEaARoADAAZADEAQwAANzIeARQOAS4DPgE3Ig4BFB4BMj4BNC4BNyIGBzY7ATYzMh4BFRQHFRQHPgE1NC4BBzc2NCYiDwEnJiIGFB8BFjI3ehcnFhYnLicWARcnFxwwGxswOC8cHC8cGCsODA0DFx4XJxcTAxMVHC9lQgIFCAM7EAMIBQIYAwcDzhYnLicXARYnLicWExwvODAbGzA4Lxw4FRMDExcnFx4XAw0MDisYHC8cx0IDCAUDOxEDBgcDGAICAAQAAAAAARoA9AALABsAJQAvAAA3DgEeATsBMjY0Ji8BNDY7ATIWHQEUBisBIiY1NzU0JisBIgYdAxQWOwEyNj0BxQQGAQUEJQQGBgTXGxSoFBsbFKgUG/QRDKgMEBAMqAwRcQEFCAUFCAUBVBMcHBNeExwcE1UJDBAQDAkTQgwQEAxCAAIAAAAAAQgBCAARABgAADc0PgEfAR4BBisBIg8BDgEmNTcnFTc+ATNLCg4GlgcBCwhKCQYuBhAMqZYuBRAJ9AcLAQRxBRAMCDwHAQsIS3G8PQcHAAEAAAAAAM8AlwAMAAA3NDY7ATIWFAYrASImXgUEXgQFBQReBAWNBAUFCAYGAAAAAAUAAAAAAQcBCwASADAARABVAGUAADcUDwEOASIuAjQ2PwE2Mh4BFQciJy4BND4CHwEyHgIOAScjJg4CFBYXHgEOATcWMjc+ATUnNCYOARcVFAYHDgEWByInIy4BPgIeAQcUDgIHNSIHMQ4BHgI+ATU0LgLTAiwDBwgHBgMEBDkCBQUDawQDCwsLFx4QBgIDAgEBBgQEDBcRCAgIAgECBVUDBgMLCwEHBwUBCAgCAQInIhwBHBoNMUM/JgERHyoWHBgYFQsoODQgDxoiygQCOQQEAwUICAcDLAICBQNrAwsbHhsXCwEBAgMEBQUBAQkQFRYVCAIFBgMCAgMKHA8LBAQBBgQICxUIAgUGOxITP0MxDRo5IhYqHxEBzxAQNDgoCxUwHBMiGg8AAwAAAAAA9AEaABAAHQAsAAATIg4BHQEUHgEyPgE9ATQuAQcyHgEUDgEiLgE0PgEXIi4BPQEWNxY3FRQOASOWGisZGSs0KxkZKxoWIhMTIiwiExMiFhYiEyMoKCMTIhYBGQwVDqgOFQwMFQ6oDhUMEgkODA0JCQ0MDgnhCA4GjBQCAhSMBg4JAAb/////AQcBBwA8AEQASwBWAHQAfQAANzIWFTM3NjIWFA8BFTMyFhQGKwEUBxcWFAYiLwEOASImJwcGIiY0PwEmNSMiJjQ2OwE1JyY0NjIfATM0NgcVFBYyNj0BJyIGFTM0JhcUFRQGDwEnPgE3JzIfAR4BFAYPASYnNz4BNCYvASYiBh0BIgc1ND4BBwYHJic1NDY3SxAVBhADCAUDEAoEBQYDCgQUAwYHAxEHFxgXBxEDCAUDFAQKBAUFBAoQAwUIAxAFFhYWIBUlCAsmC44IBjUIBwkCVAcHlgcHBwdTBQpZAgMDApYCBwUJCggNKAUEBAUKCJYWEBADBQgDEBgGBwYKChQDCAUDEAkKCgkQAwUIAxQKCgYHBhgQAwgFAxAQFjgmDxYWDyYlCwgICygCAwcOAx4HAwoHywNUBA0QDQMvCQQyAQUFBAFVAQYEQQRFCA0HbAUGAwIXCA8DAAAE/////wEJAQkAGABUAFsAYwAANwcmJzc2NC8BJgYdASIHNTQ+AR8BHgEGDwEVMzIWFAYrARQHFxYUBiIvAQ4BIiYnBwYiJjQ/ASY1IyImNDY7ATUnJjQ2Mh8BMzQ2MhYVMzc2MhYUDwEzNCYiBhUXIxUUFjI2NfhTBQpZBQWWBQkJCg0UCZYJBwcJdQoEBQUECgQUAwUIAxEHFxgXBxEDBwYDFAQKBAUFBAoQAwUIAxAGFSAWBRADCAUDWyYLEAs5SxUgFn0uCQQyAwoDVQIFBkEERQsPBAVUBhMTBhoYBQgGCgoUAwgFAxAJCgoJEAMFCAMUCgoGCAUYEAMIBQIQDxYWEBECBQgDAgcLCwgSJg8WFg8AAAAABP////8BCQEJABgAVABbAGMAADcHJic3NjQvASYGHQEiBzU0PgEfAR4BBg8BFTMyFhQGKwEUBxcWFAYiLwEOASImJwcGIiY0PwEmNSMiJjQ2OwE1JyY0NjIfATM0NjIWFTM3NjIWFA8BMzQmIgYVFyMVFBYyNjX4UwUKWQUFlgUJCQoNFAmWCQcHCXUKBAUFBAoEFAMFCAMRBxcYFwcRAwcGAxQECgQFBQQKEAMFCAMQBhUgFgUQAwgFA1smCxALOUsVIBZ9LgkEMgMKA1UCBQZBBEULDwQFVAYTEwYaGAUIBgoKFAMIBQMQCQoKCRADBQgDFAoKBggFGBADCAUCEA8WFhARAgUIAwIHCwsIEiYPFhYPAAAAAAQAAAAAAOIA4gAMABUAIgAuAAA3Ig4BFB4BMj4BNC4BByImNDYyFhQGJyMiBhQWOwEyNjQmIxUjIgYUFjsBPgE0JpYUIxQUIygjFBQjFBchIS4hIQQmBAUFBCYEBQUEJgQFBQQmBAUF4RQjKCMUFCMoIxSDIS4hIS4hXgYIBQUIBTgFCAYBBQgFAAAAAwAAAAAA4gDiAAwAGQAlAAA3Ig4BFB4BMj4BNC4BFyMiJj4BOwEyHgEGIzUjIiY+ATsBNh4BBpYUIxQUIygjFBQjCDgEBgEFBDgEBQEGBDgEBgEFBDgEBQEG4RQjKCMUFCMoIxRwBQgFBQgGOQUIBQEGCAUAAAAAAgAAAAAA6gDiAAUAHQAANxcHIyc/ASMiBg8BBhQfAR4BOwEyNj8BNjQvAS4BtiEhQCEhQEAFCQMgAwMgAwkFQAUJAyADAyADCc44ODg4EwUEOQQKBDkEBQUEOQQKBDkEBQAAAAEAAAAAAOoA4gAXAAA3Bw4BKwEiJi8BJjQ/AT4BOwEyFh8BFhTnIAMJBUAFCQMgAwMgAwkFQAUJAyADjTkEBQUEOQQKBDkEBQUEOQQKAAAAAgAAAAAA7QDhAAwADwAANyMiJj8BNjIfARYGIyczJ+KYBQYDTAIMAkwDBgWIeDxLCQWDBQWDBQkTZwAAAQAAAAAA7QDhAAwAADcnJiIPAQYWOwEyNifqTAIMAkwDBgWYBQYDWYMFBYMFCQkFAAAAAAIAAAAAAPQA9AARABUAADciLwEmND8BNjIfARYUDwEGIycXNyeWBANUAwNUAwgDVAMDVAMER0dHRzgDVAMIA1QDA1QDCANUA15HR0cAAAAAAQAAAAAA9AD0AA8AADcnJiIPAQYUHwEWMj8BNjTxVAMIA1QDA1QDCANUA51UAwNUAwgDVAMDVAMIAAAAAwAAAAAA4gDiAAwAGAAhAAA3Ig4BFB4BMj4BNC4BBzQ2MhYdARQGIiY1FyImNDYyFhQGlhQjFBQjKCMUFCMdBQgFBQgFCQUHBwoHB+EUIygjFBQjKCMUHAQFBQQ4BAYGBDIHCgcHCgcAAAAABAAAAAABEAEQABgAJwA/AE4AADcmIg8BBhUWFwcGFBYyPwEWMzI2PwE2NCcPAQ4BJjQ/ATYyHwEWFAc3JiIPASYGDwEGFB8BFjI/ATY1Jic3NjQPAQYiLwEmND8BNjMyFhRxBxQGBRMBDScDBgcDJxEVDhkKAgcHDQIOKBwOBAEEAjsCAm4DBwMnEzISAgcHOwcUBgUTAQ0nAz0EAQQBPAICAg8VEhytBwcEFBwVEScDBwYDJw0LCgIHEwcUAg4CGygOBAEBPAEEArADAycOBBICBxMHPAcHBBQcFREnAwd6BAEBPAEEAgIPGigAAAAABQAA//8BLQEaACAAMgBuAHUAfgAANzMHBgcjIiY9ATQ2OwEyFh0BBgcmJzU0JisBIgYdARQWNxYyPwE2NC8BJiIGFB8BBwYUFxQHFxYUBiIvAQ4BIiYnBwYiJjQ/ASY1IyImNDY7ATUnJjQ2Mh8BMzQ2MhYHMzc2MhYUDwEVMzIWFAYjJzM0JiIGFRcjFRQWMjY9AUJSCAUCQxQbGxSoFBsFBAQFEQyoDBAQBQMIAjgDAzgCCAYDMjID4QQUAwUIAxEHFxgXBxEDBwYDFAQKBAUFBAoQAwUIAxAGFSAWAQYQAwgFAxAKBAUFBFUmCxALOUsVIBUmCQQGGxSoFBsbFFYCAwYFUAwREQyoDBAoAwM4AwcDOAMFCAMxMgMIGAoKFAMIBQMQCQoKCRADBQgDFAoKBggFGBADCAUCEA8WFhARAgUIAxAYBQgGOQcLCwgSJg8WFg8mAAADAAAAAAEHAQgACwAZABwAADc0JiIGHQEeATI2NTc0PgEfAR4BDwEGLgE1NycVOAUIBgEFCAUmCQ4GhAcBCIQGDgmWg/0EBgYEzgQFBQTFBwoCBF0GEwZeBAELB19dvAADAAAAAAEHAQcADgAqADQAADcUBg8BIycuATU0NjIWBzcnJiciBh0BMhc1NDYyHwEWFA8BBg8BNz4CJgceATsBMjY/ASNxDgsCPAILDSEvIQGIlgYICxEJCgUHApYFBXYHCQKRBwcBCN0CCgcHBgsBBTVxDxgICgoIGA4YISEXPlQDAREMLgMxBAYBVQMKA0MMBwxRBA0QDZwGCQkGFwAABAAAAAABIwEjABcAJgBQAF8AAAEmIg8BJgYPAQYUHwEWMj8BNjUmJzc2NA8BBiIvASY0PwE2MzIeAQ8BJzc2NCYiDwEnJiIPAQYXFBcHBhQWMj8BFjMyNj8BNjQvATc2NCYiDwIOAS4BPwE2Mh8BFhQHASADCAInFDESAwYGPAcTBwQUAQ0nAz0EAQQCOwICAg8VEhsBWxEYEAMFCAMQBQcTBwQUAQ0nAwYIAicRFQ4ZCgMHBwQQAwYHAw0CDiccAQ4EAQQCOwICASADAycOBBICBxQHOwcHBBQbFhEnAgh6BAEBPAEEAQMPGigwERgRAggGAxAEBwcEFBsWEScCCAYDJwwKCgIHFAcEEAMIBQI2Aw4BGigOBAEBPAEEAQAABf/8AAABGgEsAA4AIAAqADMAQAAANxY+ATU0LgIjIg4BHgE3ND4BMh8BHgEUBg8BBiIuATUXFAYrATY3MzIWJyYnMzIWFAYjFxQGKwEiJjQ2OwEyFkQZLx0NGB8RGSsTCiQNAwQFAjgCAwMCOAIFBAPhBQRsBwVgBAVeAQJYBAUFBAkFBPQEBQUE9AQFhQUTKxoQHxgNHDAyJG0CBAMBHwEFBQQCHgIDBAMaBAUJCgY+CgkGCAWNBAUFCAYGAAAABAAAAAABBwEHAA8AHwAvAD8AABMiBh0BFBY7ATI2PQE0JiMHNDY7ATIWHQEUBisBIiY1NyIGHQEUFjsBMjY9ATQmIwc0NjsBMhYdARQGKwEiJjVGDRMTDRwOExMOKggGHAYJCQYcBgiSDhMTDhwNFBQNKggGHAYICAYcBggBBxQNoA0TEw2gDRQhBggIBqAGCAgGwRQNoA0TEw2gDRQhBggIBqAGCAgGAAAAAAL/////AQcBBwAcAE0AACUUBg8BJic3NjQvASYiBh0BJwc1NDYzMh8BHgEVByIGBzE1NCYiBh0BFBY7ATI2NCYrATc2MhceAgYHBiInJiIGFBceATI+AjQuAgEHCAdiAQNdBQWWAgcFCQoRCwgGlgcIxQ0YCgYHBgUEJgQFBQQTBA4nDgYHAQgGDicOAggFAgkZGhgSCgoSGJYIDQQ3Cgo0AgsDVQEGBFYBAVYMEQRUBA0IEwoJCgQFBQQmAwYFCAYFDQ0HERMRBw0NAwUIAwkKChIZGhgSCgAAAAAEAAD//wEsAPQADAAZACQAVAAANzQ2OwEyFhQGKwEiJhU0NjsBMhYUBisBIiYVNDY7ARUUFyMiJjcVFBY7ATI2NCYrATc2MhceARQGBwYiJyYiBhQXHgEyPgI0LgIiBgcjNTQmIgYTBQT0BAUFBPQEBQUE9AQFBQT0BAUFBHoCfAQFlgUEJgMGBgMTBA4nDgYHBwYOJw4DBwYDCRgaGRIKChMYGhgJAQUIBeoEBgYIBQVHBAYGCAUFRwQGCgQFBSomAwYGBwYFDQ0HERMRBw0NAwUIAwkKChIZGhgSCgoJCgQFBQABAAAAAAEHAQcAMAAANzQuASMiBgczMhYUBiMnIiY9ATQ2HgEdAT4BFzYeARQOASIuASc0NjIWFx4CMj4B9BksGRcnDSUEBgYEOAQFBQgGDywZHzMeHjM8MSACBQcGAQIaKTEsGZYZLBkUEgUIBgEFBDgEBgEFBB0SFQEBHzM+Mx4bLh0EBgUEFycXGSwAAAADAAAAAAEHAQgACwAZABwAADc0NjIWHQEUBiImNSc0LgEPAQ4BHwEWPgE1JzcV9AUIBQUIBSYJDgaEBwEIhAYOCZaD/QQGBgTOBAUFBMUHCgIEXQYTBl4EAQsHX128AAADAAAAAAEaAQcACwAdAC8AADcOAi4CPgEzMhYHIyImPQE0NjsBNh8BFhQPAQYnIgYdARQWOwEyPwE2NC8BJiO8AQwVFhEECRMLEBUVSBAWFhBIEAtPCQlPC1gICwsISAgGTwQETwYIlgwSCQQQFxUMFn8VEJYQFQELTwoaCk8KzgsIlggLBk8ECgRPBgAAAAACAAAAAAEaAQcAEQAjAAA3IyImPQE0NjsBNh8BFhQPAQYnIgYdARQWOwEyPwE2NC8BJiOmSBAWFhBIEAtPCQlPC1gICwsISAgGTwQETwYIJhUQlhAVAQtPChoKTwrOCwiWCAsGTwQKBE8GAAACAAAAAAEJAQkACwAaAAA3JgYdARQWPwE2NC8BND4BHwEeAQYPAQYuATVZBQkJBZYFBbcNFAmWCQcHCZYJFA3zAgUGqAYFAlUDCgNMCw8EBVQGExMGVAUEDwsAAAMAAAAAAQcA9AAlAC4ANwAAJS4CIgYHNTQmIgYdAQYWOwEyNjQmKwE+ATMyHgEXHgE7AT4BNQciDgEWMjY0JgciJjQ2MhYUBgEGAx8xOTIQBQgFAQYESwQFBQQ6Cy8cGCkaAgEFBAEDBXAQFQEWIBYWEAgLCxALC40dLxsbGCkEBgYESwQFBQgGGR8WJxgEBQEGAy8WHxYWHxY4ChALCxAKAAAAAwAAAAAA2AEaAAgAEQAqAAA3IgYUFjI2NCYHIiY0NjIWFAY3Bw4BLwEmNDYyHwE1NDYyFh0BNzYyFhQHlhAVFSAWFhAICwsQCws3OAMIAzgDBggCKQUIBSkCCAYDXhYfFhYfFjgKEAsLEAqFOAIBAzgDCAUCKH8EBQUEfygCBQgDAAAAAwAAAAAA2AEaAAgAEQArAAA3IgYUFjI2NCYHIiY0NjIWFAY3BiIvARUUBiImPQEHBiImND8BNjIfARYUB5YQFhYgFRUQCAsLEAsLNwMIAikFCAUpAggGAzgDCAM4AwNeFh8WFh8WOAoQCwsQCqsDAyh/BAYGBH8oAwYIAjkCAjkCCAMAAwAAAAABBwD0ACUALgA3AAA3PgIyFhc1NDYyFh0BFAYrASImNDY7AS4BIyIOAQcOASsBLgE1FwYWMjY0JiIGFzQ2MhYUBiImJgMfMTkyEAUIBQUESwQFBQQ6Cy8cGCkaAgEFBAEDBUsBFiAWFiAVEgsQCwsQC40dLxsbGCkEBgYESwQFBQgGGR8WJxgEBQEGA1UPFhYfFhYQCAsLEAoKAAIAAAAAAQcBBwAPAB8AADcyFh0BFAYrASImPQE0NjM1IgYdARQWOwEyNj0BNCYj6gQGBgSoBAYGBAwQEAyoDBERDPQGBKgEBgYEqAQGExEMqAwQEAyoDBEAAAAABAAAAAABGgEaAEAASABYAHUAACUjNTQnNzY0JiIPASYjNCYiBhUiBycmIgYUHwEGHQEjIgYUFjsBFBcHBhQWMj8BFjI3FxYyNjQvATY1MzI2NCYjJzIWFSM0NjMXFA4BIi4BPQE0NjsBMhYVDwEXFhQGIi8BBwYiJjQ/AScmNDYyHwE3NjIWFAcBEBwFFQIFCAMVCQohLiEKCRUDCAUCFQUcBAUFBBwVIAMGBwMhGkIaIQMHBgMgFRwEBQUEehAVShUQSxQjKCMUCwhwCAsoFhYDBggDFRUDCAYDFhYDBggCFhUDCAUCliYKCRUCCAYDFQUXISEXBRUDBggCFQkKJgUIBiEaIQIIBgMhFRUhAwYIAiEaIQYIBXEWEBAVgxQjFBQjFDkHCwsHGhUWAwcGAxUVAwYHAxYVAwgFAxUVAwUIAwAAAgAA//8BLQEaACIAUgAAJRQGDwEOASImLwEuATQ+AjIWHwE1NDYyFh0BNz4BMh4CJzM1IyImPQE0NjsBHgEdATM1NCYrASIGHQEUFjsBFSMiBhQWOwE1IzUzFSY+ATczASwBAiUCAwQDASYBAgICBAMEARYFCAYVAQQDBAMBXhOpCAoKCLwICxIWD7wPFhYPJhwEBgYEektLAQUHBQIvAgMCJQIBAQIlAgMEAwMBAQIVWgQFBQRaFQIBAQMDGhMLCIMICwEKCF5eDxYWD4MQFiUGCAUTJRwGCgcDAAMAAAAAARoA9AAbACUANQAANyIGHQEUFjsBMjY9ARcWPgE9ATQuAQ8BNTQmIxc3NhYdARQGLwI0NjsBMhYXFRQGKwEiJjVCFBsbFF0UGyYIEQwMEQgmGxQvMQIFBQIxqBAMXQwQAREMXQwQ9BwTXhMcHBMDGwUCDQloCQ0CBRsDExxIIQIDAmgCAwIhRQwQEAxeDBAQDAAABAAAAAABBwEHAAgAEgAsAEgAADcUBiImNDYyFgcuASIGFBYyNjUnIgYPASMiBh0BHgE7ATI2PQE0JisBJy4BIwc2OwEyHwEWOwEyFh0BFAYrASImPQE0NjsBMjfOIS4hIS4hEgEVIBUVIBU/CA0ECw0QFgEVEJYQFhYQDQsEDQg8AgY0BgIOAgYTCAsLCJYICwsIEwYClhchIS4hIRcQFRUgFRUQcQkHFhYPXhAWFhBeDxYWBwkYBQUcBQsIXQgLCwheBwsFAAADAAAAAADiARoACwAbACsAADciBhQWOwEyNjQmIyciBh0BFBY7ATI2PQE0JiMHNDY7ATYWHQEUBisBLgE1gwQFBQQmBAUFBD0OExMOVA4TEw5iCAZUBggIBlQGCEsFCAYGCAXOEw7EDhMTDsQOEyEGCAEJBsQGCQEIBgAAAwAAAAABBwEHAA8AHwA8AAA3NDYXMzYWBxUWBicjIiY1NyIGHQEUFjsBMjY9ATQmIwcyFh0BMzIWFAYrARUUBiImPQEjIiY0NjsBNTQ2JhsThBMcAQEcE4QTGy4LERELhAsREQtCBAUvBAYGBC8FCAUvBAYGBC8F2BMcAQEcE4QTHAEbE6ARC4QLERELhAsRHAYELwUIBS8EBgYELwUIBS8EBgADAAAAAAEHAQcAEAAgACwAABMzMhYdARYGKwEiJj0BNDYzBxQWOwEyNj0BNCYrASIGFRc2MhYUDwEGIiY0N1SEExsBHBOEExwcExwRC4QLERELhAsRhgMIBQNdAwgFAgEHHBOEExwcE4QTG7ILERELhAsREQsMAgUIA10DBQgDAAMAAAAAAQcBBwAQACAAKQAAEyMiBh0BFBY7ATI2PQE2JiMXFAYrASImPQE0NjsBMhYVBxQGIiY0NjIW2IQTHBwThBMbARwTHBELhAsREQuECxEmIS4hIS4hAQccE4QTHBwThBMbsgsREQuECxERC0IXISEuISEAAAUAAAAAARoBLAASACQANQBTAGEAADc1NC8BJisBIgYdARQWFzM+ATUjNTQ2OwEyHwEWHQEUBisBIiY3FRQOASsBIiYnMzI2PQEXFicUBisBFRQGIiY9ASMiJjQ2OwE1NDYyFh0BMzIWFRcOASsBIiY0NjsBMhYV9Ag3CAxWEBYWEIMQFrwLCFYEAzYDCwiDCAvhFCIVXQsRBX4XIgoIXQYEHAUIBhwEBQUEHAYIBRwEBQEBBQRLBAUFBEsEBUuODAg3CBYQuxAVAQEVELwHCwI3AwSOCAsLcWkUIxQKCSEXhwoJBgQFHQMGBgMdBQgFHAQGBgQcBQReBAUFCAYGBAADAAAAAAEHAQcACwAcACwAADciBhQWOwEyNjQmIyciBh0BFBY7ATI2PQE2JgcjBzQ2OwEyFh0BFAYrASImNWcEBQUEXgQFBQRxExsbE4QTGwEcE4QcEQuECxERC4QLEZ8FCAUFCAVoHBOEExsbE4QTHAEuCxERC4QLERELAAAAAAMAAAAAAQcBBwAQACAAOAAAEyMiBh0BFBY7ATI2PQE2JiMXFAYrASImPQE0NjsBMhYVBxYUDwEGIiY0PwEjIiY0NjsBJyY0NjIX2IQTHBwThBMbARwTHBELhAsREQuECxEoAgImAwcGAxVHBAUFBEcVAwUIAwEHHBOEExwcE4QTG7ILERELhAsREQs7AwgDJQMGBwMWBQgFFgMHBgMAAAAEAAAAAAD0ARoAEQAjAEEATwAANycmKwEiBgcVHgE7ATI2PQE0BxQGKwEiJj0BNDY7ATIfARYVBxQGKwEVFAYiJj0BIyImNDY7ATU0NjIWHQEzMhYVFxQGKwEiJjQ2OwEyFhXsNwgMVhAVAQEVEIMQFhMLCIMICwsIVgQDNgMlBgQcBQgGHAQFBQQcBggFHAQFAQYESwQFBQRLBAXaNwgWD7wPFhYPjgyaCAoKCLwICwM3AwQUBAUcBAYGBBwFCAYcBAUFBBwGBF4EBQUIBgYEAAAAAAYAAAAAARoBBwAPABkAIwAzAD0ARwAAEyMiBh0BFBY7ATI2PQE0JgczMhYdASM1NDYXIyImPQEzFQ4BNyMiBh0BFBY7ATI2PQE0JgczMhYdASM1NDYXIyImPQEzFRQGZzgMEBAMOAwQEEQ4BAZLBTw4BAVLAQWSOAwQEAw4DBAQRDgEBksFPDgEBUsGAQcRDKgMEBAMqAwQEgYEHBwEBrwGBHp6BAbPEQyoDBAQDKgMERMGBFRUBAa8BgQvLwQGAAEAAAAAAQoBCgAlAAA3NDYyFh0BNz4BHgIGDwEGIiY0PwE2NCYiDwEzMhYUBisBIiY1OAYIBTsPJyYdCgoOXwIIBgNeESEvEDtGBAYGBFsFB/0EBgYESDwOCgodJyYPXgIFCANeEC8hEToGCAUHBAAEAAD//gEtARoABwAmADgASgAANxcHJyY0NjIHNTQ2OwEyFh0BNzIXNTQmKwEiBh0BFBY7AT8BIyImNyc3NjQmIg8BBhQfARYyNjQnNyYiDwEGDwEGFj8BNj8BNjQnuSUOJAMFCJAVEJYQFgIICCEXlhchIRcmAQMqEBVbKSkCBQgDLwICLwMIBQKhCx0KWggDBwMOCRwLCFsKCswlDiUDCAWDlhAWFhAmAQMoFyEhF5YXIQYNFTMoKAMIBQMuAwgDLwIFCAMxCgpbCAscCQ4DBwIIWwodCwAFAAAAAAEaASMAIABBAE4AZwCJAAAlFhQHDgEiLwEVFAYiJj0BNDY7ATIWFAYrARceATY3NjI3IgYdAScmIgYHBhQWMjc+ATIfASMiBhQWOwEyNj0BNCYHFBY7ATI+ASYrASIGNyM1NCYiBh0BIyIGFBY7ARUUFjI2PQEzJhcVFAYrASImPQE0NjsBMh8BNSYrASIGBxUeATsBMjY9AQcBEgMDCBUXCwUFCAYGBBwEBQUECQMHDw8FAwcBBAUGChcVCAMFCAMFDhAHAwkEBgYEHAQFBbYFBEsEBQEGBEsEBUsTBQgGHAQFBQQcBggFGgc4CwiDCAsLCFYEAwUGBlYQFQEBFRCDEBYK1QMIAwgIBQICBAYGBBwEBQUIBgEDAQYGAkwGBAMDBQgJAggGAwYFAwIFCAUFBBwEBs8DBgYHBgZkHAQFBQQcBggFHAQGBgQcCAxtCAoKCLwICwMGGAMWD7wPFhYPbQEAAAAABAAAAAABGgEtADEAVABcAIgAABMvASYvASYvAS4BKwEiBg8BBg8BBg8BDgEUFjMfAR4BHwEeATMxMj8CPgE/ATI2NCY3JiIPARcWFzcXBwYPATc2PwEmLwEHBg8BBhY/ATY/ATY0Jw8BJzc2MhYUBycVLgEvAS4BIgYPAQ4BDwEOARQWHwEeAR8BHgE7ATI2PwE+AT8BPgE0JidtAQ4EBAMFAwQBAwEBAQMBBQIFAQQGDgICAgIQAwQHAgUBAwIBAgIFAgoGDwEDA50PKA82CgQEFit4BwowDAMHIQQCAyULBBABBwVADwqUDg4NDysPCRkSdAwFCAIDAQIDAgEEAQgFDAECAgELBggBBAECAQEBAgEEAQgGCwECAgEBAgEEAgIDBQcOAgICAg4HBQEEAgQBAwQDBQICBwYQAgIBAg8HCgIFAwQDCQ4ONgMCBBYreAcDDDAKByEEBAomCg9ABQcBEAQLkw8oDzgPKw8JEhkcBAECCAUMAQICAQwFCAEEAQIDAgEEAQgGCwECAgELBggBBAECAwIBAAAAAAMAAAAAARoBGgAQABgAIQAAASYiDwEGDwEGFj8BNj8BNjQnNjIWFA8BJwcXBwYPATc2NwELDikPkwsEEAEHBUAPCpQORgkZEgkPKw0reAcKMAwDBwELDg6UCg9ABQcBEAQLkw8pAQkSGQkPKw0reAcCDTAKBwAAAAUAAAAAARoBGgAbACQALwA5AEcAADcjIgc1NCYrASIGHQEUFjsBFRQWOwEyNj0BNCYHMzIWFyM1NjMnMzIWHQEjNSY2Fwc1MxUUBisBIiYXFAYHIy4BPQE+AT0BM+pdBQUQDDgMEBAMLxsUXRQbG3FdCQ8DggUFXjgEBksBBgQJSwYEOAQF4REMXQwQCAqEzgEwDBAQDHAMES4UGxsUXRQbEgsIEQFMBgQJCQQGAXlUVAQGBkcMEAEBEAwwAw8JCQAAAAADAAAAAAD0AKkACAARABoAADcUBiImNDYyFhcUBiImNDYyFhcyNjQmIgYUFl4LEAsLEAtLCxALCxALOAgLCxALC5YICwsQCwsICAsLEAsLGwsQCwsQCwAAAwAAAAABGgEsACEALgBLAAAlFRQGKwEiJj0BFhcVHgE7ATI2PQEjNyczNCYrASYnMzIWBTQ+ATIeARQOASIuATcGFjsBFRQWMjY9ATMyNjQmKwE1NCYiBh0BIyIGARkhF5YXIQgKARUQlhAWTAEBTBYQMQUHPRch/ucXJi4nFxcnLiYXJgEGBBwFCAYcBAUFBBwGCAUcBAXhlhchIRc9BwUxEBUVEIMKCRAWCgghIBcmFxcmLicXFycXBAYcBAUFBBwGCAUcBAYGBBwFAAAAAAMAAAAAARABEAAYACIALAAAJTQvASYiDwEGFB8BFjsBFjY0JisBNzY1MQcnJjQ/ARcHIyI3Byc3NjIfARYUARAIOQgXCI0ICCUJC4QEBQUEQHAIwiYCAihGGCoDqVdFVwMHAzgDvAsIOQgIjQgYCCUIAQYIBXAIC4AlAwgDKEYYfVdFVwMDOAMHAAAAAwAAAAAA4QDiABsAKAAxAAA3JiIGFB8BBwYUFjI/ARcWMjY0LwE3NjQmIg8BFTI+ATQuASIOARQeATcyFhQGIiY0NooDCAUDDAwDBQgDDAwDCAUDDAwDBQgDDBQjFBQjKCMUFCMUFyEhLiEhrwMFCAMMDAMIBQMMDAMFCAMMDAMIBQMMWBQjKCMUFCMoIxSDIS4hIS4hAAADAAAAAAEaARoADAAZADYAABMiDgEUHgEyPgE0LgEHIi4BND4BMh4BFA4BNwcXFhQGIi8BBwYiJjQ/AScmNDYyHwE3NjIWFAeWJDwjIzxIPCMjPCQfMx4eMz4zHx8zFykpAgUIAygoAwgFAikpAgUIAygoAwgFAwEZIzxIPCMjPEg8I/MeMz4zHx8zPjMemCgoAwgFAygoAwUIAygoAwgFAygoAwUIAwAEAAD//AEtARoADwAcAHcAiwAAJS4BIyIOAR4CPgE1NCYnBwYrASImNDY7ATIWFCcyFxUjJisBDwEiJyYnJj8BPgEvASY3Njc2Mx8BMjMyNj8BNjc2MhcWHwEeATsBPwEyFxYXFg8BJic3JicPASMiJi8BJiIPAg4BIyIvAQYHHwEWBg8BFhc/AgYHJjQ2MhcGDwExJiMiBhUUFzEBEwwfEBorEwokMjAcDQwPAwRLBAUFBEsEBqcJBwUEBwMgAwQCEwgCBBgFAQQaBAIIEwIEAx0DAgUIAgYBBQ4cDgUBBQEJBQMgAwQCEwgCBAkJCgoGChcFBwwTAgQJEAkEAQQSCwUGFwoGEgQJAgsSBgoXBSsGBQkWHQsJBwMDAggLAZAMDR0vMiQKEysZER8MQgMFCAYGBwkEFAULAQMVGwUDFAQNBRYEBBsVAwELBQUhBQEDAwEFHwUHCwEDFRsEBAcFAwkPDQgCEAwXAgIXBgoMAggNDxAECxwJDxANCAI3CQoLHRYJBAUCAQsIAgMAAAAABAAAAAABGgEaABAALAA8AEwAACUVFAYrAR4BOwEyPgE9ATQmBzI+ASYrATU0JiIGHQEjIgYUFjsBFRQWPgE9ATcyFh0BFAYrASImPQE0NjMXNCYrAQ4BHQEUFjsBMjY1AQchGJEFEgpwFSIUCl0EBQEGBCUGCAUmBAUFBCYFCAZBEBYWEJYPFhYPqQsIlggKCgiWCAvvkRggCQoUIhVwChJLBggFJgQFBQQmBQgGJQQGAQUEJXoWD5YQFhYQlg8WJQgLAQoIlggLCwgAAgAAAAABGgD0AAwAJQAANzIWHQEUBiImPQE0Nhc2Mh8BFhQPAQYiJjQ/ASMiJjQ2OwEnJjQcBAYGCAUFsAIIA0ICAkIDCAUDMaUEBQUEpTED9AYEnwQFBQSfBAYMAgJCAwgCQgMGCAIyBQgGMQMIAAYAAAAAASABJQAeACgALwA5ADwATAAAJTQvASYiDwE1NCYrASIGHQEUFjsBMjY9ATQmKwE3NiczMhYdASM1NDYHNTMVIyImNxUUBisBNTMyFic1FzcHBiIvASY0PwE2Mh8BFhQBIAgyBxcHKBALUQsQEAvGCxAQCwInCPNRBAVjBQVjWgQF2AUEWloEBWMdVTEDBwMxAwMxAwcDMQPZCwgxCAgnAgsQEAvGCxAQC1ELECgIMwUEWloEBc9aYwVVUQQFYwUXHh41MgMDMgIHAzICAjIDBwAAAAYAAAAAAS0BLAAeACgALwA5ADwATAAAJTQvASYiDwE1NCYrASIGHQEUFjsBMjY9ATQmKwE3NiczMhYdASM1JjYHNTMVIyImNxUUBisBNTMyFic1FzcHBiIvASY0PwE2Mh8BFhQBLAg0CBcIKhAMVAwQEAzODBAQDAIpCP1UBAZnAQYFZ14EBeEGBF5eBAZoH1k0AwgCNAMDNAMHAzQC3AwINAgIKQIMEBAMzgwQEAxUDBAqCDYGBF5eBAbYXmcFWFQEBWcGGB8fNzQDAzQDBwM0AgI0AwcAAAMAAAAAARoBGgAkAC4ARgAANxcWMjY0LwEmIgYUHwEOAQ8BFRQeATY/AT4BNxcOARUUFjMyNicOASMiJjU0NjcnFzYzMhcWFxYfAR4BPgEvASYnJicmIyK+SwMIBQL0AwgFAj0MFAcFAwcHAQQGEgwdCgwcEwwVBwMOCQwQCQgVEQcIGhUQDQgGBAEHBwQBBQcKDxMZHxFhTAIFCAP0AgUIAzwJGQ8MAwMFAgMECg0XBx0HFQwUGwwYCAkQDAgOBEkQAQoJDwsNCgQDAgYEDQ8NEgoNAAAAAAMAAAAAAQgA4gAlAC4ANwAANzEOASYnJj8BNjc2NzYyFxYXFh8BFg4BJi8BJicmJyYiBwYHBgc3IgYUFjI2NCYHNDYyFhQGIiY4AQcJAQEBBQcKDxMZPhkTDwoHBQEEBwcBBAYIDRAVNBUQDQgGWhMcHCYcHC8QGBAQGBCKBAMCBQMCDQ8NEgoNDQoSDQ8NBAYCAwQKDQsPCQoKCQ8LDRUcJxsbJxwvDBAQGBAQAAAABgAAAAABGgEaABQAKgA0AD0ASwBXAAATIgYdARQWFxUUFj8BMzI2PQE0JiMHNDY7ATIWFxUUBisBIg8BNTQmIiY1BzQ2MhYUBiImNTciBhQWMjYuAQczMhYVFAcGIicmNTQ2FyMiBhUUFjI2NTQmsgwQCgkLBB8mDBAQDFQFBEsEBQEGBCkEAhMFCAVxFh8WFh8WJggLCxALAQo3XgsRFxU/FRYQal4EBR8yHwUBGRAMJQkPAxQGBQQaEAwlDBAcBAYGBCUEBgIPCAQFBgQcDxYWHxYWDxMLDwsLDwtLEAwfEhAQEh8MEBIGBBYZGRYEBgAAAAYAAAAAAPQBGgARACMAKQA/AEwAWQAAEyIGHQEUFjsBMjY9ATQvASYjBzQ2OwEVFBY7ARUUBisBIiY1NyMiJj0BFxYdARQGIiY9AQYHBi4BNjc2Nz4BFiciBh0BFBYyNj0BNCYHNDYyFh0BFAYiJj0BXhAWFhBwEBYINwgMVgsIOBAMLwsIcAgLkisEBSIDBQgFBwgEBwMCBAsHAwgGTgwQEBgQEBUFCAUFCAYBGRYPvA8WFg+ODAg3CCUICy8MEIQICgoIlgYEK3EDBUgEBgYEOQYEAQIIBwEFCgQBAgIQDCYLERELJgwQHAQFBQQmBAUFBCYAAAAABAAAAAABBwEaACIAKAA9AFIAADcnJisBIgYdARYXFhc1NDYXMxUUFhczFRQGByMHMzI2NzUmByImPQEXByIvAS4BNDY/ATYyFhQPARceAQ4BMyIuATY/AScmNDYyHwEeARQGDwEG/jYJC0QPFggGAwILBzkQDC8LCBwTLxAVAQFBBAY1rwQCJgEBAQEmAwgFAx8fAgECBUkDBQIBAh8fAwYIAiYBAgIBJQPaNwgWD24CBgIEfAgLAS4MEAGDCAoBEhYPjwsEBgQrNbsDJQEEAwQBJgMGCAMeHwIFBgMDBgUCHx4DCAYDJgEEAwQBJQMABQAAAAABBwEaACAAJgA4AEEASwAAEyIGHQEzNTQ2OwEVFBY7ARUUBisBBgczMjY9ATQvASYjFyMiJj0BBzQ2OwEyFh0BFgcnJiIPASY1NzQmIgYUFjI2BxY7ATI3JyYiB3EQFhMLCDgQDC8LCBMCBBkQFgk2CQs8KwQFqRsUSxMbAQg5CBgIOAiDCAwICAwIbgsPSw4LOAMIAwEZFg84OAgLLwwRgwgKCgkWD44MCDcISwYEK4kTHBwTSw4MOQgIOQwORgYICAwICGcICDgDAwAAAAAJAAAAAAEaARoAGwAhAC0APQBOAFYAZABqAIMAADcjNTQvASYrASIGHQEjIgYdARQWOwEyNj0BNCYnFyMiJjUnNDY7ARUUFjsBFSMXFAYrASImPQE0NjsBMhYVByMiBh0BFBYyNj0BMzI2NCYHIzUzHgEUBjcjIgYdARQWOwEyNjQmBzUeARQGNyMiBh0BFBYyNj0BMzI2NCYrATUzMjY0Jv0JCDcIDEMQFgkMEBAMzgwQEGA0KwQFXgsIOBAML5a8BgTOBAUFBM4EBrMSBAYGCAUJDBERDAkJBAYGPgkEBgYECRAWFhAICwtWHAQGBggFCQQGBgQJEwQFBakdDAg3CBYPSxELXgwQEAxeCxFaNQYEHAgLLwwQE3oEBQUEXgMGBgMKBQQ4BAYGBAkQGBAlEwEFCAUlBQQ4BAYWHxY4JgEKEAs4BQQ4BAYGBAkFCAYTBQgFAAAAAAQAAAAAARoBBwALACEAMgBEAAA3IgYdATMyPwEnJiMHMDU+ATsBMh8BMzIWHQEUBisBIiY1NwcGByMVFBY7ATI2PQE0JiMXHgEdARQOASsBIiYnMzI+ATVCDBA5BAMQEAMETAEbEx0MCBQ+ExwcE4MUG3QUCAw5EAyDDBAQDEIIChYnF14LFAaDEh4S9BELCgMQEAMbARIbCRQbFEEUGxsUXhQIAUEMEBAMQgsRHAcUCxwXJxcLCBIeEgAABAAAAAABGgEHAB4AKgA6AFMAADc0NjsBNh8BMzIWHQEUBisBNTMyNj0BNCYrAQcGKwE3FTMyPwEnJisBIgYVIgYdARQWOwEyNj0BNCYjBzQ2OwEeARcVDgEiJj0BBwYiJjQ/ASMiJhMbFCcLCR1QFBsbFEFBDBERDFAdCQtWE0MEAhoaAgQnDBAQFhYQSw8WFhBKBQQ4BAUBAQUIBSgDCAYDKCEEBdgTGwEJHRsUXhMbEhELXgwQHQgvHAIaGQMRTRYPSxAWFhBLDxYvBAYBBQQ4BAUFBCEoAgUIAygFAAAEAAAAAAD0ARoAHwAlADUATgAAEyIGHQEzNTQ2OwEVFBYXMxUUBisBFTMyNj0BNC8BJiMXIyImPQEHIgYdARQWOwEyNj0BNCYjBzQ2OwEeARcVDgEiJj0BBwYiJjQ/ASMiJl4QFhMLCDgQDC8LCCUlEBYINwgMPCsEBYMQFhYQSw8WFhBKBQQ4BAUBAQUIBSgDCAYDKCEEBQEZFg9LSwgLLwwQAYMIChMWD44MCDcISwYEK20WD0sQFhYQSw8WLwQGAQUEOAQFBQQhKAIFCAMoBQAAAAYAAAAAAPQBGgARACMAKQA1AEIATgAANzQ2OwEyHwEWHQEUBisBIiY1NyIGHQEUFjsBMjY9ASMiJj0BFzMnFRQWByIGFBY7ATI2NCYjBzQ2NzMeARQGKwEiJhciBhQWOwEyNjQmIzgWEEMMCDcIFhBwEBYmCAsLCHAICy8MEBwrNAVHBAUFBF4EBQUEZwUEXgQFBQReBAUJBAUFBF4EBQUE9A8WCDcIDI4PFhYPzwsIvAgKCgiEEAwvOTUrBAY4BQgGBggFLwQFAQEFCAUFGAUIBgYIBQAAAAUAAAAAARoBBwALAB8APwBWAFoAADc1NDY7ATIfAQcGIyciBh0BFBY7ATI2PQE0JisBJyYjFxUUFjsBFSMiBhQWOwEVIyIGFBY7ARUjIiY9ATMyPwEXNTMyNjQmJyM1MzI2PQEzMhYdARQGIycVIzUmEAwnBAIaGgIEJxQbGxSoFBsbFFAdCQtABQQKCgQFBQQKCgQFBQQKegwQQwsJHTQKBAUFBAoKBAUJDBERDBwSvBwLEQMZGgJLHBOEExsbE14UGx0JOS8EBRMFCAYSBggFExELVQgdliYFCAUBJQUELxAMXgsRliUlAAAAAwAAAAAA9AEaABEAIwApAAATIgYdARQWOwEyNj0BNC8BJiMHNDY7ARUUFhczFRQGKwEiJjU3IyImPQFeEBYWEHAQFgg3CAxWCwg4EAwvCwhwCAuSKwQFARkWD7wPFhYPjgwINwglCAsvDBABgwgKCgiWBgQrAAAABAAAAAAA/gEhABAAIgA0ADoAADcUFjsBDgErASIuAT0BNDY/ATIfARYdARQGKwEiJj0BNDYzFSIGHQEUFjsBMjY9ASMiJj0BFxQWOwEnLh8VdQUQCVgTHxIJCHILCEMIFA95DhUVDgcLCwd5Bwo8Cw8RBQQ5QlEWHggJEh8TiwoQBCcHRAgKcg8UFA+tDhQRCgetBwsLB2gPCzw8BAVCAAMAAAAAAQwA9AAMABkAJgAANzQ2OwEyFhQGKwEiJhc0NjsBMhYUBisBIiYXNDY7ATIWFAYrASImIQgGzgYICAbOBgglCQWEBQkJBYQFCSYIBjgGCAgGOAYI5gYICAwICEUGCAgMCAhFBggIDAgIAAADAAAAAAEHAPQADQAaACgAADc0NjsBMhYUBisBIiYnFzQ2OwEyFhQGKwEiJhcmNjsBMhYOASsBIiY1JgUEzgQGBgTOBAUBJgUEhAQFBQSEBAUmAQYEOAQGAQUEOAQG6gQGBggFBQRLBAYGCAUFRwQGBggFBQQAAAACAAAAAAD/AQcABwAbAAA3NTMHBhQfAQczFjYvATc2JisBIgYdARQWMjY1S5clAgIll6kFBgQrKwQGBbIEBgYIBYNxMwIHAjMSAQsEPTwECwYEzgQFBQQAAgAAAAAA/gEaAB0ARQAANzY3FhcWHwEWFxYVFAYiJyYnJj8BFx4BPgEnJjc2BzEHBgcGFxYXFjI3PgE0JyYvASYnJjc2JiIGBwYHBhcWDgEmLwEuAZkHCAEHBhIBEAcKJkkVEgcFCQMCBRcWCAYNBgU7BAYDDAcIFxpYGgsMDAcRAhAGCAIBBQsTCBkHCREDAwgIAgoCC/8EAg4QDhoCGg0VECIpExEfGBgGBQsHCxkLHhIPPgcICR4dJRUYGw0iKBoOGgIZDRINBAcEBQwXGSUFCgQDAxQFAQAAAAIAAAAAAPQA9AAQACEAADc2MhYUDwEGIi8BJjQ2Mh8BNzYyFhQPAQYiLwEmNDYyHwHkAggGA1QDCANUAwYIAk5OAggGA1QDCANUAwYIAk6mAwYIAlUCAlUCCAYDTpkDBggCVQICVQIIBgNOAAIAAAAAAPQA9AAQACEAADcGIiY0PwE2Mh8BFhQGIi8BBwYiJjQ/ATYyHwEWFAYiLwFIAggGA1QDCANUAwYIAk5OAggGA1QDCANUAwYIAk6PAgUIA1QDA1QDCAUCTpkCBQgDVAMDVAMIBQJOAAIAAAAAAOIA/gAQACEAADcHBiIvASY0NjIfATc2MhYUBycmIg8BBhQWMj8BFxYyNjTeQQMIA0EDBQgDOzsDCAUDQQMIA0EDBQgDOzsDCAXtQgICQgMIBQM7OwMFCLFCAgJCAwgFAzs7AwUIAAQAAAAAASwBBwAMAB4AQQBNAAAlFA4BIi4BND4BMh4BJx4BDwEGIi8BJjQ2Mh8BNzYyJyIGHQEUFjsBJicjIiY9ATMyPwEzMhYdARYXNTQmKwEnJiMHNTQ2OwEyHwEHBiMBLBcmLicXFycuJhcoAgEDOAMIAxMCBQgDDDEDCL8UGxsUOgUDMgwQQwsJHVAMEQoIGxRQHQkLQxAMJwQCGhoCBFQXJhcXJi4nFxcnDAMHAzgDAxIDCAUCDDEDjRwThBMbCQkRC1UIHRAMAgUHDhQbHQlLHAsRAxkaAgAG/////wEaAQcAHgAqAFUAWQBdAGEAADczMhYdARQGKwEnMzI2PQE2JisBBwYrATU0NhczNhcHMj8BJyYrASIGHQEXFh8BFhQGDwEGIiYvARUUBisBIicGKwEiJj0BNDY7ATIXNjsBMhYdATc2BzM1IxczNSMfATcnmlAUGxsULAg0DBABEQxQHQkLVhsUJwsJFAQCGhoCBCcMEVoHAyICBgYRAwoJAxkLCBMFBAQFEwgLCwgTBQQEBRMICxMHZRMTJRMTLiMRIuEbFF4THBMRC14MEB0ILxMcAQEJQgIaGQMRCxw+AwdTAwoJAggBBgY+NwgLAwMLCHAICwMDCwgNCANucHBwHVMHUwAAAwAAAAABGwEHABIALQA/AAA3FTc+ATM3LgErASIvASYrASIGFyIHIy4BPQE0NjsBNh8BMzIWFx4CDwEOASMnIgYPAQYeATsBMjY/ATYuASMmEQcaEHcDDglCBAIgAwQUDBBfAQFBFBsbFBQMCB0+ERoDDxUECB4HGhBcCxEFHgUEDwuCCxEFHgUEDwvYVx4NDwEICgMgAxG9AQEbE4QTGwEJHRYQAxYfDjMND4MKCTMKEw4KCTQJFA0AAAADAAAAAAEaAQcACwAfADAAADcVMzI/AScmKwEiBgc0NjsBNh8BMzIWHQEUBisBIiY1NxUUFjsBMjY9ATQmKwEHBiMmQwQCGhoCBCcMEBMbFCcLCR1QFBsbFKgUGxMQDKgMEREMUB0JC9gcAhoZAxELExsBCR0bFF4TGxsTVVULERELXgwQHQgABQAAAAABLQD0AB0AJgAvAEMAUwAANzIWHQEzMhYUBisBFRQGIiY9ASMiJjQ2OwE1NDYzFzIWFAYiJjQ2Nx4BFAYiJjQ2NzIeAR0BFA4BKwEGLgE9ATQ+ATMVIgYdARQWOwEyNj0BNCYjZwQGHAQFBQQcBggFHAQGBgQcBQRnCAsLEAsLGwgLCxALCwgUIxQUIxSWFCMUFCMUFyEhF5YXISEXvAYEHAUIBhwEBQUEHAYIBRwEBTgLDwsLDws5AQoQCwsQCzgUIxQ4FSIUARUiFDkUIxQTIRc4GCEhGDgXIQAEAAAAAAEWARoACAARAGEAmgAANyIGFBYyNjQmByImNDYyFhQGFy8BJjY/ATYnJicmIw8BIyImLwEmJyYiBwYPAQ4BIyIjLwEiBwYHBh8BFgYPAQYXFhcWMz8BMzIWHwEWFxYyNzY/AT4BMzIzHwEyNzY3NicHJyYjIgYPAgYiLwEuASsBDwEmJzc+AS8CNjcXFjMyNj8CNjIfAR4BOwE/ARYXBw4BHwIGB5YQFhYgFRUQCAsLEAsLcxgCBAEFGAQCCBMCBAMgAgYJAQUBBQ4cDgUBBgIIBAMDHQMEAhMIAgQaBAEFGAQCCBMCBAMgAwUJAQUBBQ4cDgUBBgIIBQIDHQMEAhMIAgQiFwYFCxIEAQQJEAkEAhMMBwUXCgYSCwIJBBIGChcGBgoSBAEECRAJBAITDAcFFwoGEgsCCQQSBgq8FiAVFSAWOQsQCwsQCw0UAgUNBBQDBRsVAwELBwUfBQEDAwEFIQUFCwEDFRsFAxYFDQQUBAQbFQMBCwcFHwUBAwMBBSEFBQsBAxUbBAQmCAIMCgYXAQEXDBACCA0PEAkcCwQQDw0IAgwKBhcCAhcMEAIIDQ8QCRwLBA8QDQAABwAAAAABBwEaACUALwAzADcAPgBFAE8AABMyFzYyFhUUBzMyFh0BFAYjFRQGKwEuAT0BIiY9ATQ2OwEmNTQ2BxQWOwE1NCYiBhcVMzUrARUzBxUUFjsBNRczMjY9ASM3NCYiBh0BMzI2cRAMCyAWBSsICwsIFhCDEBYHCwsIKgUWAwsIEgsPCzhecV1dSwsIOBM4CAtLJgsQCxMICwEZDAwWDwoJCwglCAtLEBYBFRBLCwglCAsJCg8WJQgLEwgLCy4lJSUTSwgLXl4LCEteCAsLCBMLAAAABQAAAAABBwEaACEAJwA/AEcAUAAAEyIGHQE2NzU0NjsBFRQWOwEVFAYrARQHMzI2PQE0LwEmIxcjIiY9AQcVIyIGHQEeATsBMjY9ATQmKwE1NCYiBhc1NDYyFh0BBzIWFAYiJjQ2cRAWCQoLCDgQDC8LCCUGKxAWCTYJCzwrBAV6CggLAQoIXggLCwgJFh8WEgsQCxMGCAgMCAgBGRYPLQUBJwgLLwwRgwgKCwgWD44MCDcISwYEK20TCwhKCAsLB0wHCxMQFRUjEwgLCwgTKggMCAgMCAAABAAAAAABBwEaACIAKAA9AFIAADcnJisBIgYdARYXFhc1NDYXMxUUFhczFRQGByMHMzI2PQE0ByImNzUXByIvAS4BNDY/ATYyFhQPARceAQ4BMyIuATY/AScmNDYyHwEeARQGDwEG/jYJC0MQFggGAwILCDgQDC8LCBwTLxAVQQQGATSvBAImAQEBASYDCAUDHx8CAQIFSQMFAgECHx8DBggCJgECAgElA9o3CBYPbgIGAgR8CAsBLgwQAYMICgESFg+PCwQGBCs1uwMlAQQDBAEmAwYIAx4fAgUGAwMGBQIfHgMIBgMmAQQDBAElAwAABgAA//8BLAEtACIAKwA0AEsAWACEAAA3PgE3NjcjIgc1PgE1NCYiBhUUFhcVDgEVFBYzMjY3JjUmLwE0NjIWFAYiJhciJjQ2MhYUBjcmNTQ2MhYVBgcmJzY1NCYiBhUUFwYHFyIOARQeATI+ATQuARceAQYjIi8BFRQOASY9AQcGIyImNj8BJy4BPgEfATU0NjIWHQE3Nh4BBg8BXwIMBwMFAhAMEBUbJxsVEBAVGxMPGAUPCQknERcQEBcRHAsRERcQEE0EGyccAQQICQMRFxADCggrFycXFycuJhcXJg4DAgQGAgMSBQgGEgIDBQUCAxMTAwIEBwQSBggFEgQHBAIDE1wICgIKCQlVAxoRFBsbFBEaA3IDGhETHBENGR0GAqEMEBAYEBDeEBcRERcQnwkKExwcEwoJBAIGBwsREQsHBgIECRcnLiYXFyYuJxdfAggIAgoVBAUBBgQVCgIICAIKCwIHBwICChUEBQUEFQoCAgcHAgsAAAcAAP//ASwBLQAiACsANABLAFgAZABtAAA3PgE3NjcjIgc1PgE1NCYiBhUUFhcVDgEVFBYzMjY3JjUmLwE0NjIWFAYiJhciJjQ2MhYUBjcmNTQ2MhYVBgcmJzY1NCYiBhUUFwYHFyIOARQeATI+ATQuAQc0NjIWHQEUBiImNRciJjQ2MhYUBl8CDAcDBQIQDBAVGycbFRAQFRsTDxgFDwkJJxEXEBAXERwLEREXEBBNBBsnHAEECAkDERcQAwoIKxcnFxcnLiYXFyYhBgcGBQgGCgUHBwkHB1wICgIKCQlVAxoRFBsbFBEaA3IDGhETHBENGR0GAqEMEBAYEBDeEBcRERcQnwkKExwcEwoJBAIGBwsREQsHBgIECRcnLiYXFyYuJxcvBAUFBCYEBQUEMQcKBwcKBwAAAAYAAAAAAS0BLAAWADkAQgBLAFgAdgAANyY1NDYyFhUUByYnNjU0JiIGFRQXBg8BFBcOASMiJjUmNjc1LgE1NDYyFhUUBgcVNjsBBgcOAQcWFycyNjQmIgYUFhc0JiIGFBYyNjcUDgEiLgE0PgEyHgEHNCYrATU0JiIGHQEjIgYUFjsBFRQeATY9ATMyNjWtBBsnHAUICQMRFxADCgg8DwUYDxMbARYQEBUbJxsVEAwQAgUDBwwCCQgcDBERFxERKBEXEREXEbsXJi4nFxcnLiYXJQYEHAUIBhwEBQUEHAYIBRwEBbIJChMcHBMKCQQCBgcMEBAMBwYCBF4dGQ0RGxQRGgNyAxoRExwcExEaA1UJCQoCCggCBo0QGBAQGBCyDBAQGBAQMRcmFxcmLicXFycXBAYcBAUFBBwGCAUcBAUBBgQcBQQAAAAEAAAAAAEHAS0AMAA5AEIASwAAJTQmIgYVFBYXDgErASIHNT4BNTQmIgYVBhYXFQ4BFRQWMjY1NCYnPgE7ATI2Nz4BNSc0NjIWFAYiJhcUBiImNDYyFjciJj4BMhYUBgEHHCcbFBADDgo4EAwQFRsnGwEWEBAVGycbFBADDgo4ERoDERXOERcRERcROREXEREXEWcMEQEQFxERxRMcHBMRGQQIDAlVAxoRFBsbFBEaA3IDGhETHBwTEBoDCQwVEQMaETgMEBAYEBDCDBAQGBAQbhAYEBAYEAACAAAAAADYARoAGAAhAAA3NCYnNTQmIgYdAQ4BFBYXFRQWMjY9AT4BByImNDYyFhQG2CEYBQgFGCEhGAUIBRghQhMcHCYcHJYZJQM5BAUFBDkDJTIlAzkEBQUEOQMlFhwmHBwmHAAAAAQAAAAAARoBGgAlAC4AVQBeAAA3FjI2NC8BMzIWHQEOARUUFjI2NTQmJzU0JisBNzY0JiIPAQYUHwEUBiImNDYyFicUBgcVFBY7AScmNDYyHwEWFA8BBiImND8BIyImPQEuATU0NjIWFSM0JiIGFBYyNqsDCAUCFiIMEBAVGycbFRAcEyIWAgUIAyUDA4ERFxERFxGWFhAQDCIWAwYIAyUDAyUDCAYDFiITHBAVGycbEhEXEBAXEb4DBggDFRAMVQQaEBQbGxQQGgRVExwVAwgFAiYDCAKiDBAQFxERnRAaBFUMEBUDCAYDJgIIAyYCBQgDFRwTVQQaEBQbGxQMEREXEREAAwAAAAAA9AEHABcAJAAxAAA3BwYiLwEmNDYyHwE1NDYyFh0BNzYyFhQnMjY9ATQuAQYdARQWFzI2PQE0LgEGHQEUFvFUAwgDVAMGCANEBQgFRAMIBl4EBQUIBQUEBAUFCAUFhl0DA10DCAUDTCAEBgYEIEwDBQhFBgQlBAUBBgQlBAZLBgQlBAUBBgQlBAYABgAAAAABIQEmACUALgA3AEAATQBaAAA3NDYyFhUUBxc2MzIWFAYiJjU0NycGBxUeARUUBiImNTQ2NzUuATciBhQWMjY0JhciBhQWMjY0JgciBhQWMjY0JjcUDgEiLgE0PgEyHgEHFA4BIi4BND4BMh4BURMcEwIVCAsNFBQbEwIUBQYLDRMcEw0LCw0hBgkJDAkJQQYJCQwJCU0GCQkMCQmoJ0JOQicnQk5CJxIiOkQ6IiI6RDoiyw4TEw4GBhUGExsUFA0HBhUEAjIDEgsNFBQNCxIDMgMSGgkMCQkMCTwJDAkJDAk2CQwJCQwJLSdCJydCTkInJ0InIjoiIjpEOiIiOgAEAAAAAAEIARoAJAAwADwASAAANw4BBy4BJz4BLgEOAhYXFQ4BHgEyPgEmJzUWFx4CPgIuASc0PgEeAg4BIyImFxQOAS4CPgEzMhY3Ii4BPgIeARUUBtgRGgMbKgYSFAQcIxsDFRISFQQaJBsEFhEhKwITGhoRBAwXrQoPEQwEBw4JCxE5ChAQDQMHDggMEWcJDgcEDBEPChG8ARQRAhYPBB0kGAEYJB0ETAQdJBgYJB0EMBsBDhQGCBUbGQ8uCQ4HBAwRDwoRnQkOBwQMEQ8KESQJEBANAwcOCAwQAAAAAAYAAAAAARoBGgARABoAMgA7AEQAYQAANzU0JiIGHQEOARUUFjI2NTQmByImNDYyFhQGJzQmIgYVFBYXFQ4BFRQWMjY1NCYnNT4BBxQGIiY0NjIWJyImNDYyFhQGPwEnJjQ2Mh8BNzYyFhQPARcWFAYiLwEHBiImNDf0BggFEBUbJxsVGgsRERcREYUcJxsVEBAVGycbFRAQFhMRFxAQFxEcDBAQFxERexUVAwUIAxUWAwcGAxUVAwYHAxYVAwgFA3AvBAYGBC8EGhAUGxsUEBpGEBcRERcQxBQbGxQQGgRMBBoQFBsbFBAaBEwEGpgMEBAXERGBERcRERcRBxUWAwcGAxUVAwYHAxYVAwgFAxUVAwUIAwAAAAAGAAAAAAEsARoAHAA0AD0ARgBTAHEAADcmND8BNjIWFA8BMzIWHQEmJzU0JisBFxYUBiInBxUeARUUBiImNTQ2NzUuATU0NjIWFRQGByIGFBYyNjQmNzQmIgYUFjI2FxQOASIuATQ+ATIeAQc0JisBNTQmIgYdASMiBhQWOwEVFB4BNj0BMzI2NYYDAyYCCAYDFiITHAoJEAwiFgMGCAJhEBYcJxsVEBAVGyccFhkMEBAXERERERcQEBcRzhcmLicXFycuJhclBgQcBQgGHAQFBQQcBggFHAQF5AIIAyUDBQgDFRwTDQIBCgwQFgIIBQICTAQaEBQbGxQQGgRMBBoQFBsbFBAaYhEXEBAXEYwMEREXERGLFyYXFyYuJxcXJxcEBhwEBQUEHAYIBRwEBQEGBBwFBAAAAAAGAAAAAAEsARoAFwAgACkARgBTAGUAADc0JiIGFRQWFxUOARUUFjI2NTQmJzU+AQcUBiImNDYyFiciJjQ2MhYUBjcmND8BNjIWFA8BMzIWHQEmJzU0JisBFxYUBiInFyIOARQeATI+ATQuARcHBiIvASY0NjIfATc2MhYUB3EcJxsVEBAVGycbFRAQFhMRFxAQFxEcDBAQFxEROQMDJgIIBgMWIhMcCgkQDCIWAwYIAiwXJxcXJy4mFxcmFTgDCAMSAwUIAwwxAwgFAuoUGxsUEBoETAQaEBQbGxQQGgRMBBqYDBAQFxERgREXEREXERYCCAMlAwUIAxUcEw0CAQoMEBYCCAUCFRcnLiYXFyYuJxc/OAMDEgMIBQIMMQMGBwMAAAAABwAAAAABGgEaABcAIAApADMAPABFAE4AADc0JiIGFRQWFxUOARUUFjI2NTQmJzU+AQcUBiImNDYyFiciJjQ2MhYUBhciBhQWMjY0JgcVIiY0NjIWFAYnNDYyFhQGIiY1NDYyFhQGIiZxHCcbFRAQFRsnGxUQEBYTERcQEBcRHAwQEBcREZ0TGxsnGxsUCxERFxERHgsPCwsPCwsPCwsPC+oUGxsUEBoETAQaEBQbGxQQGgRMBBqYDBAQFxERgREXEREXEV0cJxsbJxwBShAXEREXEHkICwsPCwtSCAsLDwsLAAAABAAAAAAA9AEtACIALgBLAG4AABMyHwEWHQEUBisBIiY9ATMVFBY7ATI2PQE0LwEmKwE1Ji8BFzIWFAYrASImNDYzNzIWHQEzMhYUBisBFRQGIiY9ASMiJjQ2OwE1NDYnMh8BHgEUBg8BBiImND8BIyIGHQEUBiImPQE0NjsBJyY0NqEMCDYJFhCDEBYTCwiDCAsDNgMEDQIECCwEBQUESwQFBQQmBAUcBAUFBBwFCAYcBAUFBBwGNQQDJgEBAQEmAwcGAxU0DBAGCAUbFDQVAwYBGQg3CAuPDxYWD5aWBwsLB48DAzcDAQUECLsGBwYGBwaDBQQcBggFHAQGBgQcBQgGHAQFSwMlAgMEAwIlAwYHAxYRCxMEBgYEExMbFgMHBgAAAAQAAAAAARoBGgAhAD0ARwBQAAA3JyYrASIGBxUeATsBJicjIiY9ATQ2OwEyHwEWHQEyFzU0ByM1NCYiBh0BIyIGFBY7ARUUFjI2PQEzMj4BJgcUFjsBNDcjIgYXMjY0JiIGFBbsNwgMVhAVAQEVEGUJB1UICwsIVgQDNgMJCkIcBQgGHAQFBQQcBggFHAQFAQZYBQQvAzIEBYMXISEuISHaNwgWD7wPFggLCwe8CAsDNwMDMQMzDBYcBAUFBBwGCAUcBAYGBBwFCAZoAwYICwZFIS4hIS4hAAUAAAAAARoBGgAlAC4ARgBPAFgAADc1NCYrATc2NCYiDwEGFB8BFjI2NC8BMzIWHQEOARUUFjI2NTQmByImNDYyFhQGJzQmIgYVFBYXFQ4BFRQWMjY1NCYnNT4BJzQ2MhYUBiImFxQGIiY0NjIW9BwTIhYDBggCJgMDJgIIBgMWIgwQEBUbJxsVGgsRERcREYUcJxsVEBAVGycbFRAQFksQFxERFxA4ERcQEBcRcFUTHBUDCAUDJQMIAiYCBQgCFhAMVQQaEBQbGxQQGkYQFxERFxDEFBsbFBAaBEwEGhAUGxsUEBoETAQaEAwRERcREZ0MEBAXEREABQAAAAABBwEaABgAIQAqAEkAWQAANyY0PwE2Mh8BFhQGIi8BFRQGIiY9AQcGIhciBhQWMjY0JgciBhQWMjY0JhcVFAYrASImPQE0NjsBMhYdARQWMjY9ATQ2OwEyFhUHIxQGIiY1IxUUFjsBMjY1YAICJgMIAiYCBQgDFQYHBhUDCCoEBgYIBQUEBAYGCAUFdhwTlhQbBQRLBAYQFxEFBEsEBRI4HCcbOBAMlgsR5AIIAyUDAyUDCAUDFQ8EBQUEDxUDEwUIBQUIBSUGCAUFCAYcORMbGxM5BAUFBAoLERELCgQFBQQKExwcEy8LERELAAAAAAMAAAAAAQcBGgAcADkASQAANyY0PwE+ATMxMhYfARYUBiIvARUUBiImPQEHBiIXFRQGKwEiJj0BNDY7ATIWFRQWPgE1NDY7ATIWFQcjDgEiJicjFRQWOwEyNjVhAwMlAQQCAQQBJgIFCAMVBQgGFQMIpBwTlhQbBQRLBAYQFxEFBEsEBRI5BBohGgM5EAyWCxHkAggDJQIBAQEmAwgFAxVaBAUFBFoVA1Q5ExsbEzkEBQUEDBEBEAwEBQUEChAVFRAvCxERCwAAAwAAAAABBwEaABsAOABIAAA3FzU0NjIWHQE3NjIWFA8BDgEjMSImLwEmNDYyFxUUBisBIiY9ATQ2OwEyFhUUFj4BNTQ2OwEyFhUHIw4BIiYnIxUUFjsBMjY1bhUGCAUVAwgFAiYBBAECBAElAwUInBwTlhQbBQRLBAYQFxEFBEsEBRI5BBohGgM5EAyWCxHMFloEBQUEWhYCBQgDJQIBAQIlAwgFQTkTGxsTOQQFBQQMEQEQDAQFBQQKEBUVEC8LERELAAQAAP//ASIA9AAdACUALgBFAAA3BwYXIyImPQE+ATsBMhYdASc1NCYrASIGHQEUFjM3IiY0NjsBDwEUFjsBNyMiBhcyFg8BBiImPwEjIiY/AT4BOwEyFg8BmAECA00QFgEVEJYQFRILCJYICwsICQQFBQRbBl4FBEkGTwMGzAYFBEgGEgsDDhIFBQEYAQQEOgUGAhBeAQkJFg9eEBYWEBMBEggLCwhdCAs4BQgGExwEBhMFDQsFWgcPCDQIBEsDBAgFKwABAAAAAAENARsAawAANxYVFAcGBxYdARQGIiY9ATYnNzY3Njc2NTQvATYnMQYPASYHJyYjBhcHDgEVFBcWFxYfAQYXFRQGIiY9AQYnJicmLwEmIy4BPgEXFhcWHwEWFxY3NSY3JicmNTQ3Jj8BNhcWFzYXNjc2HwEW/BEWER8FBAcFAgsGFA0QCQsQAgcGEBMGKCcHGQsFBwMICAoIEQ0VBAoBBAgFEQwLCAYHCAQEAQIBBgMHBgMGAgoHDBQBBx8RFxAFCAYECRAUKCgTEAoEBQnmFBorFhEFCg8tBAUFBC0PCg4DBQgOERsWEQgREAMNAQkJAQ8SDwkIFAobEQ4IBQMOCw0uBAUFBBkDAwMIBAoJBAIFBwMBAgUDBwINBAYEBQ0MBhEWKhoUGBUEAgIDDAoKDQMCAgQYAAAAAQAAAAABLAEtAFEAABMiDgEVFB4BFzI2PQEGJyYnMS4BLwEmNzYzMR4BHwEWFxY3NjcmJyY1NDcxJjczMhcWFzYzMhc2NzY7ARYPARYVFAcGBxYdARQWMz4CNTQuAZYpRSgaLh4FBRoPBwMCCAMDCQQCBAYLAwMJDgoKAQgeEBYQBggEBggKDQ8XERQNCggGBAgFARAWDx8KBQUeLhopRQEsKEUpIDoqCgQEGQUMBgcICgMBBgMBAQcEBA8BAQQMCAQNEycXERMUAwQJBQUJBAMTFAERFycSDQQIEykEBAoqOiApRSgAAAUAAAAAAQcBBwAQABcAHgAlACwAABMjIgYdARQWOwEyNj0BNiYjBzQ2OwEVIxciJj0BMxU3FAYrATUzNSM1MzIWFdiEExwcE4QTGwEcE6ARCx05HAsROYMRC1VxcVULEQEHHBOEExwcE4QTGy4LETiEEQtVcRwLEXETOBELAAAAAv/6//8BIQEmAA0AbwAAEyIOAR4CPgE1NC4CEysBLwE9ATQmJz4CNzY1NCYnPgE0Ji8BDgEPAiYHLwEuAScHDgEUFhcOARUUFx4CFw4BFQYiJi8CLgErAQcfARYfAR4BNzM3HQEPASMuAz4DMh4DDgIHkCxIIhE+VlAxFig1CQEDAgEEBQ0WDwMEBwYBAgMBAwQIBAgHHx8HCAQIBAMCAgIBBgcEAw8WDAMEBw8LAwQEAwUDBAIBCAICBgMQCgYGAgIDFSMXCAcVIiksKSIWBggXIxUBJTBRVj4RIkkrHTUoFv77AQMCIgYMBQEIEAoMDQoRBwMHCQkEAQECAgQECAgEBAICAQEECQkHAwcRCg0MChAIAQQIBQMHBgUEAgIBAwcCAgoJCgEBFQICAgcbJSwrJxwQEBwnKywlGwcAAAAKAAAAAAEaARoADAAVAB4AJwAvADgAPgBEAEoAUAAAEyIOARQeATI+ATQuAQciJiczDgEjMScmNjczFhQHIyc0NzMGFBcjJjcyFhcjPgEfATMWFAcjNjQnNyMmJx4BJwYHIz4BBzMWFy4BFzY3Mw4BliQ8IyM8SDwjIzwkCRIFQAUSCSMDAQJGAgJGTQY0AgI0BnAJEgVABRIJNjQHBzQCAisuBgwVIXgMBi4KISsuBgwVIXgMBi4KIQEZIzxIPCMjPEg8I/MeGhofTBEoEhIoEiYTEhImEhKEHxoaHwFKEyYSEiYSEyATBhogEyATGp0gEwYaIBMgExoAAAAEAAAAAAEHASwAIwA/AEsAZAAANxUUBisBIiYnNTQ2OwEyFhQGKwEiBh0BFBY7AT4BPQE0PgEWJzQmIgYdASMiBhQWOwEVFBYyNj0BMzI+ASYrARcjIgYUFjsBMj4BJjcjIgYUFjsBBwYUFjI/ARUUFjI2PQE0JiP0FhCDEBUBFhBCBAUFBEIICwsIgwgLBQgGXgUIBhwEBQUEHAYIBRwEBQEGBBwcSwQFBQRLBAUBBkc4BAUFBCEoAgUIAygFCAYGBLJ6DxYWD7wPFgUIBQsIvAgLAQoIegQFAQYiBAUFBBwGCAUcBAYGBBwFCAZeBgcGBgcGzgUIBigDCAUDKCIEBQUEOQQFAAADAAAAAAD0AS0AIQAnAEoAABMyHwEWHQEUBisBIiY9ATMVFBY7ATI2PQEjIiY9AScmLwEXFBY7AS8BMh8BHgEUBg8BBiImND8BIyIGHQEUBiImPQE0NjsBJyY0NqEMCDcIFhBwEBYTCwhwCAsvDBABAgQIIgUEKzRVBAMmAQEBASYDBwYDFTQMEAYIBRsUNBUDBgEZCDcIDI4PFhYPg4MICwsIgxEMLgIFBAhBBAY1KQMlAgMEAwIlAwYHAxYRCxMEBgYEExMbFgMHBgACAAAAAAEHAS0AJQBIAAATHgEVFAcXFhQGIi8BBiMiLgE1NDczFwYVFB4BMj4BNTQmJzc2NScyHwEeARQGDwEGIiY0PwEjIgYdARQGIiY9ATQ2OwEnJjQ2lhkfEkgDBggCSBgdFycWBQ8DBRIeJB4SGBICAkIEAyYBAQEBJgMHBgMVNAwQBggFGxQ0FQMGAQEILBsdGEcDCAUCSBIWJxcODgUMCxIeEREeEhUhBwMGBS8DJQIDBAMCJQMGBwMWEQsTBAYGBBMTGxYDBwYAAAAAAgAAAAABBwC8AA0AGwAANzMyFhQGKwEiJj4BNzMnMx4BFAYHIyImNDYzNy/OBAYFA9AEBgEEA9DOzgQGBQPQBAUEA9CDBQgFBQcFATkBBQcFAQUIBQEAAAcAAAAAARoBIwAPABMAIwAnADcAOwBTAAA3IyIGHQEUFjsBMjY9ATQmByM1MzcjIgYdARQWOwEyNj0BNCYHIzUzNyMiBh0BFBY7ATI2PQE0JgcjNTMnMzI2NCYrATc2NCYiDwEGFB8BFjI2NCd1HAYICAYcBggIChMTTxwGCAgGHAYICAoTE08cBggIBhwGCAgKExPU3QQFBQTdDAMGCAIdAgIdAggGA84IBp8GCAgGnwYIqJYSCAZ6BQkJBXoGCINxEggGVAYICAZUBghdSzgFCAYMAggGAxwDCAMcAgUIAwAAAAEAAAAAARoBGgAnAAA3MzI2NCYrATU3FxYyPwEXFjI2NC8BJiIPAScmIg8BNS4BIgYdARQWHPQEBQUE6jgfAggDTh4DCAUCJgMHA04fAggDMQEFCAUFEwUIBlA4HwICTh8DBggCJgMDTh8DAzF/BAUFBPQEBQAAAAcAAAAAARoBGgAQABkAIgAsADUAPwBJAAA3FBY7ATI2NCYrATUuASIGFRcUFjI+AS4BBhc0NjIWFAYiJgciJjQ2MhYUBiM3IgYUFjI2NCYXFBYyNjQmIgYVNzQ2MhYUBiImNRMFBPQEBQUE6gEFCAWpFSAVARYgFRILEAsLEAtdEBYWHxYWEAEICwsPCwseFh8WFh8WEwsPCwsPCxwEBQUIBuoEBQUELxAVFSAVARYQCAsLEAsLQxYfFhYfFjgLDwsLDwtdEBYWHxYWEAEHCwsPCwsHAAAAAAYAAAAAARoBGgAPAB8ALwA/AE8AXwAANzMyNj0BNCYrASIGHQEUFjc0NjsBMhYdAQ4BIyciJjUHIyImNzU0NjsBMhYdARQGJw4BHQEUFjM3MjY9ATQmDwEjIiY9ATQ2OwEyFh0BFAYnIgYVFwYWMzcyNj0BNCYj5hwKDQ0KHAoODgUDAhwCAwECAhwCAz0cCg4BDQocCg4OJgIDAwIcAgMDAl4cCg0NChwKDg4mAgMBAQMCHAIDAwITDQrYCg0NCtgKDe8CAwMC2AIDAQICFw0KjQoNDQqNCg2pAQICjQIDAQICjQIDAagNCmcKDg4KZwoNgwMCZwIDAQICZwIDAAAGAAAAAADPAPQACAARABsAJAAuADcAADcUBiImNDYyFjciBhQWMjY0JgciBhQWMjY0JiMzIgYUFjI2NCYHIgYUFjI2NCYjMyIGFBYyNjQmgwsPCwsPCzkICwsPCwtSCAsLDwsLCEwICwsPCwtSCAsLDwsLCEwICwsPCwvhCAsLEAsLCwsQCwsQC0sLEAsLEAsLEAsLEAtLCxALCxALCxALCxALAAcAAAAAARoBGgAjACcAKwBPAFMAVwCBAAABIyIGHQEjNTQmKwEiBh0BFBY7ATI2PQEzFQYWOwEyNj0BNCYHIzUzFyM1MxUjIgYdASM1NCYrASIGHQEUFjsBMjY9ATMVBhY7ATI2PQE0JgcjNTMXIzUzBxQGIyImPQE0JicmNDc+AT0BNDYzMhYUBiMiBh0BFAYHHgEdARQWMzIWAQc5CAslCAYcBggIBhwGCCYBCwg5BwsLixIShDk5OQgLJQgGHAYICAYcBggmAQsIOQcLC4sSEoQ5ObMFBBAVBAoFBQoDFhAEBQUECAsFBgYFCwgEBQEGCggTBQUJCQUcBgkJBgQTBwsLBzkICjgTJjleCwgSBAYICAYcBggIBgUTCAsLCDgICzgTJjhUBAYWECUYCgUDCwMFCQ8vDxYFCAYKCDARDwUFDhonCAsFAAAAAQAAAAABGgEHAB0AADciLwEmJyY0PgEzMhYfATc+ATMyFxYXFhQGDwEGI5YDA2kJBQYQIBYOGgoLCwoaDhkSDgcGCgpoAwQkA2gJDA4gIBQKCgsLCgoNCxMOGxkKaAMAAgAAAAABGgEHAB0AMAAANyIvASYnJjQ+ATMyFh8BNz4BMzIXFhcWFAYPAQYjJyIGFB8BNzY0JiIPAQYiLwEmI5YDA2kJBQYQIBYOGgoLCwoaDhkSDgcGCgpoAwQ9Fh4QYWIOHSwPEQMIAxIPFSQDaAkMDiAgFAoKCwsKCg0LEw4bGQpoA9AeKg9iYQ8qHw8SAgISDwAAAAACAAAAAAEHAQcALwBAAAA3Mh4BFA4BIi4BJy4BIgYVHgIyPgE0LgEHJgYHNTQmIgYdARQWFzcyNjQmKwE+ARc0JiIGHQEUFjsBMjY0JisBlhksGRksMSkaAgEGBwUCIDE8Mx4eMx8ZLA8GCAUFBDgEBgYEJQ0nFwYHBgYEJQQFBQQc9BksMiwZFycXBAUGBB0uGx4zPjMfAQEVEh0EBgYEOAQFAQEFCAUSFC8EBQUEOAQGBggFAAAAAgAAAAABBwEaACEAQAAAEzYyHwEWBxUWBisBIiY9ATQmKwEiBh0BFAYrASImPQE0PwEHBh0BFBY7ATI2PQE0NjsBMhYdARQWOwEyNj0BNCeJBg4GWwkBAREMJQwQBgQSBAYQDCUMEAhoWwMGBCUEBhAMEgwRBQQlBAYDARQFBVYIDGgMEREMLgQGBgQuDBERDGgMCElWAwRoBAYGBC4MEREMLgQGBgRoBAMAAAQAAAAAARAA9AAMACkATQBVAAAlFAYrASImNDY7ATIWJzI2PQEzFRQWMjY9ATQmIgYdASM1NCYiBh0BFBY3NTQ2OwEyFhcUBgcWFxYfARYUBiMiJyYnMSYnJisBFRQGIiY3MzI2NCYrAQEQBgTgBAYGBOEDBuEEBTkFCAUFCAY4BQgFBX4FBCoSGAEOCgcGAwQDBQUEBwQCBAYGCQ4SBggFEyAKDg4KIC8EBQUIBQUrBQQ4OAQFBQSDBAYGBDg4BAYGBIMEBQmDBAYZEQ0UBQkNBw0LAgoFBgQMFQkNOAQFBU8OEw4AAAAFAAAAAAEHARoADAAQABQAOwBEAAA3HgE3MTY3Fw4BIiYnNyM1OwEVIzUnMhYVFAYHFTMXFTMXFQcjFQcjByc1Iyc1Iyc1NzM1NzM1LgE1NDYHFzMVPwEzNSNyCRgNDgsNCRkcGQoVExNLExwICwYESwkKCgoKCTovEC8KCQkJCQpLBAYLQy8JIgc1lo0JCAMDCg0JCwsJIBMTE2cLCAQJAhYJJgoSCTkJNActDDYJEgooBxUDCAUIC7kCKSYDcAADAAAAAAEaARoADwAqAEEAABMiBh0BFBY7ATI2PQE0JiMXKwEOARUHBgcGIicmLwE2JisBNTQ2OwEyFhUHMxUWFx4BMjY/ATY3NTMVFAYrASImNUIUGxsUqBQbGxQdQgIDBAEBAwkwCQMBAQEGBEEQDKgMEeE5AgQGGSQZBgICAjoRDKgMEAEZGxSoFBsbFKgUG4MBBQMGCAYSEgYIBgQFVAwREQxnAwgHDg8PDgQFBgNBDBAQDAAAAQAAAAABBwD0ACEAADcyFh0BFBY7AScmNDYyHwEWFA8BBiImND8BIyImPQE0NjMvBAURC5IxAwYHA0IDA0IDBwYDMZITHAYE9AYEOAwQMgIIBgNCAggDQgIFCAMxHBM4BAYAAAQAAAAAARoBBwAJABMAHwAsAAATMxUjFTMVIyc1NyMVMxUjFTM3NQcVFAYiJj0BNDYyFgc0JiIGHQEUFjI2PQEcLyUlLwn9LyYmLwlLIS4hIS4hEhYgFRUgFQEHE7wSCc4KE7wSCc5UJhchIRcmFyEhFw8WFg8mDxYWDyYAAAAABAAAAAABGgEaAAsAFAAhAC4AADc0JiIGHQEUFjI2NTcUBiImNDYyFiciDgEUHgEyPgE0LgEHJj4BMh4BFA4CLgGfBQgFBQgFBQgMCAgMCA4kPCMjPEg8IyM8lAEfMz4zHx8zPjMenwQGBgQ4BAUFBF4GCAgMCAhOIzxIPCMjPEg8I4MfMx8fMz4zHgEfMwAABQAAAAABGgEaAA8AEwAkACgAUwAANzMyNj0BNCYrASIGHQEUFjc1MxUHMzI2PQE0JisBIgYdARQWMz0BMxUnFzEWFA8BBiImND8BIxUUBisBIiY0NjsBNSMiJjQ2OwEyFh0BMycmNDYyzjkHCwsIOAcLCwc5OTkHCwsIOAcLCwc5dCYDAyYCCAYDFVALCCUEBgYEJSUEBgYEJQgLUBUDBgi8Cwc5BwsLCDgHCxI5OagLBzkHCwsHOQcMEzk5lCYDBwMmAgUIAxUTBwsFCAU5BQgFCwcTFQMIBQAAAAMAAAAAARoBBwAjADIAOAAANzQ2OwE2Fh0BFAYHJi8BPgEnNzQmKwEiBhUXFBY7ARUjIiY1NyYGHQEUHgE2PwEzMjYnBzUXIyIHExYPvA8WDAoCAwgHCgEBCwi8CAsBCghLSw8WkwQMBAUGAhkqBwQESCsYBQPhEBUBFhBwDBIFBAQIAQoIcAgLCwhwCAsTFhAiBQUGcQMFAgIDIQwEED4rBAAACQAAAAABGgEcAA8AHwAxAEMAUwBjAHYAigCTAAATIiMmBwYuATY3NhceAQ4BFxYyPgEnLgEnJg4BFhceAQciLgE3PgE3Nh4BBgcOAQcGIwciJicmNDc+AR4BBwYUFxYGBxcWMjYmJy4BJy4BDgEXHgEXIicuAT4BFxY3Nh4BBgcGNxYzMTI3PgE3Ni4BBgcOAQcOATciMS4BNzY0JyY+ARYXFhQHDgEjJxQGIiY0NjIWrwEBFxcDBwIFBBoaBAUCBUEDCAYBAgcSCwMHBQIDCQ+8AwYBAgcSCwMHBQIDCQ8GAwUSBAUBAgIBBwcFAQICAQUELQIIBQIDCQ8GAggHAQIHElQNDQQFAgYEFxcEBgIFBA0vAwUDAgsSBwIBBwgCBg8JAwI9AQQFAQMDAQUHBwECAgEFBGQLEAsLEAsBBAUFAQUHBwEFBQEHBwQvBAQHAwsSBwIBBwgCBg8NBAcDCxIHAgEHCAIGDwkEXQQEDRoNBAUCBwMMFwsDBwFLAQcIAgYPCQMCBQcDCxIdAgEHBwUBBQUBBQcHAQIZBAEHEgsDBwUCAwkPBgIIRQEHAwsYCwMHAgUEDRoNBAQiCAsLEAsLAAADAAAAAAEaARoACAAqAEwAADcyNjQmIgYUFiczMjY0JisBPgEyHgEVBhYyNjU0LgEiBgc1NCYiBh0BFBYXIyIGFBY7AQ4BIi4BNS4BIgYVFB4BMjY3FRQeATY9ATQmlggLCxALC3I4BAYGBB8PND0zHwEGCAUjPEc8EgUIBQX4OAQGBgQfDzQ9Mx4BBQgFIzxHPBIFCAUFgwsQCwsQCzkFCAUaHx8zHwQFBQQkPCMiHSMEBgYEOAQFSwYIBRoeHjMfBAUFBCQ8IyIdIwQFAQYEOAQGAAMAAAAAARoBGgAIABUAIgAANxQGIiY0NjIWBxQeATI+ATQuASIOARc0PgEyHgEUDgEiLgGpCxALCxALliM8SDwjIzxIPCMTHjM+Mx8fMz4zHpYICwsQCwsIJDwjIzxIPCMjPCQfMx8fMz4zHh4zAAABAAAAAAD+AQcAGwAAEyMiBhQWOwEHIyIGFBY7ATI2NCYrATczMjY0JvRxBAUFBC9IMgQFBQRxBAUFBCtILgQFBQEGBQgFvAUIBgYIBbwFCAUAAAACAAAAAAEaAQwAJgA6AAA3IyImPQEjIiYvASY2PwE2FhceATI2Nz4BHwEeAQ8BDgErARUUBiMnMzU0NjsBNycOASImJwcXMzIWFdiEBAUhAwUBDgEEA04DBwIEExgTBAIHA04DBAEOAQUDIQUEenAGBCMKPgcaIBoHPgojBAYmBQR6BAMzBAYCGwEDBAwODgwEAwEbAgYEMwMEegQFEnoEBSUVDRAQDRUkBgQAAgAAAAABBwEHACgAUQAAEyIGHQEUBgcGFBceAR0BFBYzPgE0JiMiJj0BNCYnPgE9ATQ2MzI2NCYzMhYdARQWFxYUBw4BHQEUBiMuATQ2MzI2PQE0NjcuAT0BNCYjIiY0Nl4QFgQJBQUJBBYQBAUFBAgLBgUFBgsIBAUFbBAWBAkGBgkEFhAEBQUECAsGBQUGCwgEBQUBBxYQJg4KBQIMAgUKDiYQFgEFCAULCCcRDgUFDhEnCAsFCAYWECYOCgUCDAIFCg4mEBYBBQgFCwgnEQ4FBQ4RJwgLBQgGAAMAAAAAAKkA9AAIABEAGgAANyImNDYyFhQGByImNDYyFhQGBxQWMjY0JiIGlggLCxALCwgICwsQCwsbCxALCxALzgsQCwsQC0sLEAsLEAs4CAsLEAsLAAADAAAAAAEaARoACAAwAFEAADcUBiIuATYyFhcUDgErAQ8BBisBFRQPAQYrARUUDwEGKwEiJj0BND8BJic0PgEyHgEHNC4BIg4BFRQXFg8BFTM1NDY7ATU0NjsBNzY7ATI+ATXhCxAKAQsQCzgWJxcZDwYCAhACBAMEGAMEAwMrCAsFXAMBFycuJxYSEh4kHhIFAgVfJQUEHQUEFxEDAx0SHhLOCAsLEAsLERcnFg8DARgEAwQDGAQDAwMLCB0IBlsMDRcnFhYnFxIeEhIeEgwMBQVgHRwEBRwEBhACEh4SAAIAAAAAARoBBwAhAC8AABMyFh0BFBY7AScmNDYyHwEWFA8BBiImND8BIyImPQE0NjMXHQEUFj4BPQEuASIGFRwEBhAMkjIDBggCQgMDQgIIBgMykhQbBQTrBgcFAQUIBQEHBgQ4DBAxAwgFAkIDCAJCAwYIAjIbFDgEBRKpAgMFAQUEqgQEBgMAAAAAAgAAAAABGgD+ACEALwAANzI2PQE0NjsBBwYUFjI/ATY0LwEmIgYUHwEjIgYdARQWMzcdARQWPgE9AS4BIgYVHAQGEAySMgMGCAJCAwNCAggGAzKSFBsFBOsGBwUBBQgFOAYEOAwQMgIIBgNCAggDQgIFCAMxHBM4BAa8qQIDBQEFBKoEBAYDAAIAAAAAARoA/gAMACgAACU1JjYyFhcVFA4BJjUnNSY2NzMnLgE/ATYyHwEeAQ8BBiIuAT8BIyImAQcBBQgFAQUHBuEBBQOnMwIBAgEDBwJEAgECQwMHBgECNKUEBUupAwYEBKoEBQEFA1UBBAUBMgIHAwEDAkMCBwNEAgQHAzQEAAAAAAYAAAAAARoBBwAvADIAOQBGAE0AUAAANzEVFBYyNjUnMzI2NCYrASIGFBY7AQcVFBYyNjUnMxUjIgYUFjsBMjY0JisBNTMHJxcjFyImJzMOARcUBisBIiY0NjsBMhY3IiYnMw4BJzcXvBsnGyEPAwYGA88EBQUEDyEbJxshNC8LERELcQsREQsvNCFoGC8XCQ4DNQMPhAUEcQQFBQRxBAUJCQ4DNQMPIBcYowQTGxsTVQUIBgYIBVEEExsbE1WWERcQEBcRllFBOyYLCAgLQQQGBgcGBj4LCAgLJjs7AAAABgAAAAABLAEaABMAFwApADcAQABSAAA3FxYyPwE+ATQmLwEmIg8BDgEeATcXBycXBycGHgEfARYyPwE2PwE+ATQHJwYUFh8BFjI/ASc0PwEiBhQWMjY0JhcHBiIvASY0NjIfATc2MhYUBy9dBQoFXQUEBAVdBQoFXQUFAQRsXl5ezG5uAwEEBV0FCgUZEhwWBQVxbgIEBV0FCgUKAQFKGCAgLyEhByEDBwMTAwYIAgwbAggGA744AwM4AwgKCQI5AgI5AgkKCEY5ODglQkIFCQkDOAMDDxcFDQMJCWxCBAoJAzgCAgYKBQctIS8hIS8hMSEDAxMCCAYDDBoDBggCAAUAAAAAASwBGgATABcAKQA3AEAAADcXFjI/AT4BNCYvASYiDwEOAR4BNxcHJxcHJwYeAR8BFjI/ATY/AT4BNAcnBhQWHwEWMj8BJzQ3FzI2NCYiBhQWL10FCgVdBQQEBV0FCgVdBQUBBGxeXl7Mbm4DAQQFXQUKBRkSHBYFBXFuAgQFXQUKBQoBAUoXISEvICC+OAMDOAMICgkCOQICOQIJCghGOTg4JUJCBQkJAzgDAw8XBQ0DCQlsQgQKCQM4AgIGCgUHRCEvICAvIQAAAAAEAAAAAAEHARoAFAAYACcANgAANyIvAS4BNDY/ATYyHwEeARQGDwEGJwcXNwcXNxYOAQ8BBiIvAS4BNh8BNxYUBg8BBiIvAS4BNpYFBV0FBAQFXQUKBV0FBAQFXQUFXl5ezG5uAwEEBV0FCgVdBQUBAm5uAwUFXQUKBV0FBQGDAzgDCAoJAjkCAjkCCQoIAzgDhDk4OCVCQgUKCAM4AwM4AwgKKkJCBAoJAzgDAzgDCQoAAAACAAAAAAEaARoADwAaAAATIyIGHQEUFjsBMjY9ATQmBzUzMhYdARYGByPqqBQbGxSoFBsbs58MEAERDJ8BGRsUqBQbGxSoFBvz4REMqAwQAQAAAAACAAAAAAEaARoADwAZAAA3FRQWOwEyNj0BNCYrASIGFyImPQE+ARczFRMbFKgUGxsUqBQbLwwRARAMn+qoFBsbFKgUGxvYEAyoDBEB4AAAAAMAAAAAARoBGgAPABkAIwAAEzMyFh0BFAYrASImPQE0NgcVFBY7ATUjIgYXMjY9ATQmKwEVQqgUGxsUqBQbGwgQDC8vDBDEDBERDC4BGRsUqBQbGxSoFBsvqAwQ4RHQEAyoDBHhAAAABQAAAAABGgEaAAsAFwAjADMARAAANzIWFAYrASImNDY7ATIWFAYrASImPgE7ATIWFAYrASImNDYzNzIWHQEUBisBIiY9ATQ2MxUiBgcVHgE7AT4BJzU2JisBVAQGBgQSBAYGBEsEBQUEEwQGAQUESwQFBQQTBAUFBDgUGxsUqBQbGxQMEAEBEAyoDBEBAREMqPQGCAUFCAYGCAUFCAYGCAUFCAYlGxSoFBsbFKgUGxIRDKgMEQEQDKgMEAAEAAAAAAEaARoADwAZAB0AJwAAEyMiBh0BFBY7ATI2PQE0Jgc1NDY7ARUjIiY3NTMVFxQGKwE1MzIWFeqoFBsbFKgUGxvYEAwJCQwQOHA5EQwJCQwRARkbFKgUGxsUqBQb16gMEeEQO5aWLwwQ4REMAAAAAAMAAAAAARoBGgAZACkANAAANzIWHQE3NjIeAQ8BBiInMScmNDYyHwE1NDY3MhYdARQGKwEiJj0BNDYzFSIGBxUzNTQmKwGWBAUMAwgFAQMcAwgDHAIFCAMMBVgUGxsUqBQbGxQMEAHiEQyo9AYERwwDBQgDHAMDHAMIBQMMRwQGJRsUqBQbGxSoFBsSEQx5eQwQAAAEAAAAAAEaARoADwAWABoAIQAAEyMiBh0BFBY7ATI2PQE0JhcVIzUzMhYHMzUrARUjNTQ2M+qoFBsbFKgUGxsJJgkMEalwcBMlEAwBGRsUqBQbGxSoFBsveZYRhZaWeQwRAAAAAwAAAAABGgEaAA8AFgAgAAA3FRQWOwEyNj0BNCYrASIGNxUjNTQ2OwIyFh0BFAYrARMbFKgUGxsUqBQbloMQDHouDBERDC7qqBQbGxSoFBsbCZZ5DBERDKgMEAADAAAAAAEaARoADwAZACMAABMjIgYdARQWOwEyNj0BNCYXFAYrASImPQEzNSM1NDY7ATIWFeqoFBsbFKgUGxsJEQyoDBDh4RAMqAwRARkbFKgUGxsUqBQb1wwQEAwcE3kMEREMAAAAAAMAAAAAARoBGgAPABYAIAAAEyMiBh0BFBY7ATI2PQE0JgcyFh0BIzUHIyImPQE0NjsB6qgUGxsUqBQbGxQMEYQSLwwQEAwvARkbFKgUGxsUqBQbEhEMeZbhEAyoDBEAAAIAAAAAARoBGgAPABoAACUUBisBIiY9ATQ2OwEyFhUHMzU0JisBJgYHFQEZGxSoFBsbFKgUG/PhEQyoDBABQhQbGxSoFBsbFHl5DBABEQx5AAAAAAMAAAAAARoBGgAZACkAMwAANyYiDwExBhQfARYyNjQvATMyNjQmKwE3NjQnIgYdARQWOwEyNj0BNCYjFTIWFRcUBgcjNa8CCAMcAwMcAwgFAwxHBAYGBEcMA3AUGxsUqBQbGxQMEAERDHm5AgIcAwgDHAIFCAMMBQgFDAMIYxsUqBQbGxSoFBsSEQyoDBAB4gAAAAADAAAAAAEaARoADwAZACMAADcVFBY7ATI2PQE0JisBIgYXIzUzMhYdARQGJzQ2OwEVIyImNRMbFKgUGxsUqBQb12dnDBER0BAMLy8MEOqoFBsbFKgUGxvY4REMqAwQxAwR4RAMAAAAAAIAAAAAARoBGgAPABkAABMyFh0BFAYrASImPQE0NjMXMjYnNTYmKwEV6hQbGxSoFBsbFKgMEQEBEQxnARkbFKgUGxsUqBQb8xAMqAwQ4AAAAwAAAAABGgEaABkAKQAzAAA3NjIfATEWFA8BBiImND8BIyImNDY7AScmNDcyFh0BFAYrASImPQE0NjMVIgYHFxQWOwE1fQIIAxwDAxwDCAUDDEcEBgYERwwDcBQbGxSoFBsbFAwQAQEQDHq5AgIcAwgDHAIFCAMMBQgFDAMIYxsUqBQbGxSoFBsSEQyoDBHiAAAAAAMAAAAAARoBGgAPABkAIwAAEyMiBh0BFBY7ATI2PQE0Jgc1NDY7ARUjIiY3FAYrATUzMhYV6qgUGxsUqBQbG9gQDGdnDBDhEQwuLgwRARkbFKgUGxsUqBQb16gMEeEQDAwQ4REMAAAAAgAAAAABGgEaAA8AGgAAEzIWHQEUBisBIiY9ATQ2Mxc1IyIGBxUeATsB6hQbGxSoFBsbFGdnDBABARAMZwEZGxSoFBsbFKgUG/PhEQyoDBEAAAAAAgAAAAABGgEaAA8AGgAANxUUFjsBMjY9ATQmKwEiBhcjNTQ2FzM2Fh0BExsUqBQbGxSoFBv04RAMqAwQ6qgUGxsUqBQbG7OfDBEBAREMnwAGAAAAAAEaARoADwAfAC8APwBPAF8AABMyFh0BFAYrASImPQE0NjMVIgYdARQWOwEyNj0BNCYjFzIWHQEUBisBIiY9ATQ2MxUiBh0BFBY7ATI2PQE0JiM1MhYdARQGKwEiJj0BNDYzFSIGHQEUFjsBMjY9ATQmI2cMEBAMOAwQEAwEBQUEOAQGBgSWDBAQDDgMEBAMBAUFBDgEBgYEDBAQDDgMEBAMBAUFBDgEBgYEARkQDM4MEBAMzgwQEgYEzgQFBQTOBAaEEAw4DBAQDDgMEBIGBDgEBQUEOAQGqBAMOAwQEAw4DBASBgQ4BAUFBDgEBgAABgAAAAABHAEHAA8AHwAvAD8ATwBfAAA3NDY7ATYWHQEUBisBIiY1NyIGHQEUFjsBMjY9ATQmIxc0NjsBNhYdARQGKwEiJjU3IgYdARQWOwEyNj0BNCYjFy4BDwEOAR8BHgE/AT4BLwE2Fh8BFgYPAQYmNSc0NjMTDQoKCQ4OCQoKDRcCAwMCCgEDAwEqDQoJCg4OCgkKDRcCAwMCCQIDAwJiAxEJCwkJBDcEEQkLCQgDTwIDATcBAgILAQQ4AQLvCg0BDgqyCg0NCrcDArICAwMCsgIDBQoNAQ4KsgoNDQq3AwKyAgMDArICAyIJCAMEAxMJiQkHAwQDEgmFAQICiAIEAQMBAQKJAgQAAAMAAAAAASwBBwAMACsAWQAANyIOARQeATI+ATQuARcHFxYOAS8BBwYuAT8BJy4BNjsBNz4BFh8BMzIWBg8BIiYvATM9ASMvAS4BJzQ+AjIeAhU2NyYnLgIiDgIVMR4BHwEeATsBJifYFycXFycuJhcXJh0XCQEECAQXGAMIBQIJGAMBBQUdCQEIBwIIHQUFAQOnBAQBAxgdBgIMDwIKExgaGBIKCQoBBgYYHyEfGA0CEQ4NAw4KFwUDqRcnLiYXFyYuJxdSER0ECAIDEhIDAggEHREDCQYdBAMDBB0GCQMfBAINCQobAgocEA0ZEwoKEhcNBAINDQ8XDQ0YIBETIgw4CAoJCQAAAAMAAAAAAOsBBwATAB0AOQAANzQ+ATIeARUUBgcGDwEjJyYnLgEXMwcOASsBIiYnNyIOARUUFhcWHwEeATsBMjY/ATY3PgE1NC4BI1QSHiQeEgsJBgIHPgcCBgkLKDQDAQUDHAMFARcXJxYNDAIBDwMPCRwJDwMPAQIMDRYnF7ISHhISHhINGQkGBxgYBwYJGVoMAwQEA8gXJxcRHwwDAjcJCwsJNwIDDB8RFycWAAAABAAAAAABGgEtADAAYQBsAJgAADcfAR4BHwEUFjMxMj8CPgE/ATI2NCYjJyYvASYvAS4BIzEiBg8BBg8BBg8BDgEUFhc0LwEGBwYPAiMvAS4BJz4CNzY3JjU0NwYHDgIVMR4BHwEeATczMjY/ATY3JicHMQ4BByMiJi8BMzc0LwEVLgEvAS4BIgYPAQ4BDwEOARQWHwEeAR8BHgEzMTI2NTc+AT8BPgE0mg4FBAcCBgMCAgECBQIKBw4CAgICDwQEAwUCBQECAgIDAQQDBAIEBg4CAgJCAQQCAwcMAgg5BwIMDwIBChIMBAUDAQcHEBcNAREODQMPCRoJDgIPDQcBATMBBAMZAwUBAzBqAgsGCAEEAQIDAgEDAggFDAECAgEMBQgCAwECAgEDBAIHBgsCAfgFAgIHBhACAgECDwcKAgUDBAMFAgIDBQcOAgICAg4HBQEEAgQBAwQDWQEBAQUGDgkCIBsCChwQDRkTBQIBBQYEBAIDBhggERMiDDgICwEMCDoLDwIDVAMDAQQCDXMBAQQBAggFDAECAgEMBQgBBAECAwIBBAEIBgsBAgIBCwYIAQQBAgMAAAADAAAAAADrAQcAGQAkADkAADcuAiIOAhUxHgEfAR4BOwEyNj8BPgE1NAcxDgEHIyImLwEzNwYPAiMvAS4BJz4DMh4CFQbkBhgfIh8XDQERDg0DDwkaCQ4CDw4QPwEEAxkDBQEDMCIHDAIIOQcCDA8CAQoSGBoYEwoB1A8XDQ0YIBETIgw4CAoMCDoMIhIRhgMDAQQCDUwOCQIgGwIKHBANGRMKChIXDQ8AAAAAAgAAAAABGgEaACQAPQAAEyIGHQEeATsBMjY9ATQ2MhYdARQGKwEiJj0BNDY7ATIWFAYrATc0NjsBMhYdARQGIiY3NQcGIiY0PwEjIiZCDBEBEAyoDBAGCAUbFKgUGxsUPAQGBgQ8YgYEYgQFBQgGAVMCCAYDUksEBgEHEQyoDBAQDDwEBgYEPBQbGxSoFBsFCAYKBAUFBGIEBgYES1IDBggCUwUAAAAAAwAAAAABBwDhABsANwBEAAA3MzIeAQcWBgcjIiY0NjM3FjY0JicjIiY0NjczIzMyFhQGByMiBhQWFzMyFhQGByMiLgE1NDY3MwczMhYUBgcjIiY0NjeyExIeEgEBJRkXBAUEAxUTHBoSFgQFBAMVXhMEBQQDFRMcGhIWBAUEAxUSHhEkGhYTXgQFBANgBAUEA+ESHhIaJgEFBwYBARwmGwEGBwUBBQgFARsmGwEGBwUBER8RGyUCOAYHBQEFCAUBAAAAAAQAAAAAAQcA9AAMABkAJQAxAAA3JjY7ATIWFAYrASImFyMiDgEWOwEyNjQmIwcjIgYUFjsBPgImBzMyFhQGKwEiJjQ2JgEGBJYEBQUElgQF184EBQEGBM4EBQUES4MEBQUEgwQFAQaHqQQFBQSpBAUF6gQGBggFBSoGCAUFCAU4BQgGAQUIBTgFCAYGCAUAAAYAAAAAAQcBGgAWAEEAcgB+AIoAlgAAEx4BHQEUBiImPQEGBwYuATY3Nj8BPgEHJjQ/ATYzMRYXFhQHBg8BDgEHMzIWFAYrASImNTQ3Nj8BPgE0JiIPAQYiFzQ2MzI2NCYiDwE5Ag4BLgE/ATY3NjIeAQcWDgEiJyYvASY+ARYfARYyNjQmIyImNyIGFBY7ATI2NCYjByIGFBY7ATI2NCYjByIGFBY7ATI2NCYjRQMDBAcFBgYDBwICAwgHBQEFGgICCAkKCwcJCQQJAgkEAR4DBQUDKAMFCAYLAgcGBgsFBAMGDwUDBwUGDgQBAgYGAgICAgMIGBABBwcBEBgIAwICAgIGBgIBBA4GBQcDBVMEBgYEcAQGBgRwBAYGBHAEBgYEcAQGBgRwBAYGBAEZAQQCPgMFBQMoBQQBAgYGAQQJBwIDcgIGAwUFAQUGFwcDBQEEBQIFBgUFAw0JBgUBBAQIBAMCA2wEBAUFBgMBAwIDBgMDAgIFDRMHBhMNBQICAwMGAgEDAQMFBgUEvgYIBQUIBksGCAUFCAZLBggFBQgGAAAAAAMAAAAAAQcA9AANABsAJwAANzQ2OwEyFhQGKwEiJicXNDY7ATIWDgErASImNTciBhQWOwEyNjQmIyYFBJYEBQUElgQFAQEFBIMEBgEFBIMEBgoEBQUEzgQGBgTqBAYGCAUFBJYEBgYIBQUEVQYIBQUIBgAAAQAAAAABBwD0ACoAADc0NjsBMhYUBisBFTMeARQGKwEVMzIWFAYrARUzMhYUBisBIiY9ASMiJicmBQTOBAYGBIyMBAYGBIyMBAYGBIyMBAYGBJYEBS8EBQHqBAYGCAUlAQUIBSYFCAYlBQgGBgSfBQQAAAAGAAAAAAEaAP4ACAARABoAJgAzAD8AADcyNjQmIgYUFhcyNjQmIgYUFhcUBiImNDYyFjciBhQWOwEyNjQmIwc0NjsBMhYUBisBIiYXIgYUFjsBMjY0JiMmBwsLDwsLCAcLCw8LCxoLDwsLDwsvBAUFBKkEBQUEsgUEqQQFBQSpBAUJBAUFBKkEBQUE2AsPCwsPC1ULEAsLEAtBCAsLDwsLqwYIBQUIBl4EBQUIBQVHBQgGBggFAAAAAwAAAAABIAEmACMARgBaAAATMhYUBisBIgYdARQWOwEyNj0BNDYyFh0BFAYrASImPQE0NjM3Mh8BFhQPAQYiJj0BBgcGBwYPAQYiJjU0NzY3NjsBNTQ2MxcUBiMiBwYHNjc2NzYzMhYdATcndQQFBQQ/DxUVD5APFQUIBSAWkBYgIBaHAwNaAwNaAwcFGhkTEQwHAwIKBR4XJBISAQUECQUEPx4RBQ0PExQYGAQFREQBEwUIBRUPkA8VFQ8bBAUFBBsWICAWkBcfEgJRAwgDUQIGAycCEAwSDgwFBQYDSCkfDAYmAgU2BAUtGygQDA8JCgYDHT09AAABAAAAAAEHAQcAGAAANyImNTQuASIOARUUBiImNTQ+ATIeARUOAf0EBRorMisaBQgFHjM+Mx8BBY0FBBkrGhorGQQFBQQfMx8fMx8EBQAAAAQAAAAAAQcBGgASACYALwA4AAATMh4BFRQHBgcGIicmJyY1Jj4BFyIOARUUFxYXFjI3Njc2NTQuASMVMhYUBiImNDYXIgYUFjI2NCaWHzMfIhYjChgKIxYhAR8zHxksGR4VIgQKBCIVHhksGREZGSIZGREKDQ0UDQ0BGR40HiQsHx8ICB8fLCQeNB4SGisZHicdHgQEHh0nHhkrGTMZIxgYIxkTDhMODhMOAAAEAAAAAAD0AQcAFQAdAC0ANwAANzU0JiIGHQEiBh0BFBYXMz4BPQE0Jic0NjIWHQEjFxQGKwEiJj0BNDY7ATIWFQcUBiImNDYyFhXOIS4hEBYWEHAQFhZtFSAVSnALCHAICwsIcAgLOAsQCwsQC6klGCEhGCUWEDgQFQEBFRA4EBYlEBYWECVeCAsLCDgICwsIEggLCw8LCwgAAAAEAAAAAAEHARoACAAhADEAOwAANzIWFAYiJjQ2NzIWHQEzMhYHFRYGKwEiJic1PgEXMzU0NgciBh0BFBY7AT4BPQE0JiMnIgYdATM1NCYHlggLCxALCwgXIRMQFgEBFhCWEBUBARUQEyE0CAsLCJYICwsISxAVSxYQgwsPCwsPC5YhFyUWEF4PFhYPXhAWASYXIXALCF4HDAELB14IC14WECUlEBYBAAAEAAAAAAEHAQkAIAAkAD0AQQAAEyYOAh0BFBY7AT4BPQE0NhceAR0BFBY7AT4BPQE0LgEHNTMVNyIjIgcOAR0BIzU0PgIXHgIdASM1NCYXNTMVoRgtIxQLCCYHCxkRDhMLCCYHCxovhSY+AwMWEAkJJhAeJRQYJhcmHR0mAQYCDyArGF4HDAELB14RFgIBFxBbBwwBCwdaHTQgyyYmlg4IFgwlJRQkGwwCAhssGCEiFyKUJiYAAAAAAwAAAAABGgEbABIAGgAoAAAlJyYPAQ4BHQEUFjsBMjY9ATQmBzcXFhcHJzYXIyImPQEXFjI/ARUOAQEDZQgIZQoMFg+8DxYM3WZmCAJwcALMvAgKbAIEAm0BCugvAwMvBRILaBAWFhBoCxIMLy8ECTw8CYgLCFc6AQE6VwgLAAADAAAAAAEaAPQADwAaACgAADcjIgYdARQWOwEyNj0BNCYHMzIWHQEHJzU0NhcjIiY9ARcWMj8BFQ4B9LwPFhYPvA8WFsu8CAtxcArEvAgKbAIEAm0BCvQWEHAQFhYQcBAWEwsIBDw8BAgLlgsIVzoBATpXCAsAAAADAAAAAAEaAQkACAAMABUAABMHBh0BFBY/Ahc1JxcHNTc2Fh0BFF5HBAkFPRNLS6RHPQUJAQIsAwWfBgUDJgImtCatLLUmAwUGnwUAAwAAAAABCQEaAAgADAAVAAA/ATY7ATIWDwIXIycXNyMHBhY7ATIqLAMFnwYFAyYCJrQmrSy1JgMFBp8FzkcECQU9EktLpUc9BQkAAAQAAAAAAQkBGgAVABkAHQAhAAA3Bh8BBwYWOwEyPwE2LwE3NiYrASIHHwEjJz8BMw8BMwcjJwMCLSwDBQafBQMvAwItLAMFBp8FA3ImiiYCI4kjZokjicoFBFlHBQkESwUEWUcFCQRZS0sSOTlwOAAEAAAAAAEaAQkAFQAZAB0AIQAAEzYfATc2Fh0BFA8BBi8BBwYmPQE0Nx8BNScPARU/ARU3NWIFBFlHBQkESwUEWUcFCQRaS0sTODhwOQEFAwItLAMFBp8FAy8DAi0sAwUGnwUDciaKJgIjiSNmiSOJAAAAAAIAAAAAARoA9gAeADgAADcVFAYiJj0BBwYiLwEVFAYiJj0BNDY3Nh8BNzYXHgEXJiIPATU0JiIGHQEnJiIGFB8BFjI/ATY0J6kGCAUxAwkCMQYIBQMDBgQ7OgUGAgRuAwgDFQYHBhUDCAUCJgELASYCAuqWBAUFBH04AwM4fQQFBQSWAwUBAgRDQwQCAQVsAgIWfwQGBgR/FQMFCAMlAgIlAwgCAAAAAAIAAP//ASABLAA8AFsAACUiFQcGFB8BHgEHIwYiLwEmND8BNjQvASYiDwEGIiY0PwE+AS8BJiIPAQYiLgE/ATYyFx4BBzYWHwEeAQcnNjQnMSYiDwEGIiY0PwE2NCcxJiIPAQ4BHwEWMj8BAREBbQEBFgMBAwEDCAQWBwdtCQkBCRoKWwMJBgNbCQEJAQkbCXgDCQYBA3kQKxAJCAINFwkBDwEPIAMDAwkDWQkbEghaAwMDCQNZDwEPARAsD1mYAWoBAwEWAwkDAwMWBxQHawkaCQEJCVkDBggDWgkZCQEJCXYDBggEdg8PCRcNAggIAQ8qEB0DCQMDA1cJEhkKVwMJAwMDVw8rDwEPD1cAAAAAAwAAAAABGgEIABkAKQAxAAAlNC4BDwEOAR0BFBYfARUUFjMyNjcXFj4BNSc2Fh0BFAYvAS4BPQE+ATcXDgEjIiY9AQEZCxEJzgkKCgklIRcTHgU7CRELHwUICAXOAwQBAwN7AxQNDxbqCg4GA0YDDgkeCQ4DDRUXIRYSFAMFDwmyAgYFqQQGAUYBBQMeAwUBbQwPFRAPAAACAAAAAAEHAQcAOABBAAATMh4BFRQGIicGIiY0NjMyFzU0NjIWFxUUMzI2NTQuASIOARQeATMyPwE2HgEGDwEGJwYuAj4BFxUiBhQWMjY0JpYfMx8cKAoNKxoaFRAMBgcFARMLERksMiwZGSwZDAsJBAcDBAMFEBIfMx4BHzMfDBAQGBAQAQcfMx8XIRISIS4hCgEEBQQDMSUVEBksGRksMiwZAwMBAwcHAgEGAQEfMz4zHwFKFiAVFSAWAAMAAAAAAQcA9AANABsAKQAANzQ2OwEyFhQGKwEiJicXNDY7ATIWFAYrASImJxc0NjsBMhYUBisBIiY1JgUEzgQGBgTOBAUBAQUEzgQGBgTOBAUBAQUEzgQGBgTOBAbqBAYGCAUFBEsEBgYIBQUESwQGBggFBQQAAAEAAAAAAPQBBwAhAAA3FAYjBi4BPQEHBiImND8BNjIfARYUBiIvARUUHgEzMhYV9AYEHC8cMQMIBQJCAwgCQgMGCAIyFyYXBAYvBAUBHDAcWTEDBgcDQgMDQgMHBgMxWRcnFwUEAAAAAQAAAAABBwEsACMAABM2Mh8BFhQGIi8BFRQXFjMyFhQGIyInFRQGIiY9AQcGIiY0N4YDCAJCAwYIAjIbGDQEBQUESh0FCAYxAwgFAgEpAwNBAwgFAjJaLxQRBggFJlUEBQUE8DICBQgDAAAAAgAAAAAA9AEaAAwAMAAANzI2PQE0JiIGHQEUFjcVFA4BBxUUBiImPQEuAj0BNDYyFh0BFB4BMj4BPQE0NjIWlhchIS4hIXUXJhgFCAUYJhcGCAUUIygjFAUIBl4hF0sXISEXSxchQQkYKRkDHQQFBQQdAxkpGAkEBgYECRQjFBQjFAkEBgYAAAMAAAAAAPQBGgAMABgAPAAANzI2PQE0JiIGHQEUFic0NjIWHQEWBiImNTcVFA4BBxUUBiImPQEuAj0BNDYyFh0BFB4BMj4BPQE0NjIWlhchIS4hIQ4VIBUBFiAVgxcmGAUIBRgmFwYIBRQjKCMUBQgGXiEXSxchIRdLFyGDEBYWEEsQFRUQCQkYKRkDHQQFBQQdAxkpGAkEBgYECRQjFBQjFAkEBgYAAAQAAAAAAQcBGgAjACsALwA+AAAlJyYrATU0JiIGHQEjIgYdARQWOwEVFBY7ATI2PQEzMj8BNjQnND4BFh0BIxcjNTM3BisBIiY9ATQ2OwEyHwEBBCAIDCcWHxYcDBAQDBwLByYICycLCSADlgsPCyUlJSVAAgSOBAYGBI4EAxm5IAgTDxYWDxMQDCYLEV0ICwsIXQggAwg+BwsBDAcTu10WAwUEJgQFAhoAAAADAAAAAAEaARkAGAAsAFEAACUnJiIPAQ4BHQEUFjMyPwEXFjMyNj0BNCYHJzU0JiIGHQEHNTcVFBYyNj0BFwcUHwEjNzY0JiIPAQYUHwEWMjY0LwEzBwYeATI/ATY0LwEmIgYBDHECBgNwBgcLBwMDa2sDAwcLBwtoBQgFZ2cFCAVoSwIWfBYCBQgDJQMDJQMIBQIWfBYDAQUIAyUDAyUDCAX1IwEBIwEKB74HCwEhIQELB74HCs8gIgQFBQQiIL4gKwQGBgQrIB4EAxUVAwgFAiYDCAImAwYIAxUVAwgGAyYCCAMmAgUABAAAAAABGgEGACEAMQAzAD0AADcmIg8BBh0BFBYyNj0BFxUUHwEWFxYyNzY/ATY9ATc2NCcHFQcGBwYiJyYvATUXFjI3DwE3NjIfAQcGIi8BsAwcDGUEBQgGEgIHCAofSB8KCAcCIQQENAMHCBs8GwgHAzEMHAxuCE0HEAdaWQcSB1n+CAhCAwVNBAUFBDsMRQQCBwgGFBQGCAcCBEUWAwoDMzUCBwUREQUHAjUhCAgXBqMFBTo9BAQ9AAAEAAAAAAEaARoAFwAwAEgAYQAAEyYiDwEGFBYyPwEVFBY+AT0BFxYyNjQnBxYUDwEzMhYUBisBFxYUBiIvASY0PwE2MhcnJiIGFB8BFjI/ATY0JiIPATU0JiIGFTc2Mh8BFhQPAQYiJjQ/ASMiJjQ2OwEnJjSdAwgDJQMGBwMWBQgFFgMHBgN6AwMVNAQGBgQ0FQMFCAMmAgImAwhHFgMHBgMlAwgDJQMGBwMWBQgFVwIIAyYCAiYDCAUDFTQEBQUENBUDARcCAiYDCAUDFTQEBgEFBDQVAwUIAy8DBwMWBQgFFgMHBgMlAwgDJQOSFQMFCAMmAgImAwgFAxU0BAYGBFsDAyUDCAMlAwYHAxYFCAUWAwcAAAAABAAAAAABGgEaAA8AGQAjADUAADcyNj0BNCYrASIGHQEUFjM1MzIWHQEjNTQ2BzUzFRQGKwEiJjcVFA4BKwEiJiczMj4BPQEeAcUTHBwTgxQbGxSDDBC7EBC7EAyDDBDzFicXXgsUBoMSHhIICjgcE4MUGxsUgxMczxEMCQkMEaBnZwwQEGpeFycWCgkRHhKDBhQAAAQAAAAAAPQBGQAdACEAKgAzAAA3FSYjIgYUFjI2PQE0Jg8BDgEdASYjIgYeATI2NzU3BzU3BzIWFAYiJj4BBzIWFAYiJjQ24QkKDxYWHxYNB3gFBQkKEBYBFSAVAXBwcBMICwsQCwEKewgLCxALC8pfBhYgFRUQvQgJAysBCAWEBRYfFhYPajwoJCmlCxALCxALEwsQCgoQCwAAAAMAAAAAAQcBCQASACIAPwAAExYdARQGLwEjIiY9ATQ2OwE3Ng8BBisBIgYdARQWOwEyHwE3NjIfATc2MhYUDwEXFhQGIi8BBwYiJjQ/AScmNKMGDAQ3IAwREQwgNwQHKgIEJAQGBgQkBAIqKAMIAxUVAwgGAxYWAwYIAxUVAwgGAxYWAwEGAwbOBgUENhELOAwQNgQhKQIGBDgEBQMpdAICFhYCBQgDFRUDCAUCFhYCBQgDFRUDCAAEAAAAAAEsARoADAApAGAAbwAANzIeARQOASIuATQ+ARciBh0BIyIGFBY7ARUUFjI2PQEzMjY0JisBNTQmNzIWHQEmJzU2JgcjJgYdATMyFxYXJyIHJgcjJgYdARQWOwEWFyMiJj0BIyImPQE0NjsBNTQ2MwciBh0BFBY7ATU0NjsBNdgXJhcXJi4nFxcnFwQGHAQFBQQcBggFHAQGBgQcBSEMEAgLAQYEXgQFLwwIBAIHCAcCAl4EBQUEFQUHIQwQHAwQEAxUEQtwBAUFBBwQDBypFycuJhcXJi4nFyYFBBwGCAUcBAUFBBwFCAYcBAWWEAxZBwVNBAYBAQYELwgFBgECAgEBBgSDBAULCBAMCRELhAsRCQwQOAUEhAQFZwwQEwAABAAAAAABLAEaACIAKAA1AFEAADciJj0BNDY7ARUUFjsBFRYXNTQvASYrASIGHQEUFjsBJicjNxcjIiY1FyIOARQeATI+ATQuARcjFRQOASY9ASMiJjQ2OwE1NDYyFh0BMzIWFAZeCAsLCDgQDC8JCgg3CAxDEBYWECoHBR5LNCsEBS8XJxcXJy4mFxcmDhwFCAYcBAUFBBwGCAUcBAYGJgoIvAgLLwwQAQECDgwINwgWD7wPFggK3jUGBC8XJy4mFxcmLicXXhwEBQEGBBwFCAYcBAUFBBwGCAUAAAQAAAAAASwBBwALAC4AOwBXAAA3FTMyPwEnJisBIgYHNDY7ATYfATMyFh0BJic1NiYrAQcGKwEVFBY7ARYXIyImNSEUDgEiLgE0PgEyHgEnNCYiBh0BIyIGFBY7ARUUFjI2PQEzMjY0JisBJkMEAhoaAgQnDBATGxQnCwkdUBQbCAsBEQxQHQkLQxAMMgMFOhQbARkXJi4nFxcnLiYXSwUIBhwEBQUEHAYIBRwEBgYEHNgcAhoZAxELExsBCR0bFA4HBQIMEB0IVQsRCQkbExcmFxcmLicXFycPBAUFBBwGCAUcBAUFBBwFCAYAAQAAAAABBwD0ACAAACUVFAYrARcWFAYiLwEmND8BNjIWFA8BMzI2PQE0NjIWFQEHHBOSMQMGBwNCAwNCAwcGAzKTCxEFCAXqOBMcMQMIBQJCAwgCQgMGCAIyEQs4BAYGBAAAAAUAAAAAASwA9AAJAB4AKwA0AD0AADcVJic1NDYyFhUHMzY3Izc2NCYiDwEGFB8BFjI2NCc3FB4BMj4BNC4BIg4BFxQXNyYjIg4BFyInNxYVFA4B9AkKBQgGwUkFB1UxAwUIA0ICAkIDCAUDHxcnLiYXFyYuJxcTDVwSFRIeEkIWElwNER/qMgIBLwQGBgRnCgkyAggGA0ICCANCAgUIAwIXJhcXJi4nFxcnFxUSXA0SHlMNXBIWER8RAAAAAwAAAAABBwEHABIAJAAsAAATIgYdARQWOwEyPwE2PQE0JgcjBzQ2OwEyFh0BIyIGHQEjIiY1FzU0NjsBDwFUExsbE0UUDT8OHBOEHBELhAsRLxQbQgsRcRAMKgM/AQccE4QTGw0/DRRFExwBLgsREQtCGxQvEQsXKgwQBD8AAAAMAAAAAAEsARoAFAAhAC4AQgBWAGIAcwCDAI8AmQCjAK0AABMUBisBIgYdARQGIiY9ATQ2OwEyFgcyNj0BLgEiBh0BFBYXMjY9ATQmIgYdARQWFyMiJj0BNiYiBh0BFBY7ATI2NCY3MzIWHQEUFjI2PQE0JisBIgYUFiMzFjY0JisBIgYUFhcVFAYrASImPQE0NjsBMhYVIzQmKwEmBh0BHgE7ATI2NScjIgYUFjsBMjY0JjcjFTMyNj0BNCYHIxUzMjY9ATQmByMVMzI2PQE0JksFBAoHDAUIBRYPCgQFLwQGAQUIBQUEBAYGCAUFKgoHDAEGCAUWDwoEBQV/CQgLBQgGFhAJBAUFWjgEBgYEOAQFBaQWEF4PFhYPXhAVEgsIXgcMAQsHXggLHEsEBgYESwQFBUcKCgQFBQQKCgQFBQQKCgQFBQEQBAUMBwoEBQUECg8WBX4FBCYEBQUEJgQFSwUEJgQFBQQmBAU4CwgJBAUFBAkQFgUIBvQMBwoEBQUECg8WBQgFAQYIBQUIBV6DEBYWEIMPFhYPBwsBDAeDCAsLCHAFCAYGCAUTJgYEEgQGOCYFBBMEBjklBQQTBAUABwAAAAABGgEaAA8AEwAjADQAPgBIAFIAADciBh0BFBY7ATI2PQE0JiMHNTMVJzQ2OwEyFh0BFAYrASImNTciBh0BFBY7AT4BPQE0JisBFyMVMxY2PQE0JgczMhYdARQGKwEXIxUzMjY9ATQmWQYICAZnBggIBmJelhMNjQ4TEw6NDRMgBggIBo0GCAgGjcwLCwMEBA4LAwQEAwsLCwsDBAT0CAYcBggIBhwGCCYTEyoOExMOxA4TEw7TCQbEBgkBCAbEBgglJQEFAxcDBDgEAxgDBBImBAMXAwUAAAQAAAAAARoA+QAnAEIASwBUAAAlNjc2JyMmBwYHBgcmIgcmJyYnJgcjBhcWFwYVFBcWFxYyNzY3NjU0ByInJicmNTQ3NjcyFxYyNzYzFhcWFRQHBgcGJyIGFBYyNjQmMyIGFBYyNjQmAQQDAQEHBAQGCAkMDhJCEg4MCQgGBAQHAQEDFREPHxpTGx8PEYMhEBgMDREIDwoWERISFQoPCBENDBgQSggMDBAMDEoIDAwQDAzCCAoSEgECAQUFCQUFCQUFAQIBEhIKCBcgKRgVCggIChUYKSB4AwQLDBkTDwgCAQEBAQIIDxMZDAsEA1IRGBERGBERGBERGBEAAAIAAAAAARoBGgAjADwAACUVFAYiJj0BNCYrASIGHQEUFjsBHgEUBisBIiY9ATQ2OwEyFgczMjY0JisBJgYHHQEUFjI2PQEXFjI2NCcBGQUIBRYQlhAVFRBUBAYGBFQXISEXlhchiEcEBQUEXgQEAQUIBXQCCAYD4VQEBgYEVBAWFhCWEBUBBQgFIReWFyEhTwUIBQEFAgNeAwYGA0h0AgUIAwAABAAAAAABLQEaABcAIQA2AEMAABMjIgYHFTY3NTQ2OwEVFxYXMzI2PQE0JhcUBisBNTMyFhUHNjU0LgEiDgEUHgEzMjcXFjI2NC8BBgcGIyImNDYyFhUU/akTGwEJChELSxQEA0MUGxsIEAxLSwwQow0RHyMeEhIeEhYRMAIIBgM/BAUNDxQbGyccARkbFDQDAi8MEdYUBAYbFKgUG9cMEOERDKoRFhIeEhIeJB4RDTADBQgDOwUEChwnGxsUEAAACgAAAAABGgEHAAgAEQAaACMALAA1AEoAXwBtAHUAADc0NjIWFAYiJjciBhQWMjY0Jhc0NjIWFAYuATciBhQWMjY0JiciBhQWPgE0Jgc0NjIWFAYiJhcGFSMVFBYzMjcWFwYjIiY9ATQ2MxcWMzI2PQE0JisBFhUzFRQGIyInBiciBh0BFB4BNj0BNCYjBzMVDgEiJjVxFSAVFSAVJQgLCxALCzARFxERFxEcBAUFCAYGrAwQEBcRERUGCAUFCAYYBSUQDAUGAgQICRQbCwizCAkUGwsHKwUmEQwFBgJsCAshLiELCEpLARUgFeEQFRUgFRUjCxALCxALHAsRERcRARAVBQgGBggFExEXEQEQFxEcBAUFCAYGKwkKLwwQAgkIBBwTLwgLbQQcEy8ICwkKLwwQAgllCwg4GCABIRg4CAsTOBAWFhAAAAYAAAAAAP0BJgALABgAJABPAGEAZwAANyIGFBY7ATI2NCYjBzQ2OwEyFhQGKwEiJhciBhQWOwEyNjQmIyciBh0BIyIGHQEUFjsBMj8BNj0BNCYrATU0JiIGHQEjNTQmIgYdASM1NCYXMhYdASMiBh0BIyImPQE0NjMXBzU0NjNjBAUFBFoEBQUEYwUEWgQFBQRaBAUJBAUFBCQEBQUENgQFCQsQEAtsBAJIAxALCQUIBS0FCAUtBYwEBS0LEGMEBQUEnikFBMsFCAUFCAU/BAUFCAUFKQUIBQUIBcYFBAkQC9gLEANIAgSiCxAJBAUFBAkJBAUFBAkJBAUkBQSZEAstBQTYBAW0KSAEBQAGAAAAAAEaARoADwAdADMAOwBBAEcAADciLwEuAT4BHwEeAQcGIzEHMjMyNzYmLwEmDgEWFzcnJg8BDgEdARQWHwEWPwE+AT0BNCYHJiMnJic1Fyc3Nh8BBxcUDwE1N3ECAi8EAwQHAy8EAwICBxYCAgYCAgMEHAMHBAMEyV0UFF0ICgoIXRQUXQgKCoICAl0GAWhdWQ0NWWZxB2FoigEUAQgHAwIUAgcDBh0FBAcCDAEDBwcCdSQICCQDDgl8CQ4DJAgIJAMOCXwJDsEBJAIHdyw8IgUFIixbBwIleSwAAAUAAAAAARMBGgAYACYALgA6AEMAABMyFh0BFh8BFhQPAQYiLwEmND8BNjc1NDYHNQczNzY0LwEVFAYiJgcUHwEWMj8BFyYiDwEGHgEyPgEnBzcXFg4BLgKNBAUFA0YICF8JFwlDCAhdBgcGBlWmAgMDQAUIBl4BRAMIAkoxAwkEFQsCFiEWAgstDxAFAQsRDAEBGQUEEgIDRggXCV8ICUcJFgldBQIQBAVBE1UDAggDQA4EBgZRAQFHAwNJFwQEGA0eFhYeDQ0SEgYQDAELEAACAAAAAAEaARoADAAeAAATIg4BFB4BMj4BNC4BFwcGIi8BJjQ2Mh8BNzYyFhQHliQ8IyM8SDwjIzwbSwMIAiYDBggCH0UCCAYDARkjPEg8IyM8SDwjZEsDAyUDCAUCH0QDBgcDAAAAAAMAAAAAARoBGgAQAB0AKgAANzYyFhQPAQYiLwEmNDYyHwE3Mh4BFA4BIi4BND4BFyIOARQeATI+ATQuAcgCCAYDSwMIAiYDBggCHxMkPCMjPEg8IyM8JB8zHh4zPjMfHzPCAwYHA0sDAyUDCAUCH5sjPEg8IyM8SDwjEh8zPjMeHjM+Mx8AAAAFAAAAAAEHAQcACAARABoAIwAwAAA3IiY0NjIWFAYnIgYUFj4BNCYXIiY0NjIWFAYnIgYUFjI2NCYHNzY0JiIPAQYUFjI3VBMbGycbGxQLEREXERF4FBsbJxwcEwwQEBcREZupAwYIAqkDBgcDqRsnHBwnG0sRFxEBEBcRzhsnGxsnG0sRFxERFxE2qQIIBgOpAggGAwAAAAQAAP//AS0BGgAMACkAVABdAAA3Mh4BFA4BIi4BND4BFyIGHQEjIgYUFjsBFRQWMjY9ATMyNjQmKwE1NCYnMhYVFAceARcGBy4BKwEiBh0BMxUGFjsBFhcjIiY9ASImPQE0NjcmNTQ2FyIGFBYyNjQm2BcmFxcmLicXFycXBAYcBAUFBBwGCAUcBAYGBBwFTxEZCAsRAgkJAgoGOAgLEwEGBAIFBw4MEAgLEg0IGRIKDg4TDg6pFycuJhcXJi4nFyYFBBwGCAUcBAYGBBwFCAYcBAWWGBINCwIPCwEDBggLCDhLBAYKCBAMOAsIOA4VAgsNEhgTDRQNDRQNAAMAAAAAAM8BGgAfACgARAAANzY1NCYiBhUUFw4BHQEUFjMVFBY7ATI2PQEyNj0BNCYnMhYUBiImNDYXIxUUBisBNTQmIgYdASMiJjc1IzU0NjsBMhYVrwgZIxkIDRILCBAMJQwRBwsSLwkODhMODjkTBgQJBQgGCQQGARMLCDgIC9cLDRIYGBINCwIVDjgICzgMEBAMOAsIOA4VMQ0UDQ0UDYxLBAY5BAUFBDkGBEs4CAsLCAAAAAAFAAAAAAEaAQcADwAbACcANQBDAAATIyIGHQEUFjsBMjY9ATQmByM1MjY9ATMVBhYzJzUzFQYWMxUjNTI2BzU0NjsBFRQWMxUjIiY3FAYrATUyNj0BMzIWFf3hDBAQDOEMEBA7OAgLEwELCHATAQsIOAgLSwUECgoIHAQF9AYEHAgLCQQGAQcRDKgMEBAMqAwRz0sLCF5eCAsTXl4IC0tLC0yoBAZeCAtLBgQEBksLCF4GBAAEAAAAAAEaARoADgAUACYANQAAEyIGHQEUFjsBMjY1NC4BBzUeAhcnNCYHDgIUHgEyPgE3NiYrAjQ2NxUeARczDgEjIi4BnwQFBQRxBAUhOBcYKRoCgwYEHC8bHjQ7Mh8CAQYEZ10qIAEFBGUGNCIZKxkBGQUEcQQFBQQhOCFwXQIaKRhBBAYBAh8yOzQeGy8cBAYiNAZlBAUBICoZKwAAAgAAAAABGgD0ABsALAAANyIPAScmBh0BIwcXMxUUFj8BFxYzMjY9ATQmIxcOAS8BIisBBzUXFj8BNhYV/QUGUzUECEYPD0YHBTVTBgUMEBAMCgEIBFcCAgMrKwQDVgUJ9AIjEgEGBC8KCS8FBQESIwIQDHELEY0FBQElD1cPAQEkAgYEAAAAAAIAAAAAARoBCQAIAC4AACUUBiImNDYyFicWBg8BFTM2NC8BJgYPAg4BHwEPAT8BFxYzNSMVJzc2PwE+ARcBGSEuISEuISgDAQQOHgcIQQocByY1BQIEKDICEDEpAgQESCoDAigCCQRLFyEhLiEhTQMJAggDCBcIQQoEDEgRAgoEKDEQAjIoAxwBSA4BA0sEAQMAAAACAAAAAAEIAQkAFgAmAAA3JgYPAg4BHwEPAT8BFxY2PwI+AS8BPgEfARYGDwEGDwEnNzY3vQocByY1BQIEKDICEDEoBAoCEUcNBApeAwkDQgMBBUoDAQ5IKQQC/goEDEgRAgoEKDEQAjIoBAIFNSYHHAoyBAEDQgMJAycCBClIDgEDAAADAAAAAAEaARoADAAZACYAABMiDgEUHgEyPgE0LgEHIi4BND4BMh4BFA4BNxQPAQYmPQE0Nh8BFpYkPCMjPEg8IyM8JB8zHh4zPjMfHzMUBEIGDQ0GQgQBGSM8SDwjIzxIPCPzHjM+Mx8fMz4zHnAFAiYEBwdGBwcEJgIAAgAAAAAA4gEaACUAMwAANyM1NCYiBh0BIzU0JiIGHQEjIgYdARQWFxUUFjI2PQE+AT0BNCYHFAYiJj0BNDY7ATIWFckNBggFJgUIBg0KDiYcBQgFHCYOBSEuIQMCZgID4S8EBQUELy8EBQUELw4KMxwrAzAEBQUEMAMrHDMKDksXISEXMwIDAwIAAAAFAAAAAAEaAPQAFAAXACoAMgA6AAA3PgEWHwEWBg8BIiYvASMHDgEuAT8BMyc3MhYUBx4BFRQGKwEiJj0BNDYzFxUzMjY0JiMnFTMyNjQmI0sCBwgBOQEEAwMDBQERPREBBwgDASkxGYQTGw0OEiEXLwQFBQQJJhAVFRAmHQsREQvtBAMDBKgEBwEBBAMxMQQEAwcEPkonHCcNBxwRFyEGBKgEBl5LFh8WSzgQGBAAAAgAAAAAARoBBwAQACAAMAA0AEQASABUAGEAABMiBh0BFBY7ATI2PQE0JgcjBzQ2OwEyFh0BFAYrASImNTc0NjsBMhYdARQGKwEiJjU3IxUzBzQ2OwEyFh0BFAYrASImNTcjFTMnIgYUFjsBMjY0JiMHNDY7ATIWFAYrASImQhQbGxSoFBsbFKgcEAyoDBERDKgMEBILCJYICwsIlggLqZaWSwsIOAgLCwg4CAtLODifBAYGBDgEBQUEQgYEOAQFBQQ4BAYBBxwThBMbGxOEExwBLgsREQuECxERC3oICwsIEggLCwcTEjkICwsIJQgLCwglJTgFCAYGCAUvBAYGCAUFAAAAAgAAAAAA4gDiAA8AHwAANyIGHQEUFjsBMjY9ATQmIwc0NjsBMhYdARQGKwEiJjVnBAUFBF4EBQUEehAMXgwQEAxeDBDOBQReBAUFBF4EBQkMEBAMXgwQEAwAAAADAAAAAAEaARoADwAXACIAABMiBh0BFBY7ATI2PQE0JiMHNDY7ATIWFQczFRQGKwEiJic1SxchIReWFyEhF7sVEJYQFuHhFhCWEBUBARkhF5YXISEXlhchOBAWFhATgxAVFRCDAAAAAAEAAAAAARAA/gArAAA3MhYfATc0NjIWHwEzMhYUBisBIi8BBw4BIiYvAQcOASsBIiY0NjsBNz4BM2wDBQErIQUGBQEVIAMGBgQlBgMNIwEFBgUBKxcBBQMmAwYGAx8fAQUD/QQDnG4CBAMDMgUIBgYgcwMEBAOdSQMEBggFYQMDAAAAAAQAAAAAARsBGgA1AEEAdgCDAAA3OgEXMRYXFgcOAgcGBwYrARUzFRYUBw4BBwYHDgEiLgInJj0BND4BPwE2OwEyNzY3NjU3ByYiBwYVFB4BNzYmJzIeAhceARQOAgcGKwEOAgcGHQEjIicxJicmNz4CNzY3NjsBNSM1JjQ3PgE3Njc+AQcuAQcGFhcWMjc2NTToCwcCEwgDAQEEBwQICQMwMD8BAQEDAwUMBw0mDw0NAgIEAwQCAxgqIwQSBQIBKgMGAwUFCAQHAS0TDw0NAgIBAQUIBwICVRALBgMCDwMCEwgDAQEEBwQICQMwMD8BAQEDAwUMBw0HAwgEBwEGAwYDBdgBByENEQ0QDwUHAgEIAgEWBQYJAwYDAQEBBAwHBAhEBQgCAgEBAQYJBAUPegECAwcEBgICAw/gAQQMBwQQMgwIBQMBAQMGBgQGMAEHIQ0RDRAPBQcCAQgCARYFBgkDBgMBARgEAgIDDwMBAgMHBAAAAAQAAAAAARoBGgAIAC4AOwBIAAA3MhYUBiImNDY3MhYVFAcGBzEGBwYVFAYiJjU0NzY3MTY3NjQmIgYVFAYiJjU0NjcyHgEUDgEiLgE0PgEXIg4BFB4BMj4BNC4BlgYICAwICAYSGAYECQcDBAUIBQYECQcCBA0UDQYIBRgSJDwjIzxIPCMjPCQfMx4eMz4zHx8zXggMCAgMCIMYEg4KBwkHBAYJBAUFBA4KBwkHBAYTDQ0KBAYGBBIYOCM8SDwjIzxIPCMSHzM+Mx4eMz4zHwACAAAAAAD0APQAGwA3AAA3MhYdARQHBgcGIiY0Nz4BNwYrASImPQE0NjsCMhYdARQHBgcGIiY0Nz4BNwYrASImPQE0NjsBcAgLCgscAwgFAhMUAwcJEwgLCwgmcAgLCgwcAwcGAxMTBAgJEggLCwgl9AsIEyccIRwDBgcDEycYBAsHJggLCwgTJxwhHAMGBwMTJxgECwcmCAsAAAAEAAAAAAEHALwAFgAtAEQAWwAANzQ2MzcyFhUUBwYHBiImND4BNwYiJjU3NDYzNzIWFRYHBgcGIiY0PgE3BiImNQcyNj0BNCYiBz4CNCYiBwYHBhUUFjMnFAYrASImNTQ3Njc2MhYUDgEHNjIWFakFBBMEBQcGCAMIBQUHAwMHBTgFBBMEBQEIBggDCAUFBwMDBwVnBAUFBwMDBwUFCAMIBgcFBBwFBBMEBQcGCAMIBQUHAwMHBbIEBQEGBBYSDwgCBQgFDAkCBQQTBAUBBgQWEg8IAgUIBQwJAgUELwYEEwQFAgkMBQgFAggPEhYEBgoEBgYEFhIPCAIFCAUMCQIFBAAAAAcAAAAAAQwBGwAcACUAKQBAAFAAZgB2AAA3MDcxNjQmIgYUHwEHBh4BMzY/ATMXFhc+Ai8CNjIWFAYiJjQHNzMXJwYiLwEuATQ2NzYyFhQHDgEUFhceAQc3NjIWFAcOARcWDgEiJyY2FxQGDwEGIiY2NzY1NCYnJjQ2MhceAScmNDYyFx4BBwYiLgE3NiapAQgQGBAIATcCAwUCBgMOVg4CBwIFAwI3GgMIBQUIBRohBCFoAwcCAhASEhADCAUDDg4ODgMBAw0CCAYDEAQNAgIFCAMQBcISEAICCAYBAh4ODgMFCAMQEkoDBggCFQUQAwgFAgINBLABCBgQEBgIAX0EBwMBBSAgBQEBAgcEfRwCBQgFBQhrS0sTAwMBESovKxECBQgDDSQoJA4DCAOMAwYHAxArEgQHBAQYOSQYKhEBAwYHAx4pFCQNAwgFAhErFAMHBgMUORgEBAcEEisAAAAGAAAAAAEaARoAGwArADQAPQBKAGYAADc0LgEiDgEUHgE7ASYnIyIuATQ+Ah4BHQEWFwc2NwYjIiYnLgEGFBceATMnFAYiJjQ2MhYXMjY0JiIGFBYXFA4BIi4BND4BMh4BJzQmIgYdASMiBhQWOwEVFBYyNj0BMzI2NCYrAfQfMz00Hh40HgUDAQEZKxkZKzMrGQoJbwMEBAUKEgcCCAYCChkOEgkLCQkLCTMGCAgMCAh7ER8jHhISHiMfETgFCAYcBAUFBBwGCAUcBAYGBBypHjQeHjQ9Mx8JChkrMysZARorGQEBAz0KCgEICAIBBQgDCgxVBgkJCwkJFAkLCQkLCVkRHxERHyMeEhIeFAQFBQQcBggFHAQFBQQcBQgGAAAKAAAAAAEaAPQADAAVAB8AKAAxADoAQwBMAFwAbAAANzQ2OwEeARQGKwEiJjcyNjQmIgYUFjcUBiImNDYyFhUHMjY0JiIGFBY3FAYiJjQ2MhYHMjY0JiIGFBY3FAYiJjQ2MhYXMjY0JiIGFBYnNDY7ATIWHQEUBisBIiY1NyIGHQEGFjsBMjY9AS4BIzgGBKgEBgYEqAQGBQYICAwICIUJCwkJCwhGBggIDAgIhQgMCAgMCJIGCQkLCQlMCAwICAwIKgYICAwICLoTDsQOExMOxA4TIQYIAQkGxAYJAQgGZwQGAQUIBQVGCAwICAwIDgYICAwICAYOCAwICAwIDgYICAwICDoIDAgIDAgOBggIDAgIFAgMCAgMCFAOExMOeg4TEw6ICAZ6BggIBnoGCAAAAwAAAAAA4QDiAAgAFQAeAAA3MjY0JiIGFBY3FA4BIi4BND4BMh4BBzQmIgYUFjI2lggLCxALC1MUIygjFBQjKCMUEyEuISEuIYMLEAsLEAsTFCMUFCMoIxQUIxQXISEuISEAAAMAAAAAARoBGgAMABkAJgAANzI+ATQuASIOARQeATciDgEUHgEyPgE0LgEHJj4BMh4BFA4CLgGWFCMUFCMoIxQUIxQkPCMjPEg8IyM8lAEfMz4zHx8zPjMeSxQjKCMUFCMoIxTOIzxIPCMjPEg8I4MfMx8fMz4zHgEfMwABAAAAAAD0AQoAJQAANzQmIgYdAScuAQ4CFh8BFjI2NC8BJjQ2Mh8BIyIGFBY7ATI2NfQGCAU7DyYnHQoKDl8CCAYDXhEhLxA7RgQGBgRcBAf9BAYGBEg8DgoKHSYnD14CBQgDXhAvIRE6BggFBwQACgAAAAABIAEmACAALAA4AEwAWABkAHAAfACMAJAAADc1NDY7AScmNDYyHwEWFA8BBiImND8BIyIGHQEUBiImNRczMjY0JisBIgYUFjczMjY0JisBIgYUFjcjIgYdATIXNTMVIxUzMjY9ATQmBzMyNjQmKwEiBhQWBzMyNjQmKwEiBhQWFzMyNjQmKwEiBhQWFzMyNjQmKwEiBhQWNxUUBisBIiY9ATQ2OwEyFgcjFTMSEAsyFAMFCAIkAwMkAggFAxQyBAUFCAWrNgQFBQQ2BAUFBDYEBQUENgQFBVVsBwsJCWxaWgcLC1g2BAUFBDYEBQV6NgQFBQQ2BAUFBDYEBQUENgQFBQQ2BAUFBDYEBQVnCwdsBwsLB2wHCxJsbMIkCxAVAggFAiQDCAIkAwUIAxQFBCQEBQUEGwUIBQUIBUgFCAUFCAU2CghaBV9+EgsHfggKWgUIBQUIBVoFCAUFCAUkBQgFBQgFJAUIBQUIBWx+BwsLB34ICgoIfgABAAAAAAEHAQcAMAAANzQ+ATMyFhcjIgYUFjM3FjY9ATQmIgYdAS4BIyYOARQeATI+ATc0JiIGBw4CIi4BOBksGRcnDSUEBgYDOQQFBQgGDywZHzMeHjM8MR8DBQcGAQIaKTEsGZYZLBkUEgUIBgEBBgQ4BAYGBB0SFAEfMz4zHhsuHQQGBQQXJxcZLAAAAAACAAAAAADhAQcAOABBAAA3Izc2NCYiDwE1NCYOAR0BJyYiBhQfASMiBhQWOwEHBhQWMj8BFRQWMjY9ARcWMjY0LwEzMjY0JiMHFAYiJjQ2MhbYIhgCBQgDFwYIBRgDBwYDGCIEBQUEIhgDBgcDGAUIBhgCCAYDGCIEBQUEegsQCwsQC84YAwgFAxchBAYBBQQhFwMFCAMYBQgFGAMIBQIYIQQGBgQhGAIFCAMYBQgFgwgLCxALCwAABAAAAAABIQEUACoANwBLAF4AADcWFyMiJjQ2OwE1IyImPQE0NjsBMhYdASYnNTQmKwEiBh0BFBY7AR0BIxU3FA4BIi4BND4BMh4BBzQmLwEmIgYUHwEHBhQWMj8BPgE/ATY0JiIPAQ4BFBYfARYyNjQncAMESgQFBQQbJA8VFQ+iDxUJCQsHogcLCwdIEsYWJSwlFhYlLCUWUQECGwIIBQMUFAMFCAIbAgEWFAMFCAIbAgEBAhsCCAUDOwkJBQgFEhUPfg8VFQ86AwE2CAoKCH4HCwkJEhsWJRYWJSwlFhYlKAIDAhsCBQgCFRQDCAUDGwEDJhUCCAUCGwIDBAMBGwMFCAMAAAAAAgAAAAAA9AEQABAAIQAANxYUDwEGIiY0PwEnJjQ2Mh8BNzY0JiIPAQYUHwEWMjY0J5MDA0sCCAYDREQDBggCZUQDBggCSwMDSwIIBgN3AwcDSwMGBwNFRAMHBgMGRAMHBgNLAwcDSwMGBwMAAQAAAAABBwCpAAwAADc0NjsBMhYUBisBIiYTBQThBAYGBOEEBZ8EBgYIBQUAAAAAAwAAAAABBwEHABsALwBDAAATIgYeATsBFSMiBhQWOwEyNjQmKwE1MzI2LgEjBzMVIyIGHQEUFjsBFSMiJj0BPgEXIxUzMjY9ATQmKwEVMzIWHQEUBnoEBgEFBBMTBAYGBDgEBgYEExMEBgEFBGcvLwgLCwgvLxAWARWmLy8QFhYQLy8ICwsBBwYIBbwFCAUFCAW8BQgGJhMLB0sICxMWEEsPFoMTFhBLDxYTCwhKCAsAAAAACgAAAAABLAEsAA0AMQA6AEIAUgBzAIwAoQCrAMsAACU1NCYrAQczMhYdATI2JzU0JiMiBw4BFBYyNzgBOQE2MzIXFh0BJiMiBhQWMzI3FjI2JzIXFQYiJjQ2ByYiBhQWMjcXNTQmKwEiBh0BFBY7ATI2JzIWHQEOASInBiMiJjQ2MzIXNTQnJiMiBzEGIiY+ATc2FwYUFxYyNjIWBgcGIyImND4BFx4BDgEmIjcWNjQmIyIHNTQmIgYdARQWMjY3FjcyFhQGIiY0NjMHNDY7ATIWFAYrASIGHQE3NjIWFA8BBiIvASY0NjIfAQEHIhduE4EQFgcMORMOCggEBgYHAwMJBAQGBggRFBQRCgcDCAUhCQYFEgoKRwYRCgoSBYMLCKgICwsHqQgLkQ0UAQUIAwcJEhQUEgcHBwQDCQQDBwYBBQQIVwYGBQ4HBwYBAwoMEBYUHQsDAQYHBw5mDxYWEAkJBggFBQcFAQkLBwsLDwsLB+ERDCUEBgYEJQQGFgMHBgMlAwgDJQMFCAMVODkXIRMWD0sLlDMODwMCBggFAgMBAwYFAREXEAICBSABDgQGBwaqAQUIBQMWXgcLCwhdCAsLYQ8NNAQFAwMRFhEBBgYCAQIDBggFAgMaBxcIBgYGCAIJGiQZAwoDCAUBBmQBGSMZBhkEBQUEXgQFAwMGQQ4TDg4TDiULEQYIBQYDIhUDBQgDJQMDJQMIBQMVAAAAAAUAAAAAAPQBGgAVAB8AMABKAGoAADc2MzIWFAYjIicOASImPQE0NjIWHQEXFBY+ATQmIgYVBzMyFh0BFAYrASImPQE0NjMXBiInJjQ3NjIWMjY0JyYOARQWMzI3NjQuASc0NjsBMhYUBisBIgYdATc2MhYUDwEGIi8BJjQ2Mh8BvAgKEBYWEAoJAQUHBQUIBQEKEAsLEAuVXQgLCwhdCAsLBzkDDgUGBgUOBggFAwsdFBUQDQoDBQgWEAwmBAUFBCYEBRUDCAUCJgMIAiYCBQgDFfcGGSMYBgMDBQReBAUFBBkkCg4BDRQNDQpQCwhdCAsLCF4HC1cDBgcXCAYGBggCCgMYJBsJAwgFAakLEQYIBQYDIhUDBQgDJQMDJQMIBQMVAAABAAAAAAEHAOsAIAAANxYUDwEzMh4BFRQGIiY1NC4BKwEXFhQGIi8BJjQ/ATYydwMDMVkcMBwGCAUXJxdZMQMGBwNCAwNCAwfoAwgDMRwvHAQGBgQXJhcyAggGA0ICCANCAgAABAAA//4BLAEaADgAWABlAG0AADcUBisBFRQWMzU0NjsBMhYdATMeARQGKwEVFAcGIi8BBwYmPQEiJj0BNDY7AQYHIw4BHQEzNRYyPwEUBisBFTMyFhQGKwEVFAYiJj0BIyImPQE+ATsBMhYVJyIGHQE2OwE1NCYrARUzNSMiBhQW9AYEnwsIBQQmBAVUBAYGBFQGAgUDDAwFCxAWFhBUBgJMCAuWBQkFOAUELy8EBQUELwYIBQkMEQEQDDgMEFQEBgUFQQUEOAkJBAYGVAQFEwgKCQQFBQQJAQUIBQoGAgEDDAwFBQYKFg+8DxYICgEKCJYUAQFTBAUTBggFCQQGBgQJEAxLDBAQDAoGBDABLwQFXRMGCAUAAAUAAAAAAPQBGgAMACUAPQBOAFoAADcyNj0BNCYiBh0BFBYXIi8BJjQ+AR8BNTQ2MhYdATc2MhYUDwEGFzMyFhQGKwEOASImJyMiJjQ2OwE+ATIWBzI2NzY0Jy4BIgYHBhQXHgE3FAYiJj0BNDYyFhWNBAUFCAYGBAQDOAMFCAMoBggFKAMIBQM4AiovBAYGBC8EGiEaAzAEBQUEMAMaIRoqCQ4DAgIDDhIPAwEBAw8SBQgGBggF9AUEEwQFBQQTBAWDAjkCCAUBAygOBAYGBA4oAwYIAjkCOQUIBREVFREFCAUQFhY1CgkECgQJCgoJBAoECQqyBAUFBBMEBQUEAAADAAAAAAD0ARoAKABAAFEAADcmND8BNQcGIiY0PwE2Mh8BFhQGIi8BFRcWFAYiLwEVFAYiJj0BBwYiFzMyFhQGKwEOASImJyMiJjQ2OwE+ATIWBzI2NzY0Jy4BIgYHBhQXHgFOAwM1KAMIBQM4AwcDOAMFCAMoNQMFCAMoBQgGKAMIay8EBgYELwQaIRoDMAQFBQQwAxohGioJDgMCAgMOEg8DAQEDD5kCCAM2HSgDBggCOAMDOAIIBgMoHTYDCAUDKEcEBgYERygDXgUIBREVFREFCAUQFhY1CgkECgQJCgoJBAoECQoABAAAAAABBwEaADUAPgBHAFAAADcUBgcVFBY7ATI2PQEuATU0NjIWFRYGBxUUBisBFR4BFRQGIiY1NDY3NSMiJj0BLgE1PgEyFiciBhQWMjY0JhciBhQWMjY0JjcUBiImNDYyFoMVEBAMOAwQEBUbJxsBFhAbFBMRFRwmHBURExQbEBYBGycbLwsRERcRETYMEBAYEBBSERcQEBcR6hAaBAoMEBAMCgQaEBQbGxQQGgQKExwTBBoQFBsbFBAaBBMcEwoEGhAUGxsJERcRERcRqREXEBAXEYwLEREXEREAAAACAAD//gEtAS0ANgBYAAA3NjcVFAYrARUUFjM1NDY7ATIWHQEzHgEUBisBFRQHBiIvAQcGJj0BIiY9ATQ2OwEHIw4BHQEzNycmIyIGDwEGDwEOARQfAQcVMzcXFjI2PwE2PwE+ATU0J+ELCAYEnwsIBQQmBAVUBAYGBFQGAgUDDAwFCxAWFhBeCVUIC5ZDJAkLCA4EDwMIFAYHBRIYDRkRBg4JAggCBx8ICAiFAgc6BAUTCAoJBAUFBAkBBQgFCgYCAQMMDAUFBgoWD7wPFhIBCgiWoiQICAgfBwIIAgkOBhEZDRgSBQcGFAgDDwQOCAsIAAAAAwAAAAAA9AEaABcALwA/AAA3LgEGFB8BFjI/ATY0JiIPATU0JiIGHQEXMzIWFAYrAQ4BIiYnIyImNDY7AT4BMhYHHgEyNjc2NCcuASIGBwYUWwMIBQM4AwgCOAMFCAMoBQgGOC8EBgYELwQaIRoDMAQFBQQwAxohGkUDDxIOAwICAw4SDwMBuQIBBggCOQICOQIIBgMofwQFBQR/WQUIBREVFREFCAUQFhYiCQoKCQQKBAkKCgkECgAAAAADAAAAAAD0ARoAFwAvAD8AADcGIiY0PwE2Mh8BFhQGIi8BFRQGIiY9ARczMhYUBisBDgEiJicjIiY0NjsBPgEyFgceATI2NzY0Jy4BIgYHBhRbAwgFAzgDCAI4AwUIAygFCAY4LwQGBgQvBBohGgMwBAUFBDADGiEaRQMPEg4DAgIDDhIPAwHRAwYIAjgDAzgCCAYDKH8EBQUEf8EFCAURFRURBQgFEBYWIgkKCgkECgQJCgoJBAoAAgAA//4A9AEaAC8AQgAANzI2PQE0JisBIgYdARQWMxUUFj8BFxYyNzY9ATMyNjQmKwE1NCYrASIGHQEiJj0BNzYyHwE3NjIWFA8BBiIvASY0N+oEBhYQcBAWFhALBQwMAwUCBlQEBgYEVAUEJgQFCAsfAwcDFjEDCAUDOAMHAxwDA0sFBKAPFhYPvA8WCgYFBQwMAwECBgoFCAYJBAUFBAkKCBN3AwMVMQMFCAM4AwMcAwcDAAAAAAIAAP/+APQBGgAvADkAADcyNj0BNCYrASIGHQEUFjMVFBY/ARcWMjc2PQEzMjY0JisBNTQmKwEiBh0BIiY9AjQ2OwEeAR0BI+oEBhYQcBAWFhALBQwMAwUCBlQEBgYEVAUEJgQFCAsLCHAIC5ZLBQSgDxYWD7wPFgoGBQUMDAMBAgYKBQgGCQQFBQQJCggTqQgLAQoIlgAABAAAAAABGgEHAAwAFQAsAD8AADcdARQWMjY9ATQmIgYHFBYyNjQmIgYnMzIWHQEUBisBBwYuAT0BIyImPQE0NhcyNj0BNCYrASIGHQEUFjsBFTeNBgYGBgYGBQgMCAgMCFnODBAQDFo5Bg8KHAwQENoEBgYEzgQFBQQvPtkBMQMFBQMyBAQEXgYJCQsJCYIQDIMMEDIFAQoIJBAMgwwQqAUEgwQGBgSDBAU3NwAAAAAGAAAAAAD+ARoAEwAnAD8ATwBYAGEAADcjIgYdARQXFhcWMjc2NzY9ATQmBxQHBgcGIicmJyY9ATQ2OwEyFhUnMzI2PQE0JisBNTQmIgYdASMiBh0BFBY3NDY7ATIWHQEUBisBIiY1NzQ2MhYUBiImNzQ2MhYUBiIm4ZYMEAQIExtaGxMIBBADAwcQFUoVEAcDBQSWBAWDXgwQEAwmBQgFJgwQEAMFBF4EBQUEXgQFDggMCAgMCDgIDAgIDAiDEAwJBwkQCg4OChAJBwkMECUFBgsGCgoGCwYFCQQGBgQvEAw4DBEJBAUFBAkRDDgMEFQEBgYEOAQFBQQcBggIDAgIBgYICAwICAAKAAAAAAEKAQoACAARAD0ATgBTAFgAXABoAHUAgQAANzYyFhQGIiY0FyYiBhQWMjY0Ny4BJyYGDwEmBg8BBhQfAQYWHwEHDgEfARY2PwEXHgE3FxYyPwE+ASc3PgEnFhcWBg8BBiIvASY0PwE+AQcWDwEvATYXBycXByc3BzY0JiIPAQYUFjI/ARYUDwEGIiY0PwE2Mhc2NCYiDwEGFBYyN50JGRISGRInBAoGBwkHRAINCRgxEgwMGwoPAgIQAgQGAw8EAQQnBAkCCQMFDwcQAggDDwoEBQwSDCUJAgYJDjUCCAM1AwM0DycBAQkIBlwJDBYHKAUXCBADBggCGQMGBwMFAwMKAwcGAwoCCCsDBggCCgMFCAPICRIZEhIZBQQHCgYGCjMJDQIIDBIMBQUJDwMIAhAHDwUDCQIKAygDAQQPAwYEAhACAg8KGwwMEjEeAgkTKA40AwM1AwcDNQ4JggwJCAdrCQEWBlYIFwUxAggGAxkDBwYDOgMIAwkDBQgDCgI3AggGAwoDCAUDAAAABAAAAAABGwEHADQAPgBLAFgAADcuASsBJyYHIyYGHQE2NzU0NjsBMh8BFjsBMhYXIwcWFzMyHgEPAQ4BKwEGBzMyNj8BNi4BBxY2NCYiBhQWMyc0PgEyHgEUDgEiLgE3FB4BMj4BNC4BIg4B8wMaET4dCAwUFBsIChEMFAQDIAIEQgkOA3cHGRVbCw8EBR4FEQsMAwUUEBoHHggEFa4UGxsnHBwTVBcmLicXFycuJhcTER8jHhISHiMfEbsQFh0JAQEcEzQHBSgLEQMgAwoIAQMPDRQJNAkKCQkPDTMOHxaSARwnGxsnHC8XJxcXJy4mFxcmFxEfEREfIx4SEh4AAAQAAAAAARoBBwAMABkAIgBMAAA3Ig4BFB4BMj4BNC4BByIuATQ+ATIeARQOATcUBiImNDYyFjcVFAYrATUzMjY9ATYmKwEHIzI/AScmKwEiBgcVIzU0NjsBNh8BMzIWFVQXJhcXJi4nFxcnFxEfEREfIx4SEh4dGyccHCcblhsULi4MEAERDFATHgQCGhoCBCcMEAESGxQnCwkdUBQbqRcnLiYXFyYuJxeWER8jHhISHiMfEUETHBwnGxtKXhMcExELXgwQEgIaGQMRCxwcExsBCR0bFAAAAAUAAAAAAQcBBwAPAB8AKAA5AEsAADc0NjsBNhYdARYGKwEiJjU3IgYHFR4BOwE+AT0BNCYjBzI2NCYiBhQWNzQuASMiBhQWMzIWFRQWMjY3NC4BIyIGFBYzMh4BFRQWMjYTGxSWExsBHBOWFBsvDBABARAMlgsREQuEBggICwkJRxIeEgQFBQQUGwYIBTghOCEEBQUEHDAcBQgF2BMbARwTlhQbGxSyEQuWDBEBEAyWCxGuCQsICAsJDhIeEgUIBhsUBAUFBCE4IQUIBRwwHAQFBQAABwAAAAABGwEHABAAFAAXABoAHQAhACUAABMiDwEGHwEWMj8BNi8BJgcjBzczDwEzFyczBzczBzcjJzMHIzczQgYDJQMEegMIA3oEAyUDBqgXHCcOMDAeCkQiNjBOUzUOJyxGDioBBwZLBQWWAwOWBQVLBgFKODgTYWFtbWF0ODg4AAAAAgAAAAABLQEJABgAMwAAJQYiLwEVFAYiJj0BBwYiJjQ/ATYyHwEWFAc1NDYfARYVMzQmLwEmDgEdARQeAT8BNQcGJgEpAwcDFQYIBRYCCAYDJgIIAyUD4QkFlgUTCAeWCRQNDRQJWmMFCU4DAxVaBAUFBFoVAwUIAyYCAiYDCA6oBgUCVQMFBw4EVAUEDwuoCw8EBTIWOAIFAAAABQAAAAABBwEHAAYAEQAwAD0ATwAANwYHNTQ2NxcwMQcGBzc+AT0BNyYvASYOAh0BNjc1NDYyHwEeARQGDwEWFzc+ATQnBxQOASIuATQ+ATIeAScmIg8BJyYiBhQfARYyPwE2NCYLCAoJpBACBSAGCCIEB5YHDg0ICgkFBwKWAgMDAjcCAT0HBwNaFycuJhcXJi4nFygDCAMxDAMIBQITAwgCOQKwBQcHCQ4DdwkNDBIEDQcFSQcEVAQBBw0HMwIBMAQFAVUBBAUFAR8JCyMEDQ8GUBcmFxcmLicXFycMAwMxDAIFCAMSAwM4AwcAAAAAAwAAAAABBwEHABIAJAA+AAA3FjMyPwE+ATQmLwEmIg4BHQEUNzYyHwEeARQGDwEGIi4BPQE0FzcVFAYPAQYjIicmJy4BPQE0NjcVFB4BMjdACQsIBpYHBwcHlgcODQgWAgcClgIDAwKWAgUFAn8XCAZfDxEICREMCgkKCQwVGQsuCANVAw0QDQRUAwcNCKgMuwMBVQEEBQUBVAIDBAOoBKANBQcOAzYIAwQNCRgNaQgPA4MNFQ0GAAIAAP//ASwBCQAjAD4AACUUBg8BDgEiJi8BLgE0PgIyFh8BNTQ2MhYdATc+ATIeAhUnBwYmPQE0Nh8BFhUzNCYvASYOAR0BFB4BPwEBLAECJQIDBAMBJgECAgIEBAMBFgUIBhUBBAQDAwFLiAUJCQWWBRMIB5YJFA0NFAl/LwIDAiUCAQECJQIDBAMDAQECFVoEBQUEWhUCAQEDAwJXTQIFBqgGBQJVAwUHDgRUBQQPC6gLDwQFRwADAAAAAAEHAQcAHAApADsAACUUBg8BJic3NjQvASYiBh0BBgc1NDYzMh8BHgEVBxQOASIuATQ+ATIeAScmIg8BJyYiBhQfARYyPwE2NAEHCAc9AQI3BQWWAgYGCQoRCwgGlgcHXRcnLiYXFyYuJxcoAwgDMQwDCAUCEwMIAjkClggNBCIKCh8DCgNVAQYELwECMgwRBFQEDQhCFyYXFyYuJxcXJwwDAzEMAgUIAxIDAzgDBwADAAAAAAEHAQcAHAApAEUAACUUBg8BJic3NjQvASYiBh0BBgc1NDYzMh8BHgEVBxQOASIuATQ+ATIeAQc3NjQmIg8BJyYiBhQfAQcGFBYyPwEXFjI2NCcBBwgHPQECNwUFlgIGBgkKEQsIBpYHB10XJy4mFxcmLicXRxUDBgcDFhUDCAUDFRUDBQgDFRYDBwYDlggNBCIKCh8DCgNVAQYELwECMgwRBFQEDQhCFyYXFyYuJxcXJxcWAwcGAxUVAwYHAxYVAwgFAxUVAwUIAwAABQAAAAABLAEJAB8APgBOAFsAaAAANzQvAQcGJj0BNDYfARYVMzQmLwEmDgEdARQeAT8BND8BNCYrASIGHQEUFwYdARQWOwEyNxY7ATI2PQE0JzY1JzQ2OwEyFh0BFAYrASImNRcjIiY9ATQ2OwEVFAY3FAYrASImPQEzMhYVdAEBGQUJCQWWBRMIB5YJFA0NFAkPA7gQDHELEQgIEQsmCwgICiYMEAcHlgUEcQQFBQRxBAUvJgQFBQQvBVAFBCYEBS8EBUIBBAEPAgUGqAYFAlUDBQcOBFQFBA8LqAsPBAUICQglDBAQDBMKCAgLEwwQBwcQDBMLCAgKEwQGBgQTAwYGA0EFBBMEBRwEBQkEBQUEHAUEAAAAAAUAAAAAARoBGgAZACsALwAzAFoAACUVFA4CKwInJi8BJi8BMzI3Njc2PQEXFgcjIiY9ATQ2OwEyHwEWHQEUBiczNSMXIxUzNxUzMjY9ATQvASYrARUUBisBIiY9ASMiBh0BHgE7ATU0NjsBMhYVARkLFRwPcAUFBQQEBAMDkQoJDAkRBwtLlg8WFg+BEAsVCxZuJiY5S0sTEggLBRYFCBALCCUICyYHDAELBxMLCEsHC7lbDxwVCwEBAwMCBAUDBAkRF30HC5EWEJYPFgsVCw+BEBa8E3FLS0sLCIEHBhUGEwgLCwgTDAeWCAtLCAsLCAAAAAADAAD//wEsARoAPQBIAF4AADc0NjsBMhYXNy4BKwEiBh0BIyImPQE+ATsBFRQWOwEyNj0BMzIfARYdATYyFzU0LwEmKwEiBh0BFBY7ATcjNzMVFAYrASImPQEXFAYPAQYPASIuAjU3Nj8BNjIXHgFeBQReAwUBDgQMB14MEBMHDAELByYQDCUMERkIBh4GBAkFCx4LEJ0PFhYPTAUrEzgGBCUEBrwEBVAKDhcDBgQBBgMLUAkYCAQFegQFBAMOBQcQDFQLB7wHCxwLERELHQYeBggtAQEtEAseCxYPvA8WE+EdBAUFBB2OBgsEUAsDBgEEBgMXDgpQCQkECgAEAAAAAAEaARoAEQAbACUASwAAJScmKwEiBh0BFBY7ATI2PQE0JxUUBisBIiY9AQc1NDY7ATIWHQE3FAYrATU0JisBIgYdASMiJj0BPgE7ARUUFjsBMjY9ATMyHwEWFQEOHgsQnQ8WFg+8DxZwBgQlBAYSBQReBAU5DAcTEAxeDBATBwwBCwcmEAwlDBEZCAYeBvAeCxYPvA8WFg+dECIdBAUFBB3hVAQFBQRUEgcMVQwQEAxUCwe8BwscCxERCx0GHgYIAAAAAAQAAAAAAQcBBwATACgAPQBSAAA3IgYdARQGIiYnNT4BOwEyFhQGIzc0NjsBMhYdARQOASY9ATQmKwEiJgcyFh0BFBY7ATIWDgErASImPQE0NjMeAR0BFAYrASImNDY7ATI2PQE0NkYGCAUIBQEBEw0hBAYGBFUFBCENFAYIBQgGIQQFjQQFCAYhBAYBBQQhDRMF0gQGFA0hBAUFBCEGCAX0CAYhBAUFBCENFAYIBQkEBhQNIQQFAQYEIQYIBYgGBCEGCAUIBRMNIQQGAQUEIQ0TBQgFCAYhBAUAAAAEAAAAAAEHAQcAEwAnADsATwAANxQWOwEyFhQGByMiJj0BPgEyFh0BNDY7ATI2NCYnIyIGHQEeATI2NScyFh0BFBYyNj0BNCYrASIGHgEzNxQGKwEiBhQWOwEyNj0BLgEiBhXOCwgcBAYGBBwQFgEFCAULCBwEBgYEHBAWAQUIBYMICwUIBhYQHAQGAQUELwsIHAQFBQQcEBYBBQgF4QgLBQgFARYQHAQGBgSyCAsFCAUBFhAcBAUFBC8LCBwEBQUEHBAWBggFgwgLBQgGFhAcBAYGBAAAAAAD/////wEHAQcAFAAhAEEAACUnNjU0LgEiDgEUHgEzMjcXFjI2NCciLgE0PgEyHgEUDgEXFhQGIi8BBwYiLwEHBiIvASY0NjIfATc2Mh8BNzYyFwEESBIWJy4nFhYnFx0YSAIIBo0SHhISHiQeEhIePwMFCAMfHgMIAx8eAwgDJQMFCAMfHwIIAx8fAwcDNkcYHRcnFxcnLicWEkgCBQg+ER4kHhISHiQeEWEDCAUDHx8DAx8fAwMlAwgFAx4eAwMeHgMDAAAAAAIAAAAAARoBGgAXACQAACUnPgE1NC4BIg4BFB4BMzI2NxcWMjY0LwEiLgE0PgEyHgEUDgEBF04MDBwvOC8cHC8cEiIOTQMIBQKdFycWFicuJxYWJyNNDiISHC8cHC84LxwNC04CBQgDOxYnLicWFicuJxYAAwAAAAABLQEsACsAVAB7AAATFx4BHwEeARQGDwEOAQ8BFAYiJzEmLwEmLwEmLwEuATQ2PwE+AT8BPgEyFhcnLgEvATQmIgYPAQ4BDwEOARQWHwEeAR8BFBYyNjU3PgE/AT4BNCYvATIXBwYHBgcOARUUHgEzMjY3FhcGFBcHFx4BBiIvAQYjIi4BND4BzAYEDQoUAwMDAxQJDgMHBQUCAgEHAwYCBwcUAwMDAxQJDQMHAQQFBF0OBwoCBQMEAwEEAgoHDgICAgIOBwoCBQMEAwUCCgcOAgICAq4HBwYIBQIBGSESHhIUIgcDBAICAkgCAQYIA0cYHRcnFhYnAScUCg0EBgEEBQQBBwMOCRQCAwECAhcIBQIGAgcBBAUEAQYEDQoUAgMDlwUCCgYPAQICAQ8GCgIFAQMDAwEEAwkHDgICAgIOBgoDBAEDAwMBdAEBAwcDBAMlGRIeEhcTAgEFDAUESAIIBgNIEhYnLicWAAAEAAAAAAEHAQcAHwAsADUAPgAAJQYiLwEmJzY1NC4BIyIGBwYHNTQ+ATIeARUUBxcWFAcnFA4BIi4BND4BMh4BBzcmIyIOARUUNzQnBxYzMj4BAQQDCAI9AwoPEh4SGiUCCgkWJy4nFhJIAwNbFycuJhcXJi4nF4lcEhYRHxGDDVwRFhIeEigDAz0TERIXEh4SIxkDBQIXJxYWJxceF0gCCAMsFyYXFyYuJxcXJz5cDRIeEhUVFhJcDREfAAIAAAAAAQcBGgAWACMAADcOASMiLgE0PgEyHgEVFAYHFxYUBiIvATQuAg4BHgIyPgG8DiISHDAbGzA4LxwMDDsCBQgDKBYnLicXARYnLicWYwwMHC84MBsbMBwSIg46AwgFAooXJxYBFycuJxYWJwACAAAAAAEsAQcAGABEAAA3Mh8BFhQPAQYiJjU/ATMyNjQmKwEvATQ2NzIWFx4BFRQHJzcuASsBIiY1NCYiBhUUBisBIgYUFjsBFSMiLgE1NDY3PgGNAgKWBQWWAgYGARNTBAYGBFMTAQUOHSoDGCECEQEBGBIEBAYhLiEGBAQSGBgSMzMRHBAhGAMqqQFLAwsDSwEFBAM/BgcGPwIEBl4mHAIjGAcICQYRGQYDGCEhFwQGGSMYExAcERgjAhwmAAACAAAAAAEaARwADQAYAAATNh8BFhQPAQYmPwEnJhcHNycXMzIWFAYjFgUF9AUF9AUKAiUlAjgdz88daQQGBgQBFwQDegIMAnoDCAZ3dwaGX2hoXwUIBQAABgAAAAABBwEaAB0ALQA7AEgAVQBiAAAlJy4BByM1NCYrASIGHQEjIgYPARwBHgE7ATI+Aic0NhczNhYHFRYGKwEiJjUHNzMVFBY7ATI2PQEzFycmNjsBMhYUBisBIiYVJjY7ATIWFAYrASImFzQ2NzMyFhQGKwEiJgEGHAEFAxMQDEsMEBMDBAIcAwQC4QIFAgGpBQRLBAYBAQYESwQFNBUMEAxLDBAMFn8BBgQlBAYGBCUEBQEGBCUEBgYEJQQGAQUEJQQGBgQlBAYfSwMEAY0MEBAMjAQDSwIEBAICBATgBAYBAQYEqQQFBQQuOAoLERELCjiyBAUFCAYGRwQFBQgGBiIEBQEGCAUFAAcAAAAAASwBGgAIABEAqQDbAQQBGAEgAAA3FAYiJjQ2MhY3IgYUFjI2NCYXDwIGLwEmDwIUDwErASYvATQrAQcXFh8CFA8BBhQfARYVDwEGDwEGIy8CIg8BBg8BJyYvAS4BIw8CIi8BJi8CND8BNjUxNC8BJjU/ATY/ATY7AR8BMj8BNjM3FzIfARQWMzcnJi8BJj8BNi8BJj8CNh8BMjM/ATY3MzYXMxYVFxQXMzc2HwEWHwEWDwEGHwEWByYnBwYiJyYvASsBBwYHBiIvAQYHFxYUDwEWFzczMhYfATsBNzY3NjIfATE2NycmND8BNj8BJwcGJi8BIwcGBwYvAQcXHgEGDwEXNzYWHwEzNzY3Nh8BNycmNAczFSMiJj0BNDY7ATIWHQEjFRQWJzM0JisBIgbFCxALCxALOAQFBQgFBSgBAgUDBQkBAQECAwUGCAUBAgEBBwMFAwEBAQwDAg0BAQEDBQMCAwIOAgUBAwEFDAwFAQIBAwMCDgIDAgIFBAEBAQ0CAQ0CAQEEBQICAwIOAgUBAwEFDAwFAQMEAg0CBAIBAgQHAgEIBAIEBQMECQEBAQIBBQIGBgMFAgECCQUDAQQCAQIDCAEBBwRJAgMKAwgECQECBgYCAwgEBwMJBAIHBwcHAgQMBAgKAQEGBgIDCAQHAwoDAgcHBzkBAgQCBgcLAQEEAgMDBgcFAgUEAQQCBAIGBwsBAQQCAwMHBgUCBQTHExMXISEXlhch8xUV4RYQlhAVQggLCw8LC00FCAYGCAUZAgYHBAIDAQECCQMCAQEFCgECBAYIBAICAgoCBgEMAgICBAcHAwMBBAEEEAQBAQEBBA8CAwEEAQMDBggEAgICCwIDAgILAgIDAwgGAwMFAQUPBQEBBQ4DAwUCBQUDBAMHAgEHAwQIBwQCAwIJBQEBAQEFCQEBAwIEAgUFAwQDBwECBgQqBQUEAQIFCQoNCAMCAQQFBQYGEgYGBgQECgYKDQgDAgEDBAYGBhIGQwMBBAMCAQYHBQkEAgQCAgMFBQkGAgMEAgEGBwUJBAMDAgIEBAUKaxMhF5YXISEXE4MQFbsQFhYAAAAABwAAAAABBwEaAAoAFQA6AEoAWwBrAHYAADcUDgEuAj4BMhYnMj4BLgIOARQWNwYHFhcVBgcWFxUUBisBIiY3NTQ3Jj0BNDcmPQE0NjsBMhYHFSMUFjsBMjY9ATQmByMmBhUXIyIGHQEUFjsBMjY9ATQmBxc0JisBDgEdARQWOwEyNjUnMj4BLgIOARQW4QMFBgQBAgUHBQkCBQIBBAUGAwYzAQcHAQEHBwERDKgMEQEHBwcHEAyoDBEBzgYEqAQGBgSoBAayqAQGBgSoBAYGBAoGBKgEBgYEqAQGHAIFAgEEBQYDBlQCBQIBBAUGAwY+AwUGBAECBQcFQgsICAslCwgICyUMEBAMJQsICAslCwgICyUMEBAMJQQGBgQlBAYBAQYEQQYEJQQGBgQlBAYBVAQGAQUEJQQGBgSfAwUGBAECBQcFAAAAAAQAAAAAARYBGgAIABEAYQCaAAA3IgYUFjI2NCYHIiY0NjIWFAYXLwEmNj8BNicmJyYjDwEjIiYvASYnJiIHBg8BDgEjIiMvASIHBgcGHwEWBg8BBhcWFxYzPwEzMhYfARYXFjI3Nj8BPgEzMjMfATI3Njc2JwcnJiMiBg8CBiIvAS4BKwEPASYnNz4BLwI2NxcWMzI2PwI2Mh8BHgE7AT8BFhcHDgEfAgYHlhAVFSAWFhAICwsQCwtzGAIEAQUYBAIIEwIEAyACBgkBBQEFDhwOBQEGAggEAwMdAwQCEwgCBBoEAQUYBAIIEwIEAyADBQkBBQEFDhwOBQEGAggFAgMdAwQCEwgCBCIXBgULEgQBBAkQCAUCEwwHBRcKBhILAgkEEgYKFwYGChIEAQUIEAkEAhMMBwUXCgYSCwIJBBIGCrwWIBUVIBY5CxALCxALDRQCBQ0EFAMFGxUDAQsHBR8FAQMDAQUhBQULAQMVGwUDFgUNBBQEBBsVAwELBwUfBQEDAwEFIQUFCwEDFRsEBCYIAgwKBhcBARcMEAIIDQ8QCRwLBBAPDQgCDAoGFwICFwwQAggNDxAJHAsEDxANAAAEAAAAAAEHAP4AGQAjADwARgAANzIWFzMyFhQGByMOASImJyMiJj4BNzM+ATMXIgYUFjI2NCYjNzIWFzMyFhQGByMOASImJyMiJjQ2NzM+ARciBhQWMjY0JiNxDBUDaAQGBQNqAxUZFQMdBAYBBAMfAxUMAQgLCw8LCwhMDBUDHQQGBQMfAxUZFQNoBAUEA2oDFQ0ICwsPCwsIehAMBgcFAQwQEAwFCAUBDBATCw8LCw8LlhAMBQgFAQwQEAwGBwUBDBATCw8LCw8LAAADAAAAAAEtARsAHAAzAFcAABMmBh0BBwYHBgcGBxQeATY3Njc2NxUUFj8BNjQvATEWNj0BFwc1NCYjBwYHBgc2NzY3NjcnIgYdARQWOwEyNic1NiYiBh0BFAYrASImPQE0NjsBMjY0JiPUBQoDDw4YDxMEAwUGAhwhCQgLBFUDBFsEBzw8BgQJCwwZFwUKDBMLDYIUGxsUlhMcAQEGCAURC5YMEBAMSwQFBQQBFwQFBiUBAQUJFBopAwUCAQIbCwMCJQYFBEsDCQMCAQYEHC82GgQGAQIECBESDRAIBAEvHBOWFBsbFDgEBQUEOAwQEAyWCxEFCAYAAAMAAAAAAQcBEAARADAARAAANxQGBxUUBiImPQEuATU0NjIWJw4BDwEiBgcVHgEfARY/AT4BPQE0JiMnLgEvASYiDwE1Nz4BPwEXHgEfARUUBg8BJy4BrQcHBQgFBwcNFA0nDiUUEAQFAQEkISYFBSYhJQYEEBQlDgkDCANXChYpDwYGDykXCSAcIiIcIKQHDAIVBAYGBBUCDAcKDg5YCg4CAgUENCVBExcCAhcTQSU0BAUCAg4KBwMDYCsBAxAKBAQKEAMBKyA4ERQUETgAAAACAAAAAAEaAQcAHAA0AAATMhYUBisBIgYdARQWOwEyFhQGKwEiJj0BNDYXMwc3NjIWFA8BMzIWFAYrARcWFAYiLwEmNLIEBgYEXgsREQteBAYGBF4TGxsTXj84AwgFAih/BAUFBH8oAgUIAzgDAQcGCAURC4QLEQUIBRsThBMcAWk4AwYIAikFCAUpAggGAzgDCAAAAgAAAAABBwEHABwANAAAEyIGHQEUFjsBMj4BJisBIiY9ATQ2OwEyPgEmKwEXJyYiBhQfASMiBhQWOwEHBhQWMj8BNjRUExwcE14EBQEGBF4LERELXgQFAQYEXrA4AwgFAih/BAUFBH8oAgUIAzgDAQccE4QTHAYIBRELhAsRBQgFaTgDBggCKQUIBSkCCAYDOAMIAAMAAAAAARoBGgAMABkAJwAAEyIOARQeATI+ATQuAQciLgE0PgEyHgEUDgE3FhQPAQYiJjQ/ATYyF5YkPCMjPEg8IyM8JB8zHh4zPjMfHzMXAgJeAwgFAl4DCAIBGSM8SDwjIzxIPCPzHjM+Mx8fMz4zHqYDCANdAwUIA14CAgAABQAAAAABBwEHAAgAHAAlADIAPwAANzI2NCYiBhQWFyYiDgEXHgEyNjc2LgEiBw4BIiY3FAYiJjQ2MhYXNC4BIg4BFB4BMj4BJzQ+ATIeARQOASIuAXUGCAgMCAgEAwcGAQMJGhwaCQMBBgcDBxIUEksIDAgIDAhCHzM+Mx4eMz4zH88ZLDIsGRksMiwZmwgMCAgMCCQDBQgDCgwMCgMIBQMICAg6BggIDAgIGR8zHx8zPjMeHjMfGSwZGSwyLBkZLAAAAAMAAAAAARoBGgAxAGcAcAAANzU0JiM1NCYrASIGFRQXByMiBhQWOwEVBhYyNj0BNxY7ARUjIgYdASIGHgE7ATI2NCYHIyImNDY7ATI2PQE0NjsBMjY9ATQmKwEiJjQ2OwEyFh0BFBY7ATIWHQEjIgYUFjsBMhYUBiMnFAYiJj4BMhb0FhAbFDgTHAgVGAQGBgQTAQYIBRUMDhwSEBYQFgEVEKkPFhYPqQgLCwgJBAYLCBwEBQUEJgwQEAw4DBEFBAkIC1QEBgYEZwgLCwhxBQgGAQUIBV4TDxZUFBsbFA4LFQYIBRMEBQUEGBUHJhYQEhYfFhYfFjgKEAsFBB0HCwYEOAQFERcREQxdBAYLBxMGCAULEAvFBAUFCAYGAAAAAAYAAAAAARoBGgAXACoAOgBEAE4AVQAAEzQmIgYdAScmIgYUHwEWMj8BNjQmIg8BNyMiBh0BMzUzFSMVMzI2PQE0JgcjFTMVIxYUBzMyNj0BNCYHFAYiJjQ2MhYVJzQ2MhYUBi4BNTciBhUzNCZLBQgGFQMIBQMlAwgCJgMGCAIWu4MHDBODEhIICwtAcHBMAQFMCAsLGwoQCwsQCl0LDwsLDwtLCAslCwEQBAUFBN0VAwUIAyYCAiYDCAUDFdQMByYmXhMLCF4HDEsTXgUJBQsIXggLSwgLCw8LCwgTCAsLEAsBCgheCwgICwAAAgAAAAABBwEHACoAVgAANx4BNj8BPgE/AT4BNCYvAS4BLwEuASIGDwEOAQ8BDgEeAR8BFh8BFh8BFhcWMjY/AT4BPwE+Ai4BLwEuAS8BLgIOAQ8BDgEPAQ4CHgEfAR4BHwEWZgULCQIGAwsHFAUHBwYUBwsCBwEJCwoBBwILBxQFBwEGBRQHBgIEAgYCZAMKCAEFAgYFDgUFAQIGAw4FBwEFAQcHBwUBBQEHBA8DBQIBBQQPBAcBBQJ0AwEHBRQHCwMGAgkLCQIGAwsHFAUGBgUVBwoDBgIJCwkCBgMFAwQGFAVPAgUFDgUGAgUBBwcHBQEFAQcEDwUEAQIFAw4FBwEFAQUHBwcBBQIGBQ4FAAAEAAAAAAEHAQcAKgBAAGwAgAAANx4BNj8BPgE/AT4BNCYvAS4BLwEuASIGDwEOAQ8BDgEeAR8BFh8BFh8BFi8BNz4BPwEXHgEfAQcOAQ8BJyYvASYXFjI2PwE+AT8BPgIuAS8BLgEvAS4CDgEPAQ4BDwEOAh4BHwEeAR8BFi8BNz4BPwEXHgEfAQcOAQ8BJy4BZgULCQIGAwsHFAUHBwYUBwsCBwEJCwoBBwILBxQFBwEGBRQHBgIEAgYCFxAQDBAEBQUEEQsREAwRAwUGAgYECG8DCggBBQIGBQ4FBQECBgMOBQcBBQEHBwcFAQUBBwQPAwUCAQUEDwQHAQUCDgMDCQ0DAQEDDQkDAwkNAwEBAw10AwEHBRQHCwMGAgkLCQIGAwsHFAUGBgUVBwoDBgIJCwkCBgMFAwQGFAVABQUEEQsQEAwRAwUGAxEMEBAJBgUJiwIFBQ4FBgIFAQcHBwUBBQEHBA8FBAECBQMOBQcBBQEFBwcHAQUCBgUOBTIBAQMNCQMDCQ0DAQEDDQkEBAkNAAAAAAMAAAAAARoBGgAPABkAIwAAEyMiBh0BFBY7ATI2PQE0Jgc1NDY7ARUjIiY3FAYrATUzMhYV6qgUGxsUqBQbG9gQDEtLDBDhEQxLSwwRARkbFKgUGxsUqBQb16gMEeEQDAwQ4REMAAAAAwAAAAABGgEaAA8AGQAjAAA3FRQWOwEyNj0BNCYrASIGFyMiJj0BMxUUBicyFh0BIzU0NjMTGxSoFBsbFKgUG9eoDBDhEQwMEeEQDOqoFBsbFKgUGxvYEAxLSwwQ4REMS0sMEQAAAAADAAAAAAEaARIACABSAKQAADcyFhQGIiY0NjceAR0BFhc2NzY3NhcWFxYVFA4CLgEPAQ4BFh8BFhcWDgInIyIuAjc0NjczNjcjBiIuATc2NzAjJicmJzU+ATc1Mh4BHwMmBw4BBw4BFzEVIycmJy4BKwEOAQceATcHDgErASIOARY2OwE2NxciDgIXFSMiBhUzMjc2NzYnNxYXFTc2NSYvAS4BNz4CHgI+AT0BLgFQAwYGBwYGHAwPBwUFCg0SGhgRDA0FCg0OCwQCAwMFBwINAQEJFhwQfQIDAgEBFxEGAgUnBw8LAQQKHAEKCBEFBB4WBQsIAgECfxATDhMEAQIBAwgIBwsOCAIVIQQKHA8GAQUEEwcKBAUIAjwDCAwGDAkFARgICm4JCQ0DAgIHBgICBAEKAggHAwIJDAsJCAcFAhHOBQgGBggFQgEQCwMHBw4LDgMFDQsSFhEHDAgEAwYBAQIJCwgDERYQHRcLAQEDAwISGwIKCQMKEAoTBAIEBgoIFyMJGQUIBQMBBgkEAhMMBhcHAQwMCAwHARwVCgkCGAMFCAsDAwIDEQUKDQYKCwcDCA4JDwcKCgUFCwsQDAMIFwsHCgMBBQICBQcCDBsAAAIAAAAAASIBGgAcACYAADciLwEHBi4BPwEnJjY/Aj4BFh8CHgEPARcWBicPARcHNxcnNyfgBQRBQQYMCgIMNQgHC0khAw0NAyFJCwcINQwCC1MjUzwOSUkOPFMTAiIiAwIMCEg0CBUBC0IGBQUGQgsBFQg0SAgN9EsMOVInJlE6CwAAAAEAAAAAASIBGgAcAAAlBxcWBiMiLwEHBi4BPwEnJjY/Aj4BFh8CHgEBGjUMAgsIBQRBQQYMCgIMNQgHC0khAw0NAyFJCwekNEgIDQIiIgMCCwlINAgVAQtCBgUFBkILARUAAAACAAAAAAEiARoAHgAqAAAlJi8CLgEGDwIOAR8BBwYeAT8BFxYzMjYvATc2JwcGFRcnJiM1FxYfAQEeAwtJIQMNDQMhSQsHCDUMAgoMBkFBBAUICwIMNQgESgMORQICIgIFTrYLAQtCBgUFBkIKAhUINEgJCwIDIiICDAlJMwgKPAMFTCQBukUEAQoAAAMAAAAAARoBGgAPABwAKgAANyIGHQEUFjsBMjY9ATQmIwc0PgEyHgEUDgEiLgE3Ig4BFB4BMj4BNC4BB3EICwsISwcLCwioIzxIPCMjPEg8I4MfMx4eMz4zHx8zH84LCEoICwsISwcLOCQ8IyM8SDwjIzyVHzM+Mx4eMz4zHwEAAgAAAAABBwEHABgAPQAANzQ2MzIWFx4BPgEnLgEjJgcOARUUFzMuARcyFhQGKwEWFRQGBwYjLgEnJj4BFhceATMyNjU0JicjIiY0NjNeIBoSHAYCBwcCAggmFh8WCw0PIA0PnwQGBgQsEA0LFh8XJAsCAgYIAgccExkhERB+BAUFBMwQGA4KAwIEBwQPEQEQCBYNExAFFCwFCAYPFA0VCBEBEQ8DCAQCAwsNGQ8LEwUGCAUABQAAAAABGgD0AAgAEQAaADAARwAANzI2LgEiBhQWNxQGIiY0NjIWFzI2NCYiBhQWByMiJj0BNDY7ATIWFAYrARUzMhYUBjMjIiY0NjsBNSMiJjQ2OwEyFh0BFAYjXggLAQoQCwtTCxALCxALJQgLCxALC5cJCAsLCAkEBQUECQkEBQXUCgQFBQQKCgQFBQQKBwsLCIMLEAsLEAsTCAsLEAsLGwsQCwsQC0sLCJYICwYIBZYFCAYGCAWWBQgGCwiWCAsAAAIAAAAAAPQBBwAbADcAADcjIiY9ATQ2OwEyFhQGKwEiBh0BFBY7ATIWFAY3NTQmKwEOARQWOwEyFh0BFAYrASIGFBY7ATI2XgoLERELCgQFBQQKAwYGAwoEBQWSEQsKBAUFBAoDBgYDCgQFBQQKCxEmEAyoDBEGCAUGBKgEBgUIBRyoDBEBBQgFBgSoBAYFCAUQAAADAAAAAAEsAPQAFAAkAEMAADcGFBYyPwE2NC8BJiIGFB8BIxUzBzcjIgYdARQWOwEyNj0BNCYXFAYrATUjFxYUBiIvASY0PwE2MhYUDwEzNTMyFh0ByAMFCAMvAwMvAwgFAx5QUB41zhQbGxTOFBsbCBAMZ1EfAwUIAy8DAy8DCAUDH1FnDBBkAggGAy8DCAIvAwYHAx8TH5AcE3ETHBwTcRMcoAsRSx8CCAYDLwMIAi8DBgcDH0sRC3EAAAQAAAAAAQwBAwA6AD4AQgBGAAA3JiIPASM1MwYWHwEWMj8BNjQvASYiDwEjNzY0LwEmIg8BBhQfARYyPwEzFRQWOwEGFh8BFjI/ATY0LwI3HwEHJzcHJzcX+AYPBgkrGQMBBQ8FEAUYBgYOBg8GCVYPBQUZBRAFPgUFGAYPBhwrBQQjAwEFDwUQBRgGBsQZPhh6GA8YCQ8YD2cGBglLBgwFDwUFGAYQBQ8FBQkOBg8GGAYGPgUQBRgGBhxVBAUFDQUOBgYYBRAFQhg+GC8YDhmFDxgPAAAAAAcAAAAAARoBGgAfAD8ASABRAFoAZABtAAATIg4BFRQWMzY3PgE3NjIWHQEUHgEzMjc2NzY1NC4BIxciJj0BNCYjIgcGBw4BIyImNTQ+Ah4BFQYHBgcGIzE3FAYiJjQ2HgE3FAYiJjQ2MhYnFAYiJjQ2MhYXJjYyFhQGIiYvARQGIiY0NjIWliQ8IxkTCQYFDAQGEAoSHhIcFBIJCSM8JC8UGxUQDAoGBwUFBQsOHTM/Mx8BBgcOEBYcCxALCxALEwsQCwsQC4MLEAsLEAtLAQsQCwsQCgESCxALCxALARkgOSQSGgEDAQoBAw4JGBEfERQTHx0gJDwj8xsTGBIYBQIGAwMPCh4xGwEfMx8ZGBwQFDkICwsQCwEKMAgLCxALCzAICwsQCwsICAsLEAsLCBMICwsQCwsAAAQAAAAAAQcBBwAPAB8ALAA4AAATIgYHFR4BFzM+AT0BNCYjBzQ2OwEyFh0BFAYrASImNTc0NhczNhYUBisBIiYXIyIGFBY3MzI2NCZUExsBARsThBMcHBOgEQuECxERC4QLESYFBF4EBQUEXgQFZ14EBQUEXgQFBQEHHBOEExsBARsThBMcLwsREQuECxERC14EBgEBBggFBSsFCAYBBQgFAAAABQAAAAABGgEHAB0AKQA0AEAAUAAAJRUUBisBNTQnMzI2PQE0JisBIgYdASM1NDY7ATIWBzI2NCYrASIGFBYzFzQmKwEyFhczMjYHIyIGFBY7ATI2NCY3FQ4BKwEiJj0BNDY7ATIWARkQDC8BMAQGBgRwBAYSEAxwDBAvBAYGBEsEBQUEVQYESwwTByUEBmdLBAYGBEsEBQUrARAMcAwQEAxwDBHqSwwQCgQFBQRLBAYGBC4uDBERKAYIBQUIBhwEBgsIBT0GCAUFCAYcSwwQEAxLCxERAAAABwAAAAABGgEHAB0AKQA0AEAATABcAGwAACUVFAYrATU0JzMyNj0BNCYrASIGHQEjNTQ2OwEyFgcyNjQmKwEiBhQWMxc0JisBMhYXMzI2ByMiBhQWOwE+ATQmByMiBhQWOwEyNjQmNxUOASsBIiY9ATQ2OwEyFgc0JisBIgYdARQWOwEyNjUBGRAMLwEwBAYGBHAEBhIQDHAMEC8EBgYESwQFBQRVBgRLDBMHJQQGZ0sEBgYESwQFBQRLBAYGBEsEBQUrARAMcAwQEAxwDBETBgRwBAUFBHAEBupLDBAKBAUFBEsEBgYELi4MEREoBggFBQgGHAQGCwgFKwUIBgEFCAUlBggFBQgGL0sMEBAMSwsREQsDBgYDSwQGBgQAAAAAAgAAAAAA9wEaABYAKAAAEz4BOwEyFg8BMzIWDwEGLgE/ASMiJj8BIwczMhYPAQYeATY/ASMiJjdcAgoGUwoLBBImCQcFfAgWDgMYHgcIAohTISQEBgEcAQIDAwF2KgUFAQEMBgcQCTIQB5sKARIMUgwGcnEIBF4CAwIBAZUIBAADAAAAAAEaAP4AHQAzAEoAADcWFA4BIwcVFAYiJj0BJy4CND4CMjMXNzYyHgE3FRQGDwEGLwEuAT0BNDY/ATYfAR4BBy4BLwEmDwEOAR0BHgEfARY/AT4BJzXgAQICAk4GCAUpAgICAQMDBAIrUQIEAwM5Cgh6CgpUCAoKCHoKClQIChIBAwNUAwR5AwQBAwNUAwR5AwQBugIEAwMeIAQFBQQgDwEDAwQDAwERHwECAgNECQ4DLwQEIQMOCUQJDgMvBAQhAw4JAwUBIAICLgEFA0QDBQEgAgIuAQUDRAAAAAMAAAAAARoA2AAZACIAKwAANyIGByMuASMiBhQWMzI2NzMeATMyPgE0LgEHIiY0NjIWFAYXIiY0NjIWFAbYGSUDOwMUDQ8WFg8NFAM7AyUZER8RER+xCAoKEAsLmBQbGyccHNghGA0QFiAVDw0YIRIeJB4SVQsQCwsQCxwcJhwcJhwAAAUAAAAAAQcA4QAUAB0APQBfAGgAADciBzU0JiIGHQEUFj4BNxYzPgE0JgciJjQ2MhYUBhciJjQ2MzIXFhUUBiInMSYjIgYUFjMyNzE2MhYVFAcGJzY3NjMyFh0BFAYmJwYjLgE0NjMyFzU0JyYjIgcxBiImNBciBhQWMjc1JpYKCQUIBQUHBQEJChAWFhAICwsQCwtRDxYWDwYHCwYGBAQECAsLCAQEBAYGCwfRAgUHCw0UBgcDCAkSFBQSCAYHAwQJBAIIBRwJCgoTBAbFBhkEBQUEXgQGAQMDBwEYIxlCDhMODhMOEhgjGQMDCAQFAgIOEw4DAgYEBwQDUgMCAw8OMwQGAQIDARAXEQEFBgMBAwIFCCkGBwYEDgEACAAAAAABBwEHAAwAGAAkADAAPABMAFAAXAAANzIWFAYrASImPgE7AScyFhQGKwEiJj4BOwEyFhQGKwEiJjQ2MzUyFhQGKwEiJjQ2OwEyFhQGKwEiJjQ2MycyFh0BFAYrAS4BPQE+ATMVMzUjFzIWFAYrASImNDYzsgQGBgSDBAYBBQSDOAQFBQRLBAYBBQTOBAYGBF4EBQUEBAYGBHAEBQUEzgQGBgQ4BAUFBBwICwsIcQgLAQoIcXHFBAYGBCUEBgYEJgYIBQUIBTkGCAUFCAYGCAUFCAY4BQgGBggFBQgGBggFcQsIJggLAQoIJggLOSYTBQgGBggFAAAAAwAA//8BLQEaAB4ARgBcAAA3Mh8BHgEUBg8BDgEiLgI0Nj8BIyImNDY7AScmNDYnNh8BHgEdAScmLwI2LwEmDwEGHQEUHwEWMxYfAQYvAS4BPQE0NjcXPgEfATc2HgEGDwEVFAYiJj0BJy4B/QQDJQIBAQIlAgMEAwMBAQIVWgQFBQRaFQMFdxQUXQgKCAQFAQEBB10NDV0GBl0GCAEGBBAQXQgKCggnAQgDPj4DCAMDBDwFCAU8BANeAyYBAwQDAiUCAQEDBAMEARUGCAUWAwcGtAgIJAMOCXQIBAIBZQcCJAUFJAIHfAcCJAIIBgMEBiQDDgl8CQ4DJQMDAhoaAgMHBwIZPAQFBQQ8GQIHAAADAAAAAAEaARoAFAAqADwAADcmDgEWHwEVFBYyNj0BNz4BLgEPATcmDwEOAR0BFBYfARY/AT4BPQE0Ji8BNh8BFh0BFA8BBi8BJic1NjdYBAcDAwQ8BQgFPAQDAwgDPhQUFF0ICgoIXRQUXQgKCgh+DQ1dBwddDQ1dBgEBBs0CAwcHAhk8BAUFBDwZAgcHAwIaXwgIJAMOCXwJDgMkCAgkAw4JfAkOAxMFBSQCB3wHAiQFBSQCB3wHAgAAAAT//wAAASwBBwAUACQANABEAAA3IgYHMz4BMzIWFRQGBxU+ATU0LgEHIyImPQE0NjsBMhYdARQGJyIGHQEUFjsBMjY9ATQmIycmIg8BBhY7ATU0NyM3FzPhGigHFAYdEhchFRAYIBQjMF4MEBAMXgwQEGoEBQUEXgQFBQRyAgwCQQMGBS4BHzEbFvQgGBAVIRcSHQYUBikaFCMU4RAMXgsREQteDBCDBgNeBAUFBF4DBmwEBHEECgoEBVQvAAAAAAIAAAAAARoBGgA7AD8AACUjNTMyNjQmKwE1NCYiBh0BIzU0JiIGHQEjIgYUFjsBFSMOARQWOwEVFBYyNj0BMxUUFjI2PQEzMjY0JiM1MxUBEEJCBAUFBEIFCAVLBggFQgQFBQRCQgQFBQRCBQgGSwUIBUIEBQWjS3FLBQgFQgQFBQRCQgQFBQRCBQgFSwEFCAVCBAUFBEJCBAUFBEIFCAZLSwAABgAAAAABBwEHABwAKABEAE4AWgBjAAATMhYdATMyFhQGKwEVFAYiJj0BIyImNDY7ATU0NhciBhQWOwEyNjQmIwc3NjQmIg8BJyYiBhQfAQcGFBYyPwEXFj4BNCc3MjY0JiIGFBYzByIGFBY7ATI2NCYjBxQGIiY0NjIWVAQGHAQFBQQcBggFHAQFBQQcBWIEBQUESwQGBgSbHwIFCAMfHgMIBgMfHwMGCAMeHwMIBQJXBwsLDwsLCCYEBQUESwQGBgQTCw8LCw8LAQcGBBwFCAYcBAUFBBwGCAUcBAYmBQgGBggFjR8DCAUCHx8CBQgDHx4DCAUCHx8DAQUIAzsKEAsLEAsJBQgGBggFLwgKChALCwAAAwAAAAABGgD0ACUANwBIAAA3NDY7ATIWHQEUBiImPQEjFTMyFhQGKwEiJjQ2OwE1IxUUBiImNRcWFA8BFxYUBiIvASY0PwE2MhcnJiIGFB8BBwYUFjI/ATY0SwUEhAQFBQgGLwoEBQUEJgQFBQQKLwYIBQcCAikpAgUIAy8CAi8DCMgvAwgFAikpAgUIAy8C6gQGBgQSBAYGBAmWBQgGBggFlgkEBgYEKQIIAygoAwgFAi8DCAMuAzEuAwUIAygoAwgFAi8DCAACAAAAAAEaARoAHwBAAAA3ND4BMzIXHgEPARc3NhYXFhUUDgEjIicHDgEuAT8BJjciBhUUFxYPAQYeATY/ATYXFjMyNj0BBwYiLwEmND8BI4MUIxQODQUCAyQYJAMKAgUUIhUKCl4KHRgCC18CSxchAwEEYgYBDA4FYgUFCgoYIB4DCAMlAwMfBs4VIhQFAgoDJBgkAwIFDQ4UIxQDXwoCEyEMYglBIRgICQUEZgYQCgEFYwUCBCEXBR4DAyUDCAMeAAAAAgAAAAAAzwEHAA8ANwAANzQmKwEiBh0BFBY7ATI2NScyFh0BFAYrASImPQEzMjY0JisBNTMyNjQmKwE1MzI2NCYrATU0NjPOEAw4DBAQDDgMEBwEBQUEOAQGHQQFBQQdJgQFBQQmHQQFBQQdBgTqDBERDKgMEREMsgYEqAQGBgQcBQgGHAUIBR0FCAUcBAYABAAAAAAA9AEHABwAKQA1AEEAADciJj0BNCYrASIGHQEUBiImPQE0NhczNhYdARQGBxQGJyMiJjQ2OwEyFjcjIgYUFjsBFjY0JjMjIgYUFjczMjY0JuoEBQsIcAgLBQgGFhBwEBYGhwUEHAQGBgQcBAVCJgQFBQQmBAUFPRwEBQUEHAQGBksFBI0ICwsIjQQFBQSNEBYBARYQjQQFHAQGAQUIBQUFBQgFAQYIBQUIBgEFCAUABgAAAAABGgEHAA8AEwAjACcANwA7AAA3NDY7ATIWHQEUBisBIiY1NzMVIxUiBh0BFBY7ATI2PQE0JiMVIxUzNyIGHQEeATsBMjY9ATQmIxUjFTMTCwjhBwsLB+EICxPh4QgLCwg4CAsLCDg4cAgLAQoIOQcLCwc5OfQICwsIOAgLCwg4ODkLCDgICgoIOQcLEjlLCwg4CAoKCDkHCxI5AAUAAAAAAQcBBwAWAB0AMgBOAGsAADcnJg8BDgEdARQWHwEWMj8BPgE9ATQmDwEnNTcXFSc3Nh4BBg8BFRQGIiY9AScuAT4BHwEjBiY0NjsBMjY9ATQmKwEiJjQ2OwE2Fh0BFAYnNCYrASImPQE0NjsBMjY0JgcjJgYdARQWOwEyNtMuBgZCBQcHBi4DBwNCBgYIC0IuQi5CGQQHAwMEFgYHBgcEBAMHBGgSBAYGBBIEBgYEEgQGBgQSDBERmAYEEgQGBgQSBAYGBBIMEBAMEgQGvw4CAhkCCgYhBgoCEAECGwIJBiEHCjIbECEZDiEUCgIDBwcCCQYEBQUEBQMBBwcEAX4BBggFBgSoBAYFCAUBEQyoDBAJBAUGBKgEBgUIBgEBEQyoDBAFAAAAAAMAAAAAARoBIwAzAEIAWAAANw4BFRQWFxY+ASYnLgE1NDcXBgc3NjQmIg8BBhQfARYyNjQvATI2NxcWMjY0LwEmIgYUHwI2NTQmJyYOARYXHgEUJxc2NwcGFBYyPwE2NC8BJiIGFB8BBkANDRYTAwgFAQMQExWEGB8MAwYIAhwDAxwCCAYDDBMjDyoDCAUC9AMIBQLUDhAXEwMIBQEDEBOXDhIVDAMGCAIcAwMcAggGAwwd3w8mFBouDwMBBggCDSYWIRqEEwIMAwgFAhwDCAMcAwYIAg0ODCsCBQgD9AIFCAOeDhofGi4PAwEGCAINJi14DgoBDAMIBQIcAwgDHAMGCAINAQAAAAIAAAAAAQcBIwAkAEkAABM2Mh8BFhQPAQYiJjQ/AQ4CFRQWFx4BDgEnLgE1ND4BNycmNBc+ARceARUUDgEHFxYUBiIvASY0PwE2MhYUDwE+AjU0JicuAYYDCAIcAwMcAggGAwwZKRgTEAMBBQgDExYdMR4MA00CCAMTFx4xHgwDBggCHAMDHAIIBgMMGSkYExADAQEgAwMcAwgDHAIFCAMMARoqGRYmDQIIBgEDDy4aHjMeAQ0CCDEDAQMPLhoeMx4BDQIIBgMcAwgDHAIFCAMMARoqGRYmDQIIAAAKAAAAAAEaARoADwATABoAHgAiACYALQAxADgAPwAANzQ2OwEyFh0BFAYrASImNRczNSsCFRQWOwE3MzUrAhUzNzM1KwIiBh0BMxcjFTMVIxUzMjY9AjQmKwEVExsUqBQbGxSoFBteS0sTOBAMHBNLSxM4OBNLSxMcDBA4qTk5ORwMEREMHOoUGxsUqBQbGxQcOBwMEEtLS105EQwcEksTOBAMjBwMETkAAAAAAwAAAAABBwEHAAkAGwAtAAA3BiY+ATIWFAYjBy4BPwE2OwE2FgcVFA8BBiIvAQYUHwEWMj8BNjU3NCYrASIHzggLAQoQCwsInQsBDFgLED0PFwELWAsfCzAGBj4FEAVYBQELCD0IBbwBCxALCxALTQsfC1gLARcPPxAKWAsLZgYPBj0GBlcFCD8ICwYAAAAABQAAAAABGgEaAAgAFQAeACsAOAAANxQGIiY0NjIWFxQOASIuATQ+ATIeAQc0JiIGFBYyNjcUDgEiLgE0PgEyHgEHNC4BIg4BFB4BMj4BqQsQCwsQCzgUIygjFBQjKCMUEyEuISEuIUsjPEg8IyM8SDwjEh8zPjMeHjM+Mx+WCAsLEAsLCBQjFBQjKCMUFCMUFyEhLiEhFyQ8IyM8SDwjIzwkHzMfHzM+Mx4eMwAAAAAGAAAAAAEaAQcAEQAdAC8AOwBNAFkAABMWFA8BBiIvASY0NjIfATc2MhcjIiY0NjsBMhYUBgcWFA8BBiIvASY0NjIfATc2MhcjIiY0NjsBMhYUBicWFA8BBiIvASY0NjIfATc2MhcjIiY0NjsBMhYUBlsDAyUDCAMSAwUIAwwfAgi4lgQFBQSWBAUFuQMDJQMIAxIDBQgDDB8CCLiWBAUFBJYEBQW5AwMlAwgDEgMFCAMMHwIIuJYEBQUElgQFBQEEAwgDJQMDEwIIBgMMHwIlBQgGBggFhgMIAiYCAhMDCAUDDB8DJgYHBgYHBncCCAMlAwMSAwgFAgweAyUFCAUFCAUAAAQAAAAAAREBGwA9AEEARQBJAAAlJy4BDwEOARcVBw4BHwEHDgEfARYzMj8BFxYXBwYeATcyPwIVFBYyNj0BFxY3Mj4BLwE3FxYzMj8BPgEnByc3HwEnNx8BJzcXAQ8vAgcEOAMDAkIEAgIFMAQCAhIDBgICMAUBAyQCAgUDBQMvAQUIBjADBQMFAgIzDwECBgICOQMDAs4KJwsaHTodFSYnJ7ZeBAICHAIHAwEiAQgDCxgBCAMmBQEYCgMBPgQHBAEEUAFfBAUFBGFTBQEDBwRXCAEFARwBCAM5FRQVCzsdOgFNE00AAAAEAAAAAAESASMAFwBCAEkAZwAAJScmIg8BDgEdARQWHwEWMj8BPgE9ATQmBx0BDwEGPQEGJyM/ATMWPgE0IiY0Njc1NzIdATYfAQcVIyYOARQWMhYUBjcwFSMHNT8BBw4BHQEUFyMiLwEuAT0BNDY/ATYyHwEeARcuAQcBAFkIEghZCAkJCFkIEghZCAkJTQEFAQUFAQIBAQUHBA0GBQUGAQQEAQIBBQYEBAoGBioBFxcQVAkJCAUHB1kGCAgGWQcPBlkFBwECCQbpNQUFNQUQCWoJEAU1BQU1BRAJagkQnwgBAQMBAggDAggCAQQFCQQNCwQJBAEIAgEBBwIBBAUFAgYNCwgBDgcOfDQFDAlnCwMDNQQOB2oHDgQ1AwM1AwsGBAIDAAAAAAcAAAAAARoBGgAPABkAJABCAEsAVABhAAATIyIGHQEUFjsBMjY9ATQmFxQGByMuAT0BMzUjNTQ2FzM2Fh0BBzU0NjIWFRQGIiY2JiIGHQEUFjI2NDYyFhUUBiImNzQ2MhYUBiImFTQ2MhYUBiImNyY+ARYfARYOASImJ+qoFBsbFKgUGxsJEQyoDBHi4RAMqAwQuxAYEAUIBgEGCAUFCAUGCAUQGBBLBQgGBggFBQgGBggFHQIEBwcBHAIDBgQFAQEZGxSoFBsbFKgUG9cMEAEBEAyMEwkMEQEBEQwJeiUMEREMAwYGBwYGBCUEBQUIBQUEDBAQMgQFBQgGBiIEBgYIBQU5BAcDBANLBAcCAwMAD/////8A8gEsAAQBHAEfATIBOQE/AU4BVAFWAVsBYgFnAWoBdAF7AAATIisBNxc2NQc2PQEjLgEnLgEHMDcxNicOAQcGBwYzNzAHIw4BBxQ3MTYxByYHBgczBgcxBhUHBhUUFwcXIx4DFyYnFBYXBxYfASYfATcGFzMeATMHHgEXJxceARcxFhcjJicuAjcmNzE0JzU2NzUxFj8BNjczNjc+ATcVNjc2PwEGMzcHNhcxMjMHBjEWNzE2FycXFhcyNzE2FxUWFzInMR4BFyYxFRYjFhc1JicUIzEmBhcWNzE0MRcUHwEiJzEmFR4BFTEiFRQWNzMHBhcnFBUxFgc2NAcWBzEGFScGFTEWBzY1MTQ3Ig8BDgEnMTQnJicmNzY3MTY3PgIWFy4BDgEXNzI1FB4BNxU2PwEHBjY/ATY1MSY/AQcwOQEUFhcWNwYuAScWFzEWFyYnFhc3IiMyFiMyFzQiBxcUBwYHNCcxIjY3BwYUPwE2By4BMzI3Jw8CFxYXJxYfAScmJzcHBgc2JzAVMTAzMTIUDwE1NgcwMQc1NDeFBQICDkgDAgIBARsQDSMJBAMBBwgDBgYBAQYDBQUIBQMBAggPDQUDAgQFAQIEAQMBAwMFBQQEAgUDAgIDAQQDCwIBCAUBCAMDBQYGAwYFDQcHBQQUBxwyHAIBAQEHBwIDAwICAgEFBA4CBwwHDQgBAQ8HBQQEBQUCBQUGBgELCgoBAwQFAQgBBQ8aBQMBAQQCBgYDAgECAQECAgEBAQIBAwECAQECAwEDAQIBAgEFBAMEAQMBAQEFBxAmFAISBgkDAgIDBQQSFhIFCRoYDgEBARUfDgUDCQEDBQ8CAQECBFQGAwsSCRsYBgEFCAQEBQgLAwEBBgIDATICAQIDAQUCAgEEAgIEAQMZBQYEBwUaAScBAwQDBQICAQEDAYwBAgYH4AIBAQQCBgIDASsBkAgGBQgQChMmBwYCBAEBAQECAgQCAQECAQMGAQEBAwEPDAkFBwkEDBEIDQUIBgkEAQUJAQQCCQUCAwICAwYPAgUJAwcEAQUCBAUGBQEBAgECCC1AIQYMDwICFg4BAgUFBwQEBgQNAgMGBwMGAwECBAEBAQEBAgECAwQDBQEBAgEDBAUIHhEEBAULCgEUCQIBAwUCAQEEAgYFAgMBBAYBAwYCAQQJBwgDBAUGBgkDBwoIAwQHAgMEAgEBAgUHDQUHAQIOCw8XAQYLAwcMAQoHCAQLGQ4BAhEbCwcBAQIIAgMBDQMCAgIDAykBBAIEAQQGEAsBBQoBAwgKBbsBeQYEAwELBgcBAQQFBAQBAgEFFAECAZkBnwQDBwMXBAIFAgYDGAIPDQ5XAQEDAwEDFQgCBAQAAAYAAAAAARoBGgAOABcAGgAwADcASwAANzIWFRQHFzcnJiIPARc2By4BNTQ3JwcXMzcnFycHFzYzMhYUBiImNTQ3JwcXNzY0LwEHBhQfATcXHgEVFAYiJjU0Njc1BxcWMj8BJ5YICwEUGTIGDwYLFAMHBQUBFRg2Eg8PdTIZEwMCCAsLEAsBFBg/MgUFyjIFBTI/FgUFCxALBQU2MgYPBjE29AsIAgMTGTIFBQwVASMCCQUCAxQYNQ4PJzIaEwELEAsLCAIDExg/MgUQBTIyBRAFMj87AgkFCAsLCAUJAiQ1MgUFMjUAAAAFAAAAAAESASwAWwCwAM4BFQE7AAA3HgEfBB4BFA4BDwEOAQ8CDgEjIiYnJi8CIg8BIg8BDgImJyYvAS4DNjUnNDY3Nj8DJzQ+Ajc+ATUnNDU0PgIzMh4CHQEUHgEfAR4CFRQnMhYfARUPAQYPAQYUFxYfAR4BOwEyPwM0LwIuASciPQI0PgEyFhQGFBczMjY3Jy4CIyIGBxcnIyI9AS4CIg4BFQcfARYyNjUjIi8CNDYHMj4DJi8CLgIiDwEOAhUXFAYUFh8CFhc3Mj4CNzU/ATQ+ATc1ND8BNj8BLwEmLwEmNS8CJiIPAQYiJi8BJiIdAQcOARUXFBcHDgEdATIfARYfARYfARQGBx4DFzI+Az8CNj0BLwMmIyIPAQYiJi8BBwYHBhUHBg8CFBb5BQQBAgEDAwIDAwYEBwYJBQUGBAcECAsEAgEEHQYHDQEBBAIIDAsECQkZAwUCAQMBBwcDAgUHAQEHCgwGCAkBBQsSDQ4SCQMCBQQOBwwIfgIDAQEBBAECBgICAwEEAQYGAQYFDgsBAQIFAwcDAQIDBwQCAQIDAgEBAQMGBAgGAQEFBgIBAgQGAwMBAgEBAgIBAQEBAQMdBAYGAwECAg0KAgQFBgMKAwkEAQIFBBAIAwVDBAkKCAQCBQMFBAECAgEDBQICAgcBBgMDAgUFFAUJBwMFAwIIAgIBAQUGBAMDBwQEBgQBAgUDAggICkADBwgHCQUKAwEFAwQBAwYDAgoDBgQBBAICAQICAQMBAQlbAgcFBgQFBAIHBgUEAQQDBwQGBAMCBggCAQEBAQICBQIDAQIDBAIEAQMFCQgFDQcHAgECBAkCBwoUExIICxcOCwYGDBIOBwwTFwwNBQkJBhIKExYNCo8CAQQEAgUBAQUBBAECBAYDBQMICAQCAQIBAQQBAQIHAgMCBwYCAwEDAwcFBwQHCAkBAQYDBwQDBAMFBwUBAgEBAwUDBOQCAwYHBQISEAQGAwIKAwMEBAwEBwcDAQMBAQMOAgMEAwEIHwMHBQIBAQIDAQECFwYDAwoBAxIHBQMDDQIFBAYDAgcNBAcEBAICBwgTCQ4CBAMECAMEBgQEAgQGBAIVAgUJBgMFAgICAggFDQIEAQYBAwIKAwICBQURCAgFBQcKAAAABAAAAAABKgEaABAAHAAxAEIAADcHBiImNj8BJyY0NhYfARYGFyMiBhQWOwEyNjQmNwcOASsBIi4CPwE+ATsBMh4CBycmKwEOAQ8BBhY7ATI2PwE2gCwDCAUBAyUZAgYIAh8DAUtBBAYGBEEEBgZWIQMaEacKEw4FAiEDGhGnChMOBQIYCQ2nCw8CIQIRDacLDwIhAoUlAgYIAiAeAwgFAQMlAwgXBggFBQgGcakRFQkQFAqpERUJEBQKGgsBDAqpDRQMCqkNAAACAAAAAAEaARoAEAAXAAA3IzUjIgYdARQWOwEyNj0BIzcjFTM1NCaWE10ICwsH4gcLg3Fxgws44QsH4QgLCwdxg3BeBwsAAAAG//8AAAEcARoACAARAB4AJwA0AEUAADcUBiImNDYyFgcUBiImNDYyFhcuAScGJx4BFxYzJjU3FAYiJjQ2MhYXNjc2JicGBxYHBgcWJzAxIz4BFwYPAQ4BByYnJiP2FyEXFyEXphghFxchGDIWIgoREg0xIA4OC2EXIRgYIRcQEwYGCg8GEBEIAwkO0gESRCYJAgEYKQ4ICgYG8xEWFiEWFmURFhYhFhZ0BBoTCAQeKAcCDhIBEBYWIRYWAhcdGTIWEQkfIhAOC3wgIwMKDQgBFRMFAgEAAAAEAAAAAAEaARoADwAfADEAPgAAEyMiBh0BFBY7ATI2PQE0JhcUBisBIiY9ATQ2OwEyFhUPAQYiJjQ/AScmNDYyHwEWFAcXFAYrASImNDY7ATIW6qgUGxsUqBQbGwkRDKgMEBAMqAwRhjkCCAYDMjIDBggCOAMDdAYEXQQGBgRdBAYBGRsUqBQbGxSoFBvXDBAQDKgMEREMZDgDBQgDMjEDCAUDOAMHAzIEBQUIBgYAAAMAAAAAARsBBwAlACgAKwAAEy4BIgYPAScmIg8BBh4BNj8BMxceARcxFjczPgE/ATMXHgE+AS8BFyMnFyPOAQUGBQFDJQMMAy8BAwcHAg0yDQEDAgMDAQEDARlSGQEHCAMBVCJEWBEiAQADBAQDt1oGBnEDBwMDAyAgAgIBAQEBAwJFRQQDAgcEsF8EKQAAAAMAAAAAARoBGgA2AGAAigAAEzIWFx4BFRQGBx4BHQEUBg8BDgErASImJw4BKwEiJi8BLgE9ATQ2Ny4BNTQ2Nz4BMzIWFz4BMwciBh0BFAYrASIGFBY7ATIWFAYrAQ4BHQEUFjMyHwEeATsBMjY9ATQmIzMiBh0BFBY7ATI2PwE2MzI2PQE0JicjIiY0NjsBMjY0JisBIiY9ATQmI7gQGQITGgkJDQ4ZEwIEGRACDBMHBxMMAhAZBAITGQ4NCQkaEwIZEAoSBgYSCkQKDwUEBwwQDwwKBAYGBAsPFBMNBgMEAw4KAwsRDwpECg8RDAIKDwIEAwYNFBUPCwQGBgQKDA8QDAcEBQ8KARkVEAEbEwsTBwcaDwQUHQIFDxIKCAgKEg8FAh0UBA8aBwcTCxMbARAVCQcHCRMOCgQEBRAXEQYIBQEVEAQOEwUNCQsRDKwKDg4KrAwRCwkNBRMOBBAVAQUIBhEXEAUEBAoOAAADAAAAAAEHAPQADQAbACkAADc0NjsBMhYUBisBIiYnFzQ2OwEyFhQGKwEiJicXNDY7ATIWFAYrASImNSYFBM4EBgYEzgQFAQEFBM4EBgYEzgQFAQEFBM4EBgYEzgQG6gQGBggFBQRLBAYGCAUFBEsEBgYIBQUEAAACAAAAAAEaARoACQAjAAAlNTQmKwEVMzI2Bx4BOwEHBh4CMzI2PwE2NzUjIgYPAQYWFwEZEAwcHAwQ/gUQCUAIAgQMEQoGCgIIChB4DBQEHQICBp9eDBCWERQIBywJEw4IBwYYHBqrDgxeCBIHAAAAAwAAAAABGgEaAB8AOwBFAAATIyIHBg8BBhUUFjsBBwYVFBYzMjY/ATY7ATI2PQE0Jg8BMSImNTQ/ATYmKwEiJjU2NTc+ATsBFSMiBgc3FAYrATUzMhYX9JkUDAgFGgEWDywKAhsUBQkDJwIGLQ8WFlUnDBABDQIGBTgHDAEaBA0KcwcIDQRZCwgTEwgKAQEZDQkRUQUGEBYhBwYUGwUFTgUWEF4PFqVOEAwEBC0FBwsIAwNQEAuECAciCAuECwgAAgAAAAABGgEaAAkAIgAANxUUFjsBNSMiBjcuASsBNzYuAiMiBg8BBgcVMzI2PwE2JhMQDBwcDBD+BRAJQAgCBAwRCgYKAggKEHgMFAQdAgKNXgwQlhEUCAcsCRMOCAcGGBwaqw4MXggSAAAAAwAAAAABGgEaACAAKgBFAAA3Izc2NTQmIyIGDwEGKwEiBh0BFBY7ATI3Nj8BNjU0JiMHNTQ2OwEVIyImNwcOASsBNTMyNj8BMhYVFA8BBhY7ATIWFRYH9CwKAhsUBQkDJwIGLQ8WFg+ZFAwIBRoBFg/PDAcTEwcM4RoEDQpzBwgNBCcMEAENAgYEOQcLAQG7IgcGFBsFBU4FFhBeDxYNCRFRBQYQFoReCAuDC19QDwuDCAdOEAwEBC0FBwsIAwMABQAAAAABBwEbAB0APQBdAGkAcQAAEyYGHQEUBiImPQE0JgcOARQWFxUUFjI2PQE+ATQmBw4BHQEUBiImPQE0JicuATU0NjcVFBYyNj0BHgEVFAYXIzU3Ni8BLgErASIGDwEGHwEVIyIGHQEUFjI2PQEuASczFwcGHQEjNTQvARcUBiImPQEzagQIBgcGCAQUGBQRERcRERQYGgMDBgcGAwMOEQoIERcRCAoRiwkIAgEKAQUDJQMFAQkCAgkKBAUbJxwBBTUYBggBEwEHLhEXEDgBGQIGBSIDBgYDIgUGAgciJyEIcQwQEAxxCCEnImMBBAN4BAYGBHgDBAEFGQ8LEwcTCxERCxMHEwsPGR5JEQMEHAMDAwMcBAMRSQUESxQbGxRLBAVwEg8CAktLAgIPsgwQEAxBAAAABQAAAAABEAEsAB0AJAAuADoARwAAASMuASIGFSMmBhQWOwEXHgE7ATI2PwEzMjY0JgczJzIWFSM0NhcOASsBLgEvATMHFRQGIiY9AT4BMhYXFRQGIiY9ATQ2MhYVAQdLARUgFUsEBgYECg8BGxJRExsBDwoEBgYEAXEICyYLTQERC1ALEQEPqGcFCAYBBQgFOQYIBQUIBQEHDxYWEAEGCAW2EhkZErYFCAYBEwsICAvaCw8BDgu1L3EEBQUEcQQFBQRxBAUFBHEEBQUEAAAAAAEAAAAAAOMAzwAOAAA3Ig4BHwEeATY/ATYuASNdBwsCBTEFEhIFMQUCCwfOCQ4GRwgGBghHBg4JAAAAAAEAAAAAAM8A4wAOAAA3Fj4BPQE0LgEPAQ4BFhexBg4JCQ4GRwgGBghOBAIKB3IHCgIEMQUSEgUAAQAAAAAA4wDjAA4AADcGLgE9AT4CHwEeAQYHjgYOCgEJDgZHCAUFCE4EAgoHcgcKAgQxBRISBQABAAAAAADjANAADgAANyIuAT8BPgEWHwEWDgEjXQcLAgUxBRISBTEFAgsHXgkOBkcIBgYIRwYOCQAAAAACAAAAAAEQARAADAASAAA/ASMHJyMXBzM3FzMnBy8BMxcjrVsWTj9JX18WU0JJYx0KTSGYIalnWlqIbF9fjSIOa9UAAAQAAAAAAQcBGgA3ADsAPwBDAAA3IyczFjY9ATQmKwEiBh0BFBYzMQcjDgEdARQWOwEyNj0BLgErATczFyMOAR0BFBY7ATI2NzUuAQcjNTM3MxUjFyM1M/QXNQEICwsIOAgLCwg0FwgLCwc5CAsBCggKNAk1CggLCwc5CAoBAQqeODgTODiDODhxSwELCDkHCwsHOQgLSgEKCDgICwsHOQgLS0sBCgg4CAsLBzkIC0s4qTmoOAAAAAAEAAAAAAEHARoAOAA8AEAARAAANyMHMx4BHQEOASsBIiY9ATQ2MzEnIwYmPQE0NjsBMhYdAQ4BKwEXMzcjBiY9ATQ2OwEyFh0BDgEHJyMVMxczNSM3IxUz9Bc1AQgLAQoIOAgLCwg0FwgLCwc5CAsBCggKNAk1CggLCwc5CAsBCgiWODgTODiDODi8SwEKCDgICwsHOQgLSwELCDkHCwsHOQgLSksBCwg5BwsLBzkICgFMOag4qTkABAAAAAABBwEaADYAPwBIAFEAABMiBhUUFhcVIyIGHQEOARUeATI2NTQmJzU0NjsBMhYdAQ4BFRQWMjYnNiYnNTQmKwE1PgE1NCYHNDYyFhQGIiYHNDYyFhQGIiY3MhYUBiImPgGWExwVESgLDxAWARsnGxUQBANiAwQQFRsnHAEBFhAPCygRFRwvEBgQEBgQQhEXEREXEaALEREXEQEQARkbFBAaBBMPCx8EGhAUGxsUEBoEHwMEBAMfBBoQFBsbFBAaBB8LDxMEGhAUGy8MEREXERGdCxERFxAQKBEXEBAXEQAAAwAAAAABBwEaACoAQgBbAAAlHgEOASsBNTMnIwczFSMiLgE2PwEnLgE+ATsBFSMXMzcjNTMyHgEGDwEXJzcVFBYyNj0BFxYyNjQvASYiDwEGFBYyFwc1NCYiBh0BJyYiBhQfARYyPwE2NCYiBwEDAgICBQNUOyxXLDtUAwUCAgI5OQICAgUDVTwsVyw7VAMFAgICOTmVFQYIBRUDCAYDJgIIAyUDBQhAFQUIBhUDCAUDJQMIAiYDBggCWwEGBgMTJSUTAwYGATIxAgUGAxImJhIDBgUCMTKJFUcEBQUERxUDBQgDJQMDJQMIBasWRwQGBgRHFgIFCAMlAwMlAwgFAgAAAAAIAAAAAAEaARoAFwA7AD8AQwBnAGsAbwCIAAATJiIPAQYUFjI/ARUUFjI2PQEXFjI2NCc3MzIWHQEUBisBIiY9ASMVFAYnIyImPQE0NjsBMhYdATM1JjYHMzUjFzM1IxUzMhYdARQGKwEiJj0BIxUUBisBIiY9ATQ2OwEyFh0BMzUmNgczNSMXMzUjBzcxNjIWFA8BBiIvASY0NjIfATU0NjIWFTYDCAMcAwYIAgwGCAUMAwgFAnw5BwsLBzkICyUIBhwGCAgGHAYIJgELVRISXTk5OQcLCwc5CAslCAYcBggIBhwGCCYBC1USEl05OZYMAwgFAhwDCAMcAwYIAgwGCAUBFwICHQIIBgMMNAQGBgQ0DAMGCAINCwg4CAsLBxMEBgkBCAYcBQkJBQUTCAs5EyU4XgsIOAgLCwgTBQYICAYcBggIBgQSCAs4EyY4PQwCBQgDHAICHAMIBQIMNAQFBQQAAAMAAAAAAS0BGgAIAC0APQAANzIWFAYiJjQ2NzIWHQEUBiImPQE0JiIGHQEzMhYHFRYGKwEiJic1PgEXMzU0NgciBh0BFBY7AT4BPQE0JiOWCAsLEAsLZhchBQgGFh8WExAWAQEWEJYQFQEBFRBxIJEICwsIlggLCwiDCw8LCw8LliEXCQQGBgQJEBYWECUWEF4PFhYPXhAWASYXIXALCF4HDAELB14ICwAAAAAFAAAAAAEHAQkAEgAiAEUAYQBjAAATFh0BFAYvASMiJj0BNDY7ATc2DwEGKwEiBh0BFBY7ATIfATc+AR8BFhcWFAcGDwIGLgE2NzkDNzY3NjQnJi8BMS4BNyYOARYfARYXFhQHBg8BDgEeAT8BNjc2NCcmJwcxowYMBDcgDBERDCA3BAcqAgQkBAYGBCQEAiooAggDBAQDCwsDBAMEAgYFAQMCAwIICAIDAgMBIgMHBQEDBQYGEREGBgUDAQUHAwcIBhUVBgglAQYDBs4GBQQ2EQs4DBA2BCEpAgYEOAQFAymGAwEDBAQGES4RBgQDAgEBBQgCAgMEDiIOBAMCAggqAgEGCAIFBgkaPhsIBgUCCAYBAgcICR9KHwkILQAAAAAEAAAAAAEUARQAOABxAHoAmwAAJScmPwE2Ji8BJi8BLgEPAQYvASYGDwEGDwEOAR8BFg8BBhYfARYfAR4BPwE2HwEWNj8BNj8BPgEnDwIGDwEOASMnJg8BBiYvASYvAS4BNTc2LwEmNj8BNj8BPgEfARY/ATYWHwEWHwEeARUHBh8BFgYHFAYiJjQ2MhY3FAYPAQ4BFAYiJjU0Nj8BPgE1NCYiBhUUBiImNT4BMhYBDwwBAQ4CCAobBAEMBRMJGwMDHwoRAwsBBB8JBQQMAQEOAggKGwQBDAUTCBsEAx8KEQMLAQQfCQUEEgEcCwQKAQYDHQoKGwMGAgsECxwCAw0FBQwCAgMdCwQKAgYDHAoKGwMGAgsECxwCAw0FBQwBAVwIDAgIDAgYBwgHBAMFCAUGCAcEAwsQCwUIBgEVIBZ4GwMDHwoRAwsBBB8JBQQMAQEOAggKGwQBDAUTCBsEAx8KEQMLAQQfCQUEDAEBDgIJCRsEAQ0EEwkSAQoECxwCAw0FBQwBAQMdCwQKAQYDHQoKGwMGAgsECxwDAwIMBQUMAQEDHQsECgEGAx0KChsDBg8GCAgMCAhTCg4IBwUHCQYGBAoOCAcFBwUICwsIBAUFBBAWFgAGAAAAAAEaARoAEwAnAE8AXwBpAHEAADcxHgEHBhQXFgYHIyImJyY0Nz4BFzYWFzEWFAcOASsBLgE3NjQnJjYHNjIWFA8BFzc2MhYUDwEGKwEmLwEHBiImNj8BJwcGIiY0PwE2Fh8BNzIWHQEUBisBIiY9ATQ2MwcVFBY7ATI2PQEnIgYVMzQmI1wEBAEFBQEEBAIDBQEGBgEHdwMHAQYGAQUDAgQEAQUFAQQgAggGAxcIAgIIBgMKAgQBBQIMFAMIBgECFwgBAwgFAgoDCQIMShchIReWFyEhFyUVEJYQFrwQFeEWEKgBBwMRJBEEBwEEAxMqEwQDAQIEBBMqEwMEAgYEESQRAwcKAgUIAxYNAgIFCAIKAwEEEhQDBggCFwwBAwYIAgoDAQQSkCEXlhchIReWFyFLgxAVFRCDORYQEBYAAAACAAAAAAEUARQAOwBMAAATHwEWHwEeAQ8BBh8BFgYPAgYPAQ4BLwEmDwEGJi8CJi8BLgE/ATYvASY2PwI2PwE+AR8BFj8BNhYPAScmIgYUHwEWMj8BNjQmItUBCwEEGwoIAg4BAQwEBQkDHAQBCwMRCh8DAxsJEwUBCwEEGwoIAg4BAQwEBQkDHAQBCwMRCh8DAxsJExE8FgIHBQIcAwcDQQIFBwEFAxwEAQsDEQofAwMbCRMFAQsBBBsKCAIOAQEMBAUJAxwEAQsDEQofAwMbCRMFAQsBBBsKCAIOAQEMBAVNRBYCBQcCHAMDSwMHBAADAAAAAAEUARQAOwBzAIYAABMfARYfAR4BDwEGHwEWBg8CBg8BDgEvASYPAQYmLwImLwEuAT8BNi8BJjY/AjY/AT4BHwEWPwE2Fg8BBg8BDgEfARYPARQWHwEWHwEeAT8BNh8BMjY/ATY/AT4BLwEmPwE0Ji8BJi8BLgEPAQYvASYGFzc2Mh4BDwEOAS8BJjQ2Mh8BN9UBCwEEGwoIAg4BAQwEBQkDHAQBCwMRCh8DAxsJEwUBCwEEGwoIAg4BAQwEBQkDHAQBCwMRCh8DAxsJE2sKBAsdAwEBDAUFDQMCHAsECwIGAxsKCh0DBgEKBAsdAwEBDAUFDQMCHAsECwIGAxsKChwDBhw8AgcFAQJCAwYCHgIEBgMXPAEFAxwEAQsDEQofAwMbCRMFAQsBBBsKCAIOAQEMBAUJAxwEAQsDEQofAwMbCRMFAQsBBBsKCAIOAQEMBAUSHAsECwIGAxsKCh0DBgEKBAsdAwEBDAUFDQMCHAsECwIGAxsKCh0DBgEKBAsdAwEBDAUFDAIDgkQDBAYDTAIBAR4CBwUBF0QAAAMAAAAAASwBGgAMAB4ASgAAMzI+ATQuASIOARQeATc2NCYiDwEnJiIGFB8BFjI/AQcjNTE9ASMiJj0BNDY7AR4BHQEWFzU0JisBIgYdARQWOwEVIyIGFBY7ASYn2BcmFxcmLicXFydDAwYIAjIMAwgFAxIDCAM4iAs5CAoKCLwICwoIFg+8DxYWDyYcBAYGBEYHBRcmLicXFycuJhdqAwcGAzEMAgUIAxIDAzhEJQkKCwiDCAsBCghEBQdQDxYWD4MQFiUGCAUICgAAAAQAAAAAASwBGgAqADcASwBeAAA3FhcjIiY0NjsBNSMiJj0BNDY7ATIWHQEmJzUuASsBDgEdARQWOwEdATEVNxQOASIuATQ+ATIeAQc0Ji8BJiIGFB8BBwYUFjI/AT4BPwE2NCYiDwEOARQWHwEWMjY0J3wFB0YEBgYEHCYPFhYPvA8WCAoBCgi8CAoKCDm7FyYuJxcXJy4mF1QCARwDCAUCFhYCBQgDHAECFhYDBggDHAEBAQEcAwgGAyYLCAUIBiUWEIMPFhYPUAcFRAgLAQoIgwgLCgklLhcmFxcmLicXFycpAQQBHAMFCAMVFgMHBgMcAQQnFgIIBgMcAQQEAwIcAgUIAwAAAAMAAAAAASwBGgAqADcARAAANxYXIyImNDY7ATUjIiY9ATQ2OwEyFh0BJic1LgErAQ4BHQEUFjsBHQExFTcUDgEiLgE0PgEyHgEHNC4BIg4BFB4BMj4BfAUHRgQGBgQcJg8WFg+8DxYICgEKCLwICgoIObsXJi4nFxcnLiYXExEfIx4SEh4jHxEmCwgFCAYlFhCDDxYWD1AHBUQICwEKCIMICwoJJS4XJhcXJi4nFxcnFxIeEhIeIx8RER8AAwAAAAABLAEaACoANwBJAAA3FhcjIiY0NjsBNSMiJj0BNDY7ATIWHQEmJzUuASsBDgEdARQWOwEdATEVNxQOASIuATQ+ATIeAQc0JisBNTQmIgYdARQWOwEyNnwFB0YEBgYEHCYPFhYPvA8WCAoBCgi8CAoKCDm7FyYuJxcXJy4mFy8FBBMFCAYGBBwEBSYLCAUIBiUWEIMPFhYPUAcFRAgLAQoIgwgLCgklLhcmFxcmLicXFycXBAYcBAUFBCYEBQUAAAMAAP/8ASwBGgAqADgASwAANxYXIyImNDY7ATUjIiY9ATQ2OwEyFh0BJic1LgErAQ4BHQEUFjsBBhcxFTcUDgEuAj4BMzIeAgc0Ji8BJiIOAR0BFB4BMj8BPgF8BQdGBAYGBBwmDxYWD7wPFggKAQoIvAgKCgg5AQG7HDAyJAoTKxoQHxgNJgMCOAIFBAICBAUCOAIDJgoJBQgGJRYQgw8WFg9RBwZECAsBCgiDCAsJCiUuGSsTCiQyLx0NGB8RAwQCHwEDBAM+AgQDAR8BBQADAAAAAAEaARoAHwAjADMAABMiBh0BFBY7ARUjIgYUFjsBMjY0JisBNTMyNj0BNCYjBxUjNSc0NjsBHgEdAQ4BKwEiJjU4DxYWDyYcBAYGBKgEBgYEHCYPFhYPOEtLCgi8CAsBCgi8CAoBGRYPgxAWJQYIBQUIBiUWEIMPFs4lJakICwEKCIMICwsIAAQAAAAAASwBBwAMABgAUABqAAA3FAYrASImNDY7ATIWNyMiBhQWOwEyNjQmNxUUBisBFRQGKwEiJicmIgcOASsBIiY9ASMiJj0BNDY7ATU0NjsBNTQ2OwEyFh0BMzIWHQEzMhYnNCYrASIGHQEUFjsBMj4CMh4COwEyNjV6BgMmBAUFBCYDBmclBAYGAyYEBQVHBQQKHRUeDRcHAgwCBxcNHhUdCgQFBQQKHRUsBQQ4BAUsFR0KBAUlEw2iDRISDR4IDwgNDg0IDwgeDROfBAUFCAYGBgYIBQUIBgklBAYYFR4NCwQECw0eFRgGBCUEBQYVHgkEBQUECR4VBQYLDRMTDVYNEwgNBwcNCBMNAAAABAAAAAABBwEZAAUAEQAfACkAABMHFzc1NBUnJiIPAQ4BHwE2NTcWHQEUBzc+AT0BNiYnBzcXBwYiLwEmNLdPKCyMAggDDQMBBKEFDgQENAQEAQUE6BYfGwIIAw0DARJIHyE6B5pqAgMMAwkDlAUG4QkKzgkJGQIIBKUECAGBFRwVAgMMAwkAAAEAAAAAAQcBGgAqAAA3BicmLwEHBiIvASY0PwEnJjQ/ATYyHwE3PgEfAR4BHQEjNQcXNTMVFAYHzAYGAwNgKgIIAw0DAyQkAwMNAwgCKmIECAQyBAU9SUk9BQQnAwMBAlggAgMMAwkDISIDCQMMAwIgWQMBAhkBCARcQTg3LkkECAIAAAYAAAAAARoBGgAcADkAVQBhAGkAcQAAEzIWFxUzMhYUBisBFRQGIiY9ASMiJjQ2OwE1NDYHMhYdATMyFhQGKwEVFAYuAT0BIyImNDY7ATU0NhcyNjQmKwE1NCYiBh0BIyIGHgE7ARUUFjI2PQEnNjIWFA8BBiImND8BBwYUFjI/AzY0JiIPAf0EBQEJBAUFBAkGCAUKBAUFBAoFtwQFCQQGBgQJBQgGCQQFBQQJBqwEBgYECQUIBgkEBgEFBAkGCAU9Ch4VC4YLHRUKfnAGCw4FcA0JBQoOBQkBGQUECQYIBQoEBQUECgUIBgkEBSUGBAkFCAYJBAYBBQQJBggFCQQGqQUIBgkEBQUECQYIBQkEBgYECYsLFR4KhwoVHQtjcAUOCwZwDQkFDgoFCQAAAAAEAAAAAAEaARoAEQAfACgANAAAJScuASIGDwEGFRQWOwE+ATU0ByMiJjQ1NzYyHwEWFAYnFAYiJjQ2MhYnNTQ2MhYdARQGIiYBFmkEDA4MBGkDDwvSCw8a0gMEagIIAmoBBV4IDAgIDAgXBQgFBQgFTMAGBwcGwAYHChABDwoHDgQFAsAEBMACBQQhBggIDAgIJEIEBQUEQgQFBQAEAAAAAAD0ARoAKQAzAD0AVQAANyM0Jic1NCYrASIGHQEOAR0BFBYXFRQWOwEyNj0BPgE9ATMyNj0BNCYjJzQ2OwE2Fh0BIxcUBisBIiY9ATM3FAYHBisBIicuAT0BNDY3NjsBMhceARXqCQoJEAw4DBAJCgoJEAw4DBAJCgkEBgYEeQUEOAQGS0sGBDgEBUsSBwUEAksDBAUHBwUEA0sCBAUHvAoRBSEMEBAMIQURCksLEQUhDBAQDCEFEQoTBgQlBAVCBAUBBgQcsgQFBQQcJgYKAgEBAgoGSwUKAgEBAgoFAAACAAAAAADhAQcAHgAmAAATMx4BFAYrARUUDgEmPQEjFRQOASY9ASMiLgE0PgEzFTM1IyIGFBaDVQQFBQQKBQgFEwYIBRMSHhERHhITExMcHAEHAQUIBcUEBQEGBMXFBAUBBgRUEh4kHhFwXhwnGwAABQAAAAABLAEHABwAPABIAGIAegAAJTIWHQEUBisBIiY9ATQ2MhYdARQWOwEyNj0BNDYnHgEXFRQGByMiJj0BBiImND4BFzQmJyYHBi4BNjc2MxcmBw4BFBYzMj8BNTcyFhUXNjMyHgEGIyInFRYGKwEiJj0BNDYzFw4BBwYdARQXHgE7ATI2NzY3NSYnLgEnASMEBRAM9AwQBQgGBQT0BAUGxBIVAQQEAQQFEyEXFSMSCgwSBwMIBQIDDBYVDw8LDAwKDRIDQwMFAQwQExsBHBMQDQEFBAEEBQUEJAUMBAUFBAwFAwYLBAUBAQUECwZCBgQJDBAQDAkEBgYECQQFBQQJBAaAARQRSAMFAQUDAwsWIxYEBQsKAQEGAgIGCAIIOwQCAQwTDAwCG4AFA04LIS4hCwIDBgUEqgQEXQEIBwkLBAsJBwgIBwkLBAsJBwgBAAAAAAQAAAAAASwBGgAMAB8AOwBDAAA3Mh4BFA4BIi4BND4BFyYiDwEnJiIGFB8BFjI/ATE2NCcyFh0BIycmJzUjFRQWOwEWHwEVIyImPQE0NjMVIgYVMzQmI9gXJhcXJi4nFxcnQwMIAzEMAwgFAxIDCAM4AiUXIQcDBgLhFRAxAQQCOBchIRcQFeEWEKkXJy4mFxcmLicXMgMDMg0CBQgDEgMDOAMHpSEXOAIEAR6DEBUDBgMHIReWFyESFhAQFgAAAAYAAAAAAQcBGgAeACcAPABFAF8AhwAANzU0JiMiBw4BFBYyNjMyFxYdASYjIgYUFjMyNxYyNicyFxUGIiY0NhcyNjQmIyIHNTQmIgYdARQWMjY3FjcyFhQGIiY0NgcGIicmNDc2MhYyNjQnJg4CFjMyNzY0LgE3IyIGFBY7ATIWHQEUBisBNzY0JiIPAQYUHwEWMjY0LwEzMjY9ATQmXhQNCwcFBQUIBgkEAwcGCBIUFBIJCAIIBiEIBgQTCgpiEBYWEAoJBQgFBQcFAQkKCAsLEAsLOQQOBQYGBQ4HCAUDCx4TARYQDQoDBQiSEgQGBgQSBAYGBEcWAgUIAyUDAyUDCAUCFkcMERGyNA0PAwIFCAYFAQIGBgERFhEDAwUgAQ4EBggFJRgjGQYZBAUFBF4EBQMDBkENFA4OFA2+AwYHFwgGBgYIAgoDGSMbCQMHBgGyBQgGBQRxAwYWAggGAyYDBwMmAgUIAxURC3EMEAAAAwAAAAABBwEaABoAKgA7AAA3IicmJyYiBwYHBiMiBh0BFBYXOwE+AT0BNCYHFAYHLgE9ATY3NjcWFxYXBzc2MhYUDwEGIi8BJjQ2Mhf7HRQZEwMKAxMZFB0FBjY2BAQ2NwcMLy8vLxsUGhUVGhQbZzEDCAUDOAIIAxwDBgcD9AYIFAMDFAgGBwRENkoSEko2RAQHTzA/EBA/MDwBBggUFAgGAVoyAgUIAzgDAxwDCAUCAAAABAAAAAABBwEaAAgAKgBFAFUAADcUBiImND4BFicUFjI2NDYyFhUUBgcVBgcGFRQWMjY0NjczNjc2NTQmIgY3FRQGBysBLgE9AT4BMzI3Njc2MhcWFxYzMhYHJicmJwYHBgcVFBYXPgE1pAgMCAgMCC8GBwYIDAgEBQcCBQUIBQQFAQYDBRMcE5I3NgQENjcBBgUcFRkTAwoDExkUHQUHExsUGhUVGhQbLy8vL2IFCQkLCAEJRQMGBgkJCQYDBgUBBgQICQQFBQgGBQcECAgOExMuRDZKEhJKNkQEBwYIFAMDFAgGBwwBBggUFAgGATwwPxAQPzAAAAADAAAAAAEHARoAJAA/AE8AADcXNz4BHwEeAQ8BFx4BDwEOAS8BBw4BLwEuAT8BJy4BPwE+ARc3FRQGBysBLgE9AT4BMzI3Njc2MhcWFxYzMhYHJicmJwYHBgcVFBYXPgE1gRUWAgcCAgIBAhcWAgECAQMGAxcVAwcCAgIBAhcWAgECAQMGA4g3NgQENjcBBgUcFRkTAwoDExkUHQUHExsUGhUVGhQbLy8vL7kWFgIBAgEDBgMXFQMHAgICAQIXFgIBAgEDBgMXFgIHAgICAQIvRDZKEhJKNkQEBwYIFAMDFAgGBwwBBggUFAgGATwwPxAQPzAAAwAAAAABBwEaABwANABCAAA3MhYdATMyFhQGKwEVFAYiJj0BIyImNDY7ATU0NjcyHgEVFAYHFxYUBiIvAQ4BIyIuATQ+ARciDgEeAjI+ATQuASN6BAUcBAYGBBwFCAYcBAUFBB0FBBwvHAwMOwIFCAM6DiISHDAbGzAcFycXARYnLicWFicX4QUEHAYIBRwEBgYEHAUIBhwEBTgbMBwSIg46AwgFAjsMDBwvODAbEhcnLicWFicuJxYAAAADAAAAAAEHARoACwAjADEAADcyFhQGKwEiJjQ2MzcyHgEVFAYHFxYUBiIvAQ4BIyIuATQ+ARciDgEeAjI+ATQuASOfBAYGBEsEBQUEJhwvHAwMOwIFCAM6DiISHDAbGzAcFycXARYnLicWFicXvAYIBQUIBl0bMBwSIg46AwgFAjsMDBwvODAbEhcnLicWFicuJxYAAAAQAMYAAQAAAAAAAQAHAAAAAQAAAAAAAgAHAAcAAQAAAAAAAwAHAA4AAQAAAAAABAAHABUAAQAAAAAABQAMABwAAQAAAAAABgAHACgAAQAAAAAACgAkAC8AAQAAAAAACwATAFMAAwABBAkAAQAOAGYAAwABBAkAAgAOAHQAAwABBAkAAwAOAIIAAwABBAkABAAOAJAAAwABBAkABQAYAJ4AAwABBAkABgAOALYAAwABBAkACgBIAMQAAwABBAkACwAmAQxjb2RpY29uUmVndWxhcmNvZGljb25jb2RpY29uVmVyc2lvbiAxLjE1Y29kaWNvblRoZSBpY29uIGZvbnQgZm9yIFZpc3VhbCBTdHVkaW8gQ29kZWh0dHA6Ly9mb250ZWxsby5jb20AYwBvAGQAaQBjAG8AbgBSAGUAZwB1AGwAYQByAGMAbwBkAGkAYwBvAG4AYwBvAGQAaQBjAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADEANQBjAG8AZABpAGMAbwBuAFQAaABlACAAaQBjAG8AbgAgAGYAbwBuAHQAIABmAG8AcgAgAFYAaQBzAHUAYQBsACAAUwB0AHUAZABpAG8AIABDAG8AZABlAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAgAAAAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIEAQIBAwEEAQUBBgEHAQgBCQEKAQsBDAENAQ4BDwEQAREBEgETARQBFQEWARcBGAEZARoBGwEcAR0BHgEfASABIQEiASMBJAElASYBJwEoASkBKgErASwBLQEuAS8BMAExATIBMwE0ATUBNgE3ATgBOQE6ATsBPAE9AT4BPwFAAUEBQgFDAUQBRQFGAUcBSAFJAUoBSwFMAU0BTgFPAVABUQFSAVMBVAFVAVYBVwFYAVkBWgFbAVwBXQFeAV8BYAFhAWIBYwFkAWUBZgFnAWgBaQFqAWsBbAFtAW4BbwFwAXEBcgFzAXQBdQF2AXcBeAF5AXoBewF8AX0BfgF/AYABgQGCAYMBhAGFAYYBhwGIAYkBigGLAYwBjQGOAY8BkAGRAZIBkwGUAZUBlgGXAZgBmQGaAZsBnAGdAZ4BnwGgAaEBogGjAaQBpQGmAacBqAGpAaoBqwGsAa0BrgGvAbABsQGyAbMBtAG1AbYBtwG4AbkBugG7AbwBvQG+Ab8BwAHBAcIBwwHEAcUBxgHHAcgByQHKAcsBzAHNAc4BzwHQAdEB0gHTAdQB1QHWAdcB2AHZAdoB2wHcAd0B3gHfAeAB4QHiAeMB5AHlAeYB5wHoAekB6gHrAewB7QHuAe8B8AHxAfIB8wH0AfUB9gH3AfgB+QH6AfsB/AH9Af4B/wIAAgECAgIDAgQCBQIGAgcCCAIJAgoCCwIMAg0CDgIPAhACEQISAhMCFAIVAhYCFwIYAhkCGgIbAhwCHQIeAh8CIAIhAiICIwIkAiUCJgInAigCKQIqAisCLAItAi4CLwIwAjECMgIzAjQCNQI2AjcCOAI5AjoCOwI8Aj0CPgI/AkACQQJCAkMCRAJFAkYCRwJIAkkCSgJLAkwCTQJOAk8CUAJRAlICUwJUAlUCVgJXAlgCWQJaAlsCXAJdAl4CXwJgAmECYgJjAmQCZQJmAmcCaAJpAmoCawJsAm0CbgJvAnACcQJyAnMCdAJ1AnYCdwJ4AnkCegJ7AnwCfQJ+An8CgAKBAoICgwKEAoUChgKHAogCiQKKAosCjAKNAo4CjwKQApECkgKTApQClQKWApcCmAKZApoCmwKcAp0CngKfAqACoQKiAqMCpAKlAqYCpwKoAqkCqgKrAqwCrQKuAq8CsAKxArICswK0ArUCtgK3ArgCuQK6ArsCvAK9Ar4CvwLAAsECwgLDAsQCxQLGAscCyALJAsoCywLMAs0CzgLPAtAC0QLSAtMC1ALVAtYC1wLYAtkC2gLbAtwC3QLeAt8C4ALhAuIC4wLkAuUC5gLnAugC6QLqAusC7ALtAu4C7wLwAvEC8gLzAvQC9QL2AvcC+AL5AvoC+wL8Av0C/gL/AwADAQMCAwMDBAMFAAdhY2NvdW50FGFjdGl2YXRlLWJyZWFrcG9pbnRzA2FkZAVhZ2VudAdhcmNoaXZlCmFycm93LWJvdGgRYXJyb3ctY2lyY2xlLWRvd24RYXJyb3ctY2lyY2xlLWxlZnQSYXJyb3ctY2lyY2xlLXJpZ2h0D2Fycm93LWNpcmNsZS11cAphcnJvdy1kb3duCmFycm93LWxlZnQLYXJyb3ctcmlnaHQQYXJyb3ctc21hbGwtZG93bhBhcnJvdy1zbWFsbC1sZWZ0EWFycm93LXNtYWxsLXJpZ2h0DmFycm93LXNtYWxsLXVwCmFycm93LXN3YXAIYXJyb3ctdXAGYXR0YWNoDGF6dXJlLWRldm9wcwVhenVyZQtiZWFrZXItc3RvcAZiZWFrZXIIYmVsbC1kb3QOYmVsbC1zbGFzaC1kb3QKYmVsbC1zbGFzaARiZWxsBWJsYW5rBGJvbGQEYm9vawhib29rbWFyawticmFja2V0LWRvdA1icmFja2V0LWVycm9yCWJyaWVmY2FzZQlicm9hZGNhc3QHYnJvd3NlcgNidWcFYnVpbGQIY2FsZW5kYXINY2FsbC1pbmNvbWluZw1jYWxsLW91dGdvaW5nDmNhc2Utc2Vuc2l0aXZlEmNoYXQtc3BhcmtsZS1lcnJvchRjaGF0LXNwYXJrbGUtd2FybmluZwxjaGF0LXNwYXJrbGUJY2hlY2stYWxsBWNoZWNrCWNoZWNrbGlzdAxjaGV2cm9uLWRvd24MY2hldnJvbi1sZWZ0DWNoZXZyb24tcmlnaHQKY2hldnJvbi11cARjaGlwDGNocm9tZS1jbG9zZQ9jaHJvbWUtbWF4aW1pemUPY2hyb21lLW1pbmltaXplDmNocm9tZS1yZXN0b3JlDWNpcmNsZS1maWxsZWQTY2lyY2xlLWxhcmdlLWZpbGxlZAxjaXJjbGUtbGFyZ2UMY2lyY2xlLXNsYXNoE2NpcmNsZS1zbWFsbC1maWxsZWQMY2lyY2xlLXNtYWxsBmNpcmNsZQ1jaXJjdWl0LWJvYXJkCWNsZWFyLWFsbAZjbGlwcHkJY2xvc2UtYWxsBWNsb3NlDmNsb3VkLWRvd25sb2FkDGNsb3VkLXVwbG9hZAVjbG91ZAhjb2RlLW9zcwtjb2RlLXJldmlldwRjb2RlBmNvZmZlZQxjb2xsYXBzZS1hbGwKY29sbGVjdGlvbgpjb2xvci1tb2RlB2NvbWJpbmUYY29tbWVudC1kaXNjdXNzaW9uLXF1b3RlGmNvbW1lbnQtZGlzY3Vzc2lvbi1zcGFya2xlEmNvbW1lbnQtZGlzY3Vzc2lvbg1jb21tZW50LWRyYWZ0EmNvbW1lbnQtdW5yZXNvbHZlZAdjb21tZW50DmNvbXBhc3MtYWN0aXZlC2NvbXBhc3MtZG90B2NvbXBhc3MPY29waWxvdC1ibG9ja2VkDWNvcGlsb3QtZXJyb3ITY29waWxvdC1pbi1wcm9ncmVzcw1jb3BpbG90LWxhcmdlFWNvcGlsb3Qtbm90LWNvbm5lY3RlZA5jb3BpbG90LXNub296ZQ9jb3BpbG90LXN1Y2Nlc3MTY29waWxvdC11bmF2YWlsYWJsZRVjb3BpbG90LXdhcm5pbmctbGFyZ2UPY29waWxvdC13YXJuaW5nB2NvcGlsb3QEY29weQhjb3ZlcmFnZQtjcmVkaXQtY2FyZAZjdXJzb3IEZGFzaAlkYXNoYm9hcmQIZGF0YWJhc2UJZGVidWctYWxsD2RlYnVnLWFsdC1zbWFsbAlkZWJ1Zy1hbHQnZGVidWctYnJlYWtwb2ludC1jb25kaXRpb25hbC11bnZlcmlmaWVkHGRlYnVnLWJyZWFrcG9pbnQtY29uZGl0aW9uYWwgZGVidWctYnJlYWtwb2ludC1kYXRhLXVudmVyaWZpZWQVZGVidWctYnJlYWtwb2ludC1kYXRhJGRlYnVnLWJyZWFrcG9pbnQtZnVuY3Rpb24tdW52ZXJpZmllZBlkZWJ1Zy1icmVha3BvaW50LWZ1bmN0aW9uH2RlYnVnLWJyZWFrcG9pbnQtbG9nLXVudmVyaWZpZWQUZGVidWctYnJlYWtwb2ludC1sb2ccZGVidWctYnJlYWtwb2ludC11bnN1cHBvcnRlZA9kZWJ1Zy1jb25uZWN0ZWQNZGVidWctY29uc29sZRRkZWJ1Zy1jb250aW51ZS1zbWFsbA5kZWJ1Zy1jb3ZlcmFnZRBkZWJ1Zy1kaXNjb25uZWN0EmRlYnVnLWxpbmUtYnktbGluZQtkZWJ1Zy1wYXVzZQtkZWJ1Zy1yZXJ1bhNkZWJ1Zy1yZXN0YXJ0LWZyYW1lDWRlYnVnLXJlc3RhcnQWZGVidWctcmV2ZXJzZS1jb250aW51ZRdkZWJ1Zy1zdGFja2ZyYW1lLWFjdGl2ZRBkZWJ1Zy1zdGFja2ZyYW1lC2RlYnVnLXN0YXJ0D2RlYnVnLXN0ZXAtYmFjaw9kZWJ1Zy1zdGVwLWludG8OZGVidWctc3RlcC1vdXQPZGVidWctc3RlcC1vdmVyCmRlYnVnLXN0b3AFZGVidWcQZGVza3RvcC1kb3dubG9hZBNkZXZpY2UtY2FtZXJhLXZpZGVvDWRldmljZS1jYW1lcmENZGV2aWNlLW1vYmlsZQpkaWZmLWFkZGVkDGRpZmYtaWdub3JlZA1kaWZmLW1vZGlmaWVkDWRpZmYtbXVsdGlwbGUMZGlmZi1yZW1vdmVkDGRpZmYtcmVuYW1lZAtkaWZmLXNpbmdsZQRkaWZmB2Rpc2NhcmQJZWRpdC1jb2RlDGVkaXQtc2Vzc2lvbgxlZGl0LXNwYXJrbGUEZWRpdA1lZGl0b3ItbGF5b3V0CGVsbGlwc2lzDGVtcHR5LXdpbmRvdwZlcmFzZXILZXJyb3Itc21hbGwFZXJyb3IHZXhjbHVkZQpleHBhbmQtYWxsBmV4cG9ydBBleHRlbnNpb25zLWxhcmdlCmV4dGVuc2lvbnMKZXllLWNsb3NlZANleWUIZmVlZGJhY2sLZmlsZS1iaW5hcnkJZmlsZS1jb2RlCmZpbGUtbWVkaWEIZmlsZS1wZGYOZmlsZS1zdWJtb2R1bGUWZmlsZS1zeW1saW5rLWRpcmVjdG9yeRFmaWxlLXN5bWxpbmstZmlsZQlmaWxlLXRleHQIZmlsZS16aXAEZmlsZQVmaWxlcw1maWx0ZXItZmlsbGVkBmZpbHRlcgRmbGFnBWZsYW1lCWZvbGQtZG93bgdmb2xkLXVwBGZvbGQNZm9sZGVyLWFjdGl2ZQ5mb2xkZXItbGlicmFyeQ1mb2xkZXItb3BlbmVkBmZvbGRlcgRnYW1lBGdlYXIEZ2lmdAtnaXN0LXNlY3JldARnaXN0EmdpdC1icmFuY2gtY2hhbmdlcxRnaXQtYnJhbmNoLWNvbmZsaWN0cxlnaXQtYnJhbmNoLXN0YWdlZC1jaGFuZ2VzCmdpdC1icmFuY2gKZ2l0LWNvbW1pdAtnaXQtY29tcGFyZQlnaXQtZmV0Y2gIZ2l0LWxlbnMJZ2l0LW1lcmdlF2dpdC1wdWxsLXJlcXVlc3QtY2xvc2VkF2dpdC1wdWxsLXJlcXVlc3QtY3JlYXRlFWdpdC1wdWxsLXJlcXVlc3QtZG9uZRZnaXQtcHVsbC1yZXF1ZXN0LWRyYWZ0HmdpdC1wdWxsLXJlcXVlc3QtZ28tdG8tY2hhbmdlcxxnaXQtcHVsbC1yZXF1ZXN0LW5ldy1jaGFuZ2VzEGdpdC1wdWxsLXJlcXVlc3QPZ2l0LXN0YXNoLWFwcGx5DWdpdC1zdGFzaC1wb3AJZ2l0LXN0YXNoDWdpdGh1Yi1hY3Rpb24KZ2l0aHViLWFsdA9naXRodWItaW52ZXJ0ZWQOZ2l0aHViLXByb2plY3QGZ2l0aHViBWdsb2JlFWdvLXRvLWVkaXRpbmctc2Vzc2lvbgpnby10by1maWxlDGdvLXRvLXNlYXJjaAdncmFiYmVyCmdyYXBoLWxlZnQKZ3JhcGgtbGluZQ1ncmFwaC1zY2F0dGVyBWdyYXBoB2dyaXBwZXIRZ3JvdXAtYnktcmVmLXR5cGUMaGVhcnQtZmlsbGVkBWhlYXJ0B2hpc3RvcnkEaG9tZQ9ob3Jpem9udGFsLXJ1bGUFaHVib3QFaW5ib3gGaW5kZW50CmluZGV4LXplcm8EaW5mbwZpbnNlcnQHaW5zcGVjdAtpc3N1ZS1kcmFmdA5pc3N1ZS1yZW9wZW5lZAZpc3N1ZXMGaXRhbGljBmplcnNleQRqc29uDmtlYmFiLXZlcnRpY2FsA2tleRJrZXlib2FyZC10YWItYWJvdmUSa2V5Ym9hcmQtdGFiLWJlbG93DGtleWJvYXJkLXRhYgNsYXcNbGF5ZXJzLWFjdGl2ZQpsYXllcnMtZG90BmxheWVycxdsYXlvdXQtYWN0aXZpdHliYXItbGVmdBhsYXlvdXQtYWN0aXZpdHliYXItcmlnaHQPbGF5b3V0LWNlbnRlcmVkDmxheW91dC1tZW51YmFyE2xheW91dC1wYW5lbC1jZW50ZXIRbGF5b3V0LXBhbmVsLWRvY2sUbGF5b3V0LXBhbmVsLWp1c3RpZnkRbGF5b3V0LXBhbmVsLWxlZnQQbGF5b3V0LXBhbmVsLW9mZhJsYXlvdXQtcGFuZWwtcmlnaHQMbGF5b3V0LXBhbmVsGGxheW91dC1zaWRlYmFyLWxlZnQtZG9jaxdsYXlvdXQtc2lkZWJhci1sZWZ0LW9mZhNsYXlvdXQtc2lkZWJhci1sZWZ0GWxheW91dC1zaWRlYmFyLXJpZ2h0LWRvY2sYbGF5b3V0LXNpZGViYXItcmlnaHQtb2ZmFGxheW91dC1zaWRlYmFyLXJpZ2h0EGxheW91dC1zdGF0dXNiYXIGbGF5b3V0B2xpYnJhcnkRbGlnaHRidWxiLWF1dG9maXgPbGlnaHRidWxiLWVtcHR5EWxpZ2h0YnVsYi1zcGFya2xlCWxpZ2h0YnVsYg1saW5rLWV4dGVybmFsBGxpbmsJbGlzdC1mbGF0DGxpc3Qtb3JkZXJlZA5saXN0LXNlbGVjdGlvbglsaXN0LXRyZWUObGlzdC11bm9yZGVyZWQKbGl2ZS1zaGFyZQdsb2FkaW5nCGxvY2F0aW9uCmxvY2stc21hbGwEbG9jawZtYWduZXQJbWFpbC1yZWFkBG1haWwKbWFwLWZpbGxlZBNtYXAtdmVydGljYWwtZmlsbGVkDG1hcC12ZXJ0aWNhbANtYXAIbWFya2Rvd24DbWNwCW1lZ2FwaG9uZQdtZW50aW9uBG1lbnUKbWVyZ2UtaW50bwVtZXJnZQptaWMtZmlsbGVkA21pYwltaWxlc3RvbmUGbWlycm9yDG1vcnRhci1ib2FyZARtb3ZlEG11bHRpcGxlLXdpbmRvd3MFbXVzaWMEbXV0ZQ5uZXctY29sbGVjdGlvbghuZXctZmlsZQpuZXctZm9sZGVyB25ld2xpbmUKbm8tbmV3bGluZQRub3RlEW5vdGVib29rLXRlbXBsYXRlCG5vdGVib29rCG9jdG9mYWNlD29wZW4taW4tcHJvZHVjdAxvcGVuLXByZXZpZXcMb3JnYW5pemF0aW9uBm91dHB1dAdwYWNrYWdlCHBhaW50Y2FuC3Bhc3MtZmlsbGVkBHBhc3MKcGVyY2VudGFnZQpwZXJzb24tYWRkBnBlcnNvbgVwaWFubwlwaWUtY2hhcnQDcGluDHBpbm5lZC1kaXJ0eQZwaW5uZWQLcGxheS1jaXJjbGUEcGx1Zw1wcmVzZXJ2ZS1jYXNlB3ByZXZpZXcQcHJpbWl0aXZlLXNxdWFyZQdwcm9qZWN0BXB1bHNlBnB5dGhvbghxdWVzdGlvbgVxdW90ZQZxdW90ZXMLcmFkaW8tdG93ZXIJcmVhY3Rpb25zC3JlY29yZC1rZXlzDHJlY29yZC1zbWFsbAZyZWNvcmQEcmVkbwpyZWZlcmVuY2VzB3JlZnJlc2gFcmVnZXgPcmVtb3RlLWV4cGxvcmVyBnJlbW90ZQZyZW1vdmUGcmVuYW1lC3JlcGxhY2UtYWxsB3JlcGxhY2UFcmVwbHkKcmVwby1jbG9uZQpyZXBvLWZldGNoD3JlcG8tZm9yY2UtcHVzaAtyZXBvLWZvcmtlZAtyZXBvLXBpbm5lZAlyZXBvLXB1bGwJcmVwby1wdXNoDXJlcG8tc2VsZWN0ZWQEcmVwbwZyZXBvcnQFcm9ib3QGcm9ja2V0EnJvb3QtZm9sZGVyLW9wZW5lZAtyb290LWZvbGRlcgNyc3MEcnVieQlydW4tYWJvdmUQcnVuLWFsbC1jb3ZlcmFnZQdydW4tYWxsCXJ1bi1iZWxvdwxydW4tY292ZXJhZ2UKcnVuLWVycm9ycw1ydW4td2l0aC1kZXBzCHNhdmUtYWxsB3NhdmUtYXMEc2F2ZQtzY3JlZW4tZnVsbA1zY3JlZW4tbm9ybWFsDHNlYXJjaC1mdXp6eQxzZWFyY2gtbGFyZ2UOc2VhcmNoLXNwYXJrbGULc2VhcmNoLXN0b3AGc2VhcmNoFHNlbmQtdG8tcmVtb3RlLWFnZW50BHNlbmQSc2VydmVyLWVudmlyb25tZW50DnNlcnZlci1wcm9jZXNzBnNlcnZlcg1zZXR0aW5ncy1nZWFyCHNldHRpbmdzBXNoYXJlBnNoaWVsZAdzaWduLWluCHNpZ24tb3V0BHNraXAGc21pbGV5BXNuYWtlD3NvcnQtcHJlY2VkZW5jZQ5zcGFya2xlLWZpbGxlZAdzcGFya2xlEHNwbGl0LWhvcml6b250YWwOc3BsaXQtdmVydGljYWwIc3F1aXJyZWwKc3Rhci1lbXB0eQlzdGFyLWZ1bGwJc3Rhci1oYWxmC3N0b3AtY2lyY2xlDXN0cmlrZXRocm91Z2gNc3Vycm91bmQtd2l0aAxzeW1ib2wtYXJyYXkOc3ltYm9sLWJvb2xlYW4Mc3ltYm9sLWNsYXNzDHN5bWJvbC1jb2xvcg9zeW1ib2wtY29uc3RhbnQSc3ltYm9sLWVudW0tbWVtYmVyC3N5bWJvbC1lbnVtDHN5bWJvbC1ldmVudAxzeW1ib2wtZmllbGQQc3ltYm9sLWludGVyZmFjZQpzeW1ib2wta2V5DnN5bWJvbC1rZXl3b3JkE3N5bWJvbC1tZXRob2QtYXJyb3cNc3ltYm9sLW1ldGhvZAtzeW1ib2wtbWlzYw5zeW1ib2wtbnVtZXJpYw9zeW1ib2wtb3BlcmF0b3IQc3ltYm9sLXBhcmFtZXRlcg9zeW1ib2wtcHJvcGVydHkMc3ltYm9sLXJ1bGVyDnN5bWJvbC1zbmlwcGV0EHN5bWJvbC1zdHJ1Y3R1cmUPc3ltYm9sLXZhcmlhYmxlDHN5bmMtaWdub3JlZARzeW5jBXRhYmxlA3RhZwZ0YXJnZXQIdGFza2xpc3QJdGVsZXNjb3BlDXRlcm1pbmFsLWJhc2gMdGVybWluYWwtY21kD3Rlcm1pbmFsLWRlYmlhbhF0ZXJtaW5hbC1naXQtYmFzaA50ZXJtaW5hbC1saW51eBN0ZXJtaW5hbC1wb3dlcnNoZWxsDXRlcm1pbmFsLXRtdXgPdGVybWluYWwtdWJ1bnR1CHRlcm1pbmFsCXRleHQtc2l6ZQh0aGlua2luZwp0aHJlZS1iYXJzEXRodW1ic2Rvd24tZmlsbGVkCnRodW1ic2Rvd24PdGh1bWJzdXAtZmlsbGVkCHRodW1ic3VwBXRvb2xzBXRyYXNoDXRyaWFuZ2xlLWRvd24NdHJpYW5nbGUtbGVmdA50cmlhbmdsZS1yaWdodAt0cmlhbmdsZS11cAd0d2l0dGVyEnR5cGUtaGllcmFyY2h5LXN1YhR0eXBlLWhpZXJhcmNoeS1zdXBlcg50eXBlLWhpZXJhcmNoeQZ1bmZvbGQTdW5ncm91cC1ieS1yZWYtdHlwZQZ1bmxvY2sGdW5tdXRlCnVudmVyaWZpZWQOdmFyaWFibGUtZ3JvdXAPdmVyaWZpZWQtZmlsbGVkCHZlcmlmaWVkCXZtLWFjdGl2ZQp2bS1jb25uZWN0CnZtLW91dGxpbmUKdm0tcGVuZGluZwp2bS1ydW5uaW5nAnZtAnZyD3ZzY29kZS1pbnNpZGVycwZ2c2NvZGUEd2FuZAd3YXJuaW5nBXdhdGNoCndoaXRlc3BhY2UKd2hvbGUtd29yZA13aW5kb3ctYWN0aXZlCXdvcmQtd3JhcBF3b3Jrc3BhY2UtdHJ1c3RlZBF3b3Jrc3BhY2UtdW5rbm93bhN3b3Jrc3BhY2UtdW50cnVzdGVkB3pvb20taW4Iem9vbS1vdXQAAA==) format("truetype")}.codicon[class*=codicon-]{font: 16px/1 codicon;display:inline-block;text-decoration:none;text-rendering:auto;text-align:center;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-user-select:none;user-select:none;-webkit-user-select:none}.codicon-wrench-subaction{opacity:.5}@keyframes codicon-spin{to{transform:rotate(360deg)}}.codicon-sync.codicon-modifier-spin,.codicon-loading.codicon-modifier-spin,.codicon-gear.codicon-modifier-spin,.codicon-notebook-state-executing.codicon-modifier-spin{animation:codicon-spin 1.5s steps(30) infinite}.codicon-modifier-disabled{opacity:.4}.codicon-loading,.codicon-tree-item-loading:before{animation-duration:1s!important;animation-timing-function:cubic-bezier(.53,.21,.29,.67)!important}.monaco-editor .codicon.codicon-symbol-array,.monaco-workbench .codicon.codicon-symbol-array{color:var(--vscode-symbolIcon-arrayForeground)}.monaco-editor .codicon.codicon-symbol-boolean,.monaco-workbench .codicon.codicon-symbol-boolean{color:var(--vscode-symbolIcon-booleanForeground)}.monaco-editor .codicon.codicon-symbol-class,.monaco-workbench .codicon.codicon-symbol-class{color:var(--vscode-symbolIcon-classForeground)}.monaco-editor .codicon.codicon-symbol-method,.monaco-workbench .codicon.codicon-symbol-method{color:var(--vscode-symbolIcon-methodForeground)}.monaco-editor .codicon.codicon-symbol-color,.monaco-workbench .codicon.codicon-symbol-color{color:var(--vscode-symbolIcon-colorForeground)}.monaco-editor .codicon.codicon-symbol-constant,.monaco-workbench .codicon.codicon-symbol-constant{color:var(--vscode-symbolIcon-constantForeground)}.monaco-editor .codicon.codicon-symbol-constructor,.monaco-workbench .codicon.codicon-symbol-constructor{color:var(--vscode-symbolIcon-constructorForeground)}.monaco-editor .codicon.codicon-symbol-value,.monaco-workbench .codicon.codicon-symbol-value,.monaco-editor .codicon.codicon-symbol-enum,.monaco-workbench .codicon.codicon-symbol-enum{color:var(--vscode-symbolIcon-enumeratorForeground)}.monaco-editor .codicon.codicon-symbol-enum-member,.monaco-workbench .codicon.codicon-symbol-enum-member{color:var(--vscode-symbolIcon-enumeratorMemberForeground)}.monaco-editor .codicon.codicon-symbol-event,.monaco-workbench .codicon.codicon-symbol-event{color:var(--vscode-symbolIcon-eventForeground)}.monaco-editor .codicon.codicon-symbol-field,.monaco-workbench .codicon.codicon-symbol-field{color:var(--vscode-symbolIcon-fieldForeground)}.monaco-editor .codicon.codicon-symbol-file,.monaco-workbench .codicon.codicon-symbol-file{color:var(--vscode-symbolIcon-fileForeground)}.monaco-editor .codicon.codicon-symbol-folder,.monaco-workbench .codicon.codicon-symbol-folder{color:var(--vscode-symbolIcon-folderForeground)}.monaco-editor .codicon.codicon-symbol-function,.monaco-workbench .codicon.codicon-symbol-function{color:var(--vscode-symbolIcon-functionForeground)}.monaco-editor .codicon.codicon-symbol-interface,.monaco-workbench .codicon.codicon-symbol-interface{color:var(--vscode-symbolIcon-interfaceForeground)}.monaco-editor .codicon.codicon-symbol-key,.monaco-workbench .codicon.codicon-symbol-key{color:var(--vscode-symbolIcon-keyForeground)}.monaco-editor .codicon.codicon-symbol-keyword,.monaco-workbench .codicon.codicon-symbol-keyword{color:var(--vscode-symbolIcon-keywordForeground)}.monaco-editor .codicon.codicon-symbol-module,.monaco-workbench .codicon.codicon-symbol-module{color:var(--vscode-symbolIcon-moduleForeground)}.monaco-editor .codicon.codicon-symbol-namespace,.monaco-workbench .codicon.codicon-symbol-namespace{color:var(--vscode-symbolIcon-namespaceForeground)}.monaco-editor .codicon.codicon-symbol-null,.monaco-workbench .codicon.codicon-symbol-null{color:var(--vscode-symbolIcon-nullForeground)}.monaco-editor .codicon.codicon-symbol-number,.monaco-workbench .codicon.codicon-symbol-number{color:var(--vscode-symbolIcon-numberForeground)}.monaco-editor .codicon.codicon-symbol-object,.monaco-workbench .codicon.codicon-symbol-object{color:var(--vscode-symbolIcon-objectForeground)}.monaco-editor .codicon.codicon-symbol-operator,.monaco-workbench .codicon.codicon-symbol-operator{color:var(--vscode-symbolIcon-operatorForeground)}.monaco-editor .codicon.codicon-symbol-package,.monaco-workbench .codicon.codicon-symbol-package{color:var(--vscode-symbolIcon-packageForeground)}.monaco-editor .codicon.codicon-symbol-property,.monaco-workbench .codicon.codicon-symbol-property{color:var(--vscode-symbolIcon-propertyForeground)}.monaco-editor .codicon.codicon-symbol-reference,.monaco-workbench .codicon.codicon-symbol-reference{color:var(--vscode-symbolIcon-referenceForeground)}.monaco-editor .codicon.codicon-symbol-snippet,.monaco-workbench .codicon.codicon-symbol-snippet{color:var(--vscode-symbolIcon-snippetForeground)}.monaco-editor .codicon.codicon-symbol-string,.monaco-workbench .codicon.codicon-symbol-string{color:var(--vscode-symbolIcon-stringForeground)}.monaco-editor .codicon.codicon-symbol-struct,.monaco-workbench .codicon.codicon-symbol-struct{color:var(--vscode-symbolIcon-structForeground)}.monaco-editor .codicon.codicon-symbol-text,.monaco-workbench .codicon.codicon-symbol-text{color:var(--vscode-symbolIcon-textForeground)}.monaco-editor .codicon.codicon-symbol-type-parameter,.monaco-workbench .codicon.codicon-symbol-type-parameter{color:var(--vscode-symbolIcon-typeParameterForeground)}.monaco-editor .codicon.codicon-symbol-unit,.monaco-workbench .codicon.codicon-symbol-unit{color:var(--vscode-symbolIcon-unitForeground)}.monaco-editor .codicon.codicon-symbol-variable,.monaco-workbench .codicon.codicon-symbol-variable{color:var(--vscode-symbolIcon-variableForeground)}.monaco-editor .lightBulbWidget{display:flex;align-items:center;justify-content:center}.monaco-editor .lightBulbWidget:hover{cursor:pointer}.monaco-editor .lightBulbWidget.codicon-light-bulb,.monaco-editor .lightBulbWidget.codicon-lightbulb-sparkle{color:var(--vscode-editorLightBulb-foreground)}.monaco-editor .lightBulbWidget.codicon-lightbulb-autofix,.monaco-editor .lightBulbWidget.codicon-lightbulb-sparkle-autofix{color:var(--vscode-editorLightBulbAutoFix-foreground, var(--vscode-editorLightBulb-foreground))}.monaco-editor .lightBulbWidget.codicon-sparkle-filled{color:var(--vscode-editorLightBulbAi-foreground, var(--vscode-icon-foreground))}.monaco-editor .lightBulbWidget:before{position:relative;z-index:2}.monaco-editor .lightBulbWidget:after{position:absolute;top:0;left:0;content:"";display:block;width:100%;height:100%;opacity:.3;z-index:1}.monaco-editor .glyph-margin-widgets .cgmr[class*=codicon-gutter-lightbulb]{display:block;cursor:pointer}.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb,.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb-sparkle{color:var(--vscode-editorLightBulb-foreground)}.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb-auto-fix,.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb-aifix-auto-fix{color:var(--vscode-editorLightBulbAutoFix-foreground, var(--vscode-editorLightBulb-foreground))}.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb-sparkle-filled{color:var(--vscode-editorLightBulbAi-foreground, var(--vscode-icon-foreground))}.monaco-editor .codelens-decoration{overflow:hidden;display:inline-flex!important;align-items:center;text-overflow:ellipsis;white-space:nowrap;color:var(--vscode-editorCodeLens-foreground);line-height:var(--vscode-editorCodeLens-lineHeight);font-size:var(--vscode-editorCodeLens-fontSize);padding-right:calc(var(--vscode-editorCodeLens-fontSize)*.5);font-feature-settings:var(--vscode-editorCodeLens-fontFeatureSettings);font-family:var(--vscode-editorCodeLens-fontFamily),var(--vscode-editorCodeLens-fontFamilyDefault)}.monaco-editor .codelens-decoration>span,.monaco-editor .codelens-decoration>a{-moz-user-select:none;user-select:none;-webkit-user-select:none;white-space:nowrap;vertical-align:sub;display:inline-flex;align-items:center}.monaco-editor .codelens-decoration>a{text-decoration:none}.monaco-editor .codelens-decoration>a:hover{cursor:pointer;color:var(--vscode-editorLink-activeForeground)!important}.monaco-editor .codelens-decoration>a:hover .codicon{color:var(--vscode-editorLink-activeForeground)!important}.monaco-editor .codelens-decoration .codicon[class*=codicon-]{vertical-align:middle;color:currentColor!important;color:var(--vscode-editorCodeLens-foreground);line-height:var(--vscode-editorCodeLens-lineHeight);font-size:var(--vscode-editorCodeLens-fontSize)}.monaco-editor .codelens-decoration>a:hover .codicon:before{cursor:pointer}@keyframes fadein{0%{opacity:0}to{opacity:1}}.monaco-editor .codelens-decoration.fadein{animation:fadein .1s linear}.monaco-editor .inlineSuggestionsHints{padding:4px}.monaco-editor .inlineSuggestionsHints .warningMessage p{margin:0}.monaco-editor .inlineSuggestionsHints.withBorder{z-index:39;color:var(--vscode-editorHoverWidget-foreground);background-color:var(--vscode-editorHoverWidget-background);border:1px solid var(--vscode-editorHoverWidget-border)}.monaco-editor .inlineSuggestionsHints a,.monaco-editor .inlineSuggestionsHints a:hover{color:var(--vscode-foreground)!important}.monaco-editor .inlineSuggestionsHints .keybinding{display:flex;margin-left:4px;opacity:.6}.monaco-editor .inlineSuggestionsHints .keybinding .monaco-keybinding-key{font-size:8px;padding:2px 3px}.monaco-editor .inlineSuggestionsHints .availableSuggestionCount a{display:flex;min-width:19px;justify-content:center}.monaco-editor .inlineSuggestionStatusBarItemLabel{margin-right:2px}.monaco-hover{cursor:default;position:absolute;overflow:hidden;-moz-user-select:text;user-select:text;-webkit-user-select:text;box-sizing:border-box;line-height:1.5em;white-space:var(--vscode-hover-whiteSpace, normal)}.monaco-hover.fade-in{animation:fadein .1s linear}.monaco-hover.hidden{display:none}.monaco-hover a:hover:not(.disabled){cursor:pointer}.monaco-hover .hover-contents:not(.html-hover-contents){padding:4px 8px}.monaco-hover .markdown-hover>.hover-contents:not(.code-hover-contents){max-width:var(--vscode-hover-maxWidth, 500px);word-wrap:break-word}.monaco-hover .markdown-hover>.hover-contents:not(.code-hover-contents) hr{min-width:100%}.monaco-hover p,.monaco-hover .code,.monaco-hover ul,.monaco-hover h1,.monaco-hover h2,.monaco-hover h3,.monaco-hover h4,.monaco-hover h5,.monaco-hover h6{margin:8px 0}.monaco-hover h1,.monaco-hover h2,.monaco-hover h3,.monaco-hover h4,.monaco-hover h5,.monaco-hover h6{line-height:1.1}.monaco-hover code{font-family:var(--monaco-monospace-font)}.monaco-hover hr{box-sizing:border-box;border-left:0px;border-right:0px;margin:4px -8px -4px;height:1px}.monaco-hover p:first-child,.monaco-hover .code:first-child,.monaco-hover ul:first-child{margin-top:0}.monaco-hover p:last-child,.monaco-hover .code:last-child,.monaco-hover ul:last-child{margin-bottom:0}.monaco-hover ul,.monaco-hover ol{padding-left:20px}.monaco-hover li>p{margin-bottom:0}.monaco-hover li>ul{margin-top:0}.monaco-hover code{border-radius:3px;padding:0 .4em}.monaco-hover .monaco-tokenized-source{white-space:var(--vscode-hover-sourceWhiteSpace, pre-wrap)}.monaco-hover .hover-row.status-bar{font-size:12px;line-height:22px}.monaco-hover .hover-row.status-bar .info{font-style:italic;padding:0 8px}.monaco-hover .hover-row.status-bar .actions{display:flex;padding:0 8px;width:100%}.monaco-hover .hover-row.status-bar .actions .action-container{margin-right:16px;cursor:pointer;overflow:hidden;text-wrap:nowrap;text-overflow:ellipsis}.monaco-hover .hover-row.status-bar .actions .action-container .action .icon{padding-right:4px;vertical-align:middle}.monaco-hover .hover-row.status-bar .actions .action-container a{color:var(--vscode-textLink-foreground);-webkit-text-decoration:var(--text-link-decoration);text-decoration:var(--text-link-decoration)}.monaco-hover .hover-row.status-bar .actions .action-container a .icon.codicon{color:var(--vscode-textLink-foreground)}.monaco-hover .markdown-hover .hover-contents .codicon{color:inherit;font-size:inherit;vertical-align:middle}.monaco-hover .hover-contents a.code-link:hover,.monaco-hover .hover-contents a.code-link{color:inherit}.monaco-hover .hover-contents a.code-link:before{content:"("}.monaco-hover .hover-contents a.code-link:after{content:")"}.monaco-hover .hover-contents a.code-link>span{text-decoration:underline;border-bottom:1px solid transparent;text-underline-position:under;color:var(--vscode-textLink-foreground)}.monaco-hover .hover-contents a.code-link>span:hover{color:var(--vscode-textLink-activeForeground)}.monaco-hover .markdown-hover .hover-contents:not(.code-hover-contents):not(.html-hover-contents) p:last-child [style*=background-color]{margin-bottom:4px;display:inline-block}.monaco-hover .markdown-hover .hover-contents:not(.code-hover-contents):not(.html-hover-contents) span.codicon{margin-bottom:2px}.monaco-hover-content .action-container a{-webkit-user-select:none;-moz-user-select:none;user-select:none}.monaco-hover-content .action-container.disabled{pointer-events:none;opacity:.4;cursor:default}.monaco-hover .action-container,.monaco-hover .action,.monaco-hover button,.monaco-hover .monaco-button,.monaco-hover .monaco-text-button,.monaco-hover [role=button]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.monaco-custom-toggle{margin-left:2px;float:left;cursor:pointer;overflow:hidden;width:20px;height:20px;border-radius:3px;border:1px solid transparent;padding:1px;box-sizing:border-box;-moz-user-select:none;user-select:none;-webkit-user-select:none}.monaco-custom-toggle:hover{background-color:var(--vscode-inputOption-hoverBackground)}.hc-black .monaco-custom-toggle:hover,.hc-light .monaco-custom-toggle:hover{border:1px dashed var(--vscode-focusBorder)}.hc-black .monaco-custom-toggle,.hc-light .monaco-custom-toggle,.hc-black .monaco-custom-toggle:hover,.hc-light .monaco-custom-toggle:hover{background:none}.monaco-custom-toggle.monaco-checkbox{height:18px;width:18px;border:1px solid transparent;border-radius:3px;margin-right:9px;margin-left:0;padding:0;opacity:1;background-size:16px!important}.monaco-action-bar .checkbox-action-item{display:flex;align-items:center;border-radius:2px;padding-right:2px}.monaco-action-bar .checkbox-action-item:hover{background-color:var(--vscode-toolbar-hoverBackground)}.monaco-action-bar .checkbox-action-item>.monaco-custom-toggle.monaco-checkbox{margin-right:4px}.monaco-action-bar .checkbox-action-item>.checkbox-label{font-size:12px}.monaco-editor .find-widget{position:absolute;z-index:35;height:33px;overflow:hidden;line-height:19px;transition:transform .2s linear;padding:0 4px;box-sizing:border-box;transform:translateY(calc(-100% - 10px));box-shadow:0 0 8px 2px var(--vscode-widget-shadow);color:var(--vscode-editorWidget-foreground);border-left:1px solid var(--vscode-widget-border);border-right:1px solid var(--vscode-widget-border);border-bottom:1px solid var(--vscode-widget-border);border-bottom-left-radius:4px;border-bottom-right-radius:4px;background-color:var(--vscode-editorWidget-background)}.monaco-reduce-motion .monaco-editor .find-widget{transition:transform 0ms linear}.monaco-editor .find-widget textarea{margin:0}.monaco-editor .find-widget.hiddenEditor{display:none}.monaco-editor .find-widget.replaceToggled>.replace-part{display:flex}.monaco-editor .find-widget.visible{transform:translateY(0)}.monaco-editor .find-widget .monaco-inputbox.synthetic-focus{outline:1px solid -webkit-focus-ring-color;outline-offset:-1px;outline-color:var(--vscode-focusBorder)}.monaco-editor .find-widget .monaco-inputbox .input{background-color:transparent;min-height:0}.monaco-editor .find-widget .monaco-findInput .input{font-size:13px}.monaco-editor .find-widget>.find-part,.monaco-editor .find-widget>.replace-part{margin:3px 25px 0 17px;font-size:12px;display:flex}.monaco-editor .find-widget>.find-part .monaco-inputbox,.monaco-editor .find-widget>.replace-part .monaco-inputbox{min-height:25px}.monaco-editor .find-widget>.replace-part .monaco-inputbox>.ibwrapper>.mirror{padding-right:22px}.monaco-editor .find-widget>.find-part .monaco-inputbox>.ibwrapper>.input,.monaco-editor .find-widget>.find-part .monaco-inputbox>.ibwrapper>.mirror,.monaco-editor .find-widget>.replace-part .monaco-inputbox>.ibwrapper>.input,.monaco-editor .find-widget>.replace-part .monaco-inputbox>.ibwrapper>.mirror{padding-top:2px;padding-bottom:2px}.monaco-editor .find-widget>.find-part .find-actions{height:25px;display:flex;align-items:center}.monaco-editor .find-widget>.replace-part .replace-actions{height:25px;display:flex;align-items:center}.monaco-editor .find-widget .monaco-findInput{vertical-align:middle;display:flex;flex:1}.monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element{width:100%}.monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element .scrollbar.vertical{opacity:0}.monaco-editor .find-widget .matchesCount{display:flex;flex:initial;margin:0 0 0 3px;padding:2px 0 0 2px;height:25px;vertical-align:middle;box-sizing:border-box;text-align:center;line-height:23px}.monaco-editor .find-widget .button{width:16px;height:16px;padding:3px;border-radius:5px;flex:initial;margin-left:3px;background-position:center center;background-repeat:no-repeat;cursor:pointer;display:flex;align-items:center;justify-content:center}.monaco-editor .find-widget .codicon-find-selection{width:22px;height:22px;padding:3px;border-radius:5px}.monaco-editor .find-widget .button.left{margin-left:0;margin-right:3px}.monaco-editor .find-widget .button.wide{width:auto;padding:1px 6px;top:-1px}.monaco-editor .find-widget .button.toggle{position:absolute;top:0;left:3px;width:18px;height:100%;border-radius:0;box-sizing:border-box}.monaco-editor .find-widget .button.toggle.disabled{display:none}.monaco-editor .find-widget .disabled{color:var(--vscode-disabledForeground);cursor:default}.monaco-editor .find-widget>.replace-part{display:none}.monaco-editor .find-widget>.replace-part>.monaco-findInput{position:relative;display:flex;vertical-align:middle;flex:auto;flex-grow:0;flex-shrink:0}.monaco-editor .find-widget>.replace-part>.monaco-findInput>.controls{position:absolute;top:3px;right:2px}.monaco-editor .find-widget.reduced-find-widget .matchesCount{display:none}.monaco-editor .find-widget.narrow-find-widget{max-width:257px!important}.monaco-editor .find-widget.collapsed-find-widget{max-width:170px!important}.monaco-editor .find-widget.collapsed-find-widget .button.previous,.monaco-editor .find-widget.collapsed-find-widget .button.next,.monaco-editor .find-widget.collapsed-find-widget .button.replace,.monaco-editor .find-widget.collapsed-find-widget .button.replace-all,.monaco-editor .find-widget.collapsed-find-widget>.find-part .monaco-findInput .controls{display:none}.monaco-editor .find-widget.no-results .matchesCount{color:var(--vscode-errorForeground)}.monaco-editor .findMatch{animation-duration:0;animation-name:inherit!important;background-color:var(--vscode-editor-findMatchHighlightBackground)}.monaco-editor .currentFindMatch{background-color:var(--vscode-editor-findMatchBackground);border:2px solid var(--vscode-editor-findMatchBorder);padding:1px;box-sizing:border-box}.monaco-editor .findScope{background-color:var(--vscode-editor-findRangeHighlightBackground)}.monaco-editor .find-widget .monaco-sash{left:0!important;background-color:var(--vscode-editorWidget-resizeBorder, var(--vscode-editorWidget-border))}.monaco-editor.hc-black .find-widget .button:before{position:relative;top:1px;left:2px}.monaco-editor .find-widget .button:not(.disabled):hover,.monaco-editor .find-widget .codicon-find-selection:hover{background-color:var(--vscode-toolbar-hoverBackground)!important}.monaco-editor.findMatch{background-color:var(--vscode-editor-findMatchHighlightBackground)}.monaco-editor.currentFindMatch{background-color:var(--vscode-editor-findMatchBackground)}.monaco-editor.findScope{background-color:var(--vscode-editor-findRangeHighlightBackground)}.monaco-editor.findMatch{background-color:var(--vscode-editorWidget-background)}.monaco-editor .find-widget>.button.codicon-widget-close{position:absolute;top:5px;right:4px}.monaco-inputbox{position:relative;display:block;padding:0;box-sizing:border-box;border-radius:2px;font-size:inherit}.monaco-inputbox>.ibwrapper>.input,.monaco-inputbox>.ibwrapper>.mirror{padding:4px 6px}.monaco-inputbox>.ibwrapper{position:relative;width:100%}.monaco-inputbox>.ibwrapper>.input{display:inline-block;box-sizing:border-box;width:100%;height:100%;line-height:inherit;border:none;font-family:inherit;font-size:inherit;resize:none;color:inherit}.monaco-inputbox>.ibwrapper>input{text-overflow:ellipsis}.monaco-inputbox>.ibwrapper>textarea.input{display:block;scrollbar-width:none;outline:none}.monaco-inputbox>.ibwrapper>textarea.input::-webkit-scrollbar{display:none}.monaco-inputbox>.ibwrapper>textarea.input.empty{white-space:nowrap}.monaco-inputbox>.ibwrapper>.mirror{position:absolute;display:inline-block;width:100%;top:0;left:0;box-sizing:border-box;white-space:pre-wrap;visibility:hidden;word-wrap:break-word}.monaco-inputbox-container{text-align:right}.monaco-inputbox-container .monaco-inputbox-message{display:inline-block;overflow:hidden;text-align:left;width:100%;box-sizing:border-box;padding:.4em;font-size:12px;line-height:17px;margin-top:-1px;word-wrap:break-word}.monaco-inputbox .monaco-action-bar{position:absolute;right:2px;top:4px}.monaco-inputbox .monaco-action-bar .action-item{margin-left:2px}.monaco-inputbox .monaco-action-bar .action-item .codicon{background-repeat:no-repeat;width:16px;height:16px}.monaco-findInput{position:relative}.monaco-findInput .monaco-inputbox{font-size:13px;width:100%}.monaco-findInput>.controls{position:absolute;top:3px;right:2px}.vs .monaco-findInput.disabled{background-color:#e1e1e1}.vs-dark .monaco-findInput.disabled{background-color:#333}.monaco-findInput.highlight-0 .controls,.hc-light .monaco-findInput.highlight-0 .controls{animation:monaco-findInput-highlight-0 .1s linear 0s}.monaco-findInput.highlight-1 .controls,.hc-light .monaco-findInput.highlight-1 .controls{animation:monaco-findInput-highlight-1 .1s linear 0s}.hc-black .monaco-findInput.highlight-0 .controls,.vs-dark .monaco-findInput.highlight-0 .controls{animation:monaco-findInput-highlight-dark-0 .1s linear 0s}.hc-black .monaco-findInput.highlight-1 .controls,.vs-dark .monaco-findInput.highlight-1 .controls{animation:monaco-findInput-highlight-dark-1 .1s linear 0s}@keyframes monaco-findInput-highlight-0{0%{background:#fdff00cc}to{background:transparent}}@keyframes monaco-findInput-highlight-1{0%{background:#fdff00cc}99%{background:transparent}}@keyframes monaco-findInput-highlight-dark-0{0%{background:#ffffff70}to{background:transparent}}@keyframes monaco-findInput-highlight-dark-1{0%{background:#ffffff70}99%{background:transparent}}.colorpicker-widget{height:190px;-moz-user-select:none;user-select:none;-webkit-user-select:none}.colorpicker-color-decoration,.hc-light .colorpicker-color-decoration{border:solid .1em #000;box-sizing:border-box;margin:.1em .2em 0;width:.8em;height:.8em;line-height:.8em;display:inline-block;cursor:pointer}.hc-black .colorpicker-color-decoration,.vs-dark .colorpicker-color-decoration{border:solid .1em #eee}.colorpicker-header{display:flex;height:24px;position:relative;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAAHUlEQVQYV2PYvXu3JAi7uLiAMaYAjAGTQBPYLQkAa/0Zef3qRswAAAAASUVORK5CYII=);background-size:9px 9px;image-rendering:pixelated}.colorpicker-header .picked-color{width:240px;display:flex;align-items:center;justify-content:center;line-height:24px;cursor:pointer;color:#fff;flex:1;white-space:nowrap;overflow:hidden}.colorpicker-header .picked-color .picked-color-presentation{white-space:nowrap;margin-left:5px;margin-right:5px}.colorpicker-header .picked-color .codicon{color:inherit;font-size:14px}.colorpicker-header .picked-color.light{color:#000}.colorpicker-header .original-color{width:74px;z-index:inherit;cursor:pointer}.standalone-colorpicker{color:var(--vscode-editorHoverWidget-foreground);background-color:var(--vscode-editorHoverWidget-background);border:1px solid var(--vscode-editorHoverWidget-border)}.colorpicker-header.standalone-colorpicker{border-bottom:none}.colorpicker-header .close-button{cursor:pointer;background-color:var(--vscode-editorHoverWidget-background);border-left:1px solid var(--vscode-editorHoverWidget-border)}.colorpicker-header .close-button-inner-div{width:100%;height:100%;text-align:center}.colorpicker-header .close-button-inner-div:hover{background-color:var(--vscode-toolbar-hoverBackground)}.colorpicker-header .close-icon{padding:3px}.colorpicker-body{display:flex;padding:8px;position:relative}.colorpicker-body .saturation-wrap{overflow:hidden;height:150px;position:relative;min-width:220px;flex:1}.colorpicker-body .saturation-box{height:150px;position:absolute}.colorpicker-body .saturation-selection{width:9px;height:9px;margin:-5px 0 0 -5px;border:1px solid rgb(255,255,255);border-radius:100%;box-shadow:0 0 2px #000c;position:absolute}.colorpicker-body .strip{width:25px;height:150px}.colorpicker-body .standalone-strip{width:25px;height:122px}.colorpicker-body .hue-strip{position:relative;margin-left:8px;cursor:grab;background:linear-gradient(to bottom,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.colorpicker-body .opacity-strip{position:relative;margin-left:8px;cursor:grab;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAAHUlEQVQYV2PYvXu3JAi7uLiAMaYAjAGTQBPYLQkAa/0Zef3qRswAAAAASUVORK5CYII=);background-size:9px 9px;image-rendering:pixelated}.colorpicker-body .strip.grabbing{cursor:grabbing}.colorpicker-body .slider{position:absolute;top:0;left:-2px;width:calc(100% + 4px);height:4px;box-sizing:border-box;border:1px solid rgba(255,255,255,.71);box-shadow:0 0 1px #000000d9}.colorpicker-body .strip .overlay{height:150px;pointer-events:none}.colorpicker-body .standalone-strip .standalone-overlay{height:122px;pointer-events:none}.standalone-colorpicker-body{display:block;border:1px solid transparent;border-bottom:1px solid var(--vscode-editorHoverWidget-border);overflow:hidden}.colorpicker-body .insert-button{position:absolute;height:20px;width:58px;padding:0;right:8px;bottom:8px;background:var(--vscode-button-background);color:var(--vscode-button-foreground);border-radius:2px;border:none;cursor:pointer}.colorpicker-body .insert-button:hover{background:var(--vscode-button-hoverBackground)}.monaco-editor .peekview-widget .head{box-sizing:border-box;display:flex;justify-content:space-between;flex-wrap:nowrap}.monaco-editor .peekview-widget .head .peekview-title{display:flex;align-items:baseline;font-size:13px;margin-left:20px;min-width:0;text-overflow:ellipsis;overflow:hidden}.monaco-editor .peekview-widget .head .peekview-title.clickable{cursor:pointer}.monaco-editor .peekview-widget .head .peekview-title .dirname:not(:empty){font-size:.9em;margin-left:.5em}.monaco-editor .peekview-widget .head .peekview-title .meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monaco-editor .peekview-widget .head .peekview-title .dirname,.monaco-editor .peekview-widget .head .peekview-title .filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monaco-editor .peekview-widget .head .peekview-title .meta:not(:empty):before{content:"-";padding:0 .3em}.monaco-editor .peekview-widget .head .peekview-actions{flex:1;text-align:right;padding-right:2px}.monaco-editor .peekview-widget .head .peekview-actions>.monaco-action-bar{display:inline-block}.monaco-editor .peekview-widget .head .peekview-actions>.monaco-action-bar,.monaco-editor .peekview-widget .head .peekview-actions>.monaco-action-bar>.actions-container{height:100%}.monaco-editor .peekview-widget>.body{border-top:1px solid;position:relative}.monaco-editor .peekview-widget .head .peekview-title .codicon{margin-right:4px;align-self:center}.monaco-editor .peekview-widget .monaco-list .monaco-list-row.focused .codicon{color:inherit!important}.monaco-editor .zone-widget{position:absolute;z-index:10}.monaco-editor .zone-widget .zone-widget-container{border-top-style:solid;border-bottom-style:solid;border-top-width:0;border-bottom-width:0;position:relative}.monaco-split-view2{position:relative;width:100%;height:100%}.monaco-split-view2>.sash-container{position:absolute;width:100%;height:100%;pointer-events:none}.monaco-split-view2>.sash-container>.monaco-sash{pointer-events:initial}.monaco-split-view2>.monaco-scrollable-element{width:100%;height:100%}.monaco-split-view2>.monaco-scrollable-element>.split-view-container{width:100%;height:100%;white-space:nowrap;position:relative}.monaco-split-view2>.monaco-scrollable-element>.split-view-container>.split-view-view{white-space:initial;position:absolute}.monaco-split-view2>.monaco-scrollable-element>.split-view-container>.split-view-view:not(.visible){display:none}.monaco-split-view2.vertical>.monaco-scrollable-element>.split-view-container>.split-view-view{width:100%}.monaco-split-view2.horizontal>.monaco-scrollable-element>.split-view-container>.split-view-view{height:100%}.monaco-split-view2.separator-border>.monaco-scrollable-element>.split-view-container>.split-view-view:not(:first-child):before{content:" ";position:absolute;top:0;left:0;z-index:5;pointer-events:none;background-color:var(--separator-border)}.monaco-split-view2.separator-border.horizontal>.monaco-scrollable-element>.split-view-container>.split-view-view:not(:first-child):before{height:100%;width:1px}.monaco-split-view2.separator-border.vertical>.monaco-scrollable-element>.split-view-container>.split-view-view:not(:first-child):before{height:1px;width:100%}.monaco-table{display:flex;flex-direction:column;position:relative;height:100%;width:100%;white-space:nowrap;overflow:hidden}.monaco-table>.monaco-split-view2{border-bottom:1px solid transparent}.monaco-table>.monaco-list{flex:1}.monaco-table-tr{display:flex;height:100%}.monaco-table-th{width:100%;height:100%;font-weight:700;overflow:hidden;text-overflow:ellipsis}.monaco-table-th,.monaco-table-td{box-sizing:border-box;flex-shrink:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.monaco-table>.monaco-split-view2 .monaco-sash.vertical:before{content:"";position:absolute;left:calc(var(--vscode-sash-size) / 2);width:0;border-left:1px solid transparent}.monaco-enable-motion .monaco-table>.monaco-split-view2,.monaco-enable-motion .monaco-table>.monaco-split-view2 .monaco-sash.vertical:before{transition:border-color .2s ease-out}.monaco-tl-row{display:flex;height:100%;align-items:center;position:relative}.monaco-tl-row.disabled{cursor:default}.monaco-tl-indent{height:100%;position:absolute;top:0;left:16px;pointer-events:none}.hide-arrows .monaco-tl-indent{left:12px}.monaco-tl-indent>.indent-guide{display:inline-block;box-sizing:border-box;height:100%;border-left:1px solid transparent;opacity:0}.monaco-enable-motion .monaco-tl-indent>.indent-guide{transition:opacity .1s linear}.monaco-tl-twistie,.monaco-tl-contents{height:100%}.monaco-tl-twistie{font-size:10px;text-align:right;padding-right:6px;flex-shrink:0;width:16px;display:flex!important;align-items:center;justify-content:center;transform:translate(3px)}.monaco-tl-contents{flex:1;overflow:hidden}.monaco-tl-twistie:before{border-radius:20px}.monaco-tl-twistie.collapsed:before{transform:rotate(-90deg)}.monaco-tl-twistie.codicon-tree-item-loading:before{animation:codicon-spin 1.25s steps(30) infinite}.monaco-tree-type-filter{position:absolute;top:0;right:0;display:flex;padding:3px;max-width:200px;z-index:100;margin:0 10px 0 6px;border:1px solid var(--vscode-widget-border);border-bottom-left-radius:4px;border-bottom-right-radius:4px}.monaco-enable-motion .monaco-tree-type-filter{transition:top .3s}.monaco-tree-type-filter.disabled{top:-40px!important}.monaco-tree-type-filter-input{flex:1}.monaco-tree-type-filter-input .monaco-inputbox{height:23px}.monaco-tree-type-filter-input .monaco-inputbox>.ibwrapper>.input,.monaco-tree-type-filter-input .monaco-inputbox>.ibwrapper>.mirror{padding:2px 4px}.monaco-tree-type-filter-input .monaco-findInput>.controls{top:2px}.monaco-tree-type-filter-actionbar{margin-left:4px}.monaco-tree-type-filter-actionbar .monaco-action-bar .action-label{padding:2px}.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container{position:absolute;top:0;left:0;width:100%;height:0;z-index:13;background-color:var(--vscode-sideBar-background)}.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container .monaco-tree-sticky-row.monaco-list-row{position:absolute;width:100%;opacity:1!important;overflow:hidden;background-color:var(--vscode-sideBar-background)}.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container .monaco-tree-sticky-row:hover{background-color:var(--vscode-list-hoverBackground)!important;cursor:pointer}.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container.empty,.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container.empty .monaco-tree-sticky-container-shadow{display:none}.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container .monaco-tree-sticky-container-shadow{position:absolute;bottom:-3px;left:0;height:0px;width:100%}.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container[tabindex="0"]:focus{outline:none}.monaco-editor .zone-widget .zone-widget-container.reference-zone-widget{border-top-width:1px;border-bottom-width:1px}.monaco-editor .reference-zone-widget .inline{display:inline-block;vertical-align:top}.monaco-editor .reference-zone-widget .messages{height:100%;width:100%;text-align:center;padding:3em 0}.monaco-editor .reference-zone-widget .ref-tree{line-height:23px;background-color:var(--vscode-peekViewResult-background);color:var(--vscode-peekViewResult-lineForeground)}.monaco-editor .reference-zone-widget .ref-tree .reference{text-overflow:ellipsis;overflow:hidden}.monaco-editor .reference-zone-widget .ref-tree .reference-file{display:inline-flex;width:100%;height:100%;color:var(--vscode-peekViewResult-fileForeground)}.monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .selected .reference-file{color:inherit!important}.monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .monaco-list-rows>.monaco-list-row.selected:not(.highlighted){background-color:var(--vscode-peekViewResult-selectionBackground);color:var(--vscode-peekViewResult-selectionForeground)!important}.monaco-editor .reference-zone-widget .ref-tree .reference-file .count{margin-right:12px;margin-left:auto}.monaco-editor .reference-zone-widget .ref-tree .referenceMatch .highlight{color:var(--vscode-peekViewResult-fileForeground)!important;background-color:var(--vscode-peekViewResult-matchHighlightBackground)!important}.monaco-editor .reference-zone-widget .preview .reference-decoration{background-color:var(--vscode-peekViewEditor-matchHighlightBackground);border:2px solid var(--vscode-peekViewEditor-matchHighlightBorder);box-sizing:border-box}.monaco-editor .reference-zone-widget .preview .monaco-editor .monaco-editor-background,.monaco-editor .reference-zone-widget .preview .monaco-editor .inputarea.ime-input{background-color:var(--vscode-peekViewEditor-background)}.monaco-editor .reference-zone-widget .preview .monaco-editor .margin{background-color:var(--vscode-peekViewEditorGutter-background)}.monaco-editor.hc-black .reference-zone-widget .ref-tree .reference-file,.monaco-editor.hc-light .reference-zone-widget .ref-tree .reference-file{font-weight:700}.monaco-editor.hc-black .reference-zone-widget .ref-tree .referenceMatch .highlight,.monaco-editor.hc-light .reference-zone-widget .ref-tree .referenceMatch .highlight{border:1px dotted var(--vscode-contrastActiveBorder, transparent);box-sizing:border-box}.monaco-count-badge{padding:3px 5px;border-radius:11px;font-size:11px;min-width:18px;min-height:18px;line-height:11px;font-weight:400;text-align:center;display:inline-block;box-sizing:border-box}.monaco-count-badge.long{padding:2px 3px;border-radius:2px;min-height:auto;line-height:normal}.monaco-icon-label{display:flex;overflow:hidden;text-overflow:ellipsis}.monaco-icon-label:before{background-size:16px;background-position:left center;background-repeat:no-repeat;padding-right:6px;width:16px;height:22px;line-height:inherit!important;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:top;flex-shrink:0}.monaco-icon-label-iconpath{width:16px;height:22px;margin-right:6px;display:flex}.monaco-icon-label-container.disabled{color:var(--vscode-disabledForeground)}.monaco-icon-label>.monaco-icon-label-container{min-width:0;overflow:hidden;text-overflow:ellipsis;flex:1}.monaco-icon-label>.monaco-icon-label-container>.monaco-icon-name-container>.label-name{color:inherit;white-space:pre}.monaco-icon-label>.monaco-icon-label-container>.monaco-icon-name-container>.label-name>.label-separator{margin:0 2px;opacity:.5}.monaco-icon-label>.monaco-icon-label-container>.monaco-icon-suffix-container>.label-suffix{opacity:.7;white-space:pre}.monaco-icon-label>.monaco-icon-label-container>.monaco-icon-description-container>.label-description{opacity:.7;margin-left:.5em;font-size:.9em;white-space:pre}.monaco-icon-label.nowrap>.monaco-icon-label-container>.monaco-icon-description-container>.label-description{white-space:nowrap}.vs .monaco-icon-label>.monaco-icon-label-container>.monaco-icon-description-container>.label-description{opacity:.95}.monaco-icon-label.bold>.monaco-icon-label-container>.monaco-icon-name-container>.label-name,.monaco-icon-label.bold>.monaco-icon-label-container>.monaco-icon-description-container>.label-description{font-weight:700}.monaco-icon-label.italic>.monaco-icon-label-container>.monaco-icon-name-container>.label-name,.monaco-icon-label.italic>.monaco-icon-label-container>.monaco-icon-description-container>.label-description{font-style:italic}.monaco-icon-label.deprecated{text-decoration:line-through;opacity:.66}.monaco-icon-label.strikethrough>.monaco-icon-label-container>.monaco-icon-name-container>.label-name,.monaco-icon-label.strikethrough>.monaco-icon-label-container>.monaco-icon-description-container>.label-description{text-decoration:line-through}.monaco-icon-label:after{opacity:.75;font-size:90%;font-weight:600;margin:auto 16px 0 5px;text-align:center}.monaco-list:focus .selected .monaco-icon-label,.monaco-list:focus .selected .monaco-icon-label:after{color:inherit!important}.monaco-list-row.focused.selected .label-description,.monaco-list-row.selected .label-description{opacity:.8}.monaco-editor .peekview-widget .head .peekview-title .severity-icon{display:inline-block;vertical-align:text-top;margin-right:4px}.monaco-editor .marker-widget{text-overflow:ellipsis;white-space:nowrap}.monaco-editor .marker-widget>.stale{opacity:.6;font-style:italic}.monaco-editor .marker-widget .title{display:inline-block;padding-right:5px}.monaco-editor .marker-widget .descriptioncontainer{position:absolute;white-space:pre;-moz-user-select:text;user-select:text;-webkit-user-select:text;padding:8px 12px 0 20px}.monaco-editor .marker-widget .descriptioncontainer .message{display:flex;flex-direction:column}.monaco-editor .marker-widget .descriptioncontainer .message .details{padding-left:6px}.monaco-editor .marker-widget .descriptioncontainer .message .source,.monaco-editor .marker-widget .descriptioncontainer .message span.code{opacity:.6}.monaco-editor .marker-widget .descriptioncontainer .message a.code-link{opacity:.6;color:inherit}.monaco-editor .marker-widget .descriptioncontainer .message a.code-link:before{content:"("}.monaco-editor .marker-widget .descriptioncontainer .message a.code-link:after{content:")"}.monaco-editor .marker-widget .descriptioncontainer .message a.code-link>span{text-decoration:underline;border-bottom:1px solid transparent;text-underline-position:under;color:var(--vscode-textLink-activeForeground)}.monaco-editor .marker-widget .descriptioncontainer .filename{cursor:pointer;color:var(--vscode-textLink-activeForeground)}.monaco-editor .zone-widget .codicon.codicon-error,.markers-panel .marker-icon.error,.markers-panel .marker-icon .codicon.codicon-error,.text-search-provider-messages .providerMessage .codicon.codicon-error,.extensions-viewlet>.extensions .codicon.codicon-error,.extension-editor .codicon.codicon-error,.chat-attached-context-attachment .codicon.codicon-error{color:var(--vscode-problemsErrorIcon-foreground)}.monaco-editor .zone-widget .codicon.codicon-warning,.markers-panel .marker-icon.warning,.markers-panel .marker-icon .codicon.codicon-warning,.text-search-provider-messages .providerMessage .codicon.codicon-warning,.extensions-viewlet>.extensions .codicon.codicon-warning,.extension-editor .codicon.codicon-warning,.preferences-editor .codicon.codicon-warning{color:var(--vscode-problemsWarningIcon-foreground)}.monaco-editor .zone-widget .codicon.codicon-info,.markers-panel .marker-icon.info,.markers-panel .marker-icon .codicon.codicon-info,.text-search-provider-messages .providerMessage .codicon.codicon-info,.extensions-viewlet>.extensions .codicon.codicon-info,.extension-editor .codicon.codicon-info{color:var(--vscode-problemsInfoIcon-foreground)}.monaco-editor .hoverHighlight{background-color:var(--vscode-editor-hoverHighlightBackground)}.monaco-editor .monaco-resizable-hover{border:1px solid var(--vscode-editorHoverWidget-border);border-radius:3px;box-sizing:content-box}.monaco-editor .monaco-resizable-hover>.monaco-hover{border:none;border-radius:none}.monaco-editor .monaco-hover{border:1px solid var(--vscode-editorHoverWidget-border);border-radius:3px;color:var(--vscode-editorHoverWidget-foreground);background-color:var(--vscode-editorHoverWidget-background)}.monaco-editor .monaco-hover a{color:var(--vscode-textLink-foreground)}.monaco-editor .monaco-hover a:hover{color:var(--vscode-textLink-activeForeground)}.monaco-editor .monaco-hover .hover-row{display:flex}.monaco-editor .monaco-hover .hover-row.hover-row-with-copy{position:relative;padding-right:20px}.monaco-editor .monaco-hover .hover-row .hover-row-contents{min-width:0;display:flex;flex-direction:column}.monaco-editor .monaco-hover .hover-row .verbosity-actions{border-right:1px solid var(--vscode-editorHoverWidget-border);width:22px;overflow-y:clip}.monaco-editor .monaco-hover .hover-row .verbosity-actions-inner{display:flex;flex-direction:column;padding-left:5px;padding-right:5px;justify-content:flex-end;position:relative}.monaco-editor .monaco-hover .hover-row .verbosity-actions-inner .codicon{cursor:pointer;font-size:11px}.monaco-editor .monaco-hover .hover-row .verbosity-actions-inner .codicon.enabled{color:var(--vscode-textLink-foreground)}.monaco-editor .monaco-hover .hover-row .verbosity-actions-inner .codicon.disabled{opacity:.6}.monaco-editor .monaco-hover .hover-row .actions{background-color:var(--vscode-editorHoverWidget-statusBarBackground)}.monaco-editor .monaco-hover code{background-color:var(--vscode-textCodeBlock-background)}.monaco-editor .monaco-hover .hover-copy-button{position:absolute;top:4px;right:4px;padding:2px 4px;border-radius:3px;display:flex;align-items:center;justify-content:center;opacity:0}.monaco-editor .monaco-hover .hover-row-with-copy:hover .hover-copy-button,.monaco-editor .monaco-hover .hover-row-with-copy:focus-within .hover-copy-button{opacity:1}.monaco-editor .monaco-hover .hover-copy-button:hover{background-color:var(--vscode-toolbar-hoverBackground);cursor:pointer}.monaco-editor .monaco-hover .hover-copy-button:focus{outline:1px solid var(--vscode-focusBorder);outline-offset:-1px}.monaco-editor .monaco-hover .hover-copy-button .codicon{font-size:16px;color:var(--vscode-foreground)}.monaco-editor.vs .dnd-target,.monaco-editor.hc-light .dnd-target{border-right:2px dotted black;color:#fff}.monaco-editor.vs-dark .dnd-target{border-right:2px dotted #AEAFAD;color:#51504f}.monaco-editor.hc-black .dnd-target{border-right:2px dotted #fff;color:#000}.monaco-editor.mouse-default .view-lines,.monaco-editor.vs-dark.mac.mouse-default .view-lines,.monaco-editor.hc-black.mac.mouse-default .view-lines,.monaco-editor.hc-light.mac.mouse-default .view-lines{cursor:default}.monaco-editor.mouse-copy .view-lines,.monaco-editor.vs-dark.mac.mouse-copy .view-lines,.monaco-editor.hc-black.mac.mouse-copy .view-lines,.monaco-editor.hc-light.mac.mouse-copy .view-lines{cursor:copy}.monaco-editor .findOptionsWidget{background-color:var(--vscode-editorWidget-background);color:var(--vscode-editorWidget-foreground);box-shadow:0 0 8px 2px var(--vscode-widget-shadow);border:2px solid var(--vscode-contrastBorder)}.monaco-editor .margin-view-overlays .codicon-folding-manual-collapsed,.monaco-editor .margin-view-overlays .codicon-folding-manual-expanded,.monaco-editor .margin-view-overlays .codicon-folding-expanded,.monaco-editor .margin-view-overlays .codicon-folding-collapsed{cursor:pointer;opacity:0;transition:opacity .5s;display:flex;align-items:center;justify-content:center;font-size:140%;margin-left:2px}.monaco-reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-manual-collapsed,.monaco-reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-manual-expanded,.monaco-reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-expanded,.monaco-reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-collapsed{transition:initial}.monaco-editor .margin-view-overlays:hover .codicon,.monaco-editor .margin-view-overlays .codicon.codicon-folding-collapsed,.monaco-editor .margin-view-overlays .codicon.codicon-folding-manual-collapsed,.monaco-editor .margin-view-overlays .codicon.alwaysShowFoldIcons{opacity:1}.monaco-editor .inline-folded:after{color:var(--vscode-editor-foldPlaceholderForeground);margin:.1em .2em 0;content:"⋯";display:inline;line-height:1em;cursor:pointer}.monaco-editor .folded-background{background-color:var(--vscode-editor-foldBackground)}.monaco-editor .cldr.codicon.codicon-folding-expanded,.monaco-editor .cldr.codicon.codicon-folding-collapsed,.monaco-editor .cldr.codicon.codicon-folding-manual-expanded,.monaco-editor .cldr.codicon.codicon-folding-manual-collapsed{color:var(--vscode-editorGutter-foldingControlForeground)!important}.monaco-editor .snippet-placeholder{min-width:2px;outline-style:solid;outline-width:1px;background-color:var(--vscode-editor-snippetTabstopHighlightBackground, transparent);outline-color:var(--vscode-editor-snippetTabstopHighlightBorder, transparent)}.monaco-editor .finish-snippet-placeholder{outline-style:solid;outline-width:1px;background-color:var(--vscode-editor-snippetFinalTabstopHighlightBackground, transparent);outline-color:var(--vscode-editor-snippetFinalTabstopHighlightBorder, transparent)}.monaco-editor .suggest-widget{width:430px;z-index:40;display:flex;flex-direction:column;border-radius:3px}.monaco-editor .suggest-widget.message{flex-direction:row;align-items:center}.monaco-editor .suggest-widget,.monaco-editor .suggest-details{flex:0 1 auto;width:100%;border-style:solid;border-width:1px;border-color:var(--vscode-editorSuggestWidget-border);background-color:var(--vscode-editorSuggestWidget-background)}.monaco-editor.hc-black .suggest-widget,.monaco-editor.hc-black .suggest-details,.monaco-editor.hc-light .suggest-widget,.monaco-editor.hc-light .suggest-details{border-width:2px}.monaco-editor .suggest-widget .suggest-status-bar{box-sizing:border-box;display:none;flex-flow:row nowrap;justify-content:space-between;width:100%;font-size:80%;padding:0 4px;border-top:1px solid var(--vscode-editorSuggestWidget-border);overflow:hidden}.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar{display:flex}.monaco-editor .suggest-widget .suggest-status-bar .left{padding-right:8px}.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-label{color:var(--vscode-editorSuggestWidgetStatus-foreground)}.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-item:not(:last-of-type) .action-label{margin-right:0}.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-item:not(:last-of-type) .action-label:after{content:", ";margin-right:.3em}.monaco-editor .suggest-widget.with-status-bar .monaco-list .monaco-list-row>.contents>.main>.right>.readMore,.monaco-editor .suggest-widget.with-status-bar .monaco-list .monaco-list-row.focused.string-label>.contents>.main>.right>.readMore{display:none}.monaco-editor .suggest-widget.with-status-bar:not(.docs-side) .monaco-list .monaco-list-row:hover>.contents>.main>.right.can-expand-details>.details-label{width:100%}.monaco-editor .suggest-widget>.message{padding-left:22px}.monaco-editor .suggest-widget>.tree{height:100%;width:100%}.monaco-editor .suggest-widget .monaco-list{-moz-user-select:none;user-select:none;-webkit-user-select:none}.monaco-editor .suggest-widget .monaco-list .monaco-list-row{display:flex;-mox-box-sizing:border-box;box-sizing:border-box;padding-right:10px;background-repeat:no-repeat;background-position:2px 2px;white-space:nowrap;cursor:pointer;touch-action:none}.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused{color:var(--vscode-editorSuggestWidget-selectedForeground)}.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused .codicon{color:var(--vscode-editorSuggestWidget-selectedIconForeground)}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents{flex:1;height:100%;overflow:hidden;padding-left:2px}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main{display:flex;overflow:hidden;text-overflow:ellipsis;white-space:pre;justify-content:space-between}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.left,.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right{display:flex}.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.focused)>.contents>.main .monaco-icon-label{color:var(--vscode-editorSuggestWidget-foreground)}.monaco-editor .suggest-widget:not(.frozen) .monaco-highlighted-label .highlight{font-weight:700}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main .monaco-highlighted-label .highlight{color:var(--vscode-editorSuggestWidget-highlightForeground)}.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused>.contents>.main .monaco-highlighted-label .highlight{color:var(--vscode-editorSuggestWidget-focusHighlightForeground)}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.header>.codicon-close,.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.readMore:before{color:inherit;opacity:1;font-size:14px;cursor:pointer}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.header>.codicon-close{position:absolute;top:6px;right:2px}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.header>.codicon-close:hover,.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.readMore:hover{opacity:1}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.details-label{opacity:.7}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.left>.signature-label{overflow:hidden;text-overflow:ellipsis;opacity:.6}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.left>.qualifier-label{margin-left:12px;opacity:.4;font-size:85%;line-height:initial;text-overflow:ellipsis;overflow:hidden;align-self:center}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.details-label{font-size:85%;margin-left:1.1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.details-label>.monaco-tokenized-source{display:inline}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.details-label{display:none}.monaco-editor .suggest-widget:not(.shows-details) .monaco-list .monaco-list-row.focused>.contents>.main>.right>.details-label{display:inline}.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.string-label)>.contents>.main>.right>.details-label,.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row.focused:not(.string-label)>.contents>.main>.right>.details-label{display:inline}.monaco-editor .suggest-widget:not(.docs-side) .monaco-list .monaco-list-row.focused:hover>.contents>.main>.right.can-expand-details>.details-label{width:calc(100% - 26px)}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.left{flex-shrink:1;flex-grow:1;overflow:hidden}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.left>.monaco-icon-label{flex-shrink:0}.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.string-label)>.contents>.main>.left>.monaco-icon-label{max-width:100%}.monaco-editor .suggest-widget .monaco-list .monaco-list-row.string-label>.contents>.main>.left>.monaco-icon-label{flex-shrink:1}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right{overflow:hidden;flex-shrink:4;max-width:70%}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.readMore{display:inline-block;position:absolute;right:10px;width:18px;height:18px;visibility:hidden}.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row>.contents>.main>.right>.readMore{display:none!important}.monaco-editor .suggest-widget .monaco-list .monaco-list-row.string-label>.contents>.main>.right>.readMore{display:none}.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused.string-label>.contents>.main>.right>.readMore{display:inline-block}.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused:hover>.contents>.main>.right>.readMore{visibility:visible}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated{opacity:.66;text-decoration:unset}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated>.monaco-icon-label-container>.monaco-icon-name-container{text-decoration:line-through}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label:before{height:100%}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon{display:block;height:16px;width:16px;margin-left:2px;background-repeat:no-repeat;background-size:80%;background-position:center}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.hide{display:none}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon{display:flex;align-items:center;margin-right:4px}.monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .icon,.monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .suggest-icon:before{display:none}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.customcolor .colorspan{margin:0 0 0 .3em;border:.1em solid #000;width:.7em;height:.7em;display:inline-block}.monaco-editor .suggest-details-container{z-index:41}.monaco-editor .suggest-details{display:flex;flex-direction:column;cursor:default;color:var(--vscode-editorSuggestWidget-foreground)}.monaco-editor .suggest-details:focus{border-color:var(--vscode-focusBorder)}.monaco-editor .suggest-details a{color:var(--vscode-textLink-foreground)}.monaco-editor .suggest-details a:hover{color:var(--vscode-textLink-activeForeground)}.monaco-editor .suggest-details code{background-color:var(--vscode-textCodeBlock-background)}.monaco-editor .suggest-details.no-docs{display:none}.monaco-editor .suggest-details>.monaco-scrollable-element{flex:1}.monaco-editor .suggest-details>.monaco-scrollable-element>.body{box-sizing:border-box;height:100%;width:100%}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.header>.type{flex:2;overflow:hidden;text-overflow:ellipsis;opacity:.7;white-space:pre;margin:0 24px 0 0;padding:4px 0 4px 5px}.monaco-editor .suggest-details.detail-and-doc>.monaco-scrollable-element>.body>.header>.type{padding-bottom:12px}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.header>.type.auto-wrap{white-space:normal;word-break:break-all}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs{margin:0;padding:4px 5px;white-space:pre-wrap}.monaco-editor .suggest-details.no-type>.monaco-scrollable-element>.body>.docs{margin-right:24px;overflow:hidden}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs{padding:0;white-space:initial;min-height:calc(1rem + 8px)}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs>div,.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs>span:not(:empty){padding:4px 5px}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs>div>p:first-child{margin-top:0}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs>div>p:last-child{margin-bottom:0}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs .monaco-tokenized-source{white-space:pre}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs .code{white-space:pre-wrap;word-wrap:break-word}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs .codicon{vertical-align:sub}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>p:empty{display:none}.monaco-editor .suggest-details code{border-radius:3px;padding:0 .4em}.monaco-editor .suggest-details ul,.monaco-editor .suggest-details ol{padding-left:20px}.monaco-editor .suggest-details p code{font-family:var(--monaco-monospace-font)}.monaco-editor .suggest-preview-additional-widget{white-space:nowrap}.monaco-editor .suggest-preview-additional-widget .content-spacer{color:transparent;white-space:pre}.monaco-editor .suggest-preview-additional-widget .button{display:inline-block;cursor:pointer;text-decoration:underline;text-underline-position:under}.monaco-editor .ghost-text-hidden{opacity:0;font-size:0}.monaco-editor .ghost-text-decoration,.monaco-editor .suggest-preview-text .ghost-text{font-style:italic}.monaco-editor .suggest-preview-text.clickable .view-line{z-index:1}.monaco-editor .ghost-text-decoration.clickable,.monaco-editor .ghost-text-decoration-preview.clickable,.monaco-editor .suggest-preview-text.clickable .ghost-text{cursor:pointer}.monaco-editor .inline-completion-text-to-replace{text-decoration:underline;text-underline-position:under}.monaco-editor .ghost-text-decoration,.monaco-editor .ghost-text-decoration-preview,.monaco-editor .suggest-preview-text .ghost-text{background-color:var(--vscode-editorGhostText-background);border:1px solid var(--vscode-editorGhostText-border)}:is(.monaco-editor .ghost-text-decoration,.monaco-editor .ghost-text-decoration-preview,.monaco-editor .suggest-preview-text .ghost-text).syntax-highlighted{opacity:.7}:is(.monaco-editor .ghost-text-decoration,.monaco-editor .ghost-text-decoration-preview,.monaco-editor .suggest-preview-text .ghost-text):not(.syntax-highlighted){color:var(--vscode-editorGhostText-foreground)}.monaco-editor .ghost-text-decoration.warning,.monaco-editor .ghost-text-decoration-preview.warning,.monaco-editor .suggest-preview-text .ghost-text.warning{background:var(--monaco-editor-warning-decoration) repeat-x bottom left;border-bottom:4px double var(--vscode-editorWarning-border)}.ghost-text-view-warning-widget-icon .codicon{color:var(--vscode-editorWarning-foreground)!important}.monaco-editor .edits-fadeout-decoration{opacity:var(--animation-opacity, 1);background-color:var(--vscode-inlineEdit-modifiedChangedTextBackground)}.monaco-editor .sticky-widget{overflow:hidden;border-bottom:1px solid var(--vscode-editorStickyScroll-border);width:100%;box-shadow:var(--vscode-editorStickyScroll-shadow) 0 4px 2px -2px;z-index:4;right:initial!important;margin-left:"0px"}.monaco-editor .sticky-widget .sticky-widget-line-numbers{float:left;background-color:var(--vscode-editorStickyScrollGutter-background)}.monaco-editor .sticky-widget.peek .sticky-widget-line-numbers{background-color:var(--vscode-peekViewEditorStickyScrollGutter-background)}.monaco-editor .sticky-widget .sticky-widget-lines-scrollable{display:inline-block;position:absolute;overflow:hidden;width:var(--vscode-editorStickyScroll-scrollableWidth);background-color:var(--vscode-editorStickyScroll-background)}.monaco-editor .sticky-widget.peek .sticky-widget-lines-scrollable{background-color:var(--vscode-peekViewEditorStickyScroll-background)}.monaco-editor .sticky-widget .sticky-widget-lines{position:absolute;background-color:inherit}.monaco-editor .sticky-widget .sticky-line-number,.monaco-editor .sticky-widget .sticky-line-content{color:var(--vscode-editorLineNumber-foreground);white-space:nowrap;display:inline-block;position:absolute;background-color:inherit}.monaco-editor .sticky-widget .sticky-line-number .codicon-folding-expanded,.monaco-editor .sticky-widget .sticky-line-number .codicon-folding-collapsed{float:right;transition:var(--vscode-editorStickyScroll-foldingOpacityTransition);position:absolute;margin-left:2px}.monaco-editor .sticky-widget .sticky-line-content{width:var(--vscode-editorStickyScroll-scrollableWidth);background-color:inherit;white-space:nowrap}.monaco-editor .sticky-widget .sticky-line-number-inner{display:inline-block;text-align:right}.monaco-editor .sticky-widget .sticky-line-content:hover{background-color:var(--vscode-editorStickyScrollHover-background);cursor:pointer}.monaco-editor .inline-edits-view-indicator{display:flex;z-index:34;height:20px;color:var(--vscode-inlineEdit-gutterIndicator-primaryForeground);background-color:var(--vscode-inlineEdit-gutterIndicator-background);border:1px solid var(--vscode-inlineEdit-gutterIndicator-primaryBorder);border-radius:3px;align-items:center;padding:2px 10px 2px 2px;margin:0 4px;opacity:0}.monaco-editor .inline-edits-view-indicator.contained{transition:opacity .2s ease-in-out;transition-delay:.4s}.monaco-editor .inline-edits-view-indicator.visible,.monaco-editor .inline-edits-view-indicator.top{opacity:1}.monaco-editor .inline-edits-view-indicator.top .icon{transform:rotate(90deg)}.monaco-editor .inline-edits-view-indicator.bottom{opacity:1}.monaco-editor .inline-edits-view-indicator.bottom .icon{transform:rotate(-90deg)}.monaco-editor .inline-edits-view-indicator .icon{display:flex;align-items:center;margin:0 2px;transform:none;transition:transform .2s ease-in-out}.monaco-editor .inline-edits-view-indicator .icon .codicon{color:var(--vscode-inlineEdit-gutterIndicator-primaryForeground)}.monaco-editor .inline-edits-view-indicator .label{margin:0 2px;display:flex;justify-content:center;width:100%}.monaco-editor .inline-edits-view .editorContainer .preview .monaco-editor .view-overlays .current-line-exact,.monaco-editor .inline-edits-view .editorContainer .preview .monaco-editor .current-line-margin{border:none}.monaco-editor .inline-edits-view .editorContainer .inline-edits-view-zone.diagonal-fill{opacity:.5}.monaco-editor .strike-through{text-decoration:line-through}.monaco-editor .inlineCompletions-line-insert{background:var(--vscode-inlineEdit-modifiedChangedLineBackground)}.monaco-editor .inlineCompletions-line-delete{background:var(--vscode-inlineEdit-originalChangedLineBackground)}.monaco-editor .inlineCompletions-char-insert{background:var(--vscode-inlineEdit-modifiedChangedTextBackground);cursor:pointer}.monaco-editor .inlineCompletions-char-delete{background:var(--vscode-inlineEdit-originalChangedTextBackground)}.monaco-editor .inlineCompletions-char-delete.diff-range-empty{margin-left:-1px;border-left:solid var(--vscode-inlineEdit-originalChangedTextBackground) 3px}.monaco-editor .inlineCompletions-char-insert.diff-range-empty{border-left:solid var(--vscode-inlineEdit-modifiedChangedTextBackground) 3px}.monaco-editor .inlineCompletions-char-delete.single-line-inline{border:1px solid var(--vscode-editorHoverWidget-border);margin:-2px 0 0 -2px}.monaco-editor .inlineCompletions-char-insert.single-line-inline{border-top:1px solid var(--vscode-inlineEdit-modifiedBorder);border-bottom:1px solid var(--vscode-inlineEdit-modifiedBorder)}.monaco-editor .inlineCompletions-char-insert.single-line-inline.start{border-top-left-radius:4px;border-bottom-left-radius:4px;border-left:1px solid var(--vscode-inlineEdit-modifiedBorder)}.monaco-editor .inlineCompletions-char-insert.single-line-inline.end{border-top-right-radius:4px;border-bottom-right-radius:4px;border-right:1px solid var(--vscode-inlineEdit-modifiedBorder)}.monaco-editor .inlineCompletions-char-delete.single-line-inline.empty,.monaco-editor .inlineCompletions-char-insert.single-line-inline.empty{display:none}.monaco-editor .inlineCompletions.strike-through{text-decoration-thickness:1px}.monaco-editor .inlineCompletions-modified-bubble{background:var(--vscode-inlineEdit-modifiedChangedTextBackground)}.monaco-editor .inlineCompletions-original-bubble{background:var(--vscode-inlineEdit-originalChangedTextBackground)}.monaco-editor .inlineCompletions-modified-bubble,.monaco-editor .inlineCompletions-original-bubble{pointer-events:none;display:inline-block}.monaco-editor .inline-edit.ghost-text,.monaco-editor .inline-edit.ghost-text-decoration,.monaco-editor .inline-edit.ghost-text-decoration-preview,.monaco-editor .inline-edit.suggest-preview-text .ghost-text{font-style:normal!important}:is(.monaco-editor .inline-edit.ghost-text,.monaco-editor .inline-edit.ghost-text-decoration,.monaco-editor .inline-edit.ghost-text-decoration-preview,.monaco-editor .inline-edit.suggest-preview-text .ghost-text).syntax-highlighted{opacity:1!important}.monaco-editor .inline-edit.modified-background.ghost-text,.monaco-editor .inline-edit.modified-background.ghost-text-decoration,.monaco-editor .inline-edit.modified-background.ghost-text-decoration-preview,.monaco-editor .inline-edit.modified-background.suggest-preview-text .ghost-text{background:var(--vscode-inlineEdit-modifiedChangedTextBackground)!important;display:inline-block!important}.monaco-editor .inlineCompletions-original-lines{background:var(--vscode-editor-background)}.monaco-menu-option{color:var(--vscode-editorActionList-foreground);font-size:13px;padding:0 4px;line-height:28px;display:flex;gap:4px;align-items:center;border-radius:3px;cursor:pointer}.monaco-menu-option .monaco-keybinding-key{font-size:13px;opacity:.7}.monaco-menu-option.active{background:var(--vscode-editorActionList-focusBackground);color:var(--vscode-editorActionList-focusForeground);outline:1px solid var(--vscode-menu-selectionBorder, transparent);outline-offset:-1px}.monaco-menu-option.active .monaco-keybinding-key{color:var(--vscode-editorActionList-focusForeground)}.monaco-editor .goto-definition-link{text-decoration:underline;cursor:pointer;color:var(--vscode-editorLink-activeForeground)!important}.monaco-editor.vs .valueSetReplacement{outline:solid 2px var(--vscode-editorBracketMatch-border)}.monaco-editor .linked-editing-decoration{background-color:var(--vscode-editor-linkedEditingBackground);min-width:1px}.monaco-editor .detected-link,.monaco-editor .detected-link-active{text-decoration:underline;text-underline-position:under}.monaco-editor .detected-link-active{cursor:pointer;color:var(--vscode-editorLink-activeForeground)!important}.monaco-editor .scroll-editor-on-middle-click-dot{cursor:all-scroll;position:absolute;z-index:1;background-color:var(--vscode-editor-foreground, white);border:1px solid var(--vscode-editor-background, black);opacity:.5;width:5px;height:5px;border-radius:50%;transform:translate(-50%,-50%)}.monaco-editor .scroll-editor-on-middle-click-dot.hidden{display:none}.monaco-editor.scroll-editor-on-middle-click-editor *{cursor:all-scroll}.monaco-editor .focused .selectionHighlight{background-color:var(--vscode-editor-selectionHighlightBackground);box-sizing:border-box;border:1px solid var(--vscode-editor-selectionHighlightBorder)}.monaco-editor.hc-black .focused .selectionHighlight,.monaco-editor.hc-light .focused .selectionHighlight{border-style:dotted}.monaco-editor .wordHighlight{background-color:var(--vscode-editor-wordHighlightBackground);box-sizing:border-box;border:1px solid var(--vscode-editor-wordHighlightBorder)}.monaco-editor.hc-black .wordHighlight,.monaco-editor.hc-light .wordHighlight{border-style:dotted}.monaco-editor .wordHighlightStrong{background-color:var(--vscode-editor-wordHighlightStrongBackground);box-sizing:border-box;border:1px solid var(--vscode-editor-wordHighlightStrongBorder)}.monaco-editor.hc-black .wordHighlightStrong,.monaco-editor.hc-light .wordHighlightStrong{border-style:dotted}.monaco-editor .wordHighlightText{background-color:var(--vscode-editor-wordHighlightTextBackground);box-sizing:border-box;border:1px solid var(--vscode-editor-wordHighlightTextBorder)}.monaco-editor.hc-black .wordHighlightText,.monaco-editor.hc-light .wordHighlightText{border-style:dotted}.monaco-editor .parameter-hints-widget{z-index:39;display:flex;flex-direction:column;line-height:1.5em;cursor:default;color:var(--vscode-editorHoverWidget-foreground);background-color:var(--vscode-editorHoverWidget-background);border:1px solid var(--vscode-editorHoverWidget-border)}.hc-black .monaco-editor .parameter-hints-widget,.hc-light .monaco-editor .parameter-hints-widget{border-width:2px}.monaco-editor .parameter-hints-widget>.phwrapper{max-width:440px;display:flex;flex-direction:row}.monaco-editor .parameter-hints-widget.multiple{min-height:3.3em;padding:0}.monaco-editor .parameter-hints-widget.multiple .body:before{content:"";display:block;height:100%;position:absolute;opacity:.5;border-left:1px solid var(--vscode-editorHoverWidget-border)}.monaco-editor .parameter-hints-widget p,.monaco-editor .parameter-hints-widget ul{margin:8px 0}.monaco-editor .parameter-hints-widget .monaco-scrollable-element,.monaco-editor .parameter-hints-widget .body{display:flex;flex:1;flex-direction:column;min-height:100%}.monaco-editor .parameter-hints-widget .signature{padding:4px 5px;position:relative}.monaco-editor .parameter-hints-widget .signature.has-docs:after{content:"";display:block;position:absolute;left:0;width:100%;padding-top:4px;opacity:.5;border-bottom:1px solid var(--vscode-editorHoverWidget-border)}.monaco-editor .parameter-hints-widget .code{font-family:var(--vscode-parameterHintsWidget-editorFontFamily),var(--vscode-parameterHintsWidget-editorFontFamilyDefault)}.monaco-editor .parameter-hints-widget .docs{padding:0 10px 0 5px;white-space:pre-wrap}.monaco-editor .parameter-hints-widget .docs.empty{display:none}.monaco-editor .parameter-hints-widget .docs a{color:var(--vscode-textLink-foreground)}.monaco-editor .parameter-hints-widget .docs a:hover{color:var(--vscode-textLink-activeForeground);cursor:pointer}.monaco-editor .parameter-hints-widget .docs .markdown-docs{white-space:initial}.monaco-editor .parameter-hints-widget .docs code{font-family:var(--monaco-monospace-font);border-radius:3px;padding:0 .4em;background-color:var(--vscode-textCodeBlock-background)}.monaco-editor .parameter-hints-widget .docs .monaco-tokenized-source,.monaco-editor .parameter-hints-widget .docs .code{white-space:pre-wrap}.monaco-editor .parameter-hints-widget .controls{display:none;flex-direction:column;align-items:center;min-width:22px;justify-content:flex-end}.monaco-editor .parameter-hints-widget.multiple .controls{display:flex;padding:0 2px}.monaco-editor .parameter-hints-widget.multiple .button{width:16px;height:16px;background-repeat:no-repeat;cursor:pointer}.monaco-editor .parameter-hints-widget .button.previous{bottom:24px}.monaco-editor .parameter-hints-widget .overloads{text-align:center;height:12px;line-height:12px;font-family:var(--monaco-monospace-font)}.monaco-editor .parameter-hints-widget .signature .parameter.active{color:var(--vscode-editorHoverWidget-highlightForeground);font-weight:700}.monaco-editor .parameter-hints-widget .documentation-parameter>.parameter{font-weight:700;margin-right:.5em}.monaco-editor .editorPlaceholder{top:0;position:absolute;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap;pointer-events:none;color:var(--vscode-editor-placeholder-foreground)}.monaco-editor .rename-box{z-index:100;color:inherit;border-radius:4px}.monaco-editor .rename-box.preview{padding:4px 4px 0}.monaco-editor .rename-box .rename-input-with-button{padding:3px;border-radius:2px;width:calc(100% - 8px)}.monaco-editor .rename-box .rename-input{width:calc(100% - 8px);padding:0}.monaco-editor .rename-box .rename-input:focus{outline:none}.monaco-editor .rename-box .rename-suggestions-button{display:flex;align-items:center;padding:3px;background-color:transparent;border:none;border-radius:5px;cursor:pointer}.monaco-editor .rename-box .rename-suggestions-button:hover{background-color:var(--vscode-toolbar-hoverBackground)}.monaco-editor .rename-box .rename-candidate-list-container .monaco-list-row{border-radius:2px}.monaco-editor .rename-box .rename-label{display:none;opacity:.8}.monaco-editor .rename-box.preview .rename-label{display:inherit}.monaco-editor .unicode-highlight{border:1px solid var(--vscode-editorUnicodeHighlight-border);background-color:var(--vscode-editorUnicodeHighlight-background);box-sizing:border-box}.editor-banner{box-sizing:border-box;cursor:default;width:100%;font-size:12px;display:flex;overflow:visible;height:26px;background:var(--vscode-banner-background)}.editor-banner .icon-container{display:flex;flex-shrink:0;align-items:center;padding:0 6px 0 10px}.editor-banner .icon-container.custom-icon{background-repeat:no-repeat;background-position:center center;background-size:16px;width:16px;padding:0;margin:0 6px 0 10px}.editor-banner .message-container{display:flex;align-items:center;line-height:26px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.editor-banner .message-container p{margin-block-start:0;margin-block-end:0}.editor-banner .message-actions-container{flex-grow:1;flex-shrink:0;line-height:26px;margin:0 4px}.editor-banner .message-actions-container a.monaco-button{width:inherit;margin:2px 8px;padding:0 12px}.editor-banner .message-actions-container a{padding:3px;margin-left:12px;text-decoration:underline}.editor-banner .action-container{padding:0 10px 0 6px}.editor-banner{background-color:var(--vscode-banner-background)}.editor-banner,.editor-banner .action-container .codicon,.editor-banner .message-actions-container .monaco-link{color:var(--vscode-banner-foreground)}.editor-banner .icon-container .codicon{color:var(--vscode-banner-iconForeground)}.monaco-link{color:var(--vscode-textLink-foreground)}.monaco-link:hover{color:var(--vscode-textLink-activeForeground)}.floating-menu-overlay-widget{padding:0;color:var(--vscode-button-foreground);background-color:var(--vscode-button-background);border-radius:2px;border:1px solid var(--vscode-contrastBorder);display:flex;align-items:center;z-index:10;box-shadow:0 2px 8px var(--vscode-widget-shadow);overflow:hidden}.floating-menu-overlay-widget .action-item>.action-label{padding:5px;font-size:12px;border-radius:2px}.floating-menu-overlay-widget .action-item>.action-label.codicon{color:var(--vscode-button-foreground)}.floating-menu-overlay-widget .action-item>.action-label.codicon:not(.separator){padding-top:6px;padding-bottom:6px}.floating-menu-overlay-widget .action-item:first-child>.action-label{padding-left:7px}.floating-menu-overlay-widget .action-item:last-child>.action-label{padding-right:7px}.floating-menu-overlay-widget .action-item .action-label.separator{background-color:var(--vscode-menu-separatorBackground)}.monaco-editor .iPadShowKeyboard{width:58px;min-width:0;height:36px;min-height:0;margin:0;padding:0;position:absolute;resize:none;overflow:hidden;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCA1MyAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDguMDM2NCA0LjAxMDQySDQuMDA3NzlMNC4wMDc3OSAzMi4wMjg2SDQ4LjAzNjRWNC4wMTA0MlpNNC4wMDc3OSAwLjAwNzgxMjVDMS43OTcyMSAwLjAwNzgxMjUgMC4wMDUxODc5OSAxLjc5OTg0IDAuMDA1MTg3OTkgNC4wMTA0MlYzMi4wMjg2QzAuMDA1MTg3OTkgMzQuMjM5MiAxLjc5NzIxIDM2LjAzMTIgNC4wMDc3OSAzNi4wMzEySDQ4LjAzNjRDNTAuMjQ3IDM2LjAzMTIgNTIuMDM5IDM0LjIzOTIgNTIuMDM5IDMyLjAyODZWNC4wMTA0MkM1Mi4wMzkgMS43OTk4NCA1MC4yNDcgMC4wMDc4MTI1IDQ4LjAzNjQgMC4wMDc4MTI1SDQuMDA3NzlaTTguMDEwNDIgOC4wMTMwMkgxMi4wMTNWMTIuMDE1Nkg4LjAxMDQyVjguMDEzMDJaTTIwLjAxODIgOC4wMTMwMkgxNi4wMTU2VjEyLjAxNTZIMjAuMDE4MlY4LjAxMzAyWk0yNC4wMjA4IDguMDEzMDJIMjguMDIzNFYxMi4wMTU2SDI0LjAyMDhWOC4wMTMwMlpNMzYuMDI4NiA4LjAxMzAySDMyLjAyNlYxMi4wMTU2SDM2LjAyODZWOC4wMTMwMlpNNDAuMDMxMiA4LjAxMzAySDQ0LjAzMzlWMTIuMDE1Nkg0MC4wMzEyVjguMDEzMDJaTTE2LjAxNTYgMTYuMDE4Mkg4LjAxMDQyVjIwLjAyMDhIMTYuMDE1NlYxNi4wMTgyWk0yMC4wMTgyIDE2LjAxODJIMjQuMDIwOFYyMC4wMjA4SDIwLjAxODJWMTYuMDE4MlpNMzIuMDI2IDE2LjAxODJIMjguMDIzNFYyMC4wMjA4SDMyLjAyNlYxNi4wMTgyWk00NC4wMzM5IDE2LjAxODJWMjAuMDIwOEgzNi4wMjg2VjE2LjAxODJINDQuMDMzOVpNMTIuMDEzIDI0LjAyMzRIOC4wMTA0MlYyOC4wMjZIMTIuMDEzVjI0LjAyMzRaTTE2LjAxNTYgMjQuMDIzNEgzNi4wMjg2VjI4LjAyNkgxNi4wMTU2VjI0LjAyMzRaTTQ0LjAzMzkgMjQuMDIzNEg0MC4wMzEyVjI4LjAyNkg0NC4wMzM5VjI0LjAyMzRaIiBmaWxsPSIjNDI0MjQyIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==) center center no-repeat;border:4px solid #F6F6F6;border-radius:4px}.monaco-editor.vs-dark .iPadShowKeyboard{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCA1MyAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDguMDM2NCA0LjAxMDQySDQuMDA3NzlMNC4wMDc3OSAzMi4wMjg2SDQ4LjAzNjRWNC4wMTA0MlpNNC4wMDc3OSAwLjAwNzgxMjVDMS43OTcyMSAwLjAwNzgxMjUgMC4wMDUxODc5OSAxLjc5OTg0IDAuMDA1MTg3OTkgNC4wMTA0MlYzMi4wMjg2QzAuMDA1MTg3OTkgMzQuMjM5MiAxLjc5NzIxIDM2LjAzMTIgNC4wMDc3OSAzNi4wMzEySDQ4LjAzNjRDNTAuMjQ3IDM2LjAzMTIgNTIuMDM5IDM0LjIzOTIgNTIuMDM5IDMyLjAyODZWNC4wMTA0MkM1Mi4wMzkgMS43OTk4NCA1MC4yNDcgMC4wMDc4MTI1IDQ4LjAzNjQgMC4wMDc4MTI1SDQuMDA3NzlaTTguMDEwNDIgOC4wMTMwMkgxMi4wMTNWMTIuMDE1Nkg4LjAxMDQyVjguMDEzMDJaTTIwLjAxODIgOC4wMTMwMkgxNi4wMTU2VjEyLjAxNTZIMjAuMDE4MlY4LjAxMzAyWk0yNC4wMjA4IDguMDEzMDJIMjguMDIzNFYxMi4wMTU2SDI0LjAyMDhWOC4wMTMwMlpNMzYuMDI4NiA4LjAxMzAySDMyLjAyNlYxMi4wMTU2SDM2LjAyODZWOC4wMTMwMlpNNDAuMDMxMiA4LjAxMzAySDQ0LjAzMzlWMTIuMDE1Nkg0MC4wMzEyVjguMDEzMDJaTTE2LjAxNTYgMTYuMDE4Mkg4LjAxMDQyVjIwLjAyMDhIMTYuMDE1NlYxNi4wMTgyWk0yMC4wMTgyIDE2LjAxODJIMjQuMDIwOFYyMC4wMjA4SDIwLjAxODJWMTYuMDE4MlpNMzIuMDI2IDE2LjAxODJIMjguMDIzNFYyMC4wMjA4SDMyLjAyNlYxNi4wMTgyWk00NC4wMzM5IDE2LjAxODJWMjAuMDIwOEgzNi4wMjg2VjE2LjAxODJINDQuMDMzOVpNMTIuMDEzIDI0LjAyMzRIOC4wMTA0MlYyOC4wMjZIMTIuMDEzVjI0LjAyMzRaTTE2LjAxNTYgMjQuMDIzNEgzNi4wMjg2VjI4LjAyNkgxNi4wMTU2VjI0LjAyMzRaTTQ0LjAzMzkgMjQuMDIzNEg0MC4wMzEyVjI4LjAyNkg0NC4wMzM5VjI0LjAyMzRaIiBmaWxsPSIjQzVDNUM1Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==) center center no-repeat;border:4px solid #252526}.monaco-editor .tokens-inspect-widget{z-index:50;-moz-user-select:text;user-select:text;-webkit-user-select:text;padding:10px;color:var(--vscode-editorHoverWidget-foreground);background-color:var(--vscode-editorHoverWidget-background);border:1px solid var(--vscode-editorHoverWidget-border)}.monaco-editor.hc-black .tokens-inspect-widget,.monaco-editor.hc-light .tokens-inspect-widget{border-width:2px}.monaco-editor .tokens-inspect-widget .tokens-inspect-separator{height:1px;border:0;background-color:var(--vscode-editorHoverWidget-border)}.monaco-editor .tokens-inspect-widget .tm-token{font-family:var(--monaco-monospace-font)}.monaco-editor .tokens-inspect-widget .tm-token-length{font-weight:400;font-size:60%;float:right}.monaco-editor .tokens-inspect-widget .tm-metadata-table{width:100%}.monaco-editor .tokens-inspect-widget .tm-metadata-value{font-family:var(--monaco-monospace-font);text-align:right}.monaco-editor .tokens-inspect-widget .tm-token-type{font-family:var(--monaco-monospace-font)}.monaco-editor{font-family:-apple-system,BlinkMacSystemFont,Segoe WPC,Segoe UI,HelveticaNeue-Light,system-ui,Ubuntu,Droid Sans,sans-serif;--monaco-monospace-font: "SF Mono", Monaco, Menlo, Consolas, "Ubuntu Mono", "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace}.monaco-menu .monaco-action-bar.vertical .action-item .action-menu-item:focus .action-label{stroke-width:1.2px}.monaco-editor.vs-dark .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label,.monaco-editor.hc-black .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label,.monaco-editor.hc-light .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label{stroke-width:1.2px}.monaco-hover p{margin:0}.monaco-aria-container{position:absolute!important;top:0;height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%)}.monaco-editor .synthetic-focus,.monaco-diff-editor .synthetic-focus,.monaco-editor [tabindex="0"]:focus,.monaco-diff-editor [tabindex="0"]:focus,.monaco-editor [tabindex="-1"]:focus,.monaco-diff-editor [tabindex="-1"]:focus,.monaco-editor button:focus,.monaco-diff-editor button:focus,.monaco-editor input[type=button]:focus,.monaco-diff-editor input[type=button]:focus,.monaco-editor input[type=checkbox]:focus,.monaco-diff-editor input[type=checkbox]:focus,.monaco-editor input[type=search]:focus,.monaco-diff-editor input[type=search]:focus,.monaco-editor input[type=text]:focus,.monaco-diff-editor input[type=text]:focus,.monaco-editor select:focus,.monaco-diff-editor select:focus,.monaco-editor textarea:focus,.monaco-diff-editor textarea:focus{outline-width:1px;outline-style:solid;outline-offset:-1px;outline-color:var(--vscode-focusBorder);opacity:1}.monaco-hover.workbench-hover{position:relative;font-size:13px;line-height:19px;z-index:40;overflow:hidden;max-width:700px;background:var(--vscode-editorHoverWidget-background);border:1px solid var(--vscode-editorHoverWidget-border);border-radius:5px;color:var(--vscode-editorHoverWidget-foreground);box-shadow:0 2px 8px var(--vscode-widget-shadow)}.monaco-hover.workbench-hover .monaco-action-bar .action-item .codicon{width:13px;height:13px}.monaco-hover.workbench-hover hr{border-bottom:none}.monaco-hover.workbench-hover.compact{font-size:12px}.monaco-hover.workbench-hover.compact .monaco-action-bar .action-item .codicon{width:12px;height:12px}.monaco-hover.workbench-hover.compact .hover-contents{padding:2px 8px}.workbench-hover-container.locked .monaco-hover.workbench-hover{outline:1px solid var(--vscode-editorHoverWidget-border)}.workbench-hover-container:focus-within.locked .monaco-hover.workbench-hover{outline-color:var(--vscode-focusBorder)}.workbench-hover-pointer{position:absolute;z-index:41;pointer-events:none}.workbench-hover-pointer:after{content:"";position:absolute;width:5px;height:5px;background-color:var(--vscode-editorHoverWidget-background);border-right:1px solid var(--vscode-editorHoverWidget-border);border-bottom:1px solid var(--vscode-editorHoverWidget-border)}.workbench-hover-container:not(:focus-within).locked .workbench-hover-pointer:after{width:4px;height:4px;border-right-width:2px;border-bottom-width:2px}.workbench-hover-container:focus-within .workbench-hover-pointer:after{border-right:1px solid var(--vscode-focusBorder);border-bottom:1px solid var(--vscode-focusBorder)}.workbench-hover-pointer.left{left:-3px}.workbench-hover-pointer.right{right:3px}.workbench-hover-pointer.top{top:-3px}.workbench-hover-pointer.bottom{bottom:3px}.workbench-hover-pointer.left:after{transform:rotate(135deg)}.workbench-hover-pointer.right:after{transform:rotate(315deg)}.workbench-hover-pointer.top:after{transform:rotate(225deg)}.workbench-hover-pointer.bottom:after{transform:rotate(45deg)}.monaco-hover.workbench-hover a{color:var(--vscode-textLink-foreground)}.monaco-hover.workbench-hover a:focus{outline:1px solid;outline-offset:-1px;text-decoration:underline;outline-color:var(--vscode-focusBorder)}.monaco-hover.workbench-hover a.codicon:focus,.monaco-hover.workbench-hover a.monaco-button:focus{text-decoration:none}.monaco-hover.workbench-hover a:hover,.monaco-hover.workbench-hover a:active{color:var(--vscode-textLink-activeForeground)}.monaco-hover.workbench-hover code{background:var(--vscode-textCodeBlock-background)}.monaco-hover.workbench-hover .hover-row .actions{background:var(--vscode-editorHoverWidget-statusBarBackground)}.monaco-hover.workbench-hover.right-aligned{left:1px}.monaco-hover.workbench-hover.right-aligned .hover-row.status-bar .actions{flex-direction:row-reverse}.monaco-hover.workbench-hover.right-aligned .hover-row.status-bar .actions .action-container{margin-right:0;margin-left:16px}.context-view{position:absolute}.context-view.fixed{all:initial;font-family:inherit;font-size:13px;position:fixed;color:inherit}.quick-input-widget{font-size:13px}.quick-input-widget .monaco-highlighted-label .highlight{color:#0066bf}.vs .quick-input-widget .monaco-list-row.focused .monaco-highlighted-label .highlight{color:#9dddff}.vs-dark .quick-input-widget .monaco-highlighted-label .highlight{color:#0097fb}.hc-black .quick-input-widget .monaco-highlighted-label .highlight{color:#f38518}.hc-light .quick-input-widget .monaco-highlighted-label .highlight{color:#0f4a85}.monaco-keybinding>.monaco-keybinding-key{background-color:#ddd6;border:solid 1px rgba(204,204,204,.4);border-bottom-color:#bbb6;box-shadow:inset 0 -1px #bbb6;color:#555}.hc-black .monaco-keybinding>.monaco-keybinding-key{background-color:transparent;border:solid 1px rgb(111,195,223);box-shadow:none;color:#fff}.hc-light .monaco-keybinding>.monaco-keybinding-key{background-color:transparent;border:solid 1px #0F4A85;box-shadow:none;color:#292929}.vs-dark .monaco-keybinding>.monaco-keybinding-key{background-color:#8080802b;border:solid 1px rgba(51,51,51,.6);border-bottom-color:#4449;box-shadow:inset 0 -1px #4449;color:#ccc}.quick-input-widget{position:absolute;width:600px;z-index:2550;left:50%;-webkit-app-region:no-drag;border-radius:6px}.quick-input-titlebar{cursor:grab;display:flex;align-items:center;border-top-right-radius:5px;border-top-left-radius:5px}.quick-input-left-action-bar{display:flex;margin-left:4px;flex:1}.quick-input-inline-action-bar>.actions-container>.action-item:first-child{margin-left:5px}.quick-input-inline-action-bar>.actions-container>.action-item{margin-top:2px}.quick-input-title{cursor:grab;padding:3px 0;text-align:center;text-overflow:ellipsis;overflow:hidden}.quick-input-right-action-bar{display:flex;margin-right:4px;flex:1}.quick-input-right-action-bar>.actions-container{justify-content:flex-end}.quick-input-right-action-bar>.actions-container>.action-item{margin-left:4px}.quick-input-titlebar .monaco-action-bar .action-label.codicon{background-position:center;background-repeat:no-repeat;padding:2px}.quick-input-description{margin:6px 6px 6px 11px}.quick-input-header .quick-input-description{margin:4px 2px;flex:1}.quick-input-header{cursor:grab;display:flex;padding:6px 6px 2px}.quick-input-widget.hidden-input .quick-input-header{padding:0;margin-bottom:0}.quick-input-and-message{display:flex;flex-direction:column;flex-grow:1;min-width:0;position:relative}.quick-input-check-all{align-self:center;margin:0}.quick-input-widget .quick-input-header .monaco-checkbox{margin-top:6px}.quick-input-filter{flex-grow:1;display:flex;position:relative}.quick-input-box{flex-grow:1}.quick-input-widget.show-checkboxes .quick-input-box,.quick-input-widget.show-checkboxes .quick-input-message{margin-left:5px}.quick-input-visible-count{position:absolute;left:-10000px}.quick-input-count{align-self:center;position:absolute;right:4px;display:flex;align-items:center}.quick-input-count .monaco-count-badge{vertical-align:middle;padding:2px 4px;border-radius:2px;min-height:auto;line-height:normal}.quick-input-action{margin-left:6px}.quick-input-action .monaco-text-button{font-size:11px;padding:0 6px;display:flex;height:25px;align-items:center}.quick-input-message{margin-top:-1px;padding:5px;overflow-wrap:break-word}.quick-input-message>.codicon{margin:0 .2em;vertical-align:text-bottom}.quick-input-message a{color:inherit}.quick-input-progress.monaco-progress-container{position:relative}.quick-input-list{line-height:22px}.quick-input-widget.hidden-input .quick-input-list{margin-top:4px;padding-bottom:4px}.quick-input-list .monaco-list{overflow:hidden;max-height:440px;padding-bottom:5px}.quick-input-list .monaco-scrollable-element{padding:0 6px}.quick-input-list .quick-input-list-entry{box-sizing:border-box;overflow:hidden;display:flex;padding:0 6px}.quick-input-list .quick-input-list-entry.quick-input-list-separator-border{border-top-width:1px;border-top-style:solid}.quick-input-list .monaco-list-row{border-radius:3px}.quick-input-list .monaco-list-row[data-index="0"] .quick-input-list-entry.quick-input-list-separator-border{border-top-style:none}.quick-input-list .quick-input-list-label{overflow:hidden;display:flex;height:100%;flex:1}.quick-input-widget .monaco-checkbox{margin-right:0}.quick-input-widget .quick-input-list .monaco-checkbox,.quick-input-widget .quick-input-tree .monaco-checkbox{margin-top:4px}.quick-input-list .quick-input-list-icon{background-size:16px;background-position:left center;background-repeat:no-repeat;padding-right:6px;width:16px;height:22px;display:flex;align-items:center;justify-content:center}.quick-input-list .quick-input-list-rows{overflow:hidden;text-overflow:ellipsis;display:flex;flex-direction:column;height:100%;flex:1;margin-left:5px}.quick-input-list .quick-input-list-rows>.quick-input-list-row{display:flex;align-items:center}.quick-input-list .quick-input-list-rows>.quick-input-list-row .monaco-icon-label,.quick-input-list .quick-input-list-rows>.quick-input-list-row .monaco-icon-label .monaco-icon-label-container>.monaco-icon-name-container{flex:1}.quick-input-list .quick-input-list-rows>.quick-input-list-row .codicon[class*=codicon-]{vertical-align:text-bottom}.quick-input-list .quick-input-list-rows .monaco-highlighted-label>span{opacity:1}.quick-input-list .quick-input-list-entry .quick-input-list-entry-keybinding{margin-right:8px}.quick-input-list .quick-input-list-label-meta{opacity:.7;line-height:normal;text-overflow:ellipsis;overflow:hidden}.quick-input-list .monaco-list .monaco-list-row .monaco-highlighted-label .highlight{font-weight:700;background-color:unset;color:var(--vscode-list-highlightForeground)!important}.quick-input-list .monaco-list .monaco-list-row.focused .monaco-highlighted-label .highlight{color:var(--vscode-list-focusHighlightForeground)!important}.quick-input-list .quick-input-list-entry .quick-input-list-separator{margin-right:4px}.quick-input-list .quick-input-list-entry-action-bar{display:flex;flex:0;overflow:visible}.quick-input-list .quick-input-list-entry-action-bar .action-label{display:none}.quick-input-list .quick-input-list-entry-action-bar .action-label.codicon{margin-right:4px;padding:2px}.quick-input-list .quick-input-list-entry-action-bar{margin-top:1px}.quick-input-list .quick-input-list-entry-action-bar{margin-right:4px}.quick-input-list .quick-input-list-entry .quick-input-list-entry-action-bar .action-label.always-visible,.quick-input-list .quick-input-list-entry:hover .quick-input-list-entry-action-bar .action-label,.quick-input-list .quick-input-list-entry.focus-inside .quick-input-list-entry-action-bar .action-label,.quick-input-list .monaco-list-row.focused .quick-input-list-entry-action-bar .action-label,.quick-input-list .monaco-list-row.passive-focused .quick-input-list-entry-action-bar .action-label{display:flex}.quick-input-list>.monaco-list:focus .monaco-list-row.focused{outline:1px solid var(--vscode-list-focusOutline)!important;outline-offset:-1px}.quick-input-list>.monaco-list:focus .monaco-list-row.focused .quick-input-list-entry.quick-input-list-separator-border{border-color:transparent}.quick-input-list .monaco-list-row.focused .monaco-keybinding-key,.quick-input-list .monaco-list-row.focused .quick-input-list-entry .quick-input-list-separator{color:inherit}.quick-input-list .monaco-list-row.focused .monaco-keybinding-key{background:none}.quick-input-list .quick-input-list-separator-as-item{padding:4px 6px;font-size:12px}.quick-input-list .quick-input-list-separator-as-item .label-name{font-weight:600}.quick-input-list .quick-input-list-separator-as-item .label-description{opacity:1!important}.quick-input-list .monaco-tree-sticky-row .quick-input-list-entry.quick-input-list-separator-as-item.quick-input-list-separator-border{border-top-style:none}.quick-input-list .monaco-tree-sticky-row{padding:0 5px}.quick-input-list .monaco-tl-twistie{display:none!important}.quick-input-tree .monaco-list{overflow:hidden;max-height:440px;padding-bottom:5px}.quick-input-tree .quick-input-tree-entry{box-sizing:border-box;overflow:hidden;display:flex;padding:0 6px}.quick-input-tree .quick-input-tree-label{overflow:hidden;display:flex;height:100%;flex:1}.quick-input-tree .quick-input-tree-icon{background-size:16px;background-position:left center;background-repeat:no-repeat;padding-right:6px;width:16px;height:22px;display:flex;align-items:center;justify-content:center}.quick-input-tree .quick-input-tree-rows{overflow:hidden;text-overflow:ellipsis;display:flex;flex-direction:column;height:100%;flex:1;margin-left:5px}.quick-input-tree .quick-input-tree-rows>.quick-input-tree-row{display:flex;align-items:center}.quick-input-tree .quick-input-tree-rows>.quick-input-tree-row .monaco-icon-label,.quick-input-tree .quick-input-tree-rows>.quick-input-tree-row .monaco-icon-label .monaco-icon-label-container>.monaco-icon-name-container{flex:1}.quick-input-tree .quick-input-tree-rows>.quick-input-tree-row .codicon[class*=codicon-]{vertical-align:text-bottom}.quick-input-tree .quick-input-tree-rows .monaco-highlighted-label>span{opacity:1}.quick-input-tree .quick-input-tree-entry-action-bar{display:flex;flex:0;overflow:visible}.quick-input-tree .quick-input-tree-entry-action-bar .action-label{display:none}.quick-input-tree .quick-input-tree-entry-action-bar .action-label.codicon{margin-right:4px;padding:2px}.quick-input-tree .quick-input-tree-entry-action-bar{margin-top:1px}.quick-input-tree .quick-input-tree-entry-action-bar{margin-right:4px}.quick-input-tree .quick-input-tree-entry .quick-input-tree-entry-action-bar .action-label.always-visible,.quick-input-tree .quick-input-tree-entry:hover .quick-input-tree-entry-action-bar .action-label,.quick-input-tree .quick-input-tree-entry.focus-inside .quick-input-tree-entry-action-bar .action-label,.quick-input-tree .monaco-list-row.focused .quick-input-tree-entry-action-bar .action-label,.quick-input-tree .monaco-list-row.passive-focused .quick-input-tree-entry-action-bar .action-label{display:flex}.quick-input-tree>.monaco-list:focus .monaco-list-row.focused{outline:1px solid var(--vscode-list-focusOutline)!important;outline-offset:-1px}.monaco-progress-container{width:100%;height:2px;overflow:hidden}.monaco-progress-container .progress-bit{width:2%;height:2px;position:absolute;left:0;display:none}.monaco-progress-container.active .progress-bit{display:inherit}.monaco-progress-container.discrete .progress-bit{left:0;transition:width .1s linear}.monaco-progress-container.discrete.done .progress-bit{width:100%}.monaco-progress-container.infinite .progress-bit{animation-name:progress;animation-duration:4s;animation-iteration-count:infinite;transform:translateZ(0);animation-timing-function:linear}.monaco-progress-container.infinite.infinite-long-running .progress-bit{animation-timing-function:steps(100)}@keyframes progress{0%{transform:translate(0) scaleX(1)}50%{transform:translate(2500%) scaleX(3)}to{transform:translate(4900%) scaleX(1)}}.monaco-editor .rendered-markdown kbd{background-color:var(--vscode-keybindingLabel-background);color:var(--vscode-keybindingLabel-foreground);border-style:solid;border-width:1px;border-radius:3px;border-color:var(--vscode-keybindingLabel-border);border-bottom-color:var(--vscode-keybindingLabel-bottomBorder);box-shadow:inset 0 -1px 0 var(--vscode-widget-shadow);vertical-align:middle;padding:1px 3px}.rendered-markdown li:has(input[type=checkbox]){list-style-type:none}.monaco-component.multiDiffEditor{background:var(--vscode-multiDiffEditor-background);position:relative;height:100%;width:100%;overflow-y:hidden}.monaco-component.multiDiffEditor>div{position:absolute;top:0;left:0;height:100%;width:100%}.monaco-component.multiDiffEditor>div.placeholder{visibility:hidden;display:grid;place-items:center;place-content:center}.monaco-component.multiDiffEditor>div.placeholder.visible{visibility:visible}.monaco-component.multiDiffEditor .active{--vscode-multiDiffEditor-border: var(--vscode-focusBorder)}.monaco-component.multiDiffEditor .multiDiffEntry{display:flex;flex-direction:column;flex:1;overflow:hidden}.monaco-component.multiDiffEditor .multiDiffEntry .collapse-button{margin:0 5px;cursor:pointer}.monaco-component.multiDiffEditor .multiDiffEntry .collapse-button a{display:block}.monaco-component.multiDiffEditor .multiDiffEntry .header{z-index:1000;background:var(--vscode-editor-background)}.monaco-component.multiDiffEditor .multiDiffEntry .header:not(.collapsed) .header-content{border-bottom:1px solid var(--vscode-sideBarSectionHeader-border)}.monaco-component.multiDiffEditor .multiDiffEntry .header .header-content{margin:8px 0 0;padding:4px 5px;border-top:1px solid var(--vscode-multiDiffEditor-border);display:flex;align-items:center;color:var(--vscode-foreground);background:var(--vscode-multiDiffEditor-headerBackground)}.monaco-component.multiDiffEditor .multiDiffEntry .header .header-content.shadow{box-shadow:var(--vscode-scrollbar-shadow) 0 6px 6px -6px}.monaco-component.multiDiffEditor .multiDiffEntry .header .header-content .file-path{display:flex;flex:1;min-width:0}.monaco-component.multiDiffEditor .multiDiffEntry .header .header-content .file-path .title{font-size:14px;line-height:22px}.monaco-component.multiDiffEditor .multiDiffEntry .header .header-content .file-path .title.original{flex:1;min-width:0;text-overflow:ellipsis}.monaco-component.multiDiffEditor .multiDiffEntry .header .header-content .file-path .status{font-weight:600;opacity:.75;margin:0 10px;line-height:22px}.monaco-component.multiDiffEditor .multiDiffEntry .header .header-content .actions{padding:0 8px}.monaco-component.multiDiffEditor .multiDiffEntry .editorParent{flex:1;display:flex;flex-direction:column;border-bottom:1px solid var(--vscode-multiDiffEditor-border);overflow:hidden}.monaco-component.multiDiffEditor .multiDiffEntry .editorContainer{flex:1}
/* Absolute rows carry the existing column inset and gap so measurement includes both. */
.promptbench-root .pb-board-column-cards[data-virtualized] { display: block; padding: 0 !important; }
.promptbench-root [data-board-virtual-index] { box-sizing: border-box; padding: 0 .25rem .2rem; }
/* Shared Tasks & Roadmap and Dev Canvas structure card presentation. */
.workspace-structure-card-shell {
  --pb-linear-border: hsl(var(--border) / 0.62);
  --pb-linear-border-soft: hsl(var(--border) / 0.38);
  --pb-linear-ring: hsl(var(--ring) / 0.95);
  color: #ffffff;
  min-height: 1.75rem;
}

.workspace-structure-card-shell {
  border: 1px solid var(--pb-linear-border-soft) !important;
  border-radius: 0.55rem !important;
  background: hsl(var(--background) / 0.84) !important;
  padding: 0.34rem 0.45rem !important;
  box-shadow:
    0 1px 0 hsl(var(--foreground) / 0.02),
    0 0 0 1px transparent;
}

.workspace-structure-card-shell:hover {
  border-color: var(--pb-linear-border) !important;
  background: hsl(var(--background) / 0.92) !important;
}

.workspace-structure-card-content,
.workspace-structure-card-content input,
.workspace-structure-card-content .font-medium,
.workspace-structure-card-content .pb-board-card-field,
.workspace-structure-card-content [data-pb-card-field] {
  font-size: 11px !important;
  line-height: 1.35 !important;
}

.workspace-structure-card-shell .workspace-structure-card-content .font-medium,
.workspace-structure-card-shell .workspace-structure-card-content .pb-board-card-field,
.workspace-structure-card-shell .workspace-structure-card-content [data-pb-card-field] {
  color: #ffffff !important;
}

.workspace-structure-card-content .pb-board-card-field,
.workspace-structure-card-content .pb-board-card-field:focus,
.workspace-structure-card-content .pb-board-card-field:focus-visible {
  display: block;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  outline-offset: 0 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  resize: none;
  field-sizing: content;
}

.workspace-structure-card-content .pb-board-card-field-wrap {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
  max-width: 100%;
}

.workspace-structure-card-content .pb-board-tag-grid {
  flex: 0 0 42%;
  max-width: 12rem;
  gap: 0.1875rem;
}

.workspace-structure-card-content .pb-board-tag-cell {
  min-width: 0;
}

.workspace-structure-card-content .pb-board-tag-cell > button {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  border-radius: 0.1875rem;
  justify-content: center;
  overflow: hidden;
  text-overflow: ellipsis;
}

.workspace-structure-card-content .pb-board-tag-cell > button,
.workspace-structure-card-content .pb-board-tag-cell > button span {
  font-size: 10px !important;
  line-height: 1.2 !important;
}

:is(.promptbench-root, .workspace-structure-card-content) .pb-prompt-task-body {
  position: relative;
  margin-top: 0.25rem;
  padding-top: 0.25rem;
  border-top: 1px solid var(--pb-linear-border-soft);
}

:is(.promptbench-root, .workspace-structure-card-content) .pb-prompt-task-copy {
  position: absolute;
  top: 0.125rem;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  color: inherit;
  opacity: 0.65;
}

:is(.promptbench-root, .workspace-structure-card-content) .pb-prompt-task-copy:hover,
:is(.promptbench-root, .workspace-structure-card-content) .pb-prompt-task-copy:focus-visible {
  opacity: 1;
  background: hsl(var(--foreground) / 0.08);
}

:is(.promptbench-root, .workspace-structure-card-content) .pb-prompt-task-entry {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--pb-linear-border-soft);
  padding-top: 0.125rem;
}

:is(.promptbench-root, .workspace-structure-card-content) .pb-prompt-task-entry-heading {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

:is(.promptbench-root, .workspace-structure-card-content) .pb-workspace-structure-body .pb-prompt-task-entry-heading {
  min-height: 1.25rem;
}

:is(.promptbench-root, .workspace-structure-card-content) .pb-prompt-task-entry-heading > span {
  flex: 1;
  font-size: 10px !important;
  line-height: 1.3 !important;
  opacity: 0.65;
}

:is(.promptbench-root, .workspace-structure-card-content) .pb-prompt-task-entry:first-of-type .pb-prompt-task-entry-heading {
  padding-right: 1.5rem;
}

:is(.promptbench-root, .workspace-structure-card-content) .pb-structure-area-control {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.125rem;
  height: 1.125rem;
  opacity: 0.5;
  border-radius: 0.125rem;
}

:is(.promptbench-root, .workspace-structure-card-content) .pb-structure-area-control:hover,
:is(.promptbench-root, .workspace-structure-card-content) .pb-structure-area-control:focus-visible {
  opacity: 1;
  background: hsl(var(--foreground) / 0.08);
}

:is(:is(.promptbench-root, .workspace-structure-card-content) .pb-board-surface, .workspace-structure-card-content) .pb-structure-area-name {
  flex: 1;
  width: 0;
  min-width: 0;
  height: 1.25rem;
  min-height: 1.25rem !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent;
  font-size: 10px !important;
}

:is(.promptbench-root, .workspace-structure-card-content) .pb-structure-removed-areas {
  margin-top: 0.375rem;
  font-size: 10px;
}

:is(.promptbench-root, .workspace-structure-card-content) .pb-structure-removed-areas summary {
  cursor: pointer;
  opacity: 0.65;
}

:is(.promptbench-root, .workspace-structure-card-content) .pb-structure-removed-areas button {
  display: block;
  padding-top: 0.25rem;
}

:is(.promptbench-root, .workspace-structure-card-content) .pb-structure-removed-areas button:hover {
  text-decoration: underline;
}

:is(:is(.promptbench-root, .workspace-structure-card-content) .pb-board-surface, .workspace-structure-card-content) .pb-prompt-task-entry textarea,
:is(:is(.promptbench-root, .workspace-structure-card-content) .pb-board-surface, .workspace-structure-card-content) .pb-prompt-task-entry select {
  display: block;
  width: 100%;
  min-height: 1.125rem !important;
  padding: 0 !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  field-sizing: content;
  resize: vertical;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0;
  background: transparent;
  box-shadow: none !important;
  color: inherit;
}

:is(:is(.promptbench-root, .workspace-structure-card-content) .pb-board-surface, .workspace-structure-card-content) .pb-workspace-structure-body textarea {
  min-height: 6rem !important;
}

.rd-task-boards { --pb-linear-panel: var(--core-panel); --pb-linear-panel-strong: var(--core-panel); display: flex; flex: 1; height: 100%; min-height: 0; min-width: 0; overflow: hidden; background: var(--core-panel); }
.rd-task-boards-sidebar { display: flex; flex-direction: column; flex: 0 0 var(--core-panel-width, 200px); min-width: 0; overflow-y: auto; background: var(--core-panel); color: var(--core-ink); border-right: 1px solid var(--core-line); }
.rd-task-boards .rd-task-boards-header { display: flex; flex-shrink: 0; align-items: center; gap: 6px; padding: 0 6px 0 12px; border-bottom: 1px solid var(--core-line); }
.rd-task-boards .rd-task-boards-title { flex: 1; min-width: 0; font-size: var(--pb-planner-text-size, 12px) !important; font-weight: 500; line-height: 20px !important; }
.rd-task-boards-header > svg { flex-shrink: 0; color: var(--core-muted); }
.rd-task-boards-icon { display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: var(--core-control-height); height: var(--core-control-height); padding: 0; border: 0; border-radius: 3px; background: transparent; color: var(--core-muted); }
.rd-task-boards-icon:hover, .rd-task-boards-icon:focus-visible { background: var(--core-hover); color: var(--core-ink); }
.rd-task-boards-list { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 6px; }
.rd-task-board-row { position: relative; display: flex; min-width: 0; }
.rd-task-boards .rd-task-board-link { display: flex; flex: 1; align-items: center; gap: 6px !important; min-width: 0; width: 100%; padding-inline: 6px 30px !important; border: 0; text-align: left; }
.rd-task-boards .rd-task-board-link span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--pb-planner-text-size, 12px) !important; font-weight: 400; line-height: 20px !important; text-transform: none; }
.rd-task-boards .rd-task-board-link[aria-current='page'] span { font-weight: 500; }
.rd-task-board-link svg { flex-shrink: 0; color: var(--core-muted); }
.rd-task-board-link[aria-current='page'] svg { color: var(--core-ink); }
.rd-task-board-rename { position: absolute; top: 50%; right: 3px; width: 20px; height: 20px; transform: translateY(-50%); opacity: 0; pointer-events: none; }
.rd-task-board-row:hover .rd-task-board-rename, .rd-task-board-row:focus-within .rd-task-board-rename { opacity: 1; pointer-events: auto; }
.rd-task-board-form { padding: 2px 8px 8px; }
.rd-task-board-form input { width: 100%; min-width: 0; padding: 4px 6px; border: 1px solid var(--core-button-line); border-radius: 3px; background: var(--core-field); color: var(--core-ink); }
.rd-task-board-form > div { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 5px; }
.rd-task-board-form button { padding-inline: 6px; }
.rd-task-board-form button:disabled { opacity: .45; }
.rd-task-boards-content { flex: 1; min-width: 0; min-height: 0; overflow: hidden; }

.rd-task-boards[data-sidebar-collapsed] .rd-task-boards-sidebar { flex-basis: 40px; }
.rd-task-boards[data-sidebar-collapsed] .rd-task-boards-header { justify-content: center; padding: 0; }
.rd-task-boards-new { margin: 6px auto 0; }
.rd-task-boards[data-sidebar-collapsed] .rd-task-board-link { justify-content: center; padding-inline: 0 !important; }
.rd-task-boards-section { display: flex; align-items: center; justify-content: space-between; padding: 4px 8px 0; color: var(--core-muted); }
.rd-task-boards-section > span { font-size: var(--core-control-label-size) !important; }
[data-sidebar-collapsed] .rd-task-boards-section { justify-content: center; padding-inline: 0; }
[data-sidebar-collapsed] .rd-task-boards-navigation .rd-task-board-link { justify-content: center; padding-inline: 0 !important; }
/**
 * Promptbench theme — scoped to .promptbench-root.
 * Residents Desk Tailwind uses HSL *channels* (`hsl(var(--border))`), so tokens
 * here must be channel triples — not hex/rgba (those break board chrome).
 */
.promptbench-root {
  --background: 0 0% 10.98%;
  --foreground: 36 9.8% 90%;
  --card: 0 0% 14.12%;
  --card-foreground: 36 9.8% 90%;
  --primary: 204.8 80.4% 53.9%;
  --primary-foreground: 0 0% 100%;
  --secondary: 0 0% 18.04%;
  --secondary-foreground: 40 6.5% 82%;
  --muted: 0 0% 16.08%;
  --muted-foreground: 40 2.5% 52.94%;
  --accent: 0 0% 18.04%;
  --accent-foreground: 36 11.1% 91.18%;
  --border: 0 0% 18%;
  --input: 0 0% 16.08%;
  --ring: 204.8 80.4% 53.9%;
  --destructive: 0 65% 57.45%;
  --destructive-foreground: 0 0% 100%;
  --sidebar: 0 0% 12.94%;
  --sidebar-background: 0 0% 12.94%;
  --sidebar-foreground: 36 9.8% 90%;
  --sidebar-primary: 204.8 80.4% 53.9%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 0 0% 16.86%;
  --sidebar-accent-foreground: 36 9.8% 90%;
  --sidebar-border: 0 0% 18%;
  --sidebar-ring: 204.8 80.4% 53.9%;
  --sidebar-hover: 0 0% 16.86%;
  --sidebar-active: 0 0% 20%;
  --radius: 0.35rem;
  color: hsl(var(--foreground));
  background-color: hsl(var(--background));
  height: 100%;
  min-height: 0;
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
}

.promptbench-root.light {
  --background: 40 23.1% 97.45%;
  --foreground: 0 0% 14.9%;
  --card: 0 0% 100%;
  --card-foreground: 0 0% 14.9%;
  --primary: 203.9 76.4% 43.14%;
  --primary-foreground: 0 0% 100%;
  --secondary: 42.9 18.9% 92.75%;
  --secondary-foreground: 0 0% 25.1%;
  --muted: 42.9 21.2% 93.53%;
  --muted-foreground: 0 0% 45.1%;
  --accent: 42.9 18.9% 92.75%;
  --accent-foreground: 0 0% 14.9%;
  --border: 41.5 17.3% 85.29%;
  --input: 42.9 18.9% 92.75%;
  --ring: 203.9 76.4% 43.14%;
  --destructive: 0 60.8% 48.04%;
  --destructive-foreground: 0 0% 100%;
  --sidebar: 40 23.1% 94.9%;
  --sidebar-background: 40 23.1% 94.9%;
  --sidebar-foreground: 0 0% 14.9%;
  --sidebar-primary: 203.9 76.4% 43.14%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 42 20% 90.2%;
  --sidebar-accent-foreground: 0 0% 14.9%;
  --sidebar-border: 41.5 17.3% 85.29%;
  --sidebar-ring: 203.9 76.4% 43.14%;
  --sidebar-hover: 42 20% 90.2%;
  --sidebar-active: 41.5 20% 87.25%;
}

/* Build Page Tasks & Roadmap follows the site appearance, including theme changes. */
.promptbench-root.rd-tasks-host {
  --pb-text-size: 12px;
  --pb-board-text-size: 11.5px;
  --pb-planner-text-size: 11px;
  --background: inherit;
  --foreground: inherit;
  --card: inherit;
  --card-foreground: inherit;
  --primary: inherit;
  --primary-foreground: inherit;
  --secondary: inherit;
  --secondary-foreground: inherit;
  --muted: inherit;
  --muted-foreground: inherit;
  --accent: inherit;
  --accent-foreground: inherit;
  --border: inherit;
  --input: inherit;
  --ring: inherit;
  --destructive: inherit;
  --destructive-foreground: inherit;
  --sidebar: inherit;
  --sidebar-background: inherit;
  --sidebar-foreground: inherit;
  --sidebar-primary: inherit;
  --sidebar-primary-foreground: inherit;
  --sidebar-accent: inherit;
  --sidebar-accent-foreground: inherit;
  --sidebar-border: inherit;
  --sidebar-ring: inherit;
  --sidebar-hover: inherit;
  --sidebar-active: inherit;
  --radius: inherit;
  color-scheme: inherit;
}

.promptbench-root :focus-visible {
  outline: 2px solid hsl(var(--ring));
  outline-offset: 2px;
}

/* Promptbench-specific sidebar utilities (not in Lorikeet Tailwind theme) */
.promptbench-root .bg-sidebar {
  background-color: hsl(var(--sidebar));
}
.promptbench-root .hover\:bg-sidebar-hover:hover {
  background-color: hsl(var(--sidebar-hover));
}
.promptbench-root .bg-sidebar-active {
  background-color: hsl(var(--sidebar-active));
}

/*
 * Prompt Board type — Lorikeet pack uses 6–9px under their ~110% UI scale.
 * Residents Desk Build Page has no that scale, so those sizes read as zoomed-out.
 * Match Build Page chrome (~13–14px) while keeping the compact layout.
 */
.promptbench-root,
.promptbench-root input,
.promptbench-root textarea,
.promptbench-root select,
.promptbench-root button,
.promptbench-root label,
.promptbench-root p,
.promptbench-root span,
.promptbench-root h1,
.promptbench-root h2,
.promptbench-root h3,
.promptbench-root h4,
.promptbench-root [role='tab'],
.promptbench-root [data-slot='tabs-trigger'],
.promptbench-root [data-slot='command-input'],
.promptbench-root [cmdk-group-heading] {
  font-size: var(--pb-text-size, 13px) !important;
  line-height: 1.35 !important;
}

.promptbench-root [data-tab52-sidebar-header],
.promptbench-root [data-tab52-sidebar-row],
.promptbench-root [data-tab52-sidebar] button,
.promptbench-root [data-tab52-sidebar] input {
  font-size: var(--pb-text-size, 13px) !important;
  line-height: 1.35 !important;
}

/* Controls sized for Build Page */
.promptbench-root [data-slot='button'] {
  height: auto;
  min-height: 1.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.promptbench-root input:not([type='checkbox']):not([type='radio']),
.promptbench-root [data-slot='select-trigger'],
.promptbench-root textarea {
  min-height: 1.75rem !important;
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.promptbench-root .pb-board-column-cards {
  padding: 0;
  gap: 0;
}

.promptbench-root .pb-board-drop-line {
  height: 2px;
  background: rgb(56 189 248);
  box-shadow: 0 0 8px rgb(56 189 248 / 0.65);
  pointer-events: none;
}

.promptbench-root .pb-board-card {
  padding: 0.375rem;
  border-radius: 0 !important;
  border-top: none;
  border-left: none;
  border-right: none;
  box-shadow: none;
}

.promptbench-root .pb-board-card-focused {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28) !important;
}

.promptbench-root .pb-board-card-focused:not([style*='--pb-card-ink']) {
  background: hsl(var(--muted) / 0.35) !important;
}

.promptbench-root .pb-board-card-selected {
  box-shadow: inset 0 0 0 1px rgba(56, 189, 248, 0.85) !important;
}

.promptbench-root .pb-board-card-selected:not([style*='--pb-card-ink']) {
  background: hsl(var(--muted) / 0.45) !important;
}

.promptbench-root .pb-board-card-selected.pb-board-card-focused {
  box-shadow: inset 0 0 0 1px rgba(56, 189, 248, 0.95) !important;
}

.promptbench-root .pb-board-card[style*='--pb-card-ink'].pb-board-card-focused {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.45) !important;
}

.promptbench-root .pb-board-card[style*='--pb-card-ink'].pb-board-card-selected {
  box-shadow: inset 0 0 0 1.5px rgba(56, 189, 248, 0.95) !important;
}

.promptbench-root .pb-board-card[style*='--pb-card-ink'].pb-board-card-selected.pb-board-card-focused {
  box-shadow: inset 0 0 0 1.5px rgba(56, 189, 248, 0.95) !important;
}

.promptbench-root .pb-board-card[style*='--pb-card-ink'] .pb-board-card-note,
.promptbench-root .pb-board-card[style*='--pb-card-ink'] .text-muted-foreground,
.promptbench-root .pb-board-card[style*='--pb-card-ink'] .pb-board-card-placeholder {
  color: var(--pb-card-ink-muted) !important;
}

.promptbench-root .pb-board-card[style*='--pb-card-ink'] .pb-board-card-field {
  color: inherit !important;
}

.promptbench-root .pb-board-card-field-focused {
  background: hsl(var(--foreground) / 0.06);
  border-radius: 1px;
}

.promptbench-root .pb-board-bulk-bar {
  border-radius: 4px;
  font-size: 11px;
}

.promptbench-root .pb-board-marquee-host {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.promptbench-root .pb-board-drop-empty {
  border-radius: 0;
  border-top: none;
  border-left: none;
  border-right: none;
}

.promptbench-root .pb-board-column-resize {
  position: absolute;
  top: 0;
  right: -2px;
  z-index: 2;
  width: 5px;
  height: 100%;
  cursor: col-resize;
  touch-action: none;
}

.promptbench-root .pb-board-column-resize:hover,
.promptbench-root .pb-board-column-resize:active {
  background: hsl(var(--foreground) / 0.12);
}

.promptbench-root .pb-toolbar {
  padding: 0.25rem 0.5rem;
  gap: 0.25rem;
}

.promptbench-root .pb-board-toolbar {
  min-height: 2rem;
  padding: 0.25rem 0.5rem;
  gap: 0.375rem;
}

.promptbench-root .pb-board-toolbar-actions {
  gap: 0.375rem;
}

.promptbench-root .pb-board-segment {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 2px;
  border-radius: 4px;
  border: 1px solid hsl(var(--border) / 0.55);
  background: hsl(var(--muted) / 0.18);
}

.promptbench-root .pb-board-toolbar-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  color: hsl(var(--muted-foreground));
  cursor: pointer;
  border-radius: 2px;
  line-height: 1;
  transition: color 120ms ease, background-color 120ms ease, opacity 120ms ease;
}

.promptbench-root .pb-board-toolbar-btn:hover:not(:disabled) {
  color: hsl(var(--foreground));
  background: hsl(var(--muted) / 0.45);
}

.promptbench-root .pb-board-toolbar-btn[data-active='true'] {
  color: hsl(var(--foreground));
  background: hsl(var(--muted) / 0.62);
}

.promptbench-root .pb-board-toolbar-btn:disabled {
  cursor: not-allowed;
  opacity: 0.35;
}

.promptbench-root .pb-board-toolbar-icon {
  min-height: 1.35rem;
  min-width: 1.35rem;
  padding: 0.2rem;
}

.promptbench-root .pb-board-toolbar-text {
  min-height: 1.5rem;
  padding: 0.25rem 0.5rem;
  font-size: 12px !important;
  font-weight: 500;
  letter-spacing: 0.01em;
  white-space: nowrap;
}

.promptbench-root .pb-board-toolbar-divider {
  display: inline-block;
  width: 1px;
  height: 1rem;
  margin: 0 0.125rem;
  background: hsl(var(--border) / 0.75);
  flex-shrink: 0;
}

.promptbench-root .pb-board-snapshot-history {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
}

.promptbench-root .pb-board-snapshot-history .em-segment {
  min-height: 1.5rem;
  font-size: 10px;
  line-height: 1;
}

.promptbench-root .pb-board-add-btn {
  color: #facc15 !important;
}

.promptbench-root .pb-board-add-btn:hover:not(:disabled) {
  color: #fde047 !important;
  background: hsl(var(--muted) / 0.25) !important;
}

.promptbench-root .pb-board-settings-btn {
  color: hsl(var(--muted-foreground)) !important;
}

.promptbench-root .pb-board-settings-btn[data-active='true'] {
  color: hsl(var(--foreground)) !important;
}

.promptbench-root .pb-board-tab {
  font-size: 12px !important;
  font-weight: 500;
  color: hsl(var(--muted-foreground));
}

.promptbench-root .pb-board-tab[data-state='active'] {
  color: hsl(var(--foreground));
}

/* RD Tasks uses the same 2a/content-width tab chrome as Build Page navigation. */
.promptbench-root .pb-board-toolbar.pb-rd-tasks-toolbar {
  padding: 0;
  backdrop-filter: none;
}

.promptbench-root .pb-rd-tasks-nav .core-workspace-tab-label {
  font-size: var(--core-control-label-size, 11px) !important;
  line-height: 1 !important;
}

.promptbench-root .pb-board-save-status {
  font-size: 11px !important;
  line-height: 1.2 !important;
  white-space: nowrap;
}

/* Board + checklist surface */
.promptbench-root .pb-board-surface {
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    'SF Pro Text',
    'SF Pro Display',
    'Helvetica Neue',
    Helvetica,
    Arial,
    sans-serif;
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
}

.promptbench-root .pb-board-surface,
.promptbench-root .pb-board-surface input,
.promptbench-root .pb-board-surface textarea,
.promptbench-root .pb-board-surface select,
.promptbench-root .pb-board-surface button,
.promptbench-root .pb-board-surface label,
.promptbench-root .pb-board-surface p,
.promptbench-root .pb-board-surface span,
.promptbench-root .pb-board-surface h2,
.promptbench-root .pb-board-surface h3,
.promptbench-root .pb-board-surface [role='menuitem'] {
  font-family: inherit !important;
  font-size: var(--pb-board-text-size, 12.5px) !important;
  line-height: 1.3 !important;
  color: #ffffff;
}

.promptbench-root .pb-board-surface .pb-board-column-header {
  min-height: 1.75rem;
  padding: 0.25rem 0.5rem;
}

.promptbench-root .pb-board-column--collapsed {
  min-height: 100%;
}

.promptbench-root .pb-board-column--collapsed .pb-board-column-header {
  min-height: 0;
  height: 100%;
  padding: 0.375rem 0.125rem;
  border-bottom: none;
}

.promptbench-root .pb-board-column-collapsed-label {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-height: 12rem;
  line-height: 1.1 !important;
  font-size: 11.5px !important;
  color: #ffffff;
}

.promptbench-root .pb-board-column-count {
  display: inline-flex;
  align-items: center;
  margin-left: 0.25rem;
  padding: 0;
  border: none;
  background: transparent !important;
  color: #ffffff !important;
  font-size: 11.5px !important;
  font-weight: 500;
  line-height: 1 !important;
  letter-spacing: 0;
}

.promptbench-root .pb-board-column-add-input {
  font-size: 11px !important;
  line-height: 1.3 !important;
  color: #ffffff !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.promptbench-root .pb-board-column-add-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.45);
}

.promptbench-root .pb-board-column-add-input::placeholder {
  color: rgba(255, 255, 255, 0.45);
}

.promptbench-root .pb-board-surface .pb-board-card {
  padding: 0.375rem 0.5rem;
  min-height: 1.75rem;
  color: #ffffff;
}

.promptbench-root .pb-board-surface .pb-board-card-inner {
  display: flex;
  min-height: 1.5rem;
  align-items: flex-start;
  gap: 0.375rem;
}

.promptbench-root .pb-board-surface .pb-board-card-content,
.promptbench-root .pb-board-surface .pb-board-card-content input {
  font-size: 11px !important;
  line-height: 1.35 !important;
}

.promptbench-root .pb-board-surface .pb-board-card-inner .font-medium,
.promptbench-root .pb-board-surface .pb-board-card-field,
.promptbench-root .pb-board-surface [data-pb-card-field] {
  font-size: 11px !important;
  line-height: 1.35 !important;
  color: #ffffff !important;
}

.promptbench-root .pb-board-surface .pb-board-tag-grid {
  flex: 0 0 42%;
  max-width: 12rem;
  gap: 0.1875rem;
}

.promptbench-root .pb-board-surface .pb-board-tag-cell {
  min-width: 0;
}

.promptbench-root .pb-board-surface .pb-board-tag-cell > button {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  border-radius: 0.1875rem;
  justify-content: center;
  overflow: hidden;
  text-overflow: ellipsis;
}

.promptbench-root .pb-board-surface .pb-board-tag-cell > button,
.promptbench-root .pb-board-surface .pb-board-tag-cell > button span {
  font-size: 10px !important;
  line-height: 1.2 !important;
}

.promptbench-root .pb-board-surface .pb-board-card-note,
.promptbench-root .pb-board-surface .pb-board-card-placeholder,
.promptbench-root .pb-board-surface .text-muted-foreground {
  color: #ffffff !important;
}

/* Colored fills keep contrast ink (not forced white). */
.promptbench-root .pb-board-surface .pb-board-card[style*='--pb-card-ink'] {
  color: var(--pb-card-ink) !important;
}

.promptbench-root .pb-board-surface .pb-board-card[style*='--pb-card-ink'] .pb-board-card-field,
.promptbench-root .pb-board-surface .pb-board-card[style*='--pb-card-ink'] [data-pb-card-field],
.promptbench-root .pb-board-surface .pb-board-card[style*='--pb-card-ink'] .font-medium {
  color: inherit !important;
}

.promptbench-root .pb-board-surface .pb-board-card[style*='--pb-card-ink'] .pb-board-card-note,
.promptbench-root .pb-board-surface .pb-board-card[style*='--pb-card-ink'] .text-muted-foreground,
.promptbench-root .pb-board-surface .pb-board-card[style*='--pb-card-ink'] .pb-board-card-placeholder {
  color: var(--pb-card-ink-muted) !important;
}

.promptbench-root .pb-board-card-field,
.promptbench-root .pb-board-card-field:focus,
.promptbench-root .pb-board-card-field:focus-visible {
  display: block;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  outline-offset: 0 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  resize: none;
  field-sizing: content;
}

.promptbench-root .pb-board-card-field-wrap,
.promptbench-root .pb-board-card-field.pb-board-card-field-wrap,
.promptbench-root [data-pb-card-field].pb-board-card-field-wrap {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
  max-width: 100%;
}

.promptbench-root .pb-board-card[data-cut] {
  opacity: 0.45;
}

.promptbench-root .pb-board-card-editing {
  cursor: text;
}

.promptbench-root .pb-board-card-placeholder {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.promptbench-root .pb-board-surface .pb-board-drop-empty {
  padding: 0.75rem 0.5rem;
}

.promptbench-root .pb-board-surface [data-slot='button'] {
  min-height: 1.5rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.promptbench-root .pb-board-surface input:not([type='checkbox']):not([type='radio']),
.promptbench-root .pb-board-surface [data-slot='select-trigger'],
.promptbench-root .pb-board-surface textarea {
  min-height: 1.5rem !important;
  padding-top: 0.125rem !important;
  padding-bottom: 0.125rem !important;
}

.promptbench-root .pb-board-surface .pb-board-composer {
  padding: 0.375rem 0.5rem;
}

.promptbench-root .pb-board-surface .pb-board-composer textarea {
  min-height: 1.5rem !important;
  max-height: 4rem;
}

.promptbench-root .pb-board-surface [data-slot='badge'] {
  padding: 0.0625rem 0.375rem;
  font-size: 11px !important;
  line-height: 1.2 !important;
}

.promptbench-root .pb-board-surface .pb-board-card-note {
  margin-top: 0.125rem;
}

.promptbench-root .pb-board-surface .pb-board-card-meta {
  margin-top: 0.25rem;
}

.promptbench-root .pb-board-surface .pb-board-add-column {
  width: 7rem;
}

.promptbench-root .pb-settings-panel,
.promptbench-root .pb-settings-panel input,
.promptbench-root .pb-settings-panel textarea,
.promptbench-root .pb-settings-panel select,
.promptbench-root .pb-settings-panel button,
.promptbench-root .pb-settings-panel label,
.promptbench-root .pb-settings-panel p,
.promptbench-root .pb-settings-panel span,
.promptbench-root .pb-settings-panel h3 {
  font-size: 12px !important;
  line-height: 1.3 !important;
}

.promptbench-root .pb-settings-panel [data-slot='button'] {
  min-height: 1.5rem;
}

.promptbench-root .pb-settings-panel input:not([type='checkbox']):not([type='radio']),
.promptbench-root .pb-settings-panel [data-slot='select-trigger'] {
  min-height: 1.5rem !important;
  padding-top: 0.125rem !important;
  padding-bottom: 0.125rem !important;
}

.promptbench-root .pb-board-surface .pb-board-checkbox,
.promptbench-root .pb-board-surface [data-slot='checkbox'] {
  width: 0.875rem !important;
  height: 0.875rem !important;
  min-width: 0.875rem;
  min-height: 0.875rem;
}

.promptbench-root .pb-board-surface .pb-board-checkbox svg,
.promptbench-root .pb-board-surface [data-slot='checkbox'] svg {
  width: 0.625rem !important;
  height: 0.625rem !important;
}

.promptbench-root .pb-board-context,
.promptbench-root .pb-board-context * {
  font-size: 12px !important;
  line-height: 1.3 !important;
}

.promptbench-root .pb-board-context-item {
  min-height: 1.875rem;
  gap: 0.5rem;
  padding: 0.375rem 0.5rem !important;
  cursor: pointer;
}

.promptbench-root .pb-board-context-item svg {
  flex-shrink: 0;
}

.promptbench-root .pb-board-context-item[data-highlighted] {
  background-color: hsl(var(--accent));
}

.promptbench-root .pb-board-context-item[data-disabled] {
  cursor: default;
}

/* Linear-style board polish */
.promptbench-root .pb-board-surface {
  --pb-linear-bg: hsl(var(--background));
  --pb-linear-panel: hsl(var(--card) / 0.56);
  --pb-linear-panel-strong: hsl(var(--card) / 0.74);
  --pb-linear-border: hsl(var(--border) / 0.62);
  --pb-linear-border-soft: hsl(var(--border) / 0.38);
  --pb-linear-text: hsl(var(--foreground));
  --pb-linear-muted: hsl(var(--muted-foreground));
  --pb-linear-ring: hsl(var(--ring) / 0.95);
  background:
    radial-gradient(1200px 500px at 50% -180px, hsl(var(--foreground) / 0.03), transparent 72%),
    var(--pb-linear-bg);
}

.promptbench-root .pb-board-toolbar {
  min-height: 2rem;
  padding: 0.25rem 0.5rem;
  border-bottom: 1px solid var(--pb-linear-border);
  backdrop-filter: blur(8px);
  background: hsl(var(--background) / 0.72);
}

.promptbench-root .pb-board-toolbar-actions {
  gap: 0.25rem;
}

.promptbench-root .pb-board-segment {
  border-radius: 0.5rem;
  border-color: var(--pb-linear-border);
  background: hsl(var(--muted) / 0.24);
  padding: 0.125rem;
}

.promptbench-root .pb-board-toolbar-btn {
  border-radius: 0.4rem;
}

.promptbench-root .pb-board-toolbar-btn:hover:not(:disabled) {
  background: hsl(var(--muted) / 0.62);
}

.promptbench-root .pb-board-toolbar-btn[data-active='true'] {
  background: hsl(var(--muted) / 0.82);
  box-shadow: inset 0 0 0 1px hsl(var(--foreground) / 0.12);
}

.promptbench-root .pb-board-toolbar-divider {
  opacity: 0.6;
}

.promptbench-root [data-board-column] {
  background: var(--pb-column-fill, linear-gradient(180deg, var(--pb-linear-panel-strong), var(--pb-linear-panel)));
  border-right-color: var(--pb-linear-border-soft) !important;
}

.promptbench-root .pb-board-column-header {
  border-bottom-color: var(--pb-linear-border-soft) !important;
  padding: 0.25rem 0.45rem !important;
}

.promptbench-root .pb-board-column-count {
  color: var(--pb-linear-muted) !important;
}

.promptbench-root [data-board-column] .pb-board-column-header :is(h3, svg, .pb-board-column-count),
.promptbench-root [data-board-column] .pb-board-column-add-input {
  color: var(--pb-column-ink, var(--pb-linear-text)) !important;
}

.promptbench-root [data-board-column] .pb-board-column-add-input::-moz-placeholder {
  color: var(--pb-column-muted, var(--pb-linear-muted)) !important;
}

.promptbench-root [data-board-column] .pb-board-column-add-input::placeholder {
  color: var(--pb-column-muted, var(--pb-linear-muted)) !important;
}

.promptbench-root .pb-board-column-cards {
  padding: 0.25rem !important;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.promptbench-root .pb-board-card {
  border: 1px solid var(--pb-linear-border-soft) !important;
  border-radius: 0.55rem !important;
  background: hsl(var(--background) / 0.84) !important;
  padding: 0.34rem 0.45rem !important;
  box-shadow:
    0 1px 0 hsl(var(--foreground) / 0.02),
    0 0 0 1px transparent;
}

.promptbench-root.rd-tasks-host .pb-board-surface .pb-board-card[data-card-compact] {
  min-height: 0;
  padding-block: 3px !important;
}

.promptbench-root.rd-tasks-host .pb-board-surface .pb-board-card[data-card-compact] > .pb-board-card-inner {
  min-height: 1rem;
}

.promptbench-root .pb-board-card:hover {
  border-color: var(--pb-linear-border) !important;
  background: hsl(var(--background) / 0.92) !important;
}

.promptbench-root .pb-board-card-focused {
  box-shadow:
    inset 0 0 0 1px hsl(var(--foreground) / 0.16),
    0 0 0 1px hsl(var(--foreground) / 0.05) !important;
}

.promptbench-root .pb-board-card-selected {
  box-shadow:
    inset 0 0 0 1px var(--pb-linear-ring),
    0 0 0 1px hsl(var(--ring) / 0.34) !important;
}

.promptbench-root .pb-board-card-note {
  opacity: 0.88;
}

.promptbench-root .pb-board-surface .pb-board-toggle-body {
  font-size: 11px !important;
  display: block;
  width: calc(100% - 1.25rem);
  min-height: 3rem !important;
  margin: 0.25rem 0 0 1.25rem;
  padding: 0 !important;
  resize: vertical;
  border: 0;
  border-radius: 0;
  outline: 0;
  background: transparent;
  box-shadow: none;
}

.promptbench-root .pb-board-surface .pb-board-toggle-body:focus,
.promptbench-root .pb-board-surface .pb-board-toggle-body:focus-visible {
  border: 0;
  outline: 0;
  box-shadow: none;
}

.promptbench-root .pb-board-card-field-focused {
  background: hsl(var(--foreground) / 0.08);
  border-radius: 0.25rem;
  padding-inline: 0.1rem;
}

.promptbench-root .pb-board-column-add {
  border-top-color: var(--pb-linear-border-soft) !important;
  background: hsl(var(--background) / 0.46);
}

.promptbench-root .pb-board-column-add-input {
  color: var(--pb-linear-text) !important;
}

.promptbench-root .pb-board-column-add-input::-moz-placeholder {
  color: hsl(var(--muted-foreground) / 0.9);
}

.promptbench-root .pb-board-column-add-input::placeholder {
  color: hsl(var(--muted-foreground) / 0.9);
}

.promptbench-root .pb-board-add-column {
  border-right: none !important;
  width: 8rem !important;
  border-left: 1px dashed var(--pb-linear-border-soft) !important;
  background: hsl(var(--background) / 0.38);
}

.promptbench-root .pb-board-add-column:hover {
  background: hsl(var(--muted) / 0.24) !important;
}

.promptbench-root .pb-board-bulk-bar {
  border-radius: 0.625rem;
  border-color: var(--pb-linear-border) !important;
  background: hsl(var(--card) / 0.88);
}

.promptbench-root .pb-actions-panel {
  font-size: 12px;
}

.promptbench-root .pb-actions-panel .pb-board-toolbar-text {
  min-height: 1.75rem;
}
/* Deskbase vis-timeline gantt — scoped chrome tweaks. */
.vis-timeline {
  border-color: hsl(var(--border) / 0.6);
  background: transparent;
  font-family: inherit;
}

.vis-item {
  border-color: hsl(var(--border));
  background-color: hsl(var(--muted));
  color: hsl(var(--foreground));
}
/* Scoped helpers ported from SVG Quick Editor */
.sqe-root .sqe-hide-scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.sqe-root .sqe-hide-scrollbar::-webkit-scrollbar {
  display: none;
}

.sqe-root .sqe-transparency-grid {
  background-color: hsl(var(--muted) / 0.35);
  background-image:
    linear-gradient(45deg, hsl(var(--muted)) 25%, transparent 25%),
    linear-gradient(-45deg, hsl(var(--muted)) 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, hsl(var(--muted)) 75%),
    linear-gradient(-45deg, transparent 75%, hsl(var(--muted)) 75%);
  background-size: 16px 16px;
  background-position: 0 0, 0 8px, 8px -8px, -8px 0;
}
.library-wall-shell {
  display: flex;
  width: 100%;
  height: 100%;
  min-width: 320px;
  min-height: 0;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
  background: hsl(var(--background));
}

.library-wall-tabs {
  z-index: 2;
  display: flex;
  min-height: 42px;
  align-items: end;
  gap: 2px;
  padding: 0 16px;
  border-bottom: 1px solid hsl(var(--border));
  background: hsl(var(--card));
}

.library-wall-tab {
  position: relative;
  height: 42px;
  padding: 0 14px;
  border: 0;
  color: hsl(var(--muted-foreground));
  background: transparent;
  cursor: pointer;
  font: 500 12px/42px Inter, sans-serif;
}

.library-wall-tab:hover {
  color: hsl(var(--foreground));
}

.library-wall-tab[aria-selected="true"] {
  color: hsl(var(--foreground));
}

.library-wall-tab[aria-selected="true"]::after {
  position: absolute;
  right: 10px;
  bottom: -1px;
  left: 10px;
  height: 2px;
  border-radius: 2px 2px 0 0;
  background: hsl(var(--primary));
  content: "";
}

.library-wall-pane {
  position: relative;
  min-height: 0;
  flex: 1;
  overflow: hidden;
}

.library-wall-shadow-host {
  width: 100%;
  height: 100%;
}
.vectormap-root .scroll-thin {
  scrollbar-width: thin;
  scrollbar-color: hsl(var(--border)) transparent;
}

.vectormap-root .react-flow {
  --xy-background-color: hsl(var(--background));
  --xy-node-background-color: hsl(var(--card));
  --xy-node-color: hsl(var(--foreground));
  --xy-node-border: hsl(var(--border));
  --xy-edge-stroke: hsl(var(--muted-foreground));
  --xy-connectionline-stroke: hsl(var(--primary));
  --xy-minimap-background-color: hsl(var(--card));
  --xy-controls-button-background-color: hsl(var(--card));
  --xy-controls-button-background-color-hover: hsl(var(--accent));
  --xy-controls-button-color: hsl(var(--foreground));
  --xy-controls-button-color-hover: hsl(var(--foreground));
  --xy-controls-border-color: hsl(var(--border));
}

.vectormap-root .react-flow__attribution {
  display: none;
}

.vectormap-root .react-flow__minimap {
  border: 1px solid hsl(var(--border));
  border-radius: 6px;
  overflow: hidden;
}

.vectormap-root .react-flow__controls {
  border: 1px solid hsl(var(--border));
  border-radius: 6px;
  overflow: hidden;
  box-shadow: none;
}

.vectormap-root .react-flow__edge-text {
  fill: hsl(var(--muted-foreground));
  font-size: 10px;
}

.vectormap-root .react-flow__edge-textbg {
  fill: hsl(var(--background));
}

.vectormap-root select,
.vectormap-root option {
  background-color: hsl(var(--card));
  color: hsl(var(--foreground));
}
.deskcreate-page-designer {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #0f1012;
  color: #f5f5f5;
  font-family: Inter, system-ui, sans-serif;
}
.deskcreate-page-designer > :first-child { flex: 1; min-width: 0; min-height: 0; }
.deskcreate-page-designer-controls { min-width: 0; color: #f5f5f5; font-family: Inter, system-ui, sans-serif; font-size: 12px; }
.deskcreate-page-designer-controls [hidden] { display: none !important; }
.deskcreate-page-designer-controls .deskdesign-control-label { display: flex; flex-direction: column; gap: 6px; min-width: 0; margin-bottom: 12px; color: #d4d4d4; font-size: 12px; }
.deskcreate-page-designer-controls .deskdesign-control-label > input:not([type=range]),
.deskcreate-page-designer-controls .deskdesign-control-label > select {
  width: 100%;
  min-width: 0;
  border: 1px solid #ffffff26;
  border-radius: 7px;
  padding: 7px 9px;
  background: #1f2023;
  color: #f5f5f5;
  font: inherit;
}
.deskcreate-page-designer-controls .deskdesign-control-label > input[type=range] { width: 100%; accent-color: #e8a33c; }
.deskcreate-page-designer-controls .deskdesign-control-button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 32px; padding: 6px 8px; border: 1px solid #ffffff26; border-radius: 7px; background: #26272b; color: #f5f5f5; font: inherit; cursor: pointer; }
.deskcreate-page-designer-controls .deskdesign-control-button:hover { background: #35363b; }
.deskcreate-page-designer-controls .deskdesign-control-button:disabled { opacity: .4; cursor: default; }
.deskcreate-page-designer-controls .deskdesign-control-button[aria-pressed=true] { border-color: #e8a33c; background: #e8a33c20; }
.deskcreate-page-designer-controls .deskdesign-control-label > input:focus-visible,
.deskcreate-page-designer-controls .deskdesign-control-label > select:focus-visible,
.deskcreate-page-designer-controls .deskdesign-control-button:focus-visible { outline: 2px solid #e8a33c; outline-offset: 2px; }
.deskcreate-page-designer-controls .deskdesign-document-controls,
.deskcreate-page-designer-controls .deskdesign-pages-controls { display: flex; flex-direction: column; gap: 12px; }
.deskcreate-page-designer-controls .deskdesign-document-controls .deskdesign-control-label { margin: 0; }
.deskcreate-page-designer-controls .deskdesign-zoom-controls { display: flex; align-items: center; gap: 6px; }
.deskcreate-page-designer-controls .deskdesign-zoom-controls > label { flex: 1; }
.deskcreate-page-designer-controls .deskdesign-file-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.deskcreate-page-designer-controls .deskdesign-page-controls { display: flex; flex-direction: column; gap: 6px; padding: 8px; border: 1px solid #ffffff26; border-radius: 8px; background: #1f2023; }
.deskcreate-page-designer-controls .deskdesign-page-controls[data-active=true] { border-color: #e8a33c; }
.deskcreate-page-designer-controls .deskdesign-page-controls > div { flex-wrap: wrap; gap: 8px; }
.deskcreate-page-designer-controls .deskdesign-page-controls > div > div:first-child { flex: 1 1 100%; min-width: 0; }
.deskcreate-page-designer-controls .deskdesign-page-controls > div > div:first-child > input { flex: 1; width: 0; min-width: 0; }
.deskcreate-page-designer-controls .deskdesign-inspector-controls > aside { width: 100%; min-width: 0; border: 0; border-radius: 8px; }
.deskcreate-page-designer-controls .deskdesign-control-status,
.deskcreate-page-designer-controls .deskdesign-tool-status { margin: 8px 0 0; color: #a3a3a3; font-size: 11px; line-height: 1.5; }
/* Resource Database Styles - Notion-like aesthetic */

.resource-database {
  min-height: 600px;
}

/* Gallery Grid - Default (Medium) */
.resource-gallery-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1rem;
}

@media (min-width: 640px) {
  .resource-gallery-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .resource-gallery-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1280px) {
  .resource-gallery-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* Extra Small Grid - 12 columns on XL */
.resource-gallery-grid-xs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}

@media (min-width: 640px) {
  .resource-gallery-grid-xs {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 1024px) {
  .resource-gallery-grid-xs {
    grid-template-columns: repeat(8, 1fr);
  }
}

@media (min-width: 1280px) {
  .resource-gallery-grid-xs {
    grid-template-columns: repeat(12, 1fr);
  }
}

/* Small Grid - 8 columns on XL */
.resource-gallery-grid-sm {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}

@media (min-width: 640px) {
  .resource-gallery-grid-sm {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1024px) {
  .resource-gallery-grid-sm {
    grid-template-columns: repeat(6, 1fr);
  }
}

@media (min-width: 1280px) {
  .resource-gallery-grid-sm {
    grid-template-columns: repeat(8, 1fr);
  }
}

/* Medium Grid - 4 columns on XL (default) */
.resource-gallery-grid-md {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1rem;
}

@media (min-width: 640px) {
  .resource-gallery-grid-md {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .resource-gallery-grid-md {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1280px) {
  .resource-gallery-grid-md {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* Large Grid - 3 columns on XL */
.resource-gallery-grid-lg {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1rem;
}

@media (min-width: 640px) {
  .resource-gallery-grid-lg {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .resource-gallery-grid-lg {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1280px) {
  .resource-gallery-grid-lg {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Gallery Card */
.resource-gallery-card {
  display: flex;
  flex-direction: column;
  border-radius: 0.5rem;
  border: 1px solid var(--border);
  background: var(--card);
  overflow: hidden;
  transition: all 0.2s ease;
  cursor: pointer;
}

.resource-gallery-card:hover {
  border-color: oklch(var(--foreground) / 0.15);
  box-shadow: 0 4px 12px -2px oklch(var(--foreground) / 0.08);
  transform: translateY(-2px);
}

.resource-gallery-card-header {
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: oklch(var(--muted) / 0.5);
  position: relative;
}

/* Card Size Variants - Header Heights */
.resource-gallery-card-xs .resource-gallery-card-header {
  height: 50px;
}

.resource-gallery-card-sm .resource-gallery-card-header {
  height: 70px;
}

.resource-gallery-card-md .resource-gallery-card-header {
  height: 120px;
}

.resource-gallery-card-lg .resource-gallery-card-header {
  height: 160px;
}

/* Card Size Variants - Body Padding */
.resource-gallery-card-xs .resource-gallery-card-body {
  padding: 0.5rem;
  gap: 0.25rem;
}

.resource-gallery-card-sm .resource-gallery-card-body {
  padding: 0.5rem;
  gap: 0.25rem;
}

/* Card Size Variants - Title Sizes */
.resource-gallery-card-xs .resource-gallery-card-title {
  font-size: 0.65rem;
  -webkit-line-clamp: 1;
}

.resource-gallery-card-sm .resource-gallery-card-title {
  font-size: 0.75rem;
  -webkit-line-clamp: 1;
}

/* Card Size Variants - Hide elements on small sizes */
.resource-gallery-card-xs .resource-gallery-card-description,
.resource-gallery-card-xs .resource-gallery-card-meta,
.resource-gallery-card-sm .resource-gallery-card-description {
  display: none;
}

.resource-gallery-card-sm .resource-gallery-card-meta {
  margin-top: 0.25rem;
}

/* Card Size Variants - Icon Sizes */
.resource-gallery-card-xs .resource-gallery-card-header svg {
  width: 1.25rem;
  height: 1.25rem;
}

.resource-gallery-card-sm .resource-gallery-card-header svg {
  width: 1.5rem;
  height: 1.5rem;
}

.resource-gallery-card-lg .resource-gallery-card-header svg {
  width: 3.5rem;
  height: 3.5rem;
}

/* Card Size Variants - Platform Badge */
.resource-gallery-card-xs .resource-gallery-card-header > div:not(.resource-gallery-card-actions) {
  display: none;
}

.resource-gallery-card-sm .resource-gallery-card-header > div:not(.resource-gallery-card-actions) {
  display: none;
}

.resource-gallery-card-header.is-image {
  background-size: cover;
  background-position: center;
}

.resource-gallery-card-body {
  padding: 0.75rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.resource-gallery-card-title {
  font-weight: 600;
  font-size: 0.875rem;
  color: var(--foreground);
  line-height: 1.25;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.resource-gallery-card-description {
  font-size: 0.75rem;
  color: var(--muted-foreground);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.resource-gallery-card-meta {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  font-size: 0.75rem;
  color: var(--muted-foreground);
}

.resource-gallery-card-actions {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.resource-gallery-card:hover .resource-gallery-card-actions {
  opacity: 1;
}

/* List View */
.resource-list-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--border);
  transition: background-color 0.15s ease;
}

.resource-list-item:hover {
  background-color: oklch(var(--muted) / 0.5);
}

.resource-list-item:last-child {
  border-bottom: none;
}

/* MUI DataGrid Overrides */
.MuiDataGrid-root {
  border: none !important;
  font-family: inherit !important;
}

.MuiDataGrid-columnHeaders {
  background-color: oklch(var(--muted) / 0.3) !important;
  border-bottom: 1px solid var(--border) !important;
}

.MuiDataGrid-columnHeaderTitle {
  font-weight: 600 !important;
  font-size: 0.75rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: var(--muted-foreground) !important;
}

.MuiDataGrid-cell {
  border-bottom: 1px solid oklch(var(--border) / 0.5) !important;
  color: var(--foreground) !important;
}

.MuiDataGrid-row:hover {
  background-color: oklch(var(--muted) / 0.3) !important;
}

.MuiDataGrid-footerContainer {
  border-top: 1px solid var(--border) !important;
}

.MuiTablePagination-root {
  color: var(--muted-foreground) !important;
}

/* View Mode Toggle */
.view-mode-toggle {
  display: flex;
  gap: 0.25rem;
  padding: 0.25rem;
  background: var(--muted);
  border-radius: 0.375rem;
}

.view-mode-btn {
  padding: 0.375rem;
  border-radius: 0.25rem;
  color: var(--muted-foreground);
  transition: all 0.15s ease;
}

.view-mode-btn:hover {
  color: var(--foreground);
}

.view-mode-btn.active {
  background: var(--background);
  color: var(--foreground);
  box-shadow: 0 1px 2px oklch(var(--foreground) / 0.05);
}

/* Featured Star Animation */
.featured-star {
  animation: pulse-star 2s ease-in-out infinite;
}

@keyframes pulse-star {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.1); }
}

/* Shelf Accordion Styles */
.shelf-accordion {
  margin-bottom: 2.5px;
}

.shelf-accordion [data-state="open"] > div:first-child {
  border-bottom: 1px solid oklch(var(--border) / 0.5);
}

.shelf-accordion .resource-gallery-grid {
  margin-left: 0;
}

/* Shelf empty state */
.shelf-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  text-align: center;
  color: var(--muted-foreground);
}

.shelf-empty-state-icon {
  width: 3rem;
  height: 3rem;
  margin-bottom: 0.75rem;
  opacity: 0.5;
}

/* Resource Card Tags */
.resource-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-top: 0.25rem;
}

.resource-tag-usecase {
  background: hsl(45 93% 47% / 0.15);
  color: hsl(32 95% 44%);
  border: 1px solid hsl(45 93% 47% / 0.3);
}

.resource-tag-shelf {
  background: var(--muted);
  color: var(--foreground);
  border: 1px solid var(--border);
}

.resource-tag-section {
  background: hsl(158 64% 52% / 0.15);
  color: hsl(158 64% 32%);
  border: 1px solid hsl(158 64% 52% / 0.3);
}

/* Dark mode tag adjustments */
.dark .resource-tag-usecase {
  background: hsl(45 93% 47% / 0.2);
  color: hsl(45 93% 60%);
}

.dark .resource-tag-section {
  background: hsl(158 64% 52% / 0.2);
  color: hsl(158 64% 60%);
}

/* Hide tags on xs/sm card sizes */
.resource-gallery-card-xs .resource-card-tags,
.resource-gallery-card-sm .resource-card-tags {
  display: none;
}

/* =============================================
   Drag & Drop Polish - Clean Orange Stroke
   ============================================= */

/* Drag handle states */
[data-dnd-handle="true"] {
  cursor: grab;
  touch-action: none;
}

[data-dnd-handle="true"]:active {
  cursor: grabbing;
}

/* Drag overlay - clean minimal styling with orange stroke */
.resource-drag-overlay {
  outline: 2px solid rgb(249, 115, 22);
  outline-offset: -1px;
  border-radius: 0.5rem;
  box-shadow: 0 4px 12px -2px rgba(0, 0, 0, 0.15);
}

/* Drop target shelf - subtle highlight */
.droppable-shelf-over {
  box-shadow: 0 0 0 2px rgb(249, 115, 22);
  border-radius: 0.5rem;
}
  .rd-batch2-cosmos-3d-orbit-gallery-template * {
    border-color: hsl(var(--border));
    outline-color: hsl(var(--ring) / 0.5)
}
.rd-batch2-cosmos-3d-orbit-gallery-template {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.rd-batch2-cosmos-3d-orbit-gallery-template [data-scene-appearance="light"] .cosmos-settings-panel {
    background: rgb(255 255 255 / 0.78) !important;
    border-color: rgb(15 23 42 / 0.15) !important;
    color: #172033 !important;
}

.rd-batch2-cosmos-3d-orbit-gallery-template [data-scene-appearance="light"] .cosmos-settings-panel [class*="text-white"] {
    color: rgb(30 41 59 / 0.78) !important;
}

.rd-batch2-cosmos-3d-orbit-gallery-template [data-scene-appearance="light"] .cosmos-settings-panel [class*="border-white"] {
    border-color: rgb(15 23 42 / 0.14) !important;
}

.rd-batch2-cosmos-3d-orbit-gallery-template [data-scene-appearance="light"] .cosmos-settings-panel [class*="bg-white"] {
    background-color: rgb(15 23 42 / 0.06) !important;
}

.rd-batch2-cosmos-3d-orbit-gallery-template [data-scene-appearance="light"] button[aria-label="Open galaxy settings"] {
    background: rgb(255 255 255 / 0.82);
    border-color: rgb(15 23 42 / 0.18);
    color: #172033;
}
.mpc-beats-root {
  --background: oklch(0.15 0.012 295);
  --foreground: oklch(0.93 0.006 295);
  --card: oklch(0.2 0.014 295);
  --card-foreground: oklch(0.93 0.006 295);
  --primary: oklch(0.62 0.25 305);
  --primary-foreground: oklch(0.98 0 0);
  --muted: oklch(0.27 0.016 295);
  --muted-foreground: oklch(0.68 0.02 295);
  --accent: oklch(0.31 0.02 295);
  --border: oklch(0.75 0.05 300 / 12%);
  --mpc-brand: oklch(0.62 0.25 305);
  --mpc-panel: oklch(0.18 0.013 295);
  --mpc-panel-raised: oklch(0.25 0.017 295);
  --mpc-lcd: oklch(0.26 0.05 210);
  --mpc-lcd-fg: oklch(0.86 0.15 200);
  --mpc-record: oklch(0.63 0.23 18);
  color: var(--foreground);
  background: var(--background);
}

.mpc-beats-root .bg-panel { background-color: var(--mpc-panel); }
.mpc-beats-root .bg-panel-raised { background-color: var(--mpc-panel-raised); }
.mpc-beats-root .hover\:bg-panel-raised:hover { background-color: var(--mpc-panel-raised); }
.mpc-beats-root .bg-brand { background-color: var(--mpc-brand); }
.mpc-beats-root .text-brand { color: var(--mpc-brand); }
.mpc-beats-root .border-brand\/50 { border-color: color-mix(in oklch, var(--mpc-brand) 50%, transparent); }
.mpc-beats-root .hover\:border-brand\/50:hover { border-color: color-mix(in oklch, var(--mpc-brand) 50%, transparent); }
.mpc-beats-root .bg-record { background-color: var(--mpc-record); }
.mpc-beats-root .bg-record\/15 { background-color: color-mix(in oklch, var(--mpc-record) 15%, transparent); }
.mpc-beats-root .bg-record\/20 { background-color: color-mix(in oklch, var(--mpc-record) 20%, transparent); }
.mpc-beats-root .bg-record\/25 { background-color: color-mix(in oklch, var(--mpc-record) 25%, transparent); }
.mpc-beats-root .bg-record\/30 { background-color: color-mix(in oklch, var(--mpc-record) 30%, transparent); }
.mpc-beats-root .hover\:bg-record\/25:hover { background-color: color-mix(in oklch, var(--mpc-record) 25%, transparent); }
.mpc-beats-root .text-record { color: var(--mpc-record); }
.mpc-beats-root .hover\:text-record:hover { color: var(--mpc-record); }
.mpc-beats-root .border-record { border-color: var(--mpc-record); }
.mpc-beats-root .border-record\/50 { border-color: color-mix(in oklch, var(--mpc-record) 50%, transparent); }
.mpc-beats-root .hover\:border-record\/50:hover { border-color: color-mix(in oklch, var(--mpc-record) 50%, transparent); }
.mpc-beats-root .bg-lcd { background-color: var(--mpc-lcd); }
.mpc-beats-root .bg-lcd\/30 { background-color: color-mix(in oklch, var(--mpc-lcd) 30%, transparent); }
.mpc-beats-root .text-lcd-foreground { color: var(--mpc-lcd-fg); }
.mpc-beats-root .text-lcd-foreground\/40 { color: color-mix(in oklch, var(--mpc-lcd-fg) 40%, transparent); }
.mpc-beats-root .text-lcd-foreground\/70 { color: color-mix(in oklch, var(--mpc-lcd-fg) 70%, transparent); }
.mpc-beats-root .bg-lcd-foreground { background-color: var(--mpc-lcd-fg); }
.mpc-beats-root .bg-lcd-foreground\/15 { background-color: color-mix(in oklch, var(--mpc-lcd-fg) 15%, transparent); }

.mpc-beats-root .mpc-slider {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  height: 4px;
  border-radius: 9999px;
  background: color-mix(in oklch, var(--mpc-panel), black 25%);
  outline: none;
  cursor: pointer;
}
.mpc-beats-root .mpc-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 14px;
  height: 14px;
  border-radius: 9999px;
  background: var(--foreground);
  border: 2px solid var(--mpc-panel-raised);
}
.mpc-beats-root .mpc-slider::-moz-range-thumb {
  width: 14px;
  height: 14px;
  border-radius: 9999px;
  background: var(--foreground);
  border: 2px solid var(--mpc-panel-raised);
}
.wavecraft-root {
  height: 100%;
  min-height: 0;
  min-width: 0;
  width: 100%;
  overflow: hidden;
  color-scheme: dark;
  --wavecraft-background: oklch(0.15 0.006 260);
  --wavecraft-foreground: oklch(0.92 0.006 260);
  --wavecraft-primary-foreground: oklch(0.14 0.02 200);
  --synth-panel: oklch(0.19 0.008 260);
  --synth-panel-raised: oklch(0.23 0.009 260);
  --synth-well: oklch(0.13 0.006 260);
  --synth-line: oklch(1 0 0 / 9%);
  --synth-accent: oklch(0.78 0.14 185);
  --synth-accent-soft: oklch(0.78 0.14 185 / 18%);
  --synth-warn: oklch(0.75 0.16 55);
  --synth-text: oklch(0.92 0.006 260);
  --synth-text-dim: oklch(0.58 0.012 260);
  background: var(--wavecraft-background);
  color: var(--synth-text);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
}

.wavecraft-root .no-scrollbar {
  scrollbar-width: none;
}

.wavecraft-root .no-scrollbar::-webkit-scrollbar {
  display: none;
}

.wavecraft-root .knob-drag {
  cursor: ns-resize;
  touch-action: none;
}

.wavecraft-root * {
  -webkit-tap-highlight-color: transparent;
}
/* Generated by node scripts/build-wavecraft-styles.mjs; scoped to Wavecraft. */
.wavecraft-root .pointer-events-none {
    pointer-events: none
}
.wavecraft-root .absolute {
    position: absolute
}
.wavecraft-root .relative {
    position: relative
}
.wavecraft-root .inset-0 {
    inset: 0px
}
.wavecraft-root .inset-\[22\%\] {
    inset: 22%
}
.wavecraft-root .left-1\/2 {
    left: 50%
}
.wavecraft-root .right-2 {
    right: 0.5rem
}
.wavecraft-root .top-0 {
    top: 0px
}
.wavecraft-root .top-2 {
    top: 0.5rem
}
.wavecraft-root .z-10 {
    z-index: 10
}
.wavecraft-root .mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem
}
.wavecraft-root .my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}
.wavecraft-root .mb-1\.5 {
    margin-bottom: 0.375rem
}
.wavecraft-root .mt-1 {
    margin-top: 0.25rem
}
.wavecraft-root .flex {
    display: flex
}
.wavecraft-root .inline-flex {
    display: inline-flex
}
.wavecraft-root .table {
    display: table
}
.wavecraft-root .grid {
    display: grid
}
.wavecraft-root .hidden {
    display: none
}
.wavecraft-root .size-1\.5 {
    width: 0.375rem;
    height: 0.375rem
}
.wavecraft-root .size-11 {
    width: 2.75rem;
    height: 2.75rem
}
.wavecraft-root .size-14 {
    width: 3.5rem;
    height: 3.5rem
}
.wavecraft-root .size-3 {
    width: 0.75rem;
    height: 0.75rem
}
.wavecraft-root .size-3\.5 {
    width: 0.875rem;
    height: 0.875rem
}
.wavecraft-root .size-\[72px\] {
    width: 72px;
    height: 72px
}
.wavecraft-root .size-full {
    width: 100%;
    height: 100%
}
.wavecraft-root .h-10 {
    height: 2.5rem
}
.wavecraft-root .h-16 {
    height: 4rem
}
.wavecraft-root .h-24 {
    height: 6rem
}
.wavecraft-root .h-4 {
    height: 1rem
}
.wavecraft-root .h-8 {
    height: 2rem
}
.wavecraft-root .h-\[58\%\] {
    height: 58%
}
.wavecraft-root .h-full {
    height: 100%
}
.wavecraft-root .min-h-0 {
    min-height: 0px
}
.wavecraft-root .w-32 {
    width: 8rem
}
.wavecraft-root .w-40 {
    width: 10rem
}
.wavecraft-root .w-48 {
    width: 12rem
}
.wavecraft-root .w-5 {
    width: 1.25rem
}
.wavecraft-root .w-6 {
    width: 1.5rem
}
.wavecraft-root .w-\[2px\] {
    width: 2px
}
.wavecraft-root .w-\[calc\(100\%-3rem\)\] {
    width: calc(100% - 3rem)
}
.wavecraft-root .w-full {
    width: 100%
}
.wavecraft-root .w-px {
    width: 1px
}
.wavecraft-root .min-w-0 {
    min-width: 0px
}
.wavecraft-root .min-w-\[520px\] {
    min-width: 520px
}
.wavecraft-root .max-w-40 {
    max-width: 10rem
}
.wavecraft-root .flex-1 {
    flex: 1 1 0%
}
.wavecraft-root .shrink-0 {
    flex-shrink: 0
}
.wavecraft-root .basis-52 {
    flex-basis: 13rem
}
.wavecraft-root .basis-full {
    flex-basis: 100%
}
.wavecraft-root .-translate-x-1\/2 {
    --tw-translate-x: -50%;
    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))
}
.wavecraft-root .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))
}
.wavecraft-root .cursor-grab {
    cursor: grab
}
.wavecraft-root .cursor-ns-resize {
    cursor: ns-resize
}
.wavecraft-root .cursor-pointer {
    cursor: pointer
}
.wavecraft-root .touch-none {
    touch-action: none
}
.wavecraft-root .select-none {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none
}
.wavecraft-root .resize {
    resize: both
}
.wavecraft-root .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}
.wavecraft-root .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}
.wavecraft-root .flex-col {
    flex-direction: column
}
.wavecraft-root .flex-wrap {
    flex-wrap: wrap
}
.wavecraft-root .items-start {
    align-items: flex-start
}
.wavecraft-root .items-center {
    align-items: center
}
.wavecraft-root .justify-center {
    justify-content: center
}
.wavecraft-root .justify-between {
    justify-content: space-between
}
.wavecraft-root .gap-0\.5 {
    gap: 0.125rem
}
.wavecraft-root .gap-1 {
    gap: 0.25rem
}
.wavecraft-root .gap-1\.5 {
    gap: 0.375rem
}
.wavecraft-root .gap-2 {
    gap: 0.5rem
}
.wavecraft-root .gap-2\.5 {
    gap: 0.625rem
}
.wavecraft-root .gap-6 {
    gap: 1.5rem
}
.wavecraft-root :is(.space-y-2 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
}
.wavecraft-root .overflow-hidden {
    overflow: hidden
}
.wavecraft-root .overflow-x-auto {
    overflow-x: auto
}
.wavecraft-root .overflow-y-auto {
    overflow-y: auto
}
.wavecraft-root .whitespace-nowrap {
    white-space: nowrap
}
.wavecraft-root .rounded {
    border-radius: 0.25rem
}
.wavecraft-root .rounded-\[5px\] {
    border-radius: 5px
}
.wavecraft-root .rounded-full {
    border-radius: 9999px
}
.wavecraft-root .rounded-md {
    border-radius: 0.375rem
}
.wavecraft-root .rounded-sm {
    border-radius: 0.125rem
}
.wavecraft-root .rounded-b-\[2px\] {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}
.wavecraft-root .border-b {
    border-bottom-width: 1px
}
.wavecraft-root .border-r {
    border-right-width: 1px
}
.wavecraft-root .border-t {
    border-top-width: 1px
}
.wavecraft-root .border-synth-line {
    --tw-border-opacity: 1;
    border-color: color-mix(in oklch, var(--synth-line) calc(var(--tw-border-opacity) * 100%), transparent)
}
.wavecraft-root .border-synth-well\/70 {
    border-color: color-mix(in oklch, var(--synth-well) calc(0.7 * 100%), transparent)
}
.wavecraft-root .bg-background {
    --tw-bg-opacity: 1;
    background-color: color-mix(in oklch, var(--wavecraft-background) calc(var(--tw-bg-opacity) * 100%), transparent)
}
.wavecraft-root .bg-foreground\/80 {
    background-color: color-mix(in oklch, var(--wavecraft-foreground) calc(0.8 * 100%), transparent)
}
.wavecraft-root .bg-synth-accent {
    --tw-bg-opacity: 1;
    background-color: color-mix(in oklch, var(--synth-accent) calc(var(--tw-bg-opacity) * 100%), transparent)
}
.wavecraft-root .bg-synth-accent-soft {
    --tw-bg-opacity: 1;
    background-color: color-mix(in oklch, var(--synth-accent-soft) calc(var(--tw-bg-opacity) * 100%), transparent)
}
.wavecraft-root .bg-synth-line {
    --tw-bg-opacity: 1;
    background-color: color-mix(in oklch, var(--synth-line) calc(var(--tw-bg-opacity) * 100%), transparent)
}
.wavecraft-root .bg-synth-panel {
    --tw-bg-opacity: 1;
    background-color: color-mix(in oklch, var(--synth-panel) calc(var(--tw-bg-opacity) * 100%), transparent)
}
.wavecraft-root .bg-synth-panel-raised {
    --tw-bg-opacity: 1;
    background-color: color-mix(in oklch, var(--synth-panel-raised) calc(var(--tw-bg-opacity) * 100%), transparent)
}
.wavecraft-root .bg-synth-panel\/80 {
    background-color: color-mix(in oklch, var(--synth-panel) calc(0.8 * 100%), transparent)
}
.wavecraft-root .bg-synth-text {
    --tw-bg-opacity: 1;
    background-color: color-mix(in oklch, var(--synth-text) calc(var(--tw-bg-opacity) * 100%), transparent)
}
.wavecraft-root .bg-synth-text-dim\/40 {
    background-color: color-mix(in oklch, var(--synth-text-dim) calc(0.4 * 100%), transparent)
}
.wavecraft-root .bg-synth-well {
    --tw-bg-opacity: 1;
    background-color: color-mix(in oklch, var(--synth-well) calc(var(--tw-bg-opacity) * 100%), transparent)
}
.wavecraft-root .p-0\.5 {
    padding: 0.125rem
}
.wavecraft-root .p-1 {
    padding: 0.25rem
}
.wavecraft-root .p-2 {
    padding: 0.5rem
}
.wavecraft-root .p-2\.5 {
    padding: 0.625rem
}
.wavecraft-root .px-1\.5 {
    padding-left: 0.375rem;
    padding-right: 0.375rem
}
.wavecraft-root .px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem
}
.wavecraft-root .px-2\.5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem
}
.wavecraft-root .px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem
}
.wavecraft-root .py-0\.5 {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem
}
.wavecraft-root .py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem
}
.wavecraft-root .py-1\.5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem
}
.wavecraft-root .py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
}
.wavecraft-root .pb-0\.5 {
    padding-bottom: 0.125rem
}
.wavecraft-root .pt-0\.5 {
    padding-top: 0.125rem
}
.wavecraft-root .pt-2 {
    padding-top: 0.5rem
}
.wavecraft-root .text-center {
    text-align: center
}
.wavecraft-root .font-mono {
    font-family: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace
}
.wavecraft-root .font-sans {
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif
}
.wavecraft-root .text-\[10px\] {
    font-size: 10px
}
.wavecraft-root .text-\[11px\] {
    font-size: 11px
}
.wavecraft-root .text-\[13px\] {
    font-size: 13px
}
.wavecraft-root .text-\[8px\] {
    font-size: 8px
}
.wavecraft-root .text-\[9px\] {
    font-size: 9px
}
.wavecraft-root .text-xs {
    font-size: 0.75rem;
    line-height: 1rem
}
.wavecraft-root .font-semibold {
    font-weight: 600
}
.wavecraft-root .uppercase {
    text-transform: uppercase
}
.wavecraft-root .leading-none {
    line-height: 1
}
.wavecraft-root .leading-snug {
    line-height: 1.375
}
.wavecraft-root .tracking-tight {
    letter-spacing: -0.025em
}
.wavecraft-root .tracking-wide {
    letter-spacing: 0.025em
}
.wavecraft-root .tracking-wider {
    letter-spacing: 0.05em
}
.wavecraft-root .text-primary-foreground {
    --tw-text-opacity: 1;
    color: color-mix(in oklch, var(--wavecraft-primary-foreground) calc(var(--tw-text-opacity) * 100%), transparent)
}
.wavecraft-root .text-synth-accent {
    --tw-text-opacity: 1;
    color: color-mix(in oklch, var(--synth-accent) calc(var(--tw-text-opacity) * 100%), transparent)
}
.wavecraft-root .text-synth-text {
    --tw-text-opacity: 1;
    color: color-mix(in oklch, var(--synth-text) calc(var(--tw-text-opacity) * 100%), transparent)
}
.wavecraft-root .text-synth-text-dim {
    --tw-text-opacity: 1;
    color: color-mix(in oklch, var(--synth-text-dim) calc(var(--tw-text-opacity) * 100%), transparent)
}
.wavecraft-root .text-synth-text-dim\/60 {
    color: color-mix(in oklch, var(--synth-text-dim) calc(0.6 * 100%), transparent)
}
.wavecraft-root .text-synth-text-dim\/70 {
    color: color-mix(in oklch, var(--synth-text-dim) calc(0.7 * 100%), transparent)
}
.wavecraft-root .text-synth-text-dim\/80 {
    color: color-mix(in oklch, var(--synth-text-dim) calc(0.8 * 100%), transparent)
}
.wavecraft-root .text-synth-warn {
    --tw-text-opacity: 1;
    color: color-mix(in oklch, var(--synth-warn) calc(var(--tw-text-opacity) * 100%), transparent)
}
.wavecraft-root .accent-\[var\(--synth-accent\)\] {
    accent-color: var(--synth-accent)
}
.wavecraft-root .opacity-50 {
    opacity: 0.5
}
.wavecraft-root .shadow-\[0_0_6px_var\(--synth-accent\)\] {
    --tw-shadow: 0 0 6px var(--synth-accent);
    --tw-shadow-colored: 0 0 6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.wavecraft-root .outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}
.wavecraft-root .ring-1 {
    --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);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.wavecraft-root .ring-2 {
    --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);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.wavecraft-root .ring-synth-accent {
    --tw-ring-opacity: 1;
    --tw-ring-color: color-mix(in oklch, var(--synth-accent) calc(var(--tw-ring-opacity) * 100%), transparent)
}
.wavecraft-root .ring-synth-accent\/40 {
    --tw-ring-color: color-mix(in oklch, var(--synth-accent) calc(0.4 * 100%), transparent)
}
.wavecraft-root .ring-synth-accent\/50 {
    --tw-ring-color: color-mix(in oklch, var(--synth-accent) calc(0.5 * 100%), transparent)
}
.wavecraft-root .ring-synth-line {
    --tw-ring-opacity: 1;
    --tw-ring-color: color-mix(in oklch, var(--synth-line) calc(var(--tw-ring-opacity) * 100%), transparent)
}
.wavecraft-root .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.wavecraft-root .\!filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}
.wavecraft-root .filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.wavecraft-root .transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.wavecraft-root .transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.wavecraft-root .last\:border-r-0:last-child {
    border-right-width: 0px
}
.wavecraft-root .hover\:text-synth-accent:hover {
    --tw-text-opacity: 1;
    color: color-mix(in oklch, var(--synth-accent) calc(var(--tw-text-opacity) * 100%), transparent)
}
.wavecraft-root .hover\:text-synth-text:hover {
    --tw-text-opacity: 1;
    color: color-mix(in oklch, var(--synth-text) calc(var(--tw-text-opacity) * 100%), transparent)
}
.wavecraft-root .hover\:text-synth-warn:hover {
    --tw-text-opacity: 1;
    color: color-mix(in oklch, var(--synth-warn) calc(var(--tw-text-opacity) * 100%), transparent)
}
.wavecraft-root .focus-visible\:ring-1:focus-visible {
    --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);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.wavecraft-root .focus-visible\:ring-2:focus-visible {
    --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);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.wavecraft-root .focus-visible\:ring-inset:focus-visible {
    --tw-ring-inset: inset
}
.wavecraft-root .focus-visible\:ring-synth-accent:focus-visible {
    --tw-ring-opacity: 1;
    --tw-ring-color: color-mix(in oklch, var(--synth-accent) calc(var(--tw-ring-opacity) * 100%), transparent)
}
.wavecraft-root .active\:cursor-grabbing:active {
    cursor: grabbing
}
.wavecraft-root .active\:bg-synth-accent-soft:active {
    --tw-bg-opacity: 1;
    background-color: color-mix(in oklch, var(--synth-accent-soft) calc(var(--tw-bg-opacity) * 100%), transparent)
}
@media (min-width: 640px) {
    .wavecraft-root .sm\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}
@media (min-width: 1024px) {
    .wavecraft-root .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .wavecraft-root .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}
.events-app{font-family:Inter,Arial,sans-serif;color-scheme:dark;--ev-bg:#111113;--ev-panel:#19191c;--ev-soft:#232327;--ev-text:#eeeef0;--ev-muted:#97979f;--ev-border:#303035;--ev-brand:#8e77e9}
:where(.events-app) *{box-sizing:border-box}
.events-app{margin:0;background:var(--ev-bg);color:var(--ev-text);font-size:13px}
:where(.events-app) button,:where(.events-app) input,:where(.events-app) select,:where(.events-app) textarea{font:inherit}
:where(.events-app) button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--ev-border);background:var(--ev-panel);color:var(--ev-text);padding:9px 12px;border-radius:7px;cursor:pointer}
:where(.events-app) button:hover{background:var(--ev-soft)}
:where(.events-app) button:disabled{opacity:.4;cursor:default}
:where(.events-app) button.primary{background:var(--ev-brand);border-color:var(--ev-brand);color:#fff;font-weight:600}
:where(.events-app) button.primary:hover{filter:brightness(1.1)}
:where(.events-app) button:focus-visible,:where(.events-app) a:focus-visible,:where(.events-app) input:focus-visible,:where(.events-app) select:focus-visible,:where(.events-app) textarea:focus-visible{outline:2px solid var(--ev-brand);outline-offset:3px}
:where(.events-app) input,:where(.events-app) select,:where(.events-app) textarea{width:100%;padding:10px 12px;border:1px solid var(--ev-border);background:var(--ev-bg);color:var(--ev-text);border-radius:7px}
:where(.events-app) textarea{resize:vertical}
:where(.events-app) label{display:flex;flex-direction:column;gap:8px;font-weight:500}
:where(.events-app) h1,:where(.events-app) h2,:where(.events-app) p{margin-top:0}
:where(.events-app) h1{font-size:28px;letter-spacing:-.8px;margin-bottom:10px;line-height:1.2}
:where(.events-app) h2{font-size:18px;letter-spacing:-.25px}
:where(.events-app) small{display:block;font-size:11px;color:var(--ev-muted);margin-top:6px}
:where(.events-app) a{color:var(--ev-muted);text-decoration:none}
:where(.events-app) a:hover{color:var(--ev-text)}
:where(.events-app) .muted{color:var(--ev-muted);line-height:1.6}
.events-app{min-height:100vh;display:grid;grid-template-columns:196px minmax(0,1fr)}
:where(.events-app) .events-nav{border-right:1px solid var(--ev-border);padding:28px 14px;display:flex;flex-direction:column;background:var(--ev-panel)}
:where(.events-app) .events-brand{display:flex;align-items:center;font-size:26px;font-weight:750;letter-spacing:-1px;margin:0 8px 36px}
:where(.events-app) .events-brand>span:first-child{display:flex;padding:7px;background:var(--ev-brand);color:#fff;border-radius:8px;margin-right:9px}
:where(.events-app) .events-brand-dot{color:var(--ev-brand)}
:where(.events-app) .events-eyebrow{font-size:10px;letter-spacing:1.5px;color:var(--ev-muted);font-weight:600;margin:0 0 14px}
:where(.events-app) .events-nav>.events-eyebrow{margin-left:9px}
:where(.events-app) .events-organizer{display:flex;gap:9px;align-items:center;margin:0 6px 28px}
:where(.events-app) .events-organizer>span,:where(.events-app) .events-avatar{border-radius:8px;background:var(--ev-soft);width:35px;height:35px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600}
:where(.events-app) .events-organizer strong{font-size:12px}
:where(.events-app) .events-organizer small{font-size:10px}
:where(.events-app) .events-nav nav{display:flex;flex-direction:column;gap:6px}
:where(.events-app) .events-nav nav button{border:0;justify-content:flex-start;padding:12px;background:transparent;color:var(--ev-muted)}
:where(.events-app) .events-nav nav button.active{background:var(--ev-soft);color:var(--ev-text)}
:where(.events-app) .events-nav nav button.active svg{color:var(--ev-brand)}
:where(.events-app) .events-nav nav button>span{margin-left:auto;font-size:10px;background:var(--ev-bg);padding:2px 6px;border-radius:4px}
:where(.events-app) .events-nav-bottom{margin-top:auto;padding:80px 8px 0;color:var(--ev-muted);font-size:11px}
:where(.events-app) .events-local-dot{display:inline-block;width:6px;height:6px;background:#72bfa4;border-radius:50%;margin-right:8px}
:where(.events-app) .events-main{min-width:0}
:where(.events-app) .events-topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 30px;border-bottom:1px solid var(--ev-border);color:var(--ev-muted);font-size:11px}
:where(.events-app) .events-topbar>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:where(.events-app) .events-avatar{border-radius:50%;flex-shrink:0}
:where(.events-app) .events-content{max-width:1440px;padding:26px 30px}
:where(.events-app) .events-notice{font-size:11px;color:var(--ev-muted);margin-bottom:26px;padding-left:10px;border-left:2px solid var(--ev-brand)}
:where(.events-app) .events-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:12px 0 28px}
:where(.events-app) .events-heading>div:first-child{min-width:0}
:where(.events-app) .events-heading>div>p:last-child{margin:0}
:where(.events-app) .events-heading h1{margin-top:8px}
:where(.events-app) .events-heading>button{flex-shrink:0}
:where(.events-app) .events-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 30px}
:where(.events-app) .events-stats>div{padding:20px;background:var(--ev-panel);border:1px solid var(--ev-border);border-radius:10px}
:where(.events-app) .events-stats>div>span{color:var(--ev-muted);display:flex;justify-content:space-between;gap:8px;font-size:11px}
:where(.events-app) .events-stats b{display:block;font-size:27px;letter-spacing:-1px;margin-top:16px}
:where(.events-app) .events-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}
:where(.events-app) .events-search{flex-direction:row;align-items:center;border:1px solid var(--ev-border);border-radius:7px;padding:0 12px;max-width:370px;width:100%;background:var(--ev-panel);color:var(--ev-muted)}
:where(.events-app) .events-search input{border:0;background:transparent;padding:10px 0}
:where(.events-app) .events-search button{padding:3px;border:0;background:transparent}
:where(.events-app) .events-tools>select{width:150px;background:var(--ev-panel)}
:where(.events-app) .events-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
:where(.events-app) .events-card{border:1px solid var(--ev-border);border-radius:10px;overflow:hidden;background:var(--ev-panel);min-width:0}
:where(.events-app) .events-cover{height:135px;width:100%;border:0;border-radius:0;position:relative;color:#ffffffb0;overflow:hidden}
:where(.events-app) .events-cover>svg{position:absolute;right:30px;bottom:18px;transform:rotate(-12deg);width:90px;height:90px;opacity:.32}
:where(.events-app) .events-cover:hover{filter:brightness(1.05)}
:where(.events-app) .events-date-tile{position:absolute;left:18px;bottom:18px;display:flex;flex-direction:column;background:#ffffffec;color:#272330;border-radius:7px;width:48px;padding:6px;font-size:10px;text-transform:uppercase}
:where(.events-app) .events-date-tile b{font-size:22px;font-weight:600}
:where(.events-app) .events-badge{font-size:10px;display:inline-block;padding:5px 8px;border-radius:5px;background:var(--ev-soft);color:var(--ev-muted);white-space:nowrap}
:where(.events-app) .events-badge.live{background:#233f34;color:#91d6b1}
:where(.events-app) .events-badge.draft{background:#443520;color:#edc583}
:where(.events-app) .events-cover>.events-badge{position:absolute;right:14px;top:14px}
:where(.events-app) .events-card-body{padding:18px}
:where(.events-app) .events-title-link{font-size:15px;font-weight:600;justify-content:space-between;text-align:left;line-height:1.4;padding:0;margin:0 0 16px;background:transparent;border:0;width:100%;min-height:40px}
:where(.events-app) .events-title-link svg{flex-shrink:0;color:var(--ev-muted)}
:where(.events-app) .events-card-body>p{color:var(--ev-muted);display:flex;align-items:center;gap:6px;margin:8px 0;font-size:10px;line-height:1.4}
:where(.events-app) .events-card-body>p>svg{flex-shrink:0}
:where(.events-app) .events-card-numbers{display:flex;justify-content:space-between;margin:20px 0 14px;gap:8px}
:where(.events-app) .events-card-numbers b{font-size:17px}
:where(.events-app) .events-card-numbers small{font-size:10px}
:where(.events-app) progress{display:block;width:100%;height:4px;border:0;background:var(--ev-soft);border-radius:4px;overflow:hidden}
:where(.events-app) progress::-webkit-progress-bar{background:var(--ev-soft)}
:where(.events-app) progress::-webkit-progress-value{background:var(--ev-brand)}
:where(.events-app) .events-card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:8px}
:where(.events-app) .events-card-bottom>span{font-size:9px;color:var(--ev-muted)}
:where(.events-app) .events-card-bottom button{border:0;background:transparent;padding:4px 0;font-size:10px}
:where(.events-app) .events-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;color:var(--ev-muted);font-size:10px;margin-top:50px;padding-top:18px;border-top:1px solid var(--ev-border)}
:where(.events-app) .events-feedback,:where(.events-app) .events-error{padding:12px 15px;line-height:1.5;background:var(--ev-soft);border-radius:7px;margin-bottom:16px}
:where(.events-app) .events-feedback{display:flex;align-items:center;justify-content:space-between;gap:12px}
:where(.events-app) .events-feedback>button{border:0;background:transparent;padding:2px}
:where(.events-app) .events-error{color:#ea8f91}
:where(.events-app) .events-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0}
:where(.events-app) .events-section-heading h2{margin:0}
:where(.events-app) .events-section-heading h2>span{color:var(--ev-muted);font-size:13px}
:where(.events-app) .events-table-wrap{overflow:auto;border:1px solid var(--ev-border);border-radius:9px;background:var(--ev-panel)}
:where(.events-app) table{border-collapse:collapse;width:100%;text-align:left;min-width:570px}
:where(.events-app) th{font-weight:500;font-size:11px;color:var(--ev-muted);padding:14px 18px;border-bottom:1px solid var(--ev-border)}
:where(.events-app) td{padding:16px 18px;border-bottom:1px solid var(--ev-border);font-size:12px}
:where(.events-app) tbody>tr:last-child td{border:0}
:where(.events-app) td strong{font-weight:500}
:where(.events-app) td button{font-size:11px;padding:7px 9px}
:where(.events-app) .events-inline,:where(.events-app) .events-event-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
:where(.events-app) .events-back{border:0;padding:0;background:transparent;color:var(--ev-muted);margin-bottom:18px}
:where(.events-app) .events-tabs{display:flex;border-bottom:1px solid var(--ev-border);gap:22px;margin:28px 0 24px;overflow:auto}
:where(.events-app) .events-tabs button{background:transparent;border:0;border-radius:0;padding:12px 0;color:var(--ev-muted);white-space:nowrap}
:where(.events-app) .events-tabs button.active{border-bottom:2px solid var(--ev-brand);color:var(--ev-text)}
:where(.events-app) .events-ticket-list{border:1px solid var(--ev-border);border-radius:9px;background:var(--ev-panel);margin:20px 0}
:where(.events-app) .events-ticket-row{display:flex;gap:16px;align-items:center;padding:20px;border-bottom:1px solid var(--ev-border)}
:where(.events-app) .events-ticket-row:last-child{border:0}
:where(.events-app) .events-ticket-row>div{flex:1}
:where(.events-app) .events-ticket-row>svg{color:var(--ev-brand)}
:where(.events-app) .events-ticket-row>strong{flex:1}
:where(.events-app) .events-promo{max-width:600px;padding:26px;border:1px solid var(--ev-border);border-radius:10px;background:var(--ev-panel)}
:where(.events-app) .events-promo button{margin:20px 0 12px}
:where(.events-app) .events-scan{border:1px solid var(--ev-border);background:var(--ev-panel);padding:22px;display:flex;align-items:flex-end;flex-wrap:wrap;gap:14px;border-radius:9px;margin:20px 0}
:where(.events-app) .events-scan>label{flex:1;min-width:220px}
:where(.events-app) .events-scan>svg{align-self:center;color:var(--ev-brand)}
:where(.events-app) .events-scan>p{width:100%;margin:0;font-size:11px}
:where(.events-app) .events-empty{padding:40px;text-align:center;color:var(--ev-muted);line-height:1.7}
:where(.events-app) .events-card-grid>.events-empty{grid-column:1/-1}
:where(.events-app) .events-modal{max-width:560px;width:calc(100% - 36px);padding:26px;border:1px solid var(--ev-border);border-radius:12px;background:var(--ev-panel);color:var(--ev-text);max-height:90vh;overflow:auto}
:where(.events-app) .events-modal::backdrop{background:#0009}
:where(.events-app) .events-modal header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:15px}
:where(.events-app) .events-modal header h2{margin:0}
:where(.events-app) .events-modal header button{padding:4px;border:0;background:transparent}
:where(.events-app) .events-modal form>label,:where(.events-app) .events-modal form>.events-form-row{margin:18px 0}
:where(.events-app) .events-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
:where(.events-app) .events-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}
:where(.events-app) .events-public-cover{height:150px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff8;margin-bottom:20px}
:where(.events-app) .events-modal>.events-badge{margin-bottom:14px}
:where(.events-app) .events-pass{text-align:center}
:where(.events-app) .events-qr{background:white;padding:16px;margin:20px auto;width:212px;border-radius:8px}
:where(.events-app) .events-pass code{display:block;font-size:11px;overflow-wrap:anywhere;-webkit-user-select:all;-moz-user-select:all;user-select:all}
:where(.events-app) .events-pass button{margin:22px auto 0}
.events-app.events-fatal{padding:40px}
@media(min-width:1400px){:where(.events-app) .events-cover{height:165px}}
@media(max-width:1100px){:where(.events-app) .events-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
:where(.events-app) .events-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
:where(.events-app) .events-heading{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:700px){.events-app{grid-template-columns:1fr}
:where(.events-app) .events-nav{padding:14px 16px;border-right:0;border-bottom:1px solid var(--ev-border)}
:where(.events-app) .events-brand{margin:0 0 14px;font-size:22px}
:where(.events-app) .events-nav>.events-eyebrow,:where(.events-app) .events-organizer,:where(.events-app) .events-nav-bottom{display:none}
:where(.events-app) .events-nav nav{flex-direction:row;overflow:auto;gap:4px}
:where(.events-app) .events-nav nav button{padding:9px;font-size:11px;white-space:nowrap}
:where(.events-app) .events-nav nav button svg{width:14px}
:where(.events-app) .events-nav nav button>span{display:none}
:where(.events-app) .events-content{padding:20px 16px}
:where(.events-app) .events-topbar{padding:10px 16px}
:where(.events-app) .events-card-grid{grid-template-columns:1fr}
:where(.events-app) .events-stats{gap:8px}
:where(.events-app) .events-stats>div{padding:15px}
:where(.events-app) .events-stats b{font-size:24px}
:where(.events-app) h1{font-size:24px}
:where(.events-app) .events-heading{gap:16px}
:where(.events-app) .events-form-row{grid-template-columns:1fr}
:where(.events-app) .events-ticket-row{gap:10px;padding:15px}
:where(.events-app) .events-tools{flex-wrap:wrap}
:where(.events-app) .events-search{max-width:none}
:where(.events-app) .events-cover{height:150px}}
.events-app.events-app--embedded{
  --ev-bg:var(--core-frame, hsl(var(--background)));
  --ev-panel:var(--core-panel, hsl(var(--card)));
  --ev-soft:var(--core-hover, hsl(var(--muted)));
  --ev-text:var(--core-ink, hsl(var(--foreground)));
  --ev-muted:var(--core-muted, hsl(var(--muted-foreground)));
  --ev-border:var(--core-line, hsl(var(--border)));
  --ev-brand:hsl(var(--primary));
  display:flex;
  width:100%;
  height:100%;
  min-height:0;
  flex:1;
  overflow:auto;
  font-family:inherit;
  color-scheme:inherit;
}
:where(.events-app--embedded) .events-main{width:100%;min-height:0}
:where(.events-app--embedded) .events-content{max-width:none;padding:16px}
:where(.events-app--embedded) .events-notice{margin-bottom:14px}
:where(.events-app--embedded) .events-heading{margin:0 0 16px}
:where(.events-app--embedded) .events-heading h2{margin:6px 0}
:where(.events-app--embedded) .events-footer{margin-top:24px}
/* Embedded management follows Primary UI; event colours and QR artwork stay intact. */
.events-app.events-app--embedded { font-size: 12px; }
.events-app.events-app--embedded button {
  min-height: var(--core-control-height, 22px);
  padding: 3px 8px;
  gap: 5px;
  border-radius: 3px;
  border-color: var(--core-button-line, var(--ev-border));
  background: var(--core-button, var(--ev-panel));
  box-shadow: var(--core-relief, none);
  font-size: 11px;
  line-height: 16px;
}
.events-app.events-app--embedded button.primary { background: var(--ev-brand); border-color: var(--ev-brand); color: hsl(var(--primary-foreground)); }
.events-app.events-app--embedded button:hover:not(:disabled):not(.primary) { background: var(--ev-soft); }
.events-app.events-app--embedded :is(input, select, textarea) {
  padding: 4px 7px;
  border-radius: 3px;
  border-color: var(--core-button-line, var(--ev-border));
  box-shadow: var(--core-inset, none);
  font-size: 12px;
}
.events-app.events-app--embedded :is(input, select) { height: 26px; }
.events-app.events-app--embedded label { gap: 5px; }
.events-app.events-app--embedded h1 { font-size: 16px; letter-spacing: normal; }
.events-app.events-app--embedded h2 { font-size: 14px; letter-spacing: normal; }
.events-app.events-app--embedded :is(.events-content, .events-modal) { padding: 12px; }
.events-app.events-app--embedded :is(.events-heading, .events-tools, .events-section-heading) { margin: 0 0 12px; gap: 8px; }
.events-app.events-app--embedded .events-stats { gap: 8px; margin-bottom: 12px; }
.events-app.events-app--embedded .events-stats > div { padding: 10px; border-radius: 3px; box-shadow: var(--core-relief, none); }
.events-app.events-app--embedded .events-stats b { font-size: 20px; letter-spacing: normal; margin-top: 6px; font-variant-numeric: tabular-nums; }
.events-app.events-app--embedded .events-card-grid { grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)); gap: 10px; }
.events-app.events-app--embedded :is(.events-card, .events-table-wrap, .events-ticket-list, .events-scan, .events-promo, .events-modal, .events-feedback, .events-error) { border-radius: 3px; }
.events-app.events-app--embedded .events-card-body { padding: 10px; }
.events-app.events-app--embedded .events-cover { min-height: 104px; height: 104px; padding: 0; border: 0; border-radius: 0; box-shadow: none; }
.events-app.events-app--embedded .events-title-link { min-height: 0; margin-bottom: 10px; padding: 0; border: 0; background: transparent; box-shadow: none; font-size: 13px; }
.events-app.events-app--embedded .events-card-numbers { margin: 12px 0 8px; }
.events-app.events-app--embedded .events-card-numbers b { font-size: 16px; }
.events-app.events-app--embedded .events-card-bottom button { padding: 3px 6px; }
.events-app.events-app--embedded .events-search { border-radius: 3px; padding: 0 7px; }
.events-app.events-app--embedded .events-search input { box-shadow: none; }
.events-app.events-app--embedded .events-tabs { margin: 12px 0; padding: 5px; gap: 4px; border: 1px solid var(--ev-border); border-radius: 3px; background: var(--core-bar, var(--ev-panel)); }
.events-app.events-app--embedded .events-tabs button { border: 0; padding: 3px 8px; color: var(--ev-muted); }
.events-app.events-app--embedded .events-tabs button.active { background: var(--core-selected, var(--ev-soft)); color: var(--ev-text); box-shadow: var(--core-inset, none); }
.events-app.events-app--embedded :is(th, td) { padding: 7px 10px; }
.events-app.events-app--embedded th { background: var(--core-bar, var(--ev-soft)); }
.events-app.events-app--embedded :is(.events-ticket-row, .events-scan, .events-promo) { padding: 12px; gap: 10px; }
.events-app.events-app--embedded .events-ticket-list { margin: 12px 0; }
.events-app.events-app--embedded .events-badge { border-radius: 3px; padding: 3px 6px; }
.events-app.events-app--embedded .events-badge.live { background: hsl(var(--primary) / .12); color: var(--ev-brand); }
.events-app.events-app--embedded .events-badge.draft { background: var(--ev-soft); color: var(--ev-muted); }
.events-app.events-app--embedded .events-modal header { margin-bottom: 12px; }
.events-app.events-app--embedded .events-modal form > :is(label, .events-form-row) { margin: 12px 0; }
.events-app.events-app--embedded .events-actions { margin-top: 12px; }
.events-app.events-app--embedded .events-empty { padding: 24px 12px; }
.events-app.events-app--embedded .events-error { color: hsl(var(--destructive)); }
.events-app.events-fatal{display:block;min-height:0}
.generic-workspace-container .workspace-nav-views { width: 100%; }
.workspace-nav { --gwc-nav-icon-size: 20px; display: grid; grid-template-columns: 44px minmax(0, 1fr); height: 100%; min-height: 0; }
.workspace-nav-view-list { min-height: 0; overflow: auto; scrollbar-width: thin; }
.workspace-nav[data-placement=sidebar][data-navigation-layout=list] { --gwc-nav-icon-size: 16px; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); }
.generic-workspace-container .workspace-nav[data-placement=sidebar][data-navigation-layout=list] .workspace-frame__sections { grid-column: 1; grid-row: 1; align-items: stretch; gap: 4px; padding: 5px; border: 0; border-bottom: 1px solid var(--gwc-line); }
.workspace-nav[data-placement=sidebar][data-navigation-layout=list] .workspace-frame__section-list { gap: 4px; }
.generic-workspace-container .workspace-nav[data-placement=sidebar][data-navigation-layout=list] button.workspace-section-button[data-retro-button] { width: 100% !important; height: 28px !important; min-height: 28px !important; max-height: 28px !important; flex-basis: 28px; }
.workspace-nav[data-placement=sidebar][data-navigation-layout=list] .workspace-section-button > span { justify-content: flex-start; padding-inline: 8px !important; }
.generic-workspace-container .workspace-nav[data-placement=sidebar][data-navigation-layout=list] .workspace-nav-view-list { grid-column: 1; grid-row: 2; }
.generic-workspace-container[data-navigation-side=right] .workspace-nav[data-placement=sidebar][data-navigation-layout=rail] { grid-template-columns: minmax(0, 1fr) 44px; }
.generic-workspace-container[data-navigation-side=right] .workspace-nav[data-placement=sidebar][data-navigation-layout=rail] .workspace-frame__sections { grid-column: 2; grid-row: 1; border-right: 0; border-left: 1px solid var(--gwc-line); }
.generic-workspace-container[data-navigation-side=right] .workspace-nav[data-placement=sidebar][data-navigation-layout=rail] .workspace-nav-view-list { grid-column: 1; grid-row: 1; }
.workspace-nav .workspace-frame__sections { overflow-y: auto; scrollbar-width: none; gap: 8px; }
.workspace-nav .workspace-frame__section-list { flex-shrink: 0; }
.generic-workspace-container .gwc-panel:has(.workspace-nav),
.generic-workspace-container .gwc-panel:has(.workspace-nav) > .gwc-panel-heading,
.workspace-nav .workspace-frame__items { background: var(--gwc-nav-bg); border-color: var(--gwc-line); }
.workspace-nav { background: var(--gwc-nav-bg); }
.workspace-nav .workspace-frame__sections { background: var(--gwc-rail-bg); border-right-color: var(--gwc-line); }
/* Keep theme-matched Site Icons legible without a raised or glowing treatment. */
.generic-workspace-container .workspace-nav .workspace-section-button .ui-ref-ps1-sis-dest { opacity: 1; filter: none; }
.generic-workspace-container .workspace-nav button.workspace-section-button.workspace-section-button :is(.ui-ref-ps1-sis-dest, .ui-ref-ps1-product-glyph, [data-rd-icon-plate], svg, img) { width: var(--gwc-nav-icon-size) !important; min-width: var(--gwc-nav-icon-size) !important; height: var(--gwc-nav-icon-size) !important; min-height: var(--gwc-nav-icon-size) !important; flex: 0 0 var(--gwc-nav-icon-size); margin: 0 !important; }
.generic-workspace-container .workspace-nav-views .workspace-frame__items { border-right: 0; }
.generic-workspace-container .workspace-nav-views-horizontal { width: -moz-max-content; width: max-content; }
.generic-workspace-container .workspace-nav-views-horizontal .workspace-frame__items { flex-direction: row; padding: 2px; }
.generic-workspace-container .workspace-nav-views-horizontal button.workspace-tab-button { width: auto; min-width: 66px; }
.workspace-nav[data-placement=topbar] { --gwc-nav-icon-size: 12px; grid-template-columns: auto minmax(0, 1fr); align-items: center; height: auto; }
.workspace-nav[data-placement=topbar] .workspace-frame__sections { flex-direction: row; justify-content: flex-start; gap: 3px; padding: 2px 5px 2px 2px; overflow: visible; }
.workspace-nav[data-placement=topbar] .workspace-frame__section-list { flex-direction: row; gap: 3px; }
.workspace-nav[data-placement=topbar] .workspace-nav-view-list { overflow-x: auto; overflow-y: hidden; }
.workspace-nav[data-placement=topbar] .workspace-frame__items { align-items: center; min-height: 25px; padding: 2px 6px; }
.generic-workspace-container .workspace-nav[data-placement=topbar] button.workspace-section-button[data-retro-button] { flex-basis: 22px; width: 22px !important; height: 22px !important; min-height: 22px !important; max-height: 22px !important; }
.workspace-nav[data-placement=bottom] { --gwc-nav-icon-size: 12px; grid-template-columns: minmax(0, 1fr); height: auto; }
.workspace-nav[data-placement=bottom] .workspace-frame__sections { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 1fr); gap: 4px; padding: 6px; overflow: visible; border-right: 0; border-bottom: 1px solid var(--gwc-line); }
.workspace-nav[data-placement=bottom] .workspace-frame__section-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; }
.generic-workspace-container .workspace-nav[data-placement=bottom] button.workspace-section-button[data-retro-button] { width: 100% !important; height: 22px !important; min-height: 22px !important; max-height: 22px !important; }
.generic-workspace-container .workspace-nav[data-placement=bottom] button.workspace-section-button > span { padding-inline: 5px !important; }
.workspace-nav-section-label { max-width: 100%; overflow: hidden; color: var(--gwc-fg); font-size: 10px; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.workspace-nav[data-placement=bottom] .workspace-frame__items { --nextjs-tab-height: 22px; display: grid; grid-template-columns: repeat(auto-fit, minmax(72px, 1fr)); gap: 4px; padding: 6px; }
.generic-workspace-container .workspace-nav[data-placement=bottom] .workspace-nav-views button.workspace-tab-button { font-size: 10px !important; }
.workspace-nav[data-placement=bottom] .workspace-tab-button > span { justify-content: center; }
.workspace-nav:is([data-placement=topbar], [data-placement=bottom]) .workspace-section-button > span::before { top: auto; right: 25%; bottom: 2px; left: 25%; width: auto; height: 2px; opacity: 0; }
.workspace-nav:is([data-placement=topbar], [data-placement=bottom]) .workspace-section-button[aria-pressed=true] > span::before { opacity: 1; }
@container generic-workspace (max-width: 420px) { .workspace-nav[data-placement=topbar] { grid-template-columns: minmax(0, 1fr); } .workspace-nav[data-placement=topbar] .workspace-frame__sections { border-right: 0; border-bottom: 1px solid var(--gwc-line); } }
.workspace-nav[data-placement=bottom] .workspace-nav-section-label { font-size: 9px; }

/* Centre the entire legend in the key; nested wrappers must not add their own padding. */
.generic-workspace-container .workspace-nav button.workspace-section-button > span { display: grid; place-items: center; gap: 0; padding: 0 !important; }
.generic-workspace-container .workspace-nav .workspace-section-button .retro-key-button__legend { display: flex; width: auto; height: auto; min-width: 0; align-items: center; justify-content: center; gap: 4px; padding: 0; font: inherit; line-height: 1; }
.generic-workspace-container .workspace-nav .workspace-section-button :is(.ui-ref-ps1-sis-dest, .ui-ref-ps1-product-glyph) { display: grid; place-items: center; padding: 0 !important; border: 0; line-height: 0; }
.generic-workspace-container .workspace-nav .workspace-section-button img { display: block; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; }
.generic-workspace-container .workspace-nav[data-placement=sidebar][data-navigation-layout=list] button.workspace-section-button > span { justify-items: stretch; padding-inline: 8px !important; }
.generic-workspace-container .workspace-nav[data-placement=sidebar][data-navigation-layout=list] .workspace-section-button .retro-key-button__legend { justify-content: flex-start; }

/* Only the selected section gets an accent; inactive navigation stays quiet. */
.generic-workspace-container .workspace-nav .workspace-section-button > span::before { opacity: 0; background: color-mix(in srgb, var(--gwc-accent) 70%, var(--gwc-muted)); }
.generic-workspace-container .workspace-nav .workspace-section-button[aria-pressed=true] > span::before { opacity: 1; }
.generic-workspace-container .workspace-nav .workspace-nav-section-label { color: inherit; font-weight: 400; }
/* Opt-in live workspace adapter. Geometry and colours come from Primary UI. */
[data-primary-ui-workspace] {
  --workspace-page-surface: var(--pui-canvas);
  --workspace-page-panel: var(--pui-surface);
  --workspace-page-border: var(--pui-border);
  --workspace-page-ink: var(--pui-foreground);
  --workspace-page-muted: var(--pui-muted);
  background: var(--pui-canvas); color: var(--pui-foreground);
}
[data-primary-ui-workspace] .structured-workspace {
  background: var(--pui-canvas) !important; color: var(--pui-foreground) !important;
  border: var(--pui-border-width) solid var(--pui-border) !important;
  border-radius: var(--pui-panel-radius) !important; font: inherit !important;
}
[data-primary-ui-workspace] :is(.structured-workspace-titlebar, .structured-workspace-toolbar, .structured-workspace-directory-heading, .structured-workspace-bottom) {
  box-sizing: border-box; background: var(--pui-bar) !important; color: var(--pui-foreground) !important;
  border-color: var(--pui-divider) !important; min-height: var(--pui-track-height) !important;
  height: auto !important; padding: 3px var(--pui-pad) !important; gap: var(--pui-gap) !important;
}
[data-primary-ui-workspace] :is(.structured-workspace-title, .structured-workspace-directory-heading, .structured-workspace-location) {
  font-size: var(--pui-text-heading) !important; line-height: var(--pui-line-heading) !important; font-weight: var(--pui-weight-heading) !important;
}
[data-primary-ui-workspace] .structured-workspace-controls { gap: var(--pui-gap) !important; }
[data-primary-ui-workspace] :is(.structured-workspace-sidebar, .structured-workspace-directory, .structured-workspace-inspector, .structured-workspace-activity) {
  background: var(--pui-surface) !important; border-color: var(--pui-divider) !important; color: var(--pui-foreground) !important;
}
[data-primary-ui-workspace] :is(.structured-workspace-main, .structured-workspace-content) {
  background: var(--pui-canvas) !important; color: var(--pui-foreground) !important;
}
[data-primary-ui-workspace] :is(.structured-workspace-control, .structured-workspace-directory-heading button, .structured-workspace-directory-sections > button, .structured-workspace-activity > button, .structured-workspace-modebar > button, .structured-workspace-reopen) {
  box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;
  height: var(--pui-control-height) !important; min-height: var(--pui-control-height) !important;
  padding: 0 var(--pui-pad) !important; gap: var(--pui-gap) !important;
  border: var(--pui-border-width) solid var(--pui-border) !important; border-radius: var(--pui-radius) !important;
  background: var(--pui-control-fill) !important; color: var(--pui-control-ink) !important;
  font: var(--pui-weight-control) var(--pui-text-control)/var(--pui-line-control) var(--pui-font) !important;
  box-shadow: none !important;
}
[data-primary-ui-workspace] .structured-workspace-control { width: var(--pui-control-height) !important; padding: 0 !important; }
[data-primary-ui-workspace] :is(.structured-workspace-control, .structured-workspace-directory-heading button, .structured-workspace-nav-row, .structured-workspace-directory-sections > button, .structured-workspace-activity > button) :is(svg, img) {
  width: var(--pui-icon-size) !important; height: var(--pui-icon-size) !important; flex-shrink: 0;
}
[data-primary-ui-workspace] :is(.structured-workspace-directory-sections, .structured-workspace-modebar) {
  gap: var(--pui-gap); padding: var(--pui-gap); border-color: var(--pui-divider);
}
[data-primary-ui-workspace] :is(.structured-workspace-nav-row, .structured-workspace-nav-group-label) {
  min-height: var(--pui-row-height) !important; padding: 3px var(--pui-pad) !important;
  border-radius: var(--pui-radius); border-color: transparent; background: transparent; color: var(--pui-foreground);
  font-size: var(--pui-text-control) !important; line-height: var(--pui-line-control) !important;
}
[data-primary-ui-workspace] .structured-workspace-nav-heading { color: var(--pui-muted); font-size: var(--pui-text-meta); }
[data-primary-ui-workspace] :is(.structured-workspace-nav-row:hover, .structured-workspace-control:hover:not(:disabled), .structured-workspace-directory-sections > button:hover, .structured-workspace-activity > button:hover) { background: var(--pui-hover-fill) !important; }
[data-primary-ui-workspace] :is(.structured-workspace-nav-row[aria-current='page'], .structured-workspace-directory-sections > button[aria-pressed='true'], .structured-workspace-activity > button[aria-pressed='true'], .structured-workspace-modebar > button[aria-selected='true'], .structured-workspace-modebar > button[aria-pressed='true']) {
  background: var(--pui-selected-fill) !important; border-color: var(--pui-border) !important; box-shadow: inset var(--pui-indicator-height) 0 var(--pui-accent) !important;
}
[data-primary-ui-workspace] :is(button, summary, input, select, textarea, [role='separator']):focus-visible { outline: 2px solid var(--pui-focus) !important; outline-offset: -2px !important; }
[data-primary-ui-workspace] :is(button, input, select, textarea):disabled { opacity: .45; cursor: default; }
[data-primary-ui-workspace] :is(.structured-workspace-resize:hover, .structured-workspace-resize:focus-visible) { background: var(--pui-focus); }
[data-primary-ui-workspace] .workspace-page {
  --workspace-page-surface: var(--pui-canvas); --workspace-page-panel: var(--pui-surface);
  --workspace-page-border: var(--pui-border); --workspace-page-ink: var(--pui-foreground); --workspace-page-muted: var(--pui-muted);
  padding: var(--pui-pad); gap: var(--pui-pad); font-size: var(--pui-text); line-height: var(--pui-line-text);
}
[data-primary-ui-workspace] :is(.workspace-page-panel, .workspace-page-metrics) { border-radius: var(--pui-panel-radius); }
[data-primary-ui-workspace] :is(.workspace-page-toolbar, .workspace-page-panel-heading) { min-height: var(--pui-track-height); padding: 3px var(--pui-pad); gap: var(--pui-gap); background: var(--pui-bar); }
[data-primary-ui-workspace] .workspace-page-actions { gap: var(--pui-gap); }
[data-primary-ui-workspace] :is(.workspace-page-panel-body, .workspace-page-metric) { padding: var(--pui-pad); }
[data-primary-ui-workspace] .workspace-page-panel-body:empty { padding: 0; }
[data-primary-ui-workspace] :is(.workspace-page-metric-label, .workspace-page-metric-hint, label) { font-size: var(--pui-text-meta); line-height: var(--pui-line-meta); }
[data-primary-ui-workspace] .workspace-page-metric-value { font-size: var(--pui-text-display); line-height: 1.2; font-weight: var(--pui-weight-title); }
[data-primary-ui-workspace] :is(input:not([type='checkbox']):not([type='radio']):not([type='range']):not([type='file']):not([type='hidden']), select) {
  box-sizing: border-box; height: var(--pui-control-height) !important; min-height: var(--pui-control-height) !important;
  padding: 0 var(--pui-pad) !important; border: var(--pui-border-width) solid var(--pui-border) !important; border-radius: var(--pui-radius) !important;
  background: var(--pui-control-fill) !important; color: var(--pui-control-ink) !important;
  font: var(--pui-weight-control) var(--pui-text-control)/var(--pui-line-control) var(--pui-font) !important; box-shadow: none !important;
}
[data-primary-ui-workspace] textarea {
  padding: var(--pui-gap) var(--pui-pad) !important; border: var(--pui-border-width) solid var(--pui-border) !important;
  border-radius: var(--pui-radius) !important; background: var(--pui-control-fill) !important; color: var(--pui-control-ink) !important;
  font: var(--pui-weight-text) var(--pui-text)/var(--pui-line-text) var(--pui-font) !important;
}
[data-primary-ui-workspace] :is(input[type='checkbox'], [role='checkbox']) { width: 12px; height: 12px; min-height: 12px; border-color: var(--pui-border); border-radius: var(--pui-radius); accent-color: var(--pui-accent); }
[data-primary-ui-workspace] [role='checkbox'][data-state='checked'] { background: var(--pui-accent); color: var(--pui-control-ink); }
[data-primary-ui-workspace] .workspace-page :is(th, td) { height: var(--pui-row-height); padding: var(--pui-gap) var(--pui-pad); border-color: var(--pui-divider); }
[data-primary-ui-workspace] .workspace-page th { background: var(--pui-bar); color: var(--pui-muted); font-size: var(--pui-text-control); }
[data-primary-ui-workspace] :is([role='dialog'], [data-radix-popper-content-wrapper] > *, [role='tooltip']) {
  border: var(--pui-border-width) solid var(--pui-border) !important; border-radius: var(--pui-overlay-radius) !important;
  background: var(--pui-surface) !important; color: var(--pui-foreground) !important; box-shadow: var(--pui-overlay-shadow) !important;
  padding: var(--pui-pad); gap: var(--pui-pad);
}
[data-primary-ui-workspace] [data-primary-ui-variant='danger'] { border-color: var(--pui-danger) !important; color: var(--pui-danger) !important; }
[data-primary-ui-workspace] :is(.text-foreground, .structured-workspace-location > strong) { color: var(--pui-foreground); }
[data-primary-ui-workspace] :is(.text-muted-foreground, .structured-workspace-location > span) { color: var(--pui-muted); }
[data-primary-ui-workspace] .bg-card { background-color: var(--pui-surface); }
[data-primary-ui-workspace] .bg-background { background-color: var(--pui-canvas); }
[data-primary-ui-workspace] :is(.border-border, .divide-border > :not([hidden]) ~ :not([hidden])) { border-color: var(--pui-divider); }
.rights-dashboard { container-type: inline-size; }
.rights-dashboard-toolbar { gap: var(--pui-pad, 8px); }
.rights-dashboard-context { display: flex; align-items: center; gap: var(--pui-gap, 5px); margin-right: auto; white-space: nowrap; }
.rights-dashboard-context > svg { width: var(--pui-icon-size, 14px); height: var(--pui-icon-size, 14px); color: var(--pui-accent); }
.rights-dashboard-role { color: var(--pui-muted); border-left: 1px solid var(--pui-border); margin-left: 4px; padding-left: 8px; }
.rights-dashboard-toolbar > label { display: flex; align-items: center; gap: var(--pui-gap, 5px); color: var(--pui-muted); }
.rights-dashboard-toolbar select { width: auto; min-width: 82px; }
.rights-dashboard .rights-dashboard-metrics { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.rights-dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.85fr) minmax(250px, 1fr); align-items: start; gap: var(--pui-pad, 8px); }
.rights-dashboard-main, .rights-dashboard-side { display: flex; flex-direction: column; min-width: 0; gap: var(--pui-pad, 8px); }
.rights-dashboard-panel-intro { display: flex; justify-content: space-between; gap: var(--pui-pad, 8px); padding: var(--pui-pad, 8px); color: var(--pui-muted); }
.rights-dashboard-panel-intro strong { font-weight: var(--pui-weight-meta, 400); font-variant-numeric: tabular-nums; }
.rights-dashboard-trend { display: grid; grid-template-columns: repeat(var(--chart-months, 6), minmax(0, 1fr)); gap: var(--pui-pad, 8px); list-style: none; margin: 0; padding: 4px 16px 0; }
.rights-dashboard-trend > li { display: grid; grid-template-rows: 140px auto; gap: 8px; min-width: 0; text-align: center; color: var(--pui-muted); font-size: var(--pui-text-meta, 11px); }
.rights-dashboard-trend-track { position: relative; margin: 0 auto; width: 100%; max-width: 46px; background: var(--pui-canvas); border-radius: var(--pui-radius, 3px); }
.rights-dashboard-trend-bar { position: absolute; top: var(--bar-top); height: var(--bar-height); left: 12%; right: 12%; background: var(--pui-accent); border-radius: var(--pui-radius, 3px); transition: height .15s ease, top .15s ease; }
.rights-dashboard-zero { position: absolute; top: var(--zero-position); left: -8px; right: -8px; height: 1px; background: var(--pui-border); }
.rights-dashboard-chart-caption { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 5px; padding: 10px var(--pui-pad, 8px); margin-top: 4px; color: var(--pui-muted); font-size: var(--pui-text-control, 9px); }
.rights-dashboard-net { font-variant-numeric: tabular-nums; font-weight: 500; }
.rights-dashboard-period { white-space: nowrap; color: var(--pui-muted); }
.rights-dashboard-coverage-head { display: flex; align-items: center; gap: var(--pui-pad, 8px); padding: 12px var(--pui-pad, 8px); border-bottom: 1px solid var(--pui-divider); }
.rights-dashboard-coverage-head > svg { width: 24px; height: 24px; color: var(--pui-muted); }
.rights-dashboard-coverage-head > div { display: flex; flex-direction: column; gap: 3px; }
.rights-dashboard-coverage-head strong { font-size: var(--pui-text-display, 24px); font-weight: var(--pui-weight-title, 500); line-height: 1; }
.rights-dashboard-coverage-head > div > span { color: var(--pui-muted); }
.rights-dashboard-sample { margin-left: auto; max-width: 78px; padding: 3px 5px; border: 1px solid var(--pui-border); border-radius: var(--pui-radius, 3px); color: var(--pui-muted); font-size: var(--pui-text-control, 9px); }
.rights-dashboard-breakdown { display: flex; flex-direction: column; gap: 12px; padding: var(--pui-pad, 8px); }
.rights-dashboard-coverage-row > div:first-child { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 5px; }
.rights-dashboard-coverage-row strong { font-weight: 500; font-variant-numeric: tabular-nums; }
.rights-dashboard-progress { height: 4px; background: var(--pui-inset); border-radius: var(--pui-radius, 3px); overflow: hidden; }
.rights-dashboard-progress > span { display: block; height: 100%; background: var(--pui-accent); border-radius: inherit; }
.rights-dashboard-progress > [data-side='master'] { background: var(--pui-purple); }
.rights-dashboard-progress > [data-side='licensing'] { background: var(--pui-success); }
.rights-dashboard [data-negative='true'] { background: var(--pui-danger); }
.rights-dashboard-source-link { display: inline-flex; align-items: center; gap: 5px; padding: 0; text-align: left; color: var(--pui-foreground); }
.rights-dashboard-source-link:hover { color: var(--pui-accent); }
.rights-dashboard-source-link svg { width: 10px; height: 10px; color: var(--pui-muted); }
.rights-dashboard .rights-dashboard-footnote { padding: 0 var(--pui-pad, 8px) var(--pui-pad, 8px); margin: 0; color: var(--pui-muted); font-size: var(--pui-text-control, 9px) !important; }
.rights-dashboard-attention { list-style: none; margin: 0; padding: 0; }
.rights-dashboard-attention li { display: flex; align-items: flex-start; gap: var(--pui-pad, 8px); padding: var(--pui-pad, 8px); }
.rights-dashboard-attention li + li { border-top: 1px solid var(--pui-divider); }
.rights-dashboard-attention li > svg { flex-shrink: 0; width: var(--pui-icon-size, 14px); height: var(--pui-icon-size, 14px); margin-top: 2px; }
.rights-dashboard-attention li > div { flex: 1; min-width: 0; }
.rights-dashboard-attention p { margin: 0 0 3px; }
.rights-dashboard-attention li > div > span { color: var(--pui-muted); }
.rights-dashboard-severity { padding: 2px 5px; border: 1px solid currentColor; border-radius: var(--pui-radius, 3px); font-size: var(--pui-text-control, 9px); }
.rights-dashboard [data-severity='critical'], .rights-dashboard [data-severity='error'] { color: var(--pui-danger); }
.rights-dashboard [data-severity='warning'] { color: var(--pui-warning); }
.rights-dashboard [data-severity='info'] { color: var(--pui-accent); }
.rights-dashboard-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--pui-gap, 5px); }
.rights-dashboard-actions > button { justify-content: space-between; min-width: 0; }
.rights-dashboard-notice { display: flex; align-items: center; gap: var(--pui-pad, 8px); padding: var(--pui-pad, 8px); border: 1px solid var(--pui-danger); border-radius: var(--pui-panel-radius, 6px); color: var(--pui-danger); }
.rights-dashboard-notice > svg { width: var(--pui-icon-size, 14px); height: var(--pui-icon-size, 14px); }
.rights-dashboard-notice > span { flex: 1; }
@container (max-width: 760px) {
  .rights-dashboard-grid { grid-template-columns: minmax(0, 1fr); }
  .rights-dashboard .rights-dashboard-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rights-dashboard-context { flex-basis: 100%; }
}
@container (max-width: 400px) {
  .rights-dashboard-toolbar > label { flex: 1; }
  .rights-dashboard-toolbar select { min-width: 0; width: 100%; }
  .rights-dashboard-actions { grid-template-columns: minmax(0, 1fr); }
  .rights-dashboard .rights-workspace-next { align-items: flex-start; flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) { .rights-dashboard-trend-bar { transition: none; } }
.rights-workspace-header.workspace-page-toolbar { width: 100%; border: 0; background: transparent; padding: 0; }
.rights-workspace-tabs { display: flex; flex-wrap: wrap; align-items: stretch; gap: 0; min-height: var(--pui-track-height, 28px); }
.rights-workspace-tabs > button { min-width: 0; width: auto; height: var(--pui-control-height, 22px); }
.rights-workspace-tabs .workspace-tab-button__face { display: flex; align-items: center; justify-content: center; gap: var(--pui-gap, 5px); font-size: var(--pui-text-control, 9px); }
.rights-workspace-guidance { flex-shrink: 0; border-bottom: 1px solid hsl(var(--border)); font-size: 10px; color: hsl(var(--muted-foreground)); }
.rights-workspace-guidance > summary { display: flex; gap: 7px; align-items: center; min-height: 24px; padding: 3px 2px; cursor: pointer; list-style-position: inside; }
.rights-workspace-guidance > summary::before { content: '›'; font-size: 13px; }
.rights-workspace-guidance[open] > summary::before { transform: rotate(90deg); }
.rights-workspace-guidance > summary > span { margin-left: auto; font-variant-numeric: tabular-nums; }
.rights-workspace-guidance > div { padding: 3px 6px 7px; }
.rights-workspace-guidance p { margin: 0 0 2px; }
.rights-workspace-guidance p:first-child { color: hsl(var(--foreground)); }
.rights-workspace-metric { display: block; min-width: 0; width: 100%; background: hsl(var(--card)); }
button.rights-workspace-metric:hover .workspace-page-metric { background: hsl(var(--muted)); }
.rights-workspace-metric--danger .workspace-page-metric-value { color: var(--pui-danger, #f87171); }
.rights-workspace-metric--warn .workspace-page-metric-value { color: var(--pui-warning, #f59e0b); }
.workspace-page-panel-body.rights-workspace-panel-content { padding: 0; }
.rights-workspace-stage-actions { display: flex; align-items: center; flex-wrap: wrap; gap: var(--pui-gap, 5px); }
.rights-workspace-stage-actions > button { display: flex; align-items: center; gap: var(--pui-gap, 5px); padding: 0 var(--pui-pad, 8px); min-height: var(--pui-control-height, 22px); font-size: var(--pui-text-control, 9px); border: 1px solid var(--pui-border, hsl(var(--border))); border-radius: var(--pui-radius, 3px); background: var(--pui-control-fill, hsl(var(--card))); }
.rights-workspace-stage-actions > button:hover { background: var(--pui-hover-fill, hsl(var(--muted))); }
.rights-workspace-stage-actions small { color: hsl(var(--muted-foreground)); font-size: 10px; }
.rights-workspace-next { display: flex; align-items: center; justify-content: space-between; gap: var(--pui-pad, 8px); padding: var(--pui-pad, 8px); border: 1px solid var(--pui-border, hsl(var(--border))); border-left: 2px solid var(--pui-accent, #1887bf); border-radius: var(--pui-panel-radius, 6px); background: var(--pui-surface, hsl(var(--card))); }
.rights-workspace-next p { margin: 0; font-size: 11px; }
.rights-workspace-next span { color: hsl(var(--muted-foreground)); font-size: 10px; }
.rights-workspace-body :is(form, [data-rights-form]) { width: 100%; max-width: 920px; }
.workspace-page-panel-body.rights-workspace-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--pui-pad, 8px); }
.rights-workspace-fields > .rights-workspace-notes { grid-column: 1 / -1; }
.rights-workspace-fields :is(input:not([type="checkbox"]), select) { height: var(--pui-control-height, 22px); }
.rights-workspace-body form textarea { min-height: 56px; }
@media (max-width: 640px) { .workspace-page-panel-body.rights-workspace-fields { grid-template-columns: 1fr; } }
.rights-primary-directory { display: flex; flex-direction: column; min-height: 0; height: 100%; padding: var(--pui-gap); gap: var(--pui-gap); }
.rights-primary-directory > nav { flex: 1; min-height: 0; overflow: auto; }
.rights-primary-directory .workspace-nav-views { width: 100%; }
.rights-primary-directory [data-workspace-cell-group] { width: 100%; }
.rights-primary-directory .workspace-tab-button[data-workspace-tab-style='cell'] { width: 100% !important; }
.rights-primary-section + .rights-primary-section { margin-top: var(--pui-pad); }
.rights-primary-section-heading { padding: var(--pui-gap) var(--pui-pad); color: var(--pui-muted); font-size: var(--pui-text-control); }
.rights-primary-utility { display: flex; align-items: center; gap: var(--pui-gap); padding: var(--pui-gap) var(--pui-pad); color: var(--pui-muted); font-size: var(--pui-text-control); }
.rights-primary-utility > svg { width: var(--pui-icon-size); height: var(--pui-icon-size); }
/* Legacy landscape planner stylesheet — UI now uses Tailwind/shadcn in components. */

.landscape-planner.system-landscape,
.landscape-planner.tech-stack-landscape {
  /* legacy hooks — styling now lives in Tailwind components */
}
/* Legacy landscape planner stylesheet — UI now uses Tailwind/shadcn in components. */

.landscape-planner.site-content-planner {
  --scp-page: #5b9bd5;
  --scp-post: #e0b341;
  --scp-asset: #b07cff;
  --scp-channel: #3fb27f;
  --scp-link: #d96b6b;
  --scp-note: #8a8f98;
}

.landscape-planner.site-content-planner .sl-tag.page {
  color: var(--scp-page);
  border-color: color-mix(in srgb, var(--scp-page) 45%, transparent);
}

.landscape-planner.site-content-planner .sl-tag.post {
  color: var(--scp-post);
  border-color: color-mix(in srgb, var(--scp-post) 45%, transparent);
}

.landscape-planner.site-content-planner .sl-tag.asset {
  color: var(--scp-asset);
  border-color: color-mix(in srgb, var(--scp-asset) 45%, transparent);
}

.landscape-planner.site-content-planner .sl-tag.channel {
  color: var(--scp-channel);
  border-color: color-mix(in srgb, var(--scp-channel) 45%, transparent);
}

.landscape-planner.site-content-planner .sl-tag.link {
  color: var(--scp-link);
  border-color: color-mix(in srgb, var(--scp-link) 45%, transparent);
}

.landscape-planner.site-content-planner .sl-tag.note {
  color: var(--scp-note);
  border-color: color-mix(in srgb, var(--scp-note) 45%, transparent);
}
.tasks-planning .planning-pane-title { min-height: 42px; padding: 8px 12px; border-bottom: 1px solid hsl(var(--border)); font-size: 12px; font-weight: 500; }
.tasks-planning .planning-mobile, .tasks-planning .planning-mobile-tabs { display: none; }
@media (max-width: 900px) {
  .tasks-planning .planning-desktop { display: none; }
  .tasks-planning .planning-mobile, .tasks-planning .planning-mobile-tabs { display: flex; }
  .tasks-planning .planning-mobile > div { width: 100%; }
}
.task-horizon-ui-root {
  --thu-bg: #0c0c0c;
  --thu-rail: #0a0a0a;
  --thu-nav: #111111;
  --thu-panel: #121212;
  --thu-elevated: #1c1c1c;
  --thu-border: #222222;
  --thu-text: #f3f3f3;
  --thu-muted: #8a8a8a;
  --thu-dim: #5c5c5c;
  --thu-accent: #3b82f6;
  --thu-hover: #1a1a1a;
  color: var(--thu-text);
  background: var(--thu-bg);
  font-family: var(--tasks-font, var(--font-sans, inherit));
  font-size: var(--tasks-text, 12px);
  line-height: 1.4;
}

.task-horizon-ui-root * {
  box-sizing: border-box;
}

.task-horizon-ui-root button {
  font: inherit;
  color: inherit;
  background: none;
  border: none;
  cursor: pointer;
}

.task-horizon-ui-root input,
.task-horizon-ui-root textarea {
  font: inherit;
  color: inherit;
  background: transparent;
  border: none;
  outline: none;
}

.thu-layout {
  display: flex;
  height: 100%;
  min-height: 0;
  width: 100%;
  overflow: hidden;
}

.thu-layout--content-only {
  flex: 1;
  min-width: 0;
}

.thu-icon-rail {
  width: 52px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 14px 0;
  gap: 6px;
  background: var(--thu-rail);
  border-right: 1px solid var(--thu-border);
}

.thu-icon-rail.is-collapsed {
  display: none;
}

.thu-icon-btn {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  color: var(--thu-muted);
  transition: background 0.15s, color 0.15s;
}

.thu-icon-btn:hover,
.thu-icon-btn.is-active {
  background: var(--thu-hover);
  color: var(--thu-text);
}

.thu-icon-rail-spacer {
  flex: 1;
}

.thu-nav {
  width: 200px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  background: var(--thu-nav);
  border-right: 1px solid var(--thu-border);
  padding: 18px 12px 16px;
  overflow-y: auto;
}

.thu-nav.is-collapsed {
  display: none;
}

.thu-nav-section {
  margin-bottom: 22px;
}

.thu-nav-label {
  font-size: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--thu-dim);
  padding: 0 10px 8px;
  font-weight: 600;
}

.thu-nav-item {
  display: flex;
  align-items: center;
  width: 100%;
  text-align: left;
  padding: 7px 10px;
  border-radius: 8px;
  color: var(--thu-muted);
  transition: background 0.12s, color 0.12s;
}

.thu-nav-item:hover {
  background: var(--thu-hover);
  color: var(--thu-text);
}

.thu-nav-item.is-active {
  color: var(--thu-text);
  background: rgba(255, 255, 255, 0.04);
  font-weight: 500;
}

.thu-nav-item-row {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  width: 100%;
}

.thu-nav-item-icon {
  flex-shrink: 0;
  opacity: 0.7;
}

.thu-nav-item-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.thu-nav-foot {
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid var(--thu-border);
}

.thu-main {
  position: relative;
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--thu-panel);
}

.thu-chrome-bar {
  flex-shrink: 0;
  min-width: 0;
  border-bottom: 1px solid var(--thu-border);
  background: var(--thu-bg);
}

.thu-chrome-bar > header {
  border-bottom: none;
  background: transparent;
}

.thu-main-body {
  position: relative;
  flex: 1;
  min-height: 0;
  min-width: 0;
  display: flex;
  overflow: hidden;
}

.thu-columns {
  display: flex;
  flex: 1;
  min-width: 0;
  min-height: 0;
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: #333 transparent;
}

.thu-column {
  min-width: min(240px, 100%);
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  border-left: 1px solid var(--thu-border);
  overflow: hidden;
}

.thu-column:first-child {
  border-left: none;
}

.thu-column-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 6px;
  padding: 8px 8px 0;
  flex-shrink: 0;
}

.thu-column-head-text {
  min-width: 0;
  flex: 1;
}

.thu-column-close {
  width: 28px;
  height: 28px;
  margin-top: 4px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  color: var(--thu-dim);
  opacity: 0;
  transition: opacity 0.12s, background 0.12s, color 0.12s;
}

.thu-column:hover .thu-column-close,
.thu-column-close:focus-visible {
  opacity: 1;
}

.thu-column-close:hover {
  background: var(--thu-hover);
  color: var(--thu-text);
}

.thu-column-title {
  font-size: var(--tasks-title, 14px);
  font-weight: 700;
  letter-spacing: -0.03em;
  margin: 0;
  text-transform: lowercase;
  line-height: 1.15;
}

.thu-column-sub {
  margin: 6px 0 0;
  color: var(--thu-muted);
  font-size: var(--tasks-label, 11px);
  line-height: 1.3;
}

.thu-column-body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 8px;
  scrollbar-width: thin;
  scrollbar-color: #333 transparent;
}

.thu-goal {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 4px 6px;
  border-radius: 10px;
  margin-bottom: 4px;
  cursor: grab;
  transition: background 0.12s;
}

.thu-goal:active {
  cursor: grabbing;
}

.thu-goal:hover {
  background: rgba(255, 255, 255, 0.03);
}

.thu-goal.is-selected {
  background: var(--thu-elevated);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

.thu-goal-row {
  display: flex;
  align-items: flex-start;
  gap: 6px;
}

.thu-check {
  width: 16px;
  height: 16px;
  margin-top: 2px;
  border: 1.5px solid var(--thu-dim);
  border-radius: 4px;
  flex-shrink: 0;
  display: grid;
  place-items: center;
  background: transparent;
}

.thu-check.is-on {
  border-color: var(--thu-accent);
  background: var(--thu-accent);
  color: white;
}

.thu-goal-title {
  flex: 1;
  min-width: 0;
  font-weight: 500;
}

.thu-goal-title.is-done {
  text-decoration: line-through;
  color: var(--thu-muted);
}

.thu-color-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-top: 5px;
  flex-shrink: 0;
}

.thu-submeta {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-left: 26px;
  font-size: 12px;
  color: var(--thu-muted);
}

.thu-sublist {
  margin: 4px 0 0 26px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.thu-subitem {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 0;
  color: var(--thu-muted);
  font-size: var(--tasks-label, 11px);
}

.thu-add-row {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 6px;
  margin-top: 2px;
  border-radius: 10px;
  color: var(--thu-dim);
  transition: background 0.12s, color 0.12s;
}

.thu-add-row:focus-within {
  background: rgba(255, 255, 255, 0.03);
  color: var(--thu-muted);
}

.thu-add-row input {
  flex: 1;
  min-width: 0;
}

.thu-add-row input::-moz-placeholder {
  color: var(--thu-dim);
}

.thu-add-row input::placeholder {
  color: var(--thu-dim);
}

.thu-strips {
  display: flex;
  align-self: stretch;
  flex-shrink: 0;
  background: var(--thu-bg);
  border-left: 1px solid var(--thu-border);
}

.thu-strip {
  width: 40px;
  height: 100%;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 8px 0;
  letter-spacing: 0.14em;
  font-size: 11px;
  font-weight: 600;
  text-transform: lowercase;
  color: var(--thu-dim);
  border-right: 1px solid var(--thu-border);
  transition: color 0.12s, background 0.12s;
}

.thu-strip:last-child {
  border-right: none;
}

.thu-strip:hover {
  color: var(--thu-text);
  background: rgba(255, 255, 255, 0.04);
}

.thu-strip:focus-visible {
  color: var(--thu-text);
  outline: 1px solid var(--thu-accent);
  outline-offset: -2px;
}

.thu-panel-view {
  flex: 1;
  min-width: 0;
  overflow-y: auto;
  padding: 8px;
}

.thu-panel-view h2 {
  margin: 0 0 8px;
  font-size: var(--tasks-title, 14px);
  font-weight: 700;
  letter-spacing: -0.02em;
}

.thu-panel-view .thu-lead {
  color: var(--thu-muted);
  margin-bottom: 24px;
}

.thu-board-card,
.thu-climb-card {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--thu-border);
  border-radius: 12px;
  padding: 8px;
  margin-bottom: 12px;
}

.thu-board-card h3,
.thu-climb-card h3 {
  margin: 0 0 6px;
  font-size: var(--tasks-text, 12px);
}

.thu-color-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.thu-color-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid var(--thu-border);
  color: var(--thu-muted);
}

.thu-color-chip.is-active {
  border-color: var(--thu-accent);
  color: var(--thu-text);
}

.thu-overlay {
  position: absolute;
  inset: 0;
  z-index: 20;
  background: rgba(0, 0, 0, 0.55);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 12vh;
}

.thu-overlay-card {
  width: min(520px, 92%);
  background: #1a1a1a;
  border: 1px solid var(--thu-border);
  border-radius: 14px;
  padding: 8px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45);
}

.thu-overlay-card input[type='search'],
.thu-overlay-card input[type='text'] {
  width: 100%;
  padding: 4px 6px;
  border-radius: 8px;
  background: #111;
  border: 1px solid var(--thu-border);
  margin-bottom: 12px;
}

.thu-search-hit {
  width: 100%;
  text-align: left;
  padding: 4px 6px;
  border-radius: 8px;
  color: var(--thu-muted);
}

.thu-search-hit:hover {
  background: var(--thu-hover);
  color: var(--thu-text);
}

.thu-horizon-picker {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-left: 26px;
  margin-top: 4px;
}

.thu-horizon-chip {
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 999px;
  border: 1px solid var(--thu-border);
  color: var(--thu-dim);
}

.thu-horizon-chip.is-active {
  color: var(--thu-text);
  border-color: var(--thu-accent);
}

.thu-help {
  max-width: 360px;
  color: var(--thu-muted);
  font-size: var(--tasks-label, 11px);
  line-height: 1.55;
}

.thu-help strong {
  color: var(--thu-text);
}

@media (max-width: 900px) {
  .thu-column {
    min-width: 260px;
  }

  .thu-column-close {
    opacity: 1;
  }

  .thu-nav {
    width: 168px;
  }
}
/**
 * Copyright (c) 2014 The xterm.js authors. All rights reserved.
 * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
 * https://github.com/chjj/term.js
 * @license MIT
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 *
 * Originally forked from (with the author's permission):
 *   Fabrice Bellard's javascript vt100 for jslinux:
 *   http://bellard.org/jslinux/
 *   Copyright (c) 2011 Fabrice Bellard
 *   The original design remains. The terminal itself
 *   has been extended to include xterm CSI codes, among
 *   other features.
 */

/**
 *  Default styles for xterm.js
 */

.xterm {
    cursor: text;
    position: relative;
    -moz-user-select: none;
         user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}

.xterm.focus,
.xterm:focus {
    outline: none;
}

.xterm .xterm-helpers {
    position: absolute;
    top: 0;
    /**
     * The z-index of the helpers must be higher than the canvases in order for
     * IMEs to appear on top.
     */
    z-index: 5;
}

.xterm .xterm-helper-textarea {
    padding: 0;
    border: 0;
    margin: 0;
    /* Move textarea out of the screen to the far left, so that the cursor is not visible */
    position: absolute;
    opacity: 0;
    left: -9999em;
    top: 0;
    width: 0;
    height: 0;
    z-index: -5;
    /** Prevent wrapping so the IME appears against the textarea at the correct position */
    white-space: nowrap;
    overflow: hidden;
    resize: none;
}

.xterm .composition-view {
    /* TODO: Composition position got messed up somewhere */
    background: #000;
    color: #FFF;
    display: none;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

.xterm .composition-view.active {
    display: block;
}

.xterm .xterm-viewport {
    /* On OS X this is required in order for the scroll bar to appear fully opaque */
    background-color: #000;
    overflow-y: scroll;
    cursor: default;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
}

.xterm .xterm-screen {
    position: relative;
}

.xterm .xterm-screen canvas {
    position: absolute;
    left: 0;
    top: 0;
}

.xterm-char-measure-element {
    display: inline-block;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: -9999em;
    line-height: normal;
}

.xterm.enable-mouse-events {
    /* When mouse events are enabled (eg. tmux), revert to the standard pointer cursor */
    cursor: default;
}

.xterm.xterm-cursor-pointer,
.xterm .xterm-cursor-pointer {
    cursor: pointer;
}

.xterm.column-select.focus {
    /* Column selection mode */
    cursor: crosshair;
}

.xterm .xterm-accessibility:not(.debug),
.xterm .xterm-message {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    color: transparent;
    pointer-events: none;
}

.xterm .xterm-accessibility-tree:not(.debug) *::-moz-selection {
  color: transparent;
}

.xterm .xterm-accessibility-tree:not(.debug) *::selection {
  color: transparent;
}

.xterm .xterm-accessibility-tree {
  font-family: monospace;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  white-space: pre;
}

.xterm .xterm-accessibility-tree > div {
  transform-origin: left;
  width: -moz-fit-content;
  width: fit-content;
}

.xterm .live-region {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.xterm-dim {
    /* Dim should not apply to background, so the opacity of the foreground color is applied
     * explicitly in the generated class and reset to 1 here */
    opacity: 1 !important;
}

.xterm-underline-1 { text-decoration: underline; }
.xterm-underline-2 { -webkit-text-decoration: double underline; text-decoration: double underline; }
.xterm-underline-3 { -webkit-text-decoration: wavy underline; text-decoration: wavy underline; }
.xterm-underline-4 { -webkit-text-decoration: dotted underline; text-decoration: dotted underline; }
.xterm-underline-5 { -webkit-text-decoration: dashed underline; text-decoration: dashed underline; }

.xterm-overline {
    text-decoration: overline;
}

.xterm-overline.xterm-underline-1 { text-decoration: overline underline; }
.xterm-overline.xterm-underline-2 { -webkit-text-decoration: overline double underline; text-decoration: overline double underline; }
.xterm-overline.xterm-underline-3 { -webkit-text-decoration: overline wavy underline; text-decoration: overline wavy underline; }
.xterm-overline.xterm-underline-4 { -webkit-text-decoration: overline dotted underline; text-decoration: overline dotted underline; }
.xterm-overline.xterm-underline-5 { -webkit-text-decoration: overline dashed underline; text-decoration: overline dashed underline; }

.xterm-strikethrough {
    text-decoration: line-through;
}

.xterm-screen .xterm-decoration-container .xterm-decoration {
	z-index: 6;
	position: absolute;
}

.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer {
	z-index: 7;
}

.xterm-decoration-overview-ruler {
    z-index: 8;
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
}

.xterm-decoration-top {
    z-index: 2;
    position: relative;
}



/* Derived from vs/base/browser/ui/scrollbar/media/scrollbar.css */

/* xterm.js customization: Override xterm's cursor style */
.xterm .xterm-scrollable-element > .scrollbar {
    cursor: default;
}

/* Arrows */
.xterm .xterm-scrollable-element > .scrollbar > .scra {
	cursor: pointer;
	font-size: 11px !important;
}

.xterm .xterm-scrollable-element > .visible {
	opacity: 1;

	/* Background rule added for IE9 - to allow clicks on dom node */
	background:rgba(0,0,0,0);

	transition: opacity 100ms linear;
	/* In front of peek view */
	z-index: 11;
}
.xterm .xterm-scrollable-element > .invisible {
	opacity: 0;
	pointer-events: none;
}
.xterm .xterm-scrollable-element > .invisible.fade {
	transition: opacity 800ms linear;
}

/* Scrollable Content Inset Shadow */
.xterm .xterm-scrollable-element > .shadow {
	position: absolute;
	display: none;
}
.xterm .xterm-scrollable-element > .shadow.top {
	display: block;
	top: 0;
	left: 3px;
	height: 3px;
	width: 100%;
	box-shadow: var(--vscode-scrollbar-shadow, #000) 0 6px 6px -6px inset;
}
.xterm .xterm-scrollable-element > .shadow.left {
	display: block;
	top: 3px;
	left: 0;
	height: 100%;
	width: 3px;
	box-shadow: var(--vscode-scrollbar-shadow, #000) 6px 0 6px -6px inset;
}
.xterm .xterm-scrollable-element > .shadow.top-left-corner {
	display: block;
	top: 0;
	left: 0;
	height: 3px;
	width: 3px;
}
.xterm .xterm-scrollable-element > .shadow.top.left {
	box-shadow: var(--vscode-scrollbar-shadow, #000) 6px 0 6px -6px inset;
}
/* Task Planner Styles */

.time-blocker-grid {
  display: grid;
  grid-template-columns: 60px 1fr;
  height: 100%;
  overflow: hidden;
}

.time-blocker-grid.week-view {
  grid-template-columns: 60px repeat(7, 1fr);
}

.time-labels {
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--border);
  background: color-mix(in srgb, var(--muted) calc(0.3 * 100%), transparent);
}

.time-label {
  height: 60px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 2px 8px 0 0;
  font-size: 11px;
  color: var(--muted-foreground);
  font-variant-numeric: tabular-nums;
}

.day-column {
  position: relative;
  border-right: 1px solid var(--border);
  min-width: 120px;
}

.day-column:last-child {
  border-right: none;
}

.time-slot {
  height: 60px;
  border-bottom: 1px solid color-mix(in srgb, var(--border) calc(0.5 * 100%), transparent);
  position: relative;
  transition: background-color 150ms ease;
}

.time-slot:hover {
  background: color-mix(in srgb, var(--accent) calc(0.3 * 100%), transparent);
}

.time-slot.is-over {
  background: color-mix(in srgb, var(--primary) calc(0.2 * 100%), transparent);
  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--primary) calc(0.4 * 100%), transparent);
}

.time-slot.half-hour {
  border-bottom: 1px dashed color-mix(in srgb, var(--border) calc(0.3 * 100%), transparent);
}

.scheduled-task-block {
  position: absolute;
  left: 4px;
  right: 4px;
  border-radius: calc(var(--radius) + 2px);
  padding: 4px 8px;
  font-size: 12px;
  cursor: grab;
  overflow: hidden;
  z-index: 10;
  transition: box-shadow 150ms ease, transform 150ms ease;
}

.scheduled-task-block:hover {
  box-shadow: 0 2px 8px color-mix(in srgb, var(--foreground) calc(0.1 * 100%), transparent);
}

.scheduled-task-block.dragging {
  opacity: 0.8;
  transform: scale(1.02);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--foreground) calc(0.15 * 100%), transparent);
  cursor: grabbing;
}

.current-time-indicator {
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--destructive);
  z-index: 20;
  pointer-events: none;
}

.current-time-indicator::before {
  content: '';
  position: absolute;
  left: -4px;
  top: -4px;
  width: 10px;
  height: 10px;
  background: var(--destructive);
  border-radius: 50%;
}

.planner-day-header {
  padding: 8px;
  text-align: center;
  border-bottom: 1px solid var(--border);
  background: color-mix(in srgb, var(--muted) calc(0.3 * 100%), transparent);
  font-size: 12px;
  font-weight: 500;
}

.planner-day-header.today {
  background: color-mix(in srgb, var(--primary) calc(0.1 * 100%), transparent);
}

.planner-day-header .day-number {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
}

.planner-day-header.today .day-number {
  color: var(--primary);
}

/* Today indicator dot */
.today-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--destructive);
  display: inline-block;
}

/* Vertical Unscheduled Pool - matching target design */
.unscheduled-pool-vertical {
  background: color-mix(in srgb, var(--muted) calc(0.1 * 100%), transparent);
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

.unscheduled-pool-header {
  font-size: 12px;
  font-weight: 500;
  color: var(--muted-foreground);
  flex-shrink: 0;
  padding: 8px 12px;
  border-bottom: 1px solid color-mix(in srgb, var(--border) calc(0.5 * 100%), transparent);
}

.unscheduled-tasks-list {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  flex: 1;
}

.unscheduled-tasks-list::-webkit-scrollbar {
  width: 6px;
}

.unscheduled-tasks-list::-webkit-scrollbar-track {
  background: color-mix(in srgb, var(--muted) calc(0.3 * 100%), transparent);
}

.unscheduled-tasks-list::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--muted-foreground) calc(0.3 * 100%), transparent);
  border-radius: 3px;
}

.unscheduled-tasks-list::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--muted-foreground) calc(0.5 * 100%), transparent);
}

.unscheduled-task-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-bottom: 1px solid color-mix(in srgb, var(--border) calc(0.5 * 100%), transparent);
  font-size: 13px;
  cursor: grab;
  transition: background 150ms ease;
}

.unscheduled-task-row:hover {
  background: color-mix(in srgb, var(--accent) calc(0.5 * 100%), transparent);
}

.unscheduled-task-row.dragging {
  opacity: 0.7;
  background: var(--accent);
}
/* Time block calendar custom styles */
:root {
  --tb-slot-height: 12px; /* 15-minute slot height */
  --tb-hour-height: calc(var(--tb-slot-height) * 4); /* 48px per hour */
}

/* Calendar grid layout */
.calendar-grid {
  display: grid;
  grid-template-columns: 60px 1fr;
  height: 100%;
}

.calendar-time-column {
  border-right: 1px solid var(--border);
}

.calendar-day-columns {
  display: grid;
  overflow-x: auto;
}

/* Time slots */
.time-slot {
  height: var(--tb-hour-height);
  border-bottom: 1px solid color-mix(in srgb, var(--border) calc(0.5 * 100%), transparent);
  position: relative;
}

.time-slot::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  border-bottom: 1px dashed color-mix(in srgb, var(--border) calc(0.3 * 100%), transparent);
}

.time-label {
  font-size: 0.75rem;
  color: var(--muted-foreground);
  padding-right: 8px;
  text-align: right;
  position: relative;
  top: -0.5em;
}

/* Day column */
.day-column {
  border-right: 1px solid color-mix(in srgb, var(--border) calc(0.5 * 100%), transparent);
  position: relative;
  min-width: 120px;
}

.day-column:last-child {
  border-right: none;
}

/* Event blocks */
.event-block {
  position: absolute;
  left: 2px;
  right: 2px;
  border-radius: 4px;
  padding: 4px 8px;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.1s, box-shadow 0.1s;
  z-index: 10;
}

.event-block:hover {
  transform: scale(1.02);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 20;
}

.event-block.is-cal-booking {
  border-left: 3px solid var(--primary);
}

.event-block .event-title {
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.event-block .event-time {
  font-size: 0.7rem;
  opacity: 0.8;
}

/* Current time indicator */
.current-time-indicator {
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--destructive);
  z-index: 30;
}

.current-time-indicator::before {
  content: '';
  position: absolute;
  left: -4px;
  top: -4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--destructive);
}

/* Smooth scrolling */
.time-grid-area {
  scroll-behavior: smooth;
}

/* Month view grid */
.month-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 1px;
  background: var(--border);
}

.month-day-cell {
  background: var(--background);
  min-height: 100px;
  padding: 4px;
}

.month-day-cell.today {
  background: color-mix(in srgb, var(--accent) calc(0.3 * 100%), transparent);
}

.month-day-cell.outside-month {
  opacity: 0.5;
}

.month-day-number {
  font-size: 0.875rem;
  font-weight: 500;
  padding: 4px;
  display: inline-block;
}

.month-day-cell.today .month-day-number {
  background: var(--primary);
  color: var(--primary-foreground);
  border-radius: 50%;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* View toggle buttons */
.view-toggle-group {
  display: flex;
  gap: 1px;
  background: var(--muted);
  border-radius: 6px;
  padding: 2px;
}

.view-toggle-button {
  padding: 4px 12px;
  font-size: 0.8rem;
  border-radius: 4px;
  transition: background 0.15s;
}

.view-toggle-button.active {
  background: var(--background);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Drag ghost */
.event-drag-ghost {
  opacity: 0.8;
  transform: rotate(2deg);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

/* Drop zone highlighting */
.drop-active {
  background-color: color-mix(in srgb, var(--primary) calc(0.2 * 100%), transparent);
  border: 2px dashed var(--primary);
}

/* Dragging event styling */
.event-block.is-dragging {
  opacity: 0.5;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}

/* Drag handle visibility */
.event-block .drag-handle {
  opacity: 0;
  transition: opacity 0.15s;
}

.event-block:hover .drag-handle {
  opacity: 1;
}
pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#79c0ff}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-code,.hljs-comment,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}.rd-roadmap-task-sidebar { min-width: 0; border-top: 1px solid var(--core-line, hsl(var(--border))); padding-block: 6px; }
.rd-roadmap-task-sidebar > input { width: calc(100% - 16px); margin: 0 8px 6px; padding: 3px 6px; border: 1px solid var(--core-line, hsl(var(--border))); border-radius: 3px; background: transparent; font-size: 11px; }
.rd-roadmap-task-sidebar .rd-planner-section-label { display: flex; justify-content: space-between; gap: 8px; }
.rd-roadmap-task-category-toggle { display: flex; width: 100%; align-items: center; gap: 5px; padding: 4px 8px; text-align: left; font-size: 11px; }
.rd-roadmap-task-category-color { width: 5px; height: 12px; flex-shrink: 0; border-radius: 2px; }
.rd-roadmap-task-source { margin: 1px 6px 1px 22px; padding: 4px 6px; border-radius: 3px; font-size: 11px; cursor: grab; overflow-wrap: anywhere; }
.rd-roadmap-task-source:hover, .rd-roadmap-task-category-toggle:hover { background: var(--core-hover, hsl(var(--muted))); }
.rd-roadmap-task-source:focus-visible { outline: 1px solid hsl(var(--ring)); }
.rd-roadmap-task-expand { display: grid; width: 100%; place-items: center; padding: 6px; }
/**
 * Brite planner — tokens scoped under `.brite-root` so Residents Desk
 * global shadcn variables are not overwritten.
 */

.brite-root {
  --coral: 25 90% 55%;
  --teal: 211 86% 51%;
  --paper: var(--background);
  --schedule-line: var(--border);

  min-height: 0;
  width: 100%;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  color: hsl(var(--foreground));
  color-scheme: inherit;
  font-family: 'DM Sans', ui-sans-serif, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}

.brite-root .font-display {
  font-family: 'DM Sans', ui-sans-serif, system-ui, sans-serif;
}

.brite-root .font-mono {
  font-family: 'IBM Plex Mono', ui-monospace, monospace;
}

.brite-root .shadow-soft {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.04), 0 2px 6px rgba(0, 0, 0, 0.25);
}

.brite-root .schedule-grid {
  background-image: repeating-linear-gradient(
    to bottom,
    transparent,
    transparent calc(4rem - 1px),
    hsl(var(--schedule-line)) calc(4rem - 1px),
    hsl(var(--schedule-line)) 4rem
  );
}

.brite-root :focus-visible {
  outline: 2px solid hsl(var(--ring));
  outline-offset: 1px;
}

.brite-root ::-moz-selection {
  background: hsl(211 86% 51% / 0.35);
}

.brite-root ::selection {
  background: hsl(211 86% 51% / 0.35);
}

@media (prefers-reduced-motion: reduce) {
  .brite-root *,
  .brite-root *::before,
  .brite-root *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/* Creative Exchange / Index — neutral dark marketplace shell */

.em-pro {
  --em-bg: hsl(var(--background));
  --em-panel: hsl(var(--card));
  --em-panel-2: hsl(var(--muted));
  --em-line: hsl(var(--border) / 0.7);
  --em-line-strong: hsl(var(--border));
  --em-pine: hsl(var(--muted-foreground));
  --em-pine-bright: hsl(var(--foreground) / 0.55);
  background: var(--em-bg);
  color: hsl(var(--foreground));
  font-family:
    'IBM Plex Sans',
    'Inter',
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    sans-serif;
}

.em-pro .bg-background,
.em-pro .bg-card,
.em-pro .bg-muted {
  background-color: var(--em-panel) !important;
}

.em-pro .border-border,
.em-pro .border {
  border-color: var(--em-line) !important;
}

/*
 * Product hubs (Build Pages, Info & Admin nested chrome, M&W shells) —
 * follow the user’s site theme instead of the Exchange dark brand.
 * Marketplace / Index / UI Build demos keep plain `.em-pro`.
 */
.em-pro.em-pro--site-theme {
  --em-bg: hsl(var(--background));
  --em-panel: hsl(var(--card));
  --em-line: hsl(var(--border) / 0.7);
  --em-line-strong: hsl(var(--border));
  --em-pine: hsl(var(--muted-foreground));
  --em-pine-bright: hsl(var(--foreground) / 0.55);
  background: hsl(var(--background));
  color: hsl(var(--foreground));
}

.em-pro.em-pro--site-theme,
.em-pro.em-pro--site-theme h1,
.em-pro.em-pro--site-theme h2,
.em-pro.em-pro--site-theme h3,
.em-pro.em-pro--site-theme .text-foreground,
.em-pro.em-pro--site-theme .text-card-foreground {
  color: hsl(var(--foreground)) !important;
}

/* Undo Exchange white !important so Tailwind theme utilities can apply. */
.em-pro.em-pro--site-theme p,
.em-pro.em-pro--site-theme span,
.em-pro.em-pro--site-theme a,
.em-pro.em-pro--site-theme button,
.em-pro.em-pro--site-theme label,
.em-pro.em-pro--site-theme li {
  color: inherit !important;
}

.em-pro.em-pro--site-theme .text-muted-foreground {
  color: hsl(var(--muted-foreground)) !important;
}

.em-pro.em-pro--site-theme .bg-background {
  background-color: hsl(var(--background)) !important;
}

.em-pro.em-pro--site-theme .bg-card {
  background-color: hsl(var(--card)) !important;
}

.em-pro.em-pro--site-theme .bg-muted {
  background-color: hsl(var(--muted)) !important;
}

.em-pro.em-pro--site-theme .border-border,
.em-pro.em-pro--site-theme .border {
  border-color: hsl(var(--border)) !important;
}

.em-pro.em-pro--site-theme .em-segmented,
.em-pro.em-pro--site-theme .em-subtabs {
  background: hsl(var(--muted) / 0.45);
}

.em-pro.em-pro--site-theme .em-segment-inactive {
  color: hsl(var(--muted-foreground));
  opacity: 1;
}

.em-pro.em-pro--site-theme .em-segment-inactive:hover {
  background: hsl(var(--muted) / 0.7);
}

.em-pro.em-pro--site-theme .em-segment-active,
.em-pro.em-pro--site-theme .em-segment-active.em-pine-active {
  background: hsl(var(--accent));
  color: hsl(var(--accent-foreground));
  box-shadow: inset 0 -2px 0 hsl(var(--primary) / 0.55);
}

.em-pro.em-pro--site-theme .em-cat-label,
.em-pro.em-pro--site-theme .em-cat-toggle,
.em-pro.em-pro--site-theme .em-cat-toggle-active {
  color: hsl(var(--foreground)) !important;
}

.em-pro.em-pro--site-theme .em-cat-toggle:hover,
.em-pro.em-pro--site-theme .em-cat-item:hover {
  background: hsl(var(--muted) / 0.55);
}

.em-pro.em-pro--site-theme .em-cat-sublist {
  background: hsl(var(--muted) / 0.35);
}

.em-pro.em-pro--site-theme .em-cat-item {
  color: hsl(var(--sidebar-foreground));
  box-shadow: inset 0 -1px 0 hsl(var(--sidebar-border));
}

/* Beat Exchange `.em-pro button { color: #fff !important }` on hub dest rows. */
.em-pro.em-pro--site-theme .em-cat-nav {
  color: hsl(var(--foreground));
}

.em-pro.em-pro--site-theme .em-cat-nav button,
.em-pro.em-pro--site-theme .em-cat-nav button span {
  color: var(--hub-row-ink, hsl(var(--foreground))) !important;
}

.em-pro.em-pro--site-theme .em-cat-item-active {
  background: hsl(var(--sidebar-accent));
  color: hsl(var(--sidebar-accent-foreground));
  border-left-color: hsl(var(--sidebar-foreground));
  box-shadow: inset 0 -2px 0 hsl(var(--sidebar-foreground) / 0.4);
}

.em-pro.em-pro--site-theme .em-cat-toggle {
  border-left: 2px solid transparent;
}

.em-pro.em-pro--site-theme .em-cat-toggle-active {
  background: hsl(var(--sidebar-accent));
  border-left-color: hsl(var(--sidebar-foreground));
}

.em-pro.em-pro--site-theme .em-cat-icon {
  background: hsl(var(--muted) / 0.6);
  border-color: hsl(var(--border));
}

.em-pro.em-pro--site-theme .em-subtab-active {
  background: hsl(var(--accent));
  box-shadow: inset 0 -2px 0 hsl(var(--primary) / 0.55);
}

.em-pro.em-pro--site-theme .em-toolbar-btn {
  color: hsl(var(--foreground)) !important;
  background: hsl(var(--muted) / 0.55);
}

.em-shell-header {
  flex-shrink: 0;
  background: linear-gradient(180deg, hsl(var(--muted)), hsl(var(--card)));
  border-bottom: 1px solid var(--em-line);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.em-shell-header.em-pine {
  border-bottom-color: color-mix(in srgb, var(--em-pine) 45%, var(--em-line));
}

/* Pro segmented tabs — hairlines + vertical dividers */
.em-segmented {
  display: inline-flex;
  align-items: stretch;
  border: 1px solid var(--em-line);
  background: hsl(var(--card));
}

.em-segment {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.35rem 0.7rem;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  transition: background 0.15s ease, color 0.15s ease;
}

.em-segment + .em-segment::before {
  content: '';
  position: absolute;
  left: 0;
  top: 18%;
  bottom: 18%;
  width: 1px;
  background: var(--em-line);
}

.em-segment-inactive {
  color: hsl(var(--foreground));
  opacity: 0.72;
}

.em-segment-inactive:hover {
  opacity: 1;
  background: hsl(var(--card));
}

.em-segment-active,
.em-segment-active.em-pine-active {
  background: color-mix(in srgb, var(--em-pine) 55%, #000);
  color: hsl(var(--foreground));
  opacity: 1;
  box-shadow: inset 0 -2px 0 var(--em-pine-bright);
}

.em-segment-active + .em-segment::before,
.em-segment + .em-segment-active::before {
  opacity: 0;
}

.em-section {
  padding: 0.45rem 0.5rem 0.5rem;
  border-bottom: 1px solid var(--em-line);
}

.em-section-inner {
  width: 100%;
}

.em-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.35rem;
  padding-bottom: 0.28rem;
  border-bottom: 1px solid var(--em-line);
}

.em-section-head h2 {
  position: relative;
  padding-left: 0.65rem;
}

.em-section-head h2::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.15rem;
  bottom: 0.15rem;
  width: 2px;
  background: var(--em-pine-bright);
}

/* Category sidebar — ruled pro nav */
.em-cat-sidebar {
  display: none;
  width: 12.5rem;
  flex-shrink: 0;
  flex-direction: column;
  background: hsl(var(--card));
  border-right: 1px solid var(--em-line);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    inset -1px 0 0 rgba(0, 0, 0, 0.75);
}

@media (min-width: 768px) {
  .em-cat-sidebar {
    display: flex;
  }
}

.em-cat-head {
  padding: 0.5rem 0.4rem;
  border-bottom: 1px solid var(--em-line);
}

.em-cat-label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: hsl(var(--muted-foreground));
  opacity: 1;
  font-family:
    'IBM Plex Mono',
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    'Liberation Mono',
    'Courier New',
    monospace;
}

.em-cat-nav {
  flex: 1;
  overflow-y: auto;
  padding: 0.25rem 0;
}

.em-cat-group {
  margin-top: 0;
  padding-top: 0;
  border-top: 1px solid var(--em-line);
}

.em-cat-group:first-child {
  border-top: none;
}

.em-cat-toggle {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 0.4rem;
  padding: 0.34rem 0.55rem;
  text-align: left;
  font-size: 11px;
  font-weight: 600;
  color: hsl(var(--muted-foreground));
  transition: background 0.12s ease;
  font-family:
    'IBM Plex Mono',
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    'Liberation Mono',
    'Courier New',
    monospace;
}

.em-cat-toggle:hover {
  background: hsl(var(--card));
}

.em-cat-toggle-active {
  color: hsl(var(--foreground));
}

.em-cat-sublist {
  background: hsl(var(--card));
}

.em-cat-item {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  gap: 0.5rem;
  padding: 0.3rem 0.6rem;
  text-align: left;
  font-size: 10px;
  font-weight: 600;
  border-left: 2px solid transparent;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.14);
  transition: background 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease;
}

.em-cat-subitem {
  padding-left: 0.6rem;
  font-size: 10px;
  font-weight: 600;
}

.em-cat-item + .em-cat-item {
  border-top: none;
}

.em-cat-item:hover {
  background: hsl(var(--card));
}

.em-cat-item-active {
  background: color-mix(in srgb, var(--em-pine) 28%, transparent);
  border-left-color: var(--em-pine-bright);
  font-weight: 600;
  box-shadow: inset 0 -2px 0 var(--em-pine-bright);
  color: hsl(var(--foreground));
}

.em-cat-icon {
  position: relative;
  display: inline-flex;
  height: 1.4rem;
  width: 1.4rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--em-line);
  background: hsl(var(--card));
}

.em-segment .em-cat-icon,
.em-subtab .em-cat-icon {
  height: 1.15rem;
  width: 1.15rem;
}

.em-cat-icon img {
  display: block;
}

.em-toolbar {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.3rem;
  border-bottom: 1px solid var(--em-line);
  background: transparent;
  padding: 0.22rem 0.45rem;
}

.em-toolbar-divider {
  width: 1px;
  align-self: stretch;
  min-height: 1.4rem;
  background: var(--em-line-strong);
}

.em-subtabs {
  display: inline-flex;
  align-items: stretch;
  border: 1px solid var(--em-line);
  background: hsl(var(--card));
}

.em-subtab {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.3rem 0.65rem;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.em-subtab + .em-subtab::before {
  content: '';
  position: absolute;
  left: 0;
  top: 20%;
  bottom: 20%;
  width: 1px;
  background: var(--em-line);
}

.em-subtab-active {
  background: color-mix(in srgb, var(--em-pine) 50%, #000);
  box-shadow: inset 0 -2px 0 var(--em-pine-bright);
}

.em-link-quiet {
  font-size: 11px;
  font-weight: 500;
  opacity: 0.85;
  border-left: 1px solid var(--em-line);
  padding-left: 0.65rem;
}

.em-link-quiet:hover {
  opacity: 1;
}

/* Topbar action buttons — match shell / search / subtab chrome */
.em-toolbar-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  height: 1.75rem;
  flex-shrink: 0;
  padding: 0 0.65rem;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: lowercase;
  white-space: nowrap;
  border: 1px solid var(--em-line);
  background: hsl(var(--card));
  color: hsl(var(--foreground)) !important;
  transition: background 0.15s ease, border-color 0.15s ease, opacity 0.15s ease;
}

.em-toolbar-btn:hover {
  background: hsl(var(--card));
  border-color: var(--em-line-strong);
}

.em-toolbar-btn:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28);
}

.em-card-lift {
  transition: border-color 0.15s ease, background 0.15s ease;
}

.em-catalog-card {
  border: 1px solid var(--em-line) !important;
  background: linear-gradient(180deg, hsl(var(--muted)), hsl(var(--card))) !important;
  /* Match UI Build CollectionsRow; !important beats corners-mode button rules when class is kept. */
  border-radius: 2px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 1px 0 rgba(0, 0, 0, 0.4);
}

.em-catalog-card:hover {
  border-color: color-mix(in srgb, var(--em-pine-bright) 45%, var(--em-line)) !important;
  background: linear-gradient(180deg, hsl(var(--muted)), hsl(var(--card))) !important;
}

.em-rail-scroll {
  display: flex;
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
  --tw-scroll-snap-strictness: mandatory;
  gap: 0.375rem;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding-bottom: 0.25rem;
  scrollbar-width: thin;
}

.em-rail-scroll > * {
  scroll-snap-align: start;
}

.em-project-overlay {
  position: absolute;
  inset: 0px;
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
  --tw-gradient-from: rgb(0 0 0 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.em-glass-stat {
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.1);
  background-color: rgb(0 0 0 / 0.5);
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  text-align: center;
}


.em-pro .em-glass-stat {
  border-color: var(--em-line);
}


.em-pro.em-pro--site-theme .em-glass-stat {
  border-color: hsl(var(--border));
}

/* Creative Index screenshot parity target */
.ix-screen-target {
  background: hsl(var(--card));
}

.ix-screen-target .workspace-container-frame {
  background: hsl(var(--card));
}

.ix-screen-target [data-tab52-sidebar] {
  background: hsl(var(--card));
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.ix-screen-target [data-tab52-sidebar] [data-radix-scroll-area-viewport] {
  background: hsl(var(--card));
}

.ix-screen-target [data-tab52-sidebar] :is(button, a) {
  min-height: 24px;
  font-size: 10px;
}

.ix-screen-target [data-tab52-sidebar] :is(button, a)[aria-current='page'],
.ix-screen-target [data-tab52-sidebar] :is(button, a)[data-state='active'] {
  border-left: 2px solid #d9d9d9;
  background: hsl(var(--card));
}

.ix-screen-target .workspace-container-frame [data-btb='2a'] .btb-row {
  min-height: 30px;
  background: hsl(var(--card));
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.ix-screen-target .primary-topbar-1,
.ix-screen-target .primary-topbar-1-tools {
  background: hsl(var(--card));
}

.ix-screen-target .primary-topbar-1-field {
  min-height: 20px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: hsl(var(--card));
  color: hsl(var(--foreground));
  font-size: 10px;
}

.ix-screen-target .ix-screen-card {
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: hsl(var(--card));
  border-radius: 0;
  box-shadow: none;
}

.ix-screen-target .ix-screen-card-footer {
  background: hsl(var(--card));
  border-top-color: rgba(255, 255, 255, 0.08);
}

.ix-screen-target .ix-screen-tag {
  height: 20px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: hsl(var(--card));
  color: hsl(var(--foreground));
  font-size: 9px;
  letter-spacing: 0.08em;
  text-transform: lowercase;
  padding: 0 0.4rem;
}

/* Theme pass: preserve geometry, map colors for light theme families */
html.light .ix-screen-target,
html.desklight .ix-screen-target,
html.ableton .ix-screen-target,
html.brooklet .ix-screen-target,
html.airbus .ix-screen-target,
html.sketchpad .ix-screen-target {
  background: hsl(var(--background));
}

html.light .ix-screen-target .workspace-container-frame,
html.desklight .ix-screen-target .workspace-container-frame,
html.ableton .ix-screen-target .workspace-container-frame,
html.brooklet .ix-screen-target .workspace-container-frame,
html.airbus .ix-screen-target .workspace-container-frame,
html.sketchpad .ix-screen-target .workspace-container-frame {
  background: hsl(var(--background));
}

html.light .ix-screen-target [data-tab52-sidebar],
html.desklight .ix-screen-target [data-tab52-sidebar],
html.ableton .ix-screen-target [data-tab52-sidebar],
html.brooklet .ix-screen-target [data-tab52-sidebar],
html.airbus .ix-screen-target [data-tab52-sidebar],
html.sketchpad .ix-screen-target [data-tab52-sidebar] {
  background: hsl(var(--card));
  border-right-color: hsl(var(--border));
}

html.light .ix-screen-target .workspace-container-frame [data-btb='2a'] .btb-row,
html.desklight .ix-screen-target .workspace-container-frame [data-btb='2a'] .btb-row,
html.ableton .ix-screen-target .workspace-container-frame [data-btb='2a'] .btb-row,
html.brooklet .ix-screen-target .workspace-container-frame [data-btb='2a'] .btb-row,
html.airbus .ix-screen-target .workspace-container-frame [data-btb='2a'] .btb-row,
html.sketchpad .ix-screen-target .workspace-container-frame [data-btb='2a'] .btb-row {
  background: hsl(var(--card));
  border-bottom-color: hsl(var(--border));
}

html.light .ix-screen-target .primary-topbar-1,
html.light .ix-screen-target .primary-topbar-1-tools,
html.desklight .ix-screen-target .primary-topbar-1,
html.desklight .ix-screen-target .primary-topbar-1-tools,
html.ableton .ix-screen-target .primary-topbar-1,
html.ableton .ix-screen-target .primary-topbar-1-tools,
html.brooklet .ix-screen-target .primary-topbar-1,
html.brooklet .ix-screen-target .primary-topbar-1-tools,
html.airbus .ix-screen-target .primary-topbar-1,
html.airbus .ix-screen-target .primary-topbar-1-tools,
html.sketchpad .ix-screen-target .primary-topbar-1,
html.sketchpad .ix-screen-target .primary-topbar-1-tools {
  background: hsl(var(--card));
}

html.light .ix-screen-target .primary-topbar-1-field,
html.desklight .ix-screen-target .primary-topbar-1-field,
html.ableton .ix-screen-target .primary-topbar-1-field,
html.brooklet .ix-screen-target .primary-topbar-1-field,
html.airbus .ix-screen-target .primary-topbar-1-field,
html.sketchpad .ix-screen-target .primary-topbar-1-field {
  border-color: hsl(var(--border));
  background: hsl(var(--muted));
  color: hsl(var(--foreground));
}

html.light .ix-screen-target .ix-screen-card,
html.desklight .ix-screen-target .ix-screen-card,
html.ableton .ix-screen-target .ix-screen-card,
html.brooklet .ix-screen-target .ix-screen-card,
html.airbus .ix-screen-target .ix-screen-card,
html.sketchpad .ix-screen-target .ix-screen-card {
  border-color: hsl(var(--border));
  background: hsl(var(--card));
}

html.light .ix-screen-target .ix-screen-card-footer,
html.desklight .ix-screen-target .ix-screen-card-footer,
html.ableton .ix-screen-target .ix-screen-card-footer,
html.brooklet .ix-screen-target .ix-screen-card-footer,
html.airbus .ix-screen-target .ix-screen-card-footer,
html.sketchpad .ix-screen-target .ix-screen-card-footer {
  background: hsl(var(--muted));
  border-top-color: hsl(var(--border));
}


/* RD Docs scoped surface — applies the Residents Desk Docs aesthetic
 * (amber accent, DM Sans/DM Mono, dotted hairlines, square corners)
 * to any subtree without changing the user's global theme. */

.rd-docs-surface {
  /* Palette (HSL components, used with hsl(var(--token))) */
  --font-mono: 'DM Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  background: hsl(var(--background));
  color: hsl(var(--foreground));
  font-family: var(--font-sans);
  font-weight: 300;
  font-size: 15px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

.rd-docs-surface .font-mono,
.rd-docs-surface code,
.rd-docs-surface kbd,
.rd-docs-surface pre,
.rd-docs-surface samp {
  font-family: var(--font-mono);
}

.rd-docs-surface h1,
.rd-docs-surface h2,
.rd-docs-surface h3,
.rd-docs-surface h4,
.rd-docs-surface h5,
.rd-docs-surface h6 {
  text-transform: lowercase;
  letter-spacing: -0.01em;
  font-weight: 400;
}
.rd-docs-surface h1 { font-weight: 300; }
.rd-docs-surface h3 { color: hsl(var(--foreground)); }
.rd-docs-surface h4 { color: hsl(var(--muted-foreground)); }

/* Square corners everywhere except opt-out */
.rd-docs-surface *:not(.rd-docs-keep-radius):not(.rd-docs-keep-radius *) {
  border-radius: 0 !important;
}

/* Kill heavy shadows */
.rd-docs-surface *:not(.rd-docs-keep-shadow):not(.rd-docs-keep-shadow *) {
  box-shadow: none !important;
}

/* Dotted hairlines on any element using a border utility/token */
.rd-docs-surface .border,
.rd-docs-surface .border-t,
.rd-docs-surface .border-b,
.rd-docs-surface .border-l,
.rd-docs-surface .border-r,
.rd-docs-surface .border-x,
.rd-docs-surface .border-y,
.rd-docs-surface [class*="border-border"] {
  border-style: dotted;
  border-color: hsl(var(--border) / 0.7);
}

/* Links + active accents inside reports */
.rd-docs-surface a {
  color: hsl(var(--foreground));
}
.rd-docs-surface a:hover {
  color: hsl(var(--foreground));
}

/* Embedded HtmlReportView snippets — tighten radii to match */
.rd-docs-surface .admin-html-report {
  --border-radius-md: 2px;
  --border-radius-lg: 2px;
}

/* Sub-tab nav vibe (RD Docs sidebar style) */
.rd-docs-surface .rd-tab {
  text-transform: lowercase;
  font-weight: 300;
  color: hsl(var(--muted-foreground));
  transition: color 0.15s, background 0.15s;
}
.rd-docs-surface .rd-tab:hover {
  color: hsl(var(--foreground));
  background: hsl(var(--border) / 0.7);
}
.rd-docs-surface .rd-tab[data-colored="true"]:not([data-active="true"]),
.rd-docs-surface .rd-toggle[data-colored="true"] {
  background: var(--admin-row-bg) !important;
  background-color: var(--admin-row-bg) !important;
  color: var(--admin-row-fg) !important;
  border-left-color: var(--admin-row-bg) !important;
}
.rd-docs-surface .rd-tab[data-colored="true"]:not([data-active="true"]) *,
.rd-docs-surface .rd-toggle[data-colored="true"] * {
  color: var(--admin-row-fg) !important;
}
.rd-docs-surface .rd-tab[data-colored="true"]:not([data-active="true"]):hover,
.rd-docs-surface .rd-toggle[data-colored="true"]:hover {
  background: var(--admin-row-bg) !important;
  background-color: var(--admin-row-bg) !important;
  filter: brightness(1.08);
}

/* Toggle header rows: full white text by default, no amber hover. */
.rd-docs-surface .rd-toggle { color: hsl(var(--foreground)) !important; }
.rd-docs-surface .rd-toggle[data-colored="true"] { color: var(--admin-row-fg) !important; }
.rd-docs-surface .rd-toggle:not([data-colored="true"]):hover {
  background-color: hsl(var(--border) / 0.7) !important;
}
.rd-docs-surface .rd-tab[data-active="true"],
.rd-docs-surface .rd-tab.active {
  color: hsl(var(--foreground));
  background: hsl(var(--muted));
  border-left: 1.5px solid hsl(var(--foreground));
}

/* Admin & Details is a docs surface, not a normal app panel. Aggressively
 * repaint Tailwind/Radix defaults so every tab body reads like RD Docs. */
.rd-docs-surface,
.rd-docs-surface [class*="bg-background"] {
  background-color: hsl(var(--background)) !important;
  color: hsl(var(--foreground)) !important;
}

.rd-docs-surface [class*="bg-card"],
.rd-docs-surface [class*="bg-popover"],
.rd-docs-surface [class*="bg-secondary"],
.rd-docs-surface [class*="bg-muted"],
.rd-docs-surface [style*="background"] {
  background: hsl(var(--card)) !important;
  background-color: hsl(var(--card)) !important;
}

.rd-docs-surface [style*="color"] {
  color: hsl(var(--foreground)) !important;
}

.rd-docs-surface button,
.rd-docs-surface input,
.rd-docs-surface textarea,
.rd-docs-surface select,
.rd-docs-surface [role="button"] {
  font-family: var(--font-sans) !important;
  background-color: transparent;
  color: hsl(var(--foreground));
}

.rd-docs-surface input,
.rd-docs-surface textarea,
.rd-docs-surface select,
.rd-docs-surface [cmdk-input] {
  background: hsl(var(--muted)) !important;
  border: 1px dotted hsl(var(--border) / 0.7) !important;
  color: hsl(var(--foreground)) !important;
}

.rd-docs-surface [class*="text-muted"],
.rd-docs-surface [class*="text-card"],
.rd-docs-surface [class*="text-secondary"],
.rd-docs-surface [class*="text-accent"] {
  color: hsl(var(--muted-foreground)) !important;
}

.rd-docs-surface [class*="text-foreground"],
.rd-docs-surface [class*="text-primary"] {
  color: hsl(var(--foreground)) !important;
}

.rd-docs-surface h1,
.rd-docs-surface h2,
.rd-docs-surface .page-title,
.rd-docs-surface [class*="font-semibold"],
.rd-docs-surface [class*="font-medium"] {
  color: hsl(var(--foreground)) !important;
}

.rd-docs-surface button:not(.rd-tab),
.rd-docs-surface [role="tab"],
.rd-docs-surface [class*="rounded-full"],
.rd-docs-surface [class*="rounded-md"] {
  border-color: hsl(var(--border) / 0.7) !important;
  border-style: dotted !important;
}

.rd-docs-surface button:not(.rd-tab):hover {
  background: hsl(var(--accent) / 0.5) !important;
  color: hsl(var(--foreground)) !important;
}

.rd-docs-surface .rd-tab[data-active="true"],
.rd-docs-surface .rd-tab[data-active="true"] * {
  color: hsl(var(--foreground)) !important;
}

.rd-docs-surface .rd-tab[data-active="true"] {
  background: hsl(var(--muted)) !important;
  background-color: hsl(var(--muted)) !important;
  border-left-color: hsl(var(--foreground)) !important;
}

.rd-docs-surface .rd-tab[data-active="true"][data-colored="true"] {
  background: hsl(var(--muted)) !important;
  background-color: hsl(var(--muted)) !important;
  color: hsl(var(--foreground)) !important;
  border-left-color: hsl(var(--foreground)) !important;
}

.rd-docs-surface .rd-tab[data-active="true"][data-colored="true"] * {
  color: hsl(var(--foreground)) !important;
}

/* Section label helper (uppercase mono with hairline rule) */
.rd-docs-surface .rd-section-label {
  font-family: 'DM Mono', ui-monospace, monospace;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: hsl(var(--muted-foreground));
}

/* ──────────────────────────────────────────────────────────────────
 * Inline HTML reports (HtmlReportView) override
 * Several admin report HTML snippets ship their own :root palettes
 * (cream backgrounds, dark blacks, brand-coloured pills). Force the
 * RD Docs palette for any vars they rely on, and neutralise the
 * brand-coloured pill backgrounds so they read on dark.
 * ────────────────────────────────────────────────────────────────── */
.rd-docs-surface .admin-html-report {
  /* Generic snippet vars */
  --bg: var(--appearance-surface);
  --bg-card: var(--appearance-panel);
  --bg-subtle: var(--appearance-raised);
  --text: var(--appearance-text);
  --text-muted: var(--appearance-muted);
  --text-dim: var(--appearance-muted);
  --accent: #FFD666;
  --border: var(--appearance-line);

  /* payments_capability_map.html */
  --black: var(--appearance-text);
  --off-white: var(--appearance-panel);
  --warm-white: var(--appearance-surface);
  --mid: var(--appearance-muted);
  --border-strong: var(--appearance-line);
  --stripe-light: var(--appearance-raised);
  --square-light: var(--appearance-raised);

  /* rd_integration_api_map.html / rd_tech_stack_map.html */
  --paper: var(--appearance-surface);
  --ink: var(--appearance-text);
  --ink-2: var(--appearance-muted);
  --ink-3: var(--appearance-muted);
  --rule: var(--appearance-line);
  --chip: var(--appearance-panel);

  background: hsl(var(--background)) !important;
  color: hsl(var(--foreground)) !important;
  font-family: 'DM Sans', ui-sans-serif, system-ui, sans-serif !important;
}

/* Force descendant text/blocks to use the surface palette */
.rd-docs-surface .admin-html-report,
.rd-docs-surface .admin-html-report body,
.rd-docs-surface .admin-html-report main,
.rd-docs-surface .admin-html-report section,
.rd-docs-surface .admin-html-report article,
.rd-docs-surface .admin-html-report header,
.rd-docs-surface .admin-html-report footer,
.rd-docs-surface .admin-html-report nav,
.rd-docs-surface .admin-html-report div {
  background-color: transparent;
}

/* Cards / panels inside snippets */
.rd-docs-surface .admin-html-report .card,
.rd-docs-surface .admin-html-report .layer-card,
.rd-docs-surface .admin-html-report .map-card,
.rd-docs-surface .admin-html-report .mini-card,
.rd-docs-surface .admin-html-report .feature-card,
.rd-docs-surface .admin-html-report .section,
.rd-docs-surface .admin-html-report .panel,
.rd-docs-surface .admin-html-report .row,
.rd-docs-surface .admin-html-report .tile {
  background: hsl(var(--card)) !important;
  border-color: hsl(var(--border) / 0.7) !important;
  color: hsl(var(--foreground)) !important;
}

/* Tone down brand-coloured pills so they read on dark */
.rd-docs-surface .admin-html-report [class*="fn-pill"],
.rd-docs-surface .admin-html-report [class*="tag-"],
.rd-docs-surface .admin-html-report [class*="b-"],
.rd-docs-surface .admin-html-report .provider-badge,
.rd-docs-surface .admin-html-report .pill,
.rd-docs-surface .admin-html-report .chip,
.rd-docs-surface .admin-html-report .badge {
  background: hsl(var(--muted)) !important;
  color: hsl(var(--foreground)) !important;
  border-color: hsl(var(--border) / 0.7) !important;
  filter: none;
}

/* Tables */
.rd-docs-surface .admin-html-report table {
  color: hsl(var(--foreground));
}
.rd-docs-surface .admin-html-report th,
.rd-docs-surface .admin-html-report td {
  border-color: hsl(var(--border) / 0.7) !important;
  color: hsl(var(--foreground)) !important;
}
.rd-docs-surface .admin-html-report th {
  color: hsl(var(--muted-foreground)) !important;
}

/* Headings inside snippets — lowercase + amber h-levels */
.rd-docs-surface .admin-html-report h1,
.rd-docs-surface .admin-html-report h2,
.rd-docs-surface .admin-html-report h3,
.rd-docs-surface .admin-html-report h4,
.rd-docs-surface .admin-html-report h5,
.rd-docs-surface .admin-html-report h6 {
  text-transform: lowercase;
  letter-spacing: -0.01em;
  color: hsl(var(--foreground));
}
.rd-docs-surface .admin-html-report h3 { color: hsl(var(--foreground)); }
.rd-docs-surface .admin-html-report h4 { color: hsl(var(--muted-foreground)); }

.rd-docs-surface .admin-html-report *,
.rd-docs-surface .admin-html-report [style*="background"],
.rd-docs-surface .admin-html-report [style*="background-color"] {
  background-color: transparent !important;
}

.rd-docs-surface .admin-html-report [style*="color"] {
  color: hsl(var(--foreground)) !important;
}

.rd-docs-surface .admin-html-report .card,
.rd-docs-surface .admin-html-report .layer-card,
.rd-docs-surface .admin-html-report .map-card,
.rd-docs-surface .admin-html-report .mini-card,
.rd-docs-surface .admin-html-report .feature-card,
.rd-docs-surface .admin-html-report .section,
.rd-docs-surface .admin-html-report .panel,
.rd-docs-surface .admin-html-report .row,
.rd-docs-surface .admin-html-report .tile,
.rd-docs-surface .admin-html-report .stat,
.rd-docs-surface .admin-html-report .defn,
.rd-docs-surface .admin-html-report .item,
.rd-docs-surface .admin-html-report .phase-card,
.rd-docs-surface .admin-html-report .role-card,
.rd-docs-surface .admin-html-report .doc-card,
.rd-docs-surface .admin-html-report .type-card,
.rd-docs-surface .admin-html-report tr,
.rd-docs-surface .admin-html-report td,
.rd-docs-surface .admin-html-report th {
  background: hsl(var(--card)) !important;
}

/* Force older Admin & Details React tabs that used status colours / pill fills
 * into the same RD Docs amber-on-black language. */
.rd-docs-surface [class*="bg-emerald"],
.rd-docs-surface [class*="bg-green"],
.rd-docs-surface [class*="bg-blue"],
.rd-docs-surface [class*="bg-purple"],
.rd-docs-surface [class*="bg-orange"],
.rd-docs-surface [class*="bg-red"],
.rd-docs-surface [class*="bg-foreground"] {
  background-color: hsl(var(--primary) / 0.09) !important;
}

.rd-docs-surface [class*="text-emerald"],
.rd-docs-surface [class*="text-green"],
.rd-docs-surface [class*="text-blue"],
.rd-docs-surface [class*="text-purple"],
.rd-docs-surface [class*="text-orange"],
.rd-docs-surface [class*="text-red"],
.rd-docs-surface [class*="text-background"] {
  color: hsl(var(--foreground)) !important;
}

.rd-docs-surface [class*="border-emerald"],
.rd-docs-surface [class*="border-green"],
.rd-docs-surface [class*="border-blue"],
.rd-docs-surface [class*="border-purple"],
.rd-docs-surface [class*="border-orange"],
.rd-docs-surface [class*="border-red"],
.rd-docs-surface [class*="border-foreground"] {
  border-color: hsl(var(--primary) / 0.22) !important;
  border-style: dotted !important;
}

/* ──────────────────────────────────────────────────────────────────
 * InlineTabsToggleList overrides
 * Force all toggle text white; remove the yellow primary tint that
 * the .rd-docs-surface global rules apply to font-semibold /
 * font-medium / text-foreground elements inside this list. Group +
 * row colors are applied via inline style and must fill the full row.
 * ────────────────────────────────────────────────────────────────── */
.rd-docs-surface .inline-tabs-toggle-list,
.rd-docs-surface .inline-tabs-toggle-list * {
  color: hsl(var(--foreground)) !important;
  border-style: solid !important;
}
.rd-docs-surface .inline-tabs-toggle-list [class*="text-muted-foreground"],
.rd-docs-surface .inline-tabs-toggle-list [class*="text-foreground/40"],
.rd-docs-surface .inline-tabs-toggle-list [class*="text-foreground/60"] {
  color: hsl(var(--muted-foreground)) !important;
}
.rd-docs-surface .inline-tabs-toggle-list button:hover,
.rd-docs-surface .inline-tabs-toggle-list [class*="hover\\:bg-muted"]:hover {
  background-color: hsl(var(--border) / 0.7) !important;
  color: hsl(var(--foreground)) !important;
}
.rd-docs-surface .inline-tabs-toggle-list [data-group-color],
.rd-docs-surface .inline-tabs-toggle-list [data-row-color] {
  background-color: var(--toggle-color, transparent) !important;
}
.rd-docs-surface .inline-tabs-toggle-list [data-row-color] [data-admin-tab-row] {
  background-color: var(--toggle-color, transparent) !important;
  color: var(--toggle-fg, hsl(var(--foreground))) !important;
}
.rd-docs-surface .inline-tabs-toggle-list [data-row-color] [data-admin-tab-row]:hover {
  background-color: var(--toggle-color, transparent) !important;
}

.rd-docs-surface .inline-tabs-toggle-list [data-group-color],
.rd-docs-surface .inline-tabs-toggle-list [data-group-color] *,
.rd-docs-surface .inline-tabs-toggle-list [data-row-color] [data-admin-tab-row] * {
  color: var(--toggle-fg, hsl(var(--foreground))) !important;
}/* Collect & Jot / UnifiedShell — scoped chrome from Jot-Board-and-Collector pack.
   Does not override global shadcn tokens; only shell utilities + canvas typeface. */

.collect-jot-shell {
  --eden-panel: hsl(var(--background));
  --eden-surface: hsl(var(--card));
  --eden-ink: hsl(var(--foreground));
  --eden-soft: hsl(var(--foreground) / 0.08);
  --eden-outlier: #e8a87c;
  --eden-glass: hsl(var(--card) / 0.72);
  --eden-glass-strong: hsl(var(--muted) / 0.88);
  --eraser-accent: #00a9e5;
  --eraser-accent-hover: #33bae8;
  --eraser-accent-muted: rgba(0, 169, 229, 0.14);
  --eraser-canvas: hsl(var(--background));
  --eraser-chrome: hsl(var(--card));
  --eraser-chrome-elevated: hsl(var(--muted));
}

.collect-jot-shell .jot-map-root,
.collect-jot-shell .jot-map-root input,
.collect-jot-shell .jot-map-root textarea,
.collect-jot-shell .jot-map-root button,
.collect-jot-shell .jot-map-root [contenteditable] {
  font-family: "General Sans", "Residents Desk Sans", Inter, ui-sans-serif, system-ui, sans-serif;
}

.collect-jot-shell .jot-map-bottom-bar {
  background-color: hsl(var(--card));
}

.collect-jot-shell .scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.collect-jot-shell .scrollbar-hide::-webkit-scrollbar {
  display: none;
}

.collect-jot-shell .jot-map-selection-ring {
  box-shadow: 0 0 0 2px hsla(195, 100%, 45%, 0.35);
}

.collect-jot-shell .glass {
  background: var(--eden-glass);
  border: 1px solid hsl(var(--border));
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.collect-jot-shell .glass-strong {
  background: var(--eden-glass-strong);
  border: 1px solid hsl(var(--border));
  backdrop-filter: blur(28px);
  -webkit-backdrop-filter: blur(28px);
}

.collect-jot-shell .glass-card {
  background: hsl(var(--muted) / 0.4);
  border: 1px solid hsl(var(--border));
  border-radius: 12px;
}

.collect-jot-shell .kbd {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 0.35rem;
  border-radius: 0.35rem;
  background: hsl(var(--foreground) / 0.08);
  border: 1px solid hsl(var(--border));
  font-size: 10px;
  font-weight: 500;
  color: hsl(var(--muted-foreground));
  font-family: "JetBrains Mono", ui-monospace, monospace;
}

.collect-jot-shell .eden-dot {
  background-image: radial-gradient(
    circle at 1px 1px,
    hsl(var(--foreground) / 0.06) 1px,
    transparent 0
  );
  background-size: 20px 20px;
}

.jot-mapper-pin {
  will-change: transform;
}
.architecture-map {
  font-family: "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont,
    ui-sans-serif, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: hsl(var(--foreground));
  padding-left: 0;
  padding-right: 0;
}

html.site-font-active .architecture-map,
html.site-font-active .architecture-map *:not(svg):not(svg *):not(.tl-container):not(.tl-container *),
.architecture-map,
.architecture-map *:not(svg):not(svg *):not(.tl-container):not(.tl-container *) {
  font-family: "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont,
    ui-sans-serif, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

.architecture-map .placeholder\:text-\[\#9d9d9d\]::-moz-placeholder {
  color: hsl(var(--foreground)) !important;
}

.architecture-map .text-\[\#9d9d9d\],
.architecture-map .text-\[\#cccccc\],
.architecture-map .text-\[\#cfcfcf\],
.architecture-map .placeholder\:text-\[\#9d9d9d\]::placeholder {
  color: hsl(var(--foreground)) !important;
}

.architecture-map-tab-bar {
  width: 100%;
  background: hsl(var(--card));
  border-bottom: 1px solid #1e1e20;
  padding-top: 0;
  padding-bottom: 0;
}

.architecture-map-tab-bar .btb-frame {
  width: 100%;
  overflow: visible;
}

.architecture-map-tab-bar .btb-row {
  flex-wrap: nowrap;
  align-items: center;
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  min-height: 34px;
  padding: 4px;
  gap: 4px;
}

.architecture-map-tab-bar .btb-row-items {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: nowrap;
  align-items: center;
  gap: 1px;
  min-width: -moz-max-content;
  min-width: max-content;
}

.architecture-map-tab-bar .btb-row-extras {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: nowrap;
  align-items: center;
  gap: 1px;
  min-width: -moz-max-content;
  min-width: max-content;
}

.architecture-map-tab-bar .btb-row > span.contents > span,
.architecture-map-tab-bar .arch-map-tab-handle {
  display: flex;
  flex: 0 0 auto;
  min-width: -moz-max-content;
  min-width: max-content;
  max-width: none;
}

.architecture-map-tab-bar .btb-row .btb-chip {
  flex: 0 0 auto;
  width: auto;
  min-width: -moz-max-content;
  min-width: max-content;
  max-width: none;
  height: 28px;
  min-height: 28px;
  max-height: 28px;
  overflow: visible;
  font-size: 12px !important;
  font-weight: 600;
  line-height: 1.2 !important;
}

.architecture-map-tab-bar .btb-row .btb-chip-face {
  width: auto;
  min-width: -moz-max-content;
  min-width: max-content;
  overflow: visible;
  text-overflow: unset;
  white-space: nowrap;
  font-size: 12px !important;
  font-weight: 600;
  line-height: 1.2 !important;
  gap: 6px;
  padding: 0 8px;
}

.architecture-map-tab-bar .btb-chip .primary-topbar-1-outline-icon {
  width: 12px !important;
  height: 12px !important;
  min-width: 12px !important;
  min-height: 12px !important;
}

.architecture-map-tab-bar .btb-add,
.architecture-map-tab-bar .btb-vrule {
  flex: 0 0 auto;
}

.architecture-map-tab-bar .btb-add {
  height: 28px;
  min-height: 28px;
  max-height: 28px;
  font-size: 12px !important;
  font-weight: 600;
  white-space: nowrap;
}

.architecture-map-tab-bar .btb-spacer {
  display: none;
}

.architecture-map .architecture-map-tab-bar,
.architecture-map .architecture-map-tab-bar *:not(svg):not(svg *),
html.site-font-active .architecture-map .architecture-map-tab-bar,
html.site-font-active .architecture-map .architecture-map-tab-bar *:not(svg):not(svg *) {
  font-family: 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif !important;
}

.architecture-map-section {
  width: 100%;
  border-bottom: 1px solid hsl(var(--border));
}

.architecture-map-pad {
  padding: 16px 16px 20px;
}

.architecture-map-section-title {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.architecture-map-section-sub {
  margin: 4px 0 0;
  font-size: 12px;
  color: hsl(var(--foreground));
  opacity: 0.8;
}

.architecture-map-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.architecture-map-section-head-main {
  min-width: 0;
}

.architecture-map-section-head-right {
  flex: 0 1 760px;
  min-width: 320px;
}

.architecture-map-section-body {
  margin-top: 14px;
}

.architecture-map-sub {
  padding: 14px 0 16px;
  border-bottom: 1px solid hsl(var(--border));
}

.architecture-map-sub:first-child {
  padding-top: 0;
}

.architecture-map-sub:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.architecture-map-sub-title {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
}

.architecture-map-sub-overview {
  margin: 4px 0 10px;
  font-size: 11px;
  color: hsl(var(--foreground));
  opacity: 0.8;
}

.architecture-map-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.architecture-map-stat {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 2px 16px 2px 0;
  border-right: 1px solid hsl(var(--border));
  font-size: 12px;
}

.architecture-map-stat:last-child {
  padding-right: 0;
  border-right: none;
}

.architecture-map-mark {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 4px;
}

.architecture-map-mark--md {
  width: 32px;
  height: 32px;
  padding: 5px;
}

.architecture-map-mark--sm {
  width: 22px;
  height: 22px;
  padding: 3px;
}

.architecture-map-mark img,
.architecture-map-mark svg {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  color: inherit;
}

.architecture-map-mark--on-light {
  background: #f3f3f3;
  color: #111111;
}

.architecture-map-mark--on-dark {
  background: #2a2a2a;
  color: #ffffff;
}

.architecture-map-table {
  width: 100%;
  min-width: 680px;
  border-collapse: collapse;
  font-size: 12px;
}

.architecture-map-table th {
  padding: 8px 8px 8px 0;
  text-align: left;
  font-weight: 500;
  border-bottom: 1px solid hsl(var(--border));
}

.architecture-map-table td {
  padding: 8px 8px 8px 0;
  vertical-align: middle;
  border-bottom: 1px solid hsl(var(--border));
}

.architecture-map-table th:last-child,
.architecture-map-table td:last-child {
  padding-right: 0;
}

.architecture-ledger-summary {
  margin-bottom: 2px;
}

.architecture-ledger-badge {
  border: 1px solid hsl(var(--border));
  background: hsl(var(--card));
  border-radius: 999px;
  padding: 4px 10px;
}

.architecture-ledger-card {
  border: 1px solid hsl(var(--border));
  background: hsl(var(--card));
  border-radius: 10px;
  padding: 10px;
}

.architecture-ledger-group {
  border: 1px solid hsl(var(--border));
  background: hsl(var(--card));
  border-radius: 8px;
  padding: 8px;
}

.architecture-ledger-toggle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid hsl(var(--border));
  border-radius: 8px;
  background: hsl(var(--card));
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 600;
  color: hsl(var(--foreground));
  text-align: left;
}

.architecture-ledger-toggle:hover {
  background: hsl(var(--card));
}

.architecture-map-split {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
}

.architecture-map-split-rail {
  padding-right: 16px;
  border-right: 1px solid hsl(var(--border));
}

.architecture-map-split-main {
  padding-left: 16px;
}

@media (max-width: 768px) {
  .architecture-map-stats,
  .architecture-map-split {
    grid-template-columns: 1fr;
  }

  .architecture-map-stat,
  .architecture-map-split-rail {
    padding-right: 0;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-right: none;
    border-bottom: 1px solid hsl(var(--border));
  }

  .architecture-map-stat:last-child,
  .architecture-map-split-rail {
    margin-bottom: 0;
  }

  .architecture-map-split-rail {
    padding-bottom: 16px;
    margin-bottom: 16px;
  }

  .architecture-map-split-main {
    padding-left: 0;
  }

  .architecture-map-section-head {
    flex-direction: column;
    align-items: stretch;
  }

  .architecture-map-section-head-right {
    min-width: 0;
    width: 100%;
  }
}
/* Tasks & Notes workspace — dashboard embed + full page */

.linear-dev-tasks-shell {
  --linear-sidebar-width: 14rem;
  --dt-embed-accent: hsl(var(--primary));
  --dt-embed-radius: 0.5rem;
  text-transform: none;

  display: grid;
  grid-template-columns: var(--linear-sidebar-width) minmax(0, 1fr);
  grid-template-rows: auto 1px minmax(0, 1fr);
}

.linear-dev-tasks-shell button,
.linear-dev-tasks-shell .linear-dev-tasks-nav-item,
.linear-dev-tasks-shell .linear-dev-tasks-list-item {
  text-transform: none;
  letter-spacing: 0.01em;
}

/* ── Dashboard embed ─────────────────────────────────────────────── */

.linear-dev-tasks-shell--embedded {
  --linear-sidebar-width: 13rem;
  grid-template-rows: auto minmax(0, 1fr);
  height: 100%;
  min-height: 0;
}

.linear-dev-tasks-shell--embedded .linear-dev-tasks-main-head,
.linear-dev-tasks-shell--embedded .linear-dev-tasks-full-divider {
  display: none;
}

.linear-dev-tasks-shell--embedded .linear-dev-tasks-sidebar-unified {
  grid-row: 1 / -1;
  grid-column: 1;
}

.linear-dev-tasks-shell--embedded .linear-dev-tasks-sidebar-top {
  grid-row: 1;
  grid-column: 1;
}

.linear-dev-tasks-shell--embedded .linear-dev-tasks-sidebar-body {
  grid-row: 2;
  grid-column: 1;
}

.linear-dev-tasks-shell--embedded .linear-dev-tasks-main {
  grid-row: 1 / -1;
  grid-column: 2;
}

.linear-dev-tasks-shell--embedded.linear-dev-tasks-shell--collapsed {
  --linear-sidebar-width: 2.5rem;
}

.linear-dev-tasks-shell--embedded.linear-dev-tasks-shell--external-nav {
  grid-template-columns: minmax(0, 1fr);
}

.linear-dev-tasks-shell--embedded.linear-dev-tasks-shell--external-nav .linear-dev-tasks-main {
  grid-row: 1 / -1;
  grid-column: 1;
}

.linear-dev-tasks-dashboard-panel {
  background: hsl(var(--background));
  border-top: 1px solid hsl(var(--border) / 0.55);
}

.linear-dev-tasks-sidebar-cell {
  width: 100%;
  min-width: 0;
}

.linear-dev-tasks-full-divider {
  grid-column: 1 / -1;
  margin: 0;
  padding: 0;
  height: 0;
  border-bottom-width: 1px;
  border-bottom-color: hsl(var(--border) / 0.55);
}

.linear-dev-tasks-main-head {
  min-height: 0;
}

.linear-dev-tasks-main {
  position: relative;
  background: hsl(var(--background));
  min-height: 0;
  height: 100%;
}

.linear-dev-tasks-shell--embedded .linear-dev-tasks-board-pane,
.linear-dev-tasks-shell--embedded .dt-board-root {
  min-height: 0;
  height: 100%;
}

.linear-dev-tasks-shell--embedded .linear-dev-tasks-topbar,
.linear-dev-tasks-shell--embedded .linear-dev-tasks-board-pane > .linear-dev-tasks-topbar {
  display: none !important;
}

.linear-dev-tasks-shell--embedded .linear-dev-tasks-topbar--tools,
.linear-dev-tasks-shell--embedded .linear-dev-tasks-board-pane > .linear-dev-tasks-topbar--tools {
  display: flex !important;
}

/* Nav */
.linear-dev-tasks-nav-item {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  gap: 0.5rem;
  border-radius: var(--dt-embed-radius);
  padding: 0.45rem 0.5rem 0.45rem 0.65rem;
  font-size: var(--build-page-font-size, 0.875rem);
  font-weight: var(--build-page-font-weight, 500);
  color: hsl(var(--muted-foreground));
  transition: color 0.15s ease, background 0.15s ease;
}

.linear-dev-tasks-nav-item:hover {
  color: hsl(var(--foreground));
  background: hsl(var(--accent) / 0.45);
}

.linear-dev-tasks-nav-item--active {
  color: hsl(var(--foreground));
  background: hsl(var(--accent) / 0.75);
  box-shadow: inset 0 0 0 1px hsl(var(--border) / 0.4);
}

.linear-dev-tasks-nav-item--active::before {
  content: '';
  position: absolute;
  left: 0;
  top: 20%;
  bottom: 20%;
  width: 2px;
  border-radius: 0 2px 2px 0;
  background: var(--dt-embed-accent);
}

.linear-dev-tasks-nav-item--collapsed {
  justify-content: center;
  padding-inline: 0.5rem;
}

.linear-dev-tasks-nav-item--collapsed.linear-dev-tasks-nav-item--active::before {
  display: none;
}

.linear-dev-tasks-section-label {
  display: block;
  padding: 0 0.35rem;
  font-size: var(--build-page-font-size, 0.875rem);
  font-weight: var(--build-page-font-weight, 500);
  letter-spacing: 0.02em;
  text-transform: lowercase;
  color: hsl(var(--foreground));
}

/* Build page sidebar — full-brightness text and icons (not muted) */
.linear-dev-tasks-sidebar-cell,
.linear-dev-tasks-sidebar-unified,
.linear-dev-tasks-sidebar-body,
.dashboard-sidebar-shell-aside {
  color: hsl(var(--foreground));
}

.linear-dev-tasks-sidebar-cell .linear-dev-tasks-nav-item,
.linear-dev-tasks-sidebar-unified .linear-dev-tasks-nav-item,
.linear-dev-tasks-sidebar-body .linear-dev-tasks-nav-item,
.dashboard-sidebar-shell-aside .linear-dev-tasks-nav-item,
.linear-dev-tasks-sidebar-cell .linear-dev-tasks-list-item,
.linear-dev-tasks-sidebar-unified .linear-dev-tasks-list-item,
.linear-dev-tasks-sidebar-body .linear-dev-tasks-list-item {
  color: hsl(var(--foreground));
}

.linear-dev-tasks-sidebar-cell .linear-dev-tasks-nav-item:hover,
.linear-dev-tasks-sidebar-unified .linear-dev-tasks-nav-item:hover,
.linear-dev-tasks-sidebar-body .linear-dev-tasks-nav-item:hover,
.dashboard-sidebar-shell-aside .linear-dev-tasks-nav-item:hover,
.linear-dev-tasks-sidebar-cell .linear-dev-tasks-list-item:hover,
.linear-dev-tasks-sidebar-unified .linear-dev-tasks-list-item:hover,
.linear-dev-tasks-sidebar-body .linear-dev-tasks-list-item:hover {
  color: hsl(var(--foreground));
}

.linear-dev-tasks-sidebar-cell .linear-dev-tasks-nav-item--active,
.linear-dev-tasks-sidebar-unified .linear-dev-tasks-nav-item--active,
.linear-dev-tasks-sidebar-body .linear-dev-tasks-nav-item--active,
.dashboard-sidebar-shell-aside .linear-dev-tasks-nav-item--active,
.linear-dev-tasks-sidebar-cell .linear-dev-tasks-list-item--active,
.linear-dev-tasks-sidebar-unified .linear-dev-tasks-list-item--active,
.linear-dev-tasks-sidebar-body .linear-dev-tasks-list-item--active {
  color: hsl(var(--foreground));
}

.linear-dev-tasks-sidebar-cell .linear-dev-tasks-section-label,
.linear-dev-tasks-sidebar-unified .linear-dev-tasks-section-label,
.linear-dev-tasks-sidebar-body .linear-dev-tasks-section-label,
.dashboard-sidebar-shell-aside .linear-dev-tasks-section-label {
  color: hsl(var(--foreground));
}

.dashboard-sidebar-shell-aside .linear-dev-tasks-section-label {
  color: hsl(var(--foreground));
  text-transform: uppercase;
}

/* Override base nav pill radius — build page shell sidebar uses dashboard-sidebar-row pills */
.dashboard-sidebar-shell-aside .linear-dev-tasks-nav-item {
  border-radius: 0 !important;
  width: 100%;
  margin: 0;
  padding: 0;
  box-shadow: none;
}

.linear-dev-tasks-sidebar-cell .linear-dev-tasks-nav-item svg,
.linear-dev-tasks-sidebar-unified .linear-dev-tasks-nav-item svg,
.linear-dev-tasks-sidebar-body .linear-dev-tasks-nav-item svg,
.dashboard-sidebar-shell-aside .linear-dev-tasks-nav-item svg,
.linear-dev-tasks-sidebar-cell .linear-dev-tasks-list-item svg,
.linear-dev-tasks-sidebar-unified .linear-dev-tasks-list-item svg,
.linear-dev-tasks-sidebar-body .linear-dev-tasks-list-item svg,
.linear-dev-tasks-sidebar-cell button svg,
.linear-dev-tasks-sidebar-unified button svg,
.linear-dev-tasks-sidebar-body button svg,
.dashboard-sidebar-shell-aside button svg {
  color: hsl(var(--foreground));
  opacity: 1;
}

.dashboard-sidebar-shell-aside .linear-dev-tasks-nav-item .build-page-nav-icon svg {
  color: hsl(var(--foreground));
}

.linear-dev-tasks-sidebar-cell .text-muted-foreground,
.linear-dev-tasks-sidebar-unified .text-muted-foreground,
.linear-dev-tasks-sidebar-body .text-muted-foreground,
.dashboard-sidebar-shell-aside .text-muted-foreground {
  color: hsl(var(--muted-foreground));
}

.linear-dev-tasks-shell--embedded .linear-dev-tasks-board-canvas {
  background: hsl(var(--background));
}

.dt-board-root [data-task-id][data-marquee-hit] {
  box-shadow: inset 0 0 0 2px rgba(56, 189, 248, 0.9);
  outline: 1px solid rgba(56, 189, 248, 0.55);
  outline-offset: -1px;
}

.dt-board-root.board-marquee-replace [data-task-id][data-selected]:not([data-marquee-hit]) {
  opacity: 0.45;
}

/* Kill leftover Main / category chips from stale board card chrome */
.linear-dev-tasks-board-canvas [data-category-tag],
.dt-board-root [data-category-tag] {
  display: none !important;
}

.linear-dev-tasks-shell--embedded .dt-board-root {
  background: transparent;
}

/* Collapsed board columns — vertical title anchored at the bottom */
.dt-board-root .dt-board-column--collapsed {
  min-height: 100%;
}

.dt-board-root .dt-board-column-header--collapsed {
  min-height: 0;
  height: 100%;
  padding: 0.375rem 0.125rem;
  border-bottom: none !important;
}

.dt-board-root .dt-board-column-collapsed-label {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-height: 12rem;
  line-height: 1.1;
  font-size: 11px;
  font-weight: 500;
}

.dt-board-empty--embedded {
  margin: 0;
  min-height: 100%;
  border-radius: 0;
  border: none;
  background: transparent;
  box-shadow: none;
}

.dt-board-empty--embedded .dt-board-empty-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  margin-bottom: 0.625rem;
  border-radius: 0.625rem;
  background: hsl(var(--background));
  border: 1px solid hsl(var(--border) / 0.4);
  color: hsl(var(--muted-foreground));
}

.dt-embedded-btn-secondary {
  display: inline-flex;
  height: 1.75rem;
  align-items: center;
  gap: 0.35rem;
  border-radius: 0.375rem;
  border: 1px solid hsl(var(--border) / 0.6);
  background: hsl(var(--background) / 0.6);
  padding-inline: 0.75rem;
  font-size: var(--build-page-font-size, 0.875rem);
  font-weight: var(--build-page-font-weight, 500);
}

.dt-embedded-btn-secondary:hover {
  background: hsl(var(--accent));
}

.dt-embedded-btn-primary {
  display: inline-flex;
  height: 1.75rem;
  align-items: center;
  gap: 0.35rem;
  border-radius: 0.375rem;
  border: 1px solid hsl(var(--border) / 0.5);
  background: hsl(var(--foreground) / 0.9);
  padding-inline: 0.75rem;
  font-size: var(--build-page-font-size, 0.875rem);
  font-weight: var(--build-page-font-weight, 500);
  color: hsl(var(--background));
}

.dt-embedded-btn-primary:hover {
  opacity: 0.88;
}

.linear-dev-tasks-categories {
  background: hsl(var(--background));
  border-left-color: hsl(var(--border) / 0.45) !important;
}

.linear-dev-tasks-categories-title {
  font-size: var(--build-page-font-size, 0.875rem);
  font-weight: var(--build-page-font-weight, 500);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: hsl(var(--muted-foreground) / 0.85);
}

.linear-dev-tasks-list-item {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 0.375rem;
  border-radius: 0.375rem;
  padding: 0.3rem 0.45rem;
  font-size: var(--build-page-font-size, 0.875rem);
  font-weight: var(--build-page-font-weight, 500);
  color: hsl(var(--muted-foreground));
}

.linear-dev-tasks-list-item:hover {
  background: hsl(var(--accent) / 0.4);
  color: hsl(var(--foreground));
}

.linear-dev-tasks-list-item--active {
  background: hsl(var(--accent) / 0.65);
  color: hsl(var(--foreground));
}

.linear-dev-tasks-topbar {
  height: 2.75rem;
}

/* Docs hub + Files grid toolbars inside the embedded workspace (not task board chrome). */
.linear-dev-tasks-shell--embedded .html-document-hub-toolbar,
.linear-dev-tasks-shell--embedded .tasks-notes-files-toolbar {
  display: flex !important;
}

.tasks-notes-file-grid-docs-embedded-panel {
  max-height: min(40vh, 20rem);
  overflow: hidden;
}

.tasks-notes-file-grid-docs-embedded .inline-tabs-h-content {
  max-height: min(40vh, 20rem);
}

.linear-dev-tasks-table [data-notion-database-root] {
  border: 0;
}

.linear-dev-tasks-detail {
  width: 22rem;
  min-width: 22rem;
  max-width: 22rem;
  border-left: 1px solid hsl(var(--border));
}
/* Desk gallery — uploads, colours, gradients, sounds, settings */

[data-desk-widget-controls] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  color: #f4f4f5;
  font-family: 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif;
}

[data-desk-widget-controls] .desk-widget-control-group,
[data-desk-widget-controls] .desk-widget-options,
[data-desk-widget-controls] .desk-widget-control-actions {
  display: flex;
  align-items: center;
  gap: 3px;
}

[data-desk-widget-controls] .desk-widget-control-group {
  flex-wrap: wrap;
  gap: 6px;
}

[data-desk-widget-controls] .desk-widget-control-label {
  color: #a1a1aa;
  font-size: 10px;
}

[data-desk-widget-controls] .desk-widget-options {
  padding: 3px;
  border-radius: 6px;
  background: #1c1c1f;
}

[data-desk-widget-controls] .desk-widget-control {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 3px 9px;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
  color: #a1a1aa;
  font-family: inherit;
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
  white-space: nowrap;
}

[data-desk-widget-controls] .desk-widget-control:hover {
  color: #ffffff;
  background: #29292e;
}

[data-desk-widget-controls] .desk-widget-control[aria-checked='true'] {
  color: #ffffff;
  background: #36363d;
  border-color: #52525b;
}

[data-desk-widget-controls] .desk-widget-control:focus-visible {
  outline: 1px solid #ffffff;
  outline-offset: 2px;
}

[data-desk-widget-controls] .desk-widget-control-actions {
  margin-left: auto;
}

[data-desk-widget-controls] .desk-widget-control svg {
  width: 12px;
  height: 12px;
}

[data-desk-customise-accordion] {
  --dc-bg: hsl(var(--muted) / 0.25);
  --dc-surface: hsl(var(--background));
  --dc-elevated: hsl(var(--card));
  --dc-border: hsl(var(--border));
  --dc-fg: hsl(var(--foreground));
  --dc-muted: hsl(var(--muted-foreground));
  --dc-accent: hsl(var(--primary));
  color: var(--dc-fg);
  font-size: 11px;
}

[data-desk-customise-accordion][data-desk-customise-compact] {
  --dc-bg: #0d0d0e;
  --dc-surface: #141416;
  --dc-elevated: #1a1a1d;
  --dc-border: rgba(255, 255, 255, 0.08);
  --dc-fg: #ffffff;
  --dc-muted: rgba(255, 255, 255, 0.45);
  --dc-accent: #f0eee6;
}

[data-desk-customise-accordion] .dc-accordion-section {
  overflow: hidden;
  border: 1px solid var(--dc-border);
  border-radius: 6px;
  background: var(--dc-surface);
}

[data-desk-customise-accordion] .dc-accordion-trigger {
  display: flex;
  width: 100%;
  min-height: 30px;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 6px 9px;
  color: var(--dc-fg);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-align: left;
}

[data-desk-customise-accordion] .dc-accordion-trigger:hover,
[data-desk-customise-accordion] .dc-accordion-trigger[data-state='open'] {
  background: var(--dc-bg);
}

[data-desk-customise-accordion] .dc-accordion-panel {
  border-top: 1px solid var(--dc-border);
}

[data-desk-customise-accordion] .dc-accordion-panel [data-desk-customise-panel] {
  flex: none;
  min-height: auto;
}

[data-desk-customise-accordion] .dc-accordion-panel .dc-shell {
  height: auto;
}

[data-desk-customise-accordion] .dc-accordion-panel .dc-scroll {
  flex: none;
  overflow: visible;
}

[data-desk-customise-panel] {
  --dc-bg: hsl(var(--muted) / 0.25);
  --dc-surface: hsl(var(--background));
  --dc-elevated: hsl(var(--card));
  --dc-border: hsl(var(--border));
  --dc-fg: hsl(var(--foreground));
  --dc-muted: hsl(var(--muted-foreground));
  --dc-accent: hsl(var(--primary));
  color: var(--dc-fg);
  font-size: 11px;
}

[data-desk-customise-panel][data-desk-customise-compact] {
  --dc-bg: #0d0d0e;
  --dc-surface: #141416;
  --dc-elevated: #1a1a1d;
  --dc-border: rgba(255, 255, 255, 0.08);
  --dc-fg: #ffffff;
  --dc-muted: rgba(255, 255, 255, 0.45);
  --dc-accent: #f0eee6;
  color: var(--dc-fg);
}

[data-desk-clickview-menu] [data-desk-customise-panel][data-desk-customise-compact] {
  font-family: 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif;
}

[data-desk-customise-panel] .dc-shell {
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: 100%;
  gap: 8px;
  padding: 8px;
}

[data-desk-customise-panel]:not([data-desk-customise-compact]) .dc-shell {
  padding: 16px;
  gap: 12px;
}

[data-desk-customise-panel] .dc-scroll {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: 8px;
  background: var(--dc-bg);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
  padding: 8px;
}

[data-desk-customise-panel][data-desk-customise-compact] .dc-scroll {
  box-shadow:
    inset 1px 0 0 rgba(0, 0, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

[data-desk-customise-panel] .dc-section + .dc-section {
  margin-top: 12px;
}

[data-desk-customise-panel] .dc-section-head {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;
  padding: 0 2px;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: lowercase;
  color: var(--dc-muted);
}

[data-desk-customise-panel].desk-modes .dc-section-head {
  text-transform: none;
}

[data-desk-customise-panel].desk-modes {
  --dc-fg: #ffffff;
  --dc-muted: #ffffff;
  --dc-accent: #ffffff;
  --dc-surface: #19191c;
  --dc-border: #343438;
  color: #ffffff;
  background: #141416;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  padding: 10px;
  flex: none;
}

[data-desk-customise-panel].desk-modes .dc-section-head,
[data-desk-customise-panel].desk-modes .dc-settings-title,
[data-desk-customise-panel].desk-modes .dc-settings-desc {
  color: #ffffff;
}

[data-desk-customise-panel].desk-modes .dc-section > .dc-section-head {
  height: auto;
  min-height: 18px;
  margin: 0 0 8px;
  padding: 0;
  background: transparent;
  box-shadow: none;
  font-size: 10px;
  letter-spacing: 0;
}

[data-desk-customise-panel] .dc-mode-tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  min-width: 0;
  font-size: 10px;
  line-height: 14px;
}

[data-desk-customise-panel] .dc-mode-tabs-primary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
}

[data-desk-customise-panel] .dc-mode-tabs-backgrounds {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 96px), 1fr));
  align-items: stretch;
}

[data-desk-customise-panel] .dc-mode-tabs-backgrounds .dc-mode-tab {
  min-height: 32px;
  white-space: normal;
}

[data-desk-customise-panel] .dc-mode-tabs-primary .dc-mode-tab {
  justify-content: flex-start;
  min-height: 48px;
  padding: 8px 10px;
  white-space: normal;
  text-align: left;
}

[data-desk-customise-panel] .dc-mode-tab-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 3px;
}

[data-desk-customise-panel] .dc-mode-tab-description {
  color: var(--dc-fg);
  font-size: 9px;
  font-weight: 400;
  line-height: 1.4;
}

[data-desk-customise-panel].desk-modes .dc-mode-panel .dc-section-head {
  height: auto;
  margin: 10px 0 6px;
  padding: 0;
  background: transparent;
  box-shadow: none;
  color: var(--dc-muted);
}

[data-desk-customise-panel] .dc-mode-tab {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 28px;
  padding: 5px 9px;
  border: 1px solid transparent;
  border-radius: 5px;
  background: #1c1c1f;
  color: var(--dc-muted);
  font-family: inherit;
  font-size: 10px;
  font-weight: 500;
  line-height: 14px;
  text-transform: none;
  white-space: nowrap;
}

[data-desk-customise-panel] .dc-mode-tab:hover,
[data-desk-customise-panel] .dc-mode-tab[aria-selected='true'] {
  color: var(--dc-fg);
  background: #29292e;
}

[data-desk-customise-panel] .dc-mode-tab[aria-selected='true'] {
  border-color: #65656f;
  background: #303036;
}

[data-desk-customise-panel] .dc-mode-tab svg {
  width: 13px;
  height: 13px;
  flex: none;
}

[data-desk-customise-panel] .dc-mode-panel {
  margin-top: 10px;
  padding: 10px;
  border-radius: 5px;
  background: #101012;
}

[data-desk-customise-panel] .dc-mode-description {
  margin: 0;
  color: var(--dc-muted);
  font-size: 10px;
  line-height: 1.6;
}

[data-desk-customise-panel] .dc-mode-tab:focus-visible {
  outline: 1px solid var(--dc-accent);
  outline-offset: -1px;
}

[data-desk-customise-panel] .dc-mode-controls {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 100%;
  max-width: 640px;
  margin-top: 9px;
}

[data-desk-customise-panel] .dc-mode-field {
  display: grid;
  grid-template-columns: minmax(90px, min(25%, 180px)) minmax(0, 1fr);
  min-width: 0;
  min-height: 22px;
  align-items: center;
  gap: 12px;
  color: #ffffff;
  font-size: 9px;
  line-height: 12px;
}

[data-desk-customise-panel] .dc-mode-field > span:first-child {
  min-width: 0;
}

[data-desk-customise-panel].desk-modes .dc-mode-select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  min-width: 0;
  width: 100%;
  height: 20px !important;
  padding: 0 23px 0 7px !important;
  border: 1px solid #3b3b40;
  border-radius: 3px;
  background-color: #19191c;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='m2 4 3 3 3-3' fill='none' stroke='white' stroke-width='1'/%3E%3C/svg%3E");
  background-position: right 6px center;
  background-repeat: no-repeat;
  color: #ffffff;
  font-family: inherit;
  font-size: 9px !important;
  line-height: 18px;
  color-scheme: dark;
}

[data-desk-customise-panel] .dc-mode-select:hover {
  border-color: #606067;
}

[data-desk-customise-panel] .dc-mode-range {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 7px;
  min-width: 0;
}

[data-desk-customise-panel] .dc-mode-slider {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  flex: 1;
  width: 100%;
  min-width: 0;
  height: 14px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  cursor: pointer;
}

[data-desk-customise-panel] .dc-mode-slider::-webkit-slider-runnable-track {
  height: 3px;
  border-radius: 1px;
  background: linear-gradient(to right, #ffffff 0 var(--dc-range-progress, 0%), #35353b var(--dc-range-progress, 0%) 100%);
}

[data-desk-customise-panel] .dc-mode-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 6px;
  height: 10px;
  margin-top: -3.5px;
  border: 1px solid #ffffff;
  border-radius: 2px;
  background: #ffffff;
}

[data-desk-customise-panel] .dc-mode-slider::-moz-range-track {
  height: 3px;
  border-radius: 1px;
  background: #35353b;
}

[data-desk-customise-panel] .dc-mode-slider::-moz-range-progress {
  height: 3px;
  background: #ffffff;
}

[data-desk-customise-panel] .dc-mode-slider::-moz-range-thumb {
  width: 4px;
  height: 8px;
  border: 1px solid #ffffff;
  border-radius: 2px;
  background: #ffffff;
}

[data-desk-customise-panel].desk-modes .dc-mode-range-value {
  display: inline-flex;
  width: 32px;
  flex: none;
  height: 20px !important;
  align-items: center;
  justify-content: center;
  padding: 0 3px !important;
  border: 1px solid #343438;
  border-radius: 3px;
  background: #19191c;
  color: #ffffff;
  font-family: inherit;
  font-size: 9px !important;
  line-height: 18px;
  text-align: center;
  font-variant-numeric: tabular-nums;
}

[data-desk-customise-panel] input.dc-mode-range-value {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}

[data-desk-customise-panel] input.dc-mode-range-value::-webkit-inner-spin-button,
[data-desk-customise-panel] input.dc-mode-range-value::-webkit-outer-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0;
}

[data-desk-customise-panel] .dc-mode-field input[type='checkbox'] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  flex: none;
  width: 26px;
  height: 15px;
  margin: 0;
  border: 1px solid #606067;
  border-radius: 999px;
  background: #29292e;
  cursor: pointer;
  justify-self: start;
  transition: background 150ms ease;
}

[data-desk-customise-panel] .dc-mode-field input[type='checkbox']::after {
  content: '';
  position: absolute;
  top: 1px;
  left: 1px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #a1a1aa;
  transition: transform 150ms ease;
}

[data-desk-customise-panel] .dc-mode-field input[type='checkbox']:checked {
  background: #e4e4e7;
  border-color: #e4e4e7;
}

[data-desk-customise-panel] .dc-mode-field input[type='checkbox']:checked::after {
  transform: translateX(11px);
  background: #27272a;
}

[data-desk-customise-panel] .dc-mode-field input[type='checkbox']:disabled {
  opacity: 0.45;
  cursor: default;
}

[data-desk-customise-panel] .dc-mode-color {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: 7px;
  justify-self: end;
}

[data-desk-customise-panel] .dc-mode-color-value {
  font-size: 9px;
  font-variant-numeric: tabular-nums;
}

[data-desk-customise-panel] .dc-mode-color input[type='color'] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 24px;
  height: 16px;
  padding: 0;
  border: 1px solid #606067;
  border-radius: 2px;
  background: transparent;
  cursor: pointer;
}

[data-desk-customise-panel] .dc-mode-color input[type='color']::-webkit-color-swatch-wrapper {
  padding: 1px;
}

[data-desk-customise-panel] .dc-mode-color input[type='color']::-webkit-color-swatch {
  border: 0;
  border-radius: 1px;
}

[data-desk-customise-panel] .dc-mode-color input[type='color']::-moz-color-swatch {
  border: 0;
  border-radius: 1px;
}

[data-desk-customise-panel] .dc-mode-action {
  display: inline-flex;
  width: -moz-fit-content;
  width: fit-content;
  min-height: 20px;
  align-items: center;
  gap: 5px;
  padding: 2px 7px;
  border: 1px solid #343438;
  border-radius: 3px;
  background: #19191c;
  color: #ffffff;
  font-size: 9px;
  line-height: 12px;
  text-transform: none;
}

[data-desk-customise-panel] .dc-mode-action:hover {
  background: #242428;
  border-color: #606067;
}

[data-desk-customise-panel] .dc-mode-action svg {
  width: 10px;
  height: 10px;
}

[data-desk-customise-panel] .dc-mode-gallery-settings {
  width: 100%;
  margin-top: 9px;
  padding-top: 6px;
  border-top: 1px solid #343438;
}

[data-desk-customise-panel] .dc-mode-shader-controls {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 100%;
}

[data-desk-customise-panel] .dc-mode-palette {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 4px;
  max-width: 55%;
  justify-self: end;
}

[data-desk-customise-panel].desk-modes .dc-seg-btn {
  min-height: 20px;
  padding: 2px 7px;
  color: #ffffff;
  font-size: 9px;
}

[data-desk-customise-panel].desk-modes .dc-mode-select:focus-visible,
[data-desk-customise-panel].desk-modes input:focus-visible,
[data-desk-customise-panel].desk-modes .dc-mode-action:focus-visible {
  outline: 1px solid #ffffff;
  outline-offset: 2px;
}

[data-desk-customise-panel][data-desk-customise-compact] .dc-section-head {
  height: 22px;
  padding: 0 6px;
  margin-bottom: 4px;
  border-radius: 4px;
  background: linear-gradient(180deg, #1d1d20, #171719);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 1px 0 rgba(0, 0, 0, 0.5);
  color: rgba(255, 255, 255, 0.55);
}

[data-desk-customise-panel] .dc-swatch-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 6px;
}

@media (min-width: 420px) {
  [data-desk-customise-panel] .dc-swatch-grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}

[data-desk-customise-panel] .dc-upload-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

[data-desk-customise-panel] .dc-thumb {
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  border: 1px solid var(--dc-border);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 2px 6px rgba(0, 0, 0, 0.25);
  transition: transform 0.12s ease, box-shadow 0.12s ease;
}

[data-desk-customise-panel] .dc-thumb:hover {
  transform: translateY(-1px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 4px 10px rgba(0, 0, 0, 0.35);
}

[data-desk-customise-panel] .dc-thumb[data-active='true'] {
  border-color: rgba(255, 255, 255, 0.45);
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 4px 12px rgba(0, 0, 0, 0.4);
}

[data-desk-customise-panel] .dc-thumb-label {
  font-size: 10px;
}

[data-desk-customise-panel] .dc-seg {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 4px;
  border-radius: 8px;
  border: 1px solid var(--dc-border);
  background: var(--dc-surface);
}

[data-desk-customise-panel][data-desk-customise-compact] .dc-seg {
  background: linear-gradient(180deg, #26262a, #1b1b1e);
  border-color: rgba(255, 255, 255, 0.06);
}

[data-desk-customise-panel] .dc-seg-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 2px;
  padding: 3px;
  border-radius: 8px;
  border: 1px solid var(--dc-border);
  background: var(--dc-surface);
  overflow: hidden;
}

[data-desk-customise-panel][data-desk-customise-compact] .dc-seg-grid {
  background: linear-gradient(180deg, #26262a, #1b1b1e);
}

[data-desk-customise-panel] .dc-seg-btn {
  min-height: 26px;
  padding: 4px 6px;
  border-radius: 5px;
  font-size: 9px;
  font-weight: 600;
  text-transform: lowercase;
  color: var(--dc-muted);
  transition: background 0.12s ease, color 0.12s ease;
}

[data-desk-customise-panel] .dc-seg-btn:hover {
  color: var(--dc-fg);
  background: rgba(255, 255, 255, 0.06);
}

[data-desk-customise-panel] .dc-seg-btn[data-active='true'] {
  color: var(--dc-fg);
  background: rgba(255, 255, 255, 0.12);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

[data-desk-customise-panel][data-desk-customise-compact] .dc-seg-btn[data-active='true'] {
  background: linear-gradient(180deg, #3a3a40, #2a2a2f);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    inset 0 -1px 0 rgba(0, 0, 0, 0.4);
}

[data-desk-customise-panel] .dc-footer {
  flex-shrink: 0;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid var(--dc-border);
  background: var(--dc-elevated);
}

[data-desk-customise-panel][data-desk-customise-compact] .dc-footer {
  background: linear-gradient(180deg, #1a1a1d, #141416);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

[data-desk-customise-panel] .dc-upload-zone {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  padding: 14px 12px;
  border-radius: 8px;
  border: 1px dashed var(--dc-border);
  background: rgba(255, 255, 255, 0.02);
  color: var(--dc-muted);
  font-size: 10px;
  font-weight: 600;
  text-transform: lowercase;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

[data-desk-customise-panel] .dc-upload-zone:hover {
  border-color: rgba(255, 255, 255, 0.25);
  background: rgba(255, 255, 255, 0.05);
  color: var(--dc-fg);
}

[data-desk-customise-panel] .dc-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 24px 16px;
  text-align: center;
  font-size: 10px;
  line-height: 1.45;
  color: var(--dc-muted);
  border-radius: 8px;
  border: 1px solid var(--dc-border);
  background: var(--dc-surface);
}

[data-desk-customise-panel] .dc-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 10px;
  font-weight: 600;
  text-transform: lowercase;
  border: 1px solid var(--dc-border);
  background: var(--dc-surface);
  color: var(--dc-fg);
  transition: background 0.12s ease;
}

[data-desk-customise-panel] .dc-btn:hover {
  background: rgba(255, 255, 255, 0.08);
}

[data-desk-customise-panel][data-desk-customise-compact] .dc-btn {
  background: linear-gradient(180deg, #2b2b2f, #202024);
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    inset 0 -1px 0 rgba(0, 0, 0, 0.45);
}

[data-desk-customise-panel][data-desk-customise-compact] .dc-btn:hover {
  background: linear-gradient(180deg, #303035, #242428);
}

[data-desk-customise-panel] .dc-btn-ghost {
  width: auto;
  padding: 6px 8px;
  background: transparent;
  border-color: transparent;
  color: var(--dc-muted);
}

[data-desk-customise-panel] .dc-btn-ghost:hover {
  color: var(--dc-fg);
  background: rgba(255, 255, 255, 0.06);
}

[data-desk-customise-panel] .dc-input {
  flex: 1;
  min-width: 0;
  padding: 6px 8px;
  border-radius: 5px;
  border: 1px solid var(--dc-border);
  background: rgba(0, 0, 0, 0.2);
  color: var(--dc-fg);
  font-size: 10px;
}

[data-desk-customise-panel] .dc-input::-moz-placeholder {
  color: var(--dc-muted);
}

[data-desk-customise-panel] .dc-input::placeholder {
  color: var(--dc-muted);
}

[data-desk-customise-panel] .dc-preview-bar {
  height: 40px;
  border-radius: 6px;
  border: 1px solid var(--dc-border);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

[data-desk-customise-panel] .dc-sound-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

@media (min-width: 360px) {
  [data-desk-customise-panel] .dc-sound-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

[data-desk-customise-panel] .dc-sound-tile {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
  padding: 10px 8px;
  border-radius: 8px;
  border: 1px solid var(--dc-border);
  background: var(--dc-surface);
  text-align: center;
  transition: background 0.12s ease, border-color 0.12s ease;
}

[data-desk-customise-panel][data-desk-customise-compact] .dc-sound-tile {
  background: linear-gradient(180deg, #2b2b2f, #202024);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    inset 0 -1px 0 rgba(0, 0, 0, 0.4);
}

[data-desk-customise-panel] .dc-sound-tile[data-active='true'] {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.1);
}

[data-desk-customise-panel] .dc-sound-tile .dc-sound-emoji {
  font-size: 22px;
  line-height: 1;
}

[data-desk-customise-panel] .dc-sound-tile .dc-sound-label {
  font-size: 9px;
  font-weight: 600;
  text-transform: lowercase;
  color: var(--dc-muted);
}

[data-desk-customise-panel] .dc-sound-tile[data-active='true'] .dc-sound-label {
  color: var(--dc-fg);
}

[data-desk-customise-panel] .dc-sound-tile input[type='range'] {
  width: 100%;
  height: 4px;
  accent-color: var(--dc-accent);
}

[data-desk-customise-panel] .dc-link-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

[data-desk-customise-panel] .dc-link {
  display: inline-flex;
  flex: 1;
  min-width: 120px;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid var(--dc-border);
  background: var(--dc-surface);
  font-size: 10px;
  font-weight: 600;
  text-transform: lowercase;
  color: var(--dc-muted);
  text-decoration: none;
  transition: background 0.12s ease, color 0.12s ease;
}

[data-desk-customise-panel][data-desk-customise-compact] .dc-link {
  background: linear-gradient(180deg, #2b2b2f, #202024);
}

[data-desk-customise-panel] .dc-link:hover {
  color: var(--dc-fg);
  background: rgba(255, 255, 255, 0.08);
}

[data-desk-customise-panel] .dc-settings-block {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid var(--dc-border);
  background: var(--dc-elevated);
}

[data-desk-customise-panel] .dc-settings-title {
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: lowercase;
  color: var(--dc-muted);
}

[data-desk-customise-panel] .dc-settings-desc {
  font-size: 10px;
  line-height: 1.4;
  color: var(--dc-muted);
}

[data-desk-customise-panel] .dc-desk-width-list {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

[data-desk-customise-panel] .dc-desk-width-row {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 22px;
  padding: 3px 8px;
  border-radius: 999px;
  background: #6b6b70;
}

[data-desk-customise-panel] .dc-desk-width-row:hover {
  filter: brightness(1.08);
}

[data-desk-customise-panel] .dc-desk-width-row[data-active='true'] {
  background: #3f7a3a;
}

[data-desk-customise-panel] .dc-desk-width-index {
  width: 12px;
  flex: none;
  font-size: 9px;
  font-weight: 600;
  line-height: 1;
  color: rgba(255, 255, 255, 0.72);
  text-align: right;
}

[data-desk-customise-panel] .dc-desk-width-cells {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
}

[data-desk-customise-panel] .dc-desk-width-cell {
  width: 12px;
  height: 10px;
  border-radius: 2px;
  border: 1px solid rgba(20, 20, 22, 0.85);
  background: #2a2a2e;
}

[data-desk-customise-panel] .dc-actions-row {
  display: flex;
  gap: 8px;
}

[data-desk-customise-panel] .dc-actions-row .dc-btn {
  flex: 1;
}

[data-desk-customise-panel] .dc-color-swatch-trigger {
  width: 18px;
  height: 18px;
  border-radius: 4px;
  border: 1px solid var(--dc-border);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

[data-desk-customise-panel] .react-colorful {
  width: 100% !important;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid var(--dc-border);
}

[data-desk-customise-accordion] .dc-accordion-group {
  margin: 10px 2px 4px;
  color: var(--dc-muted);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

[data-desk-customise-accordion] .dc-accordion-group:first-child {
  margin-top: 2px;
}

[data-desk-customise-accordion] .dc-accordion-hint {
  margin-left: auto;
  overflow: hidden;
  color: var(--dc-muted);
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

[data-desk-customise-accordion] .dc-accordion-block {
  padding: 10px;
  border-top: 1px solid var(--dc-border);
}

[data-desk-customise-accordion] .dc-accordion-block-title {
  margin: 0 0 6px;
  color: var(--dc-muted);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.click-view-build-root {
  --background: 240 6% 10%;
  --foreground: 0 0% 95%;
  --card: 240 5% 13%;
  --card-foreground: 0 0% 95%;
  --popover: 240 5% 13%;
  --popover-foreground: 0 0% 95%;
  --primary: 264 67% 55%;
  --primary-foreground: 0 0% 100%;
  --secondary: 240 4% 18%;
  --secondary-foreground: 0 0% 85%;
  --muted: 240 4% 18%;
  --muted-foreground: 0 0% 55%;
  --accent: 264 67% 55%;
  --accent-foreground: 0 0% 100%;
  --destructive: 0 84.2% 60.2%;
  --destructive-foreground: 0 0% 98%;
  --border: 240 4% 20%;
  --input: 240 4% 20%;
  --ring: 264 67% 55%;
  --radius: 0.5rem;
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
  font-family: Arial, Helvetica, sans-serif;
}

.click-view-build-root * {
  border-color: hsl(var(--border));
}
.mac-os-simulator-root {
  color: hsl(var(--foreground));
  --desk-os-band-h: 10px;
  --macos-menu-bg: hsl(var(--card) / 0.82);
  --macos-window-bg: hsl(var(--background));
  --macos-dock-bg: linear-gradient(180deg, rgba(186, 186, 182, 0.82) 0%, rgba(148, 148, 145, 0.78) 52%, rgba(112, 112, 110, 0.75) 100%);
  --macos-dock-bg-project: linear-gradient(180deg, rgba(192, 191, 187, 0.83) 0%, rgba(154, 153, 149, 0.79) 52%, rgba(116, 115, 112, 0.76) 100%);
  --macos-blue: hsl(var(--primary));
  --macos-red: #ff5f57;
  --macos-yellow: #febc2e;
  --macos-green: #28c840;
}

.mac-os-simulator-root .macos-blur {
  isolation: isolate;
  backdrop-filter: blur(40px) saturate(180%);
  -webkit-backdrop-filter: blur(40px) saturate(180%);
}

.mac-os-simulator-root [data-desk-scroll-panning="true"],
.mac-os-simulator-root [data-desk-scroll-panning="true"] [data-desk-viewport-wallpaper] * {
  cursor: ew-resize !important;
}

.mac-os-simulator-root .macos-dock {
  position: relative;
  background: var(--macos-dock-bg);
  border: 0;
  border-radius: 12px;
  box-shadow:
    0 6px 24px rgba(0, 0, 0, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.26);
}

.mac-os-simulator-root .macos-dock[data-desk-kind="project"] {
  background: var(--macos-dock-bg-project);
}

.mac-os-simulator-root .macos-dock-icon {
  isolation: isolate;
  border-radius: 5px;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.1) 52%,
    rgba(255, 255, 255, 0.06) 100%
  );
  box-shadow:
    0 0 0 1px rgba(226, 226, 223, 0.52),
    inset 0 1px 0 rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(8px) saturate(1.15);
}

/* Ableton — card/muted grey tray, greyscale wells (not teal glass). */
html.ableton .mac-os-simulator-root,
.component-theme-scope.ableton .mac-os-simulator-root {
  --macos-dock-bg: hsl(var(--card));
  --macos-dock-bg-project: hsl(var(--muted));
  --macos-menu-bg: hsl(var(--popover));
}

html.ableton .mac-os-simulator-root .macos-dock,
.component-theme-scope.ableton .mac-os-simulator-root .macos-dock {
  border: 1px solid hsl(var(--border));
  border-radius: var(--radius);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

html.ableton .mac-os-simulator-root .macos-dock-icon,
.component-theme-scope.ableton .mac-os-simulator-root .macos-dock-icon {
  background: #2a2a2a;
  box-shadow: none;
  border-radius: var(--radius);
  backdrop-filter: none;
  filter: grayscale(1);
}

html.ableton .desk-os-menubar-menu,
.component-theme-scope.ableton .desk-os-menubar-menu {
  background: linear-gradient(180deg, #26262a, #1b1b1e);
  color: #ffffff;
  border-color: #1e1e20;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    inset 0 -1px 0 rgba(0, 0, 0, 0.55),
    0 8px 24px rgba(0, 0, 0, 0.55);
}

.mac-os-simulator-root .macos-dock-divider {
  background: hsl(0 0% 100% / 0.22);
}

/* Firefox: hairline ring + failed frost reads as a cheap sticker. Soften the
 * fallback even if overflow ancestors still skip backdrop-filter. */
@supports (-moz-appearance: none) {
  .mac-os-simulator-root {
    --macos-dock-bg: linear-gradient(180deg, rgba(190, 190, 186, 0.84) 0%, rgba(120, 120, 117, 0.79) 100%);
    --macos-dock-bg-project: linear-gradient(180deg, rgba(196, 195, 190, 0.85) 0%, rgba(124, 124, 120, 0.8) 100%);
    --macos-menu-bg: hsl(var(--card) / 0.9);
  }

  .mac-os-simulator-root .macos-dock {
    box-shadow:
      0 6px 24px rgba(0, 0, 0, 0.24),
      inset 0 1px 0 rgba(255, 255, 255, 0.26);
  }

  .mac-os-simulator-root .macos-blur {
    backdrop-filter: blur(40px) saturate(180%);
    -webkit-backdrop-filter: blur(40px) saturate(180%);
  }

  .mac-os-simulator-root .macos-dock-icon {
    background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.2) 0%,
      rgba(255, 255, 255, 0.07) 100%
    );
  }

  html.ableton .mac-os-simulator-root,
  .component-theme-scope.ableton .mac-os-simulator-root {
    --macos-dock-bg: hsl(var(--card));
    --macos-dock-bg-project: hsl(var(--muted));
  }

  html.ableton .mac-os-simulator-root .macos-dock-icon,
  .component-theme-scope.ableton .mac-os-simulator-root .macos-dock-icon {
    background: #2a2a2a;
  }
}

.mac-os-simulator-root .macos-window {
  transition: none;
}

.mac-os-simulator-root .macos-window-shadow {
  box-shadow: 0 20px 60px hsl(var(--foreground) / 0.28), 0 0 0 0.5px hsl(var(--border));
}

.mac-os-simulator-root .macos-theme-wash {
  background: hsl(var(--background) / 0.15);
}

.mac-os-simulator-root .macos-theme-wash-image {
  background: rgb(0 0 0 / 0.15);
}

.mac-os-simulator-root .desk-os-workspace-carousel-overlay {
  position: absolute;
  top: var(--desk-carousel-top, 40px);
  right: 0;
  bottom: var(--desk-carousel-bottom, 96px);
  left: 0;
  z-index: 200;
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  padding: var(--desk-carousel-pad-top, 0px) var(--desk-carousel-pad-right, var(--desk-carousel-pad-x, 0px)) var(--desk-carousel-pad-bottom, 0px) var(--desk-carousel-pad-left, var(--desk-carousel-pad-x, 0px));
  background: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.mac-os-simulator-root .desk-os-workspace-carousel-overlay .desk-ui-modules-carousel {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
}

.mac-os-simulator-root .desk-os-workspace-carousel-overlay .desk-os-workspace-carousel[data-linux-chrome='compact-v3'] {
  border: 1px solid #8b8496;
  background-color: #3a3a3a;
  box-shadow:
    0 0 0 1px hsl(0 0% 100% / 0.08),
    0 8px 22px hsl(0 0% 0% / 0.22),
    inset 0 1px 0 hsl(0 0% 100% / 0.22),
    inset 1px 0 0 hsl(0 0% 100% / 0.12),
    inset -1px 0 0 hsl(0 0% 0% / 0.16),
    inset 0 -1px 0 hsl(0 0% 0% / 0.2);
}

.mac-os-simulator-root .desk-os-workspace-carousel-overlay .desk-ui-carousel-viewport {
  position: relative;
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  min-height: 0;
  height: 100%;
  border: 0;
  border-radius: 0;
  background: none;
}

.mac-os-simulator-root .desk-os-workspace-carousel-overlay .desk-ui-carousel-live-preview {
  position: relative;
  display: flex;
  flex: 1 1 0;
  min-height: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transform: none;
  will-change: auto;
}

.mac-os-simulator-root .desk-os-workspace-carousel-overlay .desk-ui-carousel-live-preview > * {
  position: relative;
  flex: 1 1 0;
  min-height: 0;
  width: 100%;
  height: 100%;
}

.mac-os-simulator-root .desk-os-workspace-carousel-overlay .desk-ui-carousel-track {
  height: 100%;
}

.mac-os-simulator-root .desk-os-workspace-carousel-overlay .desk-ui-carousel-card {
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: 100%;
  padding: 0;
  background: none;
}

.mac-os-simulator-root .desk-os-workspace-carousel-overlay .desk-ui-carousel-card-head {
  display: none;
}

.mac-os-simulator-root .desk-os-workspace-carousel-overlay .desk-ui-carousel-mount-zone {
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
  border-radius: 0;
}

.mac-os-simulator-root .desk-os-workspace-carousel-overlay .desk-ui-inner-component,
.mac-os-simulator-root .desk-os-workspace-carousel-overlay .desk-ui-inner-component-frame {
  min-height: 0;
  height: 100%;
}

.mac-os-simulator-root .desk-os-workspace-carousel-overlay .desk-ui-carousel-rail {
  flex: 0 0 auto;
  margin-top: 0;
}

.mac-os-simulator-root .desk-os-workspace-carousel-overlay .desk-ui-carousel-overlay-topbar {
  flex: 0 0 auto;
}

.mac-os-simulator-root .desk-os-workspace-carousel-overlay .desk-ui-carousel-rail.is-overlay-slider-dock.is-collapsed {
  background: #3d3d3d;
}

.mac-os-simulator-root .desk-os-workspace-carousel .desk-ui-carousel-dot.is-square {
  width: 40px;
  height: 24px;
  border-radius: 2px;
  background: transparent;
  box-shadow: inset 0 0 0 1.5px #7a4dff;
}

.mac-os-simulator-root .desk-os-workspace-carousel .desk-ui-carousel-dot.is-square.is-active {
  width: 40px;
  height: 24px;
  border-radius: 2px;
  background: #7a4dff;
  box-shadow: none;
}

.mac-os-simulator-root .desk-os-workspace-carousel-overlay:has(.is-preview-fullscreen) {
  bottom: 0;
  padding: 0;
}

.mac-os-simulator-root .desk-os-workspace-carousel.is-preview-fullscreen .desk-ui-carousel-rail {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  z-index: auto;
  margin: 0;
  flex: 0 0 auto;
}

.mac-os-simulator-root .desk-os-workspace-carousel-overlay .desk-ui-carousel-dot-row.is-overlay-squares {
  scrollbar-width: thin;
}

@keyframes desk-spectrum-drift {
  0% { filter: hue-rotate(0deg); }
  50% { filter: hue-rotate(42deg); }
  100% { filter: hue-rotate(0deg); }
}

.mac-os-simulator-root .desk-spectrum-wallpaper {
  animation: desk-spectrum-drift 96s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  .mac-os-simulator-root .desk-spectrum-wallpaper {
    animation: none;
  }
}

@keyframes mac-os-sim-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes mac-os-sim-scale-in {
  from { opacity: 0; transform: scale(0.9); }
  to { opacity: 1; transform: scale(1); }
}

.mac-os-simulator-root .animate-fade-in {
  animation: mac-os-sim-fade-in 1s ease-out;
}

.mac-os-simulator-root .animate-scale-in {
  animation: mac-os-sim-scale-in 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}

.mac-os-simulator-root,
.mac-os-simulator-root * {
  scrollbar-width: thin;
  scrollbar-color: hsl(var(--muted-foreground) / 0.5) transparent;
}

.mac-os-simulator-root *::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.mac-os-simulator-root *::-webkit-scrollbar-track {
  background: transparent;
}

.mac-os-simulator-root *::-webkit-scrollbar-thumb {
  background-color: hsl(var(--muted-foreground) / 0.5);
  border-radius: 20px;
}

.mac-os-simulator-root *::-webkit-scrollbar-thumb:hover {
  background-color: hsl(var(--muted-foreground) / 0.7);
}

.mac-os-simulator-root .desk-window-slot-row {
  display: grid;
  height: var(--desk-os-band-h);
  background: linear-gradient(180deg, #26262a, #1b1b1e);
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.65);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    inset 0 -1px 0 rgba(0, 0, 0, 0.45);
}

.mac-os-simulator-root .desk-window-slot-row--embedded {
  position: static;
  inset: auto;
  z-index: auto;
  width: 100%;
  height: 100%;
}

.mac-os-simulator-root .desk-window-slot-cell {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  border: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.16);
  background: transparent;
  outline: none;
}

.mac-os-simulator-root .desk-window-slot-cell:last-child {
  border-right: 0;
}

.mac-os-simulator-root .desk-window-slot-cell[data-active="true"]::before {
  content: "";
  position: absolute;
  top: 0;
  right: 1px;
  left: 1px;
  height: 1px;
  border-radius: 999px;
  background: #7a4dff;
  box-shadow: none;
}

.mac-os-simulator-root .desk-window-slot-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
  text-transform: lowercase;
  letter-spacing: 0.02em;
  color: rgba(245, 245, 248, 0.88);
  pointer-events: none;
}

.mac-os-simulator-root .desk-window-slot-plus {
  font-size: 9px;
  font-weight: 500;
  line-height: 1;
  color: rgba(218, 218, 224, 0.9);
  pointer-events: none;
}

/* Always-visible OS-space rail. A range thumb stays grabbable; overlay scrollbars do not. */
.mac-os-simulator-root input.desk-pan-rail {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  accent-color: auto;
  line-height: 0;
}

.mac-os-simulator-root input.desk-pan-rail::-webkit-slider-runnable-track {
  height: 4px;
  background: rgba(42, 42, 46, 0.95);
  border: 0;
}

.mac-os-simulator-root input.desk-pan-rail::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  width: 56px;
  height: 8px;
  margin-top: -2px;
  border: 1px solid #9d80ff;
  border-radius: 999px;
  background: #7a4dff;
  cursor: ew-resize;
}

.mac-os-simulator-root input.desk-pan-rail::-webkit-slider-thumb:hover {
  background: #8b65ff;
  border-color: #b39eff;
}

.mac-os-simulator-root input.desk-pan-rail::-moz-range-track {
  height: 4px;
  background: rgba(42, 42, 46, 0.95);
  border: 0;
}

.mac-os-simulator-root input.desk-pan-rail::-moz-range-thumb {
  box-sizing: border-box;
  width: 56px;
  height: 8px;
  border: 1px solid #9d80ff;
  border-radius: 999px;
  background: #7a4dff;
  cursor: ew-resize;
}

.mac-os-simulator-root .desk-card-shell {
  border: 1px solid var(--dc-card-border, hsl(var(--border)));
  border-radius: 0;
  padding: 0.6px;
  backdrop-filter: blur(4px);
  box-shadow: 0 20px 40px -10px hsl(var(--foreground) / .12);
}

@media (max-width: 768px) {
  .mac-os-simulator-root .macos-window-shadow {
    box-shadow: 0 10px 30px hsl(var(--foreground) / 0.22), 0 0 0 0.5px hsl(var(--border));
  }
}
.finder-primary {
  background: #111215;
  color: #ffffff;
}

.finder-primary-sidebar {
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, #1a1b1f, #131419);
}

.finder-primary-main {
  background: #0f1012;
}

.finder-primary-side-row {
  display: flex;
  align-items: center;
  border-radius: 4px;
  color: rgba(255, 255, 255, 0.8);
  transition: background-color 120ms ease, color 120ms ease;
}

.finder-primary-side-row:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}

.finder-primary-side-row.is-active {
  background: rgba(255, 255, 255, 0.14);
  color: #ffffff;
}

.finder-primary-search {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.finder-primary-search .primary-topbar-1-field {
  width: 136px;
}

.finder-primary-search .primary-topbar-1-field::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
}

.finder-primary-search .primary-topbar-1-field::placeholder {
  color: rgba(255, 255, 255, 0.4);
}

.finder-primary-view-toggle {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 2px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.25);
}

.finder-primary-view-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: rgba(255, 255, 255, 0.6);
  border-radius: 3px;
}

.finder-primary-view-btn:hover {
  color: rgba(255, 255, 255, 0.9);
  background: rgba(255, 255, 255, 0.08);
}

.finder-primary-view-btn.is-active {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.16);
}

.finder-primary-content {
  background: linear-gradient(180deg, #111317, #0e0f11);
}

.finder-primary-row,
.finder-primary-grid-card {
  border-radius: 6px;
  transition: background-color 120ms ease;
}

.finder-primary-row:hover,
.finder-primary-grid-card:hover {
  background: rgba(255, 255, 255, 0.08);
}

.finder-primary-row.is-active,
.finder-primary-grid-card.is-active {
  background: rgba(255, 255, 255, 0.14);
}

.finder-primary-status {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  background: #121317;
}
.desk-grid-view {
  container-type: inline-size;
  height: 100%;
  width: 100%;
  overflow: auto;
  overscroll-behavior: contain;
  padding: 12px;
  color: hsl(var(--foreground));
  scrollbar-width: thin;
  scrollbar-color: hsl(var(--muted-foreground) / .4) transparent;
}
.desk-grid-view:focus-visible { outline: 1px solid hsl(var(--ring)); outline-offset: -2px; }
.desk-grid-layout {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
  grid-auto-flow: row dense;
  gap: 6px;
  align-content: start;
}
[data-desk-grid-mode='masonry-grid'] .desk-grid-layout { grid-auto-rows: 20px; }
[data-desk-grid-mode='bento-grid'] .desk-grid-layout { grid-auto-rows: 352px; }
.desk-grid-card { min-width: 0; min-height: 0; overflow: hidden; }
.desk-grid-card:focus-within { outline: 1px solid hsl(var(--ring)); outline-offset: 1px; }
.desk-grid-empty { padding: 12px; font-size: 11px; color: hsl(var(--muted-foreground)); }
@container (min-width: 606px) {
  [data-desk-grid-mode='bento-grid'] [data-bento-wide] { grid-column: span 2; }
}
.desk-workspace-accordion {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  pointer-events: none;
  container-type: inline-size;
}

.desk-workspace-accordion__row {
  display: flex;
  width: min(100%, 1200px);
  height: min(68%, 600px);
  min-height: min(280px, 100%);
  gap: 6px;
}

.desk-workspace-accordion__panel {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 0 0 64px;
  min-width: 0;
  overflow: hidden;
  border-radius: 28px;
  border: 1px solid rgb(255 255 255 / 13%);
  color: rgb(255 255 255 / 80%);
  background: rgb(255 255 255 / 4%);
  pointer-events: auto;
  transition: flex-basis 800ms cubic-bezier(.25, .46, .45, .94), flex-grow 800ms cubic-bezier(.25, .46, .45, .94), background 800ms, border-color 800ms, box-shadow 800ms;
}

.desk-workspace-accordion__panel[data-expanded='true'] {
  flex: 1 1 0;
  border-color: rgb(255 255 255 / 23%);
  background: rgb(20 26 34 / 94%);
  box-shadow: 0 24px 64px rgb(0 0 0 / 35%), 0 0 72px rgb(139 92 246 / 12%);
}

.desk-workspace-accordion__trigger {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  padding: 20px 12px;
  border: 0;
  color: inherit;
  background: transparent;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
}

.desk-workspace-accordion__trigger > svg { width: 18px; height: 18px; flex-shrink: 0; opacity: .65; }
.desk-workspace-accordion__label { font-size: 12px; white-space: nowrap; writing-mode: vertical-rl; }
.desk-workspace-accordion__number { font-size: 10px; opacity: .4; }
.desk-workspace-accordion__trigger:focus-visible { outline: 2px solid #b9a6f3; outline-offset: -5px; border-radius: 24px; }
.desk-workspace-accordion__panel[data-expanded='true'] .desk-workspace-accordion__trigger { height: 54px; flex-direction: row; justify-content: flex-start; padding: 14px 20px; border-bottom: 1px solid rgb(255 255 255 / 8%); }
.desk-workspace-accordion__panel[data-expanded='true'] .desk-workspace-accordion__label { writing-mode: horizontal-tb; }
.desk-workspace-accordion__panel[data-expanded='true'] .desk-workspace-accordion__number { margin-left: auto; }
.desk-workspace-accordion__content { flex: 1; min-height: 0; overflow: auto; }
.desk-workspace-accordion__content[hidden] { display: none; }
.desk-workspace-accordion__empty { display: flex; min-height: 100%; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 24px; text-align: center; background-image: radial-gradient(rgb(255 255 255 / 5%) 1px, transparent 1px); background-size: 20px 20px; }
.desk-workspace-accordion__empty > svg { width: 36px; height: 36px; margin-bottom: 8px; opacity: .3; }
.desk-workspace-accordion__empty p { margin: 0; font-size: 14px; font-weight: 400; }
.desk-workspace-accordion__empty span { font-size: 11px; color: rgb(255 255 255 / 40%); }

@container (max-width: 650px) {
  .desk-workspace-accordion__panel { flex-basis: 36px; border-radius: 20px; }
  .desk-workspace-accordion__trigger { padding: 16px 6px; }
  .desk-workspace-accordion__row { gap: 4px; width: 100%; height: 72%; }
  .desk-workspace-accordion__panel[data-expanded='true'] .desk-workspace-accordion__trigger { padding: 12px; gap: 6px; }
  .desk-workspace-accordion__empty { padding: 12px; }
}

.desk-workspace-accordion[data-motion='false'] .desk-workspace-accordion__panel { transition: none; }
@media (prefers-reduced-motion: reduce) {
  .desk-workspace-accordion__panel { transition: none; }
}
/* My Desk / Project Desk menu — Primary UI 1a sidebar + 2a tab nav (portal; not under .mac-os-simulator-root). */

:is([data-desk-clickview-menu], [data-desk-cards-popup], [data-desk-settings-popup])[data-tls='1a'] {
  background: #141416;
  border: 1px solid #1e1e20;
  box-shadow:
    0 -12px 32px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  color: #ffffff;
  font-family: 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}

[data-desk-launcher-popover='desk-cards'],
[data-desk-launcher-popover='drop'] {
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

[data-desk-cards-popup][data-tls='1a'] {
  box-shadow: none;
}

:is([data-desk-clickview-menu], [data-desk-cards-popup], [data-desk-settings-popup])[data-tls='1a'] .tls-panel {
  width: 220px;
  min-width: 220px;
  background: #141416;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

:is([data-desk-clickview-menu], [data-desk-cards-popup], [data-desk-settings-popup])[data-tls='1a'] .tls-head {
  height: 28px !important;
  padding: 0 8px 0 10px;
}

:is([data-desk-clickview-menu], [data-desk-cards-popup], [data-desk-settings-popup])[data-tls='1a'] .tls-title,
:is([data-desk-clickview-menu], [data-desk-cards-popup], [data-desk-settings-popup])[data-tls='1a'] .tls-count,
:is([data-desk-clickview-menu], [data-desk-cards-popup], [data-desk-settings-popup])[data-tls='1a'] .tls-row,
:is([data-desk-clickview-menu], [data-desk-cards-popup], [data-desk-settings-popup])[data-tls='1a'] .tls-row:hover {
  color: #ffffff;
  font-weight: 600;
  font-size: 9px !important;
}

:is([data-desk-clickview-menu], [data-desk-cards-popup], [data-desk-settings-popup])[data-tls='1a'] .tls-rows {
  gap: 2px;
  padding: 6px;
}

:is([data-desk-clickview-menu], [data-desk-cards-popup], [data-desk-settings-popup])[data-tls='1a'] .tls-row {
  height: 24px !important;
  border-radius: 4px;
  background: linear-gradient(180deg, #2b2b2f, #202024);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    inset 0 -1px 0 rgba(0, 0, 0, 0.55),
    0 1px 2px rgba(0, 0, 0, 0.45);
}

:is([data-desk-clickview-menu], [data-desk-cards-popup], [data-desk-settings-popup])[data-tls='1a'] .tls-row:hover {
  background: linear-gradient(180deg, #303035, #242428);
}

:is([data-desk-clickview-menu], [data-desk-cards-popup], [data-desk-settings-popup])[data-tls='1a'] .tls-row[data-active='true'] {
  color: #f0eee6;
}

:is([data-desk-clickview-menu], [data-desk-cards-popup], [data-desk-settings-popup])[data-tls='1a'] .tls-row .desk-menu-row-icon {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
  opacity: 0.85;
}

:is([data-desk-clickview-menu], [data-desk-cards-popup], [data-desk-settings-popup])[data-tls='1a'] .tls-canvas {
  background: #0d0d0e;
  box-shadow:
    inset 1px 0 0 rgba(0, 0, 0, 0.8),
    inset 2px 0 0 rgba(255, 255, 255, 0.03);
}

:is([data-desk-clickview-menu], [data-desk-cards-popup], [data-desk-settings-popup]) [data-desk-primary-ui-content] .tls-head {
  background: #19191c;
  box-shadow: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

:is([data-desk-clickview-menu], [data-desk-cards-popup], [data-desk-settings-popup]) [data-desk-cards-search] input {
  color: #ffffff;
  font-size: 9px;
  font-weight: 600;
}

:is([data-desk-clickview-menu], [data-desk-cards-popup], [data-desk-settings-popup]) [data-desk-cards-search] input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
}

:is([data-desk-clickview-menu], [data-desk-cards-popup], [data-desk-settings-popup]) [data-desk-cards-search] input::placeholder {
  color: rgba(255, 255, 255, 0.4);
}

:is([data-desk-clickview-menu], [data-desk-cards-popup], [data-desk-settings-popup]) [data-desk-cards-picker] .tls-panel {
  width: auto;
  min-width: 148px;
  max-width: 200px;
}

:is([data-desk-clickview-menu], [data-desk-cards-popup], [data-desk-settings-popup]) [data-btb='2a'] .btb-row {
  min-height: 30px;
  padding: 4px;
  background: linear-gradient(180deg, #26262a, #1b1b1e);
}

:is([data-desk-clickview-menu], [data-desk-cards-popup], [data-desk-settings-popup]) [data-btb='2a'] .btb-chip {
  height: 26px;
  min-height: 26px;
  max-height: 26px;
  width: auto;
  min-width: -moz-max-content;
  min-width: max-content;
}

:is([data-desk-clickview-menu], [data-desk-cards-popup], [data-desk-settings-popup]) [data-btb='2a'] .btb-chip-face {
  min-width: -moz-max-content;
  min-width: max-content;
  padding: 0 8px;
  font-size: 9px;
  font-weight: 600;
  text-transform: lowercase;
}

:is([data-desk-clickview-menu], [data-desk-cards-popup], [data-desk-settings-popup]) .desk-primary-ui-close {
  color: rgba(255, 255, 255, 0.55);
}

:is([data-desk-clickview-menu], [data-desk-cards-popup], [data-desk-settings-popup]) .desk-primary-ui-close:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.08);
}

:is([data-desk-clickview-menu], [data-desk-cards-popup], [data-desk-settings-popup]) .desk-primary-ui-save {
  font-size: 9px;
  font-weight: 600;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: #29292e;
}

:is([data-desk-clickview-menu], [data-desk-cards-popup], [data-desk-settings-popup]) .desk-primary-ui-save:hover {
  background: #36363d;
}

/* Settings keeps the compact menu chrome in its own opaque dock popup. */
[data-desk-launcher-popover='settings'] {
  padding: 0;
  border-radius: 6px;
  background: #141416;
}

[data-desk-settings-popup] .desk-primary-ui-close {
  font-size: 9px;
  font-weight: 600;
}

/* Desk settings popup — framed panel, sticky header, bevelled accordion rows. */
[data-desk-launcher-popover='settings'] {
  border-radius: 10px;
  box-shadow:
    0 18px 48px rgba(0, 0, 0, 0.5),
    0 0 0 1px rgba(255, 255, 255, 0.06);
}

[data-desk-settings-popup][data-tls='1a'] {
  border-radius: 10px;
  border-color: rgba(255, 255, 255, 0.07);
  background: linear-gradient(180deg, #17171a 0%, #111113 100%);
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.14) transparent;
}

[data-desk-settings-popup] [data-desk-primary-ui-content] {
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.14) transparent;
}

[data-desk-settings-popup][data-tls='1a'] [data-desk-primary-ui-content] > .tls-head {
  position: sticky;
  top: 0;
  z-index: 2;
  height: 38px !important;
  padding: 0 8px 0 14px;
  background: rgba(23, 23, 26, 0.92);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: 0 6px 14px -10px rgba(0, 0, 0, 0.8);
}

[data-desk-settings-popup][data-tls='1a'] [data-desk-primary-ui-content] > .tls-head .tls-title {
  font-size: 11px !important;
  letter-spacing: 0.04em;
}

[data-desk-settings-popup] [data-desk-customise-accordion] {
  padding: 10px;
}

[data-desk-settings-popup] [data-desk-customise-accordion] .dc-accordion-section {
  position: relative;
  border-color: rgba(255, 255, 255, 0.06);
  border-radius: 8px;
  background: linear-gradient(180deg, #202024, #19191c);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 1px 2px rgba(0, 0, 0, 0.4);
  transition: border-color 150ms ease, box-shadow 150ms ease;
}

[data-desk-settings-popup] [data-desk-customise-accordion] .dc-accordion-section:hover {
  border-color: rgba(255, 255, 255, 0.12);
}

[data-desk-settings-popup] [data-desk-customise-accordion] .dc-accordion-section[data-state='open'] {
  border-color: rgba(34, 211, 238, 0.28);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 4px 14px rgba(0, 0, 0, 0.35);
}

[data-desk-settings-popup] [data-desk-customise-accordion] .dc-accordion-section[data-state='open']::before {
  content: '';
  position: absolute;
  top: 9px;
  left: 0;
  width: 2px;
  height: 18px;
  border-radius: 0 2px 2px 0;
  background: #22d3ee;
}

[data-desk-settings-popup] [data-desk-customise-accordion] .dc-accordion-trigger {
  min-height: 36px;
  padding: 8px 12px;
  font-size: 11px;
  transition: background-color 150ms ease;
}

[data-desk-settings-popup] [data-desk-customise-accordion] .dc-accordion-trigger:hover {
  background: rgba(255, 255, 255, 0.035);
}

[data-desk-settings-popup] [data-desk-customise-accordion] .dc-accordion-trigger[data-state='open'] {
  background: transparent;
}

[data-desk-settings-popup] [data-desk-customise-accordion] .dc-accordion-trigger > svg {
  opacity: 0.5;
  transition: transform 150ms ease, opacity 150ms ease;
}

[data-desk-settings-popup] [data-desk-customise-accordion] .dc-accordion-trigger:hover > svg,
[data-desk-settings-popup] [data-desk-customise-accordion] .dc-accordion-trigger[data-state='open'] > svg {
  opacity: 0.9;
}

[data-desk-settings-popup] [data-desk-customise-accordion] .dc-accordion-panel {
  border-top-color: rgba(255, 255, 255, 0.05);
  background: #121214;
}
[data-dev-canvas-chrome],
[data-dev-canvas-chrome] button,
[data-dev-canvas-chrome] span,
[data-dev-canvas-chrome] input,
[data-dev-canvas-chrome] label {
  font-size: 9px !important;
  line-height: 1 !important;
}

[data-dev-canvas-chrome] svg {
  width: 10px !important;
  height: 10px !important;
}
.blocks-grid-page {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: hsl(var(--background));
  color: hsl(var(--foreground));
}

.blocks-grid-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-shrink: 0;
  gap: 8px;
  padding: 8px 12px;
  border-bottom: 1px solid hsl(var(--border));
  font-size: 11px;
}

.blocks-grid-toolbar h1 { margin: 0; font-size: 12px; font-weight: 600; }

.blocks-grid-count { margin-right: auto; color: hsl(var(--muted-foreground)); }

.blocks-grid-search { display: flex; align-items: center; gap: 6px; min-width: 0; color: hsl(var(--muted-foreground)); }

.blocks-grid-search input { width: 180px; min-width: 0; max-width: 100%; padding: 4px; background: transparent; color: hsl(var(--foreground)); outline: none; }

.blocks-grid-search button { display: flex; align-items: center; padding: 3px; }

.blocks-grid-scroll { flex: 1; min-height: 0; overflow: auto; overscroll-behavior: contain; }

.blocks-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)); align-items: start; gap: 12px; padding: 12px 12px 24px; }

.blocks-grid-card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid hsl(var(--border)); border-radius: 4px; background: hsl(var(--card)); }

.blocks-grid-card[hidden] { display: none; }

.blocks-grid-card-heading { display: flex; align-items: center; gap: 4px; min-width: 0; min-height: 32px; padding: 3px 7px; border-bottom: 1px solid hsl(var(--border)); }

.blocks-grid-card-heading h2 { flex: 1; min-width: 0; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; font-weight: 500; }

.blocks-grid-card-heading > button { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 24px; height: 24px; color: hsl(var(--muted-foreground)); }

.blocks-grid-card-heading > button:hover { color: hsl(var(--foreground)); background: hsl(var(--accent)); }

/* Bound viewport-sized and fixed-position descendants to their own card. */

.blocks-grid-preview { position: relative; display: flex; height: 320px; min-height: 320px; max-height: 320px; min-width: 0; overflow: hidden; transform: translateZ(0); contain: layout paint size; }

.blocks-grid-loading { display: grid; place-items: center; flex: 1; font-size: 11px; color: hsl(var(--muted-foreground)); }

.blocks-grid-empty { margin: 0; padding: 12px; color: hsl(var(--muted-foreground)); font-size: 12px; }

.blocks-grid-page button:focus-visible,
.blocks-grid-page input:focus-visible { outline: 1px solid hsl(var(--ring)); outline-offset: 2px; }

.unified-components-section { margin: 2px 0; border: 0; border-radius: 0; min-width: 0; }

.unified-components-section[hidden], .unified-section-body [hidden] { display: none; }

.unified-components-section > summary { display: flex; align-items: center; gap: 8px; min-height: 30px; padding: 4px 8px; font-size: 11px; font-weight: 500; cursor: pointer; list-style: none; }

.unified-components-section > summary:hover { background: hsl(var(--muted) / .5); }

.unified-components-section > summary::-webkit-details-marker { display: none; }

.unified-components-section > summary > svg { transform: rotate(-90deg); }

.unified-components-section[open] > summary > svg { transform: rotate(0); }

.unified-section-body { padding-left: 20px; }

.unified-section-count { margin-left: auto; color: hsl(var(--muted-foreground)); font-size: 10px; font-weight: 400; font-variant-numeric: tabular-nums; }

.unified-subsection-heading { padding: 12px 12px 0; margin: 0; font-size: 10px; color: hsl(var(--muted-foreground)); }

.unified-accordion-action { padding: 3px 6px; border: 1px solid hsl(var(--border)); border-radius: 3px; }

.unified-accordion-action:disabled { opacity: .4; }

.unified-components-page .blocks-grid-preview { overflow: auto; }

.unified-components-page .blocks-grid-preview > article { width: 100%; align-self: flex-start; min-height: 100%; border: 0; border-radius: 0; }

.unified-components-page .blocks-grid-preview > .ui-build-gallery-card > header { height: 28px; }

.unified-components-page .blocks-grid-preview > .ui-build-gallery-card > header h3 { display: none; }

.unified-components-page .blocks-grid-preview > .ui-build-gallery-card > header button:first-of-type { margin-left: auto; }

.unified-tool-preview { display: flex; flex-direction: column; width: 100%; height: 100%; }

.unified-show-preview { margin: auto; padding: 5px 10px; border: 1px solid hsl(var(--border)); border-radius: 3px; }

/* Embedded shelves share the Primary UI page's main scroll surface. */

.unified-components-embedded { height: auto; overflow: visible; }

.unified-components-embedded > .blocks-grid-scroll { flex: none; overflow: visible; }

.unified-library-wall-preview { height: clamp(400px, 70vh, 720px); min-width: 0; overflow: hidden; }

.unified-library-wall-preview .library-wall-shell { min-width: 0; }
.primary-ui-main-toggle {
  margin: 4px 12px;
  min-width: 0;
  border: 0;
  background: transparent;
}

.primary-ui-main-toggle > summary {
  display: list-item;
  list-style: disclosure-closed inside;
  padding: 6px 8px;
  border: 0;
  border-radius: 3px;
  color: hsl(var(--foreground));
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}

.primary-ui-main-toggle[open] > summary { list-style-type: disclosure-open; }
.primary-ui-main-toggle > summary::marker { color: hsl(var(--muted-foreground)); font-size: 10px; }
.primary-ui-main-toggle > summary:hover { background: hsl(var(--muted) / .5); }
.primary-ui-main-toggle > summary:focus-visible { outline: 2px solid hsl(var(--ring)); outline-offset: -2px; }
.primary-ui-main-toggle-body { padding-left: 20px; }
.blocks-grid-page {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: hsl(var(--background));
  color: hsl(var(--foreground));
}

.blocks-grid-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-shrink: 0;
  gap: 8px;
  padding: 8px 12px;
  border-bottom: 1px solid hsl(var(--border));
  font-size: 11px;
}
.blocks-grid-toolbar h1 { margin: 0; font-size: 12px; font-weight: 600; }
.blocks-grid-count { margin-right: auto; color: hsl(var(--muted-foreground)); }
.blocks-grid-search { display: flex; align-items: center; gap: 6px; min-width: 0; color: hsl(var(--muted-foreground)); }
.blocks-grid-search input { width: 180px; min-width: 0; max-width: 100%; padding: 4px; background: transparent; color: hsl(var(--foreground)); outline: none; }
.blocks-grid-search button { display: flex; align-items: center; padding: 3px; }
.blocks-grid-scroll { flex: 1; min-height: 0; overflow: auto; overscroll-behavior: contain; }
.blocks-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)); align-items: start; gap: 12px; padding: 12px 12px 24px; }
.blocks-grid-card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid hsl(var(--border)); border-radius: 4px; background: hsl(var(--card)); }
.blocks-grid-card[hidden] { display: none; }
.blocks-grid-card-heading { display: flex; align-items: center; gap: 4px; min-width: 0; min-height: 32px; padding: 3px 7px; border-bottom: 1px solid hsl(var(--border)); }
.blocks-grid-card-heading h2 { flex: 1; min-width: 0; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; font-weight: 500; }
.blocks-grid-card-heading > button { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 24px; height: 24px; color: hsl(var(--muted-foreground)); }
.blocks-grid-card-heading > button:hover { color: hsl(var(--foreground)); background: hsl(var(--accent)); }
/* Bound viewport-sized and fixed-position descendants to their own card. */
.blocks-grid-preview { position: relative; display: flex; height: 320px; min-height: 320px; max-height: 320px; min-width: 0; overflow: hidden; transform: translateZ(0); contain: layout paint size; }
.blocks-grid-loading { display: grid; place-items: center; flex: 1; font-size: 11px; color: hsl(var(--muted-foreground)); }
.blocks-grid-empty { margin: 0; padding: 12px; color: hsl(var(--muted-foreground)); font-size: 12px; }
.blocks-grid-page button:focus-visible,
.blocks-grid-page input:focus-visible { outline: 1px solid hsl(var(--ring)); outline-offset: 2px; }
.liquid-composer-root {
  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.liquid-composer-root * {
  box-sizing: border-box;
}

.liquid-composer-root ::-webkit-scrollbar { width: 6px; height: 6px; }
.liquid-composer-root ::-webkit-scrollbar-track { background: transparent; }
.liquid-composer-root ::-webkit-scrollbar-thumb { background: #3a3a3c; border-radius: 3px; }
.liquid-composer-root ::-webkit-scrollbar-thumb:hover { background: #636366; }

.liquid-composer-root input[type='range'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.liquid-composer-root input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 12px; height: 12px;
  border-radius: 50%;
  background: #0a84ff;
  cursor: pointer;
  border: 1.5px solid rgba(255, 255, 255, 0.2);
}

.liquid-composer-root input[type='number']::-webkit-inner-spin-button,
.liquid-composer-root input[type='number']::-webkit-outer-spin-button { -webkit-appearance: none; }
.liquid-composer-root input[type='number'] { -moz-appearance: textfield; }

.liquid-composer-root input[type='color'] { -webkit-appearance: none; border: none; padding: 0; border-radius: 3px; cursor: pointer; }
.liquid-composer-root input[type='color']::-webkit-color-swatch-wrapper { padding: 0; }
.liquid-composer-root input[type='color']::-webkit-color-swatch { border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 3px; }

.liquid-composer-root .text-2xs { font-size: 10px; line-height: 1.2; }

.liquid-composer-root .glass-panel {
  background: rgba(40, 40, 42, 0.85);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.liquid-composer-root ::-moz-selection { background: rgba(10, 132, 255, 0.3); }

.liquid-composer-root ::selection { background: rgba(10, 132, 255, 0.3); }
.liquid-composer-root :focus-visible { outline: 2px solid #0a84ff; outline-offset: 1px; }
/*
 * Block Tasks calendar — isolated btc-* classes.
 * Do NOT reuse .time-label / .time-slot (CalendarStyles.css fights those).
 */

.block-tasks-cal {
  --cal-label-width: 44px;
  --cal-day-header-height: 36px;
  --cal-chip-pad-y: 2px;
  --cal-chip-pad-x: 5px;
  --cal-chip-font: 9px;
  --cal-line: color-mix(in srgb, var(--foreground) 22%, transparent);
  --cal-line-strong: color-mix(in srgb, var(--foreground) 34%, transparent);
}

.block-tasks-cal .btc-grid {
  display: grid;
  grid-template-columns: var(--cal-label-width) minmax(0, 1fr);
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  background: var(--background);
  align-items: stretch;
}

.block-tasks-cal .btc-grid.week-view {
  grid-template-columns: var(--cal-label-width) repeat(7, minmax(0, 1fr));
}

.block-tasks-cal .btc-grid.three-day-view {
  grid-template-columns: var(--cal-label-width) repeat(3, minmax(0, 1fr));
}

.block-tasks-cal .btc-grid.day-view {
  grid-template-columns: var(--cal-label-width) minmax(0, 1fr);
}

/* Pixel rows set inline from measured hourHeight — do not use fr here */
.block-tasks-cal .btc-time-labels {
  display: grid;
  min-height: 0;
  overflow: hidden;
  border-right: 1px solid var(--cal-line-strong);
  background: color-mix(in srgb, var(--muted) 45%, transparent);
}

.block-tasks-cal .btc-time-labels-spacer {
  min-height: 0;
  border-bottom: 1px solid var(--cal-line-strong);
}

.block-tasks-cal .btc-time-label {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 1px 4px 0 2px;
  margin: 0;
  font-size: 9px;
  line-height: 1;
  color: var(--muted-foreground);
  font-variant-numeric: tabular-nums;
  overflow: hidden;
  white-space: nowrap;
  text-align: right;
  box-sizing: border-box;
  position: relative;
  top: 0;
  height: auto;
  min-height: 0;
}

.block-tasks-cal .btc-day-column {
  display: flex;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
  border-right: 1px solid var(--cal-line-strong);
  position: relative;
}

.block-tasks-cal .btc-day-column:last-child {
  border-right: none;
}

.block-tasks-cal .btc-day-body {
  position: relative;
  display: grid;
  min-height: 0;
  overflow: hidden;
}

.block-tasks-cal .btc-time-slot {
  position: relative;
  margin: 0;
  padding: 0;
  min-height: 0;
  height: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid var(--cal-line);
  cursor: pointer;
}

.block-tasks-cal .btc-time-slot:hover {
  background: color-mix(in srgb, var(--accent) 28%, transparent);
}

.block-tasks-cal .btc-time-slot.is-over {
  background: color-mix(in srgb, var(--primary) 16%, transparent);
  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--primary) 35%, transparent);
}

.block-tasks-cal .btc-event {
  position: absolute;
  left: 2px;
  right: 2px;
  display: flex;
  flex-direction: column;
  border: 1px solid;
  border-radius: 3px;
  padding: 0;
  font-size: var(--cal-chip-font);
  font-weight: 500;
  line-height: 1.25;
  overflow: hidden;
  z-index: 10;
  box-sizing: border-box;
  max-height: 100%;
  box-shadow: 0 1px 0 color-mix(in srgb, var(--foreground) 6%, transparent);
}

.block-tasks-cal .btc-event-compact .btc-event-body {
  display: flex;
  align-items: center;
}

.block-tasks-cal .btc-event-compact {
  min-height: 0;
}

.block-tasks-cal .btc-event-body {
  position: relative;
  z-index: 1;
  min-height: 0;
  flex: 1;
  overflow: hidden;
  cursor: grab;
  touch-action: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.block-tasks-cal .btc-event-body:active {
  cursor: grabbing;
}

.block-tasks-cal .btc-event-resize-handle {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 4;
  height: 5px;
  touch-action: none;
  pointer-events: auto;
  cursor: ns-resize;
}

.block-tasks-cal .btc-event-compact .btc-event-resize-handle {
  height: 4px;
}

.block-tasks-cal .btc-event-resize-top {
  top: 0;
}

.block-tasks-cal .btc-event-resize-bottom {
  bottom: 0;
}

.block-tasks-cal .btc-event-resize-handle::after {
  content: '';
  position: absolute;
  left: 50%;
  width: 18px;
  height: 2px;
  border-radius: 1px;
  background: color-mix(in srgb, #fff 0%, transparent);
  transform: translateX(-50%);
}

.block-tasks-cal .btc-event-resize-top::after {
  top: 1px;
}

.block-tasks-cal .btc-event-resize-bottom::after {
  bottom: 1px;
}

.block-tasks-cal .btc-event:hover .btc-event-resize-handle::after {
  background: color-mix(in srgb, #fff 55%, transparent);
}

.block-tasks-cal .btc-event-drag-ghost {
  z-index: 60;
  cursor: grabbing;
  pointer-events: none;
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--foreground) 22%, transparent),
    0 4px 12px color-mix(in srgb, var(--foreground) 16%, transparent);
  transition: none;
}

body.btc-cal-dragging .block-tasks-cal .btc-event-drag-source {
  opacity: 0.35;
  pointer-events: none;
}

.block-tasks-cal .btc-event-selected {
  box-shadow: inset 0 0 0 1px var(--foreground);
}

.block-tasks-cal .btc-event[data-marquee-hit] {
  box-shadow: inset 0 0 0 1px var(--primary);
}

.block-tasks-cal.btc-cal-marquee-active .btc-event,
.block-tasks-cal .btc-cal-marquee-active .btc-event,
body.btc-cal-dragging .block-tasks-cal .btc-event {
  transition: none;
}

.btc-cal-marquee-box {
  transition: none;
  contain: strict;
  backface-visibility: hidden;
}

.block-tasks-cal .btc-cal-marquee-active .btc-time-slot:hover {
  background: transparent;
}

body.btc-cal-dragging {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}

body.btc-cal-dragging--move {
  cursor: grabbing !important;
}

body.btc-cal-dragging--resize-top,
body.btc-cal-dragging--resize-bottom {
  cursor: ns-resize !important;
}

body.btc-cal-dragging .block-tasks-cal .btc-time-slot {
  pointer-events: none;
}


.block-tasks-cal .btc-event:hover {
  z-index: 15;
}

.block-tasks-cal .btc-event.dragging {
  opacity: 0.25;
  cursor: grabbing;
  pointer-events: none;
}

.block-tasks-cal .btc-event-preview {
  opacity: 0.45;
  z-index: 19;
  pointer-events: none;
  cursor: default;
  border: 1px dashed color-mix(in srgb, var(--primary) 55%, transparent);
  background: color-mix(in srgb, var(--primary) 18%, transparent) !important;
}

.block-tasks-cal .btc-day-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 2px;
  text-align: center;
  border-bottom: 1px solid var(--cal-line-strong);
  background: color-mix(in srgb, var(--muted) 40%, transparent);
  font-size: 9px;
  font-weight: 500;
  box-sizing: border-box;
  flex: 0 0 var(--cal-day-header-height);
  height: var(--cal-day-header-height);
  min-height: var(--cal-day-header-height);
}

.block-tasks-cal .btc-day-header .day-weekday {
  font-size: 9px;
  font-weight: 500;
  color: var(--muted-foreground);
  line-height: 1;
}

.block-tasks-cal .btc-day-header .day-number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 9999px;
  font-size: 9px;
  font-weight: 600;
  line-height: 1;
  color: var(--foreground);
}

.block-tasks-cal .btc-day-header.today .day-number {
  background: var(--primary);
  color: var(--primary-foreground);
}

.block-tasks-cal .btc-day-header .capacity-bar {
  margin-top: 1px;
  width: 60%;
  height: 2px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--muted-foreground) 18%, transparent);
  overflow: hidden;
}

.block-tasks-cal .btc-day-header .capacity-bar-fill {
  height: 100%;
  border-radius: 999px;
  background: var(--primary);
}

.block-tasks-cal .btc-day-header .capacity-bar-fill.overbooked {
  background: var(--destructive);
}

.block-tasks-cal .unscheduled-pool-vertical {
  background: color-mix(in srgb, var(--card) 90%, var(--muted));
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  border-right: 1px solid var(--cal-line-strong);
  width: 200px;
  min-width: 160px;
  max-width: 240px;
  flex-shrink: 0;
}

.block-tasks-cal .unscheduled-pool-header {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--muted-foreground);
  flex-shrink: 0;
  padding: 8px 10px;
  border-bottom: 1px solid var(--cal-line-strong);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  background: color-mix(in srgb, var(--muted) 40%, transparent);
}

.block-tasks-cal .unscheduled-tasks-list {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  flex: 1;
}

.block-tasks-cal .unscheduled-task-row {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-bottom: 1px solid var(--cal-line);
  font-size: 11px;
  cursor: grab;
}

.block-tasks-cal .unscheduled-task-row:hover {
  background: color-mix(in srgb, var(--accent) 50%, transparent);
}

.block-tasks-cal .chronos-month-weekday {
  background: color-mix(in srgb, var(--muted) 50%, transparent);
  border-bottom: 1px solid var(--cal-line-strong);
}

.block-tasks-cal .chronos-month-day {
  transition: background-color 120ms ease;
  border-color: var(--cal-line) !important;
}

.block-tasks-cal .chronos-month-day:hover {
  background: color-mix(in srgb, var(--accent) 50%, transparent);
}

.block-tasks-cal .chronos-month-day.outside-month {
  background: color-mix(in srgb, var(--muted) 30%, transparent);
}

.block-tasks-cal .chronos-day-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 9999px;
  font-size: 9px;
  font-weight: 500;
}

.block-tasks-cal .chronos-day-badge.today {
  background: var(--primary);
  color: var(--primary-foreground);
  font-weight: 600;
}

/* Legacy TaskPlanner (unscoped — fixed slot height, not fit-to-panel) */
.time-blocker-grid {
  display: grid;
  grid-template-columns: 60px 1fr;
  min-height: 100%;
}

.time-blocker-grid.week-view {
  grid-template-columns: 60px repeat(7, 1fr);
}

.time-labels .time-label {
  height: 48px;
  font-size: 0.75rem;
  color: var(--muted-foreground);
  padding-right: 8px;
  text-align: right;
  line-height: 48px;
}

.planner-day-header {
  height: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid var(--border);
}

.scheduled-task-block {
  position: absolute;
  left: 2px;
  right: 2px;
  border-radius: 4px;
  padding: 4px 8px;
  overflow: hidden;
  cursor: grab;
  z-index: 10;
  box-sizing: border-box;
}

.current-time-indicator {
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--destructive);
  z-index: 20;
  pointer-events: none;
}

[data-block-tasks-cal][data-cross-pane-drop-active] {
  outline: 1px solid color-mix(in srgb, var(--primary) 45%, transparent);
  outline-offset: -1px;
  transition: outline-color 120ms ease-out;
}

[data-block-tasks-drop-column][data-cross-pane-drop-active] {
  background: color-mix(in srgb, var(--primary) 8%, transparent);
  transition: background-color 120ms ease-out;
}

[data-cross-pane-cal-slot] {
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--primary) 25%, transparent);
}

/* Week edge gutter hint during drag — shift applies on drop only */
[data-cal-time-grid][data-cal-edge-shift='-1'] {
  box-shadow: inset 8px 0 12px -8px color-mix(in srgb, var(--primary) 35%, transparent);
}

[data-cal-time-grid][data-cal-edge-shift='1'] {
  box-shadow: inset -8px 0 12px -8px color-mix(in srgb, var(--primary) 35%, transparent);
}

body.block-tasks-cross-pane-drag [data-slot='resizable-handle'] {
  pointer-events: none;
}

.block-tasks-cal .chronos-month-day[data-cal-month-day] {
  border-color: var(--border);
}

.block-tasks-cal .btc-event,
.block-tasks-cal .chronos-month-day .rounded-sm {
  border-radius: 2px;
}

/* Day planner — scrollable hours, no inner day header, readable blocks */
.block-tasks-cal.block-tasks-day-planner {
  --cal-label-width: 40px;
  --cal-line: color-mix(in srgb, var(--border) 85%, transparent);
  --cal-line-strong: var(--border);
}

.block-tasks-cal.block-tasks-day-planner .btc-grid.day-view {
  min-height: 100%;
}

.block-tasks-cal.block-tasks-day-planner .btc-time-label {
  font-size: 9px;
  font-weight: 500;
  color: color-mix(in srgb, var(--muted-foreground) 90%, transparent);
}

.block-tasks-cal.block-tasks-day-planner .btc-time-slot {
  border-bottom-color: var(--cal-line);
}

.block-tasks-cal.block-tasks-day-planner .btc-day-body {
  background: color-mix(in srgb, var(--card) 40%, var(--background));
}

.block-tasks-cal.block-tasks-day-planner .btc-day-body.is-over {
  background: color-mix(in srgb, var(--primary) 6%, var(--background));
}

.block-tasks-cal.block-tasks-day-planner .btc-event {
  border-radius: 3px;
  box-shadow:
    0 1px 0 color-mix(in srgb, var(--foreground) 8%, transparent),
    0 1px 3px color-mix(in srgb, var(--foreground) 10%, transparent);
}

.block-tasks-cal.block-tasks-day-planner .btc-event:not(.dragging) {
  opacity: 1;
}

.mapper-container {
  position: relative;
  width: 100%;
  height: 100%;
}

.mapboxgl-map {
  width: 100%;
  height: 100%;
}

.mapboxgl-ctrl-group {
  background: var(--card) !important;
  border: 1px solid var(--border) !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

.mapboxgl-ctrl-group button {
  background: transparent !important;
  border: none !important;
}

.mapboxgl-ctrl-group button:hover {
  background: var(--muted) !important;
}

.mapboxgl-ctrl-group button + button {
  border-top: 1px solid var(--border) !important;
}

.mapboxgl-ctrl-icon {
  filter: var(--mapbox-icon-filter, none);
}

.dark .mapboxgl-ctrl-icon {
  filter: invert(1);
}

.custom-marker {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.15s ease;
}

.custom-marker:hover {
  transform: scale(1.15);
}

.custom-marker svg {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}

.marker-popup {
  min-width: 200px;
}

.marker-popup .mapboxgl-popup-content {
  padding: 0;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

.marker-popup .mapboxgl-popup-tip {
  border-top-color: var(--card);
}

.mapboxgl-popup-close-button {
  font-size: 18px;
  color: var(--muted-foreground);
  padding: 4px 8px;
}

.mapboxgl-popup-close-button:hover {
  background: var(--muted);
  color: var(--foreground);
}

.add-marker-mode {
  cursor: crosshair !important;
}

.add-marker-mode .mapboxgl-canvas {
  cursor: crosshair !important;
}
/**
 * Promptbench theme — scoped to .promptbench-root so Lorikeet chrome is untouched.
 * Uses full color values (Lorikeet Tailwind expects `var(--background)`, not HSL channels).
 */
.promptbench-root {
  --background: #1c1c1c;
  --foreground: #e8e6e3;
  --card: #242424;
  --card-foreground: #e8e6e3;
  --primary: #2b9ae8;
  --primary-foreground: #ffffff;
  --secondary: #2e2e2e;
  --secondary-foreground: #d4d2ce;
  --muted: #292929;
  --muted-foreground: #8a8884;
  --accent: #2e2e2e;
  --accent-foreground: #ebe9e6;
  --border: rgba(255, 255, 255, 0.08);
  --input: #292929;
  --ring: #2b9ae8;
  --destructive: #d94c4c;
  --destructive-foreground: #ffffff;
  --sidebar: #212121;
  --sidebar-background: #212121;
  --sidebar-foreground: #e8e6e3;
  --sidebar-primary: #2b9ae8;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #2b2b2b;
  --sidebar-accent-foreground: #e8e6e3;
  --sidebar-border: rgba(255, 255, 255, 0.08);
  --sidebar-ring: #2b9ae8;
  --sidebar-hover: #2b2b2b;
  --sidebar-active: #333333;
  --radius: 0.35rem;
  color: var(--foreground);
  background-color: var(--background);
  height: 100%;
  min-height: 0;
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
}

.promptbench-root.light {
  --background: #faf9f7;
  --foreground: #262626;
  --card: #ffffff;
  --card-foreground: #262626;
  --primary: #1a7fc2;
  --primary-foreground: #ffffff;
  --secondary: #f0eee9;
  --secondary-foreground: #404040;
  --muted: #f2f0eb;
  --muted-foreground: #737373;
  --accent: #f0eee9;
  --accent-foreground: #262626;
  --border: #e0dcd3;
  --input: #f0eee9;
  --ring: #1a7fc2;
  --destructive: #c53030;
  --destructive-foreground: #ffffff;
  --sidebar: #f5f3ef;
  --sidebar-background: #f5f3ef;
  --sidebar-foreground: #262626;
  --sidebar-primary: #1a7fc2;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #ebe8e1;
  --sidebar-accent-foreground: #262626;
  --sidebar-border: #e0dcd3;
  --sidebar-ring: #1a7fc2;
  --sidebar-hover: #ebe8e1;
  --sidebar-active: #e5e1d8;
}

.promptbench-root :focus-visible {
  outline: 2px solid var(--ring);
  outline-offset: 2px;
}

/* Promptbench-specific sidebar utilities (not in Lorikeet Tailwind theme) */
.promptbench-root .bg-sidebar {
  background-color: var(--sidebar);
}
.promptbench-root .hover\:bg-sidebar-hover:hover {
  background-color: var(--sidebar-hover);
}
.promptbench-root .bg-sidebar-active {
  background-color: var(--sidebar-active);
}

/* Prompt Board — 9px typography everywhere (sidebar uses Tab52 chrome at 9px in this scope) */
.promptbench-root,
.promptbench-root input,
.promptbench-root textarea,
.promptbench-root select,
.promptbench-root button,
.promptbench-root label,
.promptbench-root p,
.promptbench-root span,
.promptbench-root h1,
.promptbench-root h2,
.promptbench-root h3,
.promptbench-root h4,
.promptbench-root [role='tab'],
.promptbench-root [data-slot='tabs-trigger'],
.promptbench-root [data-slot='command-input'],
.promptbench-root [cmdk-group-heading] {
  font-size: 9px !important;
  line-height: 1.25 !important;
}

.promptbench-root [data-tab52-sidebar-header],
.promptbench-root [data-tab52-sidebar-row],
.promptbench-root [data-tab52-sidebar] button,
.promptbench-root [data-tab52-sidebar] input {
  font-size: 9px !important;
  line-height: 1.25 !important;
}

/* Compact controls */
.promptbench-root [data-slot='button'] {
  height: auto;
  min-height: 1.25rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.promptbench-root input:not([type='checkbox']):not([type='radio']),
.promptbench-root [data-slot='select-trigger'],
.promptbench-root textarea {
  min-height: 1.375rem !important;
  padding-top: 0.125rem !important;
  padding-bottom: 0.125rem !important;
}

.promptbench-root .pb-board-column-cards {
  padding: 0;
  gap: 0;
}

.promptbench-root .pb-board-card:not(.pb-board-card-gallery) {
  padding: 0.375rem;
  border-radius: 0 !important;
  border-top: none;
  border-left: none;
  border-right: none;
  box-shadow: none;
}

.promptbench-root .pb-board-card-focused {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28) !important;
}

.promptbench-root .pb-board-card-focused:not([style*='--pb-card-ink']) {
  background: hsl(var(--muted) / 0.35) !important;
}

.promptbench-root .pb-board-card-selected {
  box-shadow: inset 0 0 0 1px rgba(56, 189, 248, 0.85) !important;
}

.promptbench-root .pb-board-card-selected:not([style*='--pb-card-ink']) {
  background: hsl(var(--muted) / 0.45) !important;
}

.promptbench-root .pb-board-card-selected.pb-board-card-focused {
  box-shadow: inset 0 0 0 1px rgba(56, 189, 248, 0.95) !important;
}

.promptbench-root .pb-board-card[style*='--pb-card-ink'].pb-board-card-focused {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.45) !important;
}

.promptbench-root .pb-board-card[style*='--pb-card-ink'].pb-board-card-selected {
  box-shadow: inset 0 0 0 1.5px rgba(56, 189, 248, 0.95) !important;
}

.promptbench-root .pb-board-card[style*='--pb-card-ink'].pb-board-card-selected.pb-board-card-focused {
  box-shadow: inset 0 0 0 1.5px rgba(56, 189, 248, 0.95) !important;
}

.promptbench-root .pb-board-card[style*='--pb-card-ink'] .pb-board-card-note,
.promptbench-root .pb-board-card[style*='--pb-card-ink'] .text-muted-foreground,
.promptbench-root .pb-board-card[style*='--pb-card-ink'] .pb-board-card-placeholder {
  color: var(--pb-card-ink-muted) !important;
}

.promptbench-root .pb-board-card[style*='--pb-card-ink'] .pb-board-card-field {
  color: inherit !important;
}

.promptbench-root .pb-board-card-field-focused {
  background: hsl(var(--foreground) / 0.06);
  border-radius: 1px;
}

.promptbench-root .pb-board-drop-empty {
  border-radius: 0;
  border-top: none;
  border-left: none;
  border-right: none;
}

.promptbench-root .pb-board-column-resize {
  position: absolute;
  top: 0;
  right: -2px;
  z-index: 2;
  width: 5px;
  height: 100%;
  cursor: col-resize;
  touch-action: none;
}

.promptbench-root .pb-board-column-resize:hover,
.promptbench-root .pb-board-column-resize:active {
  background: hsl(var(--foreground) / 0.12);
}

.promptbench-root .pb-toolbar {
  padding: 0.125rem 0.25rem;
  gap: 0.125rem;
}

.promptbench-root .pb-board-toolbar {
  min-height: 1.125rem;
  padding: 0.125rem 0.25rem;
  gap: 0.25rem;
}

.promptbench-root .pb-board-toolbar-actions {
  gap: 0.25rem;
}

.promptbench-root .pb-board-segment {
  display: inline-flex;
  align-items: center;
  gap: 1px;
  padding: 1px;
  border-radius: 3px;
  border: 1px solid hsl(var(--border) / 0.55);
  background: hsl(var(--muted) / 0.18);
}

.promptbench-root .pb-board-toolbar-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  color: hsl(var(--muted-foreground));
  cursor: pointer;
  border-radius: 2px;
  line-height: 1;
  transition: color 120ms ease, background-color 120ms ease, opacity 120ms ease;
}

.promptbench-root .pb-board-toolbar-btn:hover:not(:disabled) {
  color: hsl(var(--foreground));
  background: hsl(var(--muted) / 0.45);
}

.promptbench-root .pb-board-toolbar-btn[data-active='true'] {
  color: hsl(var(--foreground));
  background: hsl(var(--muted) / 0.62);
}

.promptbench-root .pb-board-toolbar-btn:disabled {
  cursor: not-allowed;
  opacity: 0.35;
}

.promptbench-root .pb-board-toolbar-icon {
  min-height: 0.875rem;
  min-width: 0.875rem;
  padding: 0.125rem;
}

.promptbench-root .pb-board-toolbar-text {
  min-height: 0.875rem;
  padding: 0.125rem 0.3125rem;
  font-size: 7px !important;
  font-weight: 500;
  letter-spacing: 0.01em;
  white-space: nowrap;
}

.promptbench-root .pb-board-toolbar-divider {
  display: inline-block;
  width: 1px;
  height: 0.6875rem;
  margin: 0 0.0625rem;
  background: hsl(var(--border) / 0.75);
  flex-shrink: 0;
}

.promptbench-root .pb-board-add-btn {
  color: #facc15 !important;
}

.promptbench-root .pb-board-add-btn:hover:not(:disabled) {
  color: #fde047 !important;
  background: hsl(var(--muted) / 0.25) !important;
}

.promptbench-root .pb-board-settings-btn {
  color: hsl(var(--muted-foreground)) !important;
}

.promptbench-root .pb-board-settings-btn[data-active='true'] {
  color: hsl(var(--foreground)) !important;
}

.promptbench-root .pb-board-tab {
  font-size: 7px !important;
  font-weight: 500;
  color: hsl(var(--muted-foreground));
}

.promptbench-root .pb-board-tab[data-state='active'] {
  color: hsl(var(--foreground));
}

.promptbench-root .pb-board-save-status {
  font-size: 6px !important;
  line-height: 1.1 !important;
  white-space: nowrap;
}

/* Board + checklist — extra-compact surface (7px, tight chrome) */
.promptbench-root .pb-board-surface,
.promptbench-root .pb-board-surface input,
.promptbench-root .pb-board-surface textarea,
.promptbench-root .pb-board-surface select,
.promptbench-root .pb-board-surface button,
.promptbench-root .pb-board-surface label,
.promptbench-root .pb-board-surface p,
.promptbench-root .pb-board-surface span,
.promptbench-root .pb-board-surface h2,
.promptbench-root .pb-board-surface h3,
.promptbench-root .pb-board-surface [role='menuitem'] {
  font-size: 7px !important;
  line-height: 1.15 !important;
}

.promptbench-root .pb-board-surface .pb-board-column-header {
  min-height: 1rem;
  padding: 0.125rem 0.25rem;
}

.promptbench-root .pb-board-column-count {
  display: inline-flex;
  align-items: center;
  margin-left: 0.125rem;
  padding: 0;
  border: none;
  background: transparent !important;
  color: hsl(var(--muted-foreground));
  font-size: 5px !important;
  font-weight: 500;
  line-height: 1 !important;
  letter-spacing: 0;
}

.promptbench-root .pb-board-column-add-input {
  font-size: 7px !important;
  line-height: 1.15 !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.promptbench-root .pb-board-surface .pb-board-card:not(.pb-board-card-gallery) {
  padding: 0.125rem 0.25rem;
  min-height: 1.125rem;
}

.promptbench-root .pb-board-surface .pb-board-card-inner:not(.pb-board-card-gallery-inner) {
  display: flex;
  min-height: 1rem;
  align-items: center;
}

.promptbench-root .pb-board-card-field,
.promptbench-root .pb-board-card-field:focus,
.promptbench-root .pb-board-card-field:focus-visible {
  display: block;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  outline-offset: 0 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  resize: none;
  field-sizing: content;
}

.promptbench-root .pb-board-card-editing {
  cursor: text;
}

.promptbench-root .pb-board-card-placeholder {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.promptbench-root .pb-board-surface .pb-board-drop-empty {
  padding: 0.375rem 0.25rem;
}

.promptbench-root .pb-board-surface [data-slot='button'] {
  min-height: 0.875rem;
  padding-top: 0;
  padding-bottom: 0;
}

.promptbench-root .pb-board-surface input:not([type='checkbox']):not([type='radio']),
.promptbench-root .pb-board-surface [data-slot='select-trigger'],
.promptbench-root .pb-board-surface textarea {
  min-height: 1rem !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.promptbench-root .pb-board-surface .pb-board-composer {
  padding: 0.125rem 0.25rem;
}

.promptbench-root .pb-board-surface .pb-board-composer textarea {
  min-height: 1rem !important;
  max-height: 2.5rem;
}

.promptbench-root .pb-board-surface [data-slot='badge'] {
  padding: 0 0.1875rem;
  font-size: 6px !important;
  line-height: 1.1 !important;
}

.promptbench-root .pb-board-surface .pb-board-card-note {
  margin-top: 0.0625rem;
}

.promptbench-root .pb-board-surface .pb-board-card-meta {
  margin-top: 0.125rem;
}

.promptbench-root .pb-board-surface .pb-board-add-column {
  width: 4.5rem;
}

.promptbench-root .pb-settings-panel,
.promptbench-root .pb-settings-panel input,
.promptbench-root .pb-settings-panel textarea,
.promptbench-root .pb-settings-panel select,
.promptbench-root .pb-settings-panel button,
.promptbench-root .pb-settings-panel label,
.promptbench-root .pb-settings-panel p,
.promptbench-root .pb-settings-panel span,
.promptbench-root .pb-settings-panel h3 {
  font-size: 7px !important;
  line-height: 1.15 !important;
}

.promptbench-root .pb-settings-panel [data-slot='button'] {
  min-height: 0.875rem;
}

.promptbench-root .pb-settings-panel input:not([type='checkbox']):not([type='radio']),
.promptbench-root .pb-settings-panel [data-slot='select-trigger'] {
  min-height: 1rem !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.promptbench-root .pb-board-surface .pb-board-checkbox,
.promptbench-root .pb-board-surface [data-slot='checkbox'] {
  width: 0.4375rem !important;
  height: 0.4375rem !important;
  min-width: 0.4375rem;
  min-height: 0.4375rem;
}

.promptbench-root .pb-board-surface .pb-board-checkbox svg,
.promptbench-root .pb-board-surface [data-slot='checkbox'] svg {
  width: 0.3125rem !important;
  height: 0.3125rem !important;
}

.promptbench-root .pb-board-context,
.promptbench-root .pb-board-context * {
  font-size: 7px !important;
  line-height: 1.15 !important;
}

.promptbench-root .pb-board-context-item {
  padding: 0.125rem 0.25rem !important;
}

/*
 * Gallery boards live inside MyToolsShell:
 * .promptbench-root > .pb-board-surface > … > .promptbench-root[data-stacks-board|data-my-tools-board]
 */
.promptbench-root .pb-board-surface .promptbench-root[data-stacks-board] .pb-board-column-cards,
.promptbench-root .pb-board-surface .promptbench-root[data-my-tools-board] .pb-board-column-cards,
.promptbench-root[data-stacks-board] .pb-board-column-cards,
.promptbench-root[data-my-tools-board] .pb-board-column-cards {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 0.3125rem !important;
  gap: 0.3125rem !important;
  align-content: start;
}

/* Compact gallery tiles — equal height, embossed bevel frame. */
.promptbench-root .pb-board-surface .promptbench-root[data-stacks-board] .pb-board-card-gallery,
.promptbench-root .pb-board-surface .promptbench-root[data-my-tools-board] .pb-board-card-gallery,
.promptbench-root[data-stacks-board] .pb-board-card-gallery,
.promptbench-root[data-my-tools-board] .pb-board-card-gallery,
.promptbench-root[data-stacks-board] [data-gallery-tile],
.promptbench-root[data-my-tools-board] [data-gallery-tile] {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 2.75rem !important;
  max-height: 2.75rem !important;
  height: 2.75rem !important;
  margin: 0 !important;
  padding: 0.1875rem 0.25rem 0.25rem !important;
  border: 1px solid color-mix(in srgb, var(--border) 72%, hsl(var(--foreground) / 0.12)) !important;
  border-radius: 3px !important;
  border-top: 1px solid color-mix(in srgb, var(--border) 72%, hsl(var(--foreground) / 0.12)) !important;
  border-left: 1px solid color-mix(in srgb, var(--border) 72%, hsl(var(--foreground) / 0.12)) !important;
  border-right: 1px solid color-mix(in srgb, var(--border) 72%, hsl(var(--foreground) / 0.12)) !important;
  background: linear-gradient(
    165deg,
    hsl(var(--card)) 0%,
    color-mix(in srgb, hsl(var(--muted)) 28%, hsl(var(--card))) 100%
  ) !important;
  box-shadow:
    inset 1px 1px 0 hsl(var(--foreground) / 0.07),
    inset -1px -1px 0 hsl(var(--background) / 0.65),
    0 1px 1px hsl(var(--foreground) / 0.05) !important;
  color: hsl(var(--foreground)) !important;
  cursor: grab;
  transition:
    border-color 120ms ease,
    box-shadow 120ms ease,
    transform 120ms ease;
}

.promptbench-root .pb-board-surface .promptbench-root[data-stacks-board] .pb-board-card-gallery:hover,
.promptbench-root .pb-board-surface .promptbench-root[data-my-tools-board] .pb-board-card-gallery:hover,
.promptbench-root[data-stacks-board] .pb-board-card-gallery:hover,
.promptbench-root[data-my-tools-board] .pb-board-card-gallery:hover {
  border-color: color-mix(in srgb, var(--border) 55%, var(--foreground)) !important;
  box-shadow:
    inset 1px 1px 0 hsl(var(--foreground) / 0.09),
    inset -1px -1px 0 hsl(var(--background) / 0.7),
    0 2px 4px hsl(var(--foreground) / 0.08) !important;
}

.promptbench-root .pb-board-surface .promptbench-root[data-stacks-board] .pb-board-card-gallery.pb-board-card-selected,
.promptbench-root .pb-board-surface .promptbench-root[data-my-tools-board] .pb-board-card-gallery.pb-board-card-selected,
.promptbench-root[data-stacks-board] .pb-board-card-gallery.pb-board-card-selected,
.promptbench-root[data-my-tools-board] .pb-board-card-gallery.pb-board-card-selected {
  border-color: color-mix(in srgb, #38bdf8 55%, var(--border)) !important;
  box-shadow:
    inset 1px 1px 0 hsl(var(--foreground) / 0.08),
    inset -1px -1px 0 hsl(var(--background) / 0.7),
    inset 0 0 0 1px color-mix(in srgb, #38bdf8 70%, transparent),
    0 1px 3px hsl(199 89% 48% / 0.15) !important;
  background: linear-gradient(
    165deg,
    hsl(var(--card)) 0%,
    color-mix(in srgb, hsl(var(--muted)) 35%, hsl(var(--card))) 100%
  ) !important;
}

.promptbench-root .pb-board-surface .promptbench-root[data-stacks-board] .pb-board-card-gallery[style*='--pb-card-ink'],
.promptbench-root .pb-board-surface .promptbench-root[data-my-tools-board] .pb-board-card-gallery[style*='--pb-card-ink'],
.promptbench-root[data-stacks-board] .pb-board-card-gallery[style*='--pb-card-ink'],
.promptbench-root[data-my-tools-board] .pb-board-card-gallery[style*='--pb-card-ink'] {
  border-left-width: 2px !important;
  border-left-color: var(--pb-card-ink) !important;
}

.promptbench-root .pb-board-surface .promptbench-root[data-stacks-board] .pb-board-card-gallery-inner,
.promptbench-root .pb-board-surface .promptbench-root[data-my-tools-board] .pb-board-card-gallery-inner,
.promptbench-root[data-stacks-board] .pb-board-card-gallery-inner,
.promptbench-root[data-my-tools-board] .pb-board-card-gallery-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.1875rem !important;
  width: 100% !important;
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
}

.promptbench-root .pb-board-surface .promptbench-root[data-stacks-board] .pb-board-card-gallery-thumb,
.promptbench-root .pb-board-surface .promptbench-root[data-my-tools-board] .pb-board-card-gallery-thumb,
.promptbench-root[data-stacks-board] .pb-board-card-gallery-thumb,
.promptbench-root[data-my-tools-board] .pb-board-card-gallery-thumb {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1.25rem !important;
  height: 1.25rem !important;
  flex-shrink: 0 !important;
  border-radius: 2px !important;
  border: 1px solid color-mix(in srgb, var(--border) 80%, transparent) !important;
  background: hsl(var(--background) / 0.45) !important;
  box-shadow:
    inset 1px 1px 0 hsl(var(--foreground) / 0.05),
    inset -1px -1px 0 hsl(var(--background) / 0.5) !important;
  overflow: hidden !important;
}

.promptbench-root .pb-board-surface .promptbench-root[data-stacks-board] .pb-board-card-gallery-title,
.promptbench-root .pb-board-surface .promptbench-root[data-my-tools-board] .pb-board-card-gallery-title,
.promptbench-root[data-stacks-board] .pb-board-card-gallery-title,
.promptbench-root[data-my-tools-board] .pb-board-card-gallery-title {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 0.0625rem !important;
  font-size: 9px !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  color: hsl(var(--foreground)) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  display: block !important;
}

.promptbench-root .pb-board-surface .promptbench-root[data-my-tools-board] .pb-board-card:not(.pb-board-card-gallery),
.promptbench-root[data-my-tools-board] .pb-board-card:not(.pb-board-card-gallery) {
  min-height: 1.25rem !important;
  padding: 0.125rem 0.25rem !important;
}

.promptbench-root .pb-board-surface .promptbench-root[data-my-tools-board] .pb-board-card-inner:not(.pb-board-card-gallery-inner),
.promptbench-root[data-my-tools-board] .pb-board-card-inner:not(.pb-board-card-gallery-inner) {
  min-height: 1rem !important;
  gap: 0.125rem;
}

.promptbench-root .pb-board-surface .promptbench-root[data-stacks-board] .pb-board-card-gallery + .pb-board-card-gallery,
.promptbench-root .pb-board-surface .promptbench-root[data-my-tools-board] .pb-board-card-gallery + .pb-board-card-gallery,
.promptbench-root[data-stacks-board] .pb-board-card-gallery + .pb-board-card-gallery,
.promptbench-root[data-my-tools-board] .pb-board-card-gallery + .pb-board-card-gallery {
  margin-top: 0 !important;
}

/* Gallery board typography — toolbar / chrome. */
.promptbench-root .pb-board-surface .promptbench-root[data-stacks-board] .pb-board-card-gallery :is(p, span),
.promptbench-root .pb-board-surface .promptbench-root[data-my-tools-board] .pb-board-card-gallery :is(p, span),
.promptbench-root[data-stacks-board] .pb-board-card-gallery :is(p, span),
.promptbench-root[data-my-tools-board] .pb-board-card-gallery :is(p, span) {
  font-size: 9px !important;
  line-height: 1.2 !important;
}

.promptbench-root .pb-board-surface .promptbench-root[data-stacks-board] :is(h2, h3, label, button, input, textarea, select),
.promptbench-root .pb-board-surface .promptbench-root[data-my-tools-board] :is(h2, h3, label, button, input, textarea, select),
.promptbench-root[data-stacks-board] :is(h2, h3, label, button, input, textarea, select),
.promptbench-root[data-my-tools-board] :is(h2, h3, label, button, input, textarea, select) {
  font-size: 9px !important;
}

.promptbench-root .pb-board-surface .promptbench-root[data-stacks-board] .pb-board-card-note,
.promptbench-root .pb-board-surface .promptbench-root[data-stacks-board] .resource-tag-usecase,
.promptbench-root .pb-board-surface .promptbench-root[data-my-tools-board] .pb-board-card-note,
.promptbench-root .pb-board-surface .promptbench-root[data-my-tools-board] .resource-tag-usecase,
.promptbench-root[data-stacks-board] .pb-board-card-note,
.promptbench-root[data-stacks-board] .resource-tag-usecase,
.promptbench-root[data-my-tools-board] .pb-board-card-note,
.promptbench-root[data-my-tools-board] .resource-tag-usecase {
  font-size: 8px !important;
}

.promptbench-root .pb-board-surface .promptbench-root[data-stacks-board] .pb-board-drop-empty,
.promptbench-root .pb-board-surface .promptbench-root[data-my-tools-board] .pb-board-drop-empty,
.promptbench-root[data-stacks-board] .pb-board-drop-empty,
.promptbench-root[data-my-tools-board] .pb-board-drop-empty {
  grid-column: 1 / -1;
  font-size: 9px !important;
}

.promptbench-root .pb-board-surface .promptbench-root[data-stacks-board] .pb-board-toolbar-text,
.promptbench-root .pb-board-surface .promptbench-root[data-stacks-board] .pb-board-column-count,
.promptbench-root .pb-board-surface .promptbench-root[data-my-tools-board] .pb-board-toolbar-text,
.promptbench-root .pb-board-surface .promptbench-root[data-my-tools-board] .pb-board-column-count,
.promptbench-root[data-stacks-board] .pb-board-toolbar-text,
.promptbench-root[data-stacks-board] .pb-board-column-count,
.promptbench-root[data-my-tools-board] .pb-board-toolbar-text,
.promptbench-root[data-my-tools-board] .pb-board-column-count {
  font-size: 8px !important;
}

/* Non-gallery tools board chrome stays compact. */
.promptbench-root .pb-board-surface .promptbench-root[data-my-tools-board] :is(p, span, h2, h3, label, button, input, textarea, select):not(.pb-board-card-gallery-title),
.promptbench-root[data-my-tools-board] :is(p, span, h2, h3, label, button, input, textarea, select):not(.pb-board-card-gallery-title) {
  font-size: 5px !important;
}

.promptbench-root .pb-board-surface .promptbench-root[data-my-tools-board] .pb-board-card-note,
.promptbench-root .pb-board-surface .promptbench-root[data-my-tools-board] .resource-tag-usecase,
.promptbench-root[data-my-tools-board] .pb-board-card-note,
.promptbench-root[data-my-tools-board] .resource-tag-usecase {
  font-size: 4px !important;
}

.promptbench-root .pb-board-surface .promptbench-root[data-my-tools-board] .pb-board-drop-empty,
.promptbench-root[data-my-tools-board] .pb-board-drop-empty {
  font-size: 5px !important;
}

.promptbench-root .pb-board-surface .promptbench-root[data-my-tools-board] .pb-board-toolbar-text,
.promptbench-root .pb-board-surface .promptbench-root[data-my-tools-board] .pb-board-column-count,
.promptbench-root[data-my-tools-board] .pb-board-toolbar-text,
.promptbench-root[data-my-tools-board] .pb-board-column-count {
  font-size: 4px !important;
}

.promptbench-root .pb-board-surface .promptbench-root[data-stacks-board] .pb-board-card-gallery .my-tool-icon,
.promptbench-root .pb-board-surface .promptbench-root[data-my-tools-board] .pb-board-card-gallery .my-tool-icon,
.promptbench-root[data-stacks-board] .pb-board-card-gallery .my-tool-icon,
.promptbench-root[data-my-tools-board] .pb-board-card-gallery .my-tool-icon {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  min-height: 14px !important;
  max-width: 14px !important;
  max-height: 14px !important;
  border: none !important;
  border-radius: 2px !important;
  box-shadow: none !important;
  overflow: hidden;
}

.promptbench-root .pb-board-surface .promptbench-root[data-stacks-board] .pb-board-card-gallery .my-tool-icon img,
.promptbench-root .pb-board-surface .promptbench-root[data-my-tools-board] .pb-board-card-gallery .my-tool-icon img,
.promptbench-root[data-stacks-board] .pb-board-card-gallery .my-tool-icon img,
.promptbench-root[data-my-tools-board] .pb-board-card-gallery .my-tool-icon img {
  width: 14px !important;
  height: 14px !important;
  max-width: 14px !important;
  max-height: 14px !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
}

.promptbench-root .pb-board-surface .promptbench-root[data-my-tools-board] .my-tool-icon,
.promptbench-root[data-my-tools-board] .my-tool-icon {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  min-height: 14px !important;
  max-width: 14px !important;
  max-height: 14px !important;
  border-radius: 2px !important;
  overflow: hidden;
}

.promptbench-root .pb-board-surface .promptbench-root[data-my-tools-board] .my-tool-icon img,
.promptbench-root[data-my-tools-board] .my-tool-icon img {
  width: 14px !important;
  height: 14px !important;
  max-width: 14px !important;
  max-height: 14px !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
}
/* Screenplay Editor Styles - Industry Standard Formatting */

/* Editor Container */
.script-writer-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: color-mix(in srgb, var(--muted) 30%, transparent);
}

.script-writer-toolbar {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: var(--background);
  border-bottom: 1px solid var(--border);
  flex-wrap: wrap;
}

.script-writer-content {
  display: flex;
  justify-content: center;
  min-height: 100%;
}

/* Page Container - mimics US Letter */
.screenplay-page {
  background: white;
  border-radius: 4px;
  width: 8.5in;
  min-height: 11in;
  padding: 1in 1in 1in 1.5in;
  font-family: 'Courier Prime', 'Courier New', Courier, monospace;
  font-size: 12pt;
  line-height: 1;
  color: #1a1a1a;
}

.screenplay-page .ProseMirror {
  outline: none;
  min-height: 9in;
}

.screenplay-page .ProseMirror p {
  margin: 0;
  padding: 0;
}

/* Placeholder styles */
.screenplay-page .ProseMirror .is-empty::before {
  content: attr(data-placeholder);
  color: var(--muted-foreground);
  opacity: 0.6;
  pointer-events: none;
  position: absolute;
  font-style: italic;
}

.screenplay-page .ProseMirror > *:first-child.is-empty::before {
  content: 'INT./EXT. LOCATION - DAY/NIGHT';
}

/* Scene Heading - INT./EXT. LOCATION - TIME */
.screenplay-scene-heading {
  text-transform: uppercase;
  font-weight: bold;
  margin: 1.5em 0 1em 0;
  padding: 0;
  position: relative;
}

.screenplay-scene-heading:first-child {
  margin-top: 0;
}

.screenplay-scene-heading .scene-heading-content {
  display: block;
}

.screenplay-scene-heading.is-empty::before {
  content: 'INT./EXT. LOCATION - DAY/NIGHT';
  color: #999;
  font-style: italic;
  font-weight: normal;
}

/* Action - Scene descriptions */
.screenplay-action {
  margin: 1em 0;
  padding: 0;
  text-align: left;
  position: relative;
}

.screenplay-action .action-content {
  display: block;
}

.screenplay-action.is-empty::before {
  content: 'Describe what happens in this scene...';
  color: #999;
  font-style: italic;
}

/* Character Name - Centered above dialogue */
.screenplay-character {
  text-transform: uppercase;
  margin: 1em 0 0 0;
  padding-left: 2.2in;
  font-weight: normal;
  position: relative;
}

.screenplay-character .character-content {
  display: block;
}

.screenplay-character.is-empty::before {
  content: 'CHARACTER NAME';
  color: #999;
  font-style: italic;
  text-transform: none;
}

/* Dialogue - Narrower column */
.screenplay-dialogue {
  margin: 0.25em 0 1em 0;
  padding-left: 1in;
  padding-right: 1.5in;
  position: relative;
}

.screenplay-dialogue .dialogue-content {
  display: block;
}

.screenplay-dialogue.is-empty::before {
  content: 'What the character says...';
  color: #999;
  font-style: italic;
}

/* Parenthetical - Delivery instructions */
.screenplay-parenthetical {
  margin: 0.25em 0;
  padding-left: 1.6in;
  padding-right: 2in;
  font-style: normal;
  position: relative;
}

.screenplay-parenthetical .parenthetical-content {
  display: inline;
}

.screenplay-parenthetical .paren-open,
.screenplay-parenthetical .paren-close {
  color: inherit;
}

.screenplay-parenthetical.is-empty::before {
  content: '(how they say it)';
  color: #999;
  font-style: italic;
}

/* Transition - Right aligned */
.screenplay-transition {
  text-transform: uppercase;
  text-align: right;
  margin: 1.5em 0;
  padding: 0;
  position: relative;
}

.screenplay-transition .transition-content {
  display: block;
}

.screenplay-transition.is-empty::before {
  content: 'CUT TO:';
  color: #999;
  font-style: italic;
  text-transform: none;
}

/* Focus styles for current element */
.screenplay-page .ProseMirror > *:focus-within {
  background: hsl(217 91% 60% / 0.05);
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-radius: 2px;
}

/* Title Page Styles */
.screenplay-title-page {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 9in;
  text-align: center;
  page-break-after: always;
}

.screenplay-title-page .title {
  font-size: 24pt;
  text-transform: uppercase;
  margin-bottom: 1em;
}

.screenplay-title-page .author {
  font-size: 12pt;
  margin-top: 2em;
}

.screenplay-title-page .contact {
  position: absolute;
  bottom: 1in;
  left: 1.5in;
  text-align: left;
  font-size: 12pt;
}

/* Page Number */
.screenplay-page-number {
  position: absolute;
  top: 0.5in;
  right: 1in;
  font-size: 12pt;
}

/* Element Type Indicator */
.element-type-indicator {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  background: var(--primary);
  color: var(--primary-foreground);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Keyboard Shortcut Hints */
.shortcut-hint {
  font-size: 0.65rem;
  color: var(--muted-foreground);
  background: var(--muted);
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, monospace;
  border: 1px solid var(--border);
}

/* Dark mode adjustments for the page */
.dark .screenplay-page {
  background: #fafafa;
  color: #1a1a1a;
}

/* Print styles */
@media print {
  .screenplay-page {
    box-shadow: none;
    margin: 0;
    padding: 0;
    border-radius: 0;
  }
  
  .script-writer-toolbar {
    display: none;
  }
}

/* Responsive adjustments */
@media (max-width: 1200px) {
  .screenplay-page {
    width: 100%;
    max-width: 8.5in;
    min-height: auto;
    padding: 2rem;
  }
}
/* Script & Storyboard workspace — Residents Desk Sans UI chrome */

.script-storyboard-workspace {
  --ss-font: 'Residents Desk Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-family: var(--ss-font);
  font-feature-settings: 'kern' 1, 'liga' 1;
  -webkit-font-smoothing: antialiased;
  letter-spacing: -0.01em;
}

.script-storyboard-workspace *,
.script-storyboard-workspace *::before,
.script-storyboard-workspace *::after {
  font-family: inherit;
}

/* Screenplay page body stays industry-standard monospace */
.script-storyboard-workspace .screenplay-page,
.script-storyboard-workspace .screenplay-page * {
  font-family: 'Courier Prime', 'Courier New', Courier, monospace;
  letter-spacing: 0;
}

/* Shared chrome bar (toolbars, scene row) */
.script-storyboard-workspace .ss-chrome-bar {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  min-height: 2.25rem;
  padding: 0.25rem 0.5rem;
  background: var(--card);
  border-bottom: 1px solid color-mix(in srgb, var(--border) 80%, transparent);
  overflow-x: auto;
  flex-shrink: 0;
}

/* Bottom-docked workspace chrome (tabs, title, global actions) */
.script-storyboard-workspace .ss-workspace-dock {
  flex-shrink: 0;
  margin-top: auto;
  border-top: 1px solid color-mix(in srgb, var(--border) 85%, transparent);
  background: var(--card);
  box-shadow: 0 -4px 16px hsl(0 0% 0% / 0.06);
}

.script-storyboard-workspace .ss-workspace-dock .ss-chrome-bar {
  border-bottom: none;
  border-top: none;
}

.script-storyboard-workspace .ss-workspace-context {
  border-bottom: 1px solid color-mix(in srgb, var(--border) 55%, transparent);
}

.script-storyboard-workspace .ss-chrome-bar::-webkit-scrollbar {
  height: 0;
}

/* Segmented control track */
.script-storyboard-workspace .ss-segment-track {
  display: flex;
  align-items: center;
  gap: 0.125rem;
  padding: 0.125rem;
  border-radius: 0.375rem;
  background: color-mix(in srgb, var(--muted) 55%, transparent);
  flex-shrink: 0;
}

.script-storyboard-workspace .ss-segment-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  height: 1.625rem;
  padding: 0 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.6875rem;
  font-weight: 500;
  line-height: 1;
  color: var(--muted-foreground);
  transition: color 0.15s, background 0.15s, box-shadow 0.15s;
}

.script-storyboard-workspace .ss-segment-btn:hover {
  color: var(--foreground);
}

.script-storyboard-workspace .ss-segment-btn[data-active='true'] {
  background: var(--background);
  color: var(--foreground);
  box-shadow: 0 1px 2px color-mix(in srgb, var(--foreground) 6%, transparent);
}

.script-storyboard-workspace .ss-divider {
  width: 1px;
  height: 1.125rem;
  background: color-mix(in srgb, var(--border) 90%, transparent);
  flex-shrink: 0;
}

.script-storyboard-workspace .ss-title-input {
  height: 1.625rem;
  max-width: 10rem;
  padding: 0 0.375rem;
  font-size: 0.75rem;
  font-weight: 600;
  background: transparent;
  border-color: transparent;
}

.script-storyboard-workspace .ss-title-input:hover {
  border-color: var(--input);
}

.script-storyboard-workspace .ss-title-input:focus {
  border-color: var(--ring);
}

.script-storyboard-workspace .ss-icon-btn {
  height: 1.625rem;
  width: 1.625rem;
  padding: 0;
}

.script-storyboard-workspace .ss-action-btn {
  height: 1.625rem;
  padding: 0 0.5rem;
  font-size: 0.6875rem;
  font-weight: 500;
  gap: 0.25rem;
}

.script-storyboard-workspace .ss-select {
  height: 1.625rem;
  font-size: 0.6875rem;
}

/* Storyboard panel cards */
.script-storyboard-workspace .ss-panel-card {
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--border) 85%, transparent);
  background: var(--card);
  overflow: hidden;
  transition: border-color 0.15s, box-shadow 0.15s;
}

.script-storyboard-workspace .ss-panel-card:hover {
  border-color: color-mix(in srgb, var(--primary) 35%, transparent);
}

.script-storyboard-workspace .ss-panel-card[data-selected='true'] {
  border-color: var(--primary);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--primary) 20%, transparent);
}

.script-storyboard-workspace .ss-panel-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.25rem 0.375rem;
  min-height: 1.75rem;
  background: color-mix(in srgb, var(--muted) 35%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--border) 60%, transparent);
}

.script-storyboard-workspace .ss-panel-card-body {
  padding: 0.375rem;
}

.script-storyboard-workspace .ss-panel-card-body textarea {
  min-height: 3rem;
  font-size: 0.6875rem;
  line-height: 1.4;
  border-radius: 0.375rem;
}

.script-storyboard-workspace .ss-scene-subheader {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0.75rem;
  min-height: 2rem;
  background: color-mix(in srgb, var(--muted) 20%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--border) 50%, transparent);
  flex-wrap: wrap;
}

.script-storyboard-workspace .ss-workspace-surface {
  background: var(--background);
}

.script-storyboard-workspace .ss-muted-surface {
  background: color-mix(in srgb, var(--muted) 18%, transparent);
}

/* Script writer */
.script-storyboard-workspace .script-writer-container .script-writer-toolbar {
  min-height: 2.25rem;
  padding: 0.25rem 0.5rem;
  gap: 0.375rem;
  border-bottom: 1px solid color-mix(in srgb, var(--border) 80%, transparent);
}

.script-storyboard-workspace .script-writer-container .script-writer-content {
  padding: 1.5rem 0.75rem;
}

.script-storyboard-workspace .screenplay-page {
  border-radius: 2px;
  box-shadow:
    0 1px 2px hsl(0 0% 0% / 0.04),
    0 8px 24px hsl(0 0% 0% / 0.06);
}

.script-storyboard-workspace .ss-status-bar {
  min-height: 1.75rem;
  padding: 0 0.5rem;
  font-size: 0.6875rem;
  border-top: 1px solid color-mix(in srgb, var(--border) 80%, transparent);
}

.script-storyboard-workspace .shortcut-hint {
  font-family: var(--ss-font);
  font-size: 0.625rem;
  font-weight: 500;
  letter-spacing: 0.02em;
}

/* Panel image carousel */
.script-storyboard-workspace .ss-carousel-btn {
  height: 1.5rem;
  width: 1.5rem;
  padding: 0;
  background: color-mix(in srgb, var(--background) 92%, transparent);
  box-shadow: 0 1px 3px hsl(0 0% 0% / 0.12);
}

.script-storyboard-workspace .ss-carousel-dot {
  height: 0.25rem;
  border-radius: 9999px;
  transition: width 0.15s, background 0.15s;
}

.script-storyboard-workspace .ss-ai-panel {
  background: var(--card);
  border-left: 1px solid color-mix(in srgb, var(--border) 80%, transparent);
}
/* Legacy landscape planner stylesheet — UI now uses Tailwind/shadcn in components. */

.landscape-planner.system-landscape,
.landscape-planner.tech-stack-landscape {
  /* legacy hooks — styling now lives in Tailwind components */
}
/* Legacy landscape planner stylesheet — UI now uses Tailwind/shadcn in components. */

.landscape-planner.site-content-planner {
  --scp-page: #5b9bd5;
  --scp-post: #e0b341;
  --scp-asset: #b07cff;
  --scp-channel: #3fb27f;
  --scp-link: #d96b6b;
  --scp-note: #8a8f98;
}

.landscape-planner.site-content-planner .sl-tag.page {
  color: var(--scp-page);
  border-color: color-mix(in srgb, var(--scp-page) 45%, transparent);
}

.landscape-planner.site-content-planner .sl-tag.post {
  color: var(--scp-post);
  border-color: color-mix(in srgb, var(--scp-post) 45%, transparent);
}

.landscape-planner.site-content-planner .sl-tag.asset {
  color: var(--scp-asset);
  border-color: color-mix(in srgb, var(--scp-asset) 45%, transparent);
}

.landscape-planner.site-content-planner .sl-tag.channel {
  color: var(--scp-channel);
  border-color: color-mix(in srgb, var(--scp-channel) 45%, transparent);
}

.landscape-planner.site-content-planner .sl-tag.link {
  color: var(--scp-link);
  border-color: color-mix(in srgb, var(--scp-link) 45%, transparent);
}

.landscape-planner.site-content-planner .sl-tag.note {
  color: var(--scp-note);
  border-color: color-mix(in srgb, var(--scp-note) 45%, transparent);
}
.mapper-container {
  position: relative;
  width: 100%;
  height: 100%;
}

.mapboxgl-map {
  width: 100%;
  height: 100%;
}

.mapboxgl-ctrl-group {
  background: var(--card) !important;
  border: 1px solid var(--border) !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

.mapboxgl-ctrl-group button {
  background: transparent !important;
  border: none !important;
}

.mapboxgl-ctrl-group button:hover {
  background: var(--muted) !important;
}

.mapboxgl-ctrl-group button + button {
  border-top: 1px solid var(--border) !important;
}

.mapboxgl-ctrl-icon {
  filter: var(--mapbox-icon-filter, none);
}

.dark .mapboxgl-ctrl-icon {
  filter: invert(1);
}

.custom-marker {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.15s ease;
}

.custom-marker:hover {
  transform: scale(1.15);
}

.custom-marker svg {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}

.marker-popup {
  min-width: 200px;
}

.marker-popup .mapboxgl-popup-content {
  padding: 0;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

.marker-popup .mapboxgl-popup-tip {
  border-top-color: var(--card);
}

.mapboxgl-popup-close-button {
  font-size: 18px;
  color: var(--muted-foreground);
  padding: 4px 8px;
}

.mapboxgl-popup-close-button:hover {
  background: var(--muted);
  color: var(--foreground);
}

.add-marker-mode {
  cursor: crosshair !important;
}

.add-marker-mode .mapboxgl-canvas {
  cursor: crosshair !important;
}
/* Task Planner Styles */

.time-blocker-grid {
  display: grid;
  grid-template-columns: 60px 1fr;
  height: 100%;
  overflow: hidden;
}

.time-blocker-grid.week-view {
  grid-template-columns: 60px repeat(7, 1fr);
}

.time-labels {
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--border);
  background: color-mix(in srgb, var(--muted) calc(0.3 * 100%), transparent);
}

.time-label {
  height: 60px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 2px 8px 0 0;
  font-size: 11px;
  color: var(--muted-foreground);
  font-variant-numeric: tabular-nums;
}

.day-column {
  position: relative;
  border-right: 1px solid var(--border);
  min-width: 120px;
}

.day-column:last-child {
  border-right: none;
}

.time-slot {
  height: 60px;
  border-bottom: 1px solid color-mix(in srgb, var(--border) calc(0.5 * 100%), transparent);
  position: relative;
  transition: background-color 150ms ease;
}

.time-slot:hover {
  background: color-mix(in srgb, var(--accent) calc(0.3 * 100%), transparent);
}

.time-slot.is-over {
  background: color-mix(in srgb, var(--primary) calc(0.2 * 100%), transparent);
  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--primary) calc(0.4 * 100%), transparent);
}

.time-slot.half-hour {
  border-bottom: 1px dashed color-mix(in srgb, var(--border) calc(0.3 * 100%), transparent);
}

.scheduled-task-block {
  position: absolute;
  left: 4px;
  right: 4px;
  border-radius: calc(var(--radius) + 2px);
  padding: 4px 8px;
  font-size: 12px;
  cursor: grab;
  overflow: hidden;
  z-index: 10;
  transition: box-shadow 150ms ease, transform 150ms ease;
}

.scheduled-task-block:hover {
  box-shadow: 0 2px 8px color-mix(in srgb, var(--foreground) calc(0.1 * 100%), transparent);
}

.scheduled-task-block.dragging {
  opacity: 0.8;
  transform: scale(1.02);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--foreground) calc(0.15 * 100%), transparent);
  cursor: grabbing;
}

.current-time-indicator {
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--destructive);
  z-index: 20;
  pointer-events: none;
}

.current-time-indicator::before {
  content: '';
  position: absolute;
  left: -4px;
  top: -4px;
  width: 10px;
  height: 10px;
  background: var(--destructive);
  border-radius: 50%;
}

.planner-day-header {
  padding: 8px;
  text-align: center;
  border-bottom: 1px solid var(--border);
  background: color-mix(in srgb, var(--muted) calc(0.3 * 100%), transparent);
  font-size: 12px;
  font-weight: 500;
}

.planner-day-header.today {
  background: color-mix(in srgb, var(--primary) calc(0.1 * 100%), transparent);
}

.planner-day-header .day-number {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
}

.planner-day-header.today .day-number {
  color: var(--primary);
}

/* Today indicator dot */
.today-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--destructive);
  display: inline-block;
}

/* Vertical Unscheduled Pool - matching target design */
.unscheduled-pool-vertical {
  background: color-mix(in srgb, var(--muted) calc(0.1 * 100%), transparent);
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

.unscheduled-pool-header {
  font-size: 12px;
  font-weight: 500;
  color: var(--muted-foreground);
  flex-shrink: 0;
  padding: 8px 12px;
  border-bottom: 1px solid color-mix(in srgb, var(--border) calc(0.5 * 100%), transparent);
}

.unscheduled-tasks-list {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  flex: 1;
}

.unscheduled-tasks-list::-webkit-scrollbar {
  width: 6px;
}

.unscheduled-tasks-list::-webkit-scrollbar-track {
  background: color-mix(in srgb, var(--muted) calc(0.3 * 100%), transparent);
}

.unscheduled-tasks-list::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--muted-foreground) calc(0.3 * 100%), transparent);
  border-radius: 3px;
}

.unscheduled-tasks-list::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--muted-foreground) calc(0.5 * 100%), transparent);
}

.unscheduled-task-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-bottom: 1px solid color-mix(in srgb, var(--border) calc(0.5 * 100%), transparent);
  font-size: 13px;
  cursor: grab;
  transition: background 150ms ease;
}

.unscheduled-task-row:hover {
  background: color-mix(in srgb, var(--accent) calc(0.5 * 100%), transparent);
}

.unscheduled-task-row.dragging {
  opacity: 0.7;
  background: var(--accent);
}
/* Time block calendar custom styles */
:root {
  --tb-slot-height: 12px; /* 15-minute slot height */
  --tb-hour-height: calc(var(--tb-slot-height) * 4); /* 48px per hour */
}

/* Calendar grid layout */
.calendar-grid {
  display: grid;
  grid-template-columns: 60px 1fr;
  height: 100%;
}

.calendar-time-column {
  border-right: 1px solid var(--border);
}

.calendar-day-columns {
  display: grid;
  overflow-x: auto;
}

/* Time slots */
.time-slot {
  height: var(--tb-hour-height);
  border-bottom: 1px solid color-mix(in srgb, var(--border) calc(0.5 * 100%), transparent);
  position: relative;
}

.time-slot::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  border-bottom: 1px dashed color-mix(in srgb, var(--border) calc(0.3 * 100%), transparent);
}

.time-label {
  font-size: 0.75rem;
  color: var(--muted-foreground);
  padding-right: 8px;
  text-align: right;
  position: relative;
  top: -0.5em;
}

/* Day column */
.day-column {
  border-right: 1px solid color-mix(in srgb, var(--border) calc(0.5 * 100%), transparent);
  position: relative;
  min-width: 120px;
}

.day-column:last-child {
  border-right: none;
}

/* Event blocks */
.event-block {
  position: absolute;
  left: 2px;
  right: 2px;
  border-radius: 4px;
  padding: 4px 8px;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.1s, box-shadow 0.1s;
  z-index: 10;
}

.event-block:hover {
  transform: scale(1.02);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 20;
}

.event-block.is-cal-booking {
  border-left: 3px solid var(--primary);
}

.event-block .event-title {
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.event-block .event-time {
  font-size: 0.7rem;
  opacity: 0.8;
}

/* Current time indicator */
.current-time-indicator {
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--destructive);
  z-index: 30;
}

.current-time-indicator::before {
  content: '';
  position: absolute;
  left: -4px;
  top: -4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--destructive);
}

/* Smooth scrolling */
.time-grid-area {
  scroll-behavior: smooth;
}

/* Month view grid */
.month-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 1px;
  background: var(--border);
}

.month-day-cell {
  background: var(--background);
  min-height: 100px;
  padding: 4px;
}

.month-day-cell.today {
  background: color-mix(in srgb, var(--accent) calc(0.3 * 100%), transparent);
}

.month-day-cell.outside-month {
  opacity: 0.5;
}

.month-day-number {
  font-size: 0.875rem;
  font-weight: 500;
  padding: 4px;
  display: inline-block;
}

.month-day-cell.today .month-day-number {
  background: var(--primary);
  color: var(--primary-foreground);
  border-radius: 50%;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* View toggle buttons */
.view-toggle-group {
  display: flex;
  gap: 1px;
  background: var(--muted);
  border-radius: 6px;
  padding: 2px;
}

.view-toggle-button {
  padding: 4px 12px;
  font-size: 0.8rem;
  border-radius: 4px;
  transition: background 0.15s;
}

.view-toggle-button.active {
  background: var(--background);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Drag ghost */
.event-drag-ghost {
  opacity: 0.8;
  transform: rotate(2deg);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

/* Drop zone highlighting */
.drop-active {
  background-color: color-mix(in srgb, var(--primary) calc(0.2 * 100%), transparent);
  border: 2px dashed var(--primary);
}

/* Dragging event styling */
.event-block.is-dragging {
  opacity: 0.5;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}

/* Drag handle visibility */
.event-block .drag-handle {
  opacity: 0;
  transition: opacity 0.15s;
}

.event-block:hover .drag-handle {
  opacity: 1;
}
.infographic-canvas-root {
  font-family: var(--ig-font-family);
  color: var(--ig-text);
  background: var(--ig-page-bg);
  padding: var(--ig-page-padding);
  border-radius: var(--ig-page-radius);
  border-color: var(--ig-border);
  line-height: var(--ig-line-height);
}

.infographic-canvas-root .ig-surface input[type="text"] {
  font-size: var(--ig-card-title-size);
  font-weight: var(--ig-card-title-weight);
  color: var(--ig-text);
}

.infographic-canvas-root .ig-surface textarea {
  font-size: var(--ig-card-body-size);
  color: var(--ig-text-muted);
  line-height: var(--ig-line-height);
}

.infographic-canvas-root .ig-surface {
  background-color: var(--ig-card-bg);
  border-color: var(--ig-border);
  border-radius: var(--ig-card-radius);
  padding: var(--ig-card-padding);
}


.infographic-canvas-root .ig-title-input {
  font-size: var(--ig-title-size);
  font-weight: var(--ig-title-weight);
  color: var(--ig-text);
  line-height: 1.2;
}

.infographic-canvas-root .ig-subtitle-input {
  font-size: var(--ig-subtitle-size);
  color: var(--ig-text-muted);
}

.infographic-canvas-root .ig-body {
  font-size: var(--ig-body-size);
  color: var(--ig-text-muted);
}

.infographic-canvas-root .ig-card-title-input {
  font-size: var(--ig-card-title-size);
  font-weight: var(--ig-card-title-weight);
  color: var(--ig-text);
}

.infographic-canvas-root .ig-card-body-input {
  font-size: var(--ig-card-body-size);
  color: var(--ig-text-muted);
  line-height: var(--ig-line-height);
}

.infographic-canvas-root .ig-sidebar-title {
  font-size: var(--ig-card-title-size);
  font-weight: var(--ig-card-title-weight);
  color: var(--ig-text);
}

.infographic-canvas-root .ig-sidebar-point {
  font-size: var(--ig-card-body-size);
  color: var(--ig-text-muted);
}

.infographic-canvas-root--preview {
  padding: 12px !important;
  border-radius: 8px !important;
  pointer-events: none;
  overflow: hidden;
  max-height: 220px;
}

.infographic-canvas-root--preview .ig-title-input {
  font-size: 14px !important;
}

.infographic-canvas-root--preview .ig-subtitle-input {
  font-size: 10px !important;
}

.infographic-canvas-root--preview .ig-card-title-input,
.infographic-canvas-root--preview .ig-card-body-input {
  font-size: 9px !important;
}

.infographic-canvas-root .ig-selected {
  outline: 2px solid var(--ig-selection-ring);
  outline-offset: 1px;
}
/* Napkin ruled-paper editor — overrides global .ProseMirror rules from EditorStyles.css */

.infographic-napkin-canvas {
  --napkin-line: 32px;
  --napkin-text-inset: 9px;
  position: relative;
  flex: 1;
  min-height: 0;
  overflow: auto;
  background-color: #2b2b2b;
  background-image: repeating-linear-gradient(
    to bottom,
    transparent,
    transparent calc(var(--napkin-line) - 1px),
    rgba(255, 255, 255, 0.07) calc(var(--napkin-line) - 1px),
    rgba(255, 255, 255, 0.07) var(--napkin-line)
  );
  background-size: 100% var(--napkin-line);
  color-scheme: dark;
}

.infographic-napkin-canvas__margin-guide {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 72px;
  width: 2px;
  background: rgba(204, 68, 68, 0.55);
  pointer-events: none;
  z-index: 1;
}

.infographic-napkin-canvas__inner {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: none;
  margin: 0;
  /* Header on ruled line 2: one row of padding (line 1), then h1 on line 2 */
  padding: var(--napkin-line) 3rem calc(var(--napkin-line) * 8) calc(72px + 1.5rem);
  min-height: 100%;
  box-sizing: border-box;
}

.infographic-napkin-editor {
  width: 100%;
}

.infographic-napkin-editor .tiptap {
  width: 100%;
}

/* Ruled lines are on .infographic-napkin-canvas (full width); rows here match that grid */
.infographic-napkin-editor .ProseMirror.infographic-napkin-prosemirror {
  outline: none;
  min-height: calc(var(--napkin-line) * 12);
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: calc(var(--napkin-line) - var(--napkin-text-inset)) !important;
  color: #b0b0b0;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

.infographic-napkin-editor .ProseMirror.infographic-napkin-prosemirror ::-moz-selection {
  background: #c4a574;
  color: #1a1a1a;
}

.infographic-napkin-editor .ProseMirror.infographic-napkin-prosemirror ::selection {
  background: #c4a574;
  color: #1a1a1a;
}

/* One block = one ruled row; text sits above the line via padding-top inset */
.infographic-napkin-editor .ProseMirror.infographic-napkin-prosemirror > * {
  margin: 0 !important;
  padding: var(--napkin-text-inset) 0 0 0 !important;
  line-height: calc(var(--napkin-line) - var(--napkin-text-inset)) !important;
  min-height: var(--napkin-line) !important;
  box-sizing: border-box;
}

.infographic-napkin-editor .ProseMirror.infographic-napkin-prosemirror h1 {
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: calc(var(--napkin-line) - 6px) !important;
  padding-top: 6px !important;
  min-height: var(--napkin-line) !important;
  color: #ffffff !important;
  text-align: left !important;
}

.infographic-napkin-editor .ProseMirror.infographic-napkin-prosemirror h1.is-empty::before {
  content: attr(data-placeholder) !important;
  color: rgba(255, 255, 255, 0.35) !important;
  pointer-events: none !important;
  display: block !important;
  text-align: left !important;
  float: none !important;
  height: 0 !important;
}

.infographic-napkin-editor .ProseMirror.infographic-napkin-prosemirror h2 {
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: calc(var(--napkin-line) - var(--napkin-text-inset)) !important;
  padding-top: var(--napkin-text-inset) !important;
  color: #e8e8e8 !important;
}

.infographic-napkin-editor .ProseMirror.infographic-napkin-prosemirror p {
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: calc(var(--napkin-line) - var(--napkin-text-inset)) !important;
  padding-top: var(--napkin-text-inset) !important;
  min-height: var(--napkin-line) !important;
  color: #b0b0b0 !important;
  display: block !important;
}

.infographic-napkin-editor .ProseMirror.infographic-napkin-prosemirror p.is-editor-empty,
.infographic-napkin-editor .ProseMirror.infographic-napkin-prosemirror p.is-empty {
  min-height: var(--napkin-line) !important;
}

.infographic-napkin-editor .ProseMirror.infographic-napkin-prosemirror p.is-editor-empty:first-of-type::before,
.infographic-napkin-editor .ProseMirror.infographic-napkin-prosemirror p.is-empty::before {
  color: rgba(176, 176, 176, 0.45) !important;
  float: left !important;
  height: 0 !important;
  pointer-events: none !important;
}

.infographic-napkin-editor .ProseMirror.infographic-napkin-prosemirror p:empty:not(.is-editor-empty):not(.is-empty) {
  display: block !important;
  min-height: var(--napkin-line) !important;
  margin: 0 !important;
}

.infographic-napkin-editor .ProseMirror.infographic-napkin-prosemirror ul,
.infographic-napkin-editor .ProseMirror.infographic-napkin-prosemirror ol {
  color: #b0b0b0 !important;
  padding-left: 1.25rem !important;
  margin: 0 !important;
}

.infographic-napkin-editor .ProseMirror.infographic-napkin-prosemirror li {
  line-height: calc(var(--napkin-line) - var(--napkin-text-inset)) !important;
  min-height: var(--napkin-line) !important;
  padding-top: var(--napkin-text-inset) !important;
  margin: 0 !important;
}

.infographic-napkin-editor .ProseMirror.infographic-napkin-prosemirror li > p {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  line-height: inherit !important;
}

.infographic-napkin-editor .ProseMirror.infographic-napkin-prosemirror blockquote {
  margin: 0 !important;
  padding: var(--napkin-text-inset) 0 0 1rem !important;
  border-left: 2px solid rgba(255, 255, 255, 0.15);
  color: #b0b0b0 !important;
  min-height: var(--napkin-line) !important;
}

.infographic-napkin-editor .ProseMirror.infographic-napkin-prosemirror a {
  color: #93c5fd;
  text-decoration: underline;
}

.infographic-napkin-editor .ProseMirror.infographic-napkin-prosemirror strong,
.infographic-napkin-editor .ProseMirror.infographic-napkin-prosemirror b {
  font-weight: 700 !important;
  color: inherit;
}

.infographic-napkin-bubble {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 4px 8px;
  border-radius: 9999px;
  background: #ffffff;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
  border: 1px solid rgba(0, 0, 0, 0.08);
}

.infographic-napkin-bubble__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  border: none;
  background: transparent;
  color: #374151;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
}

.infographic-napkin-bubble__btn:hover {
  background: #f3f4f6;
}

.infographic-napkin-bubble__btn.is-active {
  background: #e5e7eb;
  color: #111827;
}

.infographic-napkin-bubble__divider {
  width: 1px;
  height: 18px;
  background: #e5e7eb;
  margin: 0 2px;
}

.infographic-napkin-generate-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.infographic-napkin-generate-btn__circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #3b82f6;
  color: #ffffff;
  border: none;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(59, 130, 246, 0.45);
  transition: transform 0.15s, background 0.15s;
}

.infographic-napkin-generate-btn__circle:hover:not(:disabled) {
  background: #2563eb;
  transform: scale(1.05);
}

.infographic-napkin-generate-btn__circle:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.infographic-napkin-generate-btn__label {
  font-size: 10px;
  font-weight: 600;
  color: #ffffff;
  white-space: nowrap;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.infographic-napkin-bottom-bar {
  position: absolute;
  bottom: 1.5rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 20;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 6px 10px;
  border-radius: 9999px;
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.infographic-napkin-bottom-bar__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  border: none;
  background: transparent;
  color: rgba(255, 255, 255, 0.75);
  cursor: pointer;
}

.infographic-napkin-bottom-bar__btn:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}

.infographic-napkin-bottom-bar__btn:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

.infographic-napkin-bottom-bar__divider {
  width: 1px;
  height: 20px;
  background: rgba(255, 255, 255, 0.15);
  margin: 0 2px;
}

.infographic-napkin-saved {
  position: absolute;
  bottom: 1.5rem;
  right: 1.5rem;
  z-index: 20;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 500;
  color: #22c55e;
}

.infographic-napkin-saved__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #22c55e;
}

.infographic-napkin-visual-block {
  margin-top: calc(var(--napkin-line) * 2);
  padding-top: calc(var(--napkin-line) * 2);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.infographic-napkin-generating {
  margin-top: calc(var(--napkin-line) * 2);
}

.infographic-napkin-generating__label {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.65);
  margin-bottom: 1rem;
}

.infographic-napkin-generating__skeleton {
  height: 200px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.06);
  animation: napkin-pulse 1.5s ease-in-out infinite;
}

@keyframes napkin-pulse {
  0%, 100% { opacity: 0.5; }
  50% { opacity: 1; }
}
/* Notes Main — portable styles (craft editor) */

.craft-scroll {
  scrollbar-width: thin;
  scrollbar-color: var(--border) transparent;
}
.craft-scroll::-webkit-scrollbar {
  width: 8px;
}
.craft-scroll::-webkit-scrollbar-thumb {
  background-color: var(--border);
  border-radius: 9999px;
}

.block-editable:empty::before {
  content: attr(data-placeholder);
  color: var(--muted-foreground);
  opacity: 0.55;
  pointer-events: none;
}

.block-editable a {
  color: var(--primary);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.block-editable mark {
  background-color: rgba(250, 204, 21, 0.4);
  border-radius: 3px;
  padding: 0 2px;
}
.inline-code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.85em;
  background-color: var(--muted);
  border: 1px solid var(--border);
  border-radius: 4px;
  padding: 1px 5px;
}

.doc-style-serif .block-editable,
.doc-style-serif .doc-title {
  font-family: Georgia, 'Times New Roman', serif;
}
.doc-style-mono .block-editable,
.doc-style-mono .doc-title {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.focus-mode .group:not(:focus-within) .block-editable {
  opacity: 0.35;
  transition: opacity 0.2s ease;
}
.lexical-page-editor {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  margin-left: auto;
  margin-right: auto;
  flex-shrink: 0;
}

.lexical-page-content {
  position: relative;
}

.lexical-content-editable {
  font-family: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
  font-size: 12pt;
  line-height: 1.5;
}

.lexical-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--muted-foreground);
  opacity: 0.6;
  font-size: 12pt;
}

.lexical-paragraph {
  margin: 0 0 0.75em;
}

.lexical-h1 {
  font-size: 2em;
  font-weight: 700;
  margin: 0 0 0.5em;
  line-height: 1.2;
}

.lexical-h2 {
  font-size: 1.5em;
  font-weight: 600;
  margin: 0 0 0.5em;
  line-height: 1.25;
}

.lexical-h3 {
  font-size: 1.25em;
  font-weight: 600;
  margin: 0 0 0.5em;
  line-height: 1.3;
}

.lexical-ul,
.lexical-ol {
  margin: 0 0 0.75em;
  padding-left: 1.5em;
}

.lexical-li {
  margin: 0.25em 0;
}

.lexical-link {
  color: var(--primary);
  text-decoration: underline;
  cursor: pointer;
}

.lexical-bold {
  font-weight: 700;
}

.lexical-italic {
  font-style: italic;
}

.lexical-underline {
  text-decoration: underline;
}

.lexical-strikethrough {
  text-decoration: line-through;
}

.lexical-code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.9em;
  background: color-mix(in srgb, var(--muted) 50%, transparent);
  padding: 0.1em 0.25em;
  border-radius: 0.2em;
}

.lexical-quote {
  border-left: 3px solid var(--border);
  margin: 0 0 0.75em;
  padding-left: 1em;
  color: var(--muted-foreground);
  font-style: italic;
}

.lexical-code-block {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.9em;
  background: color-mix(in srgb, var(--muted) 35%, transparent);
  padding: 0.75em 1em;
  border-radius: 0.35em;
  margin: 0 0 0.75em;
  overflow-x: auto;
}

.lexical-li-unchecked,
.lexical-li-checked {
  list-style: none;
  margin-left: 0.25em;
  position: relative;
}

.lexical-li-unchecked::before,
.lexical-li-checked::before {
  content: '';
  width: 0.9em;
  height: 0.9em;
  display: inline-block;
  margin-right: 0.5em;
  border: 1px solid var(--border);
  border-radius: 0.15em;
  vertical-align: middle;
}

.lexical-li-checked::before {
  background: var(--primary);
  border-color: var(--primary);
}

.lexical-page-editor table {
  border-collapse: collapse;
  width: 100%;
  margin: 0 0 0.75em;
}

.lexical-page-editor td,
.lexical-page-editor th {
  border: 1px solid var(--border);
  padding: 0.35em 0.5em;
  vertical-align: top;
}

.lexical-page-editor hr {
  border: none;
  border-top: 1px solid var(--border);
  margin: 1em 0;
}

.lexical-page-editor img {
  max-width: 100%;
  height: auto;
}
.heptabase-canvas-root {
  --hb-canvas-bg: var(--eraser-canvas, #1b1b1b);
  --hb-canvas-dot: rgba(255, 255, 255, 0.07);
  --hb-canvas-line: rgba(255, 255, 255, 0.1);
  --hb-hdr-blue: var(--eraser-chrome-elevated, #2a2a2e);
}

.heptabase-canvas-surface {
  background-color: var(--hb-canvas-bg);
}

.heptabase-canvas-surface.hb-bg-dots {
  background-image: radial-gradient(circle, var(--hb-canvas-dot) 1px, transparent 1px);
  background-size: var(--hb-grid-size, 20px) var(--hb-grid-size, 20px);
}

.heptabase-canvas-surface.hb-bg-gridlines {
  background-image:
    linear-gradient(to right, color-mix(in srgb, var(--hb-canvas-line) 18%, transparent) 1px, transparent 1px),
    linear-gradient(to bottom, color-mix(in srgb, var(--hb-canvas-line) 18%, transparent) 1px, transparent 1px);
  background-size: var(--hb-grid-size, 20px) var(--hb-grid-size, 20px);
}

.heptabase-canvas-surface.hb-bg-none {
  background-image: none;
}

.heptabase-card-html table {
  width: 100%;
  border-collapse: collapse;
}

.heptabase-card-html th,
.heptabase-card-html td {
  border: 1px solid color-mix(in srgb, currentColor 20%, transparent);
  padding: 4px 6px;
  text-align: left;
  vertical-align: top;
}

.heptabase-card-html iframe,
.heptabase-card-html video,
.heptabase-card-html audio,
.heptabase-card-html img {
  max-width: 100%;
  display: block;
}

.heptabase-card-html h1,
.heptabase-card-html h2,
.heptabase-card-html h3 {
  margin: 0 0 0.35em;
  font-weight: 700;
  line-height: 1.2;
}

.heptabase-card-html h1 {
  font-size: 1.35em;
}

.heptabase-card-html ul,
.heptabase-card-html ol {
  margin: 0.25em 0;
  padding-left: 1.25em;
}

.heptabase-card-html a {
  color: var(--eraser-accent, #00a9e5);
  text-decoration: underline;
}

.card-rich-text-editor:focus {
  outline: none;
}

.card-rich-text-editor p {
  margin: 0 0 0.35em;
}

.card-rich-text-editor p:last-child {
  margin-bottom: 0;
}

.heptabase-card-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 12px;
}

.heptabase-card-table th,
.heptabase-card-table td {
  border: 1px solid color-mix(in srgb, currentColor 22%, transparent);
  padding: 4px 6px;
  text-align: left;
  vertical-align: top;
}

.heptabase-card-table th {
  font-weight: 600;
  background: color-mix(in srgb, currentColor 6%, transparent);
}

.heptabase-spreadsheet {
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 11px;
  line-height: 1.2;
  background: #1e2128;
  color: #e2e8f0;
}

.heptabase-spreadsheet-fill {
  width: 100%;
  height: 100%;
}

.heptabase-spreadsheet th,
.heptabase-spreadsheet td {
  border: 1px solid #3a3f4b;
  padding: 0;
  margin: 0;
  vertical-align: middle;
  overflow: hidden;
}

.heptabase-spreadsheet-corner,
.heptabase-spreadsheet-col-head,
.heptabase-spreadsheet-row-head {
  background: #2a2f3a;
  color: #cbd5e1;
  font-weight: 500;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding: 0 2px;
}

.heptabase-spreadsheet-col-head {
  font-size: 10px;
}

.heptabase-spreadsheet-row-head {
  font-size: 10px;
}

.heptabase-spreadsheet-cell {
  background: #1e2128;
  height: 100%;
  padding: 0;
}

.heptabase-spreadsheet-value {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.heptabase-spreadsheet-input {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0 6px;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-size: 11px;
  line-height: inherit;
  resize: none;
  outline: none;
}

.heptabase-spreadsheet-input:focus {
  box-shadow: inset 0 0 0 2px var(--eraser-accent, #00a9e5);
}

.heptabase-canvas-surface {
  position: relative;
  z-index: 0;
}

/* Library doc nodes: force neutral Eraser chrome (no blue-gray card palette bleed) */
.heptabase-canvas-root [data-canvas-library-node] {
  background-color: var(--eraser-chrome, #222326) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #ececec !important;
}

.heptabase-canvas-root [data-canvas-library-node] > div:first-child {
  background-color: var(--eraser-chrome-elevated, #2a2a2e) !important;
  color: #c8c8c8 !important;
}

.heptabase-canvas-root .canvas-lexical-embed.lexical-page-editor {
  width: 100% !important;
  max-width: none !important;
  min-height: 100%;
  height: 100% !important;
  box-shadow: none !important;
  background-color: transparent !important;
  color: var(--canvas-library-body-text, #ececec) !important;
}

.heptabase-canvas-root .canvas-lexical-embed .lexical-content-editable,
.heptabase-canvas-root .canvas-lexical-embed .lexical-content-editable * {
  color: inherit;
}

.heptabase-canvas-root .canvas-library-doc-surface {
  background-color: transparent;
  color: var(--canvas-library-body-text, #e8eaed);
}

.heptabase-canvas-root .canvas-library-doc-surface .lexical-page-body,
.heptabase-canvas-root .canvas-library-doc-surface .lexical-page-content {
  background-color: transparent !important;
}

.heptabase-canvas-root .canvas-lexical-editor-session .lexical-content-editable {
  min-height: 120px;
  font-size: 13px;
  line-height: 1.5;
  background-color: transparent !important;
  color: var(--canvas-library-body-text, #e8eaed) !important;
  caret-color: var(--canvas-library-body-text, #e8eaed);
}

.heptabase-canvas-root .canvas-lexical-editor-session .lexical-placeholder {
  color: color-mix(in srgb, var(--canvas-library-body-text, #e8eaed) 50%, transparent) !important;
}

.heptabase-canvas-root .canvas-lexical-embed .lexical-link {
  color: color-mix(in srgb, var(--canvas-library-body-text, #e8eaed) 80%, white) !important;
}

.heptabase-canvas-root .canvas-lexical-embed .lexical-li-checked::before {
  background: var(--canvas-library-border, #3a3f4b) !important;
  border-color: var(--canvas-library-border, #3a3f4b) !important;
}

.heptabase-canvas-root .canvas-doc-preview-prose {
  background-color: transparent !important;
  color: var(--canvas-library-body-text, #e8eaed);
}

.heptabase-canvas-root .canvas-doc-preview-prose * {
  background-color: transparent !important;
}

.heptabase-canvas-root .canvas-html-editor-session .cm-editor {
  height: 100%;
}

.heptabase-canvas-root .canvas-sheet-editor-session .spreadsheet-embed-preview {
  height: 100%;
}

/* Eraser-style canvas nodes: soft shadow, clean corners */
.heptabase-canvas-root [role="group"][aria-label^="Card:"],
.heptabase-canvas-root [role="group"][aria-label^="Library item:"] {
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}

.heptabase-canvas-root .canvas-toolbar-btn-active {
  background-color: var(--eraser-accent) !important;
  color: #fff !important;
}

.heptabase-canvas-root .canvas-toolbar-btn-active:hover {
  background-color: var(--eraser-accent-hover) !important;
}

.heptabase-canvas-root .canvas-header-bar {
  background-color: var(--eraser-chrome);
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

.heptabase-canvas-root .canvas-bottom-bar {
  background-color: var(--eraser-chrome);
  border-top-color: rgba(255, 255, 255, 0.06);
}
/* Block page text/highlight swatches for spreadsheet cell formatting */
.spreadsheet-workspace.block-format-colors {
  --block-bg-grey: oklch(0.34 0 0);
  --block-bg-slate: oklch(0.40 0.04 250);
  --block-bg-brown: oklch(0.44 0.08 55);
  --block-bg-amber: oklch(0.62 0.16 75);
  --block-bg-orange: oklch(0.62 0.20 45);
  --block-bg-yellow: oklch(0.68 0.17 95);
  --block-bg-lime: oklch(0.66 0.20 130);
  --block-bg-green: oklch(0.55 0.18 150);
  --block-bg-emerald: oklch(0.56 0.18 165);
  --block-bg-teal: oklch(0.56 0.14 195);
  --block-bg-cyan: oklch(0.64 0.14 215);
  --block-bg-sky: oklch(0.60 0.16 230);
  --block-bg-blue: oklch(0.52 0.22 255);
  --block-bg-indigo: oklch(0.46 0.24 275);
  --block-bg-purple: oklch(0.48 0.24 295);
  --block-bg-fuchsia: oklch(0.54 0.26 325);
  --block-bg-pink: oklch(0.62 0.20 355);
  --block-bg-rose: oklch(0.58 0.22 15);
  --block-bg-red: oklch(0.55 0.24 27);

  --block-text-grey: oklch(0.72 0 0);
  --block-text-slate: oklch(0.80 0.04 250);
  --block-text-brown: oklch(0.78 0.08 55);
  --block-text-amber: oklch(0.86 0.17 75);
  --block-text-orange: oklch(0.82 0.18 45);
  --block-text-yellow: oklch(0.90 0.17 95);
  --block-text-lime: oklch(0.88 0.20 130);
  --block-text-green: oklch(0.82 0.18 150);
  --block-text-emerald: oklch(0.82 0.18 165);
  --block-text-teal: oklch(0.84 0.15 195);
  --block-text-cyan: oklch(0.86 0.15 215);
  --block-text-sky: oklch(0.84 0.16 230);
  --block-text-blue: oklch(0.78 0.18 255);
  --block-text-indigo: oklch(0.78 0.20 275);
  --block-text-purple: oklch(0.80 0.20 295);
  --block-text-fuchsia: oklch(0.82 0.22 325);
  --block-text-pink: oklch(0.85 0.18 355);
  --block-text-rose: oklch(0.82 0.20 15);
  --block-text-red: oklch(0.78 0.22 27);
}
.task-renderer{--task-renderer-canvas:var(--task-theme-bg);--task-renderer-raised:var(--task-theme-raised);--task-renderer-hover:var(--task-theme-hover);--task-renderer-border:var(--task-theme-border);--task-renderer-text:var(--task-theme-text);--task-renderer-muted:var(--task-theme-muted);display:flex;flex-direction:column;width:100%;height:100%;min-width:0;min-height:0;background:var(--task-renderer-canvas);color:var(--task-renderer-text);font-family:var(--task-theme-font);font-size:12px}
.task-renderer button,.task-renderer input,.task-renderer select{font:inherit;color:inherit}
.task-renderer button,.task-renderer summary{cursor:pointer}
.task-renderer button:disabled{cursor:default;opacity:.45}
.task-renderer svg{width:14px;height:14px;flex-shrink:0}
.task-renderer button:focus-visible,.task-renderer input:focus-visible,.task-renderer select:focus-visible,.task-renderer summary:focus-visible{outline:1px solid var(--task-theme-primary);outline-offset:1px}
.task-renderer-scroll{flex:1;min-height:0;overflow:auto}
.task-renderer-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;flex-shrink:0;min-height:var(--tasks-toolbar,32px);border-bottom:1px solid var(--task-renderer-border);padding:4px 8px;background:var(--task-theme-card)}
.task-renderer-controls form{display:flex;align-items:center;gap:6px;min-width:220px;flex:1;max-width:380px}
.task-renderer-controls form>input{width:100%;min-width:80px;height:var(--tasks-control,24px);border:1px solid var(--task-renderer-border);border-radius:var(--task-theme-radius);background:var(--task-theme-bg);padding:0 8px}
.task-renderer-controls form>button{display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;height:var(--tasks-control,24px);border:1px solid var(--task-theme-border);background:var(--task-theme-raised);border-radius:var(--task-theme-radius);padding:0 10px}
.task-renderer-controls-end{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.task-renderer-controls-end>label{display:flex;align-items:center;gap:5px;color:var(--task-renderer-muted);font-size:11px}
.task-renderer-controls-end select{max-width:110px;height:var(--tasks-control,24px);padding:0 4px;border:1px solid var(--task-renderer-border);background:var(--task-theme-raised);border-radius:var(--task-theme-radius)}
.task-renderer-square{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:26px;height:24px;padding:0;border-radius:var(--task-theme-radius);border:0;background:transparent;color:var(--task-renderer-muted)!important}
.task-renderer-square:hover{background:var(--task-theme-hover);color:var(--task-theme-text)!important}
.task-renderer-properties{position:relative;color:var(--task-renderer-muted)}
.task-renderer-properties summary{display:flex;align-items:center;gap:5px;list-style:none;height:var(--tasks-control,24px);border-radius:var(--task-theme-radius);border:1px solid var(--task-renderer-border);padding:0 7px}
.task-renderer-properties summary::-webkit-details-marker{display:none}
.task-renderer-properties>div{position:absolute;right:0;top:33px;z-index:30;width:175px;padding:5px;border-radius:var(--task-theme-radius);border:1px solid var(--task-theme-border);background:var(--task-theme-raised);box-shadow:0 8px 20px #0006}
.task-renderer-properties>div>label{display:flex;align-items:center;gap:8px;padding:6px;border-radius:var(--task-theme-radius)}
.task-renderer-properties>div>label:hover{background:var(--task-theme-hover)}
.task-renderer-properties input{accent-color:var(--task-theme-primary)}
.task-renderer-property-control{width:100%;min-width:0;min-height:22px;border:1px solid transparent;border-radius:var(--task-theme-radius);padding:2px 5px;background:transparent;outline:none}
.task-renderer-property-control:hover,.task-renderer-property-control:focus{border-color:var(--task-theme-border);background:var(--task-theme-hover)}
.task-renderer-property-control::-moz-placeholder{color:var(--task-theme-muted)}
.task-renderer-property-control::placeholder{color:var(--task-theme-muted)}
.task-renderer-property-control option{background:var(--task-theme-raised);color:var(--task-theme-text)}
.task-renderer-schedule{display:flex;gap:3px;min-width:250px}
.task-renderer-schedule input:first-child{flex:1;min-width:180px}
.task-renderer-schedule input:last-child{width:56px;flex-shrink:0}
.task-renderer-star[aria-pressed=true]{color:#d7bc72!important}
.task-renderer-trash:hover{color:#f4b5ae!important}
.task-renderer-footer{display:flex;align-items:center;gap:7px;flex-shrink:0;min-height:29px;border-top:1px solid var(--task-renderer-border);padding:4px 12px;font-size:11px;color:var(--task-renderer-muted);background:var(--task-theme-card)}
.task-renderer-empty{padding:16px!important;text-align:center;color:var(--task-renderer-muted)}
.task-simple-list{width:100%;min-width:630px}
.task-simple-group-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:28px;padding:0 12px;border-bottom:1px solid var(--task-theme-border);background:var(--task-theme-raised)}
.task-simple-group-heading>button{display:flex;align-items:center;gap:7px;border:0;background:none;padding:0;font-size:12px}
.task-simple-group-heading>button:disabled{opacity:1}
.task-simple-group-heading>button>span{font-size:11px;color:var(--task-renderer-muted);font-weight:400}
.task-simple-column-hint{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--task-renderer-muted)}
.task-simple-row{display:flex;align-items:center;gap:6px;min-height:var(--task-row-height,40px);padding:var(--task-card-padding,10px) 12px;border-bottom:1px solid var(--task-renderer-border);background:var(--task-theme-card)}
.task-simple-row:hover{background:var(--task-theme-hover)}
.task-simple-task{display:flex;align-items:center;gap:6px;flex:1 0 240px;max-width:460px;min-width:220px}
.task-simple-complete{width:18px;height:18px;border-radius:50%;accent-color:var(--task-theme-primary);flex-shrink:0}
.task-simple-task-text{min-width:0;flex:1}
.task-simple-title{display:block;width:100%;padding:0;text-align:left;border:0;background:none;font-size:12px!important;font-weight:500;line-height:19px;overflow-wrap:anywhere}
.task-simple-title:hover{text-decoration:underline;text-underline-offset:3px}
.task-simple-task-text p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:2px 0 0;color:var(--task-renderer-muted);font-size:11px;line-height:16px}
.task-simple-subtasks{display:flex;align-items:center;gap:4px;color:var(--task-renderer-muted);font-size:10px}
.task-simple-subtasks:empty{display:none}
.task-simple-subtasks svg{width:12px;height:12px}
.task-simple-row-properties{display:flex;flex:1 1 450px;flex-wrap:wrap;align-items:center;gap:3px 9px;min-width:265px}
.task-simple-property{flex:0 1 120px;min-width:102px}
.task-simple-property>span{display:block;padding-left:5px;color:var(--task-renderer-muted);font-size:9px;line-height:12px;letter-spacing:.015em}
.task-simple-property-deadline{min-width:135px}
.task-simple-property-scheduled{flex-basis:250px}
.task-simple-property-estimate{flex-basis:85px;min-width:70px}
.task-simple-row[data-completed=true] .task-simple-title{text-decoration:line-through;color:var(--task-theme-muted)}
.task-database-renderer{background:var(--task-theme-bg)}
.task-database-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}
.task-database-table th{font-weight:400;text-align:left}
.task-database-table thead{position:sticky;top:0;z-index:5;background:var(--task-theme-raised)}
.task-database-table thead th{height:28px;white-space:nowrap;min-width:135px;padding:3px 6px;color:var(--task-theme-muted);border-bottom:1px solid var(--task-theme-border);border-right:1px solid var(--task-renderer-border)}
.task-database-table thead .task-database-complete-heading{min-width:35px;width:35px;text-align:center}
.task-database-table thead .task-database-name-heading{min-width:290px;width:330px}
.task-database-name-heading>span{display:inline-block;margin-right:9px;color:var(--task-theme-muted);font-family:var(--task-theme-font);font-size:14px}
.task-database-table td{height:var(--task-row-height,40px);padding:4px;border-bottom:1px solid var(--task-renderer-border);border-right:1px solid var(--task-renderer-border);background:var(--task-theme-card)}
.task-database-table tbody>tr:hover>td{background:var(--task-theme-hover)}
.task-database-table .task-database-complete{text-align:center;padding:4px 9px}
.task-database-complete input{width:14px;height:14px;accent-color:var(--task-theme-primary)}
.task-database-table .task-database-name{padding:4px 9px}
.task-database-name>button{display:flex;align-items:center;gap:8px;width:100%;min-width:250px;text-align:left;border:0;background:none;padding:3px 0;font-size:12px;line-height:18px}
.task-database-name>button>svg{color:var(--task-theme-muted)}
.task-database-name>button>span{flex:1;overflow-wrap:anywhere}
.task-database-name>button:hover>span{text-decoration:underline;text-underline-offset:3px}
.task-database-name>button>small{font-size:10px;color:var(--task-theme-muted)}
.task-database-table tr[data-completed=true] .task-database-name>button>span{text-decoration:line-through;color:var(--task-theme-muted)}
.task-database-table .task-database-property-deadline{min-width:145px}
.task-database-table .task-database-property-scheduled{min-width:265px}
.task-database-actions{min-width:65px;white-space:nowrap}
.task-database-group th{height:28px;padding:5px 8px;border-bottom:1px solid var(--task-theme-border);background:var(--task-theme-card)}
.task-database-group button{display:flex;align-items:center;gap:7px;border:0;background:none;padding:2px 0}
.task-database-group button span{font-size:11px;color:var(--task-renderer-muted)}
@media(max-width:740px){.task-renderer-controls{padding:7px}.task-renderer-controls-end{gap:5px}.task-simple-row{gap:8px;padding:6px}.task-simple-task{flex-basis:220px}.task-simple-row-properties{gap:4px}.task-simple-property{flex-basis:110px}}
.task-native-layout { --native-canvas:var(--task-theme-bg); --native-panel:var(--task-theme-card); --native-card:var(--task-theme-raised); --native-line:var(--task-theme-border); --native-line-soft:var(--task-theme-border); --native-text:var(--task-theme-text); --native-muted:var(--task-theme-muted); display:flex; flex-direction:column; min-width:0; min-height:0; height:100%; background:var(--native-canvas); color:var(--native-text); font-family:var(--task-theme-font); font-size:12px; }
.task-native-layout button,.task-native-layout input,.task-native-layout select,.task-native-layout textarea { font:inherit; }
.task-native-layout button { cursor:pointer; }
.task-native-layout button:disabled { cursor:default; opacity:.4; }
.task-native-layout button:focus-visible,.task-native-layout input:focus-visible,.task-native-layout textarea:focus-visible,.task-native-layout select:focus-visible,.task-native-layout summary:focus-visible { outline:2px solid var(--task-theme-primary); outline-offset:2px; }
.task-native-layout svg { width:14px; height:14px; flex-shrink:0; }
.task-native-layout input[type=checkbox] { width:14px; height:14px; accent-color:var(--task-theme-primary); flex-shrink:0; cursor:pointer; }
.task-native-toolbar { min-height:var(--tasks-toolbar,32px); display:flex; flex-shrink:0; gap:6px; align-items:center; padding:4px 8px; border-bottom:1px solid var(--native-line); background:var(--task-theme-card); }
.task-native-view-label { white-space:nowrap; font-weight:600; }
.task-native-view-label>span { color:var(--native-muted); font-size:11px; font-weight:400; margin-left:8px; }
.task-native-controls { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; margin-left:auto; gap:7px; color:var(--native-muted); font-size:11px; }
.task-native-controls>label { display:flex; align-items:center; gap:5px; }
.task-native-controls select,.task-native-controls>button,.task-native-properties summary { min-height:22px; border:1px solid var(--native-line); border-radius:var(--task-theme-radius); background:var(--task-theme-raised); padding:3px 6px; color:var(--native-text); }
.task-native-controls>button { display:inline-flex; align-items:center; justify-content:center; }
.task-native-properties { position:relative; }
.task-native-properties summary { display:flex; align-items:center; gap:5px; cursor:pointer; list-style:none; }
.task-native-properties summary::-webkit-details-marker { display:none; }
.task-native-properties>div { position:absolute; right:0; top:32px; z-index:20; min-width:156px; display:flex; flex-direction:column; padding:5px; border:1px solid var(--native-line); border-radius:var(--task-theme-radius); background:var(--task-theme-raised); box-shadow:0 8px 24px #0005; }
.task-native-properties label { display:flex; align-items:center; gap:8px; min-height:24px; padding:3px 6px; color:var(--native-text); cursor:pointer; }
.task-native-properties label:hover { background:var(--task-theme-hover); }
.task-native-layout .task-native-text { min-width:0; width:100%; border:1px solid transparent; border-radius:var(--task-theme-radius); padding:4px; color:inherit; background:transparent; outline-offset:0; }
.task-native-layout .task-native-text:hover { border-color:var(--task-theme-border); }
.task-native-layout .task-native-text:focus { background:var(--task-theme-card); border-color:var(--task-theme-primary); outline:none; }
.task-native-layout .is-starred { color:#e6c68d !important; }
.task-native-layout .is-starred svg { fill:currentColor; }
.hello-board-lists { min-height:0; flex:1; display:flex; align-items:flex-start; gap:6px; overflow:auto; padding:8px; }
.hello-board-list { display:flex; flex-direction:column; width:240px; min-width:240px; max-height:100%; flex-shrink:0; border:1px solid var(--task-theme-border); border-radius:var(--task-theme-radius); background:var(--native-panel); box-shadow:0 3px 12px #0002; }
.hello-board-list.is-drop-target { outline:2px solid var(--task-theme-primary); outline-offset:2px; background:var(--task-theme-hover); }
.hello-list-heading { flex-shrink:0; padding:4px 6px; }
.hello-list-heading>button { display:flex; align-items:center; gap:6px; width:100%; min-width:0; text-align:left; }
.hello-list-heading strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; }
.hello-list-heading i { width:7px; height:7px; border-radius:50%; flex-shrink:0; background:var(--native-group-color); }
.hello-list-heading>button>span { margin-left:auto; padding:1px 5px; color:var(--native-muted); font-size:11px; }
.hello-card-stack { min-height:28px; display:flex; flex-direction:column; gap:8px; overflow-y:auto; padding:0 8px 3px; }
.hello-task-card { flex-shrink:0; padding:var(--task-card-padding,10px); border:1px solid var(--task-theme-border); border-radius:var(--task-theme-radius); background:var(--native-card); box-shadow:0 2px 3px #0002; }
.hello-task-card:hover { border-color:var(--task-theme-primary); }
.hello-card-tags { display:flex; flex-wrap:wrap; gap:4px; }
.hello-card-tags:empty { display:none; }
.hello-card-tags>span { font-size:10px; padding:2px 7px; border-radius:var(--task-theme-radius); background:var(--native-label-color,var(--task-theme-primary)); color:#211f1d; font-weight:600; }
.hello-card-tags>span.hello-project-label { background:var(--task-theme-primary); color:var(--task-theme-primary-text); }
.hello-card-title { display:flex; gap:5px; align-items:center; margin:5px -3px 2px; }
.hello-card-title .task-native-text { font-size:12px; line-height:20px; font-weight:500; }
.hello-card-title textarea.task-native-text { display:block; resize:none; overflow:hidden; overflow-wrap:anywhere; }
.hello-card-title>button { display:flex; align-items:center; justify-content:center; width:23px; height:25px; color:var(--native-muted); }
.hello-task-card.is-complete .hello-card-title .task-native-text { text-decoration:line-through; color:var(--task-theme-muted); }
.hello-card-metadata { display:flex; align-items:center; flex-wrap:wrap; gap:7px; min-height:22px; padding:2px 0; color:var(--task-theme-muted); font-size:10px; }
.hello-card-metadata:empty { display:none; }
.hello-card-metadata>span,.hello-card-metadata>button { display:inline-flex; align-items:center; gap:3px; }
.hello-card-metadata .hello-status-label { font-size:10px; }
.hello-status-label>i { width:6px; height:6px; border-radius:50%; background:var(--native-label-color); }
.hello-card-metadata .hello-card-assignee { margin-left:auto; border:1px solid var(--task-theme-border); border-radius:12px; padding:2px 6px; max-width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hello-card-actions { display:flex; align-items:center; gap:5px; margin-top:5px; padding-top:5px; border-top:1px solid var(--task-theme-border); color:var(--task-theme-muted); }
.hello-card-actions>svg { cursor:grab; width:12px; }
.hello-card-actions select { min-width:0; flex:1; font-size:10px; background:transparent; border:0; color:inherit; padding:1px 0; }
.hello-card-actions option { background:var(--task-theme-raised); color:var(--native-text); }
.hello-card-actions button { display:flex; align-items:center; justify-content:center; width:23px; height:22px; border-radius:var(--task-theme-radius); }
.hello-card-actions button:hover,.hello-card-open:hover { color:var(--native-text); background:var(--task-theme-hover); }
.hello-card-actions button svg { width:12px; height:12px; }
.hello-empty-list { padding:8px; color:var(--native-muted); font-size:11px; text-align:center; }
.hello-add-card { display:flex; align-items:center; gap:6px; color:var(--native-muted); margin:6px 8px 8px; padding:3px 6px; border-radius:var(--task-theme-radius); font-size:12px !important; text-align:left; }
.hello-add-card:hover { background:var(--task-theme-hover); color:var(--native-text); }
.hello-card-composer { padding:8px; }
.hello-card-composer>input { width:100%; min-height:var(--tasks-control,24px); border:1px solid var(--task-theme-border); padding:3px 6px; border-radius:var(--task-theme-radius); background:var(--task-theme-raised); color:var(--native-text); font-size:12px; }
.hello-card-composer>div { display:flex; gap:7px; margin-top:7px; }
.hello-card-composer button { min-height:24px; padding:4px 9px; border-radius:var(--task-theme-radius); font-size:11px; background:var(--task-theme-primary); color:var(--task-theme-primary-text); }
.hello-card-composer button+button { background:transparent; color:var(--native-muted); }
.sunday-groups { min-height:0; flex:1; overflow:auto; padding:8px; }
.sunday-group { margin-bottom:8px; }
.sunday-group-heading { display:flex; align-items:center; gap:6px; min-height:28px; color:var(--native-group-color); }
.sunday-group-heading>button { display:flex; align-items:center; gap:7px; min-width:0; }
.sunday-group-heading strong { font-size:14px; font-weight:600; }
.sunday-group-heading>button>span { color:var(--native-muted); font-size:11px; margin-left:5px; }
.sunday-group-completion { margin-left:auto; color:var(--native-muted); font-size:10px; white-space:nowrap; }
.sunday-table-wrap { overflow-x:auto; border:1px solid var(--native-line); border-left:4px solid var(--native-group-color); border-radius:var(--task-theme-radius); background:var(--native-panel); box-shadow:0 4px 12px #0001; }
.sunday-work-table { width:100%; border-collapse:collapse; table-layout:auto; font-size:12px; }
.sunday-work-table th,.sunday-work-table td { height:var(--task-row-height,40px); padding:3px 8px; border-right:1px solid var(--native-line-soft); border-bottom:1px solid var(--native-line-soft); text-align:left; font-weight:400; }
.sunday-work-table th { height:24px; white-space:nowrap; font-size:10px; color:var(--native-muted); background:var(--task-theme-card); }
.sunday-work-table th>svg { display:inline-block; width:12px; height:12px; vertical-align:middle; margin-right:5px; }
.sunday-work-table th:last-child,.sunday-work-table td:last-child { border-right:0; }
.sunday-work-table tbody tr:last-child td { border-bottom:0; }
.sunday-work-table tbody tr:hover { background:var(--task-theme-hover); }
.sunday-work-table .sunday-check-cell { width:32px; min-width:32px; text-align:center; padding:0 8px; }
.sunday-work-table .sunday-task-cell { min-width:240px; width:33%; padding-left:5px; }
.sunday-task-cell>div { display:flex; align-items:center; gap:3px; }
.sunday-task-cell .task-native-text { font-weight:500; }
.sunday-task-cell button { display:inline-flex; align-items:center; justify-content:center; padding:3px; color:var(--task-theme-muted); }
.sunday-task-cell button>svg { width:12px; height:12px; }
.sunday-task-cell .sunday-subtasks { gap:3px; font-size:10px; white-space:nowrap; margin-left:3px; }
.sunday-work-table tr.is-complete .sunday-task-cell .task-native-text { text-decoration:line-through; color:var(--task-theme-muted); }
.sunday-work-table .sunday-owner-cell { min-width:164px; }
.sunday-owner-cell>div { display:flex; align-items:center; gap:5px; }
.sunday-owner-avatar { display:flex; align-items:center; justify-content:center; flex-shrink:0; width:25px; height:25px; border-radius:50%; background:var(--task-theme-primary); color:var(--task-theme-primary-text); font-size:9px; font-weight:600; }
.sunday-owner-avatar.is-unassigned { color:var(--task-theme-muted); background:var(--task-theme-raised); border:1px dashed var(--task-theme-border); }
.sunday-owner-avatar svg { width:13px; height:13px; }
.sunday-work-table .sunday-status-cell { min-width:128px; padding:4px; }
.sunday-work-table .sunday-priority-cell { min-width:110px; padding:4px; }
.sunday-status-cell select,.sunday-priority-cell select { width:100%; height:var(--tasks-control,24px); border:0; border-radius:var(--task-theme-radius); padding:2px 6px; text-align:center; color:#242321; background:#92928b; font-size:11px; font-weight:500; }
.sunday-priority-cell select:has(option[value=""]:checked) { background:var(--native-card); color:var(--native-text); }
.sunday-work-table select option { color:var(--native-text); background:var(--task-theme-raised); }
.sunday-work-table .sunday-date-cell { min-width:141px; }
.sunday-date-cell input { width:130px; font-size:11px; padding:4px 0; color:var(--task-theme-text); background:transparent; border:0; color-scheme:dark; }
.sunday-work-table .sunday-project-cell { min-width:130px; }
.sunday-project-cell select { width:100%; padding:3px; min-height:24px; background:transparent; color:var(--task-theme-text); font-size:11px; border:1px solid transparent; border-radius:var(--task-theme-radius); }
.sunday-project-cell select:hover { border-color:var(--task-theme-border); }
.sunday-work-table .sunday-estimate-cell { min-width:92px; }
.sunday-estimate-cell input { width:68px; background:transparent; border:1px solid transparent; border-radius:var(--task-theme-radius); padding:4px; font-size:11px; color:var(--task-theme-text); }
.sunday-estimate-cell input:hover { border-color:var(--task-theme-border); }
.sunday-work-table .sunday-actions-cell { min-width:64px; white-space:nowrap; text-align:center; }
.sunday-actions-cell button { display:inline-flex; justify-content:center; align-items:center; color:var(--task-theme-muted); width:23px; height:25px; border-radius:var(--task-theme-radius); }
.sunday-actions-cell button:hover { background:var(--task-theme-hover); color:var(--native-text); }
.sunday-actions-cell button svg { width:12px; height:12px; }
.sunday-work-table .sunday-empty-row td { padding:6px 8px; color:var(--native-muted); font-size:11px; }
.sunday-work-table tfoot td { height:28px; border-top:1px solid var(--native-line); border-bottom:0; background:var(--task-theme-card); }
.sunday-group-footer { display:flex; align-items:center; gap:8px; }
.sunday-group-composer { display:flex; gap:6px; align-items:center; min-width:260px; max-width:430px; flex:1; }
.sunday-group-composer>svg { width:13px; height:13px; color:var(--task-theme-muted); }
.sunday-group-composer input { min-width:0; flex:1; padding:5px 3px; background:transparent; border:1px solid transparent; border-radius:var(--task-theme-radius); font-size:11px; color:var(--native-text); }
.sunday-group-composer input:hover,.sunday-group-composer input:focus { border-color:var(--task-theme-border); }
.sunday-group-composer button { padding:5px 8px; border:1px solid var(--task-theme-border); border-radius:var(--task-theme-radius); color:var(--task-theme-text); font-size:10px; white-space:nowrap; }
.sunday-status-summary { display:flex; width:120px; height:7px; border-radius:var(--task-theme-radius); overflow:hidden; background:var(--task-theme-raised); margin-left:auto; }
.sunday-status-summary>span { min-width:2px; border-right:1px solid var(--task-theme-border); }
@media(max-width:700px) { .task-native-toolbar { align-items:flex-start; flex-wrap:wrap; gap:7px; padding:4px 8px; } .task-native-controls { margin-left:0; justify-content:flex-start; } .hello-board-lists { padding:9px; gap:9px; } .hello-board-list { width:240px; min-width:240px; } .sunday-groups { padding:6px 6px 8px; } }
.bb-tools-build-page {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
  background: hsl(var(--background));
  color: hsl(var(--foreground));
}

.bb-tools-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  padding: 10px 12px;
  border-bottom: 1px solid hsl(var(--border));
  background: hsl(var(--card));
  font-size: 11px;
}

.bb-tools-heading { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; margin-right: auto; }
.bb-tools-heading h1 { margin: 0; font-size: 12px; font-weight: 600; }
.bb-tools-heading span { font-size: 10px; color: hsl(var(--muted-foreground)); }
.bb-tools-search { display: flex; align-items: center; gap: 5px; min-width: 120px; }
.bb-tools-search input { width: 140px; min-width: 0; padding: 4px; background: transparent; outline: none; font-size: 11px; }
.bb-tools-toolbar select,
.bb-tools-toolbar > button { border: 1px solid hsl(var(--border)); border-radius: 3px; background: hsl(var(--background)); color: hsl(var(--foreground)); padding: 4px 7px; font-size: 11px; }
.bb-tools-description { display: flex; flex-wrap: wrap; gap: 6px 12px; padding: 7px 12px; font-size: 10px; color: hsl(var(--muted-foreground)); }
.bb-tools-description [role='status'] { overflow-wrap: anywhere; color: hsl(var(--foreground)); }
.bb-tools-scroll { flex: 1; min-height: 0; overflow: auto; overscroll-behavior: contain; }
.bb-tools-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--bb-tools-column-width, 300px)), 1fr)); align-items: start; gap: 14px 12px; padding: 8px 12px 24px; }
.bb-tools-card { display: flex; flex-direction: column; min-width: 0; }
.bb-tools-card[hidden], .bb-tools-panel[hidden] { display: none; }
.bb-tools-card--expanded { grid-column: 1 / -1; }
.bb-tools-preview { min-width: 0; }
.bb-tools-panel { display: flex; flex-direction: column; flex: 1; min-width: 0; min-height: 0; height: 100%; }
.bb-tools-loading { display: grid; place-items: center; flex: 1; color: hsl(var(--muted-foreground)); }
.bb-tools-card-actions { display: flex; align-items: center; gap: 8px; min-height: 26px; padding: 3px 2px; font-size: 10px; }
.bb-tools-card-actions button { display: inline-flex; align-items: center; gap: 4px; padding: 3px; color: hsl(var(--muted-foreground)); }
.bb-tools-card-actions button:hover { color: hsl(var(--foreground)); }
.bb-tools-card-action-spacer { flex: 1; }
.bb-tools-card-caption { color: hsl(var(--muted-foreground)); }
.bb-tools-reopen { margin: auto; padding: 3px 8px; border: 1px solid hsl(var(--border)); border-radius: 3px; }
.bb-tools-sign-out { display: grid; place-items: center; flex: 1; min-height: 0; overflow: auto; }
.bb-tools-empty { padding: 20px; font-size: 12px; color: hsl(var(--muted-foreground)); }
.bb-tools-build-page button:focus-visible,
.bb-tools-build-page select:focus-visible,
.bb-tools-build-page input:focus-visible { outline: 1px solid hsl(var(--ring)); outline-offset: 2px; }
.glassy-vault, .glassy-vault-dialog { --desk-object-accent: var(--vault-accent); --vault-metal-highlight: color-mix(in srgb, hsl(var(--card)) 65%, hsl(var(--foreground))); --vault-metal-mid: hsl(var(--card)); --vault-metal-base: var(--desk-glass-base); }
.glassy-vault { position: relative; display: grid; place-items: center; width: 96px; max-width: 100%; height: 88px; flex: none; }
.glassy-vault__surface { display: grid; place-items: center; width: 96px; height: 88px; pointer-events: none; }
.glassy-vault__surface .gf-root { --gf-px: 0; --gf-py: 0; }
.glassy-vault__trigger { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; padding: 0; border: 0; border-radius: 6px; background: transparent; cursor: pointer; }
.glassy-vault__trigger:focus-visible { outline: 2px solid hsl(var(--ring)); outline-offset: 2px; }
.glassy-vault__lock { display: block; width: 96px; height: 88px; overflow: visible; filter: drop-shadow(0 2px 2px var(--desk-shadow)); transform-origin: 32px 82px; transition: transform .8s cubic-bezier(.34,1.36,.5,1); }
.glassy-vault:is(:hover, :focus-within) .gf-root { --gf-hinge: -11deg; --gf-lift: -34px; --gf-spread: 8px; --gf-fan: 1.4deg; --gf-stack: 10px; }
.glassy-vault:is(:hover, :focus-within) .glassy-vault__lock { transform: perspective(180px) rotateX(-11deg); }
.glassy-vault-dialog { width: min(720px, calc(100vw - 32px)); max-width: 720px; color: hsl(var(--foreground)); }
.glassy-vault-dialog [data-slot="dialog-description"] { margin-top: 6px; }
.glassy-vault-dialog__body { display: grid; grid-template-columns: minmax(180px, .8fr) minmax(0, 1fr); gap: 20px; padding: 20px; }
.glassy-vault-dialog__files { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; list-style: none; }
.glassy-vault-dialog__files button { display: flex; align-items: center; gap: 10px; width: 100%; padding: 12px; border: 1px solid hsl(var(--border)); border-radius: var(--radius, 8px); background: hsl(var(--background)); color: hsl(var(--foreground)); text-align: left; }
.glassy-vault-dialog__files button:hover { background: hsl(var(--accent)); color: hsl(var(--accent-foreground)); }
.glassy-vault-dialog__files button[aria-pressed="true"] { border-color: var(--desk-accent-ink); background: color-mix(in srgb, var(--vault-accent) 10%, hsl(var(--background))); }
.glassy-vault-dialog__files button > svg { flex-shrink: 0; color: var(--desk-accent-ink); }
.glassy-vault-dialog__files strong, .glassy-vault-dialog__files small { display: block; }
.glassy-vault-dialog__files strong { font-size: 12px; font-weight: 500; }
.glassy-vault-dialog__files small { margin-top: 5px; font-size: 10px; color: hsl(var(--muted-foreground)); }
.glassy-vault-dialog__preview { min-width: 0; }
.glassy-vault-dialog__preview > img, .glassy-vault-dialog__sample { display: grid; place-items: center; width: 100%; height: 180px; border: 1px solid color-mix(in srgb, var(--vault-accent) 30%, hsl(var(--border))); border-radius: var(--radius, 10px); background: linear-gradient(140deg, color-mix(in srgb, var(--vault-accent) 18%, hsl(var(--background))), hsl(var(--muted))); -o-object-fit: cover; object-fit: cover; color: var(--desk-accent-ink); }
.glassy-vault-dialog__swatches { display: flex; padding: 14px; border: 1px solid var(--desk-glass-edge); border-radius: var(--radius, 12px); background: hsl(var(--card) / .4); box-shadow: inset 0 1px 0 var(--desk-glass-sheen), 0 10px 20px var(--desk-shadow); }
.glassy-vault-dialog__swatches i { width: 28px; height: 64px; }
.glassy-vault-dialog__swatches i:first-child { border-radius: 6px 0 0 6px; }
.glassy-vault-dialog__swatches i:last-child { border-radius: 0 6px 6px 0; }
.glassy-vault-dialog__preview h3 { margin: 14px 0 6px; font-size: 14px; font-weight: 500; }
.glassy-vault-dialog__preview p { margin: 0; font-size: 12px; line-height: 1.6; color: hsl(var(--muted-foreground)); }
@media (max-width: 540px) { .glassy-vault-dialog__body { grid-template-columns: minmax(0, 1fr); } }
@media (prefers-reduced-motion: reduce) {
  .glassy-vault__lock { transition: none; }
  .glassy-vault:is(:hover, :focus-within) .glassy-vault__lock { transform: none; }
}
.desks-ui-card-stacks { display: grid; gap: 8px; padding: 8px 24px 0; }
.desks-ui-card-stacks__item { min-width: 0; overflow: hidden; border: 1px solid hsl(var(--border)); border-radius: var(--radius, 4px); }
.desks-ui-card-stacks__item > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; list-style: none; color: hsl(var(--foreground)); cursor: pointer; font-size: 12px; font-weight: 500; }
.desks-ui-card-stacks__item > summary::-webkit-details-marker { display: none; }
.desks-ui-card-stacks__item > summary:focus-visible { outline: 2px solid hsl(var(--ring)); outline-offset: -2px; }
.desks-ui-card-stacks__item[open] > summary { border-bottom: 1px solid hsl(var(--border)); }
.desks-ui-card-stacks__item[open] > summary > svg { transform: rotate(180deg); }
.desks-ui-card-stacks__preview { position: relative; height: 680px; min-width: 0; }
.desks-ui-examples { width: 100%; padding: 24px 24px 0; color: hsl(var(--foreground)); }
.desks-ui-examples__row { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); grid-auto-rows: var(--desk-row-height); gap: 1px; overflow: visible; border: 1px solid hsl(var(--border)); border-radius: var(--radius, 8px); background: hsl(var(--border)); }
.desks-ui-examples__row::after { content: ''; background: hsl(var(--background)); border-radius: 0 var(--radius, 7px) var(--radius, 7px) 0; }
.desks-ui-examples__item { display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 0; padding: 8px 5px; background: hsl(var(--background)); container-type: inline-size; }
.desks-ui-examples__item:first-child { border-radius: var(--radius, 7px) 0 0 var(--radius, 7px); }
.desks-ui-examples__caption { display: flex; align-self: stretch; justify-content: flex-end; align-items: center; gap: 4px; height: 12px; color: hsl(var(--muted-foreground)); }
.desks-ui-examples__caption > span,
.desk-folder-showcase[data-columns="8"] .desk-folder-showcase__caption > span:first-child { display: none; }
.desks-ui-examples__caption h2 { margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 9px; font-weight: 400; line-height: 12px; }
.desks-ui-examples__stage { display: flex; flex: none; align-items: center; justify-content: center; width: var(--desk-preview-width); max-width: 100%; height: var(--desk-preview-height); }
.desks-ui-examples__name { max-width: 120px; width: 100%; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; line-height: 16px; text-align: center; }
.desks-ui-examples__hint { display: flex; flex: none; align-items: center; justify-content: center; width: 100%; height: 16px; font-size: 9px; line-height: 12px; color: hsl(var(--muted-foreground)); }
.desks-ui-examples__hint button { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: min(4px, var(--radius, 4px)); }
.desks-ui-examples__hint button:hover { background: hsl(var(--accent)); color: hsl(var(--accent-foreground)); }
.desks-ui-examples__hint button:focus-visible { outline: 2px solid hsl(var(--ring)); outline-offset: 1px; }
.desks-ui-examples__bucket { width: 340px; flex: none; zoom: .35; }
.desks-ui-examples__bucket svg [fill="white"] { fill: hsl(var(--foreground)); }
.desks-ui-examples__bucket svg [stop-color="white"] { stop-color: hsl(var(--foreground)); }
.desks-ui-examples__bucket .fill-card { stroke: var(--desk-glass-edge); stroke-width: 1; }
.desks-ui-portfolio button[aria-haspopup="dialog"] { border-color: var(--desk-glass-edge); box-shadow: 0 6px 16px -6px var(--desk-shadow), inset 0 1px 0 var(--desk-glass-sheen); }
.desks-ui-portfolio-dialog :is(button, a) { border-radius: min(4px, var(--radius, 4px)); }
.desks-ui-portfolio-dialog button:disabled { color: hsl(var(--muted-foreground)); cursor: default; }
.desks-ui-portfolio-dialog :is(button:not(:disabled), a):hover { background: hsl(var(--accent)); color: hsl(var(--accent-foreground)); }
.desks-ui-examples__stage .desks-ui-portfolio { width: 96px; height: 88px; flex: none; }
.desks-ui-examples__stage .desks-ui-portfolio > div { flex: none; margin: 0; zoom: .55; }
.desks-ui-examples__stage .desks-ui-portfolio > p { display: none; }
.desks-ui-examples__stage .gf-root { flex: none; }
.desks-ui-examples__stage .gf-label { display: none; }
.desks-ui-examples__stage .gf-key { width: 104px; height: 104px; border-radius: 24px; right: 12px; bottom: 12px; }
.desks-ui-examples__stage .gf-glyph { width: 44px; height: 44px; }
.desk-folder-showcase[data-columns="8"] { max-width: none; }
.desk-folder-showcase[data-columns="8"] .desk-folder-showcase__grid { min-width: 0; grid-template-columns: repeat(8, minmax(0, 1fr)); grid-template-rows: none; grid-auto-rows: var(--desk-row-height); }
.desk-folder-showcase[data-columns="8"] .desk-folder-showcase__cell { padding: 8px 5px; container-type: inline-size; }
.desk-folder-showcase[data-columns="8"] .desk-folder,
.desk-folder-showcase[data-columns="8"] .desk-file { width: 100%; max-width: 120px; }
.desk-folder-showcase[data-columns="8"] .desk-folder-showcase__caption,
.desk-folder-showcase[data-columns="8"] .desk-folder-showcase__detail { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.desk-folder-showcase[data-columns="8"] .desk-folder-showcase__caption { flex: none; justify-content: flex-end; height: 12px; margin-bottom: 0; }
.desk-folder-showcase[data-columns="8"] .desk-folder__name { margin-top: 0; }
.desk-folder-showcase[data-columns="8"] .desk-folder-showcase__detail { flex: none; height: 16px; margin: 0; line-height: 16px; }
@container (max-width: 110px) {
  .desks-ui-examples__stage,
  .desk-folder-showcase[data-columns="8"] .desk-folder__stage,
  .desk-folder-showcase[data-columns="8"] .desk-file__stage { transform: scale(.8); margin: -8px; }
  .desks-ui-examples__name,
  .desk-folder-showcase[data-columns="8"] .desk-folder__name { font-size: 10px; }
}
@container (max-width: 85px) {
  .desks-ui-examples__stage,
  .desk-folder-showcase[data-columns="8"] .desk-folder__stage,
  .desk-folder-showcase[data-columns="8"] .desk-file__stage { transform: scale(.6); margin: -17px; }
  .desks-ui-examples__name,
  .desk-folder-showcase[data-columns="8"] .desk-folder__name { font-size: 9px; }
}
@media (max-width: 700px) {
  .desks-ui-card-stacks { padding: 8px 16px 0; }
  .desks-ui-examples { padding: 16px 16px 0; }
}
@media (prefers-reduced-motion: reduce) {
  .desks-ui-portfolio *, .desks-ui-portfolio *::before, .desks-ui-portfolio *::after { transition: none !important; }
}
.desks-ui-folder-components { display: grid; gap: 8px; padding: 24px 24px 0; }
.desks-ui-folder-components__item { min-width: 0; border: 1px solid hsl(var(--border)); border-radius: var(--radius, 4px); background: hsl(var(--background)); color: hsl(var(--foreground)); }
.desks-ui-folder-components__item > summary { padding: 10px 12px; cursor: pointer; font-size: 12px; font-weight: 500; }
.desks-ui-folder-components__item > summary:focus-visible { outline: 2px solid hsl(var(--ring)); outline-offset: 2px; }
.desks-ui-folder-components__preview { height: 640px; overflow: auto; border-top: 1px solid hsl(var(--border)); }
@media (max-width: 700px) {
  .desks-ui-folder-components { padding: 16px 16px 0; }
}
.desk-icon-showcase { margin: 24px 0 30px; }
.desk-icon-showcase__grid { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); grid-auto-rows: 60px; min-width: 0; gap: 1px; overflow: hidden; border: 1px solid hsl(var(--border) / .45); border-radius: var(--radius, 8px); background: hsl(var(--border) / .45); }
.desk-icon-showcase__cell { display: flex; align-items: center; justify-content: center; min-width: 0; padding: 4px; background: var(--core-frame); }
.desk-icon { display: flex; flex-direction: column; align-items: center; gap: 2px; width: 100%; max-width: 104px; min-width: 0; }
.desk-icon__trigger { display: grid; flex: none; place-items: center; width: 36px; height: 36px; padding: 0; border: 1px solid transparent; border-radius: min(4px, var(--radius, 4px)); background: transparent; color: var(--core-ink); box-shadow: none; cursor: pointer; transition: background 120ms ease, border-color 120ms ease; }
.desk-icon__trigger:is(:hover, :focus-visible) { background: var(--core-hover); border-color: var(--core-button-line); }
.desk-icon__trigger:active { background: var(--core-field); }
.desk-icon__name { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--core-muted); font-size: 10px; line-height: 14px; text-align: center; }
.desk-icon__stage { display: grid; flex: none; place-items: center; width: 28px; height: 28px; }
.desk-icon__glyph { display: block; -o-object-fit: contain; object-fit: contain; }
.desk-icon__custom { color: var(--core-ink); }
.desk-icon__custom > svg { display: block; width: 100%; height: 100%; }
.desk-icon-dialog { max-width: 420px; }
.desk-icon-dialog__preview { display: grid; place-items: center; min-height: 180px; padding: 30px 20px; background: var(--core-panel); }
.desk-icon-dialog__preview .desk-icon__stage { width: 96px; height: 96px; }
@media (prefers-reduced-motion: reduce) { .desk-icon__trigger { transition: none; } }
.hover-document-demo { margin: 24px 24px 0; overflow: hidden; border: 1px solid hsl(var(--border)); border-radius: var(--radius, 8px); color: hsl(var(--foreground)); background: hsl(var(--background)); }
.hover-document-demo__header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 10px 12px; list-style: none; cursor: pointer; font-size: 12px; font-weight: 500; }
.hover-document-demo__header::-webkit-details-marker { display: none; }
.hover-document-demo__header:focus-visible { outline: 2px solid hsl(var(--ring)); outline-offset: -2px; }
.hover-document-demo__count { margin-left: 8px; color: hsl(var(--muted-foreground)); font-size: 10px; font-weight: 400; }
.hover-document-demo details[open] > summary { border-bottom: 1px solid hsl(var(--border)); }
.hover-document-demo details[open] > summary > svg { transform: rotate(180deg); }
.hover-document-demo__surface { display: flex; flex-direction: column; align-items: center; padding: 12px 8px 18px; background: color-mix(in srgb, hsl(var(--muted)) 32%, hsl(var(--background))); }
.hover-document-folder { --folder-edge: color-mix(in srgb, hsl(var(--foreground)) 72%, hsl(var(--background))); --folder-front: color-mix(in srgb, hsl(var(--muted-foreground)) 47%, hsl(var(--background))); position: relative; isolation: isolate; width: 320px; max-width: 100%; height: 354px; }
.hover-document-folder__back { position: absolute; z-index: 0; right: 20px; bottom: 40px; left: 20px; height: 190px; border: 1px solid var(--folder-edge); border-radius: 5px 5px 2px 2px; background: color-mix(in srgb, hsl(var(--muted-foreground)) 32%, hsl(var(--background))); }
.hover-document-folder__papers { position: absolute; z-index: 1; inset: 0; pointer-events: none; transition: opacity 180ms; }
.hover-document-folder__papers i { position: absolute; right: calc(52px - var(--paper-index) * 7px); bottom: calc(90px - var(--paper-index) * 12px); left: calc(52px - var(--paper-index) * 7px); height: 160px; border: 1px solid #353535; border-radius: 5px 5px 0 0; background: hsl(40 12% calc(99% - var(--paper-index) * 7%)); }
.hover-document-folder__front { position: absolute; z-index: 3; right: 24px; bottom: 8px; left: 24px; height: 202px; padding: 0; border: 0; background: transparent; color: var(--folder-edge); cursor: pointer; transform-origin: center bottom; transition: transform 300ms cubic-bezier(.2,.8,.2,1); }
.hover-document-folder__front svg:not(.lucide) { display: block; width: 100%; height: 100%; overflow: visible; filter: drop-shadow(0 6px 2px rgb(0 0 0 / .15)); }
.hover-document-folder__front path { fill: var(--folder-front); stroke: var(--folder-edge); stroke-width: 4; }
.hover-document-folder__label { position: absolute; inset: 60px 20px 24px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; color: hsl(var(--foreground)); }
.hover-document-folder__label strong { font-size: 13px; font-weight: 500; }
.hover-document-folder__label > span { font-size: 10px; opacity: .65; }
.hover-document-folder__pin { position: absolute; right: 24px; bottom: 32px; opacity: 0; }
.hover-document-folder[data-pinned="true"] .hover-document-folder__pin { opacity: .7; }
.hover-document-folder__stack { position: absolute; z-index: 2; top: 8px; right: 27px; left: 27px; height: 252px; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: hsl(var(--muted-foreground) / .45) transparent; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(65px) scale(.9); transform-origin: center bottom; transition: opacity 220ms, transform 300ms cubic-bezier(.2,.8,.2,1), visibility 220ms; }
.hover-document-folder__stack ol { list-style: none; margin: 0; padding: 12px 12px 90px; }
.hover-document-folder__stack li { position: relative; margin: 0 0 -154px; }
.hover-document-folder__stack li:last-child { margin-bottom: 0; }
.hover-document-folder__stack li:hover, .hover-document-folder__stack li:focus-within { z-index: 2; }
.hover-document-folder__document { display: block; width: 100%; height: 226px; overflow: hidden; padding: 0; border: 3px solid #c8c5bf; border-radius: 5px; background: #fffefa; box-shadow: 0 -3px 10px rgb(0 0 0 / .09); text-align: left; cursor: pointer; transition: transform 180ms, box-shadow 180ms; }
.hover-document-folder__document:hover, .hover-document-folder__document:focus-visible { transform: translateY(-7px) rotate(-1deg); box-shadow: 0 -3px 14px rgb(0 0 0 / .16); }
.hover-document-folder[data-open="true"] .hover-document-folder__front { transform: translateY(17px) scaleY(.74); }
.hover-document-folder[data-open="true"] .hover-document-folder__papers { opacity: 0; }
.hover-document-folder[data-open="true"] .hover-document-folder__stack { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0) scale(1); }
.hover-document-folder__front:focus-visible, .hover-document-folder__document:focus-visible, .hover-document-folder__stack:focus-visible { outline: 2px solid hsl(var(--ring)); outline-offset: 3px; }
.hover-document-demo__hint { display: flex; align-items: center; justify-content: center; gap: 6px; margin: 4px 0 0; color: hsl(var(--muted-foreground)); font-size: 10px; text-align: center; }
.hover-document-sheet { display: flex; flex-direction: column; height: 100%; min-height: 0; padding: 14px; background: #fffefa; color: #303332; font-family: inherit; }
.hover-document-sheet__eyebrow, .hover-document-sheet__footer { display: flex; justify-content: space-between; gap: 8px; color: #7c807c; font-size: 5px; font-weight: 500; letter-spacing: .07em; text-transform: uppercase; }
.hover-document-sheet h3 { margin: 12px 0 6px; font-size: 15px; font-weight: 600; line-height: 1.15; letter-spacing: -.035em; }
.hover-document-sheet__intro { margin: 0 0 9px; padding-bottom: 9px; border-bottom: 1px solid #e4e3dc; color: #69716a; font-size: 7px; line-height: 1.5; }
.hover-document-sheet__body p { margin: 0 0 7px; font-size: 6px; line-height: 1.6; white-space: pre-line; }
.hover-document-sheet__footer { margin-top: auto; padding-top: 10px; border-top: 1px solid #e4e3dc; }
.hover-document-sheet__table-row, .hover-document-sheet__total { display: flex; justify-content: space-between; gap: 8px; padding: 5px 0; border-bottom: 1px solid #e4e3dc; font-size: 7px; }
.hover-document-sheet__total { margin-top: 7px; border: 0; font-weight: 600; }
.hover-document-sheet__swatches { display: flex; height: 35px; gap: 4px; margin-bottom: 10px; }
.hover-document-sheet__swatches i { flex: 1; background: #3e4c43; }
.hover-document-sheet__swatches i:nth-child(2) { background: #99a491; }
.hover-document-sheet__swatches i:nth-child(3) { background: #d7ccb5; }
.hover-document-sheet__swatches i:nth-child(4) { background: #ece8df; }
.hover-document-sheet__chart { display: flex; align-items: flex-end; height: 43px; gap: 6px; margin-bottom: 10px; border-bottom: 1px solid #d1d5ce; }
.hover-document-sheet__chart i { flex: 1; background: #8c9f8b; border-radius: 2px 2px 0 0; }
.hover-document-sheet__check { display: inline-flex; align-items: center; justify-content: center; width: 8px; height: 8px; margin-right: 5px; border: 1px solid #a7b2a2; border-radius: 2px; vertical-align: middle; font-size: 6px; }
.hover-document-sheet[data-layout="timeline"] .hover-document-sheet__body { padding-left: 8px; border-left: 2px solid #a7b2a2; }
.hover-document-sheet[data-layout="notes"] .hover-document-sheet__body p { padding-bottom: 6px; border-bottom: 1px solid #e4e3dc; }
.hover-document-sheet[data-layout="proposal"] h3 { max-width: 150px; font-family: Georgia, serif; font-size: 23px; font-weight: 400; }
.hover-document-sheet[data-layout="letter"] .hover-document-sheet__body { font-family: Georgia, serif; }
.hover-document-dialog { max-height: 90dvh; max-width: 480px; overflow-y: auto; }
.hover-document-dialog__page { padding: 20px; background: hsl(var(--muted)); }
.hover-document-dialog .hover-document-sheet { min-height: 460px; padding: 28px; border: 1px solid #deddd6; }
.hover-document-dialog .hover-document-sheet h3 { margin-top: 28px; font-size: 30px; }
.hover-document-dialog .hover-document-sheet__intro { margin-bottom: 18px; padding-bottom: 18px; font-size: 12px; }
.hover-document-dialog .hover-document-sheet__body p { margin-bottom: 14px; font-size: 11px; }
.hover-document-dialog .hover-document-sheet__eyebrow, .hover-document-dialog .hover-document-sheet__footer { font-size: 8px; }
.hover-document-dialog .hover-document-sheet__table-row, .hover-document-dialog .hover-document-sheet__total { padding: 10px 0; font-size: 12px; }
.hover-document-dialog .hover-document-sheet__swatches { height: 65px; margin-bottom: 20px; }
.hover-document-dialog .hover-document-sheet__chart { height: 85px; margin-bottom: 20px; }
.hover-document-dialog .hover-document-sheet__check { width: 12px; height: 12px; font-size: 9px; }
@media (max-width: 700px) { .hover-document-demo { margin: 16px 16px 0; } }
@media (prefers-reduced-motion: reduce) { .hover-document-folder *, .hover-document-folder *::before, .hover-document-folder *::after { transition: none !important; } }
/* Each new chrome tab is one continuous document, with no preview picker or index sidebar. */
.pui-continuous-gallery > .pui-library-toolbar { flex-shrink: 0; }
.pui-continuous-list { display: flex; flex-direction: column; gap: 24px; padding: 12px; }
.pui-continuous-example { flex: 0 0 auto; min-width: 0; border: 1px solid hsl(var(--border)); border-radius: 4px; background: hsl(var(--background)); }
.pui-continuous-example-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 10px; border-bottom: 1px solid hsl(var(--border)); }
.pui-continuous-example-heading h2 { margin: 0; font-size: var(--pui-text-heading, 14px); font-weight: 500; }
.pui-continuous-preview { min-width: 0; padding: 8px; }
.pui-continuous-preview .pui-library-reference-page { min-height: 420px; }
.pui-continuous-source { padding: 8px 10px; border-top: 1px solid hsl(var(--border)); }
.pui-continuous-source > summary { cursor: pointer; color: hsl(var(--muted-foreground)); }
.pui-continuous-source > pre { overflow: auto; }
.pui-continuous-source > label { display: block; margin-top: 8px; }
.pui-continuous-source textarea { display: block; width: 100%; padding: 6px; border: 1px solid hsl(var(--border)); background: hsl(var(--card)); color: hsl(var(--foreground)); }

/* Components-library reference layout, scoped to Primary UI and its appearance tokens. */
.pui-component-library {
  container: primary-library / inline-size;
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
  background: hsl(var(--background));
  color: hsl(var(--foreground));
  font-family: inherit;
  font-size: var(--pui-text, 12px);
  line-height: 1.5;
}
.pui-component-library button { font: inherit; cursor: pointer; }
/* The Design System owns the page header, appearance and scrolling. */
.pui-component-library[data-primary-ui-library-embedded] { display: block; flex: none; height: auto; overflow: visible; background: transparent; }
.pui-component-library[data-primary-ui-library-embedded] > .pui-library-body,
.pui-component-library[data-primary-ui-library-embedded] > .pui-library-body > .pui-library-workspace { display: block; flex: none; }
.pui-component-library[data-primary-ui-library-embedded] > .pui-library-body > .pui-library-toolbar { min-height: 28px; padding: 0 0 8px; }
.wds-library-tools .pui-library-toolbar { min-height: 22px; padding: 0; margin: 0; border: 0; }
.pui-component-library[data-primary-ui-library-embedded] > .pui-library-body > .pui-library-workspace > .pui-library-scroll { overflow: visible; overscroll-behavior: auto; }
.pui-component-library[data-primary-ui-library-embedded] .pui-library-overview,
.pui-component-library[data-primary-ui-library-embedded] .pui-library-detail { padding-inline: 0; }
.pui-component-library[data-primary-ui-library-embedded] .pui-library-overview { padding-block: 0; }
.pui-library-accordion-group .pui-library-accordion-content > .pui-library-overview-section:first-child { padding-top: 0; }
.pui-library-accordion-group .pui-library-fold-count { margin-left: auto; }
.pui-component-library button:disabled { cursor: default; opacity: .4; }
.pui-component-library button:focus-visible,
.pui-component-library input:focus-visible,
.pui-component-library textarea:focus-visible { outline: 2px solid hsl(var(--ring)); outline-offset: 2px; }
.pui-component-library [hidden] { display: none !important; }
.pui-library-search { display: flex; flex: 0 1 220px; align-items: center; gap: 5px; min-width: 120px; height: 26px; padding: 0 7px; border: 1px solid hsl(var(--border)); border-radius: 3px; background: hsl(var(--muted) / .2); color: hsl(var(--muted-foreground)); }
.pui-library-search input { width: 100%; min-width: 0; height: 24px; padding: 0; border: 0; outline: none; background: transparent; color: hsl(var(--foreground)); font: inherit; font-size: var(--pui-text-meta, 13px) !important; }
.pui-library-search input::-moz-placeholder { color: hsl(var(--muted-foreground)); }
.pui-library-search input::placeholder { color: hsl(var(--muted-foreground)); }
.pui-library-search button { display: flex; padding: 2px; background: transparent; border: 0; color: inherit; }
.pui-library-appearance-menu { position: relative; flex-shrink: 0; }
.pui-library-appearance-menu > summary { list-style: none; cursor: pointer; }
.pui-library-appearance-menu > summary::-webkit-details-marker { display: none; }
.pui-library-appearance { position: absolute; top: calc(100% + 6px); right: 0; z-index: 10; width: 224px; max-height: min(60vh, 480px); overflow-y: auto; padding: 8px; border: 1px solid hsl(var(--border)); border-radius: 6px; background: hsl(var(--popover)); box-shadow: 0 4px 12px rgb(0 0 0 / .2); }
.pui-library-appearance details { margin-top: 6px; }
.pui-library-appearance summary { padding: 3px 0; color: hsl(var(--muted-foreground)); cursor: pointer; font-size: var(--pui-text, 12px); }
.pui-library-appearance details[open] summary { margin-bottom: 6px; }
.pui-library-appearance :is(button, span, summary) { font-size: var(--pui-text, 12px) !important; }
.pui-library-appearance [aria-label="Preview theme"] { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; }
.pui-library-appearance [aria-label="Preview theme"] button > span:first-child { width: 24px; height: 24px; }
.pui-library-body { display: flex; flex: 1; flex-direction: column; min-height: 0; min-width: 0; }
.pui-library-toolbar { display: flex; flex-shrink: 0; flex-wrap: wrap; align-items: center; gap: 8px; min-height: 36px; padding: 5px 12px; border-bottom: 1px solid hsl(var(--border)); }
.pui-library-toolbar-title { flex: 1; min-width: 0; margin: 0; font-size: var(--pui-text-meta, 13px) !important; font-weight: 500; }
.pui-library-toolbar > .pui-library-button, .pui-library-toolbar > .pui-library-appearance-menu > summary { min-height: 24px; border-radius: 3px; font-size: var(--pui-text, 12px) !important; }
.pui-library-toolbar nav { display: flex; flex: 1; align-items: center; gap: 7px; min-width: 0; overflow: hidden; color: hsl(var(--muted-foreground)); font-size: var(--pui-text, 12px); }
.pui-library-toolbar nav button { flex-shrink: 0; border: 0; background: transparent; color: inherit; font-size: var(--pui-text, 12px); }
.pui-library-toolbar nav button:hover { color: hsl(var(--foreground)); }
.pui-library-toolbar nav > span { overflow: hidden; color: hsl(var(--foreground)); text-overflow: ellipsis; white-space: nowrap; }
.pui-library-result-count { flex-shrink: 0; color: hsl(var(--muted-foreground)); font-size: var(--pui-text, 12px); font-variant-numeric: tabular-nums; }
.pui-library-workspace { display: flex; flex: 1; min-height: 0; min-width: 0; }
.pui-library-scroll { flex: 1; min-height: 0; min-width: 0; overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; overflow-anchor: none; }
.pui-library-overview, .pui-library-detail { width: 100%; min-width: 0; margin: 0; padding: 8px 12px 24px; }
.pui-library-page-heading { display: flex; flex-direction: column; gap: 4px; margin-bottom: 12px; }
.pui-library-eyebrow { color: hsl(var(--muted-foreground)); font-family: var(--font-mono, monospace); font-size: var(--pui-text, 12px); }
.pui-library-page-heading h1 { margin: 0; color: hsl(var(--foreground)); font-size: var(--pui-text, 12px) !important; font-weight: 600; line-height: 1.4 !important; }
.pui-library-page-heading > p { max-width: 720px; margin: 0; color: hsl(var(--muted-foreground)); font-size: var(--pui-text, 12px); line-height: 1.5; }
.pui-library-overview-group { margin: 0; border-bottom: 1px solid hsl(var(--border) / .6); }
.pui-library-inline-group { padding-bottom: 8px; margin-bottom: 4px; border-bottom: 1px solid hsl(var(--border) / .6); }
.pui-library-inline-group > .pui-library-overview-section { padding-top: 0; }
.pui-library-overview-group-heading { display: flex; width: 100%; padding: 0; background: transparent; color: hsl(var(--foreground)); }
.pui-library-overview-group-heading h2 { width: 100%; margin: 0; font-size: var(--pui-text-meta, 13px) !important; font-weight: 500; line-height: 1.4; }
.pui-library-overview-section { padding-top: 10px; }
.pui-library-overview-section > h3 { display: flex; align-items: center; gap: 5px; margin: 0 0 6px; color: hsl(var(--foreground)); font-size: var(--pui-text, 12px); font-weight: 500; }
.pui-library-overview-section > h3 span { color: hsl(var(--muted-foreground)); font-size: var(--pui-text, 12px); }
.pui-library-examples { display: flex; min-width: 0; flex-direction: column; gap: 20px; }
.pui-component-library .pui-library-group-toggle { display: flex; width: 100%; min-height: 32px; align-items: center; gap: 8px; padding: 4px 6px; border: 0; border-radius: 3px; background: transparent; color: inherit; font-size: var(--pui-text-meta, 13px); text-align: left; }
.pui-library-group-toggle:hover { background: hsl(var(--muted) / .3); }
.pui-library-group-toggle > svg { flex-shrink: 0; color: hsl(var(--muted-foreground)); }
.pui-library-fold-count { min-width: 18px; padding: 0 4px; border-radius: 3px; background: hsl(var(--muted) / .45); color: hsl(var(--muted-foreground)); font-size: var(--pui-text, 12px); font-weight: 400; text-align: center; font-variant-numeric: tabular-nums; }
.pui-library-group-toggle[aria-expanded='true'] > svg, .pui-library-example-heading button[aria-expanded='true'] > svg { transform: rotate(90deg); }
.pui-library-group-content { padding: 0 6px 10px; }
.pui-library-group-content[hidden], .pui-library-example-body[hidden] { display: none; }
.pui-library-overview .pui-library-examples { gap: 4px; }
.pui-library-overview .pui-library-example + .pui-library-example { padding-top: 0; }
.pui-library-overview .pui-library-example-heading { margin: 0; }
.pui-library-example-heading h3 { width: 100%; }
.pui-library-example-heading h3 > button { width: 100%; min-height: 30px; }
.pui-library-example-body > .pui-library-actions { margin-block: 5px 8px; }
.pui-library-group-grid { padding-top: 10px; }
.pui-library-group-intro { margin-bottom: 20px; }
.pui-library-group-intro > h2 { margin: 0 0 10px; font-size: var(--pui-text, 12px) !important; font-weight: 500; }
.pui-library-example { min-width: 0; }
.pui-library-example + .pui-library-example { padding-top: 16px; border-top: 1px solid hsl(var(--border)); }
.pui-library-example-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }
.pui-library-example-heading h3 { margin: 0; font-size: var(--pui-text, 12px) !important; font-weight: 500; }
.pui-library-example-heading h3 button { display: flex; align-items: center; gap: 4px; padding: 0; border: 0; background: transparent; color: inherit; text-align: left; }
.pui-library-example-heading h3 button:hover { text-decoration: underline; }
.pui-library-example-heading .pui-library-actions { margin: 0; }
.pui-library-example-preview { min-width: 0; }
/* Component previews retain their original inherited typography. */
.pui-library-example-preview, .pui-library-live-stage { font-size: 13px; line-height: 1.5; }
.pui-library-example-preview .ui-build-gallery-card { border: 0; border-radius: 0; background: transparent; }
.pui-library-reference-preview { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; width: 270px; min-height: 190px; margin: 0 auto; padding: 23px; border: 1px solid hsl(var(--border)); border-radius: 9px; background: hsl(var(--card)); box-shadow: 0 4px 14px hsl(var(--foreground) / .04); }
.pui-library-reference-preview > svg { color: hsl(var(--muted-foreground)); }
.pui-library-reference-preview span { font-size: var(--pui-text, 12px); font-weight: 500; }
.pui-library-reference-preview i { width: 100%; height: 5px; border-radius: 3px; background: hsl(var(--muted-foreground) / .2); }
.pui-library-reference-preview i:last-child { width: 65%; }
.pui-library-title-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.pui-library-pager, .pui-library-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; }
.pui-library-actions { margin-top: 5px; }
.pui-library-button, .pui-library-icon-button { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; gap: 5px; min-height: 24px; padding: 3px 7px; border: 1px solid hsl(var(--border)); border-radius: 5px; background: hsl(var(--card)); color: hsl(var(--foreground)); font-size: var(--pui-text, 12px) !important; }
.pui-library-icon-button { width: 24px; padding: 0; }
.pui-library-button:hover, .pui-library-icon-button:hover { background: hsl(var(--accent)); }
.pui-library-button[aria-pressed=true] { background: hsl(var(--accent)); border-color: hsl(var(--foreground) / .3); }
.pui-library-detail-section { margin: 12px 0; scroll-margin-top: 12px; }
.pui-library-detail-section > h2 { margin: 0 0 6px; font-size: var(--pui-text, 12px) !important; font-weight: 600; }
.pui-library-preview-tabs { display: flex; gap: 12px; border-bottom: 1px solid hsl(var(--border)); margin-bottom: 8px; }
.pui-library-preview-tabs button { min-height: 26px; padding: 4px 0; border: 0; border-bottom: 2px solid transparent; background: transparent; color: hsl(var(--muted-foreground)); font-size: var(--pui-text, 12px); }
.pui-library-preview-tabs button[aria-selected=true] { border-bottom-color: hsl(var(--foreground)); color: hsl(var(--foreground)); }
.pui-library-live-stage { min-height: 320px; overflow: auto; border: 1px solid hsl(var(--border)); border-radius: 9px; background: hsl(var(--background)); }
.pui-library-live-stage > .module-error-boundary { min-width: 0; }
.pui-library-live-stage .ui-build-gallery-card { width: 100%; border: 0; border-radius: 0; }
.pui-library-reference-stage, .pui-library-sandbox-stage { height: min(72vh, 760px); min-height: 420px; overflow: auto; }
.pui-library-full-page, .pui-library-reference-page { min-width: 0; }
.pui-library-code-block { position: relative; margin: 0 0 8px; overflow: hidden; border: 1px solid hsl(var(--border)); border-radius: 8px; background: hsl(var(--muted) / .35); }
.pui-library-code-block > button { position: absolute; top: 6px; right: 6px; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border: 1px solid hsl(var(--border)); border-radius: 5px; background: hsl(var(--background)); color: hsl(var(--muted-foreground)); }
.pui-library-code-block code { font: inherit; }
.pui-library-code-block pre { max-height: 520px; overflow: auto; padding: 10px 38px 10px 10px; font-family: var(--font-mono, monospace); font-size: var(--pui-text, 12px); line-height: 1.5; white-space: pre; }
.pui-library-code-message, .pui-library-muted { margin: 8px 0; color: hsl(var(--muted-foreground)); font-size: var(--pui-text, 12px); }
.pui-library-source-path { display: flex; align-items: center; justify-content: space-between; gap: 6px; padding: 6px 8px; border: 1px solid hsl(var(--border)); border-radius: 6px; }
.pui-library-source-path code { overflow-wrap: anywhere; color: hsl(var(--muted-foreground)); font-size: var(--pui-text, 12px); }
#pui-library-notes > textarea { width: 100%; min-height: 80px; padding: 8px; resize: vertical; border: 1px solid hsl(var(--border)); border-radius: 6px; background: hsl(var(--background)); color: hsl(var(--foreground)); font: inherit; font-size: var(--pui-text, 12px); }
.pui-library-detail-footer { display: flex; border-top: 1px solid hsl(var(--border)); margin-top: 16px; padding-top: 8px; }
.pui-library-detail-footer button { display: flex; align-items: center; gap: 7px; border: 0; background: transparent; color: hsl(var(--muted-foreground)); font-size: var(--pui-text, 12px); }
.pui-library-toc { display: flex; flex: 0 0 128px; flex-direction: column; align-items: flex-start; gap: 6px; padding: 14px 10px; border-left: 1px solid hsl(var(--border) / .5); font-size: var(--pui-text, 12px); }
.pui-library-toc strong { font-size: var(--pui-text, 12px); font-weight: 500; }
.pui-library-toc button { padding: 0; border: 0; background: transparent; color: hsl(var(--muted-foreground)); font-size: var(--pui-text, 12px); text-align: left; }
.pui-library-empty { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 24px 12px; color: hsl(var(--muted-foreground)); text-align: center; }
.pui-library-empty h1, .pui-library-empty h2 { margin: 0; color: hsl(var(--foreground)); font-size: var(--pui-text, 12px); }
.pui-library-empty p { margin: 0; }
.pui-library-loading { display: flex; min-height: 150px; align-items: center; justify-content: center; color: hsl(var(--muted-foreground)); font-size: var(--pui-text, 12px); }
.pui-library-browser-overview { padding: 12px; }
.pui-library-browser { display: grid; grid-template-columns: 180px minmax(0, 1fr); align-items: start; gap: 16px; }
.pui-library-browser-index { position: sticky; top: 12px; max-height: calc(100vh - 200px); overflow-y: auto; padding-right: 12px; border-right: 1px solid hsl(var(--border)); scrollbar-width: thin; }
.pui-library-browser-index section + section { margin-top: 16px; }
.pui-library-browser-index h2 { display: flex; justify-content: space-between; gap: 8px; margin: 0 6px 5px; color: hsl(var(--muted-foreground)); font-size: var(--pui-text, 12px) !important; font-weight: 600; }
.pui-library-browser-index h2 span { font-weight: 400; font-variant-numeric: tabular-nums; }
.pui-library-browser-index button { display: block; width: 100%; min-height: 28px; padding: 5px 7px; border: 0; border-radius: 3px; background: transparent; color: hsl(var(--muted-foreground)); font-size: var(--pui-text-meta, 13px); line-height: 1.4; text-align: left; }
.pui-library-browser-index button:hover { background: hsl(var(--muted) / .35); color: hsl(var(--foreground)); }
.pui-library-browser-index button[aria-current] { background: hsl(var(--accent)); color: hsl(var(--foreground)); }
.pui-library-browser-stage, .pui-library-browser-preview { min-width: 0; }
.pui-library-browser-preview { font-size: 13px; }
.pui-library-browser-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 12px; }
.pui-library-browser-heading h2 { margin: 0; color: hsl(var(--foreground)); font-size: var(--pui-text-heading, 14px) !important; font-weight: 500; }
.pui-library-browser-heading .pui-library-actions { margin: 0; }
.pui-library-browser-picker { display: none; }
@container primary-library (max-width: 1100px) { .pui-library-toc { display: none; } }
@container primary-library (max-width: 760px) {
  .pui-library-browser { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .pui-library-browser-index { display: none; }
  .pui-library-browser-picker { display: flex; align-items: center; gap: 8px; color: hsl(var(--muted-foreground)); }
  .pui-library-browser-picker select { flex: 1; min-width: 0; min-height: 30px; padding: 4px 7px; border: 1px solid hsl(var(--border)); border-radius: 3px; background: hsl(var(--background)); color: hsl(var(--foreground)); font: inherit; font-size: var(--pui-text-meta, 13px); }
  .pui-library-toolbar { padding-inline: 12px; }
  .pui-library-toolbar nav > button:not(:first-child), .pui-library-toolbar nav > svg { display: none; }
  .pui-library-toolbar-title { flex-basis: 100%; }
  .pui-library-search { flex: 1; }
  .pui-library-overview, .pui-library-detail { padding: 8px 12px 24px; }
  .pui-library-examples { gap: 16px; }
}

/* Use the same reference surfaces in the embedded Design System library. */
[data-primary-ui-profile='design-system'] .pui-component-library { color: var(--pui-foreground); }
[data-primary-ui-profile='design-system'] .pui-library-toolbar { gap: 8px; border-color: var(--pui-divider); }
[data-primary-ui-profile='design-system'] .wds-library-tools .pui-library-toolbar { padding: 0; }
[data-primary-ui-profile='design-system'] .pui-library-search { flex-basis: 280px; gap: 8px; background: var(--pui-surface); color: var(--pui-muted); }
[data-primary-ui-profile='design-system'] .pui-library-search input { color: var(--pui-foreground); }
[data-primary-ui-profile='design-system'] .pui-library-search input::-moz-placeholder { color: var(--pui-muted); }
[data-primary-ui-profile='design-system'] .pui-library-search input::placeholder { color: var(--pui-muted); }
[data-primary-ui-profile='design-system'] .pui-library-search:focus-within { outline: 2px solid color-mix(in srgb, var(--pui-focus) 40%, transparent); outline-offset: 1px; }
[data-primary-ui-profile='design-system'] :is(.pui-library-appearance, .pui-library-live-stage, .pui-continuous-example, .pui-library-code-block, .pui-library-reference-preview) {
  border-color: var(--pui-border);
  border-radius: var(--pui-panel-radius);
  background: var(--pui-surface);
  color: var(--pui-foreground);
}
[data-primary-ui-profile='design-system'] .pui-library-appearance { padding: 12px; box-shadow: var(--pui-overlay-shadow); }
[data-primary-ui-profile='design-system'] .pui-library-appearance summary { padding-block: 6px; color: var(--pui-muted); }
[data-primary-ui-profile='design-system'] :is(.pui-library-result-count, .pui-library-code-message, .pui-library-muted, .pui-library-source-path code, .pui-library-eyebrow) { color: var(--pui-muted); font-size: var(--pui-text-meta); }
[data-primary-ui-profile='design-system'] :is(.pui-library-toolbar nav, .pui-library-toolbar nav button, .pui-library-detail-footer button) { color: var(--pui-muted); }
[data-primary-ui-profile='design-system'] :is(.pui-library-toolbar nav > span, .pui-library-page-heading h1, .pui-library-overview-section > h3, .pui-library-detail-section > h2) { color: var(--pui-foreground); }
[data-primary-ui-profile='design-system'] .pui-library-fold-count { min-width: 22px; padding: 2px 6px; border: 1px solid var(--pui-border); border-radius: var(--pui-radius); background: var(--pui-surface); color: var(--pui-muted); font-size: var(--pui-text-meta); }
[data-primary-ui-profile='design-system'] .pui-library-group-toggle { min-height: var(--pui-track-height); padding: 6px 8px; border-radius: var(--pui-radius); }
[data-primary-ui-profile='design-system'] .pui-library-group-toggle:hover { background: var(--pui-hover-fill); }
[data-primary-ui-profile='design-system'] .pui-library-group-content { padding: 4px 8px 12px; }
[data-primary-ui-profile='design-system'] .pui-library-overview .pui-library-examples { gap: 12px; }
[data-primary-ui-profile='design-system'] .pui-library-example + .pui-library-example { border-top-color: var(--pui-divider); }
[data-primary-ui-profile='design-system'] .pui-library-example-heading h3 > button { min-height: var(--pui-row-height); gap: 8px; }
[data-primary-ui-profile='design-system'] .pui-library-example-heading h3 button:hover { color: var(--pui-accent); text-decoration: none; }
[data-primary-ui-profile='design-system'] :is(.pui-library-actions, .pui-library-pager) { gap: 6px; }
[data-primary-ui-profile='design-system'] .pui-library-icon-button { width: var(--pui-control-height); }
[data-primary-ui-profile='design-system'] :is(.pui-library-source-path, #pui-library-notes > textarea, .pui-library-code-block > button, .pui-continuous-source textarea) { border-color: var(--pui-border); border-radius: var(--pui-radius); background: var(--pui-inset); color: var(--pui-foreground); }
[data-primary-ui-profile='design-system'] :is(.pui-library-preview-tabs, .pui-library-detail-footer, .pui-continuous-example-heading, .pui-continuous-source) { border-color: var(--pui-divider); }
[data-primary-ui-profile='design-system'] .pui-continuous-list { gap: 16px; padding: 12px; }
[data-primary-ui-profile='design-system'] .pui-continuous-example-heading { padding: 12px; }
[data-primary-ui-profile='design-system'] .pui-continuous-preview { padding: 12px; }
@layer primary-ui-controls {
  [data-primary-ui-profile='design-system'] .pui-library-search input { font-size: var(--pui-text-control) !important; }
  [data-primary-ui-profile='design-system'] .pui-library-appearance :is(button, span, summary) { font-size: var(--pui-text-control) !important; }
  [data-primary-ui-profile='design-system'] .pui-library-overview-group-heading h2 { font-size: var(--pui-text-heading) !important; }
  [data-primary-ui-profile='design-system'] .pui-library-example-heading h3 { font-size: var(--pui-text) !important; }
}
@font-face {
  font-family: 'Primary UI Inter';
  src: url('/uploaded-components/document-library/assets/inter-latin-400-normal-C38fXH4l.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

/* One density and type hierarchy for native previews and isolated source documents. */
@layer primary-ui-controls {
  [data-primary-ui-navigation-preview],
  [data-primary-ui-navigation-preview] * {
    font-family: var(--pui-font) !important;
    font-weight: 400 !important;
    font-synthesis: none;
  }
}
  [data-primary-ui-navigation-preview] { min-width: 0; font-size: var(--pui-text); line-height: var(--pui-line-text); }
  [data-primary-ui-navigation-preview] :is(button, input, select, textarea, summary) { font-size: var(--pui-text-control) !important; }
  [data-primary-ui-navigation-preview] :is(h2, h3, h4, [data-primary-ui-type='heading']) { font-size: var(--pui-text-heading) !important; }
  [data-primary-ui-navigation-preview] [data-primary-ui-type='meta'] { font-size: var(--pui-text-meta) !important; }
  [data-primary-ui-navigation-preview] :is(button, input, select, textarea, .lks-tree-row, .lks-stage, .lorikeet-sidebar-demo, .tls-frame) { border-radius: var(--pui-panel-radius) !important; }
  [data-primary-ui-navigation-preview] :is([role='tab'], .workspace-tab-button, [data-workspace-cell-tabs], [data-workspace-cell-tab]) { border-radius: 0 !important; }
  [data-primary-ui-navigation-preview] .workspace-tab-button {
    --pui-font: 'Primary UI Inter', ui-sans-serif, system-ui, sans-serif !important;
    --pui-text-control: 12px !important; --pui-weight-control: 400 !important;
    --pui-control-height: 24px !important; --pui-icon-size: 16px !important; --pui-radius: 0px !important;
    --nextjs-tab-height: 24px; --core-control-height: 24px;
  }
  [data-primary-ui-navigation-preview] .workspace-tab-button :is(svg, img, [data-rd-icon-plate]) { width: 16px !important; height: 16px !important; }
  [data-primary-ui-navigation-preview] .tls-panel { width: var(--pui-sidebar-width) !important; }
  [data-primary-ui-navigation-preview] .tls-rows { gap: 2px !important; padding: 6px !important; }
  [data-primary-ui-navigation-preview] :is(.tls-row, .workspace-sidebar-tab) { --pui-text-control: 13px !important; --pui-control-height: 28px !important; height: var(--pui-row-height) !important; min-height: var(--pui-row-height) !important; }
  [data-primary-ui-navigation-preview] .workspace-tab-button__face { gap: 8px !important; }
  [data-primary-ui-navigation-preview] .workspace-tab-button__label { font-size: var(--pui-text-control) !important; line-height: var(--pui-line-control) !important; }
  [data-primary-ui-navigation-preview] .workspace-tab-button:not(.workspace-sidebar-tab) .workspace-tab-button__label { font-size: var(--pui-tab-text) !important; }

  [data-primary-ui-navigation-preview] .lorikeet-sidebar-demo { font-family: var(--pui-font); font-size: var(--pui-text); }
  [data-primary-ui-navigation-preview] .lks-stage { height: 660px; min-height: 420px; }
  [data-primary-ui-navigation-preview] .lks-sidebar,
  [data-primary-ui-navigation-preview] .lks-sidebar :where(*) { font-size: var(--pui-text-control) !important; line-height: var(--pui-line-control) !important; text-transform: lowercase !important; }
  [data-primary-ui-navigation-preview] .lks-sidebar button { height: 28px; min-height: 28px; gap: 8px; padding: 0 6px; }
  [data-primary-ui-navigation-preview] .lks-sidebar :is(svg:not(.lks-tree-lines), img),
  [data-primary-ui-navigation-preview] .lks-content-title > img { width: 16px; height: 16px; flex-basis: 16px; }
  [data-primary-ui-navigation-preview] .lks-top-actions { flex-wrap: wrap; gap: 4px; padding: 6px; }
  [data-primary-ui-navigation-preview] .lks-top-actions button { height: 24px; min-height: 24px; }
  [data-primary-ui-navigation-preview] .lks-mode-bar { min-height: 36px; padding: 4px 6px; gap: 2px; }
  [data-primary-ui-navigation-preview] .lks-mode-bar button { font-size: var(--pui-tab-text) !important; }
  [data-primary-ui-navigation-preview] .lks-organiser { min-height: 36px; padding: 4px 8px; gap: 4px; }
  [data-primary-ui-navigation-preview] .lks-organiser > span { font-size: var(--pui-text-heading) !important; }
  [data-primary-ui-navigation-preview] .lks-sidebar .lks-icon-button { width: 28px; height: 28px; min-height: 28px; flex-basis: 28px; padding: 0; }
  [data-primary-ui-navigation-preview] .lks-search { padding: 0 8px 6px; gap: 4px; }
  [data-primary-ui-navigation-preview] .lks-search input { height: 28px; padding: 4px 6px; }
  [data-primary-ui-navigation-preview] .lks-scroll { padding: 6px; }
  [data-primary-ui-navigation-preview] .lks-tree { gap: 2px; }
  [data-primary-ui-navigation-preview] .lks-tree-row { height: 28px; min-height: 28px; -moz-column-gap: 4px; column-gap: 4px; }
  [data-primary-ui-navigation-preview] .lks-sidebar .lks-disclosure { width: 20px; flex-basis: 20px; padding: 0; }
  [data-primary-ui-navigation-preview] .lks-disclosure > svg { width: 12px; height: 12px; }
  [data-primary-ui-navigation-preview] .lks-sidebar .lks-node-label { padding: 0 8px; }
  [data-primary-ui-navigation-preview] .lks-sidebar .lks-row-control { width: 22px; flex-basis: 22px; padding: 0; }
  [data-primary-ui-navigation-preview] .lks-sidebar .lks-rename { height: 26px; }
  [data-primary-ui-navigation-preview] .lks-utilities { padding: 6px; }
  [data-primary-ui-navigation-preview] .lks-utilities > div:first-child { padding: 4px 6px; font-size: var(--pui-text-heading) !important; }
  [data-primary-ui-navigation-preview] .lks-utility-grid { gap: 2px; }
  [data-primary-ui-navigation-preview] :is(.lks-preview-heading, .lks-workspace, .lks-workspace > header, .lks-tool-form, .lks-menu, .lks-cards span) { font-size: var(--pui-text) !important; line-height: var(--pui-line-text); }
  [data-primary-ui-navigation-preview] .lks-content-title h3 { font-size: 16px !important; }
  [data-primary-ui-navigation-preview] .lks-menu-item { min-height: 28px; padding: 4px 8px; }
  [data-primary-ui-navigation-preview] :is(.lks-mode-bar [aria-selected='true'], .lks-tree-row[aria-selected='true']) { box-shadow: inset 2px 0 var(--pui-accent, #1887bf); }
/* Source dimensions are compensated once through the shared variables. */
[data-primary-ui-navigation-preview] [data-screen-label]:not([data-primary-ui-sidebar-only]) { height: calc(var(--pui-source-height) * var(--pui-document-scale, 1)) !important; }
[data-primary-ui-navigation-preview] [data-screen-label],
[data-primary-ui-navigation-preview] [data-screen-label] :not([data-workspace-cell-tabs], [data-workspace-cell-tabs] *) { border-radius: var(--pui-panel-radius) !important; }
[data-primary-ui-navigation-preview] [data-workspace-cell-tabs] { --pui-radius: 0px; }
[data-primary-ui-navigation-preview] [data-screen-label]:not([data-primary-ui-sidebar-only]) > div:first-child { height: var(--pui-track-height) !important; }
[data-primary-ui-navigation-preview] [data-screen-label]:not([data-primary-ui-sidebar-only]) > div:first-child > div:first-child { font-size: var(--pui-tab-text) !important; }
[data-primary-ui-navigation-preview] [data-screen-label]:not([data-primary-ui-sidebar-only]) > div:first-child [data-tip] { width: var(--pui-control-height) !important; height: calc(var(--pui-control-height) - 4px) !important; }
[data-primary-ui-navigation-preview] [data-primary-ui-nav-panel] { width: var(--pui-sidebar-width) !important; }
[data-primary-ui-navigation-preview] [data-primary-ui-nav-combined] { width: calc(var(--pui-sidebar-width) + var(--pui-rail-width)) !important; }
[data-primary-ui-navigation-preview] [data-primary-ui-nav-rail] { width: var(--pui-rail-width) !important; }
[data-primary-ui-navigation-preview] [data-primary-ui-nav-row] { height: var(--pui-row-height) !important; min-height: var(--pui-row-height); gap: var(--pui-gap) !important; }
[data-primary-ui-navigation-preview] [data-primary-ui-nav-rail-button] { width: calc(var(--pui-rail-width) - var(--pui-pad)) !important; height: calc(var(--pui-rail-width) - var(--pui-pad)) !important; }
[data-primary-ui-navigation-preview] [data-primary-ui-nav-rail-button] > div { font-size: var(--pui-icon-size) !important; }
[data-primary-ui-navigation-preview] [data-primary-ui-nav-icon] { font-size: var(--pui-icon-size) !important; }
[data-primary-ui-navigation-preview] [data-primary-ui-nav-title-action] { width: var(--pui-control-height) !important; height: calc(var(--pui-control-height) - 4px) !important; }
[data-primary-ui-navigation-preview] [data-workspace-cell-tab],
[data-primary-ui-navigation-preview] [data-workspace-cell-tab] > :not([data-workspace-cell-icon]) { font-size: var(--pui-tab-text) !important; }

/* Quiet, layered window surfaces; existing button faces and icon assets stay intact. */
[data-primary-ui-navigation-preview] {
  --pui-sidebar-tint: color-mix(in srgb, var(--pui-surface) 95%, var(--pui-foreground));
  --pui-window-line: color-mix(in srgb, var(--pui-surface) 84%, var(--pui-foreground));
}
[data-primary-ui-navigation-preview] :is([data-screen-label], .lks-stage, .tls-frame) {
  border-color: var(--pui-window-line) !important;
  box-shadow: 0 2px 8px rgb(0 0 0 / .12), inset 0 1px rgb(255 255 255 / .035);
}
[data-primary-ui-navigation-preview] [data-screen-label]:not([data-primary-ui-sidebar-only]) > div:first-child,
[data-primary-ui-navigation-preview] :is(.lks-preview-heading, .lks-workspace > header, .tls-head) {
  background: linear-gradient(color-mix(in srgb, var(--pui-surface) 92%, var(--pui-foreground)), var(--pui-surface));
  border-bottom-color: var(--pui-window-line);
  box-shadow: inset 0 1px rgb(255 255 255 / .035);
}
[data-primary-ui-navigation-preview] :is([data-primary-ui-nav-panel], [data-primary-ui-nav-combined], .lks-sidebar, .tls-panel) {
  background: var(--pui-sidebar-tint) !important;
  border-color: var(--pui-window-line) !important;
}
[data-primary-ui-navigation-preview] .lorikeet-sidebar-demo { --lks-bg: var(--pui-sidebar-tint); }
[data-primary-ui-navigation-preview] .lks-preview-heading { padding: 5px 10px; }
[data-primary-ui-navigation-preview] .lks-workspace > header { padding: 5px 12px; }
[data-primary-ui-navigation-preview] .lks-content { padding: 20px; }

[data-primary-ui-navigation-preview] :is([data-primary-ui-sidebar-content], [data-primary-ui-sidebar-content] *, .tls-panel, .tls-panel *, .tls-rail, .tls-rail *, .lks-menu, .lks-menu *, .workspace-sidebar-preview .pui-preview-fullscreen-button) { text-transform: lowercase !important; }
[data-primary-ui-navigation-preview] :is([data-primary-ui-sidebar-content], .lks-sidebar, .tls-panel) input::-moz-placeholder { text-transform: lowercase !important; }
[data-primary-ui-navigation-preview] :is([data-primary-ui-sidebar-content], .lks-sidebar, .tls-panel) input::placeholder { text-transform: lowercase !important; }

/* The Design System shares one rendered scale with its native and iframe previews. */
:is([data-primary-ui-profile='design-system'] [data-primary-ui-navigation-preview], [data-primary-ui-navigation-preview][data-primary-ui-profile='design-system']) {
  --pui-sidebar-tint: var(--pui-surface);
  --pui-window-line: var(--pui-border);
}
@layer primary-ui-controls {
  :is([data-primary-ui-profile='design-system'] [data-primary-ui-navigation-preview], [data-primary-ui-navigation-preview][data-primary-ui-profile='design-system']) :is(button, input, select, summary) { font-weight: var(--pui-weight-control) !important; }
  :is([data-primary-ui-profile='design-system'] [data-primary-ui-navigation-preview], [data-primary-ui-navigation-preview][data-primary-ui-profile='design-system']) :is(h2, h3, h4, [data-primary-ui-type='heading']) { font-weight: var(--pui-weight-heading) !important; }
}
:is([data-primary-ui-profile='design-system'] [data-primary-ui-navigation-preview], [data-primary-ui-navigation-preview][data-primary-ui-profile='design-system']) .workspace-tab-button {
  --pui-font: inherit !important;
  --pui-text-control: inherit !important;
  --pui-weight-control: inherit !important;
  --pui-control-height: inherit !important;
  --pui-icon-size: inherit !important;
  --pui-radius: inherit !important;
  --nextjs-tab-height: var(--pui-control-height);
  --core-control-height: var(--pui-control-height);
}
:is([data-primary-ui-profile='design-system'] [data-primary-ui-navigation-preview], [data-primary-ui-navigation-preview][data-primary-ui-profile='design-system']) .workspace-tab-button :is(svg, img, [data-rd-icon-plate]) {
  width: var(--pui-icon-size) !important;
  height: var(--pui-icon-size) !important;
}
:is([data-primary-ui-profile='design-system'] [data-primary-ui-navigation-preview], [data-primary-ui-navigation-preview][data-primary-ui-profile='design-system']) .workspace-tab-button__face { gap: var(--pui-gap) !important; }
:is([data-primary-ui-profile='design-system'] [data-primary-ui-navigation-preview], [data-primary-ui-navigation-preview][data-primary-ui-profile='design-system']) :is(.tls-row, .workspace-sidebar-tab) {
  --pui-text-control: inherit !important;
  --pui-control-height: var(--pui-row-height) !important;
}
:is([data-primary-ui-profile='design-system'] [data-primary-ui-navigation-preview], [data-primary-ui-navigation-preview][data-primary-ui-profile='design-system']) :is(.tls-rows, .navigation-tree) { padding: var(--pui-gap) !important; gap: 3px !important; }
:is([data-primary-ui-profile='design-system'] [data-primary-ui-navigation-preview], [data-primary-ui-navigation-preview][data-primary-ui-profile='design-system']) :is(button, input, select, textarea, .tls-row, [data-primary-ui-nav-row], [data-workspace-cell-tab]) { border-radius: var(--pui-radius) !important; }
:is([data-primary-ui-profile='design-system'] [data-primary-ui-navigation-preview], [data-primary-ui-navigation-preview][data-primary-ui-profile='design-system']) [data-workspace-cell-tabs] { --pui-radius: inherit; }
:is([data-primary-ui-profile='design-system'] [data-primary-ui-navigation-preview], [data-primary-ui-navigation-preview][data-primary-ui-profile='design-system']) :is([data-screen-label], .tls-frame, .workspace-container-frame) {
  border-color: var(--pui-border) !important;
  border-radius: var(--pui-panel-radius) !important;
  background: var(--pui-surface) !important;
  box-shadow: var(--pui-panel-shadow, 0 2px 8px rgb(0 0 0 / .12));
}
:is([data-primary-ui-profile='design-system'] [data-primary-ui-navigation-preview], [data-primary-ui-navigation-preview][data-primary-ui-profile='design-system']) :is(.tls-head, .creative-tools-workspace__titlebar, .creative-tools-workspace__inspector-header, .creative-tools-workspace__tabs) {
  min-height: var(--pui-track-height) !important;
  background: var(--pui-bar) !important;
  border-color: var(--pui-divider) !important;
  color: var(--pui-foreground) !important;
}
:is([data-primary-ui-profile='design-system'] [data-primary-ui-navigation-preview], [data-primary-ui-navigation-preview][data-primary-ui-profile='design-system']) :is(.creative-tools-workspace__sidebar, .creative-tools-workspace__directory, .creative-tools-workspace__inspector, .creative-tools-workspace__inspector-toolbar) {
  background: var(--pui-surface) !important;
  color: var(--pui-foreground) !important;
  border-color: var(--pui-border) !important;
}
:is([data-primary-ui-profile='design-system'] [data-primary-ui-navigation-preview], [data-primary-ui-navigation-preview][data-primary-ui-profile='design-system']) :is(.creative-tools-workspace__main, .creative-tools-workspace__well) { background: var(--pui-canvas) !important; }
:is([data-primary-ui-profile='design-system'] [data-primary-ui-navigation-preview], [data-primary-ui-navigation-preview][data-primary-ui-profile='design-system']) .creative-tools-workspace__row {
  height: var(--pui-row-height) !important;
  min-height: var(--pui-row-height) !important;
  padding-inline: var(--pui-pad) !important;
  background: transparent !important;
  color: var(--pui-foreground) !important;
  font-size: var(--pui-text-control) !important;
}
:is([data-primary-ui-profile='design-system'] [data-primary-ui-navigation-preview], [data-primary-ui-navigation-preview][data-primary-ui-profile='design-system']) .creative-tools-workspace__row:hover { background: var(--pui-hover-fill) !important; }
:is([data-primary-ui-profile='design-system'] [data-primary-ui-navigation-preview], [data-primary-ui-navigation-preview][data-primary-ui-profile='design-system']) .creative-tools-workspace__row[aria-pressed='true'] { background: var(--pui-selected-fill) !important; box-shadow: inset 2px 0 var(--pui-accent); }
:is([data-primary-ui-profile='design-system'] [data-primary-ui-navigation-preview], [data-primary-ui-navigation-preview][data-primary-ui-profile='design-system']) :is(.creative-tools-workspace__inspector-section > button, .creative-tools-workspace__inspector-section-content) { border-color: var(--pui-divider) !important; color: var(--pui-foreground) !important; }
:is([data-primary-ui-profile='design-system'] [data-primary-ui-navigation-preview], [data-primary-ui-navigation-preview][data-primary-ui-profile='design-system']) .creative-tools-workspace__inspector-section > button { min-height: var(--pui-row-height) !important; }
:is([data-primary-ui-profile='design-system'] [data-primary-ui-navigation-preview], [data-primary-ui-navigation-preview][data-primary-ui-profile='design-system']) .workspace-shell-content-seam { background: var(--pui-canvas) !important; }
:is([data-primary-ui-profile='design-system'] [data-primary-ui-navigation-preview], [data-primary-ui-navigation-preview][data-primary-ui-profile='design-system']) .workspace-shell-content-seam .bg-card {
  border-color: var(--pui-border) !important;
  border-radius: var(--pui-panel-radius);
  background: var(--pui-surface) !important;
  box-shadow: var(--pui-panel-shadow, 0 2px 8px rgb(0 0 0 / .12));
}
.pui-preview-expandable { position: relative; min-width: 0; }
.pui-preview-fullscreen-button { position: absolute; right: 8px; bottom: 8px; z-index: 2; display: inline-flex; align-items: center; gap: 5px; font-size: 12px !important; }
.workspace-sidebar-preview > .pui-preview-expandable { height: 100%; }
.pui-fullscreen-dialog[data-slot='dialog-content'] {
  position: fixed !important; inset: 0 !important; z-index: 10000;
  display: flex; flex-direction: column; gap: 0; width: 100%; height: 100%;
  max-width: none !important; max-height: none; min-width: 0; min-height: 0;
  margin: 0; padding: 0; border: 0; border-radius: 0;
  transform: none !important; translate: none !important; scale: none !important;
  overflow: hidden; background: var(--pui-canvas, hsl(var(--background)));
  color: var(--pui-foreground, hsl(var(--foreground))); animation: none !important;
}
.pui-fullscreen-heading { display: flex; flex: 0 0 32px; align-items: center; justify-content: space-between; gap: 12px; min-width: 0; padding: 0 10px; border-bottom: 1px solid hsl(var(--border)); background: var(--pui-bar, hsl(var(--card))); }
.pui-fullscreen-heading h2 { overflow: hidden; margin: 0; color: inherit; font-size: 12px !important; font-weight: 400 !important; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
.pui-fullscreen-heading > button { display: inline-flex; flex-shrink: 0; align-items: center; gap: 6px; min-height: 24px; font-size: 12px !important; }
.pui-fullscreen-escape { margin-left: 6px; color: hsl(var(--muted-foreground)); font-size: 11px; }
.pui-fullscreen-stage { display: flex; flex: 1; min-width: 0; min-height: 0; overflow: auto; }
.pui-fullscreen-stage > *,
.pui-fullscreen-stage :is(.pui-library-reference-page, .pui-library-reference-stage, .ui-build-gallery-card, .ui-build-demo-pane, .lorikeet-sidebar-demo) { display: flex; flex: 1; flex-direction: column; width: 100%; height: 100% !important; min-width: 0; min-height: 0 !important; max-height: none !important; padding: 0; border: 0; }
.pui-fullscreen-stage .lks-stage { flex: 1; height: auto !important; min-height: 0 !important; }
.pui-fullscreen-stage .tls-frame.tls-chrome { flex: 1; width: 100%; height: 100%; }
@media (max-width: 500px) { .pui-fullscreen-escape { display: none; } }
/* Small refinements for the current Primary UI preview only. */
[data-primary-ui-sidebar-refinements] .core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) .linux-container-title-bar[data-linux-controls-side="right"] > .linux-container-navigation:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) {
  order: -1;
}

[data-primary-ui-sidebar-refinements] .core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) .das-tree-icon:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) {
  color: var(--das-tree-glyph) !important;
  opacity: 1 !important;
  stroke-opacity: 1;
}

[data-primary-ui-sidebar-refinements] .core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) .das-tree-icon--folder:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) { --das-tree-glyph: #f4c76f; }
[data-primary-ui-sidebar-refinements] .core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) .das-tree-icon--code:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) { --das-tree-glyph: #79b8ff; }
[data-primary-ui-sidebar-refinements] .core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) .das-tree-icon--stylesheet:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) { --das-tree-glyph: #c4a1ff; }
[data-primary-ui-sidebar-refinements] .core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) .das-tree-icon--image:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) { --das-tree-glyph: #f09aaa; }
[data-primary-ui-sidebar-refinements] .core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) .das-tree-icon--document:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) { --das-tree-glyph: #79d4ae; }

[data-primary-ui-sidebar-refinements] .core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) :is(.tls-rail, .ui-ref-ps1-layer1-rail) .ui-ref-ps1-glow-icon:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) {
  background: color-mix(in srgb, var(--core-panel) 92%, var(--core-ink)) !important;
  border: 1px solid color-mix(in srgb, var(--core-panel) 76%, var(--core-ink)) !important;
}

[data-primary-ui-sidebar-refinements] .core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) :is(.tls-rail, .ui-ref-ps1-layer1-rail) .ui-ref-ps1-glow-icon:hover:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) {
  background: color-mix(in srgb, var(--core-panel) 86%, var(--core-ink)) !important;
}

[data-primary-ui-sidebar-refinements] .core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) :is(.tls-rail, .ui-ref-ps1-layer1-rail) .ui-ref-ps1-glow-icon:is([data-active="true"], [aria-current="page"], [aria-pressed="true"]):not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) {
  background: color-mix(in srgb, var(--core-panel) 80%, var(--core-ink)) !important;
  border-color: color-mix(in srgb, var(--core-panel) 62%, var(--core-ink)) !important;
}

[data-primary-ui-sidebar-refinements] .core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) :is(.tls-rail, .ui-ref-ps1-layer1-rail) :is(.core-workspace-rail-label, .ui-ref-ps1-sis-dest, [data-rd-icon-plate], svg, img):not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) {
  opacity: 1 !important;
}

[data-primary-ui-sidebar-refinements] .core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) .core-workspace-rail-label:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) {
  color: var(--core-ink) !important;
}

[data-primary-ui-sidebar-refinements] .core-workspace-ui[data-workspace-ui="modern"]:not([data-primary-ui-legacy]):not([data-primary-ui-legacy] *) :is(.tls-row, .ui-ref-ps1-tab.ui-ref-ps1-glow-row):not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) {
  min-height: 22px !important;
  height: 22px !important;
  line-height: 20px !important;
}

[data-primary-ui-sidebar-refinements] .core-workspace-ui.btb-frame[data-btb]:not(:where([data-primary-ui-legacy], [data-primary-ui-legacy] *)) {
  --core-control-height: 20px;
  --core-bar-height: 32px;
}
/* SanFran is the default; a local appearance audition can replace every text role. */
@font-face {
  font-family: 'SF Pro Text';
  src: url('/fonts/theme/sf-pro-text/SF-Pro-Text-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'SF Pro Text';
  src: url('/fonts/theme/sf-pro-text/SF-Pro-Text-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'SF Pro Text';
  src: url('/fonts/theme/sf-pro-text/SF-Pro-Text-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'SF Pro Text';
  src: url('/fonts/theme/sf-pro-text/SF-Pro-Text-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'SF Pro Text';
  src: url('/fonts/theme/sf-pro-text/SF-Pro-Text-RegularItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: 'SF Pro Text';
  src: url('/fonts/theme/sf-pro-text/SF-Pro-Text-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: 'SF Pro Text';
  src: url('/fonts/theme/sf-pro-text/SF-Pro-Text-SemiboldItalic.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: 'SF Pro Text';
  src: url('/fonts/theme/sf-pro-text/SF-Pro-Text-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: block;
}
[data-wds-typography] {
  --wds-font: var(--wds-preview-font, 'SF Pro Text');
  --wds-font-mono: var(--wds-font);
  --site-font-sans: var(--wds-font);
  --font-sans: var(--wds-font);
  --font-serif: var(--wds-font);
  --font-mono: var(--wds-font);
  --default-font-family: var(--wds-font);
}
/* The page ID supplies specificity above the site's font-picker rules.
   The attribute includes portalled menus and the standalone gallery. */
:is(#wds-design-system, [data-wds-typography]),
:is(#wds-design-system, [data-wds-typography]) *,
:is(#wds-design-system, [data-wds-typography])::before,
:is(#wds-design-system, [data-wds-typography])::after,
:is(#wds-design-system, [data-wds-typography]) *::before,
:is(#wds-design-system, [data-wds-typography]) *::after {
  font-family: var(--wds-font, 'SF Pro Text') !important;
}
/* Generated from Primary UI and workspaceDesignTheme.ts; verified by darkDashboardsArtifact.test.ts. */
:root[data-wds-typography] {
--pui-font:"SF Pro Text";
--pui-canvas:#121214;
--pui-surface:#141416;
--pui-inset:#0c0c0d;
--pui-raised:#242428;
--pui-foreground:#f7f7f7;
--pui-muted:#969ba3;
--pui-border:#3d3d42;
--pui-divider:#26262a;
--pui-bar:#191a1c;
--pui-control-fill:#28282c;
--pui-selected-fill:#242428;
--pui-hover-fill:color-mix(in srgb, #242428 92%, #f7f7f7);
--pui-control-ink:#f7f7f7;
--pui-accent:#1887bf;
--pui-focus:#1887bf;
--pui-control-height:22px;
--pui-track-height:28px;
--pui-row-height:24px;
--pui-icon-size:14px;
--pui-pad:8px;
--pui-gap:5px;
--pui-border-width:1px;
--pui-indicator-height:2px;
--pui-radius:3px;
--pui-panel-radius:6px;
--pui-overlay-radius:8px;
--pui-relief:none;
--pui-field-shadow:none;
--pui-selected-shadow:none;
--pui-overlay-shadow:0 8px 24px rgb(0 0 0 / .18);
--pui-success:oklch(.72 .13 155);
--pui-warning:oklch(.78 .13 75);
--pui-danger:oklch(.68 .15 25);
--pui-purple:oklch(.70 .13 300);
--pui-text:12px;
--pui-text-control:11px;
--pui-text-meta:13px;
--pui-text-heading:14px;
--pui-text-title:16px;
--pui-text-display:26px;
--pui-line-text:18px;
--pui-line-control:14px;
--pui-line-meta:16.5px;
--pui-line-heading:17px;
--pui-line-title:19px;
--pui-weight-text:400;
--pui-weight-control:500;
--pui-weight-meta:400;
--pui-weight-heading:500;
--pui-weight-title:500;
--workspace-cell-fill:var(--pui-control-fill);
--workspace-cell-selected-fill:var(--pui-selected-fill);
--workspace-cell-border:var(--pui-border);
--workspace-cell-ink:var(--pui-control-ink);
--workspace-cell-accent:var(--pui-accent);
--workspace-cell-height:var(--pui-control-height);
--workspace-cell-radius:var(--pui-radius);
--core-frame:var(--pui-canvas);
--core-panel:var(--pui-surface);
--core-ink:var(--pui-foreground);
--core-muted:var(--pui-muted);
--core-line:var(--pui-border);
--core-field:var(--pui-control-fill);
--core-bar:var(--pui-bar);
--core-hover:var(--pui-hover-fill);
--core-selected:var(--pui-selected-fill);
--core-button:var(--pui-control-fill);
--core-button-line:var(--pui-border);
--core-control-height:var(--pui-control-height);
--core-bar-height:var(--pui-track-height);
--core-row-height:var(--pui-row-height);
--core-control-label-size:var(--pui-text-control);
--core-relief:var(--pui-relief);
--core-inset:var(--pui-field-shadow);
}
.workspace-build-page, .wds-theme-host, .wds-page, .wds-tab-menu, :root[data-wds-typography] {
--wds-background:var(--pui-canvas);
--wds-surface:var(--pui-surface);
--wds-inset:var(--pui-inset);
--wds-raised:var(--pui-raised);
--wds-border:var(--pui-border);
--wds-divider:var(--pui-divider);
--wds-foreground:var(--pui-foreground);
--wds-secondary:var(--pui-muted);
--wds-muted:var(--pui-muted);
--wds-control:var(--pui-control-fill);
--wds-control-fill:var(--pui-control-fill);
--wds-control-border:var(--pui-border);
--wds-hover:var(--pui-hover-fill);
--wds-bar:var(--pui-bar);
--wds-selected:var(--pui-selected-fill);
--wds-accent-fill:color-mix(in srgb, var(--wds-accent) 12%, var(--pui-surface));
--wds-selected-fill:var(--pui-selected-fill);
--wds-hover-fill:var(--pui-hover-fill);
--wds-relief:var(--pui-relief);
--wds-field-shadow:var(--pui-field-shadow);
--wds-pressed-shadow:var(--pui-selected-shadow);
--wds-panel-effect:var(--pui-surface);
--wds-panel-shadow:none;
--wds-hover-shadow:none;
--wds-overlay-shadow:var(--pui-overlay-shadow);
--wds-site-accent:var(--pui-accent);
--wds-success:var(--pui-success);
--wds-warning:var(--pui-warning);
--wds-danger:var(--pui-danger);
--wds-purple:var(--pui-purple);
--wds-text:var(--pui-text);
--wds-text-control:var(--pui-text-control);
--wds-text-meta:var(--pui-text-meta);
--wds-text-heading:var(--pui-text-heading);
--wds-text-title:var(--pui-text-title);
--wds-text-display:var(--pui-text-display);
--wds-line-text:var(--pui-line-text);
--wds-line-control:var(--pui-line-control);
--wds-line-meta:var(--pui-line-meta);
--wds-line-heading:var(--pui-line-heading);
--wds-line-title:var(--pui-line-title);
--wds-weight-text:var(--pui-weight-text);
--wds-weight-control:var(--pui-weight-control);
--wds-weight-meta:var(--pui-weight-meta);
--wds-weight-heading:var(--pui-weight-heading);
--wds-weight-title:var(--pui-weight-title);
--wds-font:var(--wds-preview-font, "SF Pro Text");
--wds-font-mono:var(--wds-font);
--wds-accent:var(--pui-accent);
--wds-row:var(--pui-row-height);
--wds-control-height:var(--pui-control-height);
--wds-radius:var(--pui-panel-radius);
--wds-radius-small:var(--pui-radius);
--wds-radius-badge:var(--pui-radius);
--wds-radius-overlay:var(--pui-overlay-radius);
--wds-tab-idle:transparent;
--wds-tab-face:var(--pui-control-fill);
--wds-tab-selected:var(--pui-selected-fill);
--wds-tab-shadow:none;
--wds-tab-pressed-shadow:none;
}
/* Shared by Primary UI, the Design System and the isolated container adapter.
   A named important layer wins over old unlayered chrome overrides without
   increasing selector specificity. Every rule is limited to these surfaces. */
@layer primary-ui-controls {
  :is(.primary-ui-appearance, [data-primary-ui-appearance]) {
    font-family: var(--pui-font, "SF Pro Text") !important;
    font-size: var(--pui-text, 12px) !important;
    line-height: var(--pui-line-text, 18px) !important;
    font-weight: var(--pui-weight-text, 400) !important;
    color: var(--pui-foreground, hsl(var(--foreground)));
  }
  :is(.primary-ui-appearance, [data-primary-ui-appearance]) :is(*, *::before, *::after) {
    font-family: var(--pui-font, "SF Pro Text") !important;
  }
  :is(.primary-ui-appearance, [data-primary-ui-appearance]) :is(h1, [data-primary-ui-type='title']) {
    font-size: var(--pui-text-title) !important; line-height: var(--pui-line-title) !important; font-weight: var(--pui-weight-title) !important;
  }
  :is(.primary-ui-appearance, [data-primary-ui-appearance]) :is(h2, h3, h4, [data-primary-ui-type='heading']) {
    font-size: var(--pui-text-heading) !important; line-height: var(--pui-line-heading) !important; font-weight: var(--pui-weight-heading) !important;
  }
  :is(.primary-ui-appearance, [data-primary-ui-appearance]) :is(p, td, [data-primary-ui-type='body']) {
    font-size: var(--pui-text) !important; line-height: var(--pui-line-text) !important; font-weight: var(--pui-weight-text) !important;
  }
  :is(.primary-ui-appearance, [data-primary-ui-appearance]) :is(small, time, [data-primary-ui-type='meta']) {
    font-size: var(--pui-text-meta) !important; line-height: var(--pui-line-meta) !important; font-weight: var(--pui-weight-meta) !important;
  }
  :is([data-primary-ui-control], .workspace-tab-button[data-workspace-tab-style='cell'], .btb-row[data-workspace-cell-tabs] :is(.btb-search, .btb-select-wrap, .btb-add, .btb-view-btn), .primary-ui-appearance :is(.pui-library-button, .pui-library-icon-button, .pui-library-search, .pui-library-preview-tabs button, .pui-library-appearance-menu > summary)) {
    box-sizing: border-box; height: var(--pui-control-height, 22px) !important;
    min-height: var(--pui-control-height, 22px) !important; max-height: var(--pui-control-height, 22px) !important;
    border: var(--pui-border-width, 1px) solid var(--pui-border, hsl(var(--border))) !important;
    border-radius: var(--pui-radius, 3px) !important;
    background: var(--pui-control-fill, #28282c) !important; color: var(--pui-control-ink, #f7f7f7) !important;
    box-shadow: none !important; text-shadow: none !important; filter: none !important;
    font-family: var(--pui-font, "SF Pro Text") !important;
    font-size: var(--pui-text-control, 11px) !important; line-height: var(--pui-line-control, 14px) !important; font-weight: var(--pui-weight-control, 500) !important;
    letter-spacing: 0 !important;
  }
  [data-primary-ui-control] { padding: 0 var(--pui-pad, 8px) !important; }
  .primary-ui-appearance :is(.pui-library-button, .pui-library-icon-button, .pui-library-appearance-menu > summary) { padding: 0 var(--pui-pad, 8px) !important; }
  .primary-ui-appearance .pui-library-search input { font-size: var(--pui-text-control) !important; font-weight: var(--pui-weight-control) !important; height: auto !important; }
  .primary-ui-appearance .pui-library-preview-tabs { display: flex; gap: 0 !important; }
  .primary-ui-appearance .pui-library-preview-tabs button { padding: 0 var(--pui-pad, 8px) !important; border-radius: 0 !important; margin-left: -1px; }
  .primary-ui-appearance .pui-library-preview-tabs button[aria-selected='true'] { border-bottom: var(--pui-indicator-height) solid var(--pui-accent) !important; background: var(--pui-selected-fill) !important; }
  [data-primary-ui-control='button'] { display: inline-flex; align-items: center; justify-content: center; gap: var(--pui-gap, 5px); cursor: pointer; }
  [data-primary-ui-control='button'] :is(svg, img) { width: var(--pui-icon-size, 14px); height: var(--pui-icon-size, 14px); flex-shrink: 0; }
  [data-primary-ui-control]:is(:hover, [aria-pressed='true'], [aria-selected='true']) { background: var(--pui-hover-fill) !important; }
  [data-primary-ui-control]:disabled { opacity: .45; cursor: default; }
  [data-primary-ui-control]:focus-visible { outline: 2px solid var(--pui-focus) !important; outline-offset: -2px; }
  [data-primary-ui-control][data-primary-ui-variant='primary'] { border-color: var(--pui-accent) !important; }
  [data-primary-ui-control][data-primary-ui-variant='quiet'] { background: transparent !important; border-color: transparent !important; }
  [data-primary-ui-control]::-moz-placeholder { color: var(--pui-muted); opacity: 1; }
  [data-primary-ui-control]::placeholder { color: var(--pui-muted); opacity: 1; }
  [data-primary-ui-control='input'][type='checkbox'] { width: 12px; height: 12px !important; min-height: 12px !important; padding: 0 !important; accent-color: var(--pui-accent); }
  .workspace-tab-button[data-workspace-tab-style='cell'] {
    position: relative; display: inline-flex; align-items: center; flex: 0 0 auto !important; width: auto !important; min-width: 0 !important; max-width: none !important;
    padding: 0 !important; margin-inline-start: -1px; border-radius: 0 !important; overflow: visible;
  }
  .workspace-tab-button[data-workspace-tab-style='cell'] > .workspace-tab-button__face {
    box-sizing: border-box; display: flex; flex: 1 1 auto; align-items: center; justify-content: flex-start !important; width: 100%; min-width: 0; height: 100%;
    gap: var(--pui-gap, 5px) !important; padding: 0 var(--pui-pad, 8px) !important; border-radius: inherit !important;
    background: transparent !important; color: inherit !important; box-shadow: none !important; transform: none !important; filter: none !important;
    font: inherit !important; letter-spacing: 0 !important;
  }
  .workspace-tab-button[data-workspace-tab-style='cell'] :is(.workspace-tab-button__label, .core-workspace-tab-label) { font: inherit !important; }
  .workspace-tab-button[data-workspace-tab-style='cell']::after { content: ''; pointer-events: none; position: absolute; inset-inline: 0; bottom: 0; height: var(--pui-indicator-height, 2px); background: transparent; }
  .workspace-tab-button[data-workspace-tab-style='cell']:is([data-active='true'], [aria-selected='true'], [aria-current='page'], :active) { z-index: 1; background: var(--pui-selected-fill) !important; color: var(--pui-control-ink) !important; }
  .workspace-tab-button[data-workspace-tab-style='cell']:is([data-active='true'], [aria-selected='true'], [aria-current='page'], [data-custom-color])::after { background: var(--primary-tab-custom, var(--pui-accent, #1887bf)); }
  .workspace-tab-button[data-workspace-tab-style='cell']:hover:not(:disabled) { background: var(--pui-hover-fill) !important; color: var(--pui-control-ink) !important; }
  .workspace-tab-button[data-workspace-tab-style='cell']:focus-visible { z-index: 2; outline: 2px solid var(--pui-focus) !important; outline-offset: -2px !important; }
  .workspace-tab-button[data-workspace-tab-style='cell']:disabled { opacity: .45; cursor: default; }
  .workspace-tab-button[data-workspace-tab-style='cell'] .btb-chip-accent { display: none !important; }
  .workspace-tab-button[data-workspace-tab-style='cell'] :is(img, svg):not(.btb-control-icon) { width: var(--pui-icon-size, 14px) !important; height: var(--pui-icon-size, 14px) !important; opacity: 1; }
  .workspace-tab-button[data-workspace-tab-style='cell']:is([data-cell-first='true'], :first-child:not([data-cell-first])) { margin-inline-start: 0; border-start-start-radius: var(--pui-radius, 3px) !important; border-end-start-radius: var(--pui-radius, 3px) !important; }
  .workspace-tab-button[data-workspace-tab-style='cell']:is([data-cell-last='true'], :last-child:not([data-cell-last])) { border-start-end-radius: var(--pui-radius, 3px) !important; border-end-end-radius: var(--pui-radius, 3px) !important; }
  [data-workspace-cell-group] { display: inline-flex; flex: 0 0 auto; align-items: stretch; gap: 0 !important; }
  .btb-row-items[data-workspace-cell-group] > .contents { display: contents; }
  .btb-row[data-workspace-cell-tabs] {
    box-sizing: border-box; display: flex; align-items: center; height: var(--pui-track-height, 28px) !important; min-height: var(--pui-track-height, 28px) !important;
    padding: 3px 5px !important; gap: var(--pui-gap, 5px) !important; background: var(--pui-bar) !important; box-shadow: none !important;
  }
  .btb-row[data-workspace-cell-tabs]::after { content: none !important; }
  .btb-row[data-workspace-cell-tabs] :is(.btb-row-extras, .btb-search) { display: flex; align-items: center; gap: var(--pui-gap, 5px) !important; }
  .btb-row[data-workspace-cell-tabs] .btb-search { padding: 0 var(--pui-pad, 8px) !important; }
  .btb-row[data-workspace-cell-tabs] :is(.btb-search input, select.btb-select) {
    height: calc(var(--pui-control-height, 22px) - 2px) !important; min-height: 0 !important; max-height: none !important; border: 0 !important; border-radius: 0 !important;
    background: transparent !important; color: var(--pui-control-ink) !important; box-shadow: none !important; font: var(--pui-weight-control, 500) var(--pui-text-control, 11px)/var(--pui-line-control, 14px) var(--pui-font, "SF Pro Text") !important;
  }
  .btb-row[data-workspace-cell-tabs] .btb-search input::-moz-placeholder { color: var(--pui-control-ink) !important; opacity: 1; }
  .btb-row[data-workspace-cell-tabs] .btb-search input::placeholder { color: var(--pui-control-ink) !important; opacity: 1; }
  .btb-row[data-workspace-cell-tabs] .btb-select { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-inline: var(--pui-pad, 8px) 20px !important; }
  .btb-row[data-workspace-cell-tabs] .btb-chevron { inset-inline-end: 5px; }
  .btb-row[data-workspace-cell-tabs] .btb-control-icon { width: 11px !important; height: 11px !important; }
  .btb-row[data-workspace-cell-tabs] .btb-views { display: flex; height: var(--pui-control-height, 22px) !important; gap: 0 !important; padding: 0; border: 0 !important; background: transparent !important; box-shadow: none !important; }
  .btb-row[data-workspace-cell-tabs] .btb-view-btn { position: relative; width: 30px !important; padding: 0 7px !important; border-radius: 0 !important; margin-inline-start: -1px; }
  .btb-row[data-workspace-cell-tabs] .btb-view-btn:first-child { margin-inline-start: 0; border-start-start-radius: var(--pui-radius, 3px) !important; border-end-start-radius: var(--pui-radius, 3px) !important; }
  .btb-row[data-workspace-cell-tabs] .btb-view-btn:last-child { border-start-end-radius: var(--pui-radius, 3px) !important; border-end-end-radius: var(--pui-radius, 3px) !important; }
  .btb-row[data-workspace-cell-tabs] :is(.btb-add, .btb-view-btn):is(:hover, [data-active='true']) { background: var(--pui-selected-fill) !important; }
  .btb-row[data-workspace-cell-tabs] .btb-view-btn[data-active='true']::after { content: ''; position: absolute; inset-inline: 0; bottom: 0; height: var(--pui-indicator-height, 2px); background: var(--pui-accent); }
  .btb-row[data-workspace-cell-tabs] .btb-add { display: inline-flex; align-items: center; gap: var(--pui-gap, 5px); padding: 0 var(--pui-pad, 8px) !important; }
  .workspace-nav-views:not(.workspace-nav-views-horizontal) [data-workspace-cell-group] { flex-direction: column; }
  .workspace-nav-views:not(.workspace-nav-views-horizontal) [data-workspace-cell-group] > .workspace-tab-button[data-workspace-tab-style='cell'] { margin-inline-start: 0; margin-block-start: -1px; border-radius: 0 !important; }
  .workspace-nav-views:not(.workspace-nav-views-horizontal) [data-workspace-cell-group] > .workspace-tab-button[data-cell-first='true'] { margin-block-start: 0; border-start-start-radius: var(--pui-radius, 3px) !important; border-start-end-radius: var(--pui-radius, 3px) !important; }
  .workspace-nav-views:not(.workspace-nav-views-horizontal) [data-workspace-cell-group] > .workspace-tab-button[data-cell-last='true'] { border-end-start-radius: var(--pui-radius, 3px) !important; border-end-end-radius: var(--pui-radius, 3px) !important; }
  .nextjs-sidebar .workspace-tab-button[data-workspace-tab-style='cell'] { width: 100% !important; margin: 2px 0 !important; border-radius: var(--pui-radius, 3px) !important; }
  :is(.primary-ui-appearance, [data-primary-ui-appearance]) :is([role='menu'], [role='listbox'], [data-radix-menu-content]) { border: 1px solid var(--pui-border) !important; border-radius: var(--pui-overlay-radius) !important; background: var(--pui-surface) !important; color: var(--pui-foreground) !important; box-shadow: var(--pui-overlay-shadow) !important; }
  :is(.primary-ui-appearance, [data-primary-ui-appearance]) :is([role='menuitem'], [role='menuitemcheckbox'], [role='option']) { min-height: var(--pui-row-height); font-size: var(--pui-text-control) !important; line-height: var(--pui-line-control) !important; font-weight: var(--pui-weight-control) !important; }
}
.workspace-build-page, .wds-theme-host, .wds-page, .wds-tab-menu, :root[data-wds-typography] {
  --wds-gap: 8px; --wds-pad: 8px; --wds-section-gap: 16px;
  font-family: var(--wds-font); font-size: var(--wds-text); line-height: var(--wds-line-text); font-weight: var(--wds-weight-text);
  -webkit-font-smoothing: antialiased;
}
:root[data-wds-typography] { color-scheme: dark; }
.wds-page[data-density='comfortable'], :root[data-wds-typography][data-density='comfortable'] {
  --pui-row-height: 28px; --pui-control-height: 26px; --pui-track-height: 32px; --wds-pad: 12px;
}
.wds-tab-group, :root[data-wds-typography] :is(div, nav):has(> [data-wds-tab]) {
  display: inline-flex; flex: 0 0 auto; align-items: stretch; gap: 0 !important; padding: 0 !important; border: 0; background: transparent;
}
/* Native HTML adapters use the shared controls; these rules only bridge
   the original dashboard markup's direct text and active attributes. */
@layer primary-ui-controls {
  :root[data-wds-typography] [data-wds-tab] { padding-inline: var(--pui-pad) !important; gap: var(--pui-gap) !important; }
  :root[data-wds-typography] [data-wds-tab][data-wds-active='true'] { background: var(--pui-selected-fill) !important; }
  :root[data-wds-typography] :is(input, select) {
    box-sizing: border-box; height: var(--pui-control-height) !important; padding: 0 var(--pui-pad) !important;
    border: 1px solid var(--pui-border) !important; border-radius: var(--pui-radius) !important;
    background: var(--pui-control-fill) !important; color: var(--pui-control-ink) !important;
    font: var(--pui-weight-control) var(--pui-text-control)/var(--pui-line-control) var(--wds-font) !important; box-shadow: none !important;
  }
  :root[data-wds-typography] textarea {
    border: 1px solid var(--pui-border) !important; border-radius: var(--pui-radius) !important; background: var(--pui-control-fill) !important;
    color: var(--pui-foreground) !important; font: var(--pui-weight-text) var(--pui-text)/var(--pui-line-text) var(--wds-font) !important; box-shadow: none !important;
  }
}
:root[data-wds-typography] body {
  background: var(--wds-background);
  color: var(--wds-foreground);
  font: inherit;
}
:root[data-wds-typography] [data-screen-label] {
  border: 1px solid var(--wds-border) !important;
  border-radius: var(--wds-radius) !important;
  background: var(--wds-panel-effect) !important;
  box-shadow: var(--wds-panel-shadow);
  transition: border-color 160ms ease, box-shadow 160ms ease;
}
:root[data-wds-typography] [data-screen-label] > div:first-child {
  min-height: 32px;
  padding: var(--wds-gap) var(--wds-pad) !important;
  gap: var(--wds-gap) !important;
  font-size: var(--wds-text-heading) !important;
  line-height: var(--wds-line-heading) !important;
  font-weight: var(--wds-weight-heading) !important;
  border-bottom-color: color-mix(in srgb, var(--wds-border) 65%, transparent) !important;
  background: var(--wds-bar);
}
:root[data-wds-typography] [data-screen-label] {
  border-color: color-mix(in srgb, var(--wds-border) 75%, transparent) !important;
}
:root[data-wds-typography] [data-screen-label]:focus-within {
  border-color: color-mix(in srgb, var(--wds-accent) 28%, var(--wds-border)) !important;
}
@media (prefers-reduced-motion: reduce) {
  .wds-page *, :root[data-wds-typography] * { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
  .wds-page .wds-button, :root[data-wds-typography] [data-wds-control] { translate: none !important; }
}
:root[data-wds-typography][data-corners='sharp'] :is(button, input, select, textarea, [data-wds-control], [data-wds-tab]) { border-radius: 0 !important; }
.workspace-build-page { display: flex; flex: 1; flex-direction: column; min-width: 0; min-height: 0; overflow: hidden; background: var(--wds-background); color: var(--wds-foreground); }
.workspace-build-page .workspace-build-tabs { flex: 0 0 auto; align-self: flex-start; width: -moz-fit-content; width: fit-content; max-width: calc(100% - 24px); height: 30px; min-height: 30px; margin: 0 12px; padding: 4px 0; gap: 0; border: 0; border-radius: 0; background: transparent; overflow-x: auto; }
.workspace-build-tabs [role='tab'] { height: 100%; padding: 0 8px; border: 0; border-radius: 2px; background: var(--wds-control); color: var(--wds-secondary); font-size: var(--wds-text-control); line-height: var(--wds-line-control); font-weight: var(--wds-weight-control); box-shadow: none !important; }
.workspace-build-tabs [role='tab'][data-state='active'] { background: var(--wds-selected); color: var(--wds-foreground); }
.workspace-build-tabs [role='tab']:hover { background: var(--wds-hover); color: var(--wds-foreground); }
.workspace-build-tabs [role='tab']:focus-visible { outline: 2px solid var(--wds-accent); outline-offset: -2px; }
.workspace-build-panel { display: flex; flex: 1; min-width: 0; min-height: 0; margin: 0; overflow: hidden; }
.workspace-build-panel[hidden] { display: none !important; }
.wds-page {
  flex: 1;
  min-height: 0;
  width: auto;
  min-width: 0;
  align-self: stretch;
  overflow: auto;
  overscroll-behavior: contain;
  background: var(--wds-background);
  color: var(--wds-foreground);
  scrollbar-gutter: stable;
  zoom: var(--wds-preview-scale, 1);
}
.wds-page * { box-sizing: border-box; }
.wds-page h1, .wds-page h2, .wds-page h3, .wds-page p, .wds-page fieldset { margin: 0; }
.wds-page h1 { font-size: var(--wds-text-title); font-weight: var(--wds-weight-title); letter-spacing: -.025em; line-height: var(--wds-line-title); }
.wds-page h2 { font-size: var(--wds-text-heading); line-height: var(--wds-line-heading); font-weight: var(--wds-weight-heading); letter-spacing: -.01em; }
.wds-page h3 { font-size: var(--wds-text-heading); line-height: var(--wds-line-heading); font-weight: var(--wds-weight-heading); }
.wds-page code, .wds-index { font-family: var(--wds-font-mono); font-size: var(--wds-text-meta); line-height: var(--wds-line-meta); }
.wds-page button { cursor: pointer; }
.wds-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; line-height: 0; pointer-events: none; }
.wds-icon img { display: block; max-width: 100%; max-height: 100%; }
.wds-page button:disabled { cursor: default; }
.wds-content { width: 100%; margin: 0; padding: 16px 16px 24px; }
.wds-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; padding: 0 0 8px; }
.wds-header-actions, .wds-action-samples, .wds-status-samples { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.wds-label { display: inline-flex; align-items: center; width: -moz-fit-content; width: fit-content; color: var(--wds-secondary); font-size: var(--wds-text-meta); line-height: var(--wds-line-meta); border: 1px solid var(--wds-border); border-radius: var(--wds-radius-badge); padding: 1px 4px; line-height: 1.5; }
.wds-muted { color: var(--wds-secondary); }
.wds-section { margin-bottom: 4px; scroll-margin-top: 8px; border: 1px solid var(--wds-divider); border-radius: var(--wds-radius-small); overflow: hidden; }
.wds-section-heading { display: flex; }
.wds-section-trigger { display: flex; align-items: center; gap: 6px; width: 100%; min-height: 24px; padding: 4px 8px; border: 0; background: var(--wds-bar); color: var(--wds-foreground); font-family: var(--wds-font); font-size: var(--wds-text); font-weight: 500; line-height: 13px; text-align: left; }
.wds-section-trigger:hover { background: var(--wds-hover); }
.wds-section-trigger:focus-visible { outline: 2px solid var(--wds-accent); outline-offset: -2px; }
.wds-section-trigger > svg { width: 12px; height: 12px; flex: 0 0 auto; color: var(--wds-secondary); transition: transform 140ms ease; }
.wds-section-trigger[aria-expanded='true'] > svg { transform: rotate(90deg); }
.wds-section-content { padding: 12px; border-top: 1px solid var(--wds-divider); }
.wds-section-content[hidden] { display: none !important; }
.wds-library-tools:empty { display: none; }
.wds-library-tools:not(:empty) { margin-bottom: 8px; }
.wds-library-tools > .pui-library-toolbar { min-height: 22px; padding: 0 0 8px; border: 0; }
@layer primary-ui-controls {
  .wds-section-trigger { min-height: 24px !important; font-size: var(--pui-text, 10px) !important; line-height: 13px !important; font-weight: 500 !important; }
}
.wds-index { color: var(--wds-muted); padding: 0 2px; line-height: var(--wds-line-meta); font-variant-numeric: tabular-nums; }
.wds-config-bar { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 12px; padding: 4px 0 8px; }
.wds-config-bar fieldset { display: flex; align-items: center; gap: 3px; padding: 0; border: 0; min-width: 0; }
.wds-config-bar legend { float: left; margin-right: 6px; padding: 0; color: var(--wds-secondary); font-size: var(--wds-text-meta); line-height: var(--wds-line-meta); }
.wds-config-bar fieldset button { height: var(--wds-control-height); padding: 0 8px; color: var(--wds-secondary); font: inherit; font-size: var(--wds-text-control); background: transparent; border: 1px solid transparent; border-radius: var(--wds-radius-small); transition: background-color 140ms ease, border-color 140ms ease; }
.wds-config-bar fieldset button[aria-pressed="true"] { color: var(--wds-foreground); background: var(--wds-raised); border-color: var(--wds-border); }
.wds-config-bar .wds-accents { gap: 6px; }
.wds-config-bar .wds-accents button { position: relative; width: 16px; height: 16px; padding: 0; display: grid; place-items: center; border-radius: var(--wds-radius-badge); background: var(--swatch); color: var(--wds-background); border: 2px solid transparent; box-shadow: var(--wds-relief); }
.wds-config-bar .wds-accents button::after { content: ''; position: absolute; inset: -5px; }
.wds-config-bar .wds-accents button[aria-pressed="true"] { background: var(--swatch); border-color: var(--wds-background); box-shadow: 0 0 0 1px var(--swatch); }
.wds-accents svg { width: 10px; height: 10px; }
.wds-config-note { margin-left: auto; color: var(--wds-secondary); font-size: var(--wds-text-meta); line-height: var(--wds-line-meta); }
.wds-workspace { border: 1px solid var(--wds-border); border-radius: var(--wds-radius); overflow: hidden; background: var(--wds-surface); }
.wds-workspace-heading { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; padding: 6px 8px; font-size: var(--wds-text); border-bottom: 1px solid color-mix(in srgb, var(--wds-border) 65%, transparent); background: transparent; }
.wds-workspace-heading strong { font-weight: 500; }
.wds-people { margin-left: auto; display: flex; padding-left: 4px; }
.wds-people > span { display: grid; place-items: center; width: 24px; height: 24px; margin-left: -4px; background: var(--wds-raised); border: 2px solid var(--wds-surface); border-radius: 50%; font-size: 9px; font-weight: 500; }
.wds-view-bar { display: flex; align-items: center; gap: 4px; padding: 4px 8px; background: var(--wds-bar); overflow-x: auto; }
.wds-tab-menu { width: 192px; border-color: var(--wds-control-border); border-radius: 8px; background: var(--wds-surface); color: var(--wds-foreground); box-shadow: var(--wds-overlay-shadow); }
.wds-tab-menu [role='menuitem']:not(:has([title])) { font-size: var(--wds-text-control); line-height: var(--wds-line-control); font-weight: var(--wds-weight-control); }
.wds-tab-menu [role='menuitem'][data-highlighted] { background: var(--wds-selected); color: var(--wds-foreground); }
.wds-workspace-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 4px 8px; border-bottom: 1px solid var(--wds-divider); background: var(--wds-bar); }
.wds-search { display: flex; align-items: center; position: relative; flex: 1; max-width: 220px; min-width: 120px; }
.wds-search > svg, .wds-search > .wds-icon { position: absolute; left: 8px; color: var(--wds-secondary); pointer-events: none; }
.wds-page .wds-search input { height: var(--wds-row); padding: 0 8px 0 27px; font-size: var(--wds-text); border-radius: var(--wds-radius-badge); }
.wds-workspace-toolbar > .wds-button { margin-left: auto; }
.wds-result-count { font-size: var(--wds-text-meta); line-height: var(--wds-line-meta); }
.wds-new-task { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; padding: 6px 8px; border-bottom: 1px solid var(--wds-border); background: var(--wds-raised); }
.wds-new-task label { font-size: var(--wds-text); }
.wds-page .wds-new-task input { height: var(--wds-row); font-size: var(--wds-text); flex: 1; min-width: 160px; }
.wds-preview-body { min-height: 180px; }
.wds-board { display: grid; grid-template-columns: repeat(4, minmax(176px, 1fr)); gap: var(--wds-gap); padding: var(--wds-pad); overflow-x: auto; }
.wds-column { min-width: 0; min-height: 164px; background: var(--wds-inset); border: 1px solid color-mix(in srgb, var(--wds-divider) 65%, transparent); border-radius: var(--wds-radius-small); padding: 6px; box-shadow: var(--wds-field-shadow); }
.wds-column-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }
.wds-column-heading > span:last-child { min-width: 16px; padding: 0 4px; text-align: center; border: 1px solid var(--wds-divider); border-radius: var(--wds-radius-badge); background: var(--wds-raised); font-size: var(--wds-text-meta); line-height: var(--wds-line-meta); font-variant-numeric: tabular-nums; color: var(--wds-secondary); }
.wds-stage { --wds-stage-color: var(--wds-secondary); display: inline-flex; align-items: center; gap: 5px; min-height: 20px; padding: 0 6px; border: 1px solid color-mix(in srgb, var(--wds-stage-color) 20%, transparent); border-radius: var(--wds-radius-badge); background: color-mix(in srgb, var(--wds-stage-color) 7%, transparent); white-space: nowrap; font-size: var(--wds-text-meta); line-height: var(--wds-line-meta); color: var(--wds-foreground); }
.wds-stage > span { width: 5px; height: 5px; background: var(--wds-stage-color); border-radius: 50%; box-shadow: 0 0 0 2px color-mix(in srgb, var(--wds-stage-color) 10%, transparent); }
.wds-stage[data-stage="In progress"] { --wds-stage-color: var(--wds-accent); }
.wds-stage[data-stage="Review"] { --wds-stage-color: var(--wds-warning); }
.wds-stage[data-stage="Done"] { --wds-stage-color: var(--wds-success); }
.wds-task-card { display: grid; grid-template-columns: 14px minmax(0, 1fr); gap: 6px; margin-bottom: var(--wds-gap); padding: var(--wds-pad); border: 1px solid var(--wds-border); border-radius: var(--wds-radius-small); background: var(--wds-raised); }
.wds-task-check { position: relative; display: inline-grid; flex: 0 0 14px; place-items: center; width: 14px; height: 14px; padding: 0; margin-top: 2px; border: 1px solid var(--wds-muted); border-radius: 3px; color: var(--wds-accent); background: var(--wds-inset); box-shadow: var(--wds-field-shadow); }
.wds-task-check:is(button)::after { content: ''; position: absolute; inset: -5px; }
.wds-task-check:is(button):hover { border-color: var(--wds-accent); }
.wds-task-check:is(button):active { box-shadow: var(--wds-pressed-shadow); }
.wds-task-card > strong { font-size: var(--wds-text); font-weight: var(--wds-weight-text); line-height: var(--wds-line-text); }
.wds-task-card { background: var(--wds-raised); border-color: var(--wds-divider); box-shadow: var(--wds-relief); transition: border-color 140ms ease, background-color 140ms ease; }
.wds-task-card:hover { background: var(--wds-hover); border-color: var(--wds-control-border); }
.wds-task-check:is([aria-pressed="true"], :has(svg)) { background: var(--wds-selected); border-color: var(--wds-accent); }
.wds-task-card > div { grid-column: 2; display: flex; align-items: center; justify-content: space-between; gap: 6px; color: var(--wds-secondary); font-size: var(--wds-text-meta); line-height: var(--wds-line-meta); }
.wds-avatar { display: inline-grid; place-items: center; flex: 0 0 20px; width: 20px; height: 20px; font-size: 9px; font-weight: 500; border: 1px solid var(--wds-border); border-radius: 50%; background: var(--wds-raised); color: var(--wds-foreground); }
.wds-column-empty { padding: 10px 0; text-align: center; font-size: var(--wds-text-meta); line-height: var(--wds-line-meta); color: var(--wds-secondary); }
.wds-table-scroll { overflow: auto; }
.wds-table { width: 100%; min-width: 650px; border-collapse: collapse; font-size: var(--wds-text); }
.wds-table th { text-align: left; font-size: var(--wds-text-meta); line-height: var(--wds-line-meta); font-weight: 500; color: var(--wds-secondary); background: var(--wds-inset); }
.wds-table th, .wds-table td { padding: 2px 8px; height: var(--wds-row); border-bottom: 1px solid var(--wds-divider); }
.wds-table tr:last-child td { border-bottom: 0; }
.wds-list-task { position: relative; display: flex; align-items: center; gap: 8px; text-align: left; color: inherit; font: inherit; background: transparent; border: 0; padding: 0; }
.wds-list-task::after { content: ''; position: absolute; inset: -3px -4px; }
.wds-list-task .wds-task-check { margin-top: 0; }
.wds-list-task:hover { color: var(--wds-foreground); }
.wds-asset-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: var(--wds-gap); padding: var(--wds-pad); }
.wds-asset { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; min-height: 96px; padding: 10px 8px 8px; color: inherit; text-align: left; font: inherit; background: var(--wds-background); border: 1px solid var(--wds-border); border-radius: var(--wds-radius-small); }
.wds-asset > strong { font-size: var(--wds-text); font-weight: var(--wds-weight-text); margin-top: auto; }
.wds-asset > span:last-child { display: flex; justify-content: space-between; width: 100%; color: var(--wds-secondary); font-size: var(--wds-text-meta); line-height: var(--wds-line-meta); }
.wds-asset:hover, .wds-asset[aria-pressed="true"] { border-color: var(--wds-accent); }
.wds-asset-details { display: flex; align-items: center; gap: 8px; margin: 0 var(--wds-pad) var(--wds-pad); padding: 8px; background: var(--wds-raised); border: 1px solid var(--wds-border); border-radius: var(--wds-radius-badge); }
.wds-asset-details > div { flex: 1; }
.wds-asset-details p { color: var(--wds-secondary); font-size: var(--wds-text); margin-top: 3px; }
.wds-empty { text-align: center; color: var(--wds-secondary); padding: 18px 8px; font-size: var(--wds-text); }
.wds-notes { display: block; max-width: 780px; padding: 10px; margin: 0 auto; }
.wds-notes > span { font-size: var(--wds-text); }
.wds-page .wds-notes textarea { display: block; width: 100%; min-height: 156px; resize: vertical; margin-top: 8px; padding: 8px; font-size: var(--wds-text) !important; line-height: var(--wds-line-text) !important; font-weight: var(--wds-weight-text); }
.wds-workspace-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 6px; padding: 5px 8px; border-top: 1px solid var(--wds-border); background: var(--wds-bar); font-size: var(--wds-text-meta); line-height: var(--wds-line-meta); color: var(--wds-secondary); }
.wds-workspace-footer > span:first-child { display: inline-flex; align-items: center; gap: 6px; }
.wds-live-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--wds-success); }
.wds-two-up { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.wds-panel { padding: var(--wds-pad); min-width: 0; border: 1px solid var(--wds-border); border-radius: var(--wds-radius); background: var(--wds-surface); }
.wds-panel-title { display: flex; align-items: center; justify-content: space-between; gap: 6px; flex-wrap: wrap; margin: calc(-1 * var(--wds-pad)) calc(-1 * var(--wds-pad)) var(--wds-pad); padding: var(--wds-gap) var(--wds-pad); min-height: 32px; border-radius: calc(var(--wds-radius) - 1px) calc(var(--wds-radius) - 1px) 0 0; border-bottom: 1px solid color-mix(in srgb, var(--wds-border) 65%, transparent); background: transparent; }
.wds-panel-title > code { color: var(--wds-secondary); }
.wds-surface-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(65px, 1fr)); gap: 6px; }
.wds-surface > div { height: 30px; border: 1px solid var(--wds-border); border-radius: var(--wds-radius-badge); margin-bottom: 5px; }
.wds-surface strong { display: block; font-size: var(--wds-text-meta); line-height: var(--wds-line-meta); font-weight: 500; }
.wds-surface code { color: var(--wds-secondary); font-size: var(--wds-text-meta); line-height: var(--wds-line-meta); overflow-wrap: anywhere; }
.wds-type-row { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 8px; padding: 4px 0; }
.wds-type-sample { font-size: var(--wds-sample-size); font-weight: var(--wds-sample-weight, 400); line-height: var(--wds-sample-line, var(--wds-line-text)); }
.wds-type-row > code:last-child { color: var(--wds-secondary); font-size: var(--wds-text-meta); line-height: var(--wds-line-meta); }
.wds-spacing { display: flex; align-items: end; gap: 16px; min-height: 48px; }
.wds-spacing > div { display: flex; flex-direction: column; align-items: center; gap: 6px; }
.wds-spacing > div > div { background: var(--wds-accent); border-radius: 2px; opacity: .8; }
.wds-spacing code { color: var(--wds-secondary); }
.wds-spec-list { margin: 0; }
.wds-spec-list > div { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 6px; padding: 3px 0; font-size: var(--wds-text); }
.wds-spec-list dt { color: var(--wds-secondary); }
.wds-spec-list dd { margin: 0; font-size: var(--wds-text-meta); line-height: var(--wds-line-meta); }
.wds-field-grid { display: grid; grid-template-columns: 1.3fr 1fr; gap: 8px; }
.wds-field-grid label { display: flex; flex-direction: column; gap: 4px; color: var(--wds-secondary); font-size: var(--wds-text-meta); line-height: var(--wds-line-meta); }
.wds-status-samples { gap: 10px; }
.wds-owner-sample { display: flex; align-items: center; gap: 5px; margin-top: 10px; font-size: var(--wds-text-meta); line-height: var(--wds-line-meta); }
.wds-progress { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; width: 100%; height: 5px; border: 0; border-radius: var(--wds-radius-badge); overflow: hidden; background: var(--wds-raised); color: var(--wds-accent); }
.wds-progress::-webkit-progress-bar { background: var(--wds-raised); }
.wds-progress::-webkit-progress-value { background: var(--wds-accent); }
.wds-progress::-moz-progress-bar { background: var(--wds-accent); }
.wds-pattern-grid, .wds-state-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.wds-pattern { display: grid; align-items: center; min-width: 0; text-align: left; padding: var(--wds-pad); font: inherit; color: inherit; border: 1px solid var(--wds-border); border-radius: var(--wds-radius); background: var(--wds-surface); grid-template-columns: 16px minmax(0, 1fr) 13px; gap: var(--wds-gap); }
.wds-pattern:hover { border-color: var(--wds-accent); }
.wds-pattern h3 { margin-top: 0; }
.wds-pattern > span:last-child { display: inline-flex; align-items: center; gap: 4px; margin-top: 0; padding-top: 0; font-size: var(--wds-text-meta); line-height: var(--wds-line-meta); color: var(--wds-accent); }
.wds-state { background: var(--wds-surface); display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: var(--wds-pad); border: 1px solid var(--wds-border); border-radius: var(--wds-radius); }
.wds-state > svg, .wds-state > .wds-icon { color: var(--wds-secondary); }
.wds-state:last-child > svg, .wds-state:last-child > .wds-icon { color: var(--wds-success); }
.wds-state p { color: var(--wds-secondary); font-size: var(--wds-text-meta); line-height: var(--wds-line-meta); line-height: 1.5; }
.wds-error-mark { display: grid; place-items: center; height: 16px; width: 16px; border: 1px solid var(--wds-warning); border-radius: 50%; color: var(--wds-warning); }
.wds-skeleton { width: 100%; display: flex; flex-direction: column; gap: 4px; height: 16px; }
.wds-skeleton span { display: block; height: 4px; width: 85%; border-radius: 2px; background: var(--wds-raised); }
.wds-skeleton span:nth-child(2) { width: 65%; }
.wds-skeleton span:last-child { width: 75%; }
.wds-feedback { position: sticky; bottom: 12px; width: -moz-fit-content; width: fit-content; max-width: calc(100% - 24px); margin-left: auto; margin-right: 12px; border-radius: var(--wds-radius-overlay); background: var(--wds-raised); color: var(--wds-foreground); font-size: var(--wds-text-control); }
.wds-feedback:not(:empty) { padding: 6px 8px; border: 1px solid var(--wds-border); box-shadow: none; }
@media (max-width: 1000px) { .wds-pattern-grid, .wds-state-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 680px) {
  .wds-two-up { grid-template-columns: minmax(0, 1fr); }
  .wds-content { padding-top: 10px; }
  .wds-config-note { display: none; }
  .wds-config-bar > .wds-button { margin-left: auto; }
  .wds-workspace-heading > .wds-label { display: none; }
  .wds-pattern, .wds-state { padding: 8px; }
  .wds-field-grid { grid-template-columns: minmax(0, 1fr); }
  .wds-result-count { display: none; }
  .wds-spacing { gap: 16px; }
}
.wds-table tbody tr:hover { background: var(--wds-hover); }
.wds-asset > svg, .wds-pattern > svg, .wds-asset > .wds-icon, .wds-pattern > .wds-icon { color: var(--wds-secondary); }
.wds-page::-webkit-scrollbar { width: 6px; height: 6px; }
.wds-page::-webkit-scrollbar-thumb { background: var(--wds-border); border-radius: 3px; }
.wds-dashboard-gallery { display: block; width: 100%; border: 0; background: var(--wds-background); }
.wds-panel, .wds-workspace, .wds-pattern, .wds-state { border-color: color-mix(in srgb, var(--wds-border) 75%, transparent); }
.wds-asset, .wds-pattern { transition: border-color 120ms ease, background-color 120ms ease; }
.wds-pattern:hover, .wds-asset:hover { background: var(--wds-selected); }
.wds-column-heading { padding-bottom: 4px; }
.wds-config-bar fieldset:not(.wds-accents) { gap: 4px; }
.wds-config-bar fieldset:not(.wds-accents) button[aria-pressed="true"] { background: var(--wds-selected); border-color: transparent; }
.wds-workspace, .wds-panel, .wds-pattern, .wds-state {
  background: var(--wds-panel-effect);
  box-shadow: var(--wds-panel-shadow);
  transition: border-color 160ms ease, box-shadow 160ms ease;
}
.wds-workspace-heading, .wds-panel-title { background: var(--wds-bar); }
.wds-pattern:hover, .wds-asset:hover {
  border-color: var(--wds-control-border);
  box-shadow: var(--wds-hover-shadow);
}
.wds-panel:focus-within, .wds-workspace:focus-within { border-color: color-mix(in srgb, var(--wds-accent) 28%, var(--wds-border)); }
.wds-task-card:focus-within { border-color: var(--wds-accent); }
.wds-task-card:hover { box-shadow: var(--wds-hover-shadow); }
.wds-pattern:hover { background: var(--wds-selected); }
.wds-asset[aria-pressed='true'] { background: var(--wds-selected); border-color: var(--wds-accent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--wds-accent) 30%, transparent); }
.wds-pattern:active, .wds-asset:active { box-shadow: var(--wds-pressed-shadow); }
.wds-config-bar fieldset:not(.wds-accents) button:hover { background: var(--wds-control-fill); color: var(--wds-foreground); }
.wds-config-bar fieldset:not(.wds-accents) button[aria-pressed='true'] { background: var(--wds-selected); box-shadow: var(--wds-relief); }
.wds-config-bar fieldset:not(.wds-accents) button:active, .wds-config-bar .wds-accents button:active { box-shadow: var(--wds-pressed-shadow); }
.wds-surface > div, .wds-progress { box-shadow: var(--wds-field-shadow); }
.wds-workspace-footer, .wds-result-count, .wds-spec-list dd { font-variant-numeric: tabular-nums; }
.wds-live-dot { box-shadow: 0 0 0 2px color-mix(in srgb, var(--wds-success) 12%, transparent); }
.wds-state:has(.wds-error-mark) { border-color: color-mix(in srgb, var(--wds-warning) 35%, var(--wds-border)); }
.wds-state:last-child { border-color: color-mix(in srgb, var(--wds-success) 25%, var(--wds-border)); }
.wds-feedback:not(:empty) { background: var(--wds-surface); box-shadow: var(--wds-overlay-shadow); }
.wds-progress::-webkit-progress-value { background: var(--wds-accent); }
.wds-progress::-moz-progress-bar { background: var(--wds-accent); }
.wds-spacing > div > div { background: var(--wds-selected); border: 1px solid color-mix(in srgb, var(--wds-accent) 60%, transparent); }
.wds-skeleton span { background: linear-gradient(100deg, var(--wds-raised) 25%, color-mix(in srgb, var(--wds-foreground) 12%, var(--wds-raised)) 50%, var(--wds-raised) 75%); background-size: 200% 100%; animation: wds-loading-sheen 2.4s linear infinite; }
@keyframes wds-loading-sheen { to { background-position: -200% 0; } }
@media (prefers-reduced-motion: reduce) { .wds-page .wds-skeleton span { animation: none; } }
/* The two navigation rows stay outside the preview's scroll and scale. */
.wds-appearance-scope, .wds-theme-host { display: flex; flex: 1; flex-direction: column; min-width: 0; min-height: 0; overflow: hidden; }
/* Font audition changes typography only; existing geometry and visual treatments stay intact. */
@layer primary-ui-controls {
  .wds-appearance-scope,
  .wds-appearance-scope :is(button, input, select, textarea, label, a, li, p, span, div, h1, h2, h3, h4, h5, h6, strong, b, code, pre, kbd) {
    font-family: var(--rd-preview-face, var(--pui-font)) !important;
    font-weight: var(--wds-font-weight, 400) !important;
    font-style: var(--wds-font-style, normal) !important;
    font-synthesis: none !important;
  }
}
.wds-appearance-disclosure { display: flex; flex-direction: column; flex: 0 1 auto; min-height: 0; margin: 0 12px 4px; overflow: hidden; border: 1px solid var(--wds-divider); border-radius: var(--wds-radius-small); }
.wds-appearance-options { min-height: 0; overflow: auto; }
.wds-appearance-options[hidden] { display: none !important; }
.wds-font-picker { display: flex; flex-direction: column; flex: 0 1 auto; min-height: 0; max-height: 270px; margin: 0; padding: 3px 4px; }
.wds-font-toolbar { display: flex; flex-shrink: 0; align-items: center; flex-wrap: wrap; gap: 8px; min-height: 27px; padding: 3px 5px; color: var(--wds-foreground); font-size: var(--wds-text-control); }
.wds-font-count, .wds-font-current { color: var(--wds-secondary); }
.wds-font-current { margin-left: auto; }
.wds-font-toolbar input { width: 170px; min-width: 100px; }
.wds-font-toolbar select { min-width: 0; max-width: 170px; }
.wds-font-grid { display: grid; flex: 1 1 auto; min-height: 0; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 3px; max-height: 230px; overflow: auto; scrollbar-width: thin; }
.wds-font-tile { display: flex; align-items: center; min-width: 0; min-height: 27px; padding: 3px 5px; border: 1px solid transparent; border-radius: var(--wds-radius-small); background: transparent; color: var(--wds-secondary); text-align: left; cursor: pointer; }
.wds-font-tile:hover:not(:disabled) { background: var(--wds-hover); color: var(--wds-foreground); }
.wds-font-tile[aria-pressed='true'] { border-color: var(--wds-control-border); background: var(--wds-selected); color: var(--wds-foreground); }
.wds-font-tile:focus-visible { outline: 2px solid var(--wds-site-accent); outline-offset: -2px; }
.wds-font-tile:disabled { cursor: default; opacity: .6; }
.wds-font-name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: var(--wds-text-control); line-height: var(--wds-line-control); color: var(--wds-foreground); }
.wds-font-empty, .wds-font-error { padding: 5px; color: var(--wds-secondary); font-size: var(--wds-text-control); }
.wds-font-error { color: var(--wds-danger); }
.wds-theme-host { container-type: inline-size; background: var(--wds-background); color: var(--wds-foreground); }
.wds-theme-options > .wds-theme-grid { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); flex: 0 0 auto; width: auto; height: auto; margin: 0; padding: 3px 4px; gap: 0; border: 0; border-radius: 0; background: transparent; }
.wds-theme-grid [role='tab'] { display: flex; justify-content: flex-start; gap: 5px; min-width: 0; height: 27px; padding: 3px 5px; border: 1px solid transparent; border-radius: var(--wds-radius-small); background: transparent; color: var(--wds-secondary); font-size: var(--wds-text-control); line-height: var(--wds-line-control); font-weight: var(--wds-weight-control); box-shadow: none; }
.wds-theme-grid .wds-theme-label { overflow: hidden; text-overflow: ellipsis; }
.wds-theme-grid [role='tab']:hover { background: var(--wds-hover); color: var(--wds-foreground); }
.wds-theme-grid [role='tab'][data-state='active'] { border-color: var(--wds-control-border); background: var(--wds-selected); color: var(--wds-foreground); }
.wds-theme-grid [role='tab']:focus-visible { outline: 2px solid var(--wds-site-accent); outline-offset: -2px; }
.wds-theme-swatch { display: grid; place-items: center; flex: 0 0 18px; height: 14px; border: 1px solid var(--wds-border); border-radius: 2px; font-size: 10px; }
.wds-appearance-actions { display: flex; flex: 0 0 auto; align-items: center; flex-wrap: wrap; gap: 4px; padding: 6px 12px; border-bottom: 1px solid var(--wds-border); }
.wds-appearance-actions > button, .wds-palette-editor > button, .wds-tool-setting > button, .wds-local-setting > button { min-height: var(--wds-control-height); padding: 3px 7px; border: 1px solid var(--wds-control-border); border-radius: var(--wds-radius-small); background: var(--wds-control-fill); box-shadow: var(--wds-relief); color: var(--wds-foreground); font-size: var(--wds-text-control); line-height: var(--wds-line-control); font-weight: var(--wds-weight-control); }
.wds-appearance-actions > button:hover, .wds-tool-setting > button:hover { background: var(--wds-hover-fill); }
.wds-appearance-actions > span { margin-left: auto; color: var(--wds-muted); font-size: var(--wds-text); }
.wds-appearance-settings { flex: 0 1 auto; min-height: 100px; max-height: 42vh; overflow: auto; overscroll-behavior: contain; border-bottom: 1px solid var(--wds-border); background: var(--wds-surface); }
.wds-appearance-settings .desk-appearance-settings { padding: 8px 12px; }
.wds-appearance-settings .desk-appearance-description { margin: 0 0 8px; color: var(--wds-muted); }
.wds-appearance-settings :is(button, select, input, p, span, label) { font-size: var(--wds-text-control); }
.wds-local-setting { display: grid; gap: 5px; padding: 0 12px 12px; }
.wds-local-setting select { min-height: 26px; border: 1px solid var(--wds-border); background: var(--wds-control); color: var(--wds-foreground); }
.wds-tool-setting { display: flex; align-items: center; gap: 4px; }
.wds-tool-setting > span { flex: 1; }
.wds-tool-setting > button:disabled { opacity: .4; cursor: default; }
.wds-palette-editor { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 8px; padding: 12px; border-top: 1px solid var(--wds-border); }
.wds-palette-editor > label { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.wds-palette-editor input { width: 32px; height: 24px; padding: 2px; background: var(--wds-control); border: 1px solid var(--wds-border); }
.wds-palette-editor > button { grid-column: 1 / -1; justify-self: start; }
.wds-chrome-samples { margin-bottom: 12px; }
.wds-sample-desktop { display: grid; grid-template-columns: 150px minmax(0, 1fr); min-height: 280px; }
.wds-sample-navigation { display: flex; flex-direction: column; gap: 3px; padding: 8px; border-right: 1px solid var(--wds-border); background: var(--wds-inset); }
.wds-sample-navigation > button { display: flex; align-items: center; gap: 6px; min-height: 28px; padding: 3px 5px; border: 1px solid transparent; border-radius: var(--wds-radius-small); color: var(--wds-foreground); background: transparent; font-size: var(--wds-text-control); }
.wds-sample-navigation > button[aria-pressed='true'], .wds-sample-navigation button:hover { background: var(--wds-selected); }
.wds-sample-icon { display: grid; place-items: center; width: 23px; height: 23px; flex-shrink: 0; background-size: cover; }
.wds-sample-navigation[data-sidebar-labels='false'] { align-items: center; }
.wds-sample-tree { display: flex; flex-direction: column; gap: 3px; width: 100%; margin-top: 10px; color: var(--wds-secondary); font-size: var(--wds-text-control); }
.wds-sample-tree > button { position: relative; margin-left: 7px; padding: 3px 0 3px 13px; border: 0; background: transparent; text-align: left; color: inherit; }
.wds-sample-tree > button::before { content: ''; position: absolute; left: 0; top: -4px; width: 9px; height: 16px; border-left: 1px solid var(--wds-muted); border-bottom: 1px solid var(--wds-muted); }
.wds-sample-tree[data-tree-lines='curved'] > button::before { border-bottom-left-radius: 6px; }
.wds-sample-dock-canvas { position: relative; isolation: isolate; min-width: 0; min-height: 280px; overflow: hidden; padding: 12px; background: var(--wds-background); --desk-floating-dock-top: 8px; --desk-floating-dock-side-bottom: 8px; }
.wds-sample-taskbar { position: absolute; inset: auto 0 0; display: flex; justify-content: center; min-height: 48px; padding: 5px; border-top: 1px solid var(--wds-border); background: var(--wds-bar); }
.wds-sample-bottom-bar { display: flex; flex-wrap: wrap; align-items: stretch; border-top: 1px solid var(--wds-border); background: var(--wds-bar); }
.wds-sample-bottom-bar > .wds-sample-bottom-button { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-width: 32px; min-height: 32px; padding: 4px; }
.wds-sample-bottom-button > span { font-size: var(--wds-text-control); line-height: var(--wds-line-control); }
.wds-tab-menu[data-wds-preview] h3 { font-size: var(--wds-text-heading); line-height: var(--wds-line-heading); }
.wds-tab-menu[data-wds-preview] label { display: grid; gap: 5px; margin-top: 8px; }
/* Beat the global sharp-corner rule only inside this audition. */
#wds-design-system[data-wds-typography] :is(button, input, select, textarea),
.wds-theme-host[data-wds-typography] .wds-theme-grid [role='tab'],
.wds-theme-host[data-wds-typography] > .wds-appearance-actions button { border-radius: var(--wds-radius-small) !important; }
#wds-design-system :is(.wds-panel, .wds-workspace, .wds-task-card, .wds-pattern, .wds-state),
:root[data-wds-typography][data-corners='sharp'] [data-screen-label] { border-radius: var(--wds-radius) !important; }
@container (max-width: 960px) { .wds-theme-options > .wds-theme-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@container (max-width: 480px) {
  .wds-theme-options > .wds-theme-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wds-appearance-actions > span { flex-basis: 100%; margin-left: 0; }
  .wds-sample-desktop { grid-template-columns: 100px minmax(0, 1fr); }
}
:is(#wds-design-system, .wds-tab-menu)[data-wds-preview][data-wds-typography] { border-radius: var(--wds-radius-overlay) !important; }
.wds-appearance-actions > button:active, .wds-tool-setting > button:active { background: var(--wds-selected-fill); box-shadow: var(--wds-pressed-shadow); }
.wds-appearance-settings .desk-appearance-settings button:not(.desk-appearance-plain):not(.desk-appearance-section-trigger) { background: var(--wds-control-fill); border-color: var(--wds-control-border); color: var(--wds-foreground); box-shadow: var(--wds-relief); }
.wds-appearance-settings .desk-appearance-settings button:not(.desk-appearance-plain):not(.desk-appearance-section-trigger):hover { background: var(--wds-hover-fill); }
.wds-appearance-settings .desk-appearance-settings button:is(.bg-primary, [aria-pressed='true']):not(.desk-appearance-plain) { background: var(--wds-selected-fill); box-shadow: var(--wds-pressed-shadow); }
.wds-theme-host[data-wds-custom-palette] .workspace-tab-button { --bg-color: var(--wds-control) !important; --bg-color-active: var(--wds-selected) !important; --shadow-light: color-mix(in srgb, var(--wds-control) 70%, white) !important; --shadow-dark: var(--wds-border) !important; --retro-label-color: var(--wds-foreground) !important; }
/* Theme cells use the same chrome; only this grid controls their width. */
@layer primary-ui-controls {
  .wds-theme-grid .workspace-tab-button[data-workspace-tab-style='cell'] { width: 100% !important; min-width: 0 !important; margin-inline-start: 0; }
  .wds-theme-grid .workspace-tab-button__face { overflow: hidden; }
  .wds-page .wds-search [data-primary-ui-control='input'] { padding-inline-start: 27px !important; }
}
/* The main Design System uses the Notion and workspace-dashboard reference scale. */
.wds-page[data-primary-ui-profile='design-system'] { --wds-pad: var(--pui-pad); --wds-gap: var(--pui-gap); }
.wds-page[data-primary-ui-profile='design-system'] .wds-content { padding: 24px 24px 32px; }
.wds-page[data-primary-ui-profile='design-system'] .wds-header { gap: 16px; padding-bottom: 16px; }
.wds-page[data-primary-ui-profile='design-system'] .wds-header h1 { letter-spacing: -.025em; }
.wds-page[data-primary-ui-profile='design-system'] .wds-library-tools:not(:empty) { margin-bottom: 16px; }
.wds-page[data-primary-ui-profile='design-system'] .wds-section {
  margin-bottom: 8px;
  border-color: var(--pui-border);
  border-radius: var(--pui-panel-radius);
  background: var(--pui-surface);
}
.wds-page[data-primary-ui-profile='design-system'] .wds-section-trigger {
  gap: 8px;
  padding: 7px 12px;
  background: transparent;
}
.wds-page[data-primary-ui-profile='design-system'] .wds-section-trigger:hover { background: var(--pui-hover-fill); }
.wds-page[data-primary-ui-profile='design-system'] .wds-section-trigger[aria-expanded='true'] { background: var(--pui-raised); }
.wds-page[data-primary-ui-profile='design-system'] .wds-section-trigger > svg { width: 14px; height: 14px; }
.wds-page[data-primary-ui-profile='design-system'] .wds-section-content { padding: 16px; border-top-color: var(--pui-divider); background: var(--pui-canvas); }
.wds-page[data-primary-ui-profile='design-system'] :is(.wds-two-up, .wds-pattern-grid, .wds-state-grid) { gap: 12px; }
.wds-page[data-primary-ui-profile='design-system'] :is(.wds-panel, .wds-workspace, .wds-pattern, .wds-state) {
  border-color: var(--pui-border);
  background: var(--pui-surface);
  box-shadow: var(--pui-panel-shadow, 0 1px 3px rgb(0 0 0 / .08));
}
.wds-page[data-primary-ui-profile='design-system'] :is(.wds-panel-title, .wds-workspace-heading) {
  min-height: var(--pui-track-height);
  background: transparent;
  border-bottom-color: var(--pui-divider);
}
.wds-page[data-primary-ui-profile='design-system'] .wds-config-bar { gap: 10px 16px; padding-bottom: 16px; }
.wds-page[data-primary-ui-profile='design-system'] .wds-field-grid { gap: 12px; }
.wds-page[data-primary-ui-profile='design-system'] .wds-field-grid label { gap: 6px; }
.wds-page[data-primary-ui-profile='design-system'] :is(.wds-pattern, .wds-state) { padding: 14px; }
.wds-page[data-primary-ui-profile='design-system'] .wds-pattern:hover { background: var(--pui-hover-fill); border-color: var(--pui-border); }
.wds-page[data-primary-ui-profile='design-system'] .wds-type-row { padding-block: 7px; }
.wds-page[data-primary-ui-profile='design-system'] .wds-spec-list > div { padding-block: 6px; }
.wds-page[data-primary-ui-profile='design-system'] .wds-label { padding: 2px 6px; background: var(--pui-raised); }
.wds-page[data-primary-ui-profile='design-system'] .wds-feedback:not(:empty) { padding: 8px 12px; }
@layer primary-ui-controls {
  .wds-page[data-primary-ui-profile='design-system'] .wds-section-trigger {
    min-height: var(--pui-track-height) !important;
    font-size: var(--pui-text) !important;
    line-height: var(--pui-line-text) !important;
    font-weight: var(--wds-font-weight, var(--pui-weight-heading)) !important;
  }
}
@media (max-width: 680px) {
  .wds-page[data-primary-ui-profile='design-system'] .wds-content { padding: 16px 12px 24px; }
  .wds-page[data-primary-ui-profile='design-system'] .wds-section-content { padding: 12px; }
}
/* THIS CSS FILE IS GENERATED! DO NOT EDIT. OR EDIT. I'M A COMMENT NOT A COP */ 
/* This file is created by the copy-css-files.mjs script in packages/tldraw. */
/* It combines @tldraw/editor's editor.css and tldraw's ui.css */

/* @tldraw/editor */

.tl-container {
	width: 100%;
	height: 100%;
	font-size: 12px;
	/* Spacing */
	--space-1: 2px;
	--space-2: 4px;
	--space-3: 8px;
	--space-4: 12px;
	--space-5: 16px;
	--space-6: 20px;
	--space-7: 28px;
	--space-8: 32px;
	--space-9: 64px;
	--space-10: 72px;
	/* Radius */
	--radius-0: 2px;
	--radius-1: 4px;
	--radius-2: 6px;
	--radius-3: 9px;
	--radius-4: 11px;

	/* Canvas z-index */
	--layer-canvas-hidden: -999999;
	--layer-canvas-background: 100;
	--layer-canvas-grid: 150;
	--layer-watermark: 200;
	--layer-canvas-shapes: 300;
	--layer-canvas-overlays: 500;
	--layer-canvas-blocker: 10000;

	/* Canvas overlays z-index */
	--layer-overlays-collaborator-scribble: 10;
	--layer-overlays-collaborator-brush: 20;
	--layer-overlays-collaborator-shape-indicator: 30;
	--layer-overlays-user-scribble: 40;
	--layer-overlays-user-brush: 50;
	--layer-overlays-user-snapline: 90;
	--layer-overlays-selection-fg: 100;
	/* User handles need to be above selection edges / corners, matters for sticky note clone handles */
	--layer-overlays-user-handles: 105;
	--layer-overlays-user-indicator-hint: 110;
	--layer-overlays-custom: 115;
	--layer-overlays-collaborator-cursor-hint: 120;
	--layer-overlays-collaborator-cursor: 130;

	/* Text editor z-index */
	--layer-text-container: 1;
	--layer-text-content: 3;
	--layer-text-editor: 4;

	/* Error fallback z-index */
	--layer-error-overlay: 1;
	--layer-error-canvas: 2;
	--layer-error-canvas-after: 3;
	--layer-error-content: 4;

	/* Misc */
	--tl-zoom: 1;

	/* Cursor SVGs */
	--tl-cursor-none: none;
	--tl-cursor-default:
		url("data:image/svg+xml,<svg height='32' width='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' style='color: black;'><defs><filter id='shadow' y='-40%' x='-40%' width='180px' height='180%' color-interpolation-filters='sRGB'><feDropShadow dx='1' dy='1' stdDeviation='1.2' flood-opacity='.5'/></filter></defs><g fill='none' transform='rotate(0 16 16)' filter='url(%23shadow)'><path d='m12 24.4219v-16.015l11.591 11.619h-6.781l-.411.124z' fill='white'/><path d='m21.0845 25.0962-3.605 1.535-4.682-11.089 3.686-1.553z' fill='white'/><path d='m19.751 24.4155-1.844.774-3.1-7.374 1.841-.775z' fill='black'/><path d='m13 10.814v11.188l2.969-2.866.428-.139h4.768z' fill='black'/></g></svg>")
			12 8,
		default;
	--tl-cursor-pointer:
		url("data:image/svg+xml,<svg height='32' width='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' style='color: black;'><defs><filter id='shadow' y='-40%' x='-40%' width='180px' height='180%' color-interpolation-filters='sRGB'><feDropShadow dx='1' dy='1' stdDeviation='1.2' flood-opacity='.5'/></filter></defs><g fill='none' transform='rotate(0 16 16)' filter='url(%23shadow)'><path d='m13.3315 21.3799c-.284-.359-.629-1.093-1.243-1.984-.348-.504-1.211-1.453-1.468-1.935-.223-.426-.199-.617-.146-.97.094-.628.738-1.117 1.425-1.051.519.049.959.392 1.355.716.239.195.533.574.71.788.163.196.203.277.377.509.23.307.302.459.214.121-.071-.496-.187-1.343-.355-2.092-.128-.568-.159-.657-.281-1.093-.129-.464-.195-.789-.316-1.281-.084-.348-.235-1.059-.276-1.459-.057-.547-.087-1.439.264-1.849.275-.321.906-.418 1.297-.22.512.259.803 1.003.936 1.3.239.534.387 1.151.516 1.961.164 1.031.466 2.462.476 2.763.024-.369-.068-1.146-.004-1.5.058-.321.328-.694.666-.795.286-.085.621-.116.916-.055.313.064.643.288.766.499.362.624.369 1.899.384 1.831.086-.376.071-1.229.284-1.584.14-.234.497-.445.687-.479.294-.052.655-.068.964-.008.249.049.586.345.677.487.218.344.342 1.317.379 1.658.015.141.074-.392.293-.736.406-.639 1.843-.763 1.898.639.025.654.02.624.02 1.064 0 .517-.012.828-.04 1.202-.031.4-.117 1.304-.242 1.742-.086.301-.371.978-.652 1.384 0 0-1.074 1.25-1.191 1.813-.118.562-.079.566-.102.965-.023.398.121.922.121.922s-.802.104-1.234.035c-.391-.063-.875-.841-1-1.079-.172-.328-.539-.265-.682-.023-.225.383-.709 1.07-1.051 1.113-.668.084-2.054.031-3.139.02 0 0 .185-1.011-.227-1.358-.305-.259-.83-.784-1.144-1.06z' fill='white'/><g stroke='black' stroke-linecap='round' stroke-width='.75'><path d='m13.3315 21.3799c-.284-.359-.629-1.093-1.243-1.984-.348-.504-1.211-1.453-1.468-1.935-.223-.426-.199-.617-.146-.97.094-.628.738-1.117 1.425-1.051.519.049.959.392 1.355.716.239.195.533.574.71.788.163.196.203.277.377.509.23.307.302.459.214.121-.071-.496-.187-1.343-.355-2.092-.128-.568-.159-.657-.281-1.093-.129-.464-.195-.789-.316-1.281-.084-.348-.235-1.059-.276-1.459-.057-.547-.087-1.439.264-1.849.275-.321.906-.418 1.297-.22.512.259.803 1.003.936 1.3.239.534.387 1.151.516 1.961.164 1.031.466 2.462.476 2.763.024-.369-.068-1.146-.004-1.5.058-.321.328-.694.666-.795.286-.085.621-.116.916-.055.313.064.643.288.766.499.362.624.369 1.899.384 1.831.086-.376.071-1.229.284-1.584.14-.234.497-.445.687-.479.294-.052.655-.068.964-.008.249.049.586.345.677.487.218.344.342 1.317.379 1.658.015.141.074-.392.293-.736.406-.639 1.843-.763 1.898.639.025.654.02.624.02 1.064 0 .517-.012.828-.04 1.202-.031.4-.117 1.304-.242 1.742-.086.301-.371.978-.652 1.384 0 0-1.074 1.25-1.191 1.813-.118.562-.079.566-.102.965-.023.398.121.922.121.922s-.802.104-1.234.035c-.391-.063-.875-.841-1-1.079-.172-.328-.539-.265-.682-.023-.225.383-.709 1.07-1.051 1.113-.668.084-2.054.031-3.139.02 0 0 .185-1.011-.227-1.358-.305-.259-.83-.784-1.144-1.06z' stroke-linejoin='round'/><path d='m21.5664 21.7344v-3.459'/><path d='m19.5508 21.7461-.016-3.473'/><path d='m17.5547 18.3047.021 3.426'/></g></g></svg>")
			14 10,
		pointer;
	--tl-cursor-cross:
		url("data:image/svg+xml,<svg height='32' width='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' style='color: black;'><defs><filter id='shadow' y='-40%' x='-40%' width='180px' height='180%' color-interpolation-filters='sRGB'><feDropShadow dx='1' dy='1' stdDeviation='1.2' flood-opacity='.5'/></filter></defs><g fill='none' transform='rotate(0 16 16)' filter='url(%23shadow)'><path d='m25 16h-6.01v-6h-2.98v6h-6.01v3h6.01v6h2.98v-6h6.01z' fill='white'/><path d='m23.9902 17.0103h-6v-6.01h-.98v6.01h-6v.98h6v6.01h.98v-6.01h6z' fill='%23231f1f'/></g></svg>")
			16 16,
		crosshair;
	--tl-cursor-move:
		url("data:image/svg+xml,<svg height='32' width='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' style='color: black;'><defs><filter id='shadow' y='-40%' x='-40%' width='180px' height='180%' color-interpolation-filters='sRGB'><feDropShadow dx='1' dy='1' stdDeviation='1.2' flood-opacity='.5'/></filter></defs><g fill='none' transform='rotate(0 16 16)' filter='url(%23shadow)'><path d='m19 14h1v1h-1zm1 6h-1v-1h1zm-5-5h-1v-1h1zm0 5h-1v-1h1zm2-10.987-7.985 7.988 5.222 5.221 2.763 2.763 7.984-7.985z' fill='white'/><g fill='black'><path d='m23.5664 16.9971-2.557-2.809v1.829h-4.009-4.001v-1.829l-2.571 2.809 2.572 2.808-.001-1.808h4.001 4.009l-.001 1.808z'/><path d='m17.9873 17h.013v-4.001l1.807.001-2.807-2.571-2.809 2.57h1.809v4.001h.008v4.002l-1.828-.001 2.807 2.577 2.805-2.576h-1.805z'/></g></g></svg>")
			16 16,
		move;
	--tl-cursor-grab:
		url("data:image/svg+xml,<svg height='32' width='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' style='color: black;'><defs><filter id='shadow' y='-40%' x='-40%' width='180px' height='180%' color-interpolation-filters='sRGB'><feDropShadow dx='1' dy='1' stdDeviation='1.2' flood-opacity='.5'/></filter></defs><g fill='none' transform='rotate(0 16 16)' filter='url(%23shadow)'><path d='m13.5557 17.5742c-.098-.375-.196-.847-.406-1.552-.167-.557-.342-.859-.47-1.233-.155-.455-.303-.721-.496-1.181-.139-.329-.364-1.048-.457-1.44-.119-.509.033-.924.244-1.206.253-.339.962-.49 1.357-.351.371.13.744.512.916.788.288.46.357.632.717 1.542.393.992.564 1.918.611 2.231l.085.452c-.001-.04-.043-1.122-.044-1.162-.035-1.029-.06-1.823-.038-2.939.002-.126.064-.587.084-.715.078-.5.305-.8.673-.979.412-.201.926-.215 1.401-.017.423.173.626.55.687 1.022.014.109.094.987.093 1.107-.013 1.025.006 1.641.015 2.174.004.231.003 1.625.017 1.469.061-.656.094-3.189.344-3.942.144-.433.405-.746.794-.929.431-.203 1.113-.07 1.404.243.285.305.446.692.482 1.153.032.405-.019.897-.02 1.245 0 .867-.021 1.324-.037 2.121-.001.038-.015.298.023.182.094-.28.188-.542.266-.745.049-.125.241-.614.359-.859.114-.234.211-.369.415-.688.2-.313.415-.448.668-.561.54-.235 1.109.112 1.301.591.086.215.009.713-.028 1.105-.061.647-.254 1.306-.352 1.648-.128.447-.274 1.235-.34 1.601-.072.394-.234 1.382-.359 1.82-.086.301-.371.978-.652 1.384 0 0-1.074 1.25-1.192 1.812-.117.563-.078.567-.101.965-.024.399.121.923.121.923s-.802.104-1.234.034c-.391-.062-.875-.841-1-1.078-.172-.328-.539-.265-.682-.023-.225.383-.709 1.07-1.051 1.113-.668.084-2.054.03-3.139.02 0 0 .185-1.011-.227-1.358-.305-.26-.83-.784-1.144-1.06l-.832-.921c-.284-.36-.629-1.093-1.243-1.985-.348-.504-1.027-1.085-1.284-1.579-.223-.425-.331-.954-.19-1.325.225-.594.675-.897 1.362-.832.519.05.848.206 1.238.537.225.19.573.534.75.748.163.195.203.276.377.509.23.307.302.459.214.121' fill='white'/><g stroke='black' stroke-linecap='round' stroke-width='.75'><path d='m13.5557 17.5742c-.098-.375-.196-.847-.406-1.552-.167-.557-.342-.859-.47-1.233-.155-.455-.303-.721-.496-1.181-.139-.329-.364-1.048-.457-1.44-.119-.509.033-.924.244-1.206.253-.339.962-.49 1.357-.351.371.13.744.512.916.788.288.46.357.632.717 1.542.393.992.564 1.918.611 2.231l.085.452c-.001-.04-.043-1.122-.044-1.162-.035-1.029-.06-1.823-.038-2.939.002-.126.064-.587.084-.715.078-.5.305-.8.673-.979.412-.201.926-.215 1.401-.017.423.173.626.55.687 1.022.014.109.094.987.093 1.107-.013 1.025.006 1.641.015 2.174.004.231.003 1.625.017 1.469.061-.656.094-3.189.344-3.942.144-.433.405-.746.794-.929.431-.203 1.113-.07 1.404.243.285.305.446.692.482 1.153.032.405-.019.897-.02 1.245 0 .867-.021 1.324-.037 2.121-.001.038-.015.298.023.182.094-.28.188-.542.266-.745.049-.125.241-.614.359-.859.114-.234.211-.369.415-.688.2-.313.415-.448.668-.561.54-.235 1.109.112 1.301.591.086.215.009.713-.028 1.105-.061.647-.254 1.306-.352 1.648-.128.447-.274 1.235-.34 1.601-.072.394-.234 1.382-.359 1.82-.086.301-.371.978-.652 1.384 0 0-1.074 1.25-1.192 1.812-.117.563-.078.567-.101.965-.024.399.121.923.121.923s-.802.104-1.234.034c-.391-.062-.875-.841-1-1.078-.172-.328-.539-.265-.682-.023-.225.383-.709 1.07-1.051 1.113-.668.084-2.054.03-3.139.02 0 0 .185-1.011-.227-1.358-.305-.26-.83-.784-1.144-1.06l-.832-.921c-.284-.36-.629-1.093-1.243-1.985-.348-.504-1.027-1.085-1.284-1.579-.223-.425-.331-.954-.19-1.325.225-.594.675-.897 1.362-.832.519.05.848.206 1.238.537.225.19.573.534.75.748.163.195.203.276.377.509.23.307.302.459.214.121' stroke-linejoin='round'/><path d='m20.5664 21.7344v-3.459'/><path d='m18.5508 21.7461-.016-3.473'/><path d='m16.5547 18.3047.021 3.426'/></g></g></svg>")
			16 16,
		grab;
	--tl-cursor-grabbing:
		url("data:image/svg+xml,<svg height='32' width='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' style='color: black;'><defs><filter id='shadow' y='-40%' x='-40%' width='180px' height='180%' color-interpolation-filters='sRGB'><feDropShadow dx='1' dy='1' stdDeviation='1.2' flood-opacity='.5'/></filter></defs><g fill='none' transform='rotate(0 16 16)' filter='url(%23shadow)'><path d='m13.5732 12.0361c.48-.178 1.427-.069 1.677.473.213.462.396 1.241.406 1.075.024-.369-.024-1.167.137-1.584.117-.304.347-.59.686-.691.285-.086.62-.116.916-.055.313.064.642.287.765.499.362.623.368 1.899.385 1.831.064-.272.07-1.229.283-1.584.141-.235.497-.445.687-.479.294-.052.656-.068.964-.008.249.049.586.344.677.487.219.344.342 1.316.379 1.658.016.141.074-.393.293-.736.406-.639 1.844-.763 1.898.639.026.654.02.624.02 1.064 0 .516-.012.828-.04 1.202-.03.399-.116 1.304-.241 1.742-.086.301-.371.978-.653 1.384 0 0-1.074 1.25-1.191 1.812-.117.563-.078.567-.102.965-.023.399.121.923.121.923s-.801.104-1.234.034c-.391-.062-.875-.84-1-1.078-.172-.328-.539-.265-.682-.023-.224.383-.709 1.07-1.05 1.113-.669.084-2.055.03-3.14.02 0 0 .185-1.011-.227-1.358-.305-.26-.83-.784-1.144-1.06l-.832-.921c-.283-.36-1.002-.929-1.243-1.985-.213-.936-.192-1.395.037-1.77.232-.381.67-.589.854-.625.208-.042.692-.039.875.062.223.123.313.159.488.391.23.307.312.456.213.121-.076-.262-.322-.595-.434-.97-.109-.361-.401-.943-.38-1.526.008-.221.103-.771.832-1.042' fill='white'/><g stroke='black' stroke-width='.75'><path d='m13.5732 12.0361c.48-.178 1.427-.069 1.677.473.213.462.396 1.241.406 1.075.024-.369-.024-1.167.137-1.584.117-.304.347-.59.686-.691.285-.086.62-.116.916-.055.313.064.642.287.765.499.362.623.368 1.899.385 1.831.064-.272.07-1.229.283-1.584.141-.235.497-.445.687-.479.294-.052.656-.068.964-.008.249.049.586.344.677.487.219.344.342 1.316.379 1.658.016.141.074-.393.293-.736.406-.639 1.844-.763 1.898.639.026.654.02.624.02 1.064 0 .516-.012.828-.04 1.202-.03.399-.116 1.304-.241 1.742-.086.301-.371.978-.653 1.384 0 0-1.074 1.25-1.191 1.812-.117.563-.078.567-.102.965-.023.399.121.923.121.923s-.801.104-1.234.034c-.391-.062-.875-.84-1-1.078-.172-.328-.539-.265-.682-.023-.224.383-.709 1.07-1.05 1.113-.669.084-2.055.03-3.14.02 0 0 .185-1.011-.227-1.358-.305-.26-.83-.784-1.144-1.06l-.832-.921c-.283-.36-1.002-.929-1.243-1.985-.213-.936-.192-1.395.037-1.77.232-.381.67-.589.854-.625.208-.042.692-.039.875.062.223.123.313.159.488.391.23.307.312.456.213.121-.076-.262-.322-.595-.434-.97-.109-.361-.401-.943-.38-1.526.008-.221.103-.771.832-1.042z' stroke-linejoin='round'/><path d='m20.5664 19.7344v-3.459' stroke-linecap='round'/><path d='m18.5508 19.7461-.016-3.473' stroke-linecap='round'/><path d='m16.5547 16.3047.021 3.426' stroke-linecap='round'/></g></g></svg>")
			16 16,
		grabbing;
	--tl-cursor-text:
		url("data:image/svg+xml,<svg height='32' width='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' style='color: black;'><defs><filter id='shadow' y='-40%' x='-40%' width='180px' height='180%' color-interpolation-filters='sRGB'><feDropShadow dx='1' dy='1' stdDeviation='1.2' flood-opacity='.5'/></filter></defs><g fill='none' transform='rotate(0 16 16)' filter='url(%23shadow)'><path fill='white' d='M7.94 0a5.25 5.25 0 0 0-3.47 1.17A5.27 5.27 0 0 0 1 0H0v3h1c1.41 0 1.85.7 2 1v3.94H2v3h1v3c-.13.3-.57 1-2 1H0v3h1a5.27 5.27 0 0 0 3.47-1.17c.98.8 2.21 1.21 3.47 1.17h1v-3h-1c-1.41 0-1.85-.7-2-1v-3H7v-3H6V4c.13-.3.57-1 2-1h1V0H7.94z'/><path fill='black' d='M7.94 2V1a4 4 0 0 0-3.47 1.64A4 4 0 0 0 1 1v1c1.3-.17 2.56.6 3 1.84v5.1H3v1h1v4.16c-.45 1.24-1.7 2-3 1.84v1a4.05 4.05 0 0 0 3.47-1.63 4.05 4.05 0 0 0 3.47 1.63v-1A2.82 2.82 0 0 1 5 14.1V9.93h1v-1H5V3.85A2.81 2.81 0 0 1 7.94 2z'/></g></svg>")
			4 10,
		text;
	--tl-cursor-zoom-in:
		url("data:image/svg+xml,<svg height='32' width='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' style='color: black;'><defs><filter id='shadow' y='-40%' x='-40%' width='180px' height='180%' color-interpolation-filters='sRGB'><feDropShadow dx='1' dy='1' stdDeviation='1.2' flood-opacity='.5'/></filter></defs><g fill='none' transform='rotate(0 16 16)' filter='url(%23shadow)'><path d='m20.5 15c0 3.038-2.462 5.5-5.5 5.5s-5.5-2.462-5.5-5.5 2.462-5.5 5.5-5.5 5.5 2.462 5.5 5.5' fill='white'/><path d='m20.5 15c0 3.038-2.462 5.5-5.5 5.5s-5.5-2.462-5.5-5.5 2.462-5.5 5.5-5.5 5.5 2.462 5.5 5.5z' stroke='black'/><g fill='black'><path d='m18 14h-2v-2h-2v2h-2v1.98h2v2.02h2v-2.02h2z'/><path d='m23.5859 25 1.414-1.414-5.449-5.449-1.414 1.414z'/></g></g></svg>")
			16 16,
		zoom-in;
	--tl-cursor-zoom-out:
		url("data:image/svg+xml,<svg height='32' width='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' style='color: black;'><defs><filter id='shadow' y='-40%' x='-40%' width='180px' height='180%' color-interpolation-filters='sRGB'><feDropShadow dx='1' dy='1' stdDeviation='1.2' flood-opacity='.5'/></filter></defs><g fill='none' transform='rotate(0 16 16)' filter='url(%23shadow)'><path d='m20.5 15c0 3.038-2.462 5.5-5.5 5.5s-5.5-2.462-5.5-5.5 2.462-5.5 5.5-5.5 5.5 2.462 5.5 5.5' fill='white'/><path d='m20.5 15c0 3.038-2.462 5.5-5.5 5.5s-5.5-2.462-5.5-5.5 2.462-5.5 5.5-5.5 5.5 2.462 5.5 5.5z' stroke='black'/><g fill='black'><path d='m18 16h-5.98v-1.98h5.98z'/><path d='m23.5859 25 1.414-1.414-5.449-5.449-1.414 1.414z'/></g></g></svg>")
			16 16,
		zoom-out;

	/* These cursor values get programmatically overridden */
	/* They're just here to help your editor autocomplete */
	--tl-cursor: var(--tl-cursor-default);
	--tl-cursor-resize-edge: ew-resize;
	--tl-cursor-resize-corner: nesw-resize;
	--tl-cursor-ew-resize: ew-resize;
	--tl-cursor-ns-resize: ns-resize;
	--tl-cursor-nesw-resize: nesw-resize;
	--tl-cursor-nwse-resize: nwse-resize;
	--tl-cursor-rotate: pointer;
	--tl-cursor-nwse-rotate: pointer;
	--tl-cursor-nesw-rotate: pointer;
	--tl-cursor-senw-rotate: pointer;
	--tl-cursor-swne-rotate: pointer;
	--tl-scale: calc(1 / var(--tl-zoom));
	/* fonts */
	--tl-font-draw: 'tldraw_draw', sans-serif;
	--tl-font-sans: 'tldraw_sans', sans-serif;
	--tl-font-serif: 'tldraw_serif', serif;
	--tl-font-mono: 'tldraw_mono', monospace;
	/* text outline */
	--a: calc(min(0.5, 1 / var(--tl-zoom)) * 2px);
	--b: calc(min(0.5, 1 / var(--tl-zoom)) * -2px);
	--tl-text-outline-reference:
		0 var(--b) 0 var(--color-background), 0 var(--a) 0 var(--color-background),
		var(--b) var(--b) 0 var(--color-background), var(--a) var(--b) 0 var(--color-background),
		var(--a) var(--a) 0 var(--color-background), var(--b) var(--a) 0 var(--color-background);
	--tl-text-outline: var(--tl-text-outline-reference);
	/* own properties */
	position: relative;
	inset: 0px;
	height: 100%;
	width: 100%;
	overflow: clip;
	color: var(--color-text);
}

.tl-theme__light {
	/* Canvas */
	--color-snap: hsl(0, 76%, 60%);
	--color-selection-fill: hsl(210, 100%, 56%, 24%);
	--color-selection-stroke: hsl(214, 84%, 56%);
	--color-background: hsl(210, 20%, 98%);
	--color-brush-fill: hsl(0, 0%, 56%, 10.2%);
	--color-brush-stroke: hsl(0, 0%, 56%, 25.1%);
	--color-grid: hsl(0, 0%, 43%);
	/* UI */
	--color-low: hsl(204, 16%, 94%);
	--color-low-border: hsl(204, 16%, 92%);
	--color-culled: hsl(204, 14%, 93%);
	--color-muted-none: hsl(0, 0%, 0%, 0%);
	--color-muted-0: hsl(0, 0%, 0%, 2%);
	--color-muted-1: hsl(0, 0%, 0%, 10%);
	--color-muted-2: hsl(0, 0%, 0%, 4.3%);
	--color-hint: hsl(0, 0%, 0%, 5.5%);
	--color-overlay: hsl(0, 0%, 0%, 20%);
	--color-divider: hsl(0, 0%, 91%);
	--color-panel: hsl(0, 0%, 99%);
	--color-panel-contrast: hsl(0, 0%, 100%);
	--color-panel-overlay: hsl(0, 0%, 100%, 82%);
	--color-panel-transparent: hsla(0, 0%, 99%, 0%);
	--color-selected: hsl(214, 84%, 56%);
	--color-selected-contrast: hsl(0, 0%, 100%);
	--color-focus: hsl(219, 65%, 50%);
	/* Text */
	--color-text: hsl(0, 0%, 0%);
	--color-text-0: hsl(0, 0%, 11%);
	--color-text-1: hsl(0, 0%, 18%);
	--color-text-3: hsl(204, 4%, 45%);
	--color-text-shadow: hsl(0, 0%, 100%);
	--color-text-highlight: hsl(52, 100%, 50%);
	--color-text-highlight-p3: color(display-p3 0.972 0.8205 0.05);
	/* Named */
	--color-primary: hsl(214, 84%, 56%);
	--color-success: hsl(123, 46%, 34%);
	--color-info: hsl(201, 98%, 41%);
	--color-warning: hsl(27, 98%, 47%);
	--color-danger: hsl(0, 90%, 43%);
	--color-laser: hsl(0, 100%, 50%);
	/* Shadows */
	--shadow-1: 0px 1px 2px hsl(0, 0%, 0%, 25%), 0px 1px 3px hsl(0, 0%, 0%, 9%);
	--shadow-2:
		0px 0px 2px hsl(0, 0%, 0%, 16%), 0px 2px 3px hsl(0, 0%, 0%, 24%),
		0px 2px 6px hsl(0, 0%, 0%, 0.1), inset 0px 0px 0px 1px var(--color-panel-contrast);
	--shadow-3:
		0px 1px 2px hsl(0, 0%, 0%, 28%), 0px 2px 6px hsl(0, 0%, 0%, 14%),
		inset 0px 0px 0px 1px var(--color-panel-contrast);
	--shadow-4:
		0px 0px 3px hsl(0, 0%, 0%, 19%), 0px 5px 4px hsl(0, 0%, 0%, 16%),
		0px 2px 16px hsl(0, 0%, 0%, 6%), inset 0px 0px 0px 1px var(--color-panel-contrast);
}

.tl-theme__dark {
	/* Canvas */
	--color-snap: hsl(0, 76%, 60%);
	--color-selection-fill: hsl(209, 100%, 57%, 20%);
	--color-selection-stroke: hsl(214, 84%, 56%);
	--color-background: hsl(240, 5%, 6.5%);
	--color-brush-fill: hsl(0, 0%, 71%, 5.1%);
	--color-brush-stroke: hsl(0, 0%, 71%, 25.1%);
	--color-grid: hsl(0, 0%, 40%);
	/* UI */
	--color-low: hsl(260, 4.5%, 10.5%);
	--color-low-border: hsl(207, 10%, 10%);
	--color-culled: hsl(210, 11%, 19%);
	--color-muted-none: hsl(0, 0%, 100%, 0%);
	--color-muted-0: hsl(0, 0%, 100%, 2%);
	--color-muted-1: hsl(0, 0%, 100%, 10%);
	--color-muted-2: hsl(0, 0%, 100%, 5%);
	--color-hint: hsl(0, 0%, 100%, 7%);
	--color-overlay: hsl(0, 0%, 0%, 50%);
	--color-divider: hsl(240, 9%, 22%);
	--color-panel: hsl(235, 6.8%, 13.5%);
	--color-panel-contrast: hsl(245, 12%, 23%);
	--color-panel-overlay: hsl(210, 10%, 24%, 82%);
	--color-panel-transparent: hsla(235, 6.8%, 13.5%, 0%);
	--color-selected: hsl(217, 89%, 61%);
	--color-selected-contrast: hsl(0, 0%, 100%);
	--color-focus: hsl(217, 76%, 80%);
	/* Text */
	--color-text: hsl(210, 17%, 98%);
	--color-text-0: hsl(0, 9%, 94%);
	--color-text-1: hsl(0, 0%, 85%);
	--color-text-3: hsl(204, 4%, 75%);
	--color-text-shadow: hsl(210, 13%, 18%);
	--color-text-highlight: hsl(52, 100%, 41%);
	--color-text-highlight-p3: color(display-p3 0.8078 0.6225 0.0312);
	/* Named */
	--color-primary: hsl(214, 84%, 56%);
	--color-success: hsl(123, 38%, 57%);
	--color-info: hsl(199, 92%, 56%);
	--color-warning: hsl(36, 100%, 57%);
	--color-danger: hsl(0, 82%, 66%);
	--color-laser: hsl(0, 100%, 50%);
	/* Shadows */
	--shadow-1:
		0px 1px 2px hsl(0, 0%, 0%, 16.1%), 0px 1px 3px hsl(0, 0%, 0%, 22%),
		inset 0px 0px 0px 1px var(--color-panel-contrast);
	--shadow-2:
		0px 1px 3px hsl(0, 0%, 0%, 66.6%), 0px 2px 6px hsl(0, 0%, 0%, 33%),
		inset 0px 0px 0px 1px var(--color-panel-contrast);
	--shadow-3:
		0px 1px 3px hsl(0, 0%, 0%, 50%), 0px 2px 12px hsl(0, 0%, 0%, 50%),
		inset 0px 0px 0px 1px var(--color-panel-contrast);
}

.tl-counter-scaled {
	transform: scale(var(--tl-scale));
	transform-origin: top left;
	width: calc(100% * var(--tl-zoom));
	height: calc(100% * var(--tl-zoom));
}

.tl-container,
.tl-container * {
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: transparent;
	scrollbar-highlight-color: transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	     user-select: none;
	box-sizing: border-box;
	outline: none;
}

.tl-container a {
	-webkit-touch-callout: initial;
}

.tl-container__focused {
	outline: 1px solid var(--color-low);
}

input,
*[contenteditable],
*[contenteditable] * {
	-webkit-user-select: text;
	   -moz-user-select: text;
	        user-select: text;
}

/* --------------------- Canvas --------------------- */

.tl-canvas {
	position: absolute;
	inset: 0px;
	height: 100%;
	width: 100%;
	color: var(--color-text);
	cursor: var(--tl-cursor);
	overflow: clip;
	content-visibility: auto;
	touch-action: none;
	contain: strict;
}

.tl-shapes {
	position: relative;
	z-index: var(--layer-canvas-shapes);
}

.tl-overlays {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	contain: strict;
	pointer-events: none;
	z-index: var(--layer-canvas-overlays);
}

.tl-overlays__item {
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: visible;
	pointer-events: none;
	transform-origin: top left;
}

.tl-svg-context {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

/* ------------------- Background ------------------- */

.tl-background__wrapper {
	z-index: var(--layer-canvas-background);
	position: absolute;
	inset: 0px;
	height: 100%;
	width: 100%;
}

.tl-background {
	background-color: var(--color-background);
	width: 100%;
	height: 100%;
}

/* --------------------- Grid Layer --------------------- */

.tl-grid {
	position: absolute;
	inset: 0px;
	width: 100%;
	height: 100%;
	touch-action: none;
	pointer-events: none;
	z-index: var(--layer-canvas-grid);
	contain: strict;
}

.tl-grid-dot {
	fill: var(--color-grid);
}

/* --------------------- Layers --------------------- */

.tl-html-layer {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1px;
	height: 1px;
	contain: layout style size;
}

/* --------------- Overlay Stack --------------- */

/* back of the stack, behind user's stuff */
.tl-collaborator__scribble {
	z-index: var(--layer-overlays-collaborator-scribble);
}

.tl-collaborator__brush {
	z-index: var(--layer-overlays-collaborator-brush);
}

.tl-collaborator__shape-indicator {
	z-index: var(--layer-overlays-collaborator-shape-indicator);
}

.tl-user-scribble {
	z-index: var(--layer-overlays-user-scribble);
}

.tl-user-brush {
	z-index: var(--layer-overlays-user-brush);
}

.tl-user-handles {
	z-index: var(--layer-overlays-user-handles);
}

.tl-user-snapline {
	z-index: var(--layer-overlays-user-snapline);
}

.tl-selection__fg {
	pointer-events: none;
	z-index: var(--layer-overlays-selection-fg);
}

.tl-user-indicator__hint {
	z-index: var(--layer-overlays-user-indicator-hint);
	stroke-width: calc(2.5px * var(--tl-scale));
}

.tl-custom-overlays {
	z-index: var(--layer-overlays-custom);
}

/* behind collaborator cursor */
.tl-collaborator__cursor-hint {
	z-index: var(--layer-overlays-collaborator-cursor-hint);
}

.tl-collaborator__cursor {
	z-index: var(--layer-overlays-collaborator-cursor);
}

.tl-cursor {
	overflow: visible;
}

/* -------------- Selection foreground -------------- */

.tl-selection__bg {
	position: absolute;
	top: 0px;
	left: 0px;
	transform-origin: top left;
	background-color: transparent;
	pointer-events: all;
}

.tl-selection__fg__outline {
	fill: none;
	pointer-events: none;
	stroke: var(--color-selection-stroke);
	stroke-width: calc(1.5px * var(--tl-scale));
}

.tl-corner-handle {
	pointer-events: none;
	stroke: var(--color-selection-stroke);
	fill: var(--color-background);
	stroke-width: calc(1.5px * var(--tl-scale));
}

.tl-text-handle {
	pointer-events: none;
	fill: var(--color-selection-stroke);
}

.tl-corner-crop-handle {
	pointer-events: none;
	fill: none;
	stroke: var(--color-selection-stroke);
}

.tl-corner-crop-edge-handle {
	pointer-events: none;
	fill: none;
	stroke: var(--color-selection-stroke);
}

.tl-mobile-rotate__bg {
	pointer-events: all;
	cursor: var(--tl-cursor-grab);
}

.tl-mobile-rotate__fg {
	pointer-events: none;
	stroke: var(--color-selection-stroke);
	fill: var(--color-background);
	stroke-width: calc(1.5px * var(--tl-scale));
}

.tl-transparent {
	fill: transparent;
	stroke: transparent;
}

.tl-hidden {
	opacity: 0;
	pointer-events: none;
}

/* -------------- Nametag / cursor chat ------------- */

.tl-nametag {
	position: absolute;
	top: 16px;
	left: 13px;
	width: -moz-fit-content;
	width: fit-content;
	height: -moz-fit-content;
	height: fit-content;
	max-width: 120px;
	padding: 3px 6px;
	white-space: nowrap;
	position: absolute;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 12px;
	font-family: var(--font-body);
	border-radius: var(--radius-2);
	color: var(--color-selected-contrast);
}

.tl-nametag-title {
	position: absolute;
	top: -2px;
	left: 13px;
	width: -moz-fit-content;
	width: fit-content;
	height: -moz-fit-content;
	height: fit-content;
	padding: 0px 6px;
	max-width: 120px;
	white-space: nowrap;
	position: absolute;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 12px;
	font-family: var(--font-body);
	text-shadow: var(--tl-text-outline);
	color: var(--color-selected-contrast);
}

.tl-nametag-chat {
	position: absolute;
	top: 16px;
	left: 13px;
	width: -moz-fit-content;
	width: fit-content;
	height: -moz-fit-content;
	height: fit-content;
	color: var(--color-selected-contrast);
	white-space: nowrap;
	position: absolute;
	padding: 3px 6px;
	font-size: 12px;
	font-family: var(--font-body);
	opacity: 1;
	border-radius: var(--radius-2);
}

.tl-cursor-chat {
	position: absolute;
	color: var(--color-selected-contrast);
	white-space: nowrap;
	padding: 3px 6px;
	font-size: 12px;
	font-family: var(--font-body);
	pointer-events: none;
	z-index: var(--layer-cursor);
	margin-top: 16px;
	margin-left: 13px;
	opacity: 1;
	border: none;
	-webkit-user-select: text;
	   -moz-user-select: text;
	        user-select: text;
	border-radius: var(--radius-2);
}

.tl-cursor-chat .tl-cursor-chat__bubble {
	padding-right: 12px;
}

.tl-cursor-chat::-moz-selection {
	background: var(--color-selected);
	color: var(--color-selected-contrast);
	text-shadow: none;
}

.tl-cursor-chat::selection {
	background: var(--color-selected);
	color: var(--color-selected-contrast);
	text-shadow: none;
}

.tl-cursor-chat::-moz-placeholder {
	color: var(--color-selected-contrast);
	opacity: 0.7;
}

.tl-cursor-chat::placeholder {
	color: var(--color-selected-contrast);
	opacity: 0.7;
}

/* ---------------------- Text ---------------------- */

.tl-text-shape-label {
	position: relative;
	font-weight: normal;
	min-width: 1px;
	padding: 0px;
	margin: 0px;
	border: none;
	width: -moz-fit-content;
	width: fit-content;
	height: -moz-fit-content;
	height: fit-content;
	font-variant: normal;
	font-style: normal;
	pointer-events: all;
	white-space: pre-wrap;
	overflow-wrap: break-word;
	text-shadow: var(--tl-text-outline);
}

.tl-text-wrapper[data-font='draw'] {
	font-family: var(--tl-font-draw);
}

.tl-text-wrapper[data-font='sans'] {
	font-family: var(--tl-font-sans);
}

.tl-text-wrapper[data-font='serif'] {
	font-family: var(--tl-font-serif);
}

.tl-text-wrapper[data-font='mono'] {
	font-family: var(--tl-font-mono);
}

.tl-text-wrapper[data-align='start'],
.tl-text-wrapper[data-align='start-legacy'] {
	text-align: left;
}

.tl-text-wrapper[data-align='middle'],
.tl-text-wrapper[data-align='middle-legacy'] {
	text-align: center;
}

.tl-text-wrapper[data-align='end'],
.tl-text-wrapper[data-align='end-legacy'] {
	text-align: right;
}

.tl-plain-text-wrapper[data-isediting='true'] .tl-text-content {
	opacity: 0;
}

.tl-rich-text-wrapper[data-isediting='true'] .tl-text-content {
	display: none;
}

.tl-text {
	/* remove overflow from textarea on windows */
	margin: 0px;
	padding: 0px;

	-webkit-appearance: auto;

	   -moz-appearance: auto;

	        appearance: auto;
	background: none;
	-o-border-image: none;
	   border-image: none;
	border: 0px;
	caret-color: var(--color-text);
	color: inherit;
	-moz-column-count: initial !important;
	     column-count: initial !important;
	display: inline-block;
	font-family: inherit;
	font-feature-settings: normal;
	font-kerning: auto;
	font-optical-sizing: auto;
	font-size: inherit;
	font-stretch: 100%;
	font-style: inherit;
	font-variant: inherit;
	font-variation-settings: normal;
	font-weight: inherit;
	letter-spacing: inherit;
	line-height: inherit;
	outline: none;
	overflow-wrap: break-word;
	text-align: inherit;
	text-indent: 0px;
	text-rendering: auto;
	text-shadow: inherit;
	text-transform: none;
	white-space: pre-wrap;
	line-break: normal;
	word-spacing: 0px;
	word-wrap: break-word;
	writing-mode: horizontal-tb !important;
}

.tl-text-measure {
	position: absolute;
	z-index: var(--layer-canvas-hidden);
	top: 0px;
	left: 0px;
	opacity: 0;
	width: -moz-max-content;
	width: max-content;
	box-sizing: border-box;
	pointer-events: none;
	white-space: pre-wrap;
	word-wrap: break-word;
	overflow-wrap: break-word;
	resize: none;
	border: none;
	-moz-user-select: none;
	     user-select: none;
	contain: style paint;
	visibility: hidden;
	/* N.B. This property, while discouraged ("intended for Document Type Definition (DTD) designers") is necessary for ensuring correct mixed RTL/LTR behavior when exporting SVGs. */
	unicode-bidi: plaintext;
	-webkit-user-select: none;
}

.tl-text-input,
.tl-text-content {
	position: absolute;
	inset: 0px;
	height: 100%;
	width: 100%;
	min-width: 1px;
	min-height: 1px;
	outline: none;
}

.tl-text-content__wrapper {
	position: relative;
	width: -moz-fit-content;
	width: fit-content;
	height: -moz-fit-content;
	height: fit-content;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	min-height: auto;
}

.tl-text-content {
	overflow: visible;
	pointer-events: none;
}

.tl-text-input {
	resize: none;
	-moz-user-select: all;
	     user-select: all;
	-webkit-user-select: text;
	cursor: var(--tl-cursor-text);
}

.tl-text-input:not(.tl-rich-text) {
	/*
	 * Note: this `overflow: hidden` is key for scrollbars to not show up
	 * plaintext/<textarea> editors.
	 */
	overflow: hidden;
}

.tl-text-input::-moz-selection {
	background: var(--color-selected);
	color: var(--color-selected-contrast);
	text-shadow: none;
}

.tl-text-input::selection {
	background: var(--color-selected);
	color: var(--color-selected-contrast);
	text-shadow: none;
}

/* Text label */

.tl-text-label {
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--color-text);
	text-shadow: var(--tl-text-outline);
	line-height: inherit;
	position: absolute;
	inset: 0px;
	height: 100%;
	width: 100%;
}

.tl-text-label[data-hastext='false'][data-isediting='false'] > .tl-text-label__inner {
	width: 40px;
	height: 40px;
}

.tl-text-label[data-hastext='true'][data-isediting='false'] .tl-text-content {
	pointer-events: all;
}

.tl-text-label__inner > .tl-text-input.tl-rich-text {
	display: none;
	position: static;
}

.tl-text-wrapper[data-isediting='false'] .tl-text-input,
.tl-arrow-label[data-isediting='false'] .tl-text-input {
	opacity: 0;
	cursor: var(--tl-cursor-default);
}

.tl-rich-text[data-is-ready-for-editing='true'],
.tl-text-wrapper[data-is-ready-for-editing='true'] .tl-text-input {
	cursor: var(--tl-cursor-text);
}

.tl-text-label[data-textwrap='true'] > .tl-text-label__inner {
	max-width: 100%;
}

.tl-text-label[data-isediting='true'] {
	background-color: transparent;
	min-height: auto;
}

.tl-text-wrapper .tl-text-content {
	pointer-events: all;
	z-index: var(--layer-text-content);
}

.tl-text-label__inner > .tl-text-content {
	position: relative;
	top: 0px;
	left: 0px;
	padding: inherit;
	height: -moz-fit-content;
	height: fit-content;
	width: -moz-fit-content;
	width: fit-content;
	border-radius: var(--radius-1);
	max-width: 100%;
}

.tl-text-label__inner > .tl-text-input {
	position: absolute;
	inset: 0px;
	height: 100%;
	width: 100%;
	padding: inherit;
}

.tl-text-wrapper[data-isselected='true'] .tl-text-input {
	z-index: var(--layer-text-editor);
	pointer-events: all;
}

/* This part of the rule helps preserve the occlusion rules for the shapes so we
 * don't click on shapes that are behind other shapes.
 * One extra nuance is we don't use this behavior for:
 *  - arrows which have weird geometry and just gets in the way.
 *  - draw/line shapes, because it feels restrictive to have them be 'in the way' of clicking on a textfield
 *  - shapes that are not filled
 */
.tl-canvas:is([data-iseditinganything='true'], [data-isselectinganything='true'])
	.tl-shape:not(
		[data-shape-type='arrow'],
		[data-shape-type='draw'],
		[data-shape-type='line'],
		[data-shape-type='highlight'],
		[data-shape-is-filled='false']
	) {
	pointer-events: all;
}

.tl-rich-text .ProseMirror {
	word-wrap: break-word;
	overflow-wrap: break-word;
	white-space: pre-wrap;

	/**
	 * Note: ProseMirror disables this in https://github.com/ProseMirror/prosemirror-view/commit/6b3b2205e2f3029cb8e8e86c55a190a22491df31
	 * However, that was from 8 years ago and the browser caret issue
	 * it mentions seems to be fixed. So, we're re-enabling it.
	 * We'll tell ProseMirror maybe to get rid of this on their end.
	 *
	 */
	font-variant-ligatures: inherit;
	font-feature-settings: inherit;

	/**
	 * N.B. This following CSS Rule comes standard with the tiptap editor.
	 * Combined with the above rule that it supersedes, it allows for
	 * the auto-linking to work in text. Say, when typing example.com
	 * this helps it automatically turn that bit of text into a link.
	 *
	 * However, specifically, the break-spaces features seems to cause
	 * rendering differences when going in-and-out of edit mode. For example,
	 * the statically rendered text 'the rain in spain falls mainly on the plain'
	 * in a note shape will render differently when going in-and-out of edit mode.
	 *
	 * So, this is commented out to help make both the autolinking work (which now
	 * relies on the white-space: pre-wrap to work and to make the static/edit-mode
	 * rendering consistent.
	 * In the future, we might consider just making the static rendering just use
	 * white-space: break-spaces to make it consistent with the edit mode if need be.
	 *
	 * Also, the amount of ink I've spilt in my career writing comments explaining
	 * white-space in contenteditable is incredible.
	 *
	/* white-space: break-spaces; */
}

.tl-rich-text p {
	margin: 0;
	/* Depending on the extensions, <p> tags can be empty, without a <br />. */
	min-height: 1lh;
}

.tl-rich-text ul,
.tl-rich-text ol {
	text-align: left;
	margin: 0;
	padding-left: 3.25ch;
	/* Some resets, like Tailwind, nix the list styling. */
	list-style: revert;
}

.tl-rich-text ol:has(> li:nth-child(10)) {
	padding-left: 4.25ch;
}

.tl-rich-text ol:has(> li:nth-child(100)) {
	padding-left: 5.25ch;
}

.tl-rich-text h1,
.tl-rich-text h2,
.tl-rich-text h3,
.tl-rich-text h4,
.tl-rich-text h5,
.tl-rich-text h6 {
	margin-top: 5px;
	margin-bottom: 10px;
}

.tl-rich-text a {
	color: var(--color-primary);
	text-decoration: underline;
}

.tl-rich-text[data-is-select-tool-active='false'] a {
	cursor: inherit;
}

.tl-rich-text code {
	font-family: var(--tl-font-mono);
}

.tl-rich-text mark {
	background-color: #fddd00;
	color: currentColor;
	border-radius: 2px;
}

.tl-theme__light .tl-rich-text mark {
	text-shadow: none;
}

.tl-theme__dark .tl-rich-text mark {
	background-color: var(--color-text-highlight);
	color: currentColor;
}

@supports (color: color(display-p3 1 1 1)) {
	@media (color-gamut: p3) {
		.tl-container:not(.tl-theme__force-sRGB) .tl-rich-text mark {
			background-color: var(--color-text-highlight-p3);
		}
	}
}

.tl-text-wrapper[data-isediting='true'] .tl-rich-text {
	display: block;
}

/* --------------------- Loading -------------------- */

.tl-loading {
	background-color: var(--color-background);
	color: var(--color-text-1);
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: var(--space-2);
	font-size: 14px;
	font-weight: 500;
	opacity: 0;
	animation: tl-fade-in 0.2s ease-in-out forwards;
	animation-delay: 0.2s;
	position: absolute;
	inset: 0px;
	z-index: var(--layer-canvas-blocker);
}

@keyframes tl-fade-in {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.tl-spinner {
	animation: tl-spin 1s linear infinite;
}

@keyframes tl-spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

/* ---------------------- Brush --------------------- */

.tl-brush {
	stroke-width: calc(var(--tl-scale) * 1px);
	contain: size layout;
}

.tl-brush__default {
	stroke: var(--color-brush-stroke);
	fill: var(--color-brush-fill);
}

/* -------------------- Scribble -------------------- */

.tl-scribble {
	stroke-linejoin: round;
	stroke-linecap: round;
	pointer-events: none;
	contain: size layout;
}

/* ---------------------- Snaps --------------------- */

.tl-snap-indicator {
	stroke: var(--color-snap);
	stroke-width: calc(1px * var(--tl-scale));
	fill: none;
}

.tl-snap-point {
	stroke: var(--color-snap);
	stroke-width: calc(1px * var(--tl-scale));
	fill: none;
}

/* ---------------- Hyperlink Button ---------------- */

.tl-hyperlink-button {
	background: none;
	margin: 0px;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 44px;
	width: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 400;
	color: var(--color-text-1);
	padding: 13px;
	cursor: var(--tl-cursor-pointer);
	border: none;
	outline: none;
	pointer-events: all;
	z-index: 1;
}

.tl-hyperlink-button::after {
	content: '';
	z-index: -1;
	position: absolute;
	right: 6px;
	bottom: 6px;
	display: block;
	width: calc(100% - 12px);
	height: calc(100% - 12px);
	border-radius: var(--radius-1);
	background-color: var(--color-background);
	pointer-events: none;
}

.tl-hyperlink-button:focus-visible {
	color: var(--color-selected);
}

.tl-hyperlink__icon {
	width: 15px;
	height: 15px;
	background-color: currentColor;
	pointer-events: none;
}

.tl-hyperlink-button__hidden {
	display: none;
}

/* --------------------- Handles -------------------- */

.tl-handle {
	pointer-events: all;
}

.tl-handle__bg {
	fill: transparent;
	stroke: transparent;
	pointer-events: all;
}

.tl-handle__fg {
	fill: var(--color-selected-contrast);
	stroke: var(--color-selection-stroke);
	stroke-width: calc(1.5px * var(--tl-scale));
	pointer-events: none;
}

.tl-handle__create {
	opacity: 0;
}

.tl-handle__clone > .tl-handle__fg {
	fill: var(--color-selection-stroke);
	stroke: none;
}

.tl-handle__bg:active {
	fill: none;
}

@media (pointer: coarse) {
	.tl-handle__bg:active {
		fill: var(--color-selection-fill);
	}

	.tl-handle__create {
		opacity: 1;
	}
}

.tl-rotate-corner:not(:hover),
.tl-resize-handle:not(:hover) {
	cursor: none;
}

/* ----------------- Shape indicator ---------------- */

.tl-shape-indicator {
	transform-origin: top left;
	fill: none;
	stroke-width: calc(1.5px * var(--tl-scale));
	contain: size layout;
}

/* ---------------------- Shape --------------------- */

.tl-shape {
	position: absolute;
	pointer-events: none;
	overflow: visible;
	transform-origin: top left;
	contain: size layout;
}

/* ---------------- Shape Containers ---------------- */

.tl-svg-container {
	position: absolute;
	inset: 0px;
	height: 100%;
	width: 100%;
	pointer-events: none;
	stroke-linecap: round;
	stroke-linejoin: round;
	transform-origin: top left;
	overflow: visible;
}

.tl-html-container {
	position: absolute;
	inset: 0px;
	height: 100%;
	width: 100%;
	pointer-events: none;
	stroke-linecap: round;
	stroke-linejoin: round;
	/* content-visibility: auto; */
	transform-origin: top left;
	color: var(--color-text-1);
}

/* -------------------- Group shape ------------------ */

.tl-group {
	stroke: var(--color-text);
	stroke-width: calc(1px * var(--tl-scale));
	opacity: 0.5;
}

/* --------------------- Arrow shape -------------------- */

.tl-arrow-label {
	position: absolute;
	top: -1px;
	left: -1px;
	width: 2px;
	height: 2px;
	padding: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: var(--color-text);
	text-shadow: var(--tl-text-outline);
}

.tl-arrow-label[data-isediting='true'] p {
	opacity: 0;
}

.tl-arrow-label__inner {
	border-radius: var(--radius-1);
	box-sizing: content-box;
	position: relative;
	height: -moz-max-content;
	height: max-content;
	width: -moz-max-content;
	width: max-content;
	pointer-events: none;
	display: flex;
	justify-content: center;
	align-items: center;
}

.tl-arrow-label .tl-arrow {
	position: relative;
	height: -moz-max-content;
	height: max-content;
	padding: inherit;
	overflow: visible;
}

.tl-arrow-label textarea {
	padding: inherit;
	/* Don't allow textarea to be zero width */
	min-width: 4px;
}

.tl-arrow-hint {
	stroke: var(--color-text-1);
	fill: none;
	stroke-linecap: round;
	overflow: visible;
}

.tl-arrow-hint-handle {
	fill: var(--color-selected-contrast);
	stroke: var(--color-selection-stroke);
	stroke-width: calc(1.5px * var(--tl-scale));
	r: calc(4px * var(--tl-scale));
}

.tl-arrow-hint-snap {
	stroke: transparent;
	fill: var(--color-selection-fill);
	r: calc(12px * var(--tl-scale));
}

.tl-arrow-hint-snap__none,
.tl-arrow-hint-snap__center,
.tl-arrow-hint-snap__axis {
	display: none;
}

.tl-arrow-hint-snap__edge {
	r: calc(8px * var(--tl-scale));
}

/* ------------------- Bookmark shape ------------------- */

.tl-bookmark__container {
	width: 100%;
	height: 100%;
	position: relative;
	border: 1px solid var(--color-panel-contrast);
	background-color: var(--color-panel);
	border-radius: var(--radius-2);
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.tl-bookmark__container--safariExport {
	border: 1px solid var(--color-divider);
}

.tl-bookmark__image_container {
	flex: 1 1 100%;
	overflow: hidden;
	border-top-left-radius: var(--radius-1);
	border-top-right-radius: var(--radius-1);
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
	box-shadow: inset 0px 0px 0px 1px var(--color-divider);
}

.tl-bookmark__image_container > .tl-hyperlink-button::after {
	background-color: var(--color-panel);
}

.tl-bookmark__placeholder {
	width: 100%;
	height: 100%;
	background-color: var(--color-muted-2);
	border-bottom: 1px solid var(--color-muted-2);
}

.tl-bookmark__image {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center;
	   object-position: center;
	border-bottom: 1px solid var(--color-muted-2);
}

.tl-bookmark__copy_container {
	background-color: var(--color-muted-0);
	padding: var(--space-4);
	pointer-events: all;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex: 1;
}

.tl-bookmark__heading,
.tl-bookmark__description,
.tl-bookmark__link {
	margin: 0px;
	width: 100%;
	font-family: inherit;
}

.tl-bookmark__heading {
	font-size: 16px;
	line-height: 1.6;
	font-weight: bold;
	padding-bottom: var(--space-2);
	overflow: hidden;
	max-height: calc((16px * 1.6) * 2);
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	text-overflow: ellipsis;
	display: -webkit-box;
}

.tl-bookmark__description {
	font-size: 12px;
	line-height: 1.5;
	overflow: hidden;
	max-height: calc((12px * 1.5) * 3);
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	text-overflow: ellipsis;
	display: -webkit-box;
	color: var(--color-text-2);
	margin: var(--space-2) 0px;
}

.tl-bookmark__heading + .tl-bookmark__link,
.tl-bookmark__description + .tl-bookmark__link {
	margin-top: var(--space-3);
}
.tl-bookmark__link {
	font-size: 12px;
	pointer-events: all;
	display: flex;
	color: var(--color-text-2);
	align-items: center;
	cursor: var(--tl-cursor-pointer);
	width: -moz-fit-content;
	width: fit-content;
	max-width: 100%;
}

.tl-bookmark__link > span {
	flex-shrink: 0px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.tl-bookmark__link > .tl-hyperlink__icon {
	margin-right: 8px;
	flex-shrink: 0;
}

.tl-bookmark__link > .tl-bookmark__favicon {
	margin-right: 8px;
	width: 16px;
	height: 16px;
	flex-shrink: 0;
}

/* -------------- Image and video shape ------------- */

.tl-image,
.tl-video {
	-o-object-fit: cover;
	   object-fit: cover;
	background-size: cover;
	width: 100%;
	height: 100%;
}

.tl-video-container,
.tl-image-container,
.tl-embed-container {
	width: 100%;
	height: 100%;
	pointer-events: all;
	/* background-color: var(--color-background); */

	display: flex;
	justify-content: center;
	align-items: center;
}

.tl-image-container {
	position: relative;
}

.tl-image {
	position: absolute;
	inset: 0;
}

.tl-video.tl-video-is-fullscreen {
	-o-object-fit: contain;
	   object-fit: contain;
	background-size: contain;
}

/* -------------------- Note shape ------------------- */

.tl-note__container {
	position: relative;
	width: 100%;
	height: 100%;
	pointer-events: all;
	opacity: 1;
	z-index: var(--layer-text-container);
	border-radius: 1px;
}

.tl-note__container > .tl-text-label {
	text-shadow: none;
	color: currentColor;
}

/* ------------------- Frame shape ------------------- */

.tl-frame__body {
	stroke-width: calc(1px * var(--tl-scale));
}

.tl-frame__creating {
	stroke: var(--color-selected);
	fill: none;
}

.tl-frame-heading {
	--frame-padding-x: 6px;
	--frame-height: 24px;
	--frame-minimum-width: 32px;
	--frame-offset-width: 16px;
	display: flex;
	align-items: center;
	position: absolute;
	transform-origin: 0% 100%;
	overflow: hidden;
	max-width: 100%;
	min-width: var(--frame-minimum-width);
	height: auto;
	font-size: 12px;
	padding-bottom: 4px;
	pointer-events: all;
}

.tl-frame-heading-hit-area {
	pointer-events: all;
	/* scale from bottom left corner so we can pin it to the top left corner of the frame */
	transform-origin: 0% 100%;
	display: flex;
	height: var(--frame-height);
	width: 100%;
	align-items: center;
	border-radius: var(--radius-1);
}

.tl-frame-label {
	pointer-events: all;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0px var(--frame-padding-x);
	border-radius: var(--radius-1);
	position: relative;
	font-size: inherit;
	white-space: pre;
}

.tl-frame-label__editing {
	color: transparent;
	white-space: pre;
	width: auto;
	min-width: var(--frame-minimum-width);
	height: 100%;
	overflow: visible;
	background-color: var(--color-panel);
	border-color: var(--color-selected);
	box-shadow: inset 0px 0px 0px 1.5px var(--color-selected);
}

.tl-frame-name-input {
	position: absolute;
	border: none;
	background: none;
	outline: none;
	padding: 0px var(--frame-padding-x);
	inset: 0px;
	height: 100%;
	width: 100%;
	font-size: inherit;
	font-family: inherit;
	font-weight: inherit;
	width: 100%;
	color: var(--color-text-1);
	border-radius: var(--radius-1);
	-moz-user-select: all;
	     user-select: all;
	-webkit-user-select: text;
	white-space: pre;
	cursor: var(--tl-cursor-text);
}

/* If mobile use 16px as font size */
/* On iOS, font size under 16px in an input will make the page zoom into the input 🤦‍♂️ */
/* https://css-tricks.com/16px-or-larger-text-prevents-ios-form-zoom/ */
@media (max-width: 600px) {
	.tl-frame-heading {
		font-size: 16px;
	}
}

/* ------------------- Embed Shape ------------------ */

.tl-embed {
	border: none;
	border-radius: var(--radius-2);
}

/* -------------- Shape error boundary -------------- */

.tl-shape-error-boundary {
	width: 100%;
	height: 100%;
	background-color: var(--color-muted-1);
	border-width: calc(1px * var(--tl-scale));
	border-color: var(--color-muted-1);
	border-style: solid;
	border-radius: calc(var(--radius-1) * var(--tl-scale));
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: left;
	position: relative;
	pointer-events: all;
	overflow: hidden;
	padding: var(--space-2);
}

.tl-shape-error-boundary::before {
	transform: scale(var(--tl-scale));
	content: 'Error';
	font-size: 12px;
	font-family: inherit;
	color: var(--color-text-0);
}

/* ----------------- Error boundary ----------------- */

.tl-error-boundary {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: var(--space-4);
	background-color: var(--color-background);
	color: var(--color-text-1);
	position: absolute;
}

.tl-error-boundary__overlay {
	position: absolute;
	inset: 0px;
	height: 100%;
	width: 100%;
	z-index: var(--layer-error-overlay);
	background-color: var(--color-overlay);
}

.tl-error-boundary__content * {
	-moz-user-select: all;
	     user-select: all;
	-webkit-user-select: text;
	pointer-events: all;
}

.tl-error-boundary__canvas {
	pointer-events: none;
	position: absolute;
	inset: 0px;
	height: 100%;
	width: 100%;
	z-index: var(--layer-error-canvas);
}

/* some browsers seem to have some weird interactions between stacking contexts
and pointer-events. this ::after pseudo element covers the canvas and prevents
it from receiving any pointer events or affecting the cursor. */
.tl-error-boundary__canvas::after {
	content: ' ';
	display: block;
	position: absolute;
	inset: 0px;
	height: 100%;
	width: 100%;
	z-index: var(--layer-error-canvas-after);
	pointer-events: all;
}

.tl-error-boundary__content {
	width: -moz-fit-content;
	width: fit-content;
	height: -moz-fit-content;
	height: fit-content;
	max-width: 100%;
	width: 400px;
	max-height: 100%;
	background-color: var(--color-panel);
	padding: 16px;
	border-radius: 16px;
	box-shadow: var(--shadow-2);
	font-size: 14px;
	font-weight: 400;
	display: flex;
	flex-direction: column;
	overflow: auto;
	z-index: var(--layer-error-content);
	gap: 12px;
}

.tl-error-boundary__content__expanded {
	width: 600px;
}

.tl-error-boundary__content h2 {
	font-size: 16px;
	margin: 0px;
	font-weight: 500;
}

.tl-error-boundary__content h4 {
	border: 1px solid var(--color-low-border);
	margin: -6px 0 0 0;
	padding: var(--space-5);
	border-radius: var(--radius-2);
	font-weight: normal;
}

.tl-error-boundary__content p {
	line-height: 1.5;
	margin: 0px;
}

.tl-error-boundary__content pre {
	background-color: var(--color-muted-2);
	margin-top: 0;
	padding: var(--space-5);
	border-radius: var(--radius-2);
	overflow: auto;
	font-size: 12px;
	max-height: 320px;
}

.tl-error-boundary__content button {
	background: none;
	border: none;
	font-family: inherit;
	font-size: 14px;
	font-weight: 500;
	padding: var(--space-4);
	border-radius: var(--radius-3);
	cursor: var(--tl-cursor-pointer);
	color: inherit;
	background-color: transparent;
}

.tl-error-boundary__content a {
	color: var(--color-selected);
	font-weight: 500;
	text-decoration: none;
}

.tl-error-boundary__content__error {
	position: relative;
	margin: -6px 0 0 0;
}

.tl-error-boundary__content__error button {
	position: absolute;
	top: var(--space-2);
	right: var(--space-2);
	font-size: 12px;
	padding: var(--space-2) var(--space-3);
	background-color: var(--color-panel);
	border-radius: var(--radius-1);
}

.tl-error-boundary__content__actions {
	display: flex;
	justify-content: space-between;
	gap: var(--space-4);
	margin: 0px;
	margin-left: -4px;
}
.tl-error-boundary__content__actions__group {
	display: flex;
	gap: var(--space-4);
}
.tl-error-boundary__content .tl-error-boundary__reset {
	color: var(--color-danger);
}
.tl-error-boundary__content .tl-error-boundary__refresh {
	background-color: var(--color-primary);
	color: var(--color-selected-contrast);
}
.tl-container__focused:not(.tl-container__no-focus-ring)
	.tlui-button.tl-error-boundary__refresh:focus-visible {
	border-radius: 8px;
	outline-offset: 0;
}

/* ---------------- Hit test blocker ---------------- */

.tl-hit-test-blocker {
	position: absolute;
	z-index: var(--layer-canvas-blocker);
	inset: 0px;
	width: 100%;
	height: 100%;
	pointer-events: all;
}

.tl-hit-test-blocker__hidden {
	display: none;
}

/* --------------------- Hovers --------------------- */

@media (hover: hover) {
	.tl-handle__create:hover {
		opacity: 1;
	}

	.tl-handle__bg:hover {
		cursor: var(--tl-cursor-grab);
		fill: var(--color-selection-fill);
	}

	.tl-bookmark__link:hover {
		color: var(--color-selected);
	}

	.tl-hyperlink-button:hover {
		color: var(--color-selected);
	}

	.tl-error-boundary__content button:hover {
		background-color: var(--color-low);
	}
	.tl-error-boundary__content a:hover {
		color: var(--color-text-1);
	}
	.tl-error-boundary__content .tl-error-boundary__refresh:hover {
		background-color: var(--color-primary);
		opacity: 0.9;
	}

	/* These three rules help preserve clicking into specific points in text areas *while*
 * already in edit mode when jumping from shape to shape. */
	.tl-canvas[data-iseditinganything='true'] .tl-text-wrapper:hover .tl-text-input {
		z-index: var(--layer-text-editor);
		pointer-events: all;
	}
}

/* @tldraw/ui */

.tl-container {
	--layer-above: 1;
	--layer-focused-input: 10;
	--layer-menu-click-capture: 250;
	--layer-panels: 300;
	--layer-menus: 400;
	--layer-toasts: 650;
	--layer-cursor: 700;
	--layer-header-footer: 999;
	--layer-following-indicator: 1000;
}

/* Button */

.tlui-button {
	position: relative;
	height: 40px;
	min-width: 40px;
	padding: 0px 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	border: transparent;
	color: currentColor;
	cursor: pointer;
	pointer-events: all;
	font-weight: inherit;
	font-family: inherit;
	line-height: inherit;
	text-rendering: optimizeLegibility;
	font-size: 12px;
	gap: 0px;
	color: var(--color-text-1);
	z-index: 0;
}

.tlui-button:disabled {
	color: var(--color-text-3);
	text-shadow: none;
	cursor: default;
}

.tlui-button:disabled .tlui-kbd {
	color: var(--color-text-3);
}

.tlui-button > * {
	position: relative;
	z-index: var(--layer-above);
}

.tlui-button__label {
	font-size: 12px;
	flex-grow: 2;
	text-align: left;
}

/*
 * We only want to show the focus ring if:
 * - the container is focused
 * - we're not using the mouse to interact (which is the .tl-container__no-focus-ring)
 */
.tl-container__focused:not(.tl-container__no-focus-ring) .tlui-button:focus-visible {
	border-radius: 10px;
	outline: 2px solid var(--color-focus);
	outline-offset: -5px;
}
.tl-container__focused:not(.tl-container__no-focus-ring) .tlui-button__tool:focus-visible {
	border-radius: 12px;
}
.tlui-slider__container:has(.tlui-slider__thumb:focus-visible) {
	border-radius: 10px;
	outline: 2px solid var(--color-focus);
	outline-offset: -5px;
}

.tlui-button::after {
	display: block;
	content: '';
	position: absolute;
	inset: 4px;
	border-radius: var(--radius-2);
	background: var(--color-muted-2);
	opacity: 0;
}

.tlui-button__menu[data-highlighted]::after {
	opacity: 1;
}

.tlui-button[data-isactive='true']::after,
.tlui-button[data-isactive='true']:not(:disabled, :focus-visible):active:after {
	background: var(--color-hint);
	opacity: 1;
}

.tlui-button[aria-expanded='true'][data-direction='left']::after {
	background: linear-gradient(270deg, rgba(144, 144, 144, 0) 0%, var(--color-muted-2) 100%);
	opacity: 1;
}

@media (hover: hover) {
	.tlui-button[aria-expanded='true'][data-direction='left']:not(:hover)::after {
		background: linear-gradient(270deg, rgba(144, 144, 144, 0) 0%, var(--color-muted-2) 100%);
		opacity: 1;
	}

	.tlui-button:not(:disabled):hover {
		z-index: 1;
	}

	.tlui-button:not(:disabled):hover::after {
		opacity: 1;
	}
}

.tlui-button__icon + .tlui-button__label {
	margin-left: var(--space-2);
}

/* Low button  */

.tlui-button__low {
	border-radius: var(--radius-3);
	background-color: var(--color-low);
}

.tlui-button__low::after {
	background-color: var(--color-muted-2);
	opacity: 0;
}

@media (hover: hover) {
	.tlui-button__low:hover::after {
		opacity: 1;
	}
}

/* Primary / danger buttons */

.tlui-button__primary {
	color: var(--color-primary);
}

.tlui-button__danger {
	color: var(--color-danger);
	text-shadow: none;
}

@media (hover: hover) {
	.tlui-button__primary:not(:disabled, :focus-visible):hover {
		color: var(--color-primary);
	}

	.tlui-button__danger:not(:disabled, :focus-visible):hover {
		color: var(--color-danger);
		text-shadow: none;
	}
}

/* Panel button */

.tlui-button__panel {
	position: relative;
}

/* Menu button */

.tlui-button__menu {
	height: 40px;
	min-height: 40px;
	width: 100%;
	gap: 8px;
	margin: -4px 0px;
}

.tlui-button__menu::after {
	inset: 4px;
	border-radius: var(--radius-2);
}

.tlui-button__menu > .tlui-icon + .tlui-button__label {
	margin-left: 0px;
}

.tlui-button__menu:nth-child(1) {
	margin-top: 0px;
}

.tlui-button__menu:nth-last-child(1) {
	margin-bottom: 0px;
}

/* Menu checkbox button */

.tlui-button__checkbox {
	padding-left: 8px;
}

.tlui-button__checkbox__indicator {
	width: 15px;
	height: 15px;
}

/* Tool lock button */

.tlui-toolbar__lock-button {
	position: absolute;
	top: 4px;
	right: 0px;
	pointer-events: all;
	height: 40px;
	width: 40px;
	min-width: 0px;
	border-radius: var(--radius-2);
}

.tlui-toolbar__lock-button::after {
	top: 4px;
	left: 8px;
	inset: 4px;
}

/* Tool button  */

.tlui-button__tool {
	position: relative;
	height: 48px;
	width: 48px;
	margin-left: -2px;
	margin-right: -2px;
}

.tlui-button__tool:nth-of-type(1) {
	margin-left: 0px;
}

.tlui-button__tool:nth-last-of-type(1) {
	margin-right: 0px;
}

.tlui-button__tool::after {
	inset: 4px;
	border-radius: 8px;
}

.tlui-button__tool[aria-pressed='true'] {
	color: var(--color-selected-contrast);
}

.tlui-button__tool[aria-pressed='true']:not(:disabled, :focus-visible):active {
	color: var(--color-selected-contrast);
}

.tlui-button__tool[aria-pressed='true']:not(:disabled)::after {
	background: var(--color-selected);
	opacity: 1;
}

.tlui-layout__mobile .tlui-button__tool {
	height: 48px;
	width: 43px;
}

.tlui-layout__mobile .tlui-button__tool > .tlui-icon {
	height: 16px;
	width: 16px;
}

/* Button Row */

.tlui-buttons__horizontal {
	display: flex;
	flex-direction: row;
}
.tlui-buttons__horizontal > * {
	margin-left: -2px;
	margin-right: -2px;
}
.tlui-buttons__horizontal > *:nth-child(1) {
	margin-left: 0px;
}
.tlui-buttons__horizontal > *:nth-last-child(1) {
	margin-right: 0px;
}

/* Button Grid */

.tlui-buttons__grid {
	display: grid;
	grid-template-columns: repeat(4, auto);
	grid-auto-flow: row;
	overflow: hidden;
}
.tlui-buttons__grid > .tlui-button {
	margin: -2px;
}
.tlui-buttons__grid > .tlui-button:nth-of-type(4n),
.tlui-buttons__vertical-align > .tlui-button:nth-of-type(3n) {
	margin-right: 0px;
}
.tlui-buttons__grid > .tlui-button:nth-of-type(4n - 3) {
	margin-left: 0px;
}
.tlui-buttons__grid > .tlui-button:nth-of-type(-n + 4) {
	margin-top: 0px;
}
.tlui-buttons__grid > .tlui-button:nth-last-of-type(-n + 4) {
	margin-bottom: 0px;
}

/* Zoom button */

.tlui-zoom-menu__button {
	width: 60px;
	min-width: 60px;
	text-align: center;
}

/* --------------------- Layout --------------------- */

.tlui-layout {
	position: relative;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: minmax(0px, 1fr) auto;
	grid-auto-rows: auto;
	height: 100%;
	max-height: 100%;
	overflow: clip;
	pointer-events: none;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	contain: strict;
	z-index: var(--layer-panels);
	transform: translate3d(0, 0, 0);
	--sab: env(safe-area-inset-bottom);
	font-weight: 500;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smooth: antialiased;
	text-rendering: optimizeLegibility;
}

.tlui-layout__top {
	grid-column: 1;
	grid-row: 1;
	display: flex;
	min-width: 0px;
	justify-content: space-between;
}

.tlui-layout__top__left {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
	height: 100%;
	flex: 0 1 0;
}

.tlui-layout__top__right {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-start;
	height: 100%;
	flex: 0 0 auto;
	min-width: 0px;
}

.tlui-scrollable,
.tlui-scrollable * {
	pointer-events: all;
	touch-action: auto;
	overscroll-behavior: none;
}

/* ----------------- Helper Buttons ---------------- */

.tlui-helper-buttons {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	width: -moz-min-content;
	width: min-content;
	gap: var(--space-3);
	margin: var(--space-2) var(--space-3);
	white-space: nowrap;
	pointer-events: none;
	z-index: var(--layer-panels);
}

/* ---------------------- Icon ---------------------- */

.tlui-icon {
	flex-shrink: 0;
	width: 18px;
	height: 18px;
	background-color: currentColor;
}

.tlui-icon__placeholder {
	flex-shrink: 0;
	width: 18px;
	height: 18px;
	background-color: transparent;
}

.tlui-icon__small {
	width: 15px;
	height: 15px;
}

/* --------------------- Slider --------------------- */

.tlui-slider__container {
	width: 100%;
	padding: 0px var(--space-4);
}

.tlui-slider {
	position: relative;
	display: flex;
	align-items: center;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	touch-action: none;
	width: 100%;
}

.tlui-slider__track {
	position: relative;
	flex-grow: 1;
	height: 44px;
	cursor: pointer;
}

.tlui-slider__track::after {
	display: block;
	position: absolute;
	top: calc(50% - 2px);
	content: '';
	height: 3px;
	width: 100%;
	background-color: var(--color-muted-1);
	border-radius: 14px;
}

.tlui-slider__range {
	position: absolute;
	top: calc(50% - 2px);
	left: 0px;
	height: 3px;
	background-color: var(--color-selected);
	border-radius: 14px;
}

.tlui-slider__thumb {
	all: unset;
	cursor: grab;
	display: block;
	width: 18px;
	height: 18px;
	position: relative;
	top: -1px;
	background-color: var(--color-panel);
	border-radius: 999px;
	box-shadow: inset 0px 0px 0px 2px var(--color-text-1);
}

.tlui-slider__thumb:active {
	cursor: grabbing;
	box-shadow:
		inset 0px 0px 0px 2px var(--color-text-1),
		var(--shadow-1);
}

/* ---------------------- Input --------------------- */

.tlui-input {
	background: none;
	margin: 0px;
	position: relative;
	z-index: var(--layer-above);
	height: 40px;
	max-height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: inherit;
	font-size: 12px;
	font-weight: inherit;
	color: var(--color-text-1);
	padding: var(--space-4);
	padding-left: 0px;
	border: none;
	outline: none;
	text-overflow: ellipsis;
	width: 100%;
	-webkit-user-select: all;
	   -moz-user-select: all;
	        user-select: all;
	text-rendering: optimizeLegibility;
	-webkit-user-select: auto !important;
}

.tlui-input__wrapper {
	width: 100%;
	height: 44px;
	display: flex;
	align-items: center;
	gap: var(--space-4);
	color: var(--color-text);
}

.tlui-input__wrapper > .tlui-icon {
	flex-shrink: 0;
}

/* If mobile use 16px as font size */
/* On iOS, font size under 16px in an input will make the page zoom into the input 🤦‍♂️ */
/* https://css-tricks.com/16px-or-larger-text-prevents-ios-form-zoom/ */
@media (max-width: 600px) {
	@supports (-webkit-touch-callout: none) {
		/* CSS specific to iOS devices */
		.tlui-input {
			font-size: 16px;
		}
	}
}

/* ----------------------- Kbd ---------------------- */

.tlui-kbd {
	font-family: inherit;
	font-size: 11px;
	line-height: 11px;
	display: grid;
	justify-items: center;
	grid-auto-flow: column;
	grid-template-columns: auto;
	grid-auto-columns: minmax(1em, auto);
	align-self: bottom;
	color: currentColor;
	margin-left: var(--space-4);
}

.tlui-kbd > span {
	width: 100%;
	text-align: center;
	display: inline;
	margin: 0px;
	padding: 2px;
	border-radius: 2px;
}

.tlui-kbd > span:last-child {
	padding-right: 0;
}

.tlui-kbd:not(:last-child) {
	margin-right: var(--space-2);
}

/* Focus Mode Button */

.tlui-focus-button {
	z-index: var(--layer-panels);
	pointer-events: all;
}

/* ---------------------- Menu ---------------------- */

.tlui-menu:empty {
	display: none;
}

.tlui-menu {
	z-index: var(--layer-menus);
	height: -moz-fit-content;
	height: fit-content;
	width: -moz-fit-content;
	width: fit-content;
	border-radius: var(--radius-3);
	pointer-events: all;
	touch-action: auto;
	overflow-y: auto;
	overscroll-behavior: none;
	background-color: var(--color-panel);
	box-shadow: var(--shadow-3);
}

.tlui-menu::-webkit-scrollbar {
	display: none;
}

/* Menu groups */

.tlui-menu__group {
	width: 100%;
}

.tlui-menu__group:empty {
	display: none;
}

.tlui-menu__group {
	border-bottom: 1px solid var(--color-divider);
}
.tlui-menu__group:nth-last-of-type(1) {
	border-bottom: none;
}

/* Submenu triggers */

.tlui-menu__submenu__trigger[data-state='open']::after {
	opacity: 1;
	background: linear-gradient(90deg, rgba(144, 144, 144, 0) 0%, var(--color-muted-2) 100%);
}

.tlui-menu__submenu__trigger[data-direction='left'][data-state='open']::after {
	opacity: 1;
	background: linear-gradient(270deg, rgba(144, 144, 144, 0) 0%, var(--color-muted-2) 100%);
}

@media (hover: hover) {
	.tlui-menu__submenu__trigger[data-state='open']:not(:hover)::after {
		opacity: 1;
		background: linear-gradient(90deg, rgba(144, 144, 144, 0) 0%, var(--color-muted-2) 100%);
	}

	.tlui-menu__submenu__trigger[data-direction='left'][data-state='open']:not(:hover)::after {
		opacity: 1;
		background: linear-gradient(270deg, rgba(144, 144, 144, 0) 0%, var(--color-muted-2) 100%);
	}
}

/* Menu Sizes */

.tlui-menu[data-size='large'] > .tlui-menu__group {
	min-width: initial;
}

.tlui-menu[data-size='medium'] > .tlui-menu__group {
	min-width: 144px;
}

.tlui-menu[data-size='small'] > .tlui-menu__group {
	min-width: 96px;
}

.tlui-menu[data-size='tiny'] > .tlui-menu__group {
	min-width: 0px;
}

.tlui-menu-click-capture {
	position: fixed;
	inset: 0;
	z-index: var(--layer-menu-click-capture);
}

/* --------------------- Popover -------------------- */

.tlui-popover {
	position: relative;
	display: flex;
	align-content: stretch;
}

.tlui-popover__content {
	position: relative;
	max-height: calc(var(--radix-popover-content-available-height) - 8px);
	margin: 0px;
	border: none;
	border-radius: var(--radius-3);
	background-color: var(--color-panel);
	box-shadow: var(--shadow-3);
	z-index: var(--layer-menus);
	overflow: hidden;
	overflow-y: auto;
	touch-action: auto;
	overscroll-behavior: none;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

/* -------------------- Menu Zone ------------------- */

.tlui-menu-zone {
	position: relative;
	z-index: var(--layer-panels);
	width: -moz-fit-content;
	width: fit-content;
	border-right: 2px solid var(--color-background);
	border-bottom: 2px solid var(--color-background);
	border-bottom-right-radius: var(--radius-4);
	background-color: var(--color-low);
}

.tlui-menu-zone *[data-state='open']::after {
	background: linear-gradient(180deg, rgba(144, 144, 144, 0) 0%, var(--color-muted-2) 100%);
	opacity: 1;
}

@media (hover: hover) {
	.tlui-menu-zone *[data-state='open']:not(:hover)::after {
		background: linear-gradient(180deg, rgba(144, 144, 144, 0) 0%, var(--color-muted-2) 100%);
		opacity: 1;
	}
}

/* ------------------- Page Select ------------------ */

.tlui-page-menu__wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 260px;
	height: -moz-fit-content;
	height: fit-content;
	max-height: 50vh;
}

.tlui-page-menu__trigger {
	width: auto;
}

.tlui-page-menu__header {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
	height: 40px;
	padding-left: var(--space-4);
	border-bottom: 1px solid var(--color-divider);
}

.tlui-page-menu__header > .tlui-button:nth-of-type(1) {
	margin-right: -4px;
}

.tlui-page-menu__header__title {
	color: var(--color-text);
	font-size: 12px;
	flex-grow: 2;
}

.tlui-page-menu__name {
	flex-grow: 2;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.tlui-page-menu__list {
	position: relative;
	touch-action: auto;
	flex-direction: column;
	max-height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	touch-action: auto;
}

.tlui-page-menu__item {
	position: relative;
}

.tlui-page_menu__item__submenu[data-isediting='true'] > .tlui-button[data-state='open'] {
	opacity: 1;
}

@media (hover: hover) {
	.tlui-page-menu__item:hover > .tlui-page_menu__item__submenu > .tlui-button {
		opacity: 1;
	}
}

.tlui-page-menu__item:nth-of-type(n + 2) {
	margin-top: -4px;
}

.tlui-page-menu__item__button {
	width: 100%;
}

.tlui-page-menu__item__button:not(:only-child) {
	flex-grow: 2;
	margin-right: -2px;
}

.tlui-page-menu__item__button > span {
	display: block;
	flex-grow: 2;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.tlui-page-menu__item__button > span {
	padding-right: calc(40px - 12px);
}

@media (hover: hover) {
	.tlui-page-menu__item__button > span {
		padding-right: 0px;
	}

	.tlui-page-menu__item:hover > .tlui-page-menu__item__button > span {
		padding-right: calc(40px - 12px);
	}
}

.tlui-page-menu__item__button__checkbox {
	padding-left: 35px;
}

.tlui-page-menu__item__button__check {
	position: absolute;
	left: 0px;
	width: 24px;
	padding-left: 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--color-text);
}

.tlui-page_menu__item__sortable {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: -moz-fit-content;
	height: fit-content;
	display: flex;
	flex-direction: row;
	align-items: center;
	overflow: hidden;
	z-index: var(--layer-above);
}

.tlui-page_menu__item__sortable__title {
	flex: 1;
}

.tlui-page_menu__item__sortable__title > .tlui-input__wrapper {
	height: 100%;
}

.tlui-page_menu__item__sortable:focus-visible {
	z-index: var(--layer-focused-input);
}

.tlui-page_menu__item__sortable__handle {
	touch-action: none;
	width: 32px;
	min-width: 0px;
	height: 40px;
	cursor: grab;
	color: var(--color-text-3);
	flex-shrink: 0;
	margin-right: -9px;
}

.tlui-page_menu__item__sortable__handle:active {
	cursor: grabbing;
}

.tlui-page-menu__item__input {
	margin-left: 12px;
	height: 100%;
}

/* The more menu has complex CSS here: */
/* If the user can hover, then visible but opacity zero until hover */
/* If the user cannot hover, then not displayed unless editing, and then opacity 1 */

.tlui-page_menu__item__submenu {
	pointer-events: all;
	position: absolute;
	right: 0px;
	top: 0px;
	height: 100%;
	cursor: pointer;
	margin: 0px;
	margin-left: -2px;
	z-index: 10;
}

.tlui-page_menu__item__submenu > .tlui-button {
	opacity: 0;
}

.tlui-page_menu__item__sortable:focus-visible > .tlui-page_menu__item__submenu > .tlui-button,
.tlui-page_menu__item__submenu[data-isediting='true'],
.tlui-page_menu__item__submenu > .tlui-button[data-state='open'],
.tlui-page_menu__item__submenu > .tlui-button:focus-visible {
	opacity: 1;
}

.tlui-page_menu__item__submenu > .tlui-button[data-state='open']::after {
	background: linear-gradient(90deg, rgba(144, 144, 144, 0) 0%, var(--color-muted-2) 100%);
	opacity: 1;
}

@media (hover: hover) {
	.tlui-page_menu__item__submenu > .tlui-button[data-state='open']:not(:hover)::after {
		background: linear-gradient(90deg, rgba(144, 144, 144, 0) 0%, var(--color-muted-2) 100%);
		opacity: 1;
	}
}

@media (any-pointer: coarse) {
	.tlui-page_menu__item__submenu > .tlui-button {
		opacity: 1;
	}
}

.tlui-button__icon {
	padding: 0px;
}

.tlui-page-menu__item__button .tlui-button__icon {
	margin-right: 4px;
}

@media (hover: hover) {
	.tlui-page_menu__item__submenu[data-isediting='true'] > .tlui-button {
		opacity: 0;
	}

	.tlui-page_menu__item__submenu:hover > .tlui-button {
		opacity: 1;
	}
}

/* -------------- Skip to main content -------------- */

.tl-skip-to-main-content {
	position: fixed;
	top: 48px;
	left: -9999px;
	padding: 8px 16px;
	z-index: var(--layer-toasts);
}

.tl-skip-to-main-content:focus {
	left: 8px;
}

/* ---------------- Offline indicator --------------- */

.tlui-offline-indicator {
	display: flex;
	flex-direction: row;
	gap: var(--space-3);
	color: var(--color-text);
	background-color: var(--color-low);
	border: 3px solid var(--color-background);
	padding: 0px var(--space-5);
	height: 42px;
	align-items: center;
	justify-content: center;
	border-radius: 99px;
	opacity: 0;
	animation: tl-fade-in;
	animation-duration: 0.12s;
	animation-delay: 2s;
	animation-fill-mode: forwards;
}

/* ------------------- Style panel ------------------ */

.tlui-style-panel__wrapper {
	box-shadow: var(--shadow-2);
	border-radius: var(--radius-3);
	pointer-events: all;
	background-color: var(--color-panel);
	height: -moz-fit-content;
	height: fit-content;
	max-height: 100%;
	margin: 8px;
	margin-top: 4px;
	touch-action: auto;
	overscroll-behavior: none;
	overflow-y: auto;
	overflow-x: hidden;
	color: var(--color-text);
}
/* if the style panel is the only child (ie no share menu), increase the margin */
.tlui-style-panel__wrapper:only-child {
	margin-top: 8px;
}

.tlui-style-panel {
	position: relative;
	z-index: var(--layer-panels);
	pointer-events: all;
	width: 148px;
	max-width: 148px;
}

.tlui-style-panel::-webkit-scrollbar {
	display: none;
}

.tlui-style-panel .tlui-button.select {
	width: 100%;
}

.tlui-style-panel__section {
	display: flex;
	position: relative;
	flex-direction: column;
}

.tlui-style-panel__section:nth-of-type(n + 2):not(:last-child) {
	border-bottom: 1px solid var(--color-divider);
}

.tlui-style-panel__section:empty {
	display: none;
}

.tlui-style-panel__section__common:not(:only-child) {
	margin-bottom: 7px;
	border-bottom: 1px solid var(--color-divider);
}

.tlui-style-panel__row {
	display: flex;
}
/* Only really used for the alignment picker */
.tlui-style-panel__row__extra-button {
	margin-left: -2px;
}

.tlui-style-panel__double-select-picker {
	display: flex;
	grid-template-columns: 1fr auto;
	align-items: center;
	padding-left: var(--space-4);
	color: var(--color-text-1);
	font-size: 12px;
}

.tlui-style-panel__double-select-picker-label {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	flex-grow: 2;
	max-width: 100%;
}

.tlui-style-panel .tlui-button[data-state='open']::after {
	opacity: 1;
	background: linear-gradient(270deg, rgba(144, 144, 144, 0) 0%, var(--color-muted-2) 100%);
}

@media (hover: hover) {
	.tlui-style-panel .tlui-button[data-state='open']:not(:hover)::after {
		opacity: 1;
		background: linear-gradient(270deg, rgba(144, 144, 144, 0) 0%, var(--color-muted-2) 100%);
	}
}

/* --------------------- Bottom --------------------- */

.tlui-layout__bottom {
	grid-row: 2;
}

.tlui-layout__bottom__main {
	width: 100%;
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

/* ------------------- Navigation ------------------- */

.tlui-navigation-panel {
	display: flex;
	width: -moz-min-content;
	width: min-content;
	flex-direction: column;
	z-index: var(--layer-panels);
	pointer-events: all;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.tlui-navigation-panel::before {
	content: '';
	display: block;
	position: absolute;
	z-index: -1;
	inset: -2px -2px 0px 0px;
	border-radius: 0;
	border-top: 2px solid var(--color-background);
	border-right: 2px solid var(--color-background);
	border-top-right-radius: var(--radius-4);
	background-color: var(--color-low);
}

.tlui-navigation-panel[data-a11y='true']::before {
	display: none;
}

/* Minimap */

.tlui-minimap {
	width: 100%;
	height: 96px;
	min-height: 96px;
	overflow: hidden;
	padding: var(--space-3);
	padding-top: 0px;
}

.tlui-minimap__canvas {
	position: relative;
	width: 100%;
	height: 100%;
}

/* --------------------- Toolbar -------------------- */

/* Wide container */
.tlui-toolbar {
	grid-column: 1 / span 3;
	grid-row: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-grow: 2;
	padding-bottom: calc(var(--space-3) + var(--sab));
}

/* Centered Content */
.tlui-toolbar__inner {
	position: relative;
	width: -moz-fit-content;
	width: fit-content;
	display: flex;
	gap: var(--space-3);
	align-items: flex-end;
}

.tlui-toolbar__left {
	width: -moz-fit-content;
	width: fit-content;
}

/* Row of controls + lock button */
.tlui-toolbar__extras {
	position: relative;
	z-index: var(--layer-above);
	width: 100%;
	pointer-events: none;
	top: 6px;
	height: 48px;
}

.tlui-toolbar__extras:empty {
	display: none;
}

.tlui-toolbar__extras__controls {
	display: flex;
	position: relative;
	flex-direction: row;
	z-index: var(--layer-above);
	background-color: var(--color-low);
	border-top-left-radius: var(--radius-4);
	border-top-right-radius: var(--radius-4);
	border: 2px solid var(--color-background);
	margin-left: 8px;
	margin-right: 0px;
	pointer-events: all;
	width: -moz-fit-content;
	width: fit-content;
}

.tlui-toolbar__tools {
	display: flex;
	flex-direction: row;
	align-items: center;
	border-radius: var(--radius-4);
	z-index: var(--layer-panels);
	pointer-events: all;
	position: relative;
	background: var(--color-panel);
	box-shadow: var(--shadow-2);
}
.tlui-toolbar__tools__list {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.tlui-toolbar__overflow {
	width: 40px;
}

.tlui-layout__mobile .tlui-toolbar__overflow {
	width: 32px;
	padding: 0px;
}

.tlui-toolbar *[data-state='open']::after {
	background: linear-gradient(0deg, rgba(144, 144, 144, 0) 0%, var(--color-muted-2) 100%);
	opacity: 1;
}

@media (hover: hover) {
	.tlui-toolbar *[data-state='open']:not(:hover)::after {
		background: linear-gradient(0deg, rgba(144, 144, 144, 0) 0%, var(--color-muted-2) 100%);
		opacity: 1;
	}
}

.tlui-layout__mobile .tlui-toolbar {
	transition: transform 0.15s ease-out 0.05s;
}

/* ------------------- Debug panel ------------------ */

.tlui-debug-panel {
	background-color: var(--color-low);
	width: 100%;
	display: grid;
	align-items: center;
	grid-template-columns: 1fr auto auto auto;
	justify-content: space-between;
	padding-left: var(--space-4);
	border-top: 1px solid var(--color-background);
	font-size: 12px;
	color: var(--color-text-1);
	z-index: var(--layer-panels);
	pointer-events: all;
}

.tlui-debug-panel__current-state {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.tlui-debug-panel__fps {
	margin-right: 8px;
}

.tlui-debug-panel__fps__slow {
	font-weight: bold;
	color: var(--color-danger);
}

.tlui-a11y-audit {
	border-collapse: collapse;
}

.tlui-a11y-audit th,
.tlui-a11y-audit td {
	padding: 8px;
	border: 1px solid var(--color-low-border);
}

/* --------------------- Toasts --------------------- */

.tlui-toast__viewport {
	position: absolute;
	inset: 0px;
	margin: 0px;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	flex-direction: column;
	gap: var(--space-3);
	pointer-events: none;
	padding: 0px var(--space-3) 64px 0px;
	z-index: var(--layer-toasts);
}

.tlui-toast__viewport > * {
	pointer-events: all;
}

.tlui-toast__icon {
	padding-top: 11px;
	padding-left: var(--space-4);
	color: var(--color-text-1);
}

.tlui-toast__container {
	min-width: 200px;
	display: flex;
	flex-direction: row;
	background-color: var(--color-panel);
	box-shadow: var(--shadow-2);
	border-radius: var(--radius-3);
	font-size: 12px;
}

.tlui-toast__container[data-severity='success'] .tlui-icon {
	color: var(--color-success);
}

.tlui-toast__container[data-severity='info'] .tlui-icon {
	color: var(--color-info);
}

.tlui-toast__container[data-severity='warning'] .tlui-icon {
	color: var(--color-warning);
}

.tlui-toast__container[data-severity='error'] .tlui-icon {
	color: var(--color-danger);
}

.tlui-toast__main {
	flex-grow: 2;
	max-width: 280px;
}

.tlui-toast__content {
	padding: var(--space-4);
	display: flex;
	line-height: 1.4;
	flex-direction: column;
	gap: var(--space-3);
}

.tlui-toast__main[data-actions='true'] .tlui-toast__content {
	padding-bottom: var(--space-2);
}

.tlui-toast__title {
	font-weight: bold;
	color: var(--color-text-1);
	/* this makes the default toast look better */
	line-height: 16px;
}

.tlui-toast__description {
	color: var(--color-text-1);
	padding: var(--space-3);
	margin: 0px;
	padding: 0px;
}

.tlui-toast__icon + .tlui-toast__main > .tlui-toast__actions {
	padding-left: 0px;
}

.tlui-toast__actions {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin-left: 0;
}

.tlui-toast__close {
	align-self: flex-end;
	flex-shrink: 0;
}

@media (prefers-reduced-motion: no-preference) {
	.tlui-toast__container[data-state='open'] {
		animation: tlui-slide-in 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
	}

	.tlui-toast__container[data-state='closed'] {
		animation: tlui-fade-out 100ms ease-in;
	}

	.tlui-toast__container[data-swipe='move'] {
		transform: translateX(var(--radix-toast-swipe-move-x));
	}

	.tlui-toast__container[data-swipe='cancel'] {
		transform: translateX(0);
		transition: transform 200ms ease-out;
	}

	.tlui-toast__container[data-swipe='end'] {
		animation: tlui-slide-out 100ms ease-out;
	}
}

/* ---------------- Dialog ---------------- */

.tlui-dialog__overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: var(--layer-canvas-overlays);
	background-color: var(--color-overlay);
	pointer-events: all;
	animation: tl-fade-in 0.12s ease-out;
	display: grid;
	place-items: center;
	overflow-y: auto;
	padding: 0px var(--space-3);
}

.tlui-dialog__content {
	display: flex;
	flex-direction: column;
	position: relative;
	cursor: default;
	background-color: var(--color-panel);
	box-shadow: var(--shadow-3);
	border-radius: var(--radius-3);
	font-size: 12px;
	overflow: hidden;
	min-width: 300px;
	max-width: 100%;
	max-height: 80%;
}

.tlui-dialog__header {
	position: relative;
	display: flex;
	align-items: center;
	flex: 0;
	z-index: var(--layer-header-footer);
	padding-left: var(--space-4);
	color: var(--color-text);
	height: 40px;
}

.tlui-dialog__header__title {
	flex: 1;
	font-weight: inherit;
	font-size: 12px;
	margin: 0px;
	color: var(--color-text-1);
}

.tlui-dialog__header__close {
	justify-self: flex-end;
}

.tlui-dialog__body {
	padding: var(--space-4) var(--space-4);
	flex: 0 1;
	overflow-y: auto;
	overflow-x: hidden;
	color: var(--color-text-1);
	-moz-user-select: all;
	     user-select: all;
	-webkit-user-select: text;
}
.tlui-dialog__body a {
	color: var(--color-selected);
}

.tlui-dialog__body ul,
.tlui-dialog__body ol {
	padding-left: 16px;
	display: flex;
	flex-direction: column;
	gap: var(--space-2);
}

.tlui-dialog__footer {
	position: relative;
	min-height: 12px;
	z-index: var(--layer-header-footer);
}

.tlui-dialog__footer__actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.tlui-dialog__footer__actions > .tlui-button:nth-last-child(n + 2) {
	margin-right: -4px;
}

/* --------------------- Dialogs -------------------- */

/* Edit Link Dialog */

.tlui-edit-link-dialog {
	display: flex;
	flex-direction: column;
	gap: var(--space-4);
	color: var(--color-text);
}

.tlui-edit-link-dialog__input {
	background-color: var(--color-muted-2);
	flex-grow: 2;
	border-radius: var(--radius-2);
	padding: 0px var(--space-4);
}

/* Embed Dialog */

.tlui-embed__spacer {
	flex-grow: 2;
	min-height: 0px;
	margin-left: calc(-1 * var(--space-4));
	margin-top: calc(-1 * var(--space-4));
	pointer-events: none;
}

.tlui-embed-dialog__list {
	display: flex;
	flex-direction: column;
	padding: 0px var(--space-3) var(--space-4) var(--space-3);
}

.tlui-embed-dialog__item__image {
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: var(--color-selected-contrast);
	border-radius: var(--radius-1);
}

.tlui-embed-dialog__enter {
	display: flex;
	flex-direction: column;
	gap: var(--space-4);
	color: var(--color-text-1);
}

.tlui-embed-dialog__input {
	background-color: var(--color-muted-2);
	flex-grow: 2;
	border-radius: var(--radius-2);
	padding: 0px var(--space-4);
}

.tlui-embed-dialog__warning {
	color: var(--color-danger);
	text-shadow: none;
}

.tlui-embed-dialog__instruction__link {
	display: flex;
	gap: var(--space-1);
	margin-top: var(--space-4);
}

.tlui-embed-dialog__enter a {
	color: var(--color-text-1);
}

/* --------------- Keyboard shortcuts --------------- */

.tlui-shortcuts-dialog__header {
	border-bottom: 1px solid var(--color-divider);
}

.tlui-shortcuts-dialog__body {
	position: relative;
	-moz-columns: 3;
	     columns: 3;
	-moz-column-gap: var(--space-9);
	     column-gap: var(--space-9);
	pointer-events: all;
	touch-action: auto;

	/* Terrible fix to allow firefox users to scroll the dialog */
	overflow-x: auto;
}

.tlui-shortcuts-dialog__body__tablet {
	-moz-columns: 2;
	     columns: 2;
}

.tlui-shortcuts-dialog__body__mobile {
	-moz-columns: 1;
	     columns: 1;
}

.tlui-shortcuts-dialog__group {
	-moz-column-break-inside: avoid;
	     break-inside: avoid-column;
	padding-bottom: var(--space-6);
}

.tlui-shortcuts-dialog__group__title {
	font-size: inherit;
	font-weight: inherit;
	margin: 0px;
	color: var(--color-text-3);
	height: 32px;
	display: flex;
	align-items: center;
}

.tlui-shortcuts-dialog__group__content {
	display: flex;
	flex-direction: column;
	color: var(--color-text-1);
}

.tlui-shortcuts-dialog__key-pair {
	display: flex;
	gap: var(--space-4);
	align-items: center;
	justify-content: space-between;
	height: 32px;
}

.tlui-shortcuts-dialog__key-pair__key {
	flex: 1;
	font-size: 12px;
}

/* ------------------ Language menu ----------------- */

.tlui-language-menu {
	max-height: 500px;
}

.tlui-language-menu::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 24px;
	background: linear-gradient(
		to bottom,
		var(--color-panel-transparent) 0%,
		var(--color-panel) 90%,
		var(--color-panel) 100%
	);
	border-bottom-left-radius: var(--radius-3);
	border-bottom-right-radius: var(--radius-3);
	pointer-events: none;
}

/* ------------------ Actions menu ------------------ */

.tlui-actions-menu {
	max-height: calc(100vh - 150px);
}

/* -------------------- Help menu ------------------- */

.tlui-help-menu {
	pointer-events: all;
	position: absolute;
	bottom: var(--space-2);
	right: var(--space-2);
	z-index: var(--layer-panels);
	border: 2px solid var(--color-background);
	border-radius: 100%;
}

/* ------------------- Da share zone ------------------ */

.tlui-share-zone {
	padding: 0px 0px 0px 0px;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	z-index: var(--layer-panels);
	align-items: center;
	padding-top: 2px;
	padding-right: 4px;
}

/* ------------------- People Menu ------------------- */

.tlui-people-menu__avatars-button {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	background: none;
	border: none;
	cursor: pointer;
	pointer-events: all;
	border-radius: var(--radius-1);
	padding-right: 1px;
	height: 100%;
}

.tlui-people-menu__avatars {
	display: flex;
	flex-direction: row;
}

.tlui-people-menu__avatar {
	height: 24px;
	width: 24px;
	border: 2px solid var(--color-background);
	background-color: var(--color-low);
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	color: var(--color-selected-contrast);
	z-index: 2;
}

.tlui-people-menu__avatar:nth-of-type(n + 2) {
	margin-left: -12px;
}

.tlui-people-menu__avatars-button[data-state='open'] {
	opacity: 1;
}

@media (hover: hover) {
	.tlui-people-menu__avatars-button:hover .tlui-people-menu__avatar {
		border-color: var(--color-low);
	}
}

.tlui-people-menu__more {
	min-width: 0px;
	font-size: 11px;
	font-weight: 600;
	color: var(--color-text-1);
	font-family: inherit;
	padding: 0px 4px;
}
.tlui-people-menu__more::after {
	border-radius: var(--radius-2);
	inset: 0px;
}

.tlui-people-menu__wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 220px;
	height: -moz-fit-content;
	height: fit-content;
	max-height: 50vh;
}

.tlui-people-menu__section {
	position: relative;
	touch-action: auto;
	flex-direction: column;
	max-height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	touch-action: auto;
}

.tlui-people-menu__section:first-child,
.tlui-people-menu__section:last-child {
	flex-shrink: 0;
}

.tlui-people-menu__section:not(:last-child) {
	border-bottom: 1px solid var(--color-divider);
}

.tlui-people-menu__user {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.tlui-people-menu__user__color {
	flex-shrink: 0;
}

.tlui-people-menu__user__name {
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 12px;
	color: var(--color-text-1);
	max-width: 100%;
	flex-grow: 1;
	flex-shrink: 100;
}

.tlui-people-menu__user__label {
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 12px;
	color: var(--color-text-3);
	flex-grow: 100;
	flex-shrink: 0;
	margin-left: 4px;
}

.tlui-people-menu__user__input {
	flex-grow: 2;
	height: 100%;
	padding: 0px;
	margin: 0px;
}

.tlui-people-menu__user > .tlui-input__wrapper {
	width: auto;
	display: flex;
	align-items: auto;
	flex-grow: 2;
	gap: 8px;
	height: 100%;
	padding: 0px;
}

.tlui-people-menu__item {
	position: relative;
}

.tlui-people-menu__item:last-of-type .tlui-button__menu {
	margin-bottom: 0;
}

.tlui-people-menu__item__button {
	padding: 0 11px;
	overflow: hidden;
}

.tlui-people-menu__item > .tlui-button__menu {
	width: auto;
	display: flex;
	align-items: auto;
	justify-content: flex-start;
	flex-grow: 2;
	gap: 11px;
}

.tlui-people-menu__name {
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.tlui-people-menu__item__follow {
	position: absolute;
	top: 0px;
	right: 0px;
	max-width: 40px;
	flex-shrink: 0;
}

.tlui-people-menu__item[data-follow='true'],
.tlui-people-menu__item:has(.tlui-button:focus-visible) {
	padding-right: 36px;
}

.tlui-people-menu__item[data-follow='true'] .tlui-people-menu__item__follow,
.tlui-people-menu__item:has(.tlui-button:focus-visible) .tlui-people-menu__item__follow {
	opacity: 1;
}

@media (hover: hover) {
	.tlui-people-menu__item__follow {
		opacity: 0;
	}

	.tlui-people-menu__item:hover {
		padding-right: 36px;
	}
	.tlui-people-menu__item:hover .tlui-people-menu__item__follow {
		opacity: 1;
	}
}

/* --------------- Following indicator -------------- */

.tlui-following-indicator {
	display: block;
	position: absolute;
	inset: 0px;
	border-width: 2px;
	border-style: solid;
	z-index: var(--layer-following-indicator);
	pointer-events: none;
}

/* --------------- Contextual toolbar --------------- */

.tlui-contextual-toolbar {
	position: absolute;
}

/**
 * N.B. We hide the toolbar while mousing down, so no need to turn these off.
 */
.tlui-contextual-toolbar,
.tlui-contextual-toolbar * {
	pointer-events: all;
}

.tlui-contextual-toolbar [data-isactive='true']::after {
	background-color: var(--color-muted-2);
	opacity: 1;
}

.tlui-contextual-toolbar {
	opacity: 0;
	transition: opacity 0.08s ease-in-out;
}

.tlui-contextual-toolbar,
.tlui-contextual-toolbar * {
	pointer-events: none;
}

.tlui-contextual-toolbar[data-visible='true'] {
	opacity: 1;
	z-index: var(--layer-menus);
}

.tlui-contextual-toolbar[data-interactive='true'],
.tlui-contextual-toolbar[data-interactive='true'] * {
	pointer-events: all;
}

.tlui-rich-text__toolbar-link-input {
	margin-left: 12px;
	/*
	 * Nice touch tweak: keep the link editor toolbar the same as the default toolbar.
	 * This is so the toolbar size stays stable going in and out of the link editor.
	 */
	width: 148px;
}

.tlui-media__toolbar-alt-text-input {
	margin-left: 12px;
	/*
	 * Nice touch tweak: keep the link editor toolbar the same as the default toolbar.
	 * This is so the toolbar size stays stable going in and out of the alt text editor.
	 */
	min-width: 200px;
}

.tlui-contextual-toolbar .tlui-input__wrapper {
	height: 40px;
}

.tlui-image__toolbar .tlui-slider__container {
	width: 125px;
}

.tlui-image__toolbar .tlui-slider {
	height: 100%;
}

.tlui-image__toolbar .tlui-slider__track {
	height: 32px;
}

.tlui-image__toolbar .tlui-slider__thumb {
	width: 14px;
	height: 14px;
}

/* ------------------- Animations ------------------- */
@keyframes tlui-fade-out {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes tlui-slide-in {
	from {
		transform: translateX(calc(100% + var(--space-3)));
	}
	to {
		transform: translateX(0px);
	}
}

@keyframes tlui-slide-out {
	from {
		transform: translateX(var(--radix-toast-swipe-end-x));
	}
	to {
		transform: translateX(calc(100% + var(--space-3)));
	}
}

.dev-canvas-workspace .tl-container {
  --color-background: hsl(var(--background));
  --color-panel: hsl(var(--card));
  --color-panel-contrast: hsl(var(--border));
  --color-low: hsl(var(--muted));
  --color-low-border: hsl(var(--border));
  --color-text: hsl(var(--foreground));
}

/* Colour swatches inherit tldraw's per-button colour, overriding the site's icon sweep. */
.dev-canvas-workspace .tlui-button-grid__button > svg:only-child {
  color: inherit !important;
}

.dev-canvas-workspace .dev-canvas-menu-action {
  flex-shrink: 0;
  gap: 5px;
  padding-inline: 9px;
  white-space: nowrap;
}
/* Use tldraw's canvas-width breakpoint so the native controls still fit on smaller hosts. */
.dev-canvas-workspace .tlui-layout:not([data-breakpoint='7']) .dev-canvas-menu-label { display: none; }
.dev-canvas-workspace .dev-canvas-menu-action[aria-pressed='true'] { background: var(--color-muted-1); }
.dev-canvas-group-outlines { position: absolute; inset: 0 auto auto 0; width: 1px; height: 1px; overflow: visible; pointer-events: none; }
.dev-canvas-group-boundary { fill: none; stroke: var(--color-selected); stroke-width: 1.5px; stroke-dasharray: 6 4; }
.dev-canvas-group-label-background { fill: var(--color-panel); stroke: var(--color-selected); stroke-width: 1px; }
.dev-canvas-group-label { fill: var(--color-text); font: 11px/1 Inter, system-ui, sans-serif; }
.dev-canvas-arrange-menu { max-height: calc(100dvh - 120px); overflow-y: auto; overscroll-behavior: contain; }
.dev-canvas-arrange-menu .tlui-button__menu { min-height: 28px; height: 28px; }
.dev-canvas-arrange-heading, .dev-canvas-arrange-hint { padding: 8px 12px; color: var(--color-text-3); font-size: 11px; line-height: 1.5; }
.dev-canvas-arrange-heading { color: var(--color-text); font-weight: 600; }
.dev-canvas-arrange-check { display: inline-flex; flex: 0 0 14px; }
.dev-canvas-actions-list {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  width: 232px;
  max-width: calc(100vw - 24px);
  max-height: min(600px, calc(100dvh - 170px));
  overflow-y: auto;
  overscroll-behavior: contain;
}
.dev-canvas-actions-list > .tlui-button__menu {
  width: 100%;
  height: 30px;
  min-height: 30px;
  margin: 0;
  padding-inline: 10px;
}
.dev-canvas-actions-list > .tlui-button__menu > .tlui-icon { order: -1; flex-shrink: 0; }
.dev-canvas-component-shape { display: flex; flex-direction: column; border-radius: 8px; background: var(--dev-canvas-card-background); color: var(--dev-canvas-card-foreground); }
.dev-canvas-component-source { display: flex; flex: 0 0 25px; align-items: center; gap: 5px; min-width: 0; padding: 0 8px; font: 10px/1.3 Inter, system-ui, sans-serif; color: var(--dev-canvas-card-foreground); cursor: grab; }
.dev-canvas-component-source span { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dev-canvas-component-source a { display: grid; width: 20px; height: 20px; place-items: center; }
.dev-canvas-component-source a:hover { opacity: 0.7; }
.dev-canvas-component-shape .dev-canvas-component-content { flex: 1; min-height: 0; overflow: auto; overscroll-behavior: contain; color: var(--dev-canvas-card-foreground); background: var(--dev-canvas-card-background) !important; border-color: var(--dev-canvas-card-border) !important; }
.dev-canvas-component-shape .dev-canvas-component-content .workspace-structure-card-content .pb-board-card-field-wrap { color: var(--dev-canvas-card-foreground) !important; font-size: 13px !important; font-weight: 600; }
.dev-canvas-component-shape svg { color: var(--dev-canvas-card-foreground) !important; }
.dev-canvas-component-content textarea,
.dev-canvas-component-content input { cursor: text; }

/* Collapsed canvas placements use the slim title-and-tags strip. */
.dev-canvas-component-shape[data-collapsed] { border-radius: 3px; }
.dev-canvas-component-shape[data-collapsed] .dev-canvas-component-content {
  display: flex;
  align-items: center;
  min-height: 0 !important;
  padding: 4px 6px !important;
  overflow: hidden;
  border: 1px solid var(--dev-canvas-card-border) !important;
  border-radius: 3px !important;
  background: var(--dev-canvas-card-background) !important;
  box-shadow: none;
}
.dev-canvas-component-shape[data-collapsed] .workspace-structure-card-content > div { min-height: 16px; }
.dev-canvas-component-shape[data-collapsed] .workspace-structure-card-content .pb-board-card-field-wrap {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-wrap: normal;
  word-break: normal;
  font-size: 13px !important;
  font-weight: 600;
  line-height: 16px !important;
  color: var(--dev-canvas-card-foreground) !important;
}
.dev-canvas-component-shape[data-collapsed] textarea.pb-board-card-field { height: 16px; min-height: 16px !important; }
.dev-canvas-component-shape[data-collapsed] .pb-board-tag-inline {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  flex: 0 0 60%;
  max-width: 234px;
  gap: 4px;
  align-items: center;
}
.dev-canvas-component-shape[data-collapsed] .pb-board-tag-inline .pb-board-tag-inline-trigger,
.dev-canvas-component-shape[data-collapsed] .pb-board-tag-inline .pb-board-tag-inline-trigger span {
  height: 12px;
  min-height: 0;
  padding: 0 2px;
  border: 1px solid color-mix(in srgb, var(--dev-canvas-card-foreground) 55%, transparent);
  border-radius: 1.5px;
  background: transparent !important;
  color: var(--dev-canvas-card-foreground) !important;
  font-size: 9px !important;
  font-weight: 600;
  line-height: 10px !important;
  text-transform: lowercase;
}
.dev-canvas-component-shape[data-collapsed] .pb-board-tag-inline .pb-board-tag-inline-trigger span { height: auto; padding: 0; border: 0; }
.dev-canvas-component-shape[data-collapsed] .pb-board-tag-inline-trigger:hover { background: color-mix(in srgb, var(--dev-canvas-card-foreground) 8%, transparent) !important; }
.dev-canvas-map-topic {
  color: var(--dev-canvas-topic-text);
  overflow: visible;
  font-family: Inter, system-ui, sans-serif;
}

.dev-canvas-map-topic-branch {
  position: absolute;
  inset: 0;
  overflow: visible;
  pointer-events: none;
  z-index: -1;
}

.dev-canvas-map-topic-node {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  border: 1.5px solid var(--dev-canvas-topic-border);
  border-radius: 7px;
  background: var(--dev-canvas-topic-fill);
  box-sizing: border-box;
  padding: 10px 16px;
  box-shadow: 0 1px 3px #00000015;
}

.dev-canvas-map-topic[data-root] .dev-canvas-map-topic-node {
  border-width: 2px;
  border-radius: 10px;
}

.dev-canvas-map-topic-title,
.dev-canvas-map-topic-editor {
  min-width: 0;
  width: 100%;
  margin: 0;
  font: 500 14px/18px Inter, system-ui, sans-serif;
  color: var(--dev-canvas-topic-text);
  text-align: center;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.dev-canvas-map-topic-title { -webkit-user-select: none; -moz-user-select: none; user-select: none; }

.dev-canvas-map-topic[data-root] .dev-canvas-map-topic-title,
.dev-canvas-map-topic[data-root] .dev-canvas-map-topic-editor {
  font-size: 15px;
  line-height: 20px;
  font-weight: 650;
}

.dev-canvas-map-topic-editor {
  display: block;
  align-self: stretch;
  padding: 0;
  border: 0;
  border-radius: 0;
  outline: 0;
  background: transparent;
  resize: none;
  cursor: text;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  box-shadow: none;
}

.dev-canvas-map-topic-controls {
  position: absolute;
  left: calc(100% + 6px);
  top: 50%;
  display: flex;
  gap: 4px;
  align-items: center;
  transform: translateY(-50%);
  pointer-events: all;
}

.dev-canvas-map-topic-controls button {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 5px;
  border: 1px solid var(--dev-canvas-topic-border);
  border-radius: 11px;
  color: var(--dev-canvas-topic-text);
  background: var(--dev-canvas-topic-fill);
  font: 500 12px/1 Inter, system-ui, sans-serif;
  cursor: pointer;
}

.dev-canvas-map-topic-controls .dev-canvas-map-topic-add { font-size: 18px; }
.dev-canvas-map-topic-controls button:hover { filter: brightness(1.12); }
.dev-canvas-map-topic-controls button:focus-visible { outline: 2px solid var(--dev-canvas-topic-border); outline-offset: 2px; }
.dev-canvas-map-menu { max-height: calc(100dvh - 140px); overflow-y: auto; overscroll-behavior: contain; }
.dev-canvas-map-menu .tlui-button__menu { min-height: 28px; height: 28px; }
.dev-canvas-map-topic-editor { font-size: 14px !important; }
.dev-canvas-map-topic[data-root] .dev-canvas-map-topic-editor { font-size: 15px !important; }
.component-manager { display:flex; flex-direction:column; flex:1; min-height:0; width:100%; color:hsl(var(--foreground)); background:hsl(var(--background)); font-size:12px; }
.component-manager * { box-sizing:border-box; }
/* Keep global mobile control minimums from stretching this compact tool UI. */
.component-manager :is(button,input,select,textarea):not(.cm-library-content *) { min-height:unset !important; }
.component-manager :is(input,select,textarea):not(.cm-library-content *) { font-size:inherit !important; }
.cm-header { display:flex; flex:1; min-width:0; align-items:center; gap:12px; min-height:24px; overflow-x:auto; white-space:nowrap; }
.cm-header h1 { flex-shrink:0; margin:0; font-size:12px; font-weight:600; }
.cm-header h1 span { margin-left:8px; font-size:11px; font-weight:400; color:hsl(var(--muted-foreground)); }
.cm-help { color:hsl(var(--muted-foreground)); font-size:11px; line-height:1.6; }
.cm-actions { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.cm-header .cm-actions { flex-shrink:0; flex-wrap:nowrap; margin-left:auto; }
.component-manager button:not(.cm-library-content *),.component-manager .cm-button { display:inline-flex; align-items:center; justify-content:center; gap:5px; border:1px solid hsl(var(--border)); border-radius:2px; background:#262626; color:#e2e2e2; padding:4px 6px; font:inherit; font-size:11px; cursor:pointer; text-decoration:none; }
.component-manager .cm-header button { height:20px; padding:2px 6px; font-size:10px; }
.component-manager button:not(.cm-library-content *):hover,.component-manager .cm-button:hover { background:hsl(var(--muted)); }
.component-manager button:not(.cm-library-content *):disabled { opacity:.4; cursor:default; }
.component-manager :focus-visible { outline:2px solid hsl(var(--ring)); outline-offset:2px; }
.component-manager .cm-primary { background:hsl(var(--primary)); color:hsl(var(--primary-foreground)); border-color:hsl(var(--primary)); }
.component-manager input:not([type=checkbox]):not(.cm-library-content *),.component-manager select:not(.cm-library-content *),.component-manager textarea:not(.cm-library-content *) { min-width:0; width:100%; border:1px solid hsl(var(--border)); border-radius:2px; padding:4px 6px; background:#1f1f1f; color:#e2e2e2; font:inherit; font-size:11px; }
.component-manager input[type=checkbox]:not(.cm-library-content *) { accent-color:hsl(var(--primary)); width:13px; height:13px; flex-shrink:0; }
.component-manager textarea:not(.cm-library-content *) { resize:vertical; }
.cm-summary { display:flex; flex-shrink:0; align-items:center; gap:10px; color:hsl(var(--muted-foreground)); font-size:10px; }
.cm-library { padding-left:12px; border-left:1px solid hsl(var(--border)); }
.cm-alert,.cm-notice { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 20px; border-bottom:1px solid hsl(var(--border)); background:hsl(var(--muted)); overflow-wrap:anywhere; }
.cm-alert { color:hsl(var(--destructive)); }
.cm-workspace { display:flex; flex:1; min-height:0; overflow:hidden; }
.cm-list { display:flex; flex:1; flex-direction:column; min-height:0; padding:12px; border-right:1px solid hsl(var(--border)); background:#1c1c1c; }
.cm-search { display:flex; align-items:center; gap:6px; margin-bottom:8px; }
.cm-filters { display:grid; grid-template-columns:1fr; gap:6px; }
.cm-list-count { margin:10px 0 5px; font-size:10px; color:hsl(var(--muted-foreground)); }
.cm-list-rows { overflow:auto; flex:1; min-height:0; }
.component-manager .cm-list-rows button { width:100%; display:flex; flex-direction:column; align-items:flex-start; gap:3px; text-align:left; margin:3px 0; border-color:transparent; padding:9px; }
.component-manager .cm-list-rows .is-selected { border-color:hsl(var(--border)); background:hsl(var(--muted)); box-shadow:inset 2px 0 hsl(var(--primary)); }
.cm-list-rows strong { font-size:12px; font-weight:500; }
.cm-list-rows small,.cm-row-status { font-size:10px; color:hsl(var(--muted-foreground)); }
.cm-preview-column { display:flex; flex:1; flex-direction:column; min-height:0; min-width:0; }
.cm-preview-toolbar { display:flex; flex:1; min-width:0; gap:4px; align-items:center; overflow-x:auto; font-size:11px; }
.cm-preview-toolbar .cm-actions { flex-wrap:nowrap; flex-shrink:0; }
.component-manager .cm-preview-toolbar select { width:auto; min-width:95px; max-width:140px; flex:1; }
.cm-preview-title { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:8px 10px; }
.cm-preview-title h2 { margin:0; font-size:14px; font-weight:500; }
.cm-badge { font-size:10px; border:1px solid hsl(var(--border)); border-radius:20px; padding:3px 8px; white-space:nowrap; background:hsl(var(--background)); }
.cm-badge-ready { color:hsl(var(--primary)); border-color:hsl(var(--primary) / .5); }
.cm-stage-scroll { flex:1; min-height:220px; overflow:auto; padding:0 6px 6px; }
.cm-stage { position:relative; height:100%; min-height:400px; margin:0 auto; border:1px solid hsl(var(--border)); border-radius:6px; overflow:hidden; background:hsl(var(--background)); }
.cm-stage > * { height:100%; min-height:100%; }
.cm-preview-status { display:flex; flex-direction:column; gap:2px; padding:4px; font-size:9px; color:#9a9a9a; }
.cm-preview-status [role=alert] { color:hsl(var(--destructive)); }
.cm-inspector { display:flex; flex:1; flex-direction:column; width:100%; min-width:0; min-height:0; overflow:auto; font-size:11px; color:#e4e4e4; }
.cm-inspector-tabs { position:sticky; top:0; z-index:1; display:flex; flex-shrink:0; align-items:stretch; gap:4px; min-height:34px; padding:0 6px; border-bottom:1px solid #2a2a2a; background:#161616; }
.component-manager .cm-inspector-tabs button { height:34px; border:0; border-bottom:2px solid transparent; border-radius:0; background:transparent; color:#9a9a9a; font-size:10px; padding:0 5px; white-space:nowrap; }
.component-manager .cm-inspector-tabs [aria-selected=true] { border-bottom-color:#dcdcdc; color:#f0f0f0; font-weight:600; }
.cm-inspector-body { padding:10px; }
.cm-inspector-body h3 { display:flex; align-items:center; gap:5px; margin:18px 0 9px; font-size:12px; font-weight:600; }
.cm-inspector-body h3:first-child { margin-top:0; }
.cm-inspector-body > label,.cm-inspector-body details > label,.cm-form-grid > label { display:flex; flex-direction:column; gap:4px; margin:9px 0; }
.cm-inspector-body .cm-toggle,.cm-inspector-body .cm-check { flex-direction:row; align-items:center; gap:7px; line-height:1.4; }
.cm-inspector-body .cm-check { margin:9px 0; }
.cm-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.cm-id { display:block; font-size:10px; color:hsl(var(--muted-foreground)); overflow-wrap:anywhere; margin:8px 0; }
.cm-description { line-height:1.6; margin:0 0 10px; }
.cm-issue { display:flex; align-items:center; gap:6px; margin:7px 0; }
.cm-issue input:not([type=checkbox]) { flex:1; }
.cm-inspector-body details { border:1px solid hsl(var(--border)); border-radius:5px; padding:9px; margin:14px 0; }
.cm-inspector-body summary { cursor:pointer; font-size:11px; }
.component-manager .cm-code,.cm-original { font:11px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace; -moz-tab-size:2; -o-tab-size:2; tab-size:2; }
.component-manager .cm-source { min-height:400px; white-space:pre; overflow:auto; }
.cm-original { max-height:350px; overflow:auto; white-space:pre; }
.cm-revision { display:flex; flex-direction:column; gap:5px; padding:10px 0; border-bottom:1px solid hsl(var(--border)); }
.cm-revision small,.cm-empty { color:hsl(var(--muted-foreground)); }
.cm-empty { padding:12px 0; font-size:11px; }
@media (prefers-reduced-motion:reduce) { .component-manager * { scroll-behavior:auto; } }

/* Container 4 directory: inset panel, rounded folder rows and nested items. */
.cm-library-sidebar { display:flex; flex:1; flex-direction:column; min-height:0; min-width:0; overflow:hidden; background:#1c1c1c; color:#d6d6d6; font-size:10px; }
.cm-library-heading { display:flex; align-items:center; justify-content:space-between; min-height:32px; padding:0 10px; border-bottom:1px solid #2a2a2a; font-size:10px; font-weight:500; color:#a8a8a8; }
.cm-library-heading small { display:flex; align-items:center; justify-content:center; min-width:20px; height:16px; padding:0 3px; border:1px solid #2e2e2e; background:#141414; color:#e8e8e8; font-size:9px; }
.cm-library-search { display:flex; align-items:center; gap:5px; flex-shrink:0; height:28px; padding:0 7px; border-bottom:1px solid hsl(var(--border)); }
.component-manager .cm-library-search input { height:25px; border:0; border-radius:0; padding:0; background:transparent; font-size:10px; }
.cm-library-tree { flex:1; min-height:0; overflow:auto; padding:5px 2px; }
.component-manager .cm-library-sidebar button { border:0; border-radius:0; background:transparent; padding:0; justify-content:flex-start; font-size:10px; }
.component-manager .cm-library-sidebar button:hover { background:#333; }
.component-manager .cm-library-group-toggle { width:100%; height:23px; gap:6px; padding:0 6px; border-radius:3px; color:#d6d6d6; }
.cm-library-group-toggle > span { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left; font-weight:500; }
.cm-library-group-toggle > small { margin-left:auto; color:#9a9a9a; font-size:9px; }
.cm-library-group-toggle > svg { flex-shrink:0; color:#e6b84f; }
.cm-library-group-toggle > svg:first-child { color:#9a9a9a; }
.cm-library-group-toggle > .is-expanded { transform:rotate(90deg); }
.cm-library-item-row { min-height:23px; margin-left:13px; border-left:1px solid #393939; border-radius:0 3px 3px 0; }
.cm-library-group-content { padding-left:8px; }
.component-manager .cm-library-item { display:block; min-height:23px; padding:0 7px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left; font-weight:500; }
.cm-library-sidebar .is-selected { background:#2e2e2e; border-left-color:#6fc0e8; }
.cm-library-filter { display:flex; flex-direction:column; gap:4px; padding:6px; color:hsl(var(--muted-foreground)); }
.component-manager .cm-library-filter select { padding:3px 5px; font-size:10px; color:hsl(var(--foreground)); }
.cm-library-empty { padding:8px; color:hsl(var(--muted-foreground)); font-size:10px; }
.cm-library-content { display:flex; min-height:0; min-width:0; flex:1; flex-direction:column; overflow:hidden; }
.cm-unified-workspace .cm-library-content > section { min-width:0; }
.cm-actions[hidden] { display:none; }
@media (max-width:850px) {
  .component-manager { overflow:auto; }
  .cm-workspace { min-height:600px; }
  .cm-creative-tools-body { display:grid !important; grid-template-columns:180px minmax(0,1fr); grid-template-rows:minmax(450px,1fr) auto; }
  .cm-creative-tools-sidebar { width:auto !important; }
  .cm-creative-tools-inspector { grid-column:1/-1; width:auto !important; max-height:450px; margin:4px 0 0 !important; border:1px solid #2a2a2a; }
  .cm-visual-workspace .cm-creative-tools-body { grid-template-rows:minmax(450px,1fr); }
}
.waves {
  --x: 0px;
  --y: 0px;
}

.waves-canvas {
  display: block;
  width: 100%;
  height: 100%;
}

.waves::before {
  content: "";
  position: absolute;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
  pointer-events: none;
  transform: translate(calc(var(--x) - 100px), calc(var(--y) - 100px));
  transition: opacity 0.3s ease;
  opacity: 0;
}

.waves:hover::before {
  opacity: 1;
}
.galaxy-settings {
  width: 348px;
  max-width: calc(100vw - 24px);
  max-height: min(680px, 85vh, var(--radix-popover-content-available-height));
  display: flex;
  flex-direction: column;
  overflow: hidden;
  pointer-events: auto;
  z-index: 1100;
  border: 1px solid var(--core-button-line);
  border-radius: 6px;
  background: var(--core-panel);
  color: var(--core-ink);
  box-shadow: 0 12px 40px #0005;
  font-size: 11px;
}
.galaxy-settings-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  padding: 8px 10px;
  background: var(--core-bar);
  border-bottom: 1px solid var(--core-line);
}
.galaxy-settings-header h2 { margin: 0; font-size: 12px; font-weight: 600; }
.galaxy-settings-header button {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 3px;
}
.galaxy-settings-body { padding: 10px; overflow-y: auto; overscroll-behavior: contain; min-height: 0; }
.galaxy-settings fieldset { margin: 0 0 14px; padding: 0; min-width: 0; border: 0; }
.galaxy-settings legend { width: 100%; margin-bottom: 8px; font-size: 11px; font-weight: 600; }
.galaxy-settings legend > span { float: right; color: var(--core-muted); font-weight: 400; }
.galaxy-sun-presets { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; }
.galaxy-sun-presets button {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  padding: 8px 2px 5px;
  min-width: 0;
  border: 1px solid var(--core-button-line);
  border-radius: 4px;
  background: var(--core-field);
  color: var(--core-ink);
  font-size: 9px;
  line-height: 1.2;
}
.galaxy-sun-swatch { display: block; width: 26px; height: 26px; flex-shrink: 0; border-radius: 50%; }
.galaxy-sun-swatch-glow { box-shadow: 0 0 10px 3px currentColor; }
.galaxy-sun-swatch-fiery { box-shadow: 0 0 5px currentColor; border: 2px dotted currentColor; }
.galaxy-sun-swatch-plasma { box-shadow: 0 0 8px currentColor; border: 2px double currentColor; }
.galaxy-sun-swatch-corona { box-shadow: 0 0 5px 2px currentColor, 0 0 12px currentColor; outline: 1px dashed currentColor; outline-offset: 3px; }
.galaxy-sun-swatch-eclipse { width: 32px; height: 32px; margin: -3px 0; }
.galaxy-sun-swatch-death-star { border: 1px solid #a1adb5; box-shadow: inset -3px -2px 4px #10182080; }
.galaxy-ring-colours { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; margin-bottom: 10px; }
.galaxy-ring-colours button {
  display: grid;
  place-items: center;
  width: 25px;
  height: 25px;
  padding: 3px;
  border: 1px solid var(--core-button-line);
  border-radius: 3px;
}
.galaxy-ring-colours button span { width: 100%; height: 100%; border-radius: 50%; }
.galaxy-custom-colour { display: flex; align-items: center; gap: 5px; margin-left: auto; color: var(--core-muted); font-size: 10px; }
.galaxy-custom-colour input { width: 27px; height: 25px; padding: 2px; cursor: pointer; border: 1px solid var(--core-button-line); background: var(--core-field); }
.galaxy-settings-range { display: block; margin-top: 10px; }
.galaxy-settings-range > span { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4px; }
.galaxy-settings-range output { color: var(--core-muted); font-variant-numeric: tabular-nums; }
.galaxy-settings-range input { display: block; width: 100%; accent-color: var(--core-ink); cursor: pointer; }
.galaxy-settings-reset { width: 100%; padding: 6px; border: 1px solid var(--core-button-line); border-radius: 3px; background: var(--core-button); box-shadow: var(--core-relief); }
.galaxy-settings button:hover { background-color: var(--core-hover); }
.galaxy-settings button[aria-pressed="true"] { background: var(--core-selected); outline: 2px solid var(--core-ink); outline-offset: -2px; }
.galaxy-settings :is(button, input):focus-visible { outline: 2px solid var(--core-ink); outline-offset: 2px; }
.solar-system-explorer {
  --background: 232 40% 4%;
  --foreground: 40 25% 94%;
  --card: 232 30% 7%;
  --card-foreground: 40 25% 94%;
  --popover: 232 30% 7%;
  --popover-foreground: 40 25% 94%;
  --primary: 38 88% 58%;
  --primary-foreground: 232 40% 6%;
  --secondary: 232 22% 13%;
  --secondary-foreground: 40 25% 94%;
  --muted: 232 22% 12%;
  --muted-foreground: 232 12% 64%;
  --accent: 232 22% 16%;
  --accent-foreground: 40 25% 94%;
  --destructive: 0 68% 52%;
  --destructive-foreground: 0 0% 98%;
  --border: 232 20% 16%;
  --input: 232 20% 18%;
  --ring: 38 88% 58%;
  --radius: 0.5rem;
  color: hsl(var(--foreground));
  background: hsl(var(--background));
  font-family: var(--site-font-sans, ui-sans-serif, system-ui, sans-serif);
  isolation: isolate;
}
.solar-system-explorer *, .solar-system-explorer *::before, .solar-system-explorer *::after {
  box-sizing: border-box;
  border-color: hsl(var(--border));
}
.solar-system-explorer[data-scene-appearance="light"] {
  --background: 210 25% 97%; --foreground: 222 30% 12%;
  --card: 0 0% 100%; --card-foreground: 222 30% 12%;
  --popover: 0 0% 100%; --popover-foreground: 222 30% 12%;
  --secondary: 210 20% 91%; --secondary-foreground: 222 30% 12%;
  --muted: 210 20% 92%; --muted-foreground: 220 10% 39%;
  --accent: 210 25% 89%; --accent-foreground: 222 30% 12%;
  --border: 215 20% 80%; --input: 215 20% 80%;
}
.solar-system-explorer[data-scene-appearance="grey"] {
  --background: 220 7% 32%; --card: 220 7% 28%; --popover: 220 7% 25%;
  --secondary: 220 7% 24%; --muted: 220 7% 25%; --muted-foreground: 220 10% 80%;
  --accent: 220 7% 39%; --border: 220 7% 47%; --input: 220 7% 47%;
}
.solar-system-explorer [role="dialog"], .solar-system-explorer [role="alertdialog"],
.solar-system-explorer [role="menu"] { pointer-events: auto; }
/* Modal portals escape the wallpaper stacking layer while retaining the explorer theme. */
.solar-system-explorer.solar-system-explorer-portal {
  position: fixed; inset: 0; z-index: 1000; pointer-events: none;
  background: transparent; isolation: auto;
}

.solar-system-explorer-portal > [data-state] { pointer-events: auto; }
.solar-system-explorer[data-library-only="true"] { background: transparent; }

.desk-library-sidebar {
  background: var(--core-panel);
  color: var(--core-ink);
  border-color: var(--core-line);
}
.desk-library-sidebar[hidden], .desk-library-content [hidden] { display: none !important; }
.desk-library-sidebar[data-collapsed="true"] { width: var(--core-rail-width); background: var(--core-rail); }
.desk-library-header { min-height: var(--core-bar-height); background: var(--core-bar); border-color: var(--core-line); }
.desk-library-header button {
  display: grid;
  place-items: center;
  width: var(--core-control-height);
  height: var(--core-control-height);
  border: 1px solid var(--core-button-line);
  border-radius: 3px;
  background: var(--core-button);
  box-shadow: var(--core-relief);
}
.desk-library-header button:focus-visible { outline: 2px solid var(--core-ink); }
.desk-library-planets { height: 300px; max-height: 50vh; overflow: hidden; }

/* The shared sidebar follows Primary UI; scene appearance stays on the canvas. */
.solar-planet-sidebar {
  background: var(--core-panel);
  color: var(--core-ink);
  border-color: var(--core-line);
  font-family: var(--site-font-sans, "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif);
  font-size: 12px;
  --tw-ring-color: var(--core-ink);
  scrollbar-width: thin;
  scrollbar-color: var(--core-button-line) transparent;
}

.solar-planet-sidebar[data-collapsed="true"] {
  width: var(--core-rail-width);
  background: var(--core-rail);
}

.solar-planet-sidebar *, .solar-planet-sidebar *::before, .solar-planet-sidebar *::after {
  border-color: var(--core-line);
}

.solar-planet-sidebar .text-muted-foreground { color: var(--core-muted); }
.solar-planet-sidebar .bg-muted { background: var(--core-field); }
.solar-planet-sidebar .bg-card { background: var(--core-panel); }

.solar-planet-sidebar :is(.solar-planet-rail-header, .solar-planet-files-header, .solar-planet-files-toolbar, .solar-planet-storage) {
  background: var(--core-bar);
  box-shadow: var(--core-relief);
}

.solar-planet-rail-header { min-height: var(--core-bar-height); }

.solar-planet-sidebar button:not(.solar-planet-nav-item) {
  border-radius: 3px;
  color: var(--core-ink);
}

.solar-planet-sidebar :is(.solar-planet-rail-header, .solar-planet-files-header, .solar-planet-files-toolbar, .solar-planet-empty) button,
.solar-planet-sidebar button[aria-haspopup="menu"] {
  height: var(--core-control-height);
  min-height: var(--core-control-height);
  gap: 4px;
  padding: 0 6px;
  border: 1px solid var(--core-button-line);
  background: var(--core-button);
  box-shadow: var(--core-relief);
  font-size: var(--core-control-label-size);
  font-weight: 500;
}

.solar-planet-sidebar button:is(.size-8, .size-7) {
  width: var(--core-control-height);
  padding: 0;
  flex-shrink: 0;
}

.solar-planet-sidebar button svg { width: 14px; height: 14px; }

.solar-planet-sidebar button:hover { background: var(--core-hover); }
.solar-planet-sidebar button[aria-pressed="true"] { background: var(--core-selected); box-shadow: var(--core-inset); }

.solar-planet-sidebar button:focus-visible {
  outline: 2px solid var(--core-ink);
  outline-offset: -2px;
  --tw-ring-color: transparent;
}

.solar-planet-sidebar .solar-planet-nav-item {
  min-height: 36px;
  border: 1px solid transparent;
  background: transparent;
}

.solar-planet-sidebar .solar-planet-nav-item:hover { background: var(--core-hover); }
.solar-planet-sidebar .solar-planet-nav-item[aria-current="true"],
.solar-planet-sidebar .solar-planet-nav-item.ring-2 {
  --tw-ring-color: var(--core-ink);
  background: var(--core-selected);
  border-color: var(--core-button-line);
  box-shadow: var(--core-inset);
}

.solar-planet-sidebar[data-collapsed="true"] .solar-planet-rail-header {
  background: transparent;
  box-shadow: none;
}

.solar-planet-sidebar[data-collapsed="true"] .solar-planet-rail-header button,
.solar-planet-sidebar[data-collapsed="true"] .solar-planet-nav-item {
  width: 100%;
  height: 40px;
}

.solar-planet-files-toolbar [role="group"] { border-radius: 3px; padding: 1px; }
.solar-planet-files-body > ul > li { border-radius: 3px; }
.solar-planet-files-body > ul > li:is(:hover, :focus-within) { background: var(--core-hover); border-color: var(--core-button-line); }
.solar-planet-files-body .text-sm { font-size: 12px; }
.solar-planet-files-body .font-mono { font-family: inherit; font-size: 10px; }
.solar-planet-storage [role="progressbar"] { border-radius: 1px; background: var(--core-field); }
.solar-planet-storage [role="progressbar"] > div { background: var(--core-muted); }
.rd-workspace-carousel {
  position: relative;
  display: flex;
  height: 135px;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 5px;
  background:
    linear-gradient(90deg, rgb(2 8 10 / 92%) 0%, rgb(2 8 10 / 0%) 21%, rgb(0 0 0 / 0%) 79%, rgb(18 10 7 / 88%) 100%),
    radial-gradient(ellipse 58% 190% at 54% 45%, #69594c 0%, #454540 20%, #213034 40%, #162124 65%, #0b1113 90%);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 2%);
  font-family: ui-sans-serif, system-ui, sans-serif;
  box-sizing: border-box;
}

.rd-workspace-carousel__row {
  position: relative;
  z-index: 1;
  display: flex;
  height: 117px;
  width: 100%;
  max-width: 1384px;
  align-items: center;
  gap: 18px;
  overflow: hidden;
}

.rd-workspace-carousel__rail {
  display: flex;
  min-width: 0;
  flex: 1;
  align-items: center;
  gap: 18px;
  overflow-x: auto;
  scrollbar-width: none;
}
.rd-workspace-carousel__rail::-webkit-scrollbar { display: none; }

.rd-workspace-carousel__arrow {
  display: flex;
  width: 24px;
  height: 19px;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid rgb(255 255 255 / 6%);
  border-radius: 2px;
  background: rgb(31 32 29 / 72%);
  cursor: pointer;
  backdrop-filter: blur(8px);
}
.rd-workspace-carousel__arrow img { width: 18px; height: 18px; }
.rd-workspace-carousel__arrow.is-previous { transform: rotate(180deg); }

.rd-workspace-carousel__tile {
  position: relative;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  gap: 5px;
  padding: 5px;
  align-items: center;
  justify-content: center;
  border: 1px solid #656565;
  border-radius: 3px;
  background: rgb(40 42 40 / 88%);
  cursor: pointer;
  touch-action: pan-y;
  transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}
.rd-workspace-carousel__tile:hover {
  z-index: 1;
  border-color: #81817f;
  background: rgb(48 50 48 / 94%);
  box-shadow: 0 5px 14px rgb(0 0 0 / 24%);
}
.rd-workspace-carousel__tile.is-active { border-color: #c1c0b8; box-shadow: 0 0 0 1px rgb(193 192 184 / 24%); }
.rd-workspace-carousel__tile.is-minimized .rd-workspace-carousel__thumbnail { opacity: 0.55; }
.rd-workspace-carousel__tile.is-dragging { z-index: 2; opacity: 0.8; }
.rd-workspace-carousel__thumbnail { display: block; width: 150px; height: 82px; overflow: hidden; pointer-events: none; }
.rd-workspace-carousel__thumbnail > img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.rd-workspace-carousel__placeholder {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  padding: 9px;
  box-sizing: border-box;
  background: linear-gradient(145deg, #384548, #10191d);
  text-align: left;
  color: #d9dedd;
}
.rd-workspace-carousel__placeholder > span { font-size: 8px; opacity: 0.55; }
.rd-workspace-carousel__placeholder > strong { font-size: 12px; line-height: 1.2; font-weight: 500; }
.rd-workspace-carousel__label {
  width: 150px;
  overflow: hidden;
  color: rgb(245 245 245 / 68%);
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rd-workspace-carousel__empty { padding: 20px; color: rgb(245 245 245 / 68%); font-size: 12px; }
.rd-workspace-carousel__add {
  display: flex;
  width: 40px;
  height: 113px;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid #8f8f8f;
  border-radius: 5px;
  background: #1b1d21;
  cursor: pointer;
}
.rd-workspace-carousel__add img { width: 32px; height: 32px; }

.rd-workspace-carousel__pan { position: absolute; z-index: 1; bottom: 1px; left: 50%; width: calc(100% - 94px); max-width: 1300px; height: 8px; transform: translateX(-50%); }
.rd-workspace-carousel__pan input { width: 100%; height: 8px; margin: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; cursor: ew-resize; }
.rd-workspace-carousel__pan input::-webkit-slider-runnable-track { height: 4px; border: 1px solid rgb(255 255 255 / 8%); border-radius: 999px; background: rgb(31 32 29 / 78%); }
.rd-workspace-carousel__pan input::-webkit-slider-thumb { width: 72px; height: 6px; margin-top: -2px; -webkit-appearance: none; appearance: none; border: 1px solid #737572; border-radius: 999px; background: #b7bab5; box-shadow: 0 1px 4px rgb(0 0 0 / 45%); }
.rd-workspace-carousel__pan input::-moz-range-track { height: 2px; border: 1px solid rgb(255 255 255 / 8%); border-radius: 999px; background: rgb(31 32 29 / 78%); }
.rd-workspace-carousel__pan input::-moz-range-thumb { width: 72px; height: 6px; border: 1px solid #737572; border-radius: 999px; background: #b7bab5; box-shadow: 0 1px 4px rgb(0 0 0 / 45%); }
.rd-workspace-carousel__arrow:disabled, .rd-workspace-carousel__pan input:disabled { cursor: default; opacity: 0.4; }
.rd-workspace-carousel button:focus-visible, .rd-workspace-carousel__pan input:focus-visible { outline: 2px solid #f5f5f5; outline-offset: 2px; }

.rd-workspace-carousel__menu { position: fixed; z-index: 10001; width: 148px; padding: 5px; border: 1px solid rgb(255 255 255 / 10%); border-radius: 6px; background: rgb(24 26 25 / 96%); box-shadow: 0 12px 28px rgb(0 0 0 / 45%); backdrop-filter: blur(12px); font-family: ui-sans-serif, system-ui, sans-serif; }
.rd-workspace-carousel__menu-title { padding: 6px 8px 7px; overflow: hidden; border-bottom: 1px solid rgb(255 255 255 / 7%); color: rgb(245 245 245 / 42%); font-size: 9px; letter-spacing: 0.04em; text-overflow: ellipsis; white-space: nowrap; }
.rd-workspace-carousel__menu button { display: flex; width: 100%; height: 28px; padding: 0 8px; align-items: center; border: 0; border-radius: 3px; background: transparent; color: rgb(245 245 245 / 82%); font: inherit; font-size: 11px; text-align: left; cursor: pointer; }
.rd-workspace-carousel__menu button:hover, .rd-workspace-carousel__menu button:focus-visible { outline: none; background: rgb(255 255 255 / 8%); color: #fff; }

@media (max-width: 640px) {
  .rd-workspace-carousel { padding-inline: 8px; }
  .rd-workspace-carousel__row, .rd-workspace-carousel__rail { gap: 10px; }
}
.rd-art-gallery-strip {
  position: absolute;
  right: 0;
  bottom: var(--desk-gallery-bottom, 0px);
  left: 0;
  height: 135px;
  pointer-events: auto;
}

.rd-art-gallery-strip .rd-workspace-carousel {
  align-items: flex-start;
  background: transparent;
  box-shadow: none;
}
.rd-art-gallery-strip .rd-workspace-carousel__row { height: 112px; gap: 8px; }
.rd-art-gallery-strip .rd-workspace-carousel__rail { flex: 0 1 auto; }
.rd-art-gallery-strip .rd-workspace-carousel__label,
.rd-art-gallery-strip .rd-workspace-carousel__empty { color: #fff; }
.rd-art-gallery-strip .rd-workspace-carousel__arrow:disabled { opacity: 1; }
.rd-art-gallery-strip .rd-workspace-carousel__arrow img { filter: brightness(0) invert(1); }
.rd-art-gallery-strip .rd-workspace-carousel__pan {
  bottom: 0;
  width: calc(100% - 16px);
  max-width: none;
  height: 18px;
}
.rd-art-gallery-strip .rd-workspace-carousel__pan input { height: 18px; }
.rd-art-gallery-strip .rd-workspace-carousel__pan input::-webkit-slider-runnable-track {
  height: 6px;
  border-color: rgb(255 255 255 / 24%);
  background: rgb(20 24 25 / 70%);
}
.rd-art-gallery-strip .rd-workspace-carousel__pan input::-webkit-slider-thumb {
  height: 12px;
  margin-top: -4px;
  border-color: #929990;
  background: #d7ddd4;
}
.rd-art-gallery-strip .rd-workspace-carousel__pan input::-moz-range-track {
  height: 6px;
  border-color: rgb(255 255 255 / 24%);
  background: rgb(20 24 25 / 70%);
}
.rd-art-gallery-strip .rd-workspace-carousel__pan input::-moz-range-thumb {
  height: 12px;
  border-color: #929990;
  background: #d7ddd4;
}

.rd-art-gallery-preview-backdrop {
  position: fixed;
  z-index: 10002;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  pointer-events: auto;
  background: rgb(2 8 10 / 86%);
}
.rd-art-gallery-preview {
  width: min(100%, 1000px);
  height: min(70vh, 640px);
  max-height: calc(100vh - 40px);
  overflow: auto;
  padding: 0;
  background: transparent;
  color: #f5f5f5;
  font-family: ui-sans-serif, system-ui, sans-serif;
}
.rd-carousel-workspace-previews { display: grid; height: 100%; gap: 12px; }
.rd-carousel-workspace-previews.is-split { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.rd-carousel-workspace-thumbnail {
  display: flex;
  height: 100%;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--linux-chrome-border, #3d3846);
  background: var(--linux-chrome-bg, #242424);
  color: #fff;
  text-align: left;
}
.rd-carousel-workspace-thumbnail__header {
  display: flex;
  height: 15px;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 0 4px;
  border-bottom: 1px solid var(--linux-chrome-border, #3d3846);
  background: var(--rd-site-chrome-gradient, linear-gradient(#242424, #171717));
  font-size: 6px;
}
.rd-carousel-workspace-thumbnail__controls { display: flex; gap: 2px; }
.rd-carousel-workspace-thumbnail__controls i { width: 4px; height: 4px; border: 1px solid currentColor; opacity: 0.6; }
.rd-carousel-workspace-thumbnail__body { flex: 1; }
@media (max-width: 640px) { .rd-carousel-workspace-previews.is-split { grid-template-columns: 1fr; } }
[data-desk-creative-wall-host] {
  pointer-events: auto;
  min-width: 0;
  min-height: 0;
  isolation: isolate;
  --rd-wall-host-background: var(--background);
  --rd-wall-host-foreground: var(--foreground);
  --rd-wall-host-card: var(--card);
  --rd-wall-host-card-foreground: var(--card-foreground);
  --rd-wall-host-popover: var(--popover);
  --rd-wall-host-popover-foreground: var(--popover-foreground);
  --rd-wall-host-primary: var(--primary);
  --rd-wall-host-primary-foreground: var(--primary-foreground);
  --rd-wall-host-secondary: var(--secondary);
  --rd-wall-host-secondary-foreground: var(--secondary-foreground);
  --rd-wall-host-muted: var(--muted);
  --rd-wall-host-muted-foreground: var(--muted-foreground);
  --rd-wall-host-accent: var(--accent);
  --rd-wall-host-accent-foreground: var(--accent-foreground);
  --rd-wall-host-border: var(--border);
  --rd-wall-host-input: var(--input);
  --rd-wall-host-ring: var(--ring);
  --rd-wall-host-destructive: var(--destructive);
  --rd-wall-host-destructive-foreground: var(--destructive-foreground);

}
.rd-creative-wall-desk .creative-wall-root {
  font-family: inherit;
  color-scheme: inherit;
  background: var(--background);
  color: var(--foreground);
}
.rd-creative-wall-desk .creative-wall-root .gallery-toolbar {
  flex-wrap: wrap;
  height: auto;
  min-height: 28px;
  gap: 4px 8px;
  padding: 4px 8px;
}
.rd-creative-wall-desk .gallery-toolbar .toolbar-actions {
  flex-wrap: wrap;
  min-width: 0;
  gap: 4px;
}
.rd-creative-wall-desk .gallery-toolbar button,
.rd-creative-wall-desk .gallery-toolbar select {
  min-height: 22px;
  font-size: 10px;
}
.rd-creative-wall-desk .gallery-content { overscroll-behavior: contain; }
.rd-creative-wall-desk .creative-wall-root .wall-title { min-width: 100px; }
.rd-creative-wall-desk .creative-wall-root .wall-title > span { display: none; }
@media (max-width: 800px) {
  .rd-creative-wall-desk .creative-wall-root .wall-title { width: 100%; }
}

.rd-creative-wall-preview.rd-creative-wall-desk {
  font-family: inherit;
  --background: hsl(var(--rd-wall-host-background));
  --foreground: hsl(var(--rd-wall-host-foreground));
  --card: hsl(var(--rd-wall-host-card));
  --card-foreground: hsl(var(--rd-wall-host-card-foreground));
  --popover: hsl(var(--rd-wall-host-popover));
  --popover-foreground: hsl(var(--rd-wall-host-popover-foreground));
  --primary: hsl(var(--rd-wall-host-primary));
  --primary-foreground: hsl(var(--rd-wall-host-primary-foreground));
  --secondary: hsl(var(--rd-wall-host-secondary));
  --secondary-foreground: hsl(var(--rd-wall-host-secondary-foreground));
  --muted: hsl(var(--rd-wall-host-muted));
  --muted-foreground: hsl(var(--rd-wall-host-muted-foreground));
  --accent: hsl(var(--rd-wall-host-accent));
  --accent-foreground: hsl(var(--rd-wall-host-accent-foreground));
  --border: hsl(var(--rd-wall-host-border));
  --input: hsl(var(--rd-wall-host-input));
  --ring: hsl(var(--rd-wall-host-ring));
  --destructive: hsl(var(--rd-wall-host-destructive));
  --destructive-foreground: hsl(var(--rd-wall-host-destructive-foreground));
}

.rd-creative-wall-desk .creative-wall-root .gallery-toolbar {
  border-color: var(--border);
  color: var(--muted-foreground);
  background: var(--card);
}
.rd-creative-wall-desk .creative-wall-root .wall-title strong { color: var(--foreground); }
.rd-creative-wall-desk .creative-wall-root :is(.toolbar-actions > button, .new-item-button, .wall-bg-button, .view-option select, .group-toggle) {
  border-color: var(--border);
  color: var(--foreground);
  background: var(--secondary);
}
.rd-creative-wall-desk .creative-wall-root :is(.toolbar-actions > button, .new-item-button, .wall-bg-button, .group-toggle):not(:disabled):hover {
  border-color: var(--ring);
  color: var(--accent-foreground);
  background: var(--accent);
}
.rd-creative-wall-desk .creative-wall-root :is(.create-menu, .wall-bg-popover, .recolor-popover, .history-dialog) {
  border-color: var(--border);
  color: var(--popover-foreground);
  background: var(--popover);
}
.rd-creative-wall-desk .creative-wall-root .create-menu button { color: var(--popover-foreground); }
.rd-creative-wall-desk .creative-wall-root .create-menu button:hover { color: var(--accent-foreground); background: var(--accent); }
.rd-creative-wall-desk .creative-wall-root :is(.create-menu small, .group-toggle small) { color: var(--muted-foreground); }
.rd-creative-wall-desk .creative-wall-root .hide-archived { color: var(--muted-foreground); }
.rd-creative-wall-desk .creative-wall-dialogs [data-slot="dialog-content"] {
  width: min(32rem, calc(100% - 2rem));
  max-width: min(32rem, calc(100% - 2rem));
}
.creative-wall-file-window :is(.creative-wall-open-media, .creative-wall-open-frame) {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border: 0;
}
.desk-widget-grid-view {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  padding: 12px;
  color: hsl(var(--foreground));
}
.desk-widget-grid-view__scroll {
  flex: 1;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
.desk-widget-grid-view__scroll::-webkit-scrollbar { width: 10px; }
.desk-widget-grid-view__scroll::-webkit-scrollbar-track { background: hsl(var(--muted) / .35); border-radius: 10px; }
.desk-widget-grid-view__scroll::-webkit-scrollbar-thumb { background: hsl(var(--muted-foreground) / .55); border: 2px solid transparent; background-clip: padding-box; border-radius: 10px; }
.desk-widget-grid-view__scroll::-webkit-scrollbar-thumb:hover { background-color: hsl(var(--muted-foreground) / .8); }
.desk-widget-grid-view__scroll:focus-visible { outline: 1px solid hsl(var(--ring)); outline-offset: -1px; }
.desk-widget-grid-view__toolbar {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
  padding: 8px 12px;
  border: 1px solid hsl(var(--border) / .65);
  border-radius: 10px;
  background: hsl(var(--background) / .85);
  backdrop-filter: blur(16px);
  font-size: 11px;
}
.desk-widget-grid-view__toolbar p { margin: 0; }
.desk-widget-grid-view__actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 6px; }
.desk-widget-grid-view__toolbar button,
.desk-widget-grid-card__tools button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  gap: 6px;
  min-height: 28px;
  padding: 4px 6px;
  border-radius: 6px;
}
.desk-widget-grid-view__toolbar svg,
.desk-widget-grid-card__tools svg { width: 14px; height: 14px; }
.desk-widget-grid-view button:hover { background: hsl(var(--muted)); }
.desk-widget-grid-view button:disabled { opacity: .45; cursor: default; }
.desk-widget-grid-view :is(button, select):focus-visible { outline: 2px solid hsl(var(--ring)); outline-offset: 2px; }
.desk-widget-grid-card { display: flex; flex-direction: column; height: 100%; min-height: 0; }
.desk-widget-grid-card__tools { display: flex; align-items: center; gap: 6px; padding: 4px 8px; font-size: 11px; border-bottom: 1px solid hsl(var(--border)); }
.desk-widget-grid-card__tools > span { flex: 1; min-width: 0; }
.desk-widget-grid-card__tools > .desk-widget-grid-card__demo-label { flex: none; border: 1px solid hsl(var(--border)); border-radius: 4px; padding: 1px 4px; color: hsl(var(--muted-foreground)); font-size: 9px; }
.desk-widget-grid-card__tools select { max-width: 76px; border: 1px solid hsl(var(--border)); border-radius: 5px; padding: 3px; background: hsl(var(--card)); color: inherit; font: inherit; }
.desk-widget-grid-view__empty { padding: 16px; border-radius: 10px; background: hsl(var(--background) / .85); font-size: 12px; }
.desk-widget-demo { display: flex; flex: 1; flex-direction: column; gap: 12px; min-height: 0; width: 100%; height: 100%; overflow: auto; padding: 16px; }
.desk-widget-demo p, .desk-widget-demo h3 { margin: 0; }
.desk-widget-demo h3 { font-size: clamp(16px, 2.2cqi, 24px); font-weight: 600; letter-spacing: -.025em; line-height: 1.2; }
.desk-widget-demo__eyebrow { color: hsl(var(--muted-foreground)); font-size: 11px; }
.desk-widget-demo__muted { color: hsl(var(--muted-foreground)); font-size: 11px; }
.desk-widget-demo__metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: auto 0; }
.desk-widget-demo__metrics > div { display: flex; flex-direction: column; gap: 4px; }
.desk-widget-demo__metrics strong { font-size: clamp(24px, 4.4cqi, 38px); font-weight: 500; letter-spacing: -.04em; }
.desk-widget-demo__metrics span { color: hsl(var(--muted-foreground)); font-size: 11px; }
.desk-widget-demo__progress { flex-shrink: 0; height: 5px; overflow: hidden; border-radius: 8px; background: hsl(var(--muted)); }
.desk-widget-demo__progress > span { display: block; height: 100%; border-radius: inherit; background: #4faaa0; }
.desk-widget-demo__checklist { display: flex; flex-direction: column; gap: 10px; margin: 12px 0 auto; }
.desk-widget-demo__checklist label { display: flex; align-items: flex-start; gap: 10px; padding: 10px; border: 1px solid hsl(var(--border)); border-radius: 8px; font-size: 13px; cursor: pointer; }
.desk-widget-demo__checklist input { flex-shrink: 0; margin-top: 2px; accent-color: #4faaa0; }
.desk-widget-demo__checklist [data-complete] span { text-decoration: line-through; color: hsl(var(--muted-foreground)); }
.desk-widget-demo .desk-widget-demo__note { flex: 1; min-height: 80px; width: 100%; resize: none; border: 0; background: transparent; padding: 0; color: inherit; font: inherit; font-size: 14px; line-height: 1.7; }
.desk-widget-demo__timer { margin: auto 0 !important; font-size: clamp(32px, 8cqi, 56px); font-weight: 400; letter-spacing: -.05em; line-height: 1; font-variant-numeric: tabular-nums; }
.desk-widget-demo__actions { display: flex; align-items: center; gap: 6px; }
.desk-widget-demo__actions button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 30px; padding: 5px 10px; border: 1px solid hsl(var(--border)); border-radius: 6px; }
.desk-widget-demo__actions svg, .desk-widget-demo__agenda svg { height: 14px; width: 14px; flex-shrink: 0; }
.desk-widget-demo__agenda { display: flex; flex-direction: column; gap: 12px; margin: auto 0; }
.desk-widget-demo__agenda > div { display: flex; align-items: center; gap: 12px; }
.desk-widget-demo__day { min-width: 38px; border-radius: 7px; background: hsl(var(--muted)); padding: 10px 5px; text-align: center; font-size: 11px; }
.desk-widget-demo__agenda > div > span:nth-child(2) { display: flex; flex: 1; flex-direction: column; gap: 4px; }
.desk-widget-demo__agenda strong { font-size: 12px; font-weight: 500; }
.desk-widget-demo__agenda small { color: hsl(var(--muted-foreground)); font-size: 10px; }
.desk-widget-demo__agenda svg { color: hsl(var(--muted-foreground)); }
.desk-widget-demo__swatches { display: flex; flex: 1; min-height: 40px; overflow: hidden; border-radius: 10px; }
.desk-widget-demo__swatches > span { flex: 1; }
.desk-widget-demo__hex { color: hsl(var(--muted-foreground)); font-size: 9px; line-height: 1.5; }
.desk-widget-demo__text-button { align-self: flex-start; border-radius: 4px; padding: 3px; font-size: 11px; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 480px) { .desk-widget-grid-view { padding: 8px; } .desk-widget-grid-view__toolbar { align-items: flex-start; gap: 6px; } }
/**
 * Content Planner — Sites / Tab52 chrome (8px) + app theme tokens.
 */
.content-planner-root {
  color: var(--foreground);
  background-color: var(--background);
  height: 100%;
  min-height: 0;
  font-size: 8px !important;
  line-height: 1.25;
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
}

.content-planner-root :focus-visible {
  outline: 2px solid var(--ring);
  outline-offset: 2px;
}

/* ContentPlanner-specific sidebar utilities (not in Lorikeet Tailwind theme) */
.content-planner-root .bg-sidebar {
  background-color: var(--sidebar);
}
.content-planner-root .hover\:bg-sidebar-hover:hover {
  background-color: var(--sidebar-accent);
}
.content-planner-root .bg-sidebar-active {
  background-color: var(--sidebar-accent);
}

/* Sidebar width comes from Tab52 auto/resize — do not cap labels. */

/* Compact controls — do not inflate chrome inputs/buttons */
.content-planner-root [data-slot='button'] {
  height: auto;
}

.content-planner-root .pb-board-column-cards {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 4px;
  gap: 3px;
}

.content-planner-root .pb-board-card {
  box-sizing: border-box;
  padding: 4px 6px;
  border-radius: 2px;
  border: 1px solid var(--border);
  background: var(--card);
  box-shadow: none;
}

.content-planner-root .pb-board-card-focused {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28);
}

.content-planner-root .pb-board-card-focused:not([style*='--pb-card-ink']) {
  background: color-mix(in srgb, var(--muted) 85%, transparent);
}

.content-planner-root .pb-board-card-selected {
  box-shadow: inset 0 0 0 1px rgba(56, 189, 248, 0.85);
}

.content-planner-root .pb-board-card-selected:not([style*='--pb-card-ink']) {
  background: color-mix(in srgb, var(--muted) 70%, transparent);
}

.content-planner-root .pb-board-card-selected.pb-board-card-focused {
  box-shadow: inset 0 0 0 1px rgba(56, 189, 248, 0.95);
}

.content-planner-root .pb-board-card[style*='--pb-card-ink'].pb-board-card-focused {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.45);
}

.content-planner-root .pb-board-card[style*='--pb-card-ink'].pb-board-card-selected {
  box-shadow: inset 0 0 0 1.5px rgba(56, 189, 248, 0.95);
}

.content-planner-root .pb-board-card[style*='--pb-card-ink'].pb-board-card-selected.pb-board-card-focused {
  box-shadow: inset 0 0 0 1.5px rgba(56, 189, 248, 0.95);
}

.content-planner-root .pb-board-card[style*='--pb-card-ink'] .pb-board-card-note,
.content-planner-root .pb-board-card[style*='--pb-card-ink'] .text-muted-foreground,
.content-planner-root .pb-board-card[style*='--pb-card-ink'] .pb-board-card-placeholder {
  color: var(--pb-card-ink-muted) !important;
}

.content-planner-root .pb-board-card[style*='--pb-card-ink'] .pb-board-card-field {
  color: inherit !important;
}

.content-planner-root .pb-board-card-field-focused {
  background: color-mix(in srgb, var(--foreground) 6%, transparent);
  border-radius: 2px;
}

.content-planner-root .pb-board-drop-empty {
  border-radius: 4px;
  border: 1px dashed var(--border);
  padding: 0.5rem 0.375rem;
}

.content-planner-root .pb-board-column-resize {
  position: absolute;
  top: 0;
  right: -2px;
  z-index: 2;
  width: 5px;
  height: 100%;
  cursor: col-resize;
  touch-action: none;
}

.content-planner-root .pb-board-column-resize:hover,
.content-planner-root .pb-board-column-resize:active {
  background: color-mix(in srgb, var(--foreground) 12%, transparent);
}

.content-planner-root .pb-toolbar {
  padding: 0;
  gap: 0;
}

.content-planner-root .pb-board-toolbar {
  box-sizing: border-box;
  height: 1.75rem;
  min-height: 1.75rem;
  padding: 0 2.5px;
  gap: 0;
}

.content-planner-root .pb-shell-section-tabs {
  height: 1.75rem;
  min-height: 1.75rem;
  padding: 0;
  box-sizing: border-box;
}

.content-planner-root .pb-shell-section-tab,
.content-planner-root .pb-shell-section-tabs button.pb-shell-section-tab {
  height: 1.75rem;
  font-size: 9px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0.01em;
  color: var(--muted-foreground);
  border-bottom: 1px solid transparent;
  border-radius: 0;
  background: transparent;
}

.content-planner-root .pb-shell-section-tab[data-active='true'] {
  color: var(--foreground);
  border-bottom-color: var(--foreground);
}

.content-planner-root .pb-board-toolbar-actions {
  gap: 0;
}

.content-planner-root .pb-board-segment {
  display: inline-flex;
  align-items: center;
  height: 1.125rem;
  gap: 1px;
  padding: 1px;
  border-radius: 2px;
  border: 1px solid var(--border);
  background: color-mix(in srgb, var(--muted) 40%, transparent);
}

.content-planner-root .pb-board-toolbar-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  color: var(--muted-foreground);
  cursor: pointer;
  border-radius: 3px;
  line-height: 1;
  transition: color 120ms ease, background-color 120ms ease, opacity 120ms ease;
}

.content-planner-root .pb-board-toolbar-btn:hover:not(:disabled) {
  color: var(--foreground);
  background: color-mix(in srgb, var(--muted) 80%, transparent);
}

.content-planner-root .pb-board-toolbar-btn[data-active='true'] {
  color: var(--foreground);
  background: var(--muted);
}

.content-planner-root .pb-board-toolbar-btn:disabled {
  cursor: not-allowed;
  opacity: 0.35;
}

.content-planner-root .pb-board-toolbar-icon {
  height: 1.125rem;
  width: 1.125rem;
  min-height: 1.125rem;
  min-width: 1.125rem;
  padding: 0;
}

.content-planner-root .pb-board-toolbar-text {
  height: 1.125rem;
  min-height: 1.125rem;
  padding: 0 0.25rem;
  font-size: 8px;
  font-weight: 500;
  letter-spacing: 0.01em;
  white-space: nowrap;
}

.content-planner-root .pb-board-toolbar-divider {
  display: inline-block;
  width: 1px;
  height: 0.875rem;
  margin: 0 0.125rem;
  background: var(--border);
  flex-shrink: 0;
}

.content-planner-root .pb-board-add-btn {
  color: #facc15 !important;
}

.content-planner-root .pb-board-add-btn:hover:not(:disabled) {
  color: #fde047 !important;
  background: color-mix(in srgb, var(--muted) 50%, transparent) !important;
}

.pb-board-add-type-menu {
  min-width: 7.25rem;
  padding: 2px;
}

.pb-board-add-type-menu [data-slot='dropdown-menu-item'] {
  min-height: 1.125rem;
  height: 1.125rem;
  padding: 0 4px;
  font-size: 8px;
  line-height: 1;
  gap: 4px;
}

.pb-board-add-type-menu [data-slot='dropdown-menu-item'] svg {
  width: 8px;
  height: 8px;
}

.content-planner-root .pb-board-settings-btn {
  color: var(--muted-foreground) !important;
}

.content-planner-root .pb-board-settings-btn[data-active='true'] {
  color: var(--foreground) !important;
}

.content-planner-root .pb-board-tab {
  font-size: 8px;
  font-weight: 500;
  color: var(--muted-foreground);
}

.content-planner-root .pb-board-tab[data-state='active'] {
  color: var(--foreground);
}

.content-planner-root .pb-board-save-status {
  font-size: 8px;
  line-height: 1.2;
  white-space: nowrap;
}

.content-planner-root .pb-board-surface {
  font-size: 8px !important;
  line-height: 1.25;
}

.content-planner-root .pb-board-surface .pb-board-column-header {
  box-sizing: border-box;
  height: 1.75rem;
  min-height: 1.75rem;
  padding: 0 6px;
}

.content-planner-root .pb-board-surface .pb-board-column-header h3 {
  font-size: 8px !important;
  font-weight: 500;
  line-height: 1.25;
}

.content-planner-root .pb-board-column-header input {
  min-height: 0 !important;
  height: 1.25rem !important;
  padding: 0 4px !important;
}

.content-planner-root .pb-board-column-count {
  display: inline-flex;
  align-items: center;
  margin-left: 0.25rem;
  padding: 0;
  border: none;
  background: transparent;
  color: var(--muted-foreground);
  font-size: 8px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
}

.content-planner-root .pb-board-column-add {
  box-sizing: border-box;
  height: 1.5rem;
  min-height: 1.5rem;
  padding: 0;
}

.content-planner-root .pb-board-column-add-input {
  font-size: 8px;
  line-height: 1.25;
  height: 1.125rem;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0;
  box-shadow: none;
  border-radius: 0;
}

.content-planner-root .pb-board-surface .pb-board-card {
  padding: 4px 6px;
  min-height: 1.25rem;
}

.content-planner-root .pb-board-surface .pb-board-card .pb-board-card-field {
  font-size: 8px !important;
  line-height: 1.3;
}

.content-planner-root .pb-board-surface .pb-board-card-inner {
  display: flex;
  min-height: 1.25rem;
  align-items: center;
}

.content-planner-root .pb-board-card-field,
.content-planner-root .pb-board-card-field:focus,
.content-planner-root .pb-board-card-field:focus-visible {
  display: block;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  outline-offset: 0 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  resize: none;
  field-sizing: content;
}

.content-planner-root .pb-board-card-editing {
  cursor: text;
}

.content-planner-root .pb-board-card-placeholder {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.content-planner-root .pb-board-surface .pb-board-drop-empty {
  padding: 0.5rem 0.375rem;
}

.content-planner-root .pb-board-surface [data-slot='button'] {
  min-height: 0;
}

.content-planner-root .pb-board-surface input:not([type='checkbox']):not([type='radio']),
.content-planner-root .pb-board-surface [data-slot='select-trigger'],
.content-planner-root .pb-board-surface textarea {
  min-height: 0;
}

.content-planner-root .pb-board-surface .pb-board-composer {
  box-sizing: border-box;
  padding: 6px 8px;
}

.content-planner-root .pb-board-surface .pb-board-composer textarea {
  min-height: 1.75rem;
  max-height: 4rem;
  padding: 6px 8px;
}

.content-planner-root .pb-board-surface [data-slot='badge'] {
  padding: 0 0.25rem;
  font-size: 8px;
  line-height: 1.2;
}

.content-planner-root .pb-board-surface .pb-board-card-note {
  margin-top: 0.125rem;
  font-size: 8px;
}

.content-planner-root .pb-board-surface .pb-board-card-meta {
  margin-top: 0.25rem;
}

.content-planner-root .pb-board-kanban-row {
  align-items: stretch;
  min-height: 100%;
  width: 100%;
}

.content-planner-root .pb-board-kanban-row > section.pb-board-column {
  flex: 1 1 var(--pb-col-w, 148px);
  min-width: var(--pb-col-w, 148px);
  width: auto;
  max-width: none;
  align-self: stretch;
  min-height: 100%;
}

.content-planner-root .pb-board-kanban-row > section,
.content-planner-root .pb-board-kanban-row > .pb-board-add-column {
  align-self: stretch;
  min-height: 100%;
}

.content-planner-root .pb-board-card-flags {
  font-size: 8px;
  line-height: 1;
}

.content-planner-root .pb-board-search {
  font-size: 8px;
  border: 1px solid var(--border);
  border-radius: 2px;
}

.content-planner-root .pb-board-bulk-bar {
  font-size: 8px;
}

.content-planner-root .pb-cal-unscheduled {
  font-size: 8px;
}

.content-planner-root .pb-board-surface .pb-board-add-column {
  width: 5.5rem;
  font-size: 8px;
}

.content-planner-root .pb-settings-panel {
  font-size: 8px;
  line-height: 1.25;
}

.content-planner-root .pb-settings-panel [data-slot='button'] {
  min-height: 1.5rem;
}

.content-planner-root .pb-settings-panel input:not([type='checkbox']):not([type='radio']),
.content-planner-root .pb-settings-panel [data-slot='select-trigger'] {
  min-height: 1.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.content-planner-root .pb-board-surface .pb-board-checkbox,
.content-planner-root .pb-board-surface [data-slot='checkbox'] {
  width: 0.75rem;
  height: 0.75rem;
  min-width: 0.75rem;
  min-height: 0.75rem;
}

.content-planner-root .pb-board-surface .pb-board-checkbox svg,
.content-planner-root .pb-board-surface [data-slot='checkbox'] svg {
  width: 0.5rem;
  height: 0.5rem;
}

.content-planner-root .pb-board-context {
  font-size: 8px;
  line-height: 1.25;
}

.content-planner-root .pb-board-context-item {
  padding: 0.25rem 0.5rem;
}

.content-planner-root .pb-board-block-input {
  min-height: 1.25rem;
  line-height: 1.35;
}

.content-planner-root .pb-board-block-image {
  border: 1px solid var(--border);
  background: var(--muted);
}

.content-planner-root .pb-board-mini-table {
  table-layout: fixed;
}

.content-planner-root .pb-board-card[data-card-kind='title'] .pb-board-card-inner {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}

.content-planner-root .pb-board-surface .pb-board-card[data-toggle-size='medium'] .pb-board-card-field,
.content-planner-root .pb-board-surface .pb-board-card .pb-toggle-size-medium,
.content-planner-root .pb-board-surface .pb-board-card [data-toggle-size='medium'] .pb-board-card-field {
  font-size: 9px;
  line-height: 1.3;
}

.content-planner-root .pb-board-surface .pb-board-card[data-toggle-size='large'] .pb-board-card-field,
.content-planner-root .pb-board-surface .pb-board-card .pb-toggle-size-large,
.content-planner-root .pb-board-surface .pb-board-card [data-toggle-size='large'] .pb-board-card-field {
  font-size: 11px;
  line-height: 1.3;
}

.content-planner-root .pb-board-surface .pb-board-toggle-chevron {
  width: 0.875rem;
  height: 0.875rem;
}

.content-planner-root .pb-board-surface .pb-board-toggle-chevron-md {
  width: 1rem;
  height: 1rem;
}

.content-planner-root .pb-board-surface .pb-board-toggle-chevron-lg {
  width: 1.125rem;
  height: 1.125rem;
}

.content-planner-root .pb-board-surface .pb-board-card[data-card-kind='toggle'] .pb-board-card-inner {
  align-items: stretch;
}

.content-planner-root .pb-board-surface .pb-board-toggle-header {
  min-width: 0;
}

.content-planner-root .pb-board-surface .pb-board-toggle-header-open {
  padding-bottom: 0.25rem;
  margin-bottom: 0.125rem;
}

.content-planner-root .pb-board-surface .pb-board-toggle-body {
  padding-left: 0;
}

.content-planner-root .pb-board-surface .pb-board-toggle-textarea-wrap {
  margin-left: 0;
  border: 0;
  background: transparent;
  padding: 0;
  min-height: 0;
}

.content-planner-root .pb-board-surface .pb-board-toggle-textarea {
  min-height: 1.25rem;
  white-space: pre-wrap;
  width: 100%;
}

.content-planner-root .pb-board-column-add-inline {
  border-top: 0;
  margin-top: auto;
}

.content-planner-root[data-library-content-planner] .pb-board-column-cards {
  padding: 0.25rem;
  gap: 2px;
}

.content-planner-root[data-library-content-planner] .pb-board-surface .pb-board-card {
  padding: 0.25rem 0.375rem;
  min-height: 1.375rem;
}

.content-planner-root[data-library-content-planner] .pb-board-surface .pb-board-card .pb-board-card-field {
  font-size: 8px;
  line-height: 1.25;
}

.content-planner-root[data-library-content-planner] .pb-board-surface .pb-board-card[data-card-kind='toggle'] {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.content-planner-root[data-library-content-planner] .pb-board-surface .pb-board-toggle-textarea-wrap {
  margin-left: 0;
  padding: 0;
}

.content-planner-root[data-library-content-planner] .pb-board-surface .pb-board-toggle-textarea,
.content-planner-root[data-library-content-planner] .pb-board-surface .pb-board-toggle-textarea.pb-board-card-field {
  padding: 0;
  margin: 0;
}

.content-planner-root .pb-board-surface .pb-board-card-divider {
  min-height: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  background: transparent;
}

.content-planner-root .pb-board-surface .pb-board-card-divider .pb-board-card-inner {
  min-height: 0;
  align-items: center;
}

.content-planner-root .pb-board-surface .pb-board-divider {
  height: 1px;
  width: 100%;
  margin: 0.2rem 0;
}

.content-planner-root .pb-board-surface .pb-board-divider-solid {
  background: var(--border);
}

.content-planner-root .pb-board-surface .pb-board-divider-dashed {
  background: transparent;
  border-top: 1px dashed var(--border);
}

.content-planner-root .pb-board-surface .pb-board-card-group {
  border: 1px solid var(--border);
  border-left: 2px solid var(--foreground);
  margin: 0;
  padding: 0.375rem 0.5rem;
  background: color-mix(in srgb, var(--muted) 50%, transparent);
}

.content-planner-root .pb-board-surface .pb-board-group-body {
  min-height: 1.25rem;
  white-space: pre-wrap;
}

.content-planner-root .pb-tools-header {
  background: transparent;
}

.content-planner-root .pb-tools-header-label {
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: var(--foreground);
}

.content-planner-root .pb-tools-item,
.content-planner-root .pb-tools-item-label {
  font-size: 9px;
  line-height: 1.25;
  font-weight: 500;
}

.content-planner-root .pb-tools-item:hover {
  background: color-mix(in srgb, var(--muted) 60%, transparent);
}

.content-planner-root .pb-tools-item-icon {
  color: var(--muted-foreground);
  opacity: 1;
}
.workspace-sidebar-previews { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 272px), 1fr)); gap: 12px; min-width: 0; }
.workspace-sidebar-preview { height: 600px; min-width: 0; overflow: hidden; border: 1px solid hsl(var(--border)); border-radius: 1px; background: hsl(var(--background)); }
.workspace-sidebar-preview > iframe { display: block; border: 0; background: #0b0b0b; }
.sidebar-options-page {
  --so-bg: hsl(var(--background));
  --so-surface: hsl(var(--card));
  --so-panel: hsl(var(--sidebar));
  --so-muted-surface: hsl(var(--muted));
  --so-stroke: hsl(var(--border));
  --so-fg: hsl(var(--foreground));
  --so-nav-fg: hsl(var(--sidebar-foreground));
  --so-muted: hsl(var(--muted-foreground));
  --so-accent: hsl(var(--sidebar-primary));
  --so-selected: hsl(var(--sidebar-accent));
  --so-selected-fg: hsl(var(--sidebar-accent-foreground));
  --linux-chrome-bg: var(--so-surface);
  --linux-chrome-fg: var(--so-fg);
  --linux-chrome-muted: var(--so-muted);
  --linux-chrome-border: var(--so-stroke);
  --linux-chrome-hover: var(--so-muted-surface);
  color: var(--so-fg);
  background: var(--so-bg);
  padding: 20px;
  min-width: 0;
  font-family: inherit;
  font-size: 11px;
  line-height: 1.5;
}
.sidebar-options-page *, .sidebar-options-page *::before, .sidebar-options-page *::after { box-sizing: border-box; }
.sidebar-options-page h1, .sidebar-options-page h2, .sidebar-options-page h3, .sidebar-options-page p { margin: 0; }
.sidebar-options-page button, .sidebar-options-page input, .sidebar-options-page select { font: inherit; color: inherit; }
.sidebar-options-page button { cursor: pointer; }
.sidebar-options-page button:focus-visible, .sidebar-options-page input:focus-visible, .sidebar-options-page select:focus-visible { outline: 2px solid var(--so-accent); outline-offset: 2px; }
.sidebar-options-page button:disabled { cursor: default; }
.sidebar-options-page svg { width: 14px; height: 14px; flex: 0 0 auto; stroke-width: 1.6; }
.sidebar-options-page svg { color: var(--so-icon-control); }
.sidebar-options-page .so-theme-glyph { flex: 0 0 auto; -o-object-fit: contain; object-fit: contain; }
.sidebar-options-page .so-nav-row > .so-theme-glyph { width: 13px !important; height: 13px !important; }
.sidebar-options-page .so-section-label > .so-theme-glyph { width: 11px !important; height: 11px !important; }
.sidebar-options-page .so-module-toolbar .so-theme-glyph { width: 14px !important; height: 14px !important; }
.sidebar-options-page .so-desktop-window > div .so-theme-glyph { width: 11px !important; height: 11px !important; }
.sidebar-options-page .so-page-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 18px; }
.sidebar-options-page .so-page-heading h1 { font-size: 18px; line-height: 1.3; font-weight: 600; letter-spacing: -.3px; }
.sidebar-options-page .so-page-heading p { color: var(--so-muted); margin-top: 4px; max-width: 760px; }
.sidebar-options-page .so-theme-picker { display: grid; gap: 4px; flex-shrink: 0; }
.sidebar-options-page .so-theme-picker > span { font-size: 11px; font-weight: 500; color: var(--so-muted); }
.sidebar-options-page .so-theme-picker select { min-height: 30px; padding: 4px 28px 4px 8px; border: 1px solid var(--so-stroke); border-radius: 3px; background: var(--so-surface); }
.sidebar-options-page .so-comparison-controls { display: flex; align-items: end; flex-wrap: wrap; gap: 16px; padding-bottom: 18px; }
.sidebar-options-page .so-comparison-controls label { display: grid; gap: 4px; }
.sidebar-options-page .so-comparison-controls label > span { font-size: 11px; font-weight: 500; color: var(--so-muted); }
.sidebar-options-page .so-comparison-controls select { background: var(--so-surface); border: 1px solid var(--so-stroke); border-radius: 3px; padding: 4px 28px 4px 8px; min-height: 30px; }
.sidebar-options-page .so-control-note { margin-left: auto; color: var(--so-muted); font-size: 11px; line-height: 1.65; }
.sidebar-options-page .so-inspect { border: 1px solid var(--so-stroke); background: var(--so-surface); border-radius: 3px; scroll-margin-top: 12px; }
.sidebar-options-page .so-inspect-heading { display: flex; justify-content: space-between; align-items: center; padding: 10px 12px; gap: 14px; border-bottom: 1px solid var(--so-stroke); }
.sidebar-options-page .so-inspect-heading > div { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px; }
.sidebar-options-page .so-option-number { color: var(--so-muted); font-variant-numeric: tabular-nums; font-size: 11px; }
.sidebar-options-page .so-inspect-heading h2, .sidebar-options-page .so-gallery-heading h2 { font-size: 12px; font-weight: 600; }
.sidebar-options-page .so-inspect-description { color: var(--so-muted); font-size: 11px; }
.sidebar-options-page .so-shortlist-button { display: flex; align-items: center; gap: 5px; padding: 4px 8px; border: 1px solid var(--so-stroke); border-radius: 3px; background: var(--so-surface); white-space: nowrap; }
.sidebar-options-page .so-shortlist-button[aria-pressed="true"] { color: var(--so-accent); border-color: var(--so-accent); }
.sidebar-options-page .so-preview-stage { padding: 16px; background: var(--so-muted-surface); overflow-x: auto; }
.sidebar-options-page .so-container-preview { width: min(100%, var(--so-preview-width)); min-width: 320px; margin: auto; border: 1px solid var(--so-stroke); background: var(--so-surface); border-radius: 2px; overflow: hidden; }
.sidebar-options-page .so-container-preview .linux-container-title-bar { background: var(--so-muted-surface); height: 24px; }
.sidebar-options-page .so-container-preview .linux-container-title-bar > span { color: var(--so-fg); font-weight: 500; }
.sidebar-options-page .so-container-preview .linux-bevel-control { color: var(--so-muted); border-color: var(--so-stroke); box-shadow: none; background: var(--so-surface); }
.sidebar-options-page .so-container-preview .linux-bevel-control:disabled { opacity: .45; }
.sidebar-options-page .so-container-tabs { height: 28px; display: flex; align-items: stretch; gap: 0; border-bottom: 1px solid var(--so-stroke); font-size: 11px; }
.sidebar-options-page .so-container-tabs > span { display: flex; align-items: center; padding: 0 12px; border-right: 1px solid var(--so-stroke); color: var(--so-muted); }
.sidebar-options-page .so-container-tabs > .is-active { color: var(--so-fg); box-shadow: inset 0 -2px var(--so-accent); }
.sidebar-options-page .so-container-tabs > .so-tab-end { margin-left: auto; border: none; font-size: 10px; }
.sidebar-options-page .so-module-toolbar { height: 28px; border-bottom: 1px solid var(--so-stroke); display: flex; align-items: center; justify-content: space-between; padding: 0 10px; font-size: 11px; }
.sidebar-options-page .so-module-toolbar > span { display: flex; align-items: center; gap: 6px; }
.sidebar-options-page .so-module-toolbar > span:last-child { color: var(--so-muted); }
.sidebar-options-page .so-preview-body { display: flex; height: 348px; min-width: 0; overflow: hidden; }
.sidebar-options-page .so-container-status { height: 22px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 8px; border-top: 1px solid var(--so-stroke); color: var(--so-muted); font-size: 10px; white-space: nowrap; overflow: hidden; }
.sidebar-options-page .so-container-status > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.sidebar-options-page .so-option-assessment { display: flex; gap: 24px; padding: 10px 12px; flex-wrap: wrap; }
.sidebar-options-page .so-option-assessment p { display: flex; gap: 7px; color: var(--so-muted); font-size: 11px; }
.sidebar-options-page .so-option-assessment strong { font-weight: 500; color: var(--so-fg); white-space: nowrap; }
.sidebar-options-page .so-icon-button { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; padding: 0; border: 0; border-radius: 2px; background: transparent; color: var(--so-muted); flex-shrink: 0; }
.sidebar-options-page .so-icon-button:hover { color: var(--so-fg); background: var(--so-muted-surface); }
.sidebar-options-page .so-icon-button[aria-pressed="true"] { color: var(--so-accent); }
.sidebar-options-page .so-sidebar { display: flex; flex: 0 0 auto; max-width: 80%; min-height: 0; overflow: hidden; background: var(--so-panel); color: var(--so-nav-fg); border-right: 1px solid var(--so-stroke); }
.sidebar-options-page .so-activity-rail { display: flex; flex-direction: column; align-items: center; width: 32px; padding-top: 4px; border-right: 1px solid var(--so-stroke); background: var(--so-surface); gap: 2px; flex-shrink: 0; }
.sidebar-options-page .so-activity-rail > .so-icon-button, .sidebar-options-page .so-activity-rail > span:not(.so-rail-spacer) { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; }
.sidebar-options-page .so-activity-rail .is-active, .sidebar-options-page .so-activity-rail [aria-pressed="true"] { background: var(--so-selected); color: var(--so-selected-fg); box-shadow: inset 2px 0 var(--so-accent); border-radius: 0; }
.sidebar-options-page .so-rail-spacer { flex: 1; }
.sidebar-options-page .so-sidebar-panel { position: relative; display: flex; flex-direction: column; min-height: 0; width: var(--so-panel-width); }
.sidebar-options-page .so-panel-heading { height: 28px; min-height: 28px; display: flex; align-items: center; justify-content: space-between; padding: 0 6px 0 10px; border-bottom: 1px solid var(--so-stroke); font-weight: 500; }
.sidebar-options-page .so-headerless-tools { position: absolute; top: 8px; right: 4px; display: flex; justify-content: flex-end; }
.sidebar-options-page .so-search { display: flex; align-items: center; gap: 6px; min-height: 28px; margin: 6px 6px 3px; padding: 0 6px; border: 1px solid var(--so-stroke); border-radius: 3px; background: var(--so-surface); color: var(--so-muted); }
.sidebar-options-page .so-search > svg { width: 12px; height: 12px; }
.sidebar-options-page .so-search input { min-width: 0; width: 100%; height: 26px; padding: 0; border: 0; background: transparent; font-size: 11px; outline-offset: 0; }
.sidebar-options-page .so-search input::-moz-placeholder { color: var(--so-muted); }
.sidebar-options-page .so-search input::placeholder { color: var(--so-muted); }
.sidebar-options-page .so-search .so-icon-button { width: 18px; height: 20px; }
.sidebar-options-page .so-sidebar[data-sidebar-mode="ps3"]:not(.so-sidebar--mini) .so-search { margin-right: 32px; }
.sidebar-options-page .so-menu-body { display: flex; flex: 1; min-height: 0; }
.sidebar-options-page .so-menu-scroll { min-height: 0; min-width: 0; flex: 1; overflow: auto; padding: 4px 0; scrollbar-width: thin; }
.sidebar-options-page .so-nav-row { display: flex; align-items: center; gap: 7px; width: 100%; height: 26px; padding: 0 10px; text-align: left; border: 0; background: transparent; border-radius: 0; color: var(--so-nav-fg); white-space: nowrap; font-size: 11px; line-height: 1; }
.sidebar-options-page .so-nav-row > svg { color: var(--so-muted); width: 13px; height: 13px; }
.sidebar-options-page button.so-nav-row:hover { background: var(--so-muted-surface); }
.sidebar-options-page .so-row-label { overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.sidebar-options-page .so-nav-row.is-active { background: var(--so-selected); color: var(--so-selected-fg); box-shadow: inset 2px 0 var(--so-accent); }
.sidebar-options-page .so-nav-row.is-active > svg { color: inherit; }
.sidebar-options-page .so-section-label { display: flex; align-items: center; gap: 5px; width: 100%; min-height: 24px; padding: 0 10px; font-size: 10px; letter-spacing: .02em; font-weight: 500; color: var(--so-muted); }
.sidebar-options-page .so-section-label > svg { width: 11px; height: 11px; }
.sidebar-options-page .so-section-label > span { flex: 1; }
.sidebar-options-page .so-section-label:not(:first-child), .sidebar-options-page .so-nav-section:not(:first-child) { margin-top: 6px; }
.sidebar-options-page .so-section-toggle { border: 0; background: var(--so-muted-surface); margin: 0; color: var(--so-fg); font-size: 11px; }
.sidebar-options-page .so-section-toggle .is-folded { transform: rotate(-90deg); }
.sidebar-options-page .so-panel-footer { min-height: 24px; height: 24px; display: flex; align-items: center; gap: 6px; padding: 0 9px; border-top: 1px solid var(--so-stroke); color: var(--so-muted); font-size: 10px; white-space: nowrap; overflow: hidden; }
.sidebar-options-page .so-panel-footer svg { width: 7px; height: 7px; }
.sidebar-options-page .so-collapsed-seam { width: 28px; padding-top: 4px; display: flex; justify-content: center; }
.sidebar-options-page .so-empty { color: var(--so-muted); padding: 10px; font-size: 11px; }
.sidebar-options-page .so-sidebar--tree .so-section-items { margin-left: 17px; border-left: 1px solid var(--so-stroke); }
.sidebar-options-page .so-sidebar--tree .so-nav-row { padding-left: 12px; position: relative; }
.sidebar-options-page .so-sidebar--tree .so-nav-row::before { content: ''; width: 7px; border-top: 1px solid var(--so-stroke); position: absolute; left: 0; }
.sidebar-options-page .so-sidebar--tree .so-section-label { font-size: 11px; }
.sidebar-options-page .so-sidebar--accordion .so-nav-section { margin: 0 5px 5px; border: 1px solid var(--so-stroke); border-radius: 2px; overflow: hidden; }
.sidebar-options-page .so-sidebar--accordion .so-section-label { background: var(--so-muted-surface); min-height: 26px; }
.sidebar-options-page .so-sidebar--accordion .so-nav-row { height: 24px; }
.sidebar-options-page .so-sidebar--editorial .so-nav-row { padding-left: 12px; }
.sidebar-options-page .so-sidebar--editorial .so-nav-row.is-active { background: transparent; color: var(--so-accent); box-shadow: none; font-weight: 600; }
.sidebar-options-page .so-sidebar--editorial .so-nav-row.is-active .so-row-label { text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1px; }
.sidebar-options-page .so-sidebar--editorial .so-section-label { text-transform: uppercase; letter-spacing: .08em; font-size: 9px; }
.sidebar-options-page .so-ledger-heading { display: flex; justify-content: space-between; padding: 3px 10px 6px; color: var(--so-muted); font-size: 10px; border-bottom: 1px solid var(--so-stroke); }
.sidebar-options-page .so-sidebar--ledger .so-nav-row { border-bottom: 1px solid var(--so-stroke); height: 28px; }
.sidebar-options-page .so-count { margin-left: auto; color: var(--so-muted); font-size: 10px; font-variant-numeric: tabular-nums; }
.sidebar-options-page .so-sidebar--pinned .so-section-label { background: var(--so-muted-surface); min-height: 22px; font-size: 10px; }
.sidebar-options-page .so-sidebar--inset .so-nav-row { width: calc(100% - 12px); margin: 2px 6px; height: 28px; border: 1px solid transparent; border-radius: 3px; padding: 0 7px; }
.sidebar-options-page .so-sidebar--inset .so-nav-row.is-active { box-shadow: none; background: var(--so-surface); color: var(--so-fg); border-color: var(--so-accent); }
.sidebar-options-page .so-sidebar--command .so-nav-row { height: 28px; gap: 9px; }
.sidebar-options-page .so-row-number { color: var(--so-muted); font-size: 10px; font-variant-numeric: tabular-nums; min-width: 14px; }
.sidebar-options-page .so-row-tail { margin-left: auto; width: 10px !important; height: 10px !important; }
.sidebar-options-page .so-section-switches { display: flex; flex-shrink: 0; }
.sidebar-options-page .so-section-switches > button, .sidebar-options-page .so-section-switches > span { display: flex; align-items: center; justify-content: center; padding: 0 6px; gap: 4px; border: none; border-radius: 0; background: transparent; color: var(--so-muted); font-size: 11px; min-width: 0; }
.sidebar-options-page .so-section-switches > .is-active { color: var(--so-selected-fg); background: var(--so-selected); }
.sidebar-options-page .so-section-switches--tabs { margin: 4px 6px; border-bottom: 1px solid var(--so-stroke); height: 28px; }
.sidebar-options-page .so-section-switches--tabs > button, .sidebar-options-page .so-section-switches--tabs > span { flex: 1; }
.sidebar-options-page .so-section-switches--tabs > .is-active { background: transparent; color: var(--so-accent); box-shadow: inset 0 -2px var(--so-accent); }
.sidebar-options-page .so-tool-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; padding: 2px 6px; }
.sidebar-options-page .so-sidebar--matrix .so-nav-row { flex-direction: column; justify-content: center; height: 48px; gap: 5px; padding: 5px 3px; background: var(--so-surface); border: 1px solid var(--so-stroke); border-radius: 3px; font-size: 11px; }
.sidebar-options-page .so-sidebar--matrix .so-nav-row.is-active { box-shadow: none; border-color: var(--so-accent); color: var(--so-selected-fg); background: var(--so-selected); }
.sidebar-options-page .so-section-switches--split { flex-direction: column; width: 60px; padding: 4px 3px; border-right: 1px solid var(--so-stroke); gap: 4px; background: var(--so-surface); }
.sidebar-options-page .so-section-switches--split > button, .sidebar-options-page .so-section-switches--split > span { flex-direction: column; height: 42px; gap: 4px; padding: 0; font-size: 10px; border-radius: 2px; }
.sidebar-options-page .so-sidebar--split .so-nav-row { padding: 0 7px; gap: 5px; font-size: 11px; }
.sidebar-options-page .so-section-switches--bottom { min-height: 42px; border-top: 1px solid var(--so-stroke); background: var(--so-surface); }
.sidebar-options-page .so-section-switches--bottom > button, .sidebar-options-page .so-section-switches--bottom > span { flex: 1; flex-direction: column; gap: 3px; font-size: 10px; padding: 3px; }
.sidebar-options-page .so-workspace-content { position: relative; display: flex; flex: 1; min-width: 0; flex-direction: column; background: var(--so-surface); }
.sidebar-options-page .so-content-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0 12px; min-height: 28px; border-bottom: 1px solid var(--so-stroke); color: var(--so-muted); font-size: 10px; }
.sidebar-options-page .so-content-toolbar > span:first-child { display: flex; align-items: center; gap: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.sidebar-options-page .so-content-toolbar svg { width: 10px; height: 10px; }
.sidebar-options-page .so-content-body { flex: 1; min-height: 0; padding: 20px; overflow: auto; }
.sidebar-options-page .so-content-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 20px; }
.sidebar-options-page .so-content-heading p { color: var(--so-muted); font-size: 10px; margin-bottom: 3px; }
.sidebar-options-page .so-content-heading h3 { font-size: 17px; font-weight: 500; letter-spacing: -.2px; }
.sidebar-options-page .so-content-note { color: var(--so-muted); font-size: 10px; white-space: nowrap; }
.sidebar-options-page .so-data-table { min-width: 300px; border-top: 1px solid var(--so-stroke); }
.sidebar-options-page .so-data-table > div { display: grid; grid-template-columns: minmax(120px, 1fr) 110px 70px; align-items: center; gap: 10px; min-height: 34px; padding: 0 2px; border-bottom: 1px solid var(--so-stroke); font-size: 11px; }
.sidebar-options-page .so-data-table > div:first-child { font-size: 10px; min-height: 26px; color: var(--so-muted); }
.sidebar-options-page .so-data-table > div > span:not(:first-child) { color: var(--so-muted); font-size: 10px; }
.sidebar-options-page .so-data-table > div > span { display: flex; align-items: center; gap: 5px; min-width: 0; }
.sidebar-options-page .so-data-table svg { width: 7px; height: 7px; }
.sidebar-options-page .so-content-footnote { color: var(--so-muted); max-width: 430px; font-size: 10px; margin-top: 18px; }
.sidebar-options-page .so-canvas { min-width: 190px; padding: 14px; background: var(--so-muted-surface); }
.sidebar-options-page .so-canvas-sheet { padding: 20px; min-height: 160px; max-width: 330px; margin: auto; background: var(--so-surface); border: 1px solid var(--so-stroke); display: flex; flex-direction: column; }
.sidebar-options-page .so-canvas-sheet > span { color: var(--so-muted); font-size: 9px; letter-spacing: .08em; }
.sidebar-options-page .so-canvas-sheet > strong { margin-top: 16px; font-size: 23px; font-weight: 500; letter-spacing: -.5px; }
.sidebar-options-page .so-canvas-sheet > div { width: 44px; height: 4px; background: var(--so-accent); margin-top: 9px; }
.sidebar-options-page .so-canvas-sheet > small { font-size: 9px; color: var(--so-muted); margin-top: 18px; }
.sidebar-options-page .so-canvas-status { display: flex; justify-content: space-between; padding-top: 10px; color: var(--so-muted); font-size: 9px; }
.sidebar-options-page .so-workspace-content--creative-tools { padding-right: 130px; }
.sidebar-options-page .so-workspace-content--creative-tools .so-content-body { padding: 12px; }
.sidebar-options-page .so-workspace-content--creative-tools .so-content-heading { margin-bottom: 12px; }
.sidebar-options-page .so-properties { position: absolute; top: 0; bottom: 0; right: 0; width: 130px; border-left: 1px solid var(--so-stroke); background: var(--so-panel); font-size: 10px; }
.sidebar-options-page .so-properties > span { display: block; height: 28px; padding: 6px 8px; border-bottom: 1px solid var(--so-stroke); font-weight: 500; }
.sidebar-options-page .so-properties > div { padding: 8px; color: var(--so-muted); display: flex; justify-content: space-between; border-bottom: 1px solid var(--so-stroke); gap: 4px; }
.sidebar-options-page .so-properties > div > span { color: var(--so-fg); white-space: nowrap; }
.sidebar-options-page .so-desktop-content { display: grid; grid-template-columns: repeat(2, minmax(140px, 1fr)); gap: 14px; }
.sidebar-options-page .so-desktop-window { border: 1px solid var(--so-stroke); border-radius: 2px; background: var(--so-panel); overflow: hidden; }
.sidebar-options-page .so-desktop-window > div { display: flex; align-items: center; gap: 5px; height: 24px; padding: 0 7px; border-bottom: 1px solid var(--so-stroke); font-size: 10px; }
.sidebar-options-page .so-desktop-window > div > span { flex: 1; }
.sidebar-options-page .so-desktop-window > div svg { width: 11px; height: 11px; }
.sidebar-options-page .so-desktop-window p { padding: 10px; font-size: 11px; font-weight: 500; }
.sidebar-options-page .so-desktop-window > span { display: flex; align-items: center; gap: 5px; height: 26px; padding: 0 10px; font-size: 10px; color: var(--so-muted); }
.sidebar-options-page .so-desktop-window > span svg { width: 9px; height: 9px; }
.sidebar-options-page .so-gallery { margin-top: 22px; }
.sidebar-options-page .so-gallery-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.sidebar-options-page .so-gallery-heading > span { color: var(--so-muted); font-size: 11px; }
.sidebar-options-page .so-options-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 12px; }
.sidebar-options-page .so-sidebar-alternatives { grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr)); }
.sidebar-options-page .so-sidebar-alternatives .so-mini-body { height: 280px; justify-content: center; }
.sidebar-options-page .so-sidebar-alternatives .so-sidebar--mini { max-width: 100%; border-right: 0; }
.sidebar-options-page :is(.so-tasks-sidebar-preview, .so-tasks-sidebar-thumbnail) { display: flex; flex: 0 0 200px; width: 200px; max-width: 200px; height: 100%; min-height: 0; overflow: hidden; }
.sidebar-options-page .so-tasks-sidebar-preview[data-sidebar-collapsed="true"] { flex-basis: 40px; width: 40px; max-width: 40px; }
.sidebar-options-page .so-tasks-sidebar-thumbnail .rd-planner-sidebar { border-right: 0; }
.sidebar-options-page .so-option-card { min-width: 0; border: 1px solid var(--so-stroke); border-radius: 3px; padding: 10px; background: var(--so-surface); }
.sidebar-options-page .so-option-card.is-selected { border-color: var(--so-accent); }
.sidebar-options-page .so-card-heading { display: flex; align-items: center; gap: 7px; margin-bottom: 8px; }
.sidebar-options-page .so-card-heading h3 { font-size: 11px; font-weight: 600; flex: 1; }
.sidebar-options-page .so-card-heading .so-icon-button { width: 22px; height: 22px; }
.sidebar-options-page .so-card-preview { display: block; width: 100%; border: 1px solid var(--so-stroke); border-radius: 2px; padding: 0; background: var(--so-panel); overflow: hidden; text-align: left; }
.sidebar-options-page .so-mini-titlebar { height: 20px; display: flex; align-items: center; justify-content: space-between; padding: 0 7px; border-bottom: 1px solid var(--so-stroke); background: var(--so-muted-surface); color: var(--so-muted); font-size: 9px; }
.sidebar-options-page .so-mini-titlebar span:last-child { letter-spacing: 3px; }
.sidebar-options-page .so-mini-body { height: 194px; display: flex; overflow: hidden; }
.sidebar-options-page .so-mini-status { height: 18px; display: flex; align-items: center; justify-content: space-between; padding: 0 7px; border-top: 1px solid var(--so-stroke); font-size: 9px; color: var(--so-muted); }
.sidebar-options-page .so-sidebar--mini { max-width: 78%; }
.sidebar-options-page .so-sidebar--mini .so-panel-heading { height: 24px; min-height: 24px; font-size: 11px; }
.sidebar-options-page .so-sidebar--mini .so-menu-scroll { overflow: hidden; }
.sidebar-options-page .so-mini-content { flex: 1; min-width: 0; padding: 10px; background: var(--so-surface); overflow: hidden; }
.sidebar-options-page .so-mini-content > span { display: block; color: var(--so-muted); font-size: 9px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sidebar-options-page .so-mini-content > strong { display: block; font-size: 11px; font-weight: 500; margin: 4px 0 12px; }
.sidebar-options-page .so-mini-content > div { height: 20px; border-top: 1px solid var(--so-stroke); margin-top: 7px; }
.sidebar-options-page .so-mini-content--creative-tools > div:first-of-type { height: 80px; border: 1px solid var(--so-stroke); background: var(--so-muted-surface); }
.sidebar-options-page .so-mini-content--desktop > div { height: 40px; border: 1px solid var(--so-stroke); background: var(--so-panel); margin-top: 8px; }
.sidebar-options-page .so-option-card > p { color: var(--so-muted); font-size: 11px; margin-top: 9px; min-height: 33px; }
.sidebar-options-page .so-card-footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; border-top: 1px solid var(--so-stroke); padding-top: 7px; margin-top: 7px; font-size: 10px; }
.sidebar-options-page .so-card-footer > span { color: var(--so-muted); }
.sidebar-options-page .so-card-footer button { display: flex; align-items: center; gap: 3px; padding: 2px 0 2px 6px; border: 0; background: transparent; color: var(--so-accent); font-size: 11px; white-space: nowrap; }
.sidebar-options-page .so-card-footer svg { width: 11px; height: 11px; }
.sidebar-options-page .so-shortlist-summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 0 0; margin-top: 16px; border-top: 1px solid var(--so-stroke); }
.sidebar-options-page .so-shortlist-summary > div { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 10px; }
.sidebar-options-page .so-shortlist-summary strong { font-size: 12px; font-weight: 500; }
.sidebar-options-page .so-shortlist-summary span, .sidebar-options-page .so-shortlist-summary small { color: var(--so-muted); font-size: 11px; }
.sidebar-options-page .so-shortlist-summary small { font-size: 10px; }
.sidebar-options-page .so-shortlist-summary > button { padding: 4px 7px; border: 1px solid var(--so-stroke); background: var(--so-surface); border-radius: 2px; font-size: 11px; white-space: nowrap; }
@media (max-width: 850px) {
  .sidebar-options-page { padding: 14px; }
  .sidebar-options-page .so-control-note { width: 100%; margin-left: 0; }
  .sidebar-options-page .so-content-body { padding: 14px; }
  .sidebar-options-page .so-preview-stage { padding: 10px; }
}
@media (max-width: 580px) {
  .sidebar-options-page .so-page-heading { gap: 10px; }
  .sidebar-options-page .so-page-heading h1 { font-size: 17px; }
  .sidebar-options-page .so-inspect-description { width: 100%; }
  .sidebar-options-page .so-comparison-controls { gap: 10px; }
  .sidebar-options-page .so-comparison-controls label { flex: 1 1 140px; }
  .sidebar-options-page .so-gallery-heading { align-items: start; flex-direction: column; gap: 2px; }
  .sidebar-options-page .so-option-assessment { gap: 7px; }
  .sidebar-options-page .so-shortlist-summary { align-items: start; }
}
/* Shared editor-style finish, using the selected site palette. */
.sidebar-options-page {
  --so-edge-light: color-mix(in srgb, var(--so-stroke) 55%, transparent);
  --so-edge-dark: color-mix(in srgb, var(--so-stroke) 75%, transparent);
  --so-material-shadow: color-mix(in srgb, var(--so-bg) 84%, black);
  --so-well: var(--so-panel);
  --so-raised-face: var(--so-surface);
  --so-moulded-face: var(--so-panel);
  --so-raised-edge: none;
  --so-recessed-edge: none;
  --so-editor-hover: color-mix(in srgb, var(--so-panel) 92%, var(--so-nav-fg));
  --so-editor-selection: color-mix(in srgb, var(--so-panel) 84%, var(--so-nav-fg));
  --so-glass-face: color-mix(in srgb, var(--so-surface) 78%, transparent);
  --so-glass-content: color-mix(in srgb, var(--so-surface) 88%, transparent);
  --so-glass-rim: color-mix(in srgb, var(--so-fg) 14%, transparent);
  --so-glass-light: color-mix(in srgb, var(--so-surface) 72%, white);
  --so-glass-shadow: color-mix(in srgb, var(--so-material-shadow) 18%, transparent);
}

/* A restrained glass frame around the flatter navigation and content surfaces. */
.sidebar-options-page .so-container-preview,
.sidebar-options-page .so-card-preview {
  border-color: var(--so-glass-rim);
  border-radius: 3px;
  background: var(--so-glass-face);
  box-shadow: 0 2px 8px var(--so-glass-shadow);
  backdrop-filter: blur(12px) saturate(105%);
}
.sidebar-options-page .so-container-preview .linux-container-title-bar,
.sidebar-options-page .so-mini-titlebar,
.sidebar-options-page .so-module-toolbar,
.sidebar-options-page .so-content-toolbar,
.sidebar-options-page .so-container-status,
.sidebar-options-page .so-mini-status {
  background: var(--so-glass-face);
  border-color: var(--so-glass-rim);
  box-shadow: none;
  backdrop-filter: blur(12px);
}
.sidebar-options-page .so-workspace-content,
.sidebar-options-page .so-mini-content {
  background: var(--so-glass-content);
}
.sidebar-options-page .so-properties,
.sidebar-options-page .so-desktop-window {
  background: var(--so-glass-face);
  border-color: var(--so-glass-rim);
  box-shadow: none;
  backdrop-filter: blur(12px);
}
.sidebar-options-page .so-canvas {
  background: color-mix(in srgb, var(--so-muted-surface) 72%, transparent);
}
.sidebar-options-page .so-canvas-sheet,
.sidebar-options-page .so-mini-content--creative-tools > div:first-of-type,
.sidebar-options-page .so-mini-content--desktop > div {
  background: var(--so-glass-content);
  border-color: var(--so-glass-rim);
  box-shadow: none;
}
.sidebar-options-page .so-container-preview .linux-bevel-control {
  width: 18px;
  height: 18px;
  color: var(--so-icon-control, var(--so-fg));
  background: color-mix(in srgb, var(--so-surface) 90%, var(--so-fg));
  border-color: color-mix(in srgb, var(--so-fg) 30%, transparent);
  border-radius: 2px;
  box-shadow: none;
}
.sidebar-options-page .so-container-preview .linux-bevel-control:disabled { opacity: .9; }
.sidebar-options-page .so-container-preview .linux-bevel-glyph { width: 10px; height: 10px; }
.sidebar-options-page .so-container-preview .linux-bevel-glyph--maximize { border: 2px solid currentColor; }
.sidebar-options-page .so-container-preview .linux-bevel-glyph--minimize::after { height: 2px; background: currentColor; }
.sidebar-options-page .so-container-preview .linux-bevel-glyph--close::before,
.sidebar-options-page .so-container-preview .linux-bevel-glyph--close::after { width: 11px; height: 2px; background: currentColor; }
.sidebar-options-page .so-mini-titlebar > span:last-child { color: var(--so-icon-control, var(--so-fg)); font-size: 12px; font-weight: 600; letter-spacing: 4px; }
.sidebar-options-page .so-container-tabs {
  background: var(--so-moulded-face);
  box-shadow: none;
}
.sidebar-options-page .so-container-tabs > .is-active {
  background: var(--so-surface);
  border-radius: 4px 4px 0 0;
  box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--so-fg) 40%, transparent);
}
.sidebar-options-page .so-shortlist-button,
.sidebar-options-page .so-shortlist-summary > button,
.sidebar-options-page .so-theme-picker select,
.sidebar-options-page .so-comparison-controls select {
  background: var(--so-raised-face);
  border-color: var(--so-edge-dark);
  border-radius: 5px;
  box-shadow: var(--so-raised-edge);
}
.sidebar-options-page .so-option-card { border-radius: 3px; box-shadow: none; }
.sidebar-options-page .so-option-number { font-family: ui-monospace, monospace; letter-spacing: .05em; }
.sidebar-options-page .so-sidebar { background: var(--so-moulded-face); border-right-color: var(--so-edge-dark); }
.sidebar-options-page .so-sidebar-panel { background: var(--so-moulded-face); box-shadow: none; }
.sidebar-options-page .so-panel-heading { background: var(--so-panel); border-bottom-color: var(--so-edge-dark); box-shadow: none; }
.sidebar-options-page .so-panel-footer { background: var(--so-moulded-face); box-shadow: none; }
.sidebar-options-page .so-search { background: var(--so-well); border-color: var(--so-edge-dark); border-radius: 5px; box-shadow: var(--so-recessed-edge); }
.sidebar-options-page .so-search input { color: var(--so-nav-fg); }
.sidebar-options-page .so-search .so-icon-button,
.sidebar-options-page .so-panel-heading .so-icon-button,
.sidebar-options-page .so-headerless-tools .so-icon-button { border: 1px solid var(--so-edge-dark); background: var(--so-raised-face); box-shadow: var(--so-raised-edge); border-radius: 4px; }
.sidebar-options-page .so-activity-rail { background: var(--so-moulded-face); border-right-color: var(--so-edge-dark); box-shadow: none; gap: 4px; }
.sidebar-options-page .so-activity-rail > .so-icon-button,
.sidebar-options-page .so-activity-rail > span:not(.so-rail-spacer) { width: 26px; height: 26px; border-radius: 4px; background: transparent; border: 1px solid transparent; box-shadow: none; }
.sidebar-options-page .so-activity-rail > .so-icon-button:hover { background: var(--so-editor-hover); }
.sidebar-options-page .so-activity-rail .is-active,
.sidebar-options-page .so-activity-rail [aria-pressed="true"] { color: var(--so-nav-fg); background: var(--so-editor-selection); border-color: var(--so-edge-light); box-shadow: none; }
.sidebar-options-page .so-nav-row,
.sidebar-options-page .so-section-switches > button,
.sidebar-options-page .so-icon-button { transition: box-shadow 100ms ease, transform 100ms ease, background-color 100ms ease; }
.sidebar-options-page button.so-nav-row:active,
.sidebar-options-page .so-section-switches > button:active,
.sidebar-options-page .so-icon-button:active,
.sidebar-options-page .so-shortlist-button:active { transform: none; background: var(--so-editor-selection); box-shadow: none; }
.sidebar-options-page .so-nav-row.is-active > svg { color: inherit; }

/* The same quiet tray, section heading and row treatment across all twelve layouts. */
.sidebar-options-page .so-sidebar .so-menu-scroll {
  margin: 4px 5px;
  padding: 4px 0;
  border: 1px solid var(--so-edge-dark);
  border-radius: 5px;
  background: var(--so-well);
  box-shadow: var(--so-recessed-edge);
}
.sidebar-options-page .so-sidebar .so-section-label {
  min-height: 22px;
  margin-top: 5px;
  padding: 0 10px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--so-muted);
  box-shadow: var(--so-raised-edge);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .02em;
  text-transform: none;
}
.sidebar-options-page .so-sidebar .so-section-label:first-child { margin-top: 0; }
.sidebar-options-page .so-sidebar .so-nav-section { margin: 0 0 5px; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.sidebar-options-page .so-sidebar .so-nav-row {
  width: calc(100% - 8px);
  margin: 2px 4px;
  padding: 0 6px;
  height: 24px;
  gap: 7px;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
  color: var(--so-nav-fg);
  box-shadow: none;
  font-size: 11px;
  font-weight: 400;
}
.sidebar-options-page .so-sidebar button.so-nav-row:hover {
  border-color: transparent;
  background: var(--so-editor-hover);
}
.sidebar-options-page .so-sidebar .so-nav-row.is-active {
  border-color: var(--so-edge-light);
  background: var(--so-editor-selection);
  color: var(--so-nav-fg);
  box-shadow: none;
  font-weight: 500;
}
.sidebar-options-page .so-sidebar .so-nav-row.is-active .so-row-label { text-decoration: none; }
.sidebar-options-page .so-sidebar button.so-nav-row:active { box-shadow: var(--so-recessed-edge); }
.sidebar-options-page .so-sidebar .so-count,
.sidebar-options-page .so-sidebar .so-row-number { color: inherit; }
.sidebar-options-page .so-sidebar .so-ledger-heading {
  margin: 0;
  padding: 3px 10px 6px;
  border-bottom: 1px solid var(--so-edge-dark);
  color: var(--so-muted);
  font-size: 10px;
}
.sidebar-options-page .so-sidebar .so-section-switches {
  background: var(--so-well);
  border-color: var(--so-edge-dark);
  box-shadow: var(--so-recessed-edge);
}
.sidebar-options-page .so-sidebar .so-section-switches > button,
.sidebar-options-page .so-sidebar .so-section-switches > span {
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
  box-shadow: none;
}
.sidebar-options-page .so-sidebar .so-section-switches > .is-active {
  background: var(--so-editor-selection);
  color: var(--so-nav-fg);
  border-color: var(--so-edge-light);
  box-shadow: none;
}
.sidebar-options-page .so-sidebar .so-section-switches--tabs { gap: 3px; padding: 2px; border: 1px solid var(--so-edge-dark); border-radius: 7px; }
.sidebar-options-page .so-sidebar .so-section-switches--split { gap: 4px; }
.sidebar-options-page .so-sidebar .so-section-switches--bottom { gap: 3px; padding: 3px; border-top: 1px solid var(--so-edge-dark); }

/* Only structural differences remain: hierarchy, tool-grid and split navigation. */
.sidebar-options-page .so-sidebar--tree .so-section-items { margin: 3px 3px 3px 15px; border-left-color: var(--so-edge-dark); }
.sidebar-options-page .so-sidebar--tree .so-nav-row { padding-left: 12px; }
.sidebar-options-page .so-sidebar--matrix .so-tool-grid { gap: 4px; padding: 4px; }
.sidebar-options-page .so-sidebar--matrix .so-nav-row { width: 100%; margin: 0; height: 48px; flex-direction: column; justify-content: center; padding: 5px 3px; gap: 5px; font-size: 11px; }
.sidebar-options-page .so-sidebar--split .so-nav-row { gap: 5px; font-size: 11px; }

@media (prefers-reduced-motion: reduce) {
  .sidebar-options-page .so-nav-row,
  .sidebar-options-page .so-section-switches > button,
  .sidebar-options-page .so-icon-button { transition: none; }
}
/* Frozen 14 October 2026. Legacy UI scope only. */
/* Primary Topbar 1 + Primary Tab Nav 1 + Primary Bottom Bar 1 — folder tabs + blue baseline. */

.primary-topbar-1:where([data-primary-ui-legacy] *),
.primary-topbar-1-folder-tabs:where([data-primary-ui-legacy] *),
.primary-tab-nav-1:where([data-primary-ui-legacy] *),
.primary-bottom-bar-1:where([data-primary-ui-legacy] *),
.primary-topbar-1-view-toggle:where([data-primary-ui-legacy] *) {
  --pt1-tab-bg: #252525;
  --pt1-tab-border: #5c5c5c;
  --pt1-active-fg: #d4d4d4;
  --pt1-inactive-fg: #666666;
  --pt1-inactive-fg-muted: #555555;
  --pt1-accent: #1887bf;
  --pt1-row-border: #2a2a2a;
  --pt1-field-bg: #242424;
  --pt1-field-border: #303030;
  --pt1-field-placeholder: #444444;
  --pt1-action-fg: #aaaaaa;
  --pt1-select-fg: #888888;
  --pt1-view-active-bg: #333333;
  --pt1-radius: 4px;
  --pt1-font: 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --primary-ui-chrome-font-size: 12px;
  --pt1-tab-w: 96px;
  --pt1-tab-gap: 1px;
  --pt1-tab-pad-x: 5px;
  --pt1-tab-h: 16px;
  --pt1-control-h: 16px;
  font-family: var(--pt1-font);
}

/* Folder-tab rows — no enclosing segmented track. */
.primary-tab-nav-1:where([data-primary-ui-legacy] *),
.primary-topbar-1-folder-tabs:where([data-primary-ui-legacy] *) {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 1px;
  border: none;
  border-radius: 0;
  background: transparent;
  padding: 0 1px;
  box-shadow: none;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  min-width: 0;
  overflow: visible;
}

.primary-tab-nav-1:where([data-primary-ui-legacy] *) {
  height: 20px;
  padding: 0 2px;
  border-bottom: 1px solid var(--pt1-row-border);
}

.primary-tab-nav-1--stretch:where([data-primary-ui-legacy] *) {
  display: flex;
  width: 100%;
}

.primary-tab-nav-1--stretch .primary-topbar-1-tab-col:where([data-primary-ui-legacy] *) {
  flex: 1 1 0;
  width: auto;
  min-width: 0;
  max-width: none;
}

.primary-tab-nav-1--stretch .primary-topbar-1-tab:where([data-primary-ui-legacy] *) {
  flex: 1 1 0;
  width: auto;
  min-width: 0;
  max-width: none;
}

.primary-topbar-1-folder-tabs:where([data-primary-ui-legacy] *) {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: var(--pt1-tab-w);
  align-items: stretch;
  flex-shrink: 0;
  border-bottom: none;
  height: auto;
}

.primary-topbar-1-folder-tabs--inline:where([data-primary-ui-legacy] *) {
  align-self: flex-end;
}

.primary-topbar-1-tab-col:where([data-primary-ui-legacy] *) {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex: 0 0 var(--pt1-tab-w);
  width: var(--pt1-tab-w);
  min-width: var(--pt1-tab-w);
  max-width: var(--pt1-tab-w);
  overflow: hidden;
}

.primary-topbar-1-tab-accent:where([data-primary-ui-legacy] *) {
  display: block;
  height: 2px;
  flex-shrink: 0;
  background: transparent;
  overflow: hidden;
}

.primary-topbar-1-tab--active + .primary-topbar-1-tab-accent:where([data-primary-ui-legacy] *) {
  background: var(--pt1-accent);
}

.primary-topbar-1-tab-col--tinted .primary-topbar-1-tab:where([data-primary-ui-legacy] *) {
  border-color: var(--pt1-tab-tint) !important;
  box-shadow: inset 0 0 0 1px var(--pt1-tab-tint);
  color: var(--pt1-tab-tint);
}

.primary-topbar-1-tab-col--tinted .primary-topbar-1-tab--active:where([data-primary-ui-legacy] *) {
  color: var(--pt1-tab-tint);
}

.primary-topbar-1-tab-col--tinted > .primary-topbar-1-tab-accent:where([data-primary-ui-legacy] *),
.primary-topbar-1-tab-col--tinted .primary-topbar-1-tab--active + .primary-topbar-1-tab-accent:where([data-primary-ui-legacy] *) {
  background: var(--pt1-tab-tint);
}

.primary-topbar-1-view-toggle:where([data-primary-ui-legacy] *) {
  display: flex;
  align-items: center;
  gap: 0;
  width: 66px;
  height: var(--pt1-tab-h);
  flex-shrink: 0;
  overflow: hidden;
  border: 1px solid var(--pt1-tab-border);
  border-radius: var(--pt1-radius) var(--pt1-radius) 0 0;
  background: var(--pt1-tab-bg);
  box-shadow: inset 0 0 0 1px var(--pt1-tab-border);
  box-sizing: border-box;
}

/* Row wrappers. */
.primary-topbar-1:where([data-primary-ui-legacy] *),
.primary-bottom-bar-1:where([data-primary-ui-legacy] *) {
  background: transparent;
  color: hsl(var(--foreground));
  border-radius: 0;
  box-shadow: none;
}

.primary-topbar-1:where([data-primary-ui-legacy] *) {
  --pt1-inactive-fg: var(--pt1-inactive-fg-muted);
  height: 20px;
  border-bottom: 1px solid var(--pt1-row-border);
}

.primary-topbar-1-folder-tabs:where([data-primary-ui-legacy] *) {
  --pt1-inactive-fg: var(--pt1-inactive-fg-muted);
}

.primary-bottom-bar-1:where([data-primary-ui-legacy] *),
.primary-bottom-bar-1 .primary-tab-nav-1:where([data-primary-ui-legacy] *) {
  --pt1-inactive-fg: var(--pt1-inactive-fg-muted);
  height: 20px;
  border-top: 1px solid var(--pt1-row-border);
}

.primary-bottom-bar-1 .primary-tab-nav-1:where([data-primary-ui-legacy] *) {
  height: auto;
  border-top: none;
}

.primary-topbar-1 > div:where([data-primary-ui-legacy] *),
.primary-bottom-bar-1 > div:where([data-primary-ui-legacy] *) {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  gap: 1px;
}

.primary-topbar-1 > div:where([data-primary-ui-legacy] *) {
  height: 20px;
  padding: 0 4px;
  align-items: flex-end;
}

.primary-topbar-1-tools:where([data-primary-ui-legacy] *) {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  align-items: center;
  gap: 1px;
  box-sizing: border-box;
  height: calc(var(--pt1-tab-h) + 2px);
  padding-bottom: 1px;
}

.primary-bottom-bar-1 > div:where([data-primary-ui-legacy] *) {
  height: 20px;
  padding: 0 4px;
}

.primary-topbar-1 .primary-tab-nav-1:where([data-primary-ui-legacy] *),
.primary-bottom-bar-1 .primary-tab-nav-1:where([data-primary-ui-legacy] *) {
  height: auto;
  min-height: 0;
  padding: 0;
  border-bottom: none;
}

.primary-topbar-1 .primary-topbar-1-field:where([data-primary-ui-legacy] *) {
  box-sizing: border-box !important;
  height: var(--pt1-tab-h) !important;
  min-height: var(--pt1-tab-h) !important;
  max-height: var(--pt1-tab-h) !important;
  border: 1px solid var(--pt1-tab-border) !important;
  background: var(--pt1-tab-bg);
  color: var(--pt1-inactive-fg);
  font-family: var(--pt1-font);
  font-size: var(--primary-ui-chrome-font-size, 12px) !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0;
  text-transform: lowercase;
  border-radius: var(--pt1-radius) var(--pt1-radius) 0 0 !important;
  box-shadow: inset 0 0 0 1px var(--pt1-tab-border);
  outline: none;
  transition: color 140ms ease;
}

.primary-topbar-1 .primary-topbar-1-field:where([data-primary-ui-legacy] *)::-moz-placeholder {
  color: var(--pt1-inactive-fg);
}

.primary-topbar-1 .primary-topbar-1-field:where([data-primary-ui-legacy] *)::placeholder {
  color: var(--pt1-inactive-fg);
}

.primary-topbar-1 .primary-topbar-1-field:hover:where([data-primary-ui-legacy] *),
.primary-topbar-1 .primary-topbar-1-field:focus:where([data-primary-ui-legacy] *) {
  color: var(--pt1-active-fg);
}

.primary-topbar-1 .primary-topbar-1-field--compact:where([data-primary-ui-legacy] *) {
  height: var(--pt1-tab-h) !important;
  min-height: var(--pt1-tab-h) !important;
  max-height: var(--pt1-tab-h) !important;
  line-height: calc(var(--pt1-tab-h) - 2px) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.primary-topbar-1 .relative:has(input.primary-topbar-1-field):where([data-primary-ui-legacy] *) {
  flex: 0 1 10rem;
  min-width: 7.5rem;
  max-width: 10rem;
}

.primary-topbar-1 input.primary-topbar-1-field:where([data-primary-ui-legacy] *) {
  padding: 0 8px 0 16px !important;
}

.primary-topbar-1 .relative:has(input.primary-topbar-1-field) .primary-topbar-1-outline-icon:where([data-primary-ui-legacy] *) {
  width: 11px !important;
  height: 11px !important;
  min-width: 11px !important;
  min-height: 11px !important;
  color: var(--pt1-inactive-fg);
}

.primary-topbar-1 .primary-topbar-1-select:where([data-primary-ui-legacy] *) {
  min-width: 0;
  width: auto;
  padding: 0 16px 0 var(--pt1-tab-pad-x) !important;
  cursor: pointer;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}

.primary-topbar-1 .relative:has(select.primary-topbar-1-select) .primary-topbar-1-outline-icon:where([data-primary-ui-legacy] *) {
  width: 10px !important;
  height: 10px !important;
  min-width: 10px !important;
  min-height: 10px !important;
  color: var(--pt1-inactive-fg);
}

.primary-topbar-1 .relative:has(.primary-topbar-1-field:hover) .primary-topbar-1-outline-icon:where([data-primary-ui-legacy] *),
.primary-topbar-1 .relative:has(.primary-topbar-1-field:focus) .primary-topbar-1-outline-icon:where([data-primary-ui-legacy] *) {
  color: var(--pt1-active-fg);
}

.primary-topbar-1 .em-toolbar-btn:where([data-primary-ui-legacy] *) {
  height: var(--pt1-tab-h);
  min-height: var(--pt1-tab-h);
  max-height: var(--pt1-tab-h);
  padding: 0 8px;
  gap: 1px;
  font-family: var(--pt1-font);
  font-size: var(--primary-ui-chrome-font-size, 12px);
  font-weight: 400;
  letter-spacing: 0;
  text-transform: lowercase;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--pt1-action-fg) !important;
}

.primary-topbar-1 .em-toolbar-btn:hover:where([data-primary-ui-legacy] *) {
  background: transparent;
  color: var(--pt1-active-fg) !important;
}

.primary-topbar-1-divider:where([data-primary-ui-legacy] *) {
  width: 1px;
  height: 12px;
  flex-shrink: 0;
  align-self: center;
  background: var(--pt1-tab-border);
}

.primary-topbar-1-tab:where([data-primary-ui-legacy] *) {
  position: relative;
  display: inline-flex;
  flex: 0 0 var(--pt1-tab-w);
  width: var(--pt1-tab-w);
  min-width: var(--pt1-tab-w);
  max-width: var(--pt1-tab-w);
  align-items: center;
  justify-content: center;
  gap: var(--pt1-tab-gap);
  margin: 0;
  overflow: hidden;
  height: var(--pt1-tab-h);
  min-height: var(--pt1-tab-h);
  cursor: pointer;
  box-sizing: border-box;
  border: 1px solid var(--pt1-tab-border) !important;
  border-radius: var(--pt1-radius) var(--pt1-radius) 0 0 !important;
  box-shadow: inset 0 0 0 1px var(--pt1-tab-border);
  padding: 0 var(--pt1-tab-pad-x);
  text-align: center;
  font-family: inherit;
  font-size: var(--primary-ui-chrome-font-size, 12px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  text-transform: lowercase;
  color: var(--pt1-inactive-fg);
  background: var(--pt1-tab-bg);
  transition: color 140ms ease;
}

.primary-topbar-1-tab:hover:not(.primary-topbar-1-tab--active):where([data-primary-ui-legacy] *) {
  color: var(--pt1-active-fg);
}

.primary-topbar-1-tab--active:where([data-primary-ui-legacy] *) {
  background: var(--pt1-tab-bg);
  color: var(--pt1-active-fg);
}

.primary-topbar-1-folder-tabs .primary-topbar-1-tab:where([data-primary-ui-legacy] *) {
  width: 100%;
  min-width: 0;
  max-width: none;
  flex: 1 1 auto;
  justify-content: center;
  text-align: center;
}

.primary-topbar-1-tab--icon-only:where([data-primary-ui-legacy] *) {
  flex: 0 0 auto;
  width: 1.75rem;
  min-width: 1.75rem;
  justify-content: center;
  padding: 0;
}

.primary-topbar-1-view-btn:where([data-primary-ui-legacy] *) {
  position: relative;
  display: inline-flex;
  flex: 1 1 0;
  align-items: center;
  justify-content: center;
  width: 22px;
  min-width: 22px;
  height: var(--pt1-tab-h);
  margin: 0;
  padding: 0;
  border: none;
  border-left: 1px solid var(--pt1-tab-border);
  border-radius: 0 !important;
  background: transparent;
  box-shadow: none;
  color: var(--pt1-inactive-fg);
  cursor: pointer;
  transition: background 140ms ease, color 140ms ease;
}

.primary-topbar-1-view-btn:first-child:where([data-primary-ui-legacy] *) {
  border-left: none;
}

.primary-topbar-1-view-btn:hover:not(.primary-topbar-1-view-btn--active):where([data-primary-ui-legacy] *) {
  color: var(--pt1-active-fg);
  background: transparent;
}

.primary-topbar-1-view-btn--active:where([data-primary-ui-legacy] *) {
  background: var(--pt1-tab-bg);
  color: var(--pt1-active-fg);
}

.primary-topbar-1-view-btn--active:where([data-primary-ui-legacy] *)::after {
  display: none;
}

.primary-topbar-1-outline-icon:where([data-primary-ui-legacy] *) {
  width: 11px !important;
  height: 11px !important;
  min-width: 11px !important;
  min-height: 11px !important;
  color: var(--pt1-inactive-fg);
  stroke: currentColor;
  -o-object-fit: contain;
     object-fit: contain;
}

.primary-topbar-1 .primary-topbar-1-tab .primary-topbar-1-outline-icon:where([data-primary-ui-legacy] *),
.primary-bottom-bar-1 .primary-topbar-1-outline-icon:where([data-primary-ui-legacy] *) {
  width: 11px !important;
  height: 11px !important;
  min-width: 11px !important;
  min-height: 11px !important;
}

.primary-topbar-1-view-btn .primary-topbar-1-outline-icon:where([data-primary-ui-legacy] *) {
  width: 11px !important;
  height: 11px !important;
  min-width: 11px !important;
  min-height: 11px !important;
}

.primary-topbar-1-tab--active .primary-topbar-1-outline-icon:where([data-primary-ui-legacy] *),
.primary-topbar-1-view-btn--active .primary-topbar-1-outline-icon:where([data-primary-ui-legacy] *) {
  color: var(--pt1-active-fg);
}

.primary-topbar-1-tab [data-rd-icon-plate]:where([data-primary-ui-legacy] *),
.primary-topbar-1-view-btn [data-rd-icon-plate]:where([data-primary-ui-legacy] *),
.primary-topbar-1 .em-toolbar-btn [data-rd-icon-plate]:where([data-primary-ui-legacy] *) {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.primary-topbar-1-tab [data-rd-icon-plate] > span[aria-hidden]:where([data-primary-ui-legacy] *),
.primary-topbar-1-view-btn [data-rd-icon-plate] > span[aria-hidden]:where([data-primary-ui-legacy] *),
.primary-topbar-1 .em-toolbar-btn [data-rd-icon-plate] > span[aria-hidden]:where([data-primary-ui-legacy] *) {
  display: none;
}

html:not([data-corners='rounded']):not(.rounded-corners) .primary-topbar-1-tab:where([data-primary-ui-legacy] *),
html[data-corners='sharp'] .primary-topbar-1-tab:where([data-primary-ui-legacy] *),
.primary-topbar-1-tab.corners-keep-sharp:where([data-primary-ui-legacy] *) {
  border-radius: var(--pt1-radius) var(--pt1-radius) 0 0 !important;
}

html:not([data-corners='rounded']):not(.rounded-corners) .primary-topbar-1-view-btn:where([data-primary-ui-legacy] *),
html[data-corners='sharp'] .primary-topbar-1-view-btn:where([data-primary-ui-legacy] *),
.primary-topbar-1-view-btn.corners-keep-sharp:where([data-primary-ui-legacy] *),
html:not([data-corners='rounded']):not(.rounded-corners) .primary-topbar-1 .em-toolbar-btn:where([data-primary-ui-legacy] *),
html[data-corners='sharp'] .primary-topbar-1 .em-toolbar-btn:where([data-primary-ui-legacy] *),
.primary-topbar-1 .em-toolbar-btn.corners-keep-sharp:where([data-primary-ui-legacy] *) {
  border-radius: 0 !important;
}

html:not([data-corners='rounded']):not(.rounded-corners) .primary-topbar-1 .primary-topbar-1-field:where([data-primary-ui-legacy] *),
html[data-corners='sharp'] .primary-topbar-1 .primary-topbar-1-field:where([data-primary-ui-legacy] *) {
  border-radius: var(--pt1-radius) var(--pt1-radius) 0 0 !important;
}

html:not([data-corners='rounded']):not(.rounded-corners) .primary-topbar-1-view-toggle:where([data-primary-ui-legacy] *),
html[data-corners='sharp'] .primary-topbar-1-view-toggle:where([data-primary-ui-legacy] *) {
  border-radius: var(--pt1-radius) var(--pt1-radius) 0 0 !important;
}

html.site-font-active .primary-topbar-1:where([data-primary-ui-legacy] *),
html.site-font-active .primary-topbar-1-folder-tabs:where([data-primary-ui-legacy] *),
html.site-font-active .primary-tab-nav-1:where([data-primary-ui-legacy] *),
html.site-font-active .primary-bottom-bar-1:where([data-primary-ui-legacy] *) {
  font-synthesis: none;
  font-synthesis-weight: none;
}

html.site-font-active .primary-topbar-1-tab:where([data-primary-ui-legacy] *),
html.site-font-active .primary-topbar-1 .primary-topbar-1-field:where([data-primary-ui-legacy] *),
html.site-font-active .primary-topbar-1 .em-toolbar-btn:where([data-primary-ui-legacy] *),
html.site-font-active .primary-tab-nav-1 .primary-topbar-1-tab:where([data-primary-ui-legacy] *) {
  font-weight: 400;
}
/* Frozen 14 October 2026. Legacy UI scope only. */
/* Beveled toolbar stacks (Primary UI tab navs) — treatments 2a / 2b / 2c. */

:root:where([data-primary-ui-legacy] *) {
  --primary-ui-chrome-font-size: 12px;
}

.btb-board:where([data-primary-ui-legacy] *) {
  display: flex;
  flex-direction: column;
  gap: 1px;
  width: 100%;
  min-width: 0;
  background: hsl(var(--background));
  color: hsl(var(--foreground));
  font-family: 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif;
  font-size: 8px;
  -webkit-font-smoothing: antialiased;
}

.btb-caption:where([data-primary-ui-legacy] *) {
  display: flex;
  align-items: baseline;
  gap: 1px;
  padding: 0 2px;
}

.btb-tag:where([data-primary-ui-legacy] *) {
  font-family: 'IBM Plex Mono', ui-monospace, monospace;
  font-size: 8px;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: hsl(var(--foreground));
  background: hsl(var(--muted));
  padding: 1px 3px;
  border-radius: 2px;
}

.btb-name:where([data-primary-ui-legacy] *) {
  font-size: 8px;
  font-weight: 600;
  color: hsl(var(--foreground));
}

.btb-blurb:where([data-primary-ui-legacy] *) {
  font-size: 8px;
  color: hsl(var(--muted-foreground));
}

.btb-frame:where([data-primary-ui-legacy] *) {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  background: hsl(var(--background));
  border: 1px solid hsl(var(--border));
  border-radius: 3px;
}

.btb-frame.btb-chrome:where([data-primary-ui-legacy] *) {
  border: 0;
  border-radius: 0;
}

.btb-row:where([data-primary-ui-legacy] *) {
  display: flex;
  align-items: center;
  gap: 1px;
  padding: 2px 4px;
  min-width: 0;
  min-height: 20px;
  overflow-x: auto;
}

.btb-row-items:where([data-primary-ui-legacy] *),
.btb-row-extras:where([data-primary-ui-legacy] *) {
  display: contents;
}

.btb-rule:where([data-primary-ui-legacy] *) {
  height: 1px;
  background: rgba(0, 0, 0, 0.75);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04);
}

.btb-vrule:where([data-primary-ui-legacy] *) {
  width: 1px;
  height: 10px;
  flex-shrink: 0;
  background: rgba(0, 0, 0, 0.7);
  box-shadow: 1px 0 0 rgba(255, 255, 255, 0.05);
}

.btb-chip:where([data-primary-ui-legacy] *),
.btb-search:where([data-primary-ui-legacy] *),
.btb-select:where([data-primary-ui-legacy] *),
.btb-add:where([data-primary-ui-legacy] *),
.btb-select-wrap:where([data-primary-ui-legacy] *) {
  display: flex;
  align-items: center;
  gap: 4px;
  box-sizing: border-box;
  height: 16px;
  min-height: 16px;
  max-height: 16px;
  padding: 0 7px;
  border: 0;
  font-size: var(--primary-ui-chrome-font-size, 12px) !important;
  font-weight: 600;
  line-height: 1.2 !important;
  white-space: nowrap;
  cursor: pointer;
  color: inherit;
  font-family: inherit !important;
}

.btb-chip:where([data-primary-ui-legacy] *) {
  flex: 0 0 auto;
  flex-direction: column;
  align-items: stretch;
  justify-content: stretch;
  width: auto;
  min-width: -moz-max-content;
  min-width: max-content;
  max-width: none;
  padding: 0;
  gap: 0;
  overflow: visible;
}

.btb-chip-face:where([data-primary-ui-legacy] *) {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: auto;
  min-width: -moz-max-content;
  min-width: max-content;
  min-height: 0;
  padding: 0 7px;
  overflow: visible;
  text-overflow: unset;
  white-space: nowrap;
  font-size: var(--primary-ui-chrome-font-size, 12px) !important;
  font-weight: 600;
  line-height: 1.2 !important;
}

.btb-chip-accent:where([data-primary-ui-legacy] *) {
  display: block;
  height: 2px;
  width: 100%;
  flex-shrink: 0;
}

.btb-search:where([data-primary-ui-legacy] *) {
  cursor: text;
}

.btb-select:where([data-primary-ui-legacy] *) {
  cursor: pointer;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  padding-right: 12px;
}

.btb-chip .primary-topbar-1-outline-icon:where([data-primary-ui-legacy] *),
.btb-search .primary-topbar-1-outline-icon:where([data-primary-ui-legacy] *),
.btb-select-wrap .primary-topbar-1-outline-icon:where([data-primary-ui-legacy] *),
.btb-add .primary-topbar-1-outline-icon:where([data-primary-ui-legacy] *),
.btb-view-btn .primary-topbar-1-outline-icon:where([data-primary-ui-legacy] *) {
  width: 10px !important;
  height: 10px !important;
  min-width: 10px !important;
  min-height: 10px !important;
  color: hsl(var(--foreground)) !important;
  stroke: currentColor;
}

.btb-search:where([data-primary-ui-legacy] *) {
  width: auto;
  min-width: 84px;
}

.btb-search input:where([data-primary-ui-legacy] *),
.btb-select:where([data-primary-ui-legacy] *) {
  min-width: 0;
  width: 100%;
  height: 16px !important;
  min-height: 16px !important;
  max-height: 16px !important;
  border: 0;
  padding: 0;
  background: transparent;
  color: inherit;
  font-family: inherit !important;
  font-size: var(--primary-ui-chrome-font-size, 12px) !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  outline: none;
}

.btb-search input:where([data-primary-ui-legacy] *) {
  flex: 1;
  width: auto;
}

.btb-search input:where([data-primary-ui-legacy] *)::-moz-placeholder {
  color: inherit;
  font-size: var(--primary-ui-chrome-font-size, 12px) !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

.btb-search input:where([data-primary-ui-legacy] *)::placeholder {
  color: inherit;
  font-size: var(--primary-ui-chrome-font-size, 12px) !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

.btb-select-wrap:where([data-primary-ui-legacy] *) {
  position: relative;
  width: auto;
  padding: 0;
}

.btb-select-wrap .btb-select:where([data-primary-ui-legacy] *) {
  width: auto;
  padding: 0 12px 0 7px;
}

.btb-select-wrap .btb-chevron:where([data-primary-ui-legacy] *) {
  pointer-events: none;
  position: absolute;
  right: 3px;
  display: grid;
  place-items: center;
  opacity: 0.7;
}

.btb-spacer:where([data-primary-ui-legacy] *) {
  flex: 1;
}

.btb-views:where([data-primary-ui-legacy] *) {
  display: flex;
  overflow: hidden;
  flex-shrink: 0;
}

.btb-view-btn:where([data-primary-ui-legacy] *) {
  display: grid;
  place-items: center;
  width: 16px;
  height: 16px;
  padding: 0;
  border: 0;
  background: transparent;
  color: hsl(var(--foreground));
  cursor: pointer;
}

.btb-view-btn:hover:where([data-primary-ui-legacy] *) {
  color: hsl(var(--foreground));
}

.btb-view-btn[data-active='true']:where([data-primary-ui-legacy] *) {
  color: hsl(var(--foreground));
  background: rgba(255, 255, 255, 0.1);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    inset 0 -1px 0 rgba(0, 0, 0, 0.4);
}

[data-btb='2a'] .btb-row:where([data-primary-ui-legacy] *) {
  background: linear-gradient(180deg, hsl(var(--background)), hsl(var(--background)));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    inset 0 -1px 0 rgba(0, 0, 0, 0.8);
}

[data-btb='2a'] .btb-chip:where([data-primary-ui-legacy] *),
[data-btb='2a'] .btb-select:where([data-primary-ui-legacy] *),
[data-btb='2a'] .btb-add:where([data-primary-ui-legacy] *),
[data-btb='2a'] .btb-views:where([data-primary-ui-legacy] *) {
  border-radius: 2px;
  background: linear-gradient(180deg, hsl(var(--card)), hsl(var(--card)));
  color: hsl(var(--foreground));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    inset 0 -1px 0 rgba(0, 0, 0, 0.55),
    0 1px 2px rgba(0, 0, 0, 0.55);
}

[data-btb='2a'] .btb-chip:hover:where([data-primary-ui-legacy] *),
[data-btb='2a'] .btb-select-wrap:hover .btb-select:where([data-primary-ui-legacy] *),
[data-btb='2a'] .btb-add:hover:where([data-primary-ui-legacy] *) {
  color: hsl(var(--foreground));
  background: linear-gradient(180deg, hsl(var(--muted)), hsl(var(--card)));
}

[data-btb='2a'] .btb-chip[data-active='true']:where([data-primary-ui-legacy] *) {
  background: linear-gradient(180deg, hsl(var(--muted)), hsl(var(--card)));
  color: hsl(var(--foreground));
  font-weight: 500;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    inset 0 -1px 0 rgba(0, 0, 0, 0.55),
    0 1px 3px rgba(0, 0, 0, 0.6);
}

[data-btb='2a'] .btb-search:where([data-primary-ui-legacy] *) {
  border-radius: 2px;
  background: hsl(var(--background));
  color: hsl(var(--foreground));
  box-shadow:
    inset 0 1px 3px rgba(0, 0, 0, 0.85),
    inset 0 0 0 1px rgba(255, 255, 255, 0.045),
    0 1px 0 rgba(255, 255, 255, 0.05);
}

[data-btb='2b'] .btb-row:where([data-primary-ui-legacy] *) {
  background: linear-gradient(180deg, hsl(var(--card)), hsl(var(--card)));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    inset 0 -1px 0 rgba(0, 0, 0, 0.85);
}

[data-btb='2b'] .btb-chip:where([data-primary-ui-legacy] *),
[data-btb='2b'] .btb-select:where([data-primary-ui-legacy] *),
[data-btb='2b'] .btb-add:where([data-primary-ui-legacy] *),
[data-btb='2b'] .btb-views:where([data-primary-ui-legacy] *) {
  border-radius: 2px;
  background: hsl(var(--background));
  color: hsl(var(--foreground));
  box-shadow:
    inset 0 1px 3px rgba(0, 0, 0, 0.8),
    inset 0 -1px 0 rgba(255, 255, 255, 0.06);
}

[data-btb='2b'] .btb-chip:hover:where([data-primary-ui-legacy] *),
[data-btb='2b'] .btb-select-wrap:hover .btb-select:where([data-primary-ui-legacy] *),
[data-btb='2b'] .btb-add:hover:where([data-primary-ui-legacy] *) {
  color: hsl(var(--foreground));
  background: hsl(var(--card));
}

[data-btb='2b'] .btb-chip[data-active='true']:where([data-primary-ui-legacy] *) {
  background: hsl(var(--background));
  color: hsl(var(--foreground));
  font-weight: 500;
  box-shadow:
    inset 0 1px 4px rgba(0, 0, 0, 0.9),
    inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

[data-btb='2b'] .btb-search:where([data-primary-ui-legacy] *) {
  border-radius: 2px;
  background: hsl(var(--background));
  color: hsl(var(--foreground));
  box-shadow:
    inset 0 2px 4px rgba(0, 0, 0, 0.9),
    inset 0 -1px 0 rgba(255, 255, 255, 0.055);
}

[data-btb='2c'] .btb-row:where([data-primary-ui-legacy] *) {
  background: hsl(var(--background));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

[data-btb='2c'] .btb-chip:where([data-primary-ui-legacy] *),
[data-btb='2c'] .btb-select:where([data-primary-ui-legacy] *),
[data-btb='2c'] .btb-add:where([data-primary-ui-legacy] *),
[data-btb='2c'] .btb-views:where([data-primary-ui-legacy] *),
[data-btb='2c'] .btb-search:where([data-primary-ui-legacy] *) {
  border-radius: 3px;
}

[data-btb='2c'] .btb-chip:where([data-primary-ui-legacy] *),
[data-btb='2c'] .btb-select:where([data-primary-ui-legacy] *),
[data-btb='2c'] .btb-add:where([data-primary-ui-legacy] *),
[data-btb='2c'] .btb-views:where([data-primary-ui-legacy] *) {
  background: linear-gradient(180deg, hsl(var(--card)), hsl(var(--card)));
  color: hsl(var(--foreground));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    inset 0 -2px 0 rgba(0, 0, 0, 0.5),
    0 2px 3px rgba(0, 0, 0, 0.55);
}

[data-btb='2c'] .btb-chip:hover:where([data-primary-ui-legacy] *),
[data-btb='2c'] .btb-select-wrap:hover .btb-select:where([data-primary-ui-legacy] *),
[data-btb='2c'] .btb-add:hover:where([data-primary-ui-legacy] *) {
  color: hsl(var(--foreground));
  background: linear-gradient(180deg, hsl(var(--muted)), hsl(var(--card)));
}

[data-btb='2c'] .btb-chip[data-active='true']:where([data-primary-ui-legacy] *) {
  background: linear-gradient(180deg, hsl(var(--muted)), hsl(var(--muted)));
  color: hsl(var(--foreground));
  font-weight: 500;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    inset 0 -2px 0 rgba(0, 0, 0, 0.45),
    0 2px 4px rgba(0, 0, 0, 0.6),
    0 0 0 1px rgba(255, 255, 255, 0.05);
}

[data-btb='2c'] .btb-search:where([data-primary-ui-legacy] *) {
  background: hsl(var(--background));
  color: hsl(var(--foreground));
  box-shadow:
    inset 0 2px 3px rgba(0, 0, 0, 0.8),
    inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

[data-btb='2c'] .btb-view-btn[data-active='true']:where([data-primary-ui-legacy] *) {
  color: hsl(var(--foreground));
}

/* Primary tab stacks — same floor so short labels match longer ones. */
[data-beveled-toolbar-stack] .btb-chip:where([data-primary-ui-legacy] *),
[data-primary-ui-containers] .btb-frame .btb-chip:where([data-primary-ui-legacy] *) {
  min-width: 100px;
}

/* Container chrome bars fill the frame so the track is not an empty black gap.
   Live WorkspaceContainer frames and the Primary UI Containers gallery share these. */
[data-primary-ui-containers] .btb-container-fill:where([data-primary-ui-legacy] *),
.workspace-container-site-chrome .btb-container-fill:where([data-primary-ui-legacy] *),
.workspace-container-frame .btb-container-fill:where([data-primary-ui-legacy] *) {
  width: 100%;
}

[data-primary-ui-containers] .btb-container-fill .btb-row:where([data-primary-ui-legacy] *),
.workspace-container-site-chrome .btb-container-fill .btb-row:where([data-primary-ui-legacy] *),
.workspace-container-frame .btb-container-fill .btb-row:where([data-primary-ui-legacy] *) {
  width: 100%;
  justify-content: flex-start;
}

[data-primary-ui-containers] .btb-container-fill .btb-chip:where([data-primary-ui-legacy] *),
.workspace-container-site-chrome .btb-container-fill .btb-chip:where([data-primary-ui-legacy] *),
.workspace-container-frame .btb-container-fill .btb-chip:where([data-primary-ui-legacy] *) {
  flex: 0 0 auto;
  width: auto;
  min-width: -moz-max-content;
  min-width: max-content;
  max-width: none;
}

[data-primary-ui-containers] .workspace-container-site-chrome .btb-container-fill.btb-frame:where([data-primary-ui-legacy] *),
.workspace-container-site-chrome .btb-container-fill.btb-frame:where([data-primary-ui-legacy] *),
.workspace-container-frame .btb-container-fill.btb-frame:where([data-primary-ui-legacy] *) {
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, hsl(var(--card)), hsl(var(--card))));
}

/* Fill trailing workspace-container topbar space with tab-like slab chrome. */
[data-primary-ui-containers] .workspace-container-site-chrome .btb-container-fill .btb-row:where([data-primary-ui-legacy] *)::after,
.workspace-container-site-chrome .btb-container-fill .btb-row:where([data-primary-ui-legacy] *)::after,
.workspace-container-frame .btb-container-fill .btb-row:where([data-primary-ui-legacy] *)::after {
  content: '';
  flex: 1 1 auto;
  min-width: 0;
  height: 16px;
  border-radius: 2px;
}

[data-primary-ui-containers] .workspace-container-site-chrome .btb-container-fill[data-btb='2a'] .btb-row:where([data-primary-ui-legacy] *)::after,
.workspace-container-site-chrome .btb-container-fill[data-btb='2a'] .btb-row:where([data-primary-ui-legacy] *)::after,
.workspace-container-frame .btb-container-fill[data-btb='2a'] .btb-row:where([data-primary-ui-legacy] *)::after {
  background: linear-gradient(180deg, hsl(var(--card)), hsl(var(--card)));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    inset 0 -1px 0 rgba(0, 0, 0, 0.55),
    0 1px 2px rgba(0, 0, 0, 0.55);
}

[data-primary-ui-containers] .workspace-container-site-chrome .btb-container-fill[data-btb='2b'] .btb-row:where([data-primary-ui-legacy] *)::after,
.workspace-container-site-chrome .btb-container-fill[data-btb='2b'] .btb-row:where([data-primary-ui-legacy] *)::after,
.workspace-container-frame .btb-container-fill[data-btb='2b'] .btb-row:where([data-primary-ui-legacy] *)::after {
  background: hsl(var(--background));
  box-shadow:
    inset 0 1px 3px rgba(0, 0, 0, 0.8),
    inset 0 -1px 0 rgba(255, 255, 255, 0.06);
}

[data-primary-ui-containers] .workspace-container-site-chrome .btb-container-fill[data-btb='2c'] .btb-row:where([data-primary-ui-legacy] *)::after,
.workspace-container-site-chrome .btb-container-fill[data-btb='2c'] .btb-row:where([data-primary-ui-legacy] *)::after,
.workspace-container-frame .btb-container-fill[data-btb='2c'] .btb-row:where([data-primary-ui-legacy] *)::after {
  border-radius: 3px;
  background: linear-gradient(180deg, hsl(var(--card)), hsl(var(--card)));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    inset 0 -2px 0 rgba(0, 0, 0, 0.5),
    0 2px 3px rgba(0, 0, 0, 0.55);
}

/* Primary UI sitewide dock — icon-only chips, coloured accents, tighter width. */
[data-rd-bottom-bar-primary-ui] .btb-chip:where([data-primary-ui-legacy] *) {
  min-width: 0;
  width: auto;
}

[data-rd-bottom-bar-primary-ui] .btb-chip-face:where([data-primary-ui-legacy] *) {
  padding: 0 4px;
  min-width: 0;
  width: auto;
}
/* Frozen 14 October 2026. Legacy UI scope only. */
/* Primary UI contract: Opportunity & Funding Finder proportions and surfaces.
   Apply at shared owners, never to arbitrary canvas/content buttons. */
.core-workspace-ui:where([data-primary-ui-legacy] *) {
  --core-frame: hsl(var(--background));
  --core-panel: hsl(var(--card));
  --core-ink: hsl(var(--foreground));
  --core-muted: hsl(var(--muted-foreground));
  --core-line: hsl(var(--border));
  --core-field: hsl(var(--background));
  --core-rail: linear-gradient(180deg, color-mix(in srgb, hsl(var(--card)) 94%, hsl(var(--foreground))), hsl(var(--card)));
  --core-bar: linear-gradient(180deg, color-mix(in srgb, hsl(var(--card)) 97%, hsl(var(--foreground))), hsl(var(--card)));
  --core-selected: linear-gradient(180deg, color-mix(in srgb, hsl(var(--card)) 88%, hsl(var(--foreground))), color-mix(in srgb, hsl(var(--card)) 92%, hsl(var(--foreground))));
  --core-hover: color-mix(in srgb, hsl(var(--card)) 90%, hsl(var(--foreground)));
  --core-button: linear-gradient(180deg, color-mix(in srgb, hsl(var(--card)) 92%, hsl(var(--foreground))), color-mix(in srgb, hsl(var(--card)) 96%, hsl(var(--foreground))));
  --core-button-line: hsl(var(--foreground) / 0.14);
  --core-relief: inset 0 1px 0 hsl(var(--foreground) / 0.06), inset 0 -1px 0 hsl(var(--foreground) / 0.1);
  --core-inset: inset 0 1px 2px hsl(var(--foreground) / 0.08);
  --core-rail-width: 48px;
  --core-panel-width: 200px;
  --core-row-height: 24px;
  --core-control-height: 22px;
  --core-tab-width: 132px;
  --core-bar-height: 34px;
  --core-preview-height: clamp(400px, 45vw, 520px);
  --core-section-height: 22px;
  --core-rail-label-size: 7px;
  --core-control-label-size: 11px;
}

/* The literal Finder is the Desk Dark reference. Other themes use their roles.
   Explicit preview boundaries override the document theme in either direction. */
html.deskdark .core-workspace-ui:where([data-primary-ui-legacy] *),
.component-theme-scope.deskdark .core-workspace-ui:where([data-primary-ui-legacy] *),
.core-workspace-ui.component-theme-scope.deskdark:where([data-primary-ui-legacy] *) {
  --core-frame: #121214;
  --core-panel: #141416;
  --core-ink: #d8d8dc;
  --core-muted: #969ba3;
  --core-line: #0b0b0c;
  --core-field: #0c0c0d;
  --core-rail: linear-gradient(180deg, #26262a, #1b1b1e);
  --core-bar: linear-gradient(180deg, #1d1d20, #171719);
  --core-selected: linear-gradient(180deg, #2b2b2f, #202024);
  --core-hover: #242428;
  --core-button: linear-gradient(180deg, #2a2a2e, #222226);
  --core-button-line: #3d3d42;
  --core-relief: inset 0 1px 0 rgb(255 255 255 / 0.07), inset 0 -1px 0 rgb(0 0 0 / 0.45);
  --core-inset: inset 0 1px 2px rgb(0 0 0 / 0.35);
}
.component-theme-scope:not(.deskdark) .core-workspace-ui:where([data-primary-ui-legacy] *),
.core-workspace-ui.component-theme-scope:not(.deskdark):where([data-primary-ui-legacy] *) {
  --core-frame: hsl(var(--background));
  --core-panel: hsl(var(--card));
  --core-ink: hsl(var(--foreground));
  --core-muted: hsl(var(--muted-foreground));
  --core-line: hsl(var(--border));
  --core-field: hsl(var(--background));
  --core-rail: linear-gradient(180deg, color-mix(in srgb, hsl(var(--card)) 94%, hsl(var(--foreground))), hsl(var(--card)));
  --core-bar: linear-gradient(180deg, color-mix(in srgb, hsl(var(--card)) 97%, hsl(var(--foreground))), hsl(var(--card)));
  --core-selected: linear-gradient(180deg, color-mix(in srgb, hsl(var(--card)) 88%, hsl(var(--foreground))), color-mix(in srgb, hsl(var(--card)) 92%, hsl(var(--foreground))));
  --core-hover: color-mix(in srgb, hsl(var(--card)) 90%, hsl(var(--foreground)));
  --core-button: linear-gradient(180deg, color-mix(in srgb, hsl(var(--card)) 92%, hsl(var(--foreground))), color-mix(in srgb, hsl(var(--card)) 96%, hsl(var(--foreground))));
  --core-button-line: hsl(var(--foreground) / 0.14);
  --core-relief: inset 0 1px 0 hsl(var(--foreground) / 0.06), inset 0 -1px 0 hsl(var(--foreground) / 0.1);
  --core-inset: inset 0 1px 2px hsl(var(--foreground) / 0.08);
}

/* Bridge existing owners to one vocabulary. Widths remain overridable by hosts. */
.core-workspace-ui.core-workspace-ui.core-workspace-ui:is(.workspace-container-frame, .btb-frame, [data-creative-tools-container], [data-desktop-app-shell-v2]):where([data-primary-ui-legacy] *),
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.workspace-container-frame, .btb-frame, [data-creative-tools-container], [data-desktop-app-shell-v2]):where([data-primary-ui-legacy] *) {
  --container-surface: var(--core-frame);
  --container-divider: var(--core-line);
  --container-divider-soft: var(--core-line);
  --container-seam: var(--core-line);
  --container-text: var(--core-ink);
  --container-muted: var(--core-muted);
  --container-sidebar-width: calc(var(--core-rail-width) + var(--core-panel-width));
  --container-tab-height: var(--core-bar-height);
  --container-header-height: var(--core-bar-height);
  --container-title-height: var(--core-bar-height);
  --container-tab-hover: var(--core-hover);
  --container-tab-selected: var(--core-selected);
  --rd-site-chrome-gradient: var(--core-bar);
  --ctc-panel: var(--core-panel);
  --ctc-panel-raised: var(--core-hover);
  --ctc-canvas: var(--core-frame);
  --ctc-inspector: var(--core-panel);
  --ctc-input: var(--core-field);
  --ctc-fg: var(--core-ink);
  --ctc-muted: var(--core-muted);
  --ctc-stroke-soft: var(--core-line);
  --das-bg: var(--core-frame);
  --das-panel: var(--core-panel);
  --das-panel-deep: var(--core-field);
  --das-menu-bg: var(--core-panel);
  --das-fg: var(--core-ink);
  --das-muted: var(--core-muted);
  --das-border: var(--core-line);
  --das-hover: var(--core-hover);
  --das-viewport: var(--core-frame);
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui.primary-ui-sidebar-host:where([data-primary-ui-legacy] *),
.core-workspace-ui.core-workspace-ui.core-workspace-ui .primary-ui-sidebar-host:where([data-primary-ui-legacy] *) {
  --workspace-sidebar-rail-width: var(--core-rail-width) !important;
  --workspace-sidebar-panel-width: var(--core-panel-width) !important;
  --workspace-sidebar-control-size: 40px;
  --workspace-sidebar-icon-size: 14px;
  --workspace-sidebar-head-height: var(--core-bar-height) !important;
  --workspace-sidebar-row-height: var(--core-row-height) !important;
  --workspace-sidebar-gap: 3px;
  --workspace-sidebar-pad: 6px;
  --workspace-sidebar-bg: var(--core-frame);
  --workspace-sidebar-panel: var(--core-panel) !important;
  --workspace-sidebar-line: var(--core-line) !important;
  --workspace-sidebar-fg: var(--core-ink);
  --workspace-sidebar-muted: var(--core-muted);
  --workspace-sidebar-rail-top: var(--core-panel) !important;
  --workspace-sidebar-rail-bottom: var(--core-frame) !important;
  --workspace-sidebar-head-top: var(--core-panel) !important;
  --workspace-sidebar-head-bottom: var(--core-panel) !important;
  --workspace-sidebar-row-top: var(--core-hover);
  --workspace-sidebar-row-bottom: var(--core-panel);
  --ps-ctc-control: 40px;
  --ps-ctc-plate: var(--core-panel) !important;
  --ps-ctc-raised: var(--core-hover);
  --ps-ctc-line: var(--core-line);
  --ps-ctc-bevel-out: var(--core-relief);
  --ps-ctc-bevel-out-hover: var(--core-relief);
  --ps1-rail-width: var(--core-rail-width);
  --ps1-layer1-bg: var(--core-panel) !important;
  --ps1-layer2-bg: var(--core-panel) !important;
  --ps1-tab-font-size: 12px;
  --ps1-tree-tab-font-size: 12px;
  --ps1-toggle-font-size: 12px;
  --ps1-tree-line-color: hsl(var(--foreground) / 0.24);
  --dev-ws-panel-bg: var(--core-panel);
}

.core-workspace-ui.core-workspace-ui.core-workspace-ui:is(.workspace-container-frame, .tls-frame):where([data-primary-ui-legacy] *),
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.workspace-container-frame, .tls-plate, .tls-panel-well):where([data-primary-ui-legacy] *) {
  background: var(--core-frame);
  color: var(--core-ink);
  border-color: var(--core-line);
  box-shadow: none;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-panel, .ui-ref-ps1-layer2-panel, .ctc-finder-shell, .ctc-inspector, .das-sidebar, .das-inspector):where([data-primary-ui-legacy] *) {
  background: var(--core-panel) !important;
  background-image: none !important;
  color: var(--core-ink);
  box-shadow: none !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-rail, .ui-ref-ps1-layer1):where([data-primary-ui-legacy] *) {
  background: var(--core-rail) !important;
  box-shadow: none !important;
  border-color: var(--core-line) !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-rail, .ui-ref-ps1-layer1-rail):where([data-primary-ui-legacy] *) {
  padding-inline: 3px !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-canvas, .ctc-canvas-well, .das-viewport, .workspace-shell-content-seam):where([data-primary-ui-legacy] *) {
  background: var(--core-frame);
  border-color: var(--core-line) !important;
  box-shadow: none !important;
}

/* Bare navigation rows; shallow relief marks selection without washing icons. */
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-row, .ui-ref-ps1-tab.ui-ref-ps1-glow-row, .ui-ref-ps1-toggle):where([data-primary-ui-legacy] *) {
  min-height: var(--core-row-height) !important;
  height: auto !important;
  padding-block: 2px !important;
  font-size: 12px !important;
  line-height: 20px !important;
  color: var(--core-ink) !important;
  border-radius: 3px;
  background: transparent !important;
  box-shadow: none !important;
  text-shadow: none;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-row, .ui-ref-ps1-tab.ui-ref-ps1-glow-row, .ui-ref-ps1-toggle):hover:not(:disabled):where([data-primary-ui-legacy] *) {
  background: var(--core-hover) !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-row, .ui-ref-ps1-tab.ui-ref-ps1-glow-row, .ui-ref-ps1-toggle):is([data-active='true'], [aria-current='page'], [aria-selected='true'], .is-active):where([data-primary-ui-legacy] *) {
  background: var(--core-selected) !important;
  box-shadow: var(--core-relief) !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-rail, .ui-ref-ps1-layer1-rail) .ui-ref-ps1-glow-icon:where([data-primary-ui-legacy] *) {
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-rail, .ui-ref-ps1-layer1-rail) .ui-ref-ps1-glow-icon:is(:hover, [data-active='true'], [aria-current='page'], [aria-pressed='true']):where([data-primary-ui-legacy] *) {
  background: var(--core-selected) !important;
  box-shadow: var(--core-relief) !important;
}

/* All three tab treatments use the same face, keeping their original accents. */
.core-workspace-ui.core-workspace-ui.core-workspace-ui.btb-frame[data-btb]:where([data-primary-ui-legacy] *),
.core-workspace-ui.core-workspace-ui.core-workspace-ui .btb-frame[data-btb]:where([data-primary-ui-legacy] *) {
  border-color: var(--core-line);
  border-radius: 0;
  background: var(--core-bar);
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui.btb-frame[data-btb] .btb-row:where([data-primary-ui-legacy] *),
.core-workspace-ui.core-workspace-ui.core-workspace-ui .btb-frame[data-btb] .btb-row:where([data-primary-ui-legacy] *) {
  box-sizing: border-box;
  min-height: var(--core-bar-height) !important;
  height: var(--core-bar-height) !important;
  max-height: var(--core-bar-height) !important;
  padding: 0 6px !important;
  gap: 3px;
  align-items: center !important;
  background: var(--core-bar);
  box-shadow: none;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.btb-chip, .btb-search, .btb-select-wrap, .btb-select, .btb-add, .btb-view-btn, .desk-inspector-chip, .desk-inspector-icon-btn, .linux-bevel-control):where([data-primary-ui-legacy] *),
.core-workspace-ui.core-workspace-ui.core-workspace-ui.btb-frame :is(.btb-chip, .btb-search, .btb-select-wrap, .btb-select, .btb-add, .btb-view-btn):where([data-primary-ui-legacy] *) {
  height: var(--core-control-height) !important;
  min-height: var(--core-control-height) !important;
  max-height: var(--core-control-height) !important;
  border: 0;
  border-radius: 3px !important;
  color: var(--core-ink);
  font-size: 11px !important;
  font-family: inherit !important;
  font-weight: 400 !important;
  background: var(--core-bar) !important;
  box-shadow: var(--core-relief) !important;
  text-shadow: none;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.btb-chip-face):where([data-primary-ui-legacy] *) {
  flex: 1;
  min-height: 0;
  padding-inline: 9px !important;
  background: transparent !important;
  color: inherit !important;
  font: inherit !important;
  box-shadow: none !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.btb-chip, .btb-add, .btb-view-btn, .desk-inspector-chip, .desk-inspector-icon-btn, .linux-bevel-control):hover:not(:disabled):where([data-primary-ui-legacy] *) {
  background: var(--core-hover) !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.btb-chip, .desk-inspector-chip, .linux-bevel-control):is([data-active='true'], [aria-selected='true'], [aria-pressed='true'], :active):where([data-primary-ui-legacy] *) {
  background: var(--core-selected) !important;
  box-shadow: var(--core-inset) !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .btb-chip-accent:where([data-primary-ui-legacy] *) {
  height: 2px;
  box-shadow: none;
  opacity: 0.45;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .btb-chip[data-active='true'] .btb-chip-accent:where([data-primary-ui-legacy] *) { opacity: 1; }
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.btb-search, .btb-select-wrap, .btb-select):where([data-primary-ui-legacy] *) {
  background: var(--core-field) !important;
  color: var(--core-ink);
  box-shadow: var(--core-inset) !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .btb-search input:where([data-primary-ui-legacy] *) { color: var(--core-ink); }
.core-workspace-ui.core-workspace-ui.core-workspace-ui .btb-search input:where([data-primary-ui-legacy] *)::-moz-placeholder { color: var(--core-muted); }
.core-workspace-ui.core-workspace-ui.core-workspace-ui .btb-search input:where([data-primary-ui-legacy] *)::placeholder { color: var(--core-muted); }
.core-workspace-ui.core-workspace-ui.core-workspace-ui .btb-view-btn:where([data-primary-ui-legacy] *) { width: var(--core-control-height) !important; }

/* One geometry for standalone and composed bars. This also outranks the older
   container-fill rules, which previously made embedded tabs taller/narrower. */
:is(.core-workspace-ui.core-workspace-ui.core-workspace-ui.btb-frame[data-btb], .core-workspace-ui.core-workspace-ui.core-workspace-ui .btb-frame[data-btb]):where([data-primary-ui-legacy] *) {
  box-sizing: border-box;
  border: 0;
}
:is(.core-workspace-ui.core-workspace-ui.core-workspace-ui.btb-frame[data-btb], .core-workspace-ui.core-workspace-ui.core-workspace-ui .btb-frame[data-btb]) .btb-row[data-core-workspace-tab-row] :is(.btb-chip, .btb-search, .btb-select-wrap, .btb-select, .btb-add, .btb-view-btn):where([data-primary-ui-legacy] *) {
  box-sizing: border-box;
  height: var(--core-control-height) !important;
  min-height: var(--core-control-height) !important;
  max-height: var(--core-control-height) !important;
}
:is(.core-workspace-ui.core-workspace-ui.core-workspace-ui.btb-frame[data-btb], .core-workspace-ui.core-workspace-ui.core-workspace-ui .btb-frame[data-btb]) .btb-row[data-core-workspace-tab-row] .btb-chip:where([data-primary-ui-legacy] *) {
  flex: 0 0 var(--core-tab-width);
  width: var(--core-tab-width);
  min-width: var(--core-tab-width);
  max-width: var(--core-tab-width);
  overflow: hidden;
}
:is(.core-workspace-ui.core-workspace-ui.core-workspace-ui.btb-frame[data-btb], .core-workspace-ui.core-workspace-ui.core-workspace-ui .btb-frame[data-btb]) .btb-row[data-core-workspace-tab-row] .btb-chip .btb-chip-face:where([data-primary-ui-legacy] *) {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  gap: 5px;
  padding-inline: 8px !important;
  overflow: hidden;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .core-workspace-tab-label:where([data-primary-ui-legacy] *) {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .btb-chip-face > :is(svg, img, [data-rd-icon-plate]):where([data-primary-ui-legacy] *) {
  flex-shrink: 0;
}

/* Build Page has a large navigation set: preserve its compact content widths
   rather than the equal-width tabs used by Primary UI workspace references. */
.core-workspace-ui.core-workspace-ui.core-workspace-ui.btb-frame[data-btb].btb-content-width-tabs .btb-row[data-core-workspace-tab-row]:where([data-primary-ui-legacy] *) {
  gap: 1px;
  padding-inline: 2px !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui.btb-frame[data-btb].btb-content-width-tabs .btb-row[data-core-workspace-tab-row] .btb-chip:where([data-primary-ui-legacy] *) {
  flex: 0 0 auto;
  width: auto;
  min-width: -moz-max-content;
  min-width: max-content;
  max-width: none;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui.btb-frame[data-btb].btb-content-width-tabs .btb-row[data-core-workspace-tab-row] .btb-chip .btb-chip-face:where([data-primary-ui-legacy] *) {
  width: auto;
  min-width: -moz-max-content;
  min-width: max-content;
  padding-inline: 7px !important;
}

/* Legacy Primary top/footer bars use the same measurements as the three stacks. */
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.primary-topbar-1, .primary-tab-nav-1, .primary-bottom-bar-1):where([data-primary-ui-legacy] *) {
  box-sizing: border-box;
  height: var(--core-bar-height);
  min-height: var(--core-bar-height);
  max-height: var(--core-bar-height);
  align-items: center;
  padding: 0 6px;
  gap: 3px;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.primary-topbar-1, .primary-bottom-bar-1) .primary-tab-nav-1:where([data-primary-ui-legacy] *) {
  height: auto;
  min-height: 0;
  padding: 0;
  border: 0;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .primary-topbar-1-tab-col:where([data-primary-ui-legacy] *) {
  flex: 0 0 var(--core-tab-width);
  width: var(--core-tab-width);
  min-width: var(--core-tab-width);
  max-width: var(--core-tab-width);
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .primary-topbar-1-tab:where([data-primary-ui-legacy] *) {
  width: 100%;
  min-width: 0;
  max-width: none;
  font-size: var(--core-control-label-size) !important;
}

/* Connected headers and footers share the action track; PS3 still omits its head. */
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-head, .dev-ws-sidebar-header, .ctc-finder-shell > label:first-child, .das-search-row, .das-panel-header, .desk-inspector-chrome, .container-content-footer, .ctc-finder-footer, .das-library-row):where([data-primary-ui-legacy] *) {
  box-sizing: border-box;
  min-height: var(--core-bar-height) !important;
  height: var(--core-bar-height) !important;
  max-height: var(--core-bar-height) !important;
  background: var(--core-bar) !important;
  color: var(--core-ink);
  border-color: var(--core-line) !important;
  box-shadow: none !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-title, .dev-ws-sidebar-title, .ui-ref-ps1-all-tabs-group-heading):where([data-primary-ui-legacy] *) {
  font-family: 'IBM Plex Mono', ui-monospace, monospace;
  font-size: 10px !important;
  letter-spacing: 0.1em;
  font-weight: 500;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-count, .ctc-finder-footer, .das-status-bar):where([data-primary-ui-legacy] *) { color: var(--core-muted); }
.core-workspace-ui.core-workspace-ui.core-workspace-ui .container-photo-title-bar:where([data-primary-ui-legacy] *) {
  box-sizing: border-box;
  height: var(--core-bar-height);
  min-height: var(--core-bar-height);
  padding: 0 8px;
  background: var(--core-bar);
  border-color: var(--core-line);
  box-shadow: none;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .workspace-container-site-chrome .linux-container-title-bar:not(.linux-container-title-bar--mini):where([data-primary-ui-legacy] *) {
  box-sizing: border-box;
  height: var(--core-bar-height);
  min-height: var(--core-bar-height);
  max-height: var(--core-bar-height);
  padding-inline: 8px;
  background: var(--core-bar);
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.linux-bevel-control, .desk-inspector-icon-btn, .das-icon-btn):where([data-primary-ui-legacy] *) {
  box-sizing: border-box;
  width: var(--core-control-height);
  min-width: var(--core-control-height);
  height: var(--core-control-height) !important;
  min-height: var(--core-control-height) !important;
  max-height: var(--core-control-height) !important;
}

/* Focus remains visible even where legacy glow rules suppressed it. */
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.primary-ui-sidebar-host, .btb-frame, .desk-inspector-chrome, .workspace-container-site-chrome) :is(button, input, select):focus-visible:where([data-primary-ui-legacy] *),
.core-workspace-ui.core-workspace-ui.core-workspace-ui.primary-ui-sidebar-host :is(button, input):focus-visible:where([data-primary-ui-legacy] *),
.core-workspace-ui.core-workspace-ui.core-workspace-ui.btb-frame :is(button, input, select):focus-visible:where([data-primary-ui-legacy] *) {
  outline: 2px solid hsl(var(--ring)) !important;
  outline-offset: -2px !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.btb-frame, .primary-ui-sidebar-host, .desk-inspector-chrome) button:disabled:where([data-primary-ui-legacy] *) { opacity: 0.45; }

/* Primary UI scaffolding shares the contract; example artwork remains intact. */
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.ui-build-gallery-card, .ui-guide-fold, .ui-build-primary-section-fold):where([data-primary-ui-legacy] *) {
  border-color: var(--core-line);
  background: var(--core-panel);
  box-shadow: none;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .interface-ui-layout-bar:where([data-primary-ui-legacy] *) {
  min-height: var(--core-bar-height);
  background: var(--core-bar);
  border-color: var(--core-line);
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .interface-ui-layout-bar .linear-dev-tasks-segment__btn:where([data-primary-ui-legacy] *) {
  min-height: var(--core-control-height);
  color: var(--core-muted);
  background: transparent;
  box-shadow: none;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .interface-ui-layout-bar .linear-dev-tasks-segment__btn--active:where([data-primary-ui-legacy] *) {
  color: var(--core-ink);
  background: var(--core-selected);
  box-shadow: var(--core-relief);
}

/* Shared insert and inspector owners also render in live creative containers. */
.core-workspace-ui.core-workspace-ui.core-workspace-ui .core-workspace-insert:where([data-primary-ui-legacy] *),
.core-workspace-ui.core-workspace-ui.core-workspace-ui .desk-inspector:where([data-primary-ui-legacy] *) {
  background: var(--core-panel);
  color: var(--core-ink);
  border-color: var(--core-line);
  font-family: inherit;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .core-workspace-insert > label:first-child:where([data-primary-ui-legacy] *) {
  min-height: var(--core-bar-height);
  padding: 6px;
  background: var(--core-bar);
  border-color: var(--core-line);
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .core-workspace-insert > label:first-child input:where([data-primary-ui-legacy] *) {
  height: var(--core-control-height);
  padding-inline: 6px;
  background: var(--core-field);
  color: var(--core-ink);
  font-size: 12px !important;
  box-shadow: var(--core-inset);
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui [data-ctc-insert-rows] > button:where([data-primary-ui-legacy] *) {
  min-height: var(--core-row-height);
  background: transparent;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui [data-ctc-insert-rows] > button:hover:where([data-primary-ui-legacy] *) { background: var(--core-hover); }
.core-workspace-ui.core-workspace-ui.core-workspace-ui [data-ctc-insert-rows] > button[data-active='true']:where([data-primary-ui-legacy] *) {
  background: var(--core-selected);
  box-shadow: var(--core-relief);
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.desk-inspector-field, .desk-inspector-well):where([data-primary-ui-legacy] *) {
  min-height: var(--core-control-height);
  background: var(--core-field);
  border: 1px solid var(--core-line);
  box-shadow: var(--core-inset);
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.desk-inspector-section, .desk-inspector-chrome, .ctc-finder-crumb):where([data-primary-ui-legacy] *) { border-color: var(--core-line); }
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.desk-inspector, .core-workspace-insert) :is(input, button):focus-visible:where([data-primary-ui-legacy] *) {
  outline: 2px solid hsl(var(--ring)) !important;
  outline-offset: -2px;
}

/* Remaining Primary chrome controls use the same fields and faces. */
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.primary-topbar-1, .primary-tab-nav-1, .primary-bottom-bar-1, .primary-topbar-1-folder-tabs, .primary-topbar-1-view-toggle):where([data-primary-ui-legacy] *) {
  --pt1-panel: var(--core-panel);
  --pt1-tab-bg: var(--core-panel);
  --pt1-tab-border: var(--core-line);
  --pt1-active-fg: var(--core-ink);
  --pt1-inactive-fg: var(--core-muted);
  --pt1-inactive-fg-muted: var(--core-muted);
  --pt1-row-border: var(--core-line);
  --pt1-field-bg: var(--core-field);
  --pt1-field-border: var(--core-line);
  --pt1-field-placeholder: var(--core-muted);
  --pt1-action-fg: var(--core-ink);
  --pt1-select-fg: var(--core-muted);
  --pt1-view-active-bg: var(--core-hover);
  --pt1-control-h: var(--core-control-height);
  --pt1-tab-h: var(--core-control-height);
  --pt1-tab-w: var(--core-tab-width);
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .fold-toggle-btn:where([data-primary-ui-legacy] *) {
  min-height: var(--core-row-height);
  background: var(--core-bar);
  color: var(--core-ink);
  box-shadow: var(--core-relief);
  font-size: 11px;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .fold-meta:where([data-primary-ui-legacy] *) { color: var(--core-muted); }
.core-workspace-ui.core-workspace-ui.core-workspace-ui .fold-toggle-btn:focus-visible:where([data-primary-ui-legacy] *) {
  outline: 2px solid hsl(var(--ring));
  outline-offset: -2px;
}

/* Actions have a visible face and boundary; navigation rows stay quieter. */
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.btb-chip, .btb-add, .btb-view-btn, .desk-inspector-chip, .desk-inspector-icon-btn, .linux-bevel-control, [data-container-chrome-control], .das-icon-btn):where([data-primary-ui-legacy] *) {
  border: 1px solid var(--core-button-line) !important;
  background: var(--core-button) !important;
  color: var(--core-ink);
  font-size: var(--core-control-label-size) !important;
  font-weight: 500 !important;
  box-shadow: var(--core-relief), 0 1px 2px rgb(0 0 0 / 0.15) !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.btb-chip, .btb-add, .btb-view-btn, .desk-inspector-chip, .desk-inspector-icon-btn, .linux-bevel-control, [data-container-chrome-control], .das-icon-btn):hover:not(:disabled):where([data-primary-ui-legacy] *) {
  background: var(--core-hover) !important;
  border-color: hsl(var(--foreground) / 0.4) !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.btb-chip, .desk-inspector-chip, .desk-inspector-icon-btn, .linux-bevel-control, [data-container-chrome-control], .das-icon-btn):is(:active, [data-active='true'], [aria-pressed='true']):not(:disabled):where([data-primary-ui-legacy] *) {
  background: var(--core-selected) !important;
  border-color: hsl(var(--foreground) / 0.35) !important;
  box-shadow: var(--core-inset) !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-rail, .ui-ref-ps1-layer1-rail) .ui-ref-ps1-glow-icon:where([data-primary-ui-legacy] *) {
  border: 1px solid var(--core-button-line) !important;
  background: var(--core-button) !important;
  box-shadow: var(--core-relief) !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-rail, .ui-ref-ps1-layer1-rail) .ui-ref-ps1-glow-icon:is(:hover, [data-active='true'], [aria-current='page']):where([data-primary-ui-legacy] *) {
  background: var(--core-selected) !important;
  border-color: hsl(var(--foreground) / 0.4) !important;
}

/* Small persistent captions complement the full accessible/hover labels. */
.core-workspace-ui.core-workspace-ui.core-workspace-ui .ui-ref-ps1-glow-icon:where([data-primary-ui-legacy] *) {
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  padding: 3px 1px !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .ui-ref-ps1-glow-icon :is(.ui-ref-ps1-sis-dest, [data-rd-icon-plate], .ui-ref-ps1-sis-dest svg, .ui-ref-ps1-sis-dest img):where([data-primary-ui-legacy] *) {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  min-height: 14px !important;
  flex: 0 0 14px;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .core-workspace-rail-label:where([data-primary-ui-legacy] *) {
  display: block;
  width: 100%;
  max-width: 38px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: inherit !important;
  font-size: var(--core-rail-label-size) !important;
  line-height: 8px !important;
  font-weight: 400 !important;
  letter-spacing: 0;
  text-align: center;
  text-transform: lowercase;
  color: var(--core-muted);
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .ui-ref-ps1-glow-icon:is(:hover, [aria-current='page']) .core-workspace-rail-label:where([data-primary-ui-legacy] *) { color: var(--core-ink); }

.core-workspace-ui.core-workspace-ui.core-workspace-ui [data-workspace-sidebar-gallery='compact-v1']:where([data-primary-ui-legacy] *) {
  --linux-chrome-bg: var(--core-frame);
  --linux-chrome-border: var(--core-line);
  --linux-chrome-fg: var(--core-ink);
  --linux-chrome-muted: var(--core-muted);
  background: var(--core-frame);
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .ui-ref-ps1-product-glyph :is(svg, img):where([data-primary-ui-legacy] *) {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  min-height: 14px !important;
  -o-object-fit: contain;
     object-fit: contain;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-rail-footer, .ui-ref-ps1-layer1-rail-footer):where([data-primary-ui-legacy] *) {
  box-sizing: border-box;
  height: var(--core-bar-height) !important;
  min-height: var(--core-bar-height) !important;
  padding: 0 !important;
  background: var(--core-bar);
  border-top: 1px solid var(--core-line);
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui :is(.tls-rail-footer, .ui-ref-ps1-layer1-rail-footer) button.ui-ref-ps1-glow-icon:where([data-primary-ui-legacy] *) {
  height: 32px !important;
  min-height: 32px !important;
  gap: 1px;
  padding-block: 2px !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .btb-frame[data-btb] .btb-chip .btb-chip-face:where([data-primary-ui-legacy] *),
.core-workspace-ui.core-workspace-ui.core-workspace-ui.btb-frame[data-btb] .btb-chip .btb-chip-face:where([data-primary-ui-legacy] *) {
  font-family: inherit !important;
  font-size: var(--core-control-label-size) !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui [data-rd-bottom-bar]:where([data-primary-ui-legacy] *) { background: var(--core-frame); }
.core-workspace-ui.core-workspace-ui.core-workspace-ui [data-rd-bottom-bar-chip-dock][data-show-labels] .btb-chip:where([data-primary-ui-legacy] *) {
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui .rd-bottom-bar-chip-caption:where([data-primary-ui-legacy] *) {
  font-size: var(--core-control-label-size) !important;
  line-height: 12px;
  color: var(--core-muted);
}
.core-workspace-ui.core-workspace-ui.core-workspace-ui [data-rd-bottom-bar-chip-dock][data-show-labels] .btb-chip-face :is(img, svg):where([data-primary-ui-legacy] *) {
  width: 12px !important;
  height: 12px !important;
}
/* Frozen 14 October 2026. Legacy UI scope only. */
/* UI Reference only — catalog density without squashing pack icons. */
/* Frozen 14 October 2026. Legacy UI scope only. */
/* Frozen 14 October 2026. Legacy UI scope only. */
/* Titles, breadcrumbs and search share the tab-track treatment in every Primary UI sidebar. */
:is(.ui-ref-ps1-compact.primary-ui-sidebar-host, .tls-frame, [data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.tls-head, .dev-ws-sidebar-header, .ctc-finder-crumb, .ctc-finder-shell > label:first-child, .das-search-row, .das-panel-header, .desk-inspector-chrome):where([data-primary-ui-legacy] *) {
  box-sizing: border-box;
  height: var(--container-header-height, 27px) !important;
  min-height: var(--container-header-height, 27px) !important;
  max-height: var(--container-header-height, 27px) !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border: 0;
  border-bottom: 1px solid var(--container-divider, #414147) !important;
  border-radius: 0 !important;
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e)) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.09) !important;
  color: hsl(var(--foreground));
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 5px;
}
:is(.ui-ref-ps1-compact.primary-ui-sidebar-host, .tls-frame, [data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.tls-head, .dev-ws-sidebar-header, .ctc-finder-crumb, .ctc-finder-shell > label:first-child, .das-search-row, .das-panel-header, .desk-inspector-chrome):where([data-primary-ui-legacy] *),
:is(.ui-ref-ps1-compact.primary-ui-sidebar-host, .tls-frame, [data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.tls-head, .dev-ws-sidebar-header, .ctc-finder-crumb, .ctc-finder-shell > label:first-child, .das-search-row, .das-panel-header, .desk-inspector-chrome)
:is(span, button, input, h2, h3):where([data-primary-ui-legacy] *) {
  font-family: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  -webkit-font-smoothing: antialiased;
}
:is([data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.ctc-finder-shell > label:first-child, .das-search-row) input:where([data-primary-ui-legacy] *) {
  min-width: 0;
  color: hsl(var(--foreground));
}
:is([data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.ctc-finder-shell > label:first-child, .das-search-row) input:where([data-primary-ui-legacy] *)::-moz-placeholder {
  color: hsl(var(--muted-foreground));
  opacity: 1;
}
:is([data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.ctc-finder-shell > label:first-child, .das-search-row) input:where([data-primary-ui-legacy] *)::placeholder {
  color: hsl(var(--muted-foreground));
  opacity: 1;
}
/* Continue the bottom tab-track fill through the sidebar footer cells. */
:is(.ui-ref-ps1-compact.primary-ui-sidebar-host, .tls-frame, [data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.tls-rail-footer, .ui-ref-ps1-layer1-rail-footer, .ctc-finder-footer, .das-library-row, .das-status-bar):where([data-primary-ui-legacy] *) {
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e)) !important;
  border-top: 1px solid var(--container-divider, #414147) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.07) !important;
}
/* CTC left-sidebar chrome on Primary UI PS1 / PS2 / PS3
   (.primary-ui-sidebar-host) and Workspace Container embeds. */
.ui-ref-ps1-compact.primary-ui-sidebar-host:where([data-primary-ui-legacy] *),
.workspace-container-frame .ui-ref-ps1-compact:where([data-primary-ui-legacy] *) {
  --workspace-sidebar-rail-width: 32px;
  --workspace-sidebar-panel-width: 168px;
  --workspace-sidebar-control-size: 26px;
  --workspace-sidebar-icon-size: 16px;
  --workspace-sidebar-head-height: 22px;
  --workspace-sidebar-row-height: 22px;
  --workspace-sidebar-gap: 2px;
  --workspace-sidebar-pad: 3px;
  --workspace-sidebar-bg: #121214;
  --workspace-sidebar-line: var(--linux-chrome-border, #3d3846);
  --workspace-sidebar-fg: var(--linux-chrome-fg, #deddda);
  --workspace-sidebar-muted: var(--linux-chrome-muted, #9a9996);
  --workspace-sidebar-rail-top: #19191c;
  --workspace-sidebar-rail-bottom: #121214;
  --workspace-sidebar-panel: #121214;
  --workspace-sidebar-head-top: #19191c;
  --workspace-sidebar-head-bottom: #141416;
  --workspace-sidebar-row-top: #242428;
  --workspace-sidebar-row-bottom: #19191d;
  --ps-ctc-raised: #222226;
  --ps-ctc-plate: #121214;
  --ps-ctc-line: var(--linux-chrome-border, #3d3846);
  --ps-ctc-highlight: rgba(255, 255, 255, 0.1);
  --ps-ctc-highlight-strong: rgba(255, 255, 255, 0.16);
  --ps-ctc-shade: rgba(0, 0, 0, 0.55);
  --ps-ctc-bevel-out:
    inset 1px 1px 0 var(--ps-ctc-highlight),
    inset -1px -1px 0 var(--ps-ctc-shade);
  --ps-ctc-bevel-out-hover:
    inset 1px 1px 0 var(--ps-ctc-highlight-strong),
    inset -1px -1px 0 var(--ps-ctc-shade);
  --ps-ctc-control: 28px;
  --ps1-layer1-bg: var(--ps-ctc-plate);
  --ps1-layer2-bg: var(--ps-ctc-plate);
  --dev-ws-activity-bg: var(--ps-ctc-plate);
  --dev-ws-panel-bg: var(--ps-ctc-plate);
  --ps1-rail-divider: var(--ps-ctc-line);
  --ps1-chip-bg: transparent;
  --ps1-chip-bg-hover: rgba(255, 255, 255, 0.03);
  --ps1-chip-bg-active: transparent;
  --ps1-tab-bevel: none;
  --ps1-tab-bevel-hover: none;
  --ps1-tab-bevel-active: none;
}
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-layer1:where([data-primary-ui-legacy] *),
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-layer1:where([data-primary-ui-legacy] *) {
  width: var(--workspace-sidebar-rail-width);
  min-width: var(--workspace-sidebar-rail-width);
  background: var(--ps-ctc-plate) !important;
  border-right: 1px solid var(--ps-ctc-line) !important;
  box-shadow: none;
}
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-layer1-rail:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact.primary-ui-sidebar-host .dev-ws-activity-bar.ui-ref-ps1-layer1-rail:where([data-primary-ui-legacy] *),
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-layer1-rail:where([data-primary-ui-legacy] *),
.workspace-container-frame .ui-ref-ps1-compact .dev-ws-activity-bar.ui-ref-ps1-layer1-rail:where([data-primary-ui-legacy] *) {
  background: var(--ps-ctc-plate) !important;
  gap: 0;
  padding: 0;
}
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-layer1-rail-dests:where([data-primary-ui-legacy] *),
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-layer1-rail-dests:where([data-primary-ui-legacy] *) {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--workspace-sidebar-gap);
  padding-top: var(--workspace-sidebar-pad);
}
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-layer1-rail-footer:where([data-primary-ui-legacy] *),
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-layer1-rail-footer:where([data-primary-ui-legacy] *) {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  min-height: 32px;
  margin-top: auto;
  padding: 0;
  border-top: 1px solid var(--ps-ctc-line);
  box-shadow: none;
}
.ui-ref-ps1-compact.primary-ui-sidebar-host .dev-ws-sidebar > .min-h-0:where([data-primary-ui-legacy] *),
.workspace-container-frame .ui-ref-ps1-compact .dev-ws-sidebar > .min-h-0:where([data-primary-ui-legacy] *) {
  padding: 0 !important;
}
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-layer2:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-layer2-panel:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact.primary-ui-sidebar-host .dev-ws-sidebar.ui-ref-ps1-layer2-panel:where([data-primary-ui-legacy] *),
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-layer2:where([data-primary-ui-legacy] *),
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-layer2-panel:where([data-primary-ui-legacy] *),
.workspace-container-frame .ui-ref-ps1-compact .dev-ws-sidebar.ui-ref-ps1-layer2-panel:where([data-primary-ui-legacy] *) {
  background: var(--ps-ctc-plate) !important;
}
.ui-ref-ps1-compact.primary-ui-sidebar-host.ui-ref-ps2 .dev-ws-sidebar.ui-ref-ps1-layer2-panel:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact.primary-ui-sidebar-host.ui-ref-ps3 .dev-ws-sidebar.ui-ref-ps1-layer2-panel:where([data-primary-ui-legacy] *),
.workspace-container-frame .ui-ref-ps1-compact.ui-ref-ps2 .dev-ws-sidebar.ui-ref-ps1-layer2-panel:where([data-primary-ui-legacy] *),
.workspace-container-frame .ui-ref-ps1-compact.ui-ref-ps3 .dev-ws-sidebar.ui-ref-ps1-layer2-panel:where([data-primary-ui-legacy] *) {
  border-left: 1px solid var(--ps-ctc-line) !important;
}
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-glow-icon:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact.primary-ui-sidebar-host button.ui-ref-ps1-glow-icon:where([data-primary-ui-legacy] *),
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-glow-icon:where([data-primary-ui-legacy] *),
.workspace-container-frame .ui-ref-ps1-compact button.ui-ref-ps1-glow-icon:where([data-primary-ui-legacy] *) {
  width: var(--ps-ctc-control) !important;
  min-width: var(--ps-ctc-control) !important;
  height: var(--ps-ctc-control) !important;
  min-height: var(--ps-ctc-control) !important;
  margin: 0 auto;
  border: 0 !important;
  border-radius: 3px !important;
  overflow: visible !important;
  background: var(--ps-ctc-raised) !important;
  background-color: var(--ps-ctc-raised) !important;
  background-image: none !important;
  box-shadow: var(--ps-ctc-bevel-out) !important;
}
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-glow-icon:where([data-primary-ui-legacy] *)::after,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-glow-icon:where([data-primary-ui-legacy] *)::after {
  display: none !important;
}
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-sis-dest:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-glow-icon [data-rd-icon-plate]:where([data-primary-ui-legacy] *),
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-sis-dest:where([data-primary-ui-legacy] *),
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-glow-icon [data-rd-icon-plate]:where([data-primary-ui-legacy] *) {
  width: 16px !important;
  height: 16px !important;
  border-radius: 0;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
}
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-sis-dest svg:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-sis-dest img:where([data-primary-ui-legacy] *),
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-sis-dest svg:where([data-primary-ui-legacy] *),
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-sis-dest img:where([data-primary-ui-legacy] *) {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
}
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-glow-icon:where([data-primary-ui-legacy] *)::before,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-glow-icon:where([data-primary-ui-legacy] *)::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 2px;
  height: 100%;
  border-radius: 0;
  transform: none !important;
  background: var(--glow-color);
  box-shadow: none;
  opacity: 0.2;
  transition: opacity 140ms ease;
}
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-glow-icon:hover:where([data-primary-ui-legacy] *),
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-glow-icon:hover:where([data-primary-ui-legacy] *) {
  background: #333 !important;
  background-color: #333 !important;
  box-shadow: var(--ps-ctc-bevel-out-hover) !important;
}
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-glow-icon:hover:where([data-primary-ui-legacy] *)::before,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-glow-icon:hover:where([data-primary-ui-legacy] *)::before {
  transform: none !important;
  opacity: 0.55;
}
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-glow-icon[aria-current='page']:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-glow-icon[aria-pressed='true']:where([data-primary-ui-legacy] *),
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-glow-icon[aria-current='page']:where([data-primary-ui-legacy] *),
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-glow-icon[aria-pressed='true']:where([data-primary-ui-legacy] *) {
  background: var(--ps-ctc-raised) !important;
  background-color: var(--ps-ctc-raised) !important;
  box-shadow: var(--ps-ctc-bevel-out) !important;
}
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-glow-icon[aria-current='page']:where([data-primary-ui-legacy] *)::before,
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-glow-icon[aria-pressed='true']:where([data-primary-ui-legacy] *)::before,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-glow-icon[aria-current='page']:where([data-primary-ui-legacy] *)::before,
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-glow-icon[aria-pressed='true']:where([data-primary-ui-legacy] *)::before {
  opacity: 1;
  background: var(--glow-color);
}
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-submenu-panel .ui-ref-ps1-tab.ui-ref-ps1-glow-row:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-submenu-panel [role='treeitem']:where([data-primary-ui-legacy] *),
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-submenu-panel .ui-ref-ps1-tab.ui-ref-ps1-glow-row:where([data-primary-ui-legacy] *),
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='treeitem']:where([data-primary-ui-legacy] *) {
  height: auto !important;
  min-height: var(--workspace-sidebar-row-height) !important;
  gap: 6px;
  padding: 1px 8px !important;
  border: 0 !important;
  border-radius: 0 !important;
  border-bottom: 1px solid var(--ps-ctc-line) !important;
  background: transparent !important;
  box-shadow: none !important;
  color: hsl(var(--foreground)) !important;
  font-size: var(--primary-ui-chrome-font-size, 12px) !important;
  font-weight: 600 !important;
}
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-submenu-panel .ui-ref-ps1-tab.ui-ref-ps1-glow-row:hover:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-submenu-panel [role='treeitem']:hover:where([data-primary-ui-legacy] *),
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-submenu-panel .ui-ref-ps1-tab.ui-ref-ps1-glow-row:hover:where([data-primary-ui-legacy] *),
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='treeitem']:hover:where([data-primary-ui-legacy] *) {
  background: rgba(255, 255, 255, 0.03) !important;
  box-shadow: none !important;
  border-color: var(--ps-ctc-line) !important;
}
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-submenu-panel .ui-ref-ps1-tab.ui-ref-ps1-glow-row[aria-current='page']:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-submenu-panel [role='treeitem'][aria-selected='true']:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-submenu-panel [role='treeitem'][aria-expanded='true']:where([data-primary-ui-legacy] *),
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-submenu-panel .ui-ref-ps1-tab.ui-ref-ps1-glow-row[aria-current='page']:where([data-primary-ui-legacy] *),
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='treeitem'][aria-selected='true']:where([data-primary-ui-legacy] *),
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='treeitem'][aria-expanded='true']:where([data-primary-ui-legacy] *) {
  background: transparent !important;
  box-shadow: none !important;
  color: hsl(var(--foreground)) !important;
}
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-submenu-panel .ui-ref-ps1-sis-dest:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-submenu-panel .ui-ref-ps1-sis-dest--toggle:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact.primary-ui-sidebar-host .ui-ref-ps1-submenu-panel [role='treeitem'] > span:first-child:where([data-primary-ui-legacy] *),
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-submenu-panel .ui-ref-ps1-sis-dest:where([data-primary-ui-legacy] *),
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-submenu-panel .ui-ref-ps1-sis-dest--toggle:where([data-primary-ui-legacy] *),
.workspace-container-frame .ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='treeitem'] > span:first-child:where([data-primary-ui-legacy] *) {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  background: none !important;
  background-image: none !important;
}
.ui-ref-ps1-compact.primary-ui-sidebar-host .dev-ws-sidebar-header:where([data-primary-ui-legacy] *),
.workspace-container-frame .ui-ref-ps1-compact .dev-ws-sidebar-header:where([data-primary-ui-legacy] *) {
  min-height: 32px;
  padding: 0 12px;
  border-bottom: 1px solid var(--ps-ctc-line) !important;
  box-shadow: none;
  background: var(--ps-ctc-plate);
}
html:not([data-corners='rounded']):not(.rounded-corners) .ui-ref-ps1-compact.primary-ui-sidebar-host button.ui-ref-ps1-glow-icon:where([data-primary-ui-legacy] *),
html[data-corners='sharp'] .ui-ref-ps1-compact.primary-ui-sidebar-host button.ui-ref-ps1-glow-icon:where([data-primary-ui-legacy] *),
html:not([data-corners='rounded']):not(.rounded-corners) .workspace-container-frame .ui-ref-ps1-compact button.ui-ref-ps1-glow-icon:where([data-primary-ui-legacy] *),
html[data-corners='sharp'] .workspace-container-frame .ui-ref-ps1-compact button.ui-ref-ps1-glow-icon:where([data-primary-ui-legacy] *) {
  border-radius: 3px !important;
}
/* Configurable PS1 mounted in Creative Tools uses the exact Workspace Container density. */
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .ui-ref-ps1-layer1:where([data-primary-ui-legacy] *) {
  width: var(--workspace-sidebar-rail-width);
  min-width: var(--workspace-sidebar-rail-width);
  background: linear-gradient(
    180deg,
    var(--workspace-sidebar-rail-top),
    var(--workspace-sidebar-rail-bottom)
  ) !important;
}
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .ui-ref-ps1-layer1-rail:where([data-primary-ui-legacy] *) {
  gap: var(--workspace-sidebar-gap);
  padding: var(--workspace-sidebar-pad) 0;
  background: transparent !important;
}
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .ui-ref-ps1-layer1-rail-dests:where([data-primary-ui-legacy] *) {
  gap: var(--workspace-sidebar-gap);
  padding-top: 0;
}
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .ui-ref-ps1-layer1-rail-footer:where([data-primary-ui-legacy] *) {
  height: calc(var(--workspace-sidebar-control-size) + 6px);
  min-height: calc(var(--workspace-sidebar-control-size) + 6px);
}
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .ui-ref-ps1-glow-icon:where([data-primary-ui-legacy] *),
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] button.ui-ref-ps1-glow-icon:where([data-primary-ui-legacy] *) {
  width: var(--workspace-sidebar-control-size) !important;
  min-width: var(--workspace-sidebar-control-size) !important;
  height: var(--workspace-sidebar-control-size) !important;
  min-height: var(--workspace-sidebar-control-size) !important;
}
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .ui-ref-ps1-sis-dest:where([data-primary-ui-legacy] *),
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .ui-ref-ps1-glow-icon [data-rd-icon-plate]:where([data-primary-ui-legacy] *),
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .ui-ref-ps1-sis-dest svg:where([data-primary-ui-legacy] *),
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .ui-ref-ps1-sis-dest img:where([data-primary-ui-legacy] *) {
  width: var(--workspace-sidebar-icon-size) !important;
  min-width: var(--workspace-sidebar-icon-size) !important;
  height: var(--workspace-sidebar-icon-size) !important;
  min-height: var(--workspace-sidebar-icon-size) !important;
}
.ui-ref-ps1-compact.primary-ui-sidebar-host.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .ui-ref-ps1-layer2:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact.primary-ui-sidebar-host.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .ui-ref-ps1-layer2-panel:where([data-primary-ui-legacy] *) {
  width: var(--workspace-sidebar-panel-width);
  background: var(--workspace-sidebar-panel) !important;
}
.ui-ref-ps1-compact.dev-workspace-shell:where([data-primary-ui-legacy] *) {
  --ps1-rail-width: var(--workspace-sidebar-rail-width, 32px);
  --ps1-layer2-header: 1.875rem;
  --ps1-layer2-nav-pad: 0.125rem;
  --ps1-rail-header-inset: 0.375rem;
  --ps1-rail-divider: var(--dev-ws-divider-strong);
  --ps1-chip-bg: var(--dev-ws-surface-raised);
  --ps1-chip-bg-hover: var(--dev-ws-surface-raised-hover);
  --ps1-chip-bg-active: var(--dev-ws-surface-raised-active);
  --ps1-tab-radius: 1px;
  --ps1-pill-radius: 3px;
  --ps1-tab-gap: 0.125rem;
  --ps1-tab-inset: 0.25rem;
  --ps1-tab-pad-x: 0.25rem;
  --ps1-tab-pad-right: 0.2rem;
  --ps1-tab-font-size: var(--primary-ui-chrome-font-size, 12px);
  --ps1-tree-tab-font-size: var(--primary-ui-chrome-font-size, 12px);
  --ps1-toggle-font-size: var(--primary-ui-chrome-font-size, 12px);
  --ps1-tree-line-color: rgba(255, 255, 255, 0.8);
  --ps1-tab-bevel: var(--dev-ws-elevation-inset);
  --ps1-tab-bevel-hover: var(--dev-ws-elevation-inset-hover);
  --ps1-tab-bevel-active: var(--dev-ws-elevation-inset-active);
  align-items: stretch;
  height: 100%;
  min-height: 100%;
  align-self: stretch;
  /* Layer 1 = rail · Layer 2 = submenu — distinct desk-dark bands */
  --ps1-layer1-bg: hsl(var(--sidebar));
  --ps1-layer2-bg: hsl(var(--card));
  --dev-ws-activity-bg: var(--ps1-layer1-bg);
  --dev-ws-panel-bg: var(--ps1-layer2-bg);
  box-shadow: none;
  border-radius: var(--ps1-tab-radius);
}
.ui-ref-ps1-compact.dev-workspace-shell .dev-ws-activity-bar:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact.dev-workspace-shell .dev-ws-sidebar:where([data-primary-ui-legacy] *) {
  border-radius: 0;
  box-shadow: none;
  height: 100%;
  flex: 1 1 auto;
  align-self: stretch;
  min-height: 100%;
}
/* ── Layer 1: activity rail column — full-height band + seam divider ── */
.ui-ref-ps1-compact .ui-ref-ps1-layer1:where([data-primary-ui-legacy] *) {
  background: var(--ps1-layer1-bg) !important;
  border-right: 1px solid var(--ps1-rail-divider);
  width: var(--ps1-rail-width, 32px);
  min-width: var(--ps1-rail-width, 32px);
  align-self: stretch;
  height: 100%;
  min-height: 100%;
  flex: 1 1 auto;
}
.ui-ref-ps1-compact .ui-ref-ps1-layer1-rail:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact .dev-ws-activity-bar.ui-ref-ps1-layer1-rail:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact .ui-ref-ps1-tree-view-rail.ui-ref-ps1-layer1-rail:where([data-primary-ui-legacy] *) {
  background: transparent !important;
  border-right: none !important;
  flex: 1 1 auto;
  align-self: stretch;
  height: 100%;
  min-height: 100%;
}
/* Layer 1 — dest icons at top, “All tabs” pinned to bottom (no tailwind flex-1 — hidden by activity-bar rule) */
.ui-ref-ps1-compact .ui-ref-ps1-layer1-rail--with-all-tabs:where([data-primary-ui-legacy] *) {
  min-height: 0;
  justify-content: flex-start;
}
.ui-ref-ps1-compact .ui-ref-ps1-layer1-rail-dests:where([data-primary-ui-legacy] *) {
  flex: 0 0 auto;
  width: 100%;
}
.ui-ref-ps1-compact .ui-ref-ps1-layer1-rail-spacer:where([data-primary-ui-legacy] *) {
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
}
.ui-ref-ps1-compact .ui-ref-ps1-layer1-rail-footer:where([data-primary-ui-legacy] *) {
  flex: 0 0 auto;
  padding-top: 0.125rem;
  border-top: 1px solid var(--ps1-rail-divider);
}
/* Layer 2 — grouped “All tabs” submenu sections */
.ui-ref-ps1-compact .ui-ref-ps1-all-tabs-group + .ui-ref-ps1-all-tabs-group:where([data-primary-ui-legacy] *) {
  margin-top: 0.375rem;
  padding-top: 0.375rem;
  border-top: 1px solid var(--ps1-rail-divider);
}
.ui-ref-ps1-compact .ui-ref-ps1-all-tabs-group-heading:where([data-primary-ui-legacy] *) {
  padding: var(--ps1-rail-header-inset) var(--ps1-tab-inset) 0.125rem;
  color: hsl(var(--foreground) / 0.72);
  font-size: var(--ps1-tab-font-size);
  font-weight: 600;
  text-transform: none;
}
.ui-ref-ps1-compact .ui-ref-ps1-all-tabs-submenu .ui-ref-ps1-tree-view-leaves:where([data-primary-ui-legacy] *) {
  width: 100%;
  min-width: 0;
  margin-left: 0;
  padding-left: 0;
  border-left: 0;
  padding-bottom: 0.125rem;
}
.ui-ref-ps1-compact .ui-ref-ps1-all-tabs-submenu .ui-ref-ps1-all-tabs-group:where([data-primary-ui-legacy] *) {
  width: 100%;
  min-width: 0;
}
.ui-ref-ps1-compact .ui-ref-ps1-all-tabs-submenu .ui-ref-ps1-tab.ui-ref-ps1-glow-row:where([data-primary-ui-legacy] *) {
  width: 100%;
  min-width: 0;
}
/* ── PS2 / PS3 — no layer-1 rail; panel is the outer edge ── */
.ui-ref-ps1-compact.ui-ref-ps2 .dev-ws-sidebar.ui-ref-ps1-layer2-panel:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact.ui-ref-ps3 .dev-ws-sidebar.ui-ref-ps1-layer2-panel:where([data-primary-ui-legacy] *) {
  border-left: 1px solid var(--ps1-rail-divider, hsl(var(--border)));
}
/* ── Layer 2: submenu panel (right column) — full height, content width ── */
.ui-ref-ps1-compact .ui-ref-ps1-layer2:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact .ui-ref-ps1-layer2-panel:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact .dev-ws-sidebar.ui-ref-ps1-layer2-panel:where([data-primary-ui-legacy] *) {
  background: var(--ps1-layer2-bg) !important;
  align-self: stretch;
  height: 100%;
  min-height: 100%;
  flex: 0 0 auto;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
}
.ui-ref-ps1-compact.primary-ui-sidebar-host:where([data-primary-ui-legacy] *) {
  height: 100% !important;
  min-height: 100%;
  max-height: 100%;
  align-self: stretch;
  background: transparent !important;
}
.ui-ref-ps1-compact .ui-ref-ps1-tree-view-shell:where([data-primary-ui-legacy] *) {
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  flex: 0 0 auto;
  height: 100%;
  min-height: 100%;
  align-self: stretch;
}
/* Tree view — hug tab column; no dead band on the right */
.ui-ref-ps1-compact .ui-ref-ps1-tree-view-submenu.ui-ref-ps1-submenu-panel:where([data-primary-ui-legacy] *) {
  margin-right: 0;
  margin-bottom: 0.125rem;
}
/* Collapsed PS1 submenu — rail only; no empty submenu column. */
.ui-ref-ps1-compact.primary-ui-sidebar-host[data-ps1-submenu-open='0']:where([data-primary-ui-legacy] *) {
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
}
.ui-ref-ps1-compact.primary-ui-sidebar-host[data-ps1-submenu-open='0'] .ui-ref-ps1-tree-view-shell:where([data-primary-ui-legacy] *) {
  width: -moz-max-content;
  width: max-content;
}
.ui-ref-ps1-compact .ui-ref-ps1-tree-view-rail:where([data-primary-ui-legacy] *) {
  width: var(--ps1-rail-width, 32px);
  padding-top: var(--ps1-rail-header-inset);
}
.ui-ref-ps1-compact .ui-ref-ps1-rail-expand:where([data-primary-ui-legacy] *) {
  width: var(--ps1-rail-width, 32px);
  padding-top: var(--ps1-layer2-nav-pad);
  padding-bottom: 0.125rem;
}
.ui-ref-ps1-compact .ui-ref-ps1-rail-expand + .dev-ws-activity-bar:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact .ui-ref-ps1-rail-expand + .ui-ref-ps1-tree-view-rail:where([data-primary-ui-legacy] *) {
  padding-top: 0;
}
/* Shared PS1 submenu panel — sits on layer-2 band, no outline box */
.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel:where([data-primary-ui-legacy] *) {
  margin: 0 0.125rem 0.125rem 0;
  padding: 0.1rem 0 !important;
  border: none !important;
  border-radius: var(--ps1-pill-radius) !important;
  background: transparent !important;
  box-shadow: none !important;
}
/* Submenu tabs — grey chip fill + inset emboss (no borders) */
.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel .ui-ref-ps1-tab.ui-ref-ps1-glow-row:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='treeitem']:where([data-primary-ui-legacy] *) {
  border: 1px solid transparent !important;
  border-radius: var(--ps1-pill-radius) !important;
  padding-top: 1px !important;
  padding-bottom: 1px !important;
  padding-right: var(--ps1-tab-pad-right) !important;
  background: var(--ps1-chip-bg) !important;
  box-shadow: var(--ps1-tab-bevel) !important;
  color: hsl(var(--foreground)) !important;
  font-size: var(--ps1-tree-tab-font-size) !important;
  font-weight: 600 !important;
  text-align: left;
  justify-content: flex-start !important;
  transition:
    background var(--dev-ws-transition-fast),
    box-shadow var(--dev-ws-transition-fast),
    border-color var(--dev-ws-transition-fast);
}
.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel .ui-ref-ps1-tab.ui-ref-ps1-glow-row:where([data-primary-ui-legacy] *)::before,
.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel .ui-ref-ps1-tab.ui-ref-ps1-glow-row[aria-current='page']:where([data-primary-ui-legacy] *)::before {
  opacity: 0;
}
.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel .ui-ref-ps1-tab.ui-ref-ps1-glow-row:hover:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='treeitem']:hover:where([data-primary-ui-legacy] *) {
  background: var(--ps1-chip-bg-hover) !important;
  box-shadow: var(--ps1-tab-bevel-hover) !important;
  border-color: var(--dev-ws-divider) !important;
  color: hsl(var(--foreground)) !important;
}
.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel .ui-ref-ps1-tab.ui-ref-ps1-glow-row[aria-current='page']:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact .ui-ref-ps1-hub-submenu .ui-ref-ps1-hub-tree-leaf--active .ui-ref-ps1-glow-row:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='treeitem'][aria-expanded='true']:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='treeitem'][aria-selected='true']:where([data-primary-ui-legacy] *) {
  background: var(--ps1-chip-bg-active) !important;
  box-shadow: var(--ps1-tab-bevel-active) !important;
  border-color: var(--dev-ws-divider-strong) !important;
  color: hsl(var(--foreground)) !important;
  font-weight: 600 !important;
}
.ui-ref-ps1-compact .ui-ref-ps1-hub-submenu .ui-ref-ps1-hub-tree-leaf:where([data-primary-ui-legacy] *) {
  padding-right: 0.2rem;
}
/* PS1 tree view — same tabs as hub submenu, left spine instead of L-guides */
.ui-ref-ps1-compact .ui-ref-ps1-tree-view-leaves:where([data-primary-ui-legacy] *) {
  display: flex;
  flex-direction: column;
  gap: var(--ps1-tab-gap);
  width: 100%;
  min-width: -moz-max-content;
  min-width: max-content;
  margin-left: 0.125rem;
  padding-left: 0.0625rem;
  border-left: 1px solid var(--ps1-tree-line-color);
}
.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel .ui-ref-ps1-tab.ui-ref-ps1-glow-row span:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='treeitem'] > span:nth-child(2):where([data-primary-ui-legacy] *) {
  font-size: var(--ps1-tree-tab-font-size) !important;
  font-weight: 600 !important;
  color: hsl(var(--foreground)) !important;
  text-align: left;
  text-transform: lowercase;
}
.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel .ui-ref-ps1-tab.ui-ref-ps1-glow-row:where([data-primary-ui-legacy] *) {
  height: 1.375rem !important;
  min-height: 1.375rem !important;
}
.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='treeitem']:where([data-primary-ui-legacy] *) {
  height: 1.375rem !important;
  min-height: 1.375rem !important;
  gap: 0.3rem;
  padding-left: 0.3rem !important;
  padding-right: 0.3rem !important;
}
.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='treeitem'] > span:first-child:where([data-primary-ui-legacy] *) {
  width: 0.875rem !important;
  height: 0.875rem !important;
  min-width: 0.875rem !important;
  min-height: 0.875rem !important;
}
.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='treeitem'] > span:first-child .ui-ref-ps1-product-glyph:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='treeitem'] > span:first-child svg:where([data-primary-ui-legacy] *) {
  width: 0.875rem !important;
  height: 0.875rem !important;
}
.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='treeitem'] > span:last-child:where([data-primary-ui-legacy] *) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1rem;
  height: 1rem;
  padding: 0 0.2rem;
  border-radius: var(--ps1-tab-radius);
  background: hsl(var(--muted) / 0.55);
  color: hsl(var(--muted-foreground)) !important;
  font-size: 0.5625rem !important;
  font-weight: 600;
  font-family: inherit;
}
.ui-ref-ps1-compact .ui-ref-ps1-submenu-panel [role='group'] > div:where([data-primary-ui-legacy] *) {
  margin-top: -0.4375rem;
  margin-left: 0.625rem;
  padding-top: 0.4375rem;
  padding-left: 0.375rem;
  border-left: 1px solid var(--ps1-tree-line-color) !important;
}
.ui-ref-ps1-compact .ui-ref-ps1-submenu-title-bar:where([data-primary-ui-legacy] *) {
  padding: var(--ps1-rail-header-inset) var(--ps1-tab-pad-right) 0.1rem 0.5rem;
  min-height: var(--ps1-layer2-header);
  background: var(--ps1-layer2-bg);
  border-bottom: 1px solid var(--ps1-rail-divider);
}
.ui-ref-ps1-compact .ui-ref-ps1-submenu-count:where([data-primary-ui-legacy] *) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1rem;
  height: 1rem;
  padding: 0 0.2rem;
  border-radius: var(--ps1-tab-radius);
  border: none;
  background: hsl(var(--muted) / 0.25);
  box-shadow: var(--ps1-tab-bevel);
  color: hsl(var(--muted-foreground));
  font-size: 0.5625rem;
  font-weight: 600;
  line-height: 1;
}
.ui-ref-ps1-compact .dev-ws-activity-bar:where([data-primary-ui-legacy] *) {
  width: var(--ps1-rail-width, 32px);
  padding-top: var(--ps1-rail-header-inset);
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  gap: 0;
}
.ui-ref-ps1-compact .dev-ws-activity-bar > .flex-1:where([data-primary-ui-legacy] *) {
  display: none;
}
.ui-ref-ps1-compact .dev-ws-activity-btn:where([data-primary-ui-legacy] *) {
  width: 3rem;
  height: auto;
  min-height: 2rem;
}
.ui-ref-ps1-compact .dev-ws-activity-btn--labeled:where([data-primary-ui-legacy] *) {
  width: 1.75rem;
  height: 1.75rem;
  min-height: 1.75rem;
  padding: 0;
  gap: 0;
  flex-direction: row;
  border-radius: 999px;
}
.ui-ref-ps1-compact .dev-ws-activity-btn__label:where([data-primary-ui-legacy] *) {
  display: none;
}
.ui-ref-ps1-compact .dev-ws-activity-btn--active:where([data-primary-ui-legacy] *)::before {
  top: 0.35rem;
  bottom: 0.35rem;
}
.ui-ref-ps1-compact .ui-ref-ps1-glow-icon:where([data-primary-ui-legacy] *) {
  flex-shrink: 0;
  overflow: visible;
  width: 100%;
  height: 1.625rem;
  min-width: 0;
  min-height: 1.625rem;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  transition:
    background var(--dev-ws-transition-fast),
    box-shadow var(--dev-ws-transition-fast),
    border-color var(--dev-ws-transition-fast);
}
.ui-ref-ps1-compact .ui-ref-ps1-glow-icon:hover:where([data-primary-ui-legacy] *) {
  background: var(--ps1-chip-bg-hover) !important;
  box-shadow: var(--ps1-tab-bevel-hover) !important;
  border-color: var(--dev-ws-divider) !important;
  border-radius: var(--ps1-pill-radius);
}
.ui-ref-ps1-compact .ui-ref-ps1-glow-icon[aria-current='page']:where([data-primary-ui-legacy] *) {
  color: hsl(var(--foreground));
  background: transparent !important;
  border: none !important;
  border-radius: var(--ps1-tab-radius);
  box-shadow: none !important;
}
.ui-ref-ps1-compact .ui-ref-ps1-all-tabs-rail-btn:where([data-primary-ui-legacy] *) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ui-ref-ps1-compact .dev-ws-sidebar-header:where([data-primary-ui-legacy] *) {
  padding: 0.25rem 0.4rem 0.2rem;
  min-height: var(--ps1-layer2-header);
  gap: 0.3rem;
  background: var(--ps1-layer2-bg);
  border-bottom: 1px solid var(--ps1-rail-divider) !important;
  box-shadow: none;
  color: hsl(var(--foreground));
}
.ui-ref-ps1-compact .ui-ref-ps1-tab-list:where([data-primary-ui-legacy] *) {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
}
.ui-ref-ps1-compact nav:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact .ui-ref-ps1-tree-nav:where([data-primary-ui-legacy] *) {
  padding-top: var(--ps1-layer2-nav-pad);
  padding-bottom: 0;
}
.ui-ref-ps1-compact .dev-ws-sidebar > .min-h-0:where([data-primary-ui-legacy] *) {
  padding-top: 0.125rem !important;
  padding-right: 0.2rem !important;
  padding-bottom: 0.125rem !important;
}
.ui-ref-ps1-compact .ui-ref-ps1-tree-nav > div:where([data-primary-ui-legacy] *) {
  gap: 0;
}
/* Catalog tree — TreeSvgLines-style spine + branch fillets. */
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree:where([data-primary-ui-legacy] *) {
  position: relative;
  display: flex;
  flex-direction: column;
  --ps1-tree-row: 22px;
  --ps1-tree-title-h: 22px;
  --ps1-tree-line: 2px;
  --ps1-tree-curve: 5px;
}
.ui-ref-ps1-compact .ui-ref-ps1-hub-tree-guides:where([data-primary-ui-legacy] *) {
  position: absolute;
  left: 2px;
  top: 0;
  z-index: 0;
  pointer-events: none;
  overflow: visible;
  color: var(--ps1-tree-line-color);
}
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-hub-tree-leaves > .ui-ref-ps1-hub-tree-guides:where([data-primary-ui-legacy] *) {
  left: var(--ps1-tree-guide-x);
}
.ui-ref-ps1-compact .ui-ref-ps1-hub-tree-guides-base:where([data-primary-ui-legacy] *) {
  fill: none;
  stroke: var(--ps1-tree-line-color);
  stroke-width: 1;
}
.ui-ref-ps1-compact .ui-ref-ps1-hub-tree-guides-active:where([data-primary-ui-legacy] *) {
  fill: none;
  stroke: var(--ps1-tree-line-color);
  stroke-width: 1;
  stroke-linecap: round;
}
.ui-ref-ps1-compact .ui-ref-ps1-hub-tree-leaves:where([data-primary-ui-legacy] *) {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.ui-ref-ps1-compact .ui-ref-ps1-hub-tree-leaf:where([data-primary-ui-legacy] *) {
  position: relative;
  display: flex;
  align-items: center;
  height: var(--ps1-tree-row);
  min-width: 0;
  padding-left: 6px;
  padding-right: 0.2rem;
  background: transparent !important;
  border: none !important;
}
.ui-ref-ps1-compact .ui-ref-ps1-hub-tree-title-stem:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact .ui-ref-ps1-hub-tree-leaves-trunk:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact .ui-ref-ps1-hub-tree-tick:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact .ui-ref-ps1-hub-tree-progress:where([data-primary-ui-legacy] *) {
  display: none;
}
.ui-ref-ps1-compact .ui-ref-ps1-hub-tree-title:where([data-primary-ui-legacy] *) {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  min-height: var(--ps1-tree-title-h);
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  background: transparent;
}
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--folded > .ui-ref-ps1-hub-tree-title:where([data-primary-ui-legacy] *) {
  padding-left: 0.25rem;
}
/* PS2 inset tree — guides open below section toggles, no group shell */
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree:where([data-primary-ui-legacy] *) {
  --ps1-tree-guide-x: 1.125rem;
  --ps1-tree-row: 22px;
  --ps1-tree-title-h: 22px;
}
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree.ui-ref-ps1-catalog-tree--folded > .ui-ref-ps1-hub-tree-title:where([data-primary-ui-legacy] *) {
  padding-left: 0.5rem;
  padding-right: 0.4rem;
}
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree > .ui-ref-ps1-hub-tree-title:where([data-primary-ui-legacy] *) {
  padding-left: 0.5rem;
  padding-right: 0.4rem;
}
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-hub-tree-leaf:where([data-primary-ui-legacy] *) {
  padding-left: calc(var(--ps1-tree-guide-x) + 0.5rem);
  padding-right: 0.4rem;
}
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-tab.ui-ref-ps1-glow-row:where([data-primary-ui-legacy] *) {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle:hover:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-tab.ui-ref-ps1-glow-row:hover:where([data-primary-ui-legacy] *) {
  background: var(--ps1-chip-bg-hover) !important;
  box-shadow: var(--ps1-tab-bevel-hover) !important;
}
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle[aria-expanded='true']:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle[aria-selected='true']:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-tab.ui-ref-ps1-glow-row[aria-current='page']:where([data-primary-ui-legacy] *) {
  background: color-mix(in srgb, var(--glow-color) 16%, hsl(var(--sidebar))) !important;
  border: none !important;
  box-shadow: var(--ps1-tab-bevel-active) !important;
}
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle:where([data-primary-ui-legacy] *)::before,
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-tab.ui-ref-ps1-glow-row:where([data-primary-ui-legacy] *)::before {
  opacity: 0;
}
.ui-ref-ps1-compact .ui-ref-ps1-tree-nav > div > .ui-ref-ps1-catalog-tree--inset-tree:where([data-primary-ui-legacy] *) {
  margin-bottom: 0.125rem;
}
.ui-ref-ps1-compact.dev-workspace-shell .ui-ref-ps1-catalog-tree--headed > .ui-ref-ps1-hub-tree-title:where([data-primary-ui-legacy] *) {
  background: transparent;
  border-bottom: none;
}
.ui-ref-ps1-compact .ui-ref-ps1-hub-tree-title .ui-ref-ps1-catalog-tree-heading:where([data-primary-ui-legacy] *) {
  padding-left: 0;
}
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree-heading:where([data-primary-ui-legacy] *) {
  display: flex;
  align-items: center;
  min-height: var(--ps1-tree-title-h);
  width: 100%;
  font-weight: 600;
}
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree-heading .dev-ws-sidebar-title:where([data-primary-ui-legacy] *) {
  color: hsl(var(--muted-foreground)) !important;
  text-transform: none;
  font-weight: 600;
  padding-left: 0.125rem;
}
/* Tab chips inside tree rows — rounded fill + bottom accent; tree chrome stays */
.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-row:where([data-primary-ui-legacy] *) {
  position: relative;
  width: 100%;
  min-width: 0;
  min-height: calc(var(--ps1-tree-row) - 0.25rem);
  height: calc(var(--ps1-tree-row) - 0.25rem);
  margin: 0;
  padding: 1px var(--ps1-tab-pad-x) !important;
  border-radius: var(--ps1-tab-radius) !important;
  border: none;
  color: hsl(var(--muted-foreground));
  font-size: var(--ps1-tab-font-size) !important;
  line-height: 1 !important;
  font-weight: 600;
  transition:
    background 140ms ease,
    color 140ms ease;
}
.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle:where([data-primary-ui-legacy] *) {
  position: relative;
  width: 100%;
  min-width: 0;
  min-height: calc(var(--ps1-tree-row) - 0.25rem);
  height: calc(var(--ps1-tree-row) - 0.25rem);
  margin: 0;
  padding: 1px var(--ps1-tab-pad-x) !important;
  border-radius: var(--ps1-tab-radius) !important;
  border: none;
  color: hsl(var(--muted-foreground));
  font-size: var(--ps1-toggle-font-size) !important;
  line-height: 1 !important;
  font-weight: 600;
  text-transform: none;
  transition:
    background 140ms ease,
    color 140ms ease;
}
.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-row span:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle span:where([data-primary-ui-legacy] *) {
  font-size: inherit;
  line-height: inherit;
}
.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-row:hover:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle:hover:where([data-primary-ui-legacy] *) {
  background: var(--ps1-chip-bg-hover) !important;
  color: hsl(var(--foreground));
}
.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-row[aria-current='page']:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle[aria-expanded='true']:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle[aria-selected='true']:where([data-primary-ui-legacy] *) {
  background: color-mix(in srgb, var(--glow-color) 16%, hsl(var(--sidebar))) !important;
  border: none !important;
  color: hsl(var(--foreground));
}
.ui-ref-ps1-compact .ui-ref-ps1-glow-row:where([data-primary-ui-legacy] *) {
  width: 100%;
  min-width: 0;
  height: var(--ps1-tree-row);
  font-weight: 600;
}
.ui-ref-ps1-compact .ui-ref-ps1-glow-toggle:where([data-primary-ui-legacy] *) {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  text-transform: none;
  justify-content: flex-start;
  gap: 0.375rem;
  font-weight: 600;
}
/* Flatten GlowingButton default card chrome — keep PS1 bevel on tabs/rail below */
.ui-ref-ps1-compact .ui-ref-ps1-glow-row:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact .ui-ref-ps1-glow-toggle:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact .ui-ref-ps1-glow-icon:where([data-primary-ui-legacy] *) {
  background-image: none;
}
.ui-ref-ps1-compact button.ui-ref-ps1-glow-icon:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact button.ui-ref-ps1-tab:where([data-primary-ui-legacy] *) {
  border: none !important;
  border-color: transparent !important;
  outline: none !important;
}
.ui-ref-ps1-compact button.ui-ref-ps1-tab:focus:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact button.ui-ref-ps1-tab:focus-visible:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact button.ui-ref-ps1-glow-icon:focus:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact button.ui-ref-ps1-glow-icon:focus-visible:where([data-primary-ui-legacy] *) {
  outline: none !important;
  box-shadow: none !important;
}
.ui-ref-ps1-compact .ui-ref-ps1-glow-toggle:not([aria-expanded='true']):not([aria-selected='true']):where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact .ui-ref-ps1-glow-icon:not([aria-current='page']):where([data-primary-ui-legacy] *) {
  background-color: transparent;
}
.ui-ref-ps1-compact .ui-ref-ps1-glow-row:where([data-primary-ui-legacy] *)::after,
.ui-ref-ps1-compact .ui-ref-ps1-glow-toggle:where([data-primary-ui-legacy] *)::after,
.ui-ref-ps1-compact .ui-ref-ps1-glow-icon:where([data-primary-ui-legacy] *)::after {
  display: none;
}
/* Tab chips outside submenu — borderless; submenu panel rules own fill + emboss */
.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-row:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle:where([data-primary-ui-legacy] *) {
  border: none !important;
}
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-tab.ui-ref-ps1-glow-row:hover:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle:hover:where([data-primary-ui-legacy] *) {
  box-shadow: var(--ps1-tab-bevel-hover);
}
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-tab.ui-ref-ps1-glow-row[aria-current='page']:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle[aria-expanded='true']:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact .ui-ref-ps1-catalog-tree--inset-tree .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle[aria-selected='true']:where([data-primary-ui-legacy] *) {
  box-shadow: var(--ps1-tab-bevel-active);
}
/* Tab rows: bottom accent (Primary Tab Nav 1 style) */
.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-row:where([data-primary-ui-legacy] *)::before,
.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle:where([data-primary-ui-legacy] *)::before {
  content: '';
  position: absolute;
  left: 0.4rem;
  right: 0.4rem;
  top: auto;
  bottom: 0.15rem;
  height: 2px;
  width: auto;
  border-radius: 999px;
  transform: none;
  background: var(--glow-color);
  box-shadow: 0 0 4px var(--glow-color-shadow);
  opacity: 0;
  transition: opacity 140ms ease;
}
.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-row[aria-current='page']:where([data-primary-ui-legacy] *)::before,
.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle[aria-expanded='true']:where([data-primary-ui-legacy] *)::before,
.ui-ref-ps1-compact .ui-ref-ps1-tab.ui-ref-ps1-glow-toggle[aria-selected='true']:where([data-primary-ui-legacy] *)::before {
  opacity: 1;
}
/* Activity rail — same 1px tab rounding as layer-2 chips */
.ui-ref-ps1-compact .ui-ref-ps1-glow-icon:where([data-primary-ui-legacy] *) {
  border-radius: var(--ps1-tab-radius);
}
.ui-ref-ps1-compact .ui-ref-ps1-glow-icon:where([data-primary-ui-legacy] *)::before {
  top: 0;
  left: 0;
  height: 100%;
  width: 2px;
  border-radius: 0;
  transform: none;
  background: var(--glow-color);
  box-shadow: 1px 0 3px var(--glow-color-shadow);
}
.ui-ref-ps1-compact .ui-ref-ps1-glow-row:hover:where([data-primary-ui-legacy] *)::before,
.ui-ref-ps1-compact .ui-ref-ps1-glow-toggle:hover:where([data-primary-ui-legacy] *)::before,
.ui-ref-ps1-compact .ui-ref-ps1-glow-icon:hover:where([data-primary-ui-legacy] *)::before {
  transform: none;
}
.ui-ref-ps1-compact .ui-ref-ps1-hub-layer1 > *:where([data-primary-ui-legacy] *) {
  background: var(--ps1-layer1-bg) !important;
  background-color: var(--ps1-layer1-bg) !important;
  border-bottom-color: hsl(var(--border)) !important;
  color: hsl(var(--foreground)) !important;
}
.ui-ref-ps1-compact .dev-ws-sidebar-title:where([data-primary-ui-legacy] *) {
  font-size: var(--ps1-tab-font-size) !important;
  line-height: 1.15;
  font-weight: 600;
  text-transform: none;
  color: hsl(var(--muted-foreground));
}
.ui-ref-ps1-compact .dev-ws-nav-item:where([data-primary-ui-legacy] *) {
  width: calc(100% - 0.5rem);
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  gap: 0.45rem;
  padding: 0.28rem 0.4rem;
  font-size: var(--ps1-tree-tab-font-size);
  border-radius: var(--ps1-tab-radius);
}
.ui-ref-ps1-compact .dev-ws-nav-item--active:where([data-primary-ui-legacy] *)::before {
  top: 0.28rem;
  bottom: 0.28rem;
}
.ui-ref-ps1-compact .dev-ws-nav-item-rule:where([data-primary-ui-legacy] *) {
  margin-block: 0.12rem;
}
.ui-ref-ps1-compact .dev-ws-nav-group:where([data-primary-ui-legacy] *) {
  margin: 0.08rem 0 0.16rem;
}
.ui-ref-ps1-compact .dev-ws-nav-group + .dev-ws-nav-group:where([data-primary-ui-legacy] *) {
  margin-top: 0.2rem;
}
.ui-ref-ps1-compact .dev-ws-group-label:where([data-primary-ui-legacy] *) {
  width: calc(100% - 0.5rem);
  margin: 0 0.25rem;
  gap: 0.3rem;
  padding: 0.28rem 0.4rem 0.32rem;
  font-size: 0.6875rem;
  border-radius: var(--ps1-tab-radius);
}
.ui-ref-ps1-compact .dev-ws-nav-group-items:where([data-primary-ui-legacy] *) {
  margin: 0.1rem 0 0.16rem 0.7rem;
  padding-left: 0.5rem;
}
.ui-ref-ps1-compact .dev-ws-nav-group-items .dev-ws-nav-item:where([data-primary-ui-legacy] *) {
  width: calc(100% - 0.25rem);
  margin-right: 0.25rem;
}
.ui-ref-ps1-compact .dev-ws-nav-group-items .dev-ws-nav-item--active:where([data-primary-ui-legacy] *)::before {
  left: -0.5rem;
}
.ui-ref-ps1-compact .dev-ws-group-label svg:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact .dev-ws-sidebar-header svg:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact [role="tree"] > div > button svg:where([data-primary-ui-legacy] *) {
  width: 12px;
  height: 12px;
}
/* Row pack glyphs — readable 16px across UI Build sidebars. */
.ui-ref-ps1-compact .dev-ws-nav-item img:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact .dev-ws-nav-item > span img:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact .ui-ref-ps1-tree-nav img:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact [role="treeitem"] img:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact .ui-ref-ps1-hub-tree-leaf img:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact .ui-ref-ps1-glow-row img:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact .dev-ws-activity-btn img:where([data-primary-ui-legacy] *) {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
}
.ui-ref-ps1-compact .ui-ref-ps1-sis-dest:where([data-primary-ui-legacy] *) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  color: hsl(var(--foreground));
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  border-radius: var(--ps1-tab-radius);
}
.ui-ref-ps1-compact .ui-ref-ps1-sis-dest svg:where([data-primary-ui-legacy] *) {
  display: block;
  width: 16px;
  height: 16px;
}
.ui-ref-ps1-compact .ui-ref-ps1-sis-dest--toggle:where([data-primary-ui-legacy] *) {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}
.ui-ref-ps1-compact .ui-ref-ps1-sis-dest--toggle svg:where([data-primary-ui-legacy] *) {
  width: 16px;
  height: 16px;
}
.ui-ref-ps1-compact .ui-ref-ps1-product-glyph:where([data-primary-ui-legacy] *) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  color: hsl(var(--foreground));
}
.ui-ref-ps1-compact .ui-ref-ps1-product-glyph svg:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact .ui-ref-ps1-product-glyph img:where([data-primary-ui-legacy] *) {
  display: block;
  width: 16px;
  height: 16px;
  -o-object-fit: contain;
     object-fit: contain;
}
.ui-ref-ps1-compact .ui-ref-ps1-sis-dest img:where([data-primary-ui-legacy] *) {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
}
/* Tree / row glyphs stay bare; first-layer rail keeps Site Icon Styles plates. */
.ui-ref-ps1-compact .ui-ref-ps1-glow-row [data-rd-icon-plate]:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact .ui-ref-ps1-glow-toggle [data-rd-icon-plate]:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact .dev-ws-nav-item [data-rd-icon-plate]:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact .dev-ws-activity-btn [data-rd-icon-plate]:where([data-primary-ui-legacy] *) {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
.ui-ref-ps1-compact .ui-ref-ps1-glow-row [data-rd-icon-plate] > span[aria-hidden]:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact .ui-ref-ps1-glow-toggle [data-rd-icon-plate] > span[aria-hidden]:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact .dev-ws-nav-item [data-rd-icon-plate] > span[aria-hidden]:where([data-primary-ui-legacy] *),
.ui-ref-ps1-compact .dev-ws-activity-btn [data-rd-icon-plate] > span[aria-hidden]:where([data-primary-ui-legacy] *) {
  display: none;
}
/* Beat global sharp-mode (src/styles/corners-mode.css) — PS tabs keep 1px radius */
html:not([data-corners="rounded"]):not(.rounded-corners) .ui-ref-ps1-compact button.ui-ref-ps1-tab:where([data-primary-ui-legacy] *),
html[data-corners="sharp"] .ui-ref-ps1-compact button.ui-ref-ps1-tab:where([data-primary-ui-legacy] *),
html:not([data-corners="rounded"]):not(.rounded-corners) .ui-ref-ps1-compact button.ui-ref-ps1-glow-icon:where([data-primary-ui-legacy] *),
html[data-corners="sharp"] .ui-ref-ps1-compact button.ui-ref-ps1-glow-icon:where([data-primary-ui-legacy] *),
html:not([data-corners="rounded"]):not(.rounded-corners) .ui-ref-ps1-compact button.dev-ws-nav-item:where([data-primary-ui-legacy] *),
html[data-corners="sharp"] .ui-ref-ps1-compact button.dev-ws-nav-item:where([data-primary-ui-legacy] *),
html:not([data-corners="rounded"]):not(.rounded-corners) .ui-ref-ps1-compact button.dev-ws-group-label:where([data-primary-ui-legacy] *),
html[data-corners="sharp"] .ui-ref-ps1-compact button.dev-ws-group-label:where([data-primary-ui-legacy] *) {
  border-radius: var(--ps1-tab-radius) !important;
}
/* Library pack panelNav embedded in WorkspaceContainerPrimarySidebar */
.ui-ref-ps1-compact .ui-ref-ps1-library-panel:where([data-primary-ui-legacy] *) {
  min-height: 0;
  flex: 1 1 auto;
  overflow-y: auto;
}
.ui-ref-ps1-compact .ui-ref-ps1-library-panel .ui-ref-ps1-glow-row:where([data-primary-ui-legacy] *) {
  color: hsl(var(--foreground) / 0.82);
}
.ui-ref-ps1-compact .ui-ref-ps1-library-panel .ui-ref-ps1-glow-row[aria-current='page']:where([data-primary-ui-legacy] *) {
  color: hsl(var(--foreground));
}
/* Frozen 14 October 2026. Legacy UI scope only. */
/* Frozen 14 October 2026. Legacy UI scope only. */
/* Titles, breadcrumbs and search share the tab-track treatment in every Primary UI sidebar. */
:is(.ui-ref-ps1-compact.primary-ui-sidebar-host, .tls-frame, [data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.tls-head, .dev-ws-sidebar-header, .ctc-finder-crumb, .ctc-finder-shell > label:first-child, .das-search-row, .das-panel-header, .desk-inspector-chrome):where([data-primary-ui-legacy] *) {
  box-sizing: border-box;
  height: var(--container-header-height, 27px) !important;
  min-height: var(--container-header-height, 27px) !important;
  max-height: var(--container-header-height, 27px) !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border: 0;
  border-bottom: 1px solid var(--container-divider, #414147) !important;
  border-radius: 0 !important;
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e)) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.09) !important;
  color: hsl(var(--foreground));
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 5px;
}
:is(.ui-ref-ps1-compact.primary-ui-sidebar-host, .tls-frame, [data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.tls-head, .dev-ws-sidebar-header, .ctc-finder-crumb, .ctc-finder-shell > label:first-child, .das-search-row, .das-panel-header, .desk-inspector-chrome):where([data-primary-ui-legacy] *),
:is(.ui-ref-ps1-compact.primary-ui-sidebar-host, .tls-frame, [data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.tls-head, .dev-ws-sidebar-header, .ctc-finder-crumb, .ctc-finder-shell > label:first-child, .das-search-row, .das-panel-header, .desk-inspector-chrome)
:is(span, button, input, h2, h3):where([data-primary-ui-legacy] *) {
  font-family: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  -webkit-font-smoothing: antialiased;
}
:is([data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.ctc-finder-shell > label:first-child, .das-search-row) input:where([data-primary-ui-legacy] *) {
  min-width: 0;
  color: hsl(var(--foreground));
}
:is([data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.ctc-finder-shell > label:first-child, .das-search-row) input:where([data-primary-ui-legacy] *)::-moz-placeholder {
  color: hsl(var(--muted-foreground));
  opacity: 1;
}
:is([data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.ctc-finder-shell > label:first-child, .das-search-row) input:where([data-primary-ui-legacy] *)::placeholder {
  color: hsl(var(--muted-foreground));
  opacity: 1;
}
/* Continue the bottom tab-track fill through the sidebar footer cells. */
:is(.ui-ref-ps1-compact.primary-ui-sidebar-host, .tls-frame, [data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.tls-rail-footer, .ui-ref-ps1-layer1-rail-footer, .ctc-finder-footer, .das-library-row, .das-status-bar):where([data-primary-ui-legacy] *) {
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e)) !important;
  border-top: 1px solid var(--container-divider, #414147) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.07) !important;
}
/* Two-layer sidebar treatments (Primary UI) — rail 32px + panel 168px. */
.tls-board:where([data-primary-ui-legacy] *) {
  display: flex;
  flex-wrap: wrap;
  gap: 36px;
  padding: 12px 8px 16px;
  background: #0a0a0b;
  color: #e8e6df;
  font-family: 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.tls-option:where([data-primary-ui-legacy] *) {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
}
.tls-caption:where([data-primary-ui-legacy] *) {
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.tls-tag:where([data-primary-ui-legacy] *) {
  font-family: 'IBM Plex Mono', ui-monospace, monospace;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #0c0c0d;
  background: #cfcdc5;
  padding: 3px 6px;
  border-radius: 3px;
}
.tls-name:where([data-primary-ui-legacy] *) {
  font-size: 13px;
  font-weight: 600;
  color: #e8e6df;
}
.tls-blurb:where([data-primary-ui-legacy] *) {
  font-size: 12px;
  color: #77766f;
}
.tls-frame:where([data-primary-ui-legacy] *) {
  display: flex;
  width: 400px;
  height: 480px;
  overflow: hidden;
  background: #0a0a0b;
  border: 1px solid #1e1e20;
  border-radius: 6px;
}
.tls-frame.tls-chrome:where([data-primary-ui-legacy] *) {
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  height: 100%;
  min-height: 0;
  border: 0;
  border-radius: 0;
}
.tls-frame.tls-chrome .tls-canvas:where([data-primary-ui-legacy] *) {
  display: none;
}
.tls-frame.tls-chrome .tls-rail:where([data-primary-ui-legacy] *),
.tls-frame.tls-chrome .tls-panel:where([data-primary-ui-legacy] *),
.tls-frame.tls-chrome .tls-panel-well:where([data-primary-ui-legacy] *),
.tls-frame.tls-chrome .tls-plate:where([data-primary-ui-legacy] *) {
  height: 100%;
  align-self: stretch;
}
.tls-frame.tls-chrome .tls-panel-well:where([data-primary-ui-legacy] *) {
  padding-top: 1px;
  padding-bottom: 1px;
}
.tls-frame[data-tls-layout='ps2'][data-tls='1d'] .tls-panel-well:where([data-primary-ui-legacy] *),
.tls-frame[data-tls-layout='ps3'][data-tls='1d'] .tls-panel-well:where([data-primary-ui-legacy] *) {
  padding-left: 1px;
}
.tls-plate:where([data-primary-ui-legacy] *) {
  display: contents;
}
.tls-rail:where([data-primary-ui-legacy] *) {
  display: flex;
  width: 32px;
  height: 100%;
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
  gap: 1px;
  padding: 2px 0;
}
.tls-rail-dests:where([data-primary-ui-legacy] *) {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  gap: 1px;
}
.tls-rail-spacer:where([data-primary-ui-legacy] *) {
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
}
.tls-rail-footer:where([data-primary-ui-legacy] *) {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  padding-top: 2px;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
}
.tls-rail .ui-ref-ps1-glow-icon:where([data-primary-ui-legacy] *) {
  flex-shrink: 0;
}
.tls-panel:where([data-primary-ui-legacy] *) {
  display: flex;
  width: 168px;
  flex-shrink: 0;
  flex-direction: column;
  min-width: 0;
}
.tls-head:where([data-primary-ui-legacy] *) {
  display: flex;
  align-items: center;
  gap: 1px;
  flex-shrink: 0;
}
.tls-title:where([data-primary-ui-legacy] *) {
  font-size: var(--primary-ui-chrome-font-size, 12px);
  font-weight: 600;
  letter-spacing: -0.01em;
  color: #cfcdc5;
}
.tls-count:where([data-primary-ui-legacy] *) {
  font-family: 'IBM Plex Mono', ui-monospace, monospace;
  font-size: var(--primary-ui-chrome-font-size, 12px);
}
.tls-spacer:where([data-primary-ui-legacy] *) {
  flex: 1;
}
.tls-collapse:where([data-primary-ui-legacy] *) {
  display: grid;
  place-items: center;
  width: 16px;
  height: 16px;
  padding: 0;
  border: 0;
  border-radius: 2px;
  cursor: pointer;
  font-size: var(--primary-ui-chrome-font-size, 12px);
  line-height: 1;
  color: #8d8c85;
  background: transparent;
}
.tls-collapse:hover:where([data-primary-ui-legacy] *) {
  color: #dcdad2;
  background: rgba(255, 255, 255, 0.06);
}
.tls-rows:where([data-primary-ui-legacy] *) {
  display: flex;
  flex-direction: column;
}
.tls-rows--all-tabs:where([data-primary-ui-legacy] *) {
  width: 100%;
  min-width: 0;
}
.tls-rows--all-tabs .tls-all-tabs-group:where([data-primary-ui-legacy] *) {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
}
.tls-rows--all-tabs .tls-all-tabs-leaves:where([data-primary-ui-legacy] *) {
  display: flex;
  flex-direction: column;
  gap: 1px;
  width: 100%;
  min-width: 0;
  margin-left: 0;
  padding-left: 0;
  border-left: 0;
}
.tls-rows--all-tabs .tls-row:where([data-primary-ui-legacy] *) {
  width: 100%;
  min-width: 0;
  background: linear-gradient(180deg, #2b2b2f, #202024);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    inset 0 -1px 0 rgba(0, 0, 0, 0.55),
    0 1px 2px rgba(0, 0, 0, 0.45);
}
.tls-rows--all-tabs .tls-row:hover:where([data-primary-ui-legacy] *) {
  background: linear-gradient(180deg, #303035, #242428);
}
.tls-rows--all-tabs .tls-row[data-active='true']:where([data-primary-ui-legacy] *) {
  background: linear-gradient(180deg, #2b2b2f, #202024) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    inset 0 -1px 0 rgba(0, 0, 0, 0.55),
    0 1px 2px rgba(0, 0, 0, 0.45) !important;
}
.tls-row:where([data-primary-ui-legacy] *) {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1px;
  padding: 1px 4px 1px 6px;
  border: 0;
  cursor: pointer;
  text-align: left;
  font-size: var(--primary-ui-chrome-font-size, 12px);
  color: #a3a29a;
  background: transparent;
}
.tls-row:hover:where([data-primary-ui-legacy] *) {
  color: #e6e4dc;
  background: rgba(255, 255, 255, 0.045);
}
.tls-row[data-active='true']:where([data-primary-ui-legacy] *) {
  font-weight: 500;
  color: #f0eee6;
}
.tls-row-accent:where([data-primary-ui-legacy] *) {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 2px;
  flex-shrink: 0;
}
.tls-icon-wrap:where([data-primary-ui-legacy] *) {
  display: flex;
  flex-shrink: 0;
}
.tls-row .ui-ref-ps1-product-glyph:where([data-primary-ui-legacy] *),
.tls-row .ui-ref-ps1-product-glyph svg:where([data-primary-ui-legacy] *),
.tls-row .ui-ref-ps1-product-glyph img:where([data-primary-ui-legacy] *) {
  display: grid;
  place-items: center;
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  -o-object-fit: contain;
     object-fit: contain;
}
.tls-canvas:where([data-primary-ui-legacy] *) {
  flex: 1 1 auto;
  min-width: 0;
}
/* ── 1a Raised slab ── */
[data-tls='1a'] .tls-rail:where([data-primary-ui-legacy] *) {
  padding: 8px 0;
  background: linear-gradient(180deg, #26262a, #1b1b1e);
  box-shadow:
    inset 1px 0 0 rgba(255, 255, 255, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    2px 0 4px rgba(0, 0, 0, 0.6);
  z-index: 2;
}
[data-tls='1a'] .tls-rail-dests:where([data-primary-ui-legacy] *) { gap: 4px; }
[data-tls='1a'] .tls-panel:where([data-primary-ui-legacy] *) {
  background: #141416;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
[data-tls='1a'] .tls-head:where([data-primary-ui-legacy] *) {
  height: 34px;
  padding: 0 8px 0 10px;
  background: linear-gradient(180deg, #1d1d20, #171719);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 1px 0 rgba(0, 0, 0, 0.7);
}
[data-tls='1a'] .tls-count:where([data-primary-ui-legacy] *) {
  padding: 1px 5px;
  border-radius: 3px;
  color: #a9a79d;
  background: #0e0e10;
  box-shadow:
    inset 0 1px 2px rgba(0, 0, 0, 0.8),
    0 1px 0 rgba(255, 255, 255, 0.05);
}
[data-tls='1a'] .tls-rows:where([data-primary-ui-legacy] *) {
  gap: 2px;
  padding: 6px;
}
[data-tls='1a'] .tls-row:where([data-primary-ui-legacy] *) {
  height: 28px;
  border-radius: 4px;
  background: linear-gradient(180deg, #2b2b2f, #202024);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    inset 0 -1px 0 rgba(0, 0, 0, 0.55),
    0 1px 2px rgba(0, 0, 0, 0.45);
}
[data-tls='1a'] .tls-row[data-active='true']:where([data-primary-ui-legacy] *) {
  color: #f0eee6;
}
[data-tls='1a'] .tls-canvas:where([data-primary-ui-legacy] *) {
  background: #0d0d0e;
  box-shadow:
    inset 1px 0 0 rgba(0, 0, 0, 0.8),
    inset 2px 0 0 rgba(255, 255, 255, 0.03);
}
/* ── 1b Milled channel ── */
[data-tls='1b'] .tls-rail:where([data-primary-ui-legacy] *) {
  padding: 8px 0;
  background: #131315;
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.9);
}
[data-tls='1b'] .tls-rail-dests:where([data-primary-ui-legacy] *) { gap: 2px; }
[data-tls='1b'] .tls-panel:where([data-primary-ui-legacy] *) {
  background: #0e0e10;
  box-shadow:
    inset 3px 0 5px -2px rgba(0, 0, 0, 0.9),
    inset 0 2px 4px -2px rgba(0, 0, 0, 0.9),
    inset -1px 0 0 rgba(255, 255, 255, 0.05);
}
[data-tls='1b'] .tls-head:where([data-primary-ui-legacy] *) {
  height: 34px;
  padding: 0 8px 0 11px;
  box-shadow:
    inset 0 -1px 0 rgba(0, 0, 0, 0.9),
    0 1px 0 rgba(255, 255, 255, 0.045);
}
[data-tls='1b'] .tls-title:where([data-primary-ui-legacy] *) {
  color: #c9c7bf;
}
[data-tls='1b'] .tls-count:where([data-primary-ui-legacy] *) {
  padding: 1px 5px;
  border-radius: 3px;
  color: #100f10;
  background: linear-gradient(180deg, #6f6e66, #55544e);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
[data-tls='1b'] .tls-collapse:hover:where([data-primary-ui-legacy] *) {
  background: transparent;
}
[data-tls='1b'] .tls-rows:where([data-primary-ui-legacy] *) {
  gap: 3px;
  padding: 7px 7px 0;
}
[data-tls='1b'] .tls-row:where([data-primary-ui-legacy] *) {
  height: 28px;
  border-radius: 4px;
  color: #9f9e97;
}
[data-tls='1b'] .tls-row:hover:where([data-primary-ui-legacy] *) {
  background: rgba(255, 255, 255, 0.04);
}
[data-tls='1b'] .tls-row[data-active='true']:where([data-primary-ui-legacy] *) {
  background: #17171a;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    0 1px 2px rgba(0, 0, 0, 0.6);
}
[data-tls='1b'] .tls-canvas:where([data-primary-ui-legacy] *) {
  background: #121214;
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.05);
}
/* ── 1c Single plate, engraved ── */
[data-tls='1c'] .tls-plate:where([data-primary-ui-legacy] *) {
  display: flex;
  background: linear-gradient(180deg, #1c1c1f, #171719);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
[data-tls='1c'] .tls-rail:where([data-primary-ui-legacy] *) {
  padding: 8px 0;
  box-shadow:
    inset -1px 0 0 rgba(0, 0, 0, 0.65),
    inset -2px 0 0 rgba(255, 255, 255, 0.035);
}
[data-tls='1c'] .tls-rail-dests:where([data-primary-ui-legacy] *) { gap: 3px; }
[data-tls='1c'] .tls-head:where([data-primary-ui-legacy] *) {
  height: 34px;
  padding: 0 8px 0 11px;
}
[data-tls='1c'] .tls-title:where([data-primary-ui-legacy] *) {
  font-family: 'IBM Plex Mono', ui-monospace, monospace;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #8d8c84;
}
[data-tls='1c'] .tls-count:where([data-primary-ui-legacy] *) {
  color: #b8b6ac;
}
[data-tls='1c'] .tls-rule:where([data-primary-ui-legacy] *) {
  height: 1px;
  background: rgba(0, 0, 0, 0.6);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.045);
}
[data-tls='1c'] .tls-rows:where([data-primary-ui-legacy] *) {
  gap: 1px;
  padding: 8px 8px 0;
}
[data-tls='1c'] .tls-row:where([data-primary-ui-legacy] *) {
  height: 28px;
  border-radius: 4px;
  color: #a5a49c;
}
[data-tls='1c'] .tls-row:hover:where([data-primary-ui-legacy] *) {
  background: rgba(255, 255, 255, 0.04);
}
[data-tls='1c'] .tls-row[data-active='true']:where([data-primary-ui-legacy] *) {
  background: rgba(0, 0, 0, 0.35);
  box-shadow:
    inset 0 1px 2px rgba(0, 0, 0, 0.7),
    0 1px 0 rgba(255, 255, 255, 0.06);
}
[data-tls='1c'] .tls-canvas:where([data-primary-ui-legacy] *) {
  background: #0d0d0e;
  box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.85);
}
/* ── 1d Floating card ── */
[data-tls='1d'] .tls-frame:where([data-primary-ui-legacy] *) {
  background: #0c0c0d;
}
[data-tls='1d'] .tls-rail:where([data-primary-ui-legacy] *) {
  padding: 8px 0;
  background: #0c0c0d;
}
[data-tls='1d'] .tls-rail-dests:where([data-primary-ui-legacy] *) { gap: 3px; }
[data-tls='1d'] .tls-panel-well:where([data-primary-ui-legacy] *) {
  display: flex;
  width: 168px;
  flex-shrink: 0;
  padding: 6px 6px 6px 0;
}
[data-tls='1d'] .tls-panel:where([data-primary-ui-legacy] *) {
  width: auto;
  flex: 1;
  border-radius: 7px;
  background: linear-gradient(180deg, #1b1b1e, #151517);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    inset 0 0 0 1px rgba(255, 255, 255, 0.035),
    0 4px 10px rgba(0, 0, 0, 0.7),
    0 1px 2px rgba(0, 0, 0, 0.8);
}
[data-tls='1d'] .tls-head:where([data-primary-ui-legacy] *) {
  height: 34px;
  padding: 0 8px 0 10px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.55);
}
[data-tls='1d'] .tls-count:where([data-primary-ui-legacy] *) {
  padding: 1px 5px;
  border-radius: 9px;
  color: #a9a79d;
  background: rgba(0, 0, 0, 0.45);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.7);
}
[data-tls='1d'] .tls-collapse:hover:where([data-primary-ui-legacy] *) {
  background: rgba(255, 255, 255, 0.07);
}
[data-tls='1d'] .tls-rows:where([data-primary-ui-legacy] *) {
  gap: 2px;
  padding: 6px;
}
[data-tls='1d'] .tls-row:where([data-primary-ui-legacy] *) {
  height: 28px;
  border-radius: 5px;
}
[data-tls='1d'] .tls-row:hover:where([data-primary-ui-legacy] *) {
  background: rgba(255, 255, 255, 0.05);
}
[data-tls='1d'] .tls-row[data-active='true']:where([data-primary-ui-legacy] *) {
  color: #f2f0e8;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.06));
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}
[data-tls='1d'] .tls-canvas:where([data-primary-ui-legacy] *) {
  background: #101012;
  border-radius: 7px 0 0 7px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    inset 1px 0 0 rgba(255, 255, 255, 0.04);
}
/* ── 1e Hard chamfer ── */
[data-tls='1e'] .tls-frame:where([data-primary-ui-legacy] *) {
  border: 1px solid #232326;
  border-radius: 3px;
}
[data-tls='1e'] .tls-rail:where([data-primary-ui-legacy] *) {
  padding: 4px 0;
  background: linear-gradient(90deg, #202024, #191a1c);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    inset -1px 0 0 rgba(0, 0, 0, 0.8);
}
[data-tls='1e'] .tls-rail-dests:where([data-primary-ui-legacy] *) { gap: 0; }
[data-tls='1e'] .tls-panel:where([data-primary-ui-legacy] *) {
  background: #121214;
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.05);
}
[data-tls='1e'] .tls-head:where([data-primary-ui-legacy] *) {
  height: 32px;
  padding: 0 6px 0 10px;
  background: linear-gradient(180deg, #1a1a1d, #151517);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    inset 0 -1px 0 rgba(0, 0, 0, 0.85);
}
[data-tls='1e'] .tls-title:where([data-primary-ui-legacy] *) {
  font-family: 'IBM Plex Mono', ui-monospace, monospace;
  font-size: 10.5px;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #c4c2ba;
}
[data-tls='1e'] .tls-count:where([data-primary-ui-legacy] *) {
  padding: 0 4px;
  border-radius: 2px;
  color: #eceae2;
  background: rgba(255, 255, 255, 0.09);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.14);
}
[data-tls='1e'] .tls-collapse:where([data-primary-ui-legacy] *) {
  border-radius: 2px;
}
[data-tls='1e'] .tls-rows:where([data-primary-ui-legacy] *) {
  gap: 0;
}
[data-tls='1e'] .tls-row:where([data-primary-ui-legacy] *) {
  height: 30px;
  padding: 0 10px;
  border-radius: 0;
  color: #a1a099;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.5);
}
[data-tls='1e'] .tls-row:hover:where([data-primary-ui-legacy] *) {
  background: rgba(255, 255, 255, 0.035);
}
[data-tls='1e'] .tls-row[data-active='true']:where([data-primary-ui-legacy] *) {
  background: #191a1c;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    inset 0 -1px 0 rgba(0, 0, 0, 0.6);
}
[data-tls='1e'] .tls-canvas:where([data-primary-ui-legacy] *) {
  background: #0d0d0e;
  box-shadow:
    inset 1px 0 0 rgba(0, 0, 0, 0.85),
    inset 2px 0 0 rgba(255, 255, 255, 0.035);
}
/* ── 1f Keycap rows ── */
[data-tls='1f'] .tls-rail:where([data-primary-ui-legacy] *) {
  padding: 7px 0;
  background: #0f0f11;
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.04);
}
[data-tls='1f'] .tls-rail-dests:where([data-primary-ui-legacy] *) { gap: 5px; }
[data-tls='1f'] .tls-panel:where([data-primary-ui-legacy] *) {
  background: #0f0f11;
}
[data-tls='1f'] .tls-head:where([data-primary-ui-legacy] *) {
  height: 36px;
  padding: 0 7px 0 11px;
}
[data-tls='1f'] .tls-title:where([data-primary-ui-legacy] *) {
  color: #cbc9c1;
}
[data-tls='1f'] .tls-count:where([data-primary-ui-legacy] *) {
  padding: 1px 5px;
  border-radius: 4px;
  color: #b0aea4;
  background: linear-gradient(180deg, #232327, #191a1c);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 1px 1px rgba(0, 0, 0, 0.6);
}
[data-tls='1f'] .tls-collapse:where([data-primary-ui-legacy] *) {
  width: 20px;
  height: 20px;
  border-radius: 5px;
  background: linear-gradient(180deg, #212125, #18181b);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    0 1px 1px rgba(0, 0, 0, 0.6);
}
[data-tls='1f'] .tls-collapse:hover:where([data-primary-ui-legacy] *) {
  color: #e2e0d8;
  background: linear-gradient(180deg, #212125, #18181b);
}
[data-tls='1f'] .tls-rows:where([data-primary-ui-legacy] *) {
  gap: 4px;
  padding: 0 7px;
}
[data-tls='1f'] .tls-row:where([data-primary-ui-legacy] *) {
  height: 30px;
  padding: 0 9px;
  border-radius: 6px;
  color: #a2a199;
  background: #151517;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 1px 1px rgba(0, 0, 0, 0.5);
}
[data-tls='1f'] .tls-row:hover:where([data-primary-ui-legacy] *) {
  color: #e6e4dc;
  background: #1a1a1d;
}
[data-tls='1f'] .tls-row[data-active='true']:where([data-primary-ui-legacy] *) {
  color: #f2f0e8;
  background: linear-gradient(180deg, #2a2a2e, #1e1e21);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.13),
    inset 0 -2px 0 rgba(0, 0, 0, 0.5),
    0 2px 3px rgba(0, 0, 0, 0.55);
}
[data-tls='1f'] .tls-canvas:where([data-primary-ui-legacy] *) {
  background: #0c0c0d;
  box-shadow:
    inset 1px 0 0 rgba(0, 0, 0, 0.8),
    inset 2px 0 0 rgba(255, 255, 255, 0.03);
}
/* Shared Primary UI density — roomier controls with compact chrome. */
.tls-frame .tls-rail:where([data-primary-ui-legacy] *) {
  width: 32px;
  gap: 2px !important;
  padding: 3px 0 !important;
}
.tls-frame .tls-rail .ui-ref-ps1-glow-icon:where([data-primary-ui-legacy] *),
.tls-frame .tls-rail button.ui-ref-ps1-glow-icon:where([data-primary-ui-legacy] *) {
  width: 26px !important;
  min-width: 26px !important;
  height: 26px !important;
  min-height: 26px !important;
}
.tls-frame .tls-rail .ui-ref-ps1-sis-dest:where([data-primary-ui-legacy] *),
.tls-frame .tls-rail .ui-ref-ps1-sis-dest svg:where([data-primary-ui-legacy] *),
.tls-frame .tls-rail .ui-ref-ps1-sis-dest img:where([data-primary-ui-legacy] *),
.tls-frame .tls-rail .ui-ref-ps1-glow-icon [data-rd-icon-plate]:where([data-primary-ui-legacy] *) {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
}
.tls-panel:where([data-primary-ui-legacy] *),
[data-tls='1d'] .tls-panel-well:where([data-primary-ui-legacy] *) {
  width: 168px;
}
.tls-head:where([data-primary-ui-legacy] *) {
  height: 22px !important;
  gap: 2px !important;
  padding: 1px 4px !important;
}
.tls-title:where([data-primary-ui-legacy] *),
.tls-count:where([data-primary-ui-legacy] *),
.tls-row:where([data-primary-ui-legacy] *),
.tls-collapse:where([data-primary-ui-legacy] *) {
  font-size: var(--primary-ui-chrome-font-size, 12px) !important;
}
.tls-count:where([data-primary-ui-legacy] *) {
  padding: 0 3px !important;
}
.tls-collapse:where([data-primary-ui-legacy] *) {
  width: 16px !important;
  height: 16px !important;
}
.tls-rows:where([data-primary-ui-legacy] *) {
  gap: 2px !important;
  padding: 3px !important;
}
[data-tls='1e'] .tls-rows:where([data-primary-ui-legacy] *) {
  padding: 0 !important;
}
.tls-row:where([data-primary-ui-legacy] *) {
  height: 22px !important;
  gap: 2px !important;
  padding: 1px 4px 1px 6px !important;
}
[data-tls='1d'] .tls-panel-well:where([data-primary-ui-legacy] *) {
  padding: 1px !important;
}
/*
 * Canonical Workspace Container sidebar chrome.
 * Chrome previews and container embeds opt into this exact metric/token set so
 * gallery cards, Workspace Container and Creative Tools cannot drift apart.
 */
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1']:where([data-primary-ui-legacy] *) {
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  color: var(--workspace-sidebar-fg);
  background: var(--workspace-sidebar-bg);
}
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .tls-rail:where([data-primary-ui-legacy] *) {
  width: var(--workspace-sidebar-rail-width);
  gap: var(--workspace-sidebar-gap) !important;
  padding: var(--workspace-sidebar-pad) 0 !important;
  background: linear-gradient(
    180deg,
    var(--workspace-sidebar-rail-top),
    var(--workspace-sidebar-rail-bottom)
  );
  border-right: 1px solid var(--workspace-sidebar-line);
  box-shadow:
    inset 1px 0 0 rgba(255, 255, 255, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    2px 0 4px rgba(0, 0, 0, 0.6);
}
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .tls-rail-dests:where([data-primary-ui-legacy] *) {
  gap: var(--workspace-sidebar-gap);
}
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .tls-rail-footer:where([data-primary-ui-legacy] *) {
  border-top-color: var(--workspace-sidebar-line);
}
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .tls-rail .ui-ref-ps1-glow-icon:where([data-primary-ui-legacy] *),
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .tls-rail button.ui-ref-ps1-glow-icon:where([data-primary-ui-legacy] *) {
  width: var(--workspace-sidebar-control-size) !important;
  min-width: var(--workspace-sidebar-control-size) !important;
  height: var(--workspace-sidebar-control-size) !important;
  min-height: var(--workspace-sidebar-control-size) !important;
}
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .tls-rail .ui-ref-ps1-sis-dest:where([data-primary-ui-legacy] *),
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .tls-rail .ui-ref-ps1-sis-dest svg:where([data-primary-ui-legacy] *),
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .tls-rail .ui-ref-ps1-sis-dest img:where([data-primary-ui-legacy] *),
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .tls-rail .ui-ref-ps1-glow-icon [data-rd-icon-plate]:where([data-primary-ui-legacy] *) {
  width: var(--workspace-sidebar-icon-size) !important;
  min-width: var(--workspace-sidebar-icon-size) !important;
  height: var(--workspace-sidebar-icon-size) !important;
  min-height: var(--workspace-sidebar-icon-size) !important;
}
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .tls-panel:where([data-primary-ui-legacy] *),
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .tls-panel-well:where([data-primary-ui-legacy] *) {
  width: var(--workspace-sidebar-panel-width);
}
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .tls-panel:where([data-primary-ui-legacy] *) {
  color: var(--workspace-sidebar-fg);
  background: var(--workspace-sidebar-panel);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .tls-head:where([data-primary-ui-legacy] *) {
  height: var(--workspace-sidebar-head-height) !important;
  gap: var(--workspace-sidebar-gap) !important;
  padding: 1px 4px !important;
  background: linear-gradient(
    180deg,
    var(--workspace-sidebar-head-top),
    var(--workspace-sidebar-head-bottom)
  );
  border-bottom: 1px solid var(--workspace-sidebar-line);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 1px 0 rgba(0, 0, 0, 0.7);
}
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .tls-title:where([data-primary-ui-legacy] *) {
  color: var(--workspace-sidebar-fg);
}
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .tls-count:where([data-primary-ui-legacy] *),
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .tls-collapse:where([data-primary-ui-legacy] *) {
  color: var(--workspace-sidebar-muted);
}
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .tls-rows:where([data-primary-ui-legacy] *) {
  gap: var(--workspace-sidebar-gap) !important;
  padding: var(--workspace-sidebar-pad) !important;
}
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'][data-tls-layout='ps3'] .tls-rows:where([data-primary-ui-legacy] *) {
  padding: 0 !important;
}
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .tls-row:where([data-primary-ui-legacy] *) {
  height: var(--workspace-sidebar-row-height) !important;
  gap: var(--workspace-sidebar-gap) !important;
  padding: 1px 4px 1px 6px !important;
  border-radius: 0;
  color: var(--workspace-sidebar-muted);
  background: linear-gradient(
    180deg,
    var(--workspace-sidebar-row-top),
    var(--workspace-sidebar-row-bottom)
  );
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    inset 0 -1px 0 rgba(0, 0, 0, 0.55),
    0 1px 2px rgba(0, 0, 0, 0.45);
}
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .tls-row:hover:where([data-primary-ui-legacy] *),
.workspace-sidebar-chrome[data-workspace-sidebar-chrome='compact-v1'] .tls-row[data-active='true']:where([data-primary-ui-legacy] *) {
  color: var(--workspace-sidebar-fg);
}

/* Frozen 14 October 2026. Legacy UI scope only. */
/* Developer Workspace — indigo hub theme (scoped to shell; font inherits site) */

.dev-workspace-shell:where([data-primary-ui-legacy] *) {
  /* Light theme tokens */
  --background: 0 0% 100%;
  --foreground: 0 0% 10.1961%;
  --card: 0 0% 96.8627%;
  --card-foreground: 0 0% 10.1961%;
  --popover: 0 0% 100%;
  --popover-foreground: 0 0% 10.1961%;
  --primary: 233.7931 56.3107% 59.6078%;
  --primary-foreground: 0 0% 100%;
  --secondary: 210 7.1429% 94.5098%;
  --secondary-foreground: 0 0% 20.3922%;
  --muted: 210 7.1429% 94.5098%;
  --muted-foreground: 0 0% 44.3137%;
  --accent: 210 7.1429% 94.5098%;
  --accent-foreground: 0 0% 10.1961%;
  --destructive: 0 100% 65.0980%;
  --destructive-foreground: 0 0% 100%;
  --border: 0 0% 88.6275%;
  --input: 0 0% 88.6275%;
  --ring: 233.7931 56.3107% 59.6078%;
  --chart-1: 233.7931 56.3107% 59.6078%;
  --chart-2: 188.9286 68.8525% 47.8431%;
  --chart-3: 34.6256 100% 55.4902%;
  --chart-4: 261.8692 46.7249% 55.0980%;
  --chart-5: 339.7183 82.5581% 66.2745%;
  --sidebar: 60 11.1111% 96.4706%;
  --sidebar-foreground: 45 7.8431% 20%;
  --sidebar-primary: 233.7931 56.3107% 59.6078%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 60 5.8824% 93.3333%;
  --sidebar-accent-foreground: 45 7.8431% 20%;
  --sidebar-border: 45 10% 92.1569%;
  --sidebar-ring: 233.7931 56.3107% 59.6078%;
  --radius: 0.375rem;
  /* Keep site/app font — do not force theme Inter stack */
  --tracking-normal: -0.011em;
  --shadow-x: 0px;
  --shadow-y: 2px;
  --shadow-blur: 4px;
  --shadow-spread: 0px;
  --shadow-opacity: 0.05;
  --shadow-color: 0, 0, 0;
  --shadow-2xs: 0px 2px 4px 0px hsl(0 0% 0% / 0.03);
  --shadow-xs: 0px 2px 4px 0px hsl(0 0% 0% / 0.03);
  --shadow-sm: 0px 2px 4px 0px hsl(0 0% 0% / 0.05), 0px 1px 2px -1px hsl(0 0% 0% / 0.05);
  --shadow: 0px 2px 4px 0px hsl(0 0% 0% / 0.05), 0px 1px 2px -1px hsl(0 0% 0% / 0.05);
  --shadow-md: 0px 2px 4px 0px hsl(0 0% 0% / 0.05), 0px 2px 4px -1px hsl(0 0% 0% / 0.05);
  --shadow-lg: 0px 2px 4px 0px hsl(0 0% 0% / 0.05), 0px 4px 6px -1px hsl(0 0% 0% / 0.05);
  --shadow-xl: 0px 2px 4px 0px hsl(0 0% 0% / 0.05), 0px 8px 10px -1px hsl(0 0% 0% / 0.05);
  --shadow-2xl: 0px 2px 4px 0px hsl(0 0% 0% / 0.13);

  --dev-ws-radius: var(--radius);
  --dev-ws-radius-sm: calc(var(--radius) - 0.05rem);
  --dev-ws-tab-radius: 1px;
  --dev-ws-activity-bg: hsl(var(--sidebar));
  --dev-ws-status-bg: hsl(var(--secondary));
  --dev-ws-panel-bg: hsl(var(--card));
  --dev-ws-editor-bg: hsl(var(--background));
  --dev-ws-border: hsl(var(--border));
  --dev-ws-border-strong: hsl(var(--sidebar-border));
  --dev-ws-tab-active: hsl(var(--secondary));
  --dev-ws-accent: hsl(var(--primary));
  --dev-ws-accent-soft: hsl(var(--primary) / 0.14);
  --dev-ws-hover: hsl(var(--sidebar-accent) / 0.85);
  --dev-ws-font-ui: var(--rd-font-sans, inherit);
  --dev-ws-font-mono: var(--rd-font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);
  --console-bg: hsl(var(--background));
  --console-surface: hsl(var(--secondary));
  --console-border: hsl(var(--border));
  --console-muted: hsl(var(--muted-foreground));
  --console-font-ui: var(--dev-ws-font-ui);
  --console-font-log: var(--dev-ws-font-mono);

  /* Sidebar + container polish */
  --dev-ws-divider: hsl(var(--border) / 0.72);
  --dev-ws-divider-strong: hsl(var(--border) / 0.88);
  --dev-ws-surface-raised: hsl(var(--muted) / 0.2);
  --dev-ws-surface-raised-hover: hsl(var(--muted) / 0.3);
  --dev-ws-surface-raised-active: hsl(var(--muted) / 0.4);
  --dev-ws-elevation-inset:
    inset 1px 1px 0 hsl(var(--foreground) / 0.06),
    inset -1px -1px 0 hsl(var(--foreground) / 0.03);
  --dev-ws-elevation-inset-hover:
    inset 1px 1px 0 hsl(var(--foreground) / 0.08),
    inset -1px -1px 0 hsl(var(--foreground) / 0.04);
  --dev-ws-elevation-inset-active:
    inset 1px 1px 0 hsl(var(--foreground) / 0.1),
    inset -1px -1px 0 hsl(var(--foreground) / 0.05),
    0 1px 1px hsl(var(--foreground) / 0.03);
  --dev-ws-transition-fast: 140ms ease;
  --dev-ws-container-shadow: var(--shadow-md);

  color: hsl(var(--foreground));
  background: hsl(var(--background));
  font-family: var(--dev-ws-font-ui);
  letter-spacing: var(--tracking-normal);
  border-radius: 0;
}

/* Dark hub — cool near-black + indigo primary */
.dark .dev-workspace-shell:where([data-primary-ui-legacy] *),
.dev-workspace-shell[data-ide-theme="atelier-dark"]:where([data-primary-ui-legacy] *),
.dev-workspace-shell[data-ide-theme="hub-dark"]:where([data-primary-ui-legacy] *) {
  --background: 240 4% 4.902%;
  --foreground: 0 0% 93.3333%;
  --card: 240 2.3256% 8.4314%;
  --card-foreground: 0 0% 93.3333%;
  --popover: 240 2.3256% 8.4314%;
  --popover-foreground: 0 0% 93.3333%;
  --primary: 233.7931 56.3107% 59.6078%;
  --primary-foreground: 0 0% 100%;
  --secondary: 240 2.9412% 13.3333%;
  --secondary-foreground: 0 0% 60.7843%;
  --muted: 240 2.9412% 13.3333%;
  --muted-foreground: 218.5714 6.3636% 56.8627%;
  --accent: 240 2.6316% 14.902%;
  --accent-foreground: 0 0% 100%;
  --destructive: 10.1639 77.8723% 53.9216%;
  --destructive-foreground: 0 0% 100%;
  --border: 0 0% 14.902%;
  --input: 0 0% 14.902%;
  --ring: 233.7931 56.3107% 59.6078%;
  --chart-1: 233.7931 56.3107% 59.6078%;
  --chart-2: 207.0732 80.3922% 60%;
  --chart-3: 339.7183 82.5581% 66.2745%;
  --chart-4: 34.6256 100% 55.4902%;
  --chart-5: 188.9286 68.8525% 47.8431%;
  --sidebar: 240 4% 4.902%;
  --sidebar-foreground: 0 0% 60.7843%;
  --sidebar-primary: 233.7931 56.3107% 59.6078%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 240 1.7544% 11.1765%;
  --sidebar-accent-foreground: 0 0% 100%;
  --sidebar-border: 240 1.7544% 11.1765%;
  --sidebar-ring: 233.7931 56.3107% 59.6078%;
  --shadow-y: 4px;
  --shadow-blur: 12px;
  --shadow-opacity: 0.4;
  --shadow-2xs: 0px 4px 12px 0px hsl(0 0% 0% / 0.20);
  --shadow-xs: 0px 4px 12px 0px hsl(0 0% 0% / 0.20);
  --shadow-sm: 0px 4px 12px 0px hsl(0 0% 0% / 0.40), 0px 1px 2px -1px hsl(0 0% 0% / 0.40);
  --shadow: 0px 4px 12px 0px hsl(0 0% 0% / 0.40), 0px 1px 2px -1px hsl(0 0% 0% / 0.40);
  --shadow-md: 0px 4px 12px 0px hsl(0 0% 0% / 0.40), 0px 2px 4px -1px hsl(0 0% 0% / 0.40);
  --shadow-lg: 0px 4px 12px 0px hsl(0 0% 0% / 0.40), 0px 4px 6px -1px hsl(0 0% 0% / 0.40);
  --shadow-xl: 0px 4px 12px 0px hsl(0 0% 0% / 0.40), 0px 8px 10px -1px hsl(0 0% 0% / 0.40);
  --shadow-2xl: 0px 4px 12px 0px hsl(0 0% 0% / 1);

  --dev-ws-activity-bg: hsl(var(--sidebar));
  --dev-ws-status-bg: hsl(var(--card));
  --dev-ws-panel-bg: hsl(var(--card));
  --dev-ws-editor-bg: hsl(var(--background));
  --dev-ws-border: hsl(var(--border));
  --dev-ws-border-strong: hsl(var(--sidebar-border));
  --dev-ws-tab-active: hsl(var(--secondary));
  --dev-ws-accent: hsl(var(--primary));
  --dev-ws-accent-soft: hsl(var(--primary) / 0.18);
  --dev-ws-hover: hsl(var(--sidebar-accent) / 0.9);
  --console-bg: hsl(var(--background));
  --console-surface: hsl(var(--card));
  --console-border: hsl(var(--border));
  --console-muted: hsl(var(--muted-foreground));

  --dev-ws-divider: hsl(var(--border) / 0.85);
  --dev-ws-divider-strong: hsl(var(--border));
  --dev-ws-surface-raised: hsl(var(--muted) / 0.35);
  --dev-ws-surface-raised-hover: hsl(var(--muted) / 0.48);
  --dev-ws-surface-raised-active: hsl(var(--muted) / 0.58);
  --dev-ws-elevation-inset:
    inset 1px 1px 0 hsl(var(--foreground) / 0.05),
    inset -1px -1px 0 hsl(var(--foreground) / 0.025);
  --dev-ws-elevation-inset-hover:
    inset 1px 1px 0 hsl(var(--foreground) / 0.07),
    inset -1px -1px 0 hsl(var(--foreground) / 0.035);
  --dev-ws-elevation-inset-active:
    inset 1px 1px 0 hsl(var(--foreground) / 0.09),
    inset -1px -1px 0 hsl(var(--foreground) / 0.045),
    0 1px 1px hsl(var(--foreground) / 0.025);
  --dev-ws-container-shadow: var(--shadow-lg);
}

/* Workspace / module container frame polish (photo-editor variant) */
.workspace-container-frame:where([data-primary-ui-legacy] *) {
  --dev-ws-divider: hsl(var(--border) / 0.72);
  --dev-ws-divider-strong: hsl(var(--border) / 0.88);
  --dev-ws-container-shadow: 0 1px 3px hsl(0 0% 0% / 0.06), 0 1px 2px hsl(0 0% 0% / 0.04);
}

.dark .workspace-container-frame:where([data-primary-ui-legacy] *),
.workspace-container-frame[data-ide-theme='hub-dark']:where([data-primary-ui-legacy] *),
.workspace-container-frame[data-ide-theme='atelier-dark']:where([data-primary-ui-legacy] *) {
  --dev-ws-divider: hsl(var(--border) / 0.85);
  --dev-ws-divider-strong: hsl(var(--border));
  --dev-ws-container-shadow: 0 2px 8px hsl(0 0% 0% / 0.35), 0 1px 2px hsl(0 0% 0% / 0.2);
}

/* Linux GNOME container chrome tokens */
[data-linux-chrome='compact-v3']:where([data-primary-ui-legacy] *) {
  --linux-chrome-bg: #121214;
  --linux-chrome-border: #3d3846;
  --linux-chrome-fg: #deddda;
  --linux-chrome-muted: #9a9996;
  --linux-chrome-hover: hsl(0 0% 100% / 0.06);
  --linux-chrome-shadow: 0 2px 8px hsl(0 0% 0% / 0.35);
  background-color: var(--linux-chrome-bg);
  border-color: var(--linux-chrome-border);
  color: var(--linux-chrome-fg);
  box-shadow: var(--linux-chrome-shadow);
}

/* Title strip has a distinct, consistent height above the shared content headers. */
.workspace-container-frame .linux-container-title-bar.desk-os-menubar:where([data-primary-ui-legacy] *) {
  height: var(--container-title-height, 24px);
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e)) !important;
  border-bottom-color: var(--container-divider, #414147);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.07);
}

.workspace-container-frame .workspace-container-site-chrome:where([data-primary-ui-legacy] *) {
  --linux-chrome-bg: #121214;
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e));
}

.workspace-container-frame .container-photo-title-bar:where([data-primary-ui-legacy] *) {
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e));
  border-bottom-color: transparent;
  color: #deddda;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.035);
}

.workspace-container-frame :is(.linux-bevel-control, [data-container-chrome-control]):where([data-primary-ui-legacy] *) {
  border-color: #48484f;
  border-radius: 2px;
  background: linear-gradient(180deg, #29292e, #202023);
  color: #c5c5cb;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.07);
}

.workspace-container-frame :is(.linux-bevel-control, [data-container-chrome-control]):hover:not(:disabled):where([data-primary-ui-legacy] *) {
  background: #303035;
  border-color: #505057;
  color: #fff;
}

.workspace-container-frame :is(.linux-bevel-control, [data-container-chrome-control]):active:not(:disabled):where([data-primary-ui-legacy] *) {
  background: #101012;
  box-shadow: inset 0 1px 2px rgb(0 0 0 / 0.4);
}

.workspace-container-frame .linux-bevel-control:focus-visible:where([data-primary-ui-legacy] *) {
  outline: 2px solid #60b9e6;
  outline-offset: 1px;
}

.workspace-container-frame .linux-bevel-glyph--maximize:where([data-primary-ui-legacy] *) {
  border-color: currentColor;
}

.workspace-container-frame .linux-bevel-glyph--minimize:where([data-primary-ui-legacy] *)::after,
.workspace-container-frame .linux-bevel-glyph--close:where([data-primary-ui-legacy] *)::before,
.workspace-container-frame .linux-bevel-glyph--close:where([data-primary-ui-legacy] *)::after {
  background: currentColor;
}

.workspace-container-site-chrome .btb-row:where([data-primary-ui-legacy] *) {
  min-height: 16px;
  padding: 0 3px;
}

.workspace-container-frame .btb-row:where([data-primary-ui-legacy] *) {
  min-height: 16px;
  padding: 0 3px;
}

/* Raised-square window controls on linux title bar (Blender / retro desktop). */
.linux-bevel-control:where([data-primary-ui-legacy] *) {
  display: grid;
  place-items: center;
  width: 14px;
  height: 14px;
  padding: 0;
  border: 1px solid #808080;
  border-radius: 0;
  background: #bfbfbf;
  box-shadow:
    inset 1px 1px 0 #ffffff,
    inset -1px -1px 0 #404040;
  cursor: default;
}

.linux-bevel-control:hover:where([data-primary-ui-legacy] *) {
  background: #c8c8c8;
}

.linux-bevel-control:active:where([data-primary-ui-legacy] *) {
  background: #a8a8a8;
  box-shadow:
    inset 1px 1px 0 #404040,
    inset -1px -1px 0 #ffffff;
}

.linux-bevel-control:disabled:where([data-primary-ui-legacy] *) {
  opacity: 0.65;
  cursor: default;
}

.linux-bevel-collapse:where([data-primary-ui-legacy] *) {
  display: grid;
  place-items: center;
  width: 12px;
  height: 12px;
  padding: 0;
  border: none;
  background: transparent;
  color: #9a9996;
}

.linux-bevel-collapse:hover:where([data-primary-ui-legacy] *) {
  color: #deddda;
}

.linux-bevel-glyph:where([data-primary-ui-legacy] *) {
  position: relative;
  display: block;
  width: 8px;
  height: 8px;
}

.linux-bevel-glyph--minimize:where([data-primary-ui-legacy] *)::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: #1a1a1a;
}

.linux-bevel-glyph--maximize:where([data-primary-ui-legacy] *) {
  border: 1.5px solid #1a1a1a;
  box-sizing: border-box;
}

.linux-bevel-glyph--close:where([data-primary-ui-legacy] *)::before,
.linux-bevel-glyph--close:where([data-primary-ui-legacy] *)::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 1.5px;
  background: #1a1a1a;
}

.linux-bevel-glyph--close:where([data-primary-ui-legacy] *)::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.linux-bevel-glyph--close:where([data-primary-ui-legacy] *)::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* Miniature workspace chrome — sitewide bottom-bar popups */
.linux-container-title-bar--mini:where([data-primary-ui-legacy] *) {
  height: 16px !important;
  gap: 2px;
}

.linux-container-title-bar--mini .linux-bevel-control:where([data-primary-ui-legacy] *) {
  width: 11px;
  height: 11px;
}

.linux-container-title-bar--mini .linux-bevel-glyph:where([data-primary-ui-legacy] *) {
  width: 6px;
  height: 6px;
}

.linux-container-title-bar--mini .linux-bevel-glyph--minimize:where([data-primary-ui-legacy] *)::after {
  height: 1.5px;
}

.linux-container-title-bar--mini .linux-bevel-glyph--maximize:where([data-primary-ui-legacy] *) {
  border-width: 1px;
}

.linux-container-title-bar--mini .linux-bevel-glyph--close:where([data-primary-ui-legacy] *)::before,
.linux-container-title-bar--mini .linux-bevel-glyph--close:where([data-primary-ui-legacy] *)::after {
  width: 6px;
  height: 1px;
}

.dev-workspace-shell .dev-ws-activity-bar:where([data-primary-ui-legacy] *),
.dev-workspace-shell .dev-ws-sidebar:where([data-primary-ui-legacy] *),
.dev-workspace-shell .dev-ws-right-panel:where([data-primary-ui-legacy] *),
.dev-workspace-shell .dev-ws-status-bar:where([data-primary-ui-legacy] *),
.dev-workspace-shell .dev-project-panel:where([data-primary-ui-legacy] *),
.dev-workspace-shell .dev-project-status:where([data-primary-ui-legacy] *),
.dev-workspace-shell .dev-project-toolbar:where([data-primary-ui-legacy] *) {
  background: var(--dev-ws-panel-bg);
  border-color: var(--dev-ws-border);
  backdrop-filter: none;
}

.dev-workspace-shell .dev-ws-activity-bar:where([data-primary-ui-legacy] *) {
  background: var(--dev-ws-activity-bg);
}

.dev-workspace-shell .dev-ws-status-bar:where([data-primary-ui-legacy] *),
.dev-workspace-shell .dev-project-status:where([data-primary-ui-legacy] *) {
  background: var(--dev-ws-status-bg);
  border-top: 1px solid var(--dev-ws-border);
  color: hsl(var(--muted-foreground));
}

.dev-workspace-shell .dev-ws-resize-handle:where([data-primary-ui-legacy] *) {
  background: transparent;
}
.dev-workspace-shell .dev-ws-resize-handle:hover:where([data-primary-ui-legacy] *),
.dev-workspace-shell .dev-ws-resize-handle--active:where([data-primary-ui-legacy] *) {
  background: color-mix(in srgb, var(--dev-ws-accent) 55%, transparent);
}

.dev-workspace-shell .sandbox-editor-tabs:where([data-primary-ui-legacy] *) {
  background: var(--dev-ws-activity-bg);
  border-color: var(--dev-ws-border);
}
.dev-workspace-shell .sandbox-editor-tab--active:where([data-primary-ui-legacy] *) {
  background: var(--dev-ws-editor-bg);
}

.dev-ws-activity-bar:where([data-primary-ui-legacy] *) {
  background: var(--dev-ws-activity-bg);
  color: hsl(var(--sidebar-foreground));
  border-color: var(--dev-ws-border) !important;
}

.dev-ws-activity-btn:where([data-primary-ui-legacy] *) {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 999px;
  transition: background 160ms ease;
}

.dev-ws-activity-btn--labeled:where([data-primary-ui-legacy] *) {
  flex-direction: column;
  width: 3.25rem;
  height: auto;
  min-height: 2.25rem;
  padding: 0.2rem 0.1rem 0.25rem;
  border-radius: 0.375rem;
  gap: 0.15rem;
}

.dev-ws-activity-btn__label:where([data-primary-ui-legacy] *) {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 9px;
  line-height: 1;
  letter-spacing: 0.01em;
  text-transform: lowercase;
}

.dev-ws-activity-btn:hover:where([data-primary-ui-legacy] *) {
  background: var(--dev-ws-hover);
}

.dev-ws-activity-btn--active:where([data-primary-ui-legacy] *) {
  background: var(--dev-ws-accent-soft);
}

.dev-ws-activity-btn--active:where([data-primary-ui-legacy] *)::before {
  content: '';
  position: absolute;
  left: 1px;
  top: 0.45rem;
  bottom: 0.45rem;
  width: 1.5px;
  border-radius: 999px;
  background: var(--dev-ws-accent);
}

.dev-ws-activity-btn--labeled.dev-ws-activity-btn--active:where([data-primary-ui-legacy] *)::before {
  top: 0.28rem;
  bottom: 0.28rem;
}

.dev-ws-sidebar:where([data-primary-ui-legacy] *),
.dev-ws-right-panel:where([data-primary-ui-legacy] *) {
  background: var(--dev-ws-panel-bg);
  backdrop-filter: blur(14px);
  border-color: var(--dev-ws-border) !important;
}

.dev-ws-sidebar-header:where([data-primary-ui-legacy] *) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.65rem 0.85rem 0.5rem;
  border-bottom: 1px solid var(--dev-ws-border);
  min-height: 2.15rem;
}

.dev-ws-sidebar-title:where([data-primary-ui-legacy] *) {
  font-size: 0.9375rem;
  font-weight: 500;
  letter-spacing: var(--tracking-normal);
  text-transform: lowercase;
  color: hsl(var(--foreground) / 0.92);
  line-height: 1.2;
}

.dev-ws-nav-item-rule:where([data-primary-ui-legacy] *) {
  width: 1px;
  align-self: stretch;
  margin-block: 0.15rem;
  flex-shrink: 0;
  background: color-mix(in srgb, var(--dev-ws-border-strong) 85%, transparent);
}

.dev-ws-nav-item:where([data-primary-ui-legacy] *) {
  position: relative;
  width: calc(100% - 0.75rem);
  margin-left: 0.375rem;
  margin-right: 0.375rem;
  display: flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.35rem 0.5rem;
  border-radius: var(--dev-ws-tab-radius, 1px);
  text-align: left;
  font-size: 0.8125rem;
  font-weight: 450;
  letter-spacing: var(--tracking-normal);
  text-transform: lowercase;
  color: hsl(var(--muted-foreground));
  transition: background 140ms ease, color 140ms ease;
}

.dev-ws-nav-item:hover:where([data-primary-ui-legacy] *) {
  background: var(--dev-ws-hover);
  color: hsl(var(--foreground));
}

.dev-ws-nav-item--active:where([data-primary-ui-legacy] *) {
  background: var(--dev-ws-accent-soft);
  color: hsl(var(--foreground));
  font-weight: 500;
}

.dev-ws-nav-item--active:where([data-primary-ui-legacy] *)::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.35rem;
  bottom: 0.35rem;
  width: 1.5px;
  border-radius: 999px;
  background: var(--dev-ws-accent);
}

.dev-ws-center:where([data-primary-ui-legacy] *) {
  background: var(--dev-ws-editor-bg);
  min-width: 0;
}

.dev-ws-center-column:where([data-primary-ui-legacy] *) {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.dev-ws-tab-bar:where([data-primary-ui-legacy] *) {
  display: flex;
  align-items: stretch;
  gap: 0.35rem;
  min-height: 2.25rem;
  padding: 0 0.5rem;
  border-bottom: 1px solid var(--dev-ws-border);
  background: color-mix(in srgb, var(--dev-ws-panel-bg) 94%, transparent);
  flex-shrink: 0;
  /* Keep trailing chrome visible; tabs scroll first */
  overflow-x: auto;
  scrollbar-width: thin;
}

.dev-ws-tab-bar__tabs:where([data-primary-ui-legacy] *) {
  display: flex;
  align-items: stretch;
  flex: 1 1 auto;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: thin;
}

.dev-ws-tab-bar__actions:where([data-primary-ui-legacy] *) {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  flex: 0 1 auto;
  min-width: 0;
  padding-left: 0.35rem;
  border-left: 1px solid var(--dev-ws-border);
  margin: 0.35rem 0 0.35rem 0.15rem;
  overflow-x: auto;
  scrollbar-width: none;
}

.dev-ws-tab-bar__rule:where([data-primary-ui-legacy] *) {
  width: 1px;
  align-self: center;
  height: 0.9rem;
  background: var(--dev-ws-border);
  flex-shrink: 0;
  margin: 0 0.1rem;
}

.dev-ws-chrome-actions:where([data-primary-ui-legacy] *) {
  display: inline-flex;
  align-items: center;
  gap: 0.05rem;
  flex: 0 0 auto;
  align-self: center;
  margin: 0.25rem 0 0.25rem 0.25rem;
  padding: 0.12rem 0.22rem;
  border: 1px solid var(--dev-ws-border);
  border-radius: 0.45rem;
  background: color-mix(in srgb, var(--dev-ws-panel-bg) 70%, hsl(var(--muted)) 30%);
  position: sticky;
  right: 0.25rem;
  z-index: 3;
  box-shadow: -8px 0 12px -8px color-mix(in srgb, var(--dev-ws-panel-bg) 90%, transparent);
}

.dev-ws-chrome-btn:where([data-primary-ui-legacy] *) {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 1.75rem !important;
  height: 1.75rem !important;
  min-width: 1.75rem !important;
  padding: 0 !important;
  border: none;
  border-radius: 0.35rem;
  background: transparent;
  color: hsl(var(--foreground) / 0.72);
  cursor: pointer;
  transition: color 120ms ease, background 120ms ease;
  flex-shrink: 0;
}

.dev-ws-chrome-btn:hover:not(:disabled):where([data-primary-ui-legacy] *) {
  color: hsl(var(--foreground));
  background: var(--dev-ws-hover);
}

.dev-ws-chrome-btn:disabled:where([data-primary-ui-legacy] *) {
  opacity: 0.35;
  cursor: default;
}

.dev-ws-chrome-btn--active:where([data-primary-ui-legacy] *) {
  color: hsl(var(--foreground));
  background: color-mix(in srgb, var(--dev-ws-accent) 22%, transparent);
}

.dev-ws-chrome-btn svg:where([data-primary-ui-legacy] *) {
  width: 0.95rem !important;
  height: 0.95rem !important;
}

.dev-ws-tab:where([data-primary-ui-legacy] *) {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  max-width: 11rem;
  padding: 0.45rem 0.65rem;
  font-size: 0.8125rem;
  font-weight: 450;
  letter-spacing: var(--tracking-normal);
  text-transform: lowercase;
  color: hsl(var(--muted-foreground));
  background: transparent;
  border: none;
  border-radius: 0;
  white-space: nowrap;
  transition: color 140ms ease, background 140ms ease;
}

.dev-ws-tab:hover:where([data-primary-ui-legacy] *) {
  color: hsl(var(--foreground));
  background: var(--dev-ws-hover);
}

.dev-ws-tab--active:where([data-primary-ui-legacy] *) {
  color: hsl(var(--foreground));
  font-weight: 500;
}

.dev-ws-tab--active:where([data-primary-ui-legacy] *)::after {
  content: '';
  position: absolute;
  left: 0.55rem;
  right: 0.55rem;
  bottom: 0;
  height: 1.5px;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    var(--dev-ws-accent),
    color-mix(in srgb, var(--dev-ws-accent) 40%, transparent)
  );
}

.dev-ws-tab__close:where([data-primary-ui-legacy] *) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  margin-left: 0.1rem;
  border-radius: 999px;
  opacity: 0.45;
  color: inherit;
}

.dev-ws-tab__close:hover:where([data-primary-ui-legacy] *) {
  opacity: 1;
  background: hsl(var(--muted-foreground) / 0.15);
}

.dev-ws-tab:not(:hover) .dev-ws-tab__close:where([data-primary-ui-legacy] *) {
  opacity: 0;
}

.dev-ws-status-bar:where([data-primary-ui-legacy] *) {
  background: var(--dev-ws-status-bg);
  color: hsl(var(--muted-foreground));
  font-variant-numeric: tabular-nums;
  border-color: var(--dev-ws-border);
  font-size: 0.6875rem;
}

.dev-ws-ai-sidebar:where([data-primary-ui-legacy] *) {
  min-width: 280px;
}

.dev-ws-bottom-panel:where([data-primary-ui-legacy] *),
.dev-project-dock:where([data-primary-ui-legacy] *),
.dev-project-console:where([data-primary-ui-legacy] *) {
  --console-font-ui: var(--dev-ws-font-ui);
  --console-font-log: var(--dev-ws-font-mono);
  --console-bg: hsl(var(--background));
  --console-surface: hsl(var(--secondary));
  --console-border: hsl(var(--border));
  --console-muted: hsl(var(--muted-foreground));
  font-family: var(--console-font-ui);
  background: var(--console-bg);
  color: hsl(var(--foreground));
  letter-spacing: var(--tracking-normal);
}

/* ── Dock shell ── */
.dev-project-dock:where([data-primary-ui-legacy] *) {
  border-top: 1px solid var(--console-border);
}

/* ── Tab bar ── */
.dev-console-tabs:where([data-primary-ui-legacy] *) {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 0.35rem;
  padding: 0 0.35rem 0 0.5rem;
  border-bottom: 1px solid var(--console-border);
  background: var(--console-surface);
  flex-shrink: 0;
  min-height: 2rem;
}

.dev-console-tabs__list:where([data-primary-ui-legacy] *) {
  display: flex;
  align-items: stretch;
  gap: 0;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: thin;
}

.dev-console-tabs__trailing:where([data-primary-ui-legacy] *) {
  display: inline-flex;
  align-items: center;
  gap: 0.1rem;
  flex-shrink: 0;
  padding-left: 0.25rem;
  border-left: 1px solid var(--console-border);
  margin: 0.2rem 0;
}

.dev-console-session-select:where([data-primary-ui-legacy] *) {
  display: inline-flex;
  align-items: center;
  gap: 0.15rem;
  max-width: 10rem;
  overflow-x: auto;
  scrollbar-width: none;
  margin-right: 0.15rem;
}

.dev-console-session-chip:where([data-primary-ui-legacy] *) {
  border: none;
  background: transparent;
  color: var(--console-muted);
  font-size: 0.6875rem;
  font-family: var(--console-font-ui);
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
  white-space: nowrap;
  cursor: pointer;
}

.dev-console-session-chip:hover:where([data-primary-ui-legacy] *) {
  color: hsl(var(--foreground));
  background: hsl(var(--muted) / 0.4);
}

.dev-console-session-chip--active:where([data-primary-ui-legacy] *) {
  color: hsl(var(--foreground));
  background: hsl(var(--muted) / 0.55);
}

.dev-console-tab:where([data-primary-ui-legacy] *) {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.45rem 0.65rem;
  font-family: var(--console-font-ui);
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: var(--console-muted);
  border: none;
  border-bottom: 2px solid transparent;
  background: transparent;
  cursor: pointer;
  transition: color 140ms ease, border-color 140ms ease, background 140ms ease;
  text-transform: none;
  white-space: nowrap;
}

.dev-console-tab:hover:where([data-primary-ui-legacy] *) {
  color: hsl(var(--foreground));
  background: hsl(var(--muted) / 0.35);
}

.dev-console-tab--active:where([data-primary-ui-legacy] *) {
  color: hsl(var(--foreground));
  border-bottom-color: var(--dev-ws-accent);
}

.dev-console-tab-count:where([data-primary-ui-legacy] *) {
  font-family: var(--console-font-log);
  font-size: 0.625rem;
  font-weight: 500;
  color: var(--console-muted);
  font-variant-numeric: tabular-nums;
}

.dev-console-tab-badge:where([data-primary-ui-legacy] *) {
  min-width: 1rem;
  height: 1rem;
  padding: 0 0.3rem;
  border-radius: 999px;
  font-family: var(--console-font-log);
  font-size: 0.625rem;
  font-weight: 600;
  line-height: 1rem;
  font-variant-numeric: tabular-nums;
}

.dev-console-tab-badge--error:where([data-primary-ui-legacy] *) {
  background: hsl(var(--destructive) / 0.18);
  color: hsl(var(--destructive));
}

.dev-console-tab-badge--warn:where([data-primary-ui-legacy] *) {
  background: hsl(38 92% 50% / 0.18);
  color: hsl(38 80% 42%);
}

.dark .dev-console-tab-badge--warn:where([data-primary-ui-legacy] *) {
  color: hsl(38 90% 62%);
}

/* ── Console panel ── */
.dev-project-console:where([data-primary-ui-legacy] *) {
  background: var(--console-bg);
  flex: 1;
  min-height: 0;
}

.dev-console-toolbar:where([data-primary-ui-legacy] *) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.35rem 0.5rem;
  border-bottom: 1px solid var(--console-border);
  background: hsl(var(--muted) / 0.18);
  flex-shrink: 0;
}

.dev-console-filters:where([data-primary-ui-legacy] *) {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  overflow-x: auto;
  scrollbar-width: none;
}

.dev-console-filters:where([data-primary-ui-legacy] *)::-webkit-scrollbar {
  display: none;
}

.dev-console-filter:where([data-primary-ui-legacy] *) {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.2rem 0.55rem;
  border-radius: var(--dev-ws-radius-sm, 4px);
  border: 1px solid transparent;
  background: transparent;
  font-family: var(--console-font-ui);
  font-size: 0.6875rem;
  font-weight: 500;
  color: var(--console-muted);
  cursor: pointer;
  white-space: nowrap;
  transition: color 120ms ease, background 120ms ease, border-color 120ms ease;
  text-transform: lowercase;
}

.dev-console-filter:hover:where([data-primary-ui-legacy] *) {
  color: hsl(var(--foreground));
  background: hsl(var(--muted) / 0.45);
}

.dev-console-filter--active:where([data-primary-ui-legacy] *) {
  color: hsl(var(--foreground));
  background: hsl(var(--muted) / 0.65);
  border-color: hsl(var(--border) / 0.6);
}

.dev-console-filter-count:where([data-primary-ui-legacy] *) {
  font-family: var(--console-font-log);
  font-size: 0.6rem;
  font-variant-numeric: tabular-nums;
  opacity: 0.7;
}

.dev-console-actions:where([data-primary-ui-legacy] *) {
  display: flex;
  align-items: center;
  gap: 0.15rem;
  flex-shrink: 0;
}

.dev-console-action-btn:where([data-primary-ui-legacy] *) {
  height: 1.5rem !important;
  padding: 0 0.4rem !important;
  gap: 0.25rem !important;
  font-family: var(--console-font-ui) !important;
  font-size: 0.625rem !important;
  font-weight: 500 !important;
  color: var(--console-muted) !important;
  text-transform: lowercase;
}

.dev-console-action-btn:hover:where([data-primary-ui-legacy] *) {
  color: hsl(var(--foreground)) !important;
}

.dev-console-action-label:where([data-primary-ui-legacy] *) {
  display: none;
}

.dev-project-console:not(.dev-project-console--compact) .dev-console-action-label:where([data-primary-ui-legacy] *),
.dev-console-toolbar:hover .dev-console-action-label:where([data-primary-ui-legacy] *) {
  display: inline;
}

/* ── Log scroll area ── */
.dev-console-scroll:where([data-primary-ui-legacy] *) {
  flex: 1;
  min-height: 0;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: hsl(var(--border)) transparent;
}

.dev-console-scroll:where([data-primary-ui-legacy] *)::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.dev-console-scroll:where([data-primary-ui-legacy] *)::-webkit-scrollbar-thumb {
  background: hsl(var(--border) / 0.8);
  border-radius: 999px;
}

.dev-console-log:where([data-primary-ui-legacy] *) {
  padding: 0.25rem 0;
}

.dev-console-row:where([data-primary-ui-legacy] *) {
  display: grid;
  grid-template-columns: auto auto auto 1fr;
  align-items: start;
  gap: 0.45rem 0.55rem;
  padding: 0.35rem 0.65rem;
  border-left: 2px solid transparent;
  font-family: var(--console-font-log);
  font-size: 0.75rem;
  line-height: 1.55;
  transition: background 120ms ease;
}

.dev-project-console--compact .dev-console-row:where([data-primary-ui-legacy] *) {
  grid-template-columns: auto auto 1fr;
  font-size: 0.6875rem;
  padding: 0.3rem 0.55rem;
  gap: 0.35rem 0.45rem;
}

.dev-console-row:hover:where([data-primary-ui-legacy] *) {
  background: hsl(var(--muted) / 0.28);
}

.dev-console-row--system:where([data-primary-ui-legacy] *) { border-left-color: hsl(var(--muted-foreground) / 0.35); }
.dev-console-row--info:where([data-primary-ui-legacy] *) { border-left-color: hsl(var(--muted-foreground) / 0.5); }
.dev-console-row--success:where([data-primary-ui-legacy] *) { border-left-color: hsl(152 60% 42% / 0.65); }
.dev-console-row--warn:where([data-primary-ui-legacy] *) { border-left-color: hsl(38 92% 50% / 0.75); }
.dev-console-row--error:where([data-primary-ui-legacy] *) { border-left-color: hsl(var(--destructive) / 0.8); }

.dev-console-icon:where([data-primary-ui-legacy] *) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.1rem;
  height: 1.1rem;
  margin-top: 0.1rem;
  border-radius: 4px;
  flex-shrink: 0;
}

.dev-console-icon--system:where([data-primary-ui-legacy] *) { color: hsl(var(--muted-foreground) / 0.7); background: hsl(var(--muted) / 0.45); }
.dev-console-icon--info:where([data-primary-ui-legacy] *) { color: hsl(150 12% 46%); background: hsl(150 14% 46% / 0.12); }
.dev-console-icon--success:where([data-primary-ui-legacy] *) { color: hsl(152 28% 40%); background: hsl(152 28% 40% / 0.12); }
.dev-console-icon--warn:where([data-primary-ui-legacy] *) { color: hsl(36 45% 46%); background: hsl(36 45% 46% / 0.12); }
.dev-console-icon--error:where([data-primary-ui-legacy] *) { color: hsl(var(--destructive)); background: hsl(var(--destructive) / 0.12); }

.dark .dev-console-icon--info:where([data-primary-ui-legacy] *) { color: hsl(150 14% 62%); }
.dark .dev-console-icon--success:where([data-primary-ui-legacy] *) { color: hsl(152 24% 58%); }
.dark .dev-console-icon--warn:where([data-primary-ui-legacy] *) { color: hsl(36 42% 62%); }

.dev-console-time:where([data-primary-ui-legacy] *) {
  font-family: var(--console-font-log);
  font-size: 0.625rem;
  font-weight: 500;
  color: hsl(var(--muted-foreground) / 0.55);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  margin-top: 0.15rem;
  min-width: 3.6rem;
}

.dev-console-source:where([data-primary-ui-legacy] *) {
  display: inline-flex;
  align-items: center;
  margin-top: 0.12rem;
  padding: 0.05rem 0.35rem;
  border-radius: 4px;
  font-family: var(--console-font-ui);
  font-size: 0.5625rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  text-transform: lowercase;
  color: hsl(var(--muted-foreground));
  background: hsl(var(--muted) / 0.5);
  white-space: nowrap;
}

.dev-console-source--preview:where([data-primary-ui-legacy] *) {
  color: var(--dev-ws-accent);
  background: var(--dev-ws-accent-soft);
}

.dev-console-source--compiler:where([data-primary-ui-legacy] *) {
  color: hsl(var(--destructive));
  background: hsl(var(--destructive) / 0.1);
}

.dev-console-source--visual:where([data-primary-ui-legacy] *) {
  color: hsl(20 18% 48%);
  background: hsl(20 18% 48% / 0.1);
}

.dev-console-source--ai:where([data-primary-ui-legacy] *) {
  color: hsl(160 45% 38%);
  background: hsl(160 45% 38% / 0.1);
}

.dev-console-message:where([data-primary-ui-legacy] *) {
  min-width: 0;
  color: hsl(var(--foreground) / 0.92);
  word-break: break-word;
  white-space: pre-wrap;
}

.dev-console-row--system .dev-console-message:where([data-primary-ui-legacy] *) { color: hsl(var(--muted-foreground)); }
.dev-console-row--info .dev-console-message:where([data-primary-ui-legacy] *) { color: hsl(var(--foreground) / 0.85); }
.dev-console-row--success .dev-console-message:where([data-primary-ui-legacy] *) { color: hsl(152 45% 32%); }
.dev-console-row--warn .dev-console-message:where([data-primary-ui-legacy] *) { color: hsl(32 75% 34%); }
.dev-console-row--error .dev-console-message:where([data-primary-ui-legacy] *) { color: hsl(var(--destructive)); }

.dark .dev-console-row--success .dev-console-message:where([data-primary-ui-legacy] *) { color: hsl(152 50% 58%); }
.dark .dev-console-row--warn .dev-console-message:where([data-primary-ui-legacy] *) { color: hsl(38 85% 62%); }

/* ── Empty state ── */
.dev-console-empty:where([data-primary-ui-legacy] *) {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  min-height: 4.5rem;
  padding: 1.25rem 1rem;
  text-align: center;
}

.dev-console-empty-icon:where([data-primary-ui-legacy] *) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 6px;
  color: var(--console-muted);
  background: hsl(var(--muted) / 0.45);
}

.dev-console-empty-icon--ok:where([data-primary-ui-legacy] *) {
  color: hsl(152 45% 38%);
  background: hsl(152 45% 38% / 0.1);
}

.dev-console-empty-title:where([data-primary-ui-legacy] *) {
  margin: 0;
  font-family: var(--console-font-ui);
  font-size: 0.75rem;
  font-weight: 600;
  color: hsl(var(--foreground) / 0.85);
  text-transform: lowercase;
}

.dev-console-empty-sub:where([data-primary-ui-legacy] *) {
  margin: 0;
  max-width: 16rem;
  font-family: var(--console-font-ui);
  font-size: 0.6875rem;
  line-height: 1.45;
  color: var(--console-muted);
}

/* ── Problems panel ── */
.dev-console-problems:where([data-primary-ui-legacy] *) {
  flex: 1;
  min-height: 0;
  overflow: auto;
}

.dev-console-problems-list:where([data-primary-ui-legacy] *) {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.4rem;
}

.dev-console-problem:where([data-primary-ui-legacy] *) {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  width: 100%;
  padding: 0.5rem 0.6rem;
  border: 1px solid var(--console-border);
  border-radius: 6px;
  background: hsl(var(--card) / 0.35);
  text-align: left;
  cursor: pointer;
  transition: background 120ms ease, border-color 120ms ease;
}

.dev-console-problem:hover:where([data-primary-ui-legacy] *) {
  background: hsl(var(--muted) / 0.35);
  border-color: hsl(var(--border) / 0.75);
}

.dev-console-problem--error:where([data-primary-ui-legacy] *) {
  border-left: 2px solid hsl(var(--destructive) / 0.75);
}

.dev-console-problem--warn:where([data-primary-ui-legacy] *) {
  border-left: 2px solid hsl(38 92% 50% / 0.75);
}

.dev-console-problem-icon:where([data-primary-ui-legacy] *) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 5px;
  flex-shrink: 0;
}

.dev-console-problem-icon--error:where([data-primary-ui-legacy] *) {
  color: hsl(var(--destructive));
  background: hsl(var(--destructive) / 0.12);
}

.dev-console-problem-icon--warn:where([data-primary-ui-legacy] *) {
  color: hsl(38 80% 42%);
  background: hsl(38 80% 42% / 0.12);
}

.dark .dev-console-problem-icon--warn:where([data-primary-ui-legacy] *) {
  color: hsl(38 90% 62%);
}

.dev-console-problem-body:where([data-primary-ui-legacy] *) {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.dev-console-problem-source:where([data-primary-ui-legacy] *) {
  font-family: var(--console-font-ui);
  font-size: 0.5625rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  text-transform: lowercase;
  color: var(--console-muted);
}

.dev-console-problem-message:where([data-primary-ui-legacy] *) {
  font-family: var(--console-font-log);
  font-size: 0.75rem;
  line-height: 1.5;
  word-break: break-word;
  white-space: pre-wrap;
}

.dev-console-problem--error .dev-console-problem-message:where([data-primary-ui-legacy] *) {
  color: hsl(var(--destructive));
}

.dev-console-problem--warn .dev-console-problem-message:where([data-primary-ui-legacy] *) {
  color: hsl(32 75% 34%);
}

.dark .dev-console-problem--warn .dev-console-problem-message:where([data-primary-ui-legacy] *) {
  color: hsl(38 85% 62%);
}

.dev-project-dock button:focus-visible:where([data-primary-ui-legacy] *),
.dev-console-filter:focus-visible:where([data-primary-ui-legacy] *),
.dev-console-tab:focus-visible:where([data-primary-ui-legacy] *) {
  outline: 1px solid hsl(var(--ring));
  outline-offset: 1px;
}

/* Legacy aliases */
.dev-project-console [data-console-scroll]:where([data-primary-ui-legacy] *) {
  scrollbar-width: thin;
  scrollbar-color: hsl(var(--border)) transparent;
}

.dev-project-problems button:hover:where([data-primary-ui-legacy] *) {
  background: hsl(var(--muted) / 0.45);
}

/* ── Browser URL bar ── */
.dev-browser-toolbar:where([data-primary-ui-legacy] *) {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.45rem 0.75rem;
  border-bottom: 1px solid var(--dev-ws-border);
  background: hsl(var(--card) / 0.35);
  flex-shrink: 0;
}

.dev-browser-url-bar:where([data-primary-ui-legacy] *) {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 0.45rem;
  height: 2rem;
  padding: 0 0.3rem 0 0.7rem;
  border-radius: var(--dev-ws-radius, 6px);
  border: 1px solid hsl(var(--border) / 0.45);
  background: hsl(var(--background));
  transition: border-color 140ms ease, box-shadow 140ms ease, background 140ms ease;
}

.dev-browser-url-bar:focus-within:where([data-primary-ui-legacy] *) {
  border-color: color-mix(in srgb, var(--dev-ws-accent) 45%, transparent);
  box-shadow: 0 0 0 2px var(--dev-ws-accent-soft);
  background: hsl(var(--background));
}

.dev-browser-url-icon:where([data-primary-ui-legacy] *) {
  color: hsl(var(--muted-foreground) / 0.65);
  flex-shrink: 0;
}

.dev-browser-url-input:where([data-primary-ui-legacy] *) {
  flex: 1;
  min-width: 0;
  height: 100%;
  border: none;
  background: transparent;
  outline: none;
  font-family: 'Raleway', ui-sans-serif, system-ui, sans-serif;
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: 0.015em;
  color: hsl(var(--foreground) / 0.92);
  text-transform: none;
}

.dev-browser-url-input:where([data-primary-ui-legacy] *)::-moz-placeholder {
  color: hsl(var(--muted-foreground) / 0.5);
  font-weight: 400;
}

.dev-browser-url-input:where([data-primary-ui-legacy] *)::placeholder {
  color: hsl(var(--muted-foreground) / 0.5);
  font-weight: 400;
}

.dev-browser-url-go:where([data-primary-ui-legacy] *) {
  flex-shrink: 0;
  height: 1.5rem;
  padding: 0 0.65rem;
  border: none;
  border-radius: var(--dev-ws-radius-sm, 4px);
  background: hsl(var(--muted) / 0.55);
  font-family: 'Raleway', ui-sans-serif, system-ui, sans-serif;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: hsl(var(--foreground) / 0.85);
  cursor: pointer;
  transition: background 120ms ease, color 120ms ease;
  text-transform: lowercase;
}

.dev-browser-url-go:hover:where([data-primary-ui-legacy] *) {
  background: hsl(var(--muted) / 0.85);
  color: hsl(var(--foreground));
}

.dev-browser-toolbar-actions:where([data-primary-ui-legacy] *) {
  display: flex;
  align-items: center;
  gap: 0.15rem;
  flex-shrink: 0;
}

/* Project workspace chrome */
.dev-project-workspace:where([data-primary-ui-legacy] *) {
  background: var(--dev-ws-editor-bg);
  color: hsl(var(--foreground));
}

.dev-project-toolbar:where([data-primary-ui-legacy] *) {
  background: color-mix(in srgb, var(--dev-ws-panel-bg) 92%, transparent);
  border-color: var(--dev-ws-border);
  backdrop-filter: blur(12px);
  min-height: 2.5rem;
}

.dev-project-tab:where([data-primary-ui-legacy] *) {
  border-radius: var(--dev-ws-radius-sm) !important;
  transition: background 150ms ease, color 150ms ease, box-shadow 150ms ease;
}

.dev-project-tab--active:where([data-primary-ui-legacy] *) {
  background: var(--dev-ws-accent-soft) !important;
  color: hsl(var(--foreground)) !important;
  box-shadow: inset 0 -1.5px 0 0 var(--dev-ws-accent);
}

.dev-project-panel:where([data-primary-ui-legacy] *) {
  border-color: var(--dev-ws-border);
  background: color-mix(in srgb, var(--dev-ws-panel-bg) 96%, transparent);
}

.dev-project-status:where([data-primary-ui-legacy] *) {
  background: var(--dev-ws-status-bg);
  border-color: var(--dev-ws-border);
  font-variant-numeric: tabular-nums;
  font-size: 0.6875rem;
}

.dev-ws-nav-group:where([data-primary-ui-legacy] *) {
  position: relative;
  margin: 0.15rem 0 0.35rem;
}

.dev-ws-nav-group + .dev-ws-nav-group:where([data-primary-ui-legacy] *) {
  margin-top: 0.45rem;
}

.dev-ws-group-label:where([data-primary-ui-legacy] *) {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.35rem;
  width: calc(100% - 0.75rem);
  margin: 0 0.375rem;
  padding: 0.4rem 0.5rem 0.45rem;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: -0.015em;
  text-transform: lowercase;
  color: hsl(var(--muted-foreground) / 0.85);
  border-radius: var(--dev-ws-tab-radius, 1px);
  transition: color 140ms ease, background 140ms ease;
}

.dev-ws-group-label:where([data-primary-ui-legacy] *)::after {
  content: '';
  position: absolute;
  left: 0.5rem;
  right: 0.5rem;
  bottom: 0.15rem;
  height: 1px;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--dev-ws-accent) 55%, transparent),
    color-mix(in srgb, var(--dev-ws-border-strong) 80%, transparent) 55%,
    transparent
  );
  opacity: 0.7;
  transition: opacity 140ms ease, background 140ms ease;
}

.dev-ws-group-label:hover:where([data-primary-ui-legacy] *) {
  color: hsl(var(--foreground) / 0.9);
  background: var(--dev-ws-hover);
}

.dev-ws-group-label:hover:where([data-primary-ui-legacy] *)::after {
  opacity: 1;
  background: linear-gradient(
    90deg,
    var(--dev-ws-accent),
    color-mix(in srgb, var(--dev-ws-accent) 35%, transparent) 70%,
    transparent
  );
}

.dev-ws-group-label--open:where([data-primary-ui-legacy] *) {
  color: hsl(var(--foreground) / 0.88);
}

.dev-ws-group-label--open:where([data-primary-ui-legacy] *)::after {
  opacity: 1;
  background: linear-gradient(
    90deg,
    var(--dev-ws-accent),
    color-mix(in srgb, var(--dev-ws-accent) 40%, transparent) 65%,
    transparent
  );
}

.dev-ws-group-label svg:where([data-primary-ui-legacy] *) {
  opacity: 0.7;
  flex-shrink: 0;
}

.dev-ws-nav-group-items:where([data-primary-ui-legacy] *) {
  position: relative;
  margin: 0.15rem 0 0.25rem 0.95rem;
  padding-left: 0.55rem;
}

.dev-ws-nav-group-items:where([data-primary-ui-legacy] *)::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.15rem;
  bottom: 0.15rem;
  width: 1px;
  border-radius: 999px;
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--dev-ws-accent) 50%, transparent),
    var(--dev-ws-border-strong) 35%,
    color-mix(in srgb, var(--dev-ws-border) 70%, transparent)
  );
}

.dev-ws-nav-group-items .dev-ws-nav-item:where([data-primary-ui-legacy] *) {
  width: calc(100% - 0.35rem);
  margin-left: 0;
  margin-right: 0.35rem;
}

.dev-ws-nav-group-items .dev-ws-nav-item--active:where([data-primary-ui-legacy] *)::before {
  left: -0.55rem;
  width: 1.5px;
}

.dev-ws-project-chip:where([data-primary-ui-legacy] *) {
  width: calc(100% - 0.75rem);
  margin: 0 0.375rem 0.45rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  border-radius: var(--dev-ws-radius-sm);
  border: 1px solid var(--dev-ws-border);
  background: hsl(var(--muted) / 0.2);
  text-align: left;
  font-size: 0.8125rem;
  text-transform: lowercase;
  letter-spacing: -0.015em;
  transition: background 140ms ease, border-color 140ms ease;
}

.dev-ws-project-chip:hover:where([data-primary-ui-legacy] *) {
  background: var(--dev-ws-hover);
  border-color: var(--dev-ws-border-strong);
}

.dev-assistant-message pre:where([data-primary-ui-legacy] *) {
  background: hsl(var(--muted));
  color: hsl(var(--foreground));
  border: 1px solid hsl(var(--border));
  border-radius: var(--radius, 0px);
  padding: 0.5rem 0.75rem;
  overflow-x: auto;
}

.dev-diff-card:where([data-primary-ui-legacy] *) {
  border: 1px solid hsl(var(--border));
  border-radius: var(--radius, 0px);
  background: hsl(var(--card));
  color: hsl(var(--card-foreground));
}

/* Code sandbox panels inside developer workspace */
.dev-workspace-shell .sandbox-editor-tabs:where([data-primary-ui-legacy] *) {
  background: hsl(var(--card));
}

.dev-workspace-shell .sandbox-editor-tab--active:where([data-primary-ui-legacy] *) {
  background: hsl(var(--background));
}

.dev-workspace-shell .sandbox-code-editor:where([data-primary-ui-legacy] *),
.dev-workspace-shell .sandbox-file-explorer:where([data-primary-ui-legacy] *),
.dev-console-tab-count--live:where([data-primary-ui-legacy] *) {
  color: hsl(152 55% 42%);
  font-size: 0.5rem;
}

.dev-console-search-wrap:where([data-primary-ui-legacy] *) {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  flex: 1;
  min-width: 0;
  max-width: 10rem;
  padding: 0.15rem 0.5rem;
  border-radius: 999px;
  border: 1px solid hsl(var(--border) / 0.4);
  background: hsl(var(--background) / 0.6);
}

.dev-console-search-input:where([data-primary-ui-legacy] *) {
  flex: 1;
  min-width: 0;
  border: none;
  background: transparent;
  outline: none;
  font-family: var(--console-font-ui);
  font-size: 0.625rem;
  color: hsl(var(--foreground));
}

.dev-console-preserve:where([data-primary-ui-legacy] *) {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-family: var(--console-font-ui);
  font-size: 0.625rem;
  color: var(--console-muted);
  cursor: pointer;
  text-transform: lowercase;
}

.dev-console-preserve input:where([data-primary-ui-legacy] *) {
  width: 0.75rem;
  height: 0.75rem;
}

.dev-console-message-block:where([data-primary-ui-legacy] *) {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.dev-console-repeat:where([data-primary-ui-legacy] *) {
  font-size: 0.625rem;
  color: var(--console-muted);
  font-weight: 600;
}

.dev-console-stack-toggle:where([data-primary-ui-legacy] *) {
  display: inline-block;
  margin-top: 0.15rem;
  font-family: var(--console-font-ui);
  font-size: 0.5625rem;
  color: var(--dev-ws-accent);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  text-transform: lowercase;
}

.dev-console-stack:where([data-primary-ui-legacy] *) {
  margin-top: 0.25rem;
  padding: 0.35rem 0.5rem;
  border-radius: 4px;
  background: hsl(var(--muted) / 0.35);
  font-size: 0.625rem;
  line-height: 1.45;
  overflow-x: auto;
  max-height: 8rem;
}

.dev-console-source--terminal:where([data-primary-ui-legacy] *) {
  color: hsl(160 45% 38%);
  background: hsl(160 45% 38% / 0.1);
}

/* Terminal tab */
.dev-console-terminal:where([data-primary-ui-legacy] *) {
  background: hsl(var(--background));
  font-family: var(--console-font-log);
}

.dev-console-terminal-scroll:where([data-primary-ui-legacy] *) {
  padding: 0.5rem 0.65rem;
}

.dev-console-terminal-welcome:where([data-primary-ui-legacy] *) {
  padding: 0.75rem 0;
  font-size: 0.6875rem;
  line-height: 1.5;
  color: var(--console-muted);
}

.dev-console-terminal-welcome code:where([data-primary-ui-legacy] *) {
  font-family: var(--console-font-log);
  color: hsl(var(--foreground) / 0.8);
}

.dev-console-terminal-line:where([data-primary-ui-legacy] *) {
  font-size: 0.6875rem;
  line-height: 1.55;
  padding: 0.1rem 0;
  white-space: pre-wrap;
  word-break: break-word;
}

.dev-console-terminal-line--system:where([data-primary-ui-legacy] *) { color: var(--console-muted); }
.dev-console-terminal-line--info:where([data-primary-ui-legacy] *) { color: hsl(var(--foreground) / 0.88); }
.dev-console-terminal-line--success:where([data-primary-ui-legacy] *) { color: hsl(152 50% 40%); }
.dev-console-terminal-line--warn:where([data-primary-ui-legacy] *) { color: hsl(38 80% 45%); }
.dev-console-terminal-line--error:where([data-primary-ui-legacy] *) { color: hsl(var(--destructive)); }

.dev-console-terminal-input-row:where([data-primary-ui-legacy] *) {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.4rem 0.65rem;
  border-top: 1px solid var(--console-border);
  background: hsl(var(--muted) / 0.2);
}

.dev-console-terminal-prompt:where([data-primary-ui-legacy] *) {
  color: hsl(152 50% 42%);
  font-weight: 700;
  font-size: 0.75rem;
}

.dev-console-terminal-input:where([data-primary-ui-legacy] *) {
  flex: 1;
  min-width: 0;
  border: none;
  background: transparent;
  outline: none;
  font-family: var(--console-font-log);
  font-size: 0.6875rem;
  color: hsl(var(--foreground));
}

/* Ports tab */
.dev-console-ports:where([data-primary-ui-legacy] *) {
  overflow: auto;
}

.dev-console-port-card:where([data-primary-ui-legacy] *) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.65rem 0.75rem;
  border: 1px solid var(--console-border);
  border-radius: 8px;
  background: hsl(var(--card) / 0.4);
}

.dev-console-args:where([data-primary-ui-legacy] *) {
  padding-left: 0.15rem;
}

/* Project Catalogue — library tree embedded in content rail (PS1) */
.dev-workspace-shell [data-catalogue-embed="true"]:where([data-primary-ui-legacy] *) {
  background: transparent !important;
  border: none !important;
}

.dev-workspace-shell [data-catalogue-embed="true"] [data-library-sidebar]:where([data-primary-ui-legacy] *) {
  min-height: 0;
  flex: 1;
}

.dev-workspace-shell [data-catalogue-embed="true"] .border-b:where([data-primary-ui-legacy] *) {
  border-color: var(--dev-ws-border) !important;
}

.dev-workspace-shell [data-catalogue-embed="true"] input:where([data-primary-ui-legacy] *) {
  background: hsl(var(--muted) / 0.35) !important;
  border: 1px solid var(--dev-ws-border);
  border-radius: var(--dev-ws-radius-sm);
}

.dev-workspace-shell [data-catalogue-embed="true"] .dev-ws-nav-item:where([data-primary-ui-legacy] *) {
  width: calc(100% - 0.5rem);
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

/* Preview / container scope — inherit tokens instead of the IDE lock. */
.component-theme-scope .dev-workspace-shell:where([data-primary-ui-legacy] *),
.dark .component-theme-scope .dev-workspace-shell:where([data-primary-ui-legacy] *),
.component-theme-scope.dark .dev-workspace-shell:where([data-primary-ui-legacy] *) {
  --background: inherit;
  --foreground: inherit;
  --card: inherit;
  --card-foreground: inherit;
  --popover: inherit;
  --popover-foreground: inherit;
  --primary: inherit;
  --primary-foreground: inherit;
  --secondary: inherit;
  --secondary-foreground: inherit;
  --muted: inherit;
  --muted-foreground: inherit;
  --accent: inherit;
  --accent-foreground: inherit;
  --border: inherit;
  --input: inherit;
  --ring: inherit;
  --sidebar: inherit;
  --sidebar-foreground: inherit;
  --sidebar-primary: inherit;
  --sidebar-primary-foreground: inherit;
  --sidebar-accent: inherit;
  --sidebar-accent-foreground: inherit;
  --sidebar-border: inherit;
  --sidebar-ring: inherit;
  --dev-ws-activity-bg: hsl(var(--sidebar));
  --dev-ws-panel-bg: hsl(var(--card));
  --dev-ws-border: hsl(var(--border));
  --dev-ws-accent: hsl(var(--primary));
  --dev-ws-accent-soft: hsl(var(--primary) / 0.14);
  background: hsl(var(--background));
  color: hsl(var(--foreground));
}

/* Beat global sharp-mode (src/styles/corners-mode.css) — workspace nav tabs keep 1px radius */
html:not([data-corners="rounded"]):not(.rounded-corners) .dev-workspace-shell button.dev-ws-nav-item:where([data-primary-ui-legacy] *),
html[data-corners="sharp"] .dev-workspace-shell button.dev-ws-nav-item:where([data-primary-ui-legacy] *),
html:not([data-corners="rounded"]):not(.rounded-corners) .dev-workspace-shell button.dev-ws-group-label:where([data-primary-ui-legacy] *),
html[data-corners="sharp"] .dev-workspace-shell button.dev-ws-group-label:where([data-primary-ui-legacy] *) {
  border-radius: var(--dev-ws-tab-radius, 1px) !important;
}
/* Frozen 14 October 2026. Legacy UI scope only. */
/* Shared finish for the three container references and their live chrome. */
.workspace-container-frame:where([data-primary-ui-legacy] *),
.btb-workspace-nav:where([data-primary-ui-legacy] *),
[data-desktop-app-shell-v2]:where([data-primary-ui-legacy] *) {
  --container-surface: hsl(var(--background));
  --container-divider: hsl(var(--border));
  --container-divider-soft: hsl(var(--border) / 0.7);
  --container-seam: hsl(var(--border));
  --container-sidebar-width: 200px;
  --container-text: hsl(var(--foreground));
  --container-muted: hsl(var(--muted-foreground));
  --container-focus: hsl(var(--ring));
  --container-tab-height: 26px;
  --container-header-height: 27px;
  --container-title-height: 24px;
  --container-tab-hover: hsl(var(--accent));
  --container-tab-selected: hsl(var(--accent));
}

.container-reference-surface:where([data-primary-ui-legacy] *) {
  --container-surface: hsl(var(--background));
  --linux-chrome-bg: var(--container-surface);
  background: var(--container-surface);
}

/* Keep sidebar-local tokens on the same surface as the tab track. */
.container-reference-surface .ui-ref-ps1-compact:where([data-primary-ui-legacy] *) {
  --workspace-sidebar-panel: var(--container-surface) !important;
  --workspace-sidebar-rail-top: var(--container-surface) !important;
  --workspace-sidebar-rail-bottom: var(--container-surface) !important;
  --workspace-sidebar-head-top: var(--container-surface) !important;
  --workspace-sidebar-head-bottom: var(--container-surface) !important;
  --ps-ctc-plate: var(--container-surface) !important;
  --ps1-layer1-bg: var(--container-surface) !important;
  --ps1-layer2-bg: var(--container-surface) !important;
}

.container-reference-surface [data-creative-tools-container]:where([data-primary-ui-legacy] *) {
  --ctc-canvas: var(--container-surface);
  --ctc-inspector: var(--container-surface);
}

.container-reference-surface [data-creative-tools-container] .ctc-canvas-well:where([data-primary-ui-legacy] *) {
  background: var(--container-surface);
}

.container-reference-surface [data-creative-tools-container] .ctc-canvas-well:where([data-primary-ui-legacy] *)::before {
  content: none;
}

.container-reference-surface [aria-label='Workspace inspector']:where([data-primary-ui-legacy] *) {
  background: var(--container-surface);
}

:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame:where([data-primary-ui-legacy] *) {
  border: 0;
  border-bottom: 1px solid var(--container-divider);
  border-radius: 0;
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e));
}

/* A calmer density for workspace chrome, shared by the container presets. */
:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame .btb-row:where([data-primary-ui-legacy] *) {
  min-height: var(--container-tab-height);
  align-items: stretch;
  gap: 1px;
  padding: 0;
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e));
  box-shadow: none;
  scrollbar-width: thin;
  scrollbar-color: var(--container-divider) transparent;
  overscroll-behavior-x: contain;
}

:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame .btb-row:where([data-primary-ui-legacy] *)::after {
  content: none;
}

:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame .btb-chip:where([data-primary-ui-legacy] *) {
  height: var(--container-tab-height);
  min-height: var(--container-tab-height);
  max-height: var(--container-tab-height);
  position: relative;
  box-sizing: border-box;
  border: 0;
  border-radius: 0;
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e));
  color: var(--container-text);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.09), inset 0 -1px 0 rgb(0 0 0 / 0.55), inset 1px 0 0 rgb(255 255 255 / 0.04);
}

:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame .btb-chip-face:where([data-primary-ui-legacy] *) {
  gap: 5px;
  padding: 0 10px;
  font-family: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
}

:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame .btb-chip:hover:where([data-primary-ui-legacy] *) {
  background: var(--container-tab-hover);
  color: hsl(var(--accent-foreground));
}

:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame .btb-chip[data-active='true']:where([data-primary-ui-legacy] *) {
  background: var(--container-tab-selected);
  color: hsl(var(--accent-foreground));
  box-shadow: inset 0 1px 2px rgb(0 0 0 / 0.25);
}

:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame .btb-chip-accent:where([data-primary-ui-legacy] *) {
  position: static;
  width: 100%;
  height: 2px;
  pointer-events: none;
  border-radius: 0;
  opacity: 1;
}


:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame :is(.btb-search, .btb-select, .btb-select-wrap, .btb-add, .btb-view-btn):where([data-primary-ui-legacy] *) {
  height: var(--container-tab-height);
  min-height: var(--container-tab-height);
  max-height: var(--container-tab-height);
}

:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame .btb-view-btn:where([data-primary-ui-legacy] *) {
  width: var(--container-tab-height);
}

:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame :is(button, input, select):focus-visible:where([data-primary-ui-legacy] *) {
  outline: 2px solid var(--container-focus);
  outline-offset: -2px;
}

:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame .btb-chip:active:where([data-primary-ui-legacy] *) {
  background: hsl(var(--accent));
  box-shadow: inset 0 1px 3px rgb(0 0 0 / 0.4);
}

/* Keep focus and disabled controls legible without shifting the tab geometry. */
:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame button:disabled:where([data-primary-ui-legacy] *) {
  opacity: 0.45;
  pointer-events: none;
}

.container-reference-surface:where([data-primary-ui-legacy] *) {
  scrollbar-width: thin;
  scrollbar-color: var(--container-divider) transparent;
}

/* One continuous divider for tabs, content and footer; sidebar remains 200px. */
.workspace-shell-content-seam:where([data-primary-ui-legacy] *) {
  border-left: 1px solid var(--container-seam, #55555e);
}

.container-reference-surface .workspace-sidebar-chrome:where([data-primary-ui-legacy] *) {
  --workspace-sidebar-rail-width: 32px !important;
  --workspace-sidebar-head-height: var(--container-header-height) !important;
  --workspace-sidebar-row-height: 24px !important;
  --workspace-sidebar-line: var(--container-divider) !important;
  --workspace-sidebar-panel-width: calc(var(--container-sidebar-width) - 32px) !important;
}

.container-reference-surface .workspace-sidebar-chrome:has(.tls-panel):where([data-primary-ui-legacy] *),
.container-reference-surface .workspace-sidebar-chrome[data-ps1-submenu-open='1']:where([data-primary-ui-legacy] *) {
  width: var(--container-sidebar-width);
  min-width: var(--container-sidebar-width);
  max-width: var(--container-sidebar-width);
}

.container-reference-surface [data-creative-tools-container] .ctc-canvas:where([data-primary-ui-legacy] *) {
  border-inline: 1px solid var(--container-seam);
}

.container-reference-surface [data-creative-tools-container] .ctc-canvas-well:where([data-primary-ui-legacy] *) {
  border-inline: 0;
}

/* The footer belongs to the content column, so side seams never stop early. */
.container-content-footer:where([data-primary-ui-legacy] *) {
  flex: 0 0 auto;
  min-width: 0;
  overflow-x: auto;
  border-top: 1px solid var(--container-divider, #414147);
}

.workspace-container-frame .container-content-footer .btb-frame.btb-container-fill[data-btb].btb-frame:where([data-primary-ui-legacy] *) {
  border-bottom: 0;
}

/* A single horizontal header line connects the sidebar and content columns. */
.workspace-container-frame .container-reference-surface .workspace-sidebar-chrome .tls-head:where([data-primary-ui-legacy] *),
.workspace-container-frame .container-reference-surface .workspace-sidebar-chrome .dev-ws-sidebar-header:where([data-primary-ui-legacy] *),
.container-reference-surface [data-creative-tools-container] .desk-inspector-chrome:where([data-primary-ui-legacy] *),
.container-reference-surface [data-desktop-app-shell-v2] .das-panel-header:where([data-primary-ui-legacy] *) {
  box-sizing: border-box;
  height: var(--container-header-height);
  min-height: var(--container-header-height);
  max-height: var(--container-header-height);
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e));
  border-bottom: 1px solid var(--container-divider) !important;
  box-shadow: none;
}

/* PS2/PS3 layouts without a rail still fill the same sidebar column. */
.container-reference-surface .workspace-sidebar-chrome.tls-frame:not(:has(.tls-rail)) .tls-panel:where([data-primary-ui-legacy] *) {
  width: var(--container-sidebar-width);
}

.container-reference-surface .workspace-sidebar-chrome .tls-rail:where([data-primary-ui-legacy] *) {
  box-shadow: none;
}
/* Frozen 14 October 2026. Legacy UI scope only. */
/* Frozen 14 October 2026. Legacy UI scope only. */
/* Titles, breadcrumbs and search share the tab-track treatment in every Primary UI sidebar. */
:is(.ui-ref-ps1-compact.primary-ui-sidebar-host, .tls-frame, [data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.tls-head, .dev-ws-sidebar-header, .ctc-finder-crumb, .ctc-finder-shell > label:first-child, .das-search-row, .das-panel-header, .desk-inspector-chrome):where([data-primary-ui-legacy] *) {
  box-sizing: border-box;
  height: var(--container-header-height, 27px) !important;
  min-height: var(--container-header-height, 27px) !important;
  max-height: var(--container-header-height, 27px) !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border: 0;
  border-bottom: 1px solid var(--container-divider, #414147) !important;
  border-radius: 0 !important;
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e)) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.09) !important;
  color: hsl(var(--foreground));
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 5px;
}
:is(.ui-ref-ps1-compact.primary-ui-sidebar-host, .tls-frame, [data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.tls-head, .dev-ws-sidebar-header, .ctc-finder-crumb, .ctc-finder-shell > label:first-child, .das-search-row, .das-panel-header, .desk-inspector-chrome):where([data-primary-ui-legacy] *),
:is(.ui-ref-ps1-compact.primary-ui-sidebar-host, .tls-frame, [data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.tls-head, .dev-ws-sidebar-header, .ctc-finder-crumb, .ctc-finder-shell > label:first-child, .das-search-row, .das-panel-header, .desk-inspector-chrome)
:is(span, button, input, h2, h3):where([data-primary-ui-legacy] *) {
  font-family: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  -webkit-font-smoothing: antialiased;
}
:is([data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.ctc-finder-shell > label:first-child, .das-search-row) input:where([data-primary-ui-legacy] *) {
  min-width: 0;
  color: hsl(var(--foreground));
}
:is([data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.ctc-finder-shell > label:first-child, .das-search-row) input:where([data-primary-ui-legacy] *)::-moz-placeholder {
  color: hsl(var(--muted-foreground));
  opacity: 1;
}
:is([data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.ctc-finder-shell > label:first-child, .das-search-row) input:where([data-primary-ui-legacy] *)::placeholder {
  color: hsl(var(--muted-foreground));
  opacity: 1;
}
/* Continue the bottom tab-track fill through the sidebar footer cells. */
:is(.ui-ref-ps1-compact.primary-ui-sidebar-host, .tls-frame, [data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.tls-rail-footer, .ui-ref-ps1-layer1-rail-footer, .ctc-finder-footer, .das-library-row, .das-status-bar):where([data-primary-ui-legacy] *) {
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e)) !important;
  border-top: 1px solid var(--container-divider, #414147) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.07) !important;
}
/* Creative Tools Container — raised rails, inset canvas, beveled inspector. */
/* Frozen 14 October 2026. Legacy UI scope only. */
/* Shared Creative Tools rail tokens — used by CTC and Desktop App Shell. */
[data-creative-tools-container]:where([data-primary-ui-legacy] *),
[data-desktop-app-shell-v2]:where([data-primary-ui-legacy] *) {
  --ctc-rail: #1f1f1f;
  --ctc-panel: #252525;
  --ctc-panel-raised: #2c2c2c;
  --ctc-canvas: #171717;
  --ctc-inspector: #1e1e1e;
  --ctc-input: #161616;
  --ctc-stroke: #101010;
  --ctc-stroke-soft: #2a2a2a;
  --ctc-gutter: #1a1a1a;
  --ctc-fg: #deddda;
  --ctc-fg-muted: #9a9996;
  --ctc-highlight: rgba(255, 255, 255, 0.1);
  --ctc-highlight-strong: rgba(255, 255, 255, 0.16);
  --ctc-shade: rgba(0, 0, 0, 0.55);
  --ctc-shade-strong: rgba(0, 0, 0, 0.72);
  --ctc-bevel-out:
    inset 1px 1px 0 var(--ctc-highlight),
    inset -1px -1px 0 var(--ctc-shade);
  --ctc-bevel-out-hover:
    inset 1px 1px 0 var(--ctc-highlight-strong),
    inset -1px -1px 0 var(--ctc-shade);
  --ctc-bevel-in:
    inset 1px 1px 0 var(--ctc-shade-strong),
    inset -1px -1px 0 var(--ctc-highlight);
  --ctc-row-x: 12px;
  --ctc-row-y: 6px;
  --ctc-control-h: 24px;
  --ctc-chrome-pad: 8px;
  --ctc-rule:
    inset 0 1px 0 var(--ctc-highlight),
    0 1px 0 var(--ctc-stroke);
  --ctc-grain: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");
  --ctc-dots:
    radial-gradient(circle, rgba(255, 255, 255, 0.045) 0.5px, transparent 0.7px);
}
/* Creative Tools is a Workspace Container surface, not a separate chrome theme. */
[data-creative-tools-container]:where([data-primary-ui-legacy] *) {
  --ctc-rail: var(--workspace-sidebar-bg, var(--linux-chrome-bg, #242424));
  --ctc-panel: var(--workspace-sidebar-panel, #141416);
  --ctc-panel-raised: var(--workspace-sidebar-row-top, #2b2b2f);
  --ctc-canvas: #0d0d0e;
  --ctc-inspector: var(--linux-chrome-bg, #242424);
  --ctc-input: var(--workspace-sidebar-head-bottom, #171719);
  --ctc-stroke: var(--workspace-sidebar-line, var(--linux-chrome-border, #3d3846));
  --ctc-stroke-soft: var(--workspace-sidebar-line, var(--linux-chrome-border, #3d3846));
  --ctc-gutter: var(--workspace-sidebar-panel, #141416);
  --ctc-fg: var(--workspace-sidebar-fg, var(--linux-chrome-fg, #deddda));
  --ctc-fg-muted: var(--workspace-sidebar-muted, var(--linux-chrome-muted, #9a9996));
  --ctc-row-x: 6px;
  --ctc-row-y: 0;
  --ctc-control-h: var(--workspace-sidebar-control-size, 26px);
  --ctc-chrome-pad: var(--workspace-sidebar-pad, 3px);
}
[data-creative-tools-container]:where([data-primary-ui-legacy] *) {
  background: var(--ctc-inspector);
  color: var(--ctc-fg);
}
[data-creative-tools-container] .ctc-sidebar:where([data-primary-ui-legacy] *) {
  position: relative;
  z-index: 1;
  display: flex;
  min-height: 0;
  height: 100%;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  flex-shrink: 0;
  background: var(--ctc-inspector);
  box-shadow: none;
}
[data-creative-tools-container] .ctc-finder-shell:where([data-primary-ui-legacy] *) {
  width: var(--workspace-sidebar-panel-width, 168px);
  background: var(--ctc-inspector) !important;
}
[data-creative-tools-container] .ctc-finder-shell label:first-child:where([data-primary-ui-legacy] *) {
  box-sizing: border-box;
  height: var(--container-header-height, 27px);
  min-height: var(--container-header-height, 27px);
  margin: 0;
  padding: 0 8px;
  border: 0;
  border-bottom: 1px solid var(--container-divider, #414147);
  border-radius: 0;
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e));
  box-shadow: none;
}
[data-creative-tools-container] .ctc-finder-shell label:first-child svg:where([data-primary-ui-legacy] *) {
  width: 12px;
  height: 12px;
}
[data-creative-tools-container] .ctc-finder-shell label:first-child input:where([data-primary-ui-legacy] *) {
  font-size: var(--primary-ui-chrome-font-size, 12px) !important;
  font-weight: 400;
  letter-spacing: 0 !important;
  line-height: 22px;
}
[data-creative-tools-container] .ctc-finder-crumb:where([data-primary-ui-legacy] *) {
  margin: 0;
  min-height: var(--workspace-sidebar-head-height, 22px);
  padding: 1px 4px;
  letter-spacing: normal;
  text-transform: none;
  box-shadow: none;
  border-bottom: 1px solid var(--workspace-sidebar-line, #3d3846);
  background: linear-gradient(
    180deg,
    var(--workspace-sidebar-head-top, #1d1d20),
    var(--workspace-sidebar-head-bottom, #171719)
  );
}
[data-creative-tools-container] .ctc-finder-crumb:where([data-primary-ui-legacy] *),
[data-creative-tools-container] .ctc-finder-crumb button:where([data-primary-ui-legacy] *),
[data-creative-tools-container] .ctc-finder-crumb span:where([data-primary-ui-legacy] *) {
  font-size: var(--primary-ui-chrome-font-size, 12px);
  font-weight: 600;
  letter-spacing: normal !important;
  text-transform: none !important;
}
[data-creative-tools-container] .ctc-finder-shell [data-ctc-insert-rows]:where([data-primary-ui-legacy] *) {
  gap: 0 !important;
  padding: 0 !important;
}
[data-creative-tools-container] .ctc-finder-shell [data-ctc-insert-rows] > button:where([data-primary-ui-legacy] *) {
  height: var(--workspace-sidebar-row-height, 22px);
  min-height: var(--workspace-sidebar-row-height, 22px);
  gap: var(--workspace-sidebar-gap, 2px);
  padding: 1px 4px 1px 6px !important;
  border-radius: 0 !important;
  background: linear-gradient(
    180deg,
    var(--workspace-sidebar-row-top, #2b2b2f),
    var(--workspace-sidebar-row-bottom, #202024)
  ) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    inset 0 -1px 0 rgba(0, 0, 0, 0.55) !important;
  border-bottom: 1px solid var(--workspace-sidebar-line, #3d3846);
}
[data-creative-tools-container] .ctc-finder-shell [data-ctc-insert-rows] > button > span:first-child:where([data-primary-ui-legacy] *) {
  width: var(--workspace-sidebar-icon-size, 16px);
  height: var(--workspace-sidebar-icon-size, 16px);
}
[data-creative-tools-container] .ctc-finder-shell [data-ctc-insert-rows] .ui-ref-ps1-sis-dest:where([data-primary-ui-legacy] *),
[data-creative-tools-container] .ctc-finder-shell [data-ctc-insert-rows] .ui-ref-ps1-sis-dest--toggle:where([data-primary-ui-legacy] *) {
  width: var(--workspace-sidebar-icon-size, 16px) !important;
  height: var(--workspace-sidebar-icon-size, 16px) !important;
  background: none !important;
  background-image: none !important;
}
[data-creative-tools-container] .ctc-finder-shell [data-ctc-insert-rows] > button .min-w-0 > span:first-child:where([data-primary-ui-legacy] *) {
  font-size: var(--primary-ui-chrome-font-size, 12px);
  font-weight: 600;
  line-height: 1.2;
  color: #e0e0e0;
}
[data-creative-tools-container] .ctc-finder-shell [data-ctc-insert-rows] > button .min-w-0 > span + span:where([data-primary-ui-legacy] *) {
  display: none;
}
[data-creative-tools-container] .ctc-finder-shell [data-ctc-insert-rows] > button:hover:where([data-primary-ui-legacy] *) {
  background: linear-gradient(180deg, #303035, #242428) !important;
}
[data-creative-tools-container] .ctc-finder-shell [data-ctc-insert-rows] > button[data-active='true']:where([data-primary-ui-legacy] *) {
  background: linear-gradient(
    180deg,
    var(--workspace-sidebar-row-top, #2b2b2f),
    var(--workspace-sidebar-row-bottom, #202024)
  ) !important;
}
[data-creative-tools-container] .ctc-finder-shell [data-ctc-insert-rows] > button[data-active='true'] .min-w-0 > span:first-child:where([data-primary-ui-legacy] *) {
  color: #fff;
}
[data-creative-tools-container] .ctc-finder-footer:where([data-primary-ui-legacy] *) {
  margin-top: auto;
  display: flex;
  align-items: center;
  height: 32px;
  min-height: 32px;
  padding: 0 4px !important;
  border-top: 1px solid var(--workspace-sidebar-line, #3d3846);
  box-shadow: none;
}
[data-creative-tools-container] .ctc-canvas:where([data-primary-ui-legacy] *) {
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  flex: 1 1 auto;
  overflow: hidden;
  padding: 0;
  background: var(--ctc-canvas);
}
[data-creative-tools-container] .ctc-canvas-well:where([data-primary-ui-legacy] *) {
  position: relative;
  z-index: 0;
  min-width: 0;
  min-height: 0;
  flex: 1 1 auto;
  overflow: hidden;
  border-radius: 0;
  background:
    var(--ctc-dots),
    var(--ctc-canvas);
  background-size: 12px 12px, auto;
  box-shadow: none;
  border-inline: 1px solid var(--container-divider-soft, #303035);
}
[data-creative-tools-container] .ctc-canvas-well:where([data-primary-ui-legacy] *)::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.12;
  mix-blend-mode: overlay;
  background-image: var(--ctc-grain);
  background-size: 160px 160px;
}
[data-creative-tools-container] .ctc-inspector:where([data-primary-ui-legacy] *) {
  position: relative;
  z-index: 1;
  display: flex;
  min-height: 0;
  height: 100%;
  flex-shrink: 0;
  background: var(--ctc-inspector);
  box-shadow: none;
}
[data-creative-tools-container] .desk-inspector:where([data-primary-ui-legacy] *) {
  width: 14rem;
  background: var(--ctc-inspector) !important;
  color: var(--ctc-fg);
}
[data-creative-tools-container] .desk-inspector-chrome:where([data-primary-ui-legacy] *),
[data-creative-tools-container] .desk-inspector-toolbar:where([data-primary-ui-legacy] *),
[data-creative-tools-container] .desk-inspector-section:where([data-primary-ui-legacy] *) {
  border-color: transparent !important;
  box-shadow: var(--ctc-rule);
}
[data-creative-tools-container] .desk-inspector-section-body:where([data-primary-ui-legacy] *) {
  background: color-mix(in srgb, var(--ctc-input) 72%, var(--ctc-inspector));
  box-shadow:
    inset 0 1px 0 var(--ctc-shade),
    inset 0 -1px 0 var(--ctc-highlight);
}
[data-creative-tools-container] .desk-inspector-icon-btn:where([data-primary-ui-legacy] *) {
  border-radius: 3px;
  background: var(--ctc-panel-raised);
  box-shadow: var(--ctc-bevel-out);
}
[data-creative-tools-container] .desk-inspector-icon-btn:hover:where([data-primary-ui-legacy] *) {
  background: #333;
  box-shadow: var(--ctc-bevel-out-hover);
}
[data-creative-tools-container] .desk-inspector-icon-btn[aria-pressed='true']:where([data-primary-ui-legacy] *) {
  background: #1a1a1a;
  box-shadow: var(--ctc-bevel-in);
}
[data-creative-tools-container] .desk-inspector-field:where([data-primary-ui-legacy] *),
[data-creative-tools-container] .desk-inspector-well:where([data-primary-ui-legacy] *) {
  border-radius: 3px;
  background: var(--ctc-input) !important;
  box-shadow: var(--ctc-bevel-in);
}
[data-creative-tools-container] .desk-inspector-chip:where([data-primary-ui-legacy] *) {
  border-radius: 3px;
  background: var(--ctc-panel-raised);
  box-shadow: var(--ctc-bevel-out);
}
[data-creative-tools-container] .desk-inspector-chip[aria-pressed='true']:where([data-primary-ui-legacy] *) {
  background: #1a1a1a;
  box-shadow: var(--ctc-bevel-in);
}
[data-creative-tools-container] .desk-inspector-field-label:where([data-primary-ui-legacy] *) {
  margin-top: 2px;
  padding-top: 8px;
  box-shadow: inset 0 1px 0 var(--ctc-highlight);
}
[data-creative-tools-container] .desk-inspector-tabs button[aria-pressed='true']:where([data-primary-ui-legacy] *) {
  box-shadow: inset 0 -2px 0 #deddda;
}
/* Frozen 14 October 2026. Legacy UI scope only. */
/* Frozen 14 October 2026. Legacy UI scope only. */
/* Titles, breadcrumbs and search share the tab-track treatment in every Primary UI sidebar. */
:is(.ui-ref-ps1-compact.primary-ui-sidebar-host, .tls-frame, [data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.tls-head, .dev-ws-sidebar-header, .ctc-finder-crumb, .ctc-finder-shell > label:first-child, .das-search-row, .das-panel-header, .desk-inspector-chrome):where([data-primary-ui-legacy] *) {
  box-sizing: border-box;
  height: var(--container-header-height, 27px) !important;
  min-height: var(--container-header-height, 27px) !important;
  max-height: var(--container-header-height, 27px) !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border: 0;
  border-bottom: 1px solid var(--container-divider, #414147) !important;
  border-radius: 0 !important;
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e)) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.09) !important;
  color: hsl(var(--foreground));
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 5px;
}
:is(.ui-ref-ps1-compact.primary-ui-sidebar-host, .tls-frame, [data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.tls-head, .dev-ws-sidebar-header, .ctc-finder-crumb, .ctc-finder-shell > label:first-child, .das-search-row, .das-panel-header, .desk-inspector-chrome):where([data-primary-ui-legacy] *),
:is(.ui-ref-ps1-compact.primary-ui-sidebar-host, .tls-frame, [data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.tls-head, .dev-ws-sidebar-header, .ctc-finder-crumb, .ctc-finder-shell > label:first-child, .das-search-row, .das-panel-header, .desk-inspector-chrome)
:is(span, button, input, h2, h3):where([data-primary-ui-legacy] *) {
  font-family: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  -webkit-font-smoothing: antialiased;
}
:is([data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.ctc-finder-shell > label:first-child, .das-search-row) input:where([data-primary-ui-legacy] *) {
  min-width: 0;
  color: hsl(var(--foreground));
}
:is([data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.ctc-finder-shell > label:first-child, .das-search-row) input:where([data-primary-ui-legacy] *)::-moz-placeholder {
  color: hsl(var(--muted-foreground));
  opacity: 1;
}
:is([data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.ctc-finder-shell > label:first-child, .das-search-row) input:where([data-primary-ui-legacy] *)::placeholder {
  color: hsl(var(--muted-foreground));
  opacity: 1;
}
/* Continue the bottom tab-track fill through the sidebar footer cells. */
:is(.ui-ref-ps1-compact.primary-ui-sidebar-host, .tls-frame, [data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.tls-rail-footer, .ui-ref-ps1-layer1-rail-footer, .ctc-finder-footer, .das-library-row, .das-status-bar):where([data-primary-ui-legacy] *) {
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e)) !important;
  border-top: 1px solid var(--container-divider, #414147) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.07) !important;
}
/* Frozen 14 October 2026. Legacy UI scope only. */
/* Shared Creative Tools rail tokens — used by CTC and Desktop App Shell. */
[data-creative-tools-container]:where([data-primary-ui-legacy] *),
[data-desktop-app-shell-v2]:where([data-primary-ui-legacy] *) {
  --ctc-rail: #1f1f1f;
  --ctc-panel: #252525;
  --ctc-panel-raised: #2c2c2c;
  --ctc-canvas: #171717;
  --ctc-inspector: #1e1e1e;
  --ctc-input: #161616;
  --ctc-stroke: #101010;
  --ctc-stroke-soft: #2a2a2a;
  --ctc-gutter: #1a1a1a;
  --ctc-fg: #deddda;
  --ctc-fg-muted: #9a9996;
  --ctc-highlight: rgba(255, 255, 255, 0.1);
  --ctc-highlight-strong: rgba(255, 255, 255, 0.16);
  --ctc-shade: rgba(0, 0, 0, 0.55);
  --ctc-shade-strong: rgba(0, 0, 0, 0.72);
  --ctc-bevel-out:
    inset 1px 1px 0 var(--ctc-highlight),
    inset -1px -1px 0 var(--ctc-shade);
  --ctc-bevel-out-hover:
    inset 1px 1px 0 var(--ctc-highlight-strong),
    inset -1px -1px 0 var(--ctc-shade);
  --ctc-bevel-in:
    inset 1px 1px 0 var(--ctc-shade-strong),
    inset -1px -1px 0 var(--ctc-highlight);
  --ctc-row-x: 12px;
  --ctc-row-y: 6px;
  --ctc-control-h: 24px;
  --ctc-chrome-pad: 8px;
  --ctc-rule:
    inset 0 1px 0 var(--ctc-highlight),
    0 1px 0 var(--ctc-stroke);
  --ctc-grain: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");
  --ctc-dots:
    radial-gradient(circle, rgba(255, 255, 255, 0.045) 0.5px, transparent 0.7px);
}
/* Creative Tools is a Workspace Container surface, not a separate chrome theme. */
[data-creative-tools-container]:where([data-primary-ui-legacy] *) {
  --ctc-rail: var(--workspace-sidebar-bg, var(--linux-chrome-bg, #242424));
  --ctc-panel: var(--workspace-sidebar-panel, #141416);
  --ctc-panel-raised: var(--workspace-sidebar-row-top, #2b2b2f);
  --ctc-canvas: #0d0d0e;
  --ctc-inspector: var(--linux-chrome-bg, #242424);
  --ctc-input: var(--workspace-sidebar-head-bottom, #171719);
  --ctc-stroke: var(--workspace-sidebar-line, var(--linux-chrome-border, #3d3846));
  --ctc-stroke-soft: var(--workspace-sidebar-line, var(--linux-chrome-border, #3d3846));
  --ctc-gutter: var(--workspace-sidebar-panel, #141416);
  --ctc-fg: var(--workspace-sidebar-fg, var(--linux-chrome-fg, #deddda));
  --ctc-fg-muted: var(--workspace-sidebar-muted, var(--linux-chrome-muted, #9a9996));
  --ctc-row-x: 6px;
  --ctc-row-y: 0;
  --ctc-control-h: var(--workspace-sidebar-control-size, 26px);
  --ctc-chrome-pad: var(--workspace-sidebar-pad, 3px);
}
/* Frozen 14 October 2026. Legacy UI scope only. */
/* Shared finish for the three container references and their live chrome. */
.workspace-container-frame:where([data-primary-ui-legacy] *),
.btb-workspace-nav:where([data-primary-ui-legacy] *),
[data-desktop-app-shell-v2]:where([data-primary-ui-legacy] *) {
  --container-surface: hsl(var(--background));
  --container-divider: hsl(var(--border));
  --container-divider-soft: hsl(var(--border) / 0.7);
  --container-seam: hsl(var(--border));
  --container-sidebar-width: 200px;
  --container-text: hsl(var(--foreground));
  --container-muted: hsl(var(--muted-foreground));
  --container-focus: hsl(var(--ring));
  --container-tab-height: 26px;
  --container-header-height: 27px;
  --container-title-height: 24px;
  --container-tab-hover: hsl(var(--accent));
  --container-tab-selected: hsl(var(--accent));
}
.container-reference-surface:where([data-primary-ui-legacy] *) {
  --container-surface: hsl(var(--background));
  --linux-chrome-bg: var(--container-surface);
  background: var(--container-surface);
}
/* Keep sidebar-local tokens on the same surface as the tab track. */
.container-reference-surface .ui-ref-ps1-compact:where([data-primary-ui-legacy] *) {
  --workspace-sidebar-panel: var(--container-surface) !important;
  --workspace-sidebar-rail-top: var(--container-surface) !important;
  --workspace-sidebar-rail-bottom: var(--container-surface) !important;
  --workspace-sidebar-head-top: var(--container-surface) !important;
  --workspace-sidebar-head-bottom: var(--container-surface) !important;
  --ps-ctc-plate: var(--container-surface) !important;
  --ps1-layer1-bg: var(--container-surface) !important;
  --ps1-layer2-bg: var(--container-surface) !important;
}
.container-reference-surface [data-creative-tools-container]:where([data-primary-ui-legacy] *) {
  --ctc-canvas: var(--container-surface);
  --ctc-inspector: var(--container-surface);
}
.container-reference-surface [data-creative-tools-container] .ctc-canvas-well:where([data-primary-ui-legacy] *) {
  background: var(--container-surface);
}
.container-reference-surface [data-creative-tools-container] .ctc-canvas-well:where([data-primary-ui-legacy] *)::before {
  content: none;
}
.container-reference-surface [aria-label='Workspace inspector']:where([data-primary-ui-legacy] *) {
  background: var(--container-surface);
}
:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame:where([data-primary-ui-legacy] *) {
  border: 0;
  border-bottom: 1px solid var(--container-divider);
  border-radius: 0;
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e));
}
/* A calmer density for workspace chrome, shared by the container presets. */
:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame .btb-row:where([data-primary-ui-legacy] *) {
  min-height: var(--container-tab-height);
  align-items: stretch;
  gap: 1px;
  padding: 0;
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e));
  box-shadow: none;
  scrollbar-width: thin;
  scrollbar-color: var(--container-divider) transparent;
  overscroll-behavior-x: contain;
}
:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame .btb-row:where([data-primary-ui-legacy] *)::after {
  content: none;
}
:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame .btb-chip:where([data-primary-ui-legacy] *) {
  height: var(--container-tab-height);
  min-height: var(--container-tab-height);
  max-height: var(--container-tab-height);
  position: relative;
  box-sizing: border-box;
  border: 0;
  border-radius: 0;
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e));
  color: var(--container-text);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.09), inset 0 -1px 0 rgb(0 0 0 / 0.55), inset 1px 0 0 rgb(255 255 255 / 0.04);
}
:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame .btb-chip-face:where([data-primary-ui-legacy] *) {
  gap: 5px;
  padding: 0 10px;
  font-family: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
}
:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame .btb-chip:hover:where([data-primary-ui-legacy] *) {
  background: var(--container-tab-hover);
  color: hsl(var(--accent-foreground));
}
:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame .btb-chip[data-active='true']:where([data-primary-ui-legacy] *) {
  background: var(--container-tab-selected);
  color: hsl(var(--accent-foreground));
  box-shadow: inset 0 1px 2px rgb(0 0 0 / 0.25);
}
:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame .btb-chip-accent:where([data-primary-ui-legacy] *) {
  position: static;
  width: 100%;
  height: 2px;
  pointer-events: none;
  border-radius: 0;
  opacity: 1;
}
:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame :is(.btb-search, .btb-select, .btb-select-wrap, .btb-add, .btb-view-btn):where([data-primary-ui-legacy] *) {
  height: var(--container-tab-height);
  min-height: var(--container-tab-height);
  max-height: var(--container-tab-height);
}
:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame .btb-view-btn:where([data-primary-ui-legacy] *) {
  width: var(--container-tab-height);
}
:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame :is(button, input, select):focus-visible:where([data-primary-ui-legacy] *) {
  outline: 2px solid var(--container-focus);
  outline-offset: -2px;
}
:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame .btb-chip:active:where([data-primary-ui-legacy] *) {
  background: hsl(var(--accent));
  box-shadow: inset 0 1px 3px rgb(0 0 0 / 0.4);
}
/* Keep focus and disabled controls legible without shifting the tab geometry. */
:is(.workspace-container-frame .btb-frame.btb-container-fill[data-btb], .btb-frame.btb-container-fill.btb-workspace-nav[data-btb]).btb-frame button:disabled:where([data-primary-ui-legacy] *) {
  opacity: 0.45;
  pointer-events: none;
}
.container-reference-surface:where([data-primary-ui-legacy] *) {
  scrollbar-width: thin;
  scrollbar-color: var(--container-divider) transparent;
}
/* One continuous divider for tabs, content and footer; sidebar remains 200px. */
.workspace-shell-content-seam:where([data-primary-ui-legacy] *) {
  border-left: 1px solid var(--container-seam, #55555e);
}
.container-reference-surface .workspace-sidebar-chrome:where([data-primary-ui-legacy] *) {
  --workspace-sidebar-rail-width: 32px !important;
  --workspace-sidebar-head-height: var(--container-header-height) !important;
  --workspace-sidebar-row-height: 24px !important;
  --workspace-sidebar-line: var(--container-divider) !important;
  --workspace-sidebar-panel-width: calc(var(--container-sidebar-width) - 32px) !important;
}
.container-reference-surface .workspace-sidebar-chrome:has(.tls-panel):where([data-primary-ui-legacy] *),
.container-reference-surface .workspace-sidebar-chrome[data-ps1-submenu-open='1']:where([data-primary-ui-legacy] *) {
  width: var(--container-sidebar-width);
  min-width: var(--container-sidebar-width);
  max-width: var(--container-sidebar-width);
}
.container-reference-surface [data-creative-tools-container] .ctc-canvas:where([data-primary-ui-legacy] *) {
  border-inline: 1px solid var(--container-seam);
}
.container-reference-surface [data-creative-tools-container] .ctc-canvas-well:where([data-primary-ui-legacy] *) {
  border-inline: 0;
}
/* The footer belongs to the content column, so side seams never stop early. */
.container-content-footer:where([data-primary-ui-legacy] *) {
  flex: 0 0 auto;
  min-width: 0;
  overflow-x: auto;
  border-top: 1px solid var(--container-divider, #414147);
}
.workspace-container-frame .container-content-footer .btb-frame.btb-container-fill[data-btb].btb-frame:where([data-primary-ui-legacy] *) {
  border-bottom: 0;
}
/* A single horizontal header line connects the sidebar and content columns. */
.workspace-container-frame .container-reference-surface .workspace-sidebar-chrome .tls-head:where([data-primary-ui-legacy] *),
.workspace-container-frame .container-reference-surface .workspace-sidebar-chrome .dev-ws-sidebar-header:where([data-primary-ui-legacy] *),
.container-reference-surface [data-creative-tools-container] .desk-inspector-chrome:where([data-primary-ui-legacy] *),
.container-reference-surface [data-desktop-app-shell-v2] .das-panel-header:where([data-primary-ui-legacy] *) {
  box-sizing: border-box;
  height: var(--container-header-height);
  min-height: var(--container-header-height);
  max-height: var(--container-header-height);
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e));
  border-bottom: 1px solid var(--container-divider) !important;
  box-shadow: none;
}
/* PS2/PS3 layouts without a rail still fill the same sidebar column. */
.container-reference-surface .workspace-sidebar-chrome.tls-frame:not(:has(.tls-rail)) .tls-panel:where([data-primary-ui-legacy] *) {
  width: var(--container-sidebar-width);
}
.container-reference-surface .workspace-sidebar-chrome .tls-rail:where([data-primary-ui-legacy] *) {
  box-shadow: none;
}
[data-desktop-app-shell-v2]:where([data-primary-ui-legacy] *) {
  --linux-chrome-bg: #121214;
  --ctc-inspector: #121214;
  --ctc-panel: #121214;
  --das-bg: var(--linux-chrome-bg, #121214);
  --das-panel: #121214;
  --das-panel-deep: #121214;
  --das-border: var(--container-divider-soft, #303035);
  --ctc-stroke-soft: var(--das-border);
  --ctc-input: #121214;
  --das-fg: var(--linux-chrome-fg, #deddda);
  --das-muted: var(--linux-chrome-muted, #9a9996);
  --das-hover: var(--linux-chrome-hover, hsl(0 0% 100% / 0.06));
  --das-accent: #5c7cfa;
  --das-menu-bg: #2a2a2a;
  --das-viewport: #121214;

  background: var(--das-bg);
  color: var(--das-fg);
}
[data-desktop-app-shell-v2] .das-sidebar:where([data-primary-ui-legacy] *) {
  position: relative;
  z-index: 1;
  display: flex;
  min-height: 0;
  height: 100%;
  flex-shrink: 0;
  background: var(--ctc-inspector);
  color: var(--ctc-fg);
  font-size: 12px;
  box-shadow: none;
}
[data-desktop-app-shell-v2] .das-inspector:where([data-primary-ui-legacy] *) {
  position: relative;
  z-index: 1;
  display: flex;
  min-height: 0;
  height: 100%;
  flex-shrink: 0;
  background: var(--ctc-inspector);
  color: var(--ctc-fg);
  font-size: 12px;
  box-shadow: none;
}
[data-desktop-app-shell-v2] .das-sidebar .btb-frame:where([data-primary-ui-legacy] *),
[data-desktop-app-shell-v2] .das-sidebar .btb-row:where([data-primary-ui-legacy] *),
[data-desktop-app-shell-v2] .das-sidebar-tabs:where([data-primary-ui-legacy] *),
[data-desktop-app-shell-v2] .das-sidebar-tabs .btb-row:where([data-primary-ui-legacy] *) {
  width: 100%;
}
[data-desktop-app-shell-v2] .das-sidebar .btb-chip:where([data-primary-ui-legacy] *),
[data-desktop-app-shell-v2] .das-sidebar-tabs .btb-chip:where([data-primary-ui-legacy] *) {
  flex: 1 1 0;
  min-width: 0;
}
[data-desktop-app-shell-v2] .das-sidebar .btb-chip-face:where([data-primary-ui-legacy] *),
[data-desktop-app-shell-v2] .das-sidebar-tabs .btb-chip-face:where([data-primary-ui-legacy] *) {
  width: 100%;
  min-width: 0;
  justify-content: center;
}
[data-das-title-bar] .das-project-label:where([data-primary-ui-legacy] *) {
  display: flex;
  align-items: center;
  font-size: 11px;
  font-weight: 600;
  color: #9a9996;
  padding: 0 7px;
  white-space: nowrap;
}
[data-das-title-bar] .btb-spacer:where([data-primary-ui-legacy] *) {
  min-width: 0;
  background: transparent;
  box-shadow: none;
}
[data-desktop-app-shell-v2] .das-icon-btn:where([data-primary-ui-legacy] *) {
  border-radius: 2px;
  padding: 0.25rem;
  color: var(--das-muted);
}
[data-desktop-app-shell-v2] .das-icon-btn:hover:where([data-primary-ui-legacy] *) {
  background: var(--das-hover);
  color: var(--das-fg);
}
[data-desktop-app-shell-v2] .das-panel-header:where([data-primary-ui-legacy] *) {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border-bottom: 1px solid var(--container-divider, #414147);
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e));
  height: var(--container-header-height, 27px);
  min-height: var(--container-header-height, 27px);
  padding: 0 10px;
  font-size: 12px;
  font-weight: 500;
  color: var(--ctc-fg);
  box-shadow: none;
}
[data-desktop-app-shell-v2] .das-tabs-list:where([data-primary-ui-legacy] *) {
  display: flex;
  justify-content: flex-start;
  border-bottom: 1px solid var(--das-border);
  background: var(--das-panel);
  border-radius: 0;
}
[data-desktop-app-shell-v2] .das-tab-trigger:where([data-primary-ui-legacy] *) {
  border-radius: 0;
  padding: 0.25rem 1rem;
  font-size: 13px;
  color: var(--das-muted);
}
[data-desktop-app-shell-v2] .das-tab-trigger[data-state='active']:where([data-primary-ui-legacy] *) {
  background: var(--das-panel-deep);
  color: var(--das-fg);
}
[data-desktop-app-shell-v2] .das-search-row:where([data-primary-ui-legacy] *) {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: var(--container-header-height, 27px);
  min-height: var(--container-header-height, 27px);
  margin: 0;
  padding: 0 8px;
  font-size: 12px;
  border: 0;
  border-bottom: 1px solid var(--container-divider, #414147);
  border-radius: 0;
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e));
  box-shadow: none;
}
[data-desktop-app-shell-v2] .das-search-row svg:where([data-primary-ui-legacy] *) {
  width: 12px;
  height: 12px;
}
[data-desktop-app-shell-v2] .das-search-input:where([data-primary-ui-legacy] *) {
  flex: 1;
  border: none;
  background: transparent;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0;
  color: var(--ctc-fg);
  outline: none;
}
[data-desktop-app-shell-v2] .das-search-input:where([data-primary-ui-legacy] *)::-moz-placeholder {
  color: var(--ctc-fg-muted);
}
[data-desktop-app-shell-v2] .das-search-input:where([data-primary-ui-legacy] *)::placeholder {
  color: var(--ctc-fg-muted);
}
[data-desktop-app-shell-v2] .das-library-row:where([data-primary-ui-legacy] *) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 26px;
  margin: 0;
  padding: 2px 10px;
  border-top: 1px solid var(--ctc-stroke-soft);
  background: transparent;
  box-shadow: none;
}
[data-desktop-app-shell-v2] .das-library-row-label:where([data-primary-ui-legacy] *) {
  font-size: 12px;
  font-weight: 600;
  color: var(--ctc-fg);
}
[data-desktop-app-shell-v2] .das-inspector-body:where([data-primary-ui-legacy] *) {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px 12px;
}
[data-desktop-app-shell-v2] .das-inspector-title:where([data-primary-ui-legacy] *) {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  color: var(--ctc-fg);
}
[data-desktop-app-shell-v2] .das-inspector-well:where([data-primary-ui-legacy] *) {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 72px;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-size: 12px;
  color: var(--ctc-fg-muted);
}
[data-desktop-app-shell-v2] .das-inspector-empty:where([data-primary-ui-legacy] *) {
  margin: 8px 12px;
  flex: 1;
}
[data-desktop-app-shell-v2] .das-tree-icon:where([data-primary-ui-legacy] *) {
  width: 12px;
  height: 12px;
  color: var(--ctc-fg-muted);
}
[data-desktop-app-shell-v2] .das-sidebar .tls-row:where([data-primary-ui-legacy] *) {
  font-size: 12px;
  color: var(--ctc-fg);
  background: transparent;
  box-shadow: none;
  border-color: transparent;
}
[data-desktop-app-shell-v2] .das-sidebar .tls-row:hover:where([data-primary-ui-legacy] *),
[data-desktop-app-shell-v2] .das-sidebar .tls-row[data-active='true']:where([data-primary-ui-legacy] *) {
  background: #222226;
}
[data-desktop-app-shell-v2] .das-viewport:where([data-primary-ui-legacy] *) {
  border-inline: 1px solid var(--container-seam, #55555e);
  background: var(--das-viewport);
}
[data-desktop-app-shell-v2] .das-muted-text:where([data-primary-ui-legacy] *) {
  color: var(--das-muted);
}
[data-desktop-app-shell-v2] .das-status-bar:where([data-primary-ui-legacy] *) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 0;
  background: var(--das-panel);
  padding: 0.125rem 0.5rem;
  font-size: 11px;
  color: var(--das-muted);
}
.das-menu-dropdown:where([data-primary-ui-legacy] *) {
  min-width: 240px;
  border-radius: 2px;
  border: 1px solid var(--das-border, #3d3846);
  background: var(--das-menu-bg, #2a2a2a);
  color: var(--das-fg, #deddda);
  box-shadow: 0 4px 12px hsl(0 0% 0% / 0.35);
}
.das-menu-item:where([data-primary-ui-legacy] *) {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  padding: 0.375rem 1rem;
  font-size: 12px;
  text-align: left;
}
.das-menu-item:hover:where([data-primary-ui-legacy] *),
.das-menu-item-active:where([data-primary-ui-legacy] *) {
  background: var(--das-hover, hsl(0 0% 100% / 0.06));
}
.das-menu-divider:where([data-primary-ui-legacy] *) {
  margin: 0.25rem 0;
  border-top: 1px solid var(--das-border, #3d3846);
}
.das-menu-kbd:where([data-primary-ui-legacy] *) {
  border-radius: 2px;
  border: 1px solid var(--das-border, #3d3846);
  background: var(--das-panel, #303030);
  padding: 0.125rem 0.25rem;
  font-family: inherit;
  font-size: 12px;
  font-weight: 500;
}
[data-desktop-app-shell-v2] .das-resize-handle:hover:where([data-primary-ui-legacy] *),
[data-desktop-app-shell-v2] .das-resize-handle-active:where([data-primary-ui-legacy] *) {
  background: var(--das-accent);
}
[data-desktop-app-shell-v2] .das-search-row:focus-within:where([data-primary-ui-legacy] *) {
  border-color: var(--container-focus, #60b9e6);
  outline: 1px solid var(--container-focus, #60b9e6);
  outline-offset: -1px;
}
[data-desktop-app-shell-v2] .das-icon-btn:focus-visible:where([data-primary-ui-legacy] *) {
  outline: 2px solid var(--container-focus, #60b9e6);
  outline-offset: -2px;
}
[data-desktop-app-shell-v2] .das-resize-handle:where([data-primary-ui-legacy] *) {
  border-inline-start: 0;
}
[data-desktop-app-shell-v2] .das-sidebar:where([data-primary-ui-legacy] *) {
  box-sizing: border-box;
  border-right: 0;
}
[data-desktop-app-shell-v2] .das-inspector:where([data-primary-ui-legacy] *) {
  box-sizing: border-box;
  border-left: 0;
}
/* Frozen 14 October 2026. Legacy UI scope only. */
[data-blender-style-container]:where([data-primary-ui-legacy] *) {
  --blender-bg: #1a1a1a;
  --blender-bg-elevated: #242424;
  --blender-header: #1a1a1a;
  --blender-viewport: #2e2e2e;
  --blender-input: #1e1e1e;
  --blender-stroke: #121212;
  --blender-stroke-subtle: #2e2e2e;
  --blender-fg: #cccccc;
  --blender-fg-muted: #9d9d9d;
  --blender-fg-dim: #6e6e6e;
  --blender-select: #4772b3;
  --blender-select-fg: #ffffff;
  --blender-accent-orange: #d68d59;
  --blender-accent-orange-bg: rgba(214, 141, 89, 0.25);
  --blender-handle: #121212;
  --blender-handle-hover: #4772b3;
  --blender-font-size: 11px;
  --blender-header-height: 22px;
  --blender-tool-rail-width: 32px;
  --blender-properties-tab-width: 28px;
}

[data-blender-style-container]:where([data-primary-ui-legacy] *) {
  background: var(--blender-bg);
  color: var(--blender-fg);
  font-size: var(--blender-font-size);
}

[data-blender-style-container] .blender-split-handle:where([data-primary-ui-legacy] *) {
  flex-shrink: 0;
  background: var(--blender-handle);
  transition: background 120ms ease;
}

[data-blender-style-container] .blender-split-handle[data-panel-group-direction='horizontal']:where([data-primary-ui-legacy] *),
[data-blender-style-container] .blender-split-handle:not([data-panel-group-direction]):where([data-primary-ui-legacy] *) {
  width: 4px;
  min-width: 4px;
}

[data-blender-style-container] .blender-split-handle[data-panel-group-direction='vertical']:where([data-primary-ui-legacy] *) {
  height: 4px;
  min-height: 4px;
  width: 100%;
}

[data-blender-style-container] .blender-split-handle:hover:where([data-primary-ui-legacy] *),
[data-blender-style-container] .blender-split-handle[data-resize-handle-active]:where([data-primary-ui-legacy] *) {
  background: var(--blender-handle-hover);
}

/* PS1 twin-column embed — rail | tree inside blender left strip */
[data-blender-style-container] [data-blender-ps1-host]:where([data-primary-ui-legacy] *) {
  min-width: 0;
  overflow: hidden;
}

[data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed.ui-ref-ps1-compact:where([data-primary-ui-legacy] *) {
  --ps1-layer1-bg: var(--blender-header);
  --ps1-layer2-bg: var(--blender-header);
  --dev-ws-activity-bg: var(--blender-header);
  --dev-ws-panel-bg: var(--blender-header);
  --ps1-rail-divider: var(--blender-stroke);
  --ps1-chip-bg: var(--blender-bg-elevated);
  --ps1-chip-bg-hover: #2a2a2a;
  --ps1-chip-bg-active: #333333;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  height: 100%;
  min-height: 0;
  border-radius: 0;
  box-shadow: none;
}

[data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed .ui-ref-ps1-layer1:where([data-primary-ui-legacy] *) {
  width: 2.5rem;
  min-width: 2.5rem;
  max-width: 2.5rem;
  border-right: none !important;
  background: var(--blender-header) !important;
}

[data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed [data-blender-ps1-rail-column]:where([data-primary-ui-legacy] *),
[data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed [data-blender-ps1-tree-column]:where([data-primary-ui-legacy] *),
[data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed .ui-ref-ps1-layer1-rail:where([data-primary-ui-legacy] *),
[data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed .ui-ref-ps1-layer2:where([data-primary-ui-legacy] *),
[data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed .ui-ref-ps1-layer2-panel:where([data-primary-ui-legacy] *),
[data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed .dev-ws-sidebar.ui-ref-ps1-layer2-panel:where([data-primary-ui-legacy] *) {
  background: var(--blender-header) !important;
}

[data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed [data-blender-ps1-tree-column]:where([data-primary-ui-legacy] *) {
  min-width: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

[data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed .ui-ref-ps1-layer2:where([data-primary-ui-legacy] *),
[data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed .ui-ref-ps1-tree-view-shell:where([data-primary-ui-legacy] *),
[data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed .ui-ref-ps1-submenu-panel:where([data-primary-ui-legacy] *) {
  width: -moz-max-content !important;
  width: max-content !important;
  max-width: 100% !important;
  flex: 0 0 auto;
  min-width: 0;
}

[data-blender-style-container] .blender-inspector-rail:where([data-primary-ui-legacy] *) {
  flex: 0 0 var(--blender-properties-tab-width);
}

[data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed .ui-ref-ps1-submenu-title-bar:where([data-primary-ui-legacy] *),
[data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed .dev-ws-sidebar-title:where([data-primary-ui-legacy] *) {
  color: var(--blender-fg-muted);
  border-color: var(--blender-stroke);
}

[data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed .ui-ref-ps1-submenu-panel .ui-ref-ps1-tab.ui-ref-ps1-glow-row:where([data-primary-ui-legacy] *),
[data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed .ui-ref-ps1-submenu-panel [role='treeitem']:where([data-primary-ui-legacy] *) {
  background: transparent !important;
  box-shadow: none !important;
  border-color: transparent !important;
  color: var(--blender-fg) !important;
}

[data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed .ui-ref-ps1-submenu-panel .ui-ref-ps1-tab.ui-ref-ps1-glow-row:hover:where([data-primary-ui-legacy] *),
[data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed .ui-ref-ps1-submenu-panel [role='treeitem']:hover:where([data-primary-ui-legacy] *) {
  background: var(--blender-stroke-subtle) !important;
}

[data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed .ui-ref-ps1-submenu-panel .ui-ref-ps1-tab.ui-ref-ps1-glow-row[aria-current='page']:where([data-primary-ui-legacy] *),
[data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed .ui-ref-ps1-submenu-panel [role='treeitem'][aria-selected='true']:where([data-primary-ui-legacy] *) {
  background: var(--blender-stroke-subtle) !important;
  color: var(--blender-fg) !important;
}

/* CTC chrome in workspace frames: chips + spine beat blender transparent fills. */
.workspace-container-frame [data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed.ui-ref-ps1-compact .ui-ref-ps1-layer1:where([data-primary-ui-legacy] *) {
  border-right: 1px solid #2a2a2a !important;
}

.workspace-container-frame [data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed.ui-ref-ps1-compact .ui-ref-ps1-glow-icon:where([data-primary-ui-legacy] *),
.workspace-container-frame [data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed.ui-ref-ps1-compact button.ui-ref-ps1-glow-icon:where([data-primary-ui-legacy] *) {
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin: 0 auto;
  border: 0 !important;
  border-radius: 3px !important;
  overflow: visible !important;
  background: #2c2c2c !important;
  background-image: none !important;
  box-shadow:
    inset 1px 1px 0 rgba(255, 255, 255, 0.1),
    inset -1px -1px 0 rgba(0, 0, 0, 0.55) !important;
}

.workspace-container-frame [data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed.ui-ref-ps1-compact .ui-ref-ps1-glow-icon:where([data-primary-ui-legacy] *)::after {
  display: none !important;
}

.workspace-container-frame [data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed.ui-ref-ps1-compact .ui-ref-ps1-glow-icon:where([data-primary-ui-legacy] *)::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 2px;
  height: 100%;
  border-radius: 0;
  transform: none !important;
  background: var(--glow-color);
  box-shadow: none;
  opacity: 0.2;
}

.workspace-container-frame [data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed.ui-ref-ps1-compact .ui-ref-ps1-glow-icon[aria-current='page']:where([data-primary-ui-legacy] *)::before,
.workspace-container-frame [data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed.ui-ref-ps1-compact .ui-ref-ps1-glow-icon[aria-pressed='true']:where([data-primary-ui-legacy] *)::before {
  opacity: 1;
  background: var(--glow-color);
}
.legacy-ui-page {
  height: 100%;
  min-height: 0;
  overflow: auto;
  background: hsl(var(--background));
  color: hsl(var(--foreground));
  padding: 18px;
  font-size: 12px;
}

.legacy-ui-page-heading {
  margin-bottom: 22px;
}

.legacy-ui-page-heading h1 {
  margin: 0 0 6px;
  font-size: 17px;
  font-weight: 600;
}

.legacy-ui-page-heading p,
.legacy-ui-card-heading p {
  margin: 0;
  color: hsl(var(--muted-foreground));
  font-size: 11px;
  line-height: 1.5;
}

.legacy-ui-page section + section {
  margin-top: 24px;
}

.legacy-ui-page h2 {
  margin: 0 0 10px;
  font-size: 12px;
  font-weight: 600;
}

.legacy-ui-sidebar-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
  gap: 12px;
}

.legacy-ui-sidebar-card,
.legacy-ui-container-card {
  min-width: 0;
  border: 1px solid hsl(var(--border));
  border-radius: 3px;
  background: hsl(var(--card));
}

.legacy-ui-card-heading {
  padding: 12px;
  border-bottom: 1px solid hsl(var(--border));
}

.legacy-ui-card-heading h3 {
  margin: 0 0 4px;
  font-size: 12px;
  font-weight: 500;
}

.legacy-ui-sidebar-preview {
  display: flex;
  height: 400px;
  min-width: 0;
  overflow: auto;
  background: hsl(var(--background));
}

.legacy-ui-container-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
}

.legacy-ui-container-card summary {
  padding: 11px 12px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
}

.legacy-ui-container-card summary:focus-visible {
  outline: 2px solid hsl(var(--ring));
  outline-offset: -2px;
}

.legacy-ui-container-preview {
  display: flex;
  height: 440px;
  min-width: 0;
  overflow: auto;
  padding: 8px;
  border-top: 1px solid hsl(var(--border));
  background: hsl(var(--background));
}

.legacy-ui-container-preview > * {
  min-width: 560px;
}

@media (max-width: 640px) {
  .legacy-ui-page {
    padding: 12px;
  }
}
.nextjs-workspace-reference {
  --nextjs-tab-height: 21px;
  /* Match the compact Dev Workspace rail: 32px rail, 26px keys, 16px glyphs. */
  --workspace-section-control-size: 26px;
  --workspace-section-icon-size: 16px;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  min-height: 360px;
  aspect-ratio: 904 / 472;
  margin: 8px 0;
  padding: 2px;
  overflow: hidden;
  border: 1px solid #303030;
  border-radius: 4px;
  background: #191919;
  box-shadow: 0 0 0 3px #101010;
  color: #d4d4d4;
  color-scheme: dark;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  line-height: 1;
}
.nextjs-workspace-reference, .nextjs-workspace-reference * { box-sizing: border-box; }
:is(#nextjs-design, .nextjs-variations) .nextjs-workspace-reference, :is(#nextjs-design, .nextjs-variations) .nextjs-workspace-reference * { font-size: 8px !important; }
.nextjs-workspace-reference button[data-retro-button]:where(:not([data-workspace-native-content] *)) { display: flex; min-width: 0; align-items: center; flex-shrink: 0; padding: 0; border: 0; border-radius: 6px; background: transparent; font: inherit; cursor: pointer; }
.nextjs-workspace-reference button[data-retro-button]:where(:not([data-workspace-native-content] *)) > span { display: flex; width: 100%; height: 100%; align-items: center; gap: 6px; padding: 0 6px; border-radius: 6px; white-space: nowrap; }
.nextjs-workspace-reference button[data-retro-button]:where(:not([data-workspace-native-content] *)):disabled { cursor: default; opacity: .55; }
.nextjs-workspace-reference button[data-retro-button]:where(:not([data-workspace-native-content] *)):disabled > span { box-shadow: inset 1px 1px 1px var(--shadow-light), inset -1px -1px 1px var(--shadow-dark); }
.nextjs-workspace-reference button:focus-visible { outline: 1px solid #b7dce3; outline-offset: -2px; }
.nextjs-workspace-reference svg:where(:not([data-workspace-native-content] *)) { display: block; width: 10px; height: 9px; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 1; stroke-linecap: square; stroke-linejoin: miter; }
.nextjs-workspace-reference__titlebar { display: flex; height: 22px; min-height: 22px; align-items: center; gap: 8px; padding: 0 8px 2px 3px; border-bottom: 1px solid #363636; background: #141414; }
.nextjs-workspace-reference__title { min-width: 0; flex: 1; overflow: hidden; color: #dfdfdf; font-size: 8px !important; text-overflow: ellipsis; white-space: nowrap; }
.nextjs-workspace-reference__controls { display: flex; height: 16px; align-items: center; gap: 4px; }
.nextjs-workspace-reference__controls button[data-retro-button]:where(:not([data-workspace-native-content] *)) { width: 24px; height: 16px; border-radius: 4px; }
.nextjs-workspace-reference__controls button[data-retro-button]:where(:not([data-workspace-native-content] *)) > span { justify-content: center; padding: 0; border-radius: 4px; }
.nextjs-workspace-reference__controls svg { width: 14px; height: 10px; }
.nextjs-workspace-reference__controls .nextjs-workspace-reference__solid { fill: currentColor; stroke: none; }
.nextjs-workspace-reference__close { stroke-width: 2; }
.nextjs-workspace-reference__control-divider { height: 12px; margin: 0 2px; border-left: 1px solid #aaa; }
.nextjs-workspace-reference__body { display: grid; min-width: 0; min-height: 0; flex: 1; grid-template-columns: 174px minmax(0, 1fr); padding-top: 3px; }
.nextjs-workspace-reference__body[hidden] { display: none; }
.nextjs-workspace-reference__directory { display: grid; min-width: 0; min-height: 0; grid-template-columns: 32px minmax(0, 1fr); grid-template-rows: 26px minmax(0, 1fr); overflow: hidden; border: 1px solid #303030; border-radius: 4px; background: #222; }
.nextjs-workspace-reference__directory .ui-ref-ps1-submenu-title-bar { display: flex; grid-column: 1 / -1; height: 26px; min-height: 26px; align-items: center; padding: 0 8px 0 12px; border-bottom: 1px solid #303030; background: #222; }
:is(#nextjs-design, .nextjs-variations) .nextjs-workspace-reference__directory .dev-ws-sidebar-title { color: #a3a3a3; font-size: 9px !important; font-weight: 500; letter-spacing: .5px; }
.nextjs-workspace-reference__directory .ui-ref-ps1-submenu-count { display: inline-flex; min-width: 16px; height: 16px; align-items: center; justify-content: center; border: 1px solid #303030; background: #202020; color: #c4c4c4; font-weight: 600; }
.nextjs-workspace-reference__directory .ui-ref-ps1-submenu-collapse { border: 0; background: transparent; color: #a3a3a3; }
.nextjs-workspace-reference__sections { display: flex; min-height: 0; flex-direction: column; align-items: center; justify-content: space-between; padding: 3px; border-right: 1px solid #343434; background: #121214; }
.nextjs-workspace-reference__section-list { display: flex; flex-direction: column; gap: 2px; }
.nextjs-workspace-reference__sections button[data-retro-button]:where(:not([data-workspace-native-content] *)), .nextjs-workspace-reference__items button[data-retro-button]:where(:not([data-workspace-native-content] *)) { width: 100%; height: 20px; text-align: left; }
.nextjs-workspace-reference__items { display: flex; min-width: 0; flex-direction: column; gap: 5px; padding: 3px 5px; border-right: 1px solid #303030; background: #222; }
.nextjs-workspace-reference__items { --nextjs-tab-height: 20px; }
.nextjs-workspace-reference :is(.nextjs-workspace-reference__items, .nextjs-workspace-reference__tabs) .ui-ref-ps1-product-glyph { display: inline-flex; width: 10px; height: 10px; flex-shrink: 0; }
.nextjs-workspace-reference :is(.nextjs-workspace-reference__items, .nextjs-workspace-reference__tabs) .ui-ref-ps1-product-glyph img { width: 10px !important; height: 10px !important; }
.nextjs-workspace-reference__main { display: flex; min-width: 0; min-height: 0; flex-direction: column; margin: 0 2px 4px 8px; overflow: hidden; border: 1px solid #303030; border-radius: 0 0 4px 4px; background: #202020; }
.nextjs-workspace-reference__tabs { display: flex; height: 29px; flex-shrink: 0; align-items: flex-start; gap: 5px; padding: 2px 2px 5px; border-bottom: 1px solid #3a3a3a; background: #202020; }
.nextjs-workspace-reference__tabs button[data-retro-button]:where(:not([data-workspace-native-content] *)) { position: relative; width: 66px; height: 21px; }
.nextjs-workspace-reference__content { min-width: 0; min-height: 0; flex: 1; background: #202020; }
.nextjs-workspace-reference[data-sidebar-hidden='true'] .nextjs-workspace-reference__body { grid-template-columns: minmax(0, 1fr); }
.nextjs-workspace-reference[data-sidebar-hidden='true'] .nextjs-workspace-reference__main { margin-left: 0; }
.nextjs-workspace-reference[data-minimized='true'] { min-height: 0; aspect-ratio: auto; }
.nextjs-workspace-reference[data-expanded='true']:not([data-minimized='true']) { height: max(472px, 78vh); aspect-ratio: auto; }
.nextjs-workspace-reference-closed { margin: 8px 0; padding: 8px; border: 1px solid #303030; background: #191919; }
.nextjs-workspace-reference-closed button[data-retro-button]:where(:not([data-workspace-native-content] *)) { width: auto; }

.nextjs-workspace-reference[hidden], .nextjs-workspace-reference [hidden] { display: none; }
.nextjs-workspace-reference__toolbar { flex-shrink: 0; min-width: 0; }
.nextjs-workspace-reference__status { display: flex; flex-shrink: 0; justify-content: space-between; gap: 8px; min-height: 20px; padding: 4px 8px; border-top: 1px solid #303030; color: #a3a3a3; font-size: 8px; }
.nextjs-workspace-reference__sections .workspace-section-button > span::before { opacity: 0; }
.nextjs-workspace-reference__sections .workspace-section-button[aria-pressed=true] > span::before { opacity: 1; }
.workspace-frame {
  --gwc-bg: #202020;
  --gwc-panel: #222;
  --gwc-raised: #292929;
  --gwc-line: #303030;
  --gwc-fg: #d4d4d4;
  --gwc-muted: #a3a3a3;
  --gwc-accent: #b7dce3;
  --gwc-selected: #2c2c2c;
  --gwc-hover: #282828;
  --gwc-tab-height: 29px;
  --container-title-height: 22px;
  --gwc-frame: #191919;
  --gwc-nav-bg: #171719;
  --gwc-rail-bg: #121214;
  --gwc-title-bg: #141414;

  --nextjs-tab-height: 22px;
  --gwc-button-height: 22px;
  --gwc-button-icon-size: 12px;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  min-height: 360px;
  aspect-ratio: 904 / 472;
  margin: 8px 0;
  padding: 2px;
  overflow: hidden;
  border: 1px solid var(--gwc-line);
  border-radius: 4px;
  background: var(--gwc-frame);
  box-shadow: 0 1px 4px color-mix(in srgb, var(--gwc-fg) 5%, transparent);
  color: var(--gwc-fg);
  color-scheme: dark;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  line-height: 1;
}
.workspace-frame, .workspace-frame * { box-sizing: border-box; }
.workspace-frame button[data-retro-button] { display: flex; min-width: 0; align-items: center; flex-shrink: 0; padding: 0; border: 0; border-radius: 6px; background: transparent; font: inherit; cursor: pointer; }
.workspace-frame button[data-retro-button] > span { display: flex; width: 100%; height: 100%; align-items: center; gap: 6px; padding: 0 6px; border-radius: 6px; white-space: nowrap; }
.workspace-frame button[data-retro-button]:disabled { cursor: default; opacity: .55; }
.workspace-frame button[data-retro-button]:disabled > span { box-shadow: inset 1px 1px 1px var(--shadow-light), inset -1px -1px 1px var(--shadow-dark); }
.workspace-frame button:focus-visible { outline: 1px solid #b7dce3; outline-offset: -2px; }
.workspace-frame svg { display: block; width: var(--gwc-button-icon-size); height: var(--gwc-button-icon-size); flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 1; stroke-linecap: square; stroke-linejoin: miter; }
.workspace-frame__titlebar { display: flex; height: 22px; min-height: 22px; align-items: center; gap: 8px; padding: 0 8px 2px 3px; border-bottom: 1px solid var(--gwc-line); background: var(--gwc-title-bg); }
.workspace-frame__controls { display: flex; height: 16px; align-items: center; gap: 4px; }
.workspace-frame__controls button[data-retro-button] { width: 24px; height: 16px; border-radius: 4px; }
.workspace-frame__controls button[data-retro-button] > span { justify-content: center; padding: 0; border-radius: 4px; }
.workspace-frame__controls svg { width: 14px; height: 10px; }
.workspace-frame__controls svg.lucide { width: 12px; height: 12px; }
.workspace-frame__controls .workspace-frame__solid { fill: currentColor; stroke: none; }
.workspace-frame__close { stroke-width: 2; }
.workspace-frame__control-divider { height: 12px; margin: 0 2px; border-left: 1px solid #aaa; }
.workspace-frame__sections { display: flex; min-height: 0; flex-direction: column; align-items: center; justify-content: space-between; padding: 3px; border-right: 1px solid var(--gwc-line); background: var(--gwc-panel); }
.workspace-frame__section-list { display: flex; flex-direction: column; gap: 5px; }
.workspace-frame__sections button[data-retro-button], .workspace-frame__items button[data-retro-button] { width: 100%; height: 20px; text-align: left; }
.workspace-frame__items { display: flex; min-width: 0; flex-direction: column; gap: 5px; padding: 3px 5px; border-right: 1px solid var(--gwc-line); background: var(--gwc-panel); }
.workspace-frame__items { --nextjs-tab-height: var(--gwc-button-height); }
.workspace-frame__main { display: flex; min-width: 0; min-height: 0; flex-direction: column; margin: 0 2px 4px 8px; overflow: hidden; border: 1px solid var(--gwc-line); border-radius: 0 0 4px 4px; background: var(--gwc-bg); }
.workspace-frame__tabs { display: flex; height: 29px; flex-shrink: 0; align-items: flex-start; gap: 5px; padding: 2px 2px 5px; border-bottom: 1px solid var(--gwc-line); background: var(--gwc-bg); }
.workspace-frame__tabs button[data-retro-button] { position: relative; width: 66px; height: 21px; }

.generic-workspace-container {
  container: generic-workspace / inline-size;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  height: auto;
  font-size: 11px;
  text-align: left;
}
.generic-workspace-container, .generic-workspace-container * { box-sizing: border-box; }
.generic-workspace-container button { font: inherit; cursor: pointer; }
.generic-workspace-container :is(input, textarea, select) { font-size: 11px !important; line-height: 1.4; }
.generic-workspace-container button:focus-visible, .generic-workspace-container :is(input, textarea):focus-visible { outline: 2px solid var(--gwc-accent); outline-offset: -2px; }
.generic-workspace-container svg { flex-shrink: 0; }
.generic-workspace-container [hidden], .generic-workspace-container[hidden] { display: none; }
.generic-workspace-container .workspace-frame__titlebar { flex-shrink: 0; }
.generic-workspace-container .workspace-frame__title { flex: 1; min-width: 0; font-size: 8px; }
.generic-workspace-container .gwc-control { display: inline-flex; width: 16px; height: 16px; flex-shrink: 0; align-items: center; justify-content: center; padding: 0; border: 1px solid transparent; border-radius: 3px; background: transparent; color: var(--gwc-muted); }
.generic-workspace-container .gwc-control:hover { background: var(--gwc-hover); color: var(--gwc-fg); }
.generic-workspace-container .gwc-control[aria-pressed=true] { border-color: var(--so-edge-light, var(--gwc-line)); background: var(--gwc-selected); color: var(--gwc-fg); }
.gwc-body { display: flex; flex: 1; min-width: 0; min-height: 0; padding-top: 3px; overflow: hidden; }
.gwc-rail { display: flex; width: 32px; flex-shrink: 0; flex-direction: column; justify-content: space-between; padding: 4px 2px; border-right: 1px solid var(--so-edge-dark, var(--gwc-line)); background: var(--gwc-panel); }
.gwc-rail > div { display: flex; flex-direction: column; gap: 4px; }
.generic-workspace-container .gwc-rail .gwc-control { width: 26px; height: 26px; border-radius: 4px; box-shadow: none; }
.gwc-panels { flex: 1; min-width: 0; min-height: 0; overflow: hidden; }
.gwc-main, .gwc-panel { display: flex; height: calc(100% - 4px); min-width: 0; min-height: 0; flex-direction: column; overflow: hidden; background: var(--gwc-bg); }
.generic-workspace-container[data-navigation-side=right] .gwc-main { margin: 0 8px 4px 2px; }
.gwc-panel { margin-bottom: 4px; border: 1px solid var(--gwc-line); border-radius: 4px; background: var(--gwc-panel); }
.gwc-panel-content { flex: 1; min-width: 0; min-height: 0; overflow: auto; }
.gwc-resize { position: relative; width: 1px; background: transparent; }
.gwc-resize:before { position: absolute; z-index: 2; top: 0; bottom: 0; left: -3px; width: 7px; content: ''; }
.gwc-resize:hover, .gwc-resize[data-resize-handle-state=drag] { background: var(--gwc-accent); }
.gwc-panel-heading { display: flex; height: 26px; flex-shrink: 0; align-items: center; justify-content: space-between; gap: 6px; padding: 0 8px 0 12px; border-bottom: 1px solid var(--gwc-line); background: var(--gwc-panel); font-size: 9px; font-weight: 500; }
.gwc-panel-heading > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gwc-tabs { overflow-x: auto; scrollbar-width: thin; }
.gwc-tab { --nextjs-tab-height: var(--gwc-button-height); position: relative; display: flex; flex-shrink: 0; align-items: center; }
.generic-workspace-container .gwc-tab > button.workspace-tab-button { width: auto; min-width: 66px; font-size: 10px !important; }
.generic-workspace-container .workspace-nav-views button.workspace-tab-button { font-size: 10px !important; }
.generic-workspace-container .gwc-tab > .gwc-tab-close { padding: 0 6px; opacity: .5; }
.generic-workspace-container .gwc-tab > .gwc-tab-close:hover { opacity: 1; }
.gwc-tabs > .gwc-control { align-self: center; margin: 0 3px; }
.gwc-content { display: flex; flex: 1; min-width: 0; min-height: 0; overflow: auto; line-height: 1.5; }
.gwc-status { display: flex; height: 20px; flex-shrink: 0; align-items: center; justify-content: space-between; gap: 8px; padding: 0 8px; border-top: 1px solid var(--gwc-line); color: var(--gwc-muted); background: var(--gwc-frame); font-size: 8px; }
.gwc-status > span { display: flex; min-width: 0; align-items: center; gap: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gwc-topbar { display: flex; flex-shrink: 0; align-items: center; gap: 6px; min-height: var(--gwc-tab-height); margin-top: 3px; padding: 2px 5px; border: 1px solid var(--gwc-line); border-radius: 3px; background: var(--gwc-nav-bg); }
.gwc-topbar > nav { flex: 1; min-width: 0; overflow-x: auto; }
.gwc-bottom-popup { position: absolute; z-index: 9; bottom: 28px; left: 50%; display: flex; flex-direction: column; width: min(480px, calc(100% - 20px)); max-height: calc(100% - 90px); overflow: hidden; transform: translateX(-50%); border: 1px solid var(--gwc-line); border-radius: 6px; background: var(--gwc-panel); box-shadow: 0 -8px 32px rgb(0 0 0 / 35%); animation: gwc-popup-in 130ms ease-out; }
.generic-workspace-container .gwc-bottom-toggle { display: inline-flex; flex-shrink: 0; align-items: center; gap: 5px; height: 21px; margin-left: auto; padding: 0 5px; border: 0; background: transparent; color: var(--gwc-muted); font-size: 9px; }
.generic-workspace-container .gwc-bottom-toggle:hover, .generic-workspace-container .gwc-bottom-toggle[aria-expanded=true] { color: var(--gwc-accent); background: var(--gwc-raised); }
@keyframes gwc-popup-in { from { opacity: 0; transform: translate(-50%, 8px); } to { opacity: 1; transform: translate(-50%, 0); } }
@media (prefers-reduced-motion: reduce) { .gwc-bottom-popup { animation: none; } }
.gwc-command-menu, .gwc-layout-menu { position: absolute; z-index: 10; padding: 5px; border: 1px solid var(--gwc-line); border-radius: 5px; background: var(--gwc-panel); box-shadow: 0 2px 8px var(--so-glass-shadow, rgb(0 0 0 / 18%)); }
.gwc-command-menu { top: calc(var(--container-title-height, 24px) + 5px); left: 50%; width: min(400px, calc(100% - 24px)); max-height: calc(100% - 45px); overflow-y: auto; transform: translateX(-50%); }
.gwc-command-menu > div { display: flex; align-items: center; gap: 8px; padding: 4px; }
.gwc-command-menu input { min-width: 0; flex: 1; padding: 6px 0; border: 0; background: transparent; color: var(--gwc-fg); font: inherit; font-size: 12px; }
.gwc-command-menu > p { margin: 8px; color: var(--gwc-muted); font-size: 10px; }
.gwc-command-menu > button { display: flex; align-items: center; gap: 8px; width: 100%; padding: 9px; border: 0; border-radius: 4px; background: transparent; color: var(--gwc-fg); font-size: 11px; text-align: left; }
.gwc-command-menu > button:hover { background: var(--gwc-raised); }
.gwc-command-menu > button > svg:last-child { margin-left: auto; color: var(--gwc-muted); }
.gwc-layout-menu { top: calc(var(--container-title-height, 24px) + 5px); right: 7px; width: min(245px, calc(100% - 14px)); max-height: calc(100% - 45px); overflow-y: auto; }
.gwc-layout-menu > label { display: flex; align-items: center; gap: 8px; padding: 9px 7px; color: var(--gwc-muted); font-size: 11px; }
.gwc-layout-menu input { accent-color: var(--gwc-accent); }
.gwc-layout-menu > button { margin: 5px; padding: 6px 8px; border: 1px solid var(--gwc-line); border-radius: 3px; background: transparent; color: var(--gwc-fg); font-size: 10px; }
.generic-workspace-container[data-expanded=true] { height: max(620px, 82vh); }
.generic-workspace-container[data-minimized=true] { height: auto; min-height: 0; aspect-ratio: auto; }
.gwc-closed { display: grid; min-height: 140px; place-items: center; border: 1px solid hsl(var(--border)); border-radius: 5px; }
.gwc-closed button { display: flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid hsl(var(--border)); border-radius: 4px; background: hsl(var(--card)); color: hsl(var(--foreground)); font-size: 12px; }

.gwc-toolbar { display: flex; flex-shrink: 0; align-items: center; flex-wrap: wrap; gap: 6px; min-height: 29px; padding: 4px 8px; border-bottom: 1px solid var(--gwc-line); background: var(--gwc-panel); }
.gwc-layout-settings { padding: 7px; border-top: 1px solid var(--gwc-line); }
.gwc-layout-settings label { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--gwc-muted); font-size: 10px; }
.gwc-layout-settings select { max-width: 140px; padding: 4px; border: 1px solid var(--gwc-line); border-radius: 3px; background: var(--gwc-bg); color: var(--gwc-fg); font: inherit; }

/* Keep the approved Desk Dark palette; other themes share the same geometry. */
.workspace-frame:not([data-frame-theme=deskdark]) {
  --gwc-frame-shadow: color-mix(in srgb, hsl(var(--foreground)) 10%, transparent);
  --gwc-bg: hsl(var(--background)); --gwc-panel: hsl(var(--card));
  --gwc-frame: hsl(var(--sidebar)); --gwc-nav-bg: hsl(var(--sidebar));
  --gwc-rail-bg: color-mix(in srgb, hsl(var(--sidebar)) 94%, hsl(var(--foreground)));
  --gwc-title-bg: hsl(var(--sidebar)); --gwc-line: hsl(var(--border));
  --gwc-raised: hsl(var(--muted)); --gwc-fg: hsl(var(--foreground));
  --gwc-muted: hsl(var(--muted-foreground)); --gwc-accent: hsl(var(--ring));
  --gwc-selected: hsl(var(--accent)); --gwc-hover: hsl(var(--muted));
  color-scheme: normal;
}

/* One compact scale for labelled tabs and icon-only toolbar buttons. */
.generic-workspace-container.workspace-frame button.workspace-tab-button[data-retro-button] { --nextjs-tab-height: var(--gwc-button-height); font-size: 10px !important; }
.generic-workspace-container.workspace-frame button.workspace-tab-button > span { align-items: center; gap: 5px; padding: 0 7px; line-height: 1; }
.generic-workspace-container.workspace-frame button.workspace-tab-button > span > :is(svg, img, [data-rd-icon-plate], .ui-ref-ps1-sis-dest, .ui-ref-ps1-product-glyph) { display: block; width: var(--gwc-button-icon-size); height: var(--gwc-button-icon-size); flex: 0 0 var(--gwc-button-icon-size); margin: 0; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; }
.generic-workspace-container.workspace-frame button.workspace-tab-button[aria-label]:has(> span > :is(svg, img, [data-rd-icon-plate], .ui-ref-ps1-sis-dest, .ui-ref-ps1-product-glyph):only-child) { width: var(--gwc-button-height); min-width: var(--gwc-button-height); }
.generic-workspace-container.workspace-frame button.workspace-tab-button[aria-label]:has(> span > :is(svg, img, [data-rd-icon-plate], .ui-ref-ps1-sis-dest, .ui-ref-ps1-product-glyph):only-child) > span { justify-content: center; padding: 0; }

/* Quiet, flat control finish shared by Workspace, Module and Creative Tools. */
.generic-workspace-container.workspace-frame {
  --gwc-control-border: color-mix(in srgb, var(--gwc-fg) 14%, transparent);
  --gwc-control-hover: color-mix(in srgb, var(--gwc-fg) 7%, var(--gwc-panel));
  --gwc-control-selected: color-mix(in srgb, var(--gwc-accent) 9%, var(--gwc-panel));
}
.generic-workspace-container.workspace-frame[data-workspace-style=generic] button[data-retro-button] {
  color: var(--gwc-muted);
  text-shadow: none;
  box-shadow: none !important;
  border-radius: 4px !important;
}
.generic-workspace-container.workspace-frame[data-workspace-style=generic] button[data-retro-button] > span {
  border: 1px solid transparent;
  border-radius: inherit !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--gwc-muted) !important;
  box-shadow: none !important;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  font-size: inherit;
  transform: none !important;
  filter: none !important;
  transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
}
.generic-workspace-container.workspace-frame[data-workspace-style=generic] button[data-retro-button]:hover:not(:disabled) > span {
  background: var(--gwc-control-hover) !important;
  color: var(--gwc-fg) !important;
}
.generic-workspace-container.workspace-frame[data-workspace-style=generic] button[data-retro-button]:is([data-active=true], [aria-current=page], [aria-selected=true], [aria-pressed=true], [aria-expanded=true]) > span {
  border-color: var(--gwc-control-border);
  background: var(--gwc-control-selected) !important;
  color: var(--gwc-fg) !important;
  font-weight: 500;
}
.generic-workspace-container.workspace-frame[data-workspace-style=generic] button[data-retro-button]:active:not(:disabled) > span {
  background: var(--gwc-selected) !important;
  border-color: var(--gwc-control-border);
}
.generic-workspace-container.workspace-frame[data-workspace-style=generic] button[data-retro-button]:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--gwc-accent) 75%, transparent);
  outline-offset: 1px;
}
.generic-workspace-container.workspace-frame[data-workspace-style=generic] .gwc-toolbar button[data-retro-button] > span {
  border-color: var(--gwc-control-border);
}
.generic-workspace-container.workspace-frame[data-workspace-style=generic] .workspace-frame__controls button[data-retro-button] > span {
  border-color: transparent;
}
.generic-workspace-container.workspace-frame[data-workspace-style=generic] .workspace-frame__controls button[aria-label="Close container"]:hover > span {
  background: color-mix(in srgb, #d85b5b 15%, var(--gwc-panel)) !important;
  color: color-mix(in srgb, #d85b5b 70%, var(--gwc-fg)) !important;
}
@media (prefers-reduced-motion: reduce) {
  .generic-workspace-container.workspace-frame[data-workspace-style=generic] button[data-retro-button] > span { transition: none; }
}
.gwc-dmg-preview { min-width: 0; }
.gwc-dmg-preview-actions { display: flex; justify-content: flex-end; padding: 0 0 8px; }
.gwc-dmg-launch, .gwc-dmg-exit { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 6px 9px; border: 1px solid hsl(var(--border)); border-radius: 4px; background: hsl(var(--card)); color: hsl(var(--foreground)); font: inherit; font-size: 11px; cursor: pointer; }
.gwc-dmg-launch:hover, .gwc-dmg-exit:hover { background: hsl(var(--muted)); }
.gwc-dmg-inline-host { min-width: 0; }
[data-slot=dialog-content].gwc-dmg-preview-dialog { position: fixed; inset: 0; z-index: 10000; display: flex; flex-direction: column; width: var(--site-viewport-width, 100vw); max-width: none; height: var(--site-viewport-height, 100dvh); max-height: none; gap: 0; padding: 0; overflow: hidden; transform: none; border: 0; border-radius: 0; background: #101114; color: #dedee3; box-shadow: none; animation: none; }
.gwc-dmg-preview-toolbar { display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: 12px; min-height: 42px; padding: 6px 14px; border-bottom: 1px solid #303138; background: #18191d; }
.gwc-dmg-preview-toolbar [data-slot=dialog-title] { margin: 0; color: #dedee3; font-size: 12px; font-weight: 500; }
.gwc-dmg-exit { border-color: #3b3c43; background: #23242a; color: #eeeeF2; }
.gwc-dmg-exit:hover { background: #303139; }
.gwc-dmg-desktop { display: flex; flex: 1; align-items: center; justify-content: center; min-width: 0; min-height: 0; padding: 10px; background: radial-gradient(ellipse at 25% 0, #303747, #16191f 65%); }
.gwc-dmg-desktop[data-maximized=true] { padding: 0; }
.gwc-dmg-window { display: flex; flex: 1; flex-direction: column; height: 100%; min-width: 0; min-height: 0; overflow: hidden; border: 1px solid #4b4c53; border-radius: 11px; background: #191919; box-shadow: 0 18px 60px rgb(0 0 0 / 50%); }
.gwc-dmg-window[hidden] { display: none; }
.gwc-dmg-window[data-maximized=true] { max-width: none; max-height: none; border: 0; border-radius: 0; }
.gwc-dmg-titlebar { display: grid; flex-shrink: 0; grid-template-columns: minmax(90px, 1fr) minmax(0, 2fr) minmax(90px, 1fr); align-items: center; gap: 12px; height: 38px; padding: 0 14px; border-bottom: 1px solid #101014; background: linear-gradient(#303137, #26272c); color: #dedee3; font-size: 12px; }
.gwc-dmg-window-controls { display: flex; align-items: center; gap: 8px; }
.gwc-dmg-traffic { display: grid; width: 13px; height: 13px; place-items: center; padding: 0; overflow: hidden; border: 1px solid rgb(0 0 0 / 18%); border-radius: 50%; cursor: pointer; }
.gwc-dmg-window-controls button.gwc-dmg-traffic { border-radius: 50% !important; }
.gwc-dmg-traffic svg { width: 9px; height: 9px; opacity: 0; stroke-width: 2; }
.gwc-dmg-window-controls:hover .gwc-dmg-traffic svg, .gwc-dmg-traffic:focus-visible svg { opacity: 1; }
.gwc-dmg-close { background: #ff5f57; color: #6a0c07; }
.gwc-dmg-minimize { background: #febc2e; color: #704800; }
.gwc-dmg-maximize { background: #28c840; color: #005d12; }
.gwc-dmg-window-title { overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; }
.gwc-dmg-app-name { overflow: hidden; text-align: right; text-overflow: ellipsis; white-space: nowrap; color: #b0b1ba; font-size: 10px; }
.gwc-dmg-window-content { display: flex; flex: 1; flex-direction: column; min-width: 0; min-height: 0; padding: 0; overflow: hidden; }
.gwc-dmg-window-content > div { display: flex; flex: 1; flex-direction: column; min-width: 0; min-height: 0; }
.gwc-dmg-window .gwc-dmg-window-content .generic-workspace-container { flex: 1; width: 100%; height: 100%; min-height: 0; margin: 0; aspect-ratio: auto; border: 0; border-radius: 0; box-shadow: none; }
.gwc-dmg-window .gwc-dmg-window-content .generic-workspace-container[data-minimized=true] { flex: 0 0 auto; height: auto; }
.gwc-dmg-window-content .gwc-closed { flex: 1; min-height: 0; }
.gwc-dmg-restore { display: flex; align-items: center; gap: 9px; padding: 14px 20px; border: 1px solid #4b4c53; border-radius: 10px; background: #292b33; color: #eeeef2; font-size: 13px; cursor: pointer; }
.gwc-dmg-preview-dialog button:focus-visible, .gwc-dmg-launch:focus-visible { outline: 2px solid #b7dce3; outline-offset: 3px; }
@media (max-width: 600px) { .gwc-dmg-titlebar { grid-template-columns: 70px minmax(0, 1fr); padding-inline: 10px; } .gwc-dmg-app-name { display: none; } }
.gwc-demo-page { width: 100%; min-width: 0; max-width: 1000px; margin: 0 auto; padding: 16px; }
.gwc-demo-eyebrow { display: block; color: var(--gwc-muted); font-size: 10px; }
.gwc-demo-page-heading h2 { margin: 5px 0 8px; color: var(--gwc-fg); font-size: 18px; font-weight: 500; letter-spacing: -.02em; }
.gwc-demo-page p, .gwc-demo-inspector p { color: var(--gwc-muted); font-size: 11px; line-height: 1.6; }
.gwc-demo-page-heading p { margin: 0 0 20px; }
.gwc-demo-page h3, .gwc-demo-inspector h3, .gwc-demo-context h3 { margin: 18px 0 10px; font-size: 12px; font-weight: 600; }
.gwc-demo-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-bottom: 20px; }
.generic-workspace-container .gwc-demo-stats button { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; min-width: 0; padding: 10px; border: 1px solid var(--gwc-line); border-radius: 3px; background: var(--gwc-panel); color: var(--gwc-muted); text-align: left; }
.gwc-demo-stats strong { color: var(--gwc-fg); font-size: 20px; font-weight: 500; }
.gwc-demo-stats span { width: 100%; font-size: 10px; }
.gwc-demo-items { display: flex; flex-direction: column; gap: 6px; }
.gwc-demo-item { min-width: 0; overflow: hidden; border: 1px solid var(--gwc-line); border-radius: 3px; background: var(--gwc-panel); }
.gwc-demo-item[data-selected=true] { border-color: color-mix(in srgb, var(--gwc-fg) 35%, var(--gwc-line)); background: var(--gwc-selected); }
.generic-workspace-container .gwc-demo-item > button { display: flex; flex-wrap: wrap; width: 100%; align-items: center; gap: 10px; padding: 12px; border: 0; background: transparent; color: var(--gwc-fg); text-align: left; }
.generic-workspace-container .gwc-demo-item > button:hover, .generic-workspace-container .gwc-demo-stats button:hover { background: var(--gwc-raised); }
.gwc-demo-item > button > span:first-of-type { flex: 1; min-width: min(130px, 100%); }
.gwc-demo-item strong { font-size: 11px; font-weight: 500; }
.gwc-demo-item small, .gwc-demo-activity small { display: block; margin-top: 4px; color: var(--gwc-muted); font-size: 10px; line-height: 1.5; }
.gwc-demo-badge { padding: 3px 6px; border: 1px solid var(--gwc-line); border-radius: 4px; color: var(--gwc-muted); font-size: 9px; white-space: nowrap; }
.gwc-demo-complete { display: flex; align-items: center; gap: 6px; padding: 0 12px 10px; color: var(--gwc-muted); font-size: 10px; }
.gwc-demo-complete input { accent-color: var(--gwc-accent); }
.gwc-demo-selection { margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--gwc-line); }
.gwc-demo-selection h3, .gwc-demo-inspector h3 { margin-top: 6px; }
.gwc-demo-note { display: flex; flex-direction: column; gap: 7px; margin-top: 16px; color: var(--gwc-muted); font-size: 10px; }
.gwc-demo-note textarea { width: 100%; min-height: 64px; resize: vertical; padding: 9px; border: 1px solid var(--gwc-line); border-radius: 4px; background: var(--gwc-bg); color: var(--gwc-fg); font: inherit; font-size: 11px; line-height: 1.5; }
.gwc-demo-activity { margin: 0; padding: 0; list-style: none; }
.gwc-demo-activity li { display: flex; align-items: flex-start; gap: 9px; padding: 10px 0; border-bottom: 1px solid var(--gwc-line); color: var(--gwc-muted); }
.gwc-demo-activity svg { margin-top: 3px; }
.generic-workspace-container .gwc-demo-activity button { padding: 0; border: 0; background: transparent; color: var(--gwc-fg); text-align: left; font-size: 11px; }
.gwc-demo-inspector, .gwc-demo-context { margin: 8px 12px; padding-top: 14px; border-top: 1px solid var(--gwc-line); }
.gwc-demo-context h3 { margin-top: 0; }
.generic-workspace-container .gwc-demo-context button { display: block; width: 100%; padding: 9px 0; border: 0; border-bottom: 1px solid var(--gwc-line); background: transparent; color: var(--gwc-fg); text-align: left; font-size: 11px; }
.gwc-demo-context button[aria-pressed=true] { color: var(--gwc-accent); }
.gwc-demo-context small { display: block; margin-top: 4px; color: var(--gwc-muted); font-size: 10px; }
.gwc-demo-inspector dl, .gwc-demo-selection dl { display: flex; flex-wrap: wrap; gap: 12px 24px; margin: 14px 0; font-size: 10px; }
.gwc-demo-inspector dt, .gwc-demo-selection dt { margin-bottom: 5px; color: var(--gwc-muted); }
.gwc-demo-inspector dd, .gwc-demo-selection dd { margin: 0; }
.gwc-demo-popup-summary { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; margin: 0; padding: 10px 12px; border-top: 1px solid var(--gwc-line); color: var(--gwc-muted); font-size: 10px; }
.gwc-demo-popup-summary strong { margin-left: auto; color: var(--gwc-fg); font-weight: 500; }
.nextjs-variations { min-width: 0; padding: 0 8px 8px; }
.nextjs-variations__tabs { position: sticky; top: 0; z-index: 5; display: flex; gap: 5px; width: 100%; height: 32px; align-items: center; overflow-x: auto; background: hsl(var(--card)); scrollbar-width: thin; }
.nextjs-variations__tabs > span { flex: 0 0 auto; min-width: 0; }
.nextjs-variations__tabs .nextjs-navigation-link { display: flex; height: 22px; align-items: center; gap: 4px; padding: 0 7px; border-radius: 3px; background: var(--bg-color); color: var(--retro-label-color); box-shadow: inset 1px 1px 1px var(--shadow-light), inset -1px -1px 1px var(--shadow-dark); text-decoration: none; white-space: nowrap; }
.nextjs-variations__tabs .nextjs-navigation-link[aria-current='location'] { background: var(--bg-color-active); box-shadow: inset 1px 1px 3px var(--shadow-dark), inset -1px -1px 1px var(--shadow-light); }
.nextjs-variations__tabs a:focus-visible { outline: 2px solid hsl(var(--ring)); outline-offset: -2px; }
.nextjs-variations__preview { min-width: 0; margin-top: 12px; scroll-margin-top: 40px; }
.nextjs-variations__preview > h3 { margin: 0 0 5px; font-weight: 500; }
.nextjs-variations__preview > h3 > button { display: flex; align-items: center; gap: 6px; width: 100%; min-height: 28px; padding: 4px 8px; border: 1px solid hsl(var(--border)); border-radius: 3px; background: hsl(var(--card)); color: inherit; font: inherit; text-align: left; cursor: pointer; }
.nextjs-variations__preview > h3 > button:focus-visible { outline: 2px solid hsl(var(--ring)); outline-offset: 2px; }
.nextjs-variations__preview > h3 > button[aria-expanded='true'] > svg { transform: rotate(90deg); }
.nextjs-variations__preview > [hidden] { display: none; }
.nextjs-variations__closed > button { padding: 6px 9px; border: 1px solid hsl(var(--border)); border-radius: 4px; background: hsl(var(--card)); color: hsl(var(--foreground)); font: inherit; }
.nextjs-variations .nextjs-directory { min-width: 0; height: 360px; }
.nextjs-directory--container { display: flex; flex-direction: column; border: 0; border-radius: 0; --nextjs-sidebar-panel: #222; --nextjs-sidebar-line: #303030; }
.nextjs-directory--container [data-workspace-ui='modern'] {
  --core-frame: #191919; --core-panel: #222; --core-field: #191919; --core-ink: #e5e5e5;
  --core-muted: #a3a3a3; --core-line: #303030; --core-bar: #222; --core-hover: #2b2b2b;
  --core-selected: #191919; --core-rail: #222; --foreground: 0 0% 90%; --muted-foreground: 0 0% 64%;
}
.nextjs-directory__container-host, .nextjs-variations__split { display: flex; min-width: 0; min-height: 0; flex: 1; overflow: hidden; }
.nextjs-directory--container .nextjs-directory__sidebar { height: 100%; }
.nextjs-directory--container .nextjs-directory__main { height: 100%; }
.nextjs-directory--container:not([data-sidebar-variant='none']) .nextjs-directory__main { margin-left: 8px; }
.nextjs-variations__closed { display: grid; flex: 1; place-items: center; }
.nextjs-directory[data-sidebar-variant='unified'] .nextjs-directory__primary-nav[data-tls] { --core-rail-width: 48px; --core-panel-width: 168px; }
.nextjs-directory[data-sidebar-variant='unified'] .nextjs-directory__primary-nav[data-tls] .tls-panel,
.nextjs-directory[data-sidebar-variant='unified'] .nextjs-directory__primary-nav[data-tls] .tls-panel-well { width: auto; min-width: 0; flex: 1; }
.nextjs-directory[data-sidebar-variant='unified'] .nextjs-directory__primary-nav[data-tls] .tls-head { border-bottom: 1px solid var(--nextjs-sidebar-line); }
.nextjs-directory[data-sidebar-variant='unified'] .nextjs-directory__primary-nav[data-tls='1a'] .tls-row,
.nextjs-directory[data-sidebar-variant='unified'] .nextjs-directory__primary-nav[data-tls='1f'] .tls-row {
  background: linear-gradient(#303030, #222) !important; box-shadow: inset 0 1px 0 #444, 0 2px 2px #111 !important;
}
.nextjs-directory[data-sidebar-variant='unified'] .nextjs-directory__primary-nav[data-tls='1b'] .tls-panel { box-shadow: inset 3px 2px 6px #111 !important; }
.nextjs-directory[data-sidebar-variant='unified'] .nextjs-directory__primary-nav[data-tls='1c'] .tls-panel { border-inline: 1px solid var(--nextjs-sidebar-line); }
.nextjs-directory[data-sidebar-variant='unified'] .nextjs-directory__primary-nav[data-tls='1d'] .tls-panel { margin: 5px; border: 1px solid #3b3b3b; border-radius: 4px; box-shadow: 0 4px 8px #111 !important; }
.nextjs-directory[data-sidebar-variant='unified'] .nextjs-directory__primary-nav[data-tls='1e'] .tls-row { clip-path: polygon(0 0, calc(100% - 5px) 0, 100% 5px, 100% 100%, 0 100%); border-radius: 0; }
.nextjs-directory[data-sidebar-variant='unified'] .nextjs-directory__primary-nav[data-tls='1f'] .tls-row { margin-block: 3px; border: 1px solid #414141; }

/* Keep the entire reference compact, including text inside shared chrome. */
:is(#nextjs-design, .nextjs-variations), :is(#nextjs-design, .nextjs-variations) *:where(:not(.generic-workspace-container, .generic-workspace-container *, [data-primary-ui-legacy], [data-primary-ui-legacy] *)) { font-size: 9px !important; }
:is(#nextjs-design, .nextjs-variations) .desk-inspector:where(:not([data-primary-ui-legacy] *)), :is(#nextjs-design, .nextjs-variations) .desk-inspector *:where(:not([data-primary-ui-legacy] *)) { font-size: 8px !important; }
:is(#nextjs-design, .nextjs-variations) .core-workspace-rail-label:where(:not([data-primary-ui-legacy] *)) { font-size: 6px !important; }
:is(#nextjs-design, .nextjs-variations) :is(.ui-ref-ps1-product-glyph, .ui-ref-ps1-sis-dest, .primary-topbar-1-outline-icon):where(:not([data-primary-ui-legacy] *)) {
  display: inline-flex !important; visibility: visible !important; opacity: 1 !important;
  width: 12px !important; height: 12px !important; min-width: 12px !important; min-height: 12px !important; flex-shrink: 0;
}
:is(#nextjs-design, .nextjs-variations) :is(.ui-ref-ps1-product-glyph, .ui-ref-ps1-sis-dest) :is(svg, img, [data-rd-icon-plate]):where(:not([data-primary-ui-legacy] *)) {
  display: block !important; visibility: visible !important; opacity: 1 !important;
  width: 12px !important; height: 12px !important; min-width: 12px !important; min-height: 12px !important;
}
:is(#nextjs-design, .nextjs-variations) .nextjs-directory__nav-item > svg { width: 12px; height: 12px; flex-shrink: 0; }
.primary-ui-buttons {
  --primary-ui-button-width: 96px;
  --primary-ui-button-height: 28px;
  --primary-ui-button-gap: 10px;
  --primary-ui-button-grid-width: calc(4 * var(--primary-ui-button-width) + 3 * var(--primary-ui-button-gap));
  container-type: inline-size;
  flex: 1;
  min-height: 0;
  overflow: auto;
  padding: 14px 18px;
}

.primary-ui-buttons--embedded { flex: none; overflow: visible; padding: 0; }
.primary-ui-buttons--embedded :is(.primary-ui-buttons__grid, .primary-ui-buttons__other-grid) { display: flex; flex-direction: column; gap: 8px; width: 100%; }
.primary-ui-buttons--embedded .primary-ui-buttons__group { width: 100%; }
.primary-ui-buttons--embedded .primary-ui-buttons__title { min-height: 0; margin: 0; }
.primary-ui-buttons__fold-trigger { display: flex; width: 100%; align-items: center; gap: 6px; padding: 8px 0; border: 0; border-bottom: 1px solid hsl(var(--border)); background: transparent; color: hsl(var(--foreground)); font: inherit; text-align: left; cursor: pointer; }
.primary-ui-buttons__fold-trigger[aria-expanded='true'] > svg { transform: rotate(90deg); }
.primary-ui-buttons--embedded .primary-ui-buttons__examples { padding-block: 10px; }

.primary-ui-buttons__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--primary-ui-button-grid-width)), var(--primary-ui-button-grid-width)));
  align-content: start;
  align-items: start;
  gap: 18px 28px;
}

.primary-ui-buttons__other-grid,
.primary-ui-buttons__examples {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--primary-ui-button-width)), var(--primary-ui-button-width)));
  align-items: start;
  align-content: start;
  gap: var(--primary-ui-button-gap);
}

.primary-ui-buttons__other-grid { row-gap: 16px; }
.primary-ui-buttons__other-grid :is([data-button-group='glowing-button'], [data-button-group='rainbow-edge']) { grid-column: 1 / -1; }
.primary-ui-buttons [data-button-group='rainbow-edge'] .primary-ui-buttons__examples { display: block; }
.primary-ui-buttons__group { min-width: 0; }
.primary-ui-buttons .primary-ui-buttons__group,
.primary-ui-buttons .primary-ui-buttons__group :is(button, span) { text-transform: lowercase !important; }
.primary-ui-buttons [data-button-group='retro-button'] {
  --primary-ui-button-width: 80px;
  --primary-ui-button-height: 24px;
}
.primary-ui-buttons .retro-key-button[data-shape='pad'] { box-sizing: border-box; width: 36px; min-width: 36px; max-width: 36px; height: 36px; min-height: 36px; max-height: 36px; }
.primary-ui-buttons__desk-icon { display: block; width: 20px; height: 20px; -o-object-fit: contain; object-fit: contain; }
.primary-ui-buttons__title { margin: 0 0 10px; font-size: 12px; font-weight: 500; }
.primary-ui-buttons__other-grid .primary-ui-buttons__title { min-height: 28px; margin-bottom: 6px; font-size: 10px; line-height: 14px; }
.primary-ui-buttons__other-grid [data-button-group='glowing-button'] .primary-ui-buttons__title { min-height: 0; }

.primary-ui-buttons .primary-ui-buttons__examples button:not([data-shape='pad']),
.primary-ui-buttons .primary-ui-buttons__tactile {
  box-sizing: border-box;
  width: var(--primary-ui-button-width) !important;
  min-width: var(--primary-ui-button-width) !important;
  max-width: var(--primary-ui-button-width) !important;
  height: var(--primary-ui-button-height) !important;
  min-height: var(--primary-ui-button-height) !important;
  max-height: var(--primary-ui-button-height) !important;
}

.primary-ui-buttons .primary-ui-buttons__examples > button:not([data-retro-button]) { padding: 0 6px !important; font-size: 12px; }
.primary-ui-buttons .primary-ui-buttons__examples button[data-retro-button]:not([data-shape='pad']) > span {
  display: flex;
  box-sizing: border-box;
  height: 100%;
  padding: 0 8px;
  align-items: center;
  justify-content: center;
}

.primary-ui-buttons__retro-keys { display: flex; grid-column: 1 / -1; width: 100%; flex-direction: column; gap: var(--primary-ui-button-gap); padding-top: 10px; border-top: 1px solid hsl(var(--border)); }
.primary-ui-buttons__retro-key-row { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--primary-ui-button-gap); }
.primary-ui-buttons__retro-theme-grid { display: grid; grid-template-columns: repeat(4, 36px); gap: var(--primary-ui-button-gap); }
.primary-ui-buttons__retro-theme-grid--rectangles { grid-template-columns: repeat(4, var(--primary-ui-button-width)); }
.primary-ui-buttons__retro-theme-option { display: flex; min-width: 0; flex-direction: column; align-items: center; gap: 6px; }
.primary-ui-buttons__retro-theme-label { font-size: 10px; line-height: 1.3; text-align: center; overflow-wrap: anywhere; }
.primary-ui-buttons button[data-retro-theme] > span::before {
  content: '';
  position: absolute;
  left: 3px;
  top: 50%;
  width: 2px;
  height: 50%;
  border-radius: 1px;
  background: var(--retro-theme-accent);
  transform: translateY(-50%);
  pointer-events: none;
}
.primary-ui-buttons button[data-retro-theme]:focus-visible { outline-color: var(--retro-theme-accent); }

.primary-ui-buttons .primary-ui-buttons__tactile {
  border-radius: 3px;
}

.primary-ui-buttons .primary-ui-buttons__dots {
  width: var(--primary-ui-button-width);
  height: var(--primary-ui-button-height);
  min-height: 0;
  overflow: visible;
  background: transparent;
  color: inherit;
}

.primary-ui-buttons .primary-ui-buttons__dots :is(.button04, .button05) {
  align-items: center;
  border-radius: 3px !important;
  font: 400 9px/1.2 Arial, sans-serif;
  letter-spacing: -.3px;
}

.primary-ui-buttons .primary-ui-buttons__dots :is(.button04_inner, .button05_inner) {
  box-sizing: border-box;
  justify-content: space-between;
  width: 100%;
  gap: 3px;
  padding: 0 5px;
}
.primary-ui-buttons .primary-ui-buttons__dots :is(.button04_inner, .button05_inner)::after { left: 5px; }
.primary-ui-buttons .primary-ui-buttons__dots :is(.button04_icon-wrap, .button05_icon-wrap) { width: 12px; height: 12px; }
.primary-ui-buttons .primary-ui-buttons__dots .button04_icon { gap: 1px; }
.primary-ui-buttons .primary-ui-buttons__dots .button05_icon-wrap { width: 20px; }
.primary-ui-buttons .primary-ui-buttons__dots .button05_icon {
  left: calc(var(--index-parent) * 5px);
  width: 4px;
  height: 12px;
  background: currentColor;
  clip-path: polygon(0 0, 100% 50%, 0 100%, 0 78%, 55% 50%, 0 22%);
}
.primary-ui-buttons .primary-ui-buttons__dots .button05_dot { display: none; }
/* Titles, breadcrumbs and search share the tab-track treatment in every Primary UI sidebar. */
:is(.ui-ref-ps1-compact.primary-ui-sidebar-host, .tls-frame, [data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.tls-head, .dev-ws-sidebar-header, .ctc-finder-crumb, .ctc-finder-shell > label:first-child, .das-search-row, .das-panel-header, .desk-inspector-chrome) {
  box-sizing: border-box;
  height: var(--container-header-height, 27px) !important;
  min-height: var(--container-header-height, 27px) !important;
  max-height: var(--container-header-height, 27px) !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border: 0;
  border-bottom: 1px solid var(--container-divider, #414147) !important;
  border-radius: 0 !important;
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e)) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.09) !important;
  color: hsl(var(--foreground));
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 5px;
}
:is(.ui-ref-ps1-compact.primary-ui-sidebar-host, .tls-frame, [data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.tls-head, .dev-ws-sidebar-header, .ctc-finder-crumb, .ctc-finder-shell > label:first-child, .das-search-row, .das-panel-header, .desk-inspector-chrome),
:is(.ui-ref-ps1-compact.primary-ui-sidebar-host, .tls-frame, [data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.tls-head, .dev-ws-sidebar-header, .ctc-finder-crumb, .ctc-finder-shell > label:first-child, .das-search-row, .das-panel-header, .desk-inspector-chrome)
:is(span, button, input, h2, h3) {
  font-family: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  -webkit-font-smoothing: antialiased;
}
:is([data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.ctc-finder-shell > label:first-child, .das-search-row) input {
  min-width: 0;
  color: hsl(var(--foreground));
}
:is([data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.ctc-finder-shell > label:first-child, .das-search-row) input::-moz-placeholder {
  color: hsl(var(--muted-foreground));
  opacity: 1;
}
:is([data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.ctc-finder-shell > label:first-child, .das-search-row) input::placeholder {
  color: hsl(var(--muted-foreground));
  opacity: 1;
}
/* Continue the bottom tab-track fill through the sidebar footer cells. */
:is(.ui-ref-ps1-compact.primary-ui-sidebar-host, .tls-frame, [data-creative-tools-container], [data-desktop-app-shell-v2])
:is(.tls-rail-footer, .ui-ref-ps1-layer1-rail-footer, .ctc-finder-footer, .das-library-row, .das-status-bar) {
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e)) !important;
  border-top: 1px solid var(--container-divider, #414147) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.07) !important;
}
/* Creative Tools Container — raised rails, inset canvas, beveled inspector. */
/* Shared Creative Tools rail tokens — used by CTC and Desktop App Shell. */
[data-creative-tools-container],
[data-desktop-app-shell-v2] {
  --ctc-rail: #1f1f1f;
  --ctc-panel: #252525;
  --ctc-panel-raised: #2c2c2c;
  --ctc-canvas: #171717;
  --ctc-inspector: #1e1e1e;
  --ctc-input: #161616;
  --ctc-stroke: #101010;
  --ctc-stroke-soft: #2a2a2a;
  --ctc-gutter: #1a1a1a;
  --ctc-fg: #deddda;
  --ctc-fg-muted: #9a9996;
  --ctc-highlight: rgba(255, 255, 255, 0.1);
  --ctc-highlight-strong: rgba(255, 255, 255, 0.16);
  --ctc-shade: rgba(0, 0, 0, 0.55);
  --ctc-shade-strong: rgba(0, 0, 0, 0.72);
  --ctc-bevel-out:
    inset 1px 1px 0 var(--ctc-highlight),
    inset -1px -1px 0 var(--ctc-shade);
  --ctc-bevel-out-hover:
    inset 1px 1px 0 var(--ctc-highlight-strong),
    inset -1px -1px 0 var(--ctc-shade);
  --ctc-bevel-in:
    inset 1px 1px 0 var(--ctc-shade-strong),
    inset -1px -1px 0 var(--ctc-highlight);
  --ctc-row-x: 12px;
  --ctc-row-y: 6px;
  --ctc-control-h: 24px;
  --ctc-chrome-pad: 8px;
  --ctc-rule:
    inset 0 1px 0 var(--ctc-highlight),
    0 1px 0 var(--ctc-stroke);
  --ctc-grain: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");
  --ctc-dots:
    radial-gradient(circle, rgba(255, 255, 255, 0.045) 0.5px, transparent 0.7px);
}
/* Creative Tools is a Workspace Container surface, not a separate chrome theme. */
[data-creative-tools-container] {
  --ctc-rail: var(--workspace-sidebar-bg, var(--linux-chrome-bg, #242424));
  --ctc-panel: var(--workspace-sidebar-panel, #141416);
  --ctc-panel-raised: var(--workspace-sidebar-row-top, #2b2b2f);
  --ctc-canvas: #0d0d0e;
  --ctc-inspector: var(--linux-chrome-bg, #242424);
  --ctc-input: var(--workspace-sidebar-head-bottom, #171719);
  --ctc-stroke: var(--workspace-sidebar-line, var(--linux-chrome-border, #3d3846));
  --ctc-stroke-soft: var(--workspace-sidebar-line, var(--linux-chrome-border, #3d3846));
  --ctc-gutter: var(--workspace-sidebar-panel, #141416);
  --ctc-fg: var(--workspace-sidebar-fg, var(--linux-chrome-fg, #deddda));
  --ctc-fg-muted: var(--workspace-sidebar-muted, var(--linux-chrome-muted, #9a9996));
  --ctc-row-x: 6px;
  --ctc-row-y: 0;
  --ctc-control-h: var(--workspace-sidebar-control-size, 26px);
  --ctc-chrome-pad: var(--workspace-sidebar-pad, 3px);
}
[data-creative-tools-container] {
  background: var(--ctc-inspector);
  color: var(--ctc-fg);
}
[data-creative-tools-container] .ctc-sidebar {
  position: relative;
  z-index: 1;
  display: flex;
  min-height: 0;
  height: 100%;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  flex-shrink: 0;
  background: var(--ctc-inspector);
  box-shadow: none;
}
[data-creative-tools-container] .ctc-finder-shell {
  width: var(--workspace-sidebar-panel-width, 168px);
  background: var(--ctc-inspector) !important;
}
[data-creative-tools-container] .ctc-finder-shell label:first-child {
  box-sizing: border-box;
  height: var(--container-header-height, 27px);
  min-height: var(--container-header-height, 27px);
  margin: 0;
  padding: 0 8px;
  border: 0;
  border-bottom: 1px solid var(--container-divider, #414147);
  border-radius: 0;
  background: var(--rd-site-chrome-gradient, linear-gradient(180deg, #26262a, #1b1b1e));
  box-shadow: none;
}
[data-creative-tools-container] .ctc-finder-shell label:first-child svg {
  width: 12px;
  height: 12px;
}
[data-creative-tools-container] .ctc-finder-shell label:first-child input {
  font-size: var(--primary-ui-chrome-font-size, 12px) !important;
  font-weight: 400;
  letter-spacing: 0 !important;
  line-height: 22px;
}
[data-creative-tools-container] .ctc-finder-crumb {
  margin: 0;
  min-height: var(--workspace-sidebar-head-height, 22px);
  padding: 1px 4px;
  letter-spacing: normal;
  text-transform: none;
  box-shadow: none;
  border-bottom: 1px solid var(--workspace-sidebar-line, #3d3846);
  background: linear-gradient(
    180deg,
    var(--workspace-sidebar-head-top, #1d1d20),
    var(--workspace-sidebar-head-bottom, #171719)
  );
}
[data-creative-tools-container] .ctc-finder-crumb,
[data-creative-tools-container] .ctc-finder-crumb button,
[data-creative-tools-container] .ctc-finder-crumb span {
  font-size: var(--primary-ui-chrome-font-size, 12px);
  font-weight: 600;
  letter-spacing: normal !important;
  text-transform: none !important;
}
[data-creative-tools-container] .ctc-finder-shell [data-ctc-insert-rows] {
  gap: 0 !important;
  padding: 0 !important;
}
[data-creative-tools-container] .ctc-finder-shell [data-ctc-insert-rows] > button {
  height: var(--workspace-sidebar-row-height, 22px);
  min-height: var(--workspace-sidebar-row-height, 22px);
  gap: var(--workspace-sidebar-gap, 2px);
  padding: 1px 4px 1px 6px !important;
  border-radius: 0 !important;
  background: linear-gradient(
    180deg,
    var(--workspace-sidebar-row-top, #2b2b2f),
    var(--workspace-sidebar-row-bottom, #202024)
  ) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    inset 0 -1px 0 rgba(0, 0, 0, 0.55) !important;
  border-bottom: 1px solid var(--workspace-sidebar-line, #3d3846);
}
[data-creative-tools-container] .ctc-finder-shell [data-ctc-insert-rows] > button > span:first-child {
  width: var(--workspace-sidebar-icon-size, 16px);
  height: var(--workspace-sidebar-icon-size, 16px);
}
[data-creative-tools-container] .ctc-finder-shell [data-ctc-insert-rows] .ui-ref-ps1-sis-dest,
[data-creative-tools-container] .ctc-finder-shell [data-ctc-insert-rows] .ui-ref-ps1-sis-dest--toggle {
  width: var(--workspace-sidebar-icon-size, 16px) !important;
  height: var(--workspace-sidebar-icon-size, 16px) !important;
  background: none !important;
  background-image: none !important;
}
[data-creative-tools-container] .ctc-finder-shell [data-ctc-insert-rows] > button .min-w-0 > span:first-child {
  font-size: var(--primary-ui-chrome-font-size, 12px);
  font-weight: 600;
  line-height: 1.2;
  color: #e0e0e0;
}
[data-creative-tools-container] .ctc-finder-shell [data-ctc-insert-rows] > button .min-w-0 > span + span {
  display: none;
}
[data-creative-tools-container] .ctc-finder-shell [data-ctc-insert-rows] > button:hover {
  background: linear-gradient(180deg, #303035, #242428) !important;
}
[data-creative-tools-container] .ctc-finder-shell [data-ctc-insert-rows] > button[data-active='true'] {
  background: linear-gradient(
    180deg,
    var(--workspace-sidebar-row-top, #2b2b2f),
    var(--workspace-sidebar-row-bottom, #202024)
  ) !important;
}
[data-creative-tools-container] .ctc-finder-shell [data-ctc-insert-rows] > button[data-active='true'] .min-w-0 > span:first-child {
  color: #fff;
}
[data-creative-tools-container] .ctc-finder-footer {
  margin-top: auto;
  display: flex;
  align-items: center;
  height: 32px;
  min-height: 32px;
  padding: 0 4px !important;
  border-top: 1px solid var(--workspace-sidebar-line, #3d3846);
  box-shadow: none;
}
[data-creative-tools-container] .ctc-canvas {
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  flex: 1 1 auto;
  overflow: hidden;
  padding: 0;
  background: var(--ctc-canvas);
}
[data-creative-tools-container] .ctc-canvas-well {
  position: relative;
  z-index: 0;
  min-width: 0;
  min-height: 0;
  flex: 1 1 auto;
  overflow: hidden;
  border-radius: 0;
  background:
    var(--ctc-dots),
    var(--ctc-canvas);
  background-size: 12px 12px, auto;
  box-shadow: none;
  border-inline: 1px solid var(--container-divider-soft, #303035);
}
[data-creative-tools-container] .ctc-canvas-well::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.12;
  mix-blend-mode: overlay;
  background-image: var(--ctc-grain);
  background-size: 160px 160px;
}
[data-creative-tools-container] .ctc-inspector {
  position: relative;
  z-index: 1;
  display: flex;
  min-height: 0;
  height: 100%;
  flex-shrink: 0;
  background: var(--ctc-inspector);
  box-shadow: none;
}
[data-creative-tools-container] .desk-inspector {
  width: 14rem;
  background: var(--ctc-inspector) !important;
  color: var(--ctc-fg);
}
[data-creative-tools-container] .desk-inspector-chrome,
[data-creative-tools-container] .desk-inspector-toolbar,
[data-creative-tools-container] .desk-inspector-section {
  border-color: transparent !important;
  box-shadow: var(--ctc-rule);
}
[data-creative-tools-container] .desk-inspector-section-body {
  background: color-mix(in srgb, var(--ctc-input) 72%, var(--ctc-inspector));
  box-shadow:
    inset 0 1px 0 var(--ctc-shade),
    inset 0 -1px 0 var(--ctc-highlight);
}
[data-creative-tools-container] .desk-inspector-icon-btn {
  border-radius: 3px;
  background: var(--ctc-panel-raised);
  box-shadow: var(--ctc-bevel-out);
}
[data-creative-tools-container] .desk-inspector-icon-btn:hover {
  background: #333;
  box-shadow: var(--ctc-bevel-out-hover);
}
[data-creative-tools-container] .desk-inspector-icon-btn[aria-pressed='true'] {
  background: #1a1a1a;
  box-shadow: var(--ctc-bevel-in);
}
[data-creative-tools-container] .desk-inspector-field,
[data-creative-tools-container] .desk-inspector-well {
  border-radius: 3px;
  background: var(--ctc-input) !important;
  box-shadow: var(--ctc-bevel-in);
}
[data-creative-tools-container] .desk-inspector-chip {
  border-radius: 3px;
  background: var(--ctc-panel-raised);
  box-shadow: var(--ctc-bevel-out);
}
[data-creative-tools-container] .desk-inspector-chip[aria-pressed='true'] {
  background: #1a1a1a;
  box-shadow: var(--ctc-bevel-in);
}
[data-creative-tools-container] .desk-inspector-field-label {
  margin-top: 2px;
  padding-top: 8px;
  box-shadow: inset 0 1px 0 var(--ctc-highlight);
}
[data-creative-tools-container] .desk-inspector-tabs button[aria-pressed='true'] {
  box-shadow: inset 0 -2px 0 #deddda;
}
[data-blender-style-container] {
  --blender-bg: #1a1a1a;
  --blender-bg-elevated: #242424;
  --blender-header: #1a1a1a;
  --blender-viewport: #2e2e2e;
  --blender-input: #1e1e1e;
  --blender-stroke: #121212;
  --blender-stroke-subtle: #2e2e2e;
  --blender-fg: #cccccc;
  --blender-fg-muted: #9d9d9d;
  --blender-fg-dim: #6e6e6e;
  --blender-select: #4772b3;
  --blender-select-fg: #ffffff;
  --blender-accent-orange: #d68d59;
  --blender-accent-orange-bg: rgba(214, 141, 89, 0.25);
  --blender-handle: #121212;
  --blender-handle-hover: #4772b3;
  --blender-font-size: 11px;
  --blender-header-height: 22px;
  --blender-tool-rail-width: 32px;
  --blender-properties-tab-width: 28px;
}

[data-blender-style-container] {
  background: var(--blender-bg);
  color: var(--blender-fg);
  font-size: var(--blender-font-size);
}

[data-blender-style-container] .blender-split-handle {
  flex-shrink: 0;
  background: var(--blender-handle);
  transition: background 120ms ease;
}

[data-blender-style-container] .blender-split-handle[data-panel-group-direction='horizontal'],
[data-blender-style-container] .blender-split-handle:not([data-panel-group-direction]) {
  width: 4px;
  min-width: 4px;
}

[data-blender-style-container] .blender-split-handle[data-panel-group-direction='vertical'] {
  height: 4px;
  min-height: 4px;
  width: 100%;
}

[data-blender-style-container] .blender-split-handle:hover,
[data-blender-style-container] .blender-split-handle[data-resize-handle-active] {
  background: var(--blender-handle-hover);
}

/* PS1 twin-column embed — rail | tree inside blender left strip */
[data-blender-style-container] [data-blender-ps1-host] {
  min-width: 0;
  overflow: hidden;
}

[data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed.ui-ref-ps1-compact {
  --ps1-layer1-bg: var(--blender-header);
  --ps1-layer2-bg: var(--blender-header);
  --dev-ws-activity-bg: var(--blender-header);
  --dev-ws-panel-bg: var(--blender-header);
  --ps1-rail-divider: var(--blender-stroke);
  --ps1-chip-bg: var(--blender-bg-elevated);
  --ps1-chip-bg-hover: #2a2a2a;
  --ps1-chip-bg-active: #333333;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  height: 100%;
  min-height: 0;
  border-radius: 0;
  box-shadow: none;
}

[data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed .ui-ref-ps1-layer1 {
  width: 2.5rem;
  min-width: 2.5rem;
  max-width: 2.5rem;
  border-right: none !important;
  background: var(--blender-header) !important;
}

[data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed [data-blender-ps1-rail-column],
[data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed [data-blender-ps1-tree-column],
[data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed .ui-ref-ps1-layer1-rail,
[data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed .ui-ref-ps1-layer2,
[data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed .ui-ref-ps1-layer2-panel,
[data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed .dev-ws-sidebar.ui-ref-ps1-layer2-panel {
  background: var(--blender-header) !important;
}

[data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed [data-blender-ps1-tree-column] {
  min-width: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

[data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed .ui-ref-ps1-layer2,
[data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed .ui-ref-ps1-tree-view-shell,
[data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed .ui-ref-ps1-submenu-panel {
  width: -moz-max-content !important;
  width: max-content !important;
  max-width: 100% !important;
  flex: 0 0 auto;
  min-width: 0;
}

[data-blender-style-container] .blender-inspector-rail {
  flex: 0 0 var(--blender-properties-tab-width);
}

[data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed .ui-ref-ps1-submenu-title-bar,
[data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed .dev-ws-sidebar-title {
  color: var(--blender-fg-muted);
  border-color: var(--blender-stroke);
}

[data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed .ui-ref-ps1-submenu-panel .ui-ref-ps1-tab.ui-ref-ps1-glow-row,
[data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed .ui-ref-ps1-submenu-panel [role='treeitem'] {
  background: transparent !important;
  box-shadow: none !important;
  border-color: transparent !important;
  color: var(--blender-fg) !important;
}

[data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed .ui-ref-ps1-submenu-panel .ui-ref-ps1-tab.ui-ref-ps1-glow-row:hover,
[data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed .ui-ref-ps1-submenu-panel [role='treeitem']:hover {
  background: var(--blender-stroke-subtle) !important;
}

[data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed .ui-ref-ps1-submenu-panel .ui-ref-ps1-tab.ui-ref-ps1-glow-row[aria-current='page'],
[data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed .ui-ref-ps1-submenu-panel [role='treeitem'][aria-selected='true'] {
  background: var(--blender-stroke-subtle) !important;
  color: var(--blender-fg) !important;
}

/* CTC chrome in workspace frames: chips + spine beat blender transparent fills. */
.workspace-container-frame [data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed.ui-ref-ps1-compact .ui-ref-ps1-layer1 {
  border-right: 1px solid #2a2a2a !important;
}

.workspace-container-frame [data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed.ui-ref-ps1-compact .ui-ref-ps1-glow-icon,
.workspace-container-frame [data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed.ui-ref-ps1-compact button.ui-ref-ps1-glow-icon {
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin: 0 auto;
  border: 0 !important;
  border-radius: 3px !important;
  overflow: visible !important;
  background: #2c2c2c !important;
  background-image: none !important;
  box-shadow:
    inset 1px 1px 0 rgba(255, 255, 255, 0.1),
    inset -1px -1px 0 rgba(0, 0, 0, 0.55) !important;
}

.workspace-container-frame [data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed.ui-ref-ps1-compact .ui-ref-ps1-glow-icon::after {
  display: none !important;
}

.workspace-container-frame [data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed.ui-ref-ps1-compact .ui-ref-ps1-glow-icon::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 2px;
  height: 100%;
  border-radius: 0;
  transform: none !important;
  background: var(--glow-color);
  box-shadow: none;
  opacity: 0.2;
}

.workspace-container-frame [data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed.ui-ref-ps1-compact .ui-ref-ps1-glow-icon[aria-current='page']::before,
.workspace-container-frame [data-blender-style-container] [data-blender-ps1-host] .blender-ps1-embed.ui-ref-ps1-compact .ui-ref-ps1-glow-icon[aria-pressed='true']::before {
  opacity: 1;
  background: var(--glow-color);
}
.oct20-rtf-preview .dr-root {
  --dr-bg-0: #020308;
  --dr-bg-1: #05070d;
  --dr-bg-2: #0a1020;
  --dr-calm: #22e6ff;
  --dr-mid: #8a5cff;
  --dr-hot: #ff3d9a;
  --dr-core: #eafcff;
  --dr-vignette: .62;
  --dr-grain: .05;
  --dr-bloom-blur: 10px;
  --dr-bloom-opacity: .7;
  position: fixed;
  inset: 0;
  overflow: hidden;
  background: radial-gradient(ellipse at 50% 50%, var(--dr-bg-2), var(--dr-bg-0));
}
.oct20-rtf-preview .dr-root--contained { position: relative; width: 100%; height: 100%; min-height: 420px; }
.oct20-rtf-preview :is(.dr-main, .dr-bloom, .dr-vignette, .dr-grain) { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.oct20-rtf-preview .dr-bloom { filter: blur(var(--dr-bloom-blur)); opacity: var(--dr-bloom-opacity); }
.oct20-rtf-preview .dr-vignette { background: radial-gradient(ellipse, transparent 20%, rgb(0 0 0 / var(--dr-vignette))); }
.oct20-rtf-preview .dr-grain { opacity: var(--dr-grain); background-image: repeating-linear-gradient(0deg, transparent 0 2px, #fff 3px); }

  .standalone-galaxy * {
    border-color: hsl(var(--border));
    outline-color: hsl(var(--ring) / 0.5)
}
.standalone-galaxy {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.standalone-galaxy [data-scene-appearance="light"] .cosmos-settings-panel {
    background: rgb(255 255 255 / 0.78) !important;
    border-color: rgb(15 23 42 / 0.15) !important;
    color: #172033 !important;
}

.standalone-galaxy [data-scene-appearance="light"] .cosmos-settings-panel [class*="text-white"] {
    color: rgb(30 41 59 / 0.78) !important;
}

.standalone-galaxy [data-scene-appearance="light"] .cosmos-settings-panel [class*="border-white"] {
    border-color: rgb(15 23 42 / 0.14) !important;
}

.standalone-galaxy [data-scene-appearance="light"] .cosmos-settings-panel [class*="bg-white"] {
    background-color: rgb(15 23 42 / 0.06) !important;
}

.standalone-galaxy [data-scene-appearance="light"] button[aria-label="Open galaxy settings"] {
    background: rgb(255 255 255 / 0.82);
    border-color: rgb(15 23 42 / 0.18);
    color: #172033;
}

.standalone-galaxy {
  background: hsl(var(--background)); color: hsl(var(--foreground));
}
.standalone-galaxy .cosmos-settings-panel[data-cosmos-settings] {
  background: hsl(var(--card)) !important;
  color: hsl(var(--card-foreground)) !important;
  border: 1px solid hsl(var(--border)) !important;
  border-radius: var(--radius);
  font-family: inherit;
  backdrop-filter: none;
}
.standalone-galaxy .cosmos-settings-panel[data-cosmos-settings] [class*="text-white"] {
  color: hsl(var(--muted-foreground)) !important;
}
.standalone-galaxy .cosmos-settings-panel[data-cosmos-settings] [class*="border-white"] {
  border-color: hsl(var(--border)) !important;
}
.standalone-galaxy .cosmos-settings-panel[data-cosmos-settings] [class*="bg-white"] {
  background: hsl(var(--muted)) !important;
}
.standalone-galaxy .cosmos-settings-panel button[aria-pressed="true"] {
  background: hsl(var(--accent)); color: hsl(var(--accent-foreground)); border-color: hsl(var(--ring));
}
.standalone-galaxy button[aria-label="Open galaxy settings"] {
  background: hsl(var(--card)); color: hsl(var(--foreground)); border: 1px solid hsl(var(--border)); border-radius: var(--radius);
}


.standalone-galaxy { font-family: var(--site-font-sans, var(--font-sans, ui-sans-serif, system-ui, sans-serif)); }
.standalone-galaxy * { box-sizing: border-box; }
.standalone-galaxy :focus-visible { outline: 2px solid hsl(var(--ring)); outline-offset: 2px; }
.standalone-galaxy .galaxy-static-view { color: #fff; }
.standalone-galaxy [data-scene-appearance="light"] .galaxy-static-view { color: #172033; }